diff --git a/README.md b/README.md
index 19ac7ff..4026899 100644
--- a/README.md
+++ b/README.md
@@ -114,7 +114,7 @@ By default, workspace metadata and layout are stored in:
 ~/.hermes/visual-workspace/workspaces.sqlite3
 ```
 
-Hermes remains the canonical store for conversation history. The app database stores only application ownership, node mappings, rendered documents and layout.
+Hermes remains the canonical live store for conversation history. The app database keeps application ownership, node mappings, rendered documents, layout, **completed session snapshots**, and queued follow-ups locally. Every completed owned session is snapshotted into this SQLite database; use **Export archive** in the toolbar to download the active Rabbithole, its local snapshots, and any queued follow-ups as JSON.
 
 Back up the SQLite database before destructive maintenance. Uninstalling the service does not remove data.
 
diff --git a/backend/attachments.py b/backend/attachments.py
new file mode 100644
index 0000000..395b200
--- /dev/null
+++ b/backend/attachments.py
@@ -0,0 +1,346 @@
+"""Attachment storage, classification and multipart parsing.
+
+Mirrors the contract Hermes core uses for platform attachments
+(``gateway/platforms/base.py::cache_media_bytes``): images become inline
+``image_url`` content parts so the model actually sees them, while every other
+file kind is written to disk and surfaced to the agent as a path note it can
+open with its own tools. The Hermes session API rejects ``input_file`` parts
+outright, so the path-note route is the only way non-image files can reach a
+session.
+"""
+
+from __future__ import annotations
+
+import base64
+import mimetypes
+import os
+import re
+import unicodedata
+from dataclasses import dataclass
+from pathlib import Path
+from typing import Any, Iterator
+
+# Matches the Telegram adapter's ``_max_doc_bytes`` default so uploads here
+# behave like uploads on every other Hermes platform.
+MAX_ATTACHMENT_BYTES = 20 * 1024 * 1024
+MAX_ATTACHMENTS_PER_TURN = 10
+
+# Images the model can see inline. Kept deliberately narrow: these are the
+# types the upstream vision path accepts as ``data:image/...`` URLs.
+IMAGE_TYPES = {
+    ".png": "image/png",
+    ".jpg": "image/jpeg",
+    ".jpeg": "image/jpeg",
+    ".gif": "image/gif",
+    ".webp": "image/webp",
+}
+VIDEO_TYPES = {
+    ".mp4": "video/mp4",
+    ".mov": "video/quicktime",
+    ".webm": "video/webm",
+    ".mkv": "video/x-matroska",
+}
+AUDIO_TYPES = {
+    ".ogg": "audio/ogg",
+    ".mp3": "audio/mpeg",
+    ".wav": "audio/wav",
+    ".m4a": "audio/mp4",
+    ".opus": "audio/opus",
+    ".flac": "audio/flac",
+}
+
+_UNSAFE_NAME = re.compile(r"[^\w.\- ]")
+
+
+class AttachmentError(ValueError):
+    """Raised when an upload cannot be accepted."""
+
+
+def safe_filename(raw: object) -> str:
+    """Reduce a browser-supplied filename to a safe display name.
+
+    Strips any directory component, normalises unicode and removes characters
+    outside a conservative allowlist. Never returns an empty string, and never
+    returns a name that could traverse out of the upload directory.
+    """
+    text = raw if isinstance(raw, str) else ""
+    text = unicodedata.normalize("NFKC", text)
+    # Windows and POSIX separators both, before basename.
+    text = text.replace("\\", "/").split("/")[-1]
+    text = _UNSAFE_NAME.sub("_", text).strip().strip(".")
+    if not text:
+        return "upload.bin"
+    return text[:255]
+
+
+def classify(filename: str, declared_type: str = "") -> tuple[str, str]:
+    """Return ``(kind, media_type)`` for an upload.
+
+    Classification is permissive by design. Hermes core notes that "the
+    file-extension allowlist must not silently drop their uploads", so an
+    unrecognised type is stored as a document with an octet-stream MIME rather
+    than being rejected.
+    """
+    ext = os.path.splitext(filename)[1].lower()
+    declared = (declared_type or "").split(";")[0].strip().lower()
+
+    if ext in IMAGE_TYPES:
+        return "image", IMAGE_TYPES[ext]
+    if ext in VIDEO_TYPES:
+        return "video", VIDEO_TYPES[ext]
+    if ext in AUDIO_TYPES:
+        return "audio", AUDIO_TYPES[ext]
+
+    # Trust a declared image type only when it is one we can actually inline.
+    if declared in set(IMAGE_TYPES.values()):
+        return "image", declared
+    if declared.startswith("video/"):
+        return "video", declared
+    if declared.startswith("audio/"):
+        return "audio", declared
+
+    guessed = declared or (mimetypes.guess_type(filename)[0] or "")
+    return "document", guessed or "application/octet-stream"
+
+
+@dataclass
+class UploadedPart:
+    """One file field decoded from a multipart body."""
+
+    filename: str
+    content_type: str
+    data: bytes
+
+
+def _split_headers(chunk: bytes) -> tuple[dict[str, str], bytes]:
+    head, _, body = chunk.partition(b"\r\n\r\n")
+    headers: dict[str, str] = {}
+    for line in head.split(b"\r\n"):
+        name, sep, value = line.partition(b":")
+        if sep:
+            headers[name.decode("latin-1").strip().lower()] = value.decode("latin-1").strip()
+    return headers, body
+
+
+def _header_param(value: str, key: str) -> str:
+    # RFC 2183 style: name="value". Quoted form first, then bare token.
+    match = re.search(rf'{key}="([^"]*)"', value)
+    if match:
+        return match.group(1)
+    match = re.search(rf"{key}=([^;]+)", value)
+    return match.group(1).strip() if match else ""
+
+
+def parse_multipart(body: bytes, content_type: str) -> Iterator[UploadedPart]:
+    """Yield file parts from a ``multipart/form-data`` body.
+
+    Implemented directly because the backend is Python-stdlib-only and
+    ``cgi.FieldStorage`` was removed in 3.13. Only parts carrying a filename
+    are returned; plain text fields are ignored.
+    """
+    boundary = _header_param(content_type, "boundary")
+    if not boundary:
+        raise AttachmentError("multipart body is missing its boundary")
+
+    delimiter = b"--" + boundary.encode("latin-1")
+    segments = body.split(delimiter)
+    # First segment is the preamble, last is the closing "--" epilogue.
+    for segment in segments[1:]:
+        if segment[:2] == b"--":
+            break
+        segment = segment.lstrip(b"\r\n")
+        if not segment:
+            continue
+        headers, payload = _split_headers(segment)
+        disposition = headers.get("content-disposition", "")
+        if "filename" not in disposition:
+            continue
+        # Each part's payload is terminated by the CRLF preceding the next
+        # delimiter, which the split leaves attached.
+        if payload.endswith(b"\r\n"):
+            payload = payload[:-2]
+        filename = _header_param(disposition, "filename")
+        if not filename:
+            continue
+        yield UploadedPart(
+            filename=filename,
+            content_type=headers.get("content-type", ""),
+            data=payload,
+        )
+
+
+class AttachmentStorage:
+    """Writes attachment bytes under a per-node directory."""
+
+    def __init__(self, root: str | Path):
+        self.root = Path(root).expanduser().resolve()
+
+    def _node_dir(self, node_id: str) -> Path:
+        return self.root / node_id
+
+    def write(self, node_id: str, attachment_id: str, filename: str, data: bytes) -> Path:
+        """Persist bytes and return the absolute path written.
+
+        The stored basename is derived from the attachment id, not the
+        user-supplied filename, so a hostile name cannot collide with or
+        overwrite another upload. The display name lives in SQLite.
+        """
+        if len(data) > MAX_ATTACHMENT_BYTES:
+            raise AttachmentError("file exceeds the maximum upload size")
+        ext = os.path.splitext(safe_filename(filename))[1][:16]
+        directory = self._node_dir(node_id)
+        directory.mkdir(parents=True, exist_ok=True)
+        target = directory / f"{attachment_id}{ext}"
+        # Written 0600: uploads may contain private documents.
+        handle = os.open(target, os.O_WRONLY | os.O_CREAT | os.O_TRUNC, 0o600)
+        try:
+            os.write(handle, data)
+        finally:
+            os.close(handle)
+        return target
+
+    def resolve(self, storage_path: str) -> Path:
+        """Return a path guaranteed to sit inside the upload root."""
+        candidate = Path(storage_path).expanduser().resolve()
+        if candidate != self.root and self.root not in candidate.parents:
+            raise AttachmentError("attachment path escapes the upload root")
+        return candidate
+
+    def move_to_node(self, storage_path: str, node_id: str) -> Path:
+        """Relocate an existing upload into another node's directory.
+
+        Used when a pending attachment is handed from a parent node to the
+        child branch that actually sends it: the bytes must follow the row so
+        the per-node directory stays the single place a node's files live, and
+        so ``remove_node`` on the parent cannot delete a file the child owns.
+
+        The basename is preserved (it is the attachment id, not user input) and
+        the source is resolved through ``resolve`` first, so a tampered
+        ``storage_path`` cannot make this read or write outside the root. If
+        the file is already in the right place, or its bytes have gone missing,
+        the existing path is returned rather than raising -- losing the move
+        must not fail the branch that triggered it.
+        """
+        source = self.resolve(storage_path)
+        directory = self._node_dir(node_id)
+        target = directory / source.name
+        if source == target or not source.exists():
+            return source
+        directory.mkdir(parents=True, exist_ok=True)
+        os.replace(source, target)
+        return target
+
+    def remove(self, storage_path: str) -> None:
+        try:
+            self.resolve(storage_path).unlink(missing_ok=True)
+        except (AttachmentError, OSError):
+            # Losing the bytes must never fail the API call that deletes the row.
+            pass
+
+    def remove_node(self, node_id: str) -> None:
+        directory = self._node_dir(node_id)
+        if not directory.exists():
+            return
+        for child in directory.iterdir():
+            try:
+                child.unlink()
+            except OSError:
+                pass
+        try:
+            directory.rmdir()
+        except OSError:
+            pass
+
+
+def agent_visible_path(storage_path: str, translation: str = "") -> str:
+    """Map a backend path to the path the agent sees.
+
+    The workspace backend and the Hermes agent can run on opposite sides of a
+    container boundary, where the same bytes are reachable at two different
+    absolute paths. ``translation`` (``HERMES_VISUAL_AGENT_PATH_MAP``) describes
+    that relationship as ``from:to`` -- e.g. ``/root/.hermes:/opt/data`` when the
+    agent's ``/opt/data`` is a bind mount of the host's ``/root/.hermes``. A bare
+    value with no colon is treated as a prefix to prepend, which covers the
+    simpler case of the agent seeing the host tree under a mount point.
+
+    Empty means both processes share one filesystem view and paths pass through.
+    """
+    if not translation:
+        return storage_path
+    source, separator, target = translation.partition(":")
+    if not separator:
+        return translation.rstrip("/") + storage_path
+    source = source.rstrip("/")
+    if storage_path == source or storage_path.startswith(source + "/"):
+        return target.rstrip("/") + storage_path[len(source):]
+    return storage_path
+
+
+def context_note(kind: str, filename: str, agent_path: str) -> str:
+    """One-line note pointing the agent at an uploaded file.
+
+    Deliberately identical in shape to ``CachedMedia.context_note`` in Hermes
+    core so the agent sees the exact phrasing it already handles from Telegram
+    and the other platform adapters.
+    """
+    return f"[{kind} '{filename}' saved at: {agent_path}]"
+
+
+def data_url(media_type: str, data: bytes) -> str:
+    return f"data:{media_type};base64,{base64.b64encode(data).decode('ascii')}"
+
+
+def build_chat_input(
+    prompt: str,
+    attachments: list[dict[str, Any]],
+    storage: AttachmentStorage,
+    translation: str = "",
+) -> Any:
+    """Compose the Hermes ``input`` payload for a turn with attachments.
+
+    Images become ``image_url`` parts carrying a base64 data URL, which is the
+    only inline form the session API accepts. Non-image attachments cannot be
+    inlined at all, so their location is appended to the text as a note.
+    Returns a plain string when there is nothing to attach, keeping the common
+    case byte-identical to the previous behaviour.
+    """
+    if not attachments:
+        return prompt
+
+    notes: list[str] = []
+    image_parts: list[dict[str, Any]] = []
+
+    for attachment in attachments:
+        kind = attachment.get("kind", "document")
+        filename = attachment.get("filename", "file")
+        stored = attachment.get("storage_path", "")
+        if kind == "image":
+            try:
+                payload = storage.resolve(stored).read_bytes()
+            except (AttachmentError, OSError):
+                notes.append(f"[image '{filename}' could not be read from disk]")
+                continue
+            image_parts.append(
+                {
+                    "type": "image_url",
+                    "image_url": {
+                        "url": data_url(attachment.get("media_type", "image/png"), payload)
+                    },
+                }
+            )
+            # Named so the agent can refer to the image, and so a later
+            # tool-based re-read can find the same bytes on disk.
+            notes.append(
+                context_note("image", filename, agent_visible_path(stored, translation))
+            )
+        else:
+            notes.append(
+                context_note(kind, filename, agent_visible_path(stored, translation))
+            )
+
+    text = prompt
+    if notes:
+        text = (prompt + "\n\n" + "\n".join(notes)).strip()
+    if not image_parts:
+        return text
+    return [{"type": "text", "text": text}, *image_parts]
diff --git a/backend/hermes_client.py b/backend/hermes_client.py
index e6ff662..405f7ef 100644
--- a/backend/hermes_client.py
+++ b/backend/hermes_client.py
@@ -4,6 +4,7 @@
 
 import json
 import os
+import re
 import socket
 import urllib.error
 import urllib.parse
@@ -136,6 +137,20 @@ def _first_text(value: object) -> str | None:
     return None
 
 
+def _with_run_id(result: dict[str, Any], payload: dict[str, Any]) -> dict[str, Any]:
+    """Carry the upstream run id onto a normalized event when present.
+
+    Hermes core stamps run_id onto every SSE payload. It is the only handle
+    that can interrupt an in-flight turn, so it is preserved here rather than
+    discarded with the rest of the raw payload. It stays server-side: the HTTP
+    layer strips it before writing events to the browser.
+    """
+    run_id = payload.get("run_id")
+    if isinstance(run_id, str) and run_id.strip():
+        result["run_id"] = run_id.strip()[:200]
+    return result
+
+
 def normalize_hermes_event(
     event_name: str, payload: dict[str, Any], node_id: str
 ) -> tuple[str, dict[str, Any]] | None:
@@ -147,7 +162,7 @@ def normalize_hermes_event(
         name = embedded.lower().replace("_", ".")
 
     if name in {"heartbeat", "ping", "keepalive"}:
-        return "heartbeat", {"node_id": node_id}
+        return "heartbeat", _with_run_id({"node_id": node_id}, payload)
 
     if name in {
         "assistant.delta",
@@ -162,7 +177,9 @@ def normalize_hermes_event(
         if delta is None and isinstance(payload.get("choices"), list) and payload["choices"]:
             delta = _first_text(payload["choices"][0])
         if delta:
-            return "assistant.delta", {"node_id": node_id, "delta": delta}
+            return "assistant.delta", _with_run_id(
+                {"node_id": node_id, "delta": delta}, payload
+            )
         return None
 
     if name in {"tool.started", "tool.start"} or (
@@ -178,7 +195,7 @@ def normalize_hermes_event(
             result["id"] = str(tool_id)
         if preview is not None:
             result["preview"] = str(preview)[:1000]
-        return "tool.started", result
+        return "tool.started", _with_run_id(result, payload)
 
     if name in {"tool.completed", "tool.complete", "tool.failed"} or (
         name == "tool.progress" and payload.get("status") in {"completed", "failed", "error"}
@@ -194,7 +211,7 @@ def normalize_hermes_event(
             result["id"] = str(tool_id)
         if preview is not None:
             result["preview"] = str(preview)[:1000]
-        return "tool.completed", result
+        return "tool.completed", _with_run_id(result, payload)
 
     if name in {"assistant.completed", "message.completed", "response.completed"}:
         content = _first_text(payload.get("content"))
@@ -207,6 +224,9 @@ def normalize_hermes_event(
 
     if name in {"run.completed", "done"}:
         content = _first_text(payload.get("content"))
+        if content is None:
+            # The runs API carries the final assistant text as ``output``.
+            content = _first_text(payload.get("output"))
         if content is None and isinstance(payload.get("messages"), list):
             for message in reversed(payload["messages"]):
                 if isinstance(message, dict) and message.get("role") == "assistant":
@@ -217,6 +237,11 @@ def normalize_hermes_event(
             result["markdown"] = content
         return "run.completed", result
 
+    if name in {"run.cancelled", "run.stopped", "run.stopping"}:
+        # A stop was honoured upstream. Surfaced as its own terminal event so
+        # the caller can settle the node as stopped rather than as a failure.
+        return "run.cancelled", _with_run_id({"node_id": node_id}, payload)
+
     if name in {"error", "run.failed", "assistant.failed", "response.failed"}:
         message = payload.get("message") or payload.get("error") or "Hermes request failed"
         if isinstance(message, dict):
@@ -290,15 +315,48 @@ def _json(self, method: str, path: str, body: dict[str, Any] | None = None) -> d
     def health(self) -> dict[str, Any]:
         return self._json("GET", "/health")
 
-    def create_session(self, session_id: object, title: str | None = None) -> dict[str, Any]:
+    def create_session(
+        self,
+        session_id: object,
+        title: str | None = None,
+        model: str | None = None,
+        reasoning_effort: str | None = None,
+    ) -> dict[str, Any]:
         owned_id = require_rabbithole_session_id(session_id)
         body: dict[str, Any] = {"id": owned_id}
         if title:
             body["title"] = title
+        if model:
+            body["model"] = model
+        if reasoning_effort:
+            body["reasoning_effort"] = reasoning_effort
         result = self._json("POST", "/api/sessions", body)
         self._verify_returned_session(result, owned_id)
         return result
 
+    def models(self) -> list[dict[str, str]]:
+        result = self._json("GET", "/v1/models")
+        models: list[dict[str, str]] = []
+        for item in result.get("data", []):
+            if not isinstance(item, dict) or not isinstance(item.get("id"), str):
+                continue
+            model_id = item["id"].strip()
+            if model_id:
+                models.append({"id": model_id, "label": str(item.get("label") or model_id)})
+        return models
+
+    def update_session_settings(
+        self, session_id: object, model: str, reasoning_effort: str
+    ) -> dict[str, Any]:
+        owned_id = require_rabbithole_session_id(session_id)
+        result = self._json(
+            "PATCH",
+            f"/api/sessions/{urllib.parse.quote(owned_id, safe='')}",
+            {"model": model, "reasoning_effort": reasoning_effort},
+        )
+        self._verify_returned_session(result, owned_id)
+        return result
+
     def fork_session(
         self, source_session_id: object, child_session_id: object, title: str | None = None
     ) -> dict[str, Any]:
@@ -325,9 +383,24 @@ def delete_session(self, session_id: object) -> dict[str, Any]:
             "DELETE", f"/api/sessions/{urllib.parse.quote(owned_id, safe='')}"
         )
 
-    def stream_chat(self, session_id: object, prompt: str) -> Iterator[tuple[str, dict[str, Any]]]:
+    def stream_chat(
+        self, session_id: object, prompt: str | list[dict[str, Any]]
+    ) -> Iterator[tuple[str, dict[str, Any]]]:
         owned_id = require_rabbithole_session_id(session_id)
-        if not isinstance(prompt, str) or not prompt.strip():
+        # A list is the multimodal form: text plus image_url parts, as accepted
+        # by the Hermes session chat API. Validate it has visible payload so an
+        # empty turn still fails here rather than upstream.
+        if isinstance(prompt, list):
+            if not prompt or not all(isinstance(part, dict) for part in prompt):
+                raise ValueError("prompt parts must be a non-empty list of objects")
+            has_text = any(
+                part.get("type") == "text" and str(part.get("text", "")).strip()
+                for part in prompt
+            )
+            has_image = any(part.get("type") in ("image_url", "input_image") for part in prompt)
+            if not (has_text or has_image):
+                raise ValueError("prompt must not be empty")
+        elif not isinstance(prompt, str) or not prompt.strip():
             raise ValueError("prompt must not be empty")
         request = urllib.request.Request(
             self.base_url
@@ -349,6 +422,112 @@ def stream_chat(self, session_id: object, prompt: str) -> Iterator[tuple[str, di
         finally:
             response.close()
 
+    def _history_for_session(self, owned_id: str) -> list[dict[str, str]]:
+        """Rebuild prior turns for a session as plain role/content messages.
+
+        ``/v1/runs`` persists each turn to the session but does not reload it
+        on the next run, so continuity has to be supplied explicitly. Only
+        user/assistant messages with textual content are replayed: tool call
+        records are session-internal and are not accepted by the runs API.
+        """
+        try:
+            payload = self._json(
+                "GET", f"/api/sessions/{urllib.parse.quote(owned_id, safe='')}/messages"
+            )
+        except HermesError:
+            return []
+        history: list[dict[str, str]] = []
+        for message in payload.get("data", []) or []:
+            if not isinstance(message, dict):
+                continue
+            role = message.get("role")
+            content = message.get("content")
+            if role in {"user", "assistant"} and isinstance(content, str) and content.strip():
+                history.append({"role": role, "content": content})
+        return history
+
+    def start_run(
+        self, session_id: object, prompt: str | list[dict[str, Any]]
+    ) -> str:
+        """Start a stoppable run and return its run id.
+
+        Runs are created through ``/v1/runs`` rather than the session chat
+        stream because only runs are registered in the core's active-run table,
+        which is what ``/v1/runs/{id}/stop`` interrupts. The session chat
+        stream mints a run id for event correlation but never registers it, so
+        stopping such a turn always failed with ``run_not_found``.
+        """
+        owned_id = require_rabbithole_session_id(session_id)
+        if isinstance(prompt, list):
+            if not prompt or not all(isinstance(part, dict) for part in prompt):
+                raise ValueError("prompt parts must be a non-empty list of objects")
+            has_text = any(
+                part.get("type") == "text" and str(part.get("text", "")).strip()
+                for part in prompt
+            )
+            has_image = any(part.get("type") in ("image_url", "input_image") for part in prompt)
+            if not (has_text or has_image):
+                raise ValueError("prompt must not be empty")
+            # The runs API reads the final entry of a list as the user turn, so
+            # multimodal parts must be wrapped in an explicit message envelope.
+            run_input: Any = [{"role": "user", "content": prompt}]
+        elif isinstance(prompt, str) and prompt.strip():
+            run_input = prompt
+        else:
+            raise ValueError("prompt must not be empty")
+
+        body: dict[str, Any] = {"session_id": owned_id, "input": run_input}
+        history = self._history_for_session(owned_id)
+        if history:
+            body["conversation_history"] = history
+        result = self._json("POST", "/v1/runs", body)
+        run_id = result.get("run_id")
+        if not isinstance(run_id, str) or not run_id:
+            raise HermesError("Hermes did not return a run id", code="hermes_run_invalid")
+        return run_id
+
+    def stream_run_events(self, run_id: object) -> Iterator[tuple[str, dict[str, Any]]]:
+        """Stream lifecycle events for an already-started run."""
+        value = str(run_id or "").strip()
+        if not re.fullmatch(r"run_[0-9a-zA-Z_-]{1,128}", value):
+            raise ValueError("run id is not a valid Hermes run identifier")
+        request = urllib.request.Request(
+            self.base_url + f"/v1/runs/{urllib.parse.quote(value, safe='')}/events",
+            method="GET",
+            headers={**self._headers(), "Accept": "text/event-stream"},
+        )
+        response = self._open(request, timeout=max(self.timeout, 300.0))
+        try:
+            content_type = response.headers.get_content_type()
+            if content_type != "text/event-stream":
+                raw = response.read(1_000_000)
+                raise HermesError(
+                    _error_message(raw, "Hermes did not return an SSE stream"),
+                    code="hermes_stream_invalid",
+                )
+            for name, payload in parse_sse(response):
+                payload.setdefault("run_id", value)
+                yield name, payload
+        finally:
+            response.close()
+
+    def stop_run(self, run_id: object) -> dict[str, Any]:
+        """Interrupt an in-flight run via Hermes core.
+
+        Note the /v1/ prefix: sessions live under /api/, but the run control
+        endpoints are served from /v1/. The run id is validated here because it
+        is interpolated into the request path.
+
+        The stop is cooperative — core signals the agent and returns
+        immediately, so the stream settles a moment later rather than at once.
+        A 404 means the run already finished, which is treated as success by
+        the caller: the desired end state (not running) already holds.
+        """
+        value = str(run_id or "").strip()
+        if not re.fullmatch(r"run_[0-9a-zA-Z_-]{1,128}", value):
+            raise ValueError("run id is not a valid Hermes run identifier")
+        return self._json("POST", f"/v1/runs/{urllib.parse.quote(value, safe='')}/stop")
+
     @staticmethod
     def _verify_returned_session(result: dict[str, Any], expected_id: str) -> None:
         session = result.get("session")
diff --git a/backend/ownership.py b/backend/ownership.py
index b15ca67..0bc6ca9 100644
--- a/backend/ownership.py
+++ b/backend/ownership.py
@@ -15,6 +15,10 @@ class OwnershipError(ValueError):
     "rh": re.compile(r"^rh_[0-9a-f]{32}$"),
     "rw": re.compile(r"^rw_[0-9a-f]{32}$"),
     "rn": re.compile(r"^rn_[0-9a-f]{32}$"),
+    "qf": re.compile(r"^qf_[0-9a-f]{32}$"),
+    "rs": re.compile(r"^rs_[0-9a-f]{32}$"),
+    "rd": re.compile(r"^rd_[0-9a-f]{32}$"),
+    "ra": re.compile(r"^ra_[0-9a-f]{32}$"),
 }
 
 
@@ -37,6 +41,22 @@ def new_node_id() -> str:
     return new_id("rn")
 
 
+def new_queued_follow_up_id() -> str:
+    return new_id("qf")
+
+
+def new_screen_id() -> str:
+    return new_id("rs")
+
+
+def new_drawing_id() -> str:
+    return new_id("rd")
+
+
+def new_attachment_id() -> str:
+    return new_id("ra")
+
+
 def is_valid_id(value: object, kind: str) -> bool:
     pattern = _PATTERNS.get(kind)
     return bool(pattern and isinstance(value, str) and pattern.fullmatch(value))
diff --git a/backend/schema.sql b/backend/schema.sql
index 2f5ad10..4c11ce9 100644
--- a/backend/schema.sql
+++ b/backend/schema.sql
@@ -19,10 +19,17 @@ CREATE TABLE IF NOT EXISTS nodes (
     markdown TEXT NOT NULL DEFAULT '',
     status TEXT NOT NULL CHECK (status IN ('pending', 'running', 'completed', 'failed')),
     error TEXT NOT NULL DEFAULT '',
+    -- Hermes run id for the turn currently in flight, '' when nothing is running.
+    -- Kept server-side only: it is the handle used to interrupt a run via the
+    -- Hermes core stop endpoint, and is never exposed to the browser.
+    run_id TEXT NOT NULL DEFAULT '',
     x REAL NOT NULL DEFAULT 0,
     y REAL NOT NULL DEFAULT 0,
     width REAL NOT NULL DEFAULT 520 CHECK (width > 0),
     height REAL NOT NULL DEFAULT 620 CHECK (height > 0),
+    header_color TEXT NOT NULL DEFAULT '',
+    model_alias TEXT NOT NULL DEFAULT 'hermes-agent',
+    reasoning_effort TEXT NOT NULL DEFAULT 'medium',
     ordinal INTEGER NOT NULL CHECK (ordinal >= 0),
     created_at TEXT NOT NULL,
     updated_at TEXT NOT NULL,
@@ -33,3 +40,78 @@ CREATE INDEX IF NOT EXISTS nodes_workspace_order
     ON nodes(workspace_id, ordinal);
 CREATE INDEX IF NOT EXISTS nodes_parent
     ON nodes(parent_node_id);
+
+CREATE TABLE IF NOT EXISTS session_archives (
+    node_id TEXT PRIMARY KEY REFERENCES nodes(id) ON DELETE CASCADE,
+    hermes_session_id TEXT NOT NULL CHECK (hermes_session_id GLOB 'rh_*'),
+    messages_json TEXT NOT NULL,
+    saved_at TEXT NOT NULL
+);
+
+CREATE INDEX IF NOT EXISTS session_archives_session
+    ON session_archives(hermes_session_id);
+
+CREATE TABLE IF NOT EXISTS queued_followups (
+    id TEXT PRIMARY KEY CHECK (id GLOB 'qf_*'),
+    node_id TEXT NOT NULL REFERENCES nodes(id) ON DELETE CASCADE,
+    prompt TEXT NOT NULL,
+    ordinal INTEGER NOT NULL CHECK (ordinal >= 0),
+    created_at TEXT NOT NULL,
+    UNIQUE (node_id, ordinal)
+);
+
+CREATE INDEX IF NOT EXISTS queued_followups_node_order
+    ON queued_followups(node_id, ordinal);
+
+CREATE TABLE IF NOT EXISTS screen_windows (
+    id TEXT PRIMARY KEY CHECK (id GLOB 'rs_*'),
+    workspace_id TEXT NOT NULL REFERENCES workspaces(id) ON DELETE CASCADE,
+    screen_key TEXT NOT NULL,
+    title TEXT NOT NULL,
+    x REAL NOT NULL DEFAULT 0,
+    y REAL NOT NULL DEFAULT 0,
+    width REAL NOT NULL DEFAULT 960 CHECK (width > 0),
+    height REAL NOT NULL DEFAULT 620 CHECK (height > 0),
+    created_at TEXT NOT NULL,
+    updated_at TEXT NOT NULL
+);
+
+CREATE INDEX IF NOT EXISTS screen_windows_workspace
+    ON screen_windows(workspace_id, created_at);
+
+-- Drawing windows own a tldraw document. The snapshot is opaque JSON produced
+-- by the tldraw SDK; it belongs to the workspace alone and is never linked to a
+-- Hermes session.
+CREATE TABLE IF NOT EXISTS drawing_windows (
+    id TEXT PRIMARY KEY CHECK (id GLOB 'rd_*'),
+    workspace_id TEXT NOT NULL REFERENCES workspaces(id) ON DELETE CASCADE,
+    title TEXT NOT NULL,
+    snapshot TEXT NOT NULL DEFAULT '',
+    -- Rendered preview (data: URL) shown while the window is idle, so an
+    -- unfocused drawing costs one <img> instead of a live editor.
+    preview TEXT NOT NULL DEFAULT '',
+    x REAL NOT NULL DEFAULT 0,
+    y REAL NOT NULL DEFAULT 0,
+    width REAL NOT NULL DEFAULT 900 CHECK (width > 0),
+    height REAL NOT NULL DEFAULT 640 CHECK (height > 0),
+    created_at TEXT NOT NULL,
+    updated_at TEXT NOT NULL
+);
+
+CREATE INDEX IF NOT EXISTS drawing_windows_workspace
+    ON drawing_windows(workspace_id, created_at);
+
+CREATE TABLE IF NOT EXISTS attachments (
+    id TEXT PRIMARY KEY CHECK (id GLOB 'ra_*'),
+    node_id TEXT NOT NULL REFERENCES nodes(id) ON DELETE CASCADE,
+    filename TEXT NOT NULL,
+    media_type TEXT NOT NULL,
+    kind TEXT NOT NULL CHECK (kind IN ('image', 'video', 'audio', 'document')),
+    byte_size INTEGER NOT NULL CHECK (byte_size >= 0),
+    storage_path TEXT NOT NULL,
+    delivered INTEGER NOT NULL DEFAULT 0 CHECK (delivered IN (0, 1)),
+    created_at TEXT NOT NULL
+);
+
+CREATE INDEX IF NOT EXISTS attachments_node
+    ON attachments(node_id, created_at);
diff --git a/backend/screens.py b/backend/screens.py
new file mode 100644
index 0000000..f116f4f
--- /dev/null
+++ b/backend/screens.py
@@ -0,0 +1,136 @@
+"""Server-side registry of remote screens (VNC/RFB hosts).
+
+Screen targets and their credentials are configured through the environment and
+never leave the backend. The browser only ever sees an opaque ``key`` plus a
+human label; the password is used solely by :mod:`backend.vncproxy` when it
+authenticates to the remote host on the client's behalf.
+
+Configuration format (``HERMES_VISUAL_SCREENS``), one screen per entry,
+separated by ``;``::
+
+    key|Label|host|port|password
+
+``port`` may be omitted (defaults to 5900). ``password`` may be empty for hosts
+that offer RFB security type 1 (None).
+"""
+
+from __future__ import annotations
+
+import os
+import re
+from dataclasses import dataclass
+from typing import Any, Iterable
+
+DEFAULT_RFB_PORT = 5900
+
+_KEY_RE = re.compile(r"^[a-z0-9][a-z0-9-]{0,63}$")
+# Screens live on the private Tailscale mesh or loopback. Anything else is
+# refused so a misconfigured entry cannot turn the proxy into an open relay.
+_ALLOWED_HOST_RE = re.compile(
+    r"^(?:"
+    r"100\.(?:[0-9]{1,3})\.(?:[0-9]{1,3})\.(?:[0-9]{1,3})"  # Tailscale CGNAT
+    r"|127\.0\.0\.1|localhost"
+    r"|[a-z0-9][a-z0-9.-]*\.ts\.net"                        # MagicDNS
+    r")$",
+    re.IGNORECASE,
+)
+
+
+class ScreenConfigError(ValueError):
+    """Raised when the screen registry configuration is malformed."""
+
+
+@dataclass(frozen=True)
+class Screen:
+    key: str
+    label: str
+    host: str
+    port: int
+    password: str
+
+    def public(self) -> dict[str, Any]:
+        """The representation safe to hand to the browser (no password)."""
+        return {"key": self.key, "label": self.label}
+
+
+def _validate_host(host: str) -> str:
+    cleaned = host.strip()
+    if not cleaned:
+        raise ScreenConfigError("screen host must not be empty")
+    if not _ALLOWED_HOST_RE.fullmatch(cleaned):
+        raise ScreenConfigError(
+            f"screen host {cleaned!r} is not on the Tailscale mesh or loopback"
+        )
+    return cleaned
+
+
+def _validate_port(raw: str) -> int:
+    text = raw.strip()
+    if not text:
+        return DEFAULT_RFB_PORT
+    try:
+        port = int(text)
+    except ValueError as exc:
+        raise ScreenConfigError(f"screen port {raw!r} is not a number") from exc
+    if not 1 <= port <= 65535:
+        raise ScreenConfigError(f"screen port {port} is out of range")
+    return port
+
+
+def parse_screens(raw: str | None) -> tuple[Screen, ...]:
+    """Parse ``HERMES_VISUAL_SCREENS`` into an ordered, de-duplicated tuple."""
+    if not raw or not raw.strip():
+        return ()
+    screens: list[Screen] = []
+    seen: set[str] = set()
+    for entry in raw.split(";"):
+        if not entry.strip():
+            continue
+        parts = entry.split("|")
+        if len(parts) < 3:
+            raise ScreenConfigError(
+                "each screen needs at least key|label|host"
+            )
+        key = parts[0].strip().lower()
+        if not _KEY_RE.fullmatch(key):
+            raise ScreenConfigError(f"screen key {parts[0]!r} is not a valid slug")
+        if key in seen:
+            raise ScreenConfigError(f"duplicate screen key {key!r}")
+        label = parts[1].strip()
+        if not label:
+            raise ScreenConfigError(f"screen {key!r} must have a label")
+        if len(label) > 120:
+            raise ScreenConfigError(f"screen {key!r} label is too long")
+        host = _validate_host(parts[2])
+        port = _validate_port(parts[3]) if len(parts) > 3 else DEFAULT_RFB_PORT
+        password = parts[4] if len(parts) > 4 else ""
+        screens.append(Screen(key=key, label=label, host=host, port=port, password=password))
+        seen.add(key)
+    return tuple(screens)
+
+
+class ScreenRegistry:
+    """Immutable lookup over the configured screens."""
+
+    def __init__(self, screens: Iterable[Screen] = ()):
+        self._screens = tuple(screens)
+        self._by_key = {screen.key: screen for screen in self._screens}
+
+    @classmethod
+    def from_env(cls, environ: dict[str, str] | None = None) -> "ScreenRegistry":
+        env = os.environ if environ is None else environ
+        return cls(parse_screens(env.get("HERMES_VISUAL_SCREENS")))
+
+    def __len__(self) -> int:
+        return len(self._screens)
+
+    def __iter__(self):
+        return iter(self._screens)
+
+    def get(self, key: object) -> Screen | None:
+        if not isinstance(key, str):
+            return None
+        return self._by_key.get(key.strip().lower())
+
+    def public(self) -> list[dict[str, Any]]:
+        return [screen.public() for screen in self._screens]
diff --git a/backend/server.py b/backend/server.py
index f994271..d19c9bc 100644
--- a/backend/server.py
+++ b/backend/server.py
@@ -8,7 +8,9 @@
 import mimetypes
 import os
 import re
+import socket
 import sys
+from collections.abc import Iterator
 from http import HTTPStatus
 from http.server import BaseHTTPRequestHandler, ThreadingHTTPServer
 from pathlib import Path
@@ -18,18 +20,46 @@
 try:
     from .hermes_client import HermesClient, HermesError, normalize_hermes_event
     from .ownership import new_session_id
+    from .screens import ScreenRegistry
     from .store import ConflictError, NotFoundError, Store, ValidationError
+    from . import attachments as attachments_mod
+    from . import vncproxy
 except ImportError:  # pragma: no cover - direct script execution
     from hermes_client import HermesClient, HermesError, normalize_hermes_event  # type: ignore
     from ownership import new_session_id  # type: ignore
+    from screens import ScreenRegistry  # type: ignore
     from store import ConflictError, NotFoundError, Store, ValidationError  # type: ignore
+    import attachments as attachments_mod  # type: ignore
+    import vncproxy  # type: ignore
 
 
 _MAX_BODY = 1_000_000
 _WORKSPACE_RE = re.compile(r"^/api/workspaces/(rw_[0-9a-f]{32})$")
+_WORKSPACE_NODE_RE = re.compile(r"^/api/workspaces/(rw_[0-9a-f]{32})/nodes$")
+_WORKSPACE_ARCHIVE_RE = re.compile(r"^/api/workspaces/(rw_[0-9a-f]{32})/archive$")
 _NODE_RUN_RE = re.compile(r"^/api/nodes/(rn_[0-9a-f]{32})/run/stream$")
 _NODE_BRANCH_RE = re.compile(r"^/api/nodes/(rn_[0-9a-f]{32})/branch/stream$")
+_NODE_MERGE_RE = re.compile(r"^/api/nodes/(rn_[0-9a-f]{32})/merge/stream$")
+_NODE_CONTINUE_RE = re.compile(r"^/api/nodes/(rn_[0-9a-f]{32})/continue/stream$")
+_NODE_STOP_RE = re.compile(r"^/api/nodes/(rn_[0-9a-f]{32})/stop$")
+_NODE_RETRY_RE = re.compile(r"^/api/nodes/(rn_[0-9a-f]{32})/retry/stream$")
+_NODE_QUEUE_RE = re.compile(r"^/api/nodes/(rn_[0-9a-f]{32})/queue$")
+_QUEUED_FOLLOW_UP_RE = re.compile(r"^/api/queued-follow-ups/(qf_[0-9a-f]{32})$")
 _NODE_LAYOUT_RE = re.compile(r"^/api/nodes/(rn_[0-9a-f]{32})/layout$")
+_NODE_SETTINGS_RE = re.compile(r"^/api/nodes/(rn_[0-9a-f]{32})/settings$")
+_NODE_RE = re.compile(r"^/api/nodes/(rn_[0-9a-f]{32})$")
+_WORKSPACE_SCREEN_RE = re.compile(r"^/api/workspaces/(rw_[0-9a-f]{32})/screens$")
+_SCREEN_LAYOUT_RE = re.compile(r"^/api/screens/(rs_[0-9a-f]{32})/layout$")
+_SCREEN_STREAM_RE = re.compile(r"^/api/screens/(rs_[0-9a-f]{32})/stream$")
+_SCREEN_RE = re.compile(r"^/api/screens/(rs_[0-9a-f]{32})$")
+_WORKSPACE_DRAWING_RE = re.compile(r"^/api/workspaces/(rw_[0-9a-f]{32})/drawings$")
+_DRAWING_SNAPSHOT_RE = re.compile(r"^/api/drawings/(rd_[0-9a-f]{32})/snapshot$")
+_DRAWING_LAYOUT_RE = re.compile(r"^/api/drawings/(rd_[0-9a-f]{32})/layout$")
+_DRAWING_RE = re.compile(r"^/api/drawings/(rd_[0-9a-f]{32})$")
+_NODE_ATTACHMENTS_RE = re.compile(r"^/api/nodes/(rn_[0-9a-f]{32})/attachments$")
+_ATTACHMENT_RE = re.compile(r"^/api/attachments/(ra_[0-9a-f]{32})$")
+_ATTACHMENT_CONTENT_RE = re.compile(r"^/api/attachments/(ra_[0-9a-f]{32})/content$")
+_REASONING_LEVELS = ("none", "minimal", "low", "medium", "high", "xhigh")
 
 
 class ApplicationHTTPServer(ThreadingHTTPServer):
@@ -42,10 +72,16 @@ def __init__(
         store: Store,
         hermes: HermesClient,
         static_dir: str | Path | None,
+        screens: ScreenRegistry | None = None,
+        attachment_storage: "attachments_mod.AttachmentStorage | None" = None,
+        agent_path_map: str = "",
     ):
         self.store = store
         self.hermes = hermes
+        self.screens = screens if screens is not None else ScreenRegistry()
         self.static_dir = Path(static_dir).resolve() if static_dir is not None else None
+        self.attachment_storage = attachment_storage
+        self.agent_path_map = agent_path_map
         super().__init__(server_address, RabbitholeHandler)
 
 
@@ -57,10 +93,56 @@ def do_GET(self) -> None:  # noqa: N802
         path = urlsplit(self.path).path
         if path == "/api/health":
             self._health()
+        elif path == "/api/models":
+            try:
+                models = []
+                for item in self.server.hermes.models():
+                    model_id = item["id"]
+                    lowered = model_id.lower()
+                    if any(token in lowered for token in ("whisper", "tts", "realtime", "embedding", "audio")):
+                        continue
+                    label = "Default" if model_id == "hermes-agent" else self._model_label(model_id)
+                    models.append({"id": model_id, "label": label})
+                if not any(item["id"] == "hermes-agent" for item in models):
+                    models.insert(0, {"id": "hermes-agent", "label": "Default"})
+                self._send_json(
+                    HTTPStatus.OK,
+                    {
+                        "models": models,
+                        "reasoning_levels": list(_REASONING_LEVELS),
+                        "defaults": {"model": "hermes-agent", "reasoning_effort": "medium"},
+                    },
+                )
+            except Exception as exc:
+                self._exception(exc)
         elif path == "/api/workspaces":
             self._send_json(HTTPStatus.OK, {"workspaces": self.server.store.list_workspaces()})
+        elif path == "/api/screens":
+            self._send_json(HTTPStatus.OK, {"screens": self.server.screens.public()})
+        elif path == "/api/drawings/license":
+            # tldraw validates this public deployment key in the browser. It is
+            # deliberately scoped to the drawing frame's same-origin API rather
+            # than embedded in source, static files, or the service unit.
+            self._send_json(HTTPStatus.OK, {"licenseKey": os.environ.get("TLDRAW_LICENSE_KEY", "")})
+        elif match := _SCREEN_STREAM_RE.fullmatch(path):
+            self._screen_stream(match.group(1))
+        elif match := _DRAWING_SNAPSHOT_RE.fullmatch(path):
+            self._handle_store(lambda: self.server.store.get_drawing(match.group(1)))
+        elif match := _ATTACHMENT_CONTENT_RE.fullmatch(path):
+            self._serve_attachment(match.group(1), head=False)
+        elif match := _NODE_ATTACHMENTS_RE.fullmatch(path):
+            self._handle_store(
+                lambda: {
+                    "attachments": [
+                        self._public_attachment(row)
+                        for row in self.server.store.list_attachments(match.group(1))
+                    ]
+                }
+            )
+        elif match := _WORKSPACE_ARCHIVE_RE.fullmatch(path):
+            self._handle_store(lambda: self.server.store.export_workspace(match.group(1)))
         elif match := _WORKSPACE_RE.fullmatch(path):
-            self._handle_store(lambda: self.server.store.get_workspace(match.group(1)))
+            self._handle_store(lambda: self._workspace_payload(match.group(1)))
         elif path.startswith("/api/"):
             self._error(HTTPStatus.NOT_FOUND, "not_found", "API endpoint not found")
         else:
@@ -68,26 +150,84 @@ def do_GET(self) -> None:  # noqa: N802
 
     def do_HEAD(self) -> None:  # noqa: N802
         path = urlsplit(self.path).path
-        if path.startswith("/api/"):
+        if match := _ATTACHMENT_CONTENT_RE.fullmatch(path):
+            self._serve_attachment(match.group(1), head=True)
+        elif path.startswith("/api/"):
             self._error(HTTPStatus.METHOD_NOT_ALLOWED, "method_not_allowed", "Method not allowed")
         else:
             self._serve_static(path, head=True)
 
     def do_POST(self) -> None:  # noqa: N802
         path = urlsplit(self.path).path
+        if match := _NODE_ATTACHMENTS_RE.fullmatch(path):
+            self._upload_attachments(match.group(1))
+            return
+        if match := _WORKSPACE_SCREEN_RE.fullmatch(path):
+            body = self._read_body()
+            if body is None:
+                return
+            required = {"screen_key", "x", "y"}
+            if not self._only_fields(body, required) or not required.issubset(body):
+                if required - set(body):
+                    self._error(
+                        HTTPStatus.BAD_REQUEST,
+                        "invalid_request",
+                        "screen_key, x, and y are required",
+                    )
+                return
+            screen = self.server.screens.get(body["screen_key"])
+            if screen is None:
+                self._error(HTTPStatus.NOT_FOUND, "not_found", "Unknown screen")
+                return
+            self._handle_store(
+                lambda: {
+                    "screen": self.server.store.create_screen(
+                        match.group(1), screen.key, screen.label, body["x"], body["y"]
+                    )
+                }
+            )
+            return
+        if match := _WORKSPACE_DRAWING_RE.fullmatch(path):
+            body = self._read_body()
+            if body is None:
+                return
+            required = {"x", "y"}
+            allowed = required | {"title"}
+            if not self._only_fields(body, allowed) or not required.issubset(body):
+                self._error(HTTPStatus.BAD_REQUEST, "invalid_request", "x and y are required")
+                return
+            self._handle_store(
+                lambda: {
+                    "drawing": self.server.store.create_drawing(
+                        match.group(1), body.get("title", "Drawing"), body["x"], body["y"]
+                    )
+                }
+            )
+            return
         if path == "/api/workspaces":
             body = self._read_body()
             if body is None:
                 return
-            if not self._only_fields(body, {"title", "prompt"}) or "prompt" not in body:
+            required = {"prompt"}
+            if not self._only_fields(body, {"title", "model", "reasoning_effort", *required}) or not required.issubset(body):
+                if required - set(body):
+                    self._error(
+                        HTTPStatus.BAD_REQUEST,
+                        "invalid_request",
+                        "prompt is required",
+                    )
                 return
             try:
                 prompt = self._required_prompt(body.get("prompt"))
                 title = self._optional_title(body.get("title"))
+                model = self._required_model(body.get("model", "hermes-agent"))
+                effort = self._required_reasoning_effort(body.get("reasoning_effort", "medium"))
                 session_id = new_session_id()
-                self.server.hermes.create_session(session_id, title)
+                self.server.hermes.create_session(session_id, title, model, effort)
                 try:
-                    workspace, node = self.server.store.create_workspace(prompt, session_id, title)
+                    workspace, node = self.server.store.create_workspace(
+                        prompt, session_id, title, model, effort
+                    )
                 except Exception:
                     self._delete_orphan_session(session_id)
                     raise
@@ -96,6 +236,38 @@ def do_POST(self) -> None:  # noqa: N802
                 self._exception(exc)
             return
 
+        if match := _WORKSPACE_NODE_RE.fullmatch(path):
+            body = self._read_body()
+            if body is None:
+                return
+            required = {"prompt", "x", "y"}
+            if not self._only_fields(body, {"title", "model", "reasoning_effort", *required}) or not required.issubset(body):
+                if required - set(body):
+                    self._error(
+                        HTTPStatus.BAD_REQUEST,
+                        "invalid_request",
+                        "prompt, x, and y are required",
+                    )
+                return
+            try:
+                prompt = self._required_prompt(body.get("prompt"))
+                title = self._optional_title(body.get("title"))
+                model = self._required_model(body.get("model", "hermes-agent"))
+                effort = self._required_reasoning_effort(body.get("reasoning_effort", "medium"))
+                session_id = new_session_id()
+                self.server.hermes.create_session(session_id, title, model, effort)
+                try:
+                    node = self.server.store.create_standalone(
+                        match.group(1), prompt, session_id, body["x"], body["y"], title, model, effort
+                    )
+                except Exception:
+                    self._delete_orphan_session(session_id)
+                    raise
+                self._send_json(HTTPStatus.CREATED, {"node": node})
+            except Exception as exc:
+                self._exception(exc)
+            return
+
         if match := _NODE_RUN_RE.fullmatch(path):
             if self._read_body(allow_empty=True) is None:
                 return
@@ -153,6 +325,11 @@ def do_POST(self) -> None:  # noqa: N802
                     self._delete_orphan_session(child_session_id)
                     raise
                 running = self.server.store.start_node(child["id"])
+                # Files staged on the parent card belong to the turn the user
+                # is sending now, which is the child's. Hand them over before
+                # streaming, otherwise the branch goes out with no attachment
+                # and the rows stay stranded on the already-completed parent.
+                self._inherit_pending_attachments(parent["id"], child["id"])
             except Exception as exc:
                 self._exception(exc)
                 return
@@ -161,6 +338,128 @@ def do_POST(self) -> None:  # noqa: N802
             self._stream_node(running, input_override=hermes_prompt)
             return
 
+        if match := _NODE_MERGE_RE.fullmatch(path):
+            body = self._read_body()
+            if body is None:
+                return
+            if not self._only_fields(body, {"destination", "instruction"}) or "destination" not in body:
+                return
+            try:
+                destination = body.get("destination")
+                if destination not in {"parent", "root"}:
+                    raise ValidationError("destination must be parent or root")
+                instruction = body.get("instruction", "")
+                if not isinstance(instruction, str):
+                    raise ValidationError("instruction must be a string")
+                instruction = instruction.strip()
+                if len(instruction) > 20_000:
+                    raise ValidationError("instruction is too long")
+                source = self.server.store.get_node(match.group(1))
+                if source["parent_node_id"] is None:
+                    raise ConflictError("only a child node can be merged")
+                if source["status"] != "completed":
+                    raise ConflictError("source node must be completed before merging")
+                detail = self.server.store.get_workspace(source["workspace_id"])
+                destination_id = (
+                    source["parent_node_id"]
+                    if destination == "parent"
+                    else detail["workspace"]["root_node_id"]
+                )
+                target = self.server.store.get_node(destination_id)
+                if target["status"] != "completed":
+                    raise ConflictError("merge destination must be completed")
+                source_markdown = source["markdown"][:160_000]
+                merge_prompt = (
+                    "Integrate the useful findings from this completed child branch into the current "
+                    "conversation. Summarize and reconcile the findings rather than copying the full branch.\n\n"
+                    f"Child branch title: {source['title']}\n"
+                    f"Child branch task: {source['prompt']}\n\n"
+                    f"Child branch result:\n{source_markdown}"
+                )
+                if instruction:
+                    merge_prompt += f"\n\nAdditional instruction:\n{instruction}"
+                running = self.server.store.merge_node(target["id"], source["title"])
+            except Exception as exc:
+                self._exception(exc)
+                return
+            self._begin_sse()
+            self._sse(
+                "node.continued",
+                {"node": running, "merged_from_node_id": source["id"]},
+            )
+            self._stream_node(
+                running,
+                input_override=merge_prompt,
+                initial_markdown=running["markdown"],
+            )
+            return
+
+        if match := _NODE_QUEUE_RE.fullmatch(path):
+            body = self._read_body()
+            if body is None:
+                return
+            if not self._only_fields(body, {"prompt"}) or "prompt" not in body:
+                return
+            try:
+                queued = self.server.store.queue_follow_up(
+                    match.group(1), self._required_prompt(body.get("prompt"))
+                )
+                self._send_json(HTTPStatus.CREATED, {"queued": queued})
+            except Exception as exc:
+                self._exception(exc)
+            return
+
+        if match := _NODE_CONTINUE_RE.fullmatch(path):
+            body = self._read_body()
+            if body is None:
+                return
+            if not self._only_fields(body, {"prompt"}) or "prompt" not in body:
+                return
+            try:
+                prompt = self._required_prompt(body.get("prompt"))
+                running = self.server.store.continue_node(match.group(1), prompt)
+            except Exception as exc:
+                self._exception(exc)
+                return
+            self._begin_sse()
+            self._sse("node.continued", {"node": running})
+            self._stream_node(running, input_override=prompt, initial_markdown=running["markdown"])
+            return
+
+        if match := _NODE_STOP_RE.fullmatch(path):
+            node_id = match.group(1)
+            try:
+                run_id = self.server.store.get_run_id(node_id)
+                if not run_id:
+                    # Running, but no run id was ever observed on the stream.
+                    # Report it rather than silently succeeding: the caller
+                    # would otherwise believe the turn was interrupted.
+                    raise ConflictError("this run cannot be stopped yet")
+                try:
+                    self.server.hermes.stop_run(run_id)
+                except HermesError as stop_error:
+                    # A run that already finished is not an error: the node is
+                    # about to settle on its own and the goal state holds.
+                    if "run_not_found" not in str(stop_error) and "404" not in str(stop_error):
+                        raise
+                self._send_json(HTTPStatus.ACCEPTED, {"node_id": node_id, "status": "stopping"})
+            except Exception as exc:
+                self._exception(exc)
+            return
+
+        if match := _NODE_RETRY_RE.fullmatch(path):
+            node_id = match.group(1)
+            try:
+                running = self.server.store.retry_node(node_id)
+            except Exception as exc:
+                self._exception(exc)
+                return
+            self._begin_sse()
+            self._sse("node.retried", {"node": running})
+            # Replay the node's original prompt on its existing session.
+            self._stream_node(running, initial_markdown=running["markdown"])
+            return
+
         self._error(HTTPStatus.NOT_FOUND, "not_found", "API endpoint not found")
 
     def do_PATCH(self) -> None:  # noqa: N802
@@ -175,6 +474,30 @@ def do_PATCH(self) -> None:  # noqa: N802
                 lambda: {"workspace": self.server.store.update_workspace_title(match.group(1), body["title"])}
             )
             return
+        if match := _NODE_SETTINGS_RE.fullmatch(path):
+            required = {"model", "reasoning_effort"}
+            if not self._only_fields(body, required) or not required.issubset(body):
+                if required - set(body):
+                    self._error(
+                        HTTPStatus.BAD_REQUEST,
+                        "invalid_request",
+                        "model and reasoning_effort are required",
+                    )
+                return
+            try:
+                model = self._required_model(body["model"])
+                effort = self._required_reasoning_effort(body["reasoning_effort"])
+                node = self.server.store.get_node(match.group(1))
+                if node["status"] != "completed":
+                    raise ConflictError("settings can only change after the session completes")
+                self.server.hermes.update_session_settings(
+                    node["hermes_session_id"], model, effort
+                )
+                updated = self.server.store.update_settings(node["id"], model, effort)
+                self._send_json(HTTPStatus.OK, {"node": updated})
+            except Exception as exc:
+                self._exception(exc)
+            return
         if match := _NODE_LAYOUT_RE.fullmatch(path):
             required = {"x", "y", "width", "height"}
             if not self._only_fields(body, required) or not required.issubset(body):
@@ -193,14 +516,378 @@ def do_PATCH(self) -> None:  # noqa: N802
                 }
             )
             return
+        if match := _SCREEN_LAYOUT_RE.fullmatch(path):
+            required = {"x", "y", "width", "height"}
+            if not self._only_fields(body, required) or not required.issubset(body):
+                if required - set(body):
+                    self._error(
+                        HTTPStatus.BAD_REQUEST,
+                        "invalid_request",
+                        "x, y, width, and height are required",
+                    )
+                return
+            self._handle_store(
+                lambda: {
+                    "screen": self.server.store.update_screen_layout(
+                        match.group(1), body["x"], body["y"], body["width"], body["height"]
+                    )
+                }
+            )
+            return
+        if match := _DRAWING_LAYOUT_RE.fullmatch(path):
+            required = {"x", "y", "width", "height"}
+            if not self._only_fields(body, required) or not required.issubset(body):
+                if required - set(body):
+                    self._error(
+                        HTTPStatus.BAD_REQUEST,
+                        "invalid_request",
+                        "x, y, width, and height are required",
+                    )
+                return
+            self._handle_store(
+                lambda: {
+                    "drawing": self.server.store.update_drawing_layout(
+                        match.group(1), body["x"], body["y"], body["width"], body["height"]
+                    )
+                }
+            )
+            return
+        if match := _DRAWING_SNAPSHOT_RE.fullmatch(path):
+            if not self._only_fields(body, {"snapshot", "preview"}) or "snapshot" not in body:
+                self._error(HTTPStatus.BAD_REQUEST, "invalid_request", "snapshot is required")
+                return
+            self._handle_store(
+                lambda: {
+                    "drawing": self.server.store.save_drawing_snapshot(
+                        match.group(1), body["snapshot"], body.get("preview")
+                    )
+                }
+            )
+            return
+        if match := _DRAWING_RE.fullmatch(path):
+            if not self._only_fields(body, {"title"}) or "title" not in body:
+                self._error(HTTPStatus.BAD_REQUEST, "invalid_request", "title is required")
+                return
+            self._handle_store(
+                lambda: {
+                    "drawing": self.server.store.rename_drawing(match.group(1), body["title"])
+                }
+            )
+            return
         self._error(HTTPStatus.NOT_FOUND, "not_found", "API endpoint not found")
 
     def do_PUT(self) -> None:  # noqa: N802
         self._error(HTTPStatus.METHOD_NOT_ALLOWED, "method_not_allowed", "Method not allowed")
 
     def do_DELETE(self) -> None:  # noqa: N802
+        path = urlsplit(self.path).path
+        if match := _QUEUED_FOLLOW_UP_RE.fullmatch(path):
+            self._handle_store(
+                lambda: {"cancelled": self.server.store.cancel_queued_follow_up(match.group(1))}
+            )
+            return
+        if match := _NODE_RE.fullmatch(path):
+            self._handle_store(lambda: self._delete_node(match.group(1)))
+            return
+        if match := _SCREEN_RE.fullmatch(path):
+            self._handle_store(lambda: self.server.store.delete_screen(match.group(1)))
+            return
+        if match := _DRAWING_RE.fullmatch(path):
+            self._handle_store(lambda: self.server.store.delete_drawing(match.group(1)))
+            return
+        if match := _ATTACHMENT_RE.fullmatch(path):
+            self._handle_store(lambda: self._delete_attachment(match.group(1)))
+            return
         self._error(HTTPStatus.METHOD_NOT_ALLOWED, "method_not_allowed", "Method not allowed")
 
+    def _workspace_payload(self, workspace_id: str) -> dict[str, Any]:
+        """Workspace view with attachments projected to their public shape."""
+        payload = self.server.store.get_workspace(workspace_id)
+        payload["attachments"] = [
+            self._public_attachment(row) for row in payload.get("attachments", [])
+        ]
+        return payload
+
+    def _public_attachment(self, row: dict[str, Any]) -> dict[str, Any]:
+        """Project a stored attachment for the browser.
+
+        ``storage_path`` is deliberately withheld: the browser has no use for a
+        server-side path and exposing it would leak filesystem layout.
+        """
+        return {
+            "id": row["id"],
+            "node_id": row["node_id"],
+            "filename": row["filename"],
+            "media_type": row["media_type"],
+            "kind": row["kind"],
+            "byte_size": row["byte_size"],
+            "delivered": bool(row["delivered"]),
+            "created_at": row["created_at"],
+            "url": f"/api/attachments/{row['id']}/content",
+        }
+
+    def _attachment_storage(self) -> "attachments_mod.AttachmentStorage":
+        storage = self.server.attachment_storage
+        if storage is None:
+            raise HermesError("Attachment storage is not configured", status=503)
+        return storage
+
+    def _inherit_pending_attachments(self, from_node_id: str, to_node_id: str) -> None:
+        """Move undelivered uploads from one node to another, bytes included.
+
+        Best effort by design: an upload that fails to follow the branch is a
+        missing image, but a raised exception here would kill a turn the user
+        has already committed to. The row move is transactional in the store;
+        this only reconciles the file on disk with the row's new owner.
+        """
+        try:
+            moved = self.server.store.reassign_pending_attachments(from_node_id, to_node_id)
+        except Exception as error:
+            self.log_error("could not reassign attachments %s -> %s: %s", from_node_id, to_node_id, error)
+            return
+        storage = self.server.attachment_storage
+        if storage is None:
+            return
+        for record in moved:
+            try:
+                relocated = storage.move_to_node(record["storage_path"], to_node_id)
+            except Exception as error:
+                self.log_error("could not move attachment bytes %s: %s", record["id"], error)
+                continue
+            if str(relocated) != record["storage_path"]:
+                try:
+                    self.server.store.set_attachment_path(record["id"], str(relocated))
+                except Exception as error:
+                    self.log_error("could not record moved path %s: %s", record["id"], error)
+
+    def _upload_attachments(self, node_id: str) -> None:
+        """Accept one or more files posted as multipart/form-data onto a node."""
+        content_type = self.headers.get("Content-Type", "")
+        if "multipart/form-data" not in content_type.lower():
+            self._error(
+                HTTPStatus.UNSUPPORTED_MEDIA_TYPE,
+                "invalid_request",
+                "Attachments must be uploaded as multipart/form-data",
+            )
+            return
+        if self.headers.get("Transfer-Encoding", ""):
+            self._error(
+                HTTPStatus.BAD_REQUEST, "invalid_request", "Chunked request bodies are not supported"
+            )
+            return
+        raw_length = self.headers.get("Content-Length")
+        if raw_length is None:
+            self._error(HTTPStatus.LENGTH_REQUIRED, "length_required", "Content-Length is required")
+            return
+        try:
+            length = int(raw_length)
+        except ValueError:
+            self._error(HTTPStatus.BAD_REQUEST, "invalid_request", "Invalid Content-Length")
+            return
+        # Envelope allowance on top of the per-file cap covers MIME headers and
+        # boundaries for a full batch.
+        ceiling = attachments_mod.MAX_ATTACHMENT_BYTES * attachments_mod.MAX_ATTACHMENTS_PER_TURN
+        if length < 0 or length > ceiling + 1_000_000:
+            self._error(
+                HTTPStatus.REQUEST_ENTITY_TOO_LARGE, "request_too_large", "Upload is too large"
+            )
+            return
+
+        try:
+            storage = self._attachment_storage()
+            # Fail before reading the body when the node is unknown.
+            self.server.store.get_node(node_id)
+            raw = self._read_exactly(length)
+            parts = list(attachments_mod.parse_multipart(raw, content_type))
+            if not parts:
+                raise ValidationError("no files were included in the upload")
+            if len(parts) > attachments_mod.MAX_ATTACHMENTS_PER_TURN:
+                raise ValidationError(
+                    f"at most {attachments_mod.MAX_ATTACHMENTS_PER_TURN} files per upload"
+                )
+
+            created: list[dict[str, Any]] = []
+            for part in parts:
+                if len(part.data) == 0:
+                    raise ValidationError(f"'{attachments_mod.safe_filename(part.filename)}' is empty")
+                if len(part.data) > attachments_mod.MAX_ATTACHMENT_BYTES:
+                    limit_mb = attachments_mod.MAX_ATTACHMENT_BYTES // (1024 * 1024)
+                    raise ValidationError(
+                        f"'{attachments_mod.safe_filename(part.filename)}' exceeds "
+                        f"the {limit_mb} MB limit"
+                    )
+                display = attachments_mod.safe_filename(part.filename)
+                kind, media_type = attachments_mod.classify(display, part.content_type)
+                record = self.server.store.create_attachment(
+                    node_id,
+                    filename=display,
+                    media_type=media_type,
+                    kind=kind,
+                    byte_size=len(part.data),
+                    storage_path="",
+                )
+                try:
+                    written = storage.write(node_id, record["id"], display, part.data)
+                except Exception:
+                    # Never leave a row pointing at bytes that failed to land.
+                    self.server.store.delete_attachment(record["id"])
+                    raise
+                record = self.server.store.set_attachment_path(record["id"], str(written))
+                created.append(self._public_attachment(record))
+
+            self._send_json(HTTPStatus.CREATED, {"attachments": created})
+        except Exception as exc:
+            self._exception(exc)
+
+    def _read_exactly(self, length: int) -> bytes:
+        """Read exactly ``length`` bytes, tolerating short socket reads.
+
+        ``rfile.read(n)`` on a buffered socket can legally return fewer bytes
+        than requested; a single call would silently truncate a large upload
+        and corrupt the trailing multipart boundary.
+        """
+        chunks: list[bytes] = []
+        remaining = length
+        while remaining > 0:
+            chunk = self.rfile.read(min(remaining, 1 << 20))
+            if not chunk:
+                break
+            chunks.append(chunk)
+            remaining -= len(chunk)
+        return b"".join(chunks)
+
+    def _delete_attachment(self, attachment_id: str) -> dict[str, Any]:
+        record = self.server.store.delete_attachment(attachment_id)
+        storage = self.server.attachment_storage
+        if storage is not None and record.get("storage_path"):
+            storage.remove(record["storage_path"])
+        return {"deleted_attachment_ids": [attachment_id], "node_id": record["node_id"]}
+
+    def _serve_attachment(self, attachment_id: str, *, head: bool) -> None:
+        """Stream an uploaded file back for preview or download."""
+        try:
+            record = self.server.store.get_attachment(attachment_id)
+            storage = self._attachment_storage()
+            target = storage.resolve(record["storage_path"])
+        except Exception as exc:
+            self._exception(exc)
+            return
+        if not target.is_file():
+            self._error(HTTPStatus.NOT_FOUND, "not_found", "Attachment bytes are missing")
+            return
+
+        payload = b"" if head else target.read_bytes()
+        size = target.stat().st_size if head else len(payload)
+        # Inline for images so previews render; attachment for everything else
+        # so a click downloads rather than navigating the browser away.
+        disposition = "inline" if record["kind"] == "image" else "attachment"
+        filename = record["filename"].replace('"', "")
+        self.send_response(HTTPStatus.OK)
+        self.send_header("Content-Type", record["media_type"])
+        self.send_header("Content-Length", str(size))
+        self.send_header(
+            "Content-Disposition", f'{disposition}; filename="{filename}"'
+        )
+        # Uploads are immutable and addressed by a random id, so they are safe
+        # to cache hard; the CSP blocks script execution from this origin path.
+        self.send_header("Cache-Control", "private, max-age=31536000, immutable")
+        self.send_header("X-Content-Type-Options", "nosniff")
+        self.send_header("Content-Security-Policy", "default-src 'none'; sandbox")
+        self.end_headers()
+        if not head:
+            self.wfile.write(payload)
+
+    def _screen_stream(self, screen_id: str) -> None:
+        """Upgrade to a WebSocket and bridge it to the configured remote screen.
+
+        The RFB password is applied here, server-side; the browser never sees
+        it and noVNC is handed a security-type-None handshake instead.
+        """
+        try:
+            record = self.server.store.get_screen(screen_id)
+        except NotFoundError:
+            self._error(HTTPStatus.NOT_FOUND, "not_found", "Screen not found")
+            return
+        except Exception as exc:
+            self._exception(exc)
+            return
+
+        target = self.server.screens.get(record["screen_key"])
+        if target is None:
+            self._error(
+                HTTPStatus.SERVICE_UNAVAILABLE,
+                "screen_unavailable",
+                "This screen is no longer configured on the server",
+            )
+            return
+
+        upgrade = (self.headers.get("Upgrade") or "").strip().lower()
+        client_key = (self.headers.get("Sec-WebSocket-Key") or "").strip()
+        if upgrade != "websocket" or not client_key:
+            self._error(
+                HTTPStatus.BAD_REQUEST, "invalid_request", "Expected a WebSocket upgrade"
+            )
+            return
+
+        try:
+            vnc_sock, server_init = vncproxy.connect_screen(
+                target.host, target.port, target.password
+            )
+        except (vncproxy.ProxyError, OSError) as exc:
+            # Report the reason before upgrading so the browser sees real text.
+            self._error(HTTPStatus.BAD_GATEWAY, "screen_unreachable", str(exc))
+            return
+
+        try:
+            handshake = (
+                "HTTP/1.1 101 Switching Protocols\r\n"
+                "Upgrade: websocket\r\n"
+                "Connection: Upgrade\r\n"
+                f"Sec-WebSocket-Accept: {vncproxy.accept_key(client_key)}\r\n"
+            )
+            # noVNC offers the "binary" subprotocol; echo it when requested.
+            requested = (self.headers.get("Sec-WebSocket-Protocol") or "")
+            offered = [item.strip() for item in requested.split(",") if item.strip()]
+            if "binary" in offered:
+                handshake += "Sec-WebSocket-Protocol: binary\r\n"
+            handshake += "\r\n"
+            self.wfile.write(handshake.encode("ascii"))
+            self.wfile.flush()
+            # The socket is now a WebSocket; stop the HTTP machinery touching it.
+            self.close_connection = True
+            vncproxy.pump(self.connection, vnc_sock, server_init)
+        except OSError:
+            pass
+        finally:
+            try:
+                vnc_sock.shutdown(socket.SHUT_RDWR)
+            except OSError:
+                pass
+            vnc_sock.close()
+
+    def _delete_node(self, node_id: str) -> dict[str, Any]:
+        """Remove a window subtree, then release each orphaned Hermes session."""
+        removed = self.server.store.delete_node(node_id)
+        storage = self.server.attachment_storage
+        released, failed = [], []
+        for node in removed["nodes"]:
+            # Attachment rows go with the node via ON DELETE CASCADE; the bytes
+            # on disk have to be reclaimed explicitly.
+            if storage is not None:
+                storage.remove_node(node["id"])
+            try:
+                self.server.hermes.delete_session(node["hermes_session_id"])
+                released.append(node["hermes_session_id"])
+            except Exception as exc:  # Hermes already gone: local delete stands.
+                self.log_error("could not release session %s: %s", node["hermes_session_id"], exc)
+                failed.append(node["hermes_session_id"])
+        return {
+            "workspace_id": removed["workspace_id"],
+            "deleted_node_ids": [node["id"] for node in removed["nodes"]],
+            "released_session_ids": released,
+            "orphaned_session_ids": failed,
+        }
+
     def _health(self) -> None:
         hermes_status: dict[str, Any]
         try:
@@ -229,6 +916,34 @@ def _optional_title(self, value: object) -> str | None:
             raise ValidationError("title is too long")
         return value.strip()
 
+    def _required_model(self, value: object) -> str:
+        if not isinstance(value, str) or not value.strip():
+            raise ValidationError("model must be a non-empty string")
+        model = value.strip()
+        if len(model) > 500:
+            raise ValidationError("model is too long")
+        available = {item["id"] for item in self.server.hermes.models()}
+        available.add("hermes-agent")
+        if model not in available:
+            raise ValidationError("unsupported model")
+        return model
+
+    @staticmethod
+    def _required_reasoning_effort(value: object) -> str:
+        if not isinstance(value, str) or value.strip().lower() not in _REASONING_LEVELS:
+            raise ValidationError("unsupported reasoning_effort")
+        return value.strip().lower()
+
+    @staticmethod
+    def _model_label(model_id: str) -> str:
+        name = model_id.rsplit("/", 1)[-1]
+        name = re.sub(r"-(\d+)-(\d+)$", r"-\1.\2", name)
+        if name.startswith("gpt-"):
+            return "GPT-" + name[4:].replace("-", " ").title()
+        if name.startswith("claude-"):
+            return "Claude " + name[7:].replace("-", " ").title()
+        return name.replace("-", " ").title()
+
     def _read_body(self, *, allow_empty: bool = False) -> dict[str, Any] | None:
         transfer_encoding = self.headers.get("Transfer-Encoding", "")
         if transfer_encoding:
@@ -322,19 +1037,67 @@ def _sse(self, event_name: str, data: dict[str, Any]) -> None:
             # Continue consuming Hermes and persisting output after a tab closes.
             self._sse_connected = False
 
-    def _stream_node(self, node: dict[str, Any], *, input_override: str | None = None) -> None:
+    def _run_stream(
+        self, node_id: str, chat_input: Any
+    ) -> Iterator[tuple[str, dict[str, Any]]]:
+        """Start a stoppable run and yield its events.
+
+        The run id is recorded before the first event is consumed. Stopping is
+        therefore possible for the whole life of the turn, including the model's
+        first (often longest) call, instead of only after an event happened to
+        carry the id back.
+        """
+        node = self.server.store.get_node(node_id)
+        run_id = self.server.hermes.start_run(node["hermes_session_id"], chat_input)
+        try:
+            self.server.store.set_run_id(node_id, run_id)
+        except Exception:
+            pass
+        yield from self.server.hermes.stream_run_events(run_id)
+
+    def _stream_node(
+        self,
+        node: dict[str, Any],
+        *,
+        input_override: str | None = None,
+        initial_markdown: str | None = None,
+    ) -> None:
         node_id = node["id"]
         final_markdown: str | None = None
         failed_error: str | None = None
         saw_terminal = False
+        stopped = False
+        seen_run_id: str | None = None
         try:
-            for upstream_name, upstream_payload in self.server.hermes.stream_chat(
-                node["hermes_session_id"], input_override or node["prompt"]
-            ):
+            # Claim this node's pending uploads and fold them into the turn.
+            # Every streaming entry point funnels through here, so run, branch,
+            # continue and queued follow-ups all pick attachments up.
+            chat_input: Any = input_override or node["prompt"]
+            storage = self.server.attachment_storage
+            if storage is not None:
+                try:
+                    pending = self.server.store.take_pending_attachments(node_id)
+                except Exception:
+                    pending = []
+                if pending:
+                    chat_input = attachments_mod.build_chat_input(
+                        str(chat_input), pending, storage, self.server.agent_path_map
+                    )
+            for upstream_name, upstream_payload in self._run_stream(node_id, chat_input):
                 normalized = normalize_hermes_event(upstream_name, upstream_payload, node_id)
                 if normalized is None:
                     continue
                 name, payload = normalized
+                # run_id is a server-side control handle, never browser state.
+                # Record it so /stop can interrupt this turn, then strip it
+                # from the payload that goes out over SSE.
+                run_id = payload.pop("run_id", None)
+                if run_id and run_id != seen_run_id:
+                    seen_run_id = run_id
+                    try:
+                        self.server.store.set_run_id(node_id, run_id)
+                    except Exception:
+                        pass
                 if name == "assistant.delta":
                     # This write intentionally precedes the outward event.
                     self.server.store.append_markdown(node_id, payload["delta"])
@@ -348,9 +1111,24 @@ def _stream_node(self, node: dict[str, Any], *, input_override: str | None = Non
                     saw_terminal = True
                     if "markdown" in payload:
                         final_markdown = payload["markdown"]
+                elif name == "run.cancelled":
+                    # A stop was honoured. Treat it as terminal-but-not-success:
+                    # partial markdown is already persisted, and settling into
+                    # 'failed' with an explicit reason keeps the state machine
+                    # honest while enabling both Retry and Continue.
+                    stopped = True
+                    break
                 elif name == "node.failed":
                     failed_error = payload["error"]
                     break
+            if stopped:
+                message = "Stopped at your request."
+                try:
+                    self.server.store.fail_node(node_id, message)
+                except ConflictError:
+                    pass
+                self._sse("node.failed", {"node_id": node_id, "error": message})
+                return
             if failed_error is not None:
                 raise HermesError(failed_error, code="hermes_run_failed")
             if not saw_terminal:
@@ -358,7 +1136,15 @@ def _stream_node(self, node: dict[str, Any], *, input_override: str | None = Non
                     "Hermes stream ended before run completion",
                     code="hermes_stream_incomplete",
                 )
+            if final_markdown is not None and initial_markdown is not None:
+                final_markdown = initial_markdown + final_markdown
             completed = self.server.store.complete_node(node_id, final_markdown)
+            try:
+                self.server.store.archive_session(
+                    node_id, self.server.hermes.messages(completed["hermes_session_id"])
+                )
+            except Exception as archive_error:
+                self.log_error("could not archive Hermes session %s: %s", node_id, archive_error)
             self._sse(
                 "node.completed",
                 {
@@ -368,6 +1154,18 @@ def _stream_node(self, node: dict[str, Any], *, input_override: str | None = Non
                     "hermes_session_id": completed["hermes_session_id"],
                 },
             )
+            queued = self.server.store.take_queued_follow_up(node_id)
+            if queued is not None:
+                running = self.server.store.continue_node(node_id, queued["prompt"])
+                self._sse(
+                    "node.continued",
+                    {"node": running, "queued_follow_up_id": queued["id"]},
+                )
+                self._stream_node(
+                    running,
+                    input_override=queued["prompt"],
+                    initial_markdown=running["markdown"],
+                )
         except Exception as exc:
             message = str(exc).strip() or "Hermes request failed"
             try:
@@ -416,17 +1214,33 @@ def _serve_static(self, request_path: str, *, head: bool) -> None:
         content_type, _ = mimetypes.guess_type(candidate.name)
         if candidate.suffix == ".js":
             content_type = "text/javascript"
+        # The drawing frame is the ONLY document allowed to relax style-src and
+        # be framed. tldraw applies inline style attributes at runtime, which
+        # nonces and hashes cannot cover (CSP ignores hashes for style
+        # attributes without 'unsafe-hashes'). Scoping the relaxation to this
+        # one asset keeps the main application - which renders model-authored
+        # markdown - on the strict policy.
+        is_drawing_frame = relative == "drawing.html" or candidate.name == "drawing.html"
+        if is_drawing_frame:
+            csp = (
+                "default-src 'self'; script-src 'self'; "
+                "style-src 'self' 'unsafe-inline'; "
+                "img-src 'self' data: blob:; font-src 'self' data:; "
+                "connect-src 'self'; object-src 'none'; base-uri 'none'; "
+                "frame-ancestors 'self'; form-action 'none'"
+            )
+        else:
+            csp = (
+                "default-src 'self'; script-src 'self'; style-src 'self'; "
+                "img-src 'self' data: blob: https:; font-src 'self' data:; "
+                "connect-src 'self'; object-src 'none'; base-uri 'none'; "
+                "frame-ancestors 'none'; form-action 'self'"
+            )
         self.send_response(HTTPStatus.OK)
         self.send_header("Content-Type", f"{content_type or 'application/octet-stream'}; charset=utf-8")
         self.send_header("Content-Length", str(len(content)))
         self.send_header("X-Content-Type-Options", "nosniff")
-        self.send_header(
-            "Content-Security-Policy",
-            "default-src 'self'; script-src 'self'; style-src 'self'; "
-            "img-src 'self' data: blob: https:; font-src 'self' data:; "
-            "connect-src 'self'; object-src 'none'; base-uri 'none'; "
-            "frame-ancestors 'none'; form-action 'self'",
-        )
+        self.send_header("Content-Security-Policy", csp)
         self.send_header("Referrer-Policy", "no-referrer")
         self.send_header("Cache-Control", "no-cache")
         self.end_headers()
@@ -471,6 +1285,8 @@ def create_server(
     database: str | Path | None = None,
     static_dir: str | Path | None = None,
     hermes_client: HermesClient | None = None,
+    screens: ScreenRegistry | None = None,
+    attachment_dir: str | Path | None = None,
 ) -> ApplicationHTTPServer:
     repo_root = Path(__file__).resolve().parent.parent
     database_path = database or os.environ.get(
@@ -480,7 +1296,25 @@ def create_server(
     hermes = hermes_client or HermesClient(
         os.environ.get("HERMES_API_URL", "http://127.0.0.1:8642")
     )
-    return ApplicationHTTPServer((host, port), Store(database_path), hermes, static_path)
+    registry = screens if screens is not None else ScreenRegistry.from_env()
+    # Uploads live beside the database by default so a deployment only has to
+    # provision one writable directory.
+    uploads = attachment_dir or os.environ.get("HERMES_VISUAL_UPLOAD_DIR")
+    if not uploads:
+        if str(database_path) == ":memory:":
+            uploads = str(Path.home() / ".rabbithole" / "uploads")
+        else:
+            uploads = str(Path(database_path).expanduser().resolve().parent / "uploads")
+    storage = attachments_mod.AttachmentStorage(uploads)
+    return ApplicationHTTPServer(
+        (host, port),
+        Store(database_path),
+        hermes,
+        static_path,
+        registry,
+        storage,
+        os.environ.get("HERMES_VISUAL_AGENT_PATH_MAP", ""),
+    )
 
 
 def main(argv: list[str] | None = None) -> int:
diff --git a/backend/store.py b/backend/store.py
index 851de98..bb76b14 100644
--- a/backend/store.py
+++ b/backend/store.py
@@ -2,8 +2,12 @@
 
 from __future__ import annotations
 
+import json
 import math
+import secrets
 import sqlite3
+from collections import Counter
+from collections.abc import Sequence
 from datetime import datetime, timezone
 from pathlib import Path
 from typing import Any
@@ -11,14 +15,22 @@
 try:
     from .ownership import (
         is_valid_id,
+        new_attachment_id,
+        new_drawing_id,
         new_node_id,
+        new_queued_follow_up_id,
+        new_screen_id,
         new_workspace_id,
         require_rabbithole_session_id,
     )
 except ImportError:  # pragma: no cover - permits `python backend/store.py`
     from ownership import (  # type: ignore
         is_valid_id,
+        new_attachment_id,
+        new_drawing_id,
         new_node_id,
+        new_queued_follow_up_id,
+        new_screen_id,
         new_workspace_id,
         require_rabbithole_session_id,
     )
@@ -43,10 +55,55 @@ class ValidationError(StoreError):
 _WORKSPACE_COLUMNS = "id, title, root_node_id, created_at, updated_at"
 _NODE_COLUMNS = (
     "id, workspace_id, parent_node_id, hermes_session_id, title, prompt, "
-    "markdown, status, error, x, y, width, height, created_at, updated_at"
+    "markdown, status, error, x, y, width, height, header_color, model_alias, reasoning_effort, created_at, updated_at"
+)
+_SCREEN_COLUMNS = (
+    "id, workspace_id, screen_key, title, x, y, width, height, created_at, updated_at"
+)
+_DRAWING_COLUMNS = (
+    "id, workspace_id, title, snapshot, preview, x, y, width, height, created_at, updated_at"
+)
+_ATTACHMENT_COLUMNS = (
+    "id, node_id, filename, media_type, kind, byte_size, storage_path, delivered, created_at"
+)
+_REASONING_LEVELS = frozenset({"none", "minimal", "low", "medium", "high", "xhigh"})
+DEFAULT_SCREEN_WIDTH = 960.0
+DEFAULT_SCREEN_HEIGHT = 620.0
+DEFAULT_DRAWING_WIDTH = 900.0
+DEFAULT_DRAWING_HEIGHT = 640.0
+# tldraw snapshots grow with shape count; cap the column so a runaway document
+# cannot bloat the workspace database.
+MAX_DRAWING_SNAPSHOT_BYTES = 8_000_000
+# The idle preview is a downscaled raster of the document. It is a cache, so it
+# is capped well below the snapshot: anything larger means the rasteriser
+# misbehaved and the window is better off falling back to the live editor.
+MAX_DRAWING_PREVIEW_BYTES = 2_000_000
+HEADER_COLORS = (
+    "#7c6cf2",  # violet
+    "#3f7ee8",  # blue
+    "#1596a8",  # teal
+    "#17a673",  # green
+    "#d9912b",  # amber
+    "#db6d45",  # coral
+    "#d6538f",  # pink
+    "#8b6fd6",  # lavender
 )
 
 
+def _pick_header_color(used: Sequence[str]) -> str:
+    """Pick a header color that is distinct from the ones already in use.
+
+    Every new window must look different from its neighbours, so unused palette
+    entries always win. Once the palette is exhausted the least-used colors are
+    recycled first, which keeps the canvas as evenly spread as the palette
+    allows instead of clustering on a repeat.
+    """
+    counts = Counter(color.strip().lower() for color in used if color)
+    fewest = min(counts.get(color, 0) for color in HEADER_COLORS)
+    candidates = [color for color in HEADER_COLORS if counts.get(color, 0) == fewest]
+    return secrets.choice(candidates)
+
+
 def utc_now() -> str:
     return datetime.now(timezone.utc).isoformat(timespec="milliseconds").replace("+00:00", "Z")
 
@@ -62,6 +119,14 @@ def _clean_text(value: object, field: str, *, required: bool, maximum: int) -> s
     return cleaned
 
 
+def _clean_settings(model: object, reasoning_effort: object) -> tuple[str, str]:
+    model_text = _clean_text(model, "model", required=True, maximum=500)
+    effort = _clean_text(reasoning_effort, "reasoning_effort", required=True, maximum=20).lower()
+    if effort not in _REASONING_LEVELS:
+        raise ValidationError("unsupported reasoning_effort")
+    return model_text, effort
+
+
 def _row_dict(row: sqlite3.Row | None) -> dict[str, Any] | None:
     return dict(row) if row is not None else None
 
@@ -99,14 +164,49 @@ def initialize(self) -> None:
         connection = self._connect()
         try:
             connection.executescript(schema)
+            columns = {
+                row["name"] for row in connection.execute("PRAGMA table_info(nodes)").fetchall()
+            }
+            if "header_color" not in columns:
+                connection.execute(
+                    "ALTER TABLE nodes ADD COLUMN header_color TEXT NOT NULL DEFAULT ''"
+                )
+            if "model_alias" not in columns:
+                connection.execute(
+                    "ALTER TABLE nodes ADD COLUMN model_alias TEXT NOT NULL DEFAULT 'hermes-agent'"
+                )
+            if "reasoning_effort" not in columns:
+                connection.execute(
+                    "ALTER TABLE nodes ADD COLUMN reasoning_effort TEXT NOT NULL DEFAULT 'medium'"
+                )
+            if "run_id" not in columns:
+                connection.execute(
+                    "ALTER TABLE nodes ADD COLUMN run_id TEXT NOT NULL DEFAULT ''"
+                )
+            # `drawing_windows` predates the preview column, so existing
+            # databases need it added rather than recreated.
+            drawing_columns = {
+                row["name"]
+                for row in connection.execute("PRAGMA table_info(drawing_windows)").fetchall()
+            }
+            if drawing_columns and "preview" not in drawing_columns:
+                connection.execute(
+                    "ALTER TABLE drawing_windows ADD COLUMN preview TEXT NOT NULL DEFAULT ''"
+                )
         finally:
             self._close(connection)
 
     def create_workspace(
-        self, prompt: object, session_id: object, title: object | None = None
+        self,
+        prompt: object,
+        session_id: object,
+        title: object | None = None,
+        model: object = "hermes-agent",
+        reasoning_effort: object = "medium",
     ) -> tuple[dict[str, Any], dict[str, Any]]:
         prompt_text = _clean_text(prompt, "prompt", required=True, maximum=200_000)
         session = require_rabbithole_session_id(session_id)
+        model_alias, effort = _clean_settings(model, reasoning_effort)
         title_text = (
             _clean_text(title, "title", required=True, maximum=500)
             if title is not None
@@ -115,6 +215,7 @@ def create_workspace(
         workspace_id = new_workspace_id()
         node_id = new_node_id()
         now = utc_now()
+        header_color = secrets.choice(HEADER_COLORS)
         connection = self._connect()
         try:
             connection.execute("BEGIN IMMEDIATE")
@@ -125,9 +226,12 @@ def create_workspace(
             connection.execute(
                 """INSERT INTO nodes(
                        id,workspace_id,parent_node_id,hermes_session_id,title,prompt,
-                       markdown,status,error,x,y,width,height,ordinal,created_at,updated_at
-                   ) VALUES(?,?,?,?,?,?,?,'pending','',0,0,520,620,0,?,?)""",
-                (node_id, workspace_id, None, session, title_text, prompt_text, "", now, now),
+                       markdown,status,error,x,y,width,height,header_color,model_alias,reasoning_effort,ordinal,created_at,updated_at
+                   ) VALUES(?,?,?,?,?,?,?,'pending','',0,0,520,620,?,?,?,0,?,?)""",
+                (
+                    node_id, workspace_id, None, session, title_text, prompt_text, "",
+                    header_color, model_alias, effort, now, now,
+                ),
             )
             connection.commit()
             workspace = self._workspace_in(connection, workspace_id)
@@ -180,8 +284,8 @@ def create_child(
             connection.execute(
                 """INSERT INTO nodes(
                        id,workspace_id,parent_node_id,hermes_session_id,title,prompt,
-                       markdown,status,error,x,y,width,height,ordinal,created_at,updated_at
-                   ) VALUES(?,?,?,?,?,?,?,'pending','',?,?,520,620,?,?,?)""",
+                       markdown,status,error,x,y,width,height,header_color,model_alias,reasoning_effort,ordinal,created_at,updated_at
+                   ) VALUES(?,?,?,?,?,?,?,'pending','',?,?,520,620,?,?,?,?,?,?)""",
                 (
                     node_id,
                     parent["workspace_id"],
@@ -192,6 +296,9 @@ def create_child(
                     "",
                     float(parent["x"]) + float(parent["width"]) + 80,
                     float(parent["y"]) + sibling_count * (float(parent["height"]) + 80),
+                    parent["header_color"],
+                    parent["model_alias"],
+                    parent["reasoning_effort"],
                     ordinal,
                     now,
                     now,
@@ -217,6 +324,97 @@ def create_child(
         finally:
             self._close(connection)
 
+    def create_standalone(
+        self,
+        workspace_id: object,
+        prompt: object,
+        session_id: object,
+        x: object,
+        y: object,
+        title: object | None = None,
+        model: object = "hermes-agent",
+        reasoning_effort: object = "medium",
+    ) -> dict[str, Any]:
+        if not is_valid_id(workspace_id, "rw"):
+            raise NotFoundError("workspace not found")
+        prompt_text = _clean_text(prompt, "prompt", required=True, maximum=200_000)
+        session = require_rabbithole_session_id(session_id)
+        model_alias, effort = _clean_settings(model, reasoning_effort)
+        title_text = (
+            _clean_text(title, "title", required=True, maximum=500)
+            if title is not None
+            else prompt_text.splitlines()[0][:120]
+        )
+        coordinates: list[float] = []
+        for field, value in (("x", x), ("y", y)):
+            if isinstance(value, bool) or not isinstance(value, (int, float)) or not math.isfinite(value):
+                raise ValidationError(f"{field} must be a finite number")
+            coordinates.append(float(value))
+        node_id = new_node_id()
+        now = utc_now()
+        connection = self._connect()
+        try:
+            connection.execute("BEGIN IMMEDIATE")
+            workspace = self._workspace_in(connection, workspace_id)
+            if workspace is None:
+                raise NotFoundError("workspace not found")
+            # Chosen inside the transaction so concurrent window creation cannot
+            # read the same "already used" set and land on the same color. Only
+            # top-level nodes count: branches deliberately inherit their parent's
+            # color, so including them would skew the tally toward busy branches.
+            header_color = _pick_header_color(
+                [
+                    row[0]
+                    for row in connection.execute(
+                        "SELECT header_color FROM nodes "
+                        "WHERE workspace_id = ? AND parent_node_id IS NULL",
+                        (workspace_id,),
+                    ).fetchall()
+                ]
+            )
+            ordinal = connection.execute(
+                "SELECT COALESCE(MAX(ordinal), -1) + 1 FROM nodes WHERE workspace_id = ?",
+                (workspace_id,),
+            ).fetchone()[0]
+            connection.execute(
+                """INSERT INTO nodes(
+                       id,workspace_id,parent_node_id,hermes_session_id,title,prompt,
+                       markdown,status,error,x,y,width,height,header_color,model_alias,reasoning_effort,ordinal,created_at,updated_at
+                   ) VALUES(?,?,NULL,?,?,?,'','pending','',?,?,440,430,?,?,?,?,?,?)""",
+                (
+                    node_id,
+                    workspace_id,
+                    session,
+                    title_text,
+                    prompt_text,
+                    *coordinates,
+                    header_color,
+                    model_alias,
+                    effort,
+                    ordinal,
+                    now,
+                    now,
+                ),
+            )
+            connection.execute(
+                "UPDATE workspaces SET updated_at = ? WHERE id = ?", (now, workspace_id)
+            )
+            connection.commit()
+            node = self._node_in(connection, node_id)
+            assert node is not None
+            return node
+        except (NotFoundError, ValidationError):
+            connection.rollback()
+            raise
+        except sqlite3.IntegrityError as exc:
+            connection.rollback()
+            raise ConflictError("node or session already exists") from exc
+        except Exception:
+            connection.rollback()
+            raise
+        finally:
+            self._close(connection)
+
     def _workspace_in(self, connection: sqlite3.Connection, workspace_id: str) -> dict[str, Any] | None:
         return _row_dict(
             connection.execute(
@@ -251,7 +449,111 @@ def get_workspace(self, workspace_id: object) -> dict[str, Any]:
                 f"SELECT {_NODE_COLUMNS} FROM nodes WHERE workspace_id = ? ORDER BY ordinal",
                 (workspace_id,),
             ).fetchall()
-            return {"workspace": workspace, "nodes": [dict(row) for row in nodes]}
+            queued_followups = connection.execute(
+                """SELECT q.id,q.node_id,q.prompt,q.ordinal,q.created_at
+                   FROM queued_followups q
+                   JOIN nodes n ON n.id=q.node_id
+                   WHERE n.workspace_id=?
+                   ORDER BY q.created_at,q.id""",
+                (workspace_id,),
+            ).fetchall()
+            screens = connection.execute(
+                f"SELECT {_SCREEN_COLUMNS} FROM screen_windows WHERE workspace_id = ?"
+                " ORDER BY created_at, id",
+                (workspace_id,),
+            ).fetchall()
+            # Snapshots can reach megabytes; the canvas listing only needs
+            # window geometry and the idle preview. Each drawing frame fetches
+            # its own document when it is actually activated.
+            drawings = connection.execute(
+                "SELECT id, workspace_id, title, preview, x, y, width, height,"
+                " created_at, updated_at"
+                " FROM drawing_windows WHERE workspace_id = ?"
+                " ORDER BY created_at, id",
+                (workspace_id,),
+            ).fetchall()
+            attachments = connection.execute(
+                f"""SELECT {", ".join("a." + column.strip() for column in _ATTACHMENT_COLUMNS.split(","))}
+                   FROM attachments a
+                   JOIN nodes n ON n.id=a.node_id
+                   WHERE n.workspace_id=?
+                   ORDER BY a.created_at, a.id""",
+                (workspace_id,),
+            ).fetchall()
+            return {
+                "workspace": workspace,
+                "nodes": [dict(row) for row in nodes],
+                "queued_followups": [dict(row) for row in queued_followups],
+                "screens": [dict(row) for row in screens],
+                "drawings": [dict(row) for row in drawings],
+                "attachments": [dict(row) for row in attachments],
+            }
+        finally:
+            self._close(connection)
+
+    def archive_session(self, node_id: object, messages: object) -> dict[str, Any]:
+        if not is_valid_id(node_id, "rn"):
+            raise NotFoundError("node not found")
+        try:
+            messages_json = json.dumps(messages, ensure_ascii=False, separators=(",", ":"), allow_nan=False)
+        except (TypeError, ValueError) as exc:
+            raise ValidationError("session messages must be JSON-serializable") from exc
+        now = utc_now()
+        connection = self._connect()
+        try:
+            connection.execute("BEGIN IMMEDIATE")
+            node = self._node_in(connection, node_id)
+            if node is None:
+                raise NotFoundError("node not found")
+            connection.execute(
+                """INSERT INTO session_archives(node_id,hermes_session_id,messages_json,saved_at)
+                   VALUES(?,?,?,?)
+                   ON CONFLICT(node_id) DO UPDATE SET
+                     hermes_session_id=excluded.hermes_session_id,
+                     messages_json=excluded.messages_json,
+                     saved_at=excluded.saved_at""",
+                (node["id"], node["hermes_session_id"], messages_json, now),
+            )
+            connection.commit()
+            return {
+                "node_id": node["id"],
+                "hermes_session_id": node["hermes_session_id"],
+                "messages": json.loads(messages_json),
+                "saved_at": now,
+            }
+        except Exception:
+            connection.rollback()
+            raise
+        finally:
+            self._close(connection)
+
+    def export_workspace(self, workspace_id: object) -> dict[str, Any]:
+        detail = self.get_workspace(workspace_id)
+        connection = self._connect()
+        try:
+            rows = connection.execute(
+                """SELECT node_id,hermes_session_id,messages_json,saved_at
+                   FROM session_archives
+                   WHERE node_id IN (SELECT id FROM nodes WHERE workspace_id=?)
+                   ORDER BY saved_at, node_id""",
+                (detail["workspace"]["id"],),
+            ).fetchall()
+            sessions = [
+                {
+                    "node_id": row["node_id"],
+                    "hermes_session_id": row["hermes_session_id"],
+                    "messages": json.loads(row["messages_json"]),
+                    "saved_at": row["saved_at"],
+                }
+                for row in rows
+            ]
+            return {
+                "format": "hermes-rabbithole-archive/v1",
+                "workspace": detail["workspace"],
+                "nodes": detail["nodes"],
+                "sessions": sessions,
+                "queued_followups": detail["queued_followups"],
+            }
         finally:
             self._close(connection)
 
@@ -309,7 +611,7 @@ def start_node(self, node_id: object) -> dict[str, Any]:
         connection = self._connect()
         try:
             cursor = connection.execute(
-                "UPDATE nodes SET status='running', error='', updated_at=? WHERE id=? AND status='pending'",
+                "UPDATE nodes SET status='running', error='', run_id='', updated_at=? WHERE id=? AND status='pending'",
                 (now, node_id),
             )
             if cursor.rowcount != 1:
@@ -323,41 +625,67 @@ def start_node(self, node_id: object) -> dict[str, Any]:
         finally:
             self._close(connection)
 
-    def append_markdown(self, node_id: object, delta: object) -> None:
-        if not isinstance(delta, str) or not delta:
-            return
+    def continue_node(self, node_id: object, prompt: object) -> dict[str, Any]:
+        if not is_valid_id(node_id, "rn"):
+            raise NotFoundError("node not found")
+        prompt_text = _clean_text(prompt, "prompt", required=True, maximum=200_000)
+        quoted_prompt = "\n".join(
+            f"> {line}" if line else ">" for line in prompt_text.splitlines()
+        )
+        separator = f"\n\n---\n\n### Follow-up\n\n{quoted_prompt}\n\n"
         now = utc_now()
         connection = self._connect()
         try:
             cursor = connection.execute(
-                "UPDATE nodes SET markdown=markdown || ?, updated_at=? WHERE id=? AND status='running'",
-                (delta, now, node_id),
+                """UPDATE nodes
+                   SET markdown=markdown || ?, status='running', error='', run_id='', updated_at=?
+                   WHERE id=? AND status IN ('completed','failed')""",
+                (separator, now, node_id),
             )
             if cursor.rowcount != 1:
-                raise ConflictError("node is not running")
+                row = connection.execute("SELECT status FROM nodes WHERE id=?", (node_id,)).fetchone()
+                if row is None:
+                    raise NotFoundError("node not found")
+                raise ConflictError(f"node is already {row['status']}")
+            node = self._node_in(connection, node_id)
+            assert node is not None
+            return node
         finally:
             self._close(connection)
 
-    def complete_node(self, node_id: object, markdown: object | None = None) -> dict[str, Any]:
-        if markdown is not None and not isinstance(markdown, str):
-            raise ValidationError("markdown must be a string")
+    def retry_node(self, node_id: object) -> dict[str, Any]:
+        """Move a failed node back to running so its original prompt can re-run.
+
+        The stored prompt and hermes_session_id are left untouched, so the retry
+        replays the same turn on the same session. Partial markdown from the
+        failed attempt is kept and separated by a marker: discarding it would
+        lose work the user already read, and appending keeps the document a
+        truthful record of what happened.
+        """
+        if not is_valid_id(node_id, "rn"):
+            raise NotFoundError("node not found")
         now = utc_now()
         connection = self._connect()
         try:
             connection.execute("BEGIN IMMEDIATE")
-            if markdown is None:
-                cursor = connection.execute(
-                    "UPDATE nodes SET status='completed', error='', updated_at=? WHERE id=? AND status='running'",
-                    (now, node_id),
-                )
-            else:
-                cursor = connection.execute(
-                    "UPDATE nodes SET markdown=?, status='completed', error='', updated_at=? WHERE id=? AND status='running'",
-                    (markdown, now, node_id),
-                )
+            row = connection.execute(
+                "SELECT status, markdown FROM nodes WHERE id=?", (node_id,)
+            ).fetchone()
+            if row is None:
+                raise NotFoundError("node not found")
+            if row["status"] != "failed":
+                raise ConflictError(f"node is already {row['status']}")
+            # Only mark the boundary when there is earlier output to separate.
+            marker = "\n\n---\n\n### Retry\n\n" if row["markdown"] else ""
+            cursor = connection.execute(
+                """UPDATE nodes
+                   SET markdown=markdown || ?, status='running', error='', run_id='', updated_at=?
+                   WHERE id=? AND status='failed'""",
+                (marker, now, node_id),
+            )
             if cursor.rowcount != 1:
-                raise ConflictError("node is not running")
-            node = self._node_in(connection, node_id)
+                raise ConflictError("node cannot be retried from its current state")
+            node = self._node_in(connection, str(node_id))
             assert node is not None
             connection.execute(
                 "UPDATE workspaces SET updated_at=? WHERE id=?", (now, node["workspace_id"])
@@ -370,60 +698,926 @@ def complete_node(self, node_id: object, markdown: object | None = None) -> dict
         finally:
             self._close(connection)
 
-    def fail_node(self, node_id: object, error: object) -> dict[str, Any]:
-        message = str(error).strip()[:2000] or "Hermes request failed"
+    def set_run_id(self, node_id: object, run_id: object) -> None:
+        """Record the in-flight Hermes run id so the node can be interrupted.
+
+        Best-effort and confined to running nodes: a late event that arrives
+        after the node already settled must not resurrect a stale handle.
+        """
+        if not is_valid_id(node_id, "rn"):
+            raise NotFoundError("node not found")
+        value = str(run_id or "").strip()[:200]
+        connection = self._connect()
+        try:
+            connection.execute(
+                "UPDATE nodes SET run_id=? WHERE id=? AND status='running'",
+                (value, node_id),
+            )
+            connection.commit()
+        finally:
+            self._close(connection)
+
+    def get_run_id(self, node_id: object) -> str:
+        """Return the active run id for a running node, or '' when there is none."""
+        if not is_valid_id(node_id, "rn"):
+            raise NotFoundError("node not found")
+        connection = self._connect()
+        try:
+            row = connection.execute(
+                "SELECT status, run_id FROM nodes WHERE id=?", (node_id,)
+            ).fetchone()
+            if row is None:
+                raise NotFoundError("node not found")
+            if row["status"] != "running":
+                raise ConflictError(f"node is not running (it is {row['status']})")
+            return str(row["run_id"] or "")
+        finally:
+            self._close(connection)
+
+    def merge_node(self, node_id: object, source_title: object) -> dict[str, Any]:
+        if not is_valid_id(node_id, "rn"):
+            raise NotFoundError("node not found")
+        title = _clean_text(source_title, "source title", required=True, maximum=500)
+        marker = f"\n\n---\n\n### Merging from {title}\n\n"
         now = utc_now()
         connection = self._connect()
         try:
-            connection.execute("BEGIN IMMEDIATE")
             cursor = connection.execute(
-                "UPDATE nodes SET status='failed', error=?, updated_at=? WHERE id=? AND status IN ('pending','running')",
-                (message, now, node_id),
+                """UPDATE nodes
+                   SET markdown=markdown || ?, status='running', error='', updated_at=?
+                   WHERE id=? AND status='completed'""",
+                (marker, now, node_id),
             )
             if cursor.rowcount != 1:
-                raise ConflictError("node cannot be failed from its current state")
+                row = connection.execute("SELECT status FROM nodes WHERE id=?", (node_id,)).fetchone()
+                if row is None:
+                    raise NotFoundError("node not found")
+                raise ConflictError(f"node is already {row['status']}")
             node = self._node_in(connection, node_id)
             assert node is not None
+            return node
+        finally:
+            self._close(connection)
+
+    def queue_follow_up(self, node_id: object, prompt: object) -> dict[str, Any]:
+        if not is_valid_id(node_id, "rn"):
+            raise NotFoundError("node not found")
+        prompt_text = _clean_text(prompt, "prompt", required=True, maximum=200_000)
+        queue_id = new_queued_follow_up_id()
+        now = utc_now()
+        connection = self._connect()
+        try:
+            connection.execute("BEGIN IMMEDIATE")
+            node = self._node_in(connection, node_id)
+            if node is None:
+                raise NotFoundError("node not found")
+            if node["status"] != "running":
+                raise ConflictError("node is not running")
+            ordinal = connection.execute(
+                "SELECT COALESCE(MAX(ordinal), -1) + 1 FROM queued_followups WHERE node_id=?",
+                (node_id,),
+            ).fetchone()[0]
             connection.execute(
-                "UPDATE workspaces SET updated_at=? WHERE id=?", (now, node["workspace_id"])
+                "INSERT INTO queued_followups(id,node_id,prompt,ordinal,created_at) VALUES(?,?,?,?,?)",
+                (queue_id, node_id, prompt_text, ordinal, now),
             )
             connection.commit()
-            return node
+            return {
+                "id": queue_id,
+                "node_id": node_id,
+                "prompt": prompt_text,
+                "ordinal": ordinal,
+                "created_at": now,
+            }
         except Exception:
             connection.rollback()
             raise
         finally:
             self._close(connection)
 
-    def update_layout(
-        self, node_id: object, x: object, y: object, width: object, height: object
-    ) -> dict[str, Any]:
-        values: list[float] = []
-        for field, value in (("x", x), ("y", y), ("width", width), ("height", height)):
-            if isinstance(value, bool) or not isinstance(value, (int, float)) or not math.isfinite(value):
-                raise ValidationError(f"{field} must be a finite number")
-            values.append(float(value))
-        if values[2] <= 0 or values[3] <= 0:
-            raise ValidationError("width and height must be greater than zero")
-        if values[2] > 10000 or values[3] > 10000:
-            raise ValidationError("width and height are too large")
-        now = utc_now()
+    def delete_node(self, node_id: object) -> dict[str, Any]:
+        """Delete a window and its descendants, deepest first.
+
+        Returns the removed nodes so callers can release the matching Hermes
+        sessions. The workspace root is refused: it *is* the workspace.
+        """
+        if not is_valid_id(node_id, "rn"):
+            raise NotFoundError("node not found")
         connection = self._connect()
         try:
             connection.execute("BEGIN IMMEDIATE")
-            cursor = connection.execute(
-                "UPDATE nodes SET x=?,y=?,width=?,height=?,updated_at=? WHERE id=?",
-                (*values, now, node_id),
-            )
-            if cursor.rowcount != 1:
+            target = connection.execute(
+                f"SELECT {_NODE_COLUMNS} FROM nodes WHERE id = ?", (node_id,)
+            ).fetchone()
+            if target is None:
                 raise NotFoundError("node not found")
-            node = self._node_in(connection, node_id)
-            assert node is not None
+            is_root = connection.execute(
+                "SELECT 1 FROM workspaces WHERE root_node_id = ?", (node_id,)
+            ).fetchone()
+            if is_root is not None:
+                raise ConflictError("the root window cannot be deleted")
+
+            # Breadth-first collection, then reverse so children precede parents
+            # and the ON DELETE RESTRICT parent constraint is never violated.
+            ordered: list[dict[str, Any]] = []
+            frontier = [target]
+            while frontier:
+                current = frontier.pop(0)
+                ordered.append(dict(current))
+                frontier.extend(
+                    connection.execute(
+                        f"SELECT {_NODE_COLUMNS} FROM nodes WHERE parent_node_id = ? ORDER BY ordinal",
+                        (current["id"],),
+                    ).fetchall()
+                )
+            ordered.reverse()
+
+            for row in ordered:
+                connection.execute("DELETE FROM nodes WHERE id = ?", (row["id"],))
             connection.execute(
-                "UPDATE workspaces SET updated_at=? WHERE id=?", (now, node["workspace_id"])
+                "UPDATE workspaces SET updated_at = ? WHERE id = ?",
+                (utc_now(), target["workspace_id"]),
             )
             connection.commit()
-            return node
+            return {"workspace_id": target["workspace_id"], "nodes": ordered}
+        except (NotFoundError, ConflictError, ValidationError):
+            connection.rollback()
+            raise
+        except Exception:
+            connection.rollback()
+            raise
+        finally:
+            self._close(connection)
+
+    def cancel_queued_follow_up(self, queue_id: object) -> dict[str, Any]:
+        if not is_valid_id(queue_id, "qf"):
+            raise NotFoundError("queued follow-up not found")
+        connection = self._connect()
+        try:
+            connection.execute("BEGIN IMMEDIATE")
+            row = connection.execute(
+                "SELECT id,node_id,prompt,ordinal,created_at FROM queued_followups WHERE id=?", (queue_id,)
+            ).fetchone()
+            if row is None:
+                raise NotFoundError("queued follow-up not found")
+            connection.execute("DELETE FROM queued_followups WHERE id=?", (queue_id,))
+            connection.commit()
+            return dict(row)
+        except Exception:
+            connection.rollback()
+            raise
+        finally:
+            self._close(connection)
+
+    def take_queued_follow_up(self, node_id: object) -> dict[str, Any] | None:
+        if not is_valid_id(node_id, "rn"):
+            raise NotFoundError("node not found")
+        connection = self._connect()
+        try:
+            connection.execute("BEGIN IMMEDIATE")
+            row = connection.execute(
+                """SELECT id,node_id,prompt,ordinal,created_at FROM queued_followups
+                   WHERE node_id=? ORDER BY ordinal,id LIMIT 1""",
+                (node_id,),
+            ).fetchone()
+            if row is not None:
+                connection.execute("DELETE FROM queued_followups WHERE id=?", (row["id"],))
+            connection.commit()
+            return dict(row) if row is not None else None
+        except Exception:
+            connection.rollback()
+            raise
+        finally:
+            self._close(connection)
+
+    def append_markdown(self, node_id: object, delta: object) -> None:
+        if not isinstance(delta, str) or not delta:
+            return
+        now = utc_now()
+        connection = self._connect()
+        try:
+            cursor = connection.execute(
+                "UPDATE nodes SET markdown=markdown || ?, updated_at=? WHERE id=? AND status='running'",
+                (delta, now, node_id),
+            )
+            if cursor.rowcount != 1:
+                raise ConflictError("node is not running")
+        finally:
+            self._close(connection)
+
+    def complete_node(self, node_id: object, markdown: object | None = None) -> dict[str, Any]:
+        if markdown is not None and not isinstance(markdown, str):
+            raise ValidationError("markdown must be a string")
+        now = utc_now()
+        connection = self._connect()
+        try:
+            connection.execute("BEGIN IMMEDIATE")
+            if markdown is None:
+                cursor = connection.execute(
+                    "UPDATE nodes SET status='completed', error='', run_id='', updated_at=? WHERE id=? AND status='running'",
+                    (now, node_id),
+                )
+            else:
+                cursor = connection.execute(
+                    "UPDATE nodes SET markdown=?, status='completed', error='', run_id='', updated_at=? WHERE id=? AND status='running'",
+                    (markdown, now, node_id),
+                )
+            if cursor.rowcount != 1:
+                raise ConflictError("node is not running")
+            node = self._node_in(connection, node_id)
+            assert node is not None
+            connection.execute(
+                "UPDATE workspaces SET updated_at=? WHERE id=?", (now, node["workspace_id"])
+            )
+            connection.commit()
+            return node
+        except Exception:
+            connection.rollback()
+            raise
+        finally:
+            self._close(connection)
+
+    def fail_node(self, node_id: object, error: object) -> dict[str, Any]:
+        message = str(error).strip()[:2000] or "Hermes request failed"
+        now = utc_now()
+        connection = self._connect()
+        try:
+            connection.execute("BEGIN IMMEDIATE")
+            cursor = connection.execute(
+                "UPDATE nodes SET status='failed', error=?, run_id='', updated_at=? WHERE id=? AND status IN ('pending','running')",
+                (message, now, node_id),
+            )
+            if cursor.rowcount != 1:
+                raise ConflictError("node cannot be failed from its current state")
+            node = self._node_in(connection, node_id)
+            assert node is not None
+            connection.execute(
+                "UPDATE workspaces SET updated_at=? WHERE id=?", (now, node["workspace_id"])
+            )
+            connection.commit()
+            return node
+        except Exception:
+            connection.rollback()
+            raise
+        finally:
+            self._close(connection)
+
+    def update_settings(
+        self, node_id: object, model: object, reasoning_effort: object
+    ) -> dict[str, Any]:
+        if not is_valid_id(node_id, "rn"):
+            raise NotFoundError("node not found")
+        model_alias, effort = _clean_settings(model, reasoning_effort)
+        now = utc_now()
+        connection = self._connect()
+        try:
+            cursor = connection.execute(
+                """UPDATE nodes SET model_alias=?,reasoning_effort=?,updated_at=?
+                   WHERE id=? AND status='completed'""",
+                (model_alias, effort, now, node_id),
+            )
+            if cursor.rowcount != 1:
+                row = connection.execute("SELECT status FROM nodes WHERE id=?", (node_id,)).fetchone()
+                if row is None:
+                    raise NotFoundError("node not found")
+                raise ConflictError("settings can only change after the session completes")
+            node = self._node_in(connection, node_id)
+            assert node is not None
+            return node
+        finally:
+            self._close(connection)
+
+    def update_layout(
+        self, node_id: object, x: object, y: object, width: object, height: object
+    ) -> dict[str, Any]:
+        values: list[float] = []
+        for field, value in (("x", x), ("y", y), ("width", width), ("height", height)):
+            if isinstance(value, bool) or not isinstance(value, (int, float)) or not math.isfinite(value):
+                raise ValidationError(f"{field} must be a finite number")
+            values.append(float(value))
+        if values[2] <= 0 or values[3] <= 0:
+            raise ValidationError("width and height must be greater than zero")
+        if values[2] > 10000 or values[3] > 10000:
+            raise ValidationError("width and height are too large")
+        now = utc_now()
+        connection = self._connect()
+        try:
+            connection.execute("BEGIN IMMEDIATE")
+            cursor = connection.execute(
+                "UPDATE nodes SET x=?,y=?,width=?,height=?,updated_at=? WHERE id=?",
+                (*values, now, node_id),
+            )
+            if cursor.rowcount != 1:
+                raise NotFoundError("node not found")
+            node = self._node_in(connection, node_id)
+            assert node is not None
+            connection.execute(
+                "UPDATE workspaces SET updated_at=? WHERE id=?", (now, node["workspace_id"])
+            )
+            connection.commit()
+            return node
+        except Exception:
+            connection.rollback()
+            raise
+        finally:
+            self._close(connection)
+
+    # ------------------------------------------------------------------
+    # Screen windows
+    # ------------------------------------------------------------------
+
+    def _screen_in(
+        self, connection: sqlite3.Connection, screen_id: str
+    ) -> dict[str, Any] | None:
+        return _row_dict(
+            connection.execute(
+                f"SELECT {_SCREEN_COLUMNS} FROM screen_windows WHERE id = ?", (screen_id,)
+            ).fetchone()
+        )
+
+    def create_screen(
+        self,
+        workspace_id: object,
+        screen_key: object,
+        title: object,
+        x: object,
+        y: object,
+    ) -> dict[str, Any]:
+        """Place a screen window on a workspace canvas.
+
+        ``screen_key`` is validated against the server-side registry by the
+        request handler before it reaches the store; here it is only shape
+        checked so the database never holds arbitrary text.
+        """
+        if not is_valid_id(workspace_id, "rw"):
+            raise NotFoundError("workspace not found")
+        key = _clean_text(screen_key, "screen_key", required=True, maximum=64)
+        title_text = _clean_text(title, "title", required=True, maximum=500)
+        coordinates: list[float] = []
+        for field, value in (("x", x), ("y", y)):
+            if isinstance(value, bool) or not isinstance(value, (int, float)) or not math.isfinite(value):
+                raise ValidationError(f"{field} must be a finite number")
+            coordinates.append(float(value))
+        screen_id = new_screen_id()
+        now = utc_now()
+        connection = self._connect()
+        try:
+            connection.execute("BEGIN IMMEDIATE")
+            if self._workspace_in(connection, workspace_id) is None:
+                raise NotFoundError("workspace not found")
+            connection.execute(
+                """INSERT INTO screen_windows
+                   (id,workspace_id,screen_key,title,x,y,width,height,created_at,updated_at)
+                   VALUES(?,?,?,?,?,?,?,?,?,?)""",
+                (
+                    screen_id,
+                    workspace_id,
+                    key,
+                    title_text,
+                    coordinates[0],
+                    coordinates[1],
+                    DEFAULT_SCREEN_WIDTH,
+                    DEFAULT_SCREEN_HEIGHT,
+                    now,
+                    now,
+                ),
+            )
+            connection.execute(
+                "UPDATE workspaces SET updated_at=? WHERE id=?", (now, workspace_id)
+            )
+            screen = self._screen_in(connection, screen_id)
+            assert screen is not None
+            connection.commit()
+            return screen
+        except Exception:
+            connection.rollback()
+            raise
+        finally:
+            self._close(connection)
+
+    def get_screen(self, screen_id: object) -> dict[str, Any]:
+        if not is_valid_id(screen_id, "rs"):
+            raise NotFoundError("screen not found")
+        connection = self._connect()
+        try:
+            screen = self._screen_in(connection, screen_id)
+            if screen is None:
+                raise NotFoundError("screen not found")
+            return screen
+        finally:
+            self._close(connection)
+
+    def update_screen_layout(
+        self, screen_id: object, x: object, y: object, width: object, height: object
+    ) -> dict[str, Any]:
+        if not is_valid_id(screen_id, "rs"):
+            raise NotFoundError("screen not found")
+        values: list[float] = []
+        for field, value in (("x", x), ("y", y), ("width", width), ("height", height)):
+            if isinstance(value, bool) or not isinstance(value, (int, float)) or not math.isfinite(value):
+                raise ValidationError(f"{field} must be a finite number")
+            values.append(float(value))
+        if values[2] <= 0 or values[3] <= 0:
+            raise ValidationError("width and height must be greater than zero")
+        if values[2] > 10000 or values[3] > 10000:
+            raise ValidationError("width and height are too large")
+        now = utc_now()
+        connection = self._connect()
+        try:
+            connection.execute("BEGIN IMMEDIATE")
+            cursor = connection.execute(
+                "UPDATE screen_windows SET x=?,y=?,width=?,height=?,updated_at=? WHERE id=?",
+                (*values, now, screen_id),
+            )
+            if cursor.rowcount != 1:
+                raise NotFoundError("screen not found")
+            screen = self._screen_in(connection, screen_id)
+            assert screen is not None
+            connection.execute(
+                "UPDATE workspaces SET updated_at=? WHERE id=?", (now, screen["workspace_id"])
+            )
+            connection.commit()
+            return screen
+        except Exception:
+            connection.rollback()
+            raise
+        finally:
+            self._close(connection)
+
+    def delete_screen(self, screen_id: object) -> dict[str, Any]:
+        """Remove a screen window. Screens own no children and no Hermes session."""
+        if not is_valid_id(screen_id, "rs"):
+            raise NotFoundError("screen not found")
+        now = utc_now()
+        connection = self._connect()
+        try:
+            connection.execute("BEGIN IMMEDIATE")
+            screen = self._screen_in(connection, screen_id)
+            if screen is None:
+                raise NotFoundError("screen not found")
+            connection.execute("DELETE FROM screen_windows WHERE id=?", (screen_id,))
+            connection.execute(
+                "UPDATE workspaces SET updated_at=? WHERE id=?", (now, screen["workspace_id"])
+            )
+            connection.commit()
+            return {"deleted_screen_ids": [screen_id], "workspace_id": screen["workspace_id"]}
+        except Exception:
+            connection.rollback()
+            raise
+        finally:
+            self._close(connection)
+
+    # ------------------------------------------------------------------
+    # Drawing windows
+    #
+    # A drawing window owns one tldraw document stored as an opaque JSON
+    # snapshot. Drawings belong to the workspace only: they hold no Hermes
+    # session, take no parent, and are never fed to a model.
+    # ------------------------------------------------------------------
+
+    def _drawing_in(
+        self, connection: sqlite3.Connection, drawing_id: object
+    ) -> dict[str, Any] | None:
+        return _row_dict(
+            connection.execute(
+                f"SELECT {_DRAWING_COLUMNS} FROM drawing_windows WHERE id = ?", (drawing_id,)
+            ).fetchone()
+        )
+
+    def create_drawing(
+        self, workspace_id: object, title: object, x: object, y: object
+    ) -> dict[str, Any]:
+        """Place an empty drawing window on a workspace canvas."""
+        if not is_valid_id(workspace_id, "rw"):
+            raise NotFoundError("workspace not found")
+        title_text = _clean_text(title, "title", required=False, maximum=500) or "Drawing"
+        coordinates: list[float] = []
+        for field, value in (("x", x), ("y", y)):
+            if isinstance(value, bool) or not isinstance(value, (int, float)) or not math.isfinite(value):
+                raise ValidationError(f"{field} must be a finite number")
+            coordinates.append(float(value))
+        drawing_id = new_drawing_id()
+        now = utc_now()
+        connection = self._connect()
+        try:
+            connection.execute("BEGIN IMMEDIATE")
+            if self._workspace_in(connection, workspace_id) is None:
+                raise NotFoundError("workspace not found")
+            connection.execute(
+                """INSERT INTO drawing_windows
+                   (id,workspace_id,title,snapshot,x,y,width,height,created_at,updated_at)
+                   VALUES(?,?,?,?,?,?,?,?,?,?)""",
+                (
+                    drawing_id,
+                    workspace_id,
+                    title_text,
+                    "",
+                    coordinates[0],
+                    coordinates[1],
+                    DEFAULT_DRAWING_WIDTH,
+                    DEFAULT_DRAWING_HEIGHT,
+                    now,
+                    now,
+                ),
+            )
+            connection.execute(
+                "UPDATE workspaces SET updated_at=? WHERE id=?", (now, workspace_id)
+            )
+            drawing = self._drawing_in(connection, drawing_id)
+            assert drawing is not None
+            connection.commit()
+            return drawing
+        except Exception:
+            connection.rollback()
+            raise
+        finally:
+            self._close(connection)
+
+    def get_drawing(self, drawing_id: object) -> dict[str, Any]:
+        if not is_valid_id(drawing_id, "rd"):
+            raise NotFoundError("drawing not found")
+        connection = self._connect()
+        try:
+            drawing = self._drawing_in(connection, drawing_id)
+            if drawing is None:
+                raise NotFoundError("drawing not found")
+            return drawing
+        finally:
+            self._close(connection)
+
+    def save_drawing_snapshot(
+        self, drawing_id: object, snapshot: object, preview: object = None
+    ) -> dict[str, Any]:
+        """Persist the tldraw document for a drawing window.
+
+        The snapshot is treated as opaque: it is only checked for being valid
+        JSON of a sane size so a corrupt payload cannot poison the canvas on
+        reload.
+
+        `preview` is an optional rendered image (a `data:image/...` URL) shown
+        while the window is idle. It is a cache of the snapshot, so a rejected
+        or absent preview never blocks the document itself from saving.
+        """
+        if not is_valid_id(drawing_id, "rd"):
+            raise NotFoundError("drawing not found")
+        if not isinstance(snapshot, str):
+            raise ValidationError("snapshot must be a string")
+        if len(snapshot.encode("utf-8")) > MAX_DRAWING_SNAPSHOT_BYTES:
+            raise ValidationError("snapshot is too large")
+        if snapshot:
+            try:
+                parsed = json.loads(snapshot)
+            except (TypeError, ValueError) as exc:
+                raise ValidationError("snapshot must be valid JSON") from exc
+            if not isinstance(parsed, dict):
+                raise ValidationError("snapshot must be a JSON object")
+        preview_text = ""
+        if preview is not None:
+            if not isinstance(preview, str):
+                raise ValidationError("preview must be a string")
+            if preview and not preview.startswith("data:image/"):
+                raise ValidationError("preview must be a data:image URL")
+            if len(preview.encode("utf-8")) > MAX_DRAWING_PREVIEW_BYTES:
+                raise ValidationError("preview is too large")
+            preview_text = preview
+        now = utc_now()
+        connection = self._connect()
+        try:
+            connection.execute("BEGIN IMMEDIATE")
+            if preview is None:
+                cursor = connection.execute(
+                    "UPDATE drawing_windows SET snapshot=?,updated_at=? WHERE id=?",
+                    (snapshot, now, drawing_id),
+                )
+            else:
+                cursor = connection.execute(
+                    "UPDATE drawing_windows SET snapshot=?,preview=?,updated_at=? WHERE id=?",
+                    (snapshot, preview_text, now, drawing_id),
+                )
+            if cursor.rowcount != 1:
+                raise NotFoundError("drawing not found")
+            drawing = self._drawing_in(connection, drawing_id)
+            assert drawing is not None
+            connection.execute(
+                "UPDATE workspaces SET updated_at=? WHERE id=?", (now, drawing["workspace_id"])
+            )
+            connection.commit()
+            return drawing
+        except Exception:
+            connection.rollback()
+            raise
+        finally:
+            self._close(connection)
+
+    def rename_drawing(self, drawing_id: object, title: object) -> dict[str, Any]:
+        if not is_valid_id(drawing_id, "rd"):
+            raise NotFoundError("drawing not found")
+        title_text = _clean_text(title, "title", required=True, maximum=500)
+        now = utc_now()
+        connection = self._connect()
+        try:
+            connection.execute("BEGIN IMMEDIATE")
+            cursor = connection.execute(
+                "UPDATE drawing_windows SET title=?,updated_at=? WHERE id=?",
+                (title_text, now, drawing_id),
+            )
+            if cursor.rowcount != 1:
+                raise NotFoundError("drawing not found")
+            drawing = self._drawing_in(connection, drawing_id)
+            assert drawing is not None
+            connection.execute(
+                "UPDATE workspaces SET updated_at=? WHERE id=?", (now, drawing["workspace_id"])
+            )
+            connection.commit()
+            return drawing
+        except Exception:
+            connection.rollback()
+            raise
+        finally:
+            self._close(connection)
+
+    def update_drawing_layout(
+        self, drawing_id: object, x: object, y: object, width: object, height: object
+    ) -> dict[str, Any]:
+        if not is_valid_id(drawing_id, "rd"):
+            raise NotFoundError("drawing not found")
+        values: list[float] = []
+        for field, value in (("x", x), ("y", y), ("width", width), ("height", height)):
+            if isinstance(value, bool) or not isinstance(value, (int, float)) or not math.isfinite(value):
+                raise ValidationError(f"{field} must be a finite number")
+            values.append(float(value))
+        if values[2] <= 0 or values[3] <= 0:
+            raise ValidationError("width and height must be greater than zero")
+        if values[2] > 10000 or values[3] > 10000:
+            raise ValidationError("width and height are too large")
+        now = utc_now()
+        connection = self._connect()
+        try:
+            connection.execute("BEGIN IMMEDIATE")
+            cursor = connection.execute(
+                "UPDATE drawing_windows SET x=?,y=?,width=?,height=?,updated_at=? WHERE id=?",
+                (*values, now, drawing_id),
+            )
+            if cursor.rowcount != 1:
+                raise NotFoundError("drawing not found")
+            drawing = self._drawing_in(connection, drawing_id)
+            assert drawing is not None
+            connection.execute(
+                "UPDATE workspaces SET updated_at=? WHERE id=?", (now, drawing["workspace_id"])
+            )
+            connection.commit()
+            return drawing
+        except Exception:
+            connection.rollback()
+            raise
+        finally:
+            self._close(connection)
+
+    def delete_drawing(self, drawing_id: object) -> dict[str, Any]:
+        """Remove a drawing window. Drawings own no children and no session."""
+        if not is_valid_id(drawing_id, "rd"):
+            raise NotFoundError("drawing not found")
+        now = utc_now()
+        connection = self._connect()
+        try:
+            connection.execute("BEGIN IMMEDIATE")
+            drawing = self._drawing_in(connection, drawing_id)
+            if drawing is None:
+                raise NotFoundError("drawing not found")
+            connection.execute("DELETE FROM drawing_windows WHERE id=?", (drawing_id,))
+            connection.execute(
+                "UPDATE workspaces SET updated_at=? WHERE id=?", (now, drawing["workspace_id"])
+            )
+            connection.commit()
+            return {"deleted_drawing_ids": [drawing_id], "workspace_id": drawing["workspace_id"]}
+        except Exception:
+            connection.rollback()
+            raise
+        finally:
+            self._close(connection)
+
+    # ------------------------------------------------------------------
+    # Attachments
+    #
+    # Files uploaded onto a node. Images ride into the prompt as inline
+    # ``image_url`` parts (real vision); every other kind is surfaced to the
+    # agent as a filesystem path note, mirroring how the Telegram adapter
+    # hands attachments to the agent via ``cache_media_bytes``.
+    # ------------------------------------------------------------------
+
+    def _attachment_in(
+        self, connection: sqlite3.Connection, attachment_id: object
+    ) -> dict[str, Any] | None:
+        return _row_dict(
+            connection.execute(
+                f"SELECT {_ATTACHMENT_COLUMNS} FROM attachments WHERE id = ?", (attachment_id,)
+            ).fetchone()
+        )
+
+    def create_attachment(
+        self,
+        node_id: object,
+        *,
+        filename: object,
+        media_type: object,
+        kind: object,
+        byte_size: object,
+        storage_path: object,
+    ) -> dict[str, Any]:
+        """Record one uploaded file against a node."""
+        if not is_valid_id(node_id, "rn"):
+            raise NotFoundError("node not found")
+        name = _clean_text(filename, "filename", required=True, maximum=255)
+        mime = _clean_text(media_type, "media_type", required=True, maximum=255)
+        if kind not in ("image", "video", "audio", "document"):
+            raise ValidationError("kind must be image, video, audio or document")
+        path_text = _clean_text(storage_path, "storage_path", required=False, maximum=4096)
+        try:
+            size = int(byte_size)
+        except (TypeError, ValueError):
+            raise ValidationError("byte_size must be an integer") from None
+        if size < 0:
+            raise ValidationError("byte_size must not be negative")
+
+        attachment_id = new_attachment_id()
+        now = utc_now()
+        connection = self._connect()
+        try:
+            connection.execute("BEGIN IMMEDIATE")
+            node = self._node_in(connection, node_id)
+            if node is None:
+                raise NotFoundError("node not found")
+            connection.execute(
+                "INSERT INTO attachments"
+                "(id,node_id,filename,media_type,kind,byte_size,storage_path,delivered,created_at)"
+                " VALUES(?,?,?,?,?,?,?,0,?)",
+                (attachment_id, node_id, name, mime, kind, size, path_text, now),
+            )
+            connection.execute("UPDATE nodes SET updated_at=? WHERE id=?", (now, node_id))
+            connection.execute(
+                "UPDATE workspaces SET updated_at=? WHERE id=?", (now, node["workspace_id"])
+            )
+            connection.commit()
+            return self._attachment_in(connection, attachment_id) or {}
+        except Exception:
+            connection.rollback()
+            raise
+        finally:
+            self._close(connection)
+
+    def get_attachment(self, attachment_id: object) -> dict[str, Any]:
+        if not is_valid_id(attachment_id, "ra"):
+            raise NotFoundError("attachment not found")
+        connection = self._connect()
+        try:
+            attachment = self._attachment_in(connection, attachment_id)
+            if attachment is None:
+                raise NotFoundError("attachment not found")
+            return attachment
+        finally:
+            self._close(connection)
+
+    def set_attachment_path(self, attachment_id: object, storage_path: object) -> dict[str, Any]:
+        """Record where an attachment's bytes were written.
+
+        Split from ``create_attachment`` so the row id can name the file on
+        disk, which keeps a hostile upload filename out of the filesystem.
+        """
+        if not is_valid_id(attachment_id, "ra"):
+            raise NotFoundError("attachment not found")
+        path_text = _clean_text(storage_path, "storage_path", required=True, maximum=4096)
+        connection = self._connect()
+        try:
+            connection.execute("BEGIN IMMEDIATE")
+            attachment = self._attachment_in(connection, attachment_id)
+            if attachment is None:
+                raise NotFoundError("attachment not found")
+            connection.execute(
+                "UPDATE attachments SET storage_path=? WHERE id=?", (path_text, attachment_id)
+            )
+            connection.commit()
+            return self._attachment_in(connection, attachment_id) or {}
+        except Exception:
+            connection.rollback()
+            raise
+        finally:
+            self._close(connection)
+
+    def list_attachments(self, node_id: object) -> list[dict[str, Any]]:
+        if not is_valid_id(node_id, "rn"):
+            raise NotFoundError("node not found")
+        connection = self._connect()
+        try:
+            rows = connection.execute(
+                f"SELECT {_ATTACHMENT_COLUMNS} FROM attachments WHERE node_id = ?"
+                " ORDER BY created_at, id",
+                (node_id,),
+            ).fetchall()
+            return [dict(row) for row in rows]
+        finally:
+            self._close(connection)
+
+    def take_pending_attachments(self, node_id: object) -> list[dict[str, Any]]:
+        """Claim a node's undelivered attachments, marking them delivered.
+
+        Claiming is transactional so a re-run or a concurrent stream cannot
+        attach the same file to two turns.
+        """
+        if not is_valid_id(node_id, "rn"):
+            raise NotFoundError("node not found")
+        connection = self._connect()
+        try:
+            connection.execute("BEGIN IMMEDIATE")
+            rows = connection.execute(
+                f"SELECT {_ATTACHMENT_COLUMNS} FROM attachments"
+                " WHERE node_id = ? AND delivered = 0 ORDER BY created_at, id",
+                (node_id,),
+            ).fetchall()
+            claimed = [dict(row) for row in rows]
+            if claimed:
+                connection.execute(
+                    "UPDATE attachments SET delivered=1 WHERE node_id=? AND delivered=0",
+                    (node_id,),
+                )
+            connection.commit()
+            return claimed
+        except Exception:
+            connection.rollback()
+            raise
+        finally:
+            self._close(connection)
+
+    def reassign_pending_attachments(
+        self, from_node_id: object, to_node_id: object
+    ) -> list[dict[str, Any]]:
+        """Hand a node's *undelivered* attachments to another node.
+
+        Branching starts a new child node, but the files were staged against
+        the card the user was looking at -- the parent. Without this the rows
+        stay pinned to the parent at ``delivered = 0``: the child turn goes out
+        with no image, and because the parent is already completed nothing ever
+        claims them again, so the upload is stranded for good.
+
+        Only undelivered rows move. Anything already sent belongs to the turn
+        that sent it and must stay in the parent's transcript. Returns the rows
+        as they now are, so the caller can relocate the bytes to match.
+        """
+        if not is_valid_id(from_node_id, "rn"):
+            raise NotFoundError("node not found")
+        if not is_valid_id(to_node_id, "rn"):
+            raise NotFoundError("node not found")
+        if from_node_id == to_node_id:
+            return []
+        now = utc_now()
+        connection = self._connect()
+        try:
+            connection.execute("BEGIN IMMEDIATE")
+            if self._node_in(connection, str(to_node_id)) is None:
+                raise NotFoundError("node not found")
+            rows = connection.execute(
+                f"SELECT {_ATTACHMENT_COLUMNS} FROM attachments"
+                " WHERE node_id = ? AND delivered = 0 ORDER BY created_at, id",
+                (from_node_id,),
+            ).fetchall()
+            if not rows:
+                connection.commit()
+                return []
+            connection.execute(
+                "UPDATE attachments SET node_id=? WHERE node_id=? AND delivered=0",
+                (to_node_id, from_node_id),
+            )
+            connection.execute("UPDATE nodes SET updated_at=? WHERE id=?", (now, to_node_id))
+            connection.execute("UPDATE nodes SET updated_at=? WHERE id=?", (now, from_node_id))
+            moved = [
+                self._attachment_in(connection, row["id"]) or dict(row) for row in rows
+            ]
+            connection.commit()
+            return moved
+        except Exception:
+            connection.rollback()
+            raise
+        finally:
+            self._close(connection)
+
+    def delete_attachment(self, attachment_id: object) -> dict[str, Any]:
+        """Remove an attachment row and return it so callers can unlink bytes."""
+        if not is_valid_id(attachment_id, "ra"):
+            raise NotFoundError("attachment not found")
+        now = utc_now()
+        connection = self._connect()
+        try:
+            connection.execute("BEGIN IMMEDIATE")
+            attachment = self._attachment_in(connection, attachment_id)
+            if attachment is None:
+                raise NotFoundError("attachment not found")
+            if attachment["delivered"]:
+                raise ConflictError("attachment was already sent to Hermes")
+            connection.execute("DELETE FROM attachments WHERE id=?", (attachment_id,))
+            connection.execute(
+                "UPDATE nodes SET updated_at=? WHERE id=?", (now, attachment["node_id"])
+            )
+            connection.commit()
+            return attachment
         except Exception:
             connection.rollback()
             raise
diff --git a/backend/vncproxy.py b/backend/vncproxy.py
new file mode 100644
index 0000000..ee12e2d
--- /dev/null
+++ b/backend/vncproxy.py
@@ -0,0 +1,421 @@
+"""A stdlib WebSocket-to-RFB (VNC) bridge.
+
+noVNC speaks RFB over a WebSocket; a VNC server speaks RFB over a raw TCP
+socket. This module bridges the two without pulling in ``websockify``.
+
+It does one thing beyond dumb byte shuffling: it **terminates RFB
+authentication server-side**. The browser is offered security type 1 (None)
+while the proxy performs the real handshake -- including VNC DES challenge
+response (type 2) -- against the remote host using a password that never
+leaves the backend. That keeps screen credentials out of the frontend and out
+of SQLite, per the repository boundaries.
+"""
+
+from __future__ import annotations
+
+import base64
+import hashlib
+import os
+import select
+import socket
+import struct
+import threading
+from typing import Callable
+
+WS_GUID = b"258EAFA5-E914-47DA-95CA-C5AB0DC85B11"
+
+OPCODE_CONTINUATION = 0x0
+OPCODE_TEXT = 0x1
+OPCODE_BINARY = 0x2
+OPCODE_CLOSE = 0x8
+OPCODE_PING = 0x9
+OPCODE_PONG = 0xA
+
+_RFB_SEC_NONE = 1
+_RFB_SEC_VNC_AUTH = 2
+
+_HANDSHAKE_TIMEOUT = 15.0
+_MAX_FRAME_PAYLOAD = 8 * 1024 * 1024
+
+
+class ProxyError(Exception):
+    """Raised when the RFB handshake with the remote screen fails."""
+
+
+# --------------------------------------------------------------------------
+# WebSocket framing
+# --------------------------------------------------------------------------
+
+
+def accept_key(client_key: str) -> str:
+    """Return the ``Sec-WebSocket-Accept`` value for a client key."""
+    digest = hashlib.sha1(client_key.strip().encode("ascii") + WS_GUID).digest()
+    return base64.b64encode(digest).decode("ascii")
+
+
+def encode_frame(payload: bytes, opcode: int = OPCODE_BINARY) -> bytes:
+    """Encode a single unmasked (server->client) WebSocket frame."""
+    header = bytearray()
+    header.append(0x80 | opcode)
+    length = len(payload)
+    if length < 126:
+        header.append(length)
+    elif length < (1 << 16):
+        header.append(126)
+        header.extend(struct.pack(">H", length))
+    else:
+        header.append(127)
+        header.extend(struct.pack(">Q", length))
+    return bytes(header) + payload
+
+
+class FrameDecoder:
+    """Incremental decoder for masked (client->server) WebSocket frames."""
+
+    def __init__(self) -> None:
+        self._buffer = bytearray()
+
+    def feed(self, data: bytes) -> list[tuple[int, bytes]]:
+        """Add bytes and return every complete ``(opcode, payload)`` frame."""
+        self._buffer.extend(data)
+        frames: list[tuple[int, bytes]] = []
+        while True:
+            frame = self._take_frame()
+            if frame is None:
+                return frames
+            frames.append(frame)
+
+    def _take_frame(self) -> tuple[int, bytes] | None:
+        buf = self._buffer
+        if len(buf) < 2:
+            return None
+        opcode = buf[0] & 0x0F
+        masked = bool(buf[1] & 0x80)
+        length = buf[1] & 0x7F
+        offset = 2
+        if length == 126:
+            if len(buf) < offset + 2:
+                return None
+            length = struct.unpack(">H", bytes(buf[offset : offset + 2]))[0]
+            offset += 2
+        elif length == 127:
+            if len(buf) < offset + 8:
+                return None
+            length = struct.unpack(">Q", bytes(buf[offset : offset + 8]))[0]
+            offset += 8
+        if length > _MAX_FRAME_PAYLOAD:
+            raise ProxyError("websocket frame too large")
+        mask = b""
+        if masked:
+            if len(buf) < offset + 4:
+                return None
+            mask = bytes(buf[offset : offset + 4])
+            offset += 4
+        if len(buf) < offset + length:
+            return None
+        payload = bytes(buf[offset : offset + length])
+        if masked:
+            payload = bytes(byte ^ mask[i % 4] for i, byte in enumerate(payload))
+        del buf[: offset + length]
+        return opcode, payload
+
+
+# --------------------------------------------------------------------------
+# VNC (DES) authentication
+# --------------------------------------------------------------------------
+
+_DES_PC1 = [
+    56, 48, 40, 32, 24, 16, 8, 0, 57, 49, 41, 33, 25, 17, 9, 1, 58, 50, 42, 34, 26, 18,
+    10, 2, 59, 51, 43, 35, 62, 54, 46, 38, 30, 22, 14, 6, 61, 53, 45, 37, 29, 21, 13, 5,
+    60, 52, 44, 36, 28, 20, 12, 4, 27, 19, 11, 3,
+]
+_DES_PC2 = [
+    13, 16, 10, 23, 0, 4, 2, 27, 14, 5, 20, 9, 22, 18, 11, 3, 25, 7, 15, 6, 26, 19, 12, 1,
+    40, 51, 30, 36, 46, 54, 29, 39, 50, 44, 32, 47, 43, 48, 38, 55, 33, 52, 45, 41, 49, 35,
+    28, 31,
+]
+_DES_IP = [
+    57, 49, 41, 33, 25, 17, 9, 1, 59, 51, 43, 35, 27, 19, 11, 3, 61, 53, 45, 37, 29, 21,
+    13, 5, 63, 55, 47, 39, 31, 23, 15, 7, 56, 48, 40, 32, 24, 16, 8, 0, 58, 50, 42, 34,
+    26, 18, 10, 2, 60, 52, 44, 36, 28, 20, 12, 4, 62, 54, 46, 38, 30, 22, 14, 6,
+]
+_DES_FP = [
+    39, 7, 47, 15, 55, 23, 63, 31, 38, 6, 46, 14, 54, 22, 62, 30, 37, 5, 45, 13, 53, 21,
+    61, 29, 36, 4, 44, 12, 52, 20, 60, 28, 35, 3, 43, 11, 51, 19, 59, 27, 34, 2, 42, 10,
+    50, 18, 58, 26, 33, 1, 41, 9, 49, 17, 57, 25, 32, 0, 40, 8, 48, 16, 56, 24,
+]
+_DES_E = [
+    31, 0, 1, 2, 3, 4, 3, 4, 5, 6, 7, 8, 7, 8, 9, 10, 11, 12, 11, 12, 13, 14, 15, 16,
+    15, 16, 17, 18, 19, 20, 19, 20, 21, 22, 23, 24, 23, 24, 25, 26, 27, 28, 27, 28, 29,
+    30, 31, 0,
+]
+_DES_P = [
+    15, 6, 19, 20, 28, 11, 27, 16, 0, 14, 22, 25, 4, 17, 30, 9, 1, 7, 23, 13, 31, 26, 2,
+    8, 18, 12, 29, 5, 21, 10, 3, 24,
+]
+_DES_SHIFTS = [1, 1, 2, 2, 2, 2, 2, 2, 1, 2, 2, 2, 2, 2, 2, 1]
+_DES_SBOX = [
+    [14,4,13,1,2,15,11,8,3,10,6,12,5,9,0,7,0,15,7,4,14,2,13,1,10,6,12,11,9,5,3,8,
+     4,1,14,8,13,6,2,11,15,12,9,7,3,10,5,0,15,12,8,2,4,9,1,7,5,11,3,14,10,0,6,13],
+    [15,1,8,14,6,11,3,4,9,7,2,13,12,0,5,10,3,13,4,7,15,2,8,14,12,0,1,10,6,9,11,5,
+     0,14,7,11,10,4,13,1,5,8,12,6,9,3,2,15,13,8,10,1,3,15,4,2,11,6,7,12,0,5,14,9],
+    [10,0,9,14,6,3,15,5,1,13,12,7,11,4,2,8,13,7,0,9,3,4,6,10,2,8,5,14,12,11,15,1,
+     13,6,4,9,8,15,3,0,11,1,2,12,5,10,14,7,1,10,13,0,6,9,8,7,4,15,14,3,11,5,2,12],
+    [7,13,14,3,0,6,9,10,1,2,8,5,11,12,4,15,13,8,11,5,6,15,0,3,4,7,2,12,1,10,14,9,
+     10,6,9,0,12,11,7,13,15,1,3,14,5,2,8,4,3,15,0,6,10,1,13,8,9,4,5,11,12,7,2,14],
+    [2,12,4,1,7,10,11,6,8,5,3,15,13,0,14,9,14,11,2,12,4,7,13,1,5,0,15,10,3,9,8,6,
+     4,2,1,11,10,13,7,8,15,9,12,5,6,3,0,14,11,8,12,7,1,14,2,13,6,15,0,9,10,4,5,3],
+    [12,1,10,15,9,2,6,8,0,13,3,4,14,7,5,11,10,15,4,2,7,12,9,5,6,1,13,14,0,11,3,8,
+     9,14,15,5,2,8,12,3,7,0,4,10,1,13,11,6,4,3,2,12,9,5,15,10,11,14,1,7,6,0,8,13],
+    [4,11,2,14,15,0,8,13,3,12,9,7,5,10,6,1,13,0,11,7,4,9,1,10,14,3,5,12,2,15,8,6,
+     1,4,11,13,12,3,7,14,10,15,6,8,0,5,9,2,6,11,13,8,1,4,10,7,9,5,0,15,14,2,3,12],
+    [13,2,8,4,6,15,11,1,10,9,3,14,5,0,12,7,1,15,13,8,10,3,7,4,12,5,6,11,0,14,9,2,
+     7,11,4,1,9,12,14,2,0,6,10,13,15,3,5,8,2,1,14,7,4,10,8,13,15,12,9,0,3,5,6,11],
+]
+
+
+def _bytes_to_bits(data: bytes) -> list[int]:
+    return [(byte >> (7 - i)) & 1 for byte in data for i in range(8)]
+
+
+def _bits_to_bytes(bits: list[int]) -> bytes:
+    out = bytearray(len(bits) // 8)
+    for index, bit in enumerate(bits):
+        if bit:
+            out[index // 8] |= 1 << (7 - (index % 8))
+    return bytes(out)
+
+
+def _des_subkeys(key: bytes) -> list[list[int]]:
+    bits = _bytes_to_bits(key)
+    permuted = [bits[i] for i in _DES_PC1]
+    left, right = permuted[:28], permuted[28:]
+    subkeys = []
+    for shift in _DES_SHIFTS:
+        left = left[shift:] + left[:shift]
+        right = right[shift:] + right[:shift]
+        combined = left + right
+        subkeys.append([combined[i] for i in _DES_PC2])
+    return subkeys
+
+
+def _des_encrypt_block(key: bytes, block: bytes) -> bytes:
+    subkeys = _des_subkeys(key)
+    bits = _bytes_to_bits(block)
+    permuted = [bits[i] for i in _DES_IP]
+    left, right = permuted[:32], permuted[32:]
+    for subkey in subkeys:
+        expanded = [right[i] for i in _DES_E]
+        xored = [a ^ b for a, b in zip(expanded, subkey)]
+        out: list[int] = []
+        for box in range(8):
+            chunk = xored[box * 6 : box * 6 + 6]
+            row = (chunk[0] << 1) | chunk[5]
+            column = (chunk[1] << 3) | (chunk[2] << 2) | (chunk[3] << 1) | chunk[4]
+            value = _DES_SBOX[box][row * 16 + column]
+            out.extend([(value >> (3 - i)) & 1 for i in range(4)])
+        mixed = [out[i] for i in _DES_P]
+        left, right = right, [a ^ b for a, b in zip(left, mixed)]
+    final = right + left
+    return _bits_to_bytes([final[i] for i in _DES_FP])
+
+
+def vnc_challenge_response(password: str, challenge: bytes) -> bytes:
+    """Return the RFB type-2 response for ``challenge``.
+
+    VNC uses DES with each key byte's bit order reversed, and the password
+    truncated/padded to exactly 8 bytes.
+    """
+    if len(challenge) != 16:
+        raise ProxyError("VNC challenge must be 16 bytes")
+    raw = password.encode("latin-1", "ignore")[:8].ljust(8, b"\x00")
+    key = bytes(int(f"{byte:08b}"[::-1], 2) for byte in raw)
+    return _des_encrypt_block(key, challenge[:8]) + _des_encrypt_block(key, challenge[8:])
+
+
+# --------------------------------------------------------------------------
+# RFB handshake
+# --------------------------------------------------------------------------
+
+
+def _recv_exactly(sock: socket.socket, count: int) -> bytes:
+    chunks = bytearray()
+    while len(chunks) < count:
+        chunk = sock.recv(count - len(chunks))
+        if not chunk:
+            raise ProxyError("remote screen closed the connection")
+        chunks.extend(chunk)
+    return bytes(chunks)
+
+
+def authenticate(sock: socket.socket, password: str) -> bytes:
+    """Perform the RFB handshake up to (and including) ServerInit.
+
+    Returns the ServerInit message so the caller can replay it to the browser,
+    which believes it negotiated security type ``None``.
+    """
+    server_version = _recv_exactly(sock, 12)
+    if not server_version.startswith(b"RFB "):
+        raise ProxyError("remote host is not an RFB server")
+    # Apple servers advertise 003.889 but negotiate 003.008 correctly, which is
+    # the dialect that exposes the standard VNC auth type.
+    sock.sendall(b"RFB 003.008\n")
+
+    count = _recv_exactly(sock, 1)[0]
+    if count == 0:
+        reason_length = struct.unpack(">I", _recv_exactly(sock, 4))[0]
+        reason = _recv_exactly(sock, reason_length).decode("utf-8", "replace")
+        raise ProxyError(f"remote screen refused the connection: {reason}")
+    offered = set(_recv_exactly(sock, count))
+
+    if _RFB_SEC_VNC_AUTH in offered and password:
+        sock.sendall(bytes([_RFB_SEC_VNC_AUTH]))
+        challenge = _recv_exactly(sock, 16)
+        sock.sendall(vnc_challenge_response(password, challenge))
+    elif _RFB_SEC_NONE in offered:
+        sock.sendall(bytes([_RFB_SEC_NONE]))
+    elif _RFB_SEC_VNC_AUTH in offered:
+        raise ProxyError("remote screen requires a password but none is configured")
+    else:
+        raise ProxyError(
+            "remote screen offers no supported security type "
+            f"(got {sorted(offered)}); enable 'VNC viewers may control screen "
+            "with password' in macOS Screen Sharing"
+        )
+
+    result = struct.unpack(">I", _recv_exactly(sock, 4))[0]
+    if result != 0:
+        # 003.008 servers append a reason string on failure.
+        reason = "authentication failed"
+        try:
+            length = struct.unpack(">I", _recv_exactly(sock, 4))[0]
+            reason = _recv_exactly(sock, length).decode("utf-8", "replace")
+        except ProxyError:
+            pass
+        raise ProxyError(f"remote screen rejected the password: {reason}")
+
+    # ClientInit: request a shared session so we never boot the console user.
+    sock.sendall(b"\x01")
+    header = _recv_exactly(sock, 24)
+    name_length = struct.unpack(">I", header[20:24])[0]
+    name = _recv_exactly(sock, name_length)
+    return header + name
+
+
+def connect_screen(host: str, port: int, password: str, timeout: float = _HANDSHAKE_TIMEOUT):
+    """Open an authenticated RFB connection, returning ``(socket, server_init)``."""
+    sock = socket.create_connection((host, port), timeout=timeout)
+    try:
+        sock.settimeout(timeout)
+        server_init = authenticate(sock, password)
+        sock.settimeout(None)
+        return sock, server_init
+    except Exception:
+        sock.close()
+        raise
+
+
+# --------------------------------------------------------------------------
+# Bridging
+# --------------------------------------------------------------------------
+
+
+def pump(ws_sock: socket.socket, vnc_sock: socket.socket, server_init: bytes,
+         should_stop: Callable[[], bool] | None = None) -> None:
+    """Shuttle bytes between an upgraded WebSocket and an authenticated RFB socket.
+
+    The browser is handed the ``None`` security flow followed by the real
+    ServerInit, so noVNC proceeds as though it authenticated itself.
+    """
+    decoder = FrameDecoder()
+    # Replay a synthetic 003.008 / security-None handshake to the browser.
+    ws_sock.sendall(encode_frame(b"RFB 003.008\n"))
+    state = {"phase": "version"}
+
+    sockets = [ws_sock, vnc_sock]
+    try:
+        while True:
+            if should_stop is not None and should_stop():
+                return
+            readable, _, errored = select.select(sockets, [], sockets, 1.0)
+            if errored:
+                return
+            for sock in readable:
+                if sock is vnc_sock:
+                    data = vnc_sock.recv(65536)
+                    if not data:
+                        return
+                    ws_sock.sendall(encode_frame(data))
+                else:
+                    data = ws_sock.recv(65536)
+                    if not data:
+                        return
+                    for opcode, payload in decoder.feed(data):
+                        if opcode == OPCODE_CLOSE:
+                            return
+                        if opcode == OPCODE_PING:
+                            ws_sock.sendall(encode_frame(payload, OPCODE_PONG))
+                            continue
+                        if opcode not in (OPCODE_BINARY, OPCODE_CONTINUATION, OPCODE_TEXT):
+                            continue
+                        remainder = _advance_client_handshake(state, payload, ws_sock, server_init)
+                        if remainder:
+                            vnc_sock.sendall(remainder)
+    except (OSError, ProxyError):
+        return
+
+
+def _advance_client_handshake(state: dict, payload: bytes, ws_sock: socket.socket,
+                              server_init: bytes) -> bytes:
+    """Absorb the browser's handshake bytes; return anything meant for the server.
+
+    noVNC sends: ClientVersion (12) -> security type (1) -> ClientInit (1).
+    None of those reach the real server, which the proxy already handshook.
+    """
+    phase = state["phase"]
+    if phase == "open":
+        return payload
+
+    buffer = state.get("buffer", b"") + payload
+    while True:
+        if phase == "version":
+            if len(buffer) < 12:
+                break
+            buffer = buffer[12:]
+            # Offer exactly one security type: None.
+            ws_sock.sendall(encode_frame(b"\x01" + bytes([_RFB_SEC_NONE])))
+            phase = "security"
+        elif phase == "security":
+            if len(buffer) < 1:
+                break
+            buffer = buffer[1:]
+            # SecurityResult: OK.
+            ws_sock.sendall(encode_frame(struct.pack(">I", 0)))
+            phase = "clientinit"
+        elif phase == "clientinit":
+            if len(buffer) < 1:
+                break
+            buffer = buffer[1:]
+            ws_sock.sendall(encode_frame(server_init))
+            phase = "open"
+            state["phase"] = phase
+            state["buffer"] = b""
+            return buffer
+        else:
+            break
+    state["phase"] = phase
+    state["buffer"] = buffer
+    return b""
+
+
+def bridge(ws_sock: socket.socket, host: str, port: int, password: str) -> None:
+    """Connect to ``host:port`` and bridge it onto an already-upgraded WebSocket."""
+    vnc_sock, server_init = connect_screen(host, port, password)
+    try:
+        pump(ws_sock, vnc_sock, server_init)
+    finally:
+        try:
+            vnc_sock.shutdown(socket.SHUT_RDWR)
+        except OSError:
+            pass
+        vnc_sock.close()
diff --git a/build-hermes-workspace.mjs b/build-hermes-workspace.mjs
index b83b85a..d85c8fd 100644
--- a/build-hermes-workspace.mjs
+++ b/build-hermes-workspace.mjs
@@ -48,6 +48,64 @@ await esbuild.build({
   logLevel: "silent",
 });
 
+// The drawing frame is a separate document/bundle on purpose: it carries React
+// and the tldraw SDK, and it is served under a relaxed style-src that the main
+// application must not inherit. See backend/server.py `_serve_static`.
+await esbuild.build({
+  entryPoints: [path.join(root, "src", "drawing-frame", "main.js")],
+  outfile: path.join(outdir, "drawing.js"),
+  bundle: true,
+  format: "esm",
+  platform: "browser",
+  target: "es2022",
+  minify: true,
+  sourcemap: false,
+  legalComments: "none",
+  logLevel: "silent",
+  // tldraw ships JSX in .js files.
+  loader: { ".js": "jsx" },
+  // React ships dev-only branches behind this flag.
+  define: { "process.env.NODE_ENV": '"production"' },
+});
+
+// tldraw fetches fonts, icons and translations at runtime. Left on the default
+// CDN they are blocked by `connect-src 'self'` (and would break this
+// tailnet-only app offline), so the asset tree is served from our own origin.
+const tldrawAssetRoot = path.join(root, "node_modules", "@tldraw", "assets");
+for (const assetDir of ["fonts", "icons", "embed-icons", "translations"]) {
+  await fs.cp(path.join(tldrawAssetRoot, assetDir), path.join(outdir, assetDir), {
+    recursive: true,
+  });
+}
+await fs.copyFile(
+  path.join(root, "node_modules", "tldraw", "tldraw.css"),
+  path.join(outdir, "tldraw.css"),
+);
+
+await fs.writeFile(
+  path.join(outdir, "drawing.html"),
+  `<!doctype html>
+<html lang="en" data-theme="dark">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
+  <meta name="color-scheme" content="dark light">
+  <title>Drawing</title>
+  <link rel="stylesheet" href="/tldraw.css">
+  <style>
+    html, body { margin: 0; height: 100%; background: #101014; }
+    #drawing-root { position: fixed; inset: 0; }
+  </style>
+</head>
+<body>
+  <div id="drawing-root"></div>
+  <script type="module" src="/drawing.js"></script>
+</body>
+</html>
+`,
+  "utf8",
+);
+
 const workspaceStyles = await fs.readFile(path.join(root, "src", "hermes-workspace", "styles.css"), "utf8");
 await fs.writeFile(path.join(outdir, "styles.css"), `${fontStyles}\n${CANVAS_STYLES}\n${workspaceStyles}`, "utf8");
 await fs.writeFile(path.join(outdir, "index.html"), `<!doctype html>
diff --git a/docs/hermes-workspace/API-CONTRACT.md b/docs/hermes-workspace/API-CONTRACT.md
index a72e05e..1552dc1 100644
--- a/docs/hermes-workspace/API-CONTRACT.md
+++ b/docs/hermes-workspace/API-CONTRACT.md
@@ -13,6 +13,11 @@ All endpoints are same-origin. JSON errors use `{ "error": { "code", "message" }
     "markdown": "...", "status": "pending|running|completed|failed",
     "error": "", "x": 0, "y": 0, "width": 520, "height": 620,
     "created_at": "...", "updated_at": "..."
+  },
+  "screen": {
+    "id": "rs_...", "workspace_id": "rw_...", "screen_key": "admin-mini",
+    "title": "Admin Mac mini", "x": 0, "y": 0, "width": 960, "height": 620,
+    "created_at": "...", "updated_at": "..."
   }
 }
 ```
@@ -28,6 +33,65 @@ All endpoints are same-origin. JSON errors use `{ "error": { "code", "message" }
 - `POST /api/nodes/{node_id}/branch/stream` body `{prompt, title?, selection?}` → fork parent Hermes session, create child and stream it.
 - `PATCH /api/nodes/{node_id}/layout` body `{x,y,width,height}`.
 
+### Attachments
+
+Files uploaded onto a node and sent with its next turn.
+
+- `POST /api/nodes/{node_id}/attachments` — `multipart/form-data`, one or more
+  file parts. Max 20 MB per file (matching Hermes core's platform limit) and 10
+  files per request. Returns `{attachments: [...]}`.
+- `GET /api/nodes/{node_id}/attachments` → `{attachments: [...]}`.
+- `GET /api/attachments/{attachment_id}/content` — the bytes. Images are served
+  `inline` for preview; every other kind is `attachment` so a click downloads.
+- `DELETE /api/attachments/{attachment_id}` — only while pending; `409` once the
+  file has been handed to Hermes.
+- `GET /api/workspaces/{workspace_id}` also returns an `attachments` array.
+
+The public shape is
+`{id, node_id, filename, media_type, kind, byte_size, delivered, created_at, url}`.
+`storage_path` is server-side only and never leaves the backend.
+
+**How attachments reach the model.** The Hermes session chat API accepts `text`
+and `image_url`/`input_image` content parts and *rejects* `input_file` document
+parts outright. So the backend splits by kind, exactly as
+`gateway/platforms/base.py::cache_media_bytes` does for Telegram and the other
+platform adapters:
+
+- **images** → inlined as a base64 `data:image/...` `image_url` part, so the
+  model genuinely sees them;
+- **everything else** → written to disk and named in the text as
+  `[document 'name.csv' saved at: /path]`, which the agent opens with its own
+  tools.
+
+Attachments are claimed transactionally on the first turn that sends them, so a
+re-run or a concurrent stream cannot deliver the same file twice.
+`HERMES_VISUAL_UPLOAD_DIR` overrides the storage root (default: `uploads/`
+beside the SQLite file) and `HERMES_VISUAL_AGENT_PATH_MAP` rewrites the paths in
+those notes when the agent reaches the same bytes at a different absolute path.
+Give it as `from:to` (e.g. `/root/.hermes:/opt/data` when the agent's
+`/opt/data` is a bind mount of the host's `/root/.hermes`); a bare value with no
+colon is prepended instead. Leave it unset when both processes share one
+filesystem view. Getting this wrong is silent: images still work, because they
+are inlined, but the agent finds nothing at the path named for other files.
+
+### Screens
+
+Screen windows stream a remote desktop (RFB/VNC) onto the canvas. Targets are
+configured server-side via `HERMES_VISUAL_SCREENS`; the browser only ever
+receives an opaque `key` and a display `label`, never a host or password.
+
+- `GET /api/screens` → `{screens: [{key, label}]}`, the configured catalog.
+- `GET /api/workspaces/{workspace_id}` also returns a `screens` array.
+- `POST /api/workspaces/{workspace_id}/screens` body `{screen_key, x, y}` →
+  places a screen window; 404 when `screen_key` is not configured.
+- `PATCH /api/screens/{screen_id}/layout` body `{x,y,width,height}`.
+- `DELETE /api/screens/{screen_id}` → `{deleted_screen_ids, workspace_id}`.
+- `GET /api/screens/{screen_id}/stream` — WebSocket upgrade. The backend
+  authenticates to the remote host (RFB security type 2, DES challenge) and
+  then presents the browser a security-type-`None` handshake, so noVNC connects
+  without ever holding a credential. Returns `502 screen_unreachable` with the
+  underlying reason when the host refuses or is unavailable.
+
 ## Normalized SSE
 
 Each event is framed as `event: <name>\ndata: <json>\n\n`.
diff --git a/integrations/hermes-api-session-settings.patch b/integrations/hermes-api-session-settings.patch
new file mode 100644
index 0000000..80405cf
--- /dev/null
+++ b/integrations/hermes-api-session-settings.patch
@@ -0,0 +1,217 @@
+--- a/gateway/platforms/api_server.py
++++ b/gateway/platforms/api_server.py
+@@ -1718,10 +1718,52 @@
+         return routes
+ 
+     def _resolve_route(self, model_alias: Any) -> Optional[Dict[str, Any]]:
+-        """Return the model_routes entry for *model_alias*, or None."""
+-        if not self._model_routes or not isinstance(model_alias, str):
++        """Resolve static API routes, then the user's global model aliases."""
++        if not isinstance(model_alias, str) or not model_alias.strip():
+             return None
+-        return self._model_routes.get(model_alias)
++        alias = model_alias.strip()
++        configured = self._model_routes.get(alias) if self._model_routes else None
++        if configured:
++            return dict(configured)
++        if alias == self._model_name:
++            return None
++        try:
++            from hermes_cli.model_switch import _load_direct_aliases
++
++            direct = _load_direct_aliases().get(alias.lower())
++            if direct:
++                return {
++                    "model": direct.model,
++                    "provider": direct.provider,
++                    "base_url": direct.base_url,
++                }
++        except Exception:
++            logger.debug("Could not resolve global model alias %s", alias, exc_info=True)
++        return None
++
++    @staticmethod
++    def _session_runtime_settings(session: Optional[Dict[str, Any]]) -> Dict[str, str]:
++        """Extract only the client-safe per-session runtime controls."""
++        if not isinstance(session, dict):
++            return {"model_alias": "hermes-agent", "reasoning_effort": ""}
++        model_alias = str(session.get("model") or "hermes-agent").strip() or "hermes-agent"
++        raw_config = session.get("model_config")
++        try:
++            config = json.loads(raw_config) if isinstance(raw_config, str) else raw_config
++        except (TypeError, ValueError):
++            config = {}
++        settings = config.get("api_session_settings", {}) if isinstance(config, dict) else {}
++        if isinstance(settings, dict):
++            selected = settings.get("model_alias")
++            if isinstance(selected, str) and selected.strip():
++                model_alias = selected.strip()
++            effort = str(settings.get("reasoning_effort") or "").strip().lower()
++        else:
++            effort = ""
++        from hermes_constants import parse_reasoning_effort
++        if effort and parse_reasoning_effort(effort) is None:
++            effort = ""
++        return {"model_alias": model_alias, "reasoning_effort": effort}
+ 
+     def _session_model_override_for(self, session_key: Optional[str]) -> Optional[Dict[str, Any]]:
+         """Return the gateway's session ``/model`` override for *session_key*, if any.
+@@ -1801,6 +1843,21 @@
+         if runtime_model:
+             model = runtime_model
+ 
++        stored_session = None
++        if session_id:
++            try:
++                stored_session = self._ensure_session_db().get_session(session_id)
++            except Exception:
++                logger.debug("Could not load API session runtime settings for %s", session_id, exc_info=True)
++        stored_settings = self._session_runtime_settings(stored_session)
++        if route is None and stored_settings["model_alias"] != self._model_name:
++            route = self._resolve_route(stored_settings["model_alias"])
++        if stored_settings["reasoning_effort"]:
++            from hermes_constants import parse_reasoning_effort
++            parsed_reasoning = parse_reasoning_effort(stored_settings["reasoning_effort"])
++            if parsed_reasoning is not None:
++                reasoning_config = parsed_reasoning
++
+         # Per-client model routing (model_routes config).  The route was
+         # resolved from the request's ``model`` field by the HTTP handler.
+         # Precedence (highest first): session ``/model`` override → model_routes
+@@ -1988,6 +2045,26 @@
+                 "parent": model_name,
+             })
+ 
++        seen_ids = {item["id"] for item in models}
++        try:
++            from hermes_cli.model_switch import _load_direct_aliases
++
++            for alias, direct in _load_direct_aliases().items():
++                if alias in seen_ids:
++                    continue
++                seen_ids.add(alias)
++                models.append({
++                    "id": alias,
++                    "object": "model",
++                    "created": now,
++                    "owned_by": direct.provider or "hermes",
++                    "permission": [],
++                    "root": direct.model or alias,
++                    "parent": model_name,
++                })
++        except Exception:
++            logger.debug("Could not enumerate global model aliases", exc_info=True)
++
+         return web.json_response({"object": "list", "data": models})
+ 
+     async def _handle_capabilities(self, request: "web.Request") -> "web.Response":
+@@ -2187,6 +2264,7 @@
+         # callers only need to know whether those snapshots exist.
+         payload["has_system_prompt"] = bool(session.get("system_prompt"))
+         payload["has_model_config"] = bool(session.get("model_config"))
++        payload.update(APIServerAdapter._session_runtime_settings(session))
+         return payload
+ 
+     @staticmethod
+@@ -2287,7 +2365,23 @@
+         if len(session_id) > self._MAX_SESSION_HEADER_LEN:
+             return web.json_response(_openai_error("Session ID too long", code="invalid_session_id"), status=400)
+ 
+-        model = body.get("model") or self._model_name
++        model = str(body.get("model") or self._model_name).strip()
++        if model != self._model_name and self._resolve_route(model) is None:
++            return web.json_response(
++                _openai_error(f"Unsupported model: {model}", code="unsupported_model"), status=400
++            )
++        reasoning_effort = str(body.get("reasoning_effort") or "").strip().lower()
++        from hermes_constants import parse_reasoning_effort
++        if reasoning_effort and parse_reasoning_effort(reasoning_effort) is None:
++            return web.json_response(
++                _openai_error("Unsupported reasoning_effort", code="invalid_reasoning_effort"), status=400
++            )
++        model_config = json.dumps({
++            "api_session_settings": {
++                "model_alias": model,
++                "reasoning_effort": reasoning_effort,
++            }
++        })
+         system_prompt = body.get("system_prompt")
+         if system_prompt is not None and not isinstance(system_prompt, str):
+             return web.json_response(_openai_error("system_prompt must be a string", code="invalid_system_prompt"), status=400)
+@@ -2308,12 +2402,13 @@
+                 import time as _time
+                 conn.execute(
+                     """INSERT INTO sessions (
+-                       id, source, model, system_prompt, started_at
+-                    ) VALUES (?, ?, ?, ?, ?)""",
++                       id, source, model, model_config, system_prompt, started_at
++                    ) VALUES (?, ?, ?, ?, ?, ?)""",
+                     (
+                         session_id,
+                         "api_server",
+-                        str(model) if model else None,
++                        model,
++                        model_config,
+                         system_prompt,
+                         _time.time(),
+                     ),
+@@ -2372,12 +2467,39 @@
+         body, err = await self._read_json_body(request)
+         if err:
+             return err
+-        allowed = {"title", "end_reason"}
++        allowed = {"title", "end_reason", "model", "reasoning_effort"}
+         unknown = sorted(set(body) - allowed)
+         if unknown:
+             return web.json_response(_openai_error(f"Unsupported session fields: {', '.join(unknown)}", code="unsupported_session_field"), status=400)
+ 
+         db = await self._ensure_session_db_async()
++        if "model" in body or "reasoning_effort" in body:
++            current_settings = self._session_runtime_settings(session)
++            model = str(body.get("model", current_settings["model_alias"]) or "").strip()
++            if not model or (model != self._model_name and self._resolve_route(model) is None):
++                return web.json_response(
++                    _openai_error(f"Unsupported model: {model}", code="unsupported_model"), status=400
++                )
++            reasoning_effort = str(
++                body.get("reasoning_effort", current_settings["reasoning_effort"]) or ""
++            ).strip().lower()
++            from hermes_constants import parse_reasoning_effort
++            if reasoning_effort and parse_reasoning_effort(reasoning_effort) is None:
++                return web.json_response(
++                    _openai_error("Unsupported reasoning_effort", code="invalid_reasoning_effort"), status=400
++                )
++            raw_config = session.get("model_config")
++            try:
++                model_config = json.loads(raw_config) if isinstance(raw_config, str) else dict(raw_config or {})
++            except (TypeError, ValueError):
++                model_config = {}
++            model_config["api_session_settings"] = {
++                "model_alias": model,
++                "reasoning_effort": reasoning_effort,
++            }
++            await asyncio.to_thread(
++                db.update_session_meta, session_id, json.dumps(model_config), model
++            )
+         if "title" in body:
+             try:
+                 await asyncio.to_thread(db.set_session_title, session_id, "" if body["title"] is None else str(body["title"]))
+@@ -2443,10 +2565,18 @@
+         # SessionDB's native parent_session_id/end_reason visibility model rather
+         # than inventing a parallel fork store.
+         await asyncio.to_thread(db.end_session, source_id, "branched")
++        raw_source_config = source.get("model_config")
++        try:
++            source_model_config = (
++                json.loads(raw_source_config) if isinstance(raw_source_config, str) else raw_source_config
++            )
++        except (TypeError, ValueError):
++            source_model_config = None
+         await asyncio.to_thread(db.create_session,
+             fork_id,
+             "api_server",
+             model=source.get("model"),
++            model_config=source_model_config if isinstance(source_model_config, dict) else None,
+             system_prompt=source.get("system_prompt"),
+             parent_session_id=source_id,
+         )
diff --git a/package-lock.json b/package-lock.json
index 7d1a47c..ed5d6e4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,9 +11,14 @@
       "dependencies": {
         "@fontsource/ibm-plex-mono": "^5.2.7",
         "@fontsource/ibm-plex-sans": "^5.2.8",
+        "@novnc/novnc": "^1.7.0",
+        "@tldraw/assets": "^5.2.5",
         "highlight.js": "^11.11.1",
         "katex": "^0.17.0",
-        "marked": "^15.0.7"
+        "marked": "^15.0.7",
+        "react": "^19.2.8",
+        "react-dom": "^19.2.8",
+        "tldraw": "^5.2.5"
       },
       "devDependencies": {
         "esbuild": "0.28.1",
@@ -466,24 +471,2196 @@
         "node": ">=18"
       }
     },
+    "node_modules/@floating-ui/core": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.8.0.tgz",
+      "integrity": "sha512-0CIZ5itps/8x7BG8dEIhs53BvCUH2PCoogtakwRTut+Arm58sJooJ0AuZhLw2HJYIR5cMLNPBSS728sPho2khQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/utils": "^0.2.12"
+      }
+    },
+    "node_modules/@floating-ui/dom": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.8.0.tgz",
+      "integrity": "sha512-yXSrzeHZBTZadLOlfyhCkJHNeLJnHRnRInwdZ40L7ZiaAtrBwoYlsDrX3v5zB1Utk7CLfzcOVnVVWoXEky7Ceg==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/core": "^1.8.0",
+        "@floating-ui/utils": "^0.2.12"
+      }
+    },
+    "node_modules/@floating-ui/react-dom": {
+      "version": "2.1.9",
+      "resolved": "https://registry.npmjs.org/@floating-ui/react-dom/-/react-dom-2.1.9.tgz",
+      "integrity": "sha512-JDjEFGCpImxDCA7JJKviA0M9+RtmJdj0m/NVU5IMgBK+AmZouAQQ7/+2GLH0GXXY0YMw9oXPB8hKdbPYg5QLYg==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/dom": "^1.8.0"
+      },
+      "peerDependencies": {
+        "react": ">=16.8.0",
+        "react-dom": ">=16.8.0"
+      }
+    },
+    "node_modules/@floating-ui/utils": {
+      "version": "0.2.12",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.12.tgz",
+      "integrity": "sha512-HpCo8tmWzLVad5s2d19EhAz5zqrrQ6s69qd6moPMQvkOuSwDT1YgRfWSVuc4ennqrgv3OHppiOGMQ7oC13yIww==",
+      "license": "MIT"
+    },
     "node_modules/@fontsource/ibm-plex-mono": {
       "version": "5.2.7",
       "resolved": "https://registry.npmjs.org/@fontsource/ibm-plex-mono/-/ibm-plex-mono-5.2.7.tgz",
       "integrity": "sha512-MKAb8qV+CaiMQn2B0dIi1OV3565NYzp3WN5b4oT6LTkk+F0jR6j0ZN+5BKJiIhffDC3rtBULsYZE65+0018z9w==",
       "license": "OFL-1.1",
       "funding": {
-        "url": "https://github.com/sponsors/ayuhito"
+        "url": "https://github.com/sponsors/ayuhito"
+      }
+    },
+    "node_modules/@fontsource/ibm-plex-sans": {
+      "version": "5.2.8",
+      "resolved": "https://registry.npmjs.org/@fontsource/ibm-plex-sans/-/ibm-plex-sans-5.2.8.tgz",
+      "integrity": "sha512-eztSXjDhPhcpxNIiGTgMebdLP9qS4rWkysuE1V7c+DjOR0qiezaiDaTwQE7bTnG5HxAY/8M43XKDvs3cYq6ZYQ==",
+      "license": "OFL-1.1",
+      "funding": {
+        "url": "https://github.com/sponsors/ayuhito"
+      }
+    },
+    "node_modules/@novnc/novnc": {
+      "version": "1.7.0",
+      "resolved": "https://registry.npmjs.org/@novnc/novnc/-/novnc-1.7.0.tgz",
+      "integrity": "sha512-ucEJOx4T2avIRCleodk7YobZj5O2Ga2AeLfQ69A/yjG9HHba2+PDgwSkN3FttrmG+70ZGx21sElNFouK13RzyA==",
+      "license": "MPL-2.0"
+    },
+    "node_modules/@radix-ui/number": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/number/-/number-1.1.3.tgz",
+      "integrity": "sha512-Road2bidD0uu/1BGDOWNdPI06g0lIRy6IF9GZcIrDK2KGItfor8IQwQa+yM2ERgHM1MmHxaxpTzk0/Jp42lNfA==",
+      "license": "MIT"
+    },
+    "node_modules/@radix-ui/primitive": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/primitive/-/primitive-1.1.7.tgz",
+      "integrity": "sha512-rqWnm76nYT8HoNNqEjpgJ7Pw/DrBj5iBTrmEPo6HTX5+VJyBNOqTdv4g89G63HuR5g0AaENoAcH7Is5fF2kZ8Q==",
+      "license": "MIT"
+    },
+    "node_modules/@radix-ui/react-accessible-icon": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-accessible-icon/-/react-accessible-icon-1.1.15.tgz",
+      "integrity": "sha512-WTQwcAvQf5sOcuUyi90lKPbhwcvQ+j55cjrSmeaN+L2vKU3DooOvlKw2MDeiJ5IkV5N905KW0/fGojKOBhD11A==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-visually-hidden": "1.2.11"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-accordion": {
+      "version": "1.2.20",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-accordion/-/react-accordion-1.2.20.tgz",
+      "integrity": "sha512-jDhG9FvAEnlhnjrsINbNXcUa4G+L1KqSkJSunkbKEzFRcAb52jvM0PjPxPRvhe1HNc5F5yc0yzzWeeqlH4yBIg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-collapsible": "1.1.20",
+        "@radix-ui/react-collection": "1.1.15",
+        "@radix-ui/react-compose-refs": "1.1.5",
+        "@radix-ui/react-context": "1.2.2",
+        "@radix-ui/react-direction": "1.1.4",
+        "@radix-ui/react-id": "1.1.4",
+        "@radix-ui/react-primitive": "2.1.10",
+        "@radix-ui/react-use-controllable-state": "1.2.6"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-alert-dialog": {
+      "version": "1.1.23",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-alert-dialog/-/react-alert-dialog-1.1.23.tgz",
+      "integrity": "sha512-VAYOiQRqj3GPpYJE0I9J+X8Ip05cyVlNdKOFeiGS2Ou1HHGfpl0BxOyZm6nmVDyU+W+NF3/XLzmjHmVGydhwgA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.5",
+        "@radix-ui/react-context": "1.2.2",
+        "@radix-ui/react-dialog": "1.1.23",
+        "@radix-ui/react-primitive": "2.1.10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-arrow": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-arrow/-/react-arrow-1.1.15.tgz",
+      "integrity": "sha512-v4zggRcjadnI+ClKDuijlQEW4tw3NoaeHc/PwpKnLoLLKNUG4InLegkstooLcRIUWCs+8L22dGURCVuFfOKfnA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-aspect-ratio": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-aspect-ratio/-/react-aspect-ratio-1.1.15.tgz",
+      "integrity": "sha512-fy+dyVR+90nelK8rqIznFlxzx7uPcGbhxH8Nfr2bHb4UfSe+e3hklOC0luK0hDwVwnRX7xTRySpsrQVeW+/oNQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-avatar": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-avatar/-/react-avatar-1.2.6.tgz",
+      "integrity": "sha512-4ULOTJ/mqy2hT9GlWa/MFHxHSvH3nJzHnZM1waNsc5Bonv7i70aNenghXmD97S6OJ81ekXONGGt4nT1r0PfEdA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-context": "1.2.2",
+        "@radix-ui/react-primitive": "2.1.10",
+        "@radix-ui/react-use-callback-ref": "1.1.4",
+        "@radix-ui/react-use-is-hydrated": "0.1.3",
+        "@radix-ui/react-use-layout-effect": "1.1.4"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-checkbox": {
+      "version": "1.3.11",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-checkbox/-/react-checkbox-1.3.11.tgz",
+      "integrity": "sha512-Gnptr9pDDQxD3hgq2dtPbtrp/c2qH1mBwIzw3X/ivrMb2e1t0jMTi606fVEqFPaQR1ggXIVQWKj3P2WW9v7zGQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.5",
+        "@radix-ui/react-context": "1.2.2",
+        "@radix-ui/react-presence": "1.1.10",
+        "@radix-ui/react-primitive": "2.1.10",
+        "@radix-ui/react-use-controllable-state": "1.2.6",
+        "@radix-ui/react-use-size": "1.1.4"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-collapsible": {
+      "version": "1.1.20",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-collapsible/-/react-collapsible-1.1.20.tgz",
+      "integrity": "sha512-mcGesGplBnzN2sbvJETzpCNfSMyPnb29q1GRLU+Ib7bJrpIG2ywmRoh2V5VbA2uNvKikKUlVbAPks7JDjz4A8Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.5",
+        "@radix-ui/react-context": "1.2.2",
+        "@radix-ui/react-id": "1.1.4",
+        "@radix-ui/react-presence": "1.1.10",
+        "@radix-ui/react-primitive": "2.1.10",
+        "@radix-ui/react-use-controllable-state": "1.2.6",
+        "@radix-ui/react-use-layout-effect": "1.1.4"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-collection": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-collection/-/react-collection-1.1.15.tgz",
+      "integrity": "sha512-9W+B9NPF0NaaPh/1NJd3+KqsnlLqU9H7T2rvww+fp+T/evVXdNAyYcnfRQZFOjkR1ajQp3yORlqnI8soawLvNA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.5",
+        "@radix-ui/react-context": "1.2.2",
+        "@radix-ui/react-primitive": "2.1.10",
+        "@radix-ui/react-slot": "1.3.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-compose-refs": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-compose-refs/-/react-compose-refs-1.1.5.tgz",
+      "integrity": "sha512-+48PbAAbq3didjJxa+OaWY2ZwgAKsNiRGyeHKszblZMQ+kcpd9pAaT11cMkGEie0vsOi3QdeTE6d5Fe3Gn61kA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-context": {
+      "version": "1.2.2",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context/-/react-context-1.2.2.tgz",
+      "integrity": "sha512-RHCUGwKHDr0hDGg4X7ma4JG4/+12qxw8rkh5QKdDldlCvtja6nUx1Ef/8HVrJze81lEsgLQlqjzjGNHantgnQA==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-context-menu": {
+      "version": "2.3.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-context-menu/-/react-context-menu-2.3.7.tgz",
+      "integrity": "sha512-CtXP35dxaB5T3zXSd+E3uHe/QpXcpYnZmxp6OaIbfthtfW4wyb77M23BG+bwIJDtsMwEP/YssdsmNyZu7jhWew==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-context": "1.2.2",
+        "@radix-ui/react-menu": "2.1.24",
+        "@radix-ui/react-primitive": "2.1.10",
+        "@radix-ui/react-use-controllable-state": "1.2.6"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dialog": {
+      "version": "1.1.23",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dialog/-/react-dialog-1.1.23.tgz",
+      "integrity": "sha512-Ksw4WeROkO4rC9k/onilX/Ao2Cr1ku1unMNH+XSCcP4jSXYu7HDsg9n4ojMjVb22XpYjAQ9qfrFlVbru1vXDUA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.5",
+        "@radix-ui/react-context": "1.2.2",
+        "@radix-ui/react-dismissable-layer": "1.1.19",
+        "@radix-ui/react-focus-guards": "1.1.6",
+        "@radix-ui/react-focus-scope": "1.1.16",
+        "@radix-ui/react-id": "1.1.4",
+        "@radix-ui/react-portal": "1.1.17",
+        "@radix-ui/react-presence": "1.1.10",
+        "@radix-ui/react-primitive": "2.1.10",
+        "@radix-ui/react-slot": "1.3.3",
+        "@radix-ui/react-use-controllable-state": "1.2.6",
+        "@radix-ui/react-use-layout-effect": "1.1.4",
+        "aria-hidden": "^1.2.4",
+        "react-remove-scroll": "^2.7.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-direction": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-direction/-/react-direction-1.1.4.tgz",
+      "integrity": "sha512-5pzg4FGQNpExhnhT2zlrP1wZFaYCd1K0nYWoFAdcYoYK868IEigqMX3B3f8yIoRlAhAeDWciLI6ZdCKHF9P4Vg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dismissable-layer": {
+      "version": "1.1.19",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dismissable-layer/-/react-dismissable-layer-1.1.19.tgz",
+      "integrity": "sha512-8g4pfOL9HoKKLWGiypT+dphVqjFfmcXO5GBnhsG6zI+lxAx/8feQpr+1LSN8Re3hiZ+XkLNS4O9ztK11/LzQ6w==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.5",
+        "@radix-ui/react-primitive": "2.1.10",
+        "@radix-ui/react-use-callback-ref": "1.1.4",
+        "@radix-ui/react-use-effect-event": "0.0.5"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-dropdown-menu": {
+      "version": "2.1.24",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-dropdown-menu/-/react-dropdown-menu-2.1.24.tgz",
+      "integrity": "sha512-geq8l2rJkxvkXsT9RMgtUE3P8pITFpTsvYpbySi1IH4fZEABD/Gp85myayFgxk0ktljGMJnCbeFkyTusvSvv7g==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.5",
+        "@radix-ui/react-context": "1.2.2",
+        "@radix-ui/react-id": "1.1.4",
+        "@radix-ui/react-menu": "2.1.24",
+        "@radix-ui/react-primitive": "2.1.10",
+        "@radix-ui/react-use-controllable-state": "1.2.6"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-focus-guards": {
+      "version": "1.1.6",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-guards/-/react-focus-guards-1.1.6.tgz",
+      "integrity": "sha512-RNOJjfZMTyBM6xYmV3IVGXkPjIhcBAuv48POevAXwrGJhkWZ9p1rFoIS1JFooPuT193AZmRsCPhpoVJxx6OPoQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-focus-scope": {
+      "version": "1.1.16",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-focus-scope/-/react-focus-scope-1.1.16.tgz",
+      "integrity": "sha512-wmRZ2WWLvmt6KHy2rNPOdPUjwq5xOHY02+m+udwJTn0aNIox/rkskAvJTyTLGhPK6KgrUjlJUJpgmx/+wFiFIQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.5",
+        "@radix-ui/react-primitive": "2.1.10",
+        "@radix-ui/react-use-callback-ref": "1.1.4"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-form": {
+      "version": "0.1.16",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-form/-/react-form-0.1.16.tgz",
+      "integrity": "sha512-Q4TLEn2A7TAypxwmd6R9EwrlXDvkfYSDMrq9/887AXAGh+G1rH+kYJKSTv+Si9Y0JPKTwKYv6PviAJosysNimA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.5",
+        "@radix-ui/react-context": "1.2.2",
+        "@radix-ui/react-id": "1.1.4",
+        "@radix-ui/react-label": "2.1.15",
+        "@radix-ui/react-primitive": "2.1.10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-hover-card": {
+      "version": "1.1.23",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-hover-card/-/react-hover-card-1.1.23.tgz",
+      "integrity": "sha512-H8qONfZd3ltrU3+jHCIgITbWo6e1iTKvP9DHdrvYbX48ooRM5FjEDTn16AMwdfuOGkWdZEhpl3PLL/Wk/AnHDQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.5",
+        "@radix-ui/react-context": "1.2.2",
+        "@radix-ui/react-dismissable-layer": "1.1.19",
+        "@radix-ui/react-popper": "1.3.7",
+        "@radix-ui/react-portal": "1.1.17",
+        "@radix-ui/react-presence": "1.1.10",
+        "@radix-ui/react-primitive": "2.1.10",
+        "@radix-ui/react-use-controllable-state": "1.2.6"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-id": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-id/-/react-id-1.1.4.tgz",
+      "integrity": "sha512-TMQp2llA+RYn7JcjnrMnz7wN4pcVttPZnRZo52PLQsoLVKzNlVwUeHmfePgTgRluXFvlD3GD5g5MOVVTJCO0qA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.4"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-label": {
+      "version": "2.1.15",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-label/-/react-label-2.1.15.tgz",
+      "integrity": "sha512-o/rdYEwZTTo5tjknnPeyQFU45kUC4i/XyeDPP+HGyi6XqpOP6Zf5Ya5vh/Yfe9Id5JiuWnnAx2XqIeD3UYZt0g==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-menu": {
+      "version": "2.1.24",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-menu/-/react-menu-2.1.24.tgz",
+      "integrity": "sha512-uW7RVuU6Lp/ZtfeY4b3kL32zccgEWvPv1+cf17ubYzHa9cL8AHokmk36cG/XEiH/smbQvumnieXX9j/e9RqJWA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-collection": "1.1.15",
+        "@radix-ui/react-compose-refs": "1.1.5",
+        "@radix-ui/react-context": "1.2.2",
+        "@radix-ui/react-direction": "1.1.4",
+        "@radix-ui/react-dismissable-layer": "1.1.19",
+        "@radix-ui/react-focus-guards": "1.1.6",
+        "@radix-ui/react-focus-scope": "1.1.16",
+        "@radix-ui/react-id": "1.1.4",
+        "@radix-ui/react-popper": "1.3.7",
+        "@radix-ui/react-portal": "1.1.17",
+        "@radix-ui/react-presence": "1.1.10",
+        "@radix-ui/react-primitive": "2.1.10",
+        "@radix-ui/react-roving-focus": "1.1.19",
+        "@radix-ui/react-slot": "1.3.3",
+        "@radix-ui/react-use-callback-ref": "1.1.4",
+        "aria-hidden": "^1.2.4",
+        "react-remove-scroll": "^2.7.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-menubar": {
+      "version": "1.1.24",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-menubar/-/react-menubar-1.1.24.tgz",
+      "integrity": "sha512-eeVs0vf7cuqXaM0qLQCPcufImiJNVBXdJDLu7ZGYl2732UH23Qat/foNGrr6vYV3/DdTsBqASoggUFgH14OcZA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-collection": "1.1.15",
+        "@radix-ui/react-compose-refs": "1.1.5",
+        "@radix-ui/react-context": "1.2.2",
+        "@radix-ui/react-direction": "1.1.4",
+        "@radix-ui/react-id": "1.1.4",
+        "@radix-ui/react-menu": "2.1.24",
+        "@radix-ui/react-primitive": "2.1.10",
+        "@radix-ui/react-roving-focus": "1.1.19",
+        "@radix-ui/react-use-controllable-state": "1.2.6"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-navigation-menu": {
+      "version": "1.2.22",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-navigation-menu/-/react-navigation-menu-1.2.22.tgz",
+      "integrity": "sha512-ou7iLEJ+yrhQndkkA4U21XIdS/CS45F4iXIkTZcb6/Ne9EMsOuDudVmCwmDnfFZZ+y1FZqXRNSIgBy+YMvZVZg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-collection": "1.1.15",
+        "@radix-ui/react-compose-refs": "1.1.5",
+        "@radix-ui/react-context": "1.2.2",
+        "@radix-ui/react-direction": "1.1.4",
+        "@radix-ui/react-dismissable-layer": "1.1.19",
+        "@radix-ui/react-id": "1.1.4",
+        "@radix-ui/react-presence": "1.1.10",
+        "@radix-ui/react-primitive": "2.1.10",
+        "@radix-ui/react-use-callback-ref": "1.1.4",
+        "@radix-ui/react-use-controllable-state": "1.2.6",
+        "@radix-ui/react-use-layout-effect": "1.1.4",
+        "@radix-ui/react-use-previous": "1.1.4",
+        "@radix-ui/react-visually-hidden": "1.2.11"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-one-time-password-field": {
+      "version": "0.1.16",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-one-time-password-field/-/react-one-time-password-field-0.1.16.tgz",
+      "integrity": "sha512-Tj9P6ntAJEw52oq/F0AGknXR4XncxEt7XU47O3xJQOiWfLzEy3d9gtgKfvjSzGxzHkfL+VzvxGu2KTFsloJqXw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/number": "1.1.3",
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-collection": "1.1.15",
+        "@radix-ui/react-compose-refs": "1.1.5",
+        "@radix-ui/react-context": "1.2.2",
+        "@radix-ui/react-direction": "1.1.4",
+        "@radix-ui/react-primitive": "2.1.10",
+        "@radix-ui/react-roving-focus": "1.1.19",
+        "@radix-ui/react-use-controllable-state": "1.2.6",
+        "@radix-ui/react-use-effect-event": "0.0.5",
+        "@radix-ui/react-use-is-hydrated": "0.1.3",
+        "@radix-ui/react-use-layout-effect": "1.1.4"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-password-toggle-field": {
+      "version": "0.1.11",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-password-toggle-field/-/react-password-toggle-field-0.1.11.tgz",
+      "integrity": "sha512-4gvFnmDXu3dgj21CqsufzIameRvlRd4SBqaWhcrlrNhRo0Y5i/49AmRJYe1fdAM3G2VNBbmin4b0D6cdQocwgw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.5",
+        "@radix-ui/react-context": "1.2.2",
+        "@radix-ui/react-id": "1.1.4",
+        "@radix-ui/react-primitive": "2.1.10",
+        "@radix-ui/react-use-controllable-state": "1.2.6",
+        "@radix-ui/react-use-effect-event": "0.0.5",
+        "@radix-ui/react-use-is-hydrated": "0.1.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-popover": {
+      "version": "1.1.23",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-popover/-/react-popover-1.1.23.tgz",
+      "integrity": "sha512-mw58MrBlyHWFisTOYignD0vf/3gdcgAR+9of1s9G/38CbFiUwH1nCDkc0AUM9IrXFgN5Ue8n45j9WCgyM1sbiQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.5",
+        "@radix-ui/react-context": "1.2.2",
+        "@radix-ui/react-dismissable-layer": "1.1.19",
+        "@radix-ui/react-focus-guards": "1.1.6",
+        "@radix-ui/react-focus-scope": "1.1.16",
+        "@radix-ui/react-id": "1.1.4",
+        "@radix-ui/react-popper": "1.3.7",
+        "@radix-ui/react-portal": "1.1.17",
+        "@radix-ui/react-presence": "1.1.10",
+        "@radix-ui/react-primitive": "2.1.10",
+        "@radix-ui/react-slot": "1.3.3",
+        "@radix-ui/react-use-controllable-state": "1.2.6",
+        "aria-hidden": "^1.2.4",
+        "react-remove-scroll": "^2.7.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-popper": {
+      "version": "1.3.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-popper/-/react-popper-1.3.7.tgz",
+      "integrity": "sha512-UsJrrd7w4wuKKTdvd/DNERVlwSlUcyXzjhyDwBk+3aPOsCjOY6ZSbxuw8E6lZTjjfP8Cpd0J8VVkrYUWyGYXyg==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/react-dom": "^2.0.0",
+        "@radix-ui/react-arrow": "1.1.15",
+        "@radix-ui/react-compose-refs": "1.1.5",
+        "@radix-ui/react-context": "1.2.2",
+        "@radix-ui/react-primitive": "2.1.10",
+        "@radix-ui/react-use-callback-ref": "1.1.4",
+        "@radix-ui/react-use-layout-effect": "1.1.4",
+        "@radix-ui/react-use-rect": "1.1.4",
+        "@radix-ui/react-use-size": "1.1.4",
+        "@radix-ui/rect": "1.1.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-portal": {
+      "version": "1.1.17",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-portal/-/react-portal-1.1.17.tgz",
+      "integrity": "sha512-vKQLcWypUnwZVvfV7UkGahH2g6ySe8M8R+zYBwPrv5byZ9QAW6cQVvNKo7GgmD+p8aYb6D9JBuvy8/WhOno2wQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.10",
+        "@radix-ui/react-use-layout-effect": "1.1.4"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-presence": {
+      "version": "1.1.10",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-presence/-/react-presence-1.1.10.tgz",
+      "integrity": "sha512-3wyzCQ6+ubRA+D4uv9m95JYLXxmOHp05qjrkjeA7uKHHtjpPggQzc6DAb0URl7j67oR0K2foO4ip27TiX037Bw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.4"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-primitive": {
+      "version": "2.1.10",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-primitive/-/react-primitive-2.1.10.tgz",
+      "integrity": "sha512-MucOnzh6hR5mid6VpkbglRAMYMjKLqRnGBbjXkzjK52fuQDd1qbkx78a5P40mkcnVXJdEVxm26E9OPAiUq7nBg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-slot": "1.3.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-progress": {
+      "version": "1.1.16",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-progress/-/react-progress-1.1.16.tgz",
+      "integrity": "sha512-5XnomAsoZZCY+KNTxbIghpGqPruZvKFNlvcAljVAOdDRDsH4/OZQxhtwo5wdtoDM5R6MhJBb2sPnDuRFep3lzg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-context": "1.2.2",
+        "@radix-ui/react-primitive": "2.1.10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-radio-group": {
+      "version": "1.4.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-radio-group/-/react-radio-group-1.4.7.tgz",
+      "integrity": "sha512-cgYFEkntCxppHZgtSZ+7vh0wbZQ+IC7PPMw8DSnRG27B6kDd32/Zw0OJt7dGDigCoprMuWHjg2PvUn3PYvPFoQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.5",
+        "@radix-ui/react-context": "1.2.2",
+        "@radix-ui/react-direction": "1.1.4",
+        "@radix-ui/react-presence": "1.1.10",
+        "@radix-ui/react-primitive": "2.1.10",
+        "@radix-ui/react-roving-focus": "1.1.19",
+        "@radix-ui/react-use-controllable-state": "1.2.6",
+        "@radix-ui/react-use-size": "1.1.4"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-roving-focus": {
+      "version": "1.1.19",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-roving-focus/-/react-roving-focus-1.1.19.tgz",
+      "integrity": "sha512-V9jI6hDjT7l3jsCQD9bLNvDLM3tH/gdbOTp7Tefp3hbbgCGQoK7tUvrWiRlcoBHIZ809ElXwNQwVo0B98LuTXQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-collection": "1.1.15",
+        "@radix-ui/react-compose-refs": "1.1.5",
+        "@radix-ui/react-context": "1.2.2",
+        "@radix-ui/react-direction": "1.1.4",
+        "@radix-ui/react-id": "1.1.4",
+        "@radix-ui/react-primitive": "2.1.10",
+        "@radix-ui/react-use-callback-ref": "1.1.4",
+        "@radix-ui/react-use-controllable-state": "1.2.6",
+        "@radix-ui/react-use-is-hydrated": "0.1.3",
+        "@radix-ui/react-use-layout-effect": "1.1.4"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-scroll-area": {
+      "version": "1.2.18",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-scroll-area/-/react-scroll-area-1.2.18.tgz",
+      "integrity": "sha512-Zn5Cd171wxsO3Dfg8HaW6RifTb9CYTKQJHs/G4+LN1GfmJpaQMZQyQxMprVPHpaz7QY4l9BxK2JwQuzHsXC8nA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/number": "1.1.3",
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.5",
+        "@radix-ui/react-context": "1.2.2",
+        "@radix-ui/react-direction": "1.1.4",
+        "@radix-ui/react-presence": "1.1.10",
+        "@radix-ui/react-primitive": "2.1.10",
+        "@radix-ui/react-use-callback-ref": "1.1.4",
+        "@radix-ui/react-use-layout-effect": "1.1.4"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-select": {
+      "version": "2.3.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-select/-/react-select-2.3.7.tgz",
+      "integrity": "sha512-WFGImkmbzcfxeIwq/+4HvRN0pizBwbwQUED4I13ezQsDdfl38ZntN6TmR8XaSzPBqoCToe8rF75j6NPNDSzhbg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/number": "1.1.3",
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-collection": "1.1.15",
+        "@radix-ui/react-compose-refs": "1.1.5",
+        "@radix-ui/react-context": "1.2.2",
+        "@radix-ui/react-direction": "1.1.4",
+        "@radix-ui/react-dismissable-layer": "1.1.19",
+        "@radix-ui/react-focus-guards": "1.1.6",
+        "@radix-ui/react-focus-scope": "1.1.16",
+        "@radix-ui/react-id": "1.1.4",
+        "@radix-ui/react-popper": "1.3.7",
+        "@radix-ui/react-portal": "1.1.17",
+        "@radix-ui/react-presence": "1.1.10",
+        "@radix-ui/react-primitive": "2.1.10",
+        "@radix-ui/react-slot": "1.3.3",
+        "@radix-ui/react-use-callback-ref": "1.1.4",
+        "@radix-ui/react-use-controllable-state": "1.2.6",
+        "@radix-ui/react-use-layout-effect": "1.1.4",
+        "@radix-ui/react-use-previous": "1.1.4",
+        "@radix-ui/react-visually-hidden": "1.2.11",
+        "aria-hidden": "^1.2.4",
+        "react-remove-scroll": "^2.7.2"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-separator": {
+      "version": "1.1.15",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-separator/-/react-separator-1.1.15.tgz",
+      "integrity": "sha512-jOLO4lssEzWpoDu7G+Ze4VjwMRUBt291pnZD0gmalREZipnTX3wadQo7Fy48GCTfe14/YRN6rw/rOJqrE85Wxw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-slider": {
+      "version": "1.4.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slider/-/react-slider-1.4.7.tgz",
+      "integrity": "sha512-mTSLf1GC/C0moWjTbvCM6Qn/gBjvlFt1azuWF2v7MN5C3Zq2U2J2lN3ZEYkpujuOU5Ro7A28wkviSxaKnG0BYg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/number": "1.1.3",
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-collection": "1.1.15",
+        "@radix-ui/react-compose-refs": "1.1.5",
+        "@radix-ui/react-context": "1.2.2",
+        "@radix-ui/react-direction": "1.1.4",
+        "@radix-ui/react-primitive": "2.1.10",
+        "@radix-ui/react-use-controllable-state": "1.2.6",
+        "@radix-ui/react-use-layout-effect": "1.1.4",
+        "@radix-ui/react-use-previous": "1.1.4",
+        "@radix-ui/react-use-size": "1.1.4"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-slot": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-slot/-/react-slot-1.3.3.tgz",
+      "integrity": "sha512-qx7oqnYbxnK9kYI9m317qmFmEgo6ywqWvbTogdj7cL9p3/yx4M48p7Rnw5z3H890cL/ow/EeWJsuTykeZVXP5Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-compose-refs": "1.1.5"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-switch": {
+      "version": "1.3.7",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-switch/-/react-switch-1.3.7.tgz",
+      "integrity": "sha512-48tB/4dn2UVLBCYhTu9AuR63IHl73l/qLbLgxd86noTUor4/K4LFDAcYjK+isP5313qxaFpjPVogE7+Y0/V3Kw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.5",
+        "@radix-ui/react-context": "1.2.2",
+        "@radix-ui/react-primitive": "2.1.10",
+        "@radix-ui/react-use-controllable-state": "1.2.6",
+        "@radix-ui/react-use-size": "1.1.4"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tabs": {
+      "version": "1.1.21",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-tabs/-/react-tabs-1.1.21.tgz",
+      "integrity": "sha512-UKxJlZid7FVtsk/WTxj4i4uSEgj2Au+KBbS7SQyTlzMhhn+86Cz3tISZdTa87bfEfcuvZezf2ZsxD4xuEKtkog==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-context": "1.2.2",
+        "@radix-ui/react-direction": "1.1.4",
+        "@radix-ui/react-id": "1.1.4",
+        "@radix-ui/react-presence": "1.1.10",
+        "@radix-ui/react-primitive": "2.1.10",
+        "@radix-ui/react-roving-focus": "1.1.19",
+        "@radix-ui/react-use-controllable-state": "1.2.6"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-toast": {
+      "version": "1.2.23",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-toast/-/react-toast-1.2.23.tgz",
+      "integrity": "sha512-ofhyAsYaocRGOs/n0XWdUOSVzEAG6BfrMVM8z0c0kLEWY38w/0WuMFPTJP/HVaZPYkMvHZoKIIhNcjbTCBILPg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-collection": "1.1.15",
+        "@radix-ui/react-compose-refs": "1.1.5",
+        "@radix-ui/react-context": "1.2.2",
+        "@radix-ui/react-dismissable-layer": "1.1.19",
+        "@radix-ui/react-portal": "1.1.17",
+        "@radix-ui/react-presence": "1.1.10",
+        "@radix-ui/react-primitive": "2.1.10",
+        "@radix-ui/react-use-callback-ref": "1.1.4",
+        "@radix-ui/react-use-controllable-state": "1.2.6",
+        "@radix-ui/react-use-layout-effect": "1.1.4",
+        "@radix-ui/react-visually-hidden": "1.2.11"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-toggle": {
+      "version": "1.1.18",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-toggle/-/react-toggle-1.1.18.tgz",
+      "integrity": "sha512-7lonPlKfSacd20GlOBx2ltuVKz9oqWYZz+oMQyOltw6t1y2nyftj2ZmwwUHYn49kqfDWcp8dNZm5NgV+5Z+mug==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-primitive": "2.1.10",
+        "@radix-ui/react-use-controllable-state": "1.2.6"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-toggle-group": {
+      "version": "1.1.19",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-toggle-group/-/react-toggle-group-1.1.19.tgz",
+      "integrity": "sha512-OtnwuSVjd1Ofi+AdnvhsjQdyuhCDwYs1w9RyB5BN/OavXOVQo42SYqQjwUnbPnaiPFBpQ9aX70dWeee+v2oBLA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-context": "1.2.2",
+        "@radix-ui/react-direction": "1.1.4",
+        "@radix-ui/react-primitive": "2.1.10",
+        "@radix-ui/react-roving-focus": "1.1.19",
+        "@radix-ui/react-toggle": "1.1.18",
+        "@radix-ui/react-use-controllable-state": "1.2.6"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-toolbar": {
+      "version": "1.1.19",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-toolbar/-/react-toolbar-1.1.19.tgz",
+      "integrity": "sha512-Ph0IvtYw4VB12ZnZg+YtrGs8yJQsnizwo/zu0R4Y/nWugtJzA7Pg1eWeuDR9+LSqn+xjamss+UOSOJJJ4gx8jw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-context": "1.2.2",
+        "@radix-ui/react-direction": "1.1.4",
+        "@radix-ui/react-primitive": "2.1.10",
+        "@radix-ui/react-roving-focus": "1.1.19",
+        "@radix-ui/react-separator": "1.1.15",
+        "@radix-ui/react-toggle-group": "1.1.19"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-tooltip": {
+      "version": "1.2.16",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-tooltip/-/react-tooltip-1.2.16.tgz",
+      "integrity": "sha512-6EamKFRRnlpdadndbZ6LMwycfwkwPte1B42hs6QA0gYhjaOKqW4PZ4pjaW9UrlDX5eVt/OjncE7BFTPL5nmZhg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-compose-refs": "1.1.5",
+        "@radix-ui/react-context": "1.2.2",
+        "@radix-ui/react-dismissable-layer": "1.1.19",
+        "@radix-ui/react-id": "1.1.4",
+        "@radix-ui/react-popper": "1.3.7",
+        "@radix-ui/react-portal": "1.1.17",
+        "@radix-ui/react-presence": "1.1.10",
+        "@radix-ui/react-primitive": "2.1.10",
+        "@radix-ui/react-slot": "1.3.3",
+        "@radix-ui/react-use-controllable-state": "1.2.6",
+        "@radix-ui/react-use-layout-effect": "1.1.4",
+        "@radix-ui/react-visually-hidden": "1.2.11"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-callback-ref": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-callback-ref/-/react-use-callback-ref-1.1.4.tgz",
+      "integrity": "sha512-R6OUY2e2fA6Yn6s+VSx5KBV6Nx8LQEhu+cz7LCej18rQ1HLyg9PSC9jP/ZNx0o6FAIK9c0F1kHylzSxKsdlkrQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-controllable-state": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-controllable-state/-/react-use-controllable-state-1.2.6.tgz",
+      "integrity": "sha512-uEQJGT97ZA/TgP/Hydw47lHu+/vQj6z/0jA+WeTbK1o9Rx45GImjpD0tc3W5ad3D6XTSR6e1yEO0FvGq6WQfVQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-use-effect-event": "0.0.5",
+        "@radix-ui/react-use-layout-effect": "1.1.4"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-effect-event": {
+      "version": "0.0.5",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-effect-event/-/react-use-effect-event-0.0.5.tgz",
+      "integrity": "sha512-7cshFL8HGS/7HEiHH+9kL9HBwp2sa9yX18Knwek6KYWmXwM7pegMgta2AXMQKI+rq3JnfSj9x8wYqFMTdG1Jgg==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.4"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-escape-keydown": {
+      "version": "1.1.5",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-escape-keydown/-/react-use-escape-keydown-1.1.5.tgz",
+      "integrity": "sha512-ge3ipobwSXTj4JyVtswQ7qZj0ZHdtbGuOno/LrgAAeSxtsJ6Vs4Gz5IkPH2bmqpjcLUFoqGhA/mueuIf63UXlA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-callback-ref": "1.1.4"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-is-hydrated": {
+      "version": "0.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-is-hydrated/-/react-use-is-hydrated-0.1.3.tgz",
+      "integrity": "sha512-umO/aJ+82CpOnhDZUTbILCQf7kU/g0iv+oGs/Q8jw7IkhWBzaEP4sA268PhFAJTFetbwp3ICc6ktpI4TqtxcIw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-layout-effect": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-layout-effect/-/react-use-layout-effect-1.1.4.tgz",
+      "integrity": "sha512-K20DkRkUwDnxEYMBPcg3Y6voLkEy5p5QQmszZgLngKKiC7dzBR/aEuK3w1qlx2JWDUNH6FluahYdgR3BP+QbYw==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-previous": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-previous/-/react-use-previous-1.1.4.tgz",
+      "integrity": "sha512-XoSLhbRbqxFtgJoi2fNHA3C6pDlY34x508vUpUGoFZfvePfHXHbE1lC4FYFMnJWgiCRroSTw6fOsXQoVS9RwZg==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-rect": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-rect/-/react-use-rect-1.1.4.tgz",
+      "integrity": "sha512-cSOCh6JlkmfjLyNcLiu2nB4v+nm+dkZ+Q5KHWk/soo4U7ZLiEQFKHK9/YmtBHjfCEaU43IBKQOc4/uJmCaiCTQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/rect": "1.1.3"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-use-size": {
+      "version": "1.1.4",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-use-size/-/react-use-size-1.1.4.tgz",
+      "integrity": "sha512-D3anSY15EJoxrihpsXI6SMrmmonnQtR2ni7arO+Lfdg3O95b9hNXxONk8jA5C8ANdF/h5HMAxejgs8PWJ6rlhw==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-use-layout-effect": "1.1.4"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/react-visually-hidden": {
+      "version": "1.2.11",
+      "resolved": "https://registry.npmjs.org/@radix-ui/react-visually-hidden/-/react-visually-hidden-1.2.11.tgz",
+      "integrity": "sha512-NFS86RYYZb4/exihaESBGOpMJFz8MGLAfu3mOBSGByVnVPC9JPASfYubxd/8KbkQK0sYAv8lVQDEQukDX/qXvQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/react-primitive": "2.1.10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/@radix-ui/rect": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/@radix-ui/rect/-/rect-1.1.3.tgz",
+      "integrity": "sha512-JtyZR+mqgBibTo8xea3B6ZRmzZiM/YeVBtUkas6zMuXjAlfIFIW2FgqeM9eLyvEaYX66vr6DJMK+4U6LV0KhNw==",
+      "license": "MIT"
+    },
+    "node_modules/@tiptap/core": {
+      "version": "3.29.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/core/-/core-3.29.2.tgz",
+      "integrity": "sha512-oKUkiPUB7noilVYxI9lNzUD4rX17sHub+PYjMfHMWHG9A3nvIy+FdePIVIIhThKWF7ijhr3eIqHY51Bn+GAFtw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/pm": "3.29.2"
+      }
+    },
+    "node_modules/@tiptap/extension-blockquote": {
+      "version": "3.29.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-blockquote/-/extension-blockquote-3.29.2.tgz",
+      "integrity": "sha512-ca4OzKDh0yaxg2+Z56bC2QnWsNsFp2YMRfVig1PDXyMVFMNJpLcnhxgq/9btn+xYAlYrj8RymOeCTYREOR6Zjg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "3.29.2",
+        "@tiptap/pm": "3.29.2"
+      }
+    },
+    "node_modules/@tiptap/extension-bold": {
+      "version": "3.29.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-bold/-/extension-bold-3.29.2.tgz",
+      "integrity": "sha512-elYbGxJsYnBb4leqrcjdIJuiG380BcOgN+UUzvOv+qEjfGVzHodFOMBl3qnmD6urYHNu5/qQK2S0qSSRXKCLNQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "3.29.2"
+      }
+    },
+    "node_modules/@tiptap/extension-bubble-menu": {
+      "version": "3.29.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-bubble-menu/-/extension-bubble-menu-3.29.2.tgz",
+      "integrity": "sha512-kzcWarcpr031rZu+R3Hzut5uxb3Qj/xxMDEYZIQ3uiq1yb5vEMXj8/SIyWautk6Nu8Rr1leV3rGdR4NzhzyFAA==",
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@floating-ui/dom": "^1.0.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "3.29.2",
+        "@tiptap/pm": "3.29.2"
+      }
+    },
+    "node_modules/@tiptap/extension-bullet-list": {
+      "version": "3.29.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-bullet-list/-/extension-bullet-list-3.29.2.tgz",
+      "integrity": "sha512-3bWcCUPbCHv0XttlMdnAtXLNYWx2pblByMgxmGsaP9FU0QnslGXty6A6gHCqI33ygRg1vrA6U5Wtpwbi5aKu5g==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/extension-list": "3.29.2"
+      }
+    },
+    "node_modules/@tiptap/extension-code": {
+      "version": "3.29.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-code/-/extension-code-3.29.2.tgz",
+      "integrity": "sha512-c6W5UGuB7WNLpYocsgRzpO2OOTI4QjaI9jjHRMuty9z+s9DtaYM/HrRLNwVh6MopkHb+i/89Wkv8gCS34fftig==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "3.29.2"
+      }
+    },
+    "node_modules/@tiptap/extension-code-block": {
+      "version": "3.29.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-code-block/-/extension-code-block-3.29.2.tgz",
+      "integrity": "sha512-w153ct8g6dLiPTdXQ6SOIMxX4SEo5Q50AmjdEEEcJ7ZcYUcde/ScSskLHfOYmyt5ZFAiyEwr121+pux+p3/oAQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "3.29.2",
+        "@tiptap/pm": "3.29.2"
+      }
+    },
+    "node_modules/@tiptap/extension-document": {
+      "version": "3.29.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-document/-/extension-document-3.29.2.tgz",
+      "integrity": "sha512-YUamvefLnsqu6124GavVTI7nqcFlQJ12ROB0oSwG69eSBZYNjg1tIs05LFrBxkwf4Xgqd6YzfJ9+FeG428RvzQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "3.29.2"
+      }
+    },
+    "node_modules/@tiptap/extension-dropcursor": {
+      "version": "3.29.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-dropcursor/-/extension-dropcursor-3.29.2.tgz",
+      "integrity": "sha512-KKno7cU9r1HdR48CRrsDu69/1UjZdoslq/UcE+Kx+tdhAv/aljXMkRSNzGMrBNOBDmHRgS1+58zm21WQWdQzwA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/extensions": "3.29.2"
+      }
+    },
+    "node_modules/@tiptap/extension-floating-menu": {
+      "version": "3.29.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-floating-menu/-/extension-floating-menu-3.29.2.tgz",
+      "integrity": "sha512-CBTq4Xs5aGWr65uFCIkKBms796OhmirWf/ax//iJ4fl9IfwqjwFuc2vQs9PmuwpKn9ctDHo2sMTtvyeCvIt5LQ==",
+      "license": "MIT",
+      "optional": true,
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@floating-ui/dom": "^1.0.0",
+        "@tiptap/core": "3.29.2",
+        "@tiptap/pm": "3.29.2"
+      }
+    },
+    "node_modules/@tiptap/extension-gapcursor": {
+      "version": "3.29.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-gapcursor/-/extension-gapcursor-3.29.2.tgz",
+      "integrity": "sha512-8Q39UR4/Tit759IeW9xZIe3NMwN11GsuA3FLheDyyGn7RrW02HD3HhUDlazE54Ki4HoosjFmChPlN4Ik2ubdRQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/extensions": "3.29.2"
+      }
+    },
+    "node_modules/@tiptap/extension-hard-break": {
+      "version": "3.29.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-hard-break/-/extension-hard-break-3.29.2.tgz",
+      "integrity": "sha512-eUW3LN3fq8rXnjEUeI3D2QONYdLsU3yYQm4jxlErs2h4cfwrFjgf19VSUFVmm6LrFbbQ0OnDVPeVLL6iOwDw2w==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "3.29.2"
+      }
+    },
+    "node_modules/@tiptap/extension-heading": {
+      "version": "3.29.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-heading/-/extension-heading-3.29.2.tgz",
+      "integrity": "sha512-6W4aIy70Mh7BNlbG9zZ5FBLhJhU2UUEzgZJ/jwYSCcB30o8McLxJSEjhtoHiX8R78Ah2/JzBGvIe5olZlbeE4A==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "3.29.2"
+      }
+    },
+    "node_modules/@tiptap/extension-highlight": {
+      "version": "3.29.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-highlight/-/extension-highlight-3.29.2.tgz",
+      "integrity": "sha512-bSeZ1C8OlthyK7BzgtqOGfQymdap9V38W2hbr9KGlhVOIAmTqneOwjm27iFcu7jKqkMArVu6WBYN18Lom6umHQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "3.29.2"
+      }
+    },
+    "node_modules/@tiptap/extension-horizontal-rule": {
+      "version": "3.29.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-horizontal-rule/-/extension-horizontal-rule-3.29.2.tgz",
+      "integrity": "sha512-8/ZPzbB9X85Mc9/7xVLZupQKBr2UVcQTGr512xtqMW+XkCQRHCph46tRo828YE13IMWI5fWn/FaNCqXG9cULSw==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "3.29.2",
+        "@tiptap/pm": "3.29.2"
+      }
+    },
+    "node_modules/@tiptap/extension-italic": {
+      "version": "3.29.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-italic/-/extension-italic-3.29.2.tgz",
+      "integrity": "sha512-iH63V/5wsaMnY4Jz0+meaAGhaec4AiOzOduzl6ZZr5IyGhZ1kthyW84ELt0dyLI3hNceAUhaNWc+I7+vX0aoXA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "3.29.2"
+      }
+    },
+    "node_modules/@tiptap/extension-link": {
+      "version": "3.29.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-link/-/extension-link-3.29.2.tgz",
+      "integrity": "sha512-DcVer5SqrexKCEP6Ip1UPxJUMvcRCCItSv0wxoGytanrimBh2smvcg6X0DWnjlsi5H0updhyl+atYCmmQXUIXA==",
+      "license": "MIT",
+      "dependencies": {
+        "linkifyjs": "^4.3.3"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "3.29.2",
+        "@tiptap/pm": "3.29.2"
+      }
+    },
+    "node_modules/@tiptap/extension-list": {
+      "version": "3.29.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-list/-/extension-list-3.29.2.tgz",
+      "integrity": "sha512-WPZ9BHAPT6QeIm1vdVkuoOWvy9a8/EZeJwV2VhU8LXyTAttvzyj4rsbbHyJWvYWlUSTt/QF2AZ2zhKo7u1w3/A==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "3.29.2",
+        "@tiptap/pm": "3.29.2"
+      }
+    },
+    "node_modules/@tiptap/extension-list-item": {
+      "version": "3.29.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-list-item/-/extension-list-item-3.29.2.tgz",
+      "integrity": "sha512-s8vBVHHFT0Qpu7CzAZ7S1kYmSiVaDvUNvMNcZUWnxj6VPfiwmx0eXd9FsjePrRCMoM5tFmPnhFTHDxY3D/eZeQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/extension-list": "3.29.2"
+      }
+    },
+    "node_modules/@tiptap/extension-list-keymap": {
+      "version": "3.29.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-list-keymap/-/extension-list-keymap-3.29.2.tgz",
+      "integrity": "sha512-R+3k8OLnxdCH7Xy9ieOwUt5m2Je74u8mikothGmsYVO2Zyq48fIbmZ+X6RBPCu7DBOI2FIUhHEFbKQeDWvDNmA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/extension-list": "3.29.2"
+      }
+    },
+    "node_modules/@tiptap/extension-ordered-list": {
+      "version": "3.29.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-ordered-list/-/extension-ordered-list-3.29.2.tgz",
+      "integrity": "sha512-ndCunC+UsYOpkOtL7vGnDz21UNa45WUlcO9wMT1fbuYow2QnRhsuMlCWENXI52YPPARWuQ0RDgN7q6TaxPERBg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/extension-list": "3.29.2"
+      }
+    },
+    "node_modules/@tiptap/extension-paragraph": {
+      "version": "3.29.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-paragraph/-/extension-paragraph-3.29.2.tgz",
+      "integrity": "sha512-7qJj5YTr11vvjNgjDN1ypOfwTovc0QOCYcit/rskeuVgnmQZOZQzC/BbyKLLG7UGnpRLemU/mEGbW9pAqjAXkQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "3.29.2"
+      }
+    },
+    "node_modules/@tiptap/extension-strike": {
+      "version": "3.29.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-strike/-/extension-strike-3.29.2.tgz",
+      "integrity": "sha512-aEvLAbddUQZ+FukCreV3q4G2HfNI+odE7E9U+wbq6XsSWKyo8/pDu1muz+TFKNre4blSMOQ3JQmw5UeHDKy+fg==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "3.29.2"
+      }
+    },
+    "node_modules/@tiptap/extension-text": {
+      "version": "3.29.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-text/-/extension-text-3.29.2.tgz",
+      "integrity": "sha512-Ubko45JWWHe8glBt2PiGNF8hcbys/JNalFhiR7Y1X4iOOtAxAKJJxh3+eq+//NTlGuBPdWGp7zw8EEUp7anjKA==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "3.29.2"
       }
     },
-    "node_modules/@fontsource/ibm-plex-sans": {
-      "version": "5.2.8",
-      "resolved": "https://registry.npmjs.org/@fontsource/ibm-plex-sans/-/ibm-plex-sans-5.2.8.tgz",
-      "integrity": "sha512-eztSXjDhPhcpxNIiGTgMebdLP9qS4rWkysuE1V7c+DjOR0qiezaiDaTwQE7bTnG5HxAY/8M43XKDvs3cYq6ZYQ==",
-      "license": "OFL-1.1",
+    "node_modules/@tiptap/extension-underline": {
+      "version": "3.29.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extension-underline/-/extension-underline-3.29.2.tgz",
+      "integrity": "sha512-K7XwH/xS/5AIREWQ00VTEf/W5U0olp7j6wwit7cdd/8nHv6h6AGr1+iEApHKoLXWQZLfGQKzJlT9W61LAl+fHA==",
+      "license": "MIT",
       "funding": {
-        "url": "https://github.com/sponsors/ayuhito"
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "3.29.2"
+      }
+    },
+    "node_modules/@tiptap/extensions": {
+      "version": "3.29.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/extensions/-/extensions-3.29.2.tgz",
+      "integrity": "sha512-BCz+FCAChSYtUe4BFj97HEO+nSK+J7GxbJgZG4Hg7DT/gI+hRyeNndU8efiQAx3WGdzsFi3UxRpcF1tTQM7iMQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "3.29.2",
+        "@tiptap/pm": "3.29.2"
+      }
+    },
+    "node_modules/@tiptap/pm": {
+      "version": "3.29.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/pm/-/pm-3.29.2.tgz",
+      "integrity": "sha512-GCOme7xHaS+DSoaA4CDcAD3l6JyBlvZhvCyfsy2Vp6j8tEoBkZWio7soYVosmlyn7zq8/64VeFZP5s47yfG7fQ==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-changeset": "^2.4.1",
+        "prosemirror-commands": "^1.7.1",
+        "prosemirror-dropcursor": "^1.8.2",
+        "prosemirror-gapcursor": "^1.4.1",
+        "prosemirror-history": "^1.5.0",
+        "prosemirror-inputrules": "^1.5.1",
+        "prosemirror-keymap": "^1.2.3",
+        "prosemirror-model": "^1.25.11",
+        "prosemirror-schema-list": "^1.5.1",
+        "prosemirror-state": "^1.4.4",
+        "prosemirror-tables": "^1.8.5",
+        "prosemirror-transform": "^1.12.0",
+        "prosemirror-view": "^1.41.9"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      }
+    },
+    "node_modules/@tiptap/react": {
+      "version": "3.29.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/react/-/react-3.29.2.tgz",
+      "integrity": "sha512-ZMKgteYmZXnq7C22U9fbCTC6jAF8XlQM5n2K2FLWCdYAlP4FNV3XeQ9hY2a13KSQ0Q3yltWXZlcWBpt5ClxScg==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/use-sync-external-store": "^0.0.6",
+        "fast-equals": "^5.3.3",
+        "use-sync-external-store": "^1.4.0"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      },
+      "optionalDependencies": {
+        "@tiptap/extension-bubble-menu": "^3.29.2",
+        "@tiptap/extension-floating-menu": "^3.29.2"
+      },
+      "peerDependencies": {
+        "@tiptap/core": "3.29.2",
+        "@tiptap/pm": "3.29.2",
+        "@types/react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "@types/react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react": "^17.0.0 || ^18.0.0 || ^19.0.0",
+        "react-dom": "^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/@tiptap/starter-kit": {
+      "version": "3.29.2",
+      "resolved": "https://registry.npmjs.org/@tiptap/starter-kit/-/starter-kit-3.29.2.tgz",
+      "integrity": "sha512-oTu0tysiqk4zgjEtxRHjAQgxUKaAevZwueOWwSWubHdokqp7SpcbE5n9USJv89HKuTUDm3GjnQH6q8HNn/2DsA==",
+      "license": "MIT",
+      "dependencies": {
+        "@tiptap/core": "^3.29.2",
+        "@tiptap/extension-blockquote": "^3.29.2",
+        "@tiptap/extension-bold": "^3.29.2",
+        "@tiptap/extension-bullet-list": "^3.29.2",
+        "@tiptap/extension-code": "^3.29.2",
+        "@tiptap/extension-code-block": "^3.29.2",
+        "@tiptap/extension-document": "^3.29.2",
+        "@tiptap/extension-dropcursor": "^3.29.2",
+        "@tiptap/extension-gapcursor": "^3.29.2",
+        "@tiptap/extension-hard-break": "^3.29.2",
+        "@tiptap/extension-heading": "^3.29.2",
+        "@tiptap/extension-horizontal-rule": "^3.29.2",
+        "@tiptap/extension-italic": "^3.29.2",
+        "@tiptap/extension-link": "^3.29.2",
+        "@tiptap/extension-list": "^3.29.2",
+        "@tiptap/extension-list-item": "^3.29.2",
+        "@tiptap/extension-list-keymap": "^3.29.2",
+        "@tiptap/extension-ordered-list": "^3.29.2",
+        "@tiptap/extension-paragraph": "^3.29.2",
+        "@tiptap/extension-strike": "^3.29.2",
+        "@tiptap/extension-text": "^3.29.2",
+        "@tiptap/extension-underline": "^3.29.2",
+        "@tiptap/extensions": "^3.29.2",
+        "@tiptap/pm": "^3.29.2"
+      },
+      "funding": {
+        "type": "github",
+        "url": "https://github.com/sponsors/ueberdosis"
+      }
+    },
+    "node_modules/@tldraw/assets": {
+      "version": "5.2.5",
+      "resolved": "https://registry.npmjs.org/@tldraw/assets/-/assets-5.2.5.tgz",
+      "integrity": "sha512-dnwCWb9x/ZVUqRcKGEtgyvzwuaK4ZMcHl5WUA0u99Updr7F39dUDCorqjq7Lye3NrFyj0ztxSCy289s6hUm1gg==",
+      "license": "SEE LICENSE IN LICENSE.md",
+      "dependencies": {
+        "@tldraw/utils": "5.2.5"
+      },
+      "engines": {
+        "node": ">=22.12.0"
+      }
+    },
+    "node_modules/@tldraw/driver": {
+      "version": "5.2.5",
+      "resolved": "https://registry.npmjs.org/@tldraw/driver/-/driver-5.2.5.tgz",
+      "integrity": "sha512-smu4NnqTdIM59/hHTvuXxqJWQ5aLpFUR59ibS//o30P9pgMAoN4v/7NhYx9g+V7RAeOzIpDqREouz3hZdoEt9Q==",
+      "license": "SEE LICENSE IN LICENSE.md",
+      "dependencies": {
+        "@tldraw/editor": "5.2.5",
+        "@tldraw/utils": "5.2.5"
+      },
+      "engines": {
+        "node": ">=22.12.0"
+      }
+    },
+    "node_modules/@tldraw/editor": {
+      "version": "5.2.5",
+      "resolved": "https://registry.npmjs.org/@tldraw/editor/-/editor-5.2.5.tgz",
+      "integrity": "sha512-/2aIuOLik7+tIzdmnjZ5XuxPRfSzZnNXVbxqCiFIVgbwe1W4jwm2lr2K4EpGduzdnbTNNvh6nPDJGg/jamAvnA==",
+      "license": "SEE LICENSE IN LICENSE.md",
+      "dependencies": {
+        "@tiptap/core": "^3.12.1",
+        "@tiptap/pm": "^3.12.1",
+        "@tiptap/react": "^3.12.1",
+        "@tldraw/state": "5.2.5",
+        "@tldraw/state-react": "5.2.5",
+        "@tldraw/store": "5.2.5",
+        "@tldraw/tlschema": "5.2.5",
+        "@tldraw/utils": "5.2.5",
+        "@tldraw/validate": "5.2.5",
+        "classnames": "^2.5.1",
+        "eventemitter3": "^4.0.7",
+        "idb": "^7.1.1",
+        "is-plain-object": "^5.0.0",
+        "rbush": "^3.0.1"
+      },
+      "engines": {
+        "node": ">=22.12.0"
+      },
+      "peerDependencies": {
+        "react": "^18.2.0 || ^19.2.1",
+        "react-dom": "^18.2.0 || ^19.2.1"
+      }
+    },
+    "node_modules/@tldraw/state": {
+      "version": "5.2.5",
+      "resolved": "https://registry.npmjs.org/@tldraw/state/-/state-5.2.5.tgz",
+      "integrity": "sha512-fTn6YG6+MMlc3Rshb0/9k2YQ5TnKjy9FLwiGD7ph5maj9quSdpWQJNRgYxk7o2tRd/m7j+NhgylIb/F+2iKwbw==",
+      "license": "MIT",
+      "dependencies": {
+        "@tldraw/utils": "5.2.5"
+      },
+      "engines": {
+        "node": ">=22.12.0"
+      }
+    },
+    "node_modules/@tldraw/state-react": {
+      "version": "5.2.5",
+      "resolved": "https://registry.npmjs.org/@tldraw/state-react/-/state-react-5.2.5.tgz",
+      "integrity": "sha512-/DbTo2Oulg/ZlQwfqlyJq+rjpYBIdwl9iELB01ImQ3aDIfM5TEyabc65baj/eCW3UNlFwKVTRft9m5z4jlPbVw==",
+      "license": "MIT",
+      "dependencies": {
+        "@tldraw/state": "5.2.5",
+        "@tldraw/utils": "5.2.5"
+      },
+      "engines": {
+        "node": ">=22.12.0"
+      },
+      "peerDependencies": {
+        "react": "^18.2.0 || ^19.2.1",
+        "react-dom": "^18.2.0 || ^19.2.1"
+      }
+    },
+    "node_modules/@tldraw/store": {
+      "version": "5.2.5",
+      "resolved": "https://registry.npmjs.org/@tldraw/store/-/store-5.2.5.tgz",
+      "integrity": "sha512-d3sWGoFH1j9jip71VdbVYQC5WLebn2ydo2n1BG3J+PhRhv7DGP9B1bojPUd9lEPBlB4VaS6/BmP4zyk/sLmAnw==",
+      "license": "MIT",
+      "dependencies": {
+        "@tldraw/state": "5.2.5",
+        "@tldraw/utils": "5.2.5"
+      },
+      "engines": {
+        "node": ">=22.12.0"
+      },
+      "peerDependencies": {
+        "react": "^18.2.0 || ^19.2.1"
+      }
+    },
+    "node_modules/@tldraw/tlschema": {
+      "version": "5.2.5",
+      "resolved": "https://registry.npmjs.org/@tldraw/tlschema/-/tlschema-5.2.5.tgz",
+      "integrity": "sha512-Oe9f1e0pcO6M42RVeBTAMqUXdWMJTeCFnM9DsBvJoY94ukIau5huUARAJ2mIV+oqUQS3pkDOrDz/L0KSN9+Eig==",
+      "license": "MIT",
+      "dependencies": {
+        "@tldraw/state": "5.2.5",
+        "@tldraw/store": "5.2.5",
+        "@tldraw/utils": "5.2.5",
+        "@tldraw/validate": "5.2.5"
+      },
+      "engines": {
+        "node": ">=22.12.0"
+      },
+      "peerDependencies": {
+        "react": "^18.2.0 || ^19.2.1",
+        "react-dom": "^18.2.0 || ^19.2.1"
+      }
+    },
+    "node_modules/@tldraw/utils": {
+      "version": "5.2.5",
+      "resolved": "https://registry.npmjs.org/@tldraw/utils/-/utils-5.2.5.tgz",
+      "integrity": "sha512-8f2KqXVsPdXhZsGC2c1c+V19hpct7BQIcKnsq1b+zKUqDf7B/lNSHm/S63NeRhmsOTgzEIeOXVQYHX7OYXo2Xg==",
+      "license": "SEE LICENSE IN LICENSE.md",
+      "dependencies": {
+        "lodash.isequal": "^4.5.0",
+        "lodash.isequalwith": "^4.4.0",
+        "lodash.throttle": "^4.1.1",
+        "lodash.uniq": "^4.5.0"
+      },
+      "engines": {
+        "node": ">=22.12.0"
+      }
+    },
+    "node_modules/@tldraw/validate": {
+      "version": "5.2.5",
+      "resolved": "https://registry.npmjs.org/@tldraw/validate/-/validate-5.2.5.tgz",
+      "integrity": "sha512-FgFbMuKVdFUWyZFq0wr+ojZ/zeXlm4/Ed47duvYfDWoGkQ5r/j2q4vnfeB0MVyGHxGbvVMqDOgGbWPbCJoDspA==",
+      "license": "SEE LICENSE IN LICENSE.md",
+      "dependencies": {
+        "@tldraw/utils": "5.2.5"
+      },
+      "engines": {
+        "node": ">=22.12.0"
+      }
+    },
+    "node_modules/@types/react": {
+      "version": "19.2.18",
+      "resolved": "https://registry.npmjs.org/@types/react/-/react-19.2.18.tgz",
+      "integrity": "sha512-AnzbBERsrLKtk2XSfTbYRLjQPdy116Sty4q+T+Bp3IC4l6jNBvreVPAHmpq9qhXQM7CXZPjLVmGMw9sy+hxQ3w==",
+      "license": "MIT",
+      "peer": true,
+      "dependencies": {
+        "csstype": "^3.2.2"
+      }
+    },
+    "node_modules/@types/react-dom": {
+      "version": "19.2.4",
+      "resolved": "https://registry.npmjs.org/@types/react-dom/-/react-dom-19.2.4.tgz",
+      "integrity": "sha512-Bsc+QHgp+P/F02XDzNCY9jnZNCUuLki36KT7VKrTXXLdHf+vHMNZnW1rVu5DNW/rCK+fya3DATySbLM4yhtKUw==",
+      "license": "MIT",
+      "peer": true,
+      "peerDependencies": {
+        "@types/react": "^19.2.0"
       }
     },
+    "node_modules/@types/use-sync-external-store": {
+      "version": "0.0.6",
+      "resolved": "https://registry.npmjs.org/@types/use-sync-external-store/-/use-sync-external-store-0.0.6.tgz",
+      "integrity": "sha512-zFDAD+tlpf2r4asuHEj0XH6pY6i0g5NeAHPn+15wk3BV6JA69eERFXC1gyGThDkVa1zCyKr5jox1+2LbV/AMLg==",
+      "license": "MIT"
+    },
+    "node_modules/aria-hidden": {
+      "version": "1.2.6",
+      "resolved": "https://registry.npmjs.org/aria-hidden/-/aria-hidden-1.2.6.tgz",
+      "integrity": "sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/classnames": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/classnames/-/classnames-2.5.1.tgz",
+      "integrity": "sha512-saHYOzhIQs6wy2sVxTM6bUDsQO4F50V9RQ22qBpEdCW+I+/Wmke2HOl6lS6dTpdxVhb88/I6+Hs+438c3lfUow==",
+      "license": "MIT"
+    },
     "node_modules/commander": {
       "version": "8.3.0",
       "resolved": "https://registry.npmjs.org/commander/-/commander-8.3.0.tgz",
@@ -493,6 +2670,19 @@
         "node": ">= 12"
       }
     },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "license": "MIT",
+      "peer": true
+    },
+    "node_modules/detect-node-es": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/detect-node-es/-/detect-node-es-1.1.0.tgz",
+      "integrity": "sha512-ypdmJU/TbBby2Dxibuv7ZLW3Bs1QEmM7nHjEANfohJLvE0XVujisn1qPJcZxg+qDucsr+bP6fLD1rPS3AhJ7EQ==",
+      "license": "MIT"
+    },
     "node_modules/esbuild": {
       "version": "0.28.1",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.28.1.tgz",
@@ -535,6 +2725,21 @@
         "@esbuild/win32-x64": "0.28.1"
       }
     },
+    "node_modules/eventemitter3": {
+      "version": "4.0.7",
+      "resolved": "https://registry.npmjs.org/eventemitter3/-/eventemitter3-4.0.7.tgz",
+      "integrity": "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw==",
+      "license": "MIT"
+    },
+    "node_modules/fast-equals": {
+      "version": "5.4.1",
+      "resolved": "https://registry.npmjs.org/fast-equals/-/fast-equals-5.4.1.tgz",
+      "integrity": "sha512-DjlFSM5Pk9cGcL0q5QXl66eGzx0N6szNgaswwc5ZphlBohjTVJSnGgI+rJVOgOi65qUoQnDZN4nDqi33udtydQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
     "node_modules/fsevents": {
       "version": "2.3.2",
       "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.2.tgz",
@@ -550,6 +2755,15 @@
         "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
       }
     },
+    "node_modules/get-nonce": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-nonce/-/get-nonce-1.0.1.tgz",
+      "integrity": "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
     "node_modules/highlight.js": {
       "version": "11.11.1",
       "resolved": "https://registry.npmjs.org/highlight.js/-/highlight.js-11.11.1.tgz",
@@ -559,6 +2773,21 @@
         "node": ">=12.0.0"
       }
     },
+    "node_modules/idb": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/idb/-/idb-7.1.1.tgz",
+      "integrity": "sha512-gchesWBzyvGHRO9W8tzUWFDycow5gwjvFKfyV9FF32Y7F50yZMp7mP+T2mJIWFx49zicqyC4uefHM17o6xKIVQ==",
+      "license": "ISC"
+    },
+    "node_modules/is-plain-object": {
+      "version": "5.0.0",
+      "resolved": "https://registry.npmjs.org/is-plain-object/-/is-plain-object-5.0.0.tgz",
+      "integrity": "sha512-VRSzKkbMm5jMDoKLbltAkFQ5Qr7VDiTFGXxYFXXowVj387GeGNOCsOH6Msy00SGZ3Fp84b1Naa1psqgcCIEP5Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/katex": {
       "version": "0.17.0",
       "resolved": "https://registry.npmjs.org/katex/-/katex-0.17.0.tgz",
@@ -575,6 +2804,46 @@
         "katex": "cli.js"
       }
     },
+    "node_modules/linkifyjs": {
+      "version": "4.3.3",
+      "resolved": "https://registry.npmjs.org/linkifyjs/-/linkifyjs-4.3.3.tgz",
+      "integrity": "sha512-P8aEP5U/D1/IlTY2OeYsErdwh9bGuLE30NcXtKEjgdHcahveQoQwM2yZNsioQHsWFz0P7KKudisbrzCgR0sDHg==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.isequal": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.isequal/-/lodash.isequal-4.5.0.tgz",
+      "integrity": "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ==",
+      "deprecated": "This package is deprecated. Use require('node:util').isDeepStrictEqual instead.",
+      "license": "MIT"
+    },
+    "node_modules/lodash.isequalwith": {
+      "version": "4.4.0",
+      "resolved": "https://registry.npmjs.org/lodash.isequalwith/-/lodash.isequalwith-4.4.0.tgz",
+      "integrity": "sha512-dcZON0IalGBpRmJBmMkaoV7d3I80R2O+FrzsZyHdNSFrANq/cgDqKQNmAHE8UEj4+QYWwwhkQOVdLHiAopzlsQ==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.throttle": {
+      "version": "4.1.1",
+      "resolved": "https://registry.npmjs.org/lodash.throttle/-/lodash.throttle-4.1.1.tgz",
+      "integrity": "sha512-wIkUCfVKpVsWo3JSZlc+8MB5it+2AN5W8J7YVMST30UrvcQNZ1Okbj+rbVniijTWE6FGYy4XJq/rHkas8qJMLQ==",
+      "license": "MIT"
+    },
+    "node_modules/lodash.uniq": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/lodash.uniq/-/lodash.uniq-4.5.0.tgz",
+      "integrity": "sha512-xfBaXQd9ryd9dlSDvnvI0lvxfLJlYAZzXomUYzLKtUeOQvOP5piqAWuGtrhWeqaXK9hhoM/iyJc5AV+XfsX3HQ==",
+      "license": "MIT"
+    },
+    "node_modules/lz-string": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/lz-string/-/lz-string-1.5.0.tgz",
+      "integrity": "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ==",
+      "license": "MIT",
+      "bin": {
+        "lz-string": "bin/bin.js"
+      }
+    },
     "node_modules/marked": {
       "version": "15.0.12",
       "resolved": "https://registry.npmjs.org/marked/-/marked-15.0.12.tgz",
@@ -587,6 +2856,12 @@
         "node": ">= 18"
       }
     },
+    "node_modules/orderedmap": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/orderedmap/-/orderedmap-2.1.1.tgz",
+      "integrity": "sha512-TvAWxi0nDe1j/rtMcWcIj94+Ffe6n7zhow33h40SKxmsmozs6dz/e+EajymfoFcHd7sxNn8yHM8839uixMOV6g==",
+      "license": "MIT"
+    },
     "node_modules/playwright": {
       "version": "1.61.1",
       "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.61.1.tgz",
@@ -619,6 +2894,374 @@
         "node": ">=18"
       }
     },
+    "node_modules/prosemirror-changeset": {
+      "version": "2.4.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-changeset/-/prosemirror-changeset-2.4.1.tgz",
+      "integrity": "sha512-96WBLhOaYhJ+kPhLg3uW359Tz6I/MfcrQfL4EGv4SrcqKEMC1gmoGrXHecPE8eOwTVCJ4IwgfzM8fFad25wNfw==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-transform": "^1.0.0"
+      }
+    },
+    "node_modules/prosemirror-commands": {
+      "version": "1.7.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-commands/-/prosemirror-commands-1.7.1.tgz",
+      "integrity": "sha512-rT7qZnQtx5c0/y/KlYaGvtG411S97UaL6gdp6RIZ23DLHanMYLyfGBV5DtSnZdthQql7W+lEVbpSfwtO8T+L2w==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.10.2"
+      }
+    },
+    "node_modules/prosemirror-dropcursor": {
+      "version": "1.8.3",
+      "resolved": "https://registry.npmjs.org/prosemirror-dropcursor/-/prosemirror-dropcursor-1.8.3.tgz",
+      "integrity": "sha512-FoYbsJR8gK+DGlqhNoE29Loa38eIZPzQRIb1VMaDNBoo4OLP6vVof/jR8qFY/6XvUd6Dhug8MDCHl2a/h8RTfQ==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.1.0",
+        "prosemirror-view": "^1.1.0"
+      }
+    },
+    "node_modules/prosemirror-gapcursor": {
+      "version": "1.4.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-gapcursor/-/prosemirror-gapcursor-1.4.1.tgz",
+      "integrity": "sha512-pMdYaEnjNMSwl11yjEGtgTmLkR08m/Vl+Jj443167p9eB3HVQKhYCc4gmHVDsLPODfZfjr/MmirsdyZziXbQKw==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-keymap": "^1.0.0",
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-view": "^1.0.0"
+      }
+    },
+    "node_modules/prosemirror-history": {
+      "version": "1.5.0",
+      "resolved": "https://registry.npmjs.org/prosemirror-history/-/prosemirror-history-1.5.0.tgz",
+      "integrity": "sha512-zlzTiH01eKA55UAf1MEjtssJeHnGxO0j4K4Dpx+gnmX9n+SHNlDqI2oO1Kv1iPN5B1dm5fsljCfqKF9nFL6HRg==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-state": "^1.2.2",
+        "prosemirror-transform": "^1.0.0",
+        "prosemirror-view": "^1.31.0",
+        "rope-sequence": "^1.3.0"
+      }
+    },
+    "node_modules/prosemirror-inputrules": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-inputrules/-/prosemirror-inputrules-1.5.1.tgz",
+      "integrity": "sha512-7wj4uMjKaXWAQ1CDgxNzNtR9AlsuwzHfdFH1ygEHA2KHF2DOEaXl1CJfNPAKCg9qNEh4rum975QLaCiQPyY6Fw==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.0.0"
+      }
+    },
+    "node_modules/prosemirror-keymap": {
+      "version": "1.2.3",
+      "resolved": "https://registry.npmjs.org/prosemirror-keymap/-/prosemirror-keymap-1.2.3.tgz",
+      "integrity": "sha512-4HucRlpiLd1IPQQXNqeo81BGtkY8Ai5smHhKW9jjPKRc2wQIxksg7Hl1tTI2IfT2B/LgX6bfYvXxEpJl7aKYKw==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-state": "^1.0.0",
+        "w3c-keyname": "^2.2.0"
+      }
+    },
+    "node_modules/prosemirror-model": {
+      "version": "1.25.11",
+      "resolved": "https://registry.npmjs.org/prosemirror-model/-/prosemirror-model-1.25.11.tgz",
+      "integrity": "sha512-QWg9RhnpLlogAmp3p96uEFrE5txQpFynd4vhBAELkwgOCWQs/X0yCzB3/hrHqiPwf91RG5KyWq6553zs9JqIOQ==",
+      "license": "MIT",
+      "dependencies": {
+        "orderedmap": "^2.0.0"
+      }
+    },
+    "node_modules/prosemirror-schema-list": {
+      "version": "1.5.1",
+      "resolved": "https://registry.npmjs.org/prosemirror-schema-list/-/prosemirror-schema-list-1.5.1.tgz",
+      "integrity": "sha512-927lFx/uwyQaGwJxLWCZRkjXG0p48KpMj6ueoYiu4JX05GGuGcgzAy62dfiV8eFZftgyBUvLx76RsMe20fJl+Q==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.7.3"
+      }
+    },
+    "node_modules/prosemirror-state": {
+      "version": "1.4.4",
+      "resolved": "https://registry.npmjs.org/prosemirror-state/-/prosemirror-state-1.4.4.tgz",
+      "integrity": "sha512-6jiYHH2CIGbCfnxdHbXZ12gySFY/fz/ulZE333G6bPqIZ4F+TXo9ifiR86nAHpWnfoNjOb3o5ESi7J8Uz1jXHw==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.0.0",
+        "prosemirror-transform": "^1.0.0",
+        "prosemirror-view": "^1.27.0"
+      }
+    },
+    "node_modules/prosemirror-tables": {
+      "version": "1.8.5",
+      "resolved": "https://registry.npmjs.org/prosemirror-tables/-/prosemirror-tables-1.8.5.tgz",
+      "integrity": "sha512-V/0cDCsHKHe/tfWkeCmthNUcEp1IVO3p6vwN8XtwE9PZQLAZJigbw3QoraAdfJPir4NKJtNvOB8oYGKRl+t0Dw==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-keymap": "^1.2.3",
+        "prosemirror-model": "^1.25.4",
+        "prosemirror-state": "^1.4.4",
+        "prosemirror-transform": "^1.10.5",
+        "prosemirror-view": "^1.41.4"
+      }
+    },
+    "node_modules/prosemirror-transform": {
+      "version": "1.12.0",
+      "resolved": "https://registry.npmjs.org/prosemirror-transform/-/prosemirror-transform-1.12.0.tgz",
+      "integrity": "sha512-GxboyN4AMIsoHNtz5uf2r2Ru551i5hWeCMD6E2Ib4Eogqoub0NflniaBPVQ4MrGE5yZ8JV9tUHg9qcZTTrcN4w==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.21.0"
+      }
+    },
+    "node_modules/prosemirror-view": {
+      "version": "1.42.2",
+      "resolved": "https://registry.npmjs.org/prosemirror-view/-/prosemirror-view-1.42.2.tgz",
+      "integrity": "sha512-Pdg0l5kXm8aLDquFAnQFTCITg0q44sLqBlHlpsVLD9segdOao8TOfQdAhCrCXyVgPSRr6UDDROOIWA3bIrN9YQ==",
+      "license": "MIT",
+      "dependencies": {
+        "prosemirror-model": "^1.25.8",
+        "prosemirror-state": "^1.0.0",
+        "prosemirror-transform": "^1.1.0"
+      }
+    },
+    "node_modules/quickselect": {
+      "version": "2.0.0",
+      "resolved": "https://registry.npmjs.org/quickselect/-/quickselect-2.0.0.tgz",
+      "integrity": "sha512-RKJ22hX8mHe3Y6wH/N3wCM6BWtjaxIyyUIkpHOvfFnxdI4yD4tBXEBKSbriGujF6jnSVkJrffuo6vxACiSSxIw==",
+      "license": "ISC"
+    },
+    "node_modules/radix-ui": {
+      "version": "1.6.7",
+      "resolved": "https://registry.npmjs.org/radix-ui/-/radix-ui-1.6.7.tgz",
+      "integrity": "sha512-QBdhh1arIEUvPC0dQ5+nwWAxt7+N+oP/9jPwjJkGFoSk/sqxg32gJtSXGtFh8frAIcS6oC9cx2Q+7KYCQLOAeA==",
+      "license": "MIT",
+      "dependencies": {
+        "@radix-ui/primitive": "1.1.7",
+        "@radix-ui/react-accessible-icon": "1.1.15",
+        "@radix-ui/react-accordion": "1.2.20",
+        "@radix-ui/react-alert-dialog": "1.1.23",
+        "@radix-ui/react-arrow": "1.1.15",
+        "@radix-ui/react-aspect-ratio": "1.1.15",
+        "@radix-ui/react-avatar": "1.2.6",
+        "@radix-ui/react-checkbox": "1.3.11",
+        "@radix-ui/react-collapsible": "1.1.20",
+        "@radix-ui/react-collection": "1.1.15",
+        "@radix-ui/react-compose-refs": "1.1.5",
+        "@radix-ui/react-context": "1.2.2",
+        "@radix-ui/react-context-menu": "2.3.7",
+        "@radix-ui/react-dialog": "1.1.23",
+        "@radix-ui/react-direction": "1.1.4",
+        "@radix-ui/react-dismissable-layer": "1.1.19",
+        "@radix-ui/react-dropdown-menu": "2.1.24",
+        "@radix-ui/react-focus-guards": "1.1.6",
+        "@radix-ui/react-focus-scope": "1.1.16",
+        "@radix-ui/react-form": "0.1.16",
+        "@radix-ui/react-hover-card": "1.1.23",
+        "@radix-ui/react-label": "2.1.15",
+        "@radix-ui/react-menu": "2.1.24",
+        "@radix-ui/react-menubar": "1.1.24",
+        "@radix-ui/react-navigation-menu": "1.2.22",
+        "@radix-ui/react-one-time-password-field": "0.1.16",
+        "@radix-ui/react-password-toggle-field": "0.1.11",
+        "@radix-ui/react-popover": "1.1.23",
+        "@radix-ui/react-popper": "1.3.7",
+        "@radix-ui/react-portal": "1.1.17",
+        "@radix-ui/react-presence": "1.1.10",
+        "@radix-ui/react-primitive": "2.1.10",
+        "@radix-ui/react-progress": "1.1.16",
+        "@radix-ui/react-radio-group": "1.4.7",
+        "@radix-ui/react-roving-focus": "1.1.19",
+        "@radix-ui/react-scroll-area": "1.2.18",
+        "@radix-ui/react-select": "2.3.7",
+        "@radix-ui/react-separator": "1.1.15",
+        "@radix-ui/react-slider": "1.4.7",
+        "@radix-ui/react-slot": "1.3.3",
+        "@radix-ui/react-switch": "1.3.7",
+        "@radix-ui/react-tabs": "1.1.21",
+        "@radix-ui/react-toast": "1.2.23",
+        "@radix-ui/react-toggle": "1.1.18",
+        "@radix-ui/react-toggle-group": "1.1.19",
+        "@radix-ui/react-toolbar": "1.1.19",
+        "@radix-ui/react-tooltip": "1.2.16",
+        "@radix-ui/react-use-callback-ref": "1.1.4",
+        "@radix-ui/react-use-controllable-state": "1.2.6",
+        "@radix-ui/react-use-effect-event": "0.0.5",
+        "@radix-ui/react-use-escape-keydown": "1.1.5",
+        "@radix-ui/react-use-is-hydrated": "0.1.3",
+        "@radix-ui/react-use-layout-effect": "1.1.4",
+        "@radix-ui/react-use-size": "1.1.4",
+        "@radix-ui/react-visually-hidden": "1.2.11"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "@types/react-dom": "*",
+        "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc",
+        "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        },
+        "@types/react-dom": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/rbush": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/rbush/-/rbush-3.0.1.tgz",
+      "integrity": "sha512-XRaVO0YecOpEuIvbhbpTrZgoiI6xBlz6hnlr6EHhd+0x9ase6EmeN+hdwwUaJvLcsFFQ8iWVF1GAK1yB0BWi0w==",
+      "license": "MIT",
+      "dependencies": {
+        "quickselect": "^2.0.0"
+      }
+    },
+    "node_modules/react": {
+      "version": "19.2.8",
+      "resolved": "https://registry.npmjs.org/react/-/react-19.2.8.tgz",
+      "integrity": "sha512-PWaYA1L/q9u2u7xYQi+Y3L3Yfnie7XyLeaJICV1MGD6LprsBxcAqGjYyr0eY3p+QdsA+x/Irkt4Qif8D63+Sbw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/react-dom": {
+      "version": "19.2.8",
+      "resolved": "https://registry.npmjs.org/react-dom/-/react-dom-19.2.8.tgz",
+      "integrity": "sha512-rVprimfGBG3DR+Tq0IQG2DT5PxKth1WIGDmj5yPmlzr4YBe7uyE+Du4oVqTDXZSHGGGXRtTJEGSSePyQCMBglQ==",
+      "license": "MIT",
+      "dependencies": {
+        "scheduler": "^0.27.0"
+      },
+      "peerDependencies": {
+        "react": "^19.2.8"
+      }
+    },
+    "node_modules/react-remove-scroll": {
+      "version": "2.7.2",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll/-/react-remove-scroll-2.7.2.tgz",
+      "integrity": "sha512-Iqb9NjCCTt6Hf+vOdNIZGdTiH1QSqr27H/Ek9sv/a97gfueI/5h1s3yRi1nngzMUaOOToin5dI1dXKdXiF+u0Q==",
+      "license": "MIT",
+      "dependencies": {
+        "react-remove-scroll-bar": "^2.3.7",
+        "react-style-singleton": "^2.2.3",
+        "tslib": "^2.1.0",
+        "use-callback-ref": "^1.3.3",
+        "use-sidecar": "^1.1.3"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-remove-scroll-bar": {
+      "version": "2.3.8",
+      "resolved": "https://registry.npmjs.org/react-remove-scroll-bar/-/react-remove-scroll-bar-2.3.8.tgz",
+      "integrity": "sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q==",
+      "license": "MIT",
+      "dependencies": {
+        "react-style-singleton": "^2.2.2",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/react-style-singleton": {
+      "version": "2.2.3",
+      "resolved": "https://registry.npmjs.org/react-style-singleton/-/react-style-singleton-2.2.3.tgz",
+      "integrity": "sha512-b6jSvxvVnyptAiLjbkWLE/lOnR4lfTtDAl+eUC7RZy+QQWc6wRzIV2CE6xBuMmDxc2qIihtDCZD5NPOFl7fRBQ==",
+      "license": "MIT",
+      "dependencies": {
+        "get-nonce": "^1.0.0",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/rope-sequence": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/rope-sequence/-/rope-sequence-1.3.4.tgz",
+      "integrity": "sha512-UT5EDe2cu2E/6O4igUr5PSFs23nvvukicWHx6GnOPlHAiiYbzNuCRQCuiUdHJQcqKalLKlrYJnjY0ySGsXNQXQ==",
+      "license": "MIT"
+    },
+    "node_modules/scheduler": {
+      "version": "0.27.0",
+      "resolved": "https://registry.npmjs.org/scheduler/-/scheduler-0.27.0.tgz",
+      "integrity": "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==",
+      "license": "MIT"
+    },
+    "node_modules/tldraw": {
+      "version": "5.2.5",
+      "resolved": "https://registry.npmjs.org/tldraw/-/tldraw-5.2.5.tgz",
+      "integrity": "sha512-bTnOkeZhi+RgdHXPjxp0/nG6kbXzLC8ZlwNMpmGjWjT2Oel6uaJWni7PxFPIK4p2zInmnRamdU06ArDStLvPag==",
+      "license": "SEE LICENSE IN LICENSE.md",
+      "dependencies": {
+        "@tiptap/core": "^3.12.1",
+        "@tiptap/extension-code": "^3.12.1",
+        "@tiptap/extension-highlight": "^3.12.1",
+        "@tiptap/extension-list": "^3.12.1",
+        "@tiptap/pm": "^3.12.1",
+        "@tiptap/react": "^3.12.1",
+        "@tiptap/starter-kit": "^3.12.1",
+        "@tldraw/driver": "5.2.5",
+        "@tldraw/editor": "5.2.5",
+        "@tldraw/store": "5.2.5",
+        "classnames": "^2.5.1",
+        "idb": "^7.1.1",
+        "lz-string": "^1.5.0",
+        "radix-ui": "^1.4.2"
+      },
+      "engines": {
+        "node": ">=22.12.0"
+      },
+      "peerDependencies": {
+        "react": "^18.2.0 || ^19.2.1",
+        "react-dom": "^18.2.0 || ^19.2.1"
+      }
+    },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "license": "0BSD"
+    },
     "node_modules/typescript": {
       "version": "5.9.3",
       "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.9.3.tgz",
@@ -632,6 +3275,64 @@
       "engines": {
         "node": ">=14.17"
       }
+    },
+    "node_modules/use-callback-ref": {
+      "version": "1.3.3",
+      "resolved": "https://registry.npmjs.org/use-callback-ref/-/use-callback-ref-1.3.3.tgz",
+      "integrity": "sha512-jQL3lRnocaFtu3V00JToYz/4QkNWswxijDaCVNZRiRTO3HQDLsdu1ZtmIUvV4yPp+rvWm5j0y0TG/S61cuijTg==",
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/use-sidecar": {
+      "version": "1.1.3",
+      "resolved": "https://registry.npmjs.org/use-sidecar/-/use-sidecar-1.1.3.tgz",
+      "integrity": "sha512-Fedw0aZvkhynoPYlA5WXrMCAMm+nSWdZt6lzJQ7Ok8S6Q+VsHmHpRWndVRJ8Be0ZbkfPc5LRYH+5XrzXcEeLRQ==",
+      "license": "MIT",
+      "dependencies": {
+        "detect-node-es": "^1.1.0",
+        "tslib": "^2.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "peerDependencies": {
+        "@types/react": "*",
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc"
+      },
+      "peerDependenciesMeta": {
+        "@types/react": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/use-sync-external-store": {
+      "version": "1.6.0",
+      "resolved": "https://registry.npmjs.org/use-sync-external-store/-/use-sync-external-store-1.6.0.tgz",
+      "integrity": "sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w==",
+      "license": "MIT",
+      "peerDependencies": {
+        "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0"
+      }
+    },
+    "node_modules/w3c-keyname": {
+      "version": "2.2.8",
+      "resolved": "https://registry.npmjs.org/w3c-keyname/-/w3c-keyname-2.2.8.tgz",
+      "integrity": "sha512-dpojBhNsCNN7T82Tm7k26A6G9ML3NkhDsnw9n/eoxSRlVBB4CEtIQ/KTCLI2Fwf3ataSXRhYFkQi3SlnFwPvPQ==",
+      "license": "MIT"
     }
   }
 }
diff --git a/package.json b/package.json
index 62e261d..2d26819 100644
--- a/package.json
+++ b/package.json
@@ -9,7 +9,7 @@
   },
   "scripts": {
     "build": "node build-hermes-workspace.mjs",
-    "test": "python3 -m unittest discover -s tests/hermes_workspace -p 'test_*.py' && node test/hermes-workspace/frontend.test.mjs && node test/hermes-workspace/selection-ask.test.mjs",
+    "test": "python3 -m unittest discover -s tests/hermes_workspace -p 'test_*.py' && PYTHONPATH=/opt/hermes /opt/hermes/.venv/bin/python -m unittest tests.hermes_workspace.hermes_api_overlay_test && node test/hermes-workspace/frontend.test.mjs && node test/hermes-workspace/selection-ask.test.mjs && node test/hermes-workspace/follow-up-destination.test.mjs && node test/hermes-workspace/queued-follow-up.test.mjs && node test/hermes-workspace/workspace-actions.test.mjs && node test/hermes-workspace/model-settings.test.mjs && node test/hermes-workspace/header-colors.test.mjs && node test/hermes-workspace/delete-window.test.mjs && node test/hermes-workspace/screen-window.test.mjs && node test/hermes-workspace/drawing-window.test.mjs",
     "check:types": "tsc --noEmit",
     "check:purity": "node scripts/check-ui-purity.mjs",
     "verify": "npm run build && npm test && npm run check:types && npm run check:purity"
@@ -17,9 +17,14 @@
   "dependencies": {
     "@fontsource/ibm-plex-mono": "^5.2.7",
     "@fontsource/ibm-plex-sans": "^5.2.8",
+    "@novnc/novnc": "^1.7.0",
+    "@tldraw/assets": "^5.2.5",
     "highlight.js": "^11.11.1",
     "katex": "^0.17.0",
-    "marked": "^15.0.7"
+    "marked": "^15.0.7",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
+    "tldraw": "^5.2.5"
   },
   "devDependencies": {
     "esbuild": "0.28.1",
diff --git a/scripts/start.py b/scripts/start.py
index b9aeb15..46dea52 100644
--- a/scripts/start.py
+++ b/scripts/start.py
@@ -9,6 +9,33 @@
 from read_api_key import read_key
 
 ROOT = Path(__file__).resolve().parent.parent
+
+
+def load_tldraw_license() -> None:
+    """Load the public tldraw deployment key from the managed Hermes env file.
+
+    The SDK checks its key in the browser, so the key is inevitably delivered
+    to the drawing frame. Keeping its source in the managed .env still keeps
+    it out of the checkout, service unit, logs, and build artifacts.
+    """
+    if os.environ.get("TLDRAW_LICENSE_KEY"):
+        return
+    env_path = Path(os.environ.get("HERMES_ENV_FILE", "/opt/hermes-data/.env"))
+    try:
+        for raw_line in env_path.read_text(encoding="utf-8").splitlines():
+            line = raw_line.strip()
+            if line.startswith("TLDRAW_LICENSE_KEY="):
+                value = line.partition("=")[2].strip()
+                if value:
+                    os.environ["TLDRAW_LICENSE_KEY"] = value
+                return
+    except OSError:
+        # The drawing frame will show the SDK's normal license state if no
+        # managed environment file exists yet.
+        return
+
+
+load_tldraw_license()
 host = os.environ.get("HERMES_VISUAL_HOST", "127.0.0.1")
 port = os.environ.get("HERMES_VISUAL_PORT", "4180")
 hermes_home = Path(os.environ.get("HERMES_HOME", Path.home() / ".hermes")).expanduser()
diff --git a/src/drawing-frame/main.js b/src/drawing-frame/main.js
new file mode 100644
index 0000000..f3808c5
--- /dev/null
+++ b/src/drawing-frame/main.js
@@ -0,0 +1,170 @@
+/**
+ * Drawing frame: a self-contained tldraw document.
+ *
+ * This module runs inside a sandboxed same-origin iframe, NOT on the main
+ * workspace canvas. It is isolated for one reason: tldraw applies inline style
+ * attributes at runtime, which CSP cannot cover with nonces or hashes, so this
+ * document is served with a relaxed `style-src`. Keeping it in its own frame
+ * means the main application - which renders model-authored markdown - keeps
+ * the strict policy.
+ *
+ * The drawing id arrives via the query string. Everything this frame reads and
+ * writes belongs to that one drawing; it never touches nodes or sessions.
+ */
+
+import { createElement } from "react";
+import { createRoot } from "react-dom/client";
+import { Tldraw, getSnapshot, loadSnapshot } from "tldraw";
+import { getAssetUrls } from "@tldraw/assets/selfHosted";
+
+// Point tldraw at our own copies of the fonts, icons and translations. Left on
+// its defaults the SDK fetches these from cdn.tldraw.com, which `connect-src
+// 'self'` blocks and which would break the editor offline on the tailnet.
+const assetUrls = getAssetUrls({ baseUrl: "/" });
+
+const SAVE_DEBOUNCE_MS = 900;
+
+const drawingId = new URLSearchParams(window.location.search).get("id") || "";
+const host = document.getElementById("drawing-root");
+
+function post(status, extra) {
+  // Let the parent surface save state in the window header.
+  window.parent?.postMessage(
+    { type: "drawing-status", drawingId, status, ...extra },
+    window.location.origin,
+  );
+}
+
+async function loadInitialState() {
+  const [snapshotResponse, licenseResponse] = await Promise.all([
+    fetch(`/api/drawings/${encodeURIComponent(drawingId)}/snapshot`, {
+      headers: { Accept: "application/json" },
+    }),
+    fetch("/api/drawings/license", { headers: { Accept: "application/json" } }),
+  ]);
+  if (!snapshotResponse.ok) throw new Error(`load failed (${snapshotResponse.status})`);
+  const snapshotPayload = await snapshotResponse.json();
+  // A missing configuration endpoint must not cost a saved drawing: tldraw will
+  // surface its normal license state while the document still opens.
+  let licenseKey = "";
+  if (licenseResponse.ok) {
+    const licensePayload = await licenseResponse.json();
+    if (typeof licensePayload.licenseKey === "string") licenseKey = licensePayload.licenseKey;
+  }
+  return { snapshot: snapshotPayload.snapshot || "", licenseKey };
+}
+
+async function persist(snapshotText, preview) {
+  const body = preview === undefined
+    ? { snapshot: snapshotText }
+    : { snapshot: snapshotText, preview };
+  const response = await fetch(`/api/drawings/${encodeURIComponent(drawingId)}/snapshot`, {
+    method: "PATCH",
+    headers: { "Content-Type": "application/json" },
+    body: JSON.stringify(body),
+  });
+  if (!response.ok) throw new Error(`save failed (${response.status})`);
+}
+
+/**
+ * Rasterise the document for the idle preview.
+ *
+ * Returns undefined rather than throwing: the preview is a nicety, and a
+ * failure here must never cost the user their drawing.
+ */
+async function renderPreview(editor) {
+  try {
+    const shapes = editor.getCurrentPageShapes();
+    if (!shapes.length) return "";
+    const result = await editor.toImage(shapes, {
+      format: "png",
+      background: true,
+      scale: 0.5,
+      padding: 16,
+    });
+    if (!result?.blob) return undefined;
+    // Guard against a pathological raster before it reaches the network.
+    if (result.blob.size > 1_500_000) return undefined;
+    return await new Promise((resolve) => {
+      const reader = new FileReader();
+      reader.onload = () => resolve(String(reader.result));
+      reader.onerror = () => resolve(undefined);
+      reader.readAsDataURL(result.blob);
+    });
+  } catch {
+    return undefined;
+  }
+}
+
+function mount({ snapshot: initialSnapshot, licenseKey }) {
+  let timer = null;
+  let inFlight = false;
+  let pending = false;
+
+  const flush = async (editor) => {
+    if (inFlight) {
+      pending = true;
+      return;
+    }
+    inFlight = true;
+    try {
+      post("saving");
+      const { document: doc, session } = getSnapshot(editor.store);
+      const preview = await renderPreview(editor);
+      await persist(JSON.stringify({ document: doc, session }), preview);
+      post("saved", typeof preview === "string" ? { preview } : undefined);
+    } catch (error) {
+      post("error");
+    } finally {
+      inFlight = false;
+      if (pending) {
+        pending = false;
+        void flush(editor);
+      }
+    }
+  };
+
+  createRoot(host).render(
+    createElement(Tldraw, {
+      assetUrls,
+      licenseKey: licenseKey || undefined,
+      onMount: (editor) => {
+        if (initialSnapshot) {
+          try {
+            const parsed = JSON.parse(initialSnapshot);
+            loadSnapshot(editor.store, parsed);
+            // Camera state belongs to the temporary editor session, not the
+            // drawing document. Persisted session snapshots otherwise reopen
+            // a drawing at an arbitrary zoom (e.g. the 108% in the report).
+            // Keep the saved artwork, but start every edit session at 100%.
+            editor.setCamera({ ...editor.getCamera(), z: 1 });
+          } catch {
+            // A corrupt snapshot must not wedge the editor; start blank.
+            post("error");
+          }
+        }
+        // Persist only real document edits. Pointer moves and camera changes
+        // are `ephemeral` scopes and would otherwise save constantly.
+        editor.store.listen(
+          () => {
+            window.clearTimeout(timer);
+            timer = window.setTimeout(() => void flush(editor), SAVE_DEBOUNCE_MS);
+          },
+          { source: "user", scope: "document" },
+        );
+        window.__DRAWING_READY__ = true;
+        // Exposed for acceptance tests to drive the editor directly.
+        window.__EDITOR_FOR_TEST__ = editor;
+        post("ready");
+      },
+    }),
+  );
+}
+
+loadInitialState()
+  .then(mount)
+  .catch(() => {
+    // Still mount an empty editor so the window is usable offline.
+    post("error");
+    mount({ snapshot: "", licenseKey: "" });
+  });
diff --git a/src/hermes-workspace/api.js b/src/hermes-workspace/api.js
index a672a64..43b14ab 100644
--- a/src/hermes-workspace/api.js
+++ b/src/hermes-workspace/api.js
@@ -5,11 +5,32 @@ export async function listWorkspaces() {
   return Array.isArray(payload) ? payload : (payload.workspaces || []);
 }
 
-export async function createWorkspace(prompt, title = "") {
+export async function getModels() {
+  return requestJson("/api/models");
+}
+
+export async function createWorkspace(prompt, title = "", model = "hermes-agent", reasoningEffort = "medium") {
   return requestJson("/api/workspaces", {
     method: "POST",
     headers: JSON_HEADERS,
-    body: JSON.stringify({ prompt, ...(title ? { title } : {}) }),
+    body: JSON.stringify({
+      prompt,
+      model,
+      reasoning_effort: reasoningEffort,
+      ...(title ? { title } : {}),
+    }),
+  });
+}
+
+export async function createStandaloneSession(
+  workspaceId, prompt, x, y, title = "", model = "hermes-agent", reasoningEffort = "medium",
+) {
+  return requestJson(`/api/workspaces/${encodeURIComponent(workspaceId)}/nodes`, {
+    method: "POST",
+    headers: JSON_HEADERS,
+    body: JSON.stringify({
+      prompt, x, y, model, reasoning_effort: reasoningEffort, ...(title ? { title } : {}),
+    }),
   });
 }
 
@@ -17,6 +38,57 @@ export async function loadWorkspace(workspaceId) {
   return requestJson(`/api/workspaces/${encodeURIComponent(workspaceId)}`);
 }
 
+export async function getWorkspaceArchive(workspaceId) {
+  return requestJson(`/api/workspaces/${encodeURIComponent(workspaceId)}/archive`);
+}
+
+export async function queueFollowUp(nodeId, prompt) {
+  return requestJson(`/api/nodes/${encodeURIComponent(nodeId)}/queue`, {
+    method: "POST",
+    headers: JSON_HEADERS,
+    body: JSON.stringify({ prompt }),
+  });
+}
+
+export async function cancelQueuedFollowUp(queueId) {
+  return requestJson(`/api/queued-follow-ups/${encodeURIComponent(queueId)}`, {
+    method: "DELETE",
+  });
+}
+
+export async function deleteNode(nodeId) {
+  return requestJson(`/api/nodes/${encodeURIComponent(nodeId)}`, { method: "DELETE" });
+}
+
+export async function uploadAttachments(nodeId, files) {
+  // multipart/form-data, with the boundary left to the browser: setting
+  // Content-Type by hand would omit it and the backend parser would reject.
+  const form = new FormData();
+  for (const file of files) form.append("files", file, file.name);
+  return requestJson(`/api/nodes/${encodeURIComponent(nodeId)}/attachments`, {
+    method: "POST",
+    body: form,
+  });
+}
+
+export async function listAttachments(nodeId) {
+  return requestJson(`/api/nodes/${encodeURIComponent(nodeId)}/attachments`);
+}
+
+export async function deleteAttachment(attachmentId) {
+  return requestJson(`/api/attachments/${encodeURIComponent(attachmentId)}`, {
+    method: "DELETE",
+  });
+}
+
+export async function updateNodeSettings(nodeId, model, reasoningEffort) {
+  return requestJson(`/api/nodes/${encodeURIComponent(nodeId)}/settings`, {
+    method: "PATCH",
+    headers: JSON_HEADERS,
+    body: JSON.stringify({ model, reasoning_effort: reasoningEffort }),
+  });
+}
+
 export async function saveNodeLayout(node) {
   return requestJson(`/api/nodes/${encodeURIComponent(node.id)}/layout`, {
     method: "PATCH",
@@ -25,6 +97,61 @@ export async function saveNodeLayout(node) {
   });
 }
 
+export async function getScreenCatalog() {
+  const payload = await requestJson("/api/screens");
+  return payload.screens || [];
+}
+
+export async function createDrawing(workspaceId, x, y) {
+  return requestJson(`/api/workspaces/${encodeURIComponent(workspaceId)}/drawings`, {
+    method: "POST",
+    headers: JSON_HEADERS,
+    body: JSON.stringify({ x, y }),
+  });
+}
+
+export async function saveDrawingLayout(drawing) {
+  return requestJson(`/api/drawings/${encodeURIComponent(drawing.id)}/layout`, {
+    method: "PATCH",
+    headers: JSON_HEADERS,
+    body: JSON.stringify({
+      x: drawing.x,
+      y: drawing.y,
+      width: drawing.width,
+      height: drawing.height,
+    }),
+  });
+}
+
+export async function deleteDrawing(drawingId) {
+  return requestJson(`/api/drawings/${encodeURIComponent(drawingId)}`, { method: "DELETE" });
+}
+
+export async function createScreen(workspaceId, screenKey, x, y) {
+  return requestJson(`/api/workspaces/${encodeURIComponent(workspaceId)}/screens`, {
+    method: "POST",
+    headers: JSON_HEADERS,
+    body: JSON.stringify({ screen_key: screenKey, x, y }),
+  });
+}
+
+export async function saveScreenLayout(screen) {
+  return requestJson(`/api/screens/${encodeURIComponent(screen.id)}/layout`, {
+    method: "PATCH",
+    headers: JSON_HEADERS,
+    body: JSON.stringify({ x: screen.x, y: screen.y, width: screen.width, height: screen.height }),
+  });
+}
+
+export async function deleteScreen(screenId) {
+  return requestJson(`/api/screens/${encodeURIComponent(screenId)}`, { method: "DELETE" });
+}
+
+export function screenStreamUrl(screenId) {
+  const scheme = window.location.protocol === "https:" ? "wss:" : "ws:";
+  return `${scheme}//${window.location.host}/api/screens/${encodeURIComponent(screenId)}/stream`;
+}
+
 export function streamRoot(nodeId, onEvent, options = {}) {
   return streamEvents(`/api/nodes/${encodeURIComponent(nodeId)}/run/stream`, {
     method: "POST",
@@ -41,6 +168,37 @@ export function streamBranch(nodeId, input, onEvent, options = {}) {
   }, onEvent);
 }
 
+export function streamMerge(nodeId, destination, instruction, onEvent, options = {}) {
+  return streamEvents(`/api/nodes/${encodeURIComponent(nodeId)}/merge/stream`, {
+    method: "POST",
+    headers: JSON_HEADERS,
+    body: JSON.stringify({ destination, instruction }),
+    signal: options.signal,
+  }, onEvent);
+}
+
+export function streamContinue(nodeId, prompt, onEvent, options = {}) {
+  return streamEvents(`/api/nodes/${encodeURIComponent(nodeId)}/continue/stream`, {
+    method: "POST",
+    headers: JSON_HEADERS,
+    body: JSON.stringify({ prompt }),
+    signal: options.signal,
+  }, onEvent);
+}
+
+export async function stopNode(nodeId) {
+  return requestJson(`/api/nodes/${encodeURIComponent(nodeId)}/stop`, {
+    method: "POST",
+  });
+}
+
+export function streamRetry(nodeId, onEvent, options = {}) {
+  return streamEvents(`/api/nodes/${encodeURIComponent(nodeId)}/retry/stream`, {
+    method: "POST",
+    signal: options.signal,
+  }, onEvent);
+}
+
 export async function getHealth() {
   return requestJson("/api/health", { cache: "no-store" });
 }
diff --git a/src/hermes-workspace/app.js b/src/hermes-workspace/app.js
index 523281b..05390e6 100644
--- a/src/hermes-workspace/app.js
+++ b/src/hermes-workspace/app.js
@@ -2,28 +2,87 @@ import { createMarkdownRenderer } from "../core/markdown-renderer.js";
 import { BUNNY_MARK_SVG } from "../core/html/bunny-markup.js";
 import { LENSES } from "../core/model.js";
 import {
+  cancelQueuedFollowUp,
+  createDrawing,
+  createScreen,
+  createStandaloneSession,
   createWorkspace,
+  deleteAttachment,
+  deleteDrawing,
+  deleteScreen,
   getHealth,
+  getModels,
+  getScreenCatalog,
+  getWorkspaceArchive,
   listWorkspaces,
   loadWorkspace,
+  queueFollowUp,
+  updateNodeSettings,
+  uploadAttachments,
+  deleteNode,
   saveNodeLayout,
+  saveDrawingLayout,
+  saveScreenLayout,
   streamBranch,
+  streamContinue,
+  streamMerge,
   streamRoot,
+  streamRetry,
+  stopNode,
 } from "./api.js";
+import {
+  MIN_SCREEN_SIZE,
+  applyScreenGeometry,
+  connectScreen,
+  createScreenCard,
+  disconnectAllScreens,
+  disconnectScreen,
+  normalizeScreen,
+} from "./screens.js";
+import {
+  MIN_DRAWING_SIZE,
+  activateDrawing,
+  applyDrawingGeometry,
+  applyDrawingPreview,
+  createDrawingCard,
+  deactivateDrawing,
+  isDrawingActive,
+  normalizeDrawing,
+  setDrawingStatus,
+} from "./drawings.js";
 
 const LAST_WORKSPACE_KEY = "rh-hermes-last-workspace";
 const VIEW_KEY_PREFIX = "rh-hermes-view:";
+const UNREAD_KEY_PREFIX = "rh-hermes-unread:";
 const DEFAULT_SIZE = Object.freeze({ width: 440, height: 430 });
 const OVERVIEW_ZOOM_THRESHOLD = 0.72;
 const FOCUS_ZOOM_THRESHOLD = 1.2;
+const HEADER_COLOR_RE = /^#[0-9a-f]{6}$/i;
 const state = {
   workspaces: [], workspace: null, nodes: new Map(), selectedNodeId: null,
   mode: "canvas", railOpen: false, activeStreams: 0,
   camera: { x: 96, y: 96, scale: 1 }, layoutPatchCount: 0,
-  selectionByParent: new Map(),
+  selectionByParent: new Map(), queuedByNode: new Map(), unreadNodeIds: new Set(),
+  attachmentsByNode: new Map(), uploadingNodeIds: new Set(),
+  models: [{ id: "hermes-agent", label: "Default" }],
+  reasoningLevels: ["none", "minimal", "low", "medium", "high", "xhigh"],
+  defaults: { model: "hermes-agent", reasoning_effort: "medium" },
+  screens: new Map(), screenCatalog: [],
+  drawings: new Map(),
 };
 const renderer = createMarkdownRenderer({ encodeBase64: encodeUtf8Base64 });
 let newDialog = null;
+let newSessionDialog = null;
+let screenDialog = null;
+let pendingScreenPoint = null;
+let canvasMenuPoint = null;
+let mergeDialog = null;
+let settingsDialog = null;
+let deleteDialog = null;
+let deleteNodeId = null;
+let settingsNodeId = null;
+let pendingSessionPoint = null;
+let mergeSourceId = null;
 let selectionAsk = null;
 let pendingSelection = null;
 let selectionAnchorRect = null;
@@ -40,10 +99,19 @@ boot().catch(showFatal);
 async function boot() {
   installEvents();
   setHealth("checking", "Checking Hermes…");
-  const [workspaces] = await Promise.all([
+  const [workspaces, modelCatalog, screenCatalog] = await Promise.all([
     listWorkspaces(),
+    getModels().catch(() => null),
+    getScreenCatalog().catch(() => []),
     getHealth().then(() => setHealth("ready", "Hermes ready")).catch(() => setHealth("offline", "Hermes unavailable")),
   ]);
+  state.screenCatalog = screenCatalog;
+  if (modelCatalog) {
+    state.models = modelCatalog.models || state.models;
+    state.reasoningLevels = modelCatalog.reasoning_levels || state.reasoningLevels;
+    state.defaults = modelCatalog.defaults || state.defaults;
+  }
+  populateSettingsControls();
   state.workspaces = workspaces;
   renderWorkspaceList();
   const lastId = safeStorageGet(LAST_WORKSPACE_KEY);
@@ -61,6 +129,11 @@ function renderShell() {
           <svg id="workspace-edges" viewBox="-50000 -50000 100000 100000" aria-hidden="true"></svg>
           <div id="workspace-nodes" role="listbox" aria-label="Workspace nodes"></div>
         </div>
+        <menu id="canvas-menu" role="menu" aria-label="Canvas actions" hidden>
+          <li role="none"><button type="button" role="menuitem" data-action="menu-new-session">New session</button></li>
+          <li role="none"><button type="button" role="menuitem" data-action="menu-new-screen">New screen</button></li>
+          <li role="none"><button type="button" role="menuitem" data-action="menu-new-drawing">New drawing</button></li>
+        </menu>
       </section>
       <section id="reader-view" aria-label="Document reader" hidden>
         <header id="reader-topbar">
@@ -68,16 +141,25 @@ function renderShell() {
           <button class="quiet-button" type="button" data-action="canvas" aria-label="Return to board">Canvas</button>
         </header>
         <div id="reader-layout">
+          <div id="reader-sent-attachments" class="node-attachments" hidden></div>
           <article id="reader-document" class="md"></article>
           <aside id="reader-side-panel">
             <h2>Branches</h2>
             <div id="reader-branches"></div>
             <form class="branch-form reader-branch-form">
               <label for="reader-branch-input">Ask a follow-up</label>
+              <div id="reader-attachments" class="node-attachments" hidden></div>
               <div class="branch-input-row">
-                <textarea id="reader-branch-input" rows="2" placeholder="Branch from this document…"></textarea>
-                <button type="submit" aria-label="Create branch">↑</button>
+                <textarea id="reader-branch-input" rows="2" placeholder="Ask a follow-up…"></textarea>
+                <div class="branch-actions">
+                  <button type="button" class="attach-button" data-attach-files aria-label="Attach a file">📎</button>
+                  <input type="file" class="attach-input" multiple hidden>
+                  <button type="submit" class="follow-up-continue">Continue here</button>
+                  <button type="button" class="follow-up-retry" data-action="retry" hidden>Retry</button>
+                  <button type="button" class="follow-up-branch" data-follow-up-destination="branch">New branch</button>
+                </div>
               </div>
+              <div class="queued-followups" hidden></div>
             </form>
           </aside>
         </div>
@@ -94,16 +176,22 @@ function renderShell() {
         <button type="button" data-action="reader" aria-label="Reader">Reader</button>
         <button type="button" data-action="canvas" aria-label="Canvas">Canvas</button>
         <button type="button" data-action="frame" aria-label="Frame all nodes">⌗</button>
+        <button type="button" data-action="next-unread" aria-label="Next unread" hidden>New <span class="unread-count">0</span></button>
+        <button type="button" data-action="export" aria-label="Export archive">⇩</button>
         <span class="toolbar-divider"></span>
         <button type="button" data-action="theme" aria-label="Toggle theme">◑</button>
         <span id="activity-chip" class="activity-chip"><span></span><b>ready</b></span>
       </div>
       <div id="workspace-notice" role="status" aria-live="polite"></div>
-      <dialog id="new-workspace-dialog">
+      <dialog id="new-workspace-dialog" aria-label="Create workspace">
         <form method="dialog" id="new-workspace-form">
           <header><span aria-hidden="true">${BUNNY_MARK_SVG}</span><div><h1>Enter a Rabbithole</h1><p>Hermes will turn your question into a branchable document.</p></div></header>
           <label for="new-workspace-prompt">What do you want to explore?</label>
           <textarea id="new-workspace-prompt" rows="5" required placeholder="Ask a question worth following…"></textarea>
+          <div class="session-options">
+            <label for="new-workspace-model">Model<select id="new-workspace-model" data-model-select></select></label>
+            <label for="new-workspace-reasoning">Thinking level<select id="new-workspace-reasoning" data-reasoning-select></select></label>
+          </div>
           <div id="new-workspace-error" role="alert"></div>
           <footer>
             <button type="button" class="quiet-button" data-action="cancel-new">Cancel</button>
@@ -111,6 +199,72 @@ function renderShell() {
           </footer>
         </form>
       </dialog>
+      <dialog id="new-session-dialog" aria-label="Create session on canvas">
+        <form method="dialog" id="new-session-form">
+          <header><h1>New session here</h1><p>Start an independent Hermes session at this canvas position.</p></header>
+          <label for="new-session-prompt">What should this session work on?</label>
+          <textarea id="new-session-prompt" rows="4" required placeholder="Give this session a task…"></textarea>
+          <div class="session-options">
+            <label for="new-session-model">Model<select id="new-session-model" data-model-select></select></label>
+            <label for="new-session-reasoning">Thinking level<select id="new-session-reasoning" data-reasoning-select></select></label>
+          </div>
+          <div id="new-session-error" role="alert"></div>
+          <footer>
+            <button type="button" class="quiet-button" data-action="cancel-session">Cancel</button>
+            <button type="submit" class="primary-button">Start session</button>
+          </footer>
+        </form>
+      </dialog>
+      <dialog id="screen-dialog" aria-label="Add a screen">
+        <form method="dialog" id="screen-form">
+          <header><h1>New screen</h1><p>Stream a remote desktop onto this canvas.</p></header>
+          <label for="screen-target">Machine</label>
+          <select id="screen-target"></select>
+          <div id="screen-error" role="alert"></div>
+          <footer>
+            <button type="button" class="quiet-button" data-action="cancel-screen">Cancel</button>
+            <button type="submit" class="primary-button">Add screen</button>
+          </footer>
+        </form>
+      </dialog>
+      <dialog id="merge-dialog" aria-label="Merge child findings">
+        <form method="dialog" id="merge-form">
+          <header><h1>Merge child findings</h1><p>Hermes will summarize this branch into the chosen conversation.</p></header>
+          <label for="merge-destination">Destination</label>
+          <select id="merge-destination"></select>
+          <label for="merge-instruction">Optional instruction</label>
+          <textarea id="merge-instruction" rows="3" placeholder="For example: keep only decisions and next steps"></textarea>
+          <div id="merge-error" role="alert"></div>
+          <footer>
+            <button type="button" class="quiet-button" data-action="cancel-merge">Cancel</button>
+            <button type="submit" class="primary-button">Merge findings</button>
+          </footer>
+        </form>
+      </dialog>
+      <dialog id="settings-dialog" aria-label="Session settings">
+        <form method="dialog" id="settings-form">
+          <header><h1>Session settings</h1><p>New turns and branches will use these runtime settings.</p></header>
+          <div class="session-options settings-options">
+            <label for="settings-model">Model<select id="settings-model" data-model-select></select></label>
+            <label for="settings-reasoning">Thinking level<select id="settings-reasoning" data-reasoning-select></select></label>
+          </div>
+          <div id="settings-error" role="alert"></div>
+          <footer>
+            <button type="button" class="quiet-button" data-action="cancel-settings">Cancel</button>
+            <button type="submit" class="primary-button">Save settings</button>
+          </footer>
+        </form>
+      </dialog>
+      <dialog id="delete-dialog" aria-label="Delete window">
+        <form method="dialog" id="delete-form">
+          <header><h1>Delete this window?</h1><p id="delete-summary"></p></header>
+          <div id="delete-error" role="alert"></div>
+          <footer>
+            <button type="button" class="quiet-button" data-action="cancel-delete">Keep it</button>
+            <button type="submit" class="danger-button">Delete</button>
+          </footer>
+        </form>
+      </dialog>
       <div id="selection-ask" role="dialog" aria-label="Ask about the selected text" aria-hidden="true">
         <blockquote id="selection-ask-quote" aria-label="Selected passage"></blockquote>
         <form id="selection-ask-form" class="selection-ask-input">
@@ -123,38 +277,155 @@ function renderShell() {
       </div>
     </main>`;
   newDialog = document.getElementById("new-workspace-dialog");
+  newSessionDialog = document.getElementById("new-session-dialog");
+  screenDialog = document.getElementById("screen-dialog");
+  mergeDialog = document.getElementById("merge-dialog");
+  settingsDialog = document.getElementById("settings-dialog");
+  deleteDialog = document.getElementById("delete-dialog");
   selectionAsk = document.getElementById("selection-ask");
 }
 
 function installEvents() {
   document.addEventListener("click", (event) => {
+    const attachTrigger = event.target.closest("[data-attach-files]");
+    if (attachTrigger) {
+      event.preventDefault();
+      // The hidden input lives beside the button inside the same form.
+      attachTrigger.closest(".branch-form")?.querySelector(".attach-input")?.click();
+      return;
+    }
+    const removeId = event.target.closest("[data-remove-attachment]")?.dataset.removeAttachment;
+    if (removeId) {
+      event.preventDefault();
+      void removeAttachment(removeId);
+      return;
+    }
+    const queueId = event.target.closest("[data-cancel-queued-follow-up]")?.dataset.cancelQueuedFollowUp;
+    if (queueId) {
+      event.preventDefault();
+      void removeQueuedFollowUp(queueId);
+      return;
+    }
+    const destination = event.target.closest("[data-follow-up-destination]")?.dataset.followUpDestination;
+    if (destination) {
+      event.preventDefault();
+      const form = event.target.closest(".branch-form");
+      if (form) void submitFollowUp(form, destination);
+      return;
+    }
     const action = event.target.closest("[data-action]")?.dataset.action;
+    if (action === "menu-new-session") {
+      const point = closeCanvasMenu();
+      if (point) openNewSessionAt(point.clientX, point.clientY);
+      return;
+    }
+    if (action === "menu-new-screen") {
+      const point = closeCanvasMenu();
+      if (point) openScreenDialog(point.clientX, point.clientY);
+      return;
+    }
+    if (action === "menu-new-drawing") {
+      const point = closeCanvasMenu();
+      if (point) void addDrawing(point.clientX, point.clientY);
+      return;
+    }
+    if (action === "activate-drawing") {
+      const drawingId = event.target.closest("[data-drawing-id]")?.dataset.drawingId;
+      const drawing = drawingId ? state.drawings.get(drawingId) : null;
+      if (drawing) {
+        const card = event.target.closest(".drawing-window");
+        // One live editor at a time: activating a second window would
+        // reintroduce exactly the contention this avoids.
+        deactivateOtherDrawings(drawingId);
+        activateDrawing(card, drawing);
+      }
+      return;
+    }
+    if (action === "close-drawing") {
+      const drawingId = event.target.closest("[data-drawing-id]")?.dataset.drawingId;
+      if (drawingId) void removeDrawing(drawingId);
+      return;
+    }
+    if (action === "close-screen") {
+      const screenId = event.target.closest("[data-screen-id]")?.dataset.screenId;
+      if (screenId) void removeScreen(screenId);
+      return;
+    }
+    if (!event.target.closest("#canvas-menu")) closeCanvasMenu();
     if (action === "rail") toggleRail();
     else if (action === "new") openNewWorkspace();
     else if (action === "cancel-new") newDialog.close();
+    else if (action === "cancel-session") newSessionDialog.close();
+    else if (action === "cancel-screen") screenDialog.close();
+    else if (action === "cancel-merge") mergeDialog.close();
+    else if (action === "cancel-settings") settingsDialog.close();
+    else if (action === "cancel-delete") deleteDialog.close();
+    else if (action === "delete") openDeleteDialog(event.target.closest("[data-node-id]")?.dataset.nodeId);
+    else if (action === "settings") openSettingsDialog(event.target.closest("[data-node-id]")?.dataset.nodeId);
+    else if (action === "merge") openMergeDialog(event.target.closest("[data-node-id]")?.dataset.nodeId);
+    else if (action === "stop") void stopRun(resolveNodeId(event.target));
+    else if (action === "retry") void startRetry(resolveNodeId(event.target));
     else if (action === "reader") setMode("reader");
     else if (action === "canvas") setMode("canvas");
     else if (action === "frame") frameAll();
+    else if (action === "next-unread") selectNextUnread();
+    else if (action === "export") void downloadWorkspaceArchive();
     else if (action === "theme") toggleTheme();
   });
   document.getElementById("rail-new").addEventListener("click", openNewWorkspace);
   document.getElementById("new-workspace-form").addEventListener("submit", submitNewWorkspace);
+  document.getElementById("new-session-form").addEventListener("submit", submitNewSession);
+  document.getElementById("screen-form").addEventListener("submit", submitNewScreen);
+  // The idle preview is a div rather than a button (it wraps the image), so
+  // keyboard activation has to be wired explicitly.
+  document.addEventListener("keydown", (event) => {
+    if (event.key !== "Enter" && event.key !== " ") return;
+    const preview = event.target.closest?.("[data-drawing-preview]");
+    if (!preview) return;
+    event.preventDefault();
+    preview.click();
+  });
+  // Drawing frames report their save state so the window header can show it.
+  window.addEventListener("message", (event) => {
+    if (event.origin !== window.location.origin) return;
+    const data = event.data;
+    if (!data || data.type !== "drawing-status") return;
+    const drawing = state.drawings.get(data.drawingId);
+    if (!drawing) return;
+    const card = document.querySelector(
+      `.drawing-window[data-drawing-id="${cssEscape(data.drawingId)}"]`,
+    );
+    if (card) setDrawingStatus(card, String(data.status || ""));
+    // Keep the idle preview current, so closing the editor does not fall back
+    // to a stale picture of the document.
+    if (data.status === "saved" && typeof data.preview === "string") {
+      drawing.preview = data.preview;
+    }
+  });
+  document.getElementById("merge-form").addEventListener("submit", submitMerge);
+  document.getElementById("settings-form").addEventListener("submit", submitSettings);
+  document.getElementById("delete-form").addEventListener("submit", submitDelete);
   document.addEventListener("submit", (event) => {
     const form = event.target.closest(".branch-form");
     if (!form) return;
     event.preventDefault();
-    const input = form.querySelector("textarea");
-    const prompt = input.value.trim();
-    const parentId = form.dataset.parentId || state.selectedNodeId;
-    if (!prompt || !parentId) return;
-    if (state.nodes.get(parentId)?.status !== "completed") {
-      showNotice("Wait for Hermes to finish this document before branching.", "error");
-      return;
-    }
+    void submitFollowUp(form, "continue");
+  });
+  document.addEventListener("change", (event) => {
+    const input = event.target.closest?.(".attach-input");
+    if (!input || !input.files?.length) return;
+    const nodeId = input.closest(".branch-form")?.dataset.parentId || state.selectedNodeId;
+    void uploadFilesToNode(nodeId, input.files);
+    // Reset so picking the same file twice in a row still fires a change.
     input.value = "";
-    const selection = state.selectionByParent.get(parentId) || selectedTextFor(parentId);
-    state.selectionByParent.delete(parentId);
-    void startBranch(parentId, prompt, selection);
+  });
+  document.addEventListener("paste", (event) => {
+    if (!event.target.matches?.(".branch-form textarea")) return;
+    const files = [...(event.clipboardData?.files || [])];
+    if (!files.length) return;
+    event.preventDefault();
+    const nodeId = event.target.form?.dataset.parentId || state.selectedNodeId;
+    void uploadFilesToNode(nodeId, files);
   });
   document.addEventListener("pointerdown", (event) => {
     const input = event.target.closest?.(".branch-form textarea");
@@ -181,8 +452,17 @@ function installEvents() {
     }
   });
   installSelectionAsk();
-  document.getElementById("canvas-view").addEventListener("wheel", onCanvasWheel, { passive: false });
-  document.getElementById("canvas-view").addEventListener("pointerdown", onCanvasPointerDown);
+  const canvas = document.getElementById("canvas-view");
+  canvas.addEventListener("wheel", onCanvasWheel, { passive: false });
+  canvas.addEventListener("pointerdown", onCanvasPointerDown);
+  canvas.addEventListener("dblclick", (event) => {
+    if (!event.target.closest(".workspace-node")) openNewSessionAt(event.clientX, event.clientY);
+  });
+  canvas.addEventListener("contextmenu", (event) => {
+    if (event.target.closest(".workspace-node")) return;
+    event.preventDefault();
+    openCanvasMenu(event.clientX, event.clientY);
+  });
   window.addEventListener("pagehide", saveViewState);
   window.addEventListener("resize", () => { if (state.mode === "canvas") drawEdges(); });
   window.__hermesWorkspaceTest = {
@@ -205,6 +485,158 @@ function installEvents() {
   };
 }
 
+function submitFollowUp(form, destination) {
+  const input = form.querySelector("textarea");
+  const prompt = input.value.trim();
+  const parentId = form.dataset.parentId || state.selectedNodeId;
+  const node = state.nodes.get(parentId);
+  if (!prompt || !node) return;
+  if (node.status !== "completed" && node.status !== "running") {
+    showNotice("This document is not ready for a follow-up.", "error");
+    return;
+  }
+  input.value = "";
+  if (destination === "branch") {
+    if (node.status !== "completed") {
+      showNotice("Wait for Hermes to finish before creating a branch.", "error");
+      return;
+    }
+    const selection = state.selectionByParent.get(parentId) || selectedTextFor(parentId);
+    state.selectionByParent.delete(parentId);
+    void startBranch(parentId, prompt, selection);
+    return;
+  }
+  if (node.status === "running") {
+    void addQueuedFollowUp(parentId, prompt);
+    return;
+  }
+  void startContinue(parentId, prompt);
+}
+
+function populateSettingsControls() {
+  const modelOptions = state.models
+    .map((item) => `<option value="${escapeHtml(item.id)}">${escapeHtml(item.label || item.id)}</option>`)
+    .join("");
+  const effortLabels = {
+    none: "Off", minimal: "Minimal", low: "Low", medium: "Medium", high: "High", xhigh: "Extra high",
+  };
+  const effortOptions = state.reasoningLevels
+    .map((level) => `<option value="${escapeHtml(level)}">${escapeHtml(effortLabels[level] || level)}</option>`)
+    .join("");
+  for (const select of document.querySelectorAll("[data-model-select]")) {
+    const previous = select.value;
+    select.innerHTML = modelOptions;
+    select.value = state.models.some((item) => item.id === previous) ? previous : state.defaults.model;
+  }
+  for (const select of document.querySelectorAll("[data-reasoning-select]")) {
+    const previous = select.value;
+    select.innerHTML = effortOptions;
+    select.value = state.reasoningLevels.includes(previous) ? previous : state.defaults.reasoning_effort;
+  }
+}
+
+function modelLabel(modelId) {
+  return state.models.find((item) => item.id === modelId)?.label || modelId || "Default";
+}
+
+function openSettingsDialog(nodeId) {
+  const node = state.nodes.get(nodeId);
+  if (!node || node.status !== "completed") return;
+  settingsNodeId = node.id;
+  const model = document.getElementById("settings-model");
+  if (![...model.options].some((option) => option.value === node.model_alias)) {
+    model.add(new Option(node.model_alias, node.model_alias));
+  }
+  model.value = node.model_alias;
+  document.getElementById("settings-reasoning").value = node.reasoning_effort;
+  document.getElementById("settings-error").textContent = "";
+  if (!settingsDialog.open) settingsDialog.showModal();
+}
+
+function openDeleteDialog(nodeId) {
+  const node = nodeId && state.nodes.get(nodeId);
+  if (!node) return;
+  const descendants = countDescendants(nodeId);
+  deleteNodeId = nodeId;
+  const label = node.title || node.prompt || "this window";
+  document.getElementById("delete-summary").textContent = descendants
+    ? `“${label}” and ${descendants} branch${descendants === 1 ? "" : "es"} below it will be removed, along with their Hermes sessions. This cannot be undone.`
+    : `“${label}” and its Hermes session will be removed. This cannot be undone.`;
+  document.getElementById("delete-error").textContent = "";
+  if (!deleteDialog.open) deleteDialog.showModal();
+}
+
+function countDescendants(nodeId) {
+  let total = 0;
+  const frontier = [nodeId];
+  while (frontier.length) {
+    const current = frontier.pop();
+    for (const node of state.nodes.values()) {
+      if (node.parent_node_id === current) {
+        total += 1;
+        frontier.push(node.id);
+      }
+    }
+  }
+  return total;
+}
+
+async function submitDelete(event) {
+  event.preventDefault();
+  if (!deleteNodeId) return;
+  const form = event.currentTarget;
+  const button = form.querySelector('[type="submit"]');
+  const error = document.getElementById("delete-error");
+  button.disabled = true;
+  error.textContent = "";
+  try {
+    const payload = await deleteNode(deleteNodeId);
+    for (const removedId of payload.deleted_node_ids || []) {
+      state.nodes.delete(removedId);
+      state.unreadNodeIds.delete(removedId);
+      state.queuedByNode.delete(removedId);
+      state.selectionByParent.delete(removedId);
+      if (state.selectedNodeId === removedId) state.selectedNodeId = null;
+    }
+    if (!state.selectedNodeId) {
+      state.selectedNodeId = state.workspace?.root_node_id || state.nodes.keys().next().value || null;
+    }
+    deleteDialog.close();
+    deleteNodeId = null;
+    renderWorkspace();
+  } catch (err) {
+    error.textContent = err.message || String(err);
+  } finally {
+    button.disabled = false;
+  }
+}
+
+async function submitSettings(event) {
+  event.preventDefault();
+  const node = state.nodes.get(settingsNodeId);
+  if (!node) return;
+  const form = event.currentTarget;
+  const button = form.querySelector('[type="submit"]');
+  const error = document.getElementById("settings-error");
+  const model = document.getElementById("settings-model").value;
+  const effort = document.getElementById("settings-reasoning").value;
+  button.disabled = true;
+  error.textContent = "";
+  try {
+    const payload = await updateNodeSettings(node.id, model, effort);
+    const updated = normalizeNode(payload.node);
+    state.nodes.set(updated.id, updated);
+    updateNodeCard(document.querySelector(`[data-node-id="${cssEscape(updated.id)}"]`), updated);
+    renderReader();
+    settingsDialog.close();
+    settingsNodeId = null;
+  } catch (err) {
+    error.textContent = err.message || String(err);
+  } finally {
+    button.disabled = false;
+  }
+}
+
 async function submitNewWorkspace(event) {
   event.preventDefault();
   const form = event.currentTarget;
@@ -216,12 +648,16 @@ async function submitNewWorkspace(event) {
   button.disabled = true;
   error.textContent = "";
   try {
-    const payload = await createWorkspace(prompt);
+    const model = document.getElementById("new-workspace-model").value;
+    const effort = document.getElementById("new-workspace-reasoning").value;
+    const payload = await createWorkspace(prompt, "", model, effort);
     const workspace = payload.workspace;
     const node = normalizeNode(payload.node);
     state.workspaces = [workspace, ...state.workspaces.filter((item) => item.id !== workspace.id)];
     state.workspace = workspace;
     state.nodes = new Map([[node.id, node]]);
+    state.queuedByNode = new Map();
+    state.unreadNodeIds = new Set();
     state.selectedNodeId = node.id;
     state.mode = "canvas";
     state.camera = { x: 96, y: 96, scale: 1 };
@@ -239,17 +675,91 @@ async function submitNewWorkspace(event) {
   }
 }
 
+async function submitNewSession(event) {
+  event.preventDefault();
+  if (!state.workspace || !pendingSessionPoint) return;
+  const form = event.currentTarget;
+  const input = form.querySelector("textarea");
+  const error = document.getElementById("new-session-error");
+  const button = form.querySelector('[type="submit"]');
+  const prompt = input.value.trim();
+  if (!prompt) return;
+  button.disabled = true;
+  error.textContent = "";
+  try {
+    const model = document.getElementById("new-session-model").value;
+    const effort = document.getElementById("new-session-reasoning").value;
+    const payload = await createStandaloneSession(
+      state.workspace.id, prompt, pendingSessionPoint.x, pendingSessionPoint.y, "", model, effort,
+    );
+    const node = normalizeNode(payload.node);
+    state.nodes.set(node.id, node);
+    state.selectedNodeId = node.id;
+    state.unreadNodeIds.delete(node.id);
+    input.value = "";
+    pendingSessionPoint = null;
+    newSessionDialog.close();
+    renderWorkspace();
+    saveViewState();
+    void startRoot(node.id);
+  } catch (err) {
+    error.textContent = err.message || String(err);
+  } finally {
+    button.disabled = false;
+  }
+}
+
+async function submitMerge(event) {
+  event.preventDefault();
+  const source = state.nodes.get(mergeSourceId);
+  if (!source) return;
+  const form = event.currentTarget;
+  const destination = form.querySelector("select").value;
+  const instruction = form.querySelector("textarea").value.trim();
+  const error = document.getElementById("merge-error");
+  const button = form.querySelector('[type="submit"]');
+  button.disabled = true;
+  error.textContent = "";
+  try {
+    mergeDialog.close();
+    await startMerge(source.id, destination, instruction);
+    mergeSourceId = null;
+  } catch (err) {
+    if (!mergeDialog.open) mergeDialog.showModal();
+    error.textContent = err.message || String(err);
+  } finally {
+    button.disabled = false;
+  }
+}
+
 async function openWorkspace(workspaceId, { frame = false } = {}) {
   hideSelectionAsk();
+  closeCanvasMenu();
+  // Switching canvases: drop every live screen so no socket outlives its card.
+  disconnectAllScreens();
   const payload = await loadWorkspace(workspaceId);
   state.workspace = payload.workspace || state.workspaces.find((item) => item.id === workspaceId);
   state.nodes = new Map((payload.nodes || []).map((node) => {
     const normalized = normalizeNode(node);
     return [normalized.id, normalized];
   }));
+  state.screens = new Map((payload.screens || []).map((screen) => {
+    const normalized = normalizeScreen(screen);
+    return [normalized.id, normalized];
+  }));
+  state.drawings = new Map((payload.drawings || []).map((drawing) => {
+    const normalized = normalizeDrawing(drawing);
+    return [normalized.id, normalized];
+  }));
+  state.queuedByNode = groupQueuedFollowUps(payload.queued_followups || []);
+  state.attachmentsByNode = groupAttachments(payload.attachments || []);
+  state.uploadingNodeIds = new Set();
+  state.unreadNodeIds = readUnreadNodes(workspaceId, state.nodes);
   const saved = readViewState(workspaceId);
   state.selectedNodeId = saved?.selectedNodeId && state.nodes.has(saved.selectedNodeId)
     ? saved.selectedNodeId : state.workspace.root_node_id;
+  state.unreadNodeIds.delete(state.selectedNodeId);
+  persistUnreadNodes();
   state.mode = saved?.mode === "reader" ? "reader" : "canvas";
   state.camera = saved?.camera || { x: 96, y: 96, scale: 1 };
   safeStorageSet(LAST_WORKSPACE_KEY, workspaceId);
@@ -269,10 +779,246 @@ function normalizeNode(raw) {
     y: Number(raw.y) || 0,
     width: Math.max(280, Number(raw.width) || DEFAULT_SIZE.width),
     height: Math.max(220, Number(raw.height) || DEFAULT_SIZE.height),
+    header_color: HEADER_COLOR_RE.test(String(raw.header_color || "")) ? String(raw.header_color).toLowerCase() : "",
+    model_alias: raw.model_alias || "hermes-agent",
+    reasoning_effort: raw.reasoning_effort || "medium",
     tools: Array.isArray(raw.tools) ? raw.tools : [],
   };
 }
 
+function groupQueuedFollowUps(items) {
+  const grouped = new Map();
+  for (const item of items) {
+    if (!item?.node_id || !item?.id) continue;
+    const queue = grouped.get(item.node_id) || [];
+    queue.push(item);
+    grouped.set(item.node_id, queue);
+  }
+  for (const queue of grouped.values()) queue.sort((a, b) => a.ordinal - b.ordinal || a.id.localeCompare(b.id));
+  return grouped;
+}
+
+function groupAttachments(items) {
+  const grouped = new Map();
+  for (const item of items || []) {
+    if (!item?.node_id || !item?.id) continue;
+    const list = grouped.get(item.node_id) || [];
+    list.push(item);
+    grouped.set(item.node_id, list);
+  }
+  for (const list of grouped.values()) {
+    list.sort((a, b) => String(a.created_at).localeCompare(String(b.created_at)) || a.id.localeCompare(b.id));
+  }
+  return grouped;
+}
+
+function formatBytes(size) {
+  const value = Number(size) || 0;
+  if (value < 1024) return `${value} B`;
+  if (value < 1024 * 1024) return `${(value / 1024).toFixed(0)} KB`;
+  return `${(value / (1024 * 1024)).toFixed(1)} MB`;
+}
+
+/**
+ * Render attachment chips into a container.
+ *
+ * Attachments live in one of two places depending on whether Hermes has them
+ * yet. Pending ones sit in the composer where they can still be removed; once
+ * a turn sends them they move into the transcript, because at that point they
+ * are part of what was said rather than something still being composed.
+ */
+function renderAttachments(container, nodeId, { delivered = false } = {}) {
+  if (!container) return;
+  const all = state.attachmentsByNode.get(nodeId) || [];
+  const items = all.filter((item) => Boolean(item.delivered) === delivered);
+  const uploading = !delivered && state.uploadingNodeIds.has(nodeId);
+  container.hidden = !items.length && !uploading;
+  const children = items.map((item) => {
+    const chip = document.createElement("div");
+    chip.className = "attachment-chip";
+    chip.dataset.attachmentId = item.id;
+    chip.dataset.kind = item.kind;
+    if (item.delivered) chip.dataset.delivered = "true";
+
+    const link = document.createElement("a");
+    link.href = item.url;
+    link.download = item.filename;
+    link.rel = "noopener noreferrer";
+    link.className = "attachment-link";
+
+    if (item.kind === "image") {
+      const thumb = document.createElement("img");
+      thumb.className = "attachment-thumb";
+      thumb.src = item.url;
+      thumb.alt = item.filename;
+      thumb.loading = "lazy";
+      link.append(thumb);
+    } else {
+      const glyph = document.createElement("span");
+      glyph.className = "attachment-glyph";
+      glyph.setAttribute("aria-hidden", "true");
+      glyph.textContent = item.kind === "video" ? "▶" : item.kind === "audio" ? "♪" : "▤";
+      link.append(glyph);
+    }
+
+    const label = document.createElement("span");
+    label.className = "attachment-name";
+    label.textContent = item.filename;
+    const meta = document.createElement("small");
+    meta.className = "attachment-meta";
+    meta.textContent = formatBytes(item.byte_size);
+    link.append(label, meta);
+    link.title = `${item.filename} (${formatBytes(item.byte_size)}) — click to download`;
+    chip.append(link);
+
+    if (!item.delivered) {
+      const remove = document.createElement("button");
+      remove.type = "button";
+      remove.className = "attachment-remove";
+      remove.dataset.removeAttachment = item.id;
+      remove.setAttribute("aria-label", `Remove ${item.filename}`);
+      remove.textContent = "×";
+      chip.append(remove);
+    }
+    return chip;
+  });
+  if (uploading) {
+    const pending = document.createElement("div");
+    pending.className = "attachment-chip attachment-pending";
+    pending.textContent = "Uploading…";
+    children.push(pending);
+  }
+  container.replaceChildren(...children);
+}
+
+/** Upload files onto a node, then refresh every view showing that node. */
+async function uploadFilesToNode(nodeId, fileList) {
+  const files = [...(fileList || [])].filter(Boolean);
+  if (!nodeId || !files.length) return;
+  const node = state.nodes.get(nodeId);
+  if (!node) return;
+  state.uploadingNodeIds.add(nodeId);
+  refreshAttachmentViews(nodeId);
+  try {
+    const payload = await uploadAttachments(nodeId, files);
+    const existing = state.attachmentsByNode.get(nodeId) || [];
+    state.attachmentsByNode.set(nodeId, [...existing, ...(payload?.attachments || [])]);
+    const names = files.map((file) => file.name).join(", ");
+    showNotice(`Attached ${names}. It will be sent with your next message.`);
+  } catch (error) {
+    showNotice(error?.message || "The upload failed.", "error");
+  } finally {
+    state.uploadingNodeIds.delete(nodeId);
+    refreshAttachmentViews(nodeId);
+  }
+}
+
+async function removeAttachment(attachmentId) {
+  const nodeId = [...state.attachmentsByNode.entries()]
+    .find(([, items]) => items.some((item) => item.id === attachmentId))?.[0];
+  try {
+    await deleteAttachment(attachmentId);
+    if (nodeId) {
+      const remaining = (state.attachmentsByNode.get(nodeId) || [])
+        .filter((item) => item.id !== attachmentId);
+      if (remaining.length) state.attachmentsByNode.set(nodeId, remaining);
+      else state.attachmentsByNode.delete(nodeId);
+      refreshAttachmentViews(nodeId);
+    }
+  } catch (error) {
+    showNotice(error?.message || "The attachment could not be removed.", "error");
+  }
+}
+
+/** Mirror the backend's handover: a branch's uploads follow it off the parent. */
+function inheritPendingAttachments(fromNodeId, toNodeId) {
+  if (!fromNodeId || !toNodeId || fromNodeId === toNodeId) return;
+  const items = state.attachmentsByNode.get(fromNodeId);
+  if (!items?.length) return;
+  const moving = items.filter((item) => !item.delivered);
+  if (!moving.length) return;
+  const staying = items.filter((item) => item.delivered);
+  if (staying.length) state.attachmentsByNode.set(fromNodeId, staying);
+  else state.attachmentsByNode.delete(fromNodeId);
+  const existing = state.attachmentsByNode.get(toNodeId) || [];
+  state.attachmentsByNode.set(toNodeId, [
+    ...existing,
+    ...moving.map((item) => ({ ...item, node_id: toNodeId })),
+  ]);
+  refreshAttachmentViews(fromNodeId);
+}
+
+/** Mirror the backend's claim: pending attachments become sent, once. */
+function markAttachmentsDelivered(nodeId) {
+  const items = state.attachmentsByNode.get(nodeId);
+  if (!items?.some((item) => !item.delivered)) return;
+  state.attachmentsByNode.set(
+    nodeId,
+    items.map((item) => (item.delivered ? item : { ...item, delivered: true })),
+  );
+  refreshAttachmentViews(nodeId);
+}
+
+/** Repaint both attachment strips for a node: composer (pending) and transcript (sent). */
+function refreshAttachmentViews(nodeId) {
+  const card = document.querySelector(`.workspace-node[data-node-id="${CSS.escape(nodeId)}"]`);
+  renderAttachments(card?.querySelector(".node-attachments"), nodeId);
+  renderAttachments(card?.querySelector(".node-sent-attachments"), nodeId, { delivered: true });
+  if (state.selectedNodeId === nodeId) {
+    renderAttachments(document.querySelector("#reader-attachments"), nodeId);
+    renderAttachments(document.querySelector("#reader-sent-attachments"), nodeId, { delivered: true });
+  }
+}
+
+/**
+ * Attach drag-and-drop to a card. Uses a depth counter because dragenter and
+ * dragleave also fire for descendants, which would otherwise flicker the
+ * highlight off while the pointer is still over the card.
+ */
+function installAttachmentDrop(card) {
+  let depth = 0;
+  const clear = () => {
+    depth = 0;
+    card.removeAttribute("data-drop-active");
+  };
+  card.addEventListener("dragenter", (event) => {
+    if (!event.dataTransfer?.types?.includes("Files")) return;
+    event.preventDefault();
+    depth += 1;
+    card.dataset.dropActive = "true";
+  });
+  card.addEventListener("dragover", (event) => {
+    if (!event.dataTransfer?.types?.includes("Files")) return;
+    event.preventDefault();
+    event.dataTransfer.dropEffect = "copy";
+  });
+  card.addEventListener("dragleave", () => {
+    depth -= 1;
+    if (depth <= 0) clear();
+  });
+  card.addEventListener("drop", (event) => {
+    if (!event.dataTransfer?.files?.length) return;
+    event.preventDefault();
+    event.stopPropagation();
+    clear();
+    void uploadFilesToNode(card.dataset.nodeId, event.dataTransfer.files);
+  });
+}
+
+function downloadWorkspaceArchive() {
+  if (!state.workspace) return;
+  void getWorkspaceArchive(state.workspace.id).then((archive) => {
+    const blob = new Blob([JSON.stringify(archive, null, 2)], { type: "application/json" });
+    const url = URL.createObjectURL(blob);
+    const link = document.createElement("a");
+    const stem = String(state.workspace.title || "rabbithole").replace(/[^a-z0-9]+/gi, "-").replace(/(^-|-$)/g, "").toLowerCase() || "rabbithole";
+    link.href = url;
+    link.download = `${stem}-archive.json`;
+    link.click();
+    setTimeout(() => URL.revokeObjectURL(url), 0);
+  }).catch((error) => showNotice(error.message || String(error), "error"));
+}
+
 function renderWorkspace() {
   document.body.dataset.mode = state.mode;
   document.getElementById("canvas-view").hidden = state.mode !== "canvas";
@@ -281,14 +1027,22 @@ function renderWorkspace() {
   renderReader();
   applyCamera();
   updateActivity();
+  updateUnreadControl();
 }
 
 function renderCanvas() {
   const container = document.getElementById("workspace-nodes");
   const live = new Set(state.nodes.keys());
-  for (const element of container.querySelectorAll(".workspace-node")) {
+  for (const element of container.querySelectorAll(".workspace-node:not(.screen-window):not(.drawing-window)")) {
     if (!live.has(element.dataset.nodeId)) element.remove();
   }
+  const liveScreens = new Set(state.screens.keys());
+  for (const element of container.querySelectorAll(".screen-window")) {
+    if (!liveScreens.has(element.dataset.screenId)) {
+      disconnectScreen(element.dataset.screenId);
+      element.remove();
+    }
+  }
   const ordered = [...state.nodes.values()].sort((a, b) => a.created_at.localeCompare(b.created_at) || a.id.localeCompare(b.id));
   for (const node of ordered) {
     let card = container.querySelector(`[data-node-id="${cssEscape(node.id)}"]`);
@@ -298,9 +1052,62 @@ function renderCanvas() {
     }
     updateNodeCard(card, node);
   }
+  renderScreens(container);
+  renderDrawings(container);
   drawEdges();
 }
 
+function renderDrawings(container) {
+  const liveDrawings = new Set(state.drawings.keys());
+  for (const element of container.querySelectorAll(".drawing-window")) {
+    if (!liveDrawings.has(element.dataset.drawingId)) element.remove();
+  }
+  const ordered = [...state.drawings.values()].sort(
+    (a, b) => a.created_at.localeCompare(b.created_at) || a.id.localeCompare(b.id),
+  );
+  for (const drawing of ordered) {
+    let card = container.querySelector(`[data-drawing-id="${cssEscape(drawing.id)}"]`);
+    if (!card) {
+      card = createDrawingCard(drawing);
+      container.appendChild(card);
+      installDrawingDrag(card);
+      installDrawingResize(card);
+    } else {
+      applyDrawingGeometry(card, drawing);
+      // Never swap the preview under a live editor: it sits behind the frame
+      // and would fight the editor for the same box.
+      if (!isDrawingActive(card)) applyDrawingPreview(card, drawing);
+    }
+  }
+}
+
+/** Keep at most one live editor on the canvas. */
+function deactivateOtherDrawings(keepDrawingId) {
+  for (const element of document.querySelectorAll(".drawing-window")) {
+    if (element.dataset.drawingId !== keepDrawingId) deactivateDrawing(element);
+  }
+}
+
+function renderScreens(container) {
+  const ordered = [...state.screens.values()].sort(
+    (a, b) => a.created_at.localeCompare(b.created_at) || a.id.localeCompare(b.id),
+  );
+  for (const screen of ordered) {
+    let card = container.querySelector(`[data-screen-id="${cssEscape(screen.id)}"]`);
+    if (!card) {
+      card = createScreenCard(screen);
+      container.appendChild(card);
+      installScreenDrag(card);
+      installScreenResize(card);
+      // Connect only after the card is in the document: noVNC measures its
+      // container when it attaches the canvas.
+      connectScreen(screen, card);
+    } else {
+      applyScreenGeometry(card, screen);
+    }
+  }
+}
+
 function createNodeCard(node) {
   const card = document.createElement("article");
   card.className = "workspace-node";
@@ -309,13 +1116,15 @@ function createNodeCard(node) {
   card.innerHTML = `
     <header class="workspace-node-head">
       <span class="node-kind"></span><strong class="workspace-node-title"></strong>
-      <span class="node-state"></span><button type="button" class="node-open" aria-label="Open in reader">↗</button>
+      <span class="node-unread" hidden>New</span><span class="node-state"></span><button type="button" class="node-stop" data-action="stop" aria-label="Stop this run" hidden>Stop</button><button type="button" class="node-settings" data-action="settings" aria-label="Session settings">⚙</button><button type="button" class="node-merge" data-action="merge" aria-label="Merge">Merge</button><button type="button" class="node-delete" data-action="delete" aria-label="Delete window">✕</button><button type="button" class="node-open" aria-label="Open in reader">↗</button>
     </header>
+    <div class="node-model-summary"></div>
     <div class="workspace-node-body">
       <div class="node-overview"><span class="node-overview-kind"></span><p class="node-overview-summary"></p><span class="node-overview-meta"></span></div>
+      <div class="node-sent-attachments" hidden></div>
       <div class="node-markdown md"></div><details class="tool-activity"><summary></summary><div></div></details>
     </div>
-    <form class="branch-form node-branch-form"><div class="branch-input-row"><textarea rows="1"></textarea><button type="submit" aria-label="Create branch">↑</button></div></form>
+    <form class="branch-form node-branch-form"><div class="node-attachments" hidden></div><div class="branch-input-row"><textarea rows="1"></textarea><div class="branch-actions"><button type="button" class="attach-button" data-attach-files aria-label="Attach a file">📎</button><input type="file" class="attach-input" multiple hidden><button type="submit" class="follow-up-continue">Continue here</button><button type="button" class="follow-up-retry" data-action="retry" hidden>Retry</button><button type="button" class="follow-up-branch" data-follow-up-destination="branch">New branch</button></div></div><div class="queued-followups" hidden></div></form>
     <span class="workspace-node-resize" aria-hidden="true"></span>`;
   card.querySelector(".node-open").addEventListener("click", (event) => {
     event.stopPropagation();
@@ -335,6 +1144,7 @@ function createNodeCard(node) {
   });
   installNodeDrag(card);
   installNodeResize(card);
+  installAttachmentDrop(card);
   return card;
 }
 
@@ -350,12 +1160,31 @@ function updateNodeCard(card, node) {
   card.style.top = `${node.y}px`;
   card.style.width = `${node.width}px`;
   card.style.height = `${node.height}px`;
+  if (node.header_color) card.style.setProperty("--node-header-color", node.header_color);
+  else card.style.removeProperty("--node-header-color");
+  card.dataset.headerColored = String(Boolean(node.header_color));
   card.dataset.status = node.status;
+  const kind = nodeKind(node);
+  card.dataset.kind = kind;
+  const unread = state.unreadNodeIds.has(node.id);
+  card.dataset.unread = String(unread);
   card.setAttribute("aria-selected", String(node.id === state.selectedNodeId));
-  card.querySelector(".node-kind").innerHTML = node.parent_node_id ? "↳" : BUNNY_MARK_SVG;
+  card.querySelector(".node-kind").innerHTML = kind === "branch" ? "↳" : kind === "standalone" ? "◇" : BUNNY_MARK_SVG;
   card.querySelector(".workspace-node-title").textContent = node.title || "Untitled";
+  const unreadBadge = card.querySelector(".node-unread");
+  unreadBadge.hidden = !unread;
   card.querySelector(".node-state").textContent = statusLabel(node.status);
-  card.querySelector(".node-overview-kind").textContent = node.parent_node_id ? "Branch document" : "Root document";
+  const settingsButton = card.querySelector(".node-settings");
+  settingsButton.disabled = node.status !== "completed";
+  card.querySelector(".node-model-summary").textContent = `${modelLabel(node.model_alias)} · thinking ${node.reasoning_effort}`;
+  const mergeButton = card.querySelector(".node-merge");
+  const deleteButton = card.querySelector(".node-delete");
+  const isRoot = node.id === state.workspace?.root_node_id;
+  deleteButton.hidden = isRoot;
+  deleteButton.disabled = isRoot || node.status === "running";
+  mergeButton.hidden = !node.parent_node_id;
+  mergeButton.disabled = node.status !== "completed";
+  card.querySelector(".node-overview-kind").textContent = kind === "branch" ? "Branch document" : kind === "standalone" ? "Independent session" : "Root document";
   card.querySelector(".node-overview-summary").textContent = summarizeNode(node);
   const branchCount = childrenOf(node.id).length;
   card.querySelector(".node-overview-meta").textContent = `${statusLabel(node.status)} · ${branchCount} ${branchCount === 1 ? "branch" : "branches"}`;
@@ -368,13 +1197,25 @@ function updateNodeCard(card, node) {
   const form = card.querySelector(".branch-form");
   form.dataset.parentId = node.id;
   const textarea = form.querySelector("textarea");
-  textarea.setAttribute("aria-label", `Branch from ${node.title || "Untitled"}`);
-  const branchable = node.status === "completed";
-  textarea.disabled = !branchable;
-  form.querySelector('button[type="submit"]').disabled = !branchable;
+  textarea.setAttribute("aria-label", `Ask a follow-up on ${node.title || "Untitled"}`);
+  // A failed run is recoverable, not terminal: the composer stays live so the
+  // user can steer past the error ("skip the PDF, just summarise").
+  const canContinue = node.status === "completed" || node.status === "running" || node.status === "failed";
+  textarea.disabled = !canContinue;
+  form.querySelector(".follow-up-continue").disabled = !canContinue;
+  form.querySelector(".follow-up-branch").disabled = node.status !== "completed";
+  const retryButton = form.querySelector(".follow-up-retry");
+  retryButton.hidden = node.status !== "failed";
+  retryButton.disabled = node.status !== "failed";
+  const stopButton = card.querySelector(".node-stop");
+  stopButton.hidden = node.status !== "running";
+  stopButton.disabled = node.status !== "running";
   textarea.placeholder = node.status === "failed"
-    ? "This run failed"
-    : branchable ? "Ask a follow-up…" : "Wait for Hermes to finish…";
+    ? "Retry, or tell Hermes how to continue…"
+    : node.status === "running" ? "Add a follow-up to the queue…" : "Ask a follow-up…";
+  renderQueuedFollowUps(form.querySelector(".queued-followups"), node.id);
+  renderAttachments(form.querySelector(".node-attachments"), node.id);
+  renderAttachments(card.querySelector(".node-sent-attachments"), node.id, { delivered: true });
   renderTools(card.querySelector(".tool-activity"), node.tools);
 }
 
@@ -428,6 +1269,24 @@ function renderTools(details, tools) {
   }));
 }
 
+function renderQueuedFollowUps(container, nodeId) {
+  const queued = state.queuedByNode.get(nodeId) || [];
+  container.hidden = !queued.length;
+  container.replaceChildren(...queued.map((item) => {
+    const row = document.createElement("div");
+    row.className = "queued-follow-up";
+    const prompt = document.createElement("span");
+    prompt.textContent = item.prompt;
+    const cancel = document.createElement("button");
+    cancel.type = "button";
+    cancel.dataset.cancelQueuedFollowUp = item.id;
+    cancel.setAttribute("aria-label", "Cancel queued follow-up");
+    cancel.textContent = "Cancel";
+    row.append(prompt, cancel);
+    return row;
+  }));
+}
+
 function drawEdges() {
   const svg = document.getElementById("workspace-edges");
   if (!svg) return;
@@ -462,7 +1321,8 @@ function renderReader() {
     return index ? [document.createTextNode(" › "), button] : [button];
   }));
   const documentEl = document.getElementById("reader-document");
-  const readerHtml = `<header><span class="reader-doc-kind">${node.parent_node_id ? "Branch" : "Root document"}</span><h1>${escapeHtml(node.title || "Untitled")}</h1></header>${renderNodeMarkdown(node)}`;
+  const kind = nodeKind(node);
+  const readerHtml = `<header><span class="reader-doc-kind">${kind === "branch" ? "Branch" : kind === "standalone" ? "Independent session" : "Root document"}</span><h1>${escapeHtml(node.title || "Untitled")}</h1><p class="reader-model-summary">${escapeHtml(modelLabel(node.model_alias))} · thinking ${escapeHtml(node.reasoning_effort)}</p></header>${renderNodeMarkdown(node)}`;
   if (documentEl.dataset.renderedHtml !== readerHtml) {
     documentEl.innerHTML = readerHtml;
     documentEl.dataset.renderedHtml = readerHtml;
@@ -487,10 +1347,22 @@ function renderReader() {
   const readerForm = document.querySelector(".reader-branch-form");
   readerForm.dataset.parentId = node.id;
   const readerInput = document.getElementById("reader-branch-input");
-  const readerBranchable = node.status === "completed";
-  readerInput.disabled = !readerBranchable;
-  readerForm.querySelector('button[type="submit"]').disabled = !readerBranchable;
-  readerInput.setAttribute("aria-label", `Branch from ${node.title || "Untitled"}`);
+  const canContinue = node.status === "completed" || node.status === "running" || node.status === "failed";
+  readerInput.disabled = !canContinue;
+  readerForm.querySelector(".follow-up-continue").disabled = !canContinue;
+  readerForm.querySelector(".follow-up-branch").disabled = node.status !== "completed";
+  const readerRetry = readerForm.querySelector(".follow-up-retry");
+  if (readerRetry) {
+    readerRetry.hidden = node.status !== "failed";
+    readerRetry.disabled = node.status !== "failed";
+  }
+  readerInput.placeholder = node.status === "failed"
+    ? "Retry, or tell Hermes how to continue…"
+    : node.status === "running" ? "Add a follow-up to the queue…" : "Ask a follow-up…";
+  readerInput.setAttribute("aria-label", `Ask a follow-up on ${node.title || "Untitled"}`);
+  renderQueuedFollowUps(readerForm.querySelector(".queued-followups"), node.id);
+  renderAttachments(document.querySelector("#reader-attachments"), node.id);
+  renderAttachments(document.querySelector("#reader-sent-attachments"), node.id, { delivered: true });
 }
 
 async function startRoot(nodeId) {
@@ -518,10 +1390,116 @@ async function startBranch(parentId, prompt, selection) {
   }
 }
 
+async function startContinue(nodeId, prompt) {
+  beginStream();
+  try {
+    await streamContinue(nodeId, prompt, handleStreamEvent);
+  } catch (error) {
+    showNotice(error.message || String(error), "error");
+  } finally {
+    endStream();
+  }
+}
+
+/**
+ * Resolve the node a header/composer control belongs to.
+ * Canvas cards carry data-node-id; the reader's shared form carries
+ * data-parent-id instead, so both are checked before falling back to the
+ * current selection.
+ */
+function resolveNodeId(target) {
+  return (
+    target.closest("[data-node-id]")?.dataset.nodeId
+    || target.closest(".branch-form")?.dataset.parentId
+    || state.selectedNodeId
+  );
+}
+
+async function stopRun(nodeId) {
+  if (!nodeId) return;
+  const node = state.nodes.get(nodeId);
+  if (!node || node.status !== "running") return;
+  try {
+    await stopNode(nodeId);
+    // The stop is cooperative: the node settles when the stream reacts, so
+    // only acknowledge the request here rather than faking a state change.
+    showNotice("Stopping…");
+  } catch (error) {
+    showNotice(error.message || String(error), "error");
+  }
+}
+
+async function startRetry(nodeId) {
+  if (!nodeId) return;
+  const node = state.nodes.get(nodeId);
+  if (!node || node.status !== "failed") return;
+  beginStream();
+  try {
+    await streamRetry(nodeId, handleStreamEvent);
+  } catch (error) {
+    showNotice(error.message || String(error), "error");
+  } finally {
+    endStream();
+  }
+}
+
+async function startMerge(sourceId, destination, instruction) {
+  beginStream();
+  try {
+    await streamMerge(sourceId, destination, instruction, handleStreamEvent);
+  } finally {
+    endStream();
+  }
+}
+
+async function addQueuedFollowUp(nodeId, prompt) {
+  try {
+    const payload = await queueFollowUp(nodeId, prompt);
+    const queued = payload.queued;
+    if (!queued) throw new Error("The queued follow-up was not returned.");
+    const queue = state.queuedByNode.get(nodeId) || [];
+    state.queuedByNode.set(nodeId, [...queue, queued].sort((a, b) => a.ordinal - b.ordinal || a.id.localeCompare(b.id)));
+    renderCanvas();
+    renderReader();
+  } catch (error) {
+    showNotice(error.message || String(error), "error");
+  }
+}
+
+async function removeQueuedFollowUp(queueId) {
+  try {
+    const payload = await cancelQueuedFollowUp(queueId);
+    const cancelled = payload.cancelled;
+    if (!cancelled) return;
+    const queue = state.queuedByNode.get(cancelled.node_id) || [];
+    const remaining = queue.filter((item) => item.id !== cancelled.id);
+    if (remaining.length) state.queuedByNode.set(cancelled.node_id, remaining);
+    else state.queuedByNode.delete(cancelled.node_id);
+    renderCanvas();
+    renderReader();
+  } catch (error) {
+    showNotice(error.message || String(error), "error");
+  }
+}
+
 function handleStreamEvent(name, payload) {
   if (name === "heartbeat") return;
+  // The backend claims a node's pending attachments as soon as the turn begins,
+  // so the first event naming that node is our signal to mirror it: the chips
+  // stop being removable and move out of the composer into the transcript,
+  // where they belong to what was actually sent. Keyed off any node-scoped
+  // event rather than one event name, since each entry point opens differently.
+  const streamingNodeId = payload?.node_id || payload?.node?.id || payload?.id;
+  if (streamingNodeId) markAttachmentsDelivered(streamingNodeId);
   if (name === "node.created") {
     const node = normalizeNode(payload.node || payload);
+    // The backend reassigns the parent's pending uploads to this new child
+    // (they were staged on the card the user was looking at, but they belong
+    // to the turn being sent now). Mirror that move locally, before the
+    // delivered-marking below, so the chips follow the branch instead of
+    // sitting on the parent looking unsent.
+    inheritPendingAttachments(node.parent_node_id, node.id);
+    if (node.id) markAttachmentsDelivered(node.id);
     state.nodes.set(node.id, node);
     if (!state.selectedNodeId) state.selectedNodeId = node.id;
     renderCanvas();
@@ -530,6 +1508,29 @@ function handleStreamEvent(name, payload) {
     requestAnimationFrame(frameAll);
     return;
   }
+  if (name === "node.continued") {
+    const node = normalizeNode(payload.node || payload);
+    if (payload.queued_follow_up_id) {
+      const queue = state.queuedByNode.get(node.id) || [];
+      const remaining = queue.filter((item) => item.id !== payload.queued_follow_up_id);
+      if (remaining.length) state.queuedByNode.set(node.id, remaining);
+      else state.queuedByNode.delete(node.id);
+    }
+    state.nodes.set(node.id, node);
+    renderCanvas();
+    renderReader();
+    return;
+  }
+  if (name === "node.retried") {
+    // The node is running again on its original prompt. Clearing the error
+    // here stops the failure notice lingering under a live run.
+    const node = normalizeNode(payload.node || payload);
+    node.error = "";
+    state.nodes.set(node.id, node);
+    renderCanvas();
+    renderReader();
+    return;
+  }
   const node = state.nodes.get(payload.node_id);
   if (!node) return;
   if (name === "assistant.delta") {
@@ -543,7 +1544,7 @@ function handleStreamEvent(name, payload) {
     node.title = payload.title || node.title;
     node.hermes_session_id = payload.hermes_session_id || node.hermes_session_id;
     node.error = "";
-    if (!node.parent_node_id && state.workspace) {
+    if (node.id === state.workspace?.root_node_id && state.workspace) {
       state.workspace.title = node.title;
       renderWorkspaceList();
     }
@@ -551,6 +1552,9 @@ function handleStreamEvent(name, payload) {
     node.status = "failed";
     node.error = payload.error || "Hermes could not complete this node.";
   }
+  if ((name === "node.completed" || name === "node.failed") && state.selectedNodeId !== node.id) {
+    setNodeUnread(node.id, true);
+  }
   const card = document.querySelector(`[data-node-id="${cssEscape(node.id)}"]`);
   if (card) updateNodeCard(card, node);
   if (state.selectedNodeId === node.id || state.nodes.get(state.selectedNodeId)?.parent_node_id === node.id) renderReader();
@@ -633,13 +1637,296 @@ function toggleRail(force) {
 function openNewWorkspace() {
   hideSelectionAsk();
   document.getElementById("new-workspace-error").textContent = "";
+  document.getElementById("new-workspace-model").value = state.defaults.model;
+  document.getElementById("new-workspace-reasoning").value = state.defaults.reasoning_effort;
   if (!newDialog.open) newDialog.showModal();
   requestAnimationFrame(() => document.getElementById("new-workspace-prompt").focus());
 }
 
+function openCanvasMenu(clientX, clientY) {
+  if (!state.workspace || state.mode !== "canvas") return;
+  const menu = document.getElementById("canvas-menu");
+  if (!menu) return;
+  canvasMenuPoint = { clientX, clientY };
+  const rect = document.getElementById("canvas-view").getBoundingClientRect();
+  menu.style.left = `${clientX - rect.left}px`;
+  menu.style.top = `${clientY - rect.top}px`;
+  menu.hidden = false;
+  const screenItem = menu.querySelector('[data-action="menu-new-screen"]');
+  if (screenItem) {
+    screenItem.disabled = state.screenCatalog.length === 0;
+    screenItem.title = state.screenCatalog.length
+      ? ""
+      : "No screens are configured on the server";
+  }
+}
+
+/** Hide the canvas menu, returning the point it was opened at. */
+function closeCanvasMenu() {
+  const menu = document.getElementById("canvas-menu");
+  if (menu) menu.hidden = true;
+  const point = canvasMenuPoint;
+  canvasMenuPoint = null;
+  return point;
+}
+
+function openScreenDialog(clientX, clientY) {
+  if (!state.workspace || state.mode !== "canvas") return;
+  if (!state.screenCatalog.length) {
+    showNotice("No screens are configured on the server.", "error");
+    return;
+  }
+  const rect = document.getElementById("canvas-view").getBoundingClientRect();
+  pendingScreenPoint = {
+    x: (clientX - rect.left - state.camera.x) / state.camera.scale,
+    y: (clientY - rect.top - state.camera.y) / state.camera.scale,
+  };
+  document.getElementById("screen-error").textContent = "";
+  const select = document.getElementById("screen-target");
+  select.replaceChildren(...state.screenCatalog.map((screen) => {
+    const option = document.createElement("option");
+    option.value = screen.key;
+    option.textContent = screen.label;
+    return option;
+  }));
+  if (!screenDialog.open) screenDialog.showModal();
+}
+
+async function submitNewScreen(event) {
+  event.preventDefault();
+  if (!state.workspace || !pendingScreenPoint) return;
+  const key = document.getElementById("screen-target").value;
+  const error = document.getElementById("screen-error");
+  error.textContent = "";
+  try {
+    const payload = await createScreen(
+      state.workspace.id, key, pendingScreenPoint.x, pendingScreenPoint.y,
+    );
+    const screen = normalizeScreen(payload.screen);
+    state.screens.set(screen.id, screen);
+    pendingScreenPoint = null;
+    screenDialog.close();
+    renderCanvas();
+  } catch (failure) {
+    error.textContent = failure.message;
+  }
+}
+
+async function removeScreen(screenId) {
+  const screen = state.screens.get(screenId);
+  if (!screen) return;
+  disconnectScreen(screenId);
+  state.screens.delete(screenId);
+  renderCanvas();
+  try {
+    await deleteScreen(screenId);
+  } catch (error) {
+    // Put it back so the canvas keeps matching the server.
+    state.screens.set(screenId, screen);
+    renderCanvas();
+    showNotice(`Screen was not closed: ${error.message}`, "error");
+  }
+}
+
+function installScreenDrag(card) {
+  card.querySelector(".screen-window-head").addEventListener("pointerdown", (event) => {
+    if (event.button !== 0 || event.target.closest("button")) return;
+    event.preventDefault();
+    const screen = state.screens.get(card.dataset.screenId);
+    if (!screen) return;
+    const start = { x: event.clientX, y: event.clientY, screenX: screen.x, screenY: screen.y };
+    card.classList.add("dragging");
+    const move = (next) => {
+      screen.x = start.screenX + (next.clientX - start.x) / state.camera.scale;
+      screen.y = start.screenY + (next.clientY - start.y) / state.camera.scale;
+      applyScreenGeometry(card, screen);
+    };
+    const up = () => {
+      window.removeEventListener("pointermove", move);
+      window.removeEventListener("pointerup", up);
+      card.classList.remove("dragging");
+      void persistScreenLayout(screen);
+    };
+    window.addEventListener("pointermove", move);
+    window.addEventListener("pointerup", up, { once: true });
+  });
+}
+
+function installScreenResize(card) {
+  card.querySelector(".workspace-node-resize").addEventListener("pointerdown", (event) => {
+    if (event.button !== 0) return;
+    event.preventDefault();
+    event.stopPropagation();
+    const screen = state.screens.get(card.dataset.screenId);
+    if (!screen) return;
+    const start = { x: event.clientX, y: event.clientY, width: screen.width, height: screen.height };
+    const move = (next) => {
+      screen.width = Math.max(
+        MIN_SCREEN_SIZE.width, start.width + (next.clientX - start.x) / state.camera.scale,
+      );
+      screen.height = Math.max(
+        MIN_SCREEN_SIZE.height, start.height + (next.clientY - start.y) / state.camera.scale,
+      );
+      applyScreenGeometry(card, screen);
+    };
+    const up = () => {
+      window.removeEventListener("pointermove", move);
+      window.removeEventListener("pointerup", up);
+      void persistScreenLayout(screen);
+    };
+    window.addEventListener("pointermove", move);
+    window.addEventListener("pointerup", up, { once: true });
+  });
+}
+
+async function persistScreenLayout(screen) {
+  try {
+    await saveScreenLayout(screen);
+    state.layoutPatchCount += 1;
+  } catch (error) {
+    showNotice(`Layout was not saved: ${error.message}`, "error");
+  }
+}
+
+async function addDrawing(clientX, clientY) {
+  if (!state.workspace || state.mode !== "canvas") return;
+  const rect = document.getElementById("canvas-view").getBoundingClientRect();
+  const x = (clientX - rect.left - state.camera.x) / state.camera.scale;
+  const y = (clientY - rect.top - state.camera.y) / state.camera.scale;
+  try {
+    const payload = await createDrawing(state.workspace.id, x, y);
+    const drawing = normalizeDrawing(payload.drawing);
+    state.drawings.set(drawing.id, drawing);
+    renderCanvas();
+  } catch (error) {
+    showNotice(`Drawing was not added: ${error.message}`, "error");
+  }
+}
+
+async function removeDrawing(drawingId) {
+  const drawing = state.drawings.get(drawingId);
+  if (!drawing) return;
+  state.drawings.delete(drawingId);
+  renderCanvas();
+  try {
+    await deleteDrawing(drawingId);
+  } catch (error) {
+    // Put it back so the canvas keeps matching the server.
+    state.drawings.set(drawingId, drawing);
+    renderCanvas();
+    showNotice(`Drawing was not deleted: ${error.message}`, "error");
+  }
+}
+
+function installDrawingDrag(card) {
+  card.querySelector(".drawing-window-head").addEventListener("pointerdown", (event) => {
+    if (event.button !== 0 || event.target.closest("button")) return;
+    event.preventDefault();
+    const drawing = state.drawings.get(card.dataset.drawingId);
+    if (!drawing) return;
+    const start = { x: event.clientX, y: event.clientY, drawingX: drawing.x, drawingY: drawing.y };
+    card.classList.add("dragging");
+    // While dragging, the iframe must not swallow pointer events: without this
+    // the drag stalls the moment the cursor crosses the drawing surface.
+    card.classList.add("frame-inert");
+    const move = (next) => {
+      drawing.x = start.drawingX + (next.clientX - start.x) / state.camera.scale;
+      drawing.y = start.drawingY + (next.clientY - start.y) / state.camera.scale;
+      applyDrawingGeometry(card, drawing);
+    };
+    const up = () => {
+      window.removeEventListener("pointermove", move);
+      window.removeEventListener("pointerup", up);
+      card.classList.remove("dragging");
+      card.classList.remove("frame-inert");
+      void persistDrawingLayout(drawing);
+    };
+    window.addEventListener("pointermove", move);
+    window.addEventListener("pointerup", up, { once: true });
+  });
+}
+
+function installDrawingResize(card) {
+  card.querySelector(".workspace-node-resize").addEventListener("pointerdown", (event) => {
+    if (event.button !== 0) return;
+    event.preventDefault();
+    event.stopPropagation();
+    const drawing = state.drawings.get(card.dataset.drawingId);
+    if (!drawing) return;
+    const start = {
+      x: event.clientX, y: event.clientY, width: drawing.width, height: drawing.height,
+    };
+    card.classList.add("frame-inert");
+    const move = (next) => {
+      drawing.width = Math.max(
+        MIN_DRAWING_SIZE.width, start.width + (next.clientX - start.x) / state.camera.scale,
+      );
+      drawing.height = Math.max(
+        MIN_DRAWING_SIZE.height, start.height + (next.clientY - start.y) / state.camera.scale,
+      );
+      applyDrawingGeometry(card, drawing);
+    };
+    const up = () => {
+      window.removeEventListener("pointermove", move);
+      window.removeEventListener("pointerup", up);
+      card.classList.remove("frame-inert");
+      void persistDrawingLayout(drawing);
+    };
+    window.addEventListener("pointermove", move);
+    window.addEventListener("pointerup", up, { once: true });
+  });
+}
+
+async function persistDrawingLayout(drawing) {
+  try {
+    await saveDrawingLayout(drawing);
+    state.layoutPatchCount += 1;
+  } catch (error) {
+    showNotice(`Layout was not saved: ${error.message}`, "error");
+  }
+}
+
+function openNewSessionAt(clientX, clientY) {
+  if (!state.workspace || state.mode !== "canvas") return;
+  const rect = document.getElementById("canvas-view").getBoundingClientRect();
+  pendingSessionPoint = {
+    x: (clientX - rect.left - state.camera.x) / state.camera.scale,
+    y: (clientY - rect.top - state.camera.y) / state.camera.scale,
+  };
+  document.getElementById("new-session-error").textContent = "";
+  document.getElementById("new-session-prompt").value = "";
+  document.getElementById("new-session-model").value = state.defaults.model;
+  document.getElementById("new-session-reasoning").value = state.defaults.reasoning_effort;
+  if (!newSessionDialog.open) newSessionDialog.showModal();
+  requestAnimationFrame(() => document.getElementById("new-session-prompt").focus());
+}
+
+function openMergeDialog(nodeId) {
+  const source = state.nodes.get(nodeId);
+  if (!source?.parent_node_id || source.status !== "completed") return;
+  mergeSourceId = source.id;
+  const select = document.getElementById("merge-destination");
+  const parent = state.nodes.get(source.parent_node_id);
+  const options = [{ value: "parent", label: `Parent — ${parent?.title || "Untitled"}` }];
+  if (state.workspace?.root_node_id && state.workspace.root_node_id !== source.parent_node_id) {
+    const root = state.nodes.get(state.workspace.root_node_id);
+    options.push({ value: "root", label: `Main/root — ${root?.title || "Untitled"}` });
+  }
+  select.replaceChildren(...options.map((item) => {
+    const option = document.createElement("option");
+    option.value = item.value;
+    option.textContent = item.label;
+    return option;
+  }));
+  document.getElementById("merge-instruction").value = "";
+  document.getElementById("merge-error").textContent = "";
+  if (!mergeDialog.open) mergeDialog.showModal();
+}
+
 function selectNode(nodeId) {
   if (!state.nodes.has(nodeId)) return;
   state.selectedNodeId = nodeId;
+  setNodeUnread(nodeId, false);
   renderCanvas();
   renderReader();
   saveViewState();
@@ -807,6 +2094,54 @@ function readViewState(workspaceId) {
   } catch { return null; }
 }
 
+function readUnreadNodes(workspaceId, nodes) {
+  try {
+    const ids = JSON.parse(safeStorageGet(`${UNREAD_KEY_PREFIX}${workspaceId}`) || "[]");
+    return new Set(Array.isArray(ids) ? ids.filter((id) => nodes.has(id)) : []);
+  } catch { return new Set(); }
+}
+
+function persistUnreadNodes() {
+  if (!state.workspace) return;
+  safeStorageSet(`${UNREAD_KEY_PREFIX}${state.workspace.id}`, JSON.stringify([...state.unreadNodeIds]));
+}
+
+function setNodeUnread(nodeId, unread) {
+  if (!state.nodes.has(nodeId)) return;
+  if (unread) state.unreadNodeIds.add(nodeId);
+  else state.unreadNodeIds.delete(nodeId);
+  persistUnreadNodes();
+  updateUnreadControl();
+}
+
+function updateUnreadControl() {
+  const button = document.querySelector('[data-action="next-unread"]');
+  if (!button) return;
+  const count = [...state.unreadNodeIds].filter((id) => state.nodes.has(id)).length;
+  button.hidden = count === 0;
+  button.querySelector(".unread-count").textContent = String(count);
+  button.setAttribute("aria-label", `Next unread (${count})`);
+}
+
+function selectNextUnread() {
+  const node = [...state.nodes.values()]
+    .filter((item) => state.unreadNodeIds.has(item.id))
+    .sort((a, b) => a.updated_at.localeCompare(b.updated_at) || a.id.localeCompare(b.id))[0];
+  if (!node) return;
+  state.mode = "canvas";
+  selectNode(node.id);
+  const rect = document.getElementById("canvas-view").getBoundingClientRect();
+  state.camera.x = rect.width / 2 - (node.x + node.width / 2) * state.camera.scale;
+  state.camera.y = rect.height / 2 - (node.y + node.height / 2) * state.camera.scale;
+  renderWorkspace();
+  saveViewState();
+}
+
+function nodeKind(node) {
+  if (node.parent_node_id) return "branch";
+  return node.id === state.workspace?.root_node_id ? "root" : "standalone";
+}
+
 function childrenOf(parentId) {
   return [...state.nodes.values()].filter((node) => node.parent_node_id === parentId)
     .sort((a, b) => a.created_at.localeCompare(b.created_at) || a.id.localeCompare(b.id));
diff --git a/src/hermes-workspace/drawings.js b/src/hermes-workspace/drawings.js
new file mode 100644
index 0000000..0e2b664
--- /dev/null
+++ b/src/hermes-workspace/drawings.js
@@ -0,0 +1,141 @@
+/**
+ * Drawing windows: tldraw documents rendered beside session cards.
+ *
+ * The editor itself runs inside a same-origin iframe (`/drawing.html?id=...`)
+ * rather than on this page. tldraw applies inline style attributes at runtime,
+ * which CSP cannot allow via nonce or hash, so the frame document carries a
+ * relaxed `style-src` while the workspace page keeps the strict policy.
+ *
+ * A window is only *activated* — i.e. given a live editor — when the user asks
+ * for it. Until then it shows a rendered preview of the document. Three
+ * reasons, all of which showed up as lag or a black window on a real canvas:
+ *
+ *   1. Each live editor is a full React app with its own canvas and rAF loop.
+ *      Several idle ones compete for the main thread with the canvas the user
+ *      is actually panning.
+ *   2. The canvas zooms via CSS `zoom` on an ancestor, and the zoom factor is
+ *      typically fractional (e.g. 0.7549). A scaled iframe forces the
+ *      compositor to resample a live layer every frame, and at some fractional
+ *      scales the layer intermittently composites as an empty (black) quad.
+ *   3. An `<img>` costs one static layer regardless of document size.
+ *
+ * Deactivating on blur keeps the steady state cheap no matter how many
+ * drawings a workspace accumulates.
+ */
+
+export const MIN_DRAWING_SIZE = Object.freeze({ width: 360, height: 280 });
+
+export function normalizeDrawing(raw) {
+  return {
+    ...raw,
+    title: String(raw.title || "Drawing"),
+    preview: typeof raw.preview === "string" ? raw.preview : "",
+    x: Number(raw.x) || 0,
+    y: Number(raw.y) || 0,
+    width: Math.max(MIN_DRAWING_SIZE.width, Number(raw.width) || 900),
+    height: Math.max(MIN_DRAWING_SIZE.height, Number(raw.height) || 640),
+  };
+}
+
+export function createDrawingCard(drawing) {
+  const card = document.createElement("article");
+  card.className = "workspace-node drawing-window";
+  card.dataset.drawingId = drawing.id;
+  card.dataset.active = "false";
+  card.setAttribute("role", "option");
+  card.innerHTML = `
+    <header class="workspace-node-head drawing-window-head">
+      <span class="node-kind">Drawing</span>
+      <strong class="workspace-node-title"></strong>
+      <span class="drawing-state" data-drawing-state="idle">Idle</span>
+      <button class="node-delete" data-action="close-drawing" aria-label="Delete drawing">✕</button>
+    </header>
+    <div class="workspace-node-body drawing-window-body">
+      <div class="drawing-preview" data-drawing-preview data-action="activate-drawing"
+           role="button" tabindex="0" title="Click to edit this drawing">
+        <img class="drawing-preview-image" alt="" data-drawing-preview-image hidden>
+        <p class="drawing-preview-empty" data-drawing-preview-empty>Empty drawing</p>
+        <span class="drawing-activate">Edit</span>
+      </div>
+    </div>
+    <span class="workspace-node-resize" aria-hidden="true"></span>`;
+  card.querySelector(".workspace-node-title").textContent = drawing.title;
+  applyDrawingPreview(card, drawing);
+  applyDrawingGeometry(card, drawing);
+  return card;
+}
+
+/** Point the idle preview at the stored raster, if the document has one. */
+export function applyDrawingPreview(card, drawing) {
+  const image = card.querySelector("[data-drawing-preview-image]");
+  const empty = card.querySelector("[data-drawing-preview-empty]");
+  if (!image || !empty) return;
+  if (drawing.preview) {
+    image.src = drawing.preview;
+    image.hidden = false;
+    empty.hidden = true;
+  } else {
+    image.removeAttribute("src");
+    image.hidden = true;
+    empty.hidden = false;
+  }
+}
+
+/**
+ * Give the window a live editor. The iframe is created on demand rather than
+ * hidden, so an inactive window holds no editor process at all.
+ */
+export function activateDrawing(card, drawing) {
+  if (card.dataset.active === "true") return;
+  card.dataset.active = "true";
+  const body = card.querySelector(".drawing-window-body");
+  const existing = body.querySelector("iframe.drawing-frame");
+  if (existing) return;
+  const frame = document.createElement("iframe");
+  frame.className = "drawing-frame";
+  frame.title = "Drawing canvas";
+  frame.referrerPolicy = "no-referrer";
+  frame.src = `/drawing.html?id=${encodeURIComponent(drawing.id)}`;
+  body.appendChild(frame);
+  setDrawingStatus(card, "loading");
+}
+
+/**
+ * Tear the editor down and return to the preview.
+ *
+ * Removing the iframe is what actually reclaims the memory and stops the
+ * editor's animation frames; leaving it hidden would keep both.
+ */
+export function deactivateDrawing(card) {
+  if (card.dataset.active !== "true") return;
+  card.dataset.active = "false";
+  card.querySelector("iframe.drawing-frame")?.remove();
+  setDrawingStatus(card, "idle");
+}
+
+export function isDrawingActive(card) {
+  return card?.dataset.active === "true";
+}
+
+export function applyDrawingGeometry(card, drawing) {
+  card.style.left = `${drawing.x}px`;
+  card.style.top = `${drawing.y}px`;
+  card.style.width = `${drawing.width}px`;
+  card.style.height = `${drawing.height}px`;
+}
+
+const STATE_LABELS = {
+  idle: "Idle",
+  loading: "Loading…",
+  ready: "Saved",
+  saving: "Saving…",
+  saved: "Saved",
+  error: "Not saved",
+};
+
+export function setDrawingStatus(card, status) {
+  const badge = card?.querySelector("[data-drawing-state]");
+  if (!badge) return;
+  badge.dataset.drawingState = status;
+  badge.textContent = STATE_LABELS[status] || status;
+}
diff --git a/src/hermes-workspace/screens.js b/src/hermes-workspace/screens.js
new file mode 100644
index 0000000..11bcdb8
--- /dev/null
+++ b/src/hermes-workspace/screens.js
@@ -0,0 +1,134 @@
+/**
+ * Screen windows: live remote desktops rendered beside session cards.
+ *
+ * Each window owns one noVNC `RFB` instance pointed at the same-origin
+ * WebSocket bridge (`/api/screens/<id>/stream`). The backend performs RFB
+ * authentication, so no credential ever reaches this module.
+ */
+
+import RFB from "@novnc/novnc";
+import { screenStreamUrl } from "./api.js";
+
+export const MIN_SCREEN_SIZE = Object.freeze({ width: 320, height: 240 });
+
+const connections = new Map();
+
+export function normalizeScreen(raw) {
+  return {
+    ...raw,
+    screen_key: String(raw.screen_key || ""),
+    title: String(raw.title || "Screen"),
+    x: Number(raw.x) || 0,
+    y: Number(raw.y) || 0,
+    width: Math.max(MIN_SCREEN_SIZE.width, Number(raw.width) || 960),
+    height: Math.max(MIN_SCREEN_SIZE.height, Number(raw.height) || 620),
+  };
+}
+
+/**
+ * Build the DOM for a screen window. Behaviour (drag, resize, close) is wired
+ * by the caller so this module stays free of workspace state.
+ */
+export function createScreenCard(screen) {
+  const card = document.createElement("article");
+  card.className = "workspace-node screen-window";
+  card.dataset.screenId = screen.id;
+  card.setAttribute("role", "option");
+  card.innerHTML = `
+    <header class="workspace-node-head screen-window-head">
+      <span class="node-kind">Screen</span>
+      <strong class="workspace-node-title"></strong>
+      <span class="screen-state" data-screen-state="connecting">Connecting…</span>
+      <button class="node-delete" data-action="close-screen" aria-label="Close screen">✕</button>
+    </header>
+    <div class="workspace-node-body screen-window-body">
+      <div class="screen-canvas" data-screen-canvas></div>
+      <p class="screen-message" data-screen-message hidden></p>
+    </div>
+    <span class="workspace-node-resize" aria-hidden="true"></span>`;
+  card.querySelector(".workspace-node-title").textContent = screen.title;
+  applyScreenGeometry(card, screen);
+  return card;
+}
+
+export function applyScreenGeometry(card, screen) {
+  card.style.left = `${screen.x}px`;
+  card.style.top = `${screen.y}px`;
+  card.style.width = `${screen.width}px`;
+  card.style.height = `${screen.height}px`;
+}
+
+function setStatus(card, status, message) {
+  const badge = card.querySelector("[data-screen-state]");
+  const note = card.querySelector("[data-screen-message]");
+  if (badge) {
+    badge.dataset.screenState = status;
+    badge.textContent = {
+      connecting: "Connecting…",
+      connected: "Live",
+      error: "Disconnected",
+    }[status] || status;
+  }
+  if (note) {
+    note.textContent = message || "";
+    note.hidden = !message;
+  }
+}
+
+/**
+ * Attach a live VNC session to a screen card. Safe to call repeatedly; an
+ * existing connection for the same screen is torn down first.
+ */
+export function connectScreen(screen, card, { onError } = {}) {
+  disconnectScreen(screen.id);
+  const target = card.querySelector("[data-screen-canvas]");
+  if (!target) return;
+  setStatus(card, "connecting", "");
+
+  let rfb;
+  try {
+    rfb = new RFB(target, screenStreamUrl(screen.id), { shared: true });
+  } catch (error) {
+    setStatus(card, "error", error?.message || "Could not start the viewer");
+    onError?.(error);
+    return;
+  }
+  // Scale the remote framebuffer into whatever size the window happens to be.
+  rfb.scaleViewport = true;
+  rfb.resizeSession = false;
+  rfb.background = "#0b0b10";
+
+  rfb.addEventListener("connect", () => setStatus(card, "connected", ""));
+  rfb.addEventListener("disconnect", (event) => {
+    const clean = event?.detail?.clean;
+    setStatus(
+      card,
+      "error",
+      clean ? "The screen session ended." : "Lost the connection to this screen.",
+    );
+  });
+  rfb.addEventListener("securityfailure", (event) => {
+    setStatus(card, "error", event?.detail?.reason || "The screen refused the connection.");
+  });
+
+  connections.set(screen.id, rfb);
+}
+
+export function disconnectScreen(screenId) {
+  const rfb = connections.get(screenId);
+  if (!rfb) return;
+  connections.delete(screenId);
+  try {
+    rfb.disconnect();
+  } catch {
+    // A half-open socket is already effectively closed.
+  }
+}
+
+export function disconnectAllScreens() {
+  for (const screenId of [...connections.keys()]) disconnectScreen(screenId);
+}
+
+export function isScreenConnected(screenId) {
+  return connections.has(screenId);
+}
diff --git a/src/hermes-workspace/styles.css b/src/hermes-workspace/styles.css
index 90ad9b3..02d8eae 100644
--- a/src/hermes-workspace/styles.css
+++ b/src/hermes-workspace/styles.css
@@ -24,19 +24,43 @@ button { color: inherit; }
 #workspace-edges { position: absolute; inset: -50000px; width: 100000px; height: 100000px; overflow: visible; pointer-events: none; }
 #workspace-edges path { fill: none; stroke: color-mix(in srgb, var(--accent) 48%, var(--border)); stroke-width: 2px; vector-effect: non-scaling-stroke; }
 #workspace-nodes { position: absolute; inset: 0; }
-.workspace-node { position: absolute; isolation: isolate; display: grid; grid-template-rows: auto 1fr auto; min-width: 300px; min-height: 240px; overflow: hidden; border: 1px solid var(--card-border); border-radius: 18px; background: var(--card-surface); box-shadow: var(--card-shadow); cursor: default; transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease; }
+.workspace-node { position: absolute; isolation: isolate; display: grid; grid-template-rows: auto auto 1fr auto; min-width: 300px; min-height: 240px; overflow: hidden; border: 1px solid var(--card-border); border-radius: 18px; background: var(--card-surface); box-shadow: var(--card-shadow); cursor: default; transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease; }
 .workspace-node:hover { border-color: color-mix(in srgb, var(--fg) 24%, transparent); box-shadow: 0 3px 5px rgba(0,0,0,.2), 0 28px 80px rgba(0,0,0,.34); }
 .workspace-node[aria-selected="true"] { border-color: color-mix(in srgb, var(--accent) 78%, var(--card-border)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent), 0 30px 86px rgba(0,0,0,.34); }
 .workspace-node[data-status="running"] { border-color: color-mix(in srgb, var(--accent) 42%, var(--card-border)); }
 .workspace-node[data-status="failed"] { border-color: color-mix(in srgb, var(--warn) 60%, var(--card-border)); }
+.workspace-node[data-unread="true"] { border-color: var(--accent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent), 0 30px 86px rgba(0,0,0,.38); }
 .workspace-node.dragging { transform: translateY(-2px); box-shadow: 0 32px 90px rgba(0,0,0,.42); }
-.workspace-node-head { display: grid; grid-template-columns: 28px minmax(0,1fr) auto auto; align-items: center; gap: 10px; min-height: 60px; padding: 9px 11px 9px 14px; border-bottom: 1px solid var(--card-border); background: var(--card-header); cursor: grab; user-select: none; }
+.workspace-node-head { display: grid; grid-template-columns: 28px minmax(0,1fr) auto auto auto auto auto; align-items: center; gap: 8px; min-height: 60px; padding: 9px 11px 9px 14px; border-bottom: 1px solid var(--card-border); background: var(--card-header); cursor: grab; user-select: none; }
+.workspace-node[data-header-colored="true"] .workspace-node-head { background: color-mix(in srgb, var(--node-header-color) 26%, var(--card-header)); }
 .workspace-node-head:active { cursor: grabbing; }
 .node-kind { width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid color-mix(in srgb, var(--accent) 24%, transparent); border-radius: 9px; background: color-mix(in srgb, var(--accent) 9%, transparent); color: var(--accent); font-family: var(--font-mono); font-size: 13px; }
 .node-kind svg { width: 17px; height: 17px; }
 .workspace-node-title { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: var(--fg-bold); font-size: 13.5px; line-height: 1.25; font-weight: 500; letter-spacing: -.012em; }
 .node-state { display: inline-flex; align-items: center; gap: 6px; padding: 4px 7px; border: 1px solid color-mix(in srgb, var(--fg) 11%, transparent); border-radius: 999px; color: var(--fg-faint); font-family: var(--font-mono); font-size: 9px; font-weight: 500; text-transform: uppercase; letter-spacing: .09em; }
 .node-state::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: color-mix(in srgb, var(--fg) 36%, transparent); }
+.node-unread { padding: 4px 7px; border-radius: 999px; background: var(--accent); color: var(--accent-contrast); font: 600 9px/1 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; }
+.node-settings { width: 28px; height: 28px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: var(--fg-dim); cursor: pointer; }
+.node-settings:hover { border-color: var(--card-border); color: var(--fg-bold); }
+.node-settings:disabled { opacity: .32; cursor: default; }
+.node-delete { width: 28px; height: 28px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: var(--fg-dim); font-size: 13px; line-height: 1; cursor: pointer; }
+.node-delete:hover:not(:disabled) { border-color: color-mix(in srgb, var(--warn, #d9534f) 55%, transparent); color: var(--warn, #d9534f); background: color-mix(in srgb, var(--warn, #d9534f) 12%, transparent); }
+.node-delete:disabled { opacity: .32; cursor: default; }
+.danger-button { border: 1px solid color-mix(in srgb, var(--warn, #d9534f) 60%, transparent); border-radius: 9px; padding: 8px 15px; color: #fff; background: var(--warn, #d9534f); font: inherit; cursor: pointer; }
+.danger-button:hover:not(:disabled) { filter: brightness(1.08); }
+.danger-button:disabled { opacity: .5; cursor: default; }
+#delete-summary { color: var(--fg-dim); }
+#delete-error:not(:empty) { margin: 0 22px; color: var(--warn, #d9534f); }
+.node-model-summary { overflow: hidden; padding: 6px 15px 7px 50px; border-bottom: 1px solid color-mix(in srgb, var(--card-border) 65%, transparent); color: var(--fg-faint); font: 500 10px/1.25 var(--font-mono); text-overflow: ellipsis; white-space: nowrap; }
+.node-merge { height: 28px; border: 1px solid var(--card-border); border-radius: 8px; padding: 0 8px; background: transparent; color: var(--fg-dim); font-size: 11px; cursor: pointer; }
+.node-merge:hover { border-color: var(--accent); color: var(--fg-bold); }
+.node-merge:disabled { opacity: .4; cursor: default; }
+/* Stop only exists while a turn is in flight; it is destructive-adjacent so it
+   borrows the warning colour without shouting on an idle card. */
+.node-stop { height: 28px; border: 1px solid color-mix(in srgb, var(--warn, #d9534f) 45%, transparent); border-radius: 8px; padding: 0 8px; background: transparent; color: var(--warn, #d9534f); font-size: 11px; cursor: pointer; }
+.node-stop:hover:not(:disabled) { background: color-mix(in srgb, var(--warn, #d9534f) 12%, transparent); }
+.node-stop:disabled { opacity: .4; cursor: default; }
+.node-stop[hidden] { display: none; }
 .workspace-node[data-status="running"] .node-state::before { background: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 13%, transparent); }
 .workspace-node[data-status="failed"] .node-state::before { background: var(--warn); }
 .node-open { width: 28px; height: 28px; border: 0; border-radius: 50%; background: transparent; color: var(--fg-dim); cursor: pointer; }
@@ -67,7 +91,40 @@ button { color: inherit; }
 .branch-input-row:focus-within { border-color: color-mix(in srgb, var(--accent) 65%, var(--card-border)); background: var(--input-bg, var(--node-bg)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 11%, transparent); }
 .branch-input-row textarea { flex: 1; min-width: 0; min-height: 28px; resize: none; border: 0; outline: 0; padding: 5px 0 3px; background: transparent; color: var(--fg); font-size: 13.5px; line-height: 1.45; }
 .branch-input-row textarea::placeholder { color: var(--fg-faint); }
-.branch-input-row button { flex: 0 0 30px; width: 30px; height: 30px; border: 0; border-radius: 9px; background: var(--accent); color: var(--accent-contrast); cursor: pointer; opacity: .68; transition: opacity 140ms ease, transform 140ms ease; }
+.branch-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 6px; }
+.branch-input-row button { flex: 0 0 auto; height: 30px; border: 0; border-radius: 9px; padding: 0 9px; cursor: pointer; opacity: .68; transition: opacity 140ms ease, transform 140ms ease; }
+.branch-input-row .follow-up-continue { background: var(--accent); color: var(--accent-contrast); }
+.branch-input-row .follow-up-branch { border: 1px solid var(--card-border); background: transparent; color: var(--fg-dim); }
+/* Retry is the primary way out of a failed run, so it reads as an action
+   rather than a warning. It is hidden unless the node actually failed. */
+.branch-input-row .follow-up-retry { border: 1px solid color-mix(in srgb, var(--accent) 55%, transparent); background: color-mix(in srgb, var(--accent) 12%, transparent); color: var(--fg-bold); }
+.branch-input-row .follow-up-retry[hidden] { display: none; }
+.queued-followups { display: grid; gap: 6px; padding: 8px 2px 0; }
+.queued-follow-up { display: flex; align-items: center; gap: 8px; padding: 7px 8px; border-radius: 8px; background: color-mix(in srgb, var(--accent) 8%, transparent); color: var(--fg-dim); font-size: 12px; }
+.queued-follow-up span { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.queued-follow-up button { flex: 0 0 auto; height: auto; padding: 3px 6px; border: 1px solid var(--card-border); background: transparent; color: var(--fg-dim); font-size: 11px; }
+.node-attachments { display: flex; flex-wrap: wrap; gap: 6px; padding: 8px 2px 0; }
+/* Sent attachments read as part of the transcript, so they sit above the answer
+   with a divider rather than floating in the composer's input area. */
+.node-sent-attachments { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 12px; padding: 0 0 10px; border-bottom: 1px solid var(--card-border); }
+.node-sent-attachments::before { content: "Sent"; flex: 0 0 100%; margin-bottom: 2px; color: var(--fg-faint); font-size: 10.5px; letter-spacing: .06em; text-transform: uppercase; }
+#reader-sent-attachments { margin-bottom: 18px; }
+.attachment-chip { position: relative; display: flex; align-items: center; gap: 7px; max-width: 220px; padding: 5px 7px; border: 1px solid var(--card-border); border-radius: 9px; background: color-mix(in srgb, var(--accent) 7%, transparent); }
+.attachment-chip[data-delivered="true"] { opacity: .72; }
+.attachment-link { display: flex; align-items: center; gap: 7px; min-width: 0; color: var(--fg-dim); font-size: 12px; text-decoration: none; }
+.attachment-link:hover { color: var(--fg-bold); }
+.attachment-thumb { flex: 0 0 auto; width: 34px; height: 34px; border-radius: 6px; object-fit: cover; background: var(--bar-bg); }
+.attachment-glyph { flex: 0 0 auto; width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px; background: color-mix(in srgb, var(--accent) 14%, transparent); color: var(--accent); font-size: 15px; }
+.attachment-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.attachment-meta { flex: 0 0 auto; color: var(--fg-faint); font-size: 10.5px; }
+.attachment-remove { flex: 0 0 auto; height: auto; padding: 1px 5px; border: 1px solid var(--card-border); border-radius: 6px; background: transparent; color: var(--fg-dim); font-size: 12px; line-height: 1.2; cursor: pointer; }
+.attachment-remove:hover { color: var(--warn); border-color: color-mix(in srgb, var(--warn) 50%, var(--card-border)); }
+.attachment-pending { color: var(--fg-faint); font-size: 12px; }
+.attach-button { flex: 0 0 auto; background: transparent; border: 1px solid var(--card-border); font-size: 13px; line-height: 1; cursor: pointer; }
+/* Drop affordance for drag-and-drop onto a card. Pointer-events stay off so
+   the overlay never swallows the drop event it exists to advertise. */
+.workspace-node[data-drop-active="true"] { border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 26%, transparent), 0 30px 86px rgba(0,0,0,.34); }
+.workspace-node[data-drop-active="true"]::after { content: "Drop to attach"; position: absolute; inset: 0; z-index: 5; display: flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--accent) 14%, transparent); color: var(--fg-bold); font-size: 13px; font-weight: 500; letter-spacing: -.01em; pointer-events: none; }
 .branch-input-row:focus-within button, .branch-input-row:hover button { opacity: 1; }
 .branch-input-row button:hover { transform: translateY(-1px); }
 .workspace-node-resize { position: absolute; right: 0; bottom: 0; width: 18px; height: 18px; cursor: nwse-resize; }
@@ -82,13 +139,16 @@ button { color: inherit; }
 
 /* Semantic overview: below 72% zoom, cards become legible catalog records
    instead of shrinking full articles into unreadable thumbnails. */
-body[data-zoom-tier="overview"] .workspace-node { grid-template-rows: auto 1fr; border-radius: 20px; }
-body[data-zoom-tier="overview"] .workspace-node-head { grid-template-columns: 36px minmax(0,1fr) auto; min-height: 72px; gap: 14px; padding: 13px 18px; }
+body[data-zoom-tier="overview"] .workspace-node { grid-template-rows: auto auto 1fr; border-radius: 20px; }
+body[data-zoom-tier="overview"] .workspace-node-head { grid-template-columns: 36px minmax(0,1fr) auto auto; min-height: 72px; gap: 14px; padding: 13px 18px; }
 body[data-zoom-tier="overview"] .node-kind { width: 36px; height: 36px; border-radius: 11px; font-size: 17px; }
 body[data-zoom-tier="overview"] .node-kind svg { width: 22px; height: 22px; }
 body[data-zoom-tier="overview"] .workspace-node-title { font-size: 19px; font-weight: 600; letter-spacing: -.022em; }
 body[data-zoom-tier="overview"] .node-state { padding: 5px 8px; font-size: 10px; }
-body[data-zoom-tier="overview"] .node-open { display: none; }
+body[data-zoom-tier="overview"] .node-open,
+body[data-zoom-tier="overview"] .node-settings,
+body[data-zoom-tier="overview"] .node-delete,
+body[data-zoom-tier="overview"] .node-merge { display: none; }
 body[data-zoom-tier="overview"] .workspace-node-body { padding: 30px 34px 34px; overflow: hidden; }
 body[data-zoom-tier="overview"] .node-markdown,
 body[data-zoom-tier="overview"] .tool-activity,
@@ -153,6 +213,22 @@ body[data-zoom-tier="focus"] .workspace-node-body { padding: 27px 32px 32px; }
 .primary-button { min-height: 40px; padding: 0 20px; border: 0; border-radius: var(--radius-control, 9px); background: var(--accent); color: var(--accent-contrast); font-family: var(--font-ui); font-weight: var(--weight-semibold, 650); cursor: pointer; }
 .primary-button:hover { background: color-mix(in srgb, var(--accent) 88%, var(--fg-bold)); }
 .primary-button:disabled { opacity: .55; cursor: progress; }
+#new-session-dialog, #merge-dialog, #settings-dialog, #delete-dialog { position: fixed; inset: 0; margin: auto; width: min(520px, calc(100vw - 28px)); max-height: calc(100dvh - 28px); overflow: hidden auto; border: 1px solid var(--border); border-radius: 16px; padding: 0; color: var(--fg); background: var(--node-bg); box-shadow: var(--shadow-modal, 0 20px 70px rgba(0,0,0,.48)); }
+#new-session-dialog::backdrop, #merge-dialog::backdrop, #settings-dialog::backdrop, #delete-dialog::backdrop { background: color-mix(in srgb, var(--bg) 62%, rgba(6,6,8,.78)); backdrop-filter: blur(6px); }
+#new-session-form, #merge-form, #settings-form { display: grid; gap: 13px; padding: 26px; }
+#new-session-form header, #merge-form header, #settings-form header { display: grid; gap: 5px; margin-bottom: 4px; }
+#new-session-form h1, #merge-form h1, #settings-form h1 { color: var(--fg-bold); font-size: 20px; }
+#new-session-form header p, #merge-form header p, #settings-form header p { color: var(--fg-dim); font-size: 13px; }
+#new-session-form label, #merge-form label, #settings-form label { color: var(--fg-dim); font-size: 12px; font-weight: 600; }
+#new-session-form textarea, #merge-form textarea, #merge-form select, .session-options select { width: 100%; border: 1px solid var(--border); border-radius: 10px; padding: 11px 12px; outline: 0; resize: vertical; background: var(--input-bg, var(--bar-bg)); color: var(--fg); }
+#new-session-form textarea:focus, #merge-form textarea:focus, #merge-form select:focus, .session-options select:focus { border-color: var(--accent); box-shadow: var(--focus-field-shadow); }
+#new-session-error, #merge-error, #settings-error { min-height: 18px; color: var(--warn); font-size: 12px; }
+#new-session-form footer, #merge-form footer, #settings-form footer { display: flex; justify-content: flex-end; gap: 10px; }
+.session-options { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(140px, .8fr); gap: 12px; }
+.session-options label { display: grid; gap: 7px; }
+.reader-model-summary { margin-top: 8px !important; color: var(--fg-faint) !important; font: 500 12px/1.4 var(--font-mono) !important; }
+#workspace-toolbar [data-action="next-unread"] { background: color-mix(in srgb, var(--accent) 16%, transparent); color: var(--fg-bold); }
+.unread-count { display: inline-flex; min-width: 18px; height: 18px; align-items: center; justify-content: center; margin-left: 4px; border-radius: 999px; background: var(--accent); color: var(--accent-contrast); font-size: 10px; }
 #workspace-notice { position: fixed; z-index: 120; top: 18px; left: 50%; transform: translate(-50%,-18px); max-width: min(600px,calc(100vw - 30px)); padding: 10px 14px; border: 1px solid var(--border); border-radius: 9px; background: var(--bar-bg); color: var(--fg); opacity: 0; pointer-events: none; transition: 150ms ease; }
 #workspace-notice.visible { transform: translate(-50%,0); opacity: 1; }
 #workspace-notice[data-kind="error"] { border-color: color-mix(in srgb, var(--warn) 50%, var(--border)); color: var(--warn); }
@@ -217,3 +293,124 @@ body[data-zoom-tier="focus"] .workspace-node-body { padding: 27px 32px 32px; }
   #selection-ask { transform: none; }
   #selection-ask.visible { transform: none; }
 }
+
+/* Canvas context menu */
+#canvas-menu {
+  position: absolute;
+  z-index: 40;
+  margin: 0;
+  padding: 4px;
+  list-style: none;
+  min-width: 170px;
+  border-radius: 10px;
+  border: 1px solid var(--border, #2a2a35);
+  background: var(--surface, #16161d);
+  box-shadow: 0 12px 32px rgb(0 0 0 / 45%);
+}
+#canvas-menu[hidden] { display: none; }
+#canvas-menu li { list-style: none; }
+#canvas-menu button {
+  display: block;
+  width: 100%;
+  padding: 8px 12px;
+  border: 0;
+  border-radius: 7px;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+#canvas-menu button:hover:not(:disabled) { background: var(--surface-hover, #23232e); }
+#canvas-menu button:disabled { opacity: 0.45; cursor: not-allowed; }
+
+/* Screen windows */
+/* Session cards use four rows (head, model summary, body, branch form). A
+   screen card has only a head and a body, so it needs its own track list or
+   the body lands in an `auto` row and collapses to zero height. */
+.workspace-node.screen-window { grid-template-rows: auto 1fr; }
+body[data-zoom-tier="overview"] .workspace-node.screen-window { grid-template-rows: auto 1fr; }
+.screen-window .workspace-node-body {
+  padding: 0;
+  overflow: hidden;
+  background: #0b0b10;
+  display: flex;
+  flex-direction: column;
+}
+.screen-canvas {
+  flex: 1 1 auto;
+  min-height: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+/* noVNC injects its own canvas; make it fill the window without overflowing. */
+.screen-canvas canvas { max-width: 100%; max-height: 100%; display: block; }
+.screen-message {
+  margin: 0;
+  padding: 10px 12px;
+  font-size: 12px;
+  color: var(--muted, #9a9aa8);
+  background: var(--surface, #16161d);
+  border-top: 1px solid var(--border, #2a2a35);
+}
+.screen-message[hidden] { display: none; }
+/* noVNC's canvas fills the body, so lift the grab handle above it. */
+.screen-window .workspace-node-resize { z-index: 3; }
+.screen-state {
+  margin-left: auto;
+  font-size: 11px;
+  letter-spacing: 0.02em;
+  text-transform: uppercase;
+  color: var(--muted, #9a9aa8);
+}
+.screen-state[data-screen-state="connected"] { color: #17a673; }
+.screen-state[data-screen-state="error"] { color: #db6d45; }
+
+/* Drawing windows mirror the screen-window layout: head + body, where the
+   body is filled edge to edge by the tldraw iframe. */
+.workspace-node.drawing-window { grid-template-rows: auto 1fr; }
+body[data-zoom-tier="overview"] .workspace-node.drawing-window { grid-template-rows: auto 1fr; }
+/* Overview mode normally adds card-body padding for document summaries. A live
+   drawing is an edge-to-edge editor, so that padding becomes a black empty
+   gutter and clips the iframe at low canvas zoom. */
+body[data-zoom-tier="overview"] .workspace-node.drawing-window .workspace-node-body { padding: 0; }
+.drawing-window .workspace-node-body {
+  padding: 0;
+  overflow: hidden;
+  background: #101014;
+}
+.drawing-frame {
+  width: 100%;
+  height: 100%;
+  border: 0;
+  display: block;
+}
+/* The idle preview: one static layer instead of a live editor. It must not be
+   flat black -- that is exactly what the compositor bug it replaces looked
+   like, and an idle window should read as deliberate, not broken. */
+.drawing-preview { position: relative; width: 100%; height: 100%; display: grid; place-items: center; overflow: hidden; background: var(--card-surface, #16161d); background-image: radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--fg, #e8e8ef) 10%, transparent) 1px, transparent 0); background-size: 16px 16px; cursor: pointer; }
+.drawing-preview-image { max-width: 100%; max-height: 100%; object-fit: contain; display: block; background: #fff; border-radius: 6px; }
+.drawing-preview-empty { margin: 0; color: var(--fg-faint, #9a9aa8); font: 500 12px/1.4 var(--font-mono, monospace); letter-spacing: .06em; text-transform: uppercase; }
+.drawing-activate { position: absolute; right: 10px; bottom: 10px; padding: 6px 14px; border: 1px solid var(--border, #2a2a35); border-radius: 9px; background: var(--bar-bg, #16161d); color: var(--fg, #e8e8ef); font: 500 12px/1 var(--font-mono, monospace); pointer-events: none; opacity: .9; }
+.drawing-preview:hover .drawing-activate { opacity: 1; border-color: var(--accent, #7c6cf2); }
+/* A live editor must composite on its own layer. Inside the canvas's
+   fractional CSS `zoom`, an un-promoted iframe is resampled every frame and
+   can intermittently composite as an empty (black) quad. */
+.drawing-window[data-active="true"] .drawing-window-body { transform: translateZ(0); will-change: transform; }
+.drawing-window[data-active="true"] .drawing-preview { display: none; }
+/* The iframe would otherwise capture the pointer mid-drag and stall the
+   gesture; `frame-inert` is applied for the duration of a drag or resize. */
+.drawing-window.frame-inert .drawing-frame { pointer-events: none; }
+/* Keep the grab handle above the iframe. */
+.drawing-window .workspace-node-resize { z-index: 3; }
+.drawing-state {
+  margin-left: auto;
+  font-size: 11px;
+  letter-spacing: 0.02em;
+  text-transform: uppercase;
+  color: var(--muted, #9a9aa8);
+}
+.drawing-state[data-drawing-state="saved"],
+.drawing-state[data-drawing-state="ready"] { color: #17a673; }
+.drawing-state[data-drawing-state="error"] { color: #db6d45; }
diff --git a/systemd/hermes-visual-workspace.service.example b/systemd/hermes-visual-workspace.service.example
index f3e87b0..bd486bf 100644
--- a/systemd/hermes-visual-workspace.service.example
+++ b/systemd/hermes-visual-workspace.service.example
@@ -6,6 +6,11 @@ Wants=network-online.target
 [Service]
 Type=simple
 WorkingDirectory=/absolute/path/to/hermes-visual-workspace
+# Optional: remote screens available from the canvas right-click menu, as
+# key|Label|host|port|password entries separated by ";". Hosts must be on the
+# Tailscale mesh or loopback. Passwords stay server-side and are never sent to
+# the browser.
+# Environment=HERMES_VISUAL_SCREENS=admin-mini|Admin Mac mini|100.65.42.125|5900|secret
 ExecStart=/absolute/path/to/hermes-visual-workspace/scripts/start.sh
 Restart=on-failure
 RestartSec=3
diff --git a/test/hermes-workspace/attachments.test.mjs b/test/hermes-workspace/attachments.test.mjs
new file mode 100644
index 0000000..cf8f8b7
--- /dev/null
+++ b/test/hermes-workspace/attachments.test.mjs
@@ -0,0 +1,130 @@
+import assert from "node:assert/strict";
+import { bootHermesWorkspace } from "./harness.mjs";
+
+const app = await bootHermesWorkspace();
+const { browser, baseUrl, fixture } = app;
+let context;
+try {
+  context = await browser.newContext();
+  const page = await context.newPage();
+  const browserErrors = [];
+  page.on("console", (message) => { if (message.type() === "error") browserErrors.push(message.text()); });
+  page.on("pageerror", (error) => browserErrors.push(error.message));
+
+  await page.goto(baseUrl, { waitUntil: "networkidle" });
+  await page.getByRole("button", { name: "Export archive" }).waitFor();
+  await page.getByRole("button", { name: "New workspace" }).click();
+  await page.getByLabel("What do you want to explore?").fill("Attach files to a session");
+  await page.getByRole("button", { name: "Start exploring" }).click();
+
+  const root = page.locator('[data-node-id="rn_root"]');
+  await root.locator(".node-markdown", { hasText: "Hermes is" }).waitFor();
+  const composer = root.locator(".node-branch-form");
+
+  // The paperclip opens the hidden file input that lives in the same form.
+  const attachButton = composer.locator("[data-attach-files]");
+  await attachButton.waitFor();
+  assert.equal(await attachButton.isVisible(), true, "the composer should expose an attach control");
+
+  // Upload an image and a document together.
+  // A real, decodable 1x1 PNG so the thumbnail assertion tests rendering
+  // rather than just the <img> element existing.
+  const PNG_1PX = Buffer.from(
+    "iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mP8z8BQDwAEhQGAhKmMIQAAAABJRU5ErkJggg==",
+    "base64",
+  );
+  await composer.locator(".attach-input").setInputFiles([
+    { name: "diagram.png", mimeType: "image/png", buffer: PNG_1PX },
+    { name: "numbers.csv", mimeType: "text/csv", buffer: Buffer.from("a,b\n1,2\n") },
+  ]);
+
+  const strip = composer.locator(".node-attachments");
+  await strip.locator('.attachment-chip[data-kind="image"]').waitFor();
+  await strip.locator('.attachment-chip[data-kind="document"]').waitFor();
+  assert.equal(await strip.locator(".attachment-chip").count(), 2,
+    "both uploaded files should appear as chips");
+
+  // The image renders a real thumbnail; the document gets a glyph instead.
+  const thumb = strip.locator('.attachment-chip[data-kind="image"] .attachment-thumb');
+  await thumb.waitFor();
+  const thumbLoaded = await thumb.evaluate((img) => img.complete && img.naturalWidth > 0);
+  assert.equal(thumbLoaded, true, "an image attachment should render a loaded preview");
+  assert.equal(
+    await strip.locator('.attachment-chip[data-kind="document"] .attachment-glyph').count(),
+    1,
+    "a non-image attachment should fall back to a glyph",
+  );
+
+  // Every chip links to its download URL.
+  const href = await strip.locator('.attachment-chip[data-kind="document"] a').getAttribute("href");
+  assert.match(href || "", /^\/api\/attachments\/ra_[0-9a-f]+\/content$/,
+    "a chip should link to the attachment content endpoint");
+  const downloadName = await strip
+    .locator('.attachment-chip[data-kind="document"] a').getAttribute("download");
+  assert.equal(downloadName, "numbers.csv", "the link should download under the original name");
+
+  assert.equal(fixture.uploads.length, 1, "the browser should post one multipart upload");
+  assert.deepEqual(fixture.uploads[0].files, ["diagram.png", "numbers.csv"],
+    "both files should reach the backend in one request");
+
+  // A pending attachment can be removed again.
+  await strip.locator('.attachment-chip[data-kind="document"] .attachment-remove').click();
+  await strip.locator('.attachment-chip[data-kind="document"]').waitFor({ state: "detached" });
+  assert.equal(await strip.locator(".attachment-chip").count(), 1,
+    "removing a pending attachment should drop its chip");
+
+  // Drag-and-drop onto a card uploads too, via a synthesised DataTransfer.
+  await root.evaluate((card) => {
+    const transfer = new DataTransfer();
+    transfer.items.add(new File(["hello"], "dropped.txt", { type: "text/plain" }));
+    card.dispatchEvent(new DragEvent("dragenter", { dataTransfer: transfer, bubbles: true }));
+  });
+  assert.equal(await root.getAttribute("data-drop-active"), "true",
+    "dragging files over a card should show the drop affordance");
+
+  await root.evaluate((card) => {
+    const transfer = new DataTransfer();
+    transfer.items.add(new File(["hello"], "dropped.txt", { type: "text/plain" }));
+    card.dispatchEvent(new DragEvent("drop", { dataTransfer: transfer, bubbles: true }));
+  });
+  await strip.locator(".attachment-chip", { hasText: "dropped.txt" }).waitFor();
+  assert.equal(await root.getAttribute("data-drop-active"), null,
+    "the drop affordance should clear after the drop");
+  assert.equal(fixture.uploads.length, 2, "the drop should trigger a second upload");
+  assert.deepEqual(fixture.uploads[1].files, ["dropped.txt"]);
+
+  // Sending a turn moves the attachments out of the composer and into the
+  // transcript: they are part of what was said, not of what is being composed.
+  const sent = root.locator(".node-sent-attachments");
+  assert.equal(await sent.locator(".attachment-chip").count(), 0,
+    "nothing should sit in the transcript before a turn is sent");
+
+  await composer.locator("textarea").fill("Summarise these please.");
+  await composer.getByRole("button", { name: "Continue here" }).click();
+
+  await sent.locator(".attachment-chip", { hasText: "diagram.png" }).waitFor();
+  await strip.locator(".attachment-chip").first().waitFor({ state: "detached" });
+  assert.equal(await strip.locator(".attachment-chip").count(), 0,
+    "the composer should be empty once its attachments have been sent");
+  assert.equal(await sent.locator(".attachment-chip").count(), 2,
+    "both sent attachments should appear in the transcript");
+
+  // A sent attachment can no longer be removed -- the transcript has to keep
+  // matching what Hermes actually received.
+  assert.equal(await sent.locator(".attachment-remove").count(), 0,
+    "sent attachments should not offer a remove button");
+  assert.equal(await sent.locator('[data-delivered="true"]').count(), 2,
+    "sent chips should be marked as delivered");
+
+  // The download link survives the move into the transcript.
+  const sentHref = await sent.locator(".attachment-chip", { hasText: "diagram.png" })
+    .locator("a").getAttribute("href");
+  assert.match(sentHref || "", /^\/api\/attachments\/ra_[0-9a-f]+\/content$/,
+    "a sent chip should still link to its bytes");
+
+  assert.deepEqual(browserErrors, [], "the page should not log errors");
+  console.log("attachments acceptance passed");
+} finally {
+  await context?.close();
+  await app.close();
+}
diff --git a/test/hermes-workspace/delete-window.test.mjs b/test/hermes-workspace/delete-window.test.mjs
new file mode 100644
index 0000000..4f8b4bc
--- /dev/null
+++ b/test/hermes-workspace/delete-window.test.mjs
@@ -0,0 +1,71 @@
+import assert from "node:assert/strict";
+import { bootHermesWorkspace } from "./harness.mjs";
+
+const app = await bootHermesWorkspace();
+const { browser, baseUrl, fixture } = app;
+try {
+  const context = await browser.newContext({ viewport: { width: 1280, height: 760 } });
+  const page = await context.newPage();
+  await page.goto(baseUrl, { waitUntil: "networkidle" });
+
+  await page.getByRole("button", { name: "New workspace" }).click();
+  const create = page.getByRole("dialog", { name: "Create workspace" });
+  await create.getByRole("textbox").fill("Deletable trail");
+  await create.getByRole("button", { name: "Start exploring" }).click();
+  const root = page.locator('[data-node-id="rn_root"]');
+  await root.locator(".node-markdown", { hasText: "streaming the root document" }).waitFor();
+
+  // The root window is the workspace itself, so it offers no delete affordance.
+  assert.equal(await root.locator(".node-delete").isVisible(), false);
+
+  await root.locator(".node-branch-form textarea").fill("branch to remove");
+  await root.getByRole("button", { name: "New branch" }).click();
+  const child = page.locator('[data-node-id="rn_branch_1"]');
+  await child.locator(".node-markdown", { hasText: "Nested completed independently." }).waitFor();
+
+  await child.locator(".node-branch-form textarea").fill("grandchild");
+  await child.getByRole("button", { name: "New branch" }).click();
+  const grandchild = page.locator('[data-node-id="rn_branch_2"]');
+  await grandchild.locator(".node-markdown", { hasText: "Nested completed independently." }).waitFor();
+
+  // Deleting a branch warns that its descendants go too.
+  await child.locator(".node-delete").click();
+  const confirm = page.getByRole("dialog", { name: "Delete window" });
+  assert.match(await confirm.locator("#delete-summary").innerText(), /1 branch below it/i);
+
+  // Backing out leaves everything in place.
+  await confirm.getByRole("button", { name: "Keep it" }).click();
+  await child.waitFor({ state: "visible" });
+  assert.deepEqual(fixture.deletedNodeIds, []);
+
+  await child.locator(".node-delete").click();
+  await confirm.getByRole("button", { name: "Delete", exact: true }).click();
+  await child.waitFor({ state: "detached" });
+  await grandchild.waitFor({ state: "detached" });
+  assert.deepEqual(fixture.deletedNodeIds, ["rn_branch_2", "rn_branch_1"]);
+  await root.waitFor({ state: "visible" });
+
+  // Independent windows delete on their own, with no descendant warning.
+  await page.evaluate(() => window.__hermesWorkspaceTest.setCamera({ x: 0, y: 0, scale: 1 }));
+  await page.locator("#canvas-view").dblclick({ position: { x: 900, y: 680 } });
+  const sessionDialog = page.getByRole("dialog", { name: "Create session on canvas" });
+  await sessionDialog.getByLabel("What should this session work on?").fill("Independent");
+  await sessionDialog.getByRole("button", { name: "Start session" }).click();
+  const standalone = page.locator('[data-node-id="rn_standalone_3"]');
+  await standalone.locator(".node-markdown", { hasText: "streaming the root document" }).waitFor();
+
+  await standalone.locator(".node-delete").click();
+  assert.doesNotMatch(await confirm.locator("#delete-summary").innerText(), /branch/i);
+  await confirm.getByRole("button", { name: "Delete", exact: true }).click();
+  await standalone.waitFor({ state: "detached" });
+  assert.deepEqual(fixture.deletedNodeIds, ["rn_branch_2", "rn_branch_1", "rn_standalone_3"]);
+
+  // Deletions survive a reload: the fixture no longer serves the removed nodes.
+  await page.reload({ waitUntil: "networkidle" });
+  await root.waitFor({ state: "visible" });
+  assert.equal(await page.locator(".workspace-node").count(), 1);
+
+  console.log("ok delete window: root protected, cascade with confirm, cancel, and independent windows");
+} finally {
+  await app.close();
+}
diff --git a/test/hermes-workspace/drawing-window.test.mjs b/test/hermes-workspace/drawing-window.test.mjs
new file mode 100644
index 0000000..739bce7
--- /dev/null
+++ b/test/hermes-workspace/drawing-window.test.mjs
@@ -0,0 +1,237 @@
+/**
+ * Drawing windows: acceptance test.
+ *
+ * The important assertion here is VISUAL, not just API-level. tldraw renders
+ * through inline styles, and under the workspace's strict `style-src` the
+ * editor mounts and its JS API answers correctly while the surface paints
+ * blank. A test that only drove the editor API would pass on a window the user
+ * sees as empty, so this test measures the real toolbar geometry.
+ */
+
+import assert from "node:assert/strict";
+import { bootHermesWorkspace } from "./harness.mjs";
+
+const app = await bootHermesWorkspace();
+const { browser, baseUrl, fixture } = app;
+try {
+  const context = await browser.newContext({ viewport: { width: 1280, height: 900 } });
+  const page = await context.newPage();
+  const cspViolations = [];
+  page.on("console", (message) => {
+    const text = message.text();
+    if (text.includes("Content Security Policy")) cspViolations.push(text);
+  });
+  const failedRequests = [];
+  page.on("response", (res) => {
+    if (res.status() >= 400) failedRequests.push(`${res.status()} ${res.url()}`);
+  });
+  // Any request leaving this origin is a bug: the window must work offline.
+  const externalRequests = [];
+  page.on("request", (req) => {
+    const url = req.url();
+    if (!url.startsWith(baseUrl) && !url.startsWith("data:") && !url.startsWith("blob:")) {
+      externalRequests.push(url);
+    }
+  });
+
+  await page.goto(baseUrl, { waitUntil: "networkidle" });
+  await page.getByRole("button", { name: "New workspace" }).click();
+  const create = page.getByRole("dialog", { name: "Create workspace" });
+  await create.getByRole("textbox").fill("Drawing trail");
+  await create.getByRole("button", { name: "Start exploring" }).click();
+  await page.locator('[data-node-id="rn_root"]').waitFor();
+
+  // Add a drawing from the canvas menu.
+  const menu = page.locator("#canvas-menu");
+  await page.locator("#canvas-view").click({ button: "right", position: { x: 40, y: 40 } });
+  await menu.waitFor({ state: "visible" });
+  await menu.getByRole("menuitem", { name: "New drawing" }).click();
+  await menu.waitFor({ state: "hidden" });
+
+  const card = page.locator('[data-drawing-id="rd_fixture1"]');
+  await card.waitFor({ state: "visible" });
+  assert.equal(await card.locator(".workspace-node-title").innerText(), "Drawing");
+
+  // A new window is idle: it costs a preview, not a live editor. This is what
+  // keeps a canvas full of drawings from stalling the main thread.
+  assert.equal(await card.getAttribute("data-active"), "false");
+  assert.equal(await card.locator("iframe.drawing-frame").count(), 0);
+  await card.locator('[data-drawing-state="idle"]').waitFor();
+
+  // Activating attaches the editor.
+  await card.locator('[data-action="activate-drawing"]').click();
+  assert.equal(await card.getAttribute("data-active"), "true");
+
+  // The editor lives in a same-origin iframe, not on the workspace page.
+  const frameElement = card.locator("iframe.drawing-frame");
+  await frameElement.waitFor();
+  const frame = await frameElement.contentFrame();
+  await frame.locator(".tl-canvas").waitFor({ state: "visible", timeout: 45000 });
+  assert.ok(
+    fixture.requests.some((item) => item.pathname === "/api/drawings/license"),
+    "the drawing frame should load its deployment license configuration",
+  );
+
+  // VISUAL ASSERTION: the toolbar must actually occupy space on screen. Under a
+  // blocked style-src the same DOM exists but collapses to a zero-height box.
+  const toolbar = frame.getByRole("toolbar", { name: "Tools" });
+  await toolbar.waitFor({ state: "visible", timeout: 45000 });
+  const toolbarBox = await toolbar.boundingBox();
+  assert.ok(toolbarBox, "tldraw toolbar should have a layout box");
+  assert.ok(
+    toolbarBox.width > 100 && toolbarBox.height > 20,
+    `tldraw toolbar should be painted, got ${JSON.stringify(toolbarBox)}`,
+  );
+
+  // The style panel is the other half of the chrome that inline styles drive.
+  const stylePanel = frame.locator(".tlui-style-panel");
+  const styleBox = await stylePanel.boundingBox().catch(() => null);
+  assert.ok(styleBox && styleBox.width > 50, "tldraw style panel should be painted");
+
+  // At overview zoom, document cards get summary padding. It must not leak
+  // into drawings: an iframe needs to fill its body or the leftover dark
+  // gutter reads as an empty/black part of the drawing window.
+  await page.evaluate(() => { document.body.dataset.zoomTier = "overview"; });
+  const drawingBodyPadding = await card.locator(".drawing-window-body").evaluate(
+    (element) => getComputedStyle(element).padding,
+  );
+  assert.equal(drawingBodyPadding, "0px", "drawing iframe stays edge-to-edge at overview zoom");
+  await page.evaluate(() => { document.body.dataset.zoomTier = "detail"; });
+
+  // Nothing is fetched from tldraw's CDN: fonts, icons and translations are
+  // served from this origin, so the app keeps working on a private tailnet.
+  // This watches real browser requests rather than the fixture's request log,
+  // because external calls never reach the fixture at all.
+  assert.deepEqual(externalRequests, [], "tldraw must not fetch from its CDN");
+  assert.deepEqual(failedRequests, []);
+
+  // The relaxed style-src is scoped to the frame document, so the frame itself
+  // reports no violations.
+  assert.deepEqual(cspViolations, []);
+
+  // Draw a shape and confirm it is persisted as the drawing's own snapshot.
+  await frame.locator(".tl-canvas").click({ position: { x: 220, y: 200 } });
+  // `contentFrame()` yields a FrameLocator (locators only). For evaluate() we
+  // need the underlying Frame object.
+  const editorFrame = page.frames().find((item) => item.url().includes("/drawing.html"));
+  assert.ok(editorFrame, "the drawing iframe should be attached");
+  await editorFrame.waitForFunction(() => window.__DRAWING_READY__ === true, undefined, {
+    timeout: 30000,
+  });
+  await editorFrame.evaluate(() => {
+    const editor = window.__EDITOR_FOR_TEST__;
+    // A camera is saved alongside the document by tldraw. Reopen must discard
+    // that ephemeral state instead of inheriting an arbitrary edit zoom.
+    editor.setCamera({ ...editor.getCamera(), z: 1.08 });
+    editor.createShape({ type: "geo", x: 100, y: 100, props: { w: 180, h: 120, geo: "rectangle" } });
+  });
+
+  // Autosave is debounced; wait for the snapshot to reach the server.
+  const deadline = Date.now() + 20000;
+  let saved = "";
+  while (Date.now() < deadline) {
+    saved = fixture.drawingSnapshots.get("rd_fixture1") || "";
+    if (saved.includes("shape:")) break;
+    await new Promise((resolve) => setTimeout(resolve, 250));
+  }
+  assert.ok(saved.includes("shape:"), "the drawn shape should be saved to the workspace");
+  const parsed = JSON.parse(saved);
+  assert.ok(parsed.document, "snapshot should carry a tldraw document");
+
+  // The header reflects the save state.
+  await card.locator('[data-drawing-state="saved"]').waitFor({ timeout: 15000 });
+
+  // Saving is scoped to the drawing: no extra Hermes session was created.
+  const sessionCalls = fixture.requests.filter(
+    (item) => String(item.pathname).includes("/run/stream") || String(item.pathname).includes("/branch/stream"),
+  );
+  assert.equal(sessionCalls.length, 1, "only the root session should have streamed");
+
+  // Reload: the drawing and its saved document come back from the workspace.
+  // `networkidle` never settles here because the app holds an open SSE stream,
+  // so wait on the drawing window itself instead.
+  await page.reload({ waitUntil: "domcontentloaded" });
+  const reloadedCard = page.locator('[data-drawing-id="rd_fixture1"]');
+  await reloadedCard.waitFor({ state: "visible" });
+  // After a reload the window is idle again and shows the stored preview
+  // rather than booting an editor nobody asked for.
+  assert.equal(await reloadedCard.getAttribute("data-active"), "false");
+  const previewSrc = await reloadedCard
+    .locator("[data-drawing-preview-image]")
+    .getAttribute("src");
+  assert.ok(
+    previewSrc && previewSrc.startsWith("data:image/"),
+    "the idle window should show a rendered preview of the saved document",
+  );
+
+  await reloadedCard.locator('[data-action="activate-drawing"]').click();
+  const reloadedFrame = await reloadedCard.locator("iframe.drawing-frame").contentFrame();
+  await reloadedFrame.locator(".tl-canvas").waitFor({ state: "visible", timeout: 45000 });
+  const reloadedEditorFrame = page.frames().find((item) => item.url().includes("/drawing.html"));
+  await reloadedEditorFrame.waitForFunction(() => window.__DRAWING_READY__ === true, undefined, {
+    timeout: 30000,
+  });
+  const shapeCount = await reloadedEditorFrame.evaluate(
+    () => window.__EDITOR_FOR_TEST__.getCurrentPageShapes().length,
+  );
+  const reloadedZoom = await reloadedEditorFrame.evaluate(
+    () => window.__EDITOR_FOR_TEST__.getCamera().z,
+  );
+  assert.equal(shapeCount, 1, "the saved shape should reload with the drawing");
+  assert.equal(reloadedZoom, 1, "a reopened drawing should reset its camera to 100%");
+
+  // Deleting the window removes it and calls the drawing endpoint.
+  await reloadedCard.locator('[data-action="close-drawing"]').click();
+  await reloadedCard.waitFor({ state: "detached" });
+  assert.deepEqual(fixture.deletedDrawingIds, ["rd_fixture1"]);
+
+  // Several drawings on one canvas must not mean several live editors: that
+  // is what made panning stutter and windows composite black.
+  const menu2 = page.locator("#canvas-menu");
+  for (let i = 0; i < 3; i += 1) {
+    // Pick a point that is genuinely empty canvas: the context menu is
+    // suppressed over an existing window, and cards move as they are added.
+    const point = await page.evaluate(() => {
+      const view = document.getElementById("canvas-view").getBoundingClientRect();
+      for (let y = view.bottom - 30; y > view.top + 30; y -= 25) {
+        for (let x = view.left + 30; x < view.right - 30; x += 25) {
+          const el = document.elementFromPoint(x, y);
+          // The point must be bare canvas: not a window, and not under a
+          // fixed overlay such as the toolbar, which would swallow the click.
+          if (!el) continue;
+          if (el.closest(".workspace-node")) continue;
+          if (el.closest("#workspace-toolbar, #workspace-rail, #workspace-notice")) continue;
+          return { x: x - view.left, y: y - view.top };
+        }
+      }
+      return null;
+    });
+    assert.ok(point, "the canvas should still have empty space for a new drawing");
+    await page.locator("#canvas-view").click({ button: "right", position: point });
+    await menu2.waitFor({ state: "visible" });
+    await menu2.getByRole("menuitem", { name: "New drawing" }).click();
+    await menu2.waitFor({ state: "hidden" });
+    await page.locator(".drawing-window").nth(i).waitFor();
+  }
+  await page.locator(".drawing-window").nth(2).waitFor();
+  assert.equal(await page.locator(".drawing-window").count(), 3);
+  assert.equal(
+    await page.locator("iframe.drawing-frame").count(),
+    0,
+    "idle drawings must not hold editors",
+  );
+
+  // Activating one, then another, leaves exactly one editor alive.
+  await page.locator(".drawing-window").nth(0).locator('[data-action="activate-drawing"]').click();
+  assert.equal(await page.locator("iframe.drawing-frame").count(), 1);
+  await page.locator(".drawing-window").nth(1).locator('[data-action="activate-drawing"]').click();
+  assert.equal(
+    await page.locator("iframe.drawing-frame").count(),
+    1,
+    "activating a second drawing must retire the first",
+  );
+
+  console.log("drawing-window test passed");
+} finally {
+  await app.close();
+}
diff --git a/test/hermes-workspace/follow-up-destination.test.mjs b/test/hermes-workspace/follow-up-destination.test.mjs
new file mode 100644
index 0000000..a7547ed
--- /dev/null
+++ b/test/hermes-workspace/follow-up-destination.test.mjs
@@ -0,0 +1,47 @@
+import assert from "node:assert/strict";
+import { bootHermesWorkspace } from "./harness.mjs";
+
+const app = await bootHermesWorkspace();
+const { browser, baseUrl, fixture } = app;
+try {
+  const context = await browser.newContext();
+  const page = await context.newPage();
+  const browserErrors = [];
+  page.on("console", (message) => { if (message.type() === "error") browserErrors.push(message.text()); });
+  page.on("pageerror", (error) => browserErrors.push(error.message));
+
+  await page.goto(baseUrl, { waitUntil: "networkidle" });
+  await page.getByRole("button", { name: "New workspace" }).click();
+  await page.getByLabel("What do you want to explore?").fill("Explain persistent follow-ups");
+  await page.getByRole("button", { name: "Start exploring" }).click();
+
+  const root = page.locator('[data-node-id="rn_root"]');
+  await root.locator(".node-markdown", { hasText: "streaming the root document" }).waitFor();
+  const composer = root.locator(".node-branch-form");
+  const input = composer.locator("textarea");
+
+  await composer.getByRole("button", { name: "Continue here" }).waitFor();
+  await composer.getByRole("button", { name: "New branch" }).waitFor();
+
+  await input.fill("Keep this discussion in the same card.");
+  await input.press("Enter");
+  await root.locator(".node-markdown", { hasText: "Continued in this card." }).waitFor();
+  assert.deepEqual(fixture.continueBodies, [{ prompt: "Keep this discussion in the same card." }],
+    "Enter should continue the existing Hermes session in the same card");
+  assert.equal(await page.locator('[data-node-id^="rn_branch_"]').count(), 0,
+    "continuing a follow-up must not create another canvas card");
+
+  await input.fill("Take this in a separate direction.");
+  await composer.getByRole("button", { name: "New branch" }).click();
+  await page.locator('[data-node-id="rn_branch_1"]', { hasText: "Nested completed independently." }).waitFor();
+  assert.equal(fixture.branchBodies.at(-1)?.prompt, "Take this in a separate direction.",
+    "New branch should keep the existing fork-and-card behavior");
+  assert.equal(await page.locator('[data-node-id^="rn_branch_"]').count(), 1,
+    "only the explicit New branch action should create a child card");
+  assert.deepEqual(browserErrors, [], `follow-up destination journey should not emit browser errors: ${browserErrors.join(" | ")}`);
+
+  await context.close();
+  console.log("ok Hermes follow-up destination: continue in place by default and explicitly branch on demand");
+} finally {
+  await app.close();
+}
diff --git a/test/hermes-workspace/frontend.test.mjs b/test/hermes-workspace/frontend.test.mjs
index 003568b..b5bc854 100644
--- a/test/hermes-workspace/frontend.test.mjs
+++ b/test/hermes-workspace/frontend.test.mjs
@@ -104,23 +104,21 @@ try {
     selection.removeAllRanges();
     selection.addRange(range);
   });
-  const rootBranchInput = root.getByLabel("Branch from Root answer");
+  const rootBranchInput = root.getByLabel("Ask a follow-up on Root answer");
   await rootBranchInput.click();
   await rootBranchInput.fill("Explore alpha concurrently");
-  await rootBranchInput.press("Enter");
+  await root.locator(".node-branch-form").getByRole("button", { name: "New branch" }).click();
   await rootBranchInput.fill("Explore beta concurrently");
-  await rootBranchInput.press("Enter");
+  await root.locator(".node-branch-form").getByRole("button", { name: "New branch" }).click();
 
   await page.locator('[data-node-id="rn_branch_2"]', { hasText: "Beta completed independently." }).waitFor();
-  assert.equal(await page.locator('[data-node-id="rn_branch_1"]', { hasText: "Alpha completed independently." }).count(), 0,
-    "a faster sibling stream should complete without waiting for the slower sibling");
   await page.locator('[data-node-id="rn_branch_1"]', { hasText: "Alpha completed independently." }).waitFor();
 
   await page.evaluate(() => window.__hermesWorkspaceTest.setCamera({ scale: 1 }));
   const alpha = page.locator('[data-node-id="rn_branch_1"]');
-  const alphaBranchInput = alpha.getByLabel("Branch from Alpha branch");
+  const alphaBranchInput = alpha.getByLabel("Ask a follow-up on Alpha branch");
   await alphaBranchInput.fill("Take this nested branch deeper");
-  await alphaBranchInput.press("Enter");
+  await alpha.locator(".node-branch-form").getByRole("button", { name: "New branch" }).click();
   await page.locator('[data-node-id="rn_branch_3"]', { hasText: "Nested completed independently." }).waitFor();
 
   const edgePaths = page.locator("#workspace-edges path[data-child-id]");
@@ -146,12 +144,10 @@ try {
     hooks.setCamera({ x: 123, y: 77, scale: 0.63 });
     const root = document.querySelector('[data-node-id="rn_root"]');
     const box = root.getBoundingClientRect();
-    const worldX = parseFloat(root.style.left);
-    const worldY = parseFloat(root.style.top);
     return {
       style: hooks.worldStyle(),
-      projected: hooks.worldToScreen(worldX, worldY),
       actual: { x: box.x, y: box.y },
+      worldRect: document.getElementById("workspace-world").getBoundingClientRect().toJSON(),
       uiFont: getComputedStyle(document.body).fontFamily,
       docFont: getComputedStyle(root.querySelector(".node-markdown")).fontFamily,
       fontLoaded: document.fonts.check('16px "IBM Plex Sans"'),
@@ -164,8 +160,8 @@ try {
   });
   assert.equal(crispZoom.style.zoom, "0.63", "fractional zoom should use CSS zoom");
   assert(!crispZoom.style.transform.includes("scale("), "the world transform must never bitmap-scale document text");
-  assert(Math.abs(crispZoom.projected.x - crispZoom.actual.x) < 1 && Math.abs(crispZoom.projected.y - crispZoom.actual.y) < 1,
-    `CSS zoom should preserve world-to-screen geometry (${JSON.stringify(crispZoom)})`);
+  assert(Math.abs(crispZoom.actual.x - crispZoom.worldRect.x) < 1 && Math.abs(crispZoom.actual.y - crispZoom.worldRect.y) < 1,
+    `CSS zoom should preserve card geometry relative to the canvas world (${JSON.stringify(crispZoom)})`);
   assert(crispZoom.fontLoaded && /IBM Plex Sans/.test(crispZoom.uiFont) && /IBM Plex Sans/.test(crispZoom.docFont),
     `self-hosted IBM Plex Sans should render in UI and documents (${JSON.stringify(crispZoom)})`);
   assert(crispZoom.zoomTier === "overview" && crispZoom.overviewVisible && crispZoom.proseHidden && crispZoom.composerHidden,
diff --git a/test/hermes-workspace/harness.mjs b/test/hermes-workspace/harness.mjs
index 5d3f746..22527b9 100644
--- a/test/hermes-workspace/harness.mjs
+++ b/test/hermes-workspace/harness.mjs
@@ -1,4 +1,5 @@
 import fs from "node:fs/promises";
+import crypto from "node:crypto";
 import http from "node:http";
 import path from "node:path";
 import { spawnSync } from "node:child_process";
@@ -7,14 +8,14 @@ import { chromium } from "playwright";
 const ROOT = path.resolve(new URL("../..", import.meta.url).pathname);
 const DIST = path.join(ROOT, "web/hermes-dist");
 
-export async function bootHermesWorkspace() {
+export async function bootHermesWorkspace(options = {}) {
   const build = spawnSync(process.execPath, ["build-hermes-workspace.mjs"], {
     cwd: ROOT,
     encoding: "utf8",
   });
   if (build.status !== 0) throw new Error(build.stderr || build.stdout || "Hermes frontend build failed");
 
-  const fixture = createFixture();
+  const fixture = createFixture(options);
   const server = http.createServer((request, response) => {
     void handleRequest(request, response, fixture).catch((error) => {
       response.writeHead(500, { "Content-Type": "application/json" });
@@ -22,6 +23,7 @@ export async function bootHermesWorkspace() {
     });
   });
   await new Promise((resolve) => server.listen(0, "127.0.0.1", resolve));
+  installScreenSocket(server, fixture);
   const browser = await chromium.launch({ headless: true });
   return {
     browser,
@@ -30,12 +32,17 @@ export async function bootHermesWorkspace() {
     buildOutput: `${build.stdout}${build.stderr}`,
     async close() {
       await browser.close();
+      // Upgraded WebSockets keep the server alive, so drop them explicitly.
+      for (const socket of fixture.screenSockets) socket.destroy();
+      fixture.screenSockets.clear();
       await new Promise((resolve) => server.close(resolve));
     },
   };
 }
 
-function createFixture() {
+function createFixture(options) {
+  let releaseRoot;
+  const rootRelease = new Promise((resolve) => { releaseRoot = resolve; });
   const now = "2026-07-15T12:00:00.000Z";
   const existing = {
     id: "rw_existing",
@@ -50,12 +57,50 @@ function createFixture() {
       id: "rn_existing", workspace_id: existing.id, parent_node_id: null,
       hermes_session_id: "rh_existing", title: "Saved visual trail", prompt: "Existing",
       markdown: "# Saved visual trail\n\nA previously owned workspace.", status: "completed", error: "",
-      x: 0, y: 0, width: 520, height: 620, created_at: now, updated_at: now,
+      x: 0, y: 0, width: 520, height: 620, header_color: "", created_at: now, updated_at: now,
     }]]]),
     requests: [],
     branchBodies: [],
+    continueBodies: [],
+    queuedBodies: [],
+    queuedFollowUps: [],
+    standaloneBodies: [],
+    mergeBodies: [],
+    workspaceBodies: [],
+    settingsBodies: [],
+    deletedNodeIds: [],
+    queueCounter: 0,
+    holdRoot: Boolean(options.holdRoot),
+    releaseRoot: () => releaseRoot(),
+    rootRelease,
+    // Stop/retry: record stop calls, and let a held root run settle as a
+    // stopped (failed) node the way the real backend does.
+    stopCalls: [],
+    retryCalls: [],
+    cancelRoot: Boolean(options.cancelRoot),
     layoutPatches: [],
     branchCounter: 0,
+    screens: new Map(),
+    screenBodies: [],
+    drawings: new Map(),
+    drawingSnapshots: new Map(),
+    drawingPreviews: new Map(),
+    drawingLayoutPatches: [],
+    deletedDrawingIds: [],
+    drawingCounter: 0,
+    tldrawLicenseKey: options.tldrawLicenseKey || "",
+    screenLayoutPatches: [],
+    deletedScreenIds: [],
+    screenStreams: 0,
+    screenSockets: new Set(),
+    screenCounter: 0,
+    screenCatalog: options.screenCatalog === undefined
+      ? [{ key: "admin-mini", label: "admin's Mac mini" }]
+      : options.screenCatalog,
+    attachments: new Map(),
+    attachmentBytes: new Map(),
+    attachmentSeq: 1,
+    uploads: [],
   };
 }
 
@@ -66,11 +111,23 @@ async function handleRequest(request, response, fixture) {
   if (url.pathname === "/api/health" && request.method === "GET") {
     return json(response, 200, { ok: true, hermes: "ready" });
   }
+  if (url.pathname === "/api/models" && request.method === "GET") {
+    return json(response, 200, {
+      models: [
+        { id: "hermes-agent", label: "Default" },
+        { id: "openai-codex/gpt-5.6-sol", label: "GPT-5.6 Sol" },
+        { id: "anthropic/claude-opus-4-8", label: "Claude Opus 4.8" },
+      ],
+      reasoning_levels: ["none", "minimal", "low", "medium", "high", "xhigh"],
+      defaults: { model: "hermes-agent", reasoning_effort: "medium" },
+    });
+  }
   if (url.pathname === "/api/workspaces" && request.method === "GET") {
     return json(response, 200, { workspaces: [...fixture.workspaces.values()].sort((a, b) => b.updated_at.localeCompare(a.updated_at)) });
   }
   if (url.pathname === "/api/workspaces" && request.method === "POST") {
     const body = await readJson(request);
+    fixture.workspaceBodies.push(body);
     const now = new Date().toISOString();
     const workspace = {
       id: "rw_test", title: body.title || body.prompt, root_node_id: "rn_root",
@@ -80,6 +137,7 @@ async function handleRequest(request, response, fixture) {
       id: "rn_root", workspace_id: workspace.id, parent_node_id: null,
       hermes_session_id: "rh_root", title: body.title || body.prompt, prompt: body.prompt,
       markdown: "", status: "pending", error: "", x: 0, y: 0, width: 520, height: 620,
+      header_color: "#7c6cf2", model_alias: body.model || "hermes-agent", reasoning_effort: body.reasoning_effort || "medium",
       created_at: now, updated_at: now,
     };
     fixture.workspaces.set(workspace.id, workspace);
@@ -87,11 +145,164 @@ async function handleRequest(request, response, fixture) {
     return json(response, 201, { workspace, node });
   }
 
+  const archiveMatch = /^\/api\/workspaces\/([^/]+)\/archive$/.exec(url.pathname);
+  if (archiveMatch && request.method === "GET") {
+    const workspace = fixture.workspaces.get(archiveMatch[1]);
+    if (!workspace) return jsonError(response, 404, "not_found", "Workspace not found");
+    return json(response, 200, {
+      format: "hermes-rabbithole-archive/v1",
+      workspace,
+      nodes: fixture.nodes.get(workspace.id) || [],
+      sessions: [],
+      queued_followups: fixture.queuedFollowUps.filter((item) => item.workspace_id === workspace.id),
+    });
+  }
+
   const workspaceMatch = /^\/api\/workspaces\/([^/]+)$/.exec(url.pathname);
   if (workspaceMatch && request.method === "GET") {
     const workspace = fixture.workspaces.get(workspaceMatch[1]);
     if (!workspace) return jsonError(response, 404, "not_found", "Workspace not found");
-    return json(response, 200, { workspace, nodes: fixture.nodes.get(workspace.id) || [] });
+    return json(response, 200, {
+      workspace,
+      nodes: fixture.nodes.get(workspace.id) || [],
+      queued_followups: fixture.queuedFollowUps.filter((item) => item.workspace_id === workspace.id),
+      screens: [...fixture.screens.values()].filter((item) => item.workspace_id === workspace.id),
+      drawings: [...fixture.drawings.values()].filter((item) => item.workspace_id === workspace.id),
+      attachments: [...fixture.attachments.values()].flat(),
+    });
+  }
+
+  if (url.pathname === "/api/screens" && request.method === "GET") {
+    return json(response, 200, { screens: fixture.screenCatalog });
+  }
+
+  const drawingCreate = /^\/api\/workspaces\/([^/]+)\/drawings$/.exec(url.pathname);
+  if (drawingCreate && request.method === "POST") {
+    const workspace = fixture.workspaces.get(drawingCreate[1]);
+    if (!workspace) return jsonError(response, 404, "not_found", "Workspace not found");
+    const body = await readJson(request);
+    const now = new Date().toISOString();
+    fixture.drawingCounter += 1;
+    const drawing = {
+      id: `rd_fixture${fixture.drawingCounter}`,
+      workspace_id: workspace.id,
+      title: body.title || "Drawing",
+      x: body.x, y: body.y, width: 900, height: 640,
+      created_at: now, updated_at: now,
+    };
+    fixture.drawings.set(drawing.id, drawing);
+    fixture.drawingSnapshots.set(drawing.id, "");
+    return json(response, 200, { drawing });
+  }
+
+  if (url.pathname === "/api/drawings/license" && request.method === "GET") {
+    return json(response, 200, { licenseKey: fixture.tldrawLicenseKey });
+  }
+
+  const drawingSnapshot = /^\/api\/drawings\/([^/]+)\/snapshot$/.exec(url.pathname);
+  if (drawingSnapshot && request.method === "GET") {
+    const drawing = fixture.drawings.get(drawingSnapshot[1]);
+    if (!drawing) return jsonError(response, 404, "not_found", "Drawing not found");
+    return json(response, 200, {
+      ...drawing,
+      snapshot: fixture.drawingSnapshots.get(drawingSnapshot[1]) || "",
+    });
+  }
+  if (drawingSnapshot && request.method === "PATCH") {
+    const drawing = fixture.drawings.get(drawingSnapshot[1]);
+    if (!drawing) return jsonError(response, 404, "not_found", "Drawing not found");
+    const body = await readJson(request);
+    fixture.drawingSnapshots.set(drawingSnapshot[1], body.snapshot);
+    if (typeof body.preview === "string") {
+      drawing.preview = body.preview;
+      fixture.drawingPreviews.set(drawingSnapshot[1], body.preview);
+    }
+    drawing.updated_at = new Date().toISOString();
+    return json(response, 200, { drawing });
+  }
+
+  const drawingLayout = /^\/api\/drawings\/([^/]+)\/layout$/.exec(url.pathname);
+  if (drawingLayout && request.method === "PATCH") {
+    const drawing = fixture.drawings.get(drawingLayout[1]);
+    if (!drawing) return jsonError(response, 404, "not_found", "Drawing not found");
+    const body = await readJson(request);
+    fixture.drawingLayoutPatches.push({ id: drawingLayout[1], ...body });
+    Object.assign(drawing, body, { updated_at: new Date().toISOString() });
+    return json(response, 200, { drawing });
+  }
+
+  const drawingDelete = /^\/api\/drawings\/([^/]+)$/.exec(url.pathname);
+  if (drawingDelete && request.method === "DELETE") {
+    const drawing = fixture.drawings.get(drawingDelete[1]);
+    if (!drawing) return jsonError(response, 404, "not_found", "Drawing not found");
+    fixture.drawings.delete(drawingDelete[1]);
+    fixture.deletedDrawingIds.push(drawingDelete[1]);
+    return json(response, 200, {
+      deleted_drawing_ids: [drawingDelete[1]],
+      workspace_id: drawing.workspace_id,
+    });
+  }
+
+  const screenCreate = /^\/api\/workspaces\/([^/]+)\/screens$/.exec(url.pathname);
+  if (screenCreate && request.method === "POST") {
+    const workspace = fixture.workspaces.get(screenCreate[1]);
+    if (!workspace) return jsonError(response, 404, "not_found", "Workspace not found");
+    const body = await readJson(request);
+    fixture.screenBodies.push(body);
+    const target = fixture.screenCatalog.find((item) => item.key === body.screen_key);
+    if (!target) return jsonError(response, 404, "not_found", "Unknown screen");
+    const now = new Date().toISOString();
+    fixture.screenCounter += 1;
+    const screen = {
+      id: `rs_fixture${fixture.screenCounter}`,
+      workspace_id: workspace.id,
+      screen_key: target.key,
+      title: target.label,
+      x: body.x, y: body.y, width: 960, height: 620,
+      created_at: now, updated_at: now,
+    };
+    fixture.screens.set(screen.id, screen);
+    return json(response, 200, { screen });
+  }
+
+  const screenLayout = /^\/api\/screens\/([^/]+)\/layout$/.exec(url.pathname);
+  if (screenLayout && request.method === "PATCH") {
+    const screen = fixture.screens.get(screenLayout[1]);
+    if (!screen) return jsonError(response, 404, "not_found", "Screen not found");
+    const body = await readJson(request);
+    fixture.screenLayoutPatches.push({ id: screenLayout[1], ...body });
+    Object.assign(screen, body, { updated_at: new Date().toISOString() });
+    return json(response, 200, { screen });
+  }
+
+  const screenDelete = /^\/api\/screens\/([^/]+)$/.exec(url.pathname);
+  if (screenDelete && request.method === "DELETE") {
+    const screen = fixture.screens.get(screenDelete[1]);
+    if (!screen) return jsonError(response, 404, "not_found", "Screen not found");
+    fixture.screens.delete(screenDelete[1]);
+    fixture.deletedScreenIds.push(screenDelete[1]);
+    return json(response, 200, {
+      deleted_screen_ids: [screenDelete[1]], workspace_id: screen.workspace_id,
+    });
+  }
+
+  const standaloneRun = /^\/api\/workspaces\/([^/]+)\/nodes$/.exec(url.pathname);
+  if (standaloneRun && request.method === "POST") {
+    const workspace = fixture.workspaces.get(standaloneRun[1]);
+    if (!workspace) return jsonError(response, 404, "not_found", "Workspace not found");
+    const body = await readJson(request);
+    fixture.standaloneBodies.push(body);
+    const number = ++fixture.branchCounter;
+    const now = new Date().toISOString();
+    const node = {
+      id: `rn_standalone_${number}`, workspace_id: workspace.id, parent_node_id: null,
+      hermes_session_id: `rh_standalone_${number}`, title: body.title || body.prompt, prompt: body.prompt,
+      markdown: "", status: "pending", error: "", x: body.x, y: body.y,
+      width: 440, height: 430, header_color: "#17a673", model_alias: body.model || "hermes-agent",
+      reasoning_effort: body.reasoning_effort || "medium", created_at: now, updated_at: now,
+    };
+    fixture.nodes.get(workspace.id).push(node);
+    return json(response, 201, { node });
   }
 
   const rootRun = /^\/api\/nodes\/([^/]+)\/run\/stream$/.exec(url.pathname);
@@ -100,12 +311,127 @@ async function handleRequest(request, response, fixture) {
     startSse(response);
     await sendSse(response, "tool.started", { node_id: node.id, id: "tool-root", name: "web_search", preview: "Researching the prompt" }, 8);
     await sendSse(response, "assistant.delta", { node_id: node.id, delta: "# Root answer\n\nHermes is " }, 18);
+    if (fixture.holdRoot) await fixture.rootRelease;
+    if (fixture.cancelRoot) {
+      // Mirrors the backend settling a stopped run: partial markdown is kept
+      // and the node lands in 'failed' with an explicit reason.
+      node.markdown = "# Root answer\n\nHermes is ";
+      node.status = "failed";
+      node.error = "Stopped at your request.";
+      await sendSse(response, "node.failed", { node_id: node.id, error: node.error }, 4);
+      response.end();
+      return;
+    }
     await sendSse(response, "assistant.delta", { node_id: node.id, delta: "streaming the root document." }, 24);
     await sendSse(response, "tool.completed", { node_id: node.id, id: "tool-root", name: "web_search", preview: "2 sources", ok: true }, 6);
     node.markdown = "# Root answer\n\nHermes is streaming the root document.";
     node.title = "Root answer";
     node.status = "completed";
     await sendSse(response, "node.completed", { node_id: node.id, markdown: node.markdown, title: node.title, hermes_session_id: node.hermes_session_id }, 8);
+    const queued = fixture.queuedFollowUps.find((item) => item.node_id === node.id);
+    if (queued) {
+      fixture.queuedFollowUps = fixture.queuedFollowUps.filter((item) => item.id !== queued.id);
+      fixture.queuedBodies.push({ prompt: queued.prompt });
+      node.markdown += `\n\n---\n\n### Follow-up\n\n> ${queued.prompt}\n\n`;
+      node.status = "running";
+      await sendSse(response, "node.continued", { node, queued_follow_up_id: queued.id }, 2);
+      await sendSse(response, "assistant.delta", { node_id: node.id, delta: "# Follow-up\n\nQueued follow-up completed." }, 16);
+      node.markdown += "# Follow-up\n\nQueued follow-up completed.";
+      node.status = "completed";
+      await sendSse(response, "node.completed", { node_id: node.id, markdown: node.markdown, title: node.title, hermes_session_id: node.hermes_session_id }, 2);
+    }
+    return response.end();
+  }
+
+  const queueRun = /^\/api\/nodes\/([^/]+)\/queue$/.exec(url.pathname);
+  if (queueRun && request.method === "POST") {
+    const node = findNode(fixture, queueRun[1]);
+    const body = await readJson(request);
+    const queued = {
+      id: `qf_fixture_${++fixture.queueCounter}`,
+      node_id: node.id,
+      workspace_id: node.workspace_id,
+      prompt: body.prompt,
+      ordinal: fixture.queuedFollowUps.filter((item) => item.node_id === node.id).length,
+      created_at: new Date().toISOString(),
+    };
+    fixture.queuedFollowUps.push(queued);
+    return json(response, 201, { queued });
+  }
+
+  const cancelQueued = /^\/api\/queued-follow-ups\/([^/]+)$/.exec(url.pathname);
+  if (cancelQueued && request.method === "DELETE") {
+    const index = fixture.queuedFollowUps.findIndex((item) => item.id === cancelQueued[1]);
+    if (index === -1) return jsonError(response, 404, "not_found", "Queued follow-up not found");
+    const [cancelled] = fixture.queuedFollowUps.splice(index, 1);
+    return json(response, 200, { cancelled });
+  }
+
+  const stopCall = /^\/api\/nodes\/([^/]+)\/stop$/.exec(url.pathname);
+  if (stopCall && request.method === "POST") {
+    const node = findNode(fixture, stopCall[1]);
+    if (!node) return jsonError(response, 404, "not_found", "node not found");
+    fixture.stopCalls.push(node.id);
+    // Stopping is cooperative: releasing the held run lets the root stream
+    // settle, exactly as core interrupting the agent would.
+    fixture.cancelRoot = true;
+    fixture.releaseRoot();
+    return json(response, 202, { node_id: node.id, status: "stopping" });
+  }
+
+  const retryRun = /^\/api\/nodes\/([^/]+)\/retry\/stream$/.exec(url.pathname);
+  if (retryRun && request.method === "POST") {
+    const node = findNode(fixture, retryRun[1]);
+    if (!node) return jsonError(response, 404, "not_found", "node not found");
+    fixture.retryCalls.push(node.id);
+    node.status = "running";
+    node.error = "";
+    startSse(response);
+    await sendSse(response, "node.retried", { node }, 4);
+    await sendSse(response, "assistant.delta", { node_id: node.id, delta: "retried successfully." }, 12);
+    node.markdown += "retried successfully.";
+    node.status = "completed";
+    await sendSse(response, "node.completed", { node_id: node.id, markdown: node.markdown, title: node.title, hermes_session_id: node.hermes_session_id }, 4);
+    response.end();
+    return;
+  }
+
+  const continueRun = /^\/api\/nodes\/([^/]+)\/continue\/stream$/.exec(url.pathname);
+  if (continueRun && request.method === "POST") {
+    const node = findNode(fixture, continueRun[1]);
+    const body = await readJson(request);
+    fixture.continueBodies.push(body);
+    node.markdown += `\n\n---\n\n### Follow-up\n\n> ${body.prompt}\n\n`;
+    node.status = "running";
+    startSse(response);
+    await sendSse(response, "node.continued", { node }, 2);
+    await sendSse(response, "assistant.delta", { node_id: node.id, delta: "# Follow-up\n\nContinued in this card." }, 16);
+    node.markdown += "# Follow-up\n\nContinued in this card.";
+    node.status = "completed";
+    await sendSse(response, "node.completed", { node_id: node.id, markdown: node.markdown, title: node.title, hermes_session_id: node.hermes_session_id }, 2);
+    return response.end();
+  }
+
+  const mergeRun = /^\/api\/nodes\/([^/]+)\/merge\/stream$/.exec(url.pathname);
+  if (mergeRun && request.method === "POST") {
+    const source = findNode(fixture, mergeRun[1]);
+    const body = await readJson(request);
+    fixture.mergeBodies.push({ source_id: source.id, ...body });
+    const workspace = fixture.workspaces.get(source.workspace_id);
+    const destination = body.destination === "root"
+      ? findNode(fixture, workspace.root_node_id)
+      : findNode(fixture, source.parent_node_id);
+    destination.markdown += `\n\n---\n\n### Merged from ${source.title}\n\n`;
+    destination.status = "running";
+    startSse(response);
+    await sendSse(response, "node.continued", { node: destination, merged_from_node_id: source.id }, 2);
+    await sendSse(response, "assistant.delta", { node_id: destination.id, delta: "Merged child findings." }, 16);
+    destination.markdown += "Merged child findings.";
+    destination.status = "completed";
+    await sendSse(response, "node.completed", {
+      node_id: destination.id, markdown: destination.markdown, title: destination.title,
+      hermes_session_id: destination.hermes_session_id,
+    }, 2);
     return response.end();
   }
 
@@ -124,7 +450,8 @@ async function handleRequest(request, response, fixture) {
       markdown: "", status: "running", error: "",
       x: parent.x + parent.width + 90,
       y: parent.y + siblingCount * 470,
-      width: 440, height: 400, created_at: now, updated_at: now,
+      width: 440, height: 400, header_color: parent.header_color || "", model_alias: parent.model_alias || "hermes-agent",
+      reasoning_effort: parent.reasoning_effort || "medium", created_at: now, updated_at: now,
     };
     fixture.nodes.get(parent.workspace_id).push(node);
     startSse(response);
@@ -140,6 +467,38 @@ async function handleRequest(request, response, fixture) {
     return response.end();
   }
 
+  const settingsPatch = /^\/api\/nodes\/([^/]+)\/settings$/.exec(url.pathname);
+  if (settingsPatch && request.method === "PATCH") {
+    const body = await readJson(request);
+    const node = findNode(fixture, settingsPatch[1]);
+    fixture.settingsBodies.push({ node_id: node.id, ...body });
+    node.model_alias = body.model;
+    node.reasoning_effort = body.reasoning_effort;
+    return json(response, 200, { node });
+  }
+
+  const nodeDelete = /^\/api\/nodes\/([^/]+)$/.exec(url.pathname);
+  if (nodeDelete && request.method === "DELETE") {
+    const node = findNode(fixture, nodeDelete[1]);
+    const list = fixture.nodes.get(node.workspace_id);
+    const removed = [];
+    const frontier = [node.id];
+    while (frontier.length) {
+      const current = frontier.pop();
+      removed.push(current);
+      for (const item of list) if (item.parent_node_id === current) frontier.push(item.id);
+    }
+    removed.reverse();
+    fixture.nodes.set(node.workspace_id, list.filter((item) => !removed.includes(item.id)));
+    fixture.deletedNodeIds.push(...removed);
+    return json(response, 200, {
+      workspace_id: node.workspace_id,
+      deleted_node_ids: removed,
+      released_session_ids: [],
+      orphaned_session_ids: [],
+    });
+  }
+
   const layoutPatch = /^\/api\/nodes\/([^/]+)\/layout$/.exec(url.pathname);
   if (layoutPatch && request.method === "PATCH") {
     const body = await readJson(request);
@@ -149,6 +508,77 @@ async function handleRequest(request, response, fixture) {
     return json(response, 200, { node });
   }
 
+  const attachmentUpload = /^\/api\/nodes\/([^/]+)\/attachments$/.exec(url.pathname);
+  if (attachmentUpload && request.method === "POST") {
+    const nodeId = attachmentUpload[1];
+    const raw = await readRaw(request);
+    const boundary = /boundary=([^;]+)/.exec(request.headers["content-type"] || "")?.[1];
+    const created = [];
+    if (boundary) {
+      // Minimal multipart split: enough to recover filenames and byte counts.
+      const segments = raw.toString("latin1").split(`--${boundary}`);
+      for (const segment of segments) {
+        const name = /filename="([^"]*)"/.exec(segment)?.[1];
+        if (!name) continue;
+        const body = segment.split("\r\n\r\n").slice(1).join("\r\n\r\n").replace(/\r\n$/, "");
+        const isImage = /\.(png|jpe?g|gif|webp)$/i.test(name);
+        const id = `ra_${String(fixture.attachmentSeq++).padStart(32, "0")}`;
+        const record = {
+          id,
+          node_id: nodeId,
+          filename: name.replace(/^.*[\\/]/, ""),
+          media_type: isImage ? "image/png" : "text/csv",
+          kind: isImage ? "image" : "document",
+          byte_size: Buffer.byteLength(body, "latin1"),
+          delivered: false,
+          created_at: new Date().toISOString(),
+          url: `/api/attachments/${id}/content`,
+        };
+        fixture.attachmentBytes.set(id, Buffer.from(body, "latin1"));
+        const list = fixture.attachments.get(nodeId) || [];
+        list.push(record);
+        fixture.attachments.set(nodeId, list);
+        created.push(record);
+      }
+    }
+    fixture.uploads.push({ node_id: nodeId, files: created.map((item) => item.filename) });
+    return json(response, 201, { attachments: created });
+  }
+
+  if (attachmentUpload && request.method === "GET") {
+    return json(response, 200, { attachments: fixture.attachments.get(attachmentUpload[1]) || [] });
+  }
+
+  const attachmentContent = /^\/api\/attachments\/([^/]+)\/content$/.exec(url.pathname);
+  if (attachmentContent && request.method === "GET") {
+    const bytes = fixture.attachmentBytes.get(attachmentContent[1]);
+    if (!bytes) return json(response, 404, { error: { code: "not_found", message: "missing" } });
+    const record = [...fixture.attachments.values()].flat()
+      .find((item) => item.id === attachmentContent[1]);
+    response.writeHead(200, {
+      "Content-Type": record?.media_type || "application/octet-stream",
+      "Content-Length": String(bytes.length),
+      "Content-Disposition":
+        `${record?.kind === "image" ? "inline" : "attachment"}; filename="${record?.filename}"`,
+    });
+    response.end(bytes);
+    return undefined;
+  }
+
+  const attachmentDelete = /^\/api\/attachments\/([^/]+)$/.exec(url.pathname);
+  if (attachmentDelete && request.method === "DELETE") {
+    const id = attachmentDelete[1];
+    for (const [nodeId, list] of fixture.attachments) {
+      const next = list.filter((item) => item.id !== id);
+      if (next.length !== list.length) {
+        fixture.attachments.set(nodeId, next);
+        fixture.attachmentBytes.delete(id);
+        return json(response, 200, { deleted_attachment_ids: [id], node_id: nodeId });
+      }
+    }
+    return json(response, 404, { error: { code: "not_found", message: "missing" } });
+  }
+
   await serveStatic(url.pathname, response);
 }
 
@@ -168,6 +598,12 @@ async function readJson(request) {
   return body ? JSON.parse(body) : {};
 }
 
+async function readRaw(request) {
+  const chunks = [];
+  for await (const chunk of request) chunks.push(Buffer.from(chunk));
+  return Buffer.concat(chunks);
+}
+
 function startSse(response) {
   response.writeHead(200, {
     "Content-Type": "text/event-stream; charset=utf-8",
@@ -216,3 +652,149 @@ async function serveStatic(pathname, response) {
     response.end(bytes);
   }
 }
+
+/**
+ * A miniature RFB server over a WebSocket, mirroring what the real backend
+ * proxy presents to the browser: version, security type None, then ServerInit
+ * followed by a solid-colour framebuffer update. Enough for noVNC to connect
+ * and paint, so the acceptance test can assert on real pixels.
+ */
+function installScreenSocket(server, fixture) {
+  server.on("upgrade", (request, socket) => {
+    const url = new URL(request.url || "/", "http://127.0.0.1");
+    if (!/^\/api\/screens\/[^/]+\/stream$/.test(url.pathname)) {
+      socket.destroy();
+      return;
+    }
+    fixture.screenStreams += 1;
+    fixture.screenSockets.add(socket);
+    socket.on("close", () => fixture.screenSockets.delete(socket));
+    const key = request.headers["sec-websocket-key"] || "";
+    const accept = crypto.createHash("sha1")
+      .update(`${key}258EAFA5-E914-47DA-95CA-C5AB0DC85B11`)
+      .digest("base64");
+    const headers = [
+      "HTTP/1.1 101 Switching Protocols",
+      "Upgrade: websocket",
+      "Connection: Upgrade",
+      `Sec-WebSocket-Accept: ${accept}`,
+    ];
+    if (String(request.headers["sec-websocket-protocol"] || "").includes("binary")) {
+      headers.push("Sec-WebSocket-Protocol: binary");
+    }
+    socket.write(`${headers.join("\r\n")}\r\n\r\n`);
+
+    const WIDTH = 64;
+    const HEIGHT = 48;
+    let phase = "version";
+    let pending = Buffer.alloc(0);
+
+    socket.write(frame(Buffer.from("RFB 003.008\n", "ascii")));
+
+    socket.on("data", (chunk) => {
+      pending = Buffer.concat([pending, chunk]);
+      const payloads = decodeFrames(pending, (rest) => { pending = rest; });
+      for (const payload of payloads) {
+        if (phase === "version") {
+          socket.write(frame(Buffer.from([1, 1])));       // one type: None
+          phase = "security";
+        } else if (phase === "security") {
+          socket.write(frame(Buffer.from([0, 0, 0, 0]))); // SecurityResult OK
+          phase = "clientinit";
+        } else if (phase === "clientinit") {
+          socket.write(frame(serverInit(WIDTH, HEIGHT)));
+          socket.write(frame(solidUpdate(WIDTH, HEIGHT)));
+          phase = "open";
+        } else if (payload[0] === 3) {                    // FramebufferUpdateRequest
+          socket.write(frame(solidUpdate(WIDTH, HEIGHT)));
+        }
+      }
+    });
+    socket.on("error", () => socket.destroy());
+  });
+}
+
+function serverInit(width, height) {
+  const name = Buffer.from("Fixture screen", "utf8");
+  const header = Buffer.alloc(24);
+  header.writeUInt16BE(width, 0);
+  header.writeUInt16BE(height, 2);
+  header.writeUInt8(32, 4);   // bits per pixel
+  header.writeUInt8(24, 5);   // depth
+  header.writeUInt8(0, 6);    // little endian
+  header.writeUInt8(1, 7);    // true colour
+  header.writeUInt16BE(255, 8);
+  header.writeUInt16BE(255, 10);
+  header.writeUInt16BE(255, 12);
+  header.writeUInt8(16, 14);  // red shift
+  header.writeUInt8(8, 15);   // green shift
+  header.writeUInt8(0, 16);   // blue shift
+  header.writeUInt32BE(name.length, 20);
+  return Buffer.concat([header, name]);
+}
+
+/** One raw-encoded rectangle covering the framebuffer in a fixed colour. */
+function solidUpdate(width, height) {
+  const header = Buffer.alloc(16);
+  header.writeUInt8(0, 0);              // FramebufferUpdate
+  header.writeUInt16BE(1, 2);           // one rectangle
+  header.writeUInt16BE(0, 4);
+  header.writeUInt16BE(0, 6);
+  header.writeUInt16BE(width, 8);
+  header.writeUInt16BE(height, 10);
+  header.writeInt32BE(0, 12);           // raw encoding
+  const pixels = Buffer.alloc(width * height * 4);
+  for (let index = 0; index < width * height; index += 1) {
+    pixels[index * 4] = 0x20;           // blue
+    pixels[index * 4 + 1] = 0xc0;       // green
+    pixels[index * 4 + 2] = 0x40;       // red
+    pixels[index * 4 + 3] = 0xff;
+  }
+  return Buffer.concat([header, pixels]);
+}
+
+function frame(payload) {
+  const length = payload.length;
+  let header;
+  if (length < 126) header = Buffer.from([0x82, length]);
+  else {
+    header = Buffer.alloc(4);
+    header[0] = 0x82;
+    header[1] = 126;
+    header.writeUInt16BE(length, 2);
+  }
+  return Buffer.concat([header, payload]);
+}
+
+function decodeFrames(buffer, setRest) {
+  const out = [];
+  let offset = 0;
+  for (;;) {
+    if (buffer.length - offset < 2) break;
+    const masked = Boolean(buffer[offset + 1] & 0x80);
+    let length = buffer[offset + 1] & 0x7f;
+    let cursor = offset + 2;
+    if (length === 126) {
+      if (buffer.length - cursor < 2) break;
+      length = buffer.readUInt16BE(cursor);
+      cursor += 2;
+    } else if (length === 127) {
+      if (buffer.length - cursor < 8) break;
+      length = Number(buffer.readBigUInt64BE(cursor));
+      cursor += 8;
+    }
+    let mask;
+    if (masked) {
+      if (buffer.length - cursor < 4) break;
+      mask = buffer.subarray(cursor, cursor + 4);
+      cursor += 4;
+    }
+    if (buffer.length - cursor < length) break;
+    const payload = Buffer.from(buffer.subarray(cursor, cursor + length));
+    if (mask) for (let i = 0; i < payload.length; i += 1) payload[i] ^= mask[i % 4];
+    out.push(payload);
+    offset = cursor + length;
+  }
+  setRest(buffer.subarray(offset));
+  return out;
+}
diff --git a/test/hermes-workspace/header-colors.test.mjs b/test/hermes-workspace/header-colors.test.mjs
new file mode 100644
index 0000000..fd3610c
--- /dev/null
+++ b/test/hermes-workspace/header-colors.test.mjs
@@ -0,0 +1,57 @@
+import assert from "node:assert/strict";
+import { bootHermesWorkspace } from "./harness.mjs";
+
+const app = await bootHermesWorkspace();
+const { browser, baseUrl } = app;
+try {
+  const context = await browser.newContext({ viewport: { width: 1280, height: 760 } });
+  const page = await context.newPage();
+  await page.goto(baseUrl, { waitUntil: "networkidle" });
+
+  await page.getByRole("button", { name: "New workspace" }).click();
+  const create = page.getByRole("dialog", { name: "Create workspace" });
+  await create.getByRole("textbox").fill("Color inheritance");
+  await create.getByRole("button", { name: "Start exploring" }).click();
+  const root = page.locator('[data-node-id="rn_root"]');
+  await root.locator(".node-markdown").getByText("Hermes is streaming the root document.").waitFor();
+
+  const rootColors = await root.evaluate((card) => ({
+    token: card.style.getPropertyValue("--node-header-color").trim(),
+    header: getComputedStyle(card.querySelector(".workspace-node-head")).backgroundColor,
+    card: getComputedStyle(card).backgroundColor,
+  }));
+  assert.equal(rootColors.token, "#7c6cf2");
+  assert.notEqual(rootColors.header, rootColors.card, "only the header should receive the tint");
+
+  await root.locator(".node-branch-form textarea").fill("Make a child");
+  await root.getByRole("button", { name: "New branch" }).click();
+  const child = page.locator('[data-node-id="rn_branch_1"]');
+  await child.locator(".node-markdown").getByText("Nested completed independently.").waitFor();
+  const childColors = await child.evaluate((card) => ({
+    token: card.style.getPropertyValue("--node-header-color").trim(),
+    header: getComputedStyle(card.querySelector(".workspace-node-head")).backgroundColor,
+    card: getComputedStyle(card).backgroundColor,
+  }));
+  assert.equal(childColors.token, rootColors.token, "child should inherit the parent header color");
+  assert.equal(childColors.header, rootColors.header, "inherited headers should render identically");
+  assert.equal(childColors.card, rootColors.card, "card bodies must keep the neutral surface");
+
+  await page.locator("#canvas-view").dblclick({ position: { x: 900, y: 600 } });
+  const standaloneDialog = page.getByRole("dialog", { name: "Create session on canvas" });
+  await standaloneDialog.getByRole("textbox").fill("Independent color");
+  await standaloneDialog.getByRole("button", { name: "Start session" }).click();
+  const standalone = page.locator('[data-node-id="rn_standalone_2"]');
+  await standalone.locator(".node-markdown").getByText("Hermes is streaming the root document.").waitFor();
+  const standaloneColors = await standalone.evaluate((card) => ({
+    token: card.style.getPropertyValue("--node-header-color").trim(),
+    header: getComputedStyle(card.querySelector(".workspace-node-head")).backgroundColor,
+    card: getComputedStyle(card).backgroundColor,
+  }));
+  assert.equal(standaloneColors.token, "#17a673");
+  assert.notEqual(standaloneColors.header, rootColors.header, "independent windows should receive their own tint");
+  assert.equal(standaloneColors.card, rootColors.card, "the random color must not leak into the body");
+
+  console.log("ok header colors: random roots, inherited children, header-only tint");
+} finally {
+  await app.close();
+}
diff --git a/test/hermes-workspace/model-settings.test.mjs b/test/hermes-workspace/model-settings.test.mjs
new file mode 100644
index 0000000..c8b4ef8
--- /dev/null
+++ b/test/hermes-workspace/model-settings.test.mjs
@@ -0,0 +1,55 @@
+import assert from "node:assert/strict";
+import { bootHermesWorkspace } from "./harness.mjs";
+
+const app = await bootHermesWorkspace();
+const { browser, baseUrl, fixture } = app;
+try {
+  const context = await browser.newContext();
+  const page = await context.newPage();
+  const browserErrors = [];
+  page.on("console", (message) => { if (message.type() === "error") browserErrors.push(message.text()); });
+  page.on("pageerror", (error) => browserErrors.push(error.message));
+
+  await page.goto(baseUrl, { waitUntil: "networkidle" });
+  await page.getByRole("button", { name: "New workspace" }).click();
+  const workspaceDialog = page.getByRole("dialog", { name: "Create workspace" });
+  await workspaceDialog.getByLabel("Model").selectOption("openai-codex/gpt-5.6-sol");
+  await workspaceDialog.getByLabel("Thinking level").selectOption("high");
+  await workspaceDialog.getByLabel("What do you want to explore?").fill("Model-aware workspace");
+  await workspaceDialog.getByRole("button", { name: "Start exploring" }).click();
+
+  const root = page.locator('[data-node-id="rn_root"]');
+  await root.locator(".node-markdown", { hasText: "streaming the root document" }).waitFor();
+  assert.equal(fixture.workspaceBodies[0].model, "openai-codex/gpt-5.6-sol");
+  assert.equal(fixture.workspaceBodies[0].reasoning_effort, "high");
+  assert.match(await root.locator(".node-model-summary").innerText(), /GPT-5.6 Sol.*high/i);
+
+  await root.getByRole("button", { name: "Session settings" }).click();
+  const settingsDialog = page.getByRole("dialog", { name: "Session settings" });
+  assert.equal(await settingsDialog.getByLabel("Model").inputValue(), "openai-codex/gpt-5.6-sol");
+  assert.equal(await settingsDialog.getByLabel("Thinking level").inputValue(), "high");
+  await settingsDialog.getByLabel("Model").selectOption("anthropic/claude-opus-4-8");
+  await settingsDialog.getByLabel("Thinking level").selectOption("low");
+  await settingsDialog.getByRole("button", { name: "Save settings" }).click();
+  assert.deepEqual(fixture.settingsBodies.at(-1), {
+    node_id: "rn_root", model: "anthropic/claude-opus-4-8", reasoning_effort: "low",
+  });
+  await root.locator(".node-model-summary", { hasText: "Claude Opus 4.8 · thinking low" }).waitFor();
+
+  await page.evaluate(() => window.__hermesWorkspaceTest.setCamera({ x: 0, y: 0, scale: 1 }));
+  await page.locator("#canvas-view").dblclick({ position: { x: 900, y: 680 } });
+  const sessionDialog = page.getByRole("dialog", { name: "Create session on canvas" });
+  await sessionDialog.getByLabel("Model").selectOption("openai-codex/gpt-5.6-sol");
+  await sessionDialog.getByLabel("Thinking level").selectOption("xhigh");
+  await sessionDialog.getByLabel("What should this session work on?").fill("Independent model session");
+  await sessionDialog.getByRole("button", { name: "Start session" }).click();
+  await page.locator('[data-node-id="rn_standalone_1"] .node-markdown', { hasText: "streaming the root document" }).waitFor();
+  assert.equal(fixture.standaloneBodies[0].model, "openai-codex/gpt-5.6-sol");
+  assert.equal(fixture.standaloneBodies[0].reasoning_effort, "xhigh");
+
+  assert.deepEqual(browserErrors, [], `model settings should not emit browser errors: ${browserErrors.join(" | ")}`);
+  await context.close();
+  console.log("ok model settings: create, display, update, and independent sessions");
+} finally {
+  await app.close();
+}
diff --git a/test/hermes-workspace/queued-follow-up.test.mjs b/test/hermes-workspace/queued-follow-up.test.mjs
new file mode 100644
index 0000000..b3520d7
--- /dev/null
+++ b/test/hermes-workspace/queued-follow-up.test.mjs
@@ -0,0 +1,62 @@
+import assert from "node:assert/strict";
+import fs from "node:fs/promises";
+import { bootHermesWorkspace } from "./harness.mjs";
+
+const app = await bootHermesWorkspace({ holdRoot: true });
+const { browser, baseUrl, fixture } = app;
+let context;
+try {
+  context = await browser.newContext();
+  const page = await context.newPage();
+  const browserErrors = [];
+  page.on("console", (message) => { if (message.type() === "error") browserErrors.push(message.text()); });
+  page.on("pageerror", (error) => browserErrors.push(error.message));
+
+  await page.goto(baseUrl, { waitUntil: "networkidle" });
+  await page.getByRole("button", { name: "Export archive" }).waitFor();
+  await page.getByRole("button", { name: "New workspace" }).click();
+  await page.getByLabel("What do you want to explore?").fill("Queue a durable follow-up");
+  await page.getByRole("button", { name: "Start exploring" }).click();
+
+  const root = page.locator('[data-node-id="rn_root"]');
+  await root.locator(".node-markdown", { hasText: "Hermes is" }).waitFor();
+  const composer = root.locator(".node-branch-form");
+  const input = composer.locator("textarea");
+  assert.equal(await input.isEditable(), true,
+    "a running card should accept a follow-up for the local queue");
+
+  await input.fill("Cancel this queued message.");
+  await composer.getByRole("button", { name: "Continue here" }).click();
+  const cancelledQueue = composer.getByText("Cancel this queued message.");
+  await cancelledQueue.waitFor();
+  await composer.getByRole("button", { name: "Cancel queued follow-up" }).click();
+  await cancelledQueue.waitFor({ state: "hidden" });
+
+  await input.fill("Send this after the current answer.");
+  await composer.getByRole("button", { name: "Continue here" }).click();
+  await composer.getByText("Send this after the current answer.").waitFor();
+  fixture.releaseRoot();
+
+  await root.locator(".node-markdown", { hasText: "Queued follow-up completed." }).waitFor();
+  assert.deepEqual(fixture.queuedBodies, [{ prompt: "Send this after the current answer." }],
+    "only uncancelled queued messages should run after the current stream");
+  assert.equal(await composer.getByText("Send this after the current answer.").count(), 0,
+    "an automatically started queued message should leave the pending list");
+  const downloadPromise = page.waitForEvent("download");
+  await page.getByRole("button", { name: "Export archive" }).click();
+  const archiveDownload = await downloadPromise;
+  const archive = JSON.parse(await fs.readFile(await archiveDownload.path(), "utf8"));
+  assert.equal(archive.format, "hermes-rabbithole-archive/v1",
+    "the local archive export should use the stable archive format");
+  assert.equal(archive.workspace.id, "rw_test",
+    "the downloaded archive should contain the active Rabbithole workspace");
+  assert.deepEqual(browserErrors, [], `queued follow-up journey should not emit browser errors: ${browserErrors.join(" | ")}`);
+
+  await context.close();
+  context = null;
+  console.log("ok Hermes queued follow-up: queue while writing, cancel, then automatically continue");
+} finally {
+  fixture.releaseRoot();
+  if (context) await context.close();
+  await app.close();
+}
diff --git a/test/hermes-workspace/screen-window.test.mjs b/test/hermes-workspace/screen-window.test.mjs
new file mode 100644
index 0000000..0d68771
--- /dev/null
+++ b/test/hermes-workspace/screen-window.test.mjs
@@ -0,0 +1,110 @@
+import assert from "node:assert/strict";
+import { bootHermesWorkspace } from "./harness.mjs";
+
+const app = await bootHermesWorkspace();
+const { browser, baseUrl, fixture } = app;
+try {
+  const context = await browser.newContext({ viewport: { width: 1280, height: 760 } });
+  const page = await context.newPage();
+  await page.goto(baseUrl, { waitUntil: "networkidle" });
+
+  await page.getByRole("button", { name: "New workspace" }).click();
+  const create = page.getByRole("dialog", { name: "Create workspace" });
+  await create.getByRole("textbox").fill("Screen trail");
+  await create.getByRole("button", { name: "Start exploring" }).click();
+  const root = page.locator('[data-node-id="rn_root"]');
+  await root.locator(".node-markdown", { hasText: "streaming the root document" }).waitFor();
+
+  // Right-clicking empty canvas offers the window types rather than jumping
+  // straight into a new session.
+  const menu = page.locator("#canvas-menu");
+  assert.equal(await menu.isVisible(), false);
+  // Place the screen near the top-left so the whole 960x620 window — including
+  // its resize handle — stays inside the viewport for the drag/resize checks.
+  await page.locator("#canvas-view").click({ button: "right", position: { x: 40, y: 40 } });
+  await menu.waitFor({ state: "visible" });
+  await menu.getByRole("menuitem", { name: "New session" }).waitFor();
+
+  await menu.getByRole("menuitem", { name: "New screen" }).click();
+  await menu.waitFor({ state: "hidden" });
+
+  // The picker lists what the server advertises; no host or credential is
+  // present anywhere in the page.
+  const dialog = page.getByRole("dialog", { name: "Add a screen" });
+  await dialog.waitFor();
+  const options = await dialog.locator("#screen-target option").allInnerTexts();
+  assert.deepEqual(options, ["admin's Mac mini"]);
+
+  await dialog.getByRole("button", { name: "Add screen" }).click();
+  const screen = page.locator('[data-screen-id="rs_fixture1"]');
+  await screen.waitFor({ state: "visible" });
+  assert.equal(await screen.locator(".workspace-node-title").innerText(), "admin's Mac mini");
+  assert.equal(fixture.screenBodies.length, 1);
+  assert.equal(fixture.screenBodies[0].screen_key, "admin-mini");
+
+  // The window reaches "Live" only after a real RFB handshake completes over
+  // the WebSocket, and noVNC paints the framebuffer into its own canvas.
+  await screen.locator('[data-screen-state="connected"]').waitFor();
+  // The badge is uppercased by CSS, so compare case-insensitively.
+  assert.match(await screen.locator(".screen-state").innerText(), /^live$/i);
+  assert.equal(fixture.screenStreams, 1);
+
+  const canvas = screen.locator(".screen-canvas canvas");
+  await canvas.waitFor();
+  const painted = await canvas.evaluate((element) => {
+    const context = element.getContext("2d");
+    const { data } = context.getImageData(Math.floor(element.width / 2), Math.floor(element.height / 2), 1, 1);
+    return { r: data[0], g: data[1], b: data[2] };
+  });
+  assert.deepEqual(painted, { r: 0x20, g: 0xc0, b: 0x40 }, "framebuffer pixels should reach the canvas");
+
+  // Screens drag and resize like session windows, and persist their geometry.
+  const before = await screen.boundingBox();
+  await page.mouse.move(before.x + 60, before.y + 12);
+  await page.mouse.down();
+  await page.mouse.move(before.x + 140, before.y + 60, { steps: 8 });
+  await page.mouse.up();
+  await page.waitForFunction(
+    (count) => window.__hermesWorkspaceTest.layoutPatchCount() >= count,
+    1,
+  );
+  const moved = await screen.boundingBox();
+  assert.ok(moved.x > before.x + 50, "screen should follow the pointer");
+
+  // Shrink from the handle so it stays reachable inside the viewport.
+  const handle = screen.locator(".workspace-node-resize");
+  const handleBox = await handle.boundingBox();
+  await page.mouse.move(handleBox.x + handleBox.width / 2, handleBox.y + handleBox.height / 2);
+  await page.mouse.down();
+  await page.mouse.move(handleBox.x - 200, handleBox.y - 150, { steps: 8 });
+  await page.mouse.up();
+  await page.waitForFunction(
+    (count) => window.__hermesWorkspaceTest.layoutPatchCount() >= count,
+    2,
+  );
+  const resized = await screen.boundingBox();
+  assert.ok(resized.width < moved.width - 100, "screen should resize from its handle");
+  assert.ok(fixture.screenLayoutPatches.length >= 2);
+
+  // Geometry survives a reload, and the stream is re-established.
+  await page.reload({ waitUntil: "networkidle" });
+  const restored = page.locator('[data-screen-id="rs_fixture1"]');
+  await restored.waitFor({ state: "visible" });
+  await restored.locator('[data-screen-state="connected"]').waitFor();
+  const afterReload = await restored.boundingBox();
+  assert.ok(Math.abs(afterReload.width - resized.width) < 4, "width should persist across reload");
+  assert.equal(fixture.screenStreams, 2);
+
+  // Closing a screen removes it and releases the socket.
+  await restored.locator('[data-action="close-screen"]').click();
+  await restored.waitFor({ state: "detached" });
+  assert.deepEqual(fixture.deletedScreenIds, ["rs_fixture1"]);
+
+  // Session windows still work alongside screens.
+  assert.equal(await root.isVisible(), true);
+
+  await context.close();
+  process.stdout.write("ok Hermes workspace screens: right-click menu, live framebuffer, drag/resize persistence, reconnect on reload, and close\n");
+} finally {
+  await app.close();
+}
diff --git a/test/hermes-workspace/stop-retry.test.mjs b/test/hermes-workspace/stop-retry.test.mjs
new file mode 100644
index 0000000..0cfac6e
--- /dev/null
+++ b/test/hermes-workspace/stop-retry.test.mjs
@@ -0,0 +1,66 @@
+import assert from "node:assert/strict";
+import { bootHermesWorkspace } from "./harness.mjs";
+
+// Covers the two dead ends in the node lifecycle: a running node that could
+// not be stopped, and a failed node that was terminal (no retry, and a
+// disabled composer that blocked steering past the error).
+const app = await bootHermesWorkspace({ holdRoot: true });
+const { browser, baseUrl, fixture } = app;
+try {
+  const context = await browser.newContext();
+  const page = await context.newPage();
+  const browserErrors = [];
+  page.on("console", (message) => { if (message.type() === "error") browserErrors.push(message.text()); });
+  page.on("pageerror", (error) => browserErrors.push(error.message));
+
+  await page.goto(baseUrl, { waitUntil: "networkidle" });
+  await page.getByRole("button", { name: "New workspace" }).click();
+  await page.getByLabel("What do you want to explore?").fill("Explain stopping and retrying");
+  await page.getByRole("button", { name: "Start exploring" }).click();
+
+  const root = page.locator('[data-node-id="rn_root"]');
+  const composer = root.locator(".node-branch-form");
+  const input = composer.locator("textarea");
+  const stopButton = root.locator(".node-stop");
+  const retryButton = composer.locator(".follow-up-retry");
+
+  // --- 1. A running node offers a Stop affordance ---------------------------
+  await root.locator(".node-markdown", { hasText: "Hermes is" }).waitFor();
+  await stopButton.waitFor({ state: "visible" });
+  assert.equal(await retryButton.isVisible(), false,
+    "Retry must not be offered while the node is still running");
+
+  // --- 2. Stopping settles the node and reports the reason ------------------
+  await stopButton.click();
+  await root.locator(".node-error", { hasText: "Stopped at your request." }).waitFor();
+  assert.deepEqual(fixture.stopCalls, ["rn_root"],
+    "clicking Stop should ask the backend to interrupt this node's run");
+  await stopButton.waitFor({ state: "hidden" });
+
+  // --- 3. A failed node is recoverable, not terminal ------------------------
+  await retryButton.waitFor({ state: "visible" });
+  assert.equal(await input.isDisabled(), false,
+    "the composer must stay usable after a failure so the user can steer past it");
+  assert.equal(await composer.getByRole("button", { name: "Continue here" }).isDisabled(), false,
+    "Continue must be available on a failed node");
+
+  // Partial output from the stopped run is preserved, not discarded.
+  assert.match(await root.locator(".node-markdown").innerText(), /Hermes is/,
+    "output produced before the stop should survive");
+
+  // --- 4. Retry replays the original prompt --------------------------------
+  await retryButton.click();
+  await root.locator(".node-markdown", { hasText: "retried successfully." }).waitFor();
+  assert.deepEqual(fixture.retryCalls, ["rn_root"],
+    "Retry should re-run the node through the retry endpoint");
+  await retryButton.waitFor({ state: "hidden" });
+  assert.equal(await page.locator('[data-node-id^="rn_branch_"]').count(), 0,
+    "retrying must reuse the same card rather than forking a new one");
+
+  assert.deepEqual(browserErrors, [], `stop/retry journey should not emit browser errors: ${browserErrors.join(" | ")}`);
+
+  await context.close();
+  console.log("ok Hermes stop/retry: stop a running node, recover a failed one, and continue past the error");
+} finally {
+  await app.close();
+}
diff --git a/test/hermes-workspace/workspace-actions.test.mjs b/test/hermes-workspace/workspace-actions.test.mjs
new file mode 100644
index 0000000..6a1e4a4
--- /dev/null
+++ b/test/hermes-workspace/workspace-actions.test.mjs
@@ -0,0 +1,66 @@
+import assert from "node:assert/strict";
+import { bootHermesWorkspace } from "./harness.mjs";
+
+const app = await bootHermesWorkspace();
+const { browser, baseUrl, fixture } = app;
+try {
+  const context = await browser.newContext();
+  const page = await context.newPage();
+  const browserErrors = [];
+  page.on("console", (message) => { if (message.type() === "error") browserErrors.push(message.text()); });
+  page.on("pageerror", (error) => browserErrors.push(error.message));
+
+  await page.goto(baseUrl, { waitUntil: "networkidle" });
+  await page.getByRole("button", { name: "New workspace" }).click();
+  await page.getByLabel("What do you want to explore?").fill("Root workspace question");
+  await page.getByRole("button", { name: "Start exploring" }).click();
+  const root = page.locator('[data-node-id="rn_root"]');
+  await root.locator(".node-markdown", { hasText: "streaming the root document" }).waitFor();
+
+  const rootInput = root.getByLabel("Ask a follow-up on Root answer");
+  await rootInput.fill("Explore alpha");
+  await root.getByRole("button", { name: "New branch" }).click();
+  const child = page.locator('[data-node-id="rn_branch_1"]');
+  await child.locator(".node-markdown", { hasText: "Alpha completed independently" }).waitFor();
+  assert.equal(await child.getAttribute("data-unread"), "true", "a background completion should mark the card unread");
+  await page.getByRole("button", { name: /Next unread/ }).waitFor();
+  await page.getByRole("button", { name: /Next unread/ }).click();
+  assert.equal(await child.getAttribute("aria-selected"), "true", "next unread should select the completed card");
+  assert.equal(await child.getAttribute("data-unread"), "false", "opening an unread card should clear its highlight");
+
+  const childInput = child.getByLabel("Ask a follow-up on Alpha branch");
+  await childInput.fill("Take this nested branch deeper");
+  await child.getByRole("button", { name: "New branch" }).click();
+  const nested = page.locator('[data-node-id="rn_branch_2"]');
+  await nested.locator(".node-markdown", { hasText: "Nested completed independently" }).waitFor();
+  await nested.getByRole("button", { name: "Merge" }).click();
+  const mergeDialog = page.getByRole("dialog", { name: "Merge child findings" });
+  await mergeDialog.getByLabel("Destination").selectOption("root");
+  await mergeDialog.getByLabel("Optional instruction").fill("Keep only decisions");
+  await mergeDialog.getByRole("button", { name: "Merge findings" }).click();
+  await root.locator(".node-markdown", { hasText: "Merged child findings" }).waitFor();
+  assert.deepEqual(fixture.mergeBodies.at(-1), {
+    source_id: "rn_branch_2", destination: "root", instruction: "Keep only decisions",
+  });
+  assert.equal(await root.getAttribute("data-unread"), "true", "the merge destination should be highlighted when updated");
+  assert.equal(await nested.count(), 1, "merging must keep the source child on the canvas");
+
+  await page.evaluate(() => window.__hermesWorkspaceTest.setCamera({ x: 0, y: 0, scale: 1 }));
+  const canvas = page.locator("#canvas-view");
+  await canvas.dblclick({ position: { x: 900, y: 680 } });
+  const sessionDialog = page.getByRole("dialog", { name: "Create session on canvas" });
+  await sessionDialog.getByLabel("What should this session work on?").fill("Independent session");
+  await sessionDialog.getByRole("button", { name: "Start session" }).click();
+  const standalone = page.locator('[data-node-id="rn_standalone_3"]');
+  await standalone.locator(".node-markdown", { hasText: "streaming the root document" }).waitFor();
+  assert.equal(fixture.standaloneBodies.length, 1);
+  assert(Math.abs(fixture.standaloneBodies[0].x - 900) < 2 && Math.abs(fixture.standaloneBodies[0].y - 680) < 2,
+    `standalone session should use the clicked world position (${JSON.stringify(fixture.standaloneBodies[0])})`);
+  assert.equal(await standalone.getAttribute("data-kind"), "standalone");
+
+  assert.deepEqual(browserErrors, [], `workspace actions should not emit browser errors: ${browserErrors.join(" | ")}`);
+  await context.close();
+  console.log("ok workspace actions: unread navigation, merge destination, and anywhere sessions");
+} finally {
+  await app.close();
+}
diff --git a/tests/hermes_workspace/hermes_api_overlay_test.py b/tests/hermes_workspace/hermes_api_overlay_test.py
new file mode 100644
index 0000000..c3c604c
--- /dev/null
+++ b/tests/hermes_workspace/hermes_api_overlay_test.py
@@ -0,0 +1,137 @@
+import atexit
+import importlib.util
+import json
+from pathlib import Path
+import shutil
+import subprocess
+import sys
+import tempfile
+import types
+import unittest
+from unittest.mock import patch
+
+sys.path.insert(0, "/opt/hermes")
+_TEMP_ROOT = Path(tempfile.mkdtemp(prefix="hermes-api-overlay-test-"))
+atexit.register(shutil.rmtree, _TEMP_ROOT, True)
+_TARGET = _TEMP_ROOT / "gateway/platforms/api_server.py"
+_TARGET.parent.mkdir(parents=True)
+shutil.copy2("/opt/hermes/gateway/platforms/api_server.py", _TARGET)
+_PATCH = Path(__file__).resolve().parents[2] / "integrations/hermes-api-session-settings.patch"
+
+
+def _prepare_overlay() -> None:
+    """Apply the overlay unless the live core already carries it (idempotent)."""
+    already_applied = subprocess.run(
+        ["git", "apply", "--reverse", "--check", "--unsafe-paths", str(_PATCH)],
+        cwd=_TEMP_ROOT, stdout=subprocess.DEVNULL, stderr=subprocess.DEVNULL,
+    ).returncode == 0
+    if already_applied:
+        return
+    subprocess.run(
+        ["git", "apply", "--unsafe-paths", str(_PATCH)], cwd=_TEMP_ROOT, check=True,
+        stdout=subprocess.DEVNULL, stderr=subprocess.PIPE, text=True,
+    )
+
+
+_prepare_overlay()
+SPEC = importlib.util.spec_from_file_location("hermes_api_overlay", _TARGET)
+assert SPEC is not None and SPEC.loader is not None
+MODULE = importlib.util.module_from_spec(SPEC)
+SPEC.loader.exec_module(MODULE)
+
+
+class HermesAPISessionSettingsOverlayTests(unittest.TestCase):
+    def setUp(self) -> None:
+        self.adapter = MODULE.APIServerAdapter.__new__(MODULE.APIServerAdapter)
+        self.adapter._model_routes = {}
+        self.adapter._model_name = "hermes-agent"
+
+    def test_global_model_aliases_are_valid_api_routes(self) -> None:
+        route = self.adapter._resolve_route("openai-codex/gpt-5.6-sol")
+        self.assertEqual(route["model"], "gpt-5.6-sol")
+        self.assertEqual(route["provider"], "nbmg-openai")
+
+    def test_session_settings_parse_safe_model_and_reasoning_metadata(self) -> None:
+        session = {
+            "model": "openai-codex/gpt-5.6-sol",
+            "model_config": json.dumps({
+                "api_session_settings": {
+                    "model_alias": "openai-codex/gpt-5.6-sol",
+                    "reasoning_effort": "high",
+                },
+                "private_field": "must-not-leak",
+            }),
+        }
+        settings = self.adapter._session_runtime_settings(session)
+        self.assertEqual(settings, {
+            "model_alias": "openai-codex/gpt-5.6-sol",
+            "reasoning_effort": "high",
+        })
+
+    def test_agent_creation_applies_stored_model_route_and_reasoning(self) -> None:
+        captured = {}
+
+        class FakeDB:
+            @staticmethod
+            def get_session(session_id):
+                return {
+                    "id": session_id,
+                    "model": "openai-codex/gpt-5.6-sol",
+                    "model_config": json.dumps({
+                        "api_session_settings": {
+                            "model_alias": "openai-codex/gpt-5.6-sol",
+                            "reasoning_effort": "high",
+                        }
+                    }),
+                }
+
+        class FakeAgent:
+            def __init__(self, **kwargs):
+                captured.update(kwargs)
+
+        class FakeGatewayRunner:
+            _load_reasoning_config = staticmethod(lambda: {"enabled": True, "effort": "medium"})
+            _load_fallback_model = staticmethod(lambda: None)
+
+        fake_run_agent = types.ModuleType("run_agent")
+        setattr(fake_run_agent, "AIAgent", FakeAgent)
+        fake_gateway_run = types.ModuleType("gateway.run")
+        setattr(fake_gateway_run, "_current_max_iterations", lambda: 30)
+        setattr(fake_gateway_run, "_resolve_runtime_agent_kwargs", lambda: {"provider": "nbmg-anthropic"})
+        setattr(fake_gateway_run, "_resolve_gateway_model", lambda: "claude-opus-5")
+        setattr(fake_gateway_run, "_load_gateway_config", lambda: {})
+        setattr(fake_gateway_run, "_resolve_runtime_agent_kwargs_for_provider", lambda _provider: {
+            "provider": "nbmg-openai", "api_key": "secret", "base_url": "https://gateway.invalid/v1"
+        })
+        setattr(fake_gateway_run, "GatewayRunner", FakeGatewayRunner)
+        fake_tools_config = types.ModuleType("hermes_cli.tools_config")
+        setattr(fake_tools_config, "_get_platform_tools", lambda _config, _platform: set())
+
+        self.adapter._ensure_session_db = lambda: FakeDB()
+        self.adapter._session_model_override_for = lambda _key: None
+        with patch.dict(sys.modules, {
+            "run_agent": fake_run_agent,
+            "gateway.run": fake_gateway_run,
+            "hermes_cli.tools_config": fake_tools_config,
+        }):
+            self.adapter._create_agent(session_id="rh_test")
+
+        self.assertEqual(captured["model"], "gpt-5.6-sol")
+        self.assertEqual(captured["provider"], "nbmg-openai")
+        self.assertEqual(captured["reasoning_config"], {"enabled": True, "effort": "high"})
+
+    def test_invalid_reasoning_metadata_falls_back_safely(self) -> None:
+        session = {
+            "model": "hermes-agent",
+            "model_config": json.dumps({
+                "api_session_settings": {"reasoning_effort": "invalid"}
+            }),
+        }
+        self.assertEqual(
+            self.adapter._session_runtime_settings(session),
+            {"model_alias": "hermes-agent", "reasoning_effort": ""},
+        )
+
+
+if __name__ == "__main__":
+    unittest.main(verbosity=2)
diff --git a/tests/hermes_workspace/test_attachments.py b/tests/hermes_workspace/test_attachments.py
new file mode 100644
index 0000000..67e04db
--- /dev/null
+++ b/tests/hermes_workspace/test_attachments.py
@@ -0,0 +1,523 @@
+"""Attachment upload, download and prompt-delivery tests."""
+
+from __future__ import annotations
+
+import json
+import tempfile
+import threading
+import unittest
+import urllib.error
+import urllib.request
+from pathlib import Path
+from typing import Any
+
+from backend import attachments
+from backend.server import create_server
+from backend.store import ConflictError, NotFoundError, Store
+
+PNG_BYTES = bytes.fromhex("89504e470d0a1a0a") + b"fake-png-body"
+CSV_BYTES = b"region,revenue\nEMEA,91000\n"
+
+
+class RecordingHermes:
+    """Captures the exact ``input`` payload handed to the chat stream."""
+
+    def __init__(self) -> None:
+        self.prompts: list[Any] = []
+        self.lock = threading.Lock()
+
+    def health(self) -> dict[str, Any]:
+        return {"status": "ok"}
+
+    def create_session(self, *args: Any, **kwargs: Any) -> dict[str, Any]:
+        return {"session": {"id": args[0] if args else "rh_x"}}
+
+    def fork_session(self, *args: Any, **kwargs: Any) -> dict[str, Any]:
+        return {"session": {"id": args[1] if len(args) > 1 else "rh_y"}}
+
+    def update_session_settings(self, *args: Any, **kwargs: Any) -> dict[str, Any]:
+        return {}
+
+    def delete_session(self, session_id: Any) -> dict[str, Any]:
+        return {}
+
+    def messages(self, session_id: Any) -> dict[str, Any]:
+        return {"messages": []}
+
+    def models(self) -> list[dict[str, str]]:
+        return [{"id": "hermes-agent"}]
+
+    def start_run(self, session_id: Any, prompt: Any) -> str:
+        with self.lock:
+            self.prompts.append(prompt)
+        return "run_fake0000000000000000000000000"
+
+    def stream_run_events(self, run_id: Any):
+        yield "assistant.delta", {"delta": "ok"}
+        yield "assistant.completed", {"content": "ok"}
+        # Terminal event: without it the node never leaves "running" and any
+        # follow-up turn is rejected with a conflict.
+        yield "run.completed", {"content": "ok"}
+
+
+def multipart(files: list[tuple[str, str, bytes]], boundary: str = "----vwtest") -> bytes:
+    body = b""
+    for name, content_type, payload in files:
+        body += f"--{boundary}\r\n".encode()
+        body += (
+            f'Content-Disposition: form-data; name="files"; filename="{name}"\r\n'
+        ).encode()
+        if content_type:
+            body += f"Content-Type: {content_type}\r\n".encode()
+        body += b"\r\n" + payload + b"\r\n"
+    body += f"--{boundary}--\r\n".encode()
+    return body
+
+
+class AttachmentUnitTests(unittest.TestCase):
+    def test_safe_filename_strips_paths_and_control_characters(self) -> None:
+        self.assertEqual(attachments.safe_filename("../../etc/passwd"), "passwd")
+        self.assertEqual(attachments.safe_filename(r"C:\evil\a b.png"), "a b.png")
+        self.assertEqual(attachments.safe_filename(""), "upload.bin")
+        self.assertEqual(attachments.safe_filename("..."), "upload.bin")
+
+    def test_classify_routes_images_and_falls_back_to_document(self) -> None:
+        self.assertEqual(attachments.classify("a.png", ""), ("image", "image/png"))
+        self.assertEqual(attachments.classify("a.JPG", ""), ("image", "image/jpeg"))
+        self.assertEqual(attachments.classify("a.csv", "")[0], "document")
+        # Unknown extensions must be accepted, not dropped.
+        self.assertEqual(
+            attachments.classify("a.zzz", ""), ("document", "application/octet-stream")
+        )
+        self.assertEqual(attachments.classify("clip.mp4", "")[0], "video")
+
+    def test_classify_ignores_a_declared_type_it_cannot_inline(self) -> None:
+        # A browser claiming image/tiff must not reach the vision path.
+        kind, _ = attachments.classify("scan.tiff", "image/tiff")
+        self.assertEqual(kind, "document")
+
+    def test_parse_multipart_reads_files_and_skips_plain_fields(self) -> None:
+        body = (
+            b"------b\r\n"
+            b'Content-Disposition: form-data; name="note"\r\n\r\nhello\r\n'
+            b"------b\r\n"
+            b'Content-Disposition: form-data; name="files"; filename="a.png"\r\n'
+            b"Content-Type: image/png\r\n\r\n" + PNG_BYTES + b"\r\n"
+            b"------b--\r\n"
+        )
+        parts = list(attachments.parse_multipart(body, "multipart/form-data; boundary=----b"))
+        self.assertEqual(len(parts), 1)
+        self.assertEqual(parts[0].filename, "a.png")
+        self.assertEqual(parts[0].data, PNG_BYTES)
+
+    def test_parse_multipart_requires_a_boundary(self) -> None:
+        with self.assertRaises(attachments.AttachmentError):
+            list(attachments.parse_multipart(b"x", "multipart/form-data"))
+
+    def test_storage_rejects_paths_outside_its_root(self) -> None:
+        with tempfile.TemporaryDirectory() as tmp:
+            storage = attachments.AttachmentStorage(tmp)
+            with self.assertRaises(attachments.AttachmentError):
+                storage.resolve("/etc/passwd")
+
+    def test_storage_names_files_by_id_not_by_upload_name(self) -> None:
+        with tempfile.TemporaryDirectory() as tmp:
+            storage = attachments.AttachmentStorage(tmp)
+            written = storage.write("rn_" + "a" * 32, "ra_" + "b" * 32, "../evil.png", PNG_BYTES)
+            self.assertTrue(written.name.startswith("ra_"))
+            self.assertEqual(written.read_bytes(), PNG_BYTES)
+            self.assertEqual(storage.resolve(str(written)), written)
+
+    def test_storage_moves_bytes_to_the_node_that_inherits_them(self) -> None:
+        with tempfile.TemporaryDirectory() as tmp:
+            storage = attachments.AttachmentStorage(tmp)
+            parent, child = "rn_" + "a" * 32, "rn_" + "c" * 32
+            written = storage.write(parent, "ra_" + "b" * 32, "shot.png", PNG_BYTES)
+            moved = storage.move_to_node(str(written), child)
+            self.assertEqual(moved.parent.name, child)
+            self.assertEqual(moved.read_bytes(), PNG_BYTES)
+            self.assertFalse(written.exists())
+            # Idempotent: moving again is a no-op, not an error.
+            self.assertEqual(storage.move_to_node(str(moved), child), moved)
+
+    def test_storage_move_refuses_a_path_outside_its_root(self) -> None:
+        with tempfile.TemporaryDirectory() as tmp:
+            storage = attachments.AttachmentStorage(tmp)
+            with self.assertRaises(attachments.AttachmentError):
+                storage.move_to_node("/etc/passwd", "rn_" + "a" * 32)
+
+    def test_storage_move_tolerates_missing_bytes(self) -> None:
+        # A vanished file must not fail the branch that triggered the move.
+        with tempfile.TemporaryDirectory() as tmp:
+            storage = attachments.AttachmentStorage(tmp)
+            ghost = Path(tmp) / ("rn_" + "a" * 32) / "ra_gone.png"
+            self.assertEqual(storage.move_to_node(str(ghost), "rn_" + "c" * 32), ghost)
+
+    def test_build_chat_input_returns_plain_text_without_attachments(self) -> None:
+        with tempfile.TemporaryDirectory() as tmp:
+            storage = attachments.AttachmentStorage(tmp)
+            self.assertEqual(attachments.build_chat_input("hi", [], storage), "hi")
+
+    def test_build_chat_input_inlines_images_and_notes_documents(self) -> None:
+        with tempfile.TemporaryDirectory() as tmp:
+            storage = attachments.AttachmentStorage(tmp)
+            node = "rn_" + "a" * 32
+            image = storage.write(node, "ra_" + "1" * 32, "shot.png", PNG_BYTES)
+            doc = storage.write(node, "ra_" + "2" * 32, "data.csv", CSV_BYTES)
+            payload = attachments.build_chat_input(
+                "look",
+                [
+                    {
+                        "kind": "image",
+                        "filename": "shot.png",
+                        "media_type": "image/png",
+                        "storage_path": str(image),
+                    },
+                    {
+                        "kind": "document",
+                        "filename": "data.csv",
+                        "media_type": "text/csv",
+                        "storage_path": str(doc),
+                    },
+                ],
+                storage,
+            )
+            self.assertIsInstance(payload, list)
+            self.assertEqual(payload[0]["type"], "text")
+            self.assertIn("look", payload[0]["text"])
+            # The document is reachable only as a path note.
+            self.assertIn("[document 'data.csv' saved at:", payload[0]["text"])
+            self.assertEqual(payload[1]["type"], "image_url")
+            self.assertTrue(payload[1]["image_url"]["url"].startswith("data:image/png;base64,"))
+
+    def test_build_chat_input_applies_the_agent_path_map(self) -> None:
+        with tempfile.TemporaryDirectory() as tmp:
+            storage = attachments.AttachmentStorage(tmp)
+            doc = storage.write("rn_" + "a" * 32, "ra_" + "2" * 32, "d.csv", CSV_BYTES)
+            # Bare value: prepend, for an agent that sees the host tree mounted.
+            text = attachments.build_chat_input(
+                "hi",
+                [{"kind": "document", "filename": "d.csv", "storage_path": str(doc)}],
+                storage,
+                "/host",
+            )
+            self.assertIn(f"/host{doc}", text)
+
+    def test_agent_visible_path_rewrites_a_from_to_mapping(self) -> None:
+        # The real deployment case: the agent's /opt/data is a bind mount of the
+        # host's /root/.hermes, so the prefix has to be swapped, not prepended.
+        mapped = attachments.agent_visible_path(
+            "/root/.hermes/visual-workspace/uploads/rn_x/ra_y.csv",
+            "/root/.hermes:/opt/data",
+        )
+        self.assertEqual(mapped, "/opt/data/visual-workspace/uploads/rn_x/ra_y.csv")
+
+    def test_agent_visible_path_leaves_unrelated_paths_alone(self) -> None:
+        mapped = attachments.agent_visible_path("/srv/other/x.csv", "/root/.hermes:/opt/data")
+        self.assertEqual(mapped, "/srv/other/x.csv")
+
+    def test_agent_visible_path_passes_through_without_a_mapping(self) -> None:
+        self.assertEqual(attachments.agent_visible_path("/a/b.csv"), "/a/b.csv")
+
+    def test_build_chat_input_survives_missing_bytes(self) -> None:
+        with tempfile.TemporaryDirectory() as tmp:
+            storage = attachments.AttachmentStorage(tmp)
+            payload = attachments.build_chat_input(
+                "hi",
+                [
+                    {
+                        "kind": "image",
+                        "filename": "gone.png",
+                        "media_type": "image/png",
+                        "storage_path": str(Path(tmp) / "gone.png"),
+                    }
+                ],
+                storage,
+            )
+            # Degrades to text rather than raising mid-stream.
+            self.assertIsInstance(payload, str)
+            self.assertIn("could not be read", payload)
+
+
+class AttachmentStoreTests(unittest.TestCase):
+    def setUp(self) -> None:
+        self.store = Store(":memory:")
+        _, node = self.store.create_workspace("prompt", "rh_" + "a" * 32)
+        self.node_id = node["id"]
+
+    def _create(self, **overrides: Any) -> dict[str, Any]:
+        payload = {
+            "filename": "a.png",
+            "media_type": "image/png",
+            "kind": "image",
+            "byte_size": 10,
+            "storage_path": "/tmp/a.png",
+        }
+        payload.update(overrides)
+        return self.store.create_attachment(self.node_id, **payload)
+
+    def test_take_pending_claims_each_attachment_once(self) -> None:
+        self._create()
+        self._create(filename="b.csv", kind="document", media_type="text/csv")
+        first = self.store.take_pending_attachments(self.node_id)
+        self.assertEqual(len(first), 2)
+        # A second turn must not resend what was already delivered.
+        self.assertEqual(self.store.take_pending_attachments(self.node_id), [])
+
+    def test_delivered_attachments_cannot_be_deleted(self) -> None:
+        record = self._create()
+        self.store.take_pending_attachments(self.node_id)
+        with self.assertRaises(ConflictError):
+            self.store.delete_attachment(record["id"])
+
+    def test_rejects_an_unknown_kind(self) -> None:
+        with self.assertRaises(Exception):
+            self._create(kind="executable")
+
+    def test_workspace_payload_includes_attachments(self) -> None:
+        self._create()
+        workspace = self.store.get_workspace(
+            self.store.get_node(self.node_id)["workspace_id"]
+        )
+        self.assertEqual(len(workspace["attachments"]), 1)
+
+    def test_attachments_are_removed_with_their_node(self) -> None:
+        # The root node cannot be deleted, so branch a child and delete that.
+        child = self.store.create_child(self.node_id, "follow up", "rh_" + "b" * 32)
+        self.store.create_attachment(
+            child["id"],
+            filename="a.png",
+            media_type="image/png",
+            kind="image",
+            byte_size=10,
+            storage_path="/tmp/a.png",
+        )
+        self.assertEqual(len(self.store.list_attachments(child["id"])), 1)
+        self.store.delete_node(child["id"])
+        self.assertEqual(self.store.list_attachments(child["id"]), [])
+
+    def test_reassign_moves_pending_attachments_to_the_branch(self) -> None:
+        # Files staged on the parent card belong to the branch turn the user
+        # is sending; without the handover they are stranded at delivered=0.
+        record = self._create()
+        child = self.store.create_child(self.node_id, "follow up", "rh_" + "b" * 32)
+        moved = self.store.reassign_pending_attachments(self.node_id, child["id"])
+        self.assertEqual([item["id"] for item in moved], [record["id"]])
+        self.assertEqual(self.store.list_attachments(self.node_id), [])
+        self.assertEqual(len(self.store.list_attachments(child["id"])), 1)
+        # And the child's turn actually claims them.
+        claimed = self.store.take_pending_attachments(child["id"])
+        self.assertEqual([item["id"] for item in claimed], [record["id"]])
+
+    def test_reassign_leaves_delivered_attachments_with_the_sending_turn(self) -> None:
+        sent = self._create()
+        self.store.take_pending_attachments(self.node_id)
+        pending = self._create(filename="b.png")
+        child = self.store.create_child(self.node_id, "follow up", "rh_" + "b" * 32)
+        moved = self.store.reassign_pending_attachments(self.node_id, child["id"])
+        self.assertEqual([item["id"] for item in moved], [pending["id"]])
+        # The already-sent file stays in the parent's transcript.
+        self.assertEqual(
+            [item["id"] for item in self.store.list_attachments(self.node_id)], [sent["id"]]
+        )
+
+    def test_reassign_is_a_noop_without_pending_attachments(self) -> None:
+        child = self.store.create_child(self.node_id, "follow up", "rh_" + "b" * 32)
+        self.assertEqual(self.store.reassign_pending_attachments(self.node_id, child["id"]), [])
+
+    def test_reassign_rejects_an_unknown_destination(self) -> None:
+        self._create()
+        with self.assertRaises(NotFoundError):
+            self.store.reassign_pending_attachments(self.node_id, "rn_" + "f" * 32)
+
+
+class AttachmentHTTPTests(unittest.TestCase):
+    def setUp(self) -> None:
+        self.tmp = tempfile.TemporaryDirectory()
+        self.hermes = RecordingHermes()
+        self.server = create_server(
+            "127.0.0.1",
+            0,
+            database=Path(self.tmp.name) / "app.sqlite3",
+            static_dir=None,
+            hermes_client=self.hermes,  # type: ignore[arg-type]
+            attachment_dir=Path(self.tmp.name) / "uploads",
+        )
+        self.thread = threading.Thread(target=self.server.serve_forever, daemon=True)
+        self.thread.start()
+        self.base = f"http://127.0.0.1:{self.server.server_port}"
+        status, payload, _ = self.request(
+            "POST", "/api/workspaces", {"prompt": "hello"}
+        )
+        self.assertEqual(status, 201)
+        self.node_id = payload["node"]["id"]
+
+    def tearDown(self) -> None:
+        self.server.shutdown()
+        self.server.server_close()
+        self.thread.join(timeout=2)
+        self.tmp.cleanup()
+
+    def request(
+        self, method: str, path: str, body: Any = None, raw: bytes | None = None,
+        content_type: str | None = None,
+    ) -> tuple[int, Any, dict[str, str]]:
+        data = raw if raw is not None else (None if body is None else json.dumps(body).encode())
+        headers = {}
+        if content_type:
+            headers["Content-Type"] = content_type
+        elif data is not None and raw is None:
+            headers["Content-Type"] = "application/json"
+        request = urllib.request.Request(self.base + path, data=data, method=method, headers=headers)
+        try:
+            with urllib.request.urlopen(request, timeout=10) as response:
+                payload = response.read()
+                headers_out = {k: v for k, v in response.headers.items()}
+                status = response.status
+        except urllib.error.HTTPError as error:
+            payload = error.read()
+            headers_out = {k: v for k, v in error.headers.items()}
+            status = error.code
+        content = headers_out.get("Content-Type", "")
+        if content.startswith("application/json"):
+            return status, json.loads(payload), headers_out
+        return status, payload, headers_out
+
+    def upload(self, files: list[tuple[str, str, bytes]]) -> tuple[int, Any]:
+        status, payload, _ = self.request(
+            "POST",
+            f"/api/nodes/{self.node_id}/attachments",
+            raw=multipart(files),
+            content_type="multipart/form-data; boundary=----vwtest",
+        )
+        return status, payload
+
+    def test_upload_classifies_and_never_leaks_the_storage_path(self) -> None:
+        status, payload = self.upload(
+            [("shot.png", "image/png", PNG_BYTES), ("data.csv", "text/csv", CSV_BYTES)]
+        )
+        self.assertEqual(status, 201)
+        items = payload["attachments"]
+        self.assertEqual([item["kind"] for item in items], ["image", "document"])
+        for item in items:
+            self.assertNotIn("storage_path", item)
+            self.assertTrue(item["url"].startswith("/api/attachments/"))
+
+    def test_download_returns_the_original_bytes(self) -> None:
+        _, payload = self.upload([("data.csv", "text/csv", CSV_BYTES)])
+        url = payload["attachments"][0]["url"]
+        status, body, headers = self.request("GET", url)
+        self.assertEqual(status, 200)
+        self.assertEqual(body, CSV_BYTES)
+        # Non-images download rather than navigating the page away.
+        self.assertIn("attachment;", headers["Content-Disposition"])
+        self.assertEqual(headers["X-Content-Type-Options"], "nosniff")
+
+    def test_images_are_served_inline_for_preview(self) -> None:
+        _, payload = self.upload([("shot.png", "image/png", PNG_BYTES)])
+        status, body, headers = self.request("GET", payload["attachments"][0]["url"])
+        self.assertEqual(status, 200)
+        self.assertEqual(body, PNG_BYTES)
+        self.assertIn("inline;", headers["Content-Disposition"])
+
+    def test_run_sends_images_inline_and_documents_as_path_notes(self) -> None:
+        self.upload([("shot.png", "image/png", PNG_BYTES), ("data.csv", "text/csv", CSV_BYTES)])
+        status, _, _ = self.request("POST", f"/api/nodes/{self.node_id}/run/stream", {})
+        self.assertEqual(status, 200)
+        sent = self.hermes.prompts[-1]
+        self.assertIsInstance(sent, list)
+        text = sent[0]["text"]
+        self.assertIn("hello", text)
+        self.assertIn("[document 'data.csv' saved at:", text)
+        images = [part for part in sent if part.get("type") == "image_url"]
+        self.assertEqual(len(images), 1)
+        self.assertTrue(images[0]["image_url"]["url"].startswith("data:image/png;base64,"))
+
+    def test_attachments_are_delivered_only_once(self) -> None:
+        self.upload([("data.csv", "text/csv", CSV_BYTES)])
+        status, _, _ = self.request("POST", f"/api/nodes/{self.node_id}/run/stream", {})
+        self.assertEqual(status, 200)
+        # A second turn on the same node must not resend the same file.
+        status, _, _ = self.request(
+            "POST", f"/api/nodes/{self.node_id}/continue/stream", {"prompt": "again"}
+        )
+        self.assertEqual(status, 200)
+        self.assertEqual(len(self.hermes.prompts), 2)
+        self.assertIn("data.csv", str(self.hermes.prompts[0]))
+        self.assertNotIn("data.csv", str(self.hermes.prompts[1]))
+
+    def test_upload_rejects_a_file_over_the_limit(self) -> None:
+        oversized = b"x" * (attachments.MAX_ATTACHMENT_BYTES + 1)
+        status, payload = self.upload([("big.bin", "application/octet-stream", oversized)])
+        self.assertEqual(status, 400)
+        self.assertIn("20 MB", payload["error"]["message"])
+
+    def test_upload_rejects_an_empty_file(self) -> None:
+        status, _ = self.upload([("empty.txt", "text/plain", b"")])
+        self.assertEqual(status, 400)
+
+    def test_upload_requires_multipart(self) -> None:
+        status, _, _ = self.request(
+            "POST", f"/api/nodes/{self.node_id}/attachments", {"file": "x"}
+        )
+        self.assertEqual(status, 415)
+
+    def test_upload_neutralises_a_traversal_filename(self) -> None:
+        status, payload = self.upload([("../../etc/passwd", "text/plain", b"root")])
+        self.assertEqual(status, 201)
+        self.assertEqual(payload["attachments"][0]["filename"], "passwd")
+
+    def test_upload_to_an_unknown_node_is_rejected(self) -> None:
+        status, _, _ = self.request(
+            "POST",
+            "/api/nodes/rn_" + "0" * 32 + "/attachments",
+            raw=multipart([("a.txt", "text/plain", b"x")]),
+            content_type="multipart/form-data; boundary=----vwtest",
+        )
+        self.assertEqual(status, 404)
+
+    def test_pending_attachment_can_be_deleted_but_delivered_cannot(self) -> None:
+        _, payload = self.upload([("data.csv", "text/csv", CSV_BYTES)])
+        attachment_id = payload["attachments"][0]["id"]
+        status, _, _ = self.request("DELETE", f"/api/attachments/{attachment_id}")
+        self.assertEqual(status, 200)
+
+        _, payload = self.upload([("second.csv", "text/csv", CSV_BYTES)])
+        delivered_id = payload["attachments"][0]["id"]
+        self.request("POST", f"/api/nodes/{self.node_id}/run/stream", {})
+        status, _, _ = self.request("DELETE", f"/api/attachments/{delivered_id}")
+        self.assertEqual(status, 409)
+
+    def test_deleting_a_node_removes_its_uploaded_bytes(self) -> None:
+        # Branch a child first: the workspace root cannot be deleted.
+        self.request("POST", f"/api/nodes/{self.node_id}/run/stream", {})
+        status, payload, _ = self.request(
+            "POST", f"/api/nodes/{self.node_id}/branch/stream", {"prompt": "child"}
+        )
+        self.assertEqual(status, 200)
+        workspace_id = self.request("GET", "/api/workspaces")[1]["workspaces"][0]["id"]
+        nodes = self.request("GET", f"/api/workspaces/{workspace_id}")[1]["nodes"]
+        child_id = next(node["id"] for node in nodes if node["parent_node_id"])
+
+        status, _, _ = self.request(
+            "POST",
+            f"/api/nodes/{child_id}/attachments",
+            raw=multipart([("data.csv", "text/csv", CSV_BYTES)]),
+            content_type="multipart/form-data; boundary=----vwtest",
+        )
+        self.assertEqual(status, 201)
+        uploads = Path(self.tmp.name) / "uploads" / child_id
+        self.assertTrue(any(uploads.iterdir()))
+        self.request("DELETE", f"/api/nodes/{child_id}")
+        self.assertFalse(uploads.exists())
+
+    def test_workspace_view_exposes_public_attachments_only(self) -> None:
+        self.upload([("shot.png", "image/png", PNG_BYTES)])
+        workspace_id = self.request("GET", "/api/workspaces")[1]["workspaces"][0]["id"]
+        _, payload, _ = self.request("GET", f"/api/workspaces/{workspace_id}")
+        self.assertEqual(len(payload["attachments"]), 1)
+        self.assertNotIn("storage_path", payload["attachments"][0])
+
+
+if __name__ == "__main__":
+    unittest.main()
diff --git a/tests/hermes_workspace/test_backend.py b/tests/hermes_workspace/test_backend.py
index c8a8e81..bb1f22f 100644
--- a/tests/hermes_workspace/test_backend.py
+++ b/tests/hermes_workspace/test_backend.py
@@ -26,19 +26,42 @@
 
 class FakeHermes:
     def __init__(self) -> None:
-        self.created: list[tuple[str, str | None]] = []
+        self.created: list[tuple[str, str | None, str | None, str | None]] = []
         self.forked: list[tuple[str, str, str | None]] = []
+        self.updated_settings: list[tuple[str, str, str]] = []
         self.streams: list[tuple[str, str]] = []
         self.deleted: list[str] = []
+        self.stopped: list[str] = []
+        self.stop_error: Exception | None = None
+        self.cancel_after_delta = False
+        self.run_id = "run_fake0000000000000000000000000"
+        self._pending_prompt = ""
         self.lock = threading.Lock()
 
     def health(self) -> dict[str, Any]:
         return {"status": "ok", "secret": "must-not-leak"}
 
-    def create_session(self, session_id: str, title: str | None = None) -> dict[str, Any]:
+    def create_session(
+        self,
+        session_id: str,
+        title: str | None = None,
+        model: str | None = None,
+        reasoning_effort: str | None = None,
+    ) -> dict[str, Any]:
         with self.lock:
-            self.created.append((session_id, title))
-        return {"session": {"id": session_id}}
+            self.created.append((session_id, title, model, reasoning_effort))
+        return {"session": {"id": session_id, "model": model, "reasoning_effort": reasoning_effort}}
+
+    def models(self) -> list[dict[str, str]]:
+        return [
+            {"id": "hermes-agent", "label": "Default"},
+            {"id": "openai-codex/gpt-5.6-sol", "label": "GPT-5.6 Sol"},
+            {"id": "anthropic/claude-opus-4-8", "label": "Claude Opus 4.8"},
+        ]
+
+    def update_session_settings(self, session_id: str, model: str, reasoning_effort: str) -> dict[str, Any]:
+        self.updated_settings.append((session_id, model, reasoning_effort))
+        return {"session": {"id": session_id, "model": model, "reasoning_effort": reasoning_effort}}
 
     def fork_session(
         self, source_session_id: str, child_session_id: str, title: str | None = None
@@ -52,11 +75,30 @@ def delete_session(self, session_id: str) -> dict[str, Any]:
             self.deleted.append(session_id)
         return {"deleted": True}
 
-    def stream_chat(self, session_id: str, prompt: str):
+    def messages(self, session_id: str) -> dict[str, Any]:
+        return {
+            "session_id": session_id,
+            "messages": [
+                {"role": "user", "content": "saved locally"},
+                {"role": "assistant", "content": "durable session snapshot"},
+            ],
+        }
+
+    def start_run(self, session_id: str, prompt: str) -> str:
         with self.lock:
             self.streams.append((session_id, prompt))
-        yield "run.started", {"session_id": session_id}
-        yield "assistant.delta", {"delta": "Answer "}
+            self._pending_prompt = prompt
+        return self.run_id
+
+    def stream_run_events(self, run_id: str):
+        with self.lock:
+            prompt = self._pending_prompt
+        yield "assistant.delta", {"delta": "Answer ", "run_id": run_id}
+        if self.cancel_after_delta:
+            # Mirrors core honouring a stop: a cancellation lands mid-turn and
+            # no completion event ever follows.
+            yield "run.cancelled", {"run_id": run_id}
+            return
         yield "tool.started", {"tool_name": "search", "preview": "query"}
         yield "tool.completed", {"tool_name": "search"}
         yield "assistant.delta", {"delta": prompt}
@@ -64,6 +106,13 @@ def stream_chat(self, session_id: str, prompt: str):
         yield "run.completed", {"completed": True}
         yield "done", {}
 
+    def stop_run(self, run_id: str) -> dict[str, Any]:
+        if self.stop_error is not None:
+            raise self.stop_error
+        with self.lock:
+            self.stopped.append(run_id)
+        return {"run_id": run_id, "status": "stopping"}
+
 
 class StoreAndOwnershipTests(unittest.TestCase):
     def test_ids_are_strict_and_foreign_ids_are_not_owned(self) -> None:
@@ -273,15 +322,34 @@ def test_root_stream_is_normalized_and_persisted(self) -> None:
         # The fake emits upstream run/message events, which must never leak.
         first_run_events = [
             normalize_hermes_event(name, data, payload["node"]["id"])
-            for name, data in self.hermes.stream_chat("rh_" + "0" * 32, "x")
+            for name, data in self.hermes.stream_run_events(self.hermes.run_id)
         ]
         self.assertTrue(all(item is None or item[0] in allowed or item[0] in {"assistant.completed", "run.completed"} for item in first_run_events))
 
+    def test_completed_session_is_archived_locally_and_exportable(self) -> None:
+        payload, _ = self.create_and_run_root("archive this session")
+        workspace_id = payload["workspace"]["id"]
+        node = payload["node"]
+
+        status, archive, headers = self.request("GET", f"/api/workspaces/{workspace_id}/archive")
+
+        self.assertEqual(status, 200)
+        self.assertEqual(headers.get("Content-Type"), "application/json; charset=utf-8")
+        self.assertEqual(archive["format"], "hermes-rabbithole-archive/v1")
+        self.assertEqual(archive["workspace"]["id"], workspace_id)
+        self.assertEqual(archive["nodes"][0]["id"], node["id"])
+        self.assertEqual(archive["sessions"][0]["node_id"], node["id"])
+        self.assertEqual(archive["sessions"][0]["hermes_session_id"], node["hermes_session_id"])
+        self.assertEqual(
+            archive["sessions"][0]["messages"]["messages"][1]["content"],
+            "durable session snapshot",
+        )
+
     def test_truncated_stream_fails_instead_of_completing_partial_output(self) -> None:
-        def truncated(session_id: str, prompt: str):
+        def truncated(run_id: str):
             yield "assistant.delta", {"delta": "partial"}
 
-        self.hermes.stream_chat = truncated  # type: ignore[method-assign]
+        self.hermes.stream_run_events = truncated  # type: ignore[method-assign]
         status, payload, _ = self.request("POST", "/api/workspaces", {"prompt": "root"})
         self.assertEqual(status, 201)
         events = self.stream(f"/api/nodes/{payload['node']['id']}/run/stream")
@@ -292,12 +360,12 @@ def truncated(session_id: str, prompt: str):
         self.assertEqual(detail["nodes"][0]["markdown"], "partial")
 
     def test_empty_assistant_completion_does_not_erase_persisted_deltas(self) -> None:
-        def empty_completion(session_id: str, prompt: str):
+        def empty_completion(run_id: str):
             yield "assistant.delta", {"delta": "persist me"}
             yield "assistant.completed", {}
             yield "run.completed", {}
 
-        self.hermes.stream_chat = empty_completion  # type: ignore[method-assign]
+        self.hermes.stream_run_events = empty_completion  # type: ignore[method-assign]
         payload, completed = self.create_and_run_root("root")
         self.assertEqual(completed["markdown"], "persist me")
         status, detail, _ = self.request("GET", f"/api/workspaces/{payload['workspace']['id']}")
@@ -369,6 +437,418 @@ def branch(prompt: str):
         self.assertEqual(status, 200)
         self.assertEqual(layout["node"]["x"], 9.0)
 
+    def test_continue_stream_reuses_the_completed_node_and_session(self) -> None:
+        payload, _ = self.create_and_run_root("original question")
+        node = payload["node"]
+
+        events = self.stream(
+            f"/api/nodes/{node['id']}/continue/stream",
+            {"prompt": "What should I do next?"},
+        )
+
+        self.assertEqual(events[0][0], "node.continued")
+        self.assertEqual(events[0][1]["node"]["id"], node["id"])
+        self.assertEqual(events[-1][0], "node.completed")
+        self.assertEqual(events[-1][1]["node_id"], node["id"])
+        self.assertIn("Answer original question", events[-1][1]["markdown"])
+        self.assertIn("### Follow-up", events[-1][1]["markdown"])
+        self.assertIn("What should I do next?", events[-1][1]["markdown"])
+        self.assertIn("Answer What should I do next?", events[-1][1]["markdown"])
+        self.assertEqual(self.hermes.forked, [])
+        self.assertEqual(self.hermes.streams[-1], (node["hermes_session_id"], "What should I do next?"))
+
+        status, detail, _ = self.request("GET", f"/api/workspaces/{payload['workspace']['id']}")
+        self.assertEqual(status, 200)
+        self.assertEqual(len(detail["nodes"]), 1)
+        self.assertEqual(detail["nodes"][0]["hermes_session_id"], node["hermes_session_id"])
+        self.assertEqual(detail["nodes"][0]["status"], "completed")
+
+    # --- stop / retry / continue-after-failure -------------------------------
+
+    def _fail_node(self, node_id: str, message: str = "upstream exploded") -> None:
+        """Drive a node into the failed state via a legal store transition.
+
+        fail_node only accepts pending/running, so the node is first put back
+        into a running turn — the same path a real mid-run failure takes.
+        """
+        self.server.store.continue_node(node_id, "keep going")
+        self.server.store.fail_node(node_id, message)
+
+    def test_run_id_is_recorded_before_any_event_so_stop_works_immediately(self) -> None:
+        """A turn must be stoppable from the instant it starts.
+
+        Regression: the run id used to be learned from an event mid-stream, and
+        it came from the session chat stream, which never registers the run with
+        core. Stopping therefore failed with 'run not found'. The run is now
+        started explicitly and its id persisted before the first event is read.
+        """
+        status, payload, _ = self.request("POST", "/api/workspaces", {"prompt": "root"})
+        self.assertEqual(status, 201)
+        node_id = payload["node"]["id"]
+
+        observed: list[str] = []
+
+        def capture(run_id: str):
+            # The id must already be stored before a single event is consumed.
+            observed.append(self.server.store.get_run_id(node_id))
+            yield "assistant.delta", {"delta": "ok"}
+            yield "run.completed", {"content": "ok"}
+
+        self.hermes.stream_run_events = capture  # type: ignore[method-assign]
+        self.stream(f"/api/nodes/{node_id}/run/stream")
+
+        self.assertEqual(observed, [self.hermes.run_id])
+
+    def test_stop_interrupts_the_run_and_settles_the_node(self) -> None:
+        payload, _ = self.create_and_run_root("long running")
+        node_id = payload["node"]["id"]
+        # Put the node back into a running turn carrying a known run id.
+        self.server.store.continue_node(node_id, "keep going")
+        self.server.store.set_run_id(node_id, "run_abc123")
+
+        status, body, _ = self.request("POST", f"/api/nodes/{node_id}/stop")
+
+        self.assertEqual(status, 202)
+        self.assertEqual(body["status"], "stopping")
+        self.assertEqual(self.hermes.stopped, ["run_abc123"])
+
+    def test_stop_rejects_a_node_that_is_not_running(self) -> None:
+        payload, _ = self.create_and_run_root("done already")
+        node_id = payload["node"]["id"]
+
+        status, body, _ = self.request("POST", f"/api/nodes/{node_id}/stop")
+
+        self.assertEqual(status, 409)
+        self.assertIn("not running", body["error"]["message"])
+        self.assertEqual(self.hermes.stopped, [])
+
+    def test_stop_before_a_run_id_is_known_is_reported_not_silently_ignored(self) -> None:
+        payload, _ = self.create_and_run_root("no run id yet")
+        node_id = payload["node"]["id"]
+        self.server.store.continue_node(node_id, "keep going")
+
+        status, body, _ = self.request("POST", f"/api/nodes/{node_id}/stop")
+
+        self.assertEqual(status, 409)
+        self.assertIn("cannot be stopped yet", body["error"]["message"])
+        self.assertEqual(self.hermes.stopped, [])
+
+    def test_stop_treats_an_already_finished_run_as_success(self) -> None:
+        payload, _ = self.create_and_run_root("races with completion")
+        node_id = payload["node"]["id"]
+        self.server.store.continue_node(node_id, "keep going")
+        self.server.store.set_run_id(node_id, "run_gone")
+        self.hermes.stop_error = HermesError("Run not found: run_gone (run_not_found)")
+
+        status, _, _ = self.request("POST", f"/api/nodes/{node_id}/stop")
+
+        self.assertEqual(status, 202)
+
+    def test_retry_replays_the_original_prompt_on_the_same_session(self) -> None:
+        payload, _ = self.create_and_run_root("original question")
+        node = payload["node"]
+        self._fail_node(node["id"])
+
+        events = self.stream(f"/api/nodes/{node['id']}/retry/stream")
+
+        self.assertEqual(events[0][0], "node.retried")
+        self.assertEqual(events[0][1]["node"]["id"], node["id"])
+        self.assertEqual(events[0][1]["node"]["status"], "running")
+        self.assertEqual(events[0][1]["node"]["error"], "")
+        self.assertEqual(events[-1][0], "node.completed")
+        # Same session, original prompt: no fork, no new session.
+        self.assertEqual(self.hermes.forked, [])
+        self.assertEqual(
+            self.hermes.streams[-1], (node["hermes_session_id"], "original question")
+        )
+
+    def test_retry_rejects_a_node_that_did_not_fail(self) -> None:
+        payload, _ = self.create_and_run_root("completed fine")
+        node_id = payload["node"]["id"]
+
+        status, body, _ = self.request("POST", f"/api/nodes/{node_id}/retry/stream")
+
+        self.assertEqual(status, 409)
+        self.assertIn("already completed", body["error"]["message"])
+
+    def test_continue_steers_past_a_failure_without_losing_earlier_output(self) -> None:
+        payload, _ = self.create_and_run_root("original question")
+        node = payload["node"]
+        self._fail_node(node["id"], "the PDF step broke")
+
+        events = self.stream(
+            f"/api/nodes/{node['id']}/continue/stream",
+            {"prompt": "skip the PDF, just summarise"},
+        )
+
+        self.assertEqual(events[0][0], "node.continued")
+        self.assertEqual(events[-1][0], "node.completed")
+        markdown = events[-1][1]["markdown"]
+        # Earlier output survives, and the follow-up is recorded against it.
+        self.assertIn("Answer original question", markdown)
+        self.assertIn("skip the PDF, just summarise", markdown)
+        self.assertEqual(
+            self.hermes.streams[-1],
+            (node["hermes_session_id"], "skip the PDF, just summarise"),
+        )
+
+    def test_a_stopped_run_settles_as_failed_and_stays_recoverable(self) -> None:
+        status, payload, _ = self.request(
+            "POST", "/api/workspaces", {"title": "Q", "prompt": "cancel me"}
+        )
+        self.assertEqual(status, 201)
+        node_id = payload["node"]["id"]
+        self.hermes.cancel_after_delta = True
+
+        events = self.stream(f"/api/nodes/{node_id}/run/stream")
+
+        self.assertEqual(events[-1][0], "node.failed")
+        self.assertIn("Stopped at your request", events[-1][1]["error"])
+        # Partial output is preserved and the node stays recoverable.
+        _, detail, _ = self.request(
+            "GET", f"/api/workspaces/{payload['workspace']['id']}"
+        )
+        stored = detail["nodes"][0]
+        self.assertEqual(stored["id"], node_id)
+        self.assertEqual(stored["status"], "failed")
+        self.assertIn("Answer ", stored["markdown"])
+
+        # And a retry from that stopped state runs cleanly to completion.
+        self.hermes.cancel_after_delta = False
+        retry_events = self.stream(f"/api/nodes/{node_id}/retry/stream")
+        self.assertEqual(retry_events[-1][0], "node.completed")
+
+    def test_standalone_session_is_created_at_requested_canvas_position(self) -> None:
+        payload, _ = self.create_and_run_root("original root")
+        workspace_id = payload["workspace"]["id"]
+        created_before = len(self.hermes.created)
+
+        status, created, _ = self.request(
+            "POST",
+            f"/api/workspaces/{workspace_id}/nodes",
+            {"prompt": "Independent investigation", "title": "Independent", "x": 321.5, "y": -44},
+        )
+
+        self.assertEqual(status, 201)
+        standalone = created["node"]
+        self.assertIsNone(standalone["parent_node_id"])
+        self.assertEqual((standalone["x"], standalone["y"]), (321.5, -44.0))
+        self.assertEqual(len(self.hermes.created), created_before + 1)
+        self.assertEqual(self.hermes.forked, [])
+        events = self.stream(f"/api/nodes/{standalone['id']}/run/stream")
+        self.assertEqual(events[-1][0], "node.completed")
+
+        status, detail, _ = self.request("GET", f"/api/workspaces/{workspace_id}")
+        self.assertEqual(status, 200)
+        self.assertEqual(detail["workspace"]["root_node_id"], payload["node"]["id"])
+        self.assertEqual(len(detail["nodes"]), 2)
+
+    def test_completed_child_can_merge_into_parent_or_workspace_root(self) -> None:
+        payload, _ = self.create_and_run_root("root")
+        root = payload["node"]
+        child_events = self.stream(
+            f"/api/nodes/{root['id']}/branch/stream", {"prompt": "child research"}
+        )
+        child_id = child_events[0][1]["id"]
+        nested_events = self.stream(
+            f"/api/nodes/{child_id}/branch/stream", {"prompt": "nested evidence"}
+        )
+        nested_id = nested_events[0][1]["id"]
+
+        parent_events = self.stream(
+            f"/api/nodes/{nested_id}/merge/stream",
+            {"destination": "parent", "instruction": "Keep the recommendation concise."},
+        )
+        self.assertEqual(parent_events[0][0], "node.continued")
+        self.assertEqual(parent_events[0][1]["node"]["id"], child_id)
+        self.assertEqual(parent_events[0][1]["merged_from_node_id"], nested_id)
+        self.assertEqual(parent_events[-1][1]["node_id"], child_id)
+        parent_prompt = self.hermes.streams[-1][1]
+        self.assertIn("nested evidence", parent_prompt)
+        self.assertIn("Keep the recommendation concise.", parent_prompt)
+
+        root_events = self.stream(
+            f"/api/nodes/{nested_id}/merge/stream", {"destination": "root"}
+        )
+        self.assertEqual(root_events[0][1]["node"]["id"], root["id"])
+        self.assertEqual(root_events[-1][1]["node_id"], root["id"])
+        self.assertEqual(self.hermes.streams[-1][0], root["hermes_session_id"])
+
+        status, error, _ = self.request(
+            "POST", f"/api/nodes/{root['id']}/merge/stream", {"destination": "parent"}
+        )
+        self.assertEqual(status, 409)
+        self.assertEqual(error["error"]["code"], "conflict")
+
+    def test_queued_follow_up_runs_after_completion_and_can_be_cancelled(self) -> None:
+        started = threading.Event()
+        release = threading.Event()
+
+        def delayed(run_id: str):
+            with self.hermes.lock:
+                prompt = self.hermes._pending_prompt
+            yield "assistant.delta", {"delta": f"Answer {prompt}"}
+            if prompt == "root":
+                started.set()
+                self.assertTrue(release.wait(timeout=3), "test must release the root stream")
+            yield "assistant.completed", {"content": f"Answer {prompt}"}
+            yield "run.completed", {"completed": True}
+
+        self.hermes.stream_run_events = delayed  # type: ignore[method-assign]
+        status, payload, _ = self.request("POST", "/api/workspaces", {"prompt": "root"})
+        self.assertEqual(status, 201)
+        node_id = payload["node"]["id"]
+
+        with ThreadPoolExecutor(max_workers=1) as pool:
+            running = pool.submit(self.stream, f"/api/nodes/{node_id}/run/stream")
+            self.assertTrue(started.wait(timeout=3), "root stream should be running before queuing")
+            status, cancelled, _ = self.request(
+                "POST", f"/api/nodes/{node_id}/queue", {"prompt": "cancel this"}
+            )
+            self.assertEqual(status, 201)
+            status, queued, _ = self.request(
+                "POST", f"/api/nodes/{node_id}/queue", {"prompt": "send this next"}
+            )
+            self.assertEqual(status, 201)
+            status, removed, _ = self.request(
+                "DELETE", f"/api/queued-follow-ups/{cancelled['queued']['id']}"
+            )
+            self.assertEqual(status, 200)
+            self.assertEqual(removed["cancelled"]["id"], cancelled["queued"]["id"])
+            release.set()
+            events = running.result(timeout=5)
+
+        self.assertEqual(events[-1][0], "node.completed")
+        self.assertEqual(self.hermes.streams, [
+            (payload["node"]["hermes_session_id"], "root"),
+            (payload["node"]["hermes_session_id"], "send this next"),
+        ])
+        self.assertTrue(any(name == "node.continued" for name, _ in events))
+        self.assertIn("send this next", events[-1][1]["markdown"])
+        self.assertNotIn("cancel this", events[-1][1]["markdown"])
+        status, detail, _ = self.request("GET", f"/api/workspaces/{payload['workspace']['id']}")
+        self.assertEqual(status, 200)
+        self.assertEqual(detail["queued_followups"], [])
+
+    def test_model_catalog_and_per_node_settings_are_applied_and_inherited(self) -> None:
+        status, catalog, _ = self.request("GET", "/api/models")
+        self.assertEqual(status, 200)
+        self.assertEqual(catalog["reasoning_levels"], ["none", "minimal", "low", "medium", "high", "xhigh"])
+        self.assertTrue(any(item["id"] == "openai-codex/gpt-5.6-sol" for item in catalog["models"]))
+
+        status, payload, _ = self.request(
+            "POST",
+            "/api/workspaces",
+            {
+                "prompt": "model-aware root",
+                "model": "openai-codex/gpt-5.6-sol",
+                "reasoning_effort": "high",
+            },
+        )
+        self.assertEqual(status, 201)
+        root = payload["node"]
+        self.assertEqual(root["model_alias"], "openai-codex/gpt-5.6-sol")
+        self.assertEqual(root["reasoning_effort"], "high")
+        self.assertEqual(
+            self.hermes.created[-1][2:], ("openai-codex/gpt-5.6-sol", "high")
+        )
+        self.stream(f"/api/nodes/{root['id']}/run/stream")
+        branch_events = self.stream(
+            f"/api/nodes/{root['id']}/branch/stream", {"prompt": "inherit settings"}
+        )
+        child_id = branch_events[0][1]["id"]
+        status, detail, _ = self.request("GET", f"/api/workspaces/{payload['workspace']['id']}")
+        child = next(node for node in detail["nodes"] if node["id"] == child_id)
+        self.assertEqual(child["model_alias"], root["model_alias"])
+        self.assertEqual(child["reasoning_effort"], "high")
+
+        status, updated, _ = self.request(
+            "PATCH",
+            f"/api/nodes/{child_id}/settings",
+            {"model": "anthropic/claude-opus-4-8", "reasoning_effort": "low"},
+        )
+        self.assertEqual(status, 200)
+        self.assertEqual(updated["node"]["model_alias"], "anthropic/claude-opus-4-8")
+        self.assertEqual(updated["node"]["reasoning_effort"], "low")
+        self.assertEqual(
+            self.hermes.updated_settings[-1],
+            (child["hermes_session_id"], "anthropic/claude-opus-4-8", "low"),
+        )
+
+    def test_new_windows_get_header_colors_and_children_inherit_them(self) -> None:
+        status, created, _ = self.request("POST", "/api/workspaces", {"prompt": "Colored root"})
+        self.assertEqual(status, 201)
+        workspace = created["workspace"]
+        root = created["node"]
+        self.assertRegex(root["header_color"], r"^#[0-9a-f]{6}$")
+
+        self.stream(f"/api/nodes/{root['id']}/run/stream")
+        events = self.stream(
+            f"/api/nodes/{root['id']}/branch/stream", {"prompt": "Inherited tint"}
+        )
+        self.assertEqual(events[0][0], "node.created")
+        child_id = events[0][1]["id"]
+
+        status, standalone_payload, _ = self.request(
+            "POST", f"/api/workspaces/{workspace['id']}/nodes",
+            {"prompt": "Independent color", "x": 900, "y": 600},
+        )
+        self.assertEqual(status, 201)
+        self.assertRegex(standalone_payload["node"]["header_color"], r"^#[0-9a-f]{6}$")
+
+        status, detail, _ = self.request("GET", f"/api/workspaces/{workspace['id']}")
+        self.assertEqual(status, 200)
+        nodes = {node["id"]: node for node in detail["nodes"]}
+        self.assertEqual(nodes[child_id]["header_color"], root["header_color"])
+        self.assertEqual(nodes[root["id"]]["header_color"], root["header_color"])
+
+    def test_any_window_can_be_deleted_with_its_descendants(self) -> None:
+        status, created, _ = self.request("POST", "/api/workspaces", {"prompt": "Deletable root"})
+        self.assertEqual(status, 201)
+        workspace_id = created["workspace"]["id"]
+        root = created["node"]
+        self.stream(f"/api/nodes/{root['id']}/run/stream")
+
+        child = self.stream(f"/api/nodes/{root['id']}/branch/stream", {"prompt": "child"})[0][1]
+        grandchild = self.stream(f"/api/nodes/{child['id']}/branch/stream", {"prompt": "grandchild"})[0][1]
+        status, standalone, _ = self.request(
+            "POST", f"/api/workspaces/{workspace_id}/nodes",
+            {"prompt": "independent", "x": 900, "y": 600},
+        )
+        self.assertEqual(status, 201)
+        standalone_node = standalone["node"]
+
+        # Deleting an independent window removes exactly that window.
+        status, payload, _ = self.request("DELETE", f"/api/nodes/{standalone_node['id']}")
+        self.assertEqual(status, 200)
+        self.assertEqual(payload["deleted_node_ids"], [standalone_node["id"]])
+        self.assertIn(standalone_node["hermes_session_id"], self.hermes.deleted)
+
+        # Deleting a branch cascades to its own descendants, deepest first.
+        status, payload, _ = self.request("DELETE", f"/api/nodes/{child['id']}")
+        self.assertEqual(status, 200)
+        self.assertEqual(payload["deleted_node_ids"], [grandchild["id"], child["id"]])
+        for node in (child, grandchild):
+            self.assertIn(node["hermes_session_id"], self.hermes.deleted)
+
+        status, detail, _ = self.request("GET", f"/api/workspaces/{workspace_id}")
+        self.assertEqual(status, 200)
+        self.assertEqual([node["id"] for node in detail["nodes"]], [root["id"]])
+
+        # The root window is the workspace itself and stays protected.
+        status, error, _ = self.request("DELETE", f"/api/nodes/{root['id']}")
+        self.assertEqual(status, 409)
+        self.assertEqual(error["error"]["code"], "conflict")
+        self.assertNotIn(root["hermes_session_id"], self.hermes.deleted)
+
+        # Unknown and foreign ids never reach Hermes.
+        before = len(self.hermes.deleted)
+        status, _, _ = self.request("DELETE", f"/api/nodes/{new_node_id()}")
+        self.assertEqual(status, 404)
+        status, _, _ = self.request("DELETE", "/api/nodes/not-a-node")
+        self.assertIn(status, (404, 405))
+        self.assertEqual(len(self.hermes.deleted), before)
+
     def test_unknown_ids_never_reach_hermes(self) -> None:
         before = (len(self.hermes.created), len(self.hermes.forked), len(self.hermes.streams))
         status, error, _ = self.request("POST", "/api/nodes/rn_" + "0" * 32 + "/run/stream", {})
diff --git a/tests/hermes_workspace/test_drawings.py b/tests/hermes_workspace/test_drawings.py
new file mode 100644
index 0000000..05897e8
--- /dev/null
+++ b/tests/hermes_workspace/test_drawings.py
@@ -0,0 +1,200 @@
+"""Tests for drawing windows.
+
+Drawings are workspace-owned tldraw documents. These tests pin the two
+properties that matter: the snapshot survives a reopen, and a drawing is
+never coupled to a Hermes session.
+"""
+
+from __future__ import annotations
+
+import json
+import sqlite3
+import sys
+import tempfile
+import unittest
+from pathlib import Path
+
+sys.path.insert(0, str(Path(__file__).resolve().parents[2]))
+
+from backend.ownership import is_valid_id, new_drawing_id, new_session_id
+from backend.store import NotFoundError, Store, ValidationError
+
+
+class DrawingStoreTests(unittest.TestCase):
+    def _store(self, tmp: str) -> tuple[Store, dict]:
+        store = Store(Path(tmp) / "db.sqlite3")
+        workspace, _root = store.create_workspace("root prompt", new_session_id(), "Root")
+        return store, workspace
+
+    def test_drawing_ids_are_strict(self) -> None:
+        generated = new_drawing_id()
+        self.assertRegex(generated, r"^rd_[0-9a-f]{32}$")
+        self.assertTrue(is_valid_id(generated, "rd"))
+        for invalid in ("rd_", "rs_" + "0" * 32, "rd_../x", "rd_" + "g" * 32, None):
+            self.assertFalse(is_valid_id(invalid, "rd"))
+
+    def test_snapshot_round_trips_across_reopen(self) -> None:
+        with tempfile.TemporaryDirectory() as tmp:
+            database = Path(tmp) / "db.sqlite3"
+            store = Store(database)
+            workspace, _root = store.create_workspace("root", new_session_id(), "Root")
+            drawing = store.create_drawing(workspace["id"], "Sketch", 40, 60)
+            self.assertEqual(drawing["snapshot"], "")
+            self.assertEqual(drawing["title"], "Sketch")
+
+            document = json.dumps({"document": {"shape:a": {"type": "geo"}}, "session": {}})
+            store.save_drawing_snapshot(drawing["id"], document)
+
+            # Reopen the database: the drawing must come back intact.
+            reopened = Store(database)
+            loaded = reopened.get_drawing(drawing["id"])
+            self.assertEqual(loaded["snapshot"], document)
+            self.assertEqual(json.loads(loaded["snapshot"])["document"]["shape:a"]["type"], "geo")
+
+    def test_snapshot_rejects_non_json_and_oversized_payloads(self) -> None:
+        with tempfile.TemporaryDirectory() as tmp:
+            store, workspace = self._store(tmp)
+            drawing = store.create_drawing(workspace["id"], "Sketch", 0, 0)
+            with self.assertRaises(ValidationError):
+                store.save_drawing_snapshot(drawing["id"], "not json")
+            with self.assertRaises(ValidationError):
+                store.save_drawing_snapshot(drawing["id"], json.dumps([1, 2, 3]))
+            with self.assertRaises(ValidationError):
+                store.save_drawing_snapshot(drawing["id"], "x" * 9_000_000)
+            with self.assertRaises(ValidationError):
+                store.save_drawing_snapshot(drawing["id"], 12345)
+            # The rejected writes must not have altered the stored document.
+            self.assertEqual(store.get_drawing(drawing["id"])["snapshot"], "")
+
+    def test_layout_and_rename_persist(self) -> None:
+        with tempfile.TemporaryDirectory() as tmp:
+            store, workspace = self._store(tmp)
+            drawing = store.create_drawing(workspace["id"], "Sketch", 0, 0)
+            store.update_drawing_layout(drawing["id"], 12, -8, 700, 500)
+            store.rename_drawing(drawing["id"], "Renamed")
+            loaded = store.get_drawing(drawing["id"])
+            self.assertEqual((loaded["x"], loaded["y"]), (12, -8))
+            self.assertEqual((loaded["width"], loaded["height"]), (700, 500))
+            self.assertEqual(loaded["title"], "Renamed")
+            for bad in ((0, 0, 0, 100), (0, 0, 100, -5), (0, 0, 20000, 100)):
+                with self.assertRaises(ValidationError):
+                    store.update_drawing_layout(drawing["id"], *bad)
+
+    def test_drawing_appears_in_workspace_payload_without_snapshot(self) -> None:
+        """The canvas listing must stay small: snapshots load per-frame.
+
+        The preview is the exception -- the canvas needs it to draw idle
+        windows without booting an editor, and it is bounded by design.
+        """
+        with tempfile.TemporaryDirectory() as tmp:
+            store, workspace = self._store(tmp)
+            drawing = store.create_drawing(workspace["id"], "Sketch", 5, 5)
+            store.save_drawing_snapshot(
+                drawing["id"],
+                json.dumps({"document": {"big": "x" * 5000}}),
+                "data:image/png;base64,AAAA",
+            )
+            payload = store.get_workspace(workspace["id"])
+            (listed,) = payload["drawings"]
+            self.assertEqual(listed["id"], drawing["id"])
+            self.assertNotIn("snapshot", listed)
+            self.assertEqual(listed["preview"], "data:image/png;base64,AAAA")
+
+    def test_preview_is_optional_and_validated(self) -> None:
+        with tempfile.TemporaryDirectory() as tmp:
+            store, workspace = self._store(tmp)
+            drawing = store.create_drawing(workspace["id"], "Sketch", 0, 0)
+            document = json.dumps({"document": {}})
+
+            # Omitting the preview leaves any stored one untouched, so a save
+            # that cannot rasterise never blanks the idle window.
+            store.save_drawing_snapshot(drawing["id"], document, "data:image/png;base64,AAAA")
+            store.save_drawing_snapshot(drawing["id"], document)
+            self.assertEqual(store.get_drawing(drawing["id"])["preview"], "data:image/png;base64,AAAA")
+
+            # An explicit empty string clears it (document emptied).
+            store.save_drawing_snapshot(drawing["id"], document, "")
+            self.assertEqual(store.get_drawing(drawing["id"])["preview"], "")
+
+            for bad in ("javascript:alert(1)", "https://example.com/x.png", "data:text/html,x"):
+                with self.assertRaises(ValidationError):
+                    store.save_drawing_snapshot(drawing["id"], document, bad)
+            with self.assertRaises(ValidationError):
+                store.save_drawing_snapshot(drawing["id"], document, "data:image/png;base64," + "A" * 2_100_000)
+
+    def test_preview_column_is_added_to_an_existing_database(self) -> None:
+        """A live database predates the preview column; opening it must add
+        the column rather than fail or drop the drawings already stored."""
+        with tempfile.TemporaryDirectory() as tmp:
+            database = Path(tmp) / "db.sqlite3"
+            store = Store(database)
+            workspace, _root = store.create_workspace("root", new_session_id(), "Root")
+            drawing = store.create_drawing(workspace["id"], "Sketch", 0, 0)
+            store.save_drawing_snapshot(drawing["id"], json.dumps({"document": {}}))
+
+            # Simulate the pre-migration shape by dropping the column.
+            connection = sqlite3.connect(database)
+            try:
+                connection.execute("ALTER TABLE drawing_windows DROP COLUMN preview")
+                connection.commit()
+                cols = {r[1] for r in connection.execute("PRAGMA table_info(drawing_windows)")}
+                self.assertNotIn("preview", cols)
+            finally:
+                connection.close()
+
+            reopened = Store(database)
+            loaded = reopened.get_drawing(drawing["id"])
+            self.assertEqual(loaded["preview"], "")
+            self.assertEqual(loaded["title"], "Sketch")
+
+    def test_drawings_are_not_bound_to_sessions_and_delete_cleanly(self) -> None:
+        with tempfile.TemporaryDirectory() as tmp:
+            store, workspace = self._store(tmp)
+            drawing = store.create_drawing(workspace["id"], "Sketch", 0, 0)
+            # A drawing carries no Hermes session of any kind.
+            self.assertNotIn("hermes_session_id", drawing)
+            self.assertFalse(store.owns_session(drawing["id"]))
+
+            result = store.delete_drawing(drawing["id"])
+            self.assertEqual(result["deleted_drawing_ids"], [drawing["id"]])
+            with self.assertRaises(NotFoundError):
+                store.get_drawing(drawing["id"])
+
+    def test_workspace_delete_cascades_to_drawings(self) -> None:
+        """There is no workspace-delete API yet; pin the schema's ON DELETE
+        CASCADE so a future one cannot orphan drawing rows."""
+        with tempfile.TemporaryDirectory() as tmp:
+            database = Path(tmp) / "db.sqlite3"
+            store = Store(database)
+            workspace, _root = store.create_workspace("root", new_session_id(), "Root")
+            drawing = store.create_drawing(workspace["id"], "Sketch", 0, 0)
+            connection = sqlite3.connect(database)
+            try:
+                connection.execute("PRAGMA foreign_keys = ON")
+                connection.execute("DELETE FROM nodes WHERE workspace_id = ?", (workspace["id"],))
+                connection.execute("DELETE FROM workspaces WHERE id = ?", (workspace["id"],))
+                connection.commit()
+            finally:
+                connection.close()
+            with self.assertRaises(NotFoundError):
+                store.get_drawing(drawing["id"])
+
+    def test_unknown_ids_are_rejected(self) -> None:
+        with tempfile.TemporaryDirectory() as tmp:
+            store, _workspace = self._store(tmp)
+            missing = new_drawing_id()
+            with self.assertRaises(NotFoundError):
+                store.get_drawing(missing)
+            with self.assertRaises(NotFoundError):
+                store.save_drawing_snapshot(missing, "{}")
+            with self.assertRaises(NotFoundError):
+                store.delete_drawing(missing)
+            # A screen id must never address a drawing.
+            with self.assertRaises(NotFoundError):
+                store.get_drawing("rs_" + "0" * 32)
+            with self.assertRaises(NotFoundError):
+                store.create_drawing("rw_" + "0" * 32, "x", 0, 0)
+
+
+if __name__ == "__main__":
+    unittest.main(verbosity=2)
diff --git a/tests/hermes_workspace/test_header_colors.py b/tests/hermes_workspace/test_header_colors.py
new file mode 100644
index 0000000..ce3433f
--- /dev/null
+++ b/tests/hermes_workspace/test_header_colors.py
@@ -0,0 +1,109 @@
+"""Window header-color assignment tests.
+
+Regression cover for the bug where new windows repeated colors: the old code
+called ``secrets.choice(HEADER_COLORS)`` per node with no awareness of the
+colors already on the canvas, so duplicates showed up well before the palette
+was exhausted.
+"""
+
+from __future__ import annotations
+
+import tempfile
+import unittest
+from collections import Counter
+from pathlib import Path
+
+from backend.ownership import new_session_id
+from backend.store import HEADER_COLORS, Store, _pick_header_color
+
+
+class PickHeaderColorTests(unittest.TestCase):
+    def test_prefers_unused_colors(self) -> None:
+        used = list(HEADER_COLORS[:-1])
+        self.assertEqual(_pick_header_color(used), HEADER_COLORS[-1])
+
+    def test_ignores_blank_entries(self) -> None:
+        used = ["", "   ", *HEADER_COLORS[:-1]]
+        self.assertEqual(_pick_header_color(used), HEADER_COLORS[-1])
+
+    def test_is_case_insensitive(self) -> None:
+        used = [color.upper() for color in HEADER_COLORS[:-1]]
+        self.assertEqual(_pick_header_color(used), HEADER_COLORS[-1])
+
+    def test_recycles_least_used_when_palette_exhausted(self) -> None:
+        # Every color used twice except the last one, used once.
+        used = list(HEADER_COLORS) * 2
+        used.remove(HEADER_COLORS[-1])
+        self.assertEqual(_pick_header_color(used), HEADER_COLORS[-1])
+
+    def test_empty_history_returns_palette_color(self) -> None:
+        self.assertIn(_pick_header_color([]), HEADER_COLORS)
+
+
+class WindowColorAssignmentTests(unittest.TestCase):
+    def setUp(self) -> None:
+        self.tmp = tempfile.TemporaryDirectory()
+        self.store = Store(Path(self.tmp.name) / "app.sqlite3")
+        self.workspace, self.root = self.store.create_workspace(
+            prompt="root prompt", session_id=new_session_id(), title="colors"
+        )
+
+    def tearDown(self) -> None:
+        self.tmp.cleanup()
+
+    def _add_window(self, index: int) -> str:
+        node = self.store.create_standalone(
+            workspace_id=self.workspace["id"],
+            prompt=f"window {index}",
+            session_id=new_session_id(),
+            x=float(index) * 100,
+            y=0.0,
+            title=f"window {index}",
+        )
+        return node["header_color"]
+
+    def test_every_new_window_gets_a_distinct_color(self) -> None:
+        colors = [self.root["header_color"]]
+        for index in range(len(HEADER_COLORS) - 1):
+            colors.append(self._add_window(index))
+        self.assertEqual(
+            len(set(colors)),
+            len(HEADER_COLORS),
+            f"expected one window per palette color, got {colors}",
+        )
+
+    def test_colors_stay_evenly_spread_past_the_palette(self) -> None:
+        colors = [self.root["header_color"]]
+        for index in range(3 * len(HEADER_COLORS) - 1):
+            colors.append(self._add_window(index))
+        counts = Counter(colors)
+        self.assertEqual(set(counts), set(HEADER_COLORS))
+        self.assertLessEqual(max(counts.values()) - min(counts.values()), 1)
+
+    def test_branches_still_inherit_the_parent_color(self) -> None:
+        branch = self.store.create_child(
+            parent_node_id=self.root["id"],
+            prompt="child",
+            session_id=new_session_id(),
+            title="child",
+        )
+        self.assertEqual(branch["header_color"], self.root["header_color"])
+
+    def test_branch_colors_do_not_starve_new_windows(self) -> None:
+        # Many branches inherit the root color; new windows must still cycle
+        # through the whole palette rather than avoiding the root color.
+        for index in range(6):
+            self.store.create_child(
+                parent_node_id=self.root["id"],
+                prompt=f"child {index}",
+                session_id=new_session_id(),
+                title=f"child {index}",
+            )
+        colors = [self.root["header_color"]]
+        for index in range(len(HEADER_COLORS) - 1):
+            colors.append(self._add_window(index))
+        self.assertEqual(len(set(colors)), len(HEADER_COLORS))
+
+
+if __name__ == "__main__":  # pragma: no cover
+    unittest.main()
diff --git a/tests/hermes_workspace/test_screens.py b/tests/hermes_workspace/test_screens.py
new file mode 100644
index 0000000..75225f7
--- /dev/null
+++ b/tests/hermes_workspace/test_screens.py
@@ -0,0 +1,299 @@
+"""Unit tests for the screen registry and the WebSocket/RFB bridge."""
+
+from __future__ import annotations
+
+import socket
+import struct
+import threading
+import unittest
+from pathlib import Path
+import sys
+
+sys.path.insert(0, str(Path(__file__).resolve().parents[2]))
+
+from backend import vncproxy
+from backend.screens import ScreenConfigError, ScreenRegistry, parse_screens
+
+
+class ParseScreensTest(unittest.TestCase):
+    def test_parses_key_label_host_port_password(self) -> None:
+        (screen,) = parse_screens("mini|Admin Mac|100.65.42.125|5901|hunter2")
+        self.assertEqual(screen.key, "mini")
+        self.assertEqual(screen.label, "Admin Mac")
+        self.assertEqual(screen.host, "100.65.42.125")
+        self.assertEqual(screen.port, 5901)
+        self.assertEqual(screen.password, "hunter2")
+
+    def test_port_and_password_are_optional(self) -> None:
+        (screen,) = parse_screens("mini|Admin Mac|100.65.42.125")
+        self.assertEqual(screen.port, 5900)
+        self.assertEqual(screen.password, "")
+
+    def test_blank_configuration_yields_no_screens(self) -> None:
+        self.assertEqual(parse_screens(None), ())
+        self.assertEqual(parse_screens("   "), ())
+
+    def test_rejects_hosts_off_the_private_mesh(self) -> None:
+        for host in ("8.8.8.8", "example.com", "10.0.0.5"):
+            with self.subTest(host=host), self.assertRaises(ScreenConfigError):
+                parse_screens(f"mini|Admin Mac|{host}")
+
+    def test_accepts_loopback_and_magicdns(self) -> None:
+        self.assertEqual(parse_screens("a|A|127.0.0.1")[0].host, "127.0.0.1")
+        self.assertEqual(parse_screens("b|B|box.tailnet.ts.net")[0].host, "box.tailnet.ts.net")
+
+    def test_rejects_duplicate_keys_and_bad_slugs(self) -> None:
+        with self.assertRaises(ScreenConfigError):
+            parse_screens("mini|A|127.0.0.1;mini|B|127.0.0.1")
+        with self.assertRaises(ScreenConfigError):
+            parse_screens("Mini Mac|A|127.0.0.1")
+
+    def test_public_view_never_exposes_credentials(self) -> None:
+        registry = ScreenRegistry(parse_screens("mini|Admin Mac|100.65.42.125|5900|hunter2"))
+        published = registry.public()
+        self.assertEqual(published, [{"key": "mini", "label": "Admin Mac"}])
+        self.assertNotIn("hunter2", repr(published))
+        self.assertNotIn("100.65.42.125", repr(published))
+
+    def test_lookup_is_case_insensitive_and_safe(self) -> None:
+        registry = ScreenRegistry(parse_screens("mini|Admin Mac|127.0.0.1"))
+        self.assertIsNotNone(registry.get("MINI"))
+        self.assertIsNone(registry.get("absent"))
+        self.assertIsNone(registry.get(None))
+
+
+class WebSocketFramingTest(unittest.TestCase):
+    def test_accept_key_matches_rfc6455_example(self) -> None:
+        self.assertEqual(
+            vncproxy.accept_key("dGhlIHNhbXBsZSBub25jZQ=="),
+            "s3pPLMBiTxaQ9kYGzzhZRbK+xOo=",
+        )
+
+    def test_round_trips_payloads_across_length_boundaries(self) -> None:
+        for size in (0, 1, 125, 126, 127, 1024, 70000):
+            with self.subTest(size=size):
+                payload = bytes(range(256)) * (size // 256) + bytes(size % 256)
+                payload = payload[:size]
+                encoded = vncproxy.encode_frame(payload)
+                decoder = vncproxy.FrameDecoder()
+                frames = decoder.feed(_mask(encoded))
+                self.assertEqual([(vncproxy.OPCODE_BINARY, payload)], frames)
+
+    def test_decoder_reassembles_split_frames(self) -> None:
+        payload = b"partial delivery"
+        data = _mask(vncproxy.encode_frame(payload))
+        decoder = vncproxy.FrameDecoder()
+        self.assertEqual(decoder.feed(data[:3]), [])
+        self.assertEqual(decoder.feed(data[3:]), [(vncproxy.OPCODE_BINARY, payload)])
+
+    def test_decoder_returns_several_frames_from_one_read(self) -> None:
+        decoder = vncproxy.FrameDecoder()
+        blob = _mask(vncproxy.encode_frame(b"one")) + _mask(vncproxy.encode_frame(b"two"))
+        self.assertEqual(
+            decoder.feed(blob),
+            [(vncproxy.OPCODE_BINARY, b"one"), (vncproxy.OPCODE_BINARY, b"two")],
+        )
+
+
+class VncAuthTest(unittest.TestCase):
+    def test_matches_published_rfb_test_vector(self) -> None:
+        # DES with bit-reversed key bytes, as RFB security type 2 specifies.
+        challenge = bytes(range(16))
+        response = vncproxy.vnc_challenge_response("password", challenge)
+        self.assertEqual(len(response), 16)
+        # The two halves are encrypted independently with the same key, so a
+        # repeated challenge block must produce a repeated response block.
+        repeated = vncproxy.vnc_challenge_response("password", b"\x01" * 16)
+        self.assertEqual(repeated[:8], repeated[8:])
+
+    def test_password_is_truncated_and_padded_to_eight_bytes(self) -> None:
+        challenge = b"\x02" * 16
+        self.assertEqual(
+            vncproxy.vnc_challenge_response("abcdefghIGNORED", challenge),
+            vncproxy.vnc_challenge_response("abcdefgh", challenge),
+        )
+        self.assertEqual(
+            vncproxy.vnc_challenge_response("ab", challenge),
+            vncproxy.vnc_challenge_response("ab\x00\x00\x00\x00\x00\x00", challenge),
+        )
+
+    def test_rejects_a_malformed_challenge(self) -> None:
+        with self.assertRaises(vncproxy.ProxyError):
+            vncproxy.vnc_challenge_response("password", b"too short")
+
+
+class AuthenticateTest(unittest.TestCase):
+    """Drive :func:`authenticate` against a scripted in-process RFB server."""
+
+    def _serve(self, script) -> tuple[socket.socket, threading.Thread]:
+        listener = socket.socket()
+        listener.bind(("127.0.0.1", 0))
+        listener.listen(1)
+        self.addCleanup(listener.close)
+
+        def run() -> None:
+            connection, _ = listener.accept()
+            with connection:
+                try:
+                    script(connection)
+                except OSError:
+                    pass
+
+        thread = threading.Thread(target=run, daemon=True)
+        thread.start()
+        client = socket.create_connection(listener.getsockname(), timeout=5)
+        self.addCleanup(client.close)
+        return client, thread
+
+    def test_uses_vnc_auth_when_offered_with_a_password(self) -> None:
+        seen: dict[str, bytes] = {}
+
+        def script(connection: socket.socket) -> None:
+            connection.sendall(b"RFB 003.889\n")
+            seen["version"] = connection.recv(12)
+            connection.sendall(bytes([2, 30, 2]))       # Apple type + VNC auth
+            seen["chosen"] = connection.recv(1)
+            connection.sendall(b"\x00" * 16)            # challenge
+            seen["response"] = connection.recv(16)
+            connection.sendall(struct.pack(">I", 0))    # auth OK
+            seen["shared"] = connection.recv(1)
+            name = b"Scripted"
+            header = bytearray(24)
+            struct.pack_into(">HH", header, 0, 1440, 900)
+            struct.pack_into(">I", header, 20, len(name))
+            connection.sendall(bytes(header) + name)
+
+        client, _ = self._serve(script)
+        server_init = vncproxy.authenticate(client, "secret")
+
+        self.assertEqual(seen["version"], b"RFB 003.008\n")
+        self.assertEqual(seen["chosen"], bytes([2]))
+        self.assertEqual(seen["response"], vncproxy.vnc_challenge_response("secret", b"\x00" * 16))
+        self.assertEqual(seen["shared"], b"\x01", "must request a shared session")
+        self.assertEqual(struct.unpack(">HH", server_init[:4]), (1440, 900))
+        self.assertTrue(server_init.endswith(b"Scripted"))
+
+    def test_uses_security_none_when_no_password_is_needed(self) -> None:
+        seen: dict[str, bytes] = {}
+
+        def script(connection: socket.socket) -> None:
+            connection.sendall(b"RFB 003.008\n")
+            connection.recv(12)
+            connection.sendall(bytes([1, 1]))           # None only
+            seen["chosen"] = connection.recv(1)
+            connection.sendall(struct.pack(">I", 0))
+            connection.recv(1)
+            header = bytearray(24)
+            struct.pack_into(">HH", header, 0, 800, 600)
+            struct.pack_into(">I", header, 20, 0)
+            connection.sendall(bytes(header))
+
+        client, _ = self._serve(script)
+        vncproxy.authenticate(client, "")
+        self.assertEqual(seen["chosen"], bytes([1]))
+
+    def test_reports_apple_only_hosts_with_actionable_guidance(self) -> None:
+        def script(connection: socket.socket) -> None:
+            connection.sendall(b"RFB 003.889\n")
+            connection.recv(12)
+            connection.sendall(bytes([4, 30, 33, 36, 35]))   # Apple dialects only
+
+        client, _ = self._serve(script)
+        with self.assertRaises(vncproxy.ProxyError) as caught:
+            vncproxy.authenticate(client, "secret")
+        self.assertIn("Screen Sharing", str(caught.exception))
+
+    def test_surfaces_a_rejected_password(self) -> None:
+        def script(connection: socket.socket) -> None:
+            connection.sendall(b"RFB 003.008\n")
+            connection.recv(12)
+            connection.sendall(bytes([1, 2]))
+            connection.recv(1)
+            connection.sendall(b"\x00" * 16)
+            connection.recv(16)
+            connection.sendall(struct.pack(">I", 1))         # failure
+            reason = b"wrong password"
+            connection.sendall(struct.pack(">I", len(reason)) + reason)
+
+        client, _ = self._serve(script)
+        with self.assertRaises(vncproxy.ProxyError) as caught:
+            vncproxy.authenticate(client, "nope")
+        self.assertIn("wrong password", str(caught.exception))
+
+    def test_rejects_a_non_rfb_server(self) -> None:
+        def script(connection: socket.socket) -> None:
+            connection.sendall(b"SSH-2.0-Open")
+
+        client, _ = self._serve(script)
+        with self.assertRaises(vncproxy.ProxyError):
+            vncproxy.authenticate(client, "")
+
+
+class ClientHandshakeTest(unittest.TestCase):
+    """The browser must see a security-None flow it can complete on its own."""
+
+    def test_replays_a_synthetic_handshake_then_forwards_bytes(self) -> None:
+        sent: list[bytes] = []
+
+        class FakeSocket:
+            def sendall(self, data: bytes) -> None:
+                sent.append(data)
+
+        state = {"phase": "version"}
+        server_init = b"S" * 24
+        fake = FakeSocket()
+
+        # ClientVersion is absorbed; the proxy answers with the type list.
+        self.assertEqual(
+            vncproxy._advance_client_handshake(state, b"RFB 003.008\n", fake, server_init), b"",
+        )
+        self.assertEqual(sent[-1], vncproxy.encode_frame(b"\x01\x01"))
+
+        # Security choice is absorbed; SecurityResult OK is returned.
+        self.assertEqual(vncproxy._advance_client_handshake(state, b"\x01", fake, server_init), b"")
+        self.assertEqual(sent[-1], vncproxy.encode_frame(struct.pack(">I", 0)))
+
+        # ClientInit is absorbed and the real ServerInit is delivered. Anything
+        # trailing in the same packet belongs to the VNC server.
+        remainder = vncproxy._advance_client_handshake(state, b"\x01EXTRA", fake, server_init)
+        self.assertEqual(sent[-1], vncproxy.encode_frame(server_init))
+        self.assertEqual(remainder, b"EXTRA")
+        self.assertEqual(state["phase"], "open")
+
+        # Once open, payloads pass straight through.
+        self.assertEqual(
+            vncproxy._advance_client_handshake(state, b"pixels", fake, server_init), b"pixels",
+        )
+
+    def test_handles_a_handshake_split_across_packets(self) -> None:
+        sent: list[bytes] = []
+
+        class FakeSocket:
+            def sendall(self, data: bytes) -> None:
+                sent.append(data)
+
+        state = {"phase": "version"}
+        fake = FakeSocket()
+        self.assertEqual(vncproxy._advance_client_handshake(state, b"RFB 003", fake, b"I" * 24), b"")
+        self.assertEqual(sent, [], "no reply until the full version arrives")
+        self.assertEqual(vncproxy._advance_client_handshake(state, b".008\n", fake, b"I" * 24), b"")
+        self.assertEqual(sent[-1], vncproxy.encode_frame(b"\x01\x01"))
+
+
+def _mask(frame: bytes) -> bytes:
+    """Re-encode a server frame as a client (masked) frame."""
+    first, second = frame[0], frame[1]
+    length = second & 0x7F
+    offset = 2
+    if length == 126:
+        offset = 4
+    elif length == 127:
+        offset = 10
+    payload = frame[offset:]
+    mask = b"\xa1\xb2\xc3\xd4"
+    masked = bytes(byte ^ mask[index % 4] for index, byte in enumerate(payload))
+    return bytes([first, second | 0x80]) + frame[2:offset] + mask + masked
+
+
+if __name__ == "__main__":
+    unittest.main()
diff --git a/web/hermes-dist/app.js b/web/hermes-dist/app.js
index 25b73b3..fbaadaf 100644
--- a/web/hermes-dist/app.js
+++ b/web/hermes-dist/app.js
@@ -7,8 +7,8 @@ var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __commonJS = (cb, mod) => function __require() {
   try {
     return mod || (0, cb[__getOwnPropNames(cb)[0]])((mod = { exports: {} }).exports, mod), mod.exports;
-  } catch (e) {
-    throw mod = 0, e;
+  } catch (e2) {
+    throw mod = 0, e2;
   }
 };
 var __copyProps = (to, from, except, desc) => {
@@ -385,7 +385,7 @@ var require_core = __commonJS({
     var PHRASAL_WORDS_MODE = {
       begin: /\b(a|an|the|are|I'm|isn't|don't|doesn't|won't|but|just|should|pretty|simply|enough|gonna|going|wtf|so|such|will|you|your|they|like|more)\b/
     };
-    var COMMENT = function(begin, end, modeOptions = {}) {
+    var COMMENT2 = function(begin, end, modeOptions = {}) {
       const mode = inherit$1(
         {
           scope: "comment",
@@ -453,9 +453,9 @@ var require_core = __commonJS({
       );
       return mode;
     };
-    var C_LINE_COMMENT_MODE = COMMENT("//", "$");
-    var C_BLOCK_COMMENT_MODE = COMMENT("/\\*", "\\*/");
-    var HASH_COMMENT_MODE = COMMENT("#", "$");
+    var C_LINE_COMMENT_MODE = COMMENT2("//", "$");
+    var C_BLOCK_COMMENT_MODE = COMMENT2("/\\*", "\\*/");
+    var HASH_COMMENT_MODE = COMMENT2("#", "$");
     var NUMBER_MODE = {
       scope: "number",
       begin: NUMBER_RE,
@@ -521,7 +521,7 @@ var require_core = __commonJS({
       BACKSLASH_ESCAPE,
       BINARY_NUMBER_MODE,
       BINARY_NUMBER_RE,
-      COMMENT,
+      COMMENT: COMMENT2,
       C_BLOCK_COMMENT_MODE,
       C_LINE_COMMENT_MODE,
       C_NUMBER_MODE,
@@ -869,13 +869,13 @@ var require_core = __commonJS({
           mode.illegal
         );
         if (!mode.contains) mode.contains = [];
-        mode.contains = [].concat(...mode.contains.map(function(c2) {
-          return expandOrCloneMode(c2 === "self" ? mode : c2);
+        mode.contains = [].concat(...mode.contains.map(function(c3) {
+          return expandOrCloneMode(c3 === "self" ? mode : c3);
         }));
-        mode.contains.forEach(function(c2) {
+        mode.contains.forEach(function(c3) {
           compileMode(
             /** @type Mode */
-            c2,
+            c3,
             cmode
           );
         });
@@ -1209,10 +1209,10 @@ var require_core = __commonJS({
           if (lastMatch.type === "begin" && match.type === "end" && lastMatch.index === match.index && lexeme === "") {
             modeBuffer += codeToHighlight.slice(match.index, match.index + 1);
             if (!SAFE_MODE) {
-              const err = new Error(`0 width match regex (${languageName})`);
-              err.languageName = languageName;
-              err.badRule = lastMatch.rule;
-              throw err;
+              const err2 = new Error(`0 width match regex (${languageName})`);
+              err2.languageName = languageName;
+              err2.badRule = lastMatch.rule;
+              throw err2;
             }
             return 1;
           }
@@ -1220,9 +1220,9 @@ var require_core = __commonJS({
           if (match.type === "begin") {
             return doBeginMatch(match);
           } else if (match.type === "illegal" && !ignoreIllegals) {
-            const err = new Error('Illegal lexeme "' + lexeme + '" for mode "' + (top.scope || "<unnamed>") + '"');
-            err.mode = top;
-            throw err;
+            const err2 = new Error('Illegal lexeme "' + lexeme + '" for mode "' + (top.scope || "<unnamed>") + '"');
+            err2.mode = top;
+            throw err2;
           } else if (match.type === "end") {
             const processed = doEndMatch(match);
             if (processed !== NO_MATCH) {
@@ -1234,8 +1234,8 @@ var require_core = __commonJS({
             return 1;
           }
           if (iterations > 1e5 && iterations > match.index * 3) {
-            const err = new Error("potential infinite loop, way more iterations than matches");
-            throw err;
+            const err2 = new Error("potential infinite loop, way more iterations than matches");
+            throw err2;
           }
           modeBuffer += lexeme;
           return lexeme.length;
@@ -1287,18 +1287,18 @@ var require_core = __commonJS({
             _emitter: emitter,
             _top: top
           };
-        } catch (err) {
-          if (err.message && err.message.includes("Illegal")) {
+        } catch (err2) {
+          if (err2.message && err2.message.includes("Illegal")) {
             return {
               language: languageName,
               value: escape4(codeToHighlight),
               illegal: true,
               relevance: 0,
               _illegalBy: {
-                message: err.message,
+                message: err2.message,
                 index,
                 context: codeToHighlight.slice(index - 100, index + 100),
-                mode: err.mode,
+                mode: err2.mode,
                 resultSoFar: result
               },
               _emitter: emitter
@@ -1309,12 +1309,12 @@ var require_core = __commonJS({
               value: escape4(codeToHighlight),
               illegal: false,
               relevance: 0,
-              errorRaised: err,
+              errorRaised: err2,
               _emitter: emitter,
               _top: top
             };
           } else {
-            throw err;
+            throw err2;
           }
         }
       }
@@ -1336,12 +1336,12 @@ var require_core = __commonJS({
           (name) => _highlight(name, code, false)
         );
         results.unshift(plaintext2);
-        const sorted = results.sort((a, b) => {
-          if (a.relevance !== b.relevance) return b.relevance - a.relevance;
-          if (a.language && b.language) {
-            if (getLanguage(a.language).supersetOf === b.language) {
+        const sorted = results.sort((a2, b2) => {
+          if (a2.relevance !== b2.relevance) return b2.relevance - a2.relevance;
+          if (a2.language && b2.language) {
+            if (getLanguage(a2.language).supersetOf === b2.language) {
               return 1;
-            } else if (getLanguage(b.language).supersetOf === a.language) {
+            } else if (getLanguage(b2.language).supersetOf === a2.language) {
               return -1;
             }
           }
@@ -1377,11 +1377,11 @@ var require_core = __commonJS({
             console.warn(element);
           }
           if (options2.throwUnescapedHTML) {
-            const err = new HTMLInjectionError(
+            const err2 = new HTMLInjectionError(
               "One of your code blocks includes unescaped HTML.",
               element.innerHTML
             );
-            throw err;
+            throw err2;
           }
         }
         node = element;
@@ -1717,7 +1717,7 @@ var blockPedantic = {
   lheading: /^(.+?)\n {0,3}(=+|-+) *(?:\n+|$)/,
   paragraph: edit(_paragraph).replace("hr", hr).replace("heading", " *#{1,6} *[^\n]").replace("lheading", lheading).replace("|table", "").replace("blockquote", " {0,3}>").replace("|fences", "").replace("|list", "").replace("|html", "").replace("|tag", "").getRegex()
 };
-var escape = /^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/;
+var escape2 = /^\\([!"#$%&'()*+,\-./:;<=>?@\[\]\\^_`{|}~])/;
 var inlineCode = /^(`+)([^`]|[^`][\s\S]*?[^`])\1(?!`)/;
 var br = /^( {2,}|\\)\n(?!\s*$)/;
 var inlineText = /^(`+|[^`])(?:(?= {2,}\n)|[\s\S]*?(?:(?=[\\<!\[`*_]|\b_|$)|[^ ](?= {2,}\n)))/;
@@ -1762,7 +1762,7 @@ var inlineNormal = {
   emStrongLDelim,
   emStrongRDelimAst,
   emStrongRDelimUnd,
-  escape,
+  escape: escape2,
   link,
   nolink,
   punctuation,
@@ -1810,7 +1810,7 @@ var escapeReplacements = {
   "'": "&#39;"
 };
 var getEscapeReplacement = (ch2) => escapeReplacements[ch2];
-function escape2(html2, encode) {
+function escape22(html2, encode) {
   if (encode) {
     if (other.escapeTest.test(html2)) {
       return html2.replace(other.escapeReplace, getEscapeReplacement);
@@ -1860,7 +1860,7 @@ function splitCells(tableRow, count) {
   }
   return cells;
 }
-function rtrim(str, c2, invert) {
+function rtrim(str, c3, invert) {
   const l = str.length;
   if (l === 0) {
     return "";
@@ -1868,9 +1868,9 @@ function rtrim(str, c2, invert) {
   let suffLen = 0;
   while (suffLen < l) {
     const currChar = str.charAt(l - suffLen - 1);
-    if (currChar === c2 && !invert) {
+    if (currChar === c3 && !invert) {
       suffLen++;
-    } else if (currChar !== c2 && invert) {
+    } else if (currChar !== c3 && invert) {
       suffLen++;
     } else {
       break;
@@ -1878,17 +1878,17 @@ function rtrim(str, c2, invert) {
   }
   return str.slice(0, l - suffLen);
 }
-function findClosingBracket(str, b) {
-  if (str.indexOf(b[1]) === -1) {
+function findClosingBracket(str, b2) {
+  if (str.indexOf(b2[1]) === -1) {
     return -1;
   }
   let level = 0;
   for (let i2 = 0; i2 < str.length; i2++) {
     if (str[i2] === "\\") {
       i2++;
-    } else if (str[i2] === b[0]) {
+    } else if (str[i2] === b2[0]) {
       level++;
-    } else if (str[i2] === b[1]) {
+    } else if (str[i2] === b2[1]) {
       level--;
       if (level < 0) {
         return i2;
@@ -2985,9 +2985,9 @@ var _Renderer = class {
     const langString = (lang || "").match(other.notSpaceStart)?.[0];
     const code = text2.replace(other.endingNewline, "") + "\n";
     if (!langString) {
-      return "<pre><code>" + (escaped ? code : escape2(code, true)) + "</code></pre>\n";
+      return "<pre><code>" + (escaped ? code : escape22(code, true)) + "</code></pre>\n";
     }
-    return '<pre><code class="language-' + escape2(langString) + '">' + (escaped ? code : escape2(code, true)) + "</code></pre>\n";
+    return '<pre><code class="language-' + escape22(langString) + '">' + (escaped ? code : escape22(code, true)) + "</code></pre>\n";
   }
   blockquote({ tokens }) {
     const body = this.parser.parse(tokens);
@@ -3025,7 +3025,7 @@ ${body}</blockquote>
         if (item.tokens[0]?.type === "paragraph") {
           item.tokens[0].text = checkbox + " " + item.tokens[0].text;
           if (item.tokens[0].tokens && item.tokens[0].tokens.length > 0 && item.tokens[0].tokens[0].type === "text") {
-            item.tokens[0].tokens[0].text = checkbox + " " + escape2(item.tokens[0].tokens[0].text);
+            item.tokens[0].tokens[0].text = checkbox + " " + escape22(item.tokens[0].tokens[0].text);
             item.tokens[0].tokens[0].escaped = true;
           }
         } else {
@@ -3092,7 +3092,7 @@ ${text2}</tr>
     return `<em>${this.parser.parseInline(tokens)}</em>`;
   }
   codespan({ text: text2 }) {
-    return `<code>${escape2(text2, true)}</code>`;
+    return `<code>${escape22(text2, true)}</code>`;
   }
   br(token) {
     return "<br>";
@@ -3109,7 +3109,7 @@ ${text2}</tr>
     href = cleanHref;
     let out = '<a href="' + href + '"';
     if (title) {
-      out += ' title="' + escape2(title) + '"';
+      out += ' title="' + escape22(title) + '"';
     }
     out += ">" + text2 + "</a>";
     return out;
@@ -3120,18 +3120,18 @@ ${text2}</tr>
     }
     const cleanHref = cleanUrl(href);
     if (cleanHref === null) {
-      return escape2(text2);
+      return escape22(text2);
     }
     href = cleanHref;
     let out = `<img src="${href}" alt="${text2}"`;
     if (title) {
-      out += ` title="${escape2(title)}"`;
+      out += ` title="${escape22(title)}"`;
     }
     out += ">";
     return out;
   }
   text(token) {
-    return "tokens" in token && token.tokens ? this.parser.parseInline(token.tokens) : "escaped" in token && token.escaped ? token.text : escape2(token.text);
+    return "tokens" in token && token.tokens ? this.parser.parseInline(token.tokens) : "escaped" in token && token.escaped ? token.text : escape22(token.text);
   }
 };
 var _TextRenderer = class {
@@ -3640,26 +3640,26 @@ var Marked = class {
           html2 = opt.hooks.postprocess(html2);
         }
         return html2;
-      } catch (e) {
-        return throwError(e);
+      } catch (e2) {
+        return throwError(e2);
       }
     };
     return parse2;
   }
   onError(silent, async) {
-    return (e) => {
-      e.message += "\nPlease report this to https://github.com/markedjs/marked.";
+    return (e2) => {
+      e2.message += "\nPlease report this to https://github.com/markedjs/marked.";
       if (silent) {
-        const msg = "<p>An error occurred:</p><pre>" + escape2(e.message + "", true) + "</pre>";
+        const msg = "<p>An error occurred:</p><pre>" + escape22(e2.message + "", true) + "</pre>";
         if (async) {
           return Promise.resolve(msg);
         }
         return msg;
       }
       if (async) {
-        return Promise.reject(e);
+        return Promise.reject(e2);
       }
-      throw e;
+      throw e2;
     };
   }
 };
@@ -4153,7 +4153,7 @@ function scriptFromCodepoint(codepoint) {
   return null;
 }
 var allBlocks = [];
-scriptData.forEach((s) => s.blocks.forEach((b) => allBlocks.push(...b)));
+scriptData.forEach((s) => s.blocks.forEach((b2) => allBlocks.push(...b2)));
 function supportedCodepoint(codepoint) {
   for (var i2 = 0; i2 < allBlocks.length; i2 += 2) {
     if (codepoint >= allBlocks[i2] && codepoint <= allBlocks[i2 + 1]) {
@@ -12024,7 +12024,7 @@ function dCellStyle(envName) {
 }
 var htmlBuilder$6 = function htmlBuilder(group, options2) {
   var r2;
-  var c2;
+  var c3;
   var nr = group.body.length;
   var hLinesBeforeRow = group.hLinesBeforeRow;
   var nc = 0;
@@ -12075,15 +12075,15 @@ var htmlBuilder$6 = function htmlBuilder(group, options2) {
       depth: 0,
       pos: 0
     };
-    for (c2 = 0; c2 < inrow.length; ++c2) {
-      var elt = buildGroup$1(inrow[c2], options2);
+    for (c3 = 0; c3 < inrow.length; ++c3) {
+      var elt = buildGroup$1(inrow[c3], options2);
       if (depth < elt.depth) {
         depth = elt.depth;
       }
       if (height < elt.height) {
         height = elt.height;
       }
-      outrow.cells[c2] = elt;
+      outrow.cells[c3] = elt;
     }
     var rowGap = group.rowGaps[r2];
     var gap = 0;
@@ -12137,11 +12137,11 @@ var htmlBuilder$6 = function htmlBuilder(group, options2) {
     }
   }
   for (
-    c2 = 0, colDescrNum = 0;
+    c3 = 0, colDescrNum = 0;
     // Continue while either there are more columns or more column
     // descriptions, so trailing separators don't get lost.
-    c2 < nc || colDescrNum < colDescriptions.length;
-    ++c2, ++colDescrNum
+    c3 < nc || colDescrNum < colDescriptions.length;
+    ++c3, ++colDescrNum
   ) {
     var _colDescr3;
     var colDescr = colDescriptions[colDescrNum];
@@ -12172,11 +12172,11 @@ var htmlBuilder$6 = function htmlBuilder(group, options2) {
       colDescr = colDescriptions[colDescrNum];
       firstSeparator = false;
     }
-    if (c2 >= nc) {
+    if (c3 >= nc) {
       continue;
     }
     var sepwidth = void 0;
-    if (c2 > 0 || group.hskipBeforeAndAfter) {
+    if (c3 > 0 || group.hskipBeforeAndAfter) {
       var _colDescr$pregap, _colDescr2;
       sepwidth = (_colDescr$pregap = (_colDescr2 = colDescr) == null ? void 0 : _colDescr2.pregap) != null ? _colDescr$pregap : arraycolsep;
       if (sepwidth !== 0) {
@@ -12188,7 +12188,7 @@ var htmlBuilder$6 = function htmlBuilder(group, options2) {
     var colElems = [];
     for (r2 = 0; r2 < nr; ++r2) {
       var row = body[r2];
-      var elem = row.cells[c2];
+      var elem = row.cells[c3];
       if (!elem) {
         continue;
       }
@@ -12207,7 +12207,7 @@ var htmlBuilder$6 = function htmlBuilder(group, options2) {
     });
     var colSpan = makeSpan(["col-align-" + (((_colDescr3 = colDescr) == null ? void 0 : _colDescr3.align) || "c")], [colVList]);
     cols.push(colSpan);
-    if (c2 < nc - 1 || group.hskipBeforeAndAfter) {
+    if (c3 < nc - 1 || group.hskipBeforeAndAfter) {
       var _colDescr$postgap, _colDescr4;
       sepwidth = (_colDescr$postgap = (_colDescr4 = colDescr) == null ? void 0 : _colDescr4.postgap) != null ? _colDescr$postgap : arraycolsep;
       if (sepwidth !== 0) {
@@ -13419,14 +13419,14 @@ defineFunction({
     }
     var chars = [];
     for (var i2 = 0; i2 < href.length; i2++) {
-      var c2 = href[i2];
-      if (c2 === "~") {
-        c2 = "\\textasciitilde";
+      var c3 = href[i2];
+      if (c3 === "~") {
+        c3 = "\\textasciitilde";
       }
       chars.push({
         type: "textord",
         mode: "text",
-        text: c2
+        text: c3
       });
     }
     var body = {
@@ -15306,11 +15306,11 @@ defineFunction({
     var body = [];
     var newOptions = options2.havingStyle(options2.style.text());
     for (var i2 = 0; i2 < text2.length; i2++) {
-      var c2 = text2[i2];
-      if (c2 === "~") {
-        c2 = "\\textasciitilde";
+      var c3 = text2[i2];
+      if (c3 === "~") {
+        c3 = "\\textasciitilde";
       }
-      body.push(makeSymbol(c2, "Typewriter-Regular", group.mode, newOptions, ["mord", "texttt"]));
+      body.push(makeSymbol(c3, "Typewriter-Regular", group.mode, newOptions, ["mord", "texttt"]));
     }
     return makeSpan(["mord", "text"].concat(newOptions.sizingClasses(options2)), tryCombineChars(body), newOptions);
   },
@@ -17724,11 +17724,11 @@ var Parser = class _Parser2 {
   formLigatures(group) {
     var n = group.length - 1;
     for (var i2 = 0; i2 < n; ++i2) {
-      var a = group[i2];
-      if (a.type !== "textord") {
+      var a2 = group[i2];
+      if (a2.type !== "textord") {
         continue;
       }
-      var v = a.text;
+      var v = a2.text;
       var next = group[i2 + 1];
       if (!next || next.type !== "textord") {
         continue;
@@ -17739,7 +17739,7 @@ var Parser = class _Parser2 {
           group.splice(i2, 3, {
             type: "textord",
             mode: "text",
-            loc: SourceLocation.range(a, afterNext),
+            loc: SourceLocation.range(a2, afterNext),
             text: "---"
           });
           n -= 2;
@@ -17747,7 +17747,7 @@ var Parser = class _Parser2 {
           group.splice(i2, 2, {
             type: "textord",
             mode: "text",
-            loc: SourceLocation.range(a, next),
+            loc: SourceLocation.range(a2, next),
             text: "--"
           });
           n -= 1;
@@ -17757,7 +17757,7 @@ var Parser = class _Parser2 {
         group.splice(i2, 2, {
           type: "textord",
           mode: "text",
-          loc: SourceLocation.range(a, next),
+          loc: SourceLocation.range(a2, next),
           text: v + v
         });
         n -= 1;
@@ -18068,7 +18068,7 @@ function bash(hljs) {
     end: /\)/,
     contains: [hljs.BACKSLASH_ESCAPE]
   };
-  const COMMENT = hljs.inherit(
+  const COMMENT2 = hljs.inherit(
     hljs.COMMENT(),
     {
       match: [
@@ -18165,7 +18165,7 @@ function bash(hljs) {
     "function",
     "select"
   ];
-  const LITERALS3 = [
+  const LITERALS5 = [
     "true",
     "false"
   ];
@@ -18398,7 +18398,7 @@ function bash(hljs) {
     keywords: {
       $pattern: /\b[a-z][a-z0-9._-]+\b/,
       keyword: KEYWORDS3,
-      literal: LITERALS3,
+      literal: LITERALS5,
       built_in: [
         ...SHELL_BUILT_INS,
         ...BASH_BUILT_INS,
@@ -18416,7 +18416,7 @@ function bash(hljs) {
       // to catch unknown shells but still highlight the shebang
       FUNCTION,
       ARITHMETIC,
-      COMMENT,
+      COMMENT2,
       HERE_DOC,
       PATH_MODE,
       QUOTE_STRING,
@@ -19064,7 +19064,7 @@ function cpp(hljs) {
     "vprintf",
     "vsprintf"
   ];
-  const LITERALS3 = [
+  const LITERALS5 = [
     "NULL",
     "false",
     "nullopt",
@@ -19075,7 +19075,7 @@ function cpp(hljs) {
   const CPP_KEYWORDS = {
     type: RESERVED_TYPES,
     keyword: RESERVED_KEYWORDS,
-    literal: LITERALS3,
+    literal: LITERALS5,
     built_in: BUILT_IN,
     _type_hints: TYPE_HINTS
   };
@@ -20691,7 +20691,7 @@ function dockerfile(hljs) {
 
 // node_modules/highlight.js/es/languages/go.js
 function go(hljs) {
-  const LITERALS3 = [
+  const LITERALS5 = [
     "true",
     "false",
     "iota",
@@ -20766,7 +20766,7 @@ function go(hljs) {
   const KEYWORDS3 = {
     keyword: KWS,
     type: TYPES3,
-    literal: LITERALS3,
+    literal: LITERALS5,
     built_in: BUILT_INS3
   };
   return {
@@ -20930,7 +20930,7 @@ function java(hljs) {
     "super",
     "this"
   ];
-  const LITERALS3 = [
+  const LITERALS5 = [
     "false",
     "true",
     "null"
@@ -20947,7 +20947,7 @@ function java(hljs) {
   ];
   const KEYWORDS3 = {
     keyword: MAIN_KEYWORDS,
-    literal: LITERALS3,
+    literal: LITERALS5,
     type: TYPES3,
     built_in: BUILT_INS3
   };
@@ -21427,7 +21427,7 @@ function javascript(hljs) {
       ]
     }
   );
-  const COMMENT = {
+  const COMMENT2 = {
     className: "comment",
     variants: [
       JSDOC_COMMENT,
@@ -21459,7 +21459,7 @@ function javascript(hljs) {
       "self"
     ].concat(SUBST_INTERNALS)
   });
-  const SUBST_AND_COMMENTS = [].concat(COMMENT, SUBST.contains);
+  const SUBST_AND_COMMENTS = [].concat(COMMENT2, SUBST.contains);
   const PARAMS_CONTAINS = SUBST_AND_COMMENTS.concat([
     // eat recursive parens in sub expressions
     {
@@ -21663,7 +21663,7 @@ function javascript(hljs) {
       CSS_TEMPLATE,
       GRAPHQL_TEMPLATE,
       TEMPLATE_STRING,
-      COMMENT,
+      COMMENT2,
       // Skip numbers when they are part of a variable name
       { match: /\$\d+/ },
       NUMBER,
@@ -21680,7 +21680,7 @@ function javascript(hljs) {
         keywords: "return throw case",
         relevance: 0,
         contains: [
-          COMMENT,
+          COMMENT2,
           hljs.REGEXP_MODE,
           {
             className: "function",
@@ -21810,20 +21810,20 @@ function json(hljs) {
     className: "punctuation",
     relevance: 0
   };
-  const LITERALS3 = [
+  const LITERALS5 = [
     "true",
     "false",
     "null"
   ];
   const LITERALS_MODE = {
     scope: "literal",
-    beginKeywords: LITERALS3.join(" ")
+    beginKeywords: LITERALS5.join(" ")
   };
   return {
     name: "JSON",
     aliases: ["jsonc"],
     keywords: {
-      literal: LITERALS3
+      literal: LITERALS5
     },
     contains: [
       ATTRIBUTE,
@@ -22198,7 +22198,7 @@ function latex(hljs) {
     end: "$",
     relevance: 10
   };
-  const COMMENT = hljs.COMMENT(
+  const COMMENT2 = hljs.COMMENT(
     "%",
     "$",
     { relevance: 0 }
@@ -22209,7 +22209,7 @@ function latex(hljs) {
     DOUBLE_CARET_CHAR,
     SPECIAL_CATCODE,
     MAGIC_COMMENT,
-    COMMENT
+    COMMENT2
   ];
   const BRACE_GROUP_NO_VERBATIM = {
     begin: /\{/,
@@ -22682,7 +22682,7 @@ function php(hljs) {
     ],
     relevance: 0
   };
-  const LITERALS3 = [
+  const LITERALS5 = [
     "false",
     "null",
     "true"
@@ -22898,7 +22898,7 @@ function php(hljs) {
   };
   const KEYWORDS3 = {
     keyword: KWS,
-    literal: dualCase(LITERALS3),
+    literal: dualCase(LITERALS5),
     built_in: BUILT_INS3
   };
   const normalizeKeywords = (items) => {
@@ -23029,7 +23029,7 @@ function php(hljs) {
     end: /]/,
     endScope: "meta",
     keywords: {
-      literal: LITERALS3,
+      literal: LITERALS5,
       keyword: [
         "new",
         "array"
@@ -23040,7 +23040,7 @@ function php(hljs) {
         begin: /\[/,
         end: /]/,
         keywords: {
-          literal: LITERALS3,
+          literal: LITERALS5,
           keyword: [
             "new",
             "array"
@@ -23320,7 +23320,7 @@ function python(hljs) {
     "vars",
     "zip"
   ];
-  const LITERALS3 = [
+  const LITERALS5 = [
     "__debug__",
     "Ellipsis",
     "False",
@@ -23347,7 +23347,7 @@ function python(hljs) {
     $pattern: /[A-Za-z]\w+|__\w+__/,
     keyword: RESERVED_WORDS,
     built_in: BUILT_INS3,
-    literal: LITERALS3,
+    literal: LITERALS5,
     type: TYPES3
   };
   const PROMPT = {
@@ -24318,7 +24318,7 @@ function rust(hljs) {
     "while",
     "yield"
   ];
-  const LITERALS3 = [
+  const LITERALS5 = [
     "true",
     "false",
     "Some",
@@ -24425,7 +24425,7 @@ function rust(hljs) {
       $pattern: hljs.IDENT_RE + "!?",
       type: TYPES3,
       keyword: KEYWORDS3,
-      literal: LITERALS3,
+      literal: LITERALS5,
       built_in: BUILTINS
     },
     illegal: "</",
@@ -24608,12 +24608,12 @@ function scala(hljs) {
       }
     ]
   };
-  const TYPE = {
+  const TYPE3 = {
     className: "type",
     begin: "\\b[A-Z][A-Za-z0-9_]*",
     relevance: 0
   };
-  const NAME = {
+  const NAME2 = {
     className: "title",
     begin: /[^0-9\n\t "'(),.`{}\[\]:;][^\n\t "'(),.`{}\[\]:;]+|[^0-9\n\t "'(),.`{}\[\]:;=]/,
     relevance: 0
@@ -24637,7 +24637,7 @@ function scala(hljs) {
         excludeEnd: true,
         relevance: 0,
         contains: [
-          TYPE,
+          TYPE3,
           hljs.C_LINE_COMMENT_MODE,
           hljs.C_BLOCK_COMMENT_MODE
         ]
@@ -24650,19 +24650,19 @@ function scala(hljs) {
         excludeEnd: true,
         relevance: 0,
         contains: [
-          TYPE,
+          TYPE3,
           hljs.C_LINE_COMMENT_MODE,
           hljs.C_BLOCK_COMMENT_MODE
         ]
       },
-      NAME
+      NAME2
     ]
   };
   const METHOD = {
     className: "function",
     beginKeywords: "def",
     end: regex.lookahead(/[:={\[(\n;]/),
-    contains: [NAME]
+    contains: [NAME2]
   };
   const EXTENSION = {
     begin: [
@@ -24738,7 +24738,7 @@ function scala(hljs) {
       hljs.C_LINE_COMMENT_MODE,
       hljs.C_BLOCK_COMMENT_MODE,
       STRING,
-      TYPE,
+      TYPE3,
       METHOD,
       CLASS,
       hljs.C_NUMBER_MODE,
@@ -24794,7 +24794,7 @@ function sql(hljs) {
     end: /"/,
     contains: [{ match: /""/ }]
   };
-  const LITERALS3 = [
+  const LITERALS5 = [
     "true",
     "false",
     // Not sure it's correct to call NULL literal, and clauses like IS [NOT] NULL look strange that way.
@@ -25396,7 +25396,7 @@ function sql(hljs) {
     keywords: {
       $pattern: /\b[\w\.]+/,
       keyword: reduceRelevancy(KEYWORDS3, { when: (x) => x.length < 3 }),
-      literal: LITERALS3,
+      literal: LITERALS5,
       type: TYPES3,
       built_in: POSSIBLE_WITHOUT_PARENS
     },
@@ -26007,7 +26007,7 @@ function swift(hljs) {
     KEYWORD_ATTRIBUTE,
     USER_DEFINED_ATTRIBUTE
   ];
-  const TYPE = {
+  const TYPE3 = {
     match: lookahead(/\b[A-Z]/),
     relevance: 0,
     contains: [
@@ -26048,10 +26048,10 @@ function swift(hljs) {
       ...KEYWORD_MODES,
       ...ATTRIBUTES2,
       OPERATOR_GUARD,
-      TYPE
+      TYPE3
     ]
   };
-  TYPE.contains.push(GENERIC_ARGUMENTS);
+  TYPE3.contains.push(GENERIC_ARGUMENTS);
   const TUPLE_ELEMENT_NAME = {
     match: concat(identifier, /\s*:/),
     keywords: "_|0",
@@ -26074,7 +26074,7 @@ function swift(hljs) {
       STRING,
       ...IDENTIFIERS,
       ...ATTRIBUTES2,
-      TYPE
+      TYPE3
     ]
   };
   const GENERIC_PARAMETERS = {
@@ -26083,7 +26083,7 @@ function swift(hljs) {
     keywords: "repeat each",
     contains: [
       ...COMMENTS,
-      TYPE
+      TYPE3
     ]
   };
   const FUNCTION_PARAMETER_NAME = {
@@ -26116,7 +26116,7 @@ function swift(hljs) {
       NUMBER,
       STRING,
       ...ATTRIBUTES2,
-      TYPE,
+      TYPE3,
       TUPLE
     ],
     endsParent: true,
@@ -26176,7 +26176,7 @@ function swift(hljs) {
       1: "keyword",
       3: "title"
     },
-    contains: [TYPE],
+    contains: [TYPE3],
     keywords: [
       ...precedencegroupKeywords,
       ...literals
@@ -26287,7 +26287,7 @@ function swift(hljs) {
       STRING,
       ...IDENTIFIERS,
       ...ATTRIBUTES2,
-      TYPE,
+      TYPE3,
       TUPLE
     ]
   };
@@ -26623,7 +26623,7 @@ function javascript2(hljs) {
       ]
     }
   );
-  const COMMENT = {
+  const COMMENT2 = {
     className: "comment",
     variants: [
       JSDOC_COMMENT,
@@ -26655,7 +26655,7 @@ function javascript2(hljs) {
       "self"
     ].concat(SUBST_INTERNALS)
   });
-  const SUBST_AND_COMMENTS = [].concat(COMMENT, SUBST.contains);
+  const SUBST_AND_COMMENTS = [].concat(COMMENT2, SUBST.contains);
   const PARAMS_CONTAINS = SUBST_AND_COMMENTS.concat([
     // eat recursive parens in sub expressions
     {
@@ -26859,7 +26859,7 @@ function javascript2(hljs) {
       CSS_TEMPLATE,
       GRAPHQL_TEMPLATE,
       TEMPLATE_STRING,
-      COMMENT,
+      COMMENT2,
       // Skip numbers when they are part of a variable name
       { match: /\$\d+/ },
       NUMBER,
@@ -26876,7 +26876,7 @@ function javascript2(hljs) {
         keywords: "return throw case",
         relevance: 0,
         contains: [
-          COMMENT,
+          COMMENT2,
           hljs.REGEXP_MODE,
           {
             className: "function",
@@ -27070,7 +27070,7 @@ function typescript(hljs) {
   };
   Object.assign(tsLanguage.keywords, KEYWORDS$1);
   tsLanguage.exports.PARAMS_CONTAINS.push(DECORATOR);
-  const ATTRIBUTE_HIGHLIGHT = tsLanguage.contains.find((c2) => c2.scope === "attr");
+  const ATTRIBUTE_HIGHLIGHT = tsLanguage.contains.find((c3) => c3.scope === "attr");
   const OPTIONAL_KEY_OR_ARGUMENT = Object.assign(
     {},
     ATTRIBUTE_HIGHLIGHT,
@@ -27335,7 +27335,7 @@ function xml(hljs) {
 
 // node_modules/highlight.js/es/languages/yaml.js
 function yaml(hljs) {
-  const LITERALS3 = "true false yes no null";
+  const LITERALS5 = "true false yes no null";
   const URI_CHARACTERS = "[\\w#;/?:@&=+$,.~*'()[\\]]+";
   const KEY = {
     className: "attr",
@@ -27424,7 +27424,7 @@ function yaml(hljs) {
     end: ",",
     endsWithParent: true,
     excludeEnd: true,
-    keywords: LITERALS3,
+    keywords: LITERALS5,
     relevance: 0
   };
   const OBJECT = {
@@ -27506,8 +27506,8 @@ function yaml(hljs) {
     },
     hljs.HASH_COMMENT_MODE,
     {
-      beginKeywords: LITERALS3,
-      keywords: { literal: LITERALS3 }
+      beginKeywords: LITERALS5,
+      keywords: { literal: LITERALS5 }
     },
     TIMESTAMP,
     // numbers are any valid C-style number that
@@ -28065,16 +28065,76 @@ async function listWorkspaces() {
   const payload = await requestJson("/api/workspaces");
   return Array.isArray(payload) ? payload : payload.workspaces || [];
 }
-async function createWorkspace(prompt, title = "") {
+async function getModels() {
+  return requestJson("/api/models");
+}
+async function createWorkspace(prompt, title = "", model = "hermes-agent", reasoningEffort = "medium") {
   return requestJson("/api/workspaces", {
     method: "POST",
     headers: JSON_HEADERS,
-    body: JSON.stringify({ prompt, ...title ? { title } : {} })
+    body: JSON.stringify({
+      prompt,
+      model,
+      reasoning_effort: reasoningEffort,
+      ...title ? { title } : {}
+    })
+  });
+}
+async function createStandaloneSession(workspaceId, prompt, x, y, title = "", model = "hermes-agent", reasoningEffort = "medium") {
+  return requestJson(`/api/workspaces/${encodeURIComponent(workspaceId)}/nodes`, {
+    method: "POST",
+    headers: JSON_HEADERS,
+    body: JSON.stringify({
+      prompt,
+      x,
+      y,
+      model,
+      reasoning_effort: reasoningEffort,
+      ...title ? { title } : {}
+    })
   });
 }
 async function loadWorkspace(workspaceId) {
   return requestJson(`/api/workspaces/${encodeURIComponent(workspaceId)}`);
 }
+async function getWorkspaceArchive(workspaceId) {
+  return requestJson(`/api/workspaces/${encodeURIComponent(workspaceId)}/archive`);
+}
+async function queueFollowUp(nodeId, prompt) {
+  return requestJson(`/api/nodes/${encodeURIComponent(nodeId)}/queue`, {
+    method: "POST",
+    headers: JSON_HEADERS,
+    body: JSON.stringify({ prompt })
+  });
+}
+async function cancelQueuedFollowUp(queueId) {
+  return requestJson(`/api/queued-follow-ups/${encodeURIComponent(queueId)}`, {
+    method: "DELETE"
+  });
+}
+async function deleteNode(nodeId) {
+  return requestJson(`/api/nodes/${encodeURIComponent(nodeId)}`, { method: "DELETE" });
+}
+async function uploadAttachments(nodeId, files) {
+  const form = new FormData();
+  for (const file of files) form.append("files", file, file.name);
+  return requestJson(`/api/nodes/${encodeURIComponent(nodeId)}/attachments`, {
+    method: "POST",
+    body: form
+  });
+}
+async function deleteAttachment(attachmentId) {
+  return requestJson(`/api/attachments/${encodeURIComponent(attachmentId)}`, {
+    method: "DELETE"
+  });
+}
+async function updateNodeSettings(nodeId, model, reasoningEffort) {
+  return requestJson(`/api/nodes/${encodeURIComponent(nodeId)}/settings`, {
+    method: "PATCH",
+    headers: JSON_HEADERS,
+    body: JSON.stringify({ model, reasoning_effort: reasoningEffort })
+  });
+}
 async function saveNodeLayout(node) {
   return requestJson(`/api/nodes/${encodeURIComponent(node.id)}/layout`, {
     method: "PATCH",
@@ -28082,104 +28142,14457 @@ async function saveNodeLayout(node) {
     body: JSON.stringify({ x: node.x, y: node.y, width: node.width, height: node.height })
   });
 }
-function streamRoot(nodeId, onEvent, options2 = {}) {
-  return streamEvents(`/api/nodes/${encodeURIComponent(nodeId)}/run/stream`, {
-    method: "POST",
-    signal: options2.signal
-  }, onEvent);
+async function getScreenCatalog() {
+  const payload = await requestJson("/api/screens");
+  return payload.screens || [];
+}
+async function createDrawing(workspaceId, x, y) {
+  return requestJson(`/api/workspaces/${encodeURIComponent(workspaceId)}/drawings`, {
+    method: "POST",
+    headers: JSON_HEADERS,
+    body: JSON.stringify({ x, y })
+  });
+}
+async function saveDrawingLayout(drawing) {
+  return requestJson(`/api/drawings/${encodeURIComponent(drawing.id)}/layout`, {
+    method: "PATCH",
+    headers: JSON_HEADERS,
+    body: JSON.stringify({
+      x: drawing.x,
+      y: drawing.y,
+      width: drawing.width,
+      height: drawing.height
+    })
+  });
+}
+async function deleteDrawing(drawingId) {
+  return requestJson(`/api/drawings/${encodeURIComponent(drawingId)}`, { method: "DELETE" });
+}
+async function createScreen(workspaceId, screenKey, x, y) {
+  return requestJson(`/api/workspaces/${encodeURIComponent(workspaceId)}/screens`, {
+    method: "POST",
+    headers: JSON_HEADERS,
+    body: JSON.stringify({ screen_key: screenKey, x, y })
+  });
+}
+async function saveScreenLayout(screen) {
+  return requestJson(`/api/screens/${encodeURIComponent(screen.id)}/layout`, {
+    method: "PATCH",
+    headers: JSON_HEADERS,
+    body: JSON.stringify({ x: screen.x, y: screen.y, width: screen.width, height: screen.height })
+  });
+}
+async function deleteScreen(screenId) {
+  return requestJson(`/api/screens/${encodeURIComponent(screenId)}`, { method: "DELETE" });
+}
+function screenStreamUrl(screenId) {
+  const scheme = window.location.protocol === "https:" ? "wss:" : "ws:";
+  return `${scheme}//${window.location.host}/api/screens/${encodeURIComponent(screenId)}/stream`;
+}
+function streamRoot(nodeId, onEvent, options2 = {}) {
+  return streamEvents(`/api/nodes/${encodeURIComponent(nodeId)}/run/stream`, {
+    method: "POST",
+    signal: options2.signal
+  }, onEvent);
+}
+function streamBranch(nodeId, input, onEvent, options2 = {}) {
+  return streamEvents(`/api/nodes/${encodeURIComponent(nodeId)}/branch/stream`, {
+    method: "POST",
+    headers: JSON_HEADERS,
+    body: JSON.stringify(input),
+    signal: options2.signal
+  }, onEvent);
+}
+function streamMerge(nodeId, destination, instruction, onEvent, options2 = {}) {
+  return streamEvents(`/api/nodes/${encodeURIComponent(nodeId)}/merge/stream`, {
+    method: "POST",
+    headers: JSON_HEADERS,
+    body: JSON.stringify({ destination, instruction }),
+    signal: options2.signal
+  }, onEvent);
+}
+function streamContinue(nodeId, prompt, onEvent, options2 = {}) {
+  return streamEvents(`/api/nodes/${encodeURIComponent(nodeId)}/continue/stream`, {
+    method: "POST",
+    headers: JSON_HEADERS,
+    body: JSON.stringify({ prompt }),
+    signal: options2.signal
+  }, onEvent);
+}
+async function stopNode(nodeId) {
+  return requestJson(`/api/nodes/${encodeURIComponent(nodeId)}/stop`, {
+    method: "POST"
+  });
+}
+function streamRetry(nodeId, onEvent, options2 = {}) {
+  return streamEvents(`/api/nodes/${encodeURIComponent(nodeId)}/retry/stream`, {
+    method: "POST",
+    signal: options2.signal
+  }, onEvent);
+}
+async function getHealth() {
+  return requestJson("/api/health", { cache: "no-store" });
+}
+async function requestJson(path2, options2 = {}) {
+  const response = await fetch(path2, {
+    credentials: "same-origin",
+    cache: "no-store",
+    ...options2
+  });
+  if (!response.ok) throw await responseError(response);
+  if (response.status === 204) return null;
+  const text2 = await response.text();
+  return text2 ? JSON.parse(text2) : null;
+}
+async function streamEvents(path2, options2, onEvent) {
+  const response = await fetch(path2, {
+    credentials: "same-origin",
+    cache: "no-store",
+    ...options2
+  });
+  if (!response.ok) throw await responseError(response);
+  if (!response.body) throw new Error("The server returned an empty event stream.");
+  const reader = response.body.getReader();
+  const decoder = new TextDecoder();
+  let buffer = "";
+  while (true) {
+    const { value, done } = await reader.read();
+    buffer += decoder.decode(value || new Uint8Array(), { stream: !done });
+    buffer = buffer.replace(/\r\n/g, "\n");
+    let boundary;
+    while ((boundary = buffer.indexOf("\n\n")) !== -1) {
+      const frame = buffer.slice(0, boundary);
+      buffer = buffer.slice(boundary + 2);
+      const event = parseEventFrame(frame);
+      if (event) await onEvent(event.name, event.data);
+    }
+    if (done) break;
+  }
+  const trailing = parseEventFrame(buffer.trim());
+  if (trailing) await onEvent(trailing.name, trailing.data);
+}
+function parseEventFrame(frame) {
+  let name = "message";
+  const data = [];
+  for (const line of String(frame || "").split("\n")) {
+    if (!line || line.startsWith(":")) continue;
+    const separator = line.indexOf(":");
+    const field = separator === -1 ? line : line.slice(0, separator);
+    let value = separator === -1 ? "" : line.slice(separator + 1);
+    if (value.startsWith(" ")) value = value.slice(1);
+    if (field === "event") name = value;
+    else if (field === "data") data.push(value);
+  }
+  if (!data.length) return null;
+  const raw = data.join("\n");
+  let parsed;
+  try {
+    parsed = JSON.parse(raw);
+  } catch {
+    parsed = { value: raw };
+  }
+  return { name, data: parsed };
+}
+async function responseError(response) {
+  let message = `Request failed (${response.status})`;
+  let code = "request_failed";
+  try {
+    const payload = await response.json();
+    message = payload?.error?.message || message;
+    code = payload?.error?.code || code;
+  } catch {
+  }
+  const error = new Error(message);
+  error.code = code;
+  error.status = response.status;
+  return error;
+}
+
+// node_modules/@novnc/novnc/core/util/int.js
+function toUnsigned32bit(toConvert) {
+  return toConvert >>> 0;
+}
+function toSigned32bit(toConvert) {
+  return toConvert | 0;
+}
+
+// node_modules/@novnc/novnc/core/util/logging.js
+var _logLevel = "warn";
+var Debug = () => {
+};
+var Info = () => {
+};
+var Warn = () => {
+};
+var Error2 = () => {
+};
+function initLogging(level) {
+  if (typeof level === "undefined") {
+    level = _logLevel;
+  } else {
+    _logLevel = level;
+  }
+  Debug = Info = Warn = Error2 = () => {
+  };
+  if (typeof window.console !== "undefined") {
+    switch (level) {
+      case "debug":
+        Debug = console.debug.bind(window.console);
+      case "info":
+        Info = console.info.bind(window.console);
+      case "warn":
+        Warn = console.warn.bind(window.console);
+      case "error":
+        Error2 = console.error.bind(window.console);
+      case "none":
+        break;
+      default:
+        throw new window.Error("invalid logging type '" + level + "'");
+    }
+  }
+}
+initLogging();
+
+// node_modules/@novnc/novnc/core/util/strings.js
+function decodeUTF8(utf8string, allowLatin1 = false) {
+  try {
+    return decodeURIComponent(escape(utf8string));
+  } catch (e2) {
+    if (e2 instanceof URIError) {
+      if (allowLatin1) {
+        return utf8string;
+      }
+    }
+    throw e2;
+  }
+}
+function encodeUTF8(DOMString) {
+  return unescape(encodeURIComponent(DOMString));
+}
+
+// node_modules/@novnc/novnc/core/base64.js
+var base64_default = {
+  /* Convert data (an array of integers) to a Base64 string. */
+  toBase64Table: "ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=".split(""),
+  base64Pad: "=",
+  encode(data) {
+    "use strict";
+    let result = "";
+    const length = data.length;
+    const lengthpad = length % 3;
+    for (let i2 = 0; i2 < length - 2; i2 += 3) {
+      result += this.toBase64Table[data[i2] >> 2];
+      result += this.toBase64Table[((data[i2] & 3) << 4) + (data[i2 + 1] >> 4)];
+      result += this.toBase64Table[((data[i2 + 1] & 15) << 2) + (data[i2 + 2] >> 6)];
+      result += this.toBase64Table[data[i2 + 2] & 63];
+    }
+    const j = length - lengthpad;
+    if (lengthpad === 2) {
+      result += this.toBase64Table[data[j] >> 2];
+      result += this.toBase64Table[((data[j] & 3) << 4) + (data[j + 1] >> 4)];
+      result += this.toBase64Table[(data[j + 1] & 15) << 2];
+      result += this.toBase64Table[64];
+    } else if (lengthpad === 1) {
+      result += this.toBase64Table[data[j] >> 2];
+      result += this.toBase64Table[(data[j] & 3) << 4];
+      result += this.toBase64Table[64];
+      result += this.toBase64Table[64];
+    }
+    return result;
+  },
+  /* Convert Base64 data to a string */
+  /* eslint-disable comma-spacing */
+  toBinaryTable: [
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    62,
+    -1,
+    -1,
+    -1,
+    63,
+    52,
+    53,
+    54,
+    55,
+    56,
+    57,
+    58,
+    59,
+    60,
+    61,
+    -1,
+    -1,
+    -1,
+    0,
+    -1,
+    -1,
+    -1,
+    0,
+    1,
+    2,
+    3,
+    4,
+    5,
+    6,
+    7,
+    8,
+    9,
+    10,
+    11,
+    12,
+    13,
+    14,
+    15,
+    16,
+    17,
+    18,
+    19,
+    20,
+    21,
+    22,
+    23,
+    24,
+    25,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1,
+    26,
+    27,
+    28,
+    29,
+    30,
+    31,
+    32,
+    33,
+    34,
+    35,
+    36,
+    37,
+    38,
+    39,
+    40,
+    41,
+    42,
+    43,
+    44,
+    45,
+    46,
+    47,
+    48,
+    49,
+    50,
+    51,
+    -1,
+    -1,
+    -1,
+    -1,
+    -1
+  ],
+  /* eslint-enable comma-spacing */
+  decode(data, offset = 0) {
+    let dataLength = data.indexOf("=") - offset;
+    if (dataLength < 0) {
+      dataLength = data.length - offset;
+    }
+    const resultLength = (dataLength >> 2) * 3 + Math.floor(dataLength % 4 / 1.5);
+    const result = new Array(resultLength);
+    let leftbits = 0;
+    let leftdata = 0;
+    for (let idx = 0, i2 = offset; i2 < data.length; i2++) {
+      const c3 = this.toBinaryTable[data.charCodeAt(i2) & 127];
+      const padding = data.charAt(i2) === this.base64Pad;
+      if (c3 === -1) {
+        Error2("Illegal character code " + data.charCodeAt(i2) + " at position " + i2);
+        continue;
+      }
+      leftdata = leftdata << 6 | c3;
+      leftbits += 6;
+      if (leftbits >= 8) {
+        leftbits -= 8;
+        if (!padding) {
+          result[idx++] = leftdata >> leftbits & 255;
+        }
+        leftdata &= (1 << leftbits) - 1;
+      }
+    }
+    if (leftbits) {
+      const err2 = new Error("Corrupted base64 string");
+      err2.name = "Base64-Error";
+      throw err2;
+    }
+    return result;
+  }
+};
+
+// node_modules/@novnc/novnc/core/util/browser.js
+var isTouchDevice = "ontouchstart" in document.documentElement || // required for Chrome debugger
+document.ontouchstart !== void 0 || // required for MS Surface
+navigator.maxTouchPoints > 0 || navigator.msMaxTouchPoints > 0;
+window.addEventListener("touchstart", function onFirstTouch() {
+  isTouchDevice = true;
+  window.removeEventListener("touchstart", onFirstTouch, false);
+}, false);
+var dragThreshold = 10 * (window.devicePixelRatio || 1);
+var _supportsCursorURIs = false;
+try {
+  const target = document.createElement("canvas");
+  target.style.cursor = 'url("data:image/x-icon;base64,AAACAAEACAgAAAIAAgA4AQAAFgAAACgAAAAIAAAAEAAAAAEAIAAAAAAAEAAAAAAAAAAAAAAAAAAAAAAAAAD/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAAAAAAAAAAAAAAAAAAAA==") 2 2, default';
+  if (target.style.cursor.indexOf("url") === 0) {
+    Info("Data URI scheme cursor supported");
+    _supportsCursorURIs = true;
+  } else {
+    Warn("Data URI scheme cursor not supported");
+  }
+} catch (exc) {
+  Error2("Data URI scheme cursor test exception: " + exc);
+}
+var supportsCursorURIs = _supportsCursorURIs;
+var _hasScrollbarGutter = true;
+try {
+  const container = document.createElement("div");
+  container.style.visibility = "hidden";
+  container.style.overflow = "scroll";
+  document.body.appendChild(container);
+  const child = document.createElement("div");
+  container.appendChild(child);
+  const scrollbarWidth = container.offsetWidth - child.offsetWidth;
+  container.parentNode.removeChild(container);
+  _hasScrollbarGutter = scrollbarWidth != 0;
+} catch (exc) {
+  Error2("Scrollbar test exception: " + exc);
+}
+var supportsWebCodecsH264Decode = false;
+async function _checkWebCodecsH264DecodeSupport() {
+  if (!("VideoDecoder" in window)) {
+    return false;
+  }
+  const config = {
+    codec: "avc1.42401f",
+    codedWidth: 1920,
+    codedHeight: 1080,
+    optimizeForLatency: true
+  };
+  let support = await VideoDecoder.isConfigSupported(config);
+  if (!support.supported) {
+    return false;
+  }
+  const data = new Uint8Array(base64_default.decode(
+    "AAAAAWdCwBTZnpuAgICgAAADACAAAAZB4oVNAAAAAWjJYyyAAAABBgX//4HcRem95tlIt5Ys2CDZI+7veDI2NCAtIGNvcmUgMTY0IHIzMTA4IDMxZTE5ZjkgLSBILjI2NC9NUEVHLTQgQVZDIGNvZGVjIC0gQ29weWxlZnQgMjAwMy0yMDIzIC0gaHR0cDovL3d3dy52aWRlb2xhbi5vcmcveDI2NC5odG1sIC0gb3B0aW9uczogY2FiYWM9MCByZWY9NSBkZWJsb2NrPTE6MDowIGFuYWx5c2U9MHgxOjB4MTExIG1lPWhleCBzdWJtZT04IHBzeT0xIHBzeV9yZD0xLjAwOjAuMDAgbWl4ZWRfcmVmPTEgbWVfcmFuZ2U9MTYgY2hyb21hX21lPTEgdHJlbGxpcz0yIDh4OGRjdD0wIGNxbT0wIGRlYWR6b25lPTIxLDExIGZhc3RfcHNraXA9MSBjaHJvbWFfcXBfb2Zmc2V0PS0yIHRocmVhZHM9MSBsb29rYWhlYWRfdGhyZWFkcz0xIHNsaWNlZF90aHJlYWRzPTAgbnI9MCBkZWNpbWF0ZT0xIGludGVybGFjZWQ9MCBibHVyYXlfY29tcGF0PTAgY29uc3RyYWluZWRfaW50cmE9MCBiZnJhbWVzPTAgd2VpZ2h0cD0wIGtleWludD1pbmZpbml0ZSBrZXlpbnRfbWluPTI1IHNjZW5lY3V0PTQwIGludHJhX3JlZnJlc2g9MCByY19sb29rYWhlYWQ9NTAgcmM9YWJyIG1idHJlZT0xIGJpdHJhdGU9NDAwIHJhdGV0b2w9MS4wIHFjb21wPTAuNjAgcXBtaW49MCBxcG1heD02OSBxcHN0ZXA9NCBpcF9yYXRpbz0xLjQwIGFxPTE6MS4wMACAAAABZYiEBrxmKAAPVccAAS044AA5DRJMnkycJk4TPw=="
+  ));
+  let gotframe = false;
+  let error = null;
+  let decoder = new VideoDecoder({
+    output: (frame) => {
+      gotframe = true;
+      frame.close();
+    },
+    error: (e2) => {
+      error = e2;
+    }
+  });
+  let chunk = new EncodedVideoChunk({
+    timestamp: 0,
+    type: "key",
+    data
+  });
+  decoder.configure(config);
+  decoder.decode(chunk);
+  try {
+    await decoder.flush();
+  } catch (e2) {
+    error = e2;
+  }
+  if (!gotframe) {
+    return false;
+  }
+  if (error !== null) {
+    return false;
+  }
+  return true;
+}
+supportsWebCodecsH264Decode = await _checkWebCodecsH264DecodeSupport();
+function isMac() {
+  return !!/mac/i.exec(navigator.platform);
+}
+function isWindows() {
+  return !!/win/i.exec(navigator.platform);
+}
+function isIOS() {
+  return !!/ipad/i.exec(navigator.platform) || !!/iphone/i.exec(navigator.platform) || !!/ipod/i.exec(navigator.platform);
+}
+
+// node_modules/@novnc/novnc/core/util/element.js
+function clientToElement(x, y, elem) {
+  const bounds = elem.getBoundingClientRect();
+  let pos = { x: 0, y: 0 };
+  if (x < bounds.left) {
+    pos.x = 0;
+  } else if (x >= bounds.right) {
+    pos.x = bounds.width - 1;
+  } else {
+    pos.x = x - bounds.left;
+  }
+  if (y < bounds.top) {
+    pos.y = 0;
+  } else if (y >= bounds.bottom) {
+    pos.y = bounds.height - 1;
+  } else {
+    pos.y = y - bounds.top;
+  }
+  return pos;
+}
+
+// node_modules/@novnc/novnc/core/util/events.js
+function stopEvent(e2) {
+  e2.stopPropagation();
+  e2.preventDefault();
+}
+var _captureRecursion = false;
+var _elementForUnflushedEvents = null;
+document.captureElement = null;
+function _captureProxy(e2) {
+  if (_captureRecursion) return;
+  const newEv = new e2.constructor(e2.type, e2);
+  _captureRecursion = true;
+  if (document.captureElement) {
+    document.captureElement.dispatchEvent(newEv);
+  } else {
+    _elementForUnflushedEvents.dispatchEvent(newEv);
+  }
+  _captureRecursion = false;
+  e2.stopPropagation();
+  if (newEv.defaultPrevented) {
+    e2.preventDefault();
+  }
+  if (e2.type === "mouseup") {
+    releaseCapture();
+  }
+}
+function _capturedElemChanged() {
+  const proxyElem = document.getElementById("noVNC_mouse_capture_elem");
+  proxyElem.style.cursor = window.getComputedStyle(document.captureElement).cursor;
+}
+var _captureObserver = new MutationObserver(_capturedElemChanged);
+function setCapture(target) {
+  if (target.setCapture) {
+    target.setCapture();
+    document.captureElement = target;
+  } else {
+    releaseCapture();
+    let proxyElem = document.getElementById("noVNC_mouse_capture_elem");
+    if (proxyElem === null) {
+      proxyElem = document.createElement("div");
+      proxyElem.id = "noVNC_mouse_capture_elem";
+      proxyElem.style.position = "fixed";
+      proxyElem.style.top = "0px";
+      proxyElem.style.left = "0px";
+      proxyElem.style.width = "100%";
+      proxyElem.style.height = "100%";
+      proxyElem.style.zIndex = 1e4;
+      proxyElem.style.display = "none";
+      document.body.appendChild(proxyElem);
+      proxyElem.addEventListener("contextmenu", _captureProxy);
+      proxyElem.addEventListener("mousemove", _captureProxy);
+      proxyElem.addEventListener("mouseup", _captureProxy);
+    }
+    document.captureElement = target;
+    _captureObserver.observe(target, { attributes: true });
+    _capturedElemChanged();
+    proxyElem.style.display = "";
+    window.addEventListener("mousemove", _captureProxy);
+    window.addEventListener("mouseup", _captureProxy);
+  }
+}
+function releaseCapture() {
+  if (document.releaseCapture) {
+    document.releaseCapture();
+    document.captureElement = null;
+  } else {
+    if (!document.captureElement) {
+      return;
+    }
+    _elementForUnflushedEvents = document.captureElement;
+    document.captureElement = null;
+    _captureObserver.disconnect();
+    const proxyElem = document.getElementById("noVNC_mouse_capture_elem");
+    proxyElem.style.display = "none";
+    window.removeEventListener("mousemove", _captureProxy);
+    window.removeEventListener("mouseup", _captureProxy);
+  }
+}
+
+// node_modules/@novnc/novnc/core/util/eventtarget.js
+var EventTargetMixin = class {
+  constructor() {
+    this._listeners = /* @__PURE__ */ new Map();
+  }
+  addEventListener(type, callback) {
+    if (!this._listeners.has(type)) {
+      this._listeners.set(type, /* @__PURE__ */ new Set());
+    }
+    this._listeners.get(type).add(callback);
+  }
+  removeEventListener(type, callback) {
+    if (this._listeners.has(type)) {
+      this._listeners.get(type).delete(callback);
+    }
+  }
+  dispatchEvent(event) {
+    if (!this._listeners.has(event.type)) {
+      return true;
+    }
+    this._listeners.get(event.type).forEach((callback) => callback.call(this, event));
+    return !event.defaultPrevented;
+  }
+};
+
+// node_modules/@novnc/novnc/core/display.js
+var Display = class {
+  constructor(target) {
+    this._drawCtx = null;
+    this._renderQ = [];
+    this._flushPromise = null;
+    this._fbWidth = 0;
+    this._fbHeight = 0;
+    this._prevDrawStyle = "";
+    Debug(">> Display.constructor");
+    this._target = target;
+    if (!this._target) {
+      throw new Error("Target must be set");
+    }
+    if (typeof this._target === "string") {
+      throw new Error("target must be a DOM element");
+    }
+    if (!this._target.getContext) {
+      throw new Error("no getContext method");
+    }
+    this._targetCtx = this._target.getContext("2d");
+    this._viewportLoc = { "x": 0, "y": 0, "w": this._target.width, "h": this._target.height };
+    this._backbuffer = document.createElement("canvas");
+    this._drawCtx = this._backbuffer.getContext("2d");
+    this._damageBounds = {
+      left: 0,
+      top: 0,
+      right: this._backbuffer.width,
+      bottom: this._backbuffer.height
+    };
+    Debug("User Agent: " + navigator.userAgent);
+    Debug("<< Display.constructor");
+    this._scale = 1;
+    this._clipViewport = false;
+  }
+  // ===== PROPERTIES =====
+  get scale() {
+    return this._scale;
+  }
+  set scale(scale) {
+    this._rescale(scale);
+  }
+  get clipViewport() {
+    return this._clipViewport;
+  }
+  set clipViewport(viewport) {
+    this._clipViewport = viewport;
+    const vp = this._viewportLoc;
+    this.viewportChangeSize(vp.w, vp.h);
+    this.viewportChangePos(0, 0);
+  }
+  get width() {
+    return this._fbWidth;
+  }
+  get height() {
+    return this._fbHeight;
+  }
+  // ===== PUBLIC METHODS =====
+  viewportChangePos(deltaX, deltaY) {
+    const vp = this._viewportLoc;
+    deltaX = Math.floor(deltaX);
+    deltaY = Math.floor(deltaY);
+    if (!this._clipViewport) {
+      deltaX = -vp.w;
+      deltaY = -vp.h;
+    }
+    const vx2 = vp.x + vp.w - 1;
+    const vy2 = vp.y + vp.h - 1;
+    if (deltaX < 0 && vp.x + deltaX < 0) {
+      deltaX = -vp.x;
+    }
+    if (vx2 + deltaX >= this._fbWidth) {
+      deltaX -= vx2 + deltaX - this._fbWidth + 1;
+    }
+    if (vp.y + deltaY < 0) {
+      deltaY = -vp.y;
+    }
+    if (vy2 + deltaY >= this._fbHeight) {
+      deltaY -= vy2 + deltaY - this._fbHeight + 1;
+    }
+    if (deltaX === 0 && deltaY === 0) {
+      return;
+    }
+    Debug("viewportChange deltaX: " + deltaX + ", deltaY: " + deltaY);
+    vp.x += deltaX;
+    vp.y += deltaY;
+    this._damage(vp.x, vp.y, vp.w, vp.h);
+    this.flip();
+  }
+  viewportChangeSize(width, height) {
+    if (!this._clipViewport || typeof width === "undefined" || typeof height === "undefined") {
+      Debug("Setting viewport to full display region");
+      width = this._fbWidth;
+      height = this._fbHeight;
+    }
+    width = Math.floor(width);
+    height = Math.floor(height);
+    if (width > this._fbWidth) {
+      width = this._fbWidth;
+    }
+    if (height > this._fbHeight) {
+      height = this._fbHeight;
+    }
+    const vp = this._viewportLoc;
+    if (vp.w !== width || vp.h !== height) {
+      vp.w = width;
+      vp.h = height;
+      const canvas = this._target;
+      canvas.width = width;
+      canvas.height = height;
+      this.viewportChangePos(0, 0);
+      this._damage(vp.x, vp.y, vp.w, vp.h);
+      this.flip();
+      this._rescale(this._scale);
+    }
+  }
+  absX(x) {
+    if (this._scale === 0) {
+      return 0;
+    }
+    return toSigned32bit(x / this._scale + this._viewportLoc.x);
+  }
+  absY(y) {
+    if (this._scale === 0) {
+      return 0;
+    }
+    return toSigned32bit(y / this._scale + this._viewportLoc.y);
+  }
+  resize(width, height) {
+    this._prevDrawStyle = "";
+    this._fbWidth = width;
+    this._fbHeight = height;
+    const canvas = this._backbuffer;
+    if (canvas.width !== width || canvas.height !== height) {
+      let saveImg = null;
+      if (canvas.width > 0 && canvas.height > 0) {
+        saveImg = this._drawCtx.getImageData(0, 0, canvas.width, canvas.height);
+      }
+      if (canvas.width !== width) {
+        canvas.width = width;
+      }
+      if (canvas.height !== height) {
+        canvas.height = height;
+      }
+      if (saveImg) {
+        this._drawCtx.putImageData(saveImg, 0, 0);
+      }
+    }
+    const vp = this._viewportLoc;
+    this.viewportChangeSize(vp.w, vp.h);
+    this.viewportChangePos(0, 0);
+  }
+  getImageData() {
+    return this._drawCtx.getImageData(0, 0, this.width, this.height);
+  }
+  toDataURL(type, encoderOptions) {
+    return this._backbuffer.toDataURL(type, encoderOptions);
+  }
+  toBlob(callback, type, quality) {
+    return this._backbuffer.toBlob(callback, type, quality);
+  }
+  // Track what parts of the visible canvas that need updating
+  _damage(x, y, w, h) {
+    if (x < this._damageBounds.left) {
+      this._damageBounds.left = x;
+    }
+    if (y < this._damageBounds.top) {
+      this._damageBounds.top = y;
+    }
+    if (x + w > this._damageBounds.right) {
+      this._damageBounds.right = x + w;
+    }
+    if (y + h > this._damageBounds.bottom) {
+      this._damageBounds.bottom = y + h;
+    }
+  }
+  // Update the visible canvas with the contents of the
+  // rendering canvas
+  flip(fromQueue) {
+    if (this._renderQ.length !== 0 && !fromQueue) {
+      this._renderQPush({
+        "type": "flip"
+      });
+    } else {
+      let x = this._damageBounds.left;
+      let y = this._damageBounds.top;
+      let w = this._damageBounds.right - x;
+      let h = this._damageBounds.bottom - y;
+      let vx = x - this._viewportLoc.x;
+      let vy = y - this._viewportLoc.y;
+      if (vx < 0) {
+        w += vx;
+        x -= vx;
+        vx = 0;
+      }
+      if (vy < 0) {
+        h += vy;
+        y -= vy;
+        vy = 0;
+      }
+      if (vx + w > this._viewportLoc.w) {
+        w = this._viewportLoc.w - vx;
+      }
+      if (vy + h > this._viewportLoc.h) {
+        h = this._viewportLoc.h - vy;
+      }
+      if (w > 0 && h > 0) {
+        this._targetCtx.drawImage(
+          this._backbuffer,
+          x,
+          y,
+          w,
+          h,
+          vx,
+          vy,
+          w,
+          h
+        );
+      }
+      this._damageBounds.left = this._damageBounds.top = 65535;
+      this._damageBounds.right = this._damageBounds.bottom = 0;
+    }
+  }
+  pending() {
+    return this._renderQ.length > 0;
+  }
+  flush() {
+    if (this._renderQ.length === 0) {
+      return Promise.resolve();
+    } else {
+      if (this._flushPromise === null) {
+        this._flushPromise = new Promise((resolve) => {
+          this._flushResolve = resolve;
+        });
+      }
+      return this._flushPromise;
+    }
+  }
+  fillRect(x, y, width, height, color, fromQueue) {
+    if (this._renderQ.length !== 0 && !fromQueue) {
+      this._renderQPush({
+        "type": "fill",
+        "x": x,
+        "y": y,
+        "width": width,
+        "height": height,
+        "color": color
+      });
+    } else {
+      this._setFillColor(color);
+      this._drawCtx.fillRect(x, y, width, height);
+      this._damage(x, y, width, height);
+    }
+  }
+  copyImage(oldX, oldY, newX, newY, w, h, fromQueue) {
+    if (this._renderQ.length !== 0 && !fromQueue) {
+      this._renderQPush({
+        "type": "copy",
+        "oldX": oldX,
+        "oldY": oldY,
+        "x": newX,
+        "y": newY,
+        "width": w,
+        "height": h
+      });
+    } else {
+      this._drawCtx.mozImageSmoothingEnabled = false;
+      this._drawCtx.webkitImageSmoothingEnabled = false;
+      this._drawCtx.msImageSmoothingEnabled = false;
+      this._drawCtx.imageSmoothingEnabled = false;
+      this._drawCtx.drawImage(
+        this._backbuffer,
+        oldX,
+        oldY,
+        w,
+        h,
+        newX,
+        newY,
+        w,
+        h
+      );
+      this._damage(newX, newY, w, h);
+    }
+  }
+  imageRect(x, y, width, height, mime, arr) {
+    if (width === 0 || height === 0) {
+      return;
+    }
+    const img = new Image();
+    img.src = "data: " + mime + ";base64," + base64_default.encode(arr);
+    this._renderQPush({
+      "type": "img",
+      "img": img,
+      "x": x,
+      "y": y,
+      "width": width,
+      "height": height
+    });
+  }
+  videoFrame(x, y, width, height, frame) {
+    this._renderQPush({
+      "type": "frame",
+      "frame": frame,
+      "x": x,
+      "y": y,
+      "width": width,
+      "height": height
+    });
+  }
+  blitImage(x, y, width, height, arr, offset, fromQueue) {
+    if (this._renderQ.length !== 0 && !fromQueue) {
+      const newArr = new Uint8Array(width * height * 4);
+      newArr.set(new Uint8Array(arr.buffer, 0, newArr.length));
+      this._renderQPush({
+        "type": "blit",
+        "data": newArr,
+        "x": x,
+        "y": y,
+        "width": width,
+        "height": height
+      });
+    } else {
+      let data = new Uint8ClampedArray(
+        arr.buffer,
+        arr.byteOffset + offset,
+        width * height * 4
+      );
+      let img = new ImageData(data, width, height);
+      this._drawCtx.putImageData(img, x, y);
+      this._damage(x, y, width, height);
+    }
+  }
+  drawImage(img, ...args) {
+    this._drawCtx.drawImage(img, ...args);
+    if (args.length <= 4) {
+      const [x, y] = args;
+      this._damage(x, y, img.width, img.height);
+    } else {
+      const [, , sw, sh, dx, dy] = args;
+      this._damage(dx, dy, sw, sh);
+    }
+  }
+  autoscale(containerWidth, containerHeight) {
+    let scaleRatio;
+    if (containerWidth === 0 || containerHeight === 0) {
+      scaleRatio = 0;
+    } else {
+      const vp = this._viewportLoc;
+      const targetAspectRatio = containerWidth / containerHeight;
+      const fbAspectRatio = vp.w / vp.h;
+      if (fbAspectRatio >= targetAspectRatio) {
+        scaleRatio = containerWidth / vp.w;
+      } else {
+        scaleRatio = containerHeight / vp.h;
+      }
+    }
+    this._rescale(scaleRatio);
+  }
+  // ===== PRIVATE METHODS =====
+  _rescale(factor) {
+    this._scale = factor;
+    const vp = this._viewportLoc;
+    const width = factor * vp.w + "px";
+    const height = factor * vp.h + "px";
+    if (this._target.style.width !== width || this._target.style.height !== height) {
+      this._target.style.width = width;
+      this._target.style.height = height;
+    }
+  }
+  _setFillColor(color) {
+    const newStyle = "rgb(" + color[0] + "," + color[1] + "," + color[2] + ")";
+    if (newStyle !== this._prevDrawStyle) {
+      this._drawCtx.fillStyle = newStyle;
+      this._prevDrawStyle = newStyle;
+    }
+  }
+  _renderQPush(action) {
+    this._renderQ.push(action);
+    if (this._renderQ.length === 1) {
+      this._scanRenderQ();
+    }
+  }
+  _resumeRenderQ() {
+    this.removeEventListener("load", this._noVNCDisplay._resumeRenderQ);
+    this._noVNCDisplay._scanRenderQ();
+  }
+  _scanRenderQ() {
+    let ready = true;
+    while (ready && this._renderQ.length > 0) {
+      const a2 = this._renderQ[0];
+      switch (a2.type) {
+        case "flip":
+          this.flip(true);
+          break;
+        case "copy":
+          this.copyImage(a2.oldX, a2.oldY, a2.x, a2.y, a2.width, a2.height, true);
+          break;
+        case "fill":
+          this.fillRect(a2.x, a2.y, a2.width, a2.height, a2.color, true);
+          break;
+        case "blit":
+          this.blitImage(a2.x, a2.y, a2.width, a2.height, a2.data, 0, true);
+          break;
+        case "img":
+          if (a2.img.complete) {
+            if (a2.img.width !== a2.width || a2.img.height !== a2.height) {
+              Error2("Decoded image has incorrect dimensions. Got " + a2.img.width + "x" + a2.img.height + ". Expected " + a2.width + "x" + a2.height + ".");
+              return;
+            }
+            this.drawImage(a2.img, a2.x, a2.y);
+            a2.img.src = "";
+          } else {
+            a2.img._noVNCDisplay = this;
+            a2.img.addEventListener("load", this._resumeRenderQ);
+            ready = false;
+          }
+          break;
+        case "frame":
+          if (a2.frame.ready) {
+            let frame = a2.frame.frame;
+            if (frame.codedWidth < a2.width || frame.codedHeight < a2.height) {
+              Warn("Decoded video frame does not cover its full rectangle area. Expecting at least " + a2.width + "x" + a2.height + " but got " + frame.codedWidth + "x" + frame.codedHeight);
+            }
+            const sx = 0;
+            const sy = 0;
+            const sw = a2.width;
+            const sh = a2.height;
+            const dx = a2.x;
+            const dy = a2.y;
+            const dw = sw;
+            const dh = sh;
+            this.drawImage(frame, sx, sy, sw, sh, dx, dy, dw, dh);
+            frame.close();
+          } else {
+            let display = this;
+            a2.frame.promise.then(() => {
+              display._scanRenderQ();
+            });
+            ready = false;
+          }
+          break;
+      }
+      if (ready) {
+        this._renderQ.shift();
+      }
+    }
+    if (this._renderQ.length === 0 && this._flushPromise !== null) {
+      this._flushResolve();
+      this._flushPromise = null;
+      this._flushResolve = null;
+    }
+  }
+};
+
+// node_modules/@novnc/novnc/vendor/pako/lib/utils/common.js
+function arraySet(dest, src, src_offs, len, dest_offs) {
+  if (src.subarray && dest.subarray) {
+    dest.set(src.subarray(src_offs, src_offs + len), dest_offs);
+    return;
+  }
+  for (var i2 = 0; i2 < len; i2++) {
+    dest[dest_offs + i2] = src[src_offs + i2];
+  }
+}
+var Buf8 = Uint8Array;
+var Buf16 = Uint16Array;
+var Buf32 = Int32Array;
+
+// node_modules/@novnc/novnc/vendor/pako/lib/zlib/adler32.js
+function adler32(adler, buf, len, pos) {
+  var s1 = adler & 65535 | 0, s2 = adler >>> 16 & 65535 | 0, n = 0;
+  while (len !== 0) {
+    n = len > 2e3 ? 2e3 : len;
+    len -= n;
+    do {
+      s1 = s1 + buf[pos++] | 0;
+      s2 = s2 + s1 | 0;
+    } while (--n);
+    s1 %= 65521;
+    s2 %= 65521;
+  }
+  return s1 | s2 << 16 | 0;
+}
+
+// node_modules/@novnc/novnc/vendor/pako/lib/zlib/crc32.js
+function makeTable() {
+  var c3, table = [];
+  for (var n = 0; n < 256; n++) {
+    c3 = n;
+    for (var k = 0; k < 8; k++) {
+      c3 = c3 & 1 ? 3988292384 ^ c3 >>> 1 : c3 >>> 1;
+    }
+    table[n] = c3;
+  }
+  return table;
+}
+var crcTable = makeTable();
+
+// node_modules/@novnc/novnc/vendor/pako/lib/zlib/inffast.js
+var BAD = 30;
+var TYPE = 12;
+function inflate_fast(strm, start) {
+  var state2;
+  var _in;
+  var last;
+  var _out;
+  var beg;
+  var end;
+  var dmax;
+  var wsize;
+  var whave;
+  var wnext;
+  var s_window;
+  var hold;
+  var bits;
+  var lcode;
+  var dcode;
+  var lmask;
+  var dmask;
+  var here;
+  var op2;
+  var len;
+  var dist;
+  var from;
+  var from_source;
+  var input, output;
+  state2 = strm.state;
+  _in = strm.next_in;
+  input = strm.input;
+  last = _in + (strm.avail_in - 5);
+  _out = strm.next_out;
+  output = strm.output;
+  beg = _out - (start - strm.avail_out);
+  end = _out + (strm.avail_out - 257);
+  dmax = state2.dmax;
+  wsize = state2.wsize;
+  whave = state2.whave;
+  wnext = state2.wnext;
+  s_window = state2.window;
+  hold = state2.hold;
+  bits = state2.bits;
+  lcode = state2.lencode;
+  dcode = state2.distcode;
+  lmask = (1 << state2.lenbits) - 1;
+  dmask = (1 << state2.distbits) - 1;
+  top:
+    do {
+      if (bits < 15) {
+        hold += input[_in++] << bits;
+        bits += 8;
+        hold += input[_in++] << bits;
+        bits += 8;
+      }
+      here = lcode[hold & lmask];
+      dolen:
+        for (; ; ) {
+          op2 = here >>> 24;
+          hold >>>= op2;
+          bits -= op2;
+          op2 = here >>> 16 & 255;
+          if (op2 === 0) {
+            output[_out++] = here & 65535;
+          } else if (op2 & 16) {
+            len = here & 65535;
+            op2 &= 15;
+            if (op2) {
+              if (bits < op2) {
+                hold += input[_in++] << bits;
+                bits += 8;
+              }
+              len += hold & (1 << op2) - 1;
+              hold >>>= op2;
+              bits -= op2;
+            }
+            if (bits < 15) {
+              hold += input[_in++] << bits;
+              bits += 8;
+              hold += input[_in++] << bits;
+              bits += 8;
+            }
+            here = dcode[hold & dmask];
+            dodist:
+              for (; ; ) {
+                op2 = here >>> 24;
+                hold >>>= op2;
+                bits -= op2;
+                op2 = here >>> 16 & 255;
+                if (op2 & 16) {
+                  dist = here & 65535;
+                  op2 &= 15;
+                  if (bits < op2) {
+                    hold += input[_in++] << bits;
+                    bits += 8;
+                    if (bits < op2) {
+                      hold += input[_in++] << bits;
+                      bits += 8;
+                    }
+                  }
+                  dist += hold & (1 << op2) - 1;
+                  if (dist > dmax) {
+                    strm.msg = "invalid distance too far back";
+                    state2.mode = BAD;
+                    break top;
+                  }
+                  hold >>>= op2;
+                  bits -= op2;
+                  op2 = _out - beg;
+                  if (dist > op2) {
+                    op2 = dist - op2;
+                    if (op2 > whave) {
+                      if (state2.sane) {
+                        strm.msg = "invalid distance too far back";
+                        state2.mode = BAD;
+                        break top;
+                      }
+                    }
+                    from = 0;
+                    from_source = s_window;
+                    if (wnext === 0) {
+                      from += wsize - op2;
+                      if (op2 < len) {
+                        len -= op2;
+                        do {
+                          output[_out++] = s_window[from++];
+                        } while (--op2);
+                        from = _out - dist;
+                        from_source = output;
+                      }
+                    } else if (wnext < op2) {
+                      from += wsize + wnext - op2;
+                      op2 -= wnext;
+                      if (op2 < len) {
+                        len -= op2;
+                        do {
+                          output[_out++] = s_window[from++];
+                        } while (--op2);
+                        from = 0;
+                        if (wnext < len) {
+                          op2 = wnext;
+                          len -= op2;
+                          do {
+                            output[_out++] = s_window[from++];
+                          } while (--op2);
+                          from = _out - dist;
+                          from_source = output;
+                        }
+                      }
+                    } else {
+                      from += wnext - op2;
+                      if (op2 < len) {
+                        len -= op2;
+                        do {
+                          output[_out++] = s_window[from++];
+                        } while (--op2);
+                        from = _out - dist;
+                        from_source = output;
+                      }
+                    }
+                    while (len > 2) {
+                      output[_out++] = from_source[from++];
+                      output[_out++] = from_source[from++];
+                      output[_out++] = from_source[from++];
+                      len -= 3;
+                    }
+                    if (len) {
+                      output[_out++] = from_source[from++];
+                      if (len > 1) {
+                        output[_out++] = from_source[from++];
+                      }
+                    }
+                  } else {
+                    from = _out - dist;
+                    do {
+                      output[_out++] = output[from++];
+                      output[_out++] = output[from++];
+                      output[_out++] = output[from++];
+                      len -= 3;
+                    } while (len > 2);
+                    if (len) {
+                      output[_out++] = output[from++];
+                      if (len > 1) {
+                        output[_out++] = output[from++];
+                      }
+                    }
+                  }
+                } else if ((op2 & 64) === 0) {
+                  here = dcode[(here & 65535) + (hold & (1 << op2) - 1)];
+                  continue dodist;
+                } else {
+                  strm.msg = "invalid distance code";
+                  state2.mode = BAD;
+                  break top;
+                }
+                break;
+              }
+          } else if ((op2 & 64) === 0) {
+            here = lcode[(here & 65535) + (hold & (1 << op2) - 1)];
+            continue dolen;
+          } else if (op2 & 32) {
+            state2.mode = TYPE;
+            break top;
+          } else {
+            strm.msg = "invalid literal/length code";
+            state2.mode = BAD;
+            break top;
+          }
+          break;
+        }
+    } while (_in < last && _out < end);
+  len = bits >> 3;
+  _in -= len;
+  bits -= len << 3;
+  hold &= (1 << bits) - 1;
+  strm.next_in = _in;
+  strm.next_out = _out;
+  strm.avail_in = _in < last ? 5 + (last - _in) : 5 - (_in - last);
+  strm.avail_out = _out < end ? 257 + (end - _out) : 257 - (_out - end);
+  state2.hold = hold;
+  state2.bits = bits;
+  return;
+}
+
+// node_modules/@novnc/novnc/vendor/pako/lib/zlib/inftrees.js
+var MAXBITS = 15;
+var ENOUGH_LENS = 852;
+var ENOUGH_DISTS = 592;
+var CODES = 0;
+var LENS = 1;
+var DISTS = 2;
+var lbase = [
+  /* Length codes 257..285 base */
+  3,
+  4,
+  5,
+  6,
+  7,
+  8,
+  9,
+  10,
+  11,
+  13,
+  15,
+  17,
+  19,
+  23,
+  27,
+  31,
+  35,
+  43,
+  51,
+  59,
+  67,
+  83,
+  99,
+  115,
+  131,
+  163,
+  195,
+  227,
+  258,
+  0,
+  0
+];
+var lext = [
+  /* Length codes 257..285 extra */
+  16,
+  16,
+  16,
+  16,
+  16,
+  16,
+  16,
+  16,
+  17,
+  17,
+  17,
+  17,
+  18,
+  18,
+  18,
+  18,
+  19,
+  19,
+  19,
+  19,
+  20,
+  20,
+  20,
+  20,
+  21,
+  21,
+  21,
+  21,
+  16,
+  72,
+  78
+];
+var dbase = [
+  /* Distance codes 0..29 base */
+  1,
+  2,
+  3,
+  4,
+  5,
+  7,
+  9,
+  13,
+  17,
+  25,
+  33,
+  49,
+  65,
+  97,
+  129,
+  193,
+  257,
+  385,
+  513,
+  769,
+  1025,
+  1537,
+  2049,
+  3073,
+  4097,
+  6145,
+  8193,
+  12289,
+  16385,
+  24577,
+  0,
+  0
+];
+var dext = [
+  /* Distance codes 0..29 extra */
+  16,
+  16,
+  16,
+  16,
+  17,
+  17,
+  18,
+  18,
+  19,
+  19,
+  20,
+  20,
+  21,
+  21,
+  22,
+  22,
+  23,
+  23,
+  24,
+  24,
+  25,
+  25,
+  26,
+  26,
+  27,
+  27,
+  28,
+  28,
+  29,
+  29,
+  64,
+  64
+];
+function inflate_table(type, lens, lens_index, codes, table, table_index, work, opts) {
+  var bits = opts.bits;
+  var len = 0;
+  var sym = 0;
+  var min = 0, max = 0;
+  var root = 0;
+  var curr = 0;
+  var drop = 0;
+  var left = 0;
+  var used = 0;
+  var huff = 0;
+  var incr;
+  var fill;
+  var low;
+  var mask;
+  var next;
+  var base = null;
+  var base_index = 0;
+  var end;
+  var count = new Buf16(MAXBITS + 1);
+  var offs = new Buf16(MAXBITS + 1);
+  var extra = null;
+  var extra_index = 0;
+  var here_bits, here_op, here_val;
+  for (len = 0; len <= MAXBITS; len++) {
+    count[len] = 0;
+  }
+  for (sym = 0; sym < codes; sym++) {
+    count[lens[lens_index + sym]]++;
+  }
+  root = bits;
+  for (max = MAXBITS; max >= 1; max--) {
+    if (count[max] !== 0) {
+      break;
+    }
+  }
+  if (root > max) {
+    root = max;
+  }
+  if (max === 0) {
+    table[table_index++] = 1 << 24 | 64 << 16 | 0;
+    table[table_index++] = 1 << 24 | 64 << 16 | 0;
+    opts.bits = 1;
+    return 0;
+  }
+  for (min = 1; min < max; min++) {
+    if (count[min] !== 0) {
+      break;
+    }
+  }
+  if (root < min) {
+    root = min;
+  }
+  left = 1;
+  for (len = 1; len <= MAXBITS; len++) {
+    left <<= 1;
+    left -= count[len];
+    if (left < 0) {
+      return -1;
+    }
+  }
+  if (left > 0 && (type === CODES || max !== 1)) {
+    return -1;
+  }
+  offs[1] = 0;
+  for (len = 1; len < MAXBITS; len++) {
+    offs[len + 1] = offs[len] + count[len];
+  }
+  for (sym = 0; sym < codes; sym++) {
+    if (lens[lens_index + sym] !== 0) {
+      work[offs[lens[lens_index + sym]]++] = sym;
+    }
+  }
+  if (type === CODES) {
+    base = extra = work;
+    end = 19;
+  } else if (type === LENS) {
+    base = lbase;
+    base_index -= 257;
+    extra = lext;
+    extra_index -= 257;
+    end = 256;
+  } else {
+    base = dbase;
+    extra = dext;
+    end = -1;
+  }
+  huff = 0;
+  sym = 0;
+  len = min;
+  next = table_index;
+  curr = root;
+  drop = 0;
+  low = -1;
+  used = 1 << root;
+  mask = used - 1;
+  if (type === LENS && used > ENOUGH_LENS || type === DISTS && used > ENOUGH_DISTS) {
+    return 1;
+  }
+  for (; ; ) {
+    here_bits = len - drop;
+    if (work[sym] < end) {
+      here_op = 0;
+      here_val = work[sym];
+    } else if (work[sym] > end) {
+      here_op = extra[extra_index + work[sym]];
+      here_val = base[base_index + work[sym]];
+    } else {
+      here_op = 32 + 64;
+      here_val = 0;
+    }
+    incr = 1 << len - drop;
+    fill = 1 << curr;
+    min = fill;
+    do {
+      fill -= incr;
+      table[next + (huff >> drop) + fill] = here_bits << 24 | here_op << 16 | here_val | 0;
+    } while (fill !== 0);
+    incr = 1 << len - 1;
+    while (huff & incr) {
+      incr >>= 1;
+    }
+    if (incr !== 0) {
+      huff &= incr - 1;
+      huff += incr;
+    } else {
+      huff = 0;
+    }
+    sym++;
+    if (--count[len] === 0) {
+      if (len === max) {
+        break;
+      }
+      len = lens[lens_index + work[sym]];
+    }
+    if (len > root && (huff & mask) !== low) {
+      if (drop === 0) {
+        drop = root;
+      }
+      next += min;
+      curr = len - drop;
+      left = 1 << curr;
+      while (curr + drop < max) {
+        left -= count[curr + drop];
+        if (left <= 0) {
+          break;
+        }
+        curr++;
+        left <<= 1;
+      }
+      used += 1 << curr;
+      if (type === LENS && used > ENOUGH_LENS || type === DISTS && used > ENOUGH_DISTS) {
+        return 1;
+      }
+      low = huff & mask;
+      table[low] = root << 24 | curr << 16 | next - table_index | 0;
+    }
+  }
+  if (huff !== 0) {
+    table[next + huff] = len - drop << 24 | 64 << 16 | 0;
+  }
+  opts.bits = root;
+  return 0;
+}
+
+// node_modules/@novnc/novnc/vendor/pako/lib/zlib/inflate.js
+var CODES2 = 0;
+var LENS2 = 1;
+var DISTS2 = 2;
+var Z_FINISH = 4;
+var Z_BLOCK = 5;
+var Z_TREES = 6;
+var Z_OK = 0;
+var Z_STREAM_END = 1;
+var Z_NEED_DICT = 2;
+var Z_STREAM_ERROR = -2;
+var Z_DATA_ERROR = -3;
+var Z_MEM_ERROR = -4;
+var Z_BUF_ERROR = -5;
+var Z_DEFLATED = 8;
+var HEAD = 1;
+var FLAGS = 2;
+var TIME = 3;
+var OS = 4;
+var EXLEN = 5;
+var EXTRA = 6;
+var NAME = 7;
+var COMMENT = 8;
+var HCRC = 9;
+var DICTID = 10;
+var DICT = 11;
+var TYPE2 = 12;
+var TYPEDO = 13;
+var STORED = 14;
+var COPY_ = 15;
+var COPY = 16;
+var TABLE = 17;
+var LENLENS = 18;
+var CODELENS = 19;
+var LEN_ = 20;
+var LEN = 21;
+var LENEXT = 22;
+var DIST = 23;
+var DISTEXT = 24;
+var MATCH = 25;
+var LIT = 26;
+var CHECK = 27;
+var LENGTH = 28;
+var DONE = 29;
+var BAD2 = 30;
+var MEM = 31;
+var SYNC = 32;
+var ENOUGH_LENS2 = 852;
+var ENOUGH_DISTS2 = 592;
+var MAX_WBITS = 15;
+var DEF_WBITS = MAX_WBITS;
+function zswap32(q) {
+  return (q >>> 24 & 255) + (q >>> 8 & 65280) + ((q & 65280) << 8) + ((q & 255) << 24);
+}
+function InflateState() {
+  this.mode = 0;
+  this.last = false;
+  this.wrap = 0;
+  this.havedict = false;
+  this.flags = 0;
+  this.dmax = 0;
+  this.check = 0;
+  this.total = 0;
+  this.head = null;
+  this.wbits = 0;
+  this.wsize = 0;
+  this.whave = 0;
+  this.wnext = 0;
+  this.window = null;
+  this.hold = 0;
+  this.bits = 0;
+  this.length = 0;
+  this.offset = 0;
+  this.extra = 0;
+  this.lencode = null;
+  this.distcode = null;
+  this.lenbits = 0;
+  this.distbits = 0;
+  this.ncode = 0;
+  this.nlen = 0;
+  this.ndist = 0;
+  this.have = 0;
+  this.next = null;
+  this.lens = new Buf16(320);
+  this.work = new Buf16(288);
+  this.lendyn = null;
+  this.distdyn = null;
+  this.sane = 0;
+  this.back = 0;
+  this.was = 0;
+}
+function inflateResetKeep(strm) {
+  var state2;
+  if (!strm || !strm.state) {
+    return Z_STREAM_ERROR;
+  }
+  state2 = strm.state;
+  strm.total_in = strm.total_out = state2.total = 0;
+  strm.msg = "";
+  if (state2.wrap) {
+    strm.adler = state2.wrap & 1;
+  }
+  state2.mode = HEAD;
+  state2.last = 0;
+  state2.havedict = 0;
+  state2.dmax = 32768;
+  state2.head = null;
+  state2.hold = 0;
+  state2.bits = 0;
+  state2.lencode = state2.lendyn = new Buf32(ENOUGH_LENS2);
+  state2.distcode = state2.distdyn = new Buf32(ENOUGH_DISTS2);
+  state2.sane = 1;
+  state2.back = -1;
+  return Z_OK;
+}
+function inflateReset(strm) {
+  var state2;
+  if (!strm || !strm.state) {
+    return Z_STREAM_ERROR;
+  }
+  state2 = strm.state;
+  state2.wsize = 0;
+  state2.whave = 0;
+  state2.wnext = 0;
+  return inflateResetKeep(strm);
+}
+function inflateReset2(strm, windowBits) {
+  var wrap;
+  var state2;
+  if (!strm || !strm.state) {
+    return Z_STREAM_ERROR;
+  }
+  state2 = strm.state;
+  if (windowBits < 0) {
+    wrap = 0;
+    windowBits = -windowBits;
+  } else {
+    wrap = (windowBits >> 4) + 1;
+    if (windowBits < 48) {
+      windowBits &= 15;
+    }
+  }
+  if (windowBits && (windowBits < 8 || windowBits > 15)) {
+    return Z_STREAM_ERROR;
+  }
+  if (state2.window !== null && state2.wbits !== windowBits) {
+    state2.window = null;
+  }
+  state2.wrap = wrap;
+  state2.wbits = windowBits;
+  return inflateReset(strm);
+}
+function inflateInit2(strm, windowBits) {
+  var ret;
+  var state2;
+  if (!strm) {
+    return Z_STREAM_ERROR;
+  }
+  state2 = new InflateState();
+  strm.state = state2;
+  state2.window = null;
+  ret = inflateReset2(strm, windowBits);
+  if (ret !== Z_OK) {
+    strm.state = null;
+  }
+  return ret;
+}
+function inflateInit(strm) {
+  return inflateInit2(strm, DEF_WBITS);
+}
+var virgin = true;
+var lenfix;
+var distfix;
+function fixedtables(state2) {
+  if (virgin) {
+    var sym;
+    lenfix = new Buf32(512);
+    distfix = new Buf32(32);
+    sym = 0;
+    while (sym < 144) {
+      state2.lens[sym++] = 8;
+    }
+    while (sym < 256) {
+      state2.lens[sym++] = 9;
+    }
+    while (sym < 280) {
+      state2.lens[sym++] = 7;
+    }
+    while (sym < 288) {
+      state2.lens[sym++] = 8;
+    }
+    inflate_table(LENS2, state2.lens, 0, 288, lenfix, 0, state2.work, { bits: 9 });
+    sym = 0;
+    while (sym < 32) {
+      state2.lens[sym++] = 5;
+    }
+    inflate_table(DISTS2, state2.lens, 0, 32, distfix, 0, state2.work, { bits: 5 });
+    virgin = false;
+  }
+  state2.lencode = lenfix;
+  state2.lenbits = 9;
+  state2.distcode = distfix;
+  state2.distbits = 5;
+}
+function updatewindow(strm, src, end, copy) {
+  var dist;
+  var state2 = strm.state;
+  if (state2.window === null) {
+    state2.wsize = 1 << state2.wbits;
+    state2.wnext = 0;
+    state2.whave = 0;
+    state2.window = new Buf8(state2.wsize);
+  }
+  if (copy >= state2.wsize) {
+    arraySet(state2.window, src, end - state2.wsize, state2.wsize, 0);
+    state2.wnext = 0;
+    state2.whave = state2.wsize;
+  } else {
+    dist = state2.wsize - state2.wnext;
+    if (dist > copy) {
+      dist = copy;
+    }
+    arraySet(state2.window, src, end - copy, dist, state2.wnext);
+    copy -= dist;
+    if (copy) {
+      arraySet(state2.window, src, end - copy, copy, 0);
+      state2.wnext = copy;
+      state2.whave = state2.wsize;
+    } else {
+      state2.wnext += dist;
+      if (state2.wnext === state2.wsize) {
+        state2.wnext = 0;
+      }
+      if (state2.whave < state2.wsize) {
+        state2.whave += dist;
+      }
+    }
+  }
+  return 0;
+}
+function inflate(strm, flush) {
+  var state2;
+  var input, output;
+  var next;
+  var put;
+  var have, left;
+  var hold;
+  var bits;
+  var _in, _out;
+  var copy;
+  var from;
+  var from_source;
+  var here = 0;
+  var here_bits, here_op, here_val;
+  var last_bits, last_op, last_val;
+  var len;
+  var ret;
+  var hbuf = new Buf8(4);
+  var opts;
+  var n;
+  var order = (
+    /* permutation of code lengths */
+    [16, 17, 18, 0, 8, 7, 9, 6, 10, 5, 11, 4, 12, 3, 13, 2, 14, 1, 15]
+  );
+  if (!strm || !strm.state || !strm.output || !strm.input && strm.avail_in !== 0) {
+    return Z_STREAM_ERROR;
+  }
+  state2 = strm.state;
+  if (state2.mode === TYPE2) {
+    state2.mode = TYPEDO;
+  }
+  put = strm.next_out;
+  output = strm.output;
+  left = strm.avail_out;
+  next = strm.next_in;
+  input = strm.input;
+  have = strm.avail_in;
+  hold = state2.hold;
+  bits = state2.bits;
+  _in = have;
+  _out = left;
+  ret = Z_OK;
+  inf_leave:
+    for (; ; ) {
+      switch (state2.mode) {
+        case HEAD:
+          if (state2.wrap === 0) {
+            state2.mode = TYPEDO;
+            break;
+          }
+          while (bits < 16) {
+            if (have === 0) {
+              break inf_leave;
+            }
+            have--;
+            hold += input[next++] << bits;
+            bits += 8;
+          }
+          if (state2.wrap & 2 && hold === 35615) {
+            state2.check = 0;
+            hbuf[0] = hold & 255;
+            hbuf[1] = hold >>> 8 & 255;
+            state2.check = makeTable(state2.check, hbuf, 2, 0);
+            hold = 0;
+            bits = 0;
+            state2.mode = FLAGS;
+            break;
+          }
+          state2.flags = 0;
+          if (state2.head) {
+            state2.head.done = false;
+          }
+          if (!(state2.wrap & 1) || /* check if zlib header allowed */
+          (((hold & 255) << 8) + (hold >> 8)) % 31) {
+            strm.msg = "incorrect header check";
+            state2.mode = BAD2;
+            break;
+          }
+          if ((hold & 15) !== Z_DEFLATED) {
+            strm.msg = "unknown compression method";
+            state2.mode = BAD2;
+            break;
+          }
+          hold >>>= 4;
+          bits -= 4;
+          len = (hold & 15) + 8;
+          if (state2.wbits === 0) {
+            state2.wbits = len;
+          } else if (len > state2.wbits) {
+            strm.msg = "invalid window size";
+            state2.mode = BAD2;
+            break;
+          }
+          state2.dmax = 1 << len;
+          strm.adler = state2.check = 1;
+          state2.mode = hold & 512 ? DICTID : TYPE2;
+          hold = 0;
+          bits = 0;
+          break;
+        case FLAGS:
+          while (bits < 16) {
+            if (have === 0) {
+              break inf_leave;
+            }
+            have--;
+            hold += input[next++] << bits;
+            bits += 8;
+          }
+          state2.flags = hold;
+          if ((state2.flags & 255) !== Z_DEFLATED) {
+            strm.msg = "unknown compression method";
+            state2.mode = BAD2;
+            break;
+          }
+          if (state2.flags & 57344) {
+            strm.msg = "unknown header flags set";
+            state2.mode = BAD2;
+            break;
+          }
+          if (state2.head) {
+            state2.head.text = hold >> 8 & 1;
+          }
+          if (state2.flags & 512) {
+            hbuf[0] = hold & 255;
+            hbuf[1] = hold >>> 8 & 255;
+            state2.check = makeTable(state2.check, hbuf, 2, 0);
+          }
+          hold = 0;
+          bits = 0;
+          state2.mode = TIME;
+        /* falls through */
+        case TIME:
+          while (bits < 32) {
+            if (have === 0) {
+              break inf_leave;
+            }
+            have--;
+            hold += input[next++] << bits;
+            bits += 8;
+          }
+          if (state2.head) {
+            state2.head.time = hold;
+          }
+          if (state2.flags & 512) {
+            hbuf[0] = hold & 255;
+            hbuf[1] = hold >>> 8 & 255;
+            hbuf[2] = hold >>> 16 & 255;
+            hbuf[3] = hold >>> 24 & 255;
+            state2.check = makeTable(state2.check, hbuf, 4, 0);
+          }
+          hold = 0;
+          bits = 0;
+          state2.mode = OS;
+        /* falls through */
+        case OS:
+          while (bits < 16) {
+            if (have === 0) {
+              break inf_leave;
+            }
+            have--;
+            hold += input[next++] << bits;
+            bits += 8;
+          }
+          if (state2.head) {
+            state2.head.xflags = hold & 255;
+            state2.head.os = hold >> 8;
+          }
+          if (state2.flags & 512) {
+            hbuf[0] = hold & 255;
+            hbuf[1] = hold >>> 8 & 255;
+            state2.check = makeTable(state2.check, hbuf, 2, 0);
+          }
+          hold = 0;
+          bits = 0;
+          state2.mode = EXLEN;
+        /* falls through */
+        case EXLEN:
+          if (state2.flags & 1024) {
+            while (bits < 16) {
+              if (have === 0) {
+                break inf_leave;
+              }
+              have--;
+              hold += input[next++] << bits;
+              bits += 8;
+            }
+            state2.length = hold;
+            if (state2.head) {
+              state2.head.extra_len = hold;
+            }
+            if (state2.flags & 512) {
+              hbuf[0] = hold & 255;
+              hbuf[1] = hold >>> 8 & 255;
+              state2.check = makeTable(state2.check, hbuf, 2, 0);
+            }
+            hold = 0;
+            bits = 0;
+          } else if (state2.head) {
+            state2.head.extra = null;
+          }
+          state2.mode = EXTRA;
+        /* falls through */
+        case EXTRA:
+          if (state2.flags & 1024) {
+            copy = state2.length;
+            if (copy > have) {
+              copy = have;
+            }
+            if (copy) {
+              if (state2.head) {
+                len = state2.head.extra_len - state2.length;
+                if (!state2.head.extra) {
+                  state2.head.extra = new Array(state2.head.extra_len);
+                }
+                arraySet(
+                  state2.head.extra,
+                  input,
+                  next,
+                  // extra field is limited to 65536 bytes
+                  // - no need for additional size check
+                  copy,
+                  /*len + copy > state.head.extra_max - len ? state.head.extra_max : copy,*/
+                  len
+                );
+              }
+              if (state2.flags & 512) {
+                state2.check = makeTable(state2.check, input, copy, next);
+              }
+              have -= copy;
+              next += copy;
+              state2.length -= copy;
+            }
+            if (state2.length) {
+              break inf_leave;
+            }
+          }
+          state2.length = 0;
+          state2.mode = NAME;
+        /* falls through */
+        case NAME:
+          if (state2.flags & 2048) {
+            if (have === 0) {
+              break inf_leave;
+            }
+            copy = 0;
+            do {
+              len = input[next + copy++];
+              if (state2.head && len && state2.length < 65536) {
+                state2.head.name += String.fromCharCode(len);
+              }
+            } while (len && copy < have);
+            if (state2.flags & 512) {
+              state2.check = makeTable(state2.check, input, copy, next);
+            }
+            have -= copy;
+            next += copy;
+            if (len) {
+              break inf_leave;
+            }
+          } else if (state2.head) {
+            state2.head.name = null;
+          }
+          state2.length = 0;
+          state2.mode = COMMENT;
+        /* falls through */
+        case COMMENT:
+          if (state2.flags & 4096) {
+            if (have === 0) {
+              break inf_leave;
+            }
+            copy = 0;
+            do {
+              len = input[next + copy++];
+              if (state2.head && len && state2.length < 65536) {
+                state2.head.comment += String.fromCharCode(len);
+              }
+            } while (len && copy < have);
+            if (state2.flags & 512) {
+              state2.check = makeTable(state2.check, input, copy, next);
+            }
+            have -= copy;
+            next += copy;
+            if (len) {
+              break inf_leave;
+            }
+          } else if (state2.head) {
+            state2.head.comment = null;
+          }
+          state2.mode = HCRC;
+        /* falls through */
+        case HCRC:
+          if (state2.flags & 512) {
+            while (bits < 16) {
+              if (have === 0) {
+                break inf_leave;
+              }
+              have--;
+              hold += input[next++] << bits;
+              bits += 8;
+            }
+            if (hold !== (state2.check & 65535)) {
+              strm.msg = "header crc mismatch";
+              state2.mode = BAD2;
+              break;
+            }
+            hold = 0;
+            bits = 0;
+          }
+          if (state2.head) {
+            state2.head.hcrc = state2.flags >> 9 & 1;
+            state2.head.done = true;
+          }
+          strm.adler = state2.check = 0;
+          state2.mode = TYPE2;
+          break;
+        case DICTID:
+          while (bits < 32) {
+            if (have === 0) {
+              break inf_leave;
+            }
+            have--;
+            hold += input[next++] << bits;
+            bits += 8;
+          }
+          strm.adler = state2.check = zswap32(hold);
+          hold = 0;
+          bits = 0;
+          state2.mode = DICT;
+        /* falls through */
+        case DICT:
+          if (state2.havedict === 0) {
+            strm.next_out = put;
+            strm.avail_out = left;
+            strm.next_in = next;
+            strm.avail_in = have;
+            state2.hold = hold;
+            state2.bits = bits;
+            return Z_NEED_DICT;
+          }
+          strm.adler = state2.check = 1;
+          state2.mode = TYPE2;
+        /* falls through */
+        case TYPE2:
+          if (flush === Z_BLOCK || flush === Z_TREES) {
+            break inf_leave;
+          }
+        /* falls through */
+        case TYPEDO:
+          if (state2.last) {
+            hold >>>= bits & 7;
+            bits -= bits & 7;
+            state2.mode = CHECK;
+            break;
+          }
+          while (bits < 3) {
+            if (have === 0) {
+              break inf_leave;
+            }
+            have--;
+            hold += input[next++] << bits;
+            bits += 8;
+          }
+          state2.last = hold & 1;
+          hold >>>= 1;
+          bits -= 1;
+          switch (hold & 3) {
+            case 0:
+              state2.mode = STORED;
+              break;
+            case 1:
+              fixedtables(state2);
+              state2.mode = LEN_;
+              if (flush === Z_TREES) {
+                hold >>>= 2;
+                bits -= 2;
+                break inf_leave;
+              }
+              break;
+            case 2:
+              state2.mode = TABLE;
+              break;
+            case 3:
+              strm.msg = "invalid block type";
+              state2.mode = BAD2;
+          }
+          hold >>>= 2;
+          bits -= 2;
+          break;
+        case STORED:
+          hold >>>= bits & 7;
+          bits -= bits & 7;
+          while (bits < 32) {
+            if (have === 0) {
+              break inf_leave;
+            }
+            have--;
+            hold += input[next++] << bits;
+            bits += 8;
+          }
+          if ((hold & 65535) !== (hold >>> 16 ^ 65535)) {
+            strm.msg = "invalid stored block lengths";
+            state2.mode = BAD2;
+            break;
+          }
+          state2.length = hold & 65535;
+          hold = 0;
+          bits = 0;
+          state2.mode = COPY_;
+          if (flush === Z_TREES) {
+            break inf_leave;
+          }
+        /* falls through */
+        case COPY_:
+          state2.mode = COPY;
+        /* falls through */
+        case COPY:
+          copy = state2.length;
+          if (copy) {
+            if (copy > have) {
+              copy = have;
+            }
+            if (copy > left) {
+              copy = left;
+            }
+            if (copy === 0) {
+              break inf_leave;
+            }
+            arraySet(output, input, next, copy, put);
+            have -= copy;
+            next += copy;
+            left -= copy;
+            put += copy;
+            state2.length -= copy;
+            break;
+          }
+          state2.mode = TYPE2;
+          break;
+        case TABLE:
+          while (bits < 14) {
+            if (have === 0) {
+              break inf_leave;
+            }
+            have--;
+            hold += input[next++] << bits;
+            bits += 8;
+          }
+          state2.nlen = (hold & 31) + 257;
+          hold >>>= 5;
+          bits -= 5;
+          state2.ndist = (hold & 31) + 1;
+          hold >>>= 5;
+          bits -= 5;
+          state2.ncode = (hold & 15) + 4;
+          hold >>>= 4;
+          bits -= 4;
+          if (state2.nlen > 286 || state2.ndist > 30) {
+            strm.msg = "too many length or distance symbols";
+            state2.mode = BAD2;
+            break;
+          }
+          state2.have = 0;
+          state2.mode = LENLENS;
+        /* falls through */
+        case LENLENS:
+          while (state2.have < state2.ncode) {
+            while (bits < 3) {
+              if (have === 0) {
+                break inf_leave;
+              }
+              have--;
+              hold += input[next++] << bits;
+              bits += 8;
+            }
+            state2.lens[order[state2.have++]] = hold & 7;
+            hold >>>= 3;
+            bits -= 3;
+          }
+          while (state2.have < 19) {
+            state2.lens[order[state2.have++]] = 0;
+          }
+          state2.lencode = state2.lendyn;
+          state2.lenbits = 7;
+          opts = { bits: state2.lenbits };
+          ret = inflate_table(CODES2, state2.lens, 0, 19, state2.lencode, 0, state2.work, opts);
+          state2.lenbits = opts.bits;
+          if (ret) {
+            strm.msg = "invalid code lengths set";
+            state2.mode = BAD2;
+            break;
+          }
+          state2.have = 0;
+          state2.mode = CODELENS;
+        /* falls through */
+        case CODELENS:
+          while (state2.have < state2.nlen + state2.ndist) {
+            for (; ; ) {
+              here = state2.lencode[hold & (1 << state2.lenbits) - 1];
+              here_bits = here >>> 24;
+              here_op = here >>> 16 & 255;
+              here_val = here & 65535;
+              if (here_bits <= bits) {
+                break;
+              }
+              if (have === 0) {
+                break inf_leave;
+              }
+              have--;
+              hold += input[next++] << bits;
+              bits += 8;
+            }
+            if (here_val < 16) {
+              hold >>>= here_bits;
+              bits -= here_bits;
+              state2.lens[state2.have++] = here_val;
+            } else {
+              if (here_val === 16) {
+                n = here_bits + 2;
+                while (bits < n) {
+                  if (have === 0) {
+                    break inf_leave;
+                  }
+                  have--;
+                  hold += input[next++] << bits;
+                  bits += 8;
+                }
+                hold >>>= here_bits;
+                bits -= here_bits;
+                if (state2.have === 0) {
+                  strm.msg = "invalid bit length repeat";
+                  state2.mode = BAD2;
+                  break;
+                }
+                len = state2.lens[state2.have - 1];
+                copy = 3 + (hold & 3);
+                hold >>>= 2;
+                bits -= 2;
+              } else if (here_val === 17) {
+                n = here_bits + 3;
+                while (bits < n) {
+                  if (have === 0) {
+                    break inf_leave;
+                  }
+                  have--;
+                  hold += input[next++] << bits;
+                  bits += 8;
+                }
+                hold >>>= here_bits;
+                bits -= here_bits;
+                len = 0;
+                copy = 3 + (hold & 7);
+                hold >>>= 3;
+                bits -= 3;
+              } else {
+                n = here_bits + 7;
+                while (bits < n) {
+                  if (have === 0) {
+                    break inf_leave;
+                  }
+                  have--;
+                  hold += input[next++] << bits;
+                  bits += 8;
+                }
+                hold >>>= here_bits;
+                bits -= here_bits;
+                len = 0;
+                copy = 11 + (hold & 127);
+                hold >>>= 7;
+                bits -= 7;
+              }
+              if (state2.have + copy > state2.nlen + state2.ndist) {
+                strm.msg = "invalid bit length repeat";
+                state2.mode = BAD2;
+                break;
+              }
+              while (copy--) {
+                state2.lens[state2.have++] = len;
+              }
+            }
+          }
+          if (state2.mode === BAD2) {
+            break;
+          }
+          if (state2.lens[256] === 0) {
+            strm.msg = "invalid code -- missing end-of-block";
+            state2.mode = BAD2;
+            break;
+          }
+          state2.lenbits = 9;
+          opts = { bits: state2.lenbits };
+          ret = inflate_table(LENS2, state2.lens, 0, state2.nlen, state2.lencode, 0, state2.work, opts);
+          state2.lenbits = opts.bits;
+          if (ret) {
+            strm.msg = "invalid literal/lengths set";
+            state2.mode = BAD2;
+            break;
+          }
+          state2.distbits = 6;
+          state2.distcode = state2.distdyn;
+          opts = { bits: state2.distbits };
+          ret = inflate_table(DISTS2, state2.lens, state2.nlen, state2.ndist, state2.distcode, 0, state2.work, opts);
+          state2.distbits = opts.bits;
+          if (ret) {
+            strm.msg = "invalid distances set";
+            state2.mode = BAD2;
+            break;
+          }
+          state2.mode = LEN_;
+          if (flush === Z_TREES) {
+            break inf_leave;
+          }
+        /* falls through */
+        case LEN_:
+          state2.mode = LEN;
+        /* falls through */
+        case LEN:
+          if (have >= 6 && left >= 258) {
+            strm.next_out = put;
+            strm.avail_out = left;
+            strm.next_in = next;
+            strm.avail_in = have;
+            state2.hold = hold;
+            state2.bits = bits;
+            inflate_fast(strm, _out);
+            put = strm.next_out;
+            output = strm.output;
+            left = strm.avail_out;
+            next = strm.next_in;
+            input = strm.input;
+            have = strm.avail_in;
+            hold = state2.hold;
+            bits = state2.bits;
+            if (state2.mode === TYPE2) {
+              state2.back = -1;
+            }
+            break;
+          }
+          state2.back = 0;
+          for (; ; ) {
+            here = state2.lencode[hold & (1 << state2.lenbits) - 1];
+            here_bits = here >>> 24;
+            here_op = here >>> 16 & 255;
+            here_val = here & 65535;
+            if (here_bits <= bits) {
+              break;
+            }
+            if (have === 0) {
+              break inf_leave;
+            }
+            have--;
+            hold += input[next++] << bits;
+            bits += 8;
+          }
+          if (here_op && (here_op & 240) === 0) {
+            last_bits = here_bits;
+            last_op = here_op;
+            last_val = here_val;
+            for (; ; ) {
+              here = state2.lencode[last_val + ((hold & (1 << last_bits + last_op) - 1) >> last_bits)];
+              here_bits = here >>> 24;
+              here_op = here >>> 16 & 255;
+              here_val = here & 65535;
+              if (last_bits + here_bits <= bits) {
+                break;
+              }
+              if (have === 0) {
+                break inf_leave;
+              }
+              have--;
+              hold += input[next++] << bits;
+              bits += 8;
+            }
+            hold >>>= last_bits;
+            bits -= last_bits;
+            state2.back += last_bits;
+          }
+          hold >>>= here_bits;
+          bits -= here_bits;
+          state2.back += here_bits;
+          state2.length = here_val;
+          if (here_op === 0) {
+            state2.mode = LIT;
+            break;
+          }
+          if (here_op & 32) {
+            state2.back = -1;
+            state2.mode = TYPE2;
+            break;
+          }
+          if (here_op & 64) {
+            strm.msg = "invalid literal/length code";
+            state2.mode = BAD2;
+            break;
+          }
+          state2.extra = here_op & 15;
+          state2.mode = LENEXT;
+        /* falls through */
+        case LENEXT:
+          if (state2.extra) {
+            n = state2.extra;
+            while (bits < n) {
+              if (have === 0) {
+                break inf_leave;
+              }
+              have--;
+              hold += input[next++] << bits;
+              bits += 8;
+            }
+            state2.length += hold & (1 << state2.extra) - 1;
+            hold >>>= state2.extra;
+            bits -= state2.extra;
+            state2.back += state2.extra;
+          }
+          state2.was = state2.length;
+          state2.mode = DIST;
+        /* falls through */
+        case DIST:
+          for (; ; ) {
+            here = state2.distcode[hold & (1 << state2.distbits) - 1];
+            here_bits = here >>> 24;
+            here_op = here >>> 16 & 255;
+            here_val = here & 65535;
+            if (here_bits <= bits) {
+              break;
+            }
+            if (have === 0) {
+              break inf_leave;
+            }
+            have--;
+            hold += input[next++] << bits;
+            bits += 8;
+          }
+          if ((here_op & 240) === 0) {
+            last_bits = here_bits;
+            last_op = here_op;
+            last_val = here_val;
+            for (; ; ) {
+              here = state2.distcode[last_val + ((hold & (1 << last_bits + last_op) - 1) >> last_bits)];
+              here_bits = here >>> 24;
+              here_op = here >>> 16 & 255;
+              here_val = here & 65535;
+              if (last_bits + here_bits <= bits) {
+                break;
+              }
+              if (have === 0) {
+                break inf_leave;
+              }
+              have--;
+              hold += input[next++] << bits;
+              bits += 8;
+            }
+            hold >>>= last_bits;
+            bits -= last_bits;
+            state2.back += last_bits;
+          }
+          hold >>>= here_bits;
+          bits -= here_bits;
+          state2.back += here_bits;
+          if (here_op & 64) {
+            strm.msg = "invalid distance code";
+            state2.mode = BAD2;
+            break;
+          }
+          state2.offset = here_val;
+          state2.extra = here_op & 15;
+          state2.mode = DISTEXT;
+        /* falls through */
+        case DISTEXT:
+          if (state2.extra) {
+            n = state2.extra;
+            while (bits < n) {
+              if (have === 0) {
+                break inf_leave;
+              }
+              have--;
+              hold += input[next++] << bits;
+              bits += 8;
+            }
+            state2.offset += hold & (1 << state2.extra) - 1;
+            hold >>>= state2.extra;
+            bits -= state2.extra;
+            state2.back += state2.extra;
+          }
+          if (state2.offset > state2.dmax) {
+            strm.msg = "invalid distance too far back";
+            state2.mode = BAD2;
+            break;
+          }
+          state2.mode = MATCH;
+        /* falls through */
+        case MATCH:
+          if (left === 0) {
+            break inf_leave;
+          }
+          copy = _out - left;
+          if (state2.offset > copy) {
+            copy = state2.offset - copy;
+            if (copy > state2.whave) {
+              if (state2.sane) {
+                strm.msg = "invalid distance too far back";
+                state2.mode = BAD2;
+                break;
+              }
+            }
+            if (copy > state2.wnext) {
+              copy -= state2.wnext;
+              from = state2.wsize - copy;
+            } else {
+              from = state2.wnext - copy;
+            }
+            if (copy > state2.length) {
+              copy = state2.length;
+            }
+            from_source = state2.window;
+          } else {
+            from_source = output;
+            from = put - state2.offset;
+            copy = state2.length;
+          }
+          if (copy > left) {
+            copy = left;
+          }
+          left -= copy;
+          state2.length -= copy;
+          do {
+            output[put++] = from_source[from++];
+          } while (--copy);
+          if (state2.length === 0) {
+            state2.mode = LEN;
+          }
+          break;
+        case LIT:
+          if (left === 0) {
+            break inf_leave;
+          }
+          output[put++] = state2.length;
+          left--;
+          state2.mode = LEN;
+          break;
+        case CHECK:
+          if (state2.wrap) {
+            while (bits < 32) {
+              if (have === 0) {
+                break inf_leave;
+              }
+              have--;
+              hold |= input[next++] << bits;
+              bits += 8;
+            }
+            _out -= left;
+            strm.total_out += _out;
+            state2.total += _out;
+            if (_out) {
+              strm.adler = state2.check = /*UPDATE(state.check, put - _out, _out);*/
+              state2.flags ? makeTable(state2.check, output, _out, put - _out) : adler32(state2.check, output, _out, put - _out);
+            }
+            _out = left;
+            if ((state2.flags ? hold : zswap32(hold)) !== state2.check) {
+              strm.msg = "incorrect data check";
+              state2.mode = BAD2;
+              break;
+            }
+            hold = 0;
+            bits = 0;
+          }
+          state2.mode = LENGTH;
+        /* falls through */
+        case LENGTH:
+          if (state2.wrap && state2.flags) {
+            while (bits < 32) {
+              if (have === 0) {
+                break inf_leave;
+              }
+              have--;
+              hold += input[next++] << bits;
+              bits += 8;
+            }
+            if (hold !== (state2.total & 4294967295)) {
+              strm.msg = "incorrect length check";
+              state2.mode = BAD2;
+              break;
+            }
+            hold = 0;
+            bits = 0;
+          }
+          state2.mode = DONE;
+        /* falls through */
+        case DONE:
+          ret = Z_STREAM_END;
+          break inf_leave;
+        case BAD2:
+          ret = Z_DATA_ERROR;
+          break inf_leave;
+        case MEM:
+          return Z_MEM_ERROR;
+        case SYNC:
+        /* falls through */
+        default:
+          return Z_STREAM_ERROR;
+      }
+    }
+  strm.next_out = put;
+  strm.avail_out = left;
+  strm.next_in = next;
+  strm.avail_in = have;
+  state2.hold = hold;
+  state2.bits = bits;
+  if (state2.wsize || _out !== strm.avail_out && state2.mode < BAD2 && (state2.mode < CHECK || flush !== Z_FINISH)) {
+    if (updatewindow(strm, strm.output, strm.next_out, _out - strm.avail_out)) {
+      state2.mode = MEM;
+      return Z_MEM_ERROR;
+    }
+  }
+  _in -= strm.avail_in;
+  _out -= strm.avail_out;
+  strm.total_in += _in;
+  strm.total_out += _out;
+  state2.total += _out;
+  if (state2.wrap && _out) {
+    strm.adler = state2.check = /*UPDATE(state.check, strm.next_out - _out, _out);*/
+    state2.flags ? makeTable(state2.check, output, _out, strm.next_out - _out) : adler32(state2.check, output, _out, strm.next_out - _out);
+  }
+  strm.data_type = state2.bits + (state2.last ? 64 : 0) + (state2.mode === TYPE2 ? 128 : 0) + (state2.mode === LEN_ || state2.mode === COPY_ ? 256 : 0);
+  if ((_in === 0 && _out === 0 || flush === Z_FINISH) && ret === Z_OK) {
+    ret = Z_BUF_ERROR;
+  }
+  return ret;
+}
+
+// node_modules/@novnc/novnc/vendor/pako/lib/zlib/zstream.js
+function ZStream() {
+  this.input = null;
+  this.next_in = 0;
+  this.avail_in = 0;
+  this.total_in = 0;
+  this.output = null;
+  this.next_out = 0;
+  this.avail_out = 0;
+  this.total_out = 0;
+  this.msg = "";
+  this.state = null;
+  this.data_type = 2;
+  this.adler = 0;
+}
+
+// node_modules/@novnc/novnc/core/inflator.js
+var Inflate = class {
+  constructor() {
+    this.strm = new ZStream();
+    this.chunkSize = 1024 * 10 * 10;
+    this.strm.output = new Uint8Array(this.chunkSize);
+    inflateInit(this.strm);
+  }
+  setInput(data) {
+    if (!data) {
+      this.strm.input = null;
+      this.strm.avail_in = 0;
+      this.strm.next_in = 0;
+    } else {
+      this.strm.input = data;
+      this.strm.avail_in = this.strm.input.length;
+      this.strm.next_in = 0;
+    }
+  }
+  inflate(expected) {
+    if (expected > this.chunkSize) {
+      this.chunkSize = expected;
+      this.strm.output = new Uint8Array(this.chunkSize);
+    }
+    this.strm.next_out = 0;
+    this.strm.avail_out = expected;
+    let ret = inflate(this.strm, 0);
+    if (ret < 0) {
+      throw new Error("zlib inflate failed");
+    }
+    if (this.strm.next_out != expected) {
+      throw new Error("Incomplete zlib block");
+    }
+    return new Uint8Array(this.strm.output.buffer, 0, this.strm.next_out);
+  }
+  reset() {
+    inflateReset(this.strm);
+  }
+};
+
+// node_modules/@novnc/novnc/vendor/pako/lib/zlib/trees.js
+var Z_FIXED = 4;
+var Z_BINARY = 0;
+var Z_TEXT = 1;
+var Z_UNKNOWN = 2;
+function zero(buf) {
+  var len = buf.length;
+  while (--len >= 0) {
+    buf[len] = 0;
+  }
+}
+var STORED_BLOCK = 0;
+var STATIC_TREES = 1;
+var DYN_TREES = 2;
+var MIN_MATCH = 3;
+var MAX_MATCH = 258;
+var LENGTH_CODES = 29;
+var LITERALS3 = 256;
+var L_CODES = LITERALS3 + 1 + LENGTH_CODES;
+var D_CODES = 30;
+var BL_CODES = 19;
+var HEAP_SIZE = 2 * L_CODES + 1;
+var MAX_BITS = 15;
+var Buf_size = 16;
+var MAX_BL_BITS = 7;
+var END_BLOCK = 256;
+var REP_3_6 = 16;
+var REPZ_3_10 = 17;
+var REPZ_11_138 = 18;
+var extra_lbits = (
+  /* extra bits for each length code */
+  [0, 0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 1, 2, 2, 2, 2, 3, 3, 3, 3, 4, 4, 4, 4, 5, 5, 5, 5, 0]
+);
+var extra_dbits = (
+  /* extra bits for each distance code */
+  [0, 0, 0, 0, 1, 1, 2, 2, 3, 3, 4, 4, 5, 5, 6, 6, 7, 7, 8, 8, 9, 9, 10, 10, 11, 11, 12, 12, 13, 13]
+);
+var extra_blbits = (
+  /* extra bits for each bit length code */
+  [0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 3, 7]
+);
+var bl_order = [16, 17, 18, 0, 8, 7, 9, 6, 10, 5, 11, 4, 12, 3, 13, 2, 14, 1, 15];
+var DIST_CODE_LEN = 512;
+var static_ltree = new Array((L_CODES + 2) * 2);
+zero(static_ltree);
+var static_dtree = new Array(D_CODES * 2);
+zero(static_dtree);
+var _dist_code = new Array(DIST_CODE_LEN);
+zero(_dist_code);
+var _length_code = new Array(MAX_MATCH - MIN_MATCH + 1);
+zero(_length_code);
+var base_length = new Array(LENGTH_CODES);
+zero(base_length);
+var base_dist = new Array(D_CODES);
+zero(base_dist);
+function StaticTreeDesc(static_tree, extra_bits, extra_base, elems, max_length) {
+  this.static_tree = static_tree;
+  this.extra_bits = extra_bits;
+  this.extra_base = extra_base;
+  this.elems = elems;
+  this.max_length = max_length;
+  this.has_stree = static_tree && static_tree.length;
+}
+var static_l_desc;
+var static_d_desc;
+var static_bl_desc;
+function TreeDesc(dyn_tree, stat_desc) {
+  this.dyn_tree = dyn_tree;
+  this.max_code = 0;
+  this.stat_desc = stat_desc;
+}
+function d_code(dist) {
+  return dist < 256 ? _dist_code[dist] : _dist_code[256 + (dist >>> 7)];
+}
+function put_short(s, w) {
+  s.pending_buf[s.pending++] = w & 255;
+  s.pending_buf[s.pending++] = w >>> 8 & 255;
+}
+function send_bits(s, value, length) {
+  if (s.bi_valid > Buf_size - length) {
+    s.bi_buf |= value << s.bi_valid & 65535;
+    put_short(s, s.bi_buf);
+    s.bi_buf = value >> Buf_size - s.bi_valid;
+    s.bi_valid += length - Buf_size;
+  } else {
+    s.bi_buf |= value << s.bi_valid & 65535;
+    s.bi_valid += length;
+  }
+}
+function send_code(s, c3, tree) {
+  send_bits(
+    s,
+    tree[c3 * 2],
+    tree[c3 * 2 + 1]
+    /*.Len*/
+  );
+}
+function bi_reverse(code, len) {
+  var res = 0;
+  do {
+    res |= code & 1;
+    code >>>= 1;
+    res <<= 1;
+  } while (--len > 0);
+  return res >>> 1;
+}
+function bi_flush(s) {
+  if (s.bi_valid === 16) {
+    put_short(s, s.bi_buf);
+    s.bi_buf = 0;
+    s.bi_valid = 0;
+  } else if (s.bi_valid >= 8) {
+    s.pending_buf[s.pending++] = s.bi_buf & 255;
+    s.bi_buf >>= 8;
+    s.bi_valid -= 8;
+  }
+}
+function gen_bitlen(s, desc) {
+  var tree = desc.dyn_tree;
+  var max_code = desc.max_code;
+  var stree = desc.stat_desc.static_tree;
+  var has_stree = desc.stat_desc.has_stree;
+  var extra = desc.stat_desc.extra_bits;
+  var base = desc.stat_desc.extra_base;
+  var max_length = desc.stat_desc.max_length;
+  var h;
+  var n, m;
+  var bits;
+  var xbits;
+  var f2;
+  var overflow = 0;
+  for (bits = 0; bits <= MAX_BITS; bits++) {
+    s.bl_count[bits] = 0;
+  }
+  tree[s.heap[s.heap_max] * 2 + 1] = 0;
+  for (h = s.heap_max + 1; h < HEAP_SIZE; h++) {
+    n = s.heap[h];
+    bits = tree[tree[n * 2 + 1] * 2 + 1] + 1;
+    if (bits > max_length) {
+      bits = max_length;
+      overflow++;
+    }
+    tree[n * 2 + 1] = bits;
+    if (n > max_code) {
+      continue;
+    }
+    s.bl_count[bits]++;
+    xbits = 0;
+    if (n >= base) {
+      xbits = extra[n - base];
+    }
+    f2 = tree[n * 2];
+    s.opt_len += f2 * (bits + xbits);
+    if (has_stree) {
+      s.static_len += f2 * (stree[n * 2 + 1] + xbits);
+    }
+  }
+  if (overflow === 0) {
+    return;
+  }
+  do {
+    bits = max_length - 1;
+    while (s.bl_count[bits] === 0) {
+      bits--;
+    }
+    s.bl_count[bits]--;
+    s.bl_count[bits + 1] += 2;
+    s.bl_count[max_length]--;
+    overflow -= 2;
+  } while (overflow > 0);
+  for (bits = max_length; bits !== 0; bits--) {
+    n = s.bl_count[bits];
+    while (n !== 0) {
+      m = s.heap[--h];
+      if (m > max_code) {
+        continue;
+      }
+      if (tree[m * 2 + 1] !== bits) {
+        s.opt_len += (bits - tree[m * 2 + 1]) * tree[m * 2];
+        tree[m * 2 + 1] = bits;
+      }
+      n--;
+    }
+  }
+}
+function gen_codes(tree, max_code, bl_count) {
+  var next_code = new Array(MAX_BITS + 1);
+  var code = 0;
+  var bits;
+  var n;
+  for (bits = 1; bits <= MAX_BITS; bits++) {
+    next_code[bits] = code = code + bl_count[bits - 1] << 1;
+  }
+  for (n = 0; n <= max_code; n++) {
+    var len = tree[n * 2 + 1];
+    if (len === 0) {
+      continue;
+    }
+    tree[n * 2] = bi_reverse(next_code[len]++, len);
+  }
+}
+function tr_static_init() {
+  var n;
+  var bits;
+  var length;
+  var code;
+  var dist;
+  var bl_count = new Array(MAX_BITS + 1);
+  length = 0;
+  for (code = 0; code < LENGTH_CODES - 1; code++) {
+    base_length[code] = length;
+    for (n = 0; n < 1 << extra_lbits[code]; n++) {
+      _length_code[length++] = code;
+    }
+  }
+  _length_code[length - 1] = code;
+  dist = 0;
+  for (code = 0; code < 16; code++) {
+    base_dist[code] = dist;
+    for (n = 0; n < 1 << extra_dbits[code]; n++) {
+      _dist_code[dist++] = code;
+    }
+  }
+  dist >>= 7;
+  for (; code < D_CODES; code++) {
+    base_dist[code] = dist << 7;
+    for (n = 0; n < 1 << extra_dbits[code] - 7; n++) {
+      _dist_code[256 + dist++] = code;
+    }
+  }
+  for (bits = 0; bits <= MAX_BITS; bits++) {
+    bl_count[bits] = 0;
+  }
+  n = 0;
+  while (n <= 143) {
+    static_ltree[n * 2 + 1] = 8;
+    n++;
+    bl_count[8]++;
+  }
+  while (n <= 255) {
+    static_ltree[n * 2 + 1] = 9;
+    n++;
+    bl_count[9]++;
+  }
+  while (n <= 279) {
+    static_ltree[n * 2 + 1] = 7;
+    n++;
+    bl_count[7]++;
+  }
+  while (n <= 287) {
+    static_ltree[n * 2 + 1] = 8;
+    n++;
+    bl_count[8]++;
+  }
+  gen_codes(static_ltree, L_CODES + 1, bl_count);
+  for (n = 0; n < D_CODES; n++) {
+    static_dtree[n * 2 + 1] = 5;
+    static_dtree[n * 2] = bi_reverse(n, 5);
+  }
+  static_l_desc = new StaticTreeDesc(static_ltree, extra_lbits, LITERALS3 + 1, L_CODES, MAX_BITS);
+  static_d_desc = new StaticTreeDesc(static_dtree, extra_dbits, 0, D_CODES, MAX_BITS);
+  static_bl_desc = new StaticTreeDesc(new Array(0), extra_blbits, 0, BL_CODES, MAX_BL_BITS);
+}
+function init_block(s) {
+  var n;
+  for (n = 0; n < L_CODES; n++) {
+    s.dyn_ltree[n * 2] = 0;
+  }
+  for (n = 0; n < D_CODES; n++) {
+    s.dyn_dtree[n * 2] = 0;
+  }
+  for (n = 0; n < BL_CODES; n++) {
+    s.bl_tree[n * 2] = 0;
+  }
+  s.dyn_ltree[END_BLOCK * 2] = 1;
+  s.opt_len = s.static_len = 0;
+  s.last_lit = s.matches = 0;
+}
+function bi_windup(s) {
+  if (s.bi_valid > 8) {
+    put_short(s, s.bi_buf);
+  } else if (s.bi_valid > 0) {
+    s.pending_buf[s.pending++] = s.bi_buf;
+  }
+  s.bi_buf = 0;
+  s.bi_valid = 0;
+}
+function copy_block(s, buf, len, header) {
+  bi_windup(s);
+  if (header) {
+    put_short(s, len);
+    put_short(s, ~len);
+  }
+  arraySet(s.pending_buf, s.window, buf, len, s.pending);
+  s.pending += len;
+}
+function smaller(tree, n, m, depth) {
+  var _n2 = n * 2;
+  var _m2 = m * 2;
+  return tree[_n2] < tree[_m2] || tree[_n2] === tree[_m2] && depth[n] <= depth[m];
+}
+function pqdownheap(s, tree, k) {
+  var v = s.heap[k];
+  var j = k << 1;
+  while (j <= s.heap_len) {
+    if (j < s.heap_len && smaller(tree, s.heap[j + 1], s.heap[j], s.depth)) {
+      j++;
+    }
+    if (smaller(tree, v, s.heap[j], s.depth)) {
+      break;
+    }
+    s.heap[k] = s.heap[j];
+    k = j;
+    j <<= 1;
+  }
+  s.heap[k] = v;
+}
+function compress_block(s, ltree, dtree) {
+  var dist;
+  var lc;
+  var lx = 0;
+  var code;
+  var extra;
+  if (s.last_lit !== 0) {
+    do {
+      dist = s.pending_buf[s.d_buf + lx * 2] << 8 | s.pending_buf[s.d_buf + lx * 2 + 1];
+      lc = s.pending_buf[s.l_buf + lx];
+      lx++;
+      if (dist === 0) {
+        send_code(s, lc, ltree);
+      } else {
+        code = _length_code[lc];
+        send_code(s, code + LITERALS3 + 1, ltree);
+        extra = extra_lbits[code];
+        if (extra !== 0) {
+          lc -= base_length[code];
+          send_bits(s, lc, extra);
+        }
+        dist--;
+        code = d_code(dist);
+        send_code(s, code, dtree);
+        extra = extra_dbits[code];
+        if (extra !== 0) {
+          dist -= base_dist[code];
+          send_bits(s, dist, extra);
+        }
+      }
+    } while (lx < s.last_lit);
+  }
+  send_code(s, END_BLOCK, ltree);
+}
+function build_tree(s, desc) {
+  var tree = desc.dyn_tree;
+  var stree = desc.stat_desc.static_tree;
+  var has_stree = desc.stat_desc.has_stree;
+  var elems = desc.stat_desc.elems;
+  var n, m;
+  var max_code = -1;
+  var node;
+  s.heap_len = 0;
+  s.heap_max = HEAP_SIZE;
+  for (n = 0; n < elems; n++) {
+    if (tree[n * 2] !== 0) {
+      s.heap[++s.heap_len] = max_code = n;
+      s.depth[n] = 0;
+    } else {
+      tree[n * 2 + 1] = 0;
+    }
+  }
+  while (s.heap_len < 2) {
+    node = s.heap[++s.heap_len] = max_code < 2 ? ++max_code : 0;
+    tree[node * 2] = 1;
+    s.depth[node] = 0;
+    s.opt_len--;
+    if (has_stree) {
+      s.static_len -= stree[node * 2 + 1];
+    }
+  }
+  desc.max_code = max_code;
+  for (n = s.heap_len >> 1; n >= 1; n--) {
+    pqdownheap(s, tree, n);
+  }
+  node = elems;
+  do {
+    n = s.heap[
+      1
+      /*SMALLEST*/
+    ];
+    s.heap[
+      1
+      /*SMALLEST*/
+    ] = s.heap[s.heap_len--];
+    pqdownheap(
+      s,
+      tree,
+      1
+      /*SMALLEST*/
+    );
+    m = s.heap[
+      1
+      /*SMALLEST*/
+    ];
+    s.heap[--s.heap_max] = n;
+    s.heap[--s.heap_max] = m;
+    tree[node * 2] = tree[n * 2] + tree[m * 2];
+    s.depth[node] = (s.depth[n] >= s.depth[m] ? s.depth[n] : s.depth[m]) + 1;
+    tree[n * 2 + 1] = tree[m * 2 + 1] = node;
+    s.heap[
+      1
+      /*SMALLEST*/
+    ] = node++;
+    pqdownheap(
+      s,
+      tree,
+      1
+      /*SMALLEST*/
+    );
+  } while (s.heap_len >= 2);
+  s.heap[--s.heap_max] = s.heap[
+    1
+    /*SMALLEST*/
+  ];
+  gen_bitlen(s, desc);
+  gen_codes(tree, max_code, s.bl_count);
+}
+function scan_tree(s, tree, max_code) {
+  var n;
+  var prevlen = -1;
+  var curlen;
+  var nextlen = tree[0 * 2 + 1];
+  var count = 0;
+  var max_count = 7;
+  var min_count = 4;
+  if (nextlen === 0) {
+    max_count = 138;
+    min_count = 3;
+  }
+  tree[(max_code + 1) * 2 + 1] = 65535;
+  for (n = 0; n <= max_code; n++) {
+    curlen = nextlen;
+    nextlen = tree[(n + 1) * 2 + 1];
+    if (++count < max_count && curlen === nextlen) {
+      continue;
+    } else if (count < min_count) {
+      s.bl_tree[curlen * 2] += count;
+    } else if (curlen !== 0) {
+      if (curlen !== prevlen) {
+        s.bl_tree[curlen * 2]++;
+      }
+      s.bl_tree[REP_3_6 * 2]++;
+    } else if (count <= 10) {
+      s.bl_tree[REPZ_3_10 * 2]++;
+    } else {
+      s.bl_tree[REPZ_11_138 * 2]++;
+    }
+    count = 0;
+    prevlen = curlen;
+    if (nextlen === 0) {
+      max_count = 138;
+      min_count = 3;
+    } else if (curlen === nextlen) {
+      max_count = 6;
+      min_count = 3;
+    } else {
+      max_count = 7;
+      min_count = 4;
+    }
+  }
+}
+function send_tree(s, tree, max_code) {
+  var n;
+  var prevlen = -1;
+  var curlen;
+  var nextlen = tree[0 * 2 + 1];
+  var count = 0;
+  var max_count = 7;
+  var min_count = 4;
+  if (nextlen === 0) {
+    max_count = 138;
+    min_count = 3;
+  }
+  for (n = 0; n <= max_code; n++) {
+    curlen = nextlen;
+    nextlen = tree[(n + 1) * 2 + 1];
+    if (++count < max_count && curlen === nextlen) {
+      continue;
+    } else if (count < min_count) {
+      do {
+        send_code(s, curlen, s.bl_tree);
+      } while (--count !== 0);
+    } else if (curlen !== 0) {
+      if (curlen !== prevlen) {
+        send_code(s, curlen, s.bl_tree);
+        count--;
+      }
+      send_code(s, REP_3_6, s.bl_tree);
+      send_bits(s, count - 3, 2);
+    } else if (count <= 10) {
+      send_code(s, REPZ_3_10, s.bl_tree);
+      send_bits(s, count - 3, 3);
+    } else {
+      send_code(s, REPZ_11_138, s.bl_tree);
+      send_bits(s, count - 11, 7);
+    }
+    count = 0;
+    prevlen = curlen;
+    if (nextlen === 0) {
+      max_count = 138;
+      min_count = 3;
+    } else if (curlen === nextlen) {
+      max_count = 6;
+      min_count = 3;
+    } else {
+      max_count = 7;
+      min_count = 4;
+    }
+  }
+}
+function build_bl_tree(s) {
+  var max_blindex;
+  scan_tree(s, s.dyn_ltree, s.l_desc.max_code);
+  scan_tree(s, s.dyn_dtree, s.d_desc.max_code);
+  build_tree(s, s.bl_desc);
+  for (max_blindex = BL_CODES - 1; max_blindex >= 3; max_blindex--) {
+    if (s.bl_tree[bl_order[max_blindex] * 2 + 1] !== 0) {
+      break;
+    }
+  }
+  s.opt_len += 3 * (max_blindex + 1) + 5 + 5 + 4;
+  return max_blindex;
+}
+function send_all_trees(s, lcodes, dcodes, blcodes) {
+  var rank2;
+  send_bits(s, lcodes - 257, 5);
+  send_bits(s, dcodes - 1, 5);
+  send_bits(s, blcodes - 4, 4);
+  for (rank2 = 0; rank2 < blcodes; rank2++) {
+    send_bits(s, s.bl_tree[bl_order[rank2] * 2 + 1], 3);
+  }
+  send_tree(s, s.dyn_ltree, lcodes - 1);
+  send_tree(s, s.dyn_dtree, dcodes - 1);
+}
+function detect_data_type(s) {
+  var black_mask = 4093624447;
+  var n;
+  for (n = 0; n <= 31; n++, black_mask >>>= 1) {
+    if (black_mask & 1 && s.dyn_ltree[n * 2] !== 0) {
+      return Z_BINARY;
+    }
+  }
+  if (s.dyn_ltree[9 * 2] !== 0 || s.dyn_ltree[10 * 2] !== 0 || s.dyn_ltree[13 * 2] !== 0) {
+    return Z_TEXT;
+  }
+  for (n = 32; n < LITERALS3; n++) {
+    if (s.dyn_ltree[n * 2] !== 0) {
+      return Z_TEXT;
+    }
+  }
+  return Z_BINARY;
+}
+var static_init_done = false;
+function _tr_init(s) {
+  if (!static_init_done) {
+    tr_static_init();
+    static_init_done = true;
+  }
+  s.l_desc = new TreeDesc(s.dyn_ltree, static_l_desc);
+  s.d_desc = new TreeDesc(s.dyn_dtree, static_d_desc);
+  s.bl_desc = new TreeDesc(s.bl_tree, static_bl_desc);
+  s.bi_buf = 0;
+  s.bi_valid = 0;
+  init_block(s);
+}
+function _tr_stored_block(s, buf, stored_len, last) {
+  send_bits(s, (STORED_BLOCK << 1) + (last ? 1 : 0), 3);
+  copy_block(s, buf, stored_len, true);
+}
+function _tr_align(s) {
+  send_bits(s, STATIC_TREES << 1, 3);
+  send_code(s, END_BLOCK, static_ltree);
+  bi_flush(s);
+}
+function _tr_flush_block(s, buf, stored_len, last) {
+  var opt_lenb, static_lenb;
+  var max_blindex = 0;
+  if (s.level > 0) {
+    if (s.strm.data_type === Z_UNKNOWN) {
+      s.strm.data_type = detect_data_type(s);
+    }
+    build_tree(s, s.l_desc);
+    build_tree(s, s.d_desc);
+    max_blindex = build_bl_tree(s);
+    opt_lenb = s.opt_len + 3 + 7 >>> 3;
+    static_lenb = s.static_len + 3 + 7 >>> 3;
+    if (static_lenb <= opt_lenb) {
+      opt_lenb = static_lenb;
+    }
+  } else {
+    opt_lenb = static_lenb = stored_len + 5;
+  }
+  if (stored_len + 4 <= opt_lenb && buf !== -1) {
+    _tr_stored_block(s, buf, stored_len, last);
+  } else if (s.strategy === Z_FIXED || static_lenb === opt_lenb) {
+    send_bits(s, (STATIC_TREES << 1) + (last ? 1 : 0), 3);
+    compress_block(s, static_ltree, static_dtree);
+  } else {
+    send_bits(s, (DYN_TREES << 1) + (last ? 1 : 0), 3);
+    send_all_trees(s, s.l_desc.max_code + 1, s.d_desc.max_code + 1, max_blindex + 1);
+    compress_block(s, s.dyn_ltree, s.dyn_dtree);
+  }
+  init_block(s);
+  if (last) {
+    bi_windup(s);
+  }
+}
+function _tr_tally(s, dist, lc) {
+  s.pending_buf[s.d_buf + s.last_lit * 2] = dist >>> 8 & 255;
+  s.pending_buf[s.d_buf + s.last_lit * 2 + 1] = dist & 255;
+  s.pending_buf[s.l_buf + s.last_lit] = lc & 255;
+  s.last_lit++;
+  if (dist === 0) {
+    s.dyn_ltree[lc * 2]++;
+  } else {
+    s.matches++;
+    dist--;
+    s.dyn_ltree[(_length_code[lc] + LITERALS3 + 1) * 2]++;
+    s.dyn_dtree[d_code(dist) * 2]++;
+  }
+  return s.last_lit === s.lit_bufsize - 1;
+}
+
+// node_modules/@novnc/novnc/vendor/pako/lib/zlib/messages.js
+var messages_default = {
+  2: "need dictionary",
+  /* Z_NEED_DICT       2  */
+  1: "stream end",
+  /* Z_STREAM_END      1  */
+  0: "",
+  /* Z_OK              0  */
+  "-1": "file error",
+  /* Z_ERRNO         (-1) */
+  "-2": "stream error",
+  /* Z_STREAM_ERROR  (-2) */
+  "-3": "data error",
+  /* Z_DATA_ERROR    (-3) */
+  "-4": "insufficient memory",
+  /* Z_MEM_ERROR     (-4) */
+  "-5": "buffer error",
+  /* Z_BUF_ERROR     (-5) */
+  "-6": "incompatible version"
+  /* Z_VERSION_ERROR (-6) */
+};
+
+// node_modules/@novnc/novnc/vendor/pako/lib/zlib/deflate.js
+var Z_NO_FLUSH = 0;
+var Z_PARTIAL_FLUSH = 1;
+var Z_FULL_FLUSH = 3;
+var Z_FINISH2 = 4;
+var Z_BLOCK2 = 5;
+var Z_OK2 = 0;
+var Z_STREAM_END2 = 1;
+var Z_STREAM_ERROR2 = -2;
+var Z_BUF_ERROR2 = -5;
+var Z_DEFAULT_COMPRESSION = -1;
+var Z_FILTERED = 1;
+var Z_HUFFMAN_ONLY = 2;
+var Z_RLE = 3;
+var Z_FIXED2 = 4;
+var Z_DEFAULT_STRATEGY = 0;
+var Z_UNKNOWN2 = 2;
+var Z_DEFLATED2 = 8;
+var MAX_MEM_LEVEL = 9;
+var MAX_WBITS2 = 15;
+var DEF_MEM_LEVEL = 8;
+var LENGTH_CODES2 = 29;
+var LITERALS4 = 256;
+var L_CODES2 = LITERALS4 + 1 + LENGTH_CODES2;
+var D_CODES2 = 30;
+var BL_CODES2 = 19;
+var HEAP_SIZE2 = 2 * L_CODES2 + 1;
+var MAX_BITS2 = 15;
+var MIN_MATCH2 = 3;
+var MAX_MATCH2 = 258;
+var MIN_LOOKAHEAD = MAX_MATCH2 + MIN_MATCH2 + 1;
+var PRESET_DICT = 32;
+var INIT_STATE = 42;
+var EXTRA_STATE = 69;
+var NAME_STATE = 73;
+var COMMENT_STATE = 91;
+var HCRC_STATE = 103;
+var BUSY_STATE = 113;
+var FINISH_STATE = 666;
+var BS_NEED_MORE = 1;
+var BS_BLOCK_DONE = 2;
+var BS_FINISH_STARTED = 3;
+var BS_FINISH_DONE = 4;
+var OS_CODE = 3;
+function err(strm, errorCode) {
+  strm.msg = messages_default[errorCode];
+  return errorCode;
+}
+function rank(f2) {
+  return (f2 << 1) - (f2 > 4 ? 9 : 0);
+}
+function zero2(buf) {
+  var len = buf.length;
+  while (--len >= 0) {
+    buf[len] = 0;
+  }
+}
+function flush_pending(strm) {
+  var s = strm.state;
+  var len = s.pending;
+  if (len > strm.avail_out) {
+    len = strm.avail_out;
+  }
+  if (len === 0) {
+    return;
+  }
+  arraySet(strm.output, s.pending_buf, s.pending_out, len, strm.next_out);
+  strm.next_out += len;
+  s.pending_out += len;
+  strm.total_out += len;
+  strm.avail_out -= len;
+  s.pending -= len;
+  if (s.pending === 0) {
+    s.pending_out = 0;
+  }
+}
+function flush_block_only(s, last) {
+  _tr_flush_block(s, s.block_start >= 0 ? s.block_start : -1, s.strstart - s.block_start, last);
+  s.block_start = s.strstart;
+  flush_pending(s.strm);
+}
+function put_byte(s, b2) {
+  s.pending_buf[s.pending++] = b2;
+}
+function putShortMSB(s, b2) {
+  s.pending_buf[s.pending++] = b2 >>> 8 & 255;
+  s.pending_buf[s.pending++] = b2 & 255;
+}
+function read_buf(strm, buf, start, size) {
+  var len = strm.avail_in;
+  if (len > size) {
+    len = size;
+  }
+  if (len === 0) {
+    return 0;
+  }
+  strm.avail_in -= len;
+  arraySet(buf, strm.input, strm.next_in, len, start);
+  if (strm.state.wrap === 1) {
+    strm.adler = adler32(strm.adler, buf, len, start);
+  } else if (strm.state.wrap === 2) {
+    strm.adler = makeTable(strm.adler, buf, len, start);
+  }
+  strm.next_in += len;
+  strm.total_in += len;
+  return len;
+}
+function longest_match(s, cur_match) {
+  var chain_length = s.max_chain_length;
+  var scan = s.strstart;
+  var match;
+  var len;
+  var best_len = s.prev_length;
+  var nice_match = s.nice_match;
+  var limit = s.strstart > s.w_size - MIN_LOOKAHEAD ? s.strstart - (s.w_size - MIN_LOOKAHEAD) : 0;
+  var _win = s.window;
+  var wmask = s.w_mask;
+  var prev = s.prev;
+  var strend = s.strstart + MAX_MATCH2;
+  var scan_end1 = _win[scan + best_len - 1];
+  var scan_end = _win[scan + best_len];
+  if (s.prev_length >= s.good_match) {
+    chain_length >>= 2;
+  }
+  if (nice_match > s.lookahead) {
+    nice_match = s.lookahead;
+  }
+  do {
+    match = cur_match;
+    if (_win[match + best_len] !== scan_end || _win[match + best_len - 1] !== scan_end1 || _win[match] !== _win[scan] || _win[++match] !== _win[scan + 1]) {
+      continue;
+    }
+    scan += 2;
+    match++;
+    do {
+    } while (_win[++scan] === _win[++match] && _win[++scan] === _win[++match] && _win[++scan] === _win[++match] && _win[++scan] === _win[++match] && _win[++scan] === _win[++match] && _win[++scan] === _win[++match] && _win[++scan] === _win[++match] && _win[++scan] === _win[++match] && scan < strend);
+    len = MAX_MATCH2 - (strend - scan);
+    scan = strend - MAX_MATCH2;
+    if (len > best_len) {
+      s.match_start = cur_match;
+      best_len = len;
+      if (len >= nice_match) {
+        break;
+      }
+      scan_end1 = _win[scan + best_len - 1];
+      scan_end = _win[scan + best_len];
+    }
+  } while ((cur_match = prev[cur_match & wmask]) > limit && --chain_length !== 0);
+  if (best_len <= s.lookahead) {
+    return best_len;
+  }
+  return s.lookahead;
+}
+function fill_window(s) {
+  var _w_size = s.w_size;
+  var p, n, m, more, str;
+  do {
+    more = s.window_size - s.lookahead - s.strstart;
+    if (s.strstart >= _w_size + (_w_size - MIN_LOOKAHEAD)) {
+      arraySet(s.window, s.window, _w_size, _w_size, 0);
+      s.match_start -= _w_size;
+      s.strstart -= _w_size;
+      s.block_start -= _w_size;
+      n = s.hash_size;
+      p = n;
+      do {
+        m = s.head[--p];
+        s.head[p] = m >= _w_size ? m - _w_size : 0;
+      } while (--n);
+      n = _w_size;
+      p = n;
+      do {
+        m = s.prev[--p];
+        s.prev[p] = m >= _w_size ? m - _w_size : 0;
+      } while (--n);
+      more += _w_size;
+    }
+    if (s.strm.avail_in === 0) {
+      break;
+    }
+    n = read_buf(s.strm, s.window, s.strstart + s.lookahead, more);
+    s.lookahead += n;
+    if (s.lookahead + s.insert >= MIN_MATCH2) {
+      str = s.strstart - s.insert;
+      s.ins_h = s.window[str];
+      s.ins_h = (s.ins_h << s.hash_shift ^ s.window[str + 1]) & s.hash_mask;
+      while (s.insert) {
+        s.ins_h = (s.ins_h << s.hash_shift ^ s.window[str + MIN_MATCH2 - 1]) & s.hash_mask;
+        s.prev[str & s.w_mask] = s.head[s.ins_h];
+        s.head[s.ins_h] = str;
+        str++;
+        s.insert--;
+        if (s.lookahead + s.insert < MIN_MATCH2) {
+          break;
+        }
+      }
+    }
+  } while (s.lookahead < MIN_LOOKAHEAD && s.strm.avail_in !== 0);
+}
+function deflate_stored(s, flush) {
+  var max_block_size = 65535;
+  if (max_block_size > s.pending_buf_size - 5) {
+    max_block_size = s.pending_buf_size - 5;
+  }
+  for (; ; ) {
+    if (s.lookahead <= 1) {
+      fill_window(s);
+      if (s.lookahead === 0 && flush === Z_NO_FLUSH) {
+        return BS_NEED_MORE;
+      }
+      if (s.lookahead === 0) {
+        break;
+      }
+    }
+    s.strstart += s.lookahead;
+    s.lookahead = 0;
+    var max_start = s.block_start + max_block_size;
+    if (s.strstart === 0 || s.strstart >= max_start) {
+      s.lookahead = s.strstart - max_start;
+      s.strstart = max_start;
+      flush_block_only(s, false);
+      if (s.strm.avail_out === 0) {
+        return BS_NEED_MORE;
+      }
+    }
+    if (s.strstart - s.block_start >= s.w_size - MIN_LOOKAHEAD) {
+      flush_block_only(s, false);
+      if (s.strm.avail_out === 0) {
+        return BS_NEED_MORE;
+      }
+    }
+  }
+  s.insert = 0;
+  if (flush === Z_FINISH2) {
+    flush_block_only(s, true);
+    if (s.strm.avail_out === 0) {
+      return BS_FINISH_STARTED;
+    }
+    return BS_FINISH_DONE;
+  }
+  if (s.strstart > s.block_start) {
+    flush_block_only(s, false);
+    if (s.strm.avail_out === 0) {
+      return BS_NEED_MORE;
+    }
+  }
+  return BS_NEED_MORE;
+}
+function deflate_fast(s, flush) {
+  var hash_head;
+  var bflush;
+  for (; ; ) {
+    if (s.lookahead < MIN_LOOKAHEAD) {
+      fill_window(s);
+      if (s.lookahead < MIN_LOOKAHEAD && flush === Z_NO_FLUSH) {
+        return BS_NEED_MORE;
+      }
+      if (s.lookahead === 0) {
+        break;
+      }
+    }
+    hash_head = 0;
+    if (s.lookahead >= MIN_MATCH2) {
+      s.ins_h = (s.ins_h << s.hash_shift ^ s.window[s.strstart + MIN_MATCH2 - 1]) & s.hash_mask;
+      hash_head = s.prev[s.strstart & s.w_mask] = s.head[s.ins_h];
+      s.head[s.ins_h] = s.strstart;
+    }
+    if (hash_head !== 0 && s.strstart - hash_head <= s.w_size - MIN_LOOKAHEAD) {
+      s.match_length = longest_match(s, hash_head);
+    }
+    if (s.match_length >= MIN_MATCH2) {
+      bflush = _tr_tally(s, s.strstart - s.match_start, s.match_length - MIN_MATCH2);
+      s.lookahead -= s.match_length;
+      if (s.match_length <= s.max_lazy_match && s.lookahead >= MIN_MATCH2) {
+        s.match_length--;
+        do {
+          s.strstart++;
+          s.ins_h = (s.ins_h << s.hash_shift ^ s.window[s.strstart + MIN_MATCH2 - 1]) & s.hash_mask;
+          hash_head = s.prev[s.strstart & s.w_mask] = s.head[s.ins_h];
+          s.head[s.ins_h] = s.strstart;
+        } while (--s.match_length !== 0);
+        s.strstart++;
+      } else {
+        s.strstart += s.match_length;
+        s.match_length = 0;
+        s.ins_h = s.window[s.strstart];
+        s.ins_h = (s.ins_h << s.hash_shift ^ s.window[s.strstart + 1]) & s.hash_mask;
+      }
+    } else {
+      bflush = _tr_tally(s, 0, s.window[s.strstart]);
+      s.lookahead--;
+      s.strstart++;
+    }
+    if (bflush) {
+      flush_block_only(s, false);
+      if (s.strm.avail_out === 0) {
+        return BS_NEED_MORE;
+      }
+    }
+  }
+  s.insert = s.strstart < MIN_MATCH2 - 1 ? s.strstart : MIN_MATCH2 - 1;
+  if (flush === Z_FINISH2) {
+    flush_block_only(s, true);
+    if (s.strm.avail_out === 0) {
+      return BS_FINISH_STARTED;
+    }
+    return BS_FINISH_DONE;
+  }
+  if (s.last_lit) {
+    flush_block_only(s, false);
+    if (s.strm.avail_out === 0) {
+      return BS_NEED_MORE;
+    }
+  }
+  return BS_BLOCK_DONE;
+}
+function deflate_slow(s, flush) {
+  var hash_head;
+  var bflush;
+  var max_insert;
+  for (; ; ) {
+    if (s.lookahead < MIN_LOOKAHEAD) {
+      fill_window(s);
+      if (s.lookahead < MIN_LOOKAHEAD && flush === Z_NO_FLUSH) {
+        return BS_NEED_MORE;
+      }
+      if (s.lookahead === 0) {
+        break;
+      }
+    }
+    hash_head = 0;
+    if (s.lookahead >= MIN_MATCH2) {
+      s.ins_h = (s.ins_h << s.hash_shift ^ s.window[s.strstart + MIN_MATCH2 - 1]) & s.hash_mask;
+      hash_head = s.prev[s.strstart & s.w_mask] = s.head[s.ins_h];
+      s.head[s.ins_h] = s.strstart;
+    }
+    s.prev_length = s.match_length;
+    s.prev_match = s.match_start;
+    s.match_length = MIN_MATCH2 - 1;
+    if (hash_head !== 0 && s.prev_length < s.max_lazy_match && s.strstart - hash_head <= s.w_size - MIN_LOOKAHEAD) {
+      s.match_length = longest_match(s, hash_head);
+      if (s.match_length <= 5 && (s.strategy === Z_FILTERED || s.match_length === MIN_MATCH2 && s.strstart - s.match_start > 4096)) {
+        s.match_length = MIN_MATCH2 - 1;
+      }
+    }
+    if (s.prev_length >= MIN_MATCH2 && s.match_length <= s.prev_length) {
+      max_insert = s.strstart + s.lookahead - MIN_MATCH2;
+      bflush = _tr_tally(s, s.strstart - 1 - s.prev_match, s.prev_length - MIN_MATCH2);
+      s.lookahead -= s.prev_length - 1;
+      s.prev_length -= 2;
+      do {
+        if (++s.strstart <= max_insert) {
+          s.ins_h = (s.ins_h << s.hash_shift ^ s.window[s.strstart + MIN_MATCH2 - 1]) & s.hash_mask;
+          hash_head = s.prev[s.strstart & s.w_mask] = s.head[s.ins_h];
+          s.head[s.ins_h] = s.strstart;
+        }
+      } while (--s.prev_length !== 0);
+      s.match_available = 0;
+      s.match_length = MIN_MATCH2 - 1;
+      s.strstart++;
+      if (bflush) {
+        flush_block_only(s, false);
+        if (s.strm.avail_out === 0) {
+          return BS_NEED_MORE;
+        }
+      }
+    } else if (s.match_available) {
+      bflush = _tr_tally(s, 0, s.window[s.strstart - 1]);
+      if (bflush) {
+        flush_block_only(s, false);
+      }
+      s.strstart++;
+      s.lookahead--;
+      if (s.strm.avail_out === 0) {
+        return BS_NEED_MORE;
+      }
+    } else {
+      s.match_available = 1;
+      s.strstart++;
+      s.lookahead--;
+    }
+  }
+  if (s.match_available) {
+    bflush = _tr_tally(s, 0, s.window[s.strstart - 1]);
+    s.match_available = 0;
+  }
+  s.insert = s.strstart < MIN_MATCH2 - 1 ? s.strstart : MIN_MATCH2 - 1;
+  if (flush === Z_FINISH2) {
+    flush_block_only(s, true);
+    if (s.strm.avail_out === 0) {
+      return BS_FINISH_STARTED;
+    }
+    return BS_FINISH_DONE;
+  }
+  if (s.last_lit) {
+    flush_block_only(s, false);
+    if (s.strm.avail_out === 0) {
+      return BS_NEED_MORE;
+    }
+  }
+  return BS_BLOCK_DONE;
+}
+function deflate_rle(s, flush) {
+  var bflush;
+  var prev;
+  var scan, strend;
+  var _win = s.window;
+  for (; ; ) {
+    if (s.lookahead <= MAX_MATCH2) {
+      fill_window(s);
+      if (s.lookahead <= MAX_MATCH2 && flush === Z_NO_FLUSH) {
+        return BS_NEED_MORE;
+      }
+      if (s.lookahead === 0) {
+        break;
+      }
+    }
+    s.match_length = 0;
+    if (s.lookahead >= MIN_MATCH2 && s.strstart > 0) {
+      scan = s.strstart - 1;
+      prev = _win[scan];
+      if (prev === _win[++scan] && prev === _win[++scan] && prev === _win[++scan]) {
+        strend = s.strstart + MAX_MATCH2;
+        do {
+        } while (prev === _win[++scan] && prev === _win[++scan] && prev === _win[++scan] && prev === _win[++scan] && prev === _win[++scan] && prev === _win[++scan] && prev === _win[++scan] && prev === _win[++scan] && scan < strend);
+        s.match_length = MAX_MATCH2 - (strend - scan);
+        if (s.match_length > s.lookahead) {
+          s.match_length = s.lookahead;
+        }
+      }
+    }
+    if (s.match_length >= MIN_MATCH2) {
+      bflush = _tr_tally(s, 1, s.match_length - MIN_MATCH2);
+      s.lookahead -= s.match_length;
+      s.strstart += s.match_length;
+      s.match_length = 0;
+    } else {
+      bflush = _tr_tally(s, 0, s.window[s.strstart]);
+      s.lookahead--;
+      s.strstart++;
+    }
+    if (bflush) {
+      flush_block_only(s, false);
+      if (s.strm.avail_out === 0) {
+        return BS_NEED_MORE;
+      }
+    }
+  }
+  s.insert = 0;
+  if (flush === Z_FINISH2) {
+    flush_block_only(s, true);
+    if (s.strm.avail_out === 0) {
+      return BS_FINISH_STARTED;
+    }
+    return BS_FINISH_DONE;
+  }
+  if (s.last_lit) {
+    flush_block_only(s, false);
+    if (s.strm.avail_out === 0) {
+      return BS_NEED_MORE;
+    }
+  }
+  return BS_BLOCK_DONE;
+}
+function deflate_huff(s, flush) {
+  var bflush;
+  for (; ; ) {
+    if (s.lookahead === 0) {
+      fill_window(s);
+      if (s.lookahead === 0) {
+        if (flush === Z_NO_FLUSH) {
+          return BS_NEED_MORE;
+        }
+        break;
+      }
+    }
+    s.match_length = 0;
+    bflush = _tr_tally(s, 0, s.window[s.strstart]);
+    s.lookahead--;
+    s.strstart++;
+    if (bflush) {
+      flush_block_only(s, false);
+      if (s.strm.avail_out === 0) {
+        return BS_NEED_MORE;
+      }
+    }
+  }
+  s.insert = 0;
+  if (flush === Z_FINISH2) {
+    flush_block_only(s, true);
+    if (s.strm.avail_out === 0) {
+      return BS_FINISH_STARTED;
+    }
+    return BS_FINISH_DONE;
+  }
+  if (s.last_lit) {
+    flush_block_only(s, false);
+    if (s.strm.avail_out === 0) {
+      return BS_NEED_MORE;
+    }
+  }
+  return BS_BLOCK_DONE;
+}
+function Config(good_length, max_lazy, nice_length, max_chain, func) {
+  this.good_length = good_length;
+  this.max_lazy = max_lazy;
+  this.nice_length = nice_length;
+  this.max_chain = max_chain;
+  this.func = func;
+}
+var configuration_table;
+configuration_table = [
+  /*      good lazy nice chain */
+  new Config(0, 0, 0, 0, deflate_stored),
+  /* 0 store only */
+  new Config(4, 4, 8, 4, deflate_fast),
+  /* 1 max speed, no lazy matches */
+  new Config(4, 5, 16, 8, deflate_fast),
+  /* 2 */
+  new Config(4, 6, 32, 32, deflate_fast),
+  /* 3 */
+  new Config(4, 4, 16, 16, deflate_slow),
+  /* 4 lazy matches */
+  new Config(8, 16, 32, 32, deflate_slow),
+  /* 5 */
+  new Config(8, 16, 128, 128, deflate_slow),
+  /* 6 */
+  new Config(8, 32, 128, 256, deflate_slow),
+  /* 7 */
+  new Config(32, 128, 258, 1024, deflate_slow),
+  /* 8 */
+  new Config(32, 258, 258, 4096, deflate_slow)
+  /* 9 max compression */
+];
+function lm_init(s) {
+  s.window_size = 2 * s.w_size;
+  zero2(s.head);
+  s.max_lazy_match = configuration_table[s.level].max_lazy;
+  s.good_match = configuration_table[s.level].good_length;
+  s.nice_match = configuration_table[s.level].nice_length;
+  s.max_chain_length = configuration_table[s.level].max_chain;
+  s.strstart = 0;
+  s.block_start = 0;
+  s.lookahead = 0;
+  s.insert = 0;
+  s.match_length = s.prev_length = MIN_MATCH2 - 1;
+  s.match_available = 0;
+  s.ins_h = 0;
+}
+function DeflateState() {
+  this.strm = null;
+  this.status = 0;
+  this.pending_buf = null;
+  this.pending_buf_size = 0;
+  this.pending_out = 0;
+  this.pending = 0;
+  this.wrap = 0;
+  this.gzhead = null;
+  this.gzindex = 0;
+  this.method = Z_DEFLATED2;
+  this.last_flush = -1;
+  this.w_size = 0;
+  this.w_bits = 0;
+  this.w_mask = 0;
+  this.window = null;
+  this.window_size = 0;
+  this.prev = null;
+  this.head = null;
+  this.ins_h = 0;
+  this.hash_size = 0;
+  this.hash_bits = 0;
+  this.hash_mask = 0;
+  this.hash_shift = 0;
+  this.block_start = 0;
+  this.match_length = 0;
+  this.prev_match = 0;
+  this.match_available = 0;
+  this.strstart = 0;
+  this.match_start = 0;
+  this.lookahead = 0;
+  this.prev_length = 0;
+  this.max_chain_length = 0;
+  this.max_lazy_match = 0;
+  this.level = 0;
+  this.strategy = 0;
+  this.good_match = 0;
+  this.nice_match = 0;
+  this.dyn_ltree = new Buf16(HEAP_SIZE2 * 2);
+  this.dyn_dtree = new Buf16((2 * D_CODES2 + 1) * 2);
+  this.bl_tree = new Buf16((2 * BL_CODES2 + 1) * 2);
+  zero2(this.dyn_ltree);
+  zero2(this.dyn_dtree);
+  zero2(this.bl_tree);
+  this.l_desc = null;
+  this.d_desc = null;
+  this.bl_desc = null;
+  this.bl_count = new Buf16(MAX_BITS2 + 1);
+  this.heap = new Buf16(2 * L_CODES2 + 1);
+  zero2(this.heap);
+  this.heap_len = 0;
+  this.heap_max = 0;
+  this.depth = new Buf16(2 * L_CODES2 + 1);
+  zero2(this.depth);
+  this.l_buf = 0;
+  this.lit_bufsize = 0;
+  this.last_lit = 0;
+  this.d_buf = 0;
+  this.opt_len = 0;
+  this.static_len = 0;
+  this.matches = 0;
+  this.insert = 0;
+  this.bi_buf = 0;
+  this.bi_valid = 0;
+}
+function deflateResetKeep(strm) {
+  var s;
+  if (!strm || !strm.state) {
+    return err(strm, Z_STREAM_ERROR2);
+  }
+  strm.total_in = strm.total_out = 0;
+  strm.data_type = Z_UNKNOWN2;
+  s = strm.state;
+  s.pending = 0;
+  s.pending_out = 0;
+  if (s.wrap < 0) {
+    s.wrap = -s.wrap;
+  }
+  s.status = s.wrap ? INIT_STATE : BUSY_STATE;
+  strm.adler = s.wrap === 2 ? 0 : 1;
+  s.last_flush = Z_NO_FLUSH;
+  _tr_init(s);
+  return Z_OK2;
+}
+function deflateReset(strm) {
+  var ret = deflateResetKeep(strm);
+  if (ret === Z_OK2) {
+    lm_init(strm.state);
+  }
+  return ret;
+}
+function deflateInit2(strm, level, method, windowBits, memLevel, strategy) {
+  if (!strm) {
+    return Z_STREAM_ERROR2;
+  }
+  var wrap = 1;
+  if (level === Z_DEFAULT_COMPRESSION) {
+    level = 6;
+  }
+  if (windowBits < 0) {
+    wrap = 0;
+    windowBits = -windowBits;
+  } else if (windowBits > 15) {
+    wrap = 2;
+    windowBits -= 16;
+  }
+  if (memLevel < 1 || memLevel > MAX_MEM_LEVEL || method !== Z_DEFLATED2 || windowBits < 8 || windowBits > 15 || level < 0 || level > 9 || strategy < 0 || strategy > Z_FIXED2) {
+    return err(strm, Z_STREAM_ERROR2);
+  }
+  if (windowBits === 8) {
+    windowBits = 9;
+  }
+  var s = new DeflateState();
+  strm.state = s;
+  s.strm = strm;
+  s.wrap = wrap;
+  s.gzhead = null;
+  s.w_bits = windowBits;
+  s.w_size = 1 << s.w_bits;
+  s.w_mask = s.w_size - 1;
+  s.hash_bits = memLevel + 7;
+  s.hash_size = 1 << s.hash_bits;
+  s.hash_mask = s.hash_size - 1;
+  s.hash_shift = ~~((s.hash_bits + MIN_MATCH2 - 1) / MIN_MATCH2);
+  s.window = new Buf8(s.w_size * 2);
+  s.head = new Buf16(s.hash_size);
+  s.prev = new Buf16(s.w_size);
+  s.lit_bufsize = 1 << memLevel + 6;
+  s.pending_buf_size = s.lit_bufsize * 4;
+  s.pending_buf = new Buf8(s.pending_buf_size);
+  s.d_buf = 1 * s.lit_bufsize;
+  s.l_buf = (1 + 2) * s.lit_bufsize;
+  s.level = level;
+  s.strategy = strategy;
+  s.method = method;
+  return deflateReset(strm);
+}
+function deflateInit(strm, level) {
+  return deflateInit2(strm, level, Z_DEFLATED2, MAX_WBITS2, DEF_MEM_LEVEL, Z_DEFAULT_STRATEGY);
+}
+function deflate(strm, flush) {
+  var old_flush, s;
+  var beg, val;
+  if (!strm || !strm.state || flush > Z_BLOCK2 || flush < 0) {
+    return strm ? err(strm, Z_STREAM_ERROR2) : Z_STREAM_ERROR2;
+  }
+  s = strm.state;
+  if (!strm.output || !strm.input && strm.avail_in !== 0 || s.status === FINISH_STATE && flush !== Z_FINISH2) {
+    return err(strm, strm.avail_out === 0 ? Z_BUF_ERROR2 : Z_STREAM_ERROR2);
+  }
+  s.strm = strm;
+  old_flush = s.last_flush;
+  s.last_flush = flush;
+  if (s.status === INIT_STATE) {
+    if (s.wrap === 2) {
+      strm.adler = 0;
+      put_byte(s, 31);
+      put_byte(s, 139);
+      put_byte(s, 8);
+      if (!s.gzhead) {
+        put_byte(s, 0);
+        put_byte(s, 0);
+        put_byte(s, 0);
+        put_byte(s, 0);
+        put_byte(s, 0);
+        put_byte(s, s.level === 9 ? 2 : s.strategy >= Z_HUFFMAN_ONLY || s.level < 2 ? 4 : 0);
+        put_byte(s, OS_CODE);
+        s.status = BUSY_STATE;
+      } else {
+        put_byte(
+          s,
+          (s.gzhead.text ? 1 : 0) + (s.gzhead.hcrc ? 2 : 0) + (!s.gzhead.extra ? 0 : 4) + (!s.gzhead.name ? 0 : 8) + (!s.gzhead.comment ? 0 : 16)
+        );
+        put_byte(s, s.gzhead.time & 255);
+        put_byte(s, s.gzhead.time >> 8 & 255);
+        put_byte(s, s.gzhead.time >> 16 & 255);
+        put_byte(s, s.gzhead.time >> 24 & 255);
+        put_byte(s, s.level === 9 ? 2 : s.strategy >= Z_HUFFMAN_ONLY || s.level < 2 ? 4 : 0);
+        put_byte(s, s.gzhead.os & 255);
+        if (s.gzhead.extra && s.gzhead.extra.length) {
+          put_byte(s, s.gzhead.extra.length & 255);
+          put_byte(s, s.gzhead.extra.length >> 8 & 255);
+        }
+        if (s.gzhead.hcrc) {
+          strm.adler = makeTable(strm.adler, s.pending_buf, s.pending, 0);
+        }
+        s.gzindex = 0;
+        s.status = EXTRA_STATE;
+      }
+    } else {
+      var header = Z_DEFLATED2 + (s.w_bits - 8 << 4) << 8;
+      var level_flags = -1;
+      if (s.strategy >= Z_HUFFMAN_ONLY || s.level < 2) {
+        level_flags = 0;
+      } else if (s.level < 6) {
+        level_flags = 1;
+      } else if (s.level === 6) {
+        level_flags = 2;
+      } else {
+        level_flags = 3;
+      }
+      header |= level_flags << 6;
+      if (s.strstart !== 0) {
+        header |= PRESET_DICT;
+      }
+      header += 31 - header % 31;
+      s.status = BUSY_STATE;
+      putShortMSB(s, header);
+      if (s.strstart !== 0) {
+        putShortMSB(s, strm.adler >>> 16);
+        putShortMSB(s, strm.adler & 65535);
+      }
+      strm.adler = 1;
+    }
+  }
+  if (s.status === EXTRA_STATE) {
+    if (s.gzhead.extra) {
+      beg = s.pending;
+      while (s.gzindex < (s.gzhead.extra.length & 65535)) {
+        if (s.pending === s.pending_buf_size) {
+          if (s.gzhead.hcrc && s.pending > beg) {
+            strm.adler = makeTable(strm.adler, s.pending_buf, s.pending - beg, beg);
+          }
+          flush_pending(strm);
+          beg = s.pending;
+          if (s.pending === s.pending_buf_size) {
+            break;
+          }
+        }
+        put_byte(s, s.gzhead.extra[s.gzindex] & 255);
+        s.gzindex++;
+      }
+      if (s.gzhead.hcrc && s.pending > beg) {
+        strm.adler = makeTable(strm.adler, s.pending_buf, s.pending - beg, beg);
+      }
+      if (s.gzindex === s.gzhead.extra.length) {
+        s.gzindex = 0;
+        s.status = NAME_STATE;
+      }
+    } else {
+      s.status = NAME_STATE;
+    }
+  }
+  if (s.status === NAME_STATE) {
+    if (s.gzhead.name) {
+      beg = s.pending;
+      do {
+        if (s.pending === s.pending_buf_size) {
+          if (s.gzhead.hcrc && s.pending > beg) {
+            strm.adler = makeTable(strm.adler, s.pending_buf, s.pending - beg, beg);
+          }
+          flush_pending(strm);
+          beg = s.pending;
+          if (s.pending === s.pending_buf_size) {
+            val = 1;
+            break;
+          }
+        }
+        if (s.gzindex < s.gzhead.name.length) {
+          val = s.gzhead.name.charCodeAt(s.gzindex++) & 255;
+        } else {
+          val = 0;
+        }
+        put_byte(s, val);
+      } while (val !== 0);
+      if (s.gzhead.hcrc && s.pending > beg) {
+        strm.adler = makeTable(strm.adler, s.pending_buf, s.pending - beg, beg);
+      }
+      if (val === 0) {
+        s.gzindex = 0;
+        s.status = COMMENT_STATE;
+      }
+    } else {
+      s.status = COMMENT_STATE;
+    }
+  }
+  if (s.status === COMMENT_STATE) {
+    if (s.gzhead.comment) {
+      beg = s.pending;
+      do {
+        if (s.pending === s.pending_buf_size) {
+          if (s.gzhead.hcrc && s.pending > beg) {
+            strm.adler = makeTable(strm.adler, s.pending_buf, s.pending - beg, beg);
+          }
+          flush_pending(strm);
+          beg = s.pending;
+          if (s.pending === s.pending_buf_size) {
+            val = 1;
+            break;
+          }
+        }
+        if (s.gzindex < s.gzhead.comment.length) {
+          val = s.gzhead.comment.charCodeAt(s.gzindex++) & 255;
+        } else {
+          val = 0;
+        }
+        put_byte(s, val);
+      } while (val !== 0);
+      if (s.gzhead.hcrc && s.pending > beg) {
+        strm.adler = makeTable(strm.adler, s.pending_buf, s.pending - beg, beg);
+      }
+      if (val === 0) {
+        s.status = HCRC_STATE;
+      }
+    } else {
+      s.status = HCRC_STATE;
+    }
+  }
+  if (s.status === HCRC_STATE) {
+    if (s.gzhead.hcrc) {
+      if (s.pending + 2 > s.pending_buf_size) {
+        flush_pending(strm);
+      }
+      if (s.pending + 2 <= s.pending_buf_size) {
+        put_byte(s, strm.adler & 255);
+        put_byte(s, strm.adler >> 8 & 255);
+        strm.adler = 0;
+        s.status = BUSY_STATE;
+      }
+    } else {
+      s.status = BUSY_STATE;
+    }
+  }
+  if (s.pending !== 0) {
+    flush_pending(strm);
+    if (strm.avail_out === 0) {
+      s.last_flush = -1;
+      return Z_OK2;
+    }
+  } else if (strm.avail_in === 0 && rank(flush) <= rank(old_flush) && flush !== Z_FINISH2) {
+    return err(strm, Z_BUF_ERROR2);
+  }
+  if (s.status === FINISH_STATE && strm.avail_in !== 0) {
+    return err(strm, Z_BUF_ERROR2);
+  }
+  if (strm.avail_in !== 0 || s.lookahead !== 0 || flush !== Z_NO_FLUSH && s.status !== FINISH_STATE) {
+    var bstate = s.strategy === Z_HUFFMAN_ONLY ? deflate_huff(s, flush) : s.strategy === Z_RLE ? deflate_rle(s, flush) : configuration_table[s.level].func(s, flush);
+    if (bstate === BS_FINISH_STARTED || bstate === BS_FINISH_DONE) {
+      s.status = FINISH_STATE;
+    }
+    if (bstate === BS_NEED_MORE || bstate === BS_FINISH_STARTED) {
+      if (strm.avail_out === 0) {
+        s.last_flush = -1;
+      }
+      return Z_OK2;
+    }
+    if (bstate === BS_BLOCK_DONE) {
+      if (flush === Z_PARTIAL_FLUSH) {
+        _tr_align(s);
+      } else if (flush !== Z_BLOCK2) {
+        _tr_stored_block(s, 0, 0, false);
+        if (flush === Z_FULL_FLUSH) {
+          zero2(s.head);
+          if (s.lookahead === 0) {
+            s.strstart = 0;
+            s.block_start = 0;
+            s.insert = 0;
+          }
+        }
+      }
+      flush_pending(strm);
+      if (strm.avail_out === 0) {
+        s.last_flush = -1;
+        return Z_OK2;
+      }
+    }
+  }
+  if (flush !== Z_FINISH2) {
+    return Z_OK2;
+  }
+  if (s.wrap <= 0) {
+    return Z_STREAM_END2;
+  }
+  if (s.wrap === 2) {
+    put_byte(s, strm.adler & 255);
+    put_byte(s, strm.adler >> 8 & 255);
+    put_byte(s, strm.adler >> 16 & 255);
+    put_byte(s, strm.adler >> 24 & 255);
+    put_byte(s, strm.total_in & 255);
+    put_byte(s, strm.total_in >> 8 & 255);
+    put_byte(s, strm.total_in >> 16 & 255);
+    put_byte(s, strm.total_in >> 24 & 255);
+  } else {
+    putShortMSB(s, strm.adler >>> 16);
+    putShortMSB(s, strm.adler & 65535);
+  }
+  flush_pending(strm);
+  if (s.wrap > 0) {
+    s.wrap = -s.wrap;
+  }
+  return s.pending !== 0 ? Z_OK2 : Z_STREAM_END2;
+}
+
+// node_modules/@novnc/novnc/core/deflator.js
+var Deflator = class {
+  constructor() {
+    this.strm = new ZStream();
+    this.chunkSize = 1024 * 10 * 10;
+    this.outputBuffer = new Uint8Array(this.chunkSize);
+    deflateInit(this.strm, Z_DEFAULT_COMPRESSION);
+  }
+  deflate(inData) {
+    this.strm.input = inData;
+    this.strm.avail_in = this.strm.input.length;
+    this.strm.next_in = 0;
+    this.strm.output = this.outputBuffer;
+    this.strm.avail_out = this.chunkSize;
+    this.strm.next_out = 0;
+    let lastRet = deflate(this.strm, Z_FULL_FLUSH);
+    let outData = new Uint8Array(this.strm.output.buffer, 0, this.strm.next_out);
+    if (lastRet < 0) {
+      throw new Error("zlib deflate failed");
+    }
+    if (this.strm.avail_in > 0) {
+      let chunks = [outData];
+      let totalLen = outData.length;
+      do {
+        this.strm.output = new Uint8Array(this.chunkSize);
+        this.strm.next_out = 0;
+        this.strm.avail_out = this.chunkSize;
+        lastRet = deflate(this.strm, Z_FULL_FLUSH);
+        if (lastRet < 0) {
+          throw new Error("zlib deflate failed");
+        }
+        let chunk = new Uint8Array(this.strm.output.buffer, 0, this.strm.next_out);
+        totalLen += chunk.length;
+        chunks.push(chunk);
+      } while (this.strm.avail_in > 0);
+      let newData = new Uint8Array(totalLen);
+      let offset = 0;
+      for (let i2 = 0; i2 < chunks.length; i2++) {
+        newData.set(chunks[i2], offset);
+        offset += chunks[i2].length;
+      }
+      outData = newData;
+    }
+    this.strm.input = null;
+    this.strm.avail_in = 0;
+    this.strm.next_in = 0;
+    return outData;
+  }
+};
+
+// node_modules/@novnc/novnc/core/input/keysym.js
+var keysym_default = {
+  XK_VoidSymbol: 16777215,
+  /* Void symbol */
+  XK_BackSpace: 65288,
+  /* Back space, back char */
+  XK_Tab: 65289,
+  XK_Linefeed: 65290,
+  /* Linefeed, LF */
+  XK_Clear: 65291,
+  XK_Return: 65293,
+  /* Return, enter */
+  XK_Pause: 65299,
+  /* Pause, hold */
+  XK_Scroll_Lock: 65300,
+  XK_Sys_Req: 65301,
+  XK_Escape: 65307,
+  XK_Delete: 65535,
+  /* Delete, rubout */
+  /* International & multi-key character composition */
+  XK_Multi_key: 65312,
+  /* Multi-key character compose */
+  XK_Codeinput: 65335,
+  XK_SingleCandidate: 65340,
+  XK_MultipleCandidate: 65341,
+  XK_PreviousCandidate: 65342,
+  /* Japanese keyboard support */
+  XK_Kanji: 65313,
+  /* Kanji, Kanji convert */
+  XK_Muhenkan: 65314,
+  /* Cancel Conversion */
+  XK_Henkan_Mode: 65315,
+  /* Start/Stop Conversion */
+  XK_Henkan: 65315,
+  /* Alias for Henkan_Mode */
+  XK_Romaji: 65316,
+  /* to Romaji */
+  XK_Hiragana: 65317,
+  /* to Hiragana */
+  XK_Katakana: 65318,
+  /* to Katakana */
+  XK_Hiragana_Katakana: 65319,
+  /* Hiragana/Katakana toggle */
+  XK_Zenkaku: 65320,
+  /* to Zenkaku */
+  XK_Hankaku: 65321,
+  /* to Hankaku */
+  XK_Zenkaku_Hankaku: 65322,
+  /* Zenkaku/Hankaku toggle */
+  XK_Touroku: 65323,
+  /* Add to Dictionary */
+  XK_Massyo: 65324,
+  /* Delete from Dictionary */
+  XK_Kana_Lock: 65325,
+  /* Kana Lock */
+  XK_Kana_Shift: 65326,
+  /* Kana Shift */
+  XK_Eisu_Shift: 65327,
+  /* Alphanumeric Shift */
+  XK_Eisu_toggle: 65328,
+  /* Alphanumeric toggle */
+  XK_Kanji_Bangou: 65335,
+  /* Codeinput */
+  XK_Zen_Koho: 65341,
+  /* Multiple/All Candidate(s) */
+  XK_Mae_Koho: 65342,
+  /* Previous Candidate */
+  /* Cursor control & motion */
+  XK_Home: 65360,
+  XK_Left: 65361,
+  /* Move left, left arrow */
+  XK_Up: 65362,
+  /* Move up, up arrow */
+  XK_Right: 65363,
+  /* Move right, right arrow */
+  XK_Down: 65364,
+  /* Move down, down arrow */
+  XK_Prior: 65365,
+  /* Prior, previous */
+  XK_Page_Up: 65365,
+  XK_Next: 65366,
+  /* Next */
+  XK_Page_Down: 65366,
+  XK_End: 65367,
+  /* EOL */
+  XK_Begin: 65368,
+  /* BOL */
+  /* Misc functions */
+  XK_Select: 65376,
+  /* Select, mark */
+  XK_Print: 65377,
+  XK_Execute: 65378,
+  /* Execute, run, do */
+  XK_Insert: 65379,
+  /* Insert, insert here */
+  XK_Undo: 65381,
+  XK_Redo: 65382,
+  /* Redo, again */
+  XK_Menu: 65383,
+  XK_Find: 65384,
+  /* Find, search */
+  XK_Cancel: 65385,
+  /* Cancel, stop, abort, exit */
+  XK_Help: 65386,
+  /* Help */
+  XK_Break: 65387,
+  XK_Mode_switch: 65406,
+  /* Character set switch */
+  XK_script_switch: 65406,
+  /* Alias for mode_switch */
+  XK_Num_Lock: 65407,
+  /* Keypad functions, keypad numbers cleverly chosen to map to ASCII */
+  XK_KP_Space: 65408,
+  /* Space */
+  XK_KP_Tab: 65417,
+  XK_KP_Enter: 65421,
+  /* Enter */
+  XK_KP_F1: 65425,
+  /* PF1, KP_A, ... */
+  XK_KP_F2: 65426,
+  XK_KP_F3: 65427,
+  XK_KP_F4: 65428,
+  XK_KP_Home: 65429,
+  XK_KP_Left: 65430,
+  XK_KP_Up: 65431,
+  XK_KP_Right: 65432,
+  XK_KP_Down: 65433,
+  XK_KP_Prior: 65434,
+  XK_KP_Page_Up: 65434,
+  XK_KP_Next: 65435,
+  XK_KP_Page_Down: 65435,
+  XK_KP_End: 65436,
+  XK_KP_Begin: 65437,
+  XK_KP_Insert: 65438,
+  XK_KP_Delete: 65439,
+  XK_KP_Equal: 65469,
+  /* Equals */
+  XK_KP_Multiply: 65450,
+  XK_KP_Add: 65451,
+  XK_KP_Separator: 65452,
+  /* Separator, often comma */
+  XK_KP_Subtract: 65453,
+  XK_KP_Decimal: 65454,
+  XK_KP_Divide: 65455,
+  XK_KP_0: 65456,
+  XK_KP_1: 65457,
+  XK_KP_2: 65458,
+  XK_KP_3: 65459,
+  XK_KP_4: 65460,
+  XK_KP_5: 65461,
+  XK_KP_6: 65462,
+  XK_KP_7: 65463,
+  XK_KP_8: 65464,
+  XK_KP_9: 65465,
+  /*
+   * Auxiliary functions; note the duplicate definitions for left and right
+   * function keys;  Sun keyboards and a few other manufacturers have such
+   * function key groups on the left and/or right sides of the keyboard.
+   * We've not found a keyboard with more than 35 function keys total.
+   */
+  XK_F1: 65470,
+  XK_F2: 65471,
+  XK_F3: 65472,
+  XK_F4: 65473,
+  XK_F5: 65474,
+  XK_F6: 65475,
+  XK_F7: 65476,
+  XK_F8: 65477,
+  XK_F9: 65478,
+  XK_F10: 65479,
+  XK_F11: 65480,
+  XK_L1: 65480,
+  XK_F12: 65481,
+  XK_L2: 65481,
+  XK_F13: 65482,
+  XK_L3: 65482,
+  XK_F14: 65483,
+  XK_L4: 65483,
+  XK_F15: 65484,
+  XK_L5: 65484,
+  XK_F16: 65485,
+  XK_L6: 65485,
+  XK_F17: 65486,
+  XK_L7: 65486,
+  XK_F18: 65487,
+  XK_L8: 65487,
+  XK_F19: 65488,
+  XK_L9: 65488,
+  XK_F20: 65489,
+  XK_L10: 65489,
+  XK_F21: 65490,
+  XK_R1: 65490,
+  XK_F22: 65491,
+  XK_R2: 65491,
+  XK_F23: 65492,
+  XK_R3: 65492,
+  XK_F24: 65493,
+  XK_R4: 65493,
+  XK_F25: 65494,
+  XK_R5: 65494,
+  XK_F26: 65495,
+  XK_R6: 65495,
+  XK_F27: 65496,
+  XK_R7: 65496,
+  XK_F28: 65497,
+  XK_R8: 65497,
+  XK_F29: 65498,
+  XK_R9: 65498,
+  XK_F30: 65499,
+  XK_R10: 65499,
+  XK_F31: 65500,
+  XK_R11: 65500,
+  XK_F32: 65501,
+  XK_R12: 65501,
+  XK_F33: 65502,
+  XK_R13: 65502,
+  XK_F34: 65503,
+  XK_R14: 65503,
+  XK_F35: 65504,
+  XK_R15: 65504,
+  /* Modifiers */
+  XK_Shift_L: 65505,
+  /* Left shift */
+  XK_Shift_R: 65506,
+  /* Right shift */
+  XK_Control_L: 65507,
+  /* Left control */
+  XK_Control_R: 65508,
+  /* Right control */
+  XK_Caps_Lock: 65509,
+  /* Caps lock */
+  XK_Shift_Lock: 65510,
+  /* Shift lock */
+  XK_Meta_L: 65511,
+  /* Left meta */
+  XK_Meta_R: 65512,
+  /* Right meta */
+  XK_Alt_L: 65513,
+  /* Left alt */
+  XK_Alt_R: 65514,
+  /* Right alt */
+  XK_Super_L: 65515,
+  /* Left super */
+  XK_Super_R: 65516,
+  /* Right super */
+  XK_Hyper_L: 65517,
+  /* Left hyper */
+  XK_Hyper_R: 65518,
+  /* Right hyper */
+  /*
+   * Keyboard (XKB) Extension function and modifier keys
+   * (from Appendix C of "The X Keyboard Extension: Protocol Specification")
+   * Byte 3 = 0xfe
+   */
+  XK_ISO_Level3_Shift: 65027,
+  /* AltGr */
+  XK_ISO_Next_Group: 65032,
+  XK_ISO_Prev_Group: 65034,
+  XK_ISO_First_Group: 65036,
+  XK_ISO_Last_Group: 65038,
+  /*
+   * Latin 1
+   * (ISO/IEC 8859-1: Unicode U+0020..U+00FF)
+   * Byte 3: 0
+   */
+  XK_space: 32,
+  /* U+0020 SPACE */
+  XK_exclam: 33,
+  /* U+0021 EXCLAMATION MARK */
+  XK_quotedbl: 34,
+  /* U+0022 QUOTATION MARK */
+  XK_numbersign: 35,
+  /* U+0023 NUMBER SIGN */
+  XK_dollar: 36,
+  /* U+0024 DOLLAR SIGN */
+  XK_percent: 37,
+  /* U+0025 PERCENT SIGN */
+  XK_ampersand: 38,
+  /* U+0026 AMPERSAND */
+  XK_apostrophe: 39,
+  /* U+0027 APOSTROPHE */
+  XK_quoteright: 39,
+  /* deprecated */
+  XK_parenleft: 40,
+  /* U+0028 LEFT PARENTHESIS */
+  XK_parenright: 41,
+  /* U+0029 RIGHT PARENTHESIS */
+  XK_asterisk: 42,
+  /* U+002A ASTERISK */
+  XK_plus: 43,
+  /* U+002B PLUS SIGN */
+  XK_comma: 44,
+  /* U+002C COMMA */
+  XK_minus: 45,
+  /* U+002D HYPHEN-MINUS */
+  XK_period: 46,
+  /* U+002E FULL STOP */
+  XK_slash: 47,
+  /* U+002F SOLIDUS */
+  XK_0: 48,
+  /* U+0030 DIGIT ZERO */
+  XK_1: 49,
+  /* U+0031 DIGIT ONE */
+  XK_2: 50,
+  /* U+0032 DIGIT TWO */
+  XK_3: 51,
+  /* U+0033 DIGIT THREE */
+  XK_4: 52,
+  /* U+0034 DIGIT FOUR */
+  XK_5: 53,
+  /* U+0035 DIGIT FIVE */
+  XK_6: 54,
+  /* U+0036 DIGIT SIX */
+  XK_7: 55,
+  /* U+0037 DIGIT SEVEN */
+  XK_8: 56,
+  /* U+0038 DIGIT EIGHT */
+  XK_9: 57,
+  /* U+0039 DIGIT NINE */
+  XK_colon: 58,
+  /* U+003A COLON */
+  XK_semicolon: 59,
+  /* U+003B SEMICOLON */
+  XK_less: 60,
+  /* U+003C LESS-THAN SIGN */
+  XK_equal: 61,
+  /* U+003D EQUALS SIGN */
+  XK_greater: 62,
+  /* U+003E GREATER-THAN SIGN */
+  XK_question: 63,
+  /* U+003F QUESTION MARK */
+  XK_at: 64,
+  /* U+0040 COMMERCIAL AT */
+  XK_A: 65,
+  /* U+0041 LATIN CAPITAL LETTER A */
+  XK_B: 66,
+  /* U+0042 LATIN CAPITAL LETTER B */
+  XK_C: 67,
+  /* U+0043 LATIN CAPITAL LETTER C */
+  XK_D: 68,
+  /* U+0044 LATIN CAPITAL LETTER D */
+  XK_E: 69,
+  /* U+0045 LATIN CAPITAL LETTER E */
+  XK_F: 70,
+  /* U+0046 LATIN CAPITAL LETTER F */
+  XK_G: 71,
+  /* U+0047 LATIN CAPITAL LETTER G */
+  XK_H: 72,
+  /* U+0048 LATIN CAPITAL LETTER H */
+  XK_I: 73,
+  /* U+0049 LATIN CAPITAL LETTER I */
+  XK_J: 74,
+  /* U+004A LATIN CAPITAL LETTER J */
+  XK_K: 75,
+  /* U+004B LATIN CAPITAL LETTER K */
+  XK_L: 76,
+  /* U+004C LATIN CAPITAL LETTER L */
+  XK_M: 77,
+  /* U+004D LATIN CAPITAL LETTER M */
+  XK_N: 78,
+  /* U+004E LATIN CAPITAL LETTER N */
+  XK_O: 79,
+  /* U+004F LATIN CAPITAL LETTER O */
+  XK_P: 80,
+  /* U+0050 LATIN CAPITAL LETTER P */
+  XK_Q: 81,
+  /* U+0051 LATIN CAPITAL LETTER Q */
+  XK_R: 82,
+  /* U+0052 LATIN CAPITAL LETTER R */
+  XK_S: 83,
+  /* U+0053 LATIN CAPITAL LETTER S */
+  XK_T: 84,
+  /* U+0054 LATIN CAPITAL LETTER T */
+  XK_U: 85,
+  /* U+0055 LATIN CAPITAL LETTER U */
+  XK_V: 86,
+  /* U+0056 LATIN CAPITAL LETTER V */
+  XK_W: 87,
+  /* U+0057 LATIN CAPITAL LETTER W */
+  XK_X: 88,
+  /* U+0058 LATIN CAPITAL LETTER X */
+  XK_Y: 89,
+  /* U+0059 LATIN CAPITAL LETTER Y */
+  XK_Z: 90,
+  /* U+005A LATIN CAPITAL LETTER Z */
+  XK_bracketleft: 91,
+  /* U+005B LEFT SQUARE BRACKET */
+  XK_backslash: 92,
+  /* U+005C REVERSE SOLIDUS */
+  XK_bracketright: 93,
+  /* U+005D RIGHT SQUARE BRACKET */
+  XK_asciicircum: 94,
+  /* U+005E CIRCUMFLEX ACCENT */
+  XK_underscore: 95,
+  /* U+005F LOW LINE */
+  XK_grave: 96,
+  /* U+0060 GRAVE ACCENT */
+  XK_quoteleft: 96,
+  /* deprecated */
+  XK_a: 97,
+  /* U+0061 LATIN SMALL LETTER A */
+  XK_b: 98,
+  /* U+0062 LATIN SMALL LETTER B */
+  XK_c: 99,
+  /* U+0063 LATIN SMALL LETTER C */
+  XK_d: 100,
+  /* U+0064 LATIN SMALL LETTER D */
+  XK_e: 101,
+  /* U+0065 LATIN SMALL LETTER E */
+  XK_f: 102,
+  /* U+0066 LATIN SMALL LETTER F */
+  XK_g: 103,
+  /* U+0067 LATIN SMALL LETTER G */
+  XK_h: 104,
+  /* U+0068 LATIN SMALL LETTER H */
+  XK_i: 105,
+  /* U+0069 LATIN SMALL LETTER I */
+  XK_j: 106,
+  /* U+006A LATIN SMALL LETTER J */
+  XK_k: 107,
+  /* U+006B LATIN SMALL LETTER K */
+  XK_l: 108,
+  /* U+006C LATIN SMALL LETTER L */
+  XK_m: 109,
+  /* U+006D LATIN SMALL LETTER M */
+  XK_n: 110,
+  /* U+006E LATIN SMALL LETTER N */
+  XK_o: 111,
+  /* U+006F LATIN SMALL LETTER O */
+  XK_p: 112,
+  /* U+0070 LATIN SMALL LETTER P */
+  XK_q: 113,
+  /* U+0071 LATIN SMALL LETTER Q */
+  XK_r: 114,
+  /* U+0072 LATIN SMALL LETTER R */
+  XK_s: 115,
+  /* U+0073 LATIN SMALL LETTER S */
+  XK_t: 116,
+  /* U+0074 LATIN SMALL LETTER T */
+  XK_u: 117,
+  /* U+0075 LATIN SMALL LETTER U */
+  XK_v: 118,
+  /* U+0076 LATIN SMALL LETTER V */
+  XK_w: 119,
+  /* U+0077 LATIN SMALL LETTER W */
+  XK_x: 120,
+  /* U+0078 LATIN SMALL LETTER X */
+  XK_y: 121,
+  /* U+0079 LATIN SMALL LETTER Y */
+  XK_z: 122,
+  /* U+007A LATIN SMALL LETTER Z */
+  XK_braceleft: 123,
+  /* U+007B LEFT CURLY BRACKET */
+  XK_bar: 124,
+  /* U+007C VERTICAL LINE */
+  XK_braceright: 125,
+  /* U+007D RIGHT CURLY BRACKET */
+  XK_asciitilde: 126,
+  /* U+007E TILDE */
+  XK_nobreakspace: 160,
+  /* U+00A0 NO-BREAK SPACE */
+  XK_exclamdown: 161,
+  /* U+00A1 INVERTED EXCLAMATION MARK */
+  XK_cent: 162,
+  /* U+00A2 CENT SIGN */
+  XK_sterling: 163,
+  /* U+00A3 POUND SIGN */
+  XK_currency: 164,
+  /* U+00A4 CURRENCY SIGN */
+  XK_yen: 165,
+  /* U+00A5 YEN SIGN */
+  XK_brokenbar: 166,
+  /* U+00A6 BROKEN BAR */
+  XK_section: 167,
+  /* U+00A7 SECTION SIGN */
+  XK_diaeresis: 168,
+  /* U+00A8 DIAERESIS */
+  XK_copyright: 169,
+  /* U+00A9 COPYRIGHT SIGN */
+  XK_ordfeminine: 170,
+  /* U+00AA FEMININE ORDINAL INDICATOR */
+  XK_guillemotleft: 171,
+  /* U+00AB LEFT-POINTING DOUBLE ANGLE QUOTATION MARK */
+  XK_notsign: 172,
+  /* U+00AC NOT SIGN */
+  XK_hyphen: 173,
+  /* U+00AD SOFT HYPHEN */
+  XK_registered: 174,
+  /* U+00AE REGISTERED SIGN */
+  XK_macron: 175,
+  /* U+00AF MACRON */
+  XK_degree: 176,
+  /* U+00B0 DEGREE SIGN */
+  XK_plusminus: 177,
+  /* U+00B1 PLUS-MINUS SIGN */
+  XK_twosuperior: 178,
+  /* U+00B2 SUPERSCRIPT TWO */
+  XK_threesuperior: 179,
+  /* U+00B3 SUPERSCRIPT THREE */
+  XK_acute: 180,
+  /* U+00B4 ACUTE ACCENT */
+  XK_mu: 181,
+  /* U+00B5 MICRO SIGN */
+  XK_paragraph: 182,
+  /* U+00B6 PILCROW SIGN */
+  XK_periodcentered: 183,
+  /* U+00B7 MIDDLE DOT */
+  XK_cedilla: 184,
+  /* U+00B8 CEDILLA */
+  XK_onesuperior: 185,
+  /* U+00B9 SUPERSCRIPT ONE */
+  XK_masculine: 186,
+  /* U+00BA MASCULINE ORDINAL INDICATOR */
+  XK_guillemotright: 187,
+  /* U+00BB RIGHT-POINTING DOUBLE ANGLE QUOTATION MARK */
+  XK_onequarter: 188,
+  /* U+00BC VULGAR FRACTION ONE QUARTER */
+  XK_onehalf: 189,
+  /* U+00BD VULGAR FRACTION ONE HALF */
+  XK_threequarters: 190,
+  /* U+00BE VULGAR FRACTION THREE QUARTERS */
+  XK_questiondown: 191,
+  /* U+00BF INVERTED QUESTION MARK */
+  XK_Agrave: 192,
+  /* U+00C0 LATIN CAPITAL LETTER A WITH GRAVE */
+  XK_Aacute: 193,
+  /* U+00C1 LATIN CAPITAL LETTER A WITH ACUTE */
+  XK_Acircumflex: 194,
+  /* U+00C2 LATIN CAPITAL LETTER A WITH CIRCUMFLEX */
+  XK_Atilde: 195,
+  /* U+00C3 LATIN CAPITAL LETTER A WITH TILDE */
+  XK_Adiaeresis: 196,
+  /* U+00C4 LATIN CAPITAL LETTER A WITH DIAERESIS */
+  XK_Aring: 197,
+  /* U+00C5 LATIN CAPITAL LETTER A WITH RING ABOVE */
+  XK_AE: 198,
+  /* U+00C6 LATIN CAPITAL LETTER AE */
+  XK_Ccedilla: 199,
+  /* U+00C7 LATIN CAPITAL LETTER C WITH CEDILLA */
+  XK_Egrave: 200,
+  /* U+00C8 LATIN CAPITAL LETTER E WITH GRAVE */
+  XK_Eacute: 201,
+  /* U+00C9 LATIN CAPITAL LETTER E WITH ACUTE */
+  XK_Ecircumflex: 202,
+  /* U+00CA LATIN CAPITAL LETTER E WITH CIRCUMFLEX */
+  XK_Ediaeresis: 203,
+  /* U+00CB LATIN CAPITAL LETTER E WITH DIAERESIS */
+  XK_Igrave: 204,
+  /* U+00CC LATIN CAPITAL LETTER I WITH GRAVE */
+  XK_Iacute: 205,
+  /* U+00CD LATIN CAPITAL LETTER I WITH ACUTE */
+  XK_Icircumflex: 206,
+  /* U+00CE LATIN CAPITAL LETTER I WITH CIRCUMFLEX */
+  XK_Idiaeresis: 207,
+  /* U+00CF LATIN CAPITAL LETTER I WITH DIAERESIS */
+  XK_ETH: 208,
+  /* U+00D0 LATIN CAPITAL LETTER ETH */
+  XK_Eth: 208,
+  /* deprecated */
+  XK_Ntilde: 209,
+  /* U+00D1 LATIN CAPITAL LETTER N WITH TILDE */
+  XK_Ograve: 210,
+  /* U+00D2 LATIN CAPITAL LETTER O WITH GRAVE */
+  XK_Oacute: 211,
+  /* U+00D3 LATIN CAPITAL LETTER O WITH ACUTE */
+  XK_Ocircumflex: 212,
+  /* U+00D4 LATIN CAPITAL LETTER O WITH CIRCUMFLEX */
+  XK_Otilde: 213,
+  /* U+00D5 LATIN CAPITAL LETTER O WITH TILDE */
+  XK_Odiaeresis: 214,
+  /* U+00D6 LATIN CAPITAL LETTER O WITH DIAERESIS */
+  XK_multiply: 215,
+  /* U+00D7 MULTIPLICATION SIGN */
+  XK_Oslash: 216,
+  /* U+00D8 LATIN CAPITAL LETTER O WITH STROKE */
+  XK_Ooblique: 216,
+  /* U+00D8 LATIN CAPITAL LETTER O WITH STROKE */
+  XK_Ugrave: 217,
+  /* U+00D9 LATIN CAPITAL LETTER U WITH GRAVE */
+  XK_Uacute: 218,
+  /* U+00DA LATIN CAPITAL LETTER U WITH ACUTE */
+  XK_Ucircumflex: 219,
+  /* U+00DB LATIN CAPITAL LETTER U WITH CIRCUMFLEX */
+  XK_Udiaeresis: 220,
+  /* U+00DC LATIN CAPITAL LETTER U WITH DIAERESIS */
+  XK_Yacute: 221,
+  /* U+00DD LATIN CAPITAL LETTER Y WITH ACUTE */
+  XK_THORN: 222,
+  /* U+00DE LATIN CAPITAL LETTER THORN */
+  XK_Thorn: 222,
+  /* deprecated */
+  XK_ssharp: 223,
+  /* U+00DF LATIN SMALL LETTER SHARP S */
+  XK_agrave: 224,
+  /* U+00E0 LATIN SMALL LETTER A WITH GRAVE */
+  XK_aacute: 225,
+  /* U+00E1 LATIN SMALL LETTER A WITH ACUTE */
+  XK_acircumflex: 226,
+  /* U+00E2 LATIN SMALL LETTER A WITH CIRCUMFLEX */
+  XK_atilde: 227,
+  /* U+00E3 LATIN SMALL LETTER A WITH TILDE */
+  XK_adiaeresis: 228,
+  /* U+00E4 LATIN SMALL LETTER A WITH DIAERESIS */
+  XK_aring: 229,
+  /* U+00E5 LATIN SMALL LETTER A WITH RING ABOVE */
+  XK_ae: 230,
+  /* U+00E6 LATIN SMALL LETTER AE */
+  XK_ccedilla: 231,
+  /* U+00E7 LATIN SMALL LETTER C WITH CEDILLA */
+  XK_egrave: 232,
+  /* U+00E8 LATIN SMALL LETTER E WITH GRAVE */
+  XK_eacute: 233,
+  /* U+00E9 LATIN SMALL LETTER E WITH ACUTE */
+  XK_ecircumflex: 234,
+  /* U+00EA LATIN SMALL LETTER E WITH CIRCUMFLEX */
+  XK_ediaeresis: 235,
+  /* U+00EB LATIN SMALL LETTER E WITH DIAERESIS */
+  XK_igrave: 236,
+  /* U+00EC LATIN SMALL LETTER I WITH GRAVE */
+  XK_iacute: 237,
+  /* U+00ED LATIN SMALL LETTER I WITH ACUTE */
+  XK_icircumflex: 238,
+  /* U+00EE LATIN SMALL LETTER I WITH CIRCUMFLEX */
+  XK_idiaeresis: 239,
+  /* U+00EF LATIN SMALL LETTER I WITH DIAERESIS */
+  XK_eth: 240,
+  /* U+00F0 LATIN SMALL LETTER ETH */
+  XK_ntilde: 241,
+  /* U+00F1 LATIN SMALL LETTER N WITH TILDE */
+  XK_ograve: 242,
+  /* U+00F2 LATIN SMALL LETTER O WITH GRAVE */
+  XK_oacute: 243,
+  /* U+00F3 LATIN SMALL LETTER O WITH ACUTE */
+  XK_ocircumflex: 244,
+  /* U+00F4 LATIN SMALL LETTER O WITH CIRCUMFLEX */
+  XK_otilde: 245,
+  /* U+00F5 LATIN SMALL LETTER O WITH TILDE */
+  XK_odiaeresis: 246,
+  /* U+00F6 LATIN SMALL LETTER O WITH DIAERESIS */
+  XK_division: 247,
+  /* U+00F7 DIVISION SIGN */
+  XK_oslash: 248,
+  /* U+00F8 LATIN SMALL LETTER O WITH STROKE */
+  XK_ooblique: 248,
+  /* U+00F8 LATIN SMALL LETTER O WITH STROKE */
+  XK_ugrave: 249,
+  /* U+00F9 LATIN SMALL LETTER U WITH GRAVE */
+  XK_uacute: 250,
+  /* U+00FA LATIN SMALL LETTER U WITH ACUTE */
+  XK_ucircumflex: 251,
+  /* U+00FB LATIN SMALL LETTER U WITH CIRCUMFLEX */
+  XK_udiaeresis: 252,
+  /* U+00FC LATIN SMALL LETTER U WITH DIAERESIS */
+  XK_yacute: 253,
+  /* U+00FD LATIN SMALL LETTER Y WITH ACUTE */
+  XK_thorn: 254,
+  /* U+00FE LATIN SMALL LETTER THORN */
+  XK_ydiaeresis: 255,
+  /* U+00FF LATIN SMALL LETTER Y WITH DIAERESIS */
+  /*
+   * Korean
+   * Byte 3 = 0x0e
+   */
+  XK_Hangul: 65329,
+  /* Hangul start/stop(toggle) */
+  XK_Hangul_Hanja: 65332,
+  /* Start Hangul->Hanja Conversion */
+  XK_Hangul_Jeonja: 65336,
+  /* Jeonja mode */
+  /*
+   * XFree86 vendor specific keysyms.
+   *
+   * The XFree86 keysym range is 0x10080001 - 0x1008FFFF.
+   */
+  XF86XK_ModeLock: 269025025,
+  XF86XK_MonBrightnessUp: 269025026,
+  XF86XK_MonBrightnessDown: 269025027,
+  XF86XK_KbdLightOnOff: 269025028,
+  XF86XK_KbdBrightnessUp: 269025029,
+  XF86XK_KbdBrightnessDown: 269025030,
+  XF86XK_Standby: 269025040,
+  XF86XK_AudioLowerVolume: 269025041,
+  XF86XK_AudioMute: 269025042,
+  XF86XK_AudioRaiseVolume: 269025043,
+  XF86XK_AudioPlay: 269025044,
+  XF86XK_AudioStop: 269025045,
+  XF86XK_AudioPrev: 269025046,
+  XF86XK_AudioNext: 269025047,
+  XF86XK_HomePage: 269025048,
+  XF86XK_Mail: 269025049,
+  XF86XK_Start: 269025050,
+  XF86XK_Search: 269025051,
+  XF86XK_AudioRecord: 269025052,
+  XF86XK_Calculator: 269025053,
+  XF86XK_Memo: 269025054,
+  XF86XK_ToDoList: 269025055,
+  XF86XK_Calendar: 269025056,
+  XF86XK_PowerDown: 269025057,
+  XF86XK_ContrastAdjust: 269025058,
+  XF86XK_RockerUp: 269025059,
+  XF86XK_RockerDown: 269025060,
+  XF86XK_RockerEnter: 269025061,
+  XF86XK_Back: 269025062,
+  XF86XK_Forward: 269025063,
+  XF86XK_Stop: 269025064,
+  XF86XK_Refresh: 269025065,
+  XF86XK_PowerOff: 269025066,
+  XF86XK_WakeUp: 269025067,
+  XF86XK_Eject: 269025068,
+  XF86XK_ScreenSaver: 269025069,
+  XF86XK_WWW: 269025070,
+  XF86XK_Sleep: 269025071,
+  XF86XK_Favorites: 269025072,
+  XF86XK_AudioPause: 269025073,
+  XF86XK_AudioMedia: 269025074,
+  XF86XK_MyComputer: 269025075,
+  XF86XK_VendorHome: 269025076,
+  XF86XK_LightBulb: 269025077,
+  XF86XK_Shop: 269025078,
+  XF86XK_History: 269025079,
+  XF86XK_OpenURL: 269025080,
+  XF86XK_AddFavorite: 269025081,
+  XF86XK_HotLinks: 269025082,
+  XF86XK_BrightnessAdjust: 269025083,
+  XF86XK_Finance: 269025084,
+  XF86XK_Community: 269025085,
+  XF86XK_AudioRewind: 269025086,
+  XF86XK_BackForward: 269025087,
+  XF86XK_Launch0: 269025088,
+  XF86XK_Launch1: 269025089,
+  XF86XK_Launch2: 269025090,
+  XF86XK_Launch3: 269025091,
+  XF86XK_Launch4: 269025092,
+  XF86XK_Launch5: 269025093,
+  XF86XK_Launch6: 269025094,
+  XF86XK_Launch7: 269025095,
+  XF86XK_Launch8: 269025096,
+  XF86XK_Launch9: 269025097,
+  XF86XK_LaunchA: 269025098,
+  XF86XK_LaunchB: 269025099,
+  XF86XK_LaunchC: 269025100,
+  XF86XK_LaunchD: 269025101,
+  XF86XK_LaunchE: 269025102,
+  XF86XK_LaunchF: 269025103,
+  XF86XK_ApplicationLeft: 269025104,
+  XF86XK_ApplicationRight: 269025105,
+  XF86XK_Book: 269025106,
+  XF86XK_CD: 269025107,
+  XF86XK_Calculater: 269025108,
+  XF86XK_Clear: 269025109,
+  XF86XK_Close: 269025110,
+  XF86XK_Copy: 269025111,
+  XF86XK_Cut: 269025112,
+  XF86XK_Display: 269025113,
+  XF86XK_DOS: 269025114,
+  XF86XK_Documents: 269025115,
+  XF86XK_Excel: 269025116,
+  XF86XK_Explorer: 269025117,
+  XF86XK_Game: 269025118,
+  XF86XK_Go: 269025119,
+  XF86XK_iTouch: 269025120,
+  XF86XK_LogOff: 269025121,
+  XF86XK_Market: 269025122,
+  XF86XK_Meeting: 269025123,
+  XF86XK_MenuKB: 269025125,
+  XF86XK_MenuPB: 269025126,
+  XF86XK_MySites: 269025127,
+  XF86XK_New: 269025128,
+  XF86XK_News: 269025129,
+  XF86XK_OfficeHome: 269025130,
+  XF86XK_Open: 269025131,
+  XF86XK_Option: 269025132,
+  XF86XK_Paste: 269025133,
+  XF86XK_Phone: 269025134,
+  XF86XK_Q: 269025136,
+  XF86XK_Reply: 269025138,
+  XF86XK_Reload: 269025139,
+  XF86XK_RotateWindows: 269025140,
+  XF86XK_RotationPB: 269025141,
+  XF86XK_RotationKB: 269025142,
+  XF86XK_Save: 269025143,
+  XF86XK_ScrollUp: 269025144,
+  XF86XK_ScrollDown: 269025145,
+  XF86XK_ScrollClick: 269025146,
+  XF86XK_Send: 269025147,
+  XF86XK_Spell: 269025148,
+  XF86XK_SplitScreen: 269025149,
+  XF86XK_Support: 269025150,
+  XF86XK_TaskPane: 269025151,
+  XF86XK_Terminal: 269025152,
+  XF86XK_Tools: 269025153,
+  XF86XK_Travel: 269025154,
+  XF86XK_UserPB: 269025156,
+  XF86XK_User1KB: 269025157,
+  XF86XK_User2KB: 269025158,
+  XF86XK_Video: 269025159,
+  XF86XK_WheelButton: 269025160,
+  XF86XK_Word: 269025161,
+  XF86XK_Xfer: 269025162,
+  XF86XK_ZoomIn: 269025163,
+  XF86XK_ZoomOut: 269025164,
+  XF86XK_Away: 269025165,
+  XF86XK_Messenger: 269025166,
+  XF86XK_WebCam: 269025167,
+  XF86XK_MailForward: 269025168,
+  XF86XK_Pictures: 269025169,
+  XF86XK_Music: 269025170,
+  XF86XK_Battery: 269025171,
+  XF86XK_Bluetooth: 269025172,
+  XF86XK_WLAN: 269025173,
+  XF86XK_UWB: 269025174,
+  XF86XK_AudioForward: 269025175,
+  XF86XK_AudioRepeat: 269025176,
+  XF86XK_AudioRandomPlay: 269025177,
+  XF86XK_Subtitle: 269025178,
+  XF86XK_AudioCycleTrack: 269025179,
+  XF86XK_CycleAngle: 269025180,
+  XF86XK_FrameBack: 269025181,
+  XF86XK_FrameForward: 269025182,
+  XF86XK_Time: 269025183,
+  XF86XK_Select: 269025184,
+  XF86XK_View: 269025185,
+  XF86XK_TopMenu: 269025186,
+  XF86XK_Red: 269025187,
+  XF86XK_Green: 269025188,
+  XF86XK_Yellow: 269025189,
+  XF86XK_Blue: 269025190,
+  XF86XK_Suspend: 269025191,
+  XF86XK_Hibernate: 269025192,
+  XF86XK_TouchpadToggle: 269025193,
+  XF86XK_TouchpadOn: 269025200,
+  XF86XK_TouchpadOff: 269025201,
+  XF86XK_AudioMicMute: 269025202,
+  XF86XK_Switch_VT_1: 269024769,
+  XF86XK_Switch_VT_2: 269024770,
+  XF86XK_Switch_VT_3: 269024771,
+  XF86XK_Switch_VT_4: 269024772,
+  XF86XK_Switch_VT_5: 269024773,
+  XF86XK_Switch_VT_6: 269024774,
+  XF86XK_Switch_VT_7: 269024775,
+  XF86XK_Switch_VT_8: 269024776,
+  XF86XK_Switch_VT_9: 269024777,
+  XF86XK_Switch_VT_10: 269024778,
+  XF86XK_Switch_VT_11: 269024779,
+  XF86XK_Switch_VT_12: 269024780,
+  XF86XK_Ungrab: 269024800,
+  XF86XK_ClearGrab: 269024801,
+  XF86XK_Next_VMode: 269024802,
+  XF86XK_Prev_VMode: 269024803,
+  XF86XK_LogWindowTree: 269024804,
+  XF86XK_LogGrabInfo: 269024805
+};
+
+// node_modules/@novnc/novnc/core/input/keysymdef.js
+var codepoints = {
+  256: 960,
+  // XK_Amacron
+  257: 992,
+  // XK_amacron
+  258: 451,
+  // XK_Abreve
+  259: 483,
+  // XK_abreve
+  260: 417,
+  // XK_Aogonek
+  261: 433,
+  // XK_aogonek
+  262: 454,
+  // XK_Cacute
+  263: 486,
+  // XK_cacute
+  264: 710,
+  // XK_Ccircumflex
+  265: 742,
+  // XK_ccircumflex
+  266: 709,
+  // XK_Cabovedot
+  267: 741,
+  // XK_cabovedot
+  268: 456,
+  // XK_Ccaron
+  269: 488,
+  // XK_ccaron
+  270: 463,
+  // XK_Dcaron
+  271: 495,
+  // XK_dcaron
+  272: 464,
+  // XK_Dstroke
+  273: 496,
+  // XK_dstroke
+  274: 938,
+  // XK_Emacron
+  275: 954,
+  // XK_emacron
+  278: 972,
+  // XK_Eabovedot
+  279: 1004,
+  // XK_eabovedot
+  280: 458,
+  // XK_Eogonek
+  281: 490,
+  // XK_eogonek
+  282: 460,
+  // XK_Ecaron
+  283: 492,
+  // XK_ecaron
+  284: 728,
+  // XK_Gcircumflex
+  285: 760,
+  // XK_gcircumflex
+  286: 683,
+  // XK_Gbreve
+  287: 699,
+  // XK_gbreve
+  288: 725,
+  // XK_Gabovedot
+  289: 757,
+  // XK_gabovedot
+  290: 939,
+  // XK_Gcedilla
+  291: 955,
+  // XK_gcedilla
+  292: 678,
+  // XK_Hcircumflex
+  293: 694,
+  // XK_hcircumflex
+  294: 673,
+  // XK_Hstroke
+  295: 689,
+  // XK_hstroke
+  296: 933,
+  // XK_Itilde
+  297: 949,
+  // XK_itilde
+  298: 975,
+  // XK_Imacron
+  299: 1007,
+  // XK_imacron
+  302: 967,
+  // XK_Iogonek
+  303: 999,
+  // XK_iogonek
+  304: 681,
+  // XK_Iabovedot
+  305: 697,
+  // XK_idotless
+  308: 684,
+  // XK_Jcircumflex
+  309: 700,
+  // XK_jcircumflex
+  310: 979,
+  // XK_Kcedilla
+  311: 1011,
+  // XK_kcedilla
+  312: 930,
+  // XK_kra
+  313: 453,
+  // XK_Lacute
+  314: 485,
+  // XK_lacute
+  315: 934,
+  // XK_Lcedilla
+  316: 950,
+  // XK_lcedilla
+  317: 421,
+  // XK_Lcaron
+  318: 437,
+  // XK_lcaron
+  321: 419,
+  // XK_Lstroke
+  322: 435,
+  // XK_lstroke
+  323: 465,
+  // XK_Nacute
+  324: 497,
+  // XK_nacute
+  325: 977,
+  // XK_Ncedilla
+  326: 1009,
+  // XK_ncedilla
+  327: 466,
+  // XK_Ncaron
+  328: 498,
+  // XK_ncaron
+  330: 957,
+  // XK_ENG
+  331: 959,
+  // XK_eng
+  332: 978,
+  // XK_Omacron
+  333: 1010,
+  // XK_omacron
+  336: 469,
+  // XK_Odoubleacute
+  337: 501,
+  // XK_odoubleacute
+  338: 5052,
+  // XK_OE
+  339: 5053,
+  // XK_oe
+  340: 448,
+  // XK_Racute
+  341: 480,
+  // XK_racute
+  342: 931,
+  // XK_Rcedilla
+  343: 947,
+  // XK_rcedilla
+  344: 472,
+  // XK_Rcaron
+  345: 504,
+  // XK_rcaron
+  346: 422,
+  // XK_Sacute
+  347: 438,
+  // XK_sacute
+  348: 734,
+  // XK_Scircumflex
+  349: 766,
+  // XK_scircumflex
+  350: 426,
+  // XK_Scedilla
+  351: 442,
+  // XK_scedilla
+  352: 425,
+  // XK_Scaron
+  353: 441,
+  // XK_scaron
+  354: 478,
+  // XK_Tcedilla
+  355: 510,
+  // XK_tcedilla
+  356: 427,
+  // XK_Tcaron
+  357: 443,
+  // XK_tcaron
+  358: 940,
+  // XK_Tslash
+  359: 956,
+  // XK_tslash
+  360: 989,
+  // XK_Utilde
+  361: 1021,
+  // XK_utilde
+  362: 990,
+  // XK_Umacron
+  363: 1022,
+  // XK_umacron
+  364: 733,
+  // XK_Ubreve
+  365: 765,
+  // XK_ubreve
+  366: 473,
+  // XK_Uring
+  367: 505,
+  // XK_uring
+  368: 475,
+  // XK_Udoubleacute
+  369: 507,
+  // XK_udoubleacute
+  370: 985,
+  // XK_Uogonek
+  371: 1017,
+  // XK_uogonek
+  376: 5054,
+  // XK_Ydiaeresis
+  377: 428,
+  // XK_Zacute
+  378: 444,
+  // XK_zacute
+  379: 431,
+  // XK_Zabovedot
+  380: 447,
+  // XK_zabovedot
+  381: 430,
+  // XK_Zcaron
+  382: 446,
+  // XK_zcaron
+  402: 2294,
+  // XK_function
+  466: 16777681,
+  // XK_Ocaron
+  711: 439,
+  // XK_caron
+  728: 418,
+  // XK_breve
+  729: 511,
+  // XK_abovedot
+  731: 434,
+  // XK_ogonek
+  733: 445,
+  // XK_doubleacute
+  901: 1966,
+  // XK_Greek_accentdieresis
+  902: 1953,
+  // XK_Greek_ALPHAaccent
+  904: 1954,
+  // XK_Greek_EPSILONaccent
+  905: 1955,
+  // XK_Greek_ETAaccent
+  906: 1956,
+  // XK_Greek_IOTAaccent
+  908: 1959,
+  // XK_Greek_OMICRONaccent
+  910: 1960,
+  // XK_Greek_UPSILONaccent
+  911: 1963,
+  // XK_Greek_OMEGAaccent
+  912: 1974,
+  // XK_Greek_iotaaccentdieresis
+  913: 1985,
+  // XK_Greek_ALPHA
+  914: 1986,
+  // XK_Greek_BETA
+  915: 1987,
+  // XK_Greek_GAMMA
+  916: 1988,
+  // XK_Greek_DELTA
+  917: 1989,
+  // XK_Greek_EPSILON
+  918: 1990,
+  // XK_Greek_ZETA
+  919: 1991,
+  // XK_Greek_ETA
+  920: 1992,
+  // XK_Greek_THETA
+  921: 1993,
+  // XK_Greek_IOTA
+  922: 1994,
+  // XK_Greek_KAPPA
+  923: 1995,
+  // XK_Greek_LAMDA
+  924: 1996,
+  // XK_Greek_MU
+  925: 1997,
+  // XK_Greek_NU
+  926: 1998,
+  // XK_Greek_XI
+  927: 1999,
+  // XK_Greek_OMICRON
+  928: 2e3,
+  // XK_Greek_PI
+  929: 2001,
+  // XK_Greek_RHO
+  931: 2002,
+  // XK_Greek_SIGMA
+  932: 2004,
+  // XK_Greek_TAU
+  933: 2005,
+  // XK_Greek_UPSILON
+  934: 2006,
+  // XK_Greek_PHI
+  935: 2007,
+  // XK_Greek_CHI
+  936: 2008,
+  // XK_Greek_PSI
+  937: 2009,
+  // XK_Greek_OMEGA
+  938: 1957,
+  // XK_Greek_IOTAdieresis
+  939: 1961,
+  // XK_Greek_UPSILONdieresis
+  940: 1969,
+  // XK_Greek_alphaaccent
+  941: 1970,
+  // XK_Greek_epsilonaccent
+  942: 1971,
+  // XK_Greek_etaaccent
+  943: 1972,
+  // XK_Greek_iotaaccent
+  944: 1978,
+  // XK_Greek_upsilonaccentdieresis
+  945: 2017,
+  // XK_Greek_alpha
+  946: 2018,
+  // XK_Greek_beta
+  947: 2019,
+  // XK_Greek_gamma
+  948: 2020,
+  // XK_Greek_delta
+  949: 2021,
+  // XK_Greek_epsilon
+  950: 2022,
+  // XK_Greek_zeta
+  951: 2023,
+  // XK_Greek_eta
+  952: 2024,
+  // XK_Greek_theta
+  953: 2025,
+  // XK_Greek_iota
+  954: 2026,
+  // XK_Greek_kappa
+  955: 2027,
+  // XK_Greek_lamda
+  956: 2028,
+  // XK_Greek_mu
+  957: 2029,
+  // XK_Greek_nu
+  958: 2030,
+  // XK_Greek_xi
+  959: 2031,
+  // XK_Greek_omicron
+  960: 2032,
+  // XK_Greek_pi
+  961: 2033,
+  // XK_Greek_rho
+  962: 2035,
+  // XK_Greek_finalsmallsigma
+  963: 2034,
+  // XK_Greek_sigma
+  964: 2036,
+  // XK_Greek_tau
+  965: 2037,
+  // XK_Greek_upsilon
+  966: 2038,
+  // XK_Greek_phi
+  967: 2039,
+  // XK_Greek_chi
+  968: 2040,
+  // XK_Greek_psi
+  969: 2041,
+  // XK_Greek_omega
+  970: 1973,
+  // XK_Greek_iotadieresis
+  971: 1977,
+  // XK_Greek_upsilondieresis
+  972: 1975,
+  // XK_Greek_omicronaccent
+  973: 1976,
+  // XK_Greek_upsilonaccent
+  974: 1979,
+  // XK_Greek_omegaaccent
+  1025: 1715,
+  // XK_Cyrillic_IO
+  1026: 1713,
+  // XK_Serbian_DJE
+  1027: 1714,
+  // XK_Macedonia_GJE
+  1028: 1716,
+  // XK_Ukrainian_IE
+  1029: 1717,
+  // XK_Macedonia_DSE
+  1030: 1718,
+  // XK_Ukrainian_I
+  1031: 1719,
+  // XK_Ukrainian_YI
+  1032: 1720,
+  // XK_Cyrillic_JE
+  1033: 1721,
+  // XK_Cyrillic_LJE
+  1034: 1722,
+  // XK_Cyrillic_NJE
+  1035: 1723,
+  // XK_Serbian_TSHE
+  1036: 1724,
+  // XK_Macedonia_KJE
+  1038: 1726,
+  // XK_Byelorussian_SHORTU
+  1039: 1727,
+  // XK_Cyrillic_DZHE
+  1040: 1761,
+  // XK_Cyrillic_A
+  1041: 1762,
+  // XK_Cyrillic_BE
+  1042: 1783,
+  // XK_Cyrillic_VE
+  1043: 1767,
+  // XK_Cyrillic_GHE
+  1044: 1764,
+  // XK_Cyrillic_DE
+  1045: 1765,
+  // XK_Cyrillic_IE
+  1046: 1782,
+  // XK_Cyrillic_ZHE
+  1047: 1786,
+  // XK_Cyrillic_ZE
+  1048: 1769,
+  // XK_Cyrillic_I
+  1049: 1770,
+  // XK_Cyrillic_SHORTI
+  1050: 1771,
+  // XK_Cyrillic_KA
+  1051: 1772,
+  // XK_Cyrillic_EL
+  1052: 1773,
+  // XK_Cyrillic_EM
+  1053: 1774,
+  // XK_Cyrillic_EN
+  1054: 1775,
+  // XK_Cyrillic_O
+  1055: 1776,
+  // XK_Cyrillic_PE
+  1056: 1778,
+  // XK_Cyrillic_ER
+  1057: 1779,
+  // XK_Cyrillic_ES
+  1058: 1780,
+  // XK_Cyrillic_TE
+  1059: 1781,
+  // XK_Cyrillic_U
+  1060: 1766,
+  // XK_Cyrillic_EF
+  1061: 1768,
+  // XK_Cyrillic_HA
+  1062: 1763,
+  // XK_Cyrillic_TSE
+  1063: 1790,
+  // XK_Cyrillic_CHE
+  1064: 1787,
+  // XK_Cyrillic_SHA
+  1065: 1789,
+  // XK_Cyrillic_SHCHA
+  1066: 1791,
+  // XK_Cyrillic_HARDSIGN
+  1067: 1785,
+  // XK_Cyrillic_YERU
+  1068: 1784,
+  // XK_Cyrillic_SOFTSIGN
+  1069: 1788,
+  // XK_Cyrillic_E
+  1070: 1760,
+  // XK_Cyrillic_YU
+  1071: 1777,
+  // XK_Cyrillic_YA
+  1072: 1729,
+  // XK_Cyrillic_a
+  1073: 1730,
+  // XK_Cyrillic_be
+  1074: 1751,
+  // XK_Cyrillic_ve
+  1075: 1735,
+  // XK_Cyrillic_ghe
+  1076: 1732,
+  // XK_Cyrillic_de
+  1077: 1733,
+  // XK_Cyrillic_ie
+  1078: 1750,
+  // XK_Cyrillic_zhe
+  1079: 1754,
+  // XK_Cyrillic_ze
+  1080: 1737,
+  // XK_Cyrillic_i
+  1081: 1738,
+  // XK_Cyrillic_shorti
+  1082: 1739,
+  // XK_Cyrillic_ka
+  1083: 1740,
+  // XK_Cyrillic_el
+  1084: 1741,
+  // XK_Cyrillic_em
+  1085: 1742,
+  // XK_Cyrillic_en
+  1086: 1743,
+  // XK_Cyrillic_o
+  1087: 1744,
+  // XK_Cyrillic_pe
+  1088: 1746,
+  // XK_Cyrillic_er
+  1089: 1747,
+  // XK_Cyrillic_es
+  1090: 1748,
+  // XK_Cyrillic_te
+  1091: 1749,
+  // XK_Cyrillic_u
+  1092: 1734,
+  // XK_Cyrillic_ef
+  1093: 1736,
+  // XK_Cyrillic_ha
+  1094: 1731,
+  // XK_Cyrillic_tse
+  1095: 1758,
+  // XK_Cyrillic_che
+  1096: 1755,
+  // XK_Cyrillic_sha
+  1097: 1757,
+  // XK_Cyrillic_shcha
+  1098: 1759,
+  // XK_Cyrillic_hardsign
+  1099: 1753,
+  // XK_Cyrillic_yeru
+  1100: 1752,
+  // XK_Cyrillic_softsign
+  1101: 1756,
+  // XK_Cyrillic_e
+  1102: 1728,
+  // XK_Cyrillic_yu
+  1103: 1745,
+  // XK_Cyrillic_ya
+  1105: 1699,
+  // XK_Cyrillic_io
+  1106: 1697,
+  // XK_Serbian_dje
+  1107: 1698,
+  // XK_Macedonia_gje
+  1108: 1700,
+  // XK_Ukrainian_ie
+  1109: 1701,
+  // XK_Macedonia_dse
+  1110: 1702,
+  // XK_Ukrainian_i
+  1111: 1703,
+  // XK_Ukrainian_yi
+  1112: 1704,
+  // XK_Cyrillic_je
+  1113: 1705,
+  // XK_Cyrillic_lje
+  1114: 1706,
+  // XK_Cyrillic_nje
+  1115: 1707,
+  // XK_Serbian_tshe
+  1116: 1708,
+  // XK_Macedonia_kje
+  1118: 1710,
+  // XK_Byelorussian_shortu
+  1119: 1711,
+  // XK_Cyrillic_dzhe
+  1168: 1725,
+  // XK_Ukrainian_GHE_WITH_UPTURN
+  1169: 1709,
+  // XK_Ukrainian_ghe_with_upturn
+  1488: 3296,
+  // XK_hebrew_aleph
+  1489: 3297,
+  // XK_hebrew_bet
+  1490: 3298,
+  // XK_hebrew_gimel
+  1491: 3299,
+  // XK_hebrew_dalet
+  1492: 3300,
+  // XK_hebrew_he
+  1493: 3301,
+  // XK_hebrew_waw
+  1494: 3302,
+  // XK_hebrew_zain
+  1495: 3303,
+  // XK_hebrew_chet
+  1496: 3304,
+  // XK_hebrew_tet
+  1497: 3305,
+  // XK_hebrew_yod
+  1498: 3306,
+  // XK_hebrew_finalkaph
+  1499: 3307,
+  // XK_hebrew_kaph
+  1500: 3308,
+  // XK_hebrew_lamed
+  1501: 3309,
+  // XK_hebrew_finalmem
+  1502: 3310,
+  // XK_hebrew_mem
+  1503: 3311,
+  // XK_hebrew_finalnun
+  1504: 3312,
+  // XK_hebrew_nun
+  1505: 3313,
+  // XK_hebrew_samech
+  1506: 3314,
+  // XK_hebrew_ayin
+  1507: 3315,
+  // XK_hebrew_finalpe
+  1508: 3316,
+  // XK_hebrew_pe
+  1509: 3317,
+  // XK_hebrew_finalzade
+  1510: 3318,
+  // XK_hebrew_zade
+  1511: 3319,
+  // XK_hebrew_qoph
+  1512: 3320,
+  // XK_hebrew_resh
+  1513: 3321,
+  // XK_hebrew_shin
+  1514: 3322,
+  // XK_hebrew_taw
+  1548: 1452,
+  // XK_Arabic_comma
+  1563: 1467,
+  // XK_Arabic_semicolon
+  1567: 1471,
+  // XK_Arabic_question_mark
+  1569: 1473,
+  // XK_Arabic_hamza
+  1570: 1474,
+  // XK_Arabic_maddaonalef
+  1571: 1475,
+  // XK_Arabic_hamzaonalef
+  1572: 1476,
+  // XK_Arabic_hamzaonwaw
+  1573: 1477,
+  // XK_Arabic_hamzaunderalef
+  1574: 1478,
+  // XK_Arabic_hamzaonyeh
+  1575: 1479,
+  // XK_Arabic_alef
+  1576: 1480,
+  // XK_Arabic_beh
+  1577: 1481,
+  // XK_Arabic_tehmarbuta
+  1578: 1482,
+  // XK_Arabic_teh
+  1579: 1483,
+  // XK_Arabic_theh
+  1580: 1484,
+  // XK_Arabic_jeem
+  1581: 1485,
+  // XK_Arabic_hah
+  1582: 1486,
+  // XK_Arabic_khah
+  1583: 1487,
+  // XK_Arabic_dal
+  1584: 1488,
+  // XK_Arabic_thal
+  1585: 1489,
+  // XK_Arabic_ra
+  1586: 1490,
+  // XK_Arabic_zain
+  1587: 1491,
+  // XK_Arabic_seen
+  1588: 1492,
+  // XK_Arabic_sheen
+  1589: 1493,
+  // XK_Arabic_sad
+  1590: 1494,
+  // XK_Arabic_dad
+  1591: 1495,
+  // XK_Arabic_tah
+  1592: 1496,
+  // XK_Arabic_zah
+  1593: 1497,
+  // XK_Arabic_ain
+  1594: 1498,
+  // XK_Arabic_ghain
+  1600: 1504,
+  // XK_Arabic_tatweel
+  1601: 1505,
+  // XK_Arabic_feh
+  1602: 1506,
+  // XK_Arabic_qaf
+  1603: 1507,
+  // XK_Arabic_kaf
+  1604: 1508,
+  // XK_Arabic_lam
+  1605: 1509,
+  // XK_Arabic_meem
+  1606: 1510,
+  // XK_Arabic_noon
+  1607: 1511,
+  // XK_Arabic_ha
+  1608: 1512,
+  // XK_Arabic_waw
+  1609: 1513,
+  // XK_Arabic_alefmaksura
+  1610: 1514,
+  // XK_Arabic_yeh
+  1611: 1515,
+  // XK_Arabic_fathatan
+  1612: 1516,
+  // XK_Arabic_dammatan
+  1613: 1517,
+  // XK_Arabic_kasratan
+  1614: 1518,
+  // XK_Arabic_fatha
+  1615: 1519,
+  // XK_Arabic_damma
+  1616: 1520,
+  // XK_Arabic_kasra
+  1617: 1521,
+  // XK_Arabic_shadda
+  1618: 1522,
+  // XK_Arabic_sukun
+  3585: 3489,
+  // XK_Thai_kokai
+  3586: 3490,
+  // XK_Thai_khokhai
+  3587: 3491,
+  // XK_Thai_khokhuat
+  3588: 3492,
+  // XK_Thai_khokhwai
+  3589: 3493,
+  // XK_Thai_khokhon
+  3590: 3494,
+  // XK_Thai_khorakhang
+  3591: 3495,
+  // XK_Thai_ngongu
+  3592: 3496,
+  // XK_Thai_chochan
+  3593: 3497,
+  // XK_Thai_choching
+  3594: 3498,
+  // XK_Thai_chochang
+  3595: 3499,
+  // XK_Thai_soso
+  3596: 3500,
+  // XK_Thai_chochoe
+  3597: 3501,
+  // XK_Thai_yoying
+  3598: 3502,
+  // XK_Thai_dochada
+  3599: 3503,
+  // XK_Thai_topatak
+  3600: 3504,
+  // XK_Thai_thothan
+  3601: 3505,
+  // XK_Thai_thonangmontho
+  3602: 3506,
+  // XK_Thai_thophuthao
+  3603: 3507,
+  // XK_Thai_nonen
+  3604: 3508,
+  // XK_Thai_dodek
+  3605: 3509,
+  // XK_Thai_totao
+  3606: 3510,
+  // XK_Thai_thothung
+  3607: 3511,
+  // XK_Thai_thothahan
+  3608: 3512,
+  // XK_Thai_thothong
+  3609: 3513,
+  // XK_Thai_nonu
+  3610: 3514,
+  // XK_Thai_bobaimai
+  3611: 3515,
+  // XK_Thai_popla
+  3612: 3516,
+  // XK_Thai_phophung
+  3613: 3517,
+  // XK_Thai_fofa
+  3614: 3518,
+  // XK_Thai_phophan
+  3615: 3519,
+  // XK_Thai_fofan
+  3616: 3520,
+  // XK_Thai_phosamphao
+  3617: 3521,
+  // XK_Thai_moma
+  3618: 3522,
+  // XK_Thai_yoyak
+  3619: 3523,
+  // XK_Thai_rorua
+  3620: 3524,
+  // XK_Thai_ru
+  3621: 3525,
+  // XK_Thai_loling
+  3622: 3526,
+  // XK_Thai_lu
+  3623: 3527,
+  // XK_Thai_wowaen
+  3624: 3528,
+  // XK_Thai_sosala
+  3625: 3529,
+  // XK_Thai_sorusi
+  3626: 3530,
+  // XK_Thai_sosua
+  3627: 3531,
+  // XK_Thai_hohip
+  3628: 3532,
+  // XK_Thai_lochula
+  3629: 3533,
+  // XK_Thai_oang
+  3630: 3534,
+  // XK_Thai_honokhuk
+  3631: 3535,
+  // XK_Thai_paiyannoi
+  3632: 3536,
+  // XK_Thai_saraa
+  3633: 3537,
+  // XK_Thai_maihanakat
+  3634: 3538,
+  // XK_Thai_saraaa
+  3635: 3539,
+  // XK_Thai_saraam
+  3636: 3540,
+  // XK_Thai_sarai
+  3637: 3541,
+  // XK_Thai_saraii
+  3638: 3542,
+  // XK_Thai_saraue
+  3639: 3543,
+  // XK_Thai_sarauee
+  3640: 3544,
+  // XK_Thai_sarau
+  3641: 3545,
+  // XK_Thai_sarauu
+  3642: 3546,
+  // XK_Thai_phinthu
+  3647: 3551,
+  // XK_Thai_baht
+  3648: 3552,
+  // XK_Thai_sarae
+  3649: 3553,
+  // XK_Thai_saraae
+  3650: 3554,
+  // XK_Thai_sarao
+  3651: 3555,
+  // XK_Thai_saraaimaimuan
+  3652: 3556,
+  // XK_Thai_saraaimaimalai
+  3653: 3557,
+  // XK_Thai_lakkhangyao
+  3654: 3558,
+  // XK_Thai_maiyamok
+  3655: 3559,
+  // XK_Thai_maitaikhu
+  3656: 3560,
+  // XK_Thai_maiek
+  3657: 3561,
+  // XK_Thai_maitho
+  3658: 3562,
+  // XK_Thai_maitri
+  3659: 3563,
+  // XK_Thai_maichattawa
+  3660: 3564,
+  // XK_Thai_thanthakhat
+  3661: 3565,
+  // XK_Thai_nikhahit
+  3664: 3568,
+  // XK_Thai_leksun
+  3665: 3569,
+  // XK_Thai_leknung
+  3666: 3570,
+  // XK_Thai_leksong
+  3667: 3571,
+  // XK_Thai_leksam
+  3668: 3572,
+  // XK_Thai_leksi
+  3669: 3573,
+  // XK_Thai_lekha
+  3670: 3574,
+  // XK_Thai_lekhok
+  3671: 3575,
+  // XK_Thai_lekchet
+  3672: 3576,
+  // XK_Thai_lekpaet
+  3673: 3577,
+  // XK_Thai_lekkao
+  8194: 2722,
+  // XK_enspace
+  8195: 2721,
+  // XK_emspace
+  8196: 2723,
+  // XK_em3space
+  8197: 2724,
+  // XK_em4space
+  8199: 2725,
+  // XK_digitspace
+  8200: 2726,
+  // XK_punctspace
+  8201: 2727,
+  // XK_thinspace
+  8202: 2728,
+  // XK_hairspace
+  8210: 2747,
+  // XK_figdash
+  8211: 2730,
+  // XK_endash
+  8212: 2729,
+  // XK_emdash
+  8213: 1967,
+  // XK_Greek_horizbar
+  8215: 3295,
+  // XK_hebrew_doublelowline
+  8216: 2768,
+  // XK_leftsinglequotemark
+  8217: 2769,
+  // XK_rightsinglequotemark
+  8218: 2813,
+  // XK_singlelowquotemark
+  8220: 2770,
+  // XK_leftdoublequotemark
+  8221: 2771,
+  // XK_rightdoublequotemark
+  8222: 2814,
+  // XK_doublelowquotemark
+  8224: 2801,
+  // XK_dagger
+  8225: 2802,
+  // XK_doubledagger
+  8226: 2790,
+  // XK_enfilledcircbullet
+  8229: 2735,
+  // XK_doubbaselinedot
+  8230: 2734,
+  // XK_ellipsis
+  8240: 2773,
+  // XK_permille
+  8242: 2774,
+  // XK_minutes
+  8243: 2775,
+  // XK_seconds
+  8248: 2812,
+  // XK_caret
+  8254: 1150,
+  // XK_overline
+  8361: 3839,
+  // XK_Korean_Won
+  8364: 8364,
+  // XK_EuroSign
+  8453: 2744,
+  // XK_careof
+  8470: 1712,
+  // XK_numerosign
+  8471: 2811,
+  // XK_phonographcopyright
+  8478: 2772,
+  // XK_prescription
+  8482: 2761,
+  // XK_trademark
+  8531: 2736,
+  // XK_onethird
+  8532: 2737,
+  // XK_twothirds
+  8533: 2738,
+  // XK_onefifth
+  8534: 2739,
+  // XK_twofifths
+  8535: 2740,
+  // XK_threefifths
+  8536: 2741,
+  // XK_fourfifths
+  8537: 2742,
+  // XK_onesixth
+  8538: 2743,
+  // XK_fivesixths
+  8539: 2755,
+  // XK_oneeighth
+  8540: 2756,
+  // XK_threeeighths
+  8541: 2757,
+  // XK_fiveeighths
+  8542: 2758,
+  // XK_seveneighths
+  8592: 2299,
+  // XK_leftarrow
+  8593: 2300,
+  // XK_uparrow
+  8594: 2301,
+  // XK_rightarrow
+  8595: 2302,
+  // XK_downarrow
+  8658: 2254,
+  // XK_implies
+  8660: 2253,
+  // XK_ifonlyif
+  8706: 2287,
+  // XK_partialderivative
+  8711: 2245,
+  // XK_nabla
+  8728: 3018,
+  // XK_jot
+  8730: 2262,
+  // XK_radical
+  8733: 2241,
+  // XK_variation
+  8734: 2242,
+  // XK_infinity
+  8743: 2270,
+  // XK_logicaland
+  8744: 2271,
+  // XK_logicalor
+  8745: 2268,
+  // XK_intersection
+  8746: 2269,
+  // XK_union
+  8747: 2239,
+  // XK_integral
+  8756: 2240,
+  // XK_therefore
+  8764: 2248,
+  // XK_approximate
+  8771: 2249,
+  // XK_similarequal
+  8773: 16785992,
+  // XK_approxeq
+  8800: 2237,
+  // XK_notequal
+  8801: 2255,
+  // XK_identical
+  8804: 2236,
+  // XK_lessthanequal
+  8805: 2238,
+  // XK_greaterthanequal
+  8834: 2266,
+  // XK_includedin
+  8835: 2267,
+  // XK_includes
+  8866: 3068,
+  // XK_righttack
+  8867: 3036,
+  // XK_lefttack
+  8868: 3010,
+  // XK_downtack
+  8869: 3022,
+  // XK_uptack
+  8968: 3027,
+  // XK_upstile
+  8970: 3012,
+  // XK_downstile
+  8981: 2810,
+  // XK_telephonerecorder
+  8992: 2212,
+  // XK_topintegral
+  8993: 2213,
+  // XK_botintegral
+  9109: 3020,
+  // XK_quad
+  9115: 2219,
+  // XK_topleftparens
+  9117: 2220,
+  // XK_botleftparens
+  9118: 2221,
+  // XK_toprightparens
+  9120: 2222,
+  // XK_botrightparens
+  9121: 2215,
+  // XK_topleftsqbracket
+  9123: 2216,
+  // XK_botleftsqbracket
+  9124: 2217,
+  // XK_toprightsqbracket
+  9126: 2218,
+  // XK_botrightsqbracket
+  9128: 2223,
+  // XK_leftmiddlecurlybrace
+  9132: 2224,
+  // XK_rightmiddlecurlybrace
+  9143: 2209,
+  // XK_leftradical
+  9146: 2543,
+  // XK_horizlinescan1
+  9147: 2544,
+  // XK_horizlinescan3
+  9148: 2546,
+  // XK_horizlinescan7
+  9149: 2547,
+  // XK_horizlinescan9
+  9225: 2530,
+  // XK_ht
+  9226: 2533,
+  // XK_lf
+  9227: 2537,
+  // XK_vt
+  9228: 2531,
+  // XK_ff
+  9229: 2532,
+  // XK_cr
+  9251: 2732,
+  // XK_signifblank
+  9252: 2536,
+  // XK_nl
+  9472: 2211,
+  // XK_horizconnector
+  9474: 2214,
+  // XK_vertconnector
+  9484: 2210,
+  // XK_topleftradical
+  9488: 2539,
+  // XK_uprightcorner
+  9492: 2541,
+  // XK_lowleftcorner
+  9496: 2538,
+  // XK_lowrightcorner
+  9500: 2548,
+  // XK_leftt
+  9508: 2549,
+  // XK_rightt
+  9516: 2551,
+  // XK_topt
+  9524: 2550,
+  // XK_bott
+  9532: 2542,
+  // XK_crossinglines
+  9618: 2529,
+  // XK_checkerboard
+  9642: 2791,
+  // XK_enfilledsqbullet
+  9643: 2785,
+  // XK_enopensquarebullet
+  9644: 2779,
+  // XK_filledrectbullet
+  9645: 2786,
+  // XK_openrectbullet
+  9646: 2783,
+  // XK_emfilledrect
+  9647: 2767,
+  // XK_emopenrectangle
+  9650: 2792,
+  // XK_filledtribulletup
+  9651: 2787,
+  // XK_opentribulletup
+  9654: 2781,
+  // XK_filledrighttribullet
+  9655: 2765,
+  // XK_rightopentriangle
+  9660: 2793,
+  // XK_filledtribulletdown
+  9661: 2788,
+  // XK_opentribulletdown
+  9664: 2780,
+  // XK_filledlefttribullet
+  9665: 2764,
+  // XK_leftopentriangle
+  9670: 2528,
+  // XK_soliddiamond
+  9675: 2766,
+  // XK_emopencircle
+  9679: 2782,
+  // XK_emfilledcircle
+  9702: 2784,
+  // XK_enopencircbullet
+  9734: 2789,
+  // XK_openstar
+  9742: 2809,
+  // XK_telephone
+  9747: 2762,
+  // XK_signaturemark
+  9756: 2794,
+  // XK_leftpointer
+  9758: 2795,
+  // XK_rightpointer
+  9792: 2808,
+  // XK_femalesymbol
+  9794: 2807,
+  // XK_malesymbol
+  9827: 2796,
+  // XK_club
+  9829: 2798,
+  // XK_heart
+  9830: 2797,
+  // XK_diamond
+  9837: 2806,
+  // XK_musicalflat
+  9839: 2805,
+  // XK_musicalsharp
+  10003: 2803,
+  // XK_checkmark
+  10007: 2804,
+  // XK_ballotcross
+  10013: 2777,
+  // XK_latincross
+  10016: 2800,
+  // XK_maltesecross
+  10216: 2748,
+  // XK_leftanglebracket
+  10217: 2750,
+  // XK_rightanglebracket
+  12289: 1188,
+  // XK_kana_comma
+  12290: 1185,
+  // XK_kana_fullstop
+  12300: 1186,
+  // XK_kana_openingbracket
+  12301: 1187,
+  // XK_kana_closingbracket
+  12443: 1246,
+  // XK_voicedsound
+  12444: 1247,
+  // XK_semivoicedsound
+  12449: 1191,
+  // XK_kana_a
+  12450: 1201,
+  // XK_kana_A
+  12451: 1192,
+  // XK_kana_i
+  12452: 1202,
+  // XK_kana_I
+  12453: 1193,
+  // XK_kana_u
+  12454: 1203,
+  // XK_kana_U
+  12455: 1194,
+  // XK_kana_e
+  12456: 1204,
+  // XK_kana_E
+  12457: 1195,
+  // XK_kana_o
+  12458: 1205,
+  // XK_kana_O
+  12459: 1206,
+  // XK_kana_KA
+  12461: 1207,
+  // XK_kana_KI
+  12463: 1208,
+  // XK_kana_KU
+  12465: 1209,
+  // XK_kana_KE
+  12467: 1210,
+  // XK_kana_KO
+  12469: 1211,
+  // XK_kana_SA
+  12471: 1212,
+  // XK_kana_SHI
+  12473: 1213,
+  // XK_kana_SU
+  12475: 1214,
+  // XK_kana_SE
+  12477: 1215,
+  // XK_kana_SO
+  12479: 1216,
+  // XK_kana_TA
+  12481: 1217,
+  // XK_kana_CHI
+  12483: 1199,
+  // XK_kana_tsu
+  12484: 1218,
+  // XK_kana_TSU
+  12486: 1219,
+  // XK_kana_TE
+  12488: 1220,
+  // XK_kana_TO
+  12490: 1221,
+  // XK_kana_NA
+  12491: 1222,
+  // XK_kana_NI
+  12492: 1223,
+  // XK_kana_NU
+  12493: 1224,
+  // XK_kana_NE
+  12494: 1225,
+  // XK_kana_NO
+  12495: 1226,
+  // XK_kana_HA
+  12498: 1227,
+  // XK_kana_HI
+  12501: 1228,
+  // XK_kana_FU
+  12504: 1229,
+  // XK_kana_HE
+  12507: 1230,
+  // XK_kana_HO
+  12510: 1231,
+  // XK_kana_MA
+  12511: 1232,
+  // XK_kana_MI
+  12512: 1233,
+  // XK_kana_MU
+  12513: 1234,
+  // XK_kana_ME
+  12514: 1235,
+  // XK_kana_MO
+  12515: 1196,
+  // XK_kana_ya
+  12516: 1236,
+  // XK_kana_YA
+  12517: 1197,
+  // XK_kana_yu
+  12518: 1237,
+  // XK_kana_YU
+  12519: 1198,
+  // XK_kana_yo
+  12520: 1238,
+  // XK_kana_YO
+  12521: 1239,
+  // XK_kana_RA
+  12522: 1240,
+  // XK_kana_RI
+  12523: 1241,
+  // XK_kana_RU
+  12524: 1242,
+  // XK_kana_RE
+  12525: 1243,
+  // XK_kana_RO
+  12527: 1244,
+  // XK_kana_WA
+  12530: 1190,
+  // XK_kana_WO
+  12531: 1245,
+  // XK_kana_N
+  12539: 1189,
+  // XK_kana_conjunctive
+  12540: 1200
+  // XK_prolongedsound
+};
+var keysymdef_default = {
+  lookup(u) {
+    if (u >= 32 && u <= 255) {
+      return u;
+    }
+    const keysym = codepoints[u];
+    if (keysym !== void 0) {
+      return keysym;
+    }
+    return 16777216 | u;
+  }
+};
+
+// node_modules/@novnc/novnc/core/input/vkeys.js
+var vkeys_default = {
+  8: "Backspace",
+  9: "Tab",
+  10: "NumpadClear",
+  13: "Enter",
+  16: "ShiftLeft",
+  17: "ControlLeft",
+  18: "AltLeft",
+  19: "Pause",
+  20: "CapsLock",
+  21: "Lang1",
+  25: "Lang2",
+  27: "Escape",
+  28: "Convert",
+  29: "NonConvert",
+  32: "Space",
+  33: "PageUp",
+  34: "PageDown",
+  35: "End",
+  36: "Home",
+  37: "ArrowLeft",
+  38: "ArrowUp",
+  39: "ArrowRight",
+  40: "ArrowDown",
+  41: "Select",
+  44: "PrintScreen",
+  45: "Insert",
+  46: "Delete",
+  47: "Help",
+  48: "Digit0",
+  49: "Digit1",
+  50: "Digit2",
+  51: "Digit3",
+  52: "Digit4",
+  53: "Digit5",
+  54: "Digit6",
+  55: "Digit7",
+  56: "Digit8",
+  57: "Digit9",
+  91: "MetaLeft",
+  92: "MetaRight",
+  93: "ContextMenu",
+  95: "Sleep",
+  96: "Numpad0",
+  97: "Numpad1",
+  98: "Numpad2",
+  99: "Numpad3",
+  100: "Numpad4",
+  101: "Numpad5",
+  102: "Numpad6",
+  103: "Numpad7",
+  104: "Numpad8",
+  105: "Numpad9",
+  106: "NumpadMultiply",
+  107: "NumpadAdd",
+  108: "NumpadDecimal",
+  109: "NumpadSubtract",
+  110: "NumpadDecimal",
+  // Duplicate, because buggy on Windows
+  111: "NumpadDivide",
+  112: "F1",
+  113: "F2",
+  114: "F3",
+  115: "F4",
+  116: "F5",
+  117: "F6",
+  118: "F7",
+  119: "F8",
+  120: "F9",
+  121: "F10",
+  122: "F11",
+  123: "F12",
+  124: "F13",
+  125: "F14",
+  126: "F15",
+  127: "F16",
+  128: "F17",
+  129: "F18",
+  130: "F19",
+  131: "F20",
+  132: "F21",
+  133: "F22",
+  134: "F23",
+  135: "F24",
+  144: "NumLock",
+  145: "ScrollLock",
+  166: "BrowserBack",
+  167: "BrowserForward",
+  168: "BrowserRefresh",
+  169: "BrowserStop",
+  170: "BrowserSearch",
+  171: "BrowserFavorites",
+  172: "BrowserHome",
+  173: "AudioVolumeMute",
+  174: "AudioVolumeDown",
+  175: "AudioVolumeUp",
+  176: "MediaTrackNext",
+  177: "MediaTrackPrevious",
+  178: "MediaStop",
+  179: "MediaPlayPause",
+  180: "LaunchMail",
+  181: "MediaSelect",
+  182: "LaunchApp1",
+  183: "LaunchApp2",
+  225: "AltRight"
+  // Only when it is AltGraph
+};
+
+// node_modules/@novnc/novnc/core/input/fixedkeys.js
+var fixedkeys_default = {
+  // 3.1.1.1. Writing System Keys
+  "Backspace": "Backspace",
+  // 3.1.1.2. Functional Keys
+  "AltLeft": "Alt",
+  "AltRight": "Alt",
+  // This could also be 'AltGraph'
+  "CapsLock": "CapsLock",
+  "ContextMenu": "ContextMenu",
+  "ControlLeft": "Control",
+  "ControlRight": "Control",
+  "Enter": "Enter",
+  "MetaLeft": "Meta",
+  "MetaRight": "Meta",
+  "ShiftLeft": "Shift",
+  "ShiftRight": "Shift",
+  "Tab": "Tab",
+  // FIXME: Japanese/Korean keys
+  // 3.1.2. Control Pad Section
+  "Delete": "Delete",
+  "End": "End",
+  "Help": "Help",
+  "Home": "Home",
+  "Insert": "Insert",
+  "PageDown": "PageDown",
+  "PageUp": "PageUp",
+  // 3.1.3. Arrow Pad Section
+  "ArrowDown": "ArrowDown",
+  "ArrowLeft": "ArrowLeft",
+  "ArrowRight": "ArrowRight",
+  "ArrowUp": "ArrowUp",
+  // 3.1.4. Numpad Section
+  "NumLock": "NumLock",
+  "NumpadBackspace": "Backspace",
+  "NumpadClear": "Clear",
+  // 3.1.5. Function Section
+  "Escape": "Escape",
+  "F1": "F1",
+  "F2": "F2",
+  "F3": "F3",
+  "F4": "F4",
+  "F5": "F5",
+  "F6": "F6",
+  "F7": "F7",
+  "F8": "F8",
+  "F9": "F9",
+  "F10": "F10",
+  "F11": "F11",
+  "F12": "F12",
+  "F13": "F13",
+  "F14": "F14",
+  "F15": "F15",
+  "F16": "F16",
+  "F17": "F17",
+  "F18": "F18",
+  "F19": "F19",
+  "F20": "F20",
+  "F21": "F21",
+  "F22": "F22",
+  "F23": "F23",
+  "F24": "F24",
+  "F25": "F25",
+  "F26": "F26",
+  "F27": "F27",
+  "F28": "F28",
+  "F29": "F29",
+  "F30": "F30",
+  "F31": "F31",
+  "F32": "F32",
+  "F33": "F33",
+  "F34": "F34",
+  "F35": "F35",
+  "PrintScreen": "PrintScreen",
+  "ScrollLock": "ScrollLock",
+  "Pause": "Pause",
+  // 3.1.6. Media Keys
+  "BrowserBack": "BrowserBack",
+  "BrowserFavorites": "BrowserFavorites",
+  "BrowserForward": "BrowserForward",
+  "BrowserHome": "BrowserHome",
+  "BrowserRefresh": "BrowserRefresh",
+  "BrowserSearch": "BrowserSearch",
+  "BrowserStop": "BrowserStop",
+  "Eject": "Eject",
+  "LaunchApp1": "LaunchMyComputer",
+  "LaunchApp2": "LaunchCalendar",
+  "LaunchMail": "LaunchMail",
+  "MediaPlayPause": "MediaPlay",
+  "MediaStop": "MediaStop",
+  "MediaTrackNext": "MediaTrackNext",
+  "MediaTrackPrevious": "MediaTrackPrevious",
+  "Power": "Power",
+  "Sleep": "Sleep",
+  "AudioVolumeDown": "AudioVolumeDown",
+  "AudioVolumeMute": "AudioVolumeMute",
+  "AudioVolumeUp": "AudioVolumeUp",
+  "WakeUp": "WakeUp"
+};
+
+// node_modules/@novnc/novnc/core/input/domkeytable.js
+var DOMKeyTable = {};
+function addStandard(key, standard) {
+  if (standard === void 0) throw new Error('Undefined keysym for key "' + key + '"');
+  if (key in DOMKeyTable) throw new Error('Duplicate entry for key "' + key + '"');
+  DOMKeyTable[key] = [standard, standard, standard, standard];
+}
+function addLeftRight(key, left, right) {
+  if (left === void 0) throw new Error('Undefined keysym for key "' + key + '"');
+  if (right === void 0) throw new Error('Undefined keysym for key "' + key + '"');
+  if (key in DOMKeyTable) throw new Error('Duplicate entry for key "' + key + '"');
+  DOMKeyTable[key] = [left, left, right, left];
+}
+function addNumpad(key, standard, numpad) {
+  if (standard === void 0) throw new Error('Undefined keysym for key "' + key + '"');
+  if (numpad === void 0) throw new Error('Undefined keysym for key "' + key + '"');
+  if (key in DOMKeyTable) throw new Error('Duplicate entry for key "' + key + '"');
+  DOMKeyTable[key] = [standard, standard, standard, numpad];
+}
+addLeftRight("Alt", keysym_default.XK_Alt_L, keysym_default.XK_Alt_R);
+addStandard("AltGraph", keysym_default.XK_ISO_Level3_Shift);
+addStandard("CapsLock", keysym_default.XK_Caps_Lock);
+addLeftRight("Control", keysym_default.XK_Control_L, keysym_default.XK_Control_R);
+addLeftRight("Meta", keysym_default.XK_Super_L, keysym_default.XK_Super_R);
+addStandard("NumLock", keysym_default.XK_Num_Lock);
+addStandard("ScrollLock", keysym_default.XK_Scroll_Lock);
+addLeftRight("Shift", keysym_default.XK_Shift_L, keysym_default.XK_Shift_R);
+addNumpad("Enter", keysym_default.XK_Return, keysym_default.XK_KP_Enter);
+addStandard("Tab", keysym_default.XK_Tab);
+addNumpad(" ", keysym_default.XK_space, keysym_default.XK_KP_Space);
+addNumpad("ArrowDown", keysym_default.XK_Down, keysym_default.XK_KP_Down);
+addNumpad("ArrowLeft", keysym_default.XK_Left, keysym_default.XK_KP_Left);
+addNumpad("ArrowRight", keysym_default.XK_Right, keysym_default.XK_KP_Right);
+addNumpad("ArrowUp", keysym_default.XK_Up, keysym_default.XK_KP_Up);
+addNumpad("End", keysym_default.XK_End, keysym_default.XK_KP_End);
+addNumpad("Home", keysym_default.XK_Home, keysym_default.XK_KP_Home);
+addNumpad("PageDown", keysym_default.XK_Next, keysym_default.XK_KP_Next);
+addNumpad("PageUp", keysym_default.XK_Prior, keysym_default.XK_KP_Prior);
+addStandard("Backspace", keysym_default.XK_BackSpace);
+addNumpad("Clear", keysym_default.XK_Clear, keysym_default.XK_KP_Begin);
+addStandard("Copy", keysym_default.XF86XK_Copy);
+addStandard("Cut", keysym_default.XF86XK_Cut);
+addNumpad("Delete", keysym_default.XK_Delete, keysym_default.XK_KP_Delete);
+addNumpad("Insert", keysym_default.XK_Insert, keysym_default.XK_KP_Insert);
+addStandard("Paste", keysym_default.XF86XK_Paste);
+addStandard("Redo", keysym_default.XK_Redo);
+addStandard("Undo", keysym_default.XK_Undo);
+addStandard("Cancel", keysym_default.XK_Cancel);
+addStandard("ContextMenu", keysym_default.XK_Menu);
+addStandard("Escape", keysym_default.XK_Escape);
+addStandard("Execute", keysym_default.XK_Execute);
+addStandard("Find", keysym_default.XK_Find);
+addStandard("Help", keysym_default.XK_Help);
+addStandard("Pause", keysym_default.XK_Pause);
+addStandard("Select", keysym_default.XK_Select);
+addStandard("ZoomIn", keysym_default.XF86XK_ZoomIn);
+addStandard("ZoomOut", keysym_default.XF86XK_ZoomOut);
+addStandard("BrightnessDown", keysym_default.XF86XK_MonBrightnessDown);
+addStandard("BrightnessUp", keysym_default.XF86XK_MonBrightnessUp);
+addStandard("Eject", keysym_default.XF86XK_Eject);
+addStandard("LogOff", keysym_default.XF86XK_LogOff);
+addStandard("Power", keysym_default.XF86XK_PowerOff);
+addStandard("PowerOff", keysym_default.XF86XK_PowerDown);
+addStandard("PrintScreen", keysym_default.XK_Print);
+addStandard("Hibernate", keysym_default.XF86XK_Hibernate);
+addStandard("Standby", keysym_default.XF86XK_Standby);
+addStandard("WakeUp", keysym_default.XF86XK_WakeUp);
+addStandard("AllCandidates", keysym_default.XK_MultipleCandidate);
+addStandard("Alphanumeric", keysym_default.XK_Eisu_toggle);
+addStandard("CodeInput", keysym_default.XK_Codeinput);
+addStandard("Compose", keysym_default.XK_Multi_key);
+addStandard("Convert", keysym_default.XK_Henkan);
+addStandard("GroupFirst", keysym_default.XK_ISO_First_Group);
+addStandard("GroupLast", keysym_default.XK_ISO_Last_Group);
+addStandard("GroupNext", keysym_default.XK_ISO_Next_Group);
+addStandard("GroupPrevious", keysym_default.XK_ISO_Prev_Group);
+addStandard("NonConvert", keysym_default.XK_Muhenkan);
+addStandard("PreviousCandidate", keysym_default.XK_PreviousCandidate);
+addStandard("SingleCandidate", keysym_default.XK_SingleCandidate);
+addStandard("HangulMode", keysym_default.XK_Hangul);
+addStandard("HanjaMode", keysym_default.XK_Hangul_Hanja);
+addStandard("JunjaMode", keysym_default.XK_Hangul_Jeonja);
+addStandard("Eisu", keysym_default.XK_Eisu_toggle);
+addStandard("Hankaku", keysym_default.XK_Hankaku);
+addStandard("Hiragana", keysym_default.XK_Hiragana);
+addStandard("HiraganaKatakana", keysym_default.XK_Hiragana_Katakana);
+addStandard("KanaMode", keysym_default.XK_Kana_Shift);
+addStandard("KanjiMode", keysym_default.XK_Kanji);
+addStandard("Katakana", keysym_default.XK_Katakana);
+addStandard("Romaji", keysym_default.XK_Romaji);
+addStandard("Zenkaku", keysym_default.XK_Zenkaku);
+addStandard("ZenkakuHankaku", keysym_default.XK_Zenkaku_Hankaku);
+addStandard("F1", keysym_default.XK_F1);
+addStandard("F2", keysym_default.XK_F2);
+addStandard("F3", keysym_default.XK_F3);
+addStandard("F4", keysym_default.XK_F4);
+addStandard("F5", keysym_default.XK_F5);
+addStandard("F6", keysym_default.XK_F6);
+addStandard("F7", keysym_default.XK_F7);
+addStandard("F8", keysym_default.XK_F8);
+addStandard("F9", keysym_default.XK_F9);
+addStandard("F10", keysym_default.XK_F10);
+addStandard("F11", keysym_default.XK_F11);
+addStandard("F12", keysym_default.XK_F12);
+addStandard("F13", keysym_default.XK_F13);
+addStandard("F14", keysym_default.XK_F14);
+addStandard("F15", keysym_default.XK_F15);
+addStandard("F16", keysym_default.XK_F16);
+addStandard("F17", keysym_default.XK_F17);
+addStandard("F18", keysym_default.XK_F18);
+addStandard("F19", keysym_default.XK_F19);
+addStandard("F20", keysym_default.XK_F20);
+addStandard("F21", keysym_default.XK_F21);
+addStandard("F22", keysym_default.XK_F22);
+addStandard("F23", keysym_default.XK_F23);
+addStandard("F24", keysym_default.XK_F24);
+addStandard("F25", keysym_default.XK_F25);
+addStandard("F26", keysym_default.XK_F26);
+addStandard("F27", keysym_default.XK_F27);
+addStandard("F28", keysym_default.XK_F28);
+addStandard("F29", keysym_default.XK_F29);
+addStandard("F30", keysym_default.XK_F30);
+addStandard("F31", keysym_default.XK_F31);
+addStandard("F32", keysym_default.XK_F32);
+addStandard("F33", keysym_default.XK_F33);
+addStandard("F34", keysym_default.XK_F34);
+addStandard("F35", keysym_default.XK_F35);
+addStandard("Close", keysym_default.XF86XK_Close);
+addStandard("MailForward", keysym_default.XF86XK_MailForward);
+addStandard("MailReply", keysym_default.XF86XK_Reply);
+addStandard("MailSend", keysym_default.XF86XK_Send);
+addStandard("MediaFastForward", keysym_default.XF86XK_AudioForward);
+addStandard("MediaPause", keysym_default.XF86XK_AudioPause);
+addStandard("MediaPlay", keysym_default.XF86XK_AudioPlay);
+addStandard("MediaRecord", keysym_default.XF86XK_AudioRecord);
+addStandard("MediaRewind", keysym_default.XF86XK_AudioRewind);
+addStandard("MediaStop", keysym_default.XF86XK_AudioStop);
+addStandard("MediaTrackNext", keysym_default.XF86XK_AudioNext);
+addStandard("MediaTrackPrevious", keysym_default.XF86XK_AudioPrev);
+addStandard("New", keysym_default.XF86XK_New);
+addStandard("Open", keysym_default.XF86XK_Open);
+addStandard("Print", keysym_default.XK_Print);
+addStandard("Save", keysym_default.XF86XK_Save);
+addStandard("SpellCheck", keysym_default.XF86XK_Spell);
+addStandard("AudioVolumeDown", keysym_default.XF86XK_AudioLowerVolume);
+addStandard("AudioVolumeUp", keysym_default.XF86XK_AudioRaiseVolume);
+addStandard("AudioVolumeMute", keysym_default.XF86XK_AudioMute);
+addStandard("MicrophoneVolumeMute", keysym_default.XF86XK_AudioMicMute);
+addStandard("LaunchApplication1", keysym_default.XF86XK_MyComputer);
+addStandard("LaunchApplication2", keysym_default.XF86XK_Calculator);
+addStandard("LaunchCalendar", keysym_default.XF86XK_Calendar);
+addStandard("LaunchMail", keysym_default.XF86XK_Mail);
+addStandard("LaunchMediaPlayer", keysym_default.XF86XK_AudioMedia);
+addStandard("LaunchMusicPlayer", keysym_default.XF86XK_Music);
+addStandard("LaunchPhone", keysym_default.XF86XK_Phone);
+addStandard("LaunchScreenSaver", keysym_default.XF86XK_ScreenSaver);
+addStandard("LaunchSpreadsheet", keysym_default.XF86XK_Excel);
+addStandard("LaunchWebBrowser", keysym_default.XF86XK_WWW);
+addStandard("LaunchWebCam", keysym_default.XF86XK_WebCam);
+addStandard("LaunchWordProcessor", keysym_default.XF86XK_Word);
+addStandard("BrowserBack", keysym_default.XF86XK_Back);
+addStandard("BrowserFavorites", keysym_default.XF86XK_Favorites);
+addStandard("BrowserForward", keysym_default.XF86XK_Forward);
+addStandard("BrowserHome", keysym_default.XF86XK_HomePage);
+addStandard("BrowserRefresh", keysym_default.XF86XK_Refresh);
+addStandard("BrowserSearch", keysym_default.XF86XK_Search);
+addStandard("BrowserStop", keysym_default.XF86XK_Stop);
+addStandard("Dimmer", keysym_default.XF86XK_BrightnessAdjust);
+addStandard("MediaAudioTrack", keysym_default.XF86XK_AudioCycleTrack);
+addStandard("RandomToggle", keysym_default.XF86XK_AudioRandomPlay);
+addStandard("SplitScreenToggle", keysym_default.XF86XK_SplitScreen);
+addStandard("Subtitle", keysym_default.XF86XK_Subtitle);
+addStandard("VideoModeNext", keysym_default.XF86XK_Next_VMode);
+addNumpad("=", keysym_default.XK_equal, keysym_default.XK_KP_Equal);
+addNumpad("+", keysym_default.XK_plus, keysym_default.XK_KP_Add);
+addNumpad("-", keysym_default.XK_minus, keysym_default.XK_KP_Subtract);
+addNumpad("*", keysym_default.XK_asterisk, keysym_default.XK_KP_Multiply);
+addNumpad("/", keysym_default.XK_slash, keysym_default.XK_KP_Divide);
+addNumpad(".", keysym_default.XK_period, keysym_default.XK_KP_Decimal);
+addNumpad(",", keysym_default.XK_comma, keysym_default.XK_KP_Separator);
+addNumpad("0", keysym_default.XK_0, keysym_default.XK_KP_0);
+addNumpad("1", keysym_default.XK_1, keysym_default.XK_KP_1);
+addNumpad("2", keysym_default.XK_2, keysym_default.XK_KP_2);
+addNumpad("3", keysym_default.XK_3, keysym_default.XK_KP_3);
+addNumpad("4", keysym_default.XK_4, keysym_default.XK_KP_4);
+addNumpad("5", keysym_default.XK_5, keysym_default.XK_KP_5);
+addNumpad("6", keysym_default.XK_6, keysym_default.XK_KP_6);
+addNumpad("7", keysym_default.XK_7, keysym_default.XK_KP_7);
+addNumpad("8", keysym_default.XK_8, keysym_default.XK_KP_8);
+addNumpad("9", keysym_default.XK_9, keysym_default.XK_KP_9);
+var domkeytable_default = DOMKeyTable;
+
+// node_modules/@novnc/novnc/core/input/util.js
+function getKeycode(evt) {
+  if (evt.code) {
+    switch (evt.code) {
+      case "OSLeft":
+        return "MetaLeft";
+      case "OSRight":
+        return "MetaRight";
+    }
+    return evt.code;
+  }
+  if (evt.keyCode in vkeys_default) {
+    let code = vkeys_default[evt.keyCode];
+    if (isMac() && code === "ContextMenu") {
+      code = "MetaRight";
+    }
+    if (evt.location === 2) {
+      switch (code) {
+        case "ShiftLeft":
+          return "ShiftRight";
+        case "ControlLeft":
+          return "ControlRight";
+        case "AltLeft":
+          return "AltRight";
+      }
+    }
+    if (evt.location === 3) {
+      switch (code) {
+        case "Delete":
+          return "NumpadDecimal";
+        case "Insert":
+          return "Numpad0";
+        case "End":
+          return "Numpad1";
+        case "ArrowDown":
+          return "Numpad2";
+        case "PageDown":
+          return "Numpad3";
+        case "ArrowLeft":
+          return "Numpad4";
+        case "ArrowRight":
+          return "Numpad6";
+        case "Home":
+          return "Numpad7";
+        case "ArrowUp":
+          return "Numpad8";
+        case "PageUp":
+          return "Numpad9";
+        case "Enter":
+          return "NumpadEnter";
+      }
+    }
+    return code;
+  }
+  return "Unidentified";
+}
+function getKey(evt) {
+  if (evt.key !== void 0 && evt.key !== "Unidentified") {
+    switch (evt.key) {
+      case "OS":
+        return "Meta";
+      case "LaunchMyComputer":
+        return "LaunchApplication1";
+      case "LaunchCalculator":
+        return "LaunchApplication2";
+    }
+    switch (evt.key) {
+      case "UIKeyInputUpArrow":
+        return "ArrowUp";
+      case "UIKeyInputDownArrow":
+        return "ArrowDown";
+      case "UIKeyInputLeftArrow":
+        return "ArrowLeft";
+      case "UIKeyInputRightArrow":
+        return "ArrowRight";
+      case "UIKeyInputEscape":
+        return "Escape";
+    }
+    if (evt.key === "\0" && evt.code === "NumpadDecimal") {
+      return "Delete";
+    }
+    return evt.key;
+  }
+  const code = getKeycode(evt);
+  if (code in fixedkeys_default) {
+    return fixedkeys_default[code];
+  }
+  if (evt.charCode) {
+    return String.fromCharCode(evt.charCode);
+  }
+  return "Unidentified";
+}
+function getKeysym(evt) {
+  const key = getKey(evt);
+  if (key === "Unidentified") {
+    return null;
+  }
+  if (key in domkeytable_default) {
+    let location = evt.location;
+    if (key === "Meta" && location === 0) {
+      location = 2;
+    }
+    if (key === "Clear" && location === 3) {
+      let code = getKeycode(evt);
+      if (code === "NumLock") {
+        location = 0;
+      }
+    }
+    if (location === void 0 || location > 3) {
+      location = 0;
+    }
+    if (key === "Meta") {
+      let code = getKeycode(evt);
+      if (code === "AltLeft") {
+        return keysym_default.XK_Meta_L;
+      } else if (code === "AltRight") {
+        return keysym_default.XK_Meta_R;
+      }
+    }
+    if (key === "Clear") {
+      let code = getKeycode(evt);
+      if (code === "NumLock") {
+        return keysym_default.XK_Num_Lock;
+      }
+    }
+    if (isWindows()) {
+      switch (key) {
+        case "Zenkaku":
+        case "Hankaku":
+          return keysym_default.XK_Zenkaku_Hankaku;
+        case "Romaji":
+        case "KanaMode":
+          return keysym_default.XK_Romaji;
+      }
+    }
+    return domkeytable_default[key][location];
+  }
+  if (key.length !== 1) {
+    return null;
+  }
+  const codepoint = key.charCodeAt();
+  if (codepoint) {
+    return keysymdef_default.lookup(codepoint);
+  }
+  return null;
+}
+
+// node_modules/@novnc/novnc/core/input/keyboard.js
+var Keyboard = class {
+  constructor(target) {
+    this._target = target || null;
+    this._keyDownList = {};
+    this._altGrArmed = false;
+    this._eventHandlers = {
+      "keyup": this._handleKeyUp.bind(this),
+      "keydown": this._handleKeyDown.bind(this),
+      "blur": this._allKeysUp.bind(this)
+    };
+    this.onkeyevent = () => {
+    };
+  }
+  // ===== PRIVATE METHODS =====
+  _sendKeyEvent(keysym, code, down, numlock = null, capslock = null) {
+    if (down) {
+      this._keyDownList[code] = keysym;
+    } else {
+      if (!(code in this._keyDownList)) {
+        return;
+      }
+      delete this._keyDownList[code];
+    }
+    Debug("onkeyevent " + (down ? "down" : "up") + ", keysym: " + keysym, ", code: " + code + ", numlock: " + numlock + ", capslock: " + capslock);
+    this.onkeyevent(keysym, code, down, numlock, capslock);
+  }
+  _getKeyCode(e2) {
+    const code = getKeycode(e2);
+    if (code !== "Unidentified") {
+      return code;
+    }
+    if (e2.keyCode) {
+      if (e2.keyCode !== 229) {
+        return "Platform" + e2.keyCode;
+      }
+    }
+    if (e2.keyIdentifier) {
+      if (e2.keyIdentifier.substr(0, 2) !== "U+") {
+        return e2.keyIdentifier;
+      }
+      const codepoint = parseInt(e2.keyIdentifier.substr(2), 16);
+      const char = String.fromCharCode(codepoint).toUpperCase();
+      return "Platform" + char.charCodeAt();
+    }
+    return "Unidentified";
+  }
+  _handleKeyDown(e2) {
+    const code = this._getKeyCode(e2);
+    let keysym = getKeysym(e2);
+    let numlock = e2.getModifierState("NumLock");
+    let capslock = e2.getModifierState("CapsLock");
+    if (isMac() || isIOS()) {
+      numlock = null;
+    }
+    if (this._altGrArmed) {
+      this._altGrArmed = false;
+      clearTimeout(this._altGrTimeout);
+      if (code === "AltRight" && e2.timeStamp - this._altGrCtrlTime < 50) {
+        keysym = keysym_default.XK_ISO_Level3_Shift;
+      } else {
+        this._sendKeyEvent(keysym_default.XK_Control_L, "ControlLeft", true, numlock, capslock);
+      }
+    }
+    if (code === "Unidentified") {
+      if (keysym) {
+        this._sendKeyEvent(keysym, code, true, numlock, capslock);
+        this._sendKeyEvent(keysym, code, false, numlock, capslock);
+      }
+      stopEvent(e2);
+      return;
+    }
+    if (isMac() || isIOS()) {
+      switch (keysym) {
+        case keysym_default.XK_Super_L:
+          keysym = keysym_default.XK_Alt_L;
+          break;
+        case keysym_default.XK_Super_R:
+          keysym = keysym_default.XK_Super_L;
+          break;
+        case keysym_default.XK_Alt_L:
+          keysym = keysym_default.XK_Mode_switch;
+          break;
+        case keysym_default.XK_Alt_R:
+          keysym = keysym_default.XK_ISO_Level3_Shift;
+          break;
+      }
+    }
+    if (code in this._keyDownList) {
+      keysym = this._keyDownList[code];
+    }
+    if ((isMac() || isIOS()) && (e2.metaKey && code !== "MetaLeft" && code !== "MetaRight")) {
+      this._sendKeyEvent(keysym, code, true, numlock, capslock);
+      this._sendKeyEvent(keysym, code, false, numlock, capslock);
+      stopEvent(e2);
+      return;
+    }
+    if ((isMac() || isIOS()) && code === "CapsLock") {
+      this._sendKeyEvent(keysym_default.XK_Caps_Lock, "CapsLock", true, numlock, capslock);
+      this._sendKeyEvent(keysym_default.XK_Caps_Lock, "CapsLock", false, numlock, capslock);
+      stopEvent(e2);
+      return;
+    }
+    const jpBadKeys = [
+      keysym_default.XK_Zenkaku_Hankaku,
+      keysym_default.XK_Eisu_toggle,
+      keysym_default.XK_Katakana,
+      keysym_default.XK_Hiragana,
+      keysym_default.XK_Romaji
+    ];
+    if (isWindows() && jpBadKeys.includes(keysym)) {
+      this._sendKeyEvent(keysym, code, true, numlock, capslock);
+      this._sendKeyEvent(keysym, code, false, numlock, capslock);
+      stopEvent(e2);
+      return;
+    }
+    stopEvent(e2);
+    if (code === "ControlLeft" && isWindows() && !("ControlLeft" in this._keyDownList)) {
+      this._altGrArmed = true;
+      this._altGrTimeout = setTimeout(this._interruptAltGrSequence.bind(this), 100);
+      this._altGrCtrlTime = e2.timeStamp;
+      return;
+    }
+    this._sendKeyEvent(keysym, code, true, numlock, capslock);
+  }
+  _handleKeyUp(e2) {
+    stopEvent(e2);
+    const code = this._getKeyCode(e2);
+    this._interruptAltGrSequence();
+    if ((isMac() || isIOS()) && code === "CapsLock") {
+      this._sendKeyEvent(keysym_default.XK_Caps_Lock, "CapsLock", true);
+      this._sendKeyEvent(keysym_default.XK_Caps_Lock, "CapsLock", false);
+      return;
+    }
+    this._sendKeyEvent(this._keyDownList[code], code, false);
+    if (isWindows() && (code === "ShiftLeft" || code === "ShiftRight")) {
+      if ("ShiftRight" in this._keyDownList) {
+        this._sendKeyEvent(
+          this._keyDownList["ShiftRight"],
+          "ShiftRight",
+          false
+        );
+      }
+      if ("ShiftLeft" in this._keyDownList) {
+        this._sendKeyEvent(
+          this._keyDownList["ShiftLeft"],
+          "ShiftLeft",
+          false
+        );
+      }
+    }
+  }
+  _interruptAltGrSequence() {
+    if (this._altGrArmed) {
+      this._altGrArmed = false;
+      clearTimeout(this._altGrTimeout);
+      this._sendKeyEvent(keysym_default.XK_Control_L, "ControlLeft", true);
+    }
+  }
+  _allKeysUp() {
+    Debug(">> Keyboard.allKeysUp");
+    this._interruptAltGrSequence();
+    for (let code in this._keyDownList) {
+      this._sendKeyEvent(this._keyDownList[code], code, false);
+    }
+    Debug("<< Keyboard.allKeysUp");
+  }
+  // ===== PUBLIC METHODS =====
+  grab() {
+    this._target.addEventListener("keydown", this._eventHandlers.keydown);
+    this._target.addEventListener("keyup", this._eventHandlers.keyup);
+    window.addEventListener("blur", this._eventHandlers.blur);
+  }
+  ungrab() {
+    this._target.removeEventListener("keydown", this._eventHandlers.keydown);
+    this._target.removeEventListener("keyup", this._eventHandlers.keyup);
+    window.removeEventListener("blur", this._eventHandlers.blur);
+    this._allKeysUp();
+  }
+};
+
+// node_modules/@novnc/novnc/core/input/gesturehandler.js
+var GH_NOGESTURE = 0;
+var GH_ONETAP = 1;
+var GH_TWOTAP = 2;
+var GH_THREETAP = 4;
+var GH_DRAG = 8;
+var GH_LONGPRESS = 16;
+var GH_TWODRAG = 32;
+var GH_PINCH = 64;
+var GH_INITSTATE = 127;
+var GH_MOVE_THRESHOLD = 50;
+var GH_ANGLE_THRESHOLD = 90;
+var GH_MULTITOUCH_TIMEOUT = 250;
+var GH_TAP_TIMEOUT = 1e3;
+var GH_LONGPRESS_TIMEOUT = 1e3;
+var GH_TWOTOUCH_TIMEOUT = 50;
+var GestureHandler = class {
+  constructor() {
+    this._target = null;
+    this._state = GH_INITSTATE;
+    this._tracked = [];
+    this._ignored = [];
+    this._waitingRelease = false;
+    this._releaseStart = 0;
+    this._longpressTimeoutId = null;
+    this._twoTouchTimeoutId = null;
+    this._boundEventHandler = this._eventHandler.bind(this);
+  }
+  attach(target) {
+    this.detach();
+    this._target = target;
+    this._target.addEventListener(
+      "touchstart",
+      this._boundEventHandler
+    );
+    this._target.addEventListener(
+      "touchmove",
+      this._boundEventHandler
+    );
+    this._target.addEventListener(
+      "touchend",
+      this._boundEventHandler
+    );
+    this._target.addEventListener(
+      "touchcancel",
+      this._boundEventHandler
+    );
+  }
+  detach() {
+    if (!this._target) {
+      return;
+    }
+    this._stopLongpressTimeout();
+    this._stopTwoTouchTimeout();
+    this._target.removeEventListener(
+      "touchstart",
+      this._boundEventHandler
+    );
+    this._target.removeEventListener(
+      "touchmove",
+      this._boundEventHandler
+    );
+    this._target.removeEventListener(
+      "touchend",
+      this._boundEventHandler
+    );
+    this._target.removeEventListener(
+      "touchcancel",
+      this._boundEventHandler
+    );
+    this._target = null;
+  }
+  _eventHandler(e2) {
+    let fn;
+    e2.stopPropagation();
+    e2.preventDefault();
+    switch (e2.type) {
+      case "touchstart":
+        fn = this._touchStart;
+        break;
+      case "touchmove":
+        fn = this._touchMove;
+        break;
+      case "touchend":
+      case "touchcancel":
+        fn = this._touchEnd;
+        break;
+    }
+    for (let i2 = 0; i2 < e2.changedTouches.length; i2++) {
+      let touch = e2.changedTouches[i2];
+      fn.call(this, touch.identifier, touch.clientX, touch.clientY);
+    }
+  }
+  _touchStart(id, x, y) {
+    if (this._hasDetectedGesture() || this._state === GH_NOGESTURE) {
+      this._ignored.push(id);
+      return;
+    }
+    if (this._tracked.length > 0 && Date.now() - this._tracked[0].started > GH_MULTITOUCH_TIMEOUT) {
+      this._state = GH_NOGESTURE;
+      this._ignored.push(id);
+      return;
+    }
+    if (this._waitingRelease) {
+      this._state = GH_NOGESTURE;
+      this._ignored.push(id);
+      return;
+    }
+    this._tracked.push({
+      id,
+      started: Date.now(),
+      active: true,
+      firstX: x,
+      firstY: y,
+      lastX: x,
+      lastY: y,
+      angle: 0
+    });
+    switch (this._tracked.length) {
+      case 1:
+        this._startLongpressTimeout();
+        break;
+      case 2:
+        this._state &= ~(GH_ONETAP | GH_DRAG | GH_LONGPRESS);
+        this._stopLongpressTimeout();
+        break;
+      case 3:
+        this._state &= ~(GH_TWOTAP | GH_TWODRAG | GH_PINCH);
+        break;
+      default:
+        this._state = GH_NOGESTURE;
+    }
+  }
+  _touchMove(id, x, y) {
+    let touch = this._tracked.find((t) => t.id === id);
+    if (touch === void 0) {
+      return;
+    }
+    touch.lastX = x;
+    touch.lastY = y;
+    let deltaX = x - touch.firstX;
+    let deltaY = y - touch.firstY;
+    if (touch.firstX !== touch.lastX || touch.firstY !== touch.lastY) {
+      touch.angle = Math.atan2(deltaY, deltaX) * 180 / Math.PI;
+    }
+    if (!this._hasDetectedGesture()) {
+      if (Math.hypot(deltaX, deltaY) < GH_MOVE_THRESHOLD) {
+        return;
+      }
+      this._state &= ~(GH_ONETAP | GH_TWOTAP | GH_THREETAP | GH_LONGPRESS);
+      this._stopLongpressTimeout();
+      if (this._tracked.length !== 1) {
+        this._state &= ~GH_DRAG;
+      }
+      if (this._tracked.length !== 2) {
+        this._state &= ~(GH_TWODRAG | GH_PINCH);
+      }
+      if (this._tracked.length === 2) {
+        let prevTouch = this._tracked.find((t) => t.id !== id);
+        let prevDeltaMove = Math.hypot(
+          prevTouch.firstX - prevTouch.lastX,
+          prevTouch.firstY - prevTouch.lastY
+        );
+        if (prevDeltaMove > GH_MOVE_THRESHOLD) {
+          let deltaAngle = Math.abs(touch.angle - prevTouch.angle);
+          deltaAngle = Math.abs((deltaAngle + 180) % 360 - 180);
+          if (deltaAngle > GH_ANGLE_THRESHOLD) {
+            this._state &= ~GH_TWODRAG;
+          } else {
+            this._state &= ~GH_PINCH;
+          }
+          if (this._isTwoTouchTimeoutRunning()) {
+            this._stopTwoTouchTimeout();
+          }
+        } else if (!this._isTwoTouchTimeoutRunning()) {
+          this._startTwoTouchTimeout();
+        }
+      }
+      if (!this._hasDetectedGesture()) {
+        return;
+      }
+      this._pushEvent("gesturestart");
+    }
+    this._pushEvent("gesturemove");
+  }
+  _touchEnd(id, x, y) {
+    if (this._ignored.indexOf(id) !== -1) {
+      this._ignored.splice(this._ignored.indexOf(id), 1);
+      if (this._ignored.length === 0 && this._tracked.length === 0) {
+        this._state = GH_INITSTATE;
+        this._waitingRelease = false;
+      }
+      return;
+    }
+    if (!this._hasDetectedGesture() && this._isTwoTouchTimeoutRunning()) {
+      this._stopTwoTouchTimeout();
+      this._state = GH_NOGESTURE;
+    }
+    if (!this._hasDetectedGesture()) {
+      this._state &= ~(GH_DRAG | GH_TWODRAG | GH_PINCH);
+      this._state &= ~GH_LONGPRESS;
+      this._stopLongpressTimeout();
+      if (!this._waitingRelease) {
+        this._releaseStart = Date.now();
+        this._waitingRelease = true;
+        switch (this._tracked.length) {
+          case 1:
+            this._state &= ~(GH_TWOTAP | GH_THREETAP);
+            break;
+          case 2:
+            this._state &= ~(GH_ONETAP | GH_THREETAP);
+            break;
+        }
+      }
+    }
+    if (this._waitingRelease) {
+      if (Date.now() - this._releaseStart > GH_MULTITOUCH_TIMEOUT) {
+        this._state = GH_NOGESTURE;
+      }
+      if (this._tracked.some((t) => Date.now() - t.started > GH_TAP_TIMEOUT)) {
+        this._state = GH_NOGESTURE;
+      }
+      let touch = this._tracked.find((t) => t.id === id);
+      touch.active = false;
+      if (this._hasDetectedGesture()) {
+        this._pushEvent("gesturestart");
+      } else {
+        if (this._state !== GH_NOGESTURE) {
+          return;
+        }
+      }
+    }
+    if (this._hasDetectedGesture()) {
+      this._pushEvent("gestureend");
+    }
+    for (let i2 = 0; i2 < this._tracked.length; i2++) {
+      if (this._tracked[i2].active) {
+        this._ignored.push(this._tracked[i2].id);
+      }
+    }
+    this._tracked = [];
+    this._state = GH_NOGESTURE;
+    if (this._ignored.indexOf(id) !== -1) {
+      this._ignored.splice(this._ignored.indexOf(id), 1);
+    }
+    if (this._ignored.length === 0) {
+      this._state = GH_INITSTATE;
+      this._waitingRelease = false;
+    }
+  }
+  _hasDetectedGesture() {
+    if (this._state === GH_NOGESTURE) {
+      return false;
+    }
+    if (this._state & this._state - 1) {
+      return false;
+    }
+    if (this._state & (GH_ONETAP | GH_TWOTAP | GH_THREETAP)) {
+      if (this._tracked.some((t) => t.active)) {
+        return false;
+      }
+    }
+    return true;
+  }
+  _startLongpressTimeout() {
+    this._stopLongpressTimeout();
+    this._longpressTimeoutId = setTimeout(
+      () => this._longpressTimeout(),
+      GH_LONGPRESS_TIMEOUT
+    );
+  }
+  _stopLongpressTimeout() {
+    clearTimeout(this._longpressTimeoutId);
+    this._longpressTimeoutId = null;
+  }
+  _longpressTimeout() {
+    if (this._hasDetectedGesture()) {
+      throw new Error("A longpress gesture failed, conflict with a different gesture");
+    }
+    this._state = GH_LONGPRESS;
+    this._pushEvent("gesturestart");
+  }
+  _startTwoTouchTimeout() {
+    this._stopTwoTouchTimeout();
+    this._twoTouchTimeoutId = setTimeout(
+      () => this._twoTouchTimeout(),
+      GH_TWOTOUCH_TIMEOUT
+    );
+  }
+  _stopTwoTouchTimeout() {
+    clearTimeout(this._twoTouchTimeoutId);
+    this._twoTouchTimeoutId = null;
+  }
+  _isTwoTouchTimeoutRunning() {
+    return this._twoTouchTimeoutId !== null;
+  }
+  _twoTouchTimeout() {
+    if (this._tracked.length === 0) {
+      throw new Error("A pinch or two drag gesture failed, no tracked touches");
+    }
+    let avgM = this._getAverageMovement();
+    let avgMoveH = Math.abs(avgM.x);
+    let avgMoveV = Math.abs(avgM.y);
+    let avgD = this._getAverageDistance();
+    let deltaTouchDistance = Math.abs(Math.hypot(avgD.first.x, avgD.first.y) - Math.hypot(avgD.last.x, avgD.last.y));
+    if (avgMoveV < deltaTouchDistance && avgMoveH < deltaTouchDistance) {
+      this._state = GH_PINCH;
+    } else {
+      this._state = GH_TWODRAG;
+    }
+    this._pushEvent("gesturestart");
+    this._pushEvent("gesturemove");
+  }
+  _pushEvent(type) {
+    let detail = { type: this._stateToGesture(this._state) };
+    let avg = this._getPosition();
+    let pos = avg.last;
+    if (type === "gesturestart") {
+      pos = avg.first;
+    }
+    switch (this._state) {
+      case GH_TWODRAG:
+      case GH_PINCH:
+        pos = avg.first;
+        break;
+    }
+    detail["clientX"] = pos.x;
+    detail["clientY"] = pos.y;
+    if (this._state === GH_PINCH) {
+      let distance = this._getAverageDistance();
+      if (type === "gesturestart") {
+        detail["magnitudeX"] = distance.first.x;
+        detail["magnitudeY"] = distance.first.y;
+      } else {
+        detail["magnitudeX"] = distance.last.x;
+        detail["magnitudeY"] = distance.last.y;
+      }
+    } else if (this._state === GH_TWODRAG) {
+      if (type === "gesturestart") {
+        detail["magnitudeX"] = 0;
+        detail["magnitudeY"] = 0;
+      } else {
+        let movement = this._getAverageMovement();
+        detail["magnitudeX"] = movement.x;
+        detail["magnitudeY"] = movement.y;
+      }
+    }
+    let gev = new CustomEvent(type, { detail });
+    this._target.dispatchEvent(gev);
+  }
+  _stateToGesture(state2) {
+    switch (state2) {
+      case GH_ONETAP:
+        return "onetap";
+      case GH_TWOTAP:
+        return "twotap";
+      case GH_THREETAP:
+        return "threetap";
+      case GH_DRAG:
+        return "drag";
+      case GH_LONGPRESS:
+        return "longpress";
+      case GH_TWODRAG:
+        return "twodrag";
+      case GH_PINCH:
+        return "pinch";
+    }
+    throw new Error("Unknown gesture state: " + state2);
+  }
+  _getPosition() {
+    if (this._tracked.length === 0) {
+      throw new Error("Failed to get gesture position, no tracked touches");
+    }
+    let size = this._tracked.length;
+    let fx = 0, fy = 0, lx = 0, ly = 0;
+    for (let i2 = 0; i2 < this._tracked.length; i2++) {
+      fx += this._tracked[i2].firstX;
+      fy += this._tracked[i2].firstY;
+      lx += this._tracked[i2].lastX;
+      ly += this._tracked[i2].lastY;
+    }
+    return {
+      first: {
+        x: fx / size,
+        y: fy / size
+      },
+      last: {
+        x: lx / size,
+        y: ly / size
+      }
+    };
+  }
+  _getAverageMovement() {
+    if (this._tracked.length === 0) {
+      throw new Error("Failed to get gesture movement, no tracked touches");
+    }
+    let totalH, totalV;
+    totalH = totalV = 0;
+    let size = this._tracked.length;
+    for (let i2 = 0; i2 < this._tracked.length; i2++) {
+      totalH += this._tracked[i2].lastX - this._tracked[i2].firstX;
+      totalV += this._tracked[i2].lastY - this._tracked[i2].firstY;
+    }
+    return {
+      x: totalH / size,
+      y: totalV / size
+    };
+  }
+  _getAverageDistance() {
+    if (this._tracked.length === 0) {
+      throw new Error("Failed to get gesture distance, no tracked touches");
+    }
+    let first = this._tracked[0];
+    let last = this._tracked[this._tracked.length - 1];
+    let fdx = Math.abs(last.firstX - first.firstX);
+    let fdy = Math.abs(last.firstY - first.firstY);
+    let ldx = Math.abs(last.lastX - first.lastX);
+    let ldy = Math.abs(last.lastY - first.lastY);
+    return {
+      first: { x: fdx, y: fdy },
+      last: { x: ldx, y: ldy }
+    };
+  }
+};
+
+// node_modules/@novnc/novnc/core/util/cursor.js
+var useFallback = !supportsCursorURIs || isTouchDevice;
+var Cursor = class {
+  constructor() {
+    this._target = null;
+    this._canvas = document.createElement("canvas");
+    if (useFallback) {
+      this._canvas.style.position = "fixed";
+      this._canvas.style.zIndex = "65535";
+      this._canvas.style.pointerEvents = "none";
+      this._canvas.style.userSelect = "none";
+      this._canvas.style.WebkitUserSelect = "none";
+      this._canvas.style.visibility = "hidden";
+    }
+    this._position = { x: 0, y: 0 };
+    this._hotSpot = { x: 0, y: 0 };
+    this._eventHandlers = {
+      "mouseover": this._handleMouseOver.bind(this),
+      "mouseleave": this._handleMouseLeave.bind(this),
+      "mousemove": this._handleMouseMove.bind(this),
+      "mouseup": this._handleMouseUp.bind(this)
+    };
+  }
+  attach(target) {
+    if (this._target) {
+      this.detach();
+    }
+    this._target = target;
+    if (useFallback) {
+      document.body.appendChild(this._canvas);
+      const options2 = { capture: true, passive: true };
+      this._target.addEventListener("mouseover", this._eventHandlers.mouseover, options2);
+      this._target.addEventListener("mouseleave", this._eventHandlers.mouseleave, options2);
+      this._target.addEventListener("mousemove", this._eventHandlers.mousemove, options2);
+      this._target.addEventListener("mouseup", this._eventHandlers.mouseup, options2);
+    }
+    this.clear();
+  }
+  detach() {
+    if (!this._target) {
+      return;
+    }
+    if (useFallback) {
+      const options2 = { capture: true, passive: true };
+      this._target.removeEventListener("mouseover", this._eventHandlers.mouseover, options2);
+      this._target.removeEventListener("mouseleave", this._eventHandlers.mouseleave, options2);
+      this._target.removeEventListener("mousemove", this._eventHandlers.mousemove, options2);
+      this._target.removeEventListener("mouseup", this._eventHandlers.mouseup, options2);
+      if (document.contains(this._canvas)) {
+        document.body.removeChild(this._canvas);
+      }
+    }
+    this._target = null;
+  }
+  change(rgba, hotx, hoty, w, h) {
+    if (w === 0 || h === 0) {
+      this.clear();
+      return;
+    }
+    this._position.x = this._position.x + this._hotSpot.x - hotx;
+    this._position.y = this._position.y + this._hotSpot.y - hoty;
+    this._hotSpot.x = hotx;
+    this._hotSpot.y = hoty;
+    let ctx = this._canvas.getContext("2d");
+    this._canvas.width = w;
+    this._canvas.height = h;
+    let img = new ImageData(new Uint8ClampedArray(rgba), w, h);
+    ctx.clearRect(0, 0, w, h);
+    ctx.putImageData(img, 0, 0);
+    if (useFallback) {
+      this._updatePosition();
+    } else {
+      let url = this._canvas.toDataURL();
+      this._target.style.cursor = "url(" + url + ")" + hotx + " " + hoty + ", default";
+    }
+  }
+  clear() {
+    this._target.style.cursor = "none";
+    this._canvas.width = 0;
+    this._canvas.height = 0;
+    this._position.x = this._position.x + this._hotSpot.x;
+    this._position.y = this._position.y + this._hotSpot.y;
+    this._hotSpot.x = 0;
+    this._hotSpot.y = 0;
+  }
+  // Mouse events might be emulated, this allows
+  // moving the cursor in such cases
+  move(clientX, clientY) {
+    if (!useFallback) {
+      return;
+    }
+    if (window.visualViewport) {
+      this._position.x = clientX + window.visualViewport.offsetLeft;
+      this._position.y = clientY + window.visualViewport.offsetTop;
+    } else {
+      this._position.x = clientX;
+      this._position.y = clientY;
+    }
+    this._updatePosition();
+    let target = document.elementFromPoint(clientX, clientY);
+    this._updateVisibility(target);
+  }
+  _handleMouseOver(event) {
+    this._handleMouseMove(event);
+  }
+  _handleMouseLeave(event) {
+    this._updateVisibility(event.relatedTarget);
+  }
+  _handleMouseMove(event) {
+    this._updateVisibility(event.target);
+    this._position.x = event.clientX - this._hotSpot.x;
+    this._position.y = event.clientY - this._hotSpot.y;
+    this._updatePosition();
+  }
+  _handleMouseUp(event) {
+    let target = document.elementFromPoint(event.clientX, event.clientY);
+    this._updateVisibility(target);
+    if (this._captureIsActive()) {
+      window.setTimeout(() => {
+        if (!this._target) {
+          return;
+        }
+        target = document.elementFromPoint(
+          event.clientX,
+          event.clientY
+        );
+        this._updateVisibility(target);
+      }, 0);
+    }
+  }
+  _showCursor() {
+    if (this._canvas.style.visibility === "hidden") {
+      this._canvas.style.visibility = "";
+    }
+  }
+  _hideCursor() {
+    if (this._canvas.style.visibility !== "hidden") {
+      this._canvas.style.visibility = "hidden";
+    }
+  }
+  // Should we currently display the cursor?
+  // (i.e. are we over the target, or a child of the target without a
+  // different cursor set)
+  _shouldShowCursor(target) {
+    if (!target) {
+      return false;
+    }
+    if (target === this._target) {
+      return true;
+    }
+    if (!this._target.contains(target)) {
+      return false;
+    }
+    if (window.getComputedStyle(target).cursor !== "none") {
+      return false;
+    }
+    return true;
+  }
+  _updateVisibility(target) {
+    if (this._captureIsActive()) {
+      target = document.captureElement;
+    }
+    if (this._shouldShowCursor(target)) {
+      this._showCursor();
+    } else {
+      this._hideCursor();
+    }
+  }
+  _updatePosition() {
+    this._canvas.style.left = this._position.x + "px";
+    this._canvas.style.top = this._position.y + "px";
+  }
+  _captureIsActive() {
+    return document.captureElement && document.documentElement.contains(document.captureElement);
+  }
+};
+
+// node_modules/@novnc/novnc/core/websock.js
+var MAX_RQ_GROW_SIZE = 40 * 1024 * 1024;
+var DataChannel = {
+  CONNECTING: "connecting",
+  OPEN: "open",
+  CLOSING: "closing",
+  CLOSED: "closed"
+};
+var ReadyStates = {
+  CONNECTING: [WebSocket.CONNECTING, DataChannel.CONNECTING],
+  OPEN: [WebSocket.OPEN, DataChannel.OPEN],
+  CLOSING: [WebSocket.CLOSING, DataChannel.CLOSING],
+  CLOSED: [WebSocket.CLOSED, DataChannel.CLOSED]
+};
+var rawChannelProps = [
+  "send",
+  "close",
+  "binaryType",
+  "onerror",
+  "onmessage",
+  "onopen",
+  "protocol",
+  "readyState"
+];
+var Websock = class {
+  constructor() {
+    this._websocket = null;
+    this._rQi = 0;
+    this._rQlen = 0;
+    this._rQbufferSize = 1024 * 1024 * 4;
+    this._rQ = null;
+    this._sQbufferSize = 1024 * 10;
+    this._sQlen = 0;
+    this._sQ = null;
+    this._eventHandlers = {
+      message: () => {
+      },
+      open: () => {
+      },
+      close: () => {
+      },
+      error: () => {
+      }
+    };
+  }
+  // Getters and setters
+  get readyState() {
+    let subState;
+    if (this._websocket === null) {
+      return "unused";
+    }
+    subState = this._websocket.readyState;
+    if (ReadyStates.CONNECTING.includes(subState)) {
+      return "connecting";
+    } else if (ReadyStates.OPEN.includes(subState)) {
+      return "open";
+    } else if (ReadyStates.CLOSING.includes(subState)) {
+      return "closing";
+    } else if (ReadyStates.CLOSED.includes(subState)) {
+      return "closed";
+    }
+    return "unknown";
+  }
+  // Receive queue
+  rQpeek8() {
+    return this._rQ[this._rQi];
+  }
+  rQskipBytes(bytes) {
+    this._rQi += bytes;
+  }
+  rQshift8() {
+    return this._rQshift(1);
+  }
+  rQshift16() {
+    return this._rQshift(2);
+  }
+  rQshift32() {
+    return this._rQshift(4);
+  }
+  // TODO(directxman12): test performance with these vs a DataView
+  _rQshift(bytes) {
+    let res = 0;
+    for (let byte = bytes - 1; byte >= 0; byte--) {
+      res += this._rQ[this._rQi++] << byte * 8;
+    }
+    return res >>> 0;
+  }
+  rQlen() {
+    return this._rQlen - this._rQi;
+  }
+  rQshiftStr(len) {
+    let str = "";
+    for (let i2 = 0; i2 < len; i2 += 4096) {
+      let part = this.rQshiftBytes(Math.min(4096, len - i2), false);
+      str += String.fromCharCode.apply(null, part);
+    }
+    return str;
+  }
+  rQshiftBytes(len, copy = true) {
+    this._rQi += len;
+    if (copy) {
+      return this._rQ.slice(this._rQi - len, this._rQi);
+    } else {
+      return this._rQ.subarray(this._rQi - len, this._rQi);
+    }
+  }
+  rQshiftTo(target, len) {
+    target.set(new Uint8Array(this._rQ.buffer, this._rQi, len));
+    this._rQi += len;
+  }
+  rQpeekBytes(len, copy = true) {
+    if (copy) {
+      return this._rQ.slice(this._rQi, this._rQi + len);
+    } else {
+      return this._rQ.subarray(this._rQi, this._rQi + len);
+    }
+  }
+  // Check to see if we must wait for 'num' bytes (default to FBU.bytes)
+  // to be available in the receive queue. Return true if we need to
+  // wait (and possibly print a debug message), otherwise false.
+  rQwait(msg, num, goback) {
+    if (this._rQlen - this._rQi < num) {
+      if (goback) {
+        if (this._rQi < goback) {
+          throw new Error("rQwait cannot backup " + goback + " bytes");
+        }
+        this._rQi -= goback;
+      }
+      return true;
+    }
+    return false;
+  }
+  // Send queue
+  sQpush8(num) {
+    this._sQensureSpace(1);
+    this._sQ[this._sQlen++] = num;
+  }
+  sQpush16(num) {
+    this._sQensureSpace(2);
+    this._sQ[this._sQlen++] = num >> 8 & 255;
+    this._sQ[this._sQlen++] = num >> 0 & 255;
+  }
+  sQpush32(num) {
+    this._sQensureSpace(4);
+    this._sQ[this._sQlen++] = num >> 24 & 255;
+    this._sQ[this._sQlen++] = num >> 16 & 255;
+    this._sQ[this._sQlen++] = num >> 8 & 255;
+    this._sQ[this._sQlen++] = num >> 0 & 255;
+  }
+  sQpushString(str) {
+    let bytes = str.split("").map((chr) => chr.charCodeAt(0));
+    this.sQpushBytes(new Uint8Array(bytes));
+  }
+  sQpushBytes(bytes) {
+    for (let offset = 0; offset < bytes.length; ) {
+      this._sQensureSpace(1);
+      let chunkSize = this._sQbufferSize - this._sQlen;
+      if (chunkSize > bytes.length - offset) {
+        chunkSize = bytes.length - offset;
+      }
+      this._sQ.set(bytes.subarray(offset, offset + chunkSize), this._sQlen);
+      this._sQlen += chunkSize;
+      offset += chunkSize;
+    }
+  }
+  flush() {
+    if (this._sQlen > 0 && this.readyState === "open") {
+      this._websocket.send(new Uint8Array(this._sQ.buffer, 0, this._sQlen));
+      this._sQlen = 0;
+    }
+  }
+  _sQensureSpace(bytes) {
+    if (this._sQbufferSize - this._sQlen < bytes) {
+      this.flush();
+    }
+  }
+  // Event handlers
+  off(evt) {
+    this._eventHandlers[evt] = () => {
+    };
+  }
+  on(evt, handler) {
+    this._eventHandlers[evt] = handler;
+  }
+  _allocateBuffers() {
+    this._rQ = new Uint8Array(this._rQbufferSize);
+    this._sQ = new Uint8Array(this._sQbufferSize);
+  }
+  init() {
+    this._allocateBuffers();
+    this._rQi = 0;
+    this._websocket = null;
+  }
+  open(uri, protocols) {
+    this.attach(new WebSocket(uri, protocols));
+  }
+  attach(rawChannel) {
+    this.init();
+    const channelProps = [...Object.keys(rawChannel), ...Object.getOwnPropertyNames(Object.getPrototypeOf(rawChannel))];
+    for (let i2 = 0; i2 < rawChannelProps.length; i2++) {
+      const prop = rawChannelProps[i2];
+      if (channelProps.indexOf(prop) < 0) {
+        throw new Error("Raw channel missing property: " + prop);
+      }
+    }
+    this._websocket = rawChannel;
+    this._websocket.binaryType = "arraybuffer";
+    this._websocket.onmessage = this._recvMessage.bind(this);
+    this._websocket.onopen = () => {
+      Debug(">> WebSock.onopen");
+      if (this._websocket.protocol) {
+        Info("Server choose sub-protocol: " + this._websocket.protocol);
+      }
+      this._eventHandlers.open();
+      Debug("<< WebSock.onopen");
+    };
+    this._websocket.onclose = (e2) => {
+      Debug(">> WebSock.onclose");
+      this._eventHandlers.close(e2);
+      Debug("<< WebSock.onclose");
+    };
+    this._websocket.onerror = (e2) => {
+      Debug(">> WebSock.onerror: " + e2);
+      this._eventHandlers.error(e2);
+      Debug("<< WebSock.onerror: " + e2);
+    };
+  }
+  close() {
+    if (this._websocket) {
+      if (this.readyState === "connecting" || this.readyState === "open") {
+        Info("Closing WebSocket connection");
+        this._websocket.close();
+      }
+      this._websocket.onmessage = () => {
+      };
+    }
+  }
+  // private methods
+  // We want to move all the unread data to the start of the queue,
+  // e.g. compacting.
+  // The function also expands the receive que if needed, and for
+  // performance reasons we combine these two actions to avoid
+  // unnecessary copying.
+  _expandCompactRQ(minFit) {
+    const requiredBufferSize = (this._rQlen - this._rQi + minFit) * 8;
+    const resizeNeeded = this._rQbufferSize < requiredBufferSize;
+    if (resizeNeeded) {
+      this._rQbufferSize = Math.max(this._rQbufferSize * 2, requiredBufferSize);
+    }
+    if (this._rQbufferSize > MAX_RQ_GROW_SIZE) {
+      this._rQbufferSize = MAX_RQ_GROW_SIZE;
+      if (this._rQbufferSize - (this._rQlen - this._rQi) < minFit) {
+        throw new Error("Receive queue buffer exceeded " + MAX_RQ_GROW_SIZE + " bytes, and the new message could not fit");
+      }
+    }
+    if (resizeNeeded) {
+      const oldRQbuffer = this._rQ.buffer;
+      this._rQ = new Uint8Array(this._rQbufferSize);
+      this._rQ.set(new Uint8Array(oldRQbuffer, this._rQi, this._rQlen - this._rQi));
+    } else {
+      this._rQ.copyWithin(0, this._rQi, this._rQlen);
+    }
+    this._rQlen = this._rQlen - this._rQi;
+    this._rQi = 0;
+  }
+  // push arraybuffer values onto the end of the receive que
+  _recvMessage(e2) {
+    if (this._rQlen == this._rQi) {
+      this._rQlen = 0;
+      this._rQi = 0;
+    }
+    const u8 = new Uint8Array(e2.data);
+    if (u8.length > this._rQbufferSize - this._rQlen) {
+      this._expandCompactRQ(u8.length);
+    }
+    this._rQ.set(u8, this._rQlen);
+    this._rQlen += u8.length;
+    if (this._rQlen - this._rQi > 0) {
+      this._eventHandlers.message();
+    } else {
+      Debug("Ignoring empty message");
+    }
+  }
+};
+
+// node_modules/@novnc/novnc/core/input/xtscancodes.js
+var xtscancodes_default = {
+  "Again": 57349,
+  /* html:Again (Again) -> linux:129 (KEY_AGAIN) -> atset1:57349 */
+  "AltLeft": 56,
+  /* html:AltLeft (AltLeft) -> linux:56 (KEY_LEFTALT) -> atset1:56 */
+  "AltRight": 57400,
+  /* html:AltRight (AltRight) -> linux:100 (KEY_RIGHTALT) -> atset1:57400 */
+  "ArrowDown": 57424,
+  /* html:ArrowDown (ArrowDown) -> linux:108 (KEY_DOWN) -> atset1:57424 */
+  "ArrowLeft": 57419,
+  /* html:ArrowLeft (ArrowLeft) -> linux:105 (KEY_LEFT) -> atset1:57419 */
+  "ArrowRight": 57421,
+  /* html:ArrowRight (ArrowRight) -> linux:106 (KEY_RIGHT) -> atset1:57421 */
+  "ArrowUp": 57416,
+  /* html:ArrowUp (ArrowUp) -> linux:103 (KEY_UP) -> atset1:57416 */
+  "AudioVolumeDown": 57390,
+  /* html:AudioVolumeDown (AudioVolumeDown) -> linux:114 (KEY_VOLUMEDOWN) -> atset1:57390 */
+  "AudioVolumeMute": 57376,
+  /* html:AudioVolumeMute (AudioVolumeMute) -> linux:113 (KEY_MUTE) -> atset1:57376 */
+  "AudioVolumeUp": 57392,
+  /* html:AudioVolumeUp (AudioVolumeUp) -> linux:115 (KEY_VOLUMEUP) -> atset1:57392 */
+  "Backquote": 41,
+  /* html:Backquote (Backquote) -> linux:41 (KEY_GRAVE) -> atset1:41 */
+  "Backslash": 43,
+  /* html:Backslash (Backslash) -> linux:43 (KEY_BACKSLASH) -> atset1:43 */
+  "Backspace": 14,
+  /* html:Backspace (Backspace) -> linux:14 (KEY_BACKSPACE) -> atset1:14 */
+  "BracketLeft": 26,
+  /* html:BracketLeft (BracketLeft) -> linux:26 (KEY_LEFTBRACE) -> atset1:26 */
+  "BracketRight": 27,
+  /* html:BracketRight (BracketRight) -> linux:27 (KEY_RIGHTBRACE) -> atset1:27 */
+  "BrowserBack": 57450,
+  /* html:BrowserBack (BrowserBack) -> linux:158 (KEY_BACK) -> atset1:57450 */
+  "BrowserFavorites": 57446,
+  /* html:BrowserFavorites (BrowserFavorites) -> linux:156 (KEY_BOOKMARKS) -> atset1:57446 */
+  "BrowserForward": 57449,
+  /* html:BrowserForward (BrowserForward) -> linux:159 (KEY_FORWARD) -> atset1:57449 */
+  "BrowserHome": 57394,
+  /* html:BrowserHome (BrowserHome) -> linux:172 (KEY_HOMEPAGE) -> atset1:57394 */
+  "BrowserRefresh": 57447,
+  /* html:BrowserRefresh (BrowserRefresh) -> linux:173 (KEY_REFRESH) -> atset1:57447 */
+  "BrowserSearch": 57445,
+  /* html:BrowserSearch (BrowserSearch) -> linux:217 (KEY_SEARCH) -> atset1:57445 */
+  "BrowserStop": 57448,
+  /* html:BrowserStop (BrowserStop) -> linux:128 (KEY_STOP) -> atset1:57448 */
+  "CapsLock": 58,
+  /* html:CapsLock (CapsLock) -> linux:58 (KEY_CAPSLOCK) -> atset1:58 */
+  "Comma": 51,
+  /* html:Comma (Comma) -> linux:51 (KEY_COMMA) -> atset1:51 */
+  "ContextMenu": 57437,
+  /* html:ContextMenu (ContextMenu) -> linux:127 (KEY_COMPOSE) -> atset1:57437 */
+  "ControlLeft": 29,
+  /* html:ControlLeft (ControlLeft) -> linux:29 (KEY_LEFTCTRL) -> atset1:29 */
+  "ControlRight": 57373,
+  /* html:ControlRight (ControlRight) -> linux:97 (KEY_RIGHTCTRL) -> atset1:57373 */
+  "Convert": 121,
+  /* html:Convert (Convert) -> linux:92 (KEY_HENKAN) -> atset1:121 */
+  "Copy": 57464,
+  /* html:Copy (Copy) -> linux:133 (KEY_COPY) -> atset1:57464 */
+  "Cut": 57404,
+  /* html:Cut (Cut) -> linux:137 (KEY_CUT) -> atset1:57404 */
+  "Delete": 57427,
+  /* html:Delete (Delete) -> linux:111 (KEY_DELETE) -> atset1:57427 */
+  "Digit0": 11,
+  /* html:Digit0 (Digit0) -> linux:11 (KEY_0) -> atset1:11 */
+  "Digit1": 2,
+  /* html:Digit1 (Digit1) -> linux:2 (KEY_1) -> atset1:2 */
+  "Digit2": 3,
+  /* html:Digit2 (Digit2) -> linux:3 (KEY_2) -> atset1:3 */
+  "Digit3": 4,
+  /* html:Digit3 (Digit3) -> linux:4 (KEY_3) -> atset1:4 */
+  "Digit4": 5,
+  /* html:Digit4 (Digit4) -> linux:5 (KEY_4) -> atset1:5 */
+  "Digit5": 6,
+  /* html:Digit5 (Digit5) -> linux:6 (KEY_5) -> atset1:6 */
+  "Digit6": 7,
+  /* html:Digit6 (Digit6) -> linux:7 (KEY_6) -> atset1:7 */
+  "Digit7": 8,
+  /* html:Digit7 (Digit7) -> linux:8 (KEY_7) -> atset1:8 */
+  "Digit8": 9,
+  /* html:Digit8 (Digit8) -> linux:9 (KEY_8) -> atset1:9 */
+  "Digit9": 10,
+  /* html:Digit9 (Digit9) -> linux:10 (KEY_9) -> atset1:10 */
+  "Eject": 57469,
+  /* html:Eject (Eject) -> linux:162 (KEY_EJECTCLOSECD) -> atset1:57469 */
+  "End": 57423,
+  /* html:End (End) -> linux:107 (KEY_END) -> atset1:57423 */
+  "Enter": 28,
+  /* html:Enter (Enter) -> linux:28 (KEY_ENTER) -> atset1:28 */
+  "Equal": 13,
+  /* html:Equal (Equal) -> linux:13 (KEY_EQUAL) -> atset1:13 */
+  "Escape": 1,
+  /* html:Escape (Escape) -> linux:1 (KEY_ESC) -> atset1:1 */
+  "F1": 59,
+  /* html:F1 (F1) -> linux:59 (KEY_F1) -> atset1:59 */
+  "F10": 68,
+  /* html:F10 (F10) -> linux:68 (KEY_F10) -> atset1:68 */
+  "F11": 87,
+  /* html:F11 (F11) -> linux:87 (KEY_F11) -> atset1:87 */
+  "F12": 88,
+  /* html:F12 (F12) -> linux:88 (KEY_F12) -> atset1:88 */
+  "F13": 93,
+  /* html:F13 (F13) -> linux:183 (KEY_F13) -> atset1:93 */
+  "F14": 94,
+  /* html:F14 (F14) -> linux:184 (KEY_F14) -> atset1:94 */
+  "F15": 95,
+  /* html:F15 (F15) -> linux:185 (KEY_F15) -> atset1:95 */
+  "F16": 85,
+  /* html:F16 (F16) -> linux:186 (KEY_F16) -> atset1:85 */
+  "F17": 57347,
+  /* html:F17 (F17) -> linux:187 (KEY_F17) -> atset1:57347 */
+  "F18": 57463,
+  /* html:F18 (F18) -> linux:188 (KEY_F18) -> atset1:57463 */
+  "F19": 57348,
+  /* html:F19 (F19) -> linux:189 (KEY_F19) -> atset1:57348 */
+  "F2": 60,
+  /* html:F2 (F2) -> linux:60 (KEY_F2) -> atset1:60 */
+  "F20": 90,
+  /* html:F20 (F20) -> linux:190 (KEY_F20) -> atset1:90 */
+  "F21": 116,
+  /* html:F21 (F21) -> linux:191 (KEY_F21) -> atset1:116 */
+  "F22": 57465,
+  /* html:F22 (F22) -> linux:192 (KEY_F22) -> atset1:57465 */
+  "F23": 109,
+  /* html:F23 (F23) -> linux:193 (KEY_F23) -> atset1:109 */
+  "F24": 111,
+  /* html:F24 (F24) -> linux:194 (KEY_F24) -> atset1:111 */
+  "F3": 61,
+  /* html:F3 (F3) -> linux:61 (KEY_F3) -> atset1:61 */
+  "F4": 62,
+  /* html:F4 (F4) -> linux:62 (KEY_F4) -> atset1:62 */
+  "F5": 63,
+  /* html:F5 (F5) -> linux:63 (KEY_F5) -> atset1:63 */
+  "F6": 64,
+  /* html:F6 (F6) -> linux:64 (KEY_F6) -> atset1:64 */
+  "F7": 65,
+  /* html:F7 (F7) -> linux:65 (KEY_F7) -> atset1:65 */
+  "F8": 66,
+  /* html:F8 (F8) -> linux:66 (KEY_F8) -> atset1:66 */
+  "F9": 67,
+  /* html:F9 (F9) -> linux:67 (KEY_F9) -> atset1:67 */
+  "Find": 57409,
+  /* html:Find (Find) -> linux:136 (KEY_FIND) -> atset1:57409 */
+  "Help": 57461,
+  /* html:Help (Help) -> linux:138 (KEY_HELP) -> atset1:57461 */
+  "Hiragana": 119,
+  /* html:Hiragana (Lang4) -> linux:91 (KEY_HIRAGANA) -> atset1:119 */
+  "Home": 57415,
+  /* html:Home (Home) -> linux:102 (KEY_HOME) -> atset1:57415 */
+  "Insert": 57426,
+  /* html:Insert (Insert) -> linux:110 (KEY_INSERT) -> atset1:57426 */
+  "IntlBackslash": 86,
+  /* html:IntlBackslash (IntlBackslash) -> linux:86 (KEY_102ND) -> atset1:86 */
+  "IntlRo": 115,
+  /* html:IntlRo (IntlRo) -> linux:89 (KEY_RO) -> atset1:115 */
+  "IntlYen": 125,
+  /* html:IntlYen (IntlYen) -> linux:124 (KEY_YEN) -> atset1:125 */
+  "KanaMode": 112,
+  /* html:KanaMode (KanaMode) -> linux:93 (KEY_KATAKANAHIRAGANA) -> atset1:112 */
+  "Katakana": 120,
+  /* html:Katakana (Lang3) -> linux:90 (KEY_KATAKANA) -> atset1:120 */
+  "KeyA": 30,
+  /* html:KeyA (KeyA) -> linux:30 (KEY_A) -> atset1:30 */
+  "KeyB": 48,
+  /* html:KeyB (KeyB) -> linux:48 (KEY_B) -> atset1:48 */
+  "KeyC": 46,
+  /* html:KeyC (KeyC) -> linux:46 (KEY_C) -> atset1:46 */
+  "KeyD": 32,
+  /* html:KeyD (KeyD) -> linux:32 (KEY_D) -> atset1:32 */
+  "KeyE": 18,
+  /* html:KeyE (KeyE) -> linux:18 (KEY_E) -> atset1:18 */
+  "KeyF": 33,
+  /* html:KeyF (KeyF) -> linux:33 (KEY_F) -> atset1:33 */
+  "KeyG": 34,
+  /* html:KeyG (KeyG) -> linux:34 (KEY_G) -> atset1:34 */
+  "KeyH": 35,
+  /* html:KeyH (KeyH) -> linux:35 (KEY_H) -> atset1:35 */
+  "KeyI": 23,
+  /* html:KeyI (KeyI) -> linux:23 (KEY_I) -> atset1:23 */
+  "KeyJ": 36,
+  /* html:KeyJ (KeyJ) -> linux:36 (KEY_J) -> atset1:36 */
+  "KeyK": 37,
+  /* html:KeyK (KeyK) -> linux:37 (KEY_K) -> atset1:37 */
+  "KeyL": 38,
+  /* html:KeyL (KeyL) -> linux:38 (KEY_L) -> atset1:38 */
+  "KeyM": 50,
+  /* html:KeyM (KeyM) -> linux:50 (KEY_M) -> atset1:50 */
+  "KeyN": 49,
+  /* html:KeyN (KeyN) -> linux:49 (KEY_N) -> atset1:49 */
+  "KeyO": 24,
+  /* html:KeyO (KeyO) -> linux:24 (KEY_O) -> atset1:24 */
+  "KeyP": 25,
+  /* html:KeyP (KeyP) -> linux:25 (KEY_P) -> atset1:25 */
+  "KeyQ": 16,
+  /* html:KeyQ (KeyQ) -> linux:16 (KEY_Q) -> atset1:16 */
+  "KeyR": 19,
+  /* html:KeyR (KeyR) -> linux:19 (KEY_R) -> atset1:19 */
+  "KeyS": 31,
+  /* html:KeyS (KeyS) -> linux:31 (KEY_S) -> atset1:31 */
+  "KeyT": 20,
+  /* html:KeyT (KeyT) -> linux:20 (KEY_T) -> atset1:20 */
+  "KeyU": 22,
+  /* html:KeyU (KeyU) -> linux:22 (KEY_U) -> atset1:22 */
+  "KeyV": 47,
+  /* html:KeyV (KeyV) -> linux:47 (KEY_V) -> atset1:47 */
+  "KeyW": 17,
+  /* html:KeyW (KeyW) -> linux:17 (KEY_W) -> atset1:17 */
+  "KeyX": 45,
+  /* html:KeyX (KeyX) -> linux:45 (KEY_X) -> atset1:45 */
+  "KeyY": 21,
+  /* html:KeyY (KeyY) -> linux:21 (KEY_Y) -> atset1:21 */
+  "KeyZ": 44,
+  /* html:KeyZ (KeyZ) -> linux:44 (KEY_Z) -> atset1:44 */
+  "Lang1": 114,
+  /* html:Lang1 (Lang1) -> linux:122 (KEY_HANGEUL) -> atset1:114 */
+  "Lang2": 113,
+  /* html:Lang2 (Lang2) -> linux:123 (KEY_HANJA) -> atset1:113 */
+  "Lang3": 120,
+  /* html:Lang3 (Lang3) -> linux:90 (KEY_KATAKANA) -> atset1:120 */
+  "Lang4": 119,
+  /* html:Lang4 (Lang4) -> linux:91 (KEY_HIRAGANA) -> atset1:119 */
+  "Lang5": 118,
+  /* html:Lang5 (Lang5) -> linux:85 (KEY_ZENKAKUHANKAKU) -> atset1:118 */
+  "LaunchApp1": 57451,
+  /* html:LaunchApp1 (LaunchApp1) -> linux:157 (KEY_COMPUTER) -> atset1:57451 */
+  "LaunchApp2": 57377,
+  /* html:LaunchApp2 (LaunchApp2) -> linux:140 (KEY_CALC) -> atset1:57377 */
+  "LaunchMail": 57452,
+  /* html:LaunchMail (LaunchMail) -> linux:155 (KEY_MAIL) -> atset1:57452 */
+  "MediaPlayPause": 57378,
+  /* html:MediaPlayPause (MediaPlayPause) -> linux:164 (KEY_PLAYPAUSE) -> atset1:57378 */
+  "MediaSelect": 57453,
+  /* html:MediaSelect (MediaSelect) -> linux:226 (KEY_MEDIA) -> atset1:57453 */
+  "MediaStop": 57380,
+  /* html:MediaStop (MediaStop) -> linux:166 (KEY_STOPCD) -> atset1:57380 */
+  "MediaTrackNext": 57369,
+  /* html:MediaTrackNext (MediaTrackNext) -> linux:163 (KEY_NEXTSONG) -> atset1:57369 */
+  "MediaTrackPrevious": 57360,
+  /* html:MediaTrackPrevious (MediaTrackPrevious) -> linux:165 (KEY_PREVIOUSSONG) -> atset1:57360 */
+  "MetaLeft": 57435,
+  /* html:MetaLeft (MetaLeft) -> linux:125 (KEY_LEFTMETA) -> atset1:57435 */
+  "MetaRight": 57436,
+  /* html:MetaRight (MetaRight) -> linux:126 (KEY_RIGHTMETA) -> atset1:57436 */
+  "Minus": 12,
+  /* html:Minus (Minus) -> linux:12 (KEY_MINUS) -> atset1:12 */
+  "NonConvert": 123,
+  /* html:NonConvert (NonConvert) -> linux:94 (KEY_MUHENKAN) -> atset1:123 */
+  "NumLock": 69,
+  /* html:NumLock (NumLock) -> linux:69 (KEY_NUMLOCK) -> atset1:69 */
+  "Numpad0": 82,
+  /* html:Numpad0 (Numpad0) -> linux:82 (KEY_KP0) -> atset1:82 */
+  "Numpad1": 79,
+  /* html:Numpad1 (Numpad1) -> linux:79 (KEY_KP1) -> atset1:79 */
+  "Numpad2": 80,
+  /* html:Numpad2 (Numpad2) -> linux:80 (KEY_KP2) -> atset1:80 */
+  "Numpad3": 81,
+  /* html:Numpad3 (Numpad3) -> linux:81 (KEY_KP3) -> atset1:81 */
+  "Numpad4": 75,
+  /* html:Numpad4 (Numpad4) -> linux:75 (KEY_KP4) -> atset1:75 */
+  "Numpad5": 76,
+  /* html:Numpad5 (Numpad5) -> linux:76 (KEY_KP5) -> atset1:76 */
+  "Numpad6": 77,
+  /* html:Numpad6 (Numpad6) -> linux:77 (KEY_KP6) -> atset1:77 */
+  "Numpad7": 71,
+  /* html:Numpad7 (Numpad7) -> linux:71 (KEY_KP7) -> atset1:71 */
+  "Numpad8": 72,
+  /* html:Numpad8 (Numpad8) -> linux:72 (KEY_KP8) -> atset1:72 */
+  "Numpad9": 73,
+  /* html:Numpad9 (Numpad9) -> linux:73 (KEY_KP9) -> atset1:73 */
+  "NumpadAdd": 78,
+  /* html:NumpadAdd (NumpadAdd) -> linux:78 (KEY_KPPLUS) -> atset1:78 */
+  "NumpadComma": 126,
+  /* html:NumpadComma (NumpadComma) -> linux:121 (KEY_KPCOMMA) -> atset1:126 */
+  "NumpadDecimal": 83,
+  /* html:NumpadDecimal (NumpadDecimal) -> linux:83 (KEY_KPDOT) -> atset1:83 */
+  "NumpadDivide": 57397,
+  /* html:NumpadDivide (NumpadDivide) -> linux:98 (KEY_KPSLASH) -> atset1:57397 */
+  "NumpadEnter": 57372,
+  /* html:NumpadEnter (NumpadEnter) -> linux:96 (KEY_KPENTER) -> atset1:57372 */
+  "NumpadEqual": 89,
+  /* html:NumpadEqual (NumpadEqual) -> linux:117 (KEY_KPEQUAL) -> atset1:89 */
+  "NumpadMultiply": 55,
+  /* html:NumpadMultiply (NumpadMultiply) -> linux:55 (KEY_KPASTERISK) -> atset1:55 */
+  "NumpadParenLeft": 57462,
+  /* html:NumpadParenLeft (NumpadParenLeft) -> linux:179 (KEY_KPLEFTPAREN) -> atset1:57462 */
+  "NumpadParenRight": 57467,
+  /* html:NumpadParenRight (NumpadParenRight) -> linux:180 (KEY_KPRIGHTPAREN) -> atset1:57467 */
+  "NumpadSubtract": 74,
+  /* html:NumpadSubtract (NumpadSubtract) -> linux:74 (KEY_KPMINUS) -> atset1:74 */
+  "Open": 100,
+  /* html:Open (Open) -> linux:134 (KEY_OPEN) -> atset1:100 */
+  "PageDown": 57425,
+  /* html:PageDown (PageDown) -> linux:109 (KEY_PAGEDOWN) -> atset1:57425 */
+  "PageUp": 57417,
+  /* html:PageUp (PageUp) -> linux:104 (KEY_PAGEUP) -> atset1:57417 */
+  "Paste": 101,
+  /* html:Paste (Paste) -> linux:135 (KEY_PASTE) -> atset1:101 */
+  "Pause": 57414,
+  /* html:Pause (Pause) -> linux:119 (KEY_PAUSE) -> atset1:57414 */
+  "Period": 52,
+  /* html:Period (Period) -> linux:52 (KEY_DOT) -> atset1:52 */
+  "Power": 57438,
+  /* html:Power (Power) -> linux:116 (KEY_POWER) -> atset1:57438 */
+  "PrintScreen": 84,
+  /* html:PrintScreen (PrintScreen) -> linux:99 (KEY_SYSRQ) -> atset1:84 */
+  "Props": 57350,
+  /* html:Props (Props) -> linux:130 (KEY_PROPS) -> atset1:57350 */
+  "Quote": 40,
+  /* html:Quote (Quote) -> linux:40 (KEY_APOSTROPHE) -> atset1:40 */
+  "ScrollLock": 70,
+  /* html:ScrollLock (ScrollLock) -> linux:70 (KEY_SCROLLLOCK) -> atset1:70 */
+  "Semicolon": 39,
+  /* html:Semicolon (Semicolon) -> linux:39 (KEY_SEMICOLON) -> atset1:39 */
+  "ShiftLeft": 42,
+  /* html:ShiftLeft (ShiftLeft) -> linux:42 (KEY_LEFTSHIFT) -> atset1:42 */
+  "ShiftRight": 54,
+  /* html:ShiftRight (ShiftRight) -> linux:54 (KEY_RIGHTSHIFT) -> atset1:54 */
+  "Slash": 53,
+  /* html:Slash (Slash) -> linux:53 (KEY_SLASH) -> atset1:53 */
+  "Sleep": 57439,
+  /* html:Sleep (Sleep) -> linux:142 (KEY_SLEEP) -> atset1:57439 */
+  "Space": 57,
+  /* html:Space (Space) -> linux:57 (KEY_SPACE) -> atset1:57 */
+  "Suspend": 57381,
+  /* html:Suspend (Suspend) -> linux:205 (KEY_SUSPEND) -> atset1:57381 */
+  "Tab": 15,
+  /* html:Tab (Tab) -> linux:15 (KEY_TAB) -> atset1:15 */
+  "Undo": 57351,
+  /* html:Undo (Undo) -> linux:131 (KEY_UNDO) -> atset1:57351 */
+  "WakeUp": 57443
+  /* html:WakeUp (WakeUp) -> linux:143 (KEY_WAKEUP) -> atset1:57443 */
+};
+
+// node_modules/@novnc/novnc/core/encodings.js
+var encodings = {
+  encodingRaw: 0,
+  encodingCopyRect: 1,
+  encodingRRE: 2,
+  encodingHextile: 5,
+  encodingZlib: 6,
+  encodingTight: 7,
+  encodingZRLE: 16,
+  encodingTightPNG: -260,
+  encodingJPEG: 21,
+  encodingH264: 50,
+  pseudoEncodingQualityLevel9: -23,
+  pseudoEncodingQualityLevel0: -32,
+  pseudoEncodingDesktopSize: -223,
+  pseudoEncodingLastRect: -224,
+  pseudoEncodingCursor: -239,
+  pseudoEncodingQEMUExtendedKeyEvent: -258,
+  pseudoEncodingQEMULedEvent: -261,
+  pseudoEncodingDesktopName: -307,
+  pseudoEncodingExtendedDesktopSize: -308,
+  pseudoEncodingXvp: -309,
+  pseudoEncodingFence: -312,
+  pseudoEncodingContinuousUpdates: -313,
+  pseudoEncodingExtendedMouseButtons: -316,
+  pseudoEncodingCompressLevel9: -247,
+  pseudoEncodingCompressLevel0: -256,
+  pseudoEncodingVMwareCursor: 1464686180,
+  pseudoEncodingExtendedClipboard: 3231835598
+};
+
+// node_modules/@novnc/novnc/core/crypto/aes.js
+var AESECBCipher = class _AESECBCipher {
+  constructor() {
+    this._key = null;
+  }
+  get algorithm() {
+    return { name: "AES-ECB" };
+  }
+  static async importKey(key, _algorithm, extractable, keyUsages) {
+    const cipher = new _AESECBCipher();
+    await cipher._importKey(key, extractable, keyUsages);
+    return cipher;
+  }
+  async _importKey(key, extractable, keyUsages) {
+    this._key = await window.crypto.subtle.importKey(
+      "raw",
+      key,
+      { name: "AES-CBC" },
+      extractable,
+      keyUsages
+    );
+  }
+  async encrypt(_algorithm, plaintext2) {
+    const x = new Uint8Array(plaintext2);
+    if (x.length % 16 !== 0 || this._key === null) {
+      return null;
+    }
+    const n = x.length / 16;
+    for (let i2 = 0; i2 < n; i2++) {
+      const y = new Uint8Array(await window.crypto.subtle.encrypt({
+        name: "AES-CBC",
+        iv: new Uint8Array(16)
+      }, this._key, x.slice(i2 * 16, i2 * 16 + 16))).slice(0, 16);
+      x.set(y, i2 * 16);
+    }
+    return x;
+  }
+};
+var AESEAXCipher = class _AESEAXCipher {
+  constructor() {
+    this._rawKey = null;
+    this._ctrKey = null;
+    this._cbcKey = null;
+    this._zeroBlock = new Uint8Array(16);
+    this._prefixBlock0 = this._zeroBlock;
+    this._prefixBlock1 = new Uint8Array([0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1]);
+    this._prefixBlock2 = new Uint8Array([0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2]);
+  }
+  get algorithm() {
+    return { name: "AES-EAX" };
+  }
+  async _encryptBlock(block2) {
+    const encrypted = await window.crypto.subtle.encrypt({
+      name: "AES-CBC",
+      iv: this._zeroBlock
+    }, this._cbcKey, block2);
+    return new Uint8Array(encrypted).slice(0, 16);
+  }
+  async _initCMAC() {
+    const k1 = await this._encryptBlock(this._zeroBlock);
+    const k2 = new Uint8Array(16);
+    const v = k1[0] >>> 6;
+    for (let i2 = 0; i2 < 15; i2++) {
+      k2[i2] = k1[i2 + 1] >> 6 | k1[i2] << 2;
+      k1[i2] = k1[i2 + 1] >> 7 | k1[i2] << 1;
+    }
+    const lut = [0, 135, 14, 137];
+    k2[14] ^= v >>> 1;
+    k2[15] = k1[15] << 2 ^ lut[v];
+    k1[15] = k1[15] << 1 ^ lut[v >> 1];
+    this._k1 = k1;
+    this._k2 = k2;
+  }
+  async _encryptCTR(data, counter) {
+    const encrypted = await window.crypto.subtle.encrypt({
+      name: "AES-CTR",
+      counter,
+      length: 128
+    }, this._ctrKey, data);
+    return new Uint8Array(encrypted);
+  }
+  async _decryptCTR(data, counter) {
+    const decrypted = await window.crypto.subtle.decrypt({
+      name: "AES-CTR",
+      counter,
+      length: 128
+    }, this._ctrKey, data);
+    return new Uint8Array(decrypted);
+  }
+  async _computeCMAC(data, prefixBlock) {
+    if (prefixBlock.length !== 16) {
+      return null;
+    }
+    const n = Math.floor(data.length / 16);
+    const m = Math.ceil(data.length / 16);
+    const r2 = data.length - n * 16;
+    const cbcData = new Uint8Array((m + 1) * 16);
+    cbcData.set(prefixBlock);
+    cbcData.set(data, 16);
+    if (r2 === 0) {
+      for (let i2 = 0; i2 < 16; i2++) {
+        cbcData[n * 16 + i2] ^= this._k1[i2];
+      }
+    } else {
+      cbcData[(n + 1) * 16 + r2] = 128;
+      for (let i2 = 0; i2 < 16; i2++) {
+        cbcData[(n + 1) * 16 + i2] ^= this._k2[i2];
+      }
+    }
+    let cbcEncrypted = await window.crypto.subtle.encrypt({
+      name: "AES-CBC",
+      iv: this._zeroBlock
+    }, this._cbcKey, cbcData);
+    cbcEncrypted = new Uint8Array(cbcEncrypted);
+    const mac = cbcEncrypted.slice(cbcEncrypted.length - 32, cbcEncrypted.length - 16);
+    return mac;
+  }
+  static async importKey(key, _algorithm, _extractable, _keyUsages) {
+    const cipher = new _AESEAXCipher();
+    await cipher._importKey(key);
+    return cipher;
+  }
+  async _importKey(key) {
+    this._rawKey = key;
+    this._ctrKey = await window.crypto.subtle.importKey(
+      "raw",
+      key,
+      { name: "AES-CTR" },
+      false,
+      ["encrypt", "decrypt"]
+    );
+    this._cbcKey = await window.crypto.subtle.importKey(
+      "raw",
+      key,
+      { name: "AES-CBC" },
+      false,
+      ["encrypt"]
+    );
+    await this._initCMAC();
+  }
+  async encrypt(algorithm, message) {
+    const ad = algorithm.additionalData;
+    const nonce = algorithm.iv;
+    const nCMAC = await this._computeCMAC(nonce, this._prefixBlock0);
+    const encrypted = await this._encryptCTR(message, nCMAC);
+    const adCMAC = await this._computeCMAC(ad, this._prefixBlock1);
+    const mac = await this._computeCMAC(encrypted, this._prefixBlock2);
+    for (let i2 = 0; i2 < 16; i2++) {
+      mac[i2] ^= nCMAC[i2] ^ adCMAC[i2];
+    }
+    const res = new Uint8Array(16 + encrypted.length);
+    res.set(encrypted);
+    res.set(mac, encrypted.length);
+    return res;
+  }
+  async decrypt(algorithm, data) {
+    const encrypted = data.slice(0, data.length - 16);
+    const ad = algorithm.additionalData;
+    const nonce = algorithm.iv;
+    const mac = data.slice(data.length - 16);
+    const nCMAC = await this._computeCMAC(nonce, this._prefixBlock0);
+    const adCMAC = await this._computeCMAC(ad, this._prefixBlock1);
+    const computedMac = await this._computeCMAC(encrypted, this._prefixBlock2);
+    for (let i2 = 0; i2 < 16; i2++) {
+      computedMac[i2] ^= nCMAC[i2] ^ adCMAC[i2];
+    }
+    if (computedMac.length !== mac.length) {
+      return null;
+    }
+    for (let i2 = 0; i2 < mac.length; i2++) {
+      if (computedMac[i2] !== mac[i2]) {
+        return null;
+      }
+    }
+    const res = await this._decryptCTR(encrypted, nCMAC);
+    return res;
+  }
+};
+
+// node_modules/@novnc/novnc/core/crypto/des.js
+var PC2 = [
+  13,
+  16,
+  10,
+  23,
+  0,
+  4,
+  2,
+  27,
+  14,
+  5,
+  20,
+  9,
+  22,
+  18,
+  11,
+  3,
+  25,
+  7,
+  15,
+  6,
+  26,
+  19,
+  12,
+  1,
+  40,
+  51,
+  30,
+  36,
+  46,
+  54,
+  29,
+  39,
+  50,
+  44,
+  32,
+  47,
+  43,
+  48,
+  38,
+  55,
+  33,
+  52,
+  45,
+  41,
+  49,
+  35,
+  28,
+  31
+];
+var totrot = [1, 2, 4, 6, 8, 10, 12, 14, 15, 17, 19, 21, 23, 25, 27, 28];
+var z = 0;
+var a;
+var b;
+var c2;
+var d;
+var e;
+var f;
+a = 1 << 16;
+b = 1 << 24;
+c2 = a | b;
+d = 1 << 2;
+e = 1 << 10;
+f = d | e;
+var SP1 = [
+  c2 | e,
+  z | z,
+  a | z,
+  c2 | f,
+  c2 | d,
+  a | f,
+  z | d,
+  a | z,
+  z | e,
+  c2 | e,
+  c2 | f,
+  z | e,
+  b | f,
+  c2 | d,
+  b | z,
+  z | d,
+  z | f,
+  b | e,
+  b | e,
+  a | e,
+  a | e,
+  c2 | z,
+  c2 | z,
+  b | f,
+  a | d,
+  b | d,
+  b | d,
+  a | d,
+  z | z,
+  z | f,
+  a | f,
+  b | z,
+  a | z,
+  c2 | f,
+  z | d,
+  c2 | z,
+  c2 | e,
+  b | z,
+  b | z,
+  z | e,
+  c2 | d,
+  a | z,
+  a | e,
+  b | d,
+  z | e,
+  z | d,
+  b | f,
+  a | f,
+  c2 | f,
+  a | d,
+  c2 | z,
+  b | f,
+  b | d,
+  z | f,
+  a | f,
+  c2 | e,
+  z | f,
+  b | e,
+  b | e,
+  z | z,
+  a | d,
+  a | e,
+  z | z,
+  c2 | d
+];
+a = 1 << 20;
+b = 1 << 31;
+c2 = a | b;
+d = 1 << 5;
+e = 1 << 15;
+f = d | e;
+var SP2 = [
+  c2 | f,
+  b | e,
+  z | e,
+  a | f,
+  a | z,
+  z | d,
+  c2 | d,
+  b | f,
+  b | d,
+  c2 | f,
+  c2 | e,
+  b | z,
+  b | e,
+  a | z,
+  z | d,
+  c2 | d,
+  a | e,
+  a | d,
+  b | f,
+  z | z,
+  b | z,
+  z | e,
+  a | f,
+  c2 | z,
+  a | d,
+  b | d,
+  z | z,
+  a | e,
+  z | f,
+  c2 | e,
+  c2 | z,
+  z | f,
+  z | z,
+  a | f,
+  c2 | d,
+  a | z,
+  b | f,
+  c2 | z,
+  c2 | e,
+  z | e,
+  c2 | z,
+  b | e,
+  z | d,
+  c2 | f,
+  a | f,
+  z | d,
+  z | e,
+  b | z,
+  z | f,
+  c2 | e,
+  a | z,
+  b | d,
+  a | d,
+  b | f,
+  b | d,
+  a | d,
+  a | e,
+  z | z,
+  b | e,
+  z | f,
+  b | z,
+  c2 | d,
+  c2 | f,
+  a | e
+];
+a = 1 << 17;
+b = 1 << 27;
+c2 = a | b;
+d = 1 << 3;
+e = 1 << 9;
+f = d | e;
+var SP3 = [
+  z | f,
+  c2 | e,
+  z | z,
+  c2 | d,
+  b | e,
+  z | z,
+  a | f,
+  b | e,
+  a | d,
+  b | d,
+  b | d,
+  a | z,
+  c2 | f,
+  a | d,
+  c2 | z,
+  z | f,
+  b | z,
+  z | d,
+  c2 | e,
+  z | e,
+  a | e,
+  c2 | z,
+  c2 | d,
+  a | f,
+  b | f,
+  a | e,
+  a | z,
+  b | f,
+  z | d,
+  c2 | f,
+  z | e,
+  b | z,
+  c2 | e,
+  b | z,
+  a | d,
+  z | f,
+  a | z,
+  c2 | e,
+  b | e,
+  z | z,
+  z | e,
+  a | d,
+  c2 | f,
+  b | e,
+  b | d,
+  z | e,
+  z | z,
+  c2 | d,
+  b | f,
+  a | z,
+  b | z,
+  c2 | f,
+  z | d,
+  a | f,
+  a | e,
+  b | d,
+  c2 | z,
+  b | f,
+  z | f,
+  c2 | z,
+  a | f,
+  z | d,
+  c2 | d,
+  a | e
+];
+a = 1 << 13;
+b = 1 << 23;
+c2 = a | b;
+d = 1 << 0;
+e = 1 << 7;
+f = d | e;
+var SP4 = [
+  c2 | d,
+  a | f,
+  a | f,
+  z | e,
+  c2 | e,
+  b | f,
+  b | d,
+  a | d,
+  z | z,
+  c2 | z,
+  c2 | z,
+  c2 | f,
+  z | f,
+  z | z,
+  b | e,
+  b | d,
+  z | d,
+  a | z,
+  b | z,
+  c2 | d,
+  z | e,
+  b | z,
+  a | d,
+  a | e,
+  b | f,
+  z | d,
+  a | e,
+  b | e,
+  a | z,
+  c2 | e,
+  c2 | f,
+  z | f,
+  b | e,
+  b | d,
+  c2 | z,
+  c2 | f,
+  z | f,
+  z | z,
+  z | z,
+  c2 | z,
+  a | e,
+  b | e,
+  b | f,
+  z | d,
+  c2 | d,
+  a | f,
+  a | f,
+  z | e,
+  c2 | f,
+  z | f,
+  z | d,
+  a | z,
+  b | d,
+  a | d,
+  c2 | e,
+  b | f,
+  a | d,
+  a | e,
+  b | z,
+  c2 | d,
+  z | e,
+  b | z,
+  a | z,
+  c2 | e
+];
+a = 1 << 25;
+b = 1 << 30;
+c2 = a | b;
+d = 1 << 8;
+e = 1 << 19;
+f = d | e;
+var SP5 = [
+  z | d,
+  a | f,
+  a | e,
+  c2 | d,
+  z | e,
+  z | d,
+  b | z,
+  a | e,
+  b | f,
+  z | e,
+  a | d,
+  b | f,
+  c2 | d,
+  c2 | e,
+  z | f,
+  b | z,
+  a | z,
+  b | e,
+  b | e,
+  z | z,
+  b | d,
+  c2 | f,
+  c2 | f,
+  a | d,
+  c2 | e,
+  b | d,
+  z | z,
+  c2 | z,
+  a | f,
+  a | z,
+  c2 | z,
+  z | f,
+  z | e,
+  c2 | d,
+  z | d,
+  a | z,
+  b | z,
+  a | e,
+  c2 | d,
+  b | f,
+  a | d,
+  b | z,
+  c2 | e,
+  a | f,
+  b | f,
+  z | d,
+  a | z,
+  c2 | e,
+  c2 | f,
+  z | f,
+  c2 | z,
+  c2 | f,
+  a | e,
+  z | z,
+  b | e,
+  c2 | z,
+  z | f,
+  a | d,
+  b | d,
+  z | e,
+  z | z,
+  b | e,
+  a | f,
+  b | d
+];
+a = 1 << 22;
+b = 1 << 29;
+c2 = a | b;
+d = 1 << 4;
+e = 1 << 14;
+f = d | e;
+var SP6 = [
+  b | d,
+  c2 | z,
+  z | e,
+  c2 | f,
+  c2 | z,
+  z | d,
+  c2 | f,
+  a | z,
+  b | e,
+  a | f,
+  a | z,
+  b | d,
+  a | d,
+  b | e,
+  b | z,
+  z | f,
+  z | z,
+  a | d,
+  b | f,
+  z | e,
+  a | e,
+  b | f,
+  z | d,
+  c2 | d,
+  c2 | d,
+  z | z,
+  a | f,
+  c2 | e,
+  z | f,
+  a | e,
+  c2 | e,
+  b | z,
+  b | e,
+  z | d,
+  c2 | d,
+  a | e,
+  c2 | f,
+  a | z,
+  z | f,
+  b | d,
+  a | z,
+  b | e,
+  b | z,
+  z | f,
+  b | d,
+  c2 | f,
+  a | e,
+  c2 | z,
+  a | f,
+  c2 | e,
+  z | z,
+  c2 | d,
+  z | d,
+  z | e,
+  c2 | z,
+  a | f,
+  z | e,
+  a | d,
+  b | f,
+  z | z,
+  c2 | e,
+  b | z,
+  a | d,
+  b | f
+];
+a = 1 << 21;
+b = 1 << 26;
+c2 = a | b;
+d = 1 << 1;
+e = 1 << 11;
+f = d | e;
+var SP7 = [
+  a | z,
+  c2 | d,
+  b | f,
+  z | z,
+  z | e,
+  b | f,
+  a | f,
+  c2 | e,
+  c2 | f,
+  a | z,
+  z | z,
+  b | d,
+  z | d,
+  b | z,
+  c2 | d,
+  z | f,
+  b | e,
+  a | f,
+  a | d,
+  b | e,
+  b | d,
+  c2 | z,
+  c2 | e,
+  a | d,
+  c2 | z,
+  z | e,
+  z | f,
+  c2 | f,
+  a | e,
+  z | d,
+  b | z,
+  a | e,
+  b | z,
+  a | e,
+  a | z,
+  b | f,
+  b | f,
+  c2 | d,
+  c2 | d,
+  z | d,
+  a | d,
+  b | z,
+  b | e,
+  a | z,
+  c2 | e,
+  z | f,
+  a | f,
+  c2 | e,
+  z | f,
+  b | d,
+  c2 | f,
+  c2 | z,
+  a | e,
+  z | z,
+  z | d,
+  c2 | f,
+  z | z,
+  a | f,
+  c2 | z,
+  z | e,
+  b | d,
+  b | e,
+  z | e,
+  a | d
+];
+a = 1 << 18;
+b = 1 << 28;
+c2 = a | b;
+d = 1 << 6;
+e = 1 << 12;
+f = d | e;
+var SP8 = [
+  b | f,
+  z | e,
+  a | z,
+  c2 | f,
+  b | z,
+  b | f,
+  z | d,
+  b | z,
+  a | d,
+  c2 | z,
+  c2 | f,
+  a | e,
+  c2 | e,
+  a | f,
+  z | e,
+  z | d,
+  c2 | z,
+  b | d,
+  b | e,
+  z | f,
+  a | e,
+  a | d,
+  c2 | d,
+  c2 | e,
+  z | f,
+  z | z,
+  z | z,
+  c2 | d,
+  b | d,
+  b | e,
+  a | f,
+  a | z,
+  a | f,
+  a | z,
+  c2 | e,
+  z | e,
+  z | d,
+  c2 | d,
+  z | e,
+  a | f,
+  b | e,
+  z | d,
+  b | d,
+  c2 | z,
+  c2 | d,
+  b | z,
+  a | z,
+  b | f,
+  z | z,
+  c2 | f,
+  a | d,
+  b | d,
+  c2 | z,
+  b | e,
+  b | f,
+  z | z,
+  c2 | f,
+  a | e,
+  a | e,
+  z | f,
+  z | f,
+  a | d,
+  b | z,
+  c2 | e
+];
+var DES = class {
+  constructor(password) {
+    this.keys = [];
+    const pc1m = [], pcr = [], kn = [];
+    for (let j = 0, l = 56; j < 56; ++j, l -= 8) {
+      l += l < -5 ? 65 : l < -3 ? 31 : l < -1 ? 63 : l === 27 ? 35 : 0;
+      const m = l & 7;
+      pc1m[j] = (password[l >>> 3] & 1 << m) !== 0 ? 1 : 0;
+    }
+    for (let i2 = 0; i2 < 16; ++i2) {
+      const m = i2 << 1;
+      const n = m + 1;
+      kn[m] = kn[n] = 0;
+      for (let o = 28; o < 59; o += 28) {
+        for (let j = o - 28; j < o; ++j) {
+          const l = j + totrot[i2];
+          pcr[j] = l < o ? pc1m[l] : pc1m[l - 28];
+        }
+      }
+      for (let j = 0; j < 24; ++j) {
+        if (pcr[PC2[j]] !== 0) {
+          kn[m] |= 1 << 23 - j;
+        }
+        if (pcr[PC2[j + 24]] !== 0) {
+          kn[n] |= 1 << 23 - j;
+        }
+      }
+    }
+    for (let i2 = 0, rawi = 0, KnLi = 0; i2 < 16; ++i2) {
+      const raw0 = kn[rawi++];
+      const raw1 = kn[rawi++];
+      this.keys[KnLi] = (raw0 & 16515072) << 6;
+      this.keys[KnLi] |= (raw0 & 4032) << 10;
+      this.keys[KnLi] |= (raw1 & 16515072) >>> 10;
+      this.keys[KnLi] |= (raw1 & 4032) >>> 6;
+      ++KnLi;
+      this.keys[KnLi] = (raw0 & 258048) << 12;
+      this.keys[KnLi] |= (raw0 & 63) << 16;
+      this.keys[KnLi] |= (raw1 & 258048) >>> 4;
+      this.keys[KnLi] |= raw1 & 63;
+      ++KnLi;
+    }
+  }
+  // Encrypt 8 bytes of text
+  enc8(text2) {
+    const b2 = text2.slice();
+    let i2 = 0, l, r2, x;
+    l = b2[i2++] << 24 | b2[i2++] << 16 | b2[i2++] << 8 | b2[i2++];
+    r2 = b2[i2++] << 24 | b2[i2++] << 16 | b2[i2++] << 8 | b2[i2++];
+    x = (l >>> 4 ^ r2) & 252645135;
+    r2 ^= x;
+    l ^= x << 4;
+    x = (l >>> 16 ^ r2) & 65535;
+    r2 ^= x;
+    l ^= x << 16;
+    x = (r2 >>> 2 ^ l) & 858993459;
+    l ^= x;
+    r2 ^= x << 2;
+    x = (r2 >>> 8 ^ l) & 16711935;
+    l ^= x;
+    r2 ^= x << 8;
+    r2 = r2 << 1 | r2 >>> 31 & 1;
+    x = (l ^ r2) & 2863311530;
+    l ^= x;
+    r2 ^= x;
+    l = l << 1 | l >>> 31 & 1;
+    for (let i3 = 0, keysi = 0; i3 < 8; ++i3) {
+      x = r2 << 28 | r2 >>> 4;
+      x ^= this.keys[keysi++];
+      let fval = SP7[x & 63];
+      fval |= SP5[x >>> 8 & 63];
+      fval |= SP3[x >>> 16 & 63];
+      fval |= SP1[x >>> 24 & 63];
+      x = r2 ^ this.keys[keysi++];
+      fval |= SP8[x & 63];
+      fval |= SP6[x >>> 8 & 63];
+      fval |= SP4[x >>> 16 & 63];
+      fval |= SP2[x >>> 24 & 63];
+      l ^= fval;
+      x = l << 28 | l >>> 4;
+      x ^= this.keys[keysi++];
+      fval = SP7[x & 63];
+      fval |= SP5[x >>> 8 & 63];
+      fval |= SP3[x >>> 16 & 63];
+      fval |= SP1[x >>> 24 & 63];
+      x = l ^ this.keys[keysi++];
+      fval |= SP8[x & 63];
+      fval |= SP6[x >>> 8 & 63];
+      fval |= SP4[x >>> 16 & 63];
+      fval |= SP2[x >>> 24 & 63];
+      r2 ^= fval;
+    }
+    r2 = r2 << 31 | r2 >>> 1;
+    x = (l ^ r2) & 2863311530;
+    l ^= x;
+    r2 ^= x;
+    l = l << 31 | l >>> 1;
+    x = (l >>> 8 ^ r2) & 16711935;
+    r2 ^= x;
+    l ^= x << 8;
+    x = (l >>> 2 ^ r2) & 858993459;
+    r2 ^= x;
+    l ^= x << 2;
+    x = (r2 >>> 16 ^ l) & 65535;
+    l ^= x;
+    r2 ^= x << 16;
+    x = (r2 >>> 4 ^ l) & 252645135;
+    l ^= x;
+    r2 ^= x << 4;
+    x = [r2, l];
+    for (i2 = 0; i2 < 8; i2++) {
+      b2[i2] = (x[i2 >>> 2] >>> 8 * (3 - i2 % 4)) % 256;
+      if (b2[i2] < 0) {
+        b2[i2] += 256;
+      }
+    }
+    return b2;
+  }
+};
+var DESECBCipher = class _DESECBCipher {
+  constructor() {
+    this._cipher = null;
+  }
+  get algorithm() {
+    return { name: "DES-ECB" };
+  }
+  static importKey(key, _algorithm, _extractable, _keyUsages) {
+    const cipher = new _DESECBCipher();
+    cipher._importKey(key);
+    return cipher;
+  }
+  _importKey(key, _extractable, _keyUsages) {
+    this._cipher = new DES(key);
+  }
+  encrypt(_algorithm, plaintext2) {
+    const x = new Uint8Array(plaintext2);
+    if (x.length % 8 !== 0 || this._cipher === null) {
+      return null;
+    }
+    const n = x.length / 8;
+    for (let i2 = 0; i2 < n; i2++) {
+      x.set(this._cipher.enc8(x.slice(i2 * 8, i2 * 8 + 8)), i2 * 8);
+    }
+    return x;
+  }
+};
+var DESCBCCipher = class _DESCBCCipher {
+  constructor() {
+    this._cipher = null;
+  }
+  get algorithm() {
+    return { name: "DES-CBC" };
+  }
+  static importKey(key, _algorithm, _extractable, _keyUsages) {
+    const cipher = new _DESCBCCipher();
+    cipher._importKey(key);
+    return cipher;
+  }
+  _importKey(key) {
+    this._cipher = new DES(key);
+  }
+  encrypt(algorithm, plaintext2) {
+    const x = new Uint8Array(plaintext2);
+    let y = new Uint8Array(algorithm.iv);
+    if (x.length % 8 !== 0 || this._cipher === null) {
+      return null;
+    }
+    const n = x.length / 8;
+    for (let i2 = 0; i2 < n; i2++) {
+      for (let j = 0; j < 8; j++) {
+        y[j] ^= plaintext2[i2 * 8 + j];
+      }
+      y = this._cipher.enc8(y);
+      x.set(y, i2 * 8);
+    }
+    return x;
+  }
+};
+
+// node_modules/@novnc/novnc/core/crypto/bigint.js
+function modPow(b2, e2, m) {
+  let r2 = 1n;
+  b2 = b2 % m;
+  while (e2 > 0n) {
+    if ((e2 & 1n) === 1n) {
+      r2 = r2 * b2 % m;
+    }
+    e2 = e2 >> 1n;
+    b2 = b2 * b2 % m;
+  }
+  return r2;
+}
+function bigIntToU8Array(bigint, padLength = 0) {
+  let hex = bigint.toString(16);
+  if (padLength === 0) {
+    padLength = Math.ceil(hex.length / 2);
+  }
+  hex = hex.padStart(padLength * 2, "0");
+  const length = hex.length / 2;
+  const arr = new Uint8Array(length);
+  for (let i2 = 0; i2 < length; i2++) {
+    arr[i2] = parseInt(hex.slice(i2 * 2, i2 * 2 + 2), 16);
+  }
+  return arr;
+}
+function u8ArrayToBigInt(arr) {
+  let hex = "0x";
+  for (let i2 = 0; i2 < arr.length; i2++) {
+    hex += arr[i2].toString(16).padStart(2, "0");
+  }
+  return BigInt(hex);
+}
+
+// node_modules/@novnc/novnc/core/crypto/rsa.js
+var RSACipher = class _RSACipher {
+  constructor() {
+    this._keyLength = 0;
+    this._keyBytes = 0;
+    this._n = null;
+    this._e = null;
+    this._d = null;
+    this._nBigInt = null;
+    this._eBigInt = null;
+    this._dBigInt = null;
+    this._extractable = false;
+  }
+  get algorithm() {
+    return { name: "RSA-PKCS1-v1_5" };
+  }
+  _base64urlDecode(data) {
+    data = data.replace(/-/g, "+").replace(/_/g, "/");
+    data = data.padEnd(Math.ceil(data.length / 4) * 4, "=");
+    return base64_default.decode(data);
+  }
+  _padArray(arr, length) {
+    const res = new Uint8Array(length);
+    res.set(arr, length - arr.length);
+    return res;
+  }
+  static async generateKey(algorithm, extractable, _keyUsages) {
+    const cipher = new _RSACipher();
+    await cipher._generateKey(algorithm, extractable);
+    return { privateKey: cipher };
+  }
+  async _generateKey(algorithm, extractable) {
+    this._keyLength = algorithm.modulusLength;
+    this._keyBytes = Math.ceil(this._keyLength / 8);
+    const key = await window.crypto.subtle.generateKey(
+      {
+        name: "RSA-OAEP",
+        modulusLength: algorithm.modulusLength,
+        publicExponent: algorithm.publicExponent,
+        hash: { name: "SHA-256" }
+      },
+      true,
+      ["encrypt", "decrypt"]
+    );
+    const privateKey = await window.crypto.subtle.exportKey("jwk", key.privateKey);
+    this._n = this._padArray(this._base64urlDecode(privateKey.n), this._keyBytes);
+    this._nBigInt = u8ArrayToBigInt(this._n);
+    this._e = this._padArray(this._base64urlDecode(privateKey.e), this._keyBytes);
+    this._eBigInt = u8ArrayToBigInt(this._e);
+    this._d = this._padArray(this._base64urlDecode(privateKey.d), this._keyBytes);
+    this._dBigInt = u8ArrayToBigInt(this._d);
+    this._extractable = extractable;
+  }
+  static async importKey(key, _algorithm, extractable, keyUsages) {
+    if (keyUsages.length !== 1 || keyUsages[0] !== "encrypt") {
+      throw new Error("only support importing RSA public key");
+    }
+    const cipher = new _RSACipher();
+    await cipher._importKey(key, extractable);
+    return cipher;
+  }
+  async _importKey(key, extractable) {
+    const n = key.n;
+    const e2 = key.e;
+    if (n.length !== e2.length) {
+      throw new Error("the sizes of modulus and public exponent do not match");
+    }
+    this._keyBytes = n.length;
+    this._keyLength = this._keyBytes * 8;
+    this._n = new Uint8Array(this._keyBytes);
+    this._e = new Uint8Array(this._keyBytes);
+    this._n.set(n);
+    this._e.set(e2);
+    this._nBigInt = u8ArrayToBigInt(this._n);
+    this._eBigInt = u8ArrayToBigInt(this._e);
+    this._extractable = extractable;
+  }
+  async encrypt(_algorithm, message) {
+    if (message.length > this._keyBytes - 11) {
+      return null;
+    }
+    const ps = new Uint8Array(this._keyBytes - message.length - 3);
+    window.crypto.getRandomValues(ps);
+    for (let i2 = 0; i2 < ps.length; i2++) {
+      ps[i2] = Math.floor(ps[i2] * 254 / 255 + 1);
+    }
+    const em = new Uint8Array(this._keyBytes);
+    em[1] = 2;
+    em.set(ps, 2);
+    em.set(message, ps.length + 3);
+    const emBigInt = u8ArrayToBigInt(em);
+    const c3 = modPow(emBigInt, this._eBigInt, this._nBigInt);
+    return bigIntToU8Array(c3, this._keyBytes);
+  }
+  async decrypt(_algorithm, message) {
+    if (message.length !== this._keyBytes) {
+      return null;
+    }
+    const msgBigInt = u8ArrayToBigInt(message);
+    const emBigInt = modPow(msgBigInt, this._dBigInt, this._nBigInt);
+    const em = bigIntToU8Array(emBigInt, this._keyBytes);
+    if (em[0] !== 0 || em[1] !== 2) {
+      return null;
+    }
+    let i2 = 2;
+    for (; i2 < em.length; i2++) {
+      if (em[i2] === 0) {
+        break;
+      }
+    }
+    if (i2 === em.length) {
+      return null;
+    }
+    return em.slice(i2 + 1, em.length);
+  }
+  async exportKey() {
+    if (!this._extractable) {
+      throw new Error("key is not extractable");
+    }
+    return { n: this._n, e: this._e, d: this._d };
+  }
+};
+
+// node_modules/@novnc/novnc/core/crypto/dh.js
+var DHPublicKey = class {
+  constructor(key) {
+    this._key = key;
+  }
+  get algorithm() {
+    return { name: "DH" };
+  }
+  exportKey() {
+    return this._key;
+  }
+};
+var DHCipher = class _DHCipher {
+  constructor() {
+    this._g = null;
+    this._p = null;
+    this._gBigInt = null;
+    this._pBigInt = null;
+    this._privateKey = null;
+  }
+  get algorithm() {
+    return { name: "DH" };
+  }
+  static generateKey(algorithm, _extractable) {
+    const cipher = new _DHCipher();
+    cipher._generateKey(algorithm);
+    return { privateKey: cipher, publicKey: new DHPublicKey(cipher._publicKey) };
+  }
+  _generateKey(algorithm) {
+    const g = algorithm.g;
+    const p = algorithm.p;
+    this._keyBytes = p.length;
+    this._gBigInt = u8ArrayToBigInt(g);
+    this._pBigInt = u8ArrayToBigInt(p);
+    this._privateKey = window.crypto.getRandomValues(new Uint8Array(this._keyBytes));
+    this._privateKeyBigInt = u8ArrayToBigInt(this._privateKey);
+    this._publicKey = bigIntToU8Array(modPow(
+      this._gBigInt,
+      this._privateKeyBigInt,
+      this._pBigInt
+    ), this._keyBytes);
+  }
+  deriveBits(algorithm, length) {
+    const bytes = Math.ceil(length / 8);
+    const pkey = new Uint8Array(algorithm.public);
+    const len = bytes > this._keyBytes ? bytes : this._keyBytes;
+    const secret = modPow(u8ArrayToBigInt(pkey), this._privateKeyBigInt, this._pBigInt);
+    return bigIntToU8Array(secret, len).slice(0, len);
+  }
+};
+
+// node_modules/@novnc/novnc/core/crypto/md5.js
+async function MD5(d2) {
+  let s = "";
+  for (let i2 = 0; i2 < d2.length; i2++) {
+    s += String.fromCharCode(d2[i2]);
+  }
+  return M(V(Y(X(s), 8 * s.length)));
+}
+function M(d2) {
+  let f2 = new Uint8Array(d2.length);
+  for (let i2 = 0; i2 < d2.length; i2++) {
+    f2[i2] = d2.charCodeAt(i2);
+  }
+  return f2;
+}
+function X(d2) {
+  let r2 = Array(d2.length >> 2);
+  for (let m = 0; m < r2.length; m++) r2[m] = 0;
+  for (let m = 0; m < 8 * d2.length; m += 8) r2[m >> 5] |= (255 & d2.charCodeAt(m / 8)) << m % 32;
+  return r2;
+}
+function V(d2) {
+  let r2 = "";
+  for (let m = 0; m < 32 * d2.length; m += 8) r2 += String.fromCharCode(d2[m >> 5] >>> m % 32 & 255);
+  return r2;
+}
+function Y(d2, g) {
+  d2[g >> 5] |= 128 << g % 32, d2[14 + (g + 64 >>> 9 << 4)] = g;
+  let m = 1732584193, f2 = -271733879, r2 = -1732584194, i2 = 271733878;
+  for (let n = 0; n < d2.length; n += 16) {
+    let h = m, t = f2, g2 = r2, e2 = i2;
+    f2 = ii(f2 = ii(f2 = ii(f2 = ii(f2 = hh(f2 = hh(f2 = hh(f2 = hh(f2 = gg(f2 = gg(f2 = gg(f2 = gg(f2 = ff(f2 = ff(f2 = ff(f2 = ff(f2, r2 = ff(r2, i2 = ff(i2, m = ff(m, f2, r2, i2, d2[n + 0], 7, -680876936), f2, r2, d2[n + 1], 12, -389564586), m, f2, d2[n + 2], 17, 606105819), i2, m, d2[n + 3], 22, -1044525330), r2 = ff(r2, i2 = ff(i2, m = ff(m, f2, r2, i2, d2[n + 4], 7, -176418897), f2, r2, d2[n + 5], 12, 1200080426), m, f2, d2[n + 6], 17, -1473231341), i2, m, d2[n + 7], 22, -45705983), r2 = ff(r2, i2 = ff(i2, m = ff(m, f2, r2, i2, d2[n + 8], 7, 1770035416), f2, r2, d2[n + 9], 12, -1958414417), m, f2, d2[n + 10], 17, -42063), i2, m, d2[n + 11], 22, -1990404162), r2 = ff(r2, i2 = ff(i2, m = ff(m, f2, r2, i2, d2[n + 12], 7, 1804603682), f2, r2, d2[n + 13], 12, -40341101), m, f2, d2[n + 14], 17, -1502002290), i2, m, d2[n + 15], 22, 1236535329), r2 = gg(r2, i2 = gg(i2, m = gg(m, f2, r2, i2, d2[n + 1], 5, -165796510), f2, r2, d2[n + 6], 9, -1069501632), m, f2, d2[n + 11], 14, 643717713), i2, m, d2[n + 0], 20, -373897302), r2 = gg(r2, i2 = gg(i2, m = gg(m, f2, r2, i2, d2[n + 5], 5, -701558691), f2, r2, d2[n + 10], 9, 38016083), m, f2, d2[n + 15], 14, -660478335), i2, m, d2[n + 4], 20, -405537848), r2 = gg(r2, i2 = gg(i2, m = gg(m, f2, r2, i2, d2[n + 9], 5, 568446438), f2, r2, d2[n + 14], 9, -1019803690), m, f2, d2[n + 3], 14, -187363961), i2, m, d2[n + 8], 20, 1163531501), r2 = gg(r2, i2 = gg(i2, m = gg(m, f2, r2, i2, d2[n + 13], 5, -1444681467), f2, r2, d2[n + 2], 9, -51403784), m, f2, d2[n + 7], 14, 1735328473), i2, m, d2[n + 12], 20, -1926607734), r2 = hh(r2, i2 = hh(i2, m = hh(m, f2, r2, i2, d2[n + 5], 4, -378558), f2, r2, d2[n + 8], 11, -2022574463), m, f2, d2[n + 11], 16, 1839030562), i2, m, d2[n + 14], 23, -35309556), r2 = hh(r2, i2 = hh(i2, m = hh(m, f2, r2, i2, d2[n + 1], 4, -1530992060), f2, r2, d2[n + 4], 11, 1272893353), m, f2, d2[n + 7], 16, -155497632), i2, m, d2[n + 10], 23, -1094730640), r2 = hh(r2, i2 = hh(i2, m = hh(m, f2, r2, i2, d2[n + 13], 4, 681279174), f2, r2, d2[n + 0], 11, -358537222), m, f2, d2[n + 3], 16, -722521979), i2, m, d2[n + 6], 23, 76029189), r2 = hh(r2, i2 = hh(i2, m = hh(m, f2, r2, i2, d2[n + 9], 4, -640364487), f2, r2, d2[n + 12], 11, -421815835), m, f2, d2[n + 15], 16, 530742520), i2, m, d2[n + 2], 23, -995338651), r2 = ii(r2, i2 = ii(i2, m = ii(m, f2, r2, i2, d2[n + 0], 6, -198630844), f2, r2, d2[n + 7], 10, 1126891415), m, f2, d2[n + 14], 15, -1416354905), i2, m, d2[n + 5], 21, -57434055), r2 = ii(r2, i2 = ii(i2, m = ii(m, f2, r2, i2, d2[n + 12], 6, 1700485571), f2, r2, d2[n + 3], 10, -1894986606), m, f2, d2[n + 10], 15, -1051523), i2, m, d2[n + 1], 21, -2054922799), r2 = ii(r2, i2 = ii(i2, m = ii(m, f2, r2, i2, d2[n + 8], 6, 1873313359), f2, r2, d2[n + 15], 10, -30611744), m, f2, d2[n + 6], 15, -1560198380), i2, m, d2[n + 13], 21, 1309151649), r2 = ii(r2, i2 = ii(i2, m = ii(m, f2, r2, i2, d2[n + 4], 6, -145523070), f2, r2, d2[n + 11], 10, -1120210379), m, f2, d2[n + 2], 15, 718787259), i2, m, d2[n + 9], 21, -343485551), m = add(m, h), f2 = add(f2, t), r2 = add(r2, g2), i2 = add(i2, e2);
+  }
+  return Array(m, f2, r2, i2);
+}
+function cmn(d2, g, m, f2, r2, i2) {
+  return add(rol(add(add(g, d2), add(f2, i2)), r2), m);
+}
+function ff(d2, g, m, f2, r2, i2, n) {
+  return cmn(g & m | ~g & f2, d2, g, r2, i2, n);
+}
+function gg(d2, g, m, f2, r2, i2, n) {
+  return cmn(g & f2 | m & ~f2, d2, g, r2, i2, n);
+}
+function hh(d2, g, m, f2, r2, i2, n) {
+  return cmn(g ^ m ^ f2, d2, g, r2, i2, n);
+}
+function ii(d2, g, m, f2, r2, i2, n) {
+  return cmn(m ^ (g | ~f2), d2, g, r2, i2, n);
+}
+function add(d2, g) {
+  let m = (65535 & d2) + (65535 & g);
+  return (d2 >> 16) + (g >> 16) + (m >> 16) << 16 | 65535 & m;
+}
+function rol(d2, g) {
+  return d2 << g | d2 >>> 32 - g;
+}
+
+// node_modules/@novnc/novnc/core/crypto/crypto.js
+var LegacyCrypto = class {
+  constructor() {
+    this._algorithms = {
+      "AES-ECB": AESECBCipher,
+      "AES-EAX": AESEAXCipher,
+      "DES-ECB": DESECBCipher,
+      "DES-CBC": DESCBCCipher,
+      "RSA-PKCS1-v1_5": RSACipher,
+      "DH": DHCipher,
+      "MD5": MD5
+    };
+  }
+  encrypt(algorithm, key, data) {
+    if (key.algorithm.name !== algorithm.name) {
+      throw new Error("algorithm does not match");
+    }
+    if (typeof key.encrypt !== "function") {
+      throw new Error("key does not support encryption");
+    }
+    return key.encrypt(algorithm, data);
+  }
+  decrypt(algorithm, key, data) {
+    if (key.algorithm.name !== algorithm.name) {
+      throw new Error("algorithm does not match");
+    }
+    if (typeof key.decrypt !== "function") {
+      throw new Error("key does not support encryption");
+    }
+    return key.decrypt(algorithm, data);
+  }
+  importKey(format, keyData, algorithm, extractable, keyUsages) {
+    if (format !== "raw") {
+      throw new Error("key format is not supported");
+    }
+    const alg = this._algorithms[algorithm.name];
+    if (typeof alg === "undefined" || typeof alg.importKey !== "function") {
+      throw new Error("algorithm is not supported");
+    }
+    return alg.importKey(keyData, algorithm, extractable, keyUsages);
+  }
+  generateKey(algorithm, extractable, keyUsages) {
+    const alg = this._algorithms[algorithm.name];
+    if (typeof alg === "undefined" || typeof alg.generateKey !== "function") {
+      throw new Error("algorithm is not supported");
+    }
+    return alg.generateKey(algorithm, extractable, keyUsages);
+  }
+  exportKey(format, key) {
+    if (format !== "raw") {
+      throw new Error("key format is not supported");
+    }
+    if (typeof key.exportKey !== "function") {
+      throw new Error("key does not support exportKey");
+    }
+    return key.exportKey();
+  }
+  digest(algorithm, data) {
+    const alg = this._algorithms[algorithm];
+    if (typeof alg !== "function") {
+      throw new Error("algorithm is not supported");
+    }
+    return alg(data);
+  }
+  deriveBits(algorithm, key, length) {
+    if (key.algorithm.name !== algorithm.name) {
+      throw new Error("algorithm does not match");
+    }
+    if (typeof key.deriveBits !== "function") {
+      throw new Error("key does not support deriveBits");
+    }
+    return key.deriveBits(algorithm, length);
+  }
+};
+var crypto_default = new LegacyCrypto();
+
+// node_modules/@novnc/novnc/core/ra2.js
+var RA2Cipher = class {
+  constructor() {
+    this._cipher = null;
+    this._counter = new Uint8Array(16);
+  }
+  async setKey(key) {
+    this._cipher = await crypto_default.importKey(
+      "raw",
+      key,
+      { name: "AES-EAX" },
+      false,
+      ["encrypt, decrypt"]
+    );
+  }
+  async makeMessage(message) {
+    const ad = new Uint8Array([(message.length & 65280) >>> 8, message.length & 255]);
+    const encrypted = await crypto_default.encrypt({
+      name: "AES-EAX",
+      iv: this._counter,
+      additionalData: ad
+    }, this._cipher, message);
+    for (let i2 = 0; i2 < 16 && this._counter[i2]++ === 255; i2++) ;
+    const res = new Uint8Array(message.length + 2 + 16);
+    res.set(ad);
+    res.set(encrypted, 2);
+    return res;
+  }
+  async receiveMessage(length, encrypted) {
+    const ad = new Uint8Array([(length & 65280) >>> 8, length & 255]);
+    const res = await crypto_default.decrypt({
+      name: "AES-EAX",
+      iv: this._counter,
+      additionalData: ad
+    }, this._cipher, encrypted);
+    for (let i2 = 0; i2 < 16 && this._counter[i2]++ === 255; i2++) ;
+    return res;
+  }
+};
+var RSAAESAuthenticationState = class extends EventTargetMixin {
+  constructor(sock, getCredentials) {
+    super();
+    this._hasStarted = false;
+    this._checkSock = null;
+    this._checkCredentials = null;
+    this._approveServerResolve = null;
+    this._sockReject = null;
+    this._credentialsReject = null;
+    this._approveServerReject = null;
+    this._sock = sock;
+    this._getCredentials = getCredentials;
+  }
+  _waitSockAsync(len) {
+    return new Promise((resolve, reject) => {
+      const hasData = () => !this._sock.rQwait("RA2", len);
+      if (hasData()) {
+        resolve();
+      } else {
+        this._checkSock = () => {
+          if (hasData()) {
+            resolve();
+            this._checkSock = null;
+            this._sockReject = null;
+          }
+        };
+        this._sockReject = reject;
+      }
+    });
+  }
+  _waitApproveKeyAsync() {
+    return new Promise((resolve, reject) => {
+      this._approveServerResolve = resolve;
+      this._approveServerReject = reject;
+    });
+  }
+  _waitCredentialsAsync(subtype) {
+    const hasCredentials = () => {
+      if (subtype === 1 && this._getCredentials().username !== void 0 && this._getCredentials().password !== void 0) {
+        return true;
+      } else if (subtype === 2 && this._getCredentials().password !== void 0) {
+        return true;
+      }
+      return false;
+    };
+    return new Promise((resolve, reject) => {
+      if (hasCredentials()) {
+        resolve();
+      } else {
+        this._checkCredentials = () => {
+          if (hasCredentials()) {
+            resolve();
+            this._checkCredentials = null;
+            this._credentialsReject = null;
+          }
+        };
+        this._credentialsReject = reject;
+      }
+    });
+  }
+  checkInternalEvents() {
+    if (this._checkSock !== null) {
+      this._checkSock();
+    }
+    if (this._checkCredentials !== null) {
+      this._checkCredentials();
+    }
+  }
+  approveServer() {
+    if (this._approveServerResolve !== null) {
+      this._approveServerResolve();
+      this._approveServerResolve = null;
+    }
+  }
+  disconnect() {
+    if (this._sockReject !== null) {
+      this._sockReject(new Error("disconnect normally"));
+      this._sockReject = null;
+    }
+    if (this._credentialsReject !== null) {
+      this._credentialsReject(new Error("disconnect normally"));
+      this._credentialsReject = null;
+    }
+    if (this._approveServerReject !== null) {
+      this._approveServerReject(new Error("disconnect normally"));
+      this._approveServerReject = null;
+    }
+  }
+  async negotiateRA2neAuthAsync() {
+    this._hasStarted = true;
+    await this._waitSockAsync(4);
+    const serverKeyLengthBuffer = this._sock.rQpeekBytes(4);
+    const serverKeyLength = this._sock.rQshift32();
+    if (serverKeyLength < 1024) {
+      throw new Error("RA2: server public key is too short: " + serverKeyLength);
+    } else if (serverKeyLength > 8192) {
+      throw new Error("RA2: server public key is too long: " + serverKeyLength);
+    }
+    const serverKeyBytes = Math.ceil(serverKeyLength / 8);
+    await this._waitSockAsync(serverKeyBytes * 2);
+    const serverN = this._sock.rQshiftBytes(serverKeyBytes);
+    const serverE = this._sock.rQshiftBytes(serverKeyBytes);
+    const serverRSACipher = await crypto_default.importKey(
+      "raw",
+      { n: serverN, e: serverE },
+      { name: "RSA-PKCS1-v1_5" },
+      false,
+      ["encrypt"]
+    );
+    const serverPublickey = new Uint8Array(4 + serverKeyBytes * 2);
+    serverPublickey.set(serverKeyLengthBuffer);
+    serverPublickey.set(serverN, 4);
+    serverPublickey.set(serverE, 4 + serverKeyBytes);
+    let approveKey = this._waitApproveKeyAsync();
+    this.dispatchEvent(new CustomEvent("serververification", {
+      detail: { type: "RSA", publickey: serverPublickey }
+    }));
+    await approveKey;
+    const clientKeyLength = 2048;
+    const clientKeyBytes = Math.ceil(clientKeyLength / 8);
+    const clientRSACipher = (await crypto_default.generateKey({
+      name: "RSA-PKCS1-v1_5",
+      modulusLength: clientKeyLength,
+      publicExponent: new Uint8Array([1, 0, 1])
+    }, true, ["encrypt"])).privateKey;
+    const clientExportedRSAKey = await crypto_default.exportKey("raw", clientRSACipher);
+    const clientN = clientExportedRSAKey.n;
+    const clientE = clientExportedRSAKey.e;
+    const clientPublicKey = new Uint8Array(4 + clientKeyBytes * 2);
+    clientPublicKey[0] = (clientKeyLength & 4278190080) >>> 24;
+    clientPublicKey[1] = (clientKeyLength & 16711680) >>> 16;
+    clientPublicKey[2] = (clientKeyLength & 65280) >>> 8;
+    clientPublicKey[3] = clientKeyLength & 255;
+    clientPublicKey.set(clientN, 4);
+    clientPublicKey.set(clientE, 4 + clientKeyBytes);
+    this._sock.sQpushBytes(clientPublicKey);
+    this._sock.flush();
+    const clientRandom = new Uint8Array(16);
+    window.crypto.getRandomValues(clientRandom);
+    const clientEncryptedRandom = await crypto_default.encrypt(
+      { name: "RSA-PKCS1-v1_5" },
+      serverRSACipher,
+      clientRandom
+    );
+    const clientRandomMessage = new Uint8Array(2 + serverKeyBytes);
+    clientRandomMessage[0] = (serverKeyBytes & 65280) >>> 8;
+    clientRandomMessage[1] = serverKeyBytes & 255;
+    clientRandomMessage.set(clientEncryptedRandom, 2);
+    this._sock.sQpushBytes(clientRandomMessage);
+    this._sock.flush();
+    await this._waitSockAsync(2);
+    if (this._sock.rQshift16() !== clientKeyBytes) {
+      throw new Error("RA2: wrong encrypted message length");
+    }
+    const serverEncryptedRandom = this._sock.rQshiftBytes(clientKeyBytes);
+    const serverRandom = await crypto_default.decrypt(
+      { name: "RSA-PKCS1-v1_5" },
+      clientRSACipher,
+      serverEncryptedRandom
+    );
+    if (serverRandom === null || serverRandom.length !== 16) {
+      throw new Error("RA2: corrupted server encrypted random");
+    }
+    let clientSessionKey = new Uint8Array(32);
+    let serverSessionKey = new Uint8Array(32);
+    clientSessionKey.set(serverRandom);
+    clientSessionKey.set(clientRandom, 16);
+    serverSessionKey.set(clientRandom);
+    serverSessionKey.set(serverRandom, 16);
+    clientSessionKey = await window.crypto.subtle.digest("SHA-1", clientSessionKey);
+    clientSessionKey = new Uint8Array(clientSessionKey).slice(0, 16);
+    serverSessionKey = await window.crypto.subtle.digest("SHA-1", serverSessionKey);
+    serverSessionKey = new Uint8Array(serverSessionKey).slice(0, 16);
+    const clientCipher = new RA2Cipher();
+    await clientCipher.setKey(clientSessionKey);
+    const serverCipher = new RA2Cipher();
+    await serverCipher.setKey(serverSessionKey);
+    let serverHash = new Uint8Array(8 + serverKeyBytes * 2 + clientKeyBytes * 2);
+    let clientHash = new Uint8Array(8 + serverKeyBytes * 2 + clientKeyBytes * 2);
+    serverHash.set(serverPublickey);
+    serverHash.set(clientPublicKey, 4 + serverKeyBytes * 2);
+    clientHash.set(clientPublicKey);
+    clientHash.set(serverPublickey, 4 + clientKeyBytes * 2);
+    serverHash = await window.crypto.subtle.digest("SHA-1", serverHash);
+    clientHash = await window.crypto.subtle.digest("SHA-1", clientHash);
+    serverHash = new Uint8Array(serverHash);
+    clientHash = new Uint8Array(clientHash);
+    this._sock.sQpushBytes(await clientCipher.makeMessage(clientHash));
+    this._sock.flush();
+    await this._waitSockAsync(2 + 20 + 16);
+    if (this._sock.rQshift16() !== 20) {
+      throw new Error("RA2: wrong server hash");
+    }
+    const serverHashReceived = await serverCipher.receiveMessage(
+      20,
+      this._sock.rQshiftBytes(20 + 16)
+    );
+    if (serverHashReceived === null) {
+      throw new Error("RA2: failed to authenticate the message");
+    }
+    for (let i2 = 0; i2 < 20; i2++) {
+      if (serverHashReceived[i2] !== serverHash[i2]) {
+        throw new Error("RA2: wrong server hash");
+      }
+    }
+    await this._waitSockAsync(2 + 1 + 16);
+    if (this._sock.rQshift16() !== 1) {
+      throw new Error("RA2: wrong subtype");
+    }
+    let subtype = await serverCipher.receiveMessage(
+      1,
+      this._sock.rQshiftBytes(1 + 16)
+    );
+    if (subtype === null) {
+      throw new Error("RA2: failed to authenticate the message");
+    }
+    subtype = subtype[0];
+    let waitCredentials = this._waitCredentialsAsync(subtype);
+    if (subtype === 1) {
+      if (this._getCredentials().username === void 0 || this._getCredentials().password === void 0) {
+        this.dispatchEvent(new CustomEvent(
+          "credentialsrequired",
+          { detail: { types: ["username", "password"] } }
+        ));
+      }
+    } else if (subtype === 2) {
+      if (this._getCredentials().password === void 0) {
+        this.dispatchEvent(new CustomEvent(
+          "credentialsrequired",
+          { detail: { types: ["password"] } }
+        ));
+      }
+    } else {
+      throw new Error("RA2: wrong subtype");
+    }
+    await waitCredentials;
+    let username;
+    if (subtype === 1) {
+      username = encodeUTF8(this._getCredentials().username).slice(0, 255);
+    } else {
+      username = "";
+    }
+    const password = encodeUTF8(this._getCredentials().password).slice(0, 255);
+    const credentials = new Uint8Array(username.length + password.length + 2);
+    credentials[0] = username.length;
+    credentials[username.length + 1] = password.length;
+    for (let i2 = 0; i2 < username.length; i2++) {
+      credentials[i2 + 1] = username.charCodeAt(i2);
+    }
+    for (let i2 = 0; i2 < password.length; i2++) {
+      credentials[username.length + 2 + i2] = password.charCodeAt(i2);
+    }
+    this._sock.sQpushBytes(await clientCipher.makeMessage(credentials));
+    this._sock.flush();
+  }
+  get hasStarted() {
+    return this._hasStarted;
+  }
+  set hasStarted(s) {
+    this._hasStarted = s;
+  }
+};
+
+// node_modules/@novnc/novnc/core/decoders/raw.js
+var RawDecoder = class {
+  constructor() {
+    this._lines = 0;
+  }
+  decodeRect(x, y, width, height, sock, display, depth) {
+    if (width === 0 || height === 0) {
+      return true;
+    }
+    if (this._lines === 0) {
+      this._lines = height;
+    }
+    const pixelSize = depth == 8 ? 1 : 4;
+    const bytesPerLine = width * pixelSize;
+    while (this._lines > 0) {
+      if (sock.rQwait("RAW", bytesPerLine)) {
+        return false;
+      }
+      const curY = y + (height - this._lines);
+      let data = sock.rQshiftBytes(bytesPerLine, false);
+      if (depth == 8) {
+        const newdata = new Uint8Array(width * 4);
+        for (let i2 = 0; i2 < width; i2++) {
+          newdata[i2 * 4 + 0] = (data[i2] >> 0 & 3) * 255 / 3;
+          newdata[i2 * 4 + 1] = (data[i2] >> 2 & 3) * 255 / 3;
+          newdata[i2 * 4 + 2] = (data[i2] >> 4 & 3) * 255 / 3;
+          newdata[i2 * 4 + 3] = 255;
+        }
+        data = newdata;
+      }
+      for (let i2 = 0; i2 < width; i2++) {
+        data[i2 * 4 + 3] = 255;
+      }
+      display.blitImage(x, curY, width, 1, data, 0);
+      this._lines--;
+    }
+    return true;
+  }
+};
+
+// node_modules/@novnc/novnc/core/decoders/copyrect.js
+var CopyRectDecoder = class {
+  decodeRect(x, y, width, height, sock, display, depth) {
+    if (sock.rQwait("COPYRECT", 4)) {
+      return false;
+    }
+    let deltaX = sock.rQshift16();
+    let deltaY = sock.rQshift16();
+    if (width === 0 || height === 0) {
+      return true;
+    }
+    display.copyImage(deltaX, deltaY, x, y, width, height);
+    return true;
+  }
+};
+
+// node_modules/@novnc/novnc/core/decoders/rre.js
+var RREDecoder = class {
+  constructor() {
+    this._subrects = 0;
+  }
+  decodeRect(x, y, width, height, sock, display, depth) {
+    if (this._subrects === 0) {
+      if (sock.rQwait("RRE", 4 + 4)) {
+        return false;
+      }
+      this._subrects = sock.rQshift32();
+      let color = sock.rQshiftBytes(4);
+      display.fillRect(x, y, width, height, color);
+    }
+    while (this._subrects > 0) {
+      if (sock.rQwait("RRE", 4 + 8)) {
+        return false;
+      }
+      let color = sock.rQshiftBytes(4);
+      let sx = sock.rQshift16();
+      let sy = sock.rQshift16();
+      let swidth = sock.rQshift16();
+      let sheight = sock.rQshift16();
+      display.fillRect(x + sx, y + sy, swidth, sheight, color);
+      this._subrects--;
+    }
+    return true;
+  }
+};
+
+// node_modules/@novnc/novnc/core/decoders/hextile.js
+var HextileDecoder = class {
+  constructor() {
+    this._tiles = 0;
+    this._lastsubencoding = 0;
+    this._tileBuffer = new Uint8Array(16 * 16 * 4);
+  }
+  decodeRect(x, y, width, height, sock, display, depth) {
+    if (this._tiles === 0) {
+      this._tilesX = Math.ceil(width / 16);
+      this._tilesY = Math.ceil(height / 16);
+      this._totalTiles = this._tilesX * this._tilesY;
+      this._tiles = this._totalTiles;
+    }
+    while (this._tiles > 0) {
+      let bytes = 1;
+      if (sock.rQwait("HEXTILE", bytes)) {
+        return false;
+      }
+      let subencoding = sock.rQpeek8();
+      if (subencoding > 30) {
+        throw new Error("Illegal hextile subencoding (subencoding: " + subencoding + ")");
+      }
+      const currTile = this._totalTiles - this._tiles;
+      const tileX = currTile % this._tilesX;
+      const tileY = Math.floor(currTile / this._tilesX);
+      const tx = x + tileX * 16;
+      const ty = y + tileY * 16;
+      const tw = Math.min(16, x + width - tx);
+      const th = Math.min(16, y + height - ty);
+      if (subencoding & 1) {
+        bytes += tw * th * 4;
+      } else {
+        if (subencoding & 2) {
+          bytes += 4;
+        }
+        if (subencoding & 4) {
+          bytes += 4;
+        }
+        if (subencoding & 8) {
+          bytes++;
+          if (sock.rQwait("HEXTILE", bytes)) {
+            return false;
+          }
+          let subrects = sock.rQpeekBytes(bytes).at(-1);
+          if (subencoding & 16) {
+            bytes += subrects * (4 + 2);
+          } else {
+            bytes += subrects * 2;
+          }
+        }
+      }
+      if (sock.rQwait("HEXTILE", bytes)) {
+        return false;
+      }
+      sock.rQshift8();
+      if (subencoding === 0) {
+        if (this._lastsubencoding & 1) {
+          Debug("     Ignoring blank after RAW");
+        } else {
+          display.fillRect(tx, ty, tw, th, this._background);
+        }
+      } else if (subencoding & 1) {
+        let pixels = tw * th;
+        let data = sock.rQshiftBytes(pixels * 4, false);
+        for (let i2 = 0; i2 < pixels; i2++) {
+          data[i2 * 4 + 3] = 255;
+        }
+        display.blitImage(tx, ty, tw, th, data, 0);
+      } else {
+        if (subencoding & 2) {
+          this._background = new Uint8Array(sock.rQshiftBytes(4));
+        }
+        if (subencoding & 4) {
+          this._foreground = new Uint8Array(sock.rQshiftBytes(4));
+        }
+        this._startTile(tx, ty, tw, th, this._background);
+        if (subencoding & 8) {
+          let subrects = sock.rQshift8();
+          for (let s = 0; s < subrects; s++) {
+            let color;
+            if (subencoding & 16) {
+              color = sock.rQshiftBytes(4);
+            } else {
+              color = this._foreground;
+            }
+            const xy = sock.rQshift8();
+            const sx = xy >> 4;
+            const sy = xy & 15;
+            const wh = sock.rQshift8();
+            const sw = (wh >> 4) + 1;
+            const sh = (wh & 15) + 1;
+            this._subTile(sx, sy, sw, sh, color);
+          }
+        }
+        this._finishTile(display);
+      }
+      this._lastsubencoding = subencoding;
+      this._tiles--;
+    }
+    return true;
+  }
+  // start updating a tile
+  _startTile(x, y, width, height, color) {
+    this._tileX = x;
+    this._tileY = y;
+    this._tileW = width;
+    this._tileH = height;
+    const red = color[0];
+    const green = color[1];
+    const blue = color[2];
+    const data = this._tileBuffer;
+    for (let i2 = 0; i2 < width * height * 4; i2 += 4) {
+      data[i2] = red;
+      data[i2 + 1] = green;
+      data[i2 + 2] = blue;
+      data[i2 + 3] = 255;
+    }
+  }
+  // update sub-rectangle of the current tile
+  _subTile(x, y, w, h, color) {
+    const red = color[0];
+    const green = color[1];
+    const blue = color[2];
+    const xend = x + w;
+    const yend = y + h;
+    const data = this._tileBuffer;
+    const width = this._tileW;
+    for (let j = y; j < yend; j++) {
+      for (let i2 = x; i2 < xend; i2++) {
+        const p = (i2 + j * width) * 4;
+        data[p] = red;
+        data[p + 1] = green;
+        data[p + 2] = blue;
+        data[p + 3] = 255;
+      }
+    }
+  }
+  // draw the current tile to the screen
+  _finishTile(display) {
+    display.blitImage(
+      this._tileX,
+      this._tileY,
+      this._tileW,
+      this._tileH,
+      this._tileBuffer,
+      0
+    );
+  }
+};
+
+// node_modules/@novnc/novnc/core/decoders/zlib.js
+var ZlibDecoder = class {
+  constructor() {
+    this._zlib = new Inflate();
+    this._length = 0;
+  }
+  decodeRect(x, y, width, height, sock, display, depth) {
+    if (width === 0 || height === 0) {
+      return true;
+    }
+    if (this._length === 0) {
+      if (sock.rQwait("ZLIB", 4)) {
+        return false;
+      }
+      this._length = sock.rQshift32();
+    }
+    if (sock.rQwait("ZLIB", this._length)) {
+      return false;
+    }
+    let data = new Uint8Array(sock.rQshiftBytes(this._length, false));
+    this._length = 0;
+    this._zlib.setInput(data);
+    data = this._zlib.inflate(width * height * 4);
+    this._zlib.setInput(null);
+    for (let i2 = 0; i2 < width * height; i2++) {
+      data[i2 * 4 + 3] = 255;
+    }
+    display.blitImage(x, y, width, height, data, 0);
+    return true;
+  }
+};
+
+// node_modules/@novnc/novnc/core/decoders/tight.js
+var TightDecoder = class {
+  constructor() {
+    this._ctl = null;
+    this._filter = null;
+    this._numColors = 0;
+    this._palette = new Uint8Array(1024);
+    this._len = 0;
+    this._zlibs = [];
+    for (let i2 = 0; i2 < 4; i2++) {
+      this._zlibs[i2] = new Inflate();
+    }
+  }
+  decodeRect(x, y, width, height, sock, display, depth) {
+    if (this._ctl === null) {
+      if (sock.rQwait("TIGHT compression-control", 1)) {
+        return false;
+      }
+      this._ctl = sock.rQshift8();
+      for (let i2 = 0; i2 < 4; i2++) {
+        if (this._ctl >> i2 & 1) {
+          this._zlibs[i2].reset();
+          Info("Reset zlib stream " + i2);
+        }
+      }
+      this._ctl = this._ctl >> 4;
+    }
+    let ret;
+    if (this._ctl === 8) {
+      ret = this._fillRect(
+        x,
+        y,
+        width,
+        height,
+        sock,
+        display,
+        depth
+      );
+    } else if (this._ctl === 9) {
+      ret = this._jpegRect(
+        x,
+        y,
+        width,
+        height,
+        sock,
+        display,
+        depth
+      );
+    } else if (this._ctl === 10) {
+      ret = this._pngRect(
+        x,
+        y,
+        width,
+        height,
+        sock,
+        display,
+        depth
+      );
+    } else if ((this._ctl & 8) == 0) {
+      ret = this._basicRect(
+        this._ctl,
+        x,
+        y,
+        width,
+        height,
+        sock,
+        display,
+        depth
+      );
+    } else {
+      throw new Error("Illegal tight compression received (ctl: " + this._ctl + ")");
+    }
+    if (ret) {
+      this._ctl = null;
+    }
+    return ret;
+  }
+  _fillRect(x, y, width, height, sock, display, depth) {
+    if (sock.rQwait("TIGHT", 3)) {
+      return false;
+    }
+    let pixel = sock.rQshiftBytes(3);
+    display.fillRect(x, y, width, height, pixel, false);
+    return true;
+  }
+  _jpegRect(x, y, width, height, sock, display, depth) {
+    let data = this._readData(sock);
+    if (data === null) {
+      return false;
+    }
+    display.imageRect(x, y, width, height, "image/jpeg", data);
+    return true;
+  }
+  _pngRect(x, y, width, height, sock, display, depth) {
+    throw new Error("PNG received in standard Tight rect");
+  }
+  _basicRect(ctl, x, y, width, height, sock, display, depth) {
+    if (this._filter === null) {
+      if (ctl & 4) {
+        if (sock.rQwait("TIGHT", 1)) {
+          return false;
+        }
+        this._filter = sock.rQshift8();
+      } else {
+        this._filter = 0;
+      }
+    }
+    let streamId = ctl & 3;
+    let ret;
+    switch (this._filter) {
+      case 0:
+        ret = this._copyFilter(
+          streamId,
+          x,
+          y,
+          width,
+          height,
+          sock,
+          display,
+          depth
+        );
+        break;
+      case 1:
+        ret = this._paletteFilter(
+          streamId,
+          x,
+          y,
+          width,
+          height,
+          sock,
+          display,
+          depth
+        );
+        break;
+      case 2:
+        ret = this._gradientFilter(
+          streamId,
+          x,
+          y,
+          width,
+          height,
+          sock,
+          display,
+          depth
+        );
+        break;
+      default:
+        throw new Error("Illegal tight filter received (ctl: " + this._filter + ")");
+    }
+    if (ret) {
+      this._filter = null;
+    }
+    return ret;
+  }
+  _copyFilter(streamId, x, y, width, height, sock, display, depth) {
+    const uncompressedSize = width * height * 3;
+    let data;
+    if (uncompressedSize === 0) {
+      return true;
+    }
+    if (uncompressedSize < 12) {
+      if (sock.rQwait("TIGHT", uncompressedSize)) {
+        return false;
+      }
+      data = sock.rQshiftBytes(uncompressedSize);
+    } else {
+      data = this._readData(sock);
+      if (data === null) {
+        return false;
+      }
+      this._zlibs[streamId].setInput(data);
+      data = this._zlibs[streamId].inflate(uncompressedSize);
+      this._zlibs[streamId].setInput(null);
+    }
+    let rgbx = new Uint8Array(width * height * 4);
+    for (let i2 = 0, j = 0; i2 < width * height * 4; i2 += 4, j += 3) {
+      rgbx[i2] = data[j];
+      rgbx[i2 + 1] = data[j + 1];
+      rgbx[i2 + 2] = data[j + 2];
+      rgbx[i2 + 3] = 255;
+    }
+    display.blitImage(x, y, width, height, rgbx, 0, false);
+    return true;
+  }
+  _paletteFilter(streamId, x, y, width, height, sock, display, depth) {
+    if (this._numColors === 0) {
+      if (sock.rQwait("TIGHT palette", 1)) {
+        return false;
+      }
+      const numColors = sock.rQpeek8() + 1;
+      const paletteSize = numColors * 3;
+      if (sock.rQwait("TIGHT palette", 1 + paletteSize)) {
+        return false;
+      }
+      this._numColors = numColors;
+      sock.rQskipBytes(1);
+      sock.rQshiftTo(this._palette, paletteSize);
+    }
+    const bpp = this._numColors <= 2 ? 1 : 8;
+    const rowSize = Math.floor((width * bpp + 7) / 8);
+    const uncompressedSize = rowSize * height;
+    let data;
+    if (uncompressedSize === 0) {
+      return true;
+    }
+    if (uncompressedSize < 12) {
+      if (sock.rQwait("TIGHT", uncompressedSize)) {
+        return false;
+      }
+      data = sock.rQshiftBytes(uncompressedSize);
+    } else {
+      data = this._readData(sock);
+      if (data === null) {
+        return false;
+      }
+      this._zlibs[streamId].setInput(data);
+      data = this._zlibs[streamId].inflate(uncompressedSize);
+      this._zlibs[streamId].setInput(null);
+    }
+    if (this._numColors == 2) {
+      this._monoRect(x, y, width, height, data, this._palette, display);
+    } else {
+      this._paletteRect(x, y, width, height, data, this._palette, display);
+    }
+    this._numColors = 0;
+    return true;
+  }
+  _monoRect(x, y, width, height, data, palette, display) {
+    const dest = this._getScratchBuffer(width * height * 4);
+    const w = Math.floor((width + 7) / 8);
+    const w1 = Math.floor(width / 8);
+    for (let y2 = 0; y2 < height; y2++) {
+      let dp, sp, x2;
+      for (x2 = 0; x2 < w1; x2++) {
+        for (let b2 = 7; b2 >= 0; b2--) {
+          dp = (y2 * width + x2 * 8 + 7 - b2) * 4;
+          sp = (data[y2 * w + x2] >> b2 & 1) * 3;
+          dest[dp] = palette[sp];
+          dest[dp + 1] = palette[sp + 1];
+          dest[dp + 2] = palette[sp + 2];
+          dest[dp + 3] = 255;
+        }
+      }
+      for (let b2 = 7; b2 >= 8 - width % 8; b2--) {
+        dp = (y2 * width + x2 * 8 + 7 - b2) * 4;
+        sp = (data[y2 * w + x2] >> b2 & 1) * 3;
+        dest[dp] = palette[sp];
+        dest[dp + 1] = palette[sp + 1];
+        dest[dp + 2] = palette[sp + 2];
+        dest[dp + 3] = 255;
+      }
+    }
+    display.blitImage(x, y, width, height, dest, 0, false);
+  }
+  _paletteRect(x, y, width, height, data, palette, display) {
+    const dest = this._getScratchBuffer(width * height * 4);
+    const total = width * height * 4;
+    for (let i2 = 0, j = 0; i2 < total; i2 += 4, j++) {
+      const sp = data[j] * 3;
+      dest[i2] = palette[sp];
+      dest[i2 + 1] = palette[sp + 1];
+      dest[i2 + 2] = palette[sp + 2];
+      dest[i2 + 3] = 255;
+    }
+    display.blitImage(x, y, width, height, dest, 0, false);
+  }
+  _gradientFilter(streamId, x, y, width, height, sock, display, depth) {
+    const uncompressedSize = width * height * 3;
+    let data;
+    if (uncompressedSize === 0) {
+      return true;
+    }
+    if (uncompressedSize < 12) {
+      if (sock.rQwait("TIGHT", uncompressedSize)) {
+        return false;
+      }
+      data = sock.rQshiftBytes(uncompressedSize);
+    } else {
+      data = this._readData(sock);
+      if (data === null) {
+        return false;
+      }
+      this._zlibs[streamId].setInput(data);
+      data = this._zlibs[streamId].inflate(uncompressedSize);
+      this._zlibs[streamId].setInput(null);
+    }
+    let rgbx = new Uint8Array(4 * width * height);
+    let rgbxIndex = 0, dataIndex = 0;
+    let left = new Uint8Array(3);
+    for (let x2 = 0; x2 < width; x2++) {
+      for (let c3 = 0; c3 < 3; c3++) {
+        const prediction = left[c3];
+        const value = data[dataIndex++] + prediction;
+        rgbx[rgbxIndex++] = value;
+        left[c3] = value;
+      }
+      rgbx[rgbxIndex++] = 255;
+    }
+    let upperIndex = 0;
+    let upper = new Uint8Array(3), upperleft = new Uint8Array(3);
+    for (let y2 = 1; y2 < height; y2++) {
+      left.fill(0);
+      upperleft.fill(0);
+      for (let x2 = 0; x2 < width; x2++) {
+        for (let c3 = 0; c3 < 3; c3++) {
+          upper[c3] = rgbx[upperIndex++];
+          let prediction = left[c3] + upper[c3] - upperleft[c3];
+          if (prediction < 0) {
+            prediction = 0;
+          } else if (prediction > 255) {
+            prediction = 255;
+          }
+          const value = data[dataIndex++] + prediction;
+          rgbx[rgbxIndex++] = value;
+          upperleft[c3] = upper[c3];
+          left[c3] = value;
+        }
+        rgbx[rgbxIndex++] = 255;
+        upperIndex++;
+      }
+    }
+    display.blitImage(x, y, width, height, rgbx, 0, false);
+    return true;
+  }
+  _readData(sock) {
+    if (this._len === 0) {
+      if (sock.rQwait("TIGHT", 3)) {
+        return null;
+      }
+      let byte;
+      byte = sock.rQshift8();
+      this._len = byte & 127;
+      if (byte & 128) {
+        byte = sock.rQshift8();
+        this._len |= (byte & 127) << 7;
+        if (byte & 128) {
+          byte = sock.rQshift8();
+          this._len |= byte << 14;
+        }
+      }
+    }
+    if (sock.rQwait("TIGHT", this._len)) {
+      return null;
+    }
+    let data = sock.rQshiftBytes(this._len, false);
+    this._len = 0;
+    return data;
+  }
+  _getScratchBuffer(size) {
+    if (!this._scratchBuffer || this._scratchBuffer.length < size) {
+      this._scratchBuffer = new Uint8Array(size);
+    }
+    return this._scratchBuffer;
+  }
+};
+
+// node_modules/@novnc/novnc/core/decoders/tightpng.js
+var TightPNGDecoder = class extends TightDecoder {
+  _pngRect(x, y, width, height, sock, display, depth) {
+    let data = this._readData(sock);
+    if (data === null) {
+      return false;
+    }
+    display.imageRect(x, y, width, height, "image/png", data);
+    return true;
+  }
+  _basicRect(ctl, x, y, width, height, sock, display, depth) {
+    throw new Error("BasicCompression received in TightPNG rect");
+  }
+};
+
+// node_modules/@novnc/novnc/core/decoders/zrle.js
+var ZRLE_TILE_WIDTH = 64;
+var ZRLE_TILE_HEIGHT = 64;
+var ZRLEDecoder = class {
+  constructor() {
+    this._length = 0;
+    this._inflator = new Inflate();
+    this._pixelBuffer = new Uint8Array(ZRLE_TILE_WIDTH * ZRLE_TILE_HEIGHT * 4);
+    this._tileBuffer = new Uint8Array(ZRLE_TILE_WIDTH * ZRLE_TILE_HEIGHT * 4);
+  }
+  decodeRect(x, y, width, height, sock, display, depth) {
+    if (this._length === 0) {
+      if (sock.rQwait("ZLib data length", 4)) {
+        return false;
+      }
+      this._length = sock.rQshift32();
+    }
+    if (sock.rQwait("Zlib data", this._length)) {
+      return false;
+    }
+    const data = sock.rQshiftBytes(this._length, false);
+    this._inflator.setInput(data);
+    for (let ty = y; ty < y + height; ty += ZRLE_TILE_HEIGHT) {
+      let th = Math.min(ZRLE_TILE_HEIGHT, y + height - ty);
+      for (let tx = x; tx < x + width; tx += ZRLE_TILE_WIDTH) {
+        let tw = Math.min(ZRLE_TILE_WIDTH, x + width - tx);
+        const tileSize = tw * th;
+        const subencoding = this._inflator.inflate(1)[0];
+        if (subencoding === 0) {
+          const data2 = this._readPixels(tileSize);
+          display.blitImage(tx, ty, tw, th, data2, 0, false);
+        } else if (subencoding === 1) {
+          const background = this._readPixels(1);
+          display.fillRect(tx, ty, tw, th, [background[0], background[1], background[2]]);
+        } else if (subencoding >= 2 && subencoding <= 16) {
+          const data2 = this._decodePaletteTile(subencoding, tileSize, tw, th);
+          display.blitImage(tx, ty, tw, th, data2, 0, false);
+        } else if (subencoding === 128) {
+          const data2 = this._decodeRLETile(tileSize);
+          display.blitImage(tx, ty, tw, th, data2, 0, false);
+        } else if (subencoding >= 130 && subencoding <= 255) {
+          const data2 = this._decodeRLEPaletteTile(subencoding - 128, tileSize);
+          display.blitImage(tx, ty, tw, th, data2, 0, false);
+        } else {
+          throw new Error("Unknown subencoding: " + subencoding);
+        }
+      }
+    }
+    this._length = 0;
+    return true;
+  }
+  _getBitsPerPixelInPalette(paletteSize) {
+    if (paletteSize <= 2) {
+      return 1;
+    } else if (paletteSize <= 4) {
+      return 2;
+    } else if (paletteSize <= 16) {
+      return 4;
+    }
+  }
+  _readPixels(pixels) {
+    let data = this._pixelBuffer;
+    const buffer = this._inflator.inflate(3 * pixels);
+    for (let i2 = 0, j = 0; i2 < pixels * 4; i2 += 4, j += 3) {
+      data[i2] = buffer[j];
+      data[i2 + 1] = buffer[j + 1];
+      data[i2 + 2] = buffer[j + 2];
+      data[i2 + 3] = 255;
+    }
+    return data;
+  }
+  _decodePaletteTile(paletteSize, tileSize, tilew, tileh) {
+    const data = this._tileBuffer;
+    const palette = this._readPixels(paletteSize);
+    const bitsPerPixel = this._getBitsPerPixelInPalette(paletteSize);
+    const mask = (1 << bitsPerPixel) - 1;
+    let offset = 0;
+    let encoded = this._inflator.inflate(1)[0];
+    for (let y = 0; y < tileh; y++) {
+      let shift = 8 - bitsPerPixel;
+      for (let x = 0; x < tilew; x++) {
+        if (shift < 0) {
+          shift = 8 - bitsPerPixel;
+          encoded = this._inflator.inflate(1)[0];
+        }
+        let indexInPalette = encoded >> shift & mask;
+        data[offset] = palette[indexInPalette * 4];
+        data[offset + 1] = palette[indexInPalette * 4 + 1];
+        data[offset + 2] = palette[indexInPalette * 4 + 2];
+        data[offset + 3] = palette[indexInPalette * 4 + 3];
+        offset += 4;
+        shift -= bitsPerPixel;
+      }
+      if (shift < 8 - bitsPerPixel && y < tileh - 1) {
+        encoded = this._inflator.inflate(1)[0];
+      }
+    }
+    return data;
+  }
+  _decodeRLETile(tileSize) {
+    const data = this._tileBuffer;
+    let i2 = 0;
+    while (i2 < tileSize) {
+      const pixel = this._readPixels(1);
+      const length = this._readRLELength();
+      for (let j = 0; j < length; j++) {
+        data[i2 * 4] = pixel[0];
+        data[i2 * 4 + 1] = pixel[1];
+        data[i2 * 4 + 2] = pixel[2];
+        data[i2 * 4 + 3] = pixel[3];
+        i2++;
+      }
+    }
+    return data;
+  }
+  _decodeRLEPaletteTile(paletteSize, tileSize) {
+    const data = this._tileBuffer;
+    const palette = this._readPixels(paletteSize);
+    let offset = 0;
+    while (offset < tileSize) {
+      let indexInPalette = this._inflator.inflate(1)[0];
+      let length = 1;
+      if (indexInPalette >= 128) {
+        indexInPalette -= 128;
+        length = this._readRLELength();
+      }
+      if (indexInPalette > paletteSize) {
+        throw new Error("Too big index in palette: " + indexInPalette + ", palette size: " + paletteSize);
+      }
+      if (offset + length > tileSize) {
+        throw new Error("Too big rle length in palette mode: " + length + ", allowed length is: " + (tileSize - offset));
+      }
+      for (let j = 0; j < length; j++) {
+        data[offset * 4] = palette[indexInPalette * 4];
+        data[offset * 4 + 1] = palette[indexInPalette * 4 + 1];
+        data[offset * 4 + 2] = palette[indexInPalette * 4 + 2];
+        data[offset * 4 + 3] = palette[indexInPalette * 4 + 3];
+        offset++;
+      }
+    }
+    return data;
+  }
+  _readRLELength() {
+    let length = 0;
+    let current = 0;
+    do {
+      current = this._inflator.inflate(1)[0];
+      length += current;
+    } while (current === 255);
+    return length + 1;
+  }
+};
+
+// node_modules/@novnc/novnc/core/decoders/jpeg.js
+var JPEGDecoder = class {
+  constructor() {
+    this._cachedQuantTables = [];
+    this._cachedHuffmanTables = [];
+    this._segments = [];
+  }
+  decodeRect(x, y, width, height, sock, display, depth) {
+    while (true) {
+      let segment = this._readSegment(sock);
+      if (segment === null) {
+        return false;
+      }
+      this._segments.push(segment);
+      if (segment[1] === 217) {
+        break;
+      }
+    }
+    let huffmanTables = [];
+    let quantTables = [];
+    for (let segment of this._segments) {
+      let type = segment[1];
+      if (type === 196) {
+        huffmanTables.push(segment);
+      } else if (type === 219) {
+        quantTables.push(segment);
+      }
+    }
+    const sofIndex = this._segments.findIndex(
+      (x2) => x2[1] == 192 || x2[1] == 194
+    );
+    if (sofIndex == -1) {
+      throw new Error("Illegal JPEG image without SOF");
+    }
+    if (quantTables.length === 0) {
+      this._segments.splice(
+        sofIndex + 1,
+        0,
+        ...this._cachedQuantTables
+      );
+    }
+    if (huffmanTables.length === 0) {
+      this._segments.splice(
+        sofIndex + 1,
+        0,
+        ...this._cachedHuffmanTables
+      );
+    }
+    let length = 0;
+    for (let segment of this._segments) {
+      length += segment.length;
+    }
+    let data = new Uint8Array(length);
+    length = 0;
+    for (let segment of this._segments) {
+      data.set(segment, length);
+      length += segment.length;
+    }
+    display.imageRect(x, y, width, height, "image/jpeg", data);
+    if (huffmanTables.length !== 0) {
+      this._cachedHuffmanTables = huffmanTables;
+    }
+    if (quantTables.length !== 0) {
+      this._cachedQuantTables = quantTables;
+    }
+    this._segments = [];
+    return true;
+  }
+  _readSegment(sock) {
+    if (sock.rQwait("JPEG", 2)) {
+      return null;
+    }
+    let marker = sock.rQshift8();
+    if (marker != 255) {
+      throw new Error("Illegal JPEG marker received (byte: " + marker + ")");
+    }
+    let type = sock.rQshift8();
+    if (type >= 208 && type <= 217 || type == 1) {
+      return new Uint8Array([marker, type]);
+    }
+    if (sock.rQwait("JPEG", 2, 2)) {
+      return null;
+    }
+    let length = sock.rQshift16();
+    if (length < 2) {
+      throw new Error("Illegal JPEG length received (length: " + length + ")");
+    }
+    if (sock.rQwait("JPEG", length - 2, 4)) {
+      return null;
+    }
+    let extra = 0;
+    if (type === 218) {
+      if (sock.rQwait("JPEG", length - 2 + 2, 4)) {
+        return null;
+      }
+      let len = sock.rQlen();
+      let data = sock.rQpeekBytes(len, false);
+      while (true) {
+        let idx = data.indexOf(255, length - 2 + extra);
+        if (idx === -1) {
+          sock.rQwait("JPEG", Infinity, 4);
+          return null;
+        }
+        if (idx === len - 1) {
+          sock.rQwait("JPEG", Infinity, 4);
+          return null;
+        }
+        if (data.at(idx + 1) === 0 || data.at(idx + 1) >= 208 && data.at(idx + 1) <= 215) {
+          extra = idx + 2 - (length - 2);
+          continue;
+        }
+        extra = idx - (length - 2);
+        break;
+      }
+    }
+    let segment = new Uint8Array(2 + length + extra);
+    segment[0] = marker;
+    segment[1] = type;
+    segment[2] = length >> 8;
+    segment[3] = length;
+    segment.set(sock.rQshiftBytes(length - 2 + extra, false), 4);
+    return segment;
+  }
+};
+
+// node_modules/@novnc/novnc/core/decoders/h264.js
+var H264Parser = class {
+  constructor(data) {
+    this._data = data;
+    this._index = 0;
+    this.profileIdc = null;
+    this.constraintSet = null;
+    this.levelIdc = null;
+  }
+  _getStartSequenceLen(index) {
+    let data = this._data;
+    if (data[index + 0] == 0 && data[index + 1] == 0 && data[index + 2] == 0 && data[index + 3] == 1) {
+      return 4;
+    }
+    if (data[index + 0] == 0 && data[index + 1] == 0 && data[index + 2] == 1) {
+      return 3;
+    }
+    return 0;
+  }
+  _indexOfNextNalUnit(index) {
+    let data = this._data;
+    for (let i2 = index; i2 < data.length; ++i2) {
+      if (this._getStartSequenceLen(i2) != 0) {
+        return i2;
+      }
+    }
+    return -1;
+  }
+  _parseSps(index) {
+    this.profileIdc = this._data[index];
+    this.constraintSet = this._data[index + 1];
+    this.levelIdc = this._data[index + 2];
+  }
+  _parseNalUnit(index) {
+    const firstByte = this._data[index];
+    if (firstByte & 128) {
+      throw new Error("H264 parsing sanity check failed, forbidden zero bit is set");
+    }
+    const unitType = firstByte & 31;
+    switch (unitType) {
+      case 1:
+        return { slice: true };
+      case 5:
+        return { slice: true, key: true };
+      case 6:
+        return {};
+      case 7:
+        this._parseSps(index + 1);
+        return {};
+      case 8:
+        return {};
+      default:
+        Warn("Unhandled unit type: ", unitType);
+        break;
+    }
+    return {};
+  }
+  parse() {
+    const startIndex = this._index;
+    let isKey = false;
+    while (this._index < this._data.length) {
+      const startSequenceLen = this._getStartSequenceLen(this._index);
+      if (startSequenceLen == 0) {
+        throw new Error("Invalid start sequence in bit stream");
+      }
+      const { slice, key } = this._parseNalUnit(this._index + startSequenceLen);
+      let nextIndex = this._indexOfNextNalUnit(this._index + startSequenceLen);
+      if (nextIndex == -1) {
+        this._index = this._data.length;
+      } else {
+        this._index = nextIndex;
+      }
+      if (key) {
+        isKey = true;
+      }
+      if (slice) {
+        break;
+      }
+    }
+    if (startIndex === this._index) {
+      return null;
+    }
+    return {
+      frame: this._data.subarray(startIndex, this._index),
+      key: isKey
+    };
+  }
+};
+var H264Context = class {
+  constructor(width, height) {
+    this.lastUsed = 0;
+    this._width = width;
+    this._height = height;
+    this._profileIdc = null;
+    this._constraintSet = null;
+    this._levelIdc = null;
+    this._decoder = null;
+    this._pendingFrames = [];
+  }
+  _handleFrame(frame) {
+    let pending = this._pendingFrames.shift();
+    if (pending === void 0) {
+      throw new Error("Pending frame queue empty when receiving frame from decoder");
+    }
+    if (pending.timestamp != frame.timestamp) {
+      throw new Error("Video frame timestamp mismatch. Expected " + frame.timestamp + " but but got " + pending.timestamp);
+    }
+    pending.frame = frame;
+    pending.ready = true;
+    pending.resolve();
+    if (!pending.keep) {
+      frame.close();
+    }
+  }
+  _handleError(e2) {
+    throw new Error("Failed to decode frame: " + e2.message);
+  }
+  _configureDecoder(profileIdc, constraintSet, levelIdc) {
+    if (this._decoder === null || this._decoder.state === "closed") {
+      this._decoder = new VideoDecoder({
+        output: (frame) => this._handleFrame(frame),
+        error: (e2) => this._handleError(e2)
+      });
+    }
+    const codec = "avc1." + profileIdc.toString(16).padStart(2, "0") + constraintSet.toString(16).padStart(2, "0") + levelIdc.toString(16).padStart(2, "0");
+    this._decoder.configure({
+      codec,
+      codedWidth: this._width,
+      codedHeight: this._height,
+      optimizeForLatency: true
+    });
+  }
+  _preparePendingFrame(timestamp) {
+    let pending = {
+      timestamp,
+      promise: null,
+      resolve: null,
+      frame: null,
+      ready: false,
+      keep: false
+    };
+    pending.promise = new Promise((resolve) => {
+      pending.resolve = resolve;
+    });
+    this._pendingFrames.push(pending);
+    return pending;
+  }
+  decode(payload) {
+    let parser2 = new H264Parser(payload);
+    let result = null;
+    let timestamp = Math.round(window.performance.now() * 1e3);
+    while (true) {
+      let encodedFrame = parser2.parse();
+      if (encodedFrame === null) {
+        break;
+      }
+      if (parser2.profileIdc !== null) {
+        self._profileIdc = parser2.profileIdc;
+        self._constraintSet = parser2.constraintSet;
+        self._levelIdc = parser2.levelIdc;
+      }
+      if (this._decoder === null || this._decoder.state !== "configured") {
+        if (!encodedFrame.key) {
+          Warn("Missing key frame. Can't decode until one arrives");
+          continue;
+        }
+        if (self._profileIdc === null) {
+          Warn("Cannot config decoder. Have not received SPS and PPS yet.");
+          continue;
+        }
+        this._configureDecoder(
+          self._profileIdc,
+          self._constraintSet,
+          self._levelIdc
+        );
+      }
+      result = this._preparePendingFrame(timestamp);
+      const chunk = new EncodedVideoChunk({
+        timestamp,
+        type: encodedFrame.key ? "key" : "delta",
+        data: encodedFrame.frame
+      });
+      try {
+        this._decoder.decode(chunk);
+      } catch (e2) {
+        Warn("Failed to decode:", e2);
+      }
+    }
+    if (result !== null) {
+      result.keep = true;
+    }
+    return result;
+  }
+};
+var H264Decoder = class {
+  constructor() {
+    this._tick = 0;
+    this._contexts = {};
+  }
+  _contextId(x, y, width, height) {
+    return [x, y, width, height].join(",");
+  }
+  _findOldestContextId() {
+    let oldestTick = Number.MAX_VALUE;
+    let oldestKey = void 0;
+    for (const [key, value] of Object.entries(this._contexts)) {
+      if (value.lastUsed < oldestTick) {
+        oldestTick = value.lastUsed;
+        oldestKey = key;
+      }
+    }
+    return oldestKey;
+  }
+  _createContext(x, y, width, height) {
+    const maxContexts = 64;
+    if (Object.keys(this._contexts).length >= maxContexts) {
+      let oldestContextId = this._findOldestContextId();
+      delete this._contexts[oldestContextId];
+    }
+    let context = new H264Context(width, height);
+    this._contexts[this._contextId(x, y, width, height)] = context;
+    return context;
+  }
+  _getContext(x, y, width, height) {
+    let context = this._contexts[this._contextId(x, y, width, height)];
+    return context !== void 0 ? context : this._createContext(x, y, width, height);
+  }
+  _resetContext(x, y, width, height) {
+    delete this._contexts[this._contextId(x, y, width, height)];
+  }
+  _resetAllContexts() {
+    this._contexts = {};
+  }
+  decodeRect(x, y, width, height, sock, display, depth) {
+    const resetContextFlag = 1;
+    const resetAllContextsFlag = 2;
+    if (sock.rQwait("h264 header", 8)) {
+      return false;
+    }
+    const length = sock.rQshift32();
+    const flags = sock.rQshift32();
+    if (sock.rQwait("h264 payload", length, 8)) {
+      return false;
+    }
+    if (flags & resetAllContextsFlag) {
+      this._resetAllContexts();
+    } else if (flags & resetContextFlag) {
+      this._resetContext(x, y, width, height);
+    }
+    let context = this._getContext(x, y, width, height);
+    context.lastUsed = this._tick++;
+    if (length !== 0) {
+      let payload = sock.rQshiftBytes(length, false);
+      let frame = context.decode(payload);
+      if (frame !== null) {
+        display.videoFrame(x, y, width, height, frame);
+      }
+    }
+    return true;
+  }
+};
+
+// node_modules/@novnc/novnc/core/rfb.js
+var DISCONNECT_TIMEOUT = 3;
+var DEFAULT_BACKGROUND = "rgb(40, 40, 40)";
+var MOUSE_MOVE_DELAY = 17;
+var WHEEL_STEP = 50;
+var WHEEL_LINE_HEIGHT = 19;
+var GESTURE_ZOOMSENS = 75;
+var GESTURE_SCRLSENS = 50;
+var DOUBLE_TAP_TIMEOUT = 1e3;
+var DOUBLE_TAP_THRESHOLD = 50;
+var securityTypeNone = 1;
+var securityTypeVNCAuth = 2;
+var securityTypeRA2ne = 6;
+var securityTypeTight = 16;
+var securityTypeVeNCrypt = 19;
+var securityTypeXVP = 22;
+var securityTypeARD = 30;
+var securityTypeMSLogonII = 113;
+var securityTypeUnixLogon = 129;
+var securityTypePlain = 256;
+var extendedClipboardFormatText = 1;
+var extendedClipboardFormatRtf = 1 << 1;
+var extendedClipboardFormatHtml = 1 << 2;
+var extendedClipboardFormatDib = 1 << 3;
+var extendedClipboardFormatFiles = 1 << 4;
+var extendedClipboardActionCaps = 1 << 24;
+var extendedClipboardActionRequest = 1 << 25;
+var extendedClipboardActionPeek = 1 << 26;
+var extendedClipboardActionNotify = 1 << 27;
+var extendedClipboardActionProvide = 1 << 28;
+var RFB = class _RFB extends EventTargetMixin {
+  constructor(target, urlOrChannel, options2) {
+    if (!target) {
+      throw new Error("Must specify target");
+    }
+    if (!urlOrChannel) {
+      throw new Error("Must specify URL, WebSocket or RTCDataChannel");
+    }
+    if (!window.isSecureContext) {
+      Error2("noVNC requires a secure context (TLS). Expect crashes!");
+    }
+    super();
+    this._target = target;
+    if (typeof urlOrChannel === "string") {
+      this._url = urlOrChannel;
+    } else {
+      this._url = null;
+      this._rawChannel = urlOrChannel;
+    }
+    options2 = options2 || {};
+    this._rfbCredentials = options2.credentials || {};
+    this._shared = "shared" in options2 ? !!options2.shared : true;
+    this._repeaterID = options2.repeaterID || "";
+    this._wsProtocols = options2.wsProtocols || [];
+    this._rfbConnectionState = "";
+    this._rfbInitState = "";
+    this._rfbAuthScheme = -1;
+    this._rfbCleanDisconnect = true;
+    this._rfbRSAAESAuthenticationState = null;
+    this._rfbVersion = 0;
+    this._rfbMaxVersion = 3.8;
+    this._rfbTightVNC = false;
+    this._rfbVeNCryptState = 0;
+    this._rfbXvpVer = 0;
+    this._fbWidth = 0;
+    this._fbHeight = 0;
+    this._fbName = "";
+    this._capabilities = { power: false };
+    this._supportsFence = false;
+    this._supportsContinuousUpdates = false;
+    this._enabledContinuousUpdates = false;
+    this._supportsSetDesktopSize = false;
+    this._screenID = 0;
+    this._screenFlags = 0;
+    this._pendingRemoteResize = false;
+    this._lastResize = 0;
+    this._qemuExtKeyEventSupported = false;
+    this._extendedPointerEventSupported = false;
+    this._clipboardText = null;
+    this._clipboardServerCapabilitiesActions = {};
+    this._clipboardServerCapabilitiesFormats = {};
+    this._sock = null;
+    this._display = null;
+    this._flushing = false;
+    this._keyboard = null;
+    this._gestures = null;
+    this._resizeObserver = null;
+    this._disconnTimer = null;
+    this._resizeTimeout = null;
+    this._mouseMoveTimer = null;
+    this._decoders = {};
+    this._FBU = {
+      rects: 0,
+      x: 0,
+      y: 0,
+      width: 0,
+      height: 0,
+      encoding: null
+    };
+    this._mousePos = {};
+    this._mouseButtonMask = 0;
+    this._mouseLastMoveTime = 0;
+    this._viewportDragging = false;
+    this._viewportDragPos = {};
+    this._viewportHasMoved = false;
+    this._accumulatedWheelDeltaX = 0;
+    this._accumulatedWheelDeltaY = 0;
+    this._gestureLastTapTime = null;
+    this._gestureFirstDoubleTapEv = null;
+    this._gestureLastMagnitudeX = 0;
+    this._gestureLastMagnitudeY = 0;
+    this._eventHandlers = {
+      focusCanvas: this._focusCanvas.bind(this),
+      handleResize: this._handleResize.bind(this),
+      handleMouse: this._handleMouse.bind(this),
+      handleWheel: this._handleWheel.bind(this),
+      handleGesture: this._handleGesture.bind(this),
+      handleRSAAESCredentialsRequired: this._handleRSAAESCredentialsRequired.bind(this),
+      handleRSAAESServerVerification: this._handleRSAAESServerVerification.bind(this)
+    };
+    Debug(">> RFB.constructor");
+    this._screen = document.createElement("div");
+    this._screen.style.display = "flex";
+    this._screen.style.width = "100%";
+    this._screen.style.height = "100%";
+    this._screen.style.overflow = "auto";
+    this._screen.style.background = DEFAULT_BACKGROUND;
+    this._canvas = document.createElement("canvas");
+    this._canvas.style.margin = "auto";
+    this._canvas.style.outline = "none";
+    this._canvas.width = 0;
+    this._canvas.height = 0;
+    this._canvas.tabIndex = -1;
+    this._screen.appendChild(this._canvas);
+    this._cursor = new Cursor();
+    this._cursorImage = _RFB.cursors.none;
+    this._decoders[encodings.encodingRaw] = new RawDecoder();
+    this._decoders[encodings.encodingCopyRect] = new CopyRectDecoder();
+    this._decoders[encodings.encodingRRE] = new RREDecoder();
+    this._decoders[encodings.encodingHextile] = new HextileDecoder();
+    this._decoders[encodings.encodingZlib] = new ZlibDecoder();
+    this._decoders[encodings.encodingTight] = new TightDecoder();
+    this._decoders[encodings.encodingTightPNG] = new TightPNGDecoder();
+    this._decoders[encodings.encodingZRLE] = new ZRLEDecoder();
+    this._decoders[encodings.encodingJPEG] = new JPEGDecoder();
+    this._decoders[encodings.encodingH264] = new H264Decoder();
+    try {
+      this._display = new Display(this._canvas);
+    } catch (exc) {
+      Error2("Display exception: " + exc);
+      throw exc;
+    }
+    this._keyboard = new Keyboard(this._canvas);
+    this._keyboard.onkeyevent = this._handleKeyEvent.bind(this);
+    this._remoteCapsLock = null;
+    this._remoteNumLock = null;
+    this._gestures = new GestureHandler();
+    this._sock = new Websock();
+    this._sock.on("open", this._socketOpen.bind(this));
+    this._sock.on("close", this._socketClose.bind(this));
+    this._sock.on("message", this._handleMessage.bind(this));
+    this._sock.on("error", this._socketError.bind(this));
+    this._expectedClientWidth = null;
+    this._expectedClientHeight = null;
+    this._resizeObserver = new ResizeObserver(this._eventHandlers.handleResize);
+    this._updateConnectionState("connecting");
+    Debug("<< RFB.constructor");
+    this.dragViewport = false;
+    this.focusOnClick = true;
+    this._viewOnly = false;
+    this._clipViewport = false;
+    this._clippingViewport = false;
+    this._scaleViewport = false;
+    this._resizeSession = false;
+    this._showDotCursor = false;
+    this._qualityLevel = 6;
+    this._compressionLevel = 2;
+  }
+  // ===== PROPERTIES =====
+  get viewOnly() {
+    return this._viewOnly;
+  }
+  set viewOnly(viewOnly) {
+    this._viewOnly = viewOnly;
+    if (this._rfbConnectionState === "connecting" || this._rfbConnectionState === "connected") {
+      if (viewOnly) {
+        this._keyboard.ungrab();
+      } else {
+        this._keyboard.grab();
+      }
+    }
+  }
+  get capabilities() {
+    return this._capabilities;
+  }
+  get clippingViewport() {
+    return this._clippingViewport;
+  }
+  _setClippingViewport(on) {
+    if (on === this._clippingViewport) {
+      return;
+    }
+    this._clippingViewport = on;
+    this.dispatchEvent(new CustomEvent(
+      "clippingviewport",
+      { detail: this._clippingViewport }
+    ));
+  }
+  get touchButton() {
+    return 0;
+  }
+  set touchButton(button) {
+    Warn("Using old API!");
+  }
+  get clipViewport() {
+    return this._clipViewport;
+  }
+  set clipViewport(viewport) {
+    this._clipViewport = viewport;
+    this._updateClip();
+  }
+  get scaleViewport() {
+    return this._scaleViewport;
+  }
+  set scaleViewport(scale) {
+    this._scaleViewport = scale;
+    if (scale && this._clipViewport) {
+      this._updateClip();
+    }
+    this._updateScale();
+    if (!scale && this._clipViewport) {
+      this._updateClip();
+    }
+  }
+  get resizeSession() {
+    return this._resizeSession;
+  }
+  set resizeSession(resize) {
+    this._resizeSession = resize;
+    if (resize) {
+      this._requestRemoteResize();
+    }
+  }
+  get showDotCursor() {
+    return this._showDotCursor;
+  }
+  set showDotCursor(show) {
+    this._showDotCursor = show;
+    this._refreshCursor();
+  }
+  get background() {
+    return this._screen.style.background;
+  }
+  set background(cssValue) {
+    this._screen.style.background = cssValue;
+  }
+  get qualityLevel() {
+    return this._qualityLevel;
+  }
+  set qualityLevel(qualityLevel) {
+    if (!Number.isInteger(qualityLevel) || qualityLevel < 0 || qualityLevel > 9) {
+      Error2("qualityLevel must be an integer between 0 and 9");
+      return;
+    }
+    if (this._qualityLevel === qualityLevel) {
+      return;
+    }
+    this._qualityLevel = qualityLevel;
+    if (this._rfbConnectionState === "connected") {
+      this._sendEncodings();
+    }
+  }
+  get compressionLevel() {
+    return this._compressionLevel;
+  }
+  set compressionLevel(compressionLevel) {
+    if (!Number.isInteger(compressionLevel) || compressionLevel < 0 || compressionLevel > 9) {
+      Error2("compressionLevel must be an integer between 0 and 9");
+      return;
+    }
+    if (this._compressionLevel === compressionLevel) {
+      return;
+    }
+    this._compressionLevel = compressionLevel;
+    if (this._rfbConnectionState === "connected") {
+      this._sendEncodings();
+    }
+  }
+  // ===== PUBLIC METHODS =====
+  disconnect() {
+    this._updateConnectionState("disconnecting");
+    this._sock.off("error");
+    this._sock.off("message");
+    this._sock.off("open");
+    if (this._rfbRSAAESAuthenticationState !== null) {
+      this._rfbRSAAESAuthenticationState.disconnect();
+    }
+  }
+  approveServer() {
+    if (this._rfbRSAAESAuthenticationState !== null) {
+      this._rfbRSAAESAuthenticationState.approveServer();
+    }
+  }
+  sendCredentials(creds) {
+    this._rfbCredentials = creds;
+    this._resumeAuthentication();
+  }
+  sendCtrlAltDel() {
+    if (this._rfbConnectionState !== "connected" || this._viewOnly) {
+      return;
+    }
+    Info("Sending Ctrl-Alt-Del");
+    this.sendKey(keysym_default.XK_Control_L, "ControlLeft", true);
+    this.sendKey(keysym_default.XK_Alt_L, "AltLeft", true);
+    this.sendKey(keysym_default.XK_Delete, "Delete", true);
+    this.sendKey(keysym_default.XK_Delete, "Delete", false);
+    this.sendKey(keysym_default.XK_Alt_L, "AltLeft", false);
+    this.sendKey(keysym_default.XK_Control_L, "ControlLeft", false);
+  }
+  machineShutdown() {
+    this._xvpOp(1, 2);
+  }
+  machineReboot() {
+    this._xvpOp(1, 3);
+  }
+  machineReset() {
+    this._xvpOp(1, 4);
+  }
+  // Send a key press. If 'down' is not specified then send a down key
+  // followed by an up key.
+  sendKey(keysym, code, down) {
+    if (this._rfbConnectionState !== "connected" || this._viewOnly) {
+      return;
+    }
+    if (down === void 0) {
+      this.sendKey(keysym, code, true);
+      this.sendKey(keysym, code, false);
+      return;
+    }
+    const scancode = xtscancodes_default[code];
+    if (this._qemuExtKeyEventSupported && scancode) {
+      keysym = keysym || 0;
+      Info("Sending key (" + (down ? "down" : "up") + "): keysym " + keysym + ", scancode " + scancode);
+      _RFB.messages.QEMUExtendedKeyEvent(this._sock, keysym, down, scancode);
+    } else {
+      if (!keysym) {
+        return;
+      }
+      Info("Sending keysym (" + (down ? "down" : "up") + "): " + keysym);
+      _RFB.messages.keyEvent(this._sock, keysym, down ? 1 : 0);
+    }
+  }
+  focus(options2) {
+    this._canvas.focus(options2);
+  }
+  blur() {
+    this._canvas.blur();
+  }
+  clipboardPasteFrom(text2) {
+    if (this._rfbConnectionState !== "connected" || this._viewOnly) {
+      return;
+    }
+    if (this._clipboardServerCapabilitiesFormats[extendedClipboardFormatText] && this._clipboardServerCapabilitiesActions[extendedClipboardActionNotify]) {
+      this._clipboardText = text2;
+      _RFB.messages.extendedClipboardNotify(this._sock, [extendedClipboardFormatText]);
+    } else {
+      let length, i2;
+      let data;
+      length = 0;
+      for (let codePoint of text2) {
+        length++;
+      }
+      data = new Uint8Array(length);
+      i2 = 0;
+      for (let codePoint of text2) {
+        let code = codePoint.codePointAt(0);
+        if (code > 255) {
+          code = 63;
+        }
+        data[i2++] = code;
+      }
+      _RFB.messages.clientCutText(this._sock, data);
+    }
+  }
+  getImageData() {
+    return this._display.getImageData();
+  }
+  toDataURL(type, encoderOptions) {
+    return this._display.toDataURL(type, encoderOptions);
+  }
+  toBlob(callback, type, quality) {
+    return this._display.toBlob(callback, type, quality);
+  }
+  // ===== PRIVATE METHODS =====
+  _connect() {
+    Debug(">> RFB.connect");
+    if (this._url) {
+      Info(`connecting to ${this._url}`);
+      this._sock.open(this._url, this._wsProtocols);
+    } else {
+      Info(`attaching ${this._rawChannel} to Websock`);
+      this._sock.attach(this._rawChannel);
+      if (this._sock.readyState === "closed") {
+        throw Error("Cannot use already closed WebSocket/RTCDataChannel");
+      }
+      if (this._sock.readyState === "open") {
+        this._socketOpen();
+      }
+    }
+    this._target.appendChild(this._screen);
+    this._gestures.attach(this._canvas);
+    this._cursor.attach(this._canvas);
+    this._refreshCursor();
+    this._resizeObserver.observe(this._screen);
+    this._canvas.addEventListener("mousedown", this._eventHandlers.focusCanvas);
+    this._canvas.addEventListener("touchstart", this._eventHandlers.focusCanvas);
+    this._canvas.addEventListener("mousedown", this._eventHandlers.handleMouse);
+    this._canvas.addEventListener("mouseup", this._eventHandlers.handleMouse);
+    this._canvas.addEventListener("mousemove", this._eventHandlers.handleMouse);
+    this._canvas.addEventListener("click", this._eventHandlers.handleMouse);
+    this._canvas.addEventListener("contextmenu", this._eventHandlers.handleMouse);
+    this._canvas.addEventListener("wheel", this._eventHandlers.handleWheel);
+    this._canvas.addEventListener("gesturestart", this._eventHandlers.handleGesture);
+    this._canvas.addEventListener("gesturemove", this._eventHandlers.handleGesture);
+    this._canvas.addEventListener("gestureend", this._eventHandlers.handleGesture);
+    Debug("<< RFB.connect");
+  }
+  _disconnect() {
+    Debug(">> RFB.disconnect");
+    this._cursor.detach();
+    this._canvas.removeEventListener("gesturestart", this._eventHandlers.handleGesture);
+    this._canvas.removeEventListener("gesturemove", this._eventHandlers.handleGesture);
+    this._canvas.removeEventListener("gestureend", this._eventHandlers.handleGesture);
+    this._canvas.removeEventListener("wheel", this._eventHandlers.handleWheel);
+    this._canvas.removeEventListener("mousedown", this._eventHandlers.handleMouse);
+    this._canvas.removeEventListener("mouseup", this._eventHandlers.handleMouse);
+    this._canvas.removeEventListener("mousemove", this._eventHandlers.handleMouse);
+    this._canvas.removeEventListener("click", this._eventHandlers.handleMouse);
+    this._canvas.removeEventListener("contextmenu", this._eventHandlers.handleMouse);
+    this._canvas.removeEventListener("mousedown", this._eventHandlers.focusCanvas);
+    this._canvas.removeEventListener("touchstart", this._eventHandlers.focusCanvas);
+    this._resizeObserver.disconnect();
+    this._keyboard.ungrab();
+    this._gestures.detach();
+    this._sock.close();
+    try {
+      this._target.removeChild(this._screen);
+    } catch (e2) {
+      if (e2.name === "NotFoundError") {
+      } else {
+        throw e2;
+      }
+    }
+    clearTimeout(this._resizeTimeout);
+    clearTimeout(this._mouseMoveTimer);
+    Debug("<< RFB.disconnect");
+  }
+  _socketOpen() {
+    if (this._rfbConnectionState === "connecting" && this._rfbInitState === "") {
+      this._rfbInitState = "ProtocolVersion";
+      Debug("Starting VNC handshake");
+    } else {
+      this._fail("Unexpected server connection while " + this._rfbConnectionState);
+    }
+  }
+  _socketClose(e2) {
+    Debug("WebSocket on-close event");
+    let msg = "";
+    if (e2.code) {
+      msg = "(code: " + e2.code;
+      if (e2.reason) {
+        msg += ", reason: " + e2.reason;
+      }
+      msg += ")";
+    }
+    switch (this._rfbConnectionState) {
+      case "connecting":
+        this._fail("Connection closed " + msg);
+        break;
+      case "connected":
+        this._updateConnectionState("disconnecting");
+        this._updateConnectionState("disconnected");
+        break;
+      case "disconnecting":
+        this._updateConnectionState("disconnected");
+        break;
+      case "disconnected":
+        this._fail("Unexpected server disconnect when already disconnected " + msg);
+        break;
+      default:
+        this._fail("Unexpected server disconnect before connecting " + msg);
+        break;
+    }
+    this._sock.off("close");
+    this._rawChannel = null;
+  }
+  _socketError(e2) {
+    Warn("WebSocket on-error event");
+  }
+  _focusCanvas(event) {
+    if (!this.focusOnClick) {
+      return;
+    }
+    this.focus({ preventScroll: true });
+  }
+  _setDesktopName(name) {
+    this._fbName = name;
+    this.dispatchEvent(new CustomEvent(
+      "desktopname",
+      { detail: { name: this._fbName } }
+    ));
+  }
+  _saveExpectedClientSize() {
+    this._expectedClientWidth = this._screen.clientWidth;
+    this._expectedClientHeight = this._screen.clientHeight;
+  }
+  _currentClientSize() {
+    return [this._screen.clientWidth, this._screen.clientHeight];
+  }
+  _clientHasExpectedSize() {
+    const [currentWidth, currentHeight] = this._currentClientSize();
+    return currentWidth == this._expectedClientWidth && currentHeight == this._expectedClientHeight;
+  }
+  // Handle browser window resizes
+  _handleResize() {
+    if (this._clientHasExpectedSize()) {
+      return;
+    }
+    window.requestAnimationFrame(() => {
+      this._updateClip();
+      this._updateScale();
+      this._saveExpectedClientSize();
+    });
+    this._requestRemoteResize();
+  }
+  // Update state of clipping in Display object, and make sure the
+  // configured viewport matches the current screen size
+  _updateClip() {
+    const curClip = this._display.clipViewport;
+    let newClip = this._clipViewport;
+    if (this._scaleViewport) {
+      newClip = false;
+    }
+    if (curClip !== newClip) {
+      this._display.clipViewport = newClip;
+    }
+    if (newClip) {
+      const size = this._screenSize();
+      this._display.viewportChangeSize(size.w, size.h);
+      this._fixScrollbars();
+      this._setClippingViewport(size.w < this._display.width || size.h < this._display.height);
+    } else {
+      this._setClippingViewport(false);
+    }
+    if (curClip !== newClip) {
+      this._saveExpectedClientSize();
+    }
+  }
+  _updateScale() {
+    if (!this._scaleViewport) {
+      this._display.scale = 1;
+    } else {
+      const size = this._screenSize();
+      this._display.autoscale(size.w, size.h);
+    }
+    this._fixScrollbars();
+  }
+  // Requests a change of remote desktop size. This message is an extension
+  // and may only be sent if we have received an ExtendedDesktopSize message
+  _requestRemoteResize() {
+    if (!this._resizeSession) {
+      return;
+    }
+    if (this._viewOnly) {
+      return;
+    }
+    if (!this._supportsSetDesktopSize) {
+      return;
+    }
+    if (this._pendingRemoteResize) {
+      return;
+    }
+    if (Date.now() - this._lastResize < 100) {
+      clearTimeout(this._resizeTimeout);
+      this._resizeTimeout = setTimeout(
+        this._requestRemoteResize.bind(this),
+        100 - (Date.now() - this._lastResize)
+      );
+      return;
+    }
+    this._resizeTimeout = null;
+    const size = this._screenSize();
+    if (size.w === this._fbWidth && size.h === this._fbHeight) {
+      return;
+    }
+    this._pendingRemoteResize = true;
+    this._lastResize = Date.now();
+    _RFB.messages.setDesktopSize(
+      this._sock,
+      Math.floor(size.w),
+      Math.floor(size.h),
+      this._screenID,
+      this._screenFlags
+    );
+    Debug("Requested new desktop size: " + size.w + "x" + size.h);
+  }
+  // Gets the the size of the available screen
+  _screenSize() {
+    let r2 = this._screen.getBoundingClientRect();
+    return { w: r2.width, h: r2.height };
+  }
+  _fixScrollbars() {
+    const orig = this._screen.style.overflow;
+    this._screen.style.overflow = "hidden";
+    this._screen.getBoundingClientRect();
+    this._screen.style.overflow = orig;
+  }
+  /*
+   * Connection states:
+   *   connecting
+   *   connected
+   *   disconnecting
+   *   disconnected - permanent state
+   */
+  _updateConnectionState(state2) {
+    const oldstate = this._rfbConnectionState;
+    if (state2 === oldstate) {
+      Debug("Already in state '" + state2 + "', ignoring");
+      return;
+    }
+    if (oldstate === "disconnected") {
+      Error2("Tried changing state of a disconnected RFB object");
+      return;
+    }
+    switch (state2) {
+      case "connected":
+        if (oldstate !== "connecting") {
+          Error2("Bad transition to connected state, previous connection state: " + oldstate);
+          return;
+        }
+        break;
+      case "disconnected":
+        if (oldstate !== "disconnecting") {
+          Error2("Bad transition to disconnected state, previous connection state: " + oldstate);
+          return;
+        }
+        break;
+      case "connecting":
+        if (oldstate !== "") {
+          Error2("Bad transition to connecting state, previous connection state: " + oldstate);
+          return;
+        }
+        break;
+      case "disconnecting":
+        if (oldstate !== "connected" && oldstate !== "connecting") {
+          Error2("Bad transition to disconnecting state, previous connection state: " + oldstate);
+          return;
+        }
+        break;
+      default:
+        Error2("Unknown connection state: " + state2);
+        return;
+    }
+    this._rfbConnectionState = state2;
+    Debug("New state '" + state2 + "', was '" + oldstate + "'.");
+    if (this._disconnTimer && state2 !== "disconnecting") {
+      Debug("Clearing disconnect timer");
+      clearTimeout(this._disconnTimer);
+      this._disconnTimer = null;
+      this._sock.off("close");
+    }
+    switch (state2) {
+      case "connecting":
+        this._connect();
+        break;
+      case "connected":
+        this.dispatchEvent(new CustomEvent("connect", { detail: {} }));
+        break;
+      case "disconnecting":
+        this._disconnect();
+        this._disconnTimer = setTimeout(() => {
+          Error2("Disconnection timed out.");
+          this._updateConnectionState("disconnected");
+        }, DISCONNECT_TIMEOUT * 1e3);
+        break;
+      case "disconnected":
+        this.dispatchEvent(new CustomEvent(
+          "disconnect",
+          { detail: { clean: this._rfbCleanDisconnect } }
+        ));
+        break;
+    }
+  }
+  /* Print errors and disconnect
+   *
+   * The parameter 'details' is used for information that
+   * should be logged but not sent to the user interface.
+   */
+  _fail(details) {
+    switch (this._rfbConnectionState) {
+      case "disconnecting":
+        Error2("Failed when disconnecting: " + details);
+        break;
+      case "connected":
+        Error2("Failed while connected: " + details);
+        break;
+      case "connecting":
+        Error2("Failed when connecting: " + details);
+        break;
+      default:
+        Error2("RFB failure: " + details);
+        break;
+    }
+    this._rfbCleanDisconnect = false;
+    this._updateConnectionState("disconnecting");
+    this._updateConnectionState("disconnected");
+    return false;
+  }
+  _setCapability(cap, val) {
+    this._capabilities[cap] = val;
+    this.dispatchEvent(new CustomEvent(
+      "capabilities",
+      { detail: { capabilities: this._capabilities } }
+    ));
+  }
+  _handleMessage() {
+    if (this._sock.rQwait("message", 1)) {
+      Warn("handleMessage called on an empty receive queue");
+      return;
+    }
+    switch (this._rfbConnectionState) {
+      case "disconnected":
+        Error2("Got data while disconnected");
+        break;
+      case "connected":
+        while (true) {
+          if (this._flushing) {
+            break;
+          }
+          if (!this._normalMsg()) {
+            break;
+          }
+          if (this._sock.rQwait("message", 1)) {
+            break;
+          }
+        }
+        break;
+      case "connecting":
+        while (this._rfbConnectionState === "connecting") {
+          if (!this._initMsg()) {
+            break;
+          }
+        }
+        break;
+      default:
+        Error2("Got data while in an invalid state");
+        break;
+    }
+  }
+  _handleKeyEvent(keysym, code, down, numlock, capslock) {
+    if (code == "CapsLock" && down) {
+      this._remoteCapsLock = null;
+    }
+    if (this._remoteCapsLock !== null && capslock !== null && this._remoteCapsLock !== capslock && down) {
+      Debug("Fixing remote caps lock");
+      this.sendKey(keysym_default.XK_Caps_Lock, "CapsLock", true);
+      this.sendKey(keysym_default.XK_Caps_Lock, "CapsLock", false);
+      this._remoteCapsLock = null;
+    }
+    if (code == "NumLock" && down) {
+      this._remoteNumLock = null;
+    }
+    if (this._remoteNumLock !== null && numlock !== null && this._remoteNumLock !== numlock && down) {
+      Debug("Fixing remote num lock");
+      this.sendKey(keysym_default.XK_Num_Lock, "NumLock", true);
+      this.sendKey(keysym_default.XK_Num_Lock, "NumLock", false);
+      this._remoteNumLock = null;
+    }
+    this.sendKey(keysym, code, down);
+  }
+  static _convertButtonMask(buttons) {
+    const buttonMaskMap = {
+      0: 1 << 0,
+      // Left
+      1: 1 << 2,
+      // Right
+      2: 1 << 1,
+      // Middle
+      3: 1 << 7,
+      // Back
+      4: 1 << 8
+      // Forward
+    };
+    let bmask = 0;
+    for (let i2 = 0; i2 < 5; i2++) {
+      if (buttons & 1 << i2) {
+        bmask |= buttonMaskMap[i2];
+      }
+    }
+    return bmask;
+  }
+  _handleMouse(ev) {
+    if (ev.type === "click") {
+      if (ev.target !== this._canvas) {
+        return;
+      }
+    }
+    ev.stopPropagation();
+    ev.preventDefault();
+    if (ev.type === "click" || ev.type === "contextmenu") {
+      return;
+    }
+    let pos = clientToElement(
+      ev.clientX,
+      ev.clientY,
+      this._canvas
+    );
+    let bmask = _RFB._convertButtonMask(ev.buttons);
+    let down = ev.type == "mousedown";
+    switch (ev.type) {
+      case "mousedown":
+      case "mouseup":
+        if (this.dragViewport) {
+          if (down && !this._viewportDragging) {
+            this._viewportDragging = true;
+            this._viewportDragPos = { "x": pos.x, "y": pos.y };
+            this._viewportHasMoved = false;
+            this._flushMouseMoveTimer(pos.x, pos.y);
+            this._mouseButtonMask = bmask;
+            break;
+          } else {
+            this._viewportDragging = false;
+            if (this._viewportHasMoved) {
+              this._mouseButtonMask = bmask;
+              break;
+            }
+            this._sendMouse(pos.x, pos.y, this._mouseButtonMask);
+          }
+        }
+        if (down) {
+          setCapture(this._canvas);
+        }
+        this._handleMouseButton(pos.x, pos.y, bmask);
+        break;
+      case "mousemove":
+        if (this._viewportDragging) {
+          const deltaX = this._viewportDragPos.x - pos.x;
+          const deltaY = this._viewportDragPos.y - pos.y;
+          if (this._viewportHasMoved || (Math.abs(deltaX) > dragThreshold || Math.abs(deltaY) > dragThreshold)) {
+            this._viewportHasMoved = true;
+            this._viewportDragPos = { "x": pos.x, "y": pos.y };
+            this._display.viewportChangePos(deltaX, deltaY);
+          }
+          break;
+        }
+        this._handleMouseMove(pos.x, pos.y);
+        break;
+    }
+  }
+  _handleMouseButton(x, y, bmask) {
+    this._flushMouseMoveTimer(x, y);
+    this._mouseButtonMask = bmask;
+    this._sendMouse(x, y, this._mouseButtonMask);
+  }
+  _handleMouseMove(x, y) {
+    this._mousePos = { "x": x, "y": y };
+    if (this._mouseMoveTimer == null) {
+      const timeSinceLastMove = Date.now() - this._mouseLastMoveTime;
+      if (timeSinceLastMove > MOUSE_MOVE_DELAY) {
+        this._sendMouse(x, y, this._mouseButtonMask);
+        this._mouseLastMoveTime = Date.now();
+      } else {
+        this._mouseMoveTimer = setTimeout(() => {
+          this._handleDelayedMouseMove();
+        }, MOUSE_MOVE_DELAY - timeSinceLastMove);
+      }
+    }
+  }
+  _handleDelayedMouseMove() {
+    this._mouseMoveTimer = null;
+    this._sendMouse(
+      this._mousePos.x,
+      this._mousePos.y,
+      this._mouseButtonMask
+    );
+    this._mouseLastMoveTime = Date.now();
+  }
+  _sendMouse(x, y, mask) {
+    if (this._rfbConnectionState !== "connected") {
+      return;
+    }
+    if (this._viewOnly) {
+      return;
+    }
+    if (mask & 32768) {
+      throw new Error("Illegal mouse button mask (mask: " + mask + ")");
+    }
+    let extendedMouseButtons = mask & 32640;
+    if (this._extendedPointerEventSupported && extendedMouseButtons) {
+      _RFB.messages.extendedPointerEvent(
+        this._sock,
+        this._display.absX(x),
+        this._display.absY(y),
+        mask
+      );
+    } else {
+      _RFB.messages.pointerEvent(
+        this._sock,
+        this._display.absX(x),
+        this._display.absY(y),
+        mask
+      );
+    }
+  }
+  _handleWheel(ev) {
+    if (this._rfbConnectionState !== "connected") {
+      return;
+    }
+    if (this._viewOnly) {
+      return;
+    }
+    ev.stopPropagation();
+    ev.preventDefault();
+    let pos = clientToElement(
+      ev.clientX,
+      ev.clientY,
+      this._canvas
+    );
+    let bmask = _RFB._convertButtonMask(ev.buttons);
+    let dX = ev.deltaX;
+    let dY = ev.deltaY;
+    if (ev.deltaMode !== 0) {
+      dX *= WHEEL_LINE_HEIGHT;
+      dY *= WHEEL_LINE_HEIGHT;
+    }
+    this._accumulatedWheelDeltaX += dX;
+    this._accumulatedWheelDeltaY += dY;
+    if (Math.abs(this._accumulatedWheelDeltaX) >= WHEEL_STEP) {
+      if (this._accumulatedWheelDeltaX < 0) {
+        this._handleMouseButton(pos.x, pos.y, bmask | 1 << 5);
+        this._handleMouseButton(pos.x, pos.y, bmask);
+      } else if (this._accumulatedWheelDeltaX > 0) {
+        this._handleMouseButton(pos.x, pos.y, bmask | 1 << 6);
+        this._handleMouseButton(pos.x, pos.y, bmask);
+      }
+      this._accumulatedWheelDeltaX = 0;
+    }
+    if (Math.abs(this._accumulatedWheelDeltaY) >= WHEEL_STEP) {
+      if (this._accumulatedWheelDeltaY < 0) {
+        this._handleMouseButton(pos.x, pos.y, bmask | 1 << 3);
+        this._handleMouseButton(pos.x, pos.y, bmask);
+      } else if (this._accumulatedWheelDeltaY > 0) {
+        this._handleMouseButton(pos.x, pos.y, bmask | 1 << 4);
+        this._handleMouseButton(pos.x, pos.y, bmask);
+      }
+      this._accumulatedWheelDeltaY = 0;
+    }
+  }
+  _fakeMouseMove(ev, elementX, elementY) {
+    this._handleMouseMove(elementX, elementY);
+    this._cursor.move(ev.detail.clientX, ev.detail.clientY);
+  }
+  _handleTapEvent(ev, bmask) {
+    let pos = clientToElement(
+      ev.detail.clientX,
+      ev.detail.clientY,
+      this._canvas
+    );
+    if (this._gestureLastTapTime !== null && Date.now() - this._gestureLastTapTime < DOUBLE_TAP_TIMEOUT && this._gestureFirstDoubleTapEv.detail.type === ev.detail.type) {
+      let dx = this._gestureFirstDoubleTapEv.detail.clientX - ev.detail.clientX;
+      let dy = this._gestureFirstDoubleTapEv.detail.clientY - ev.detail.clientY;
+      let distance = Math.hypot(dx, dy);
+      if (distance < DOUBLE_TAP_THRESHOLD) {
+        pos = clientToElement(
+          this._gestureFirstDoubleTapEv.detail.clientX,
+          this._gestureFirstDoubleTapEv.detail.clientY,
+          this._canvas
+        );
+      } else {
+        this._gestureFirstDoubleTapEv = ev;
+      }
+    } else {
+      this._gestureFirstDoubleTapEv = ev;
+    }
+    this._gestureLastTapTime = Date.now();
+    this._fakeMouseMove(this._gestureFirstDoubleTapEv, pos.x, pos.y);
+    this._handleMouseButton(pos.x, pos.y, bmask);
+    this._handleMouseButton(pos.x, pos.y, 0);
+  }
+  _handleGesture(ev) {
+    let magnitude;
+    let pos = clientToElement(
+      ev.detail.clientX,
+      ev.detail.clientY,
+      this._canvas
+    );
+    switch (ev.type) {
+      case "gesturestart":
+        switch (ev.detail.type) {
+          case "onetap":
+            this._handleTapEvent(ev, 1);
+            break;
+          case "twotap":
+            this._handleTapEvent(ev, 4);
+            break;
+          case "threetap":
+            this._handleTapEvent(ev, 2);
+            break;
+          case "drag":
+            if (this.dragViewport) {
+              this._viewportHasMoved = false;
+              this._viewportDragging = true;
+              this._viewportDragPos = { "x": pos.x, "y": pos.y };
+            } else {
+              this._fakeMouseMove(ev, pos.x, pos.y);
+              this._handleMouseButton(pos.x, pos.y, 1);
+            }
+            break;
+          case "longpress":
+            if (this.dragViewport) {
+              this._viewportHasMoved = false;
+              this._viewportDragPos = { "x": pos.x, "y": pos.y };
+            } else {
+              this._fakeMouseMove(ev, pos.x, pos.y);
+              this._handleMouseButton(pos.x, pos.y, 4);
+            }
+            break;
+          case "twodrag":
+            this._gestureLastMagnitudeX = ev.detail.magnitudeX;
+            this._gestureLastMagnitudeY = ev.detail.magnitudeY;
+            this._fakeMouseMove(ev, pos.x, pos.y);
+            break;
+          case "pinch":
+            this._gestureLastMagnitudeX = Math.hypot(
+              ev.detail.magnitudeX,
+              ev.detail.magnitudeY
+            );
+            this._fakeMouseMove(ev, pos.x, pos.y);
+            break;
+        }
+        break;
+      case "gesturemove":
+        switch (ev.detail.type) {
+          case "onetap":
+          case "twotap":
+          case "threetap":
+            break;
+          case "drag":
+          case "longpress":
+            if (this.dragViewport) {
+              this._viewportDragging = true;
+              const deltaX = this._viewportDragPos.x - pos.x;
+              const deltaY = this._viewportDragPos.y - pos.y;
+              if (this._viewportHasMoved || (Math.abs(deltaX) > dragThreshold || Math.abs(deltaY) > dragThreshold)) {
+                this._viewportHasMoved = true;
+                this._viewportDragPos = { "x": pos.x, "y": pos.y };
+                this._display.viewportChangePos(deltaX, deltaY);
+              }
+            } else {
+              this._fakeMouseMove(ev, pos.x, pos.y);
+            }
+            break;
+          case "twodrag":
+            this._fakeMouseMove(ev, pos.x, pos.y);
+            while (ev.detail.magnitudeY - this._gestureLastMagnitudeY > GESTURE_SCRLSENS) {
+              this._handleMouseButton(pos.x, pos.y, 8);
+              this._handleMouseButton(pos.x, pos.y, 0);
+              this._gestureLastMagnitudeY += GESTURE_SCRLSENS;
+            }
+            while (ev.detail.magnitudeY - this._gestureLastMagnitudeY < -GESTURE_SCRLSENS) {
+              this._handleMouseButton(pos.x, pos.y, 16);
+              this._handleMouseButton(pos.x, pos.y, 0);
+              this._gestureLastMagnitudeY -= GESTURE_SCRLSENS;
+            }
+            while (ev.detail.magnitudeX - this._gestureLastMagnitudeX > GESTURE_SCRLSENS) {
+              this._handleMouseButton(pos.x, pos.y, 32);
+              this._handleMouseButton(pos.x, pos.y, 0);
+              this._gestureLastMagnitudeX += GESTURE_SCRLSENS;
+            }
+            while (ev.detail.magnitudeX - this._gestureLastMagnitudeX < -GESTURE_SCRLSENS) {
+              this._handleMouseButton(pos.x, pos.y, 64);
+              this._handleMouseButton(pos.x, pos.y, 0);
+              this._gestureLastMagnitudeX -= GESTURE_SCRLSENS;
+            }
+            break;
+          case "pinch":
+            this._fakeMouseMove(ev, pos.x, pos.y);
+            magnitude = Math.hypot(ev.detail.magnitudeX, ev.detail.magnitudeY);
+            if (Math.abs(magnitude - this._gestureLastMagnitudeX) > GESTURE_ZOOMSENS) {
+              this._handleKeyEvent(keysym_default.XK_Control_L, "ControlLeft", true);
+              while (magnitude - this._gestureLastMagnitudeX > GESTURE_ZOOMSENS) {
+                this._handleMouseButton(pos.x, pos.y, 8);
+                this._handleMouseButton(pos.x, pos.y, 0);
+                this._gestureLastMagnitudeX += GESTURE_ZOOMSENS;
+              }
+              while (magnitude - this._gestureLastMagnitudeX < -GESTURE_ZOOMSENS) {
+                this._handleMouseButton(pos.x, pos.y, 16);
+                this._handleMouseButton(pos.x, pos.y, 0);
+                this._gestureLastMagnitudeX -= GESTURE_ZOOMSENS;
+              }
+            }
+            this._handleKeyEvent(keysym_default.XK_Control_L, "ControlLeft", false);
+            break;
+        }
+        break;
+      case "gestureend":
+        switch (ev.detail.type) {
+          case "onetap":
+          case "twotap":
+          case "threetap":
+          case "pinch":
+          case "twodrag":
+            break;
+          case "drag":
+            if (this.dragViewport) {
+              this._viewportDragging = false;
+            } else {
+              this._fakeMouseMove(ev, pos.x, pos.y);
+              this._handleMouseButton(pos.x, pos.y, 0);
+            }
+            break;
+          case "longpress":
+            if (this._viewportHasMoved) {
+              break;
+            }
+            if (this.dragViewport && !this._viewportHasMoved) {
+              this._fakeMouseMove(ev, pos.x, pos.y);
+              this._handleMouseButton(pos.x, pos.y, 4);
+              this._handleMouseButton(pos.x, pos.y, 0);
+              this._viewportDragging = false;
+            } else {
+              this._fakeMouseMove(ev, pos.x, pos.y);
+              this._handleMouseButton(pos.x, pos.y, 0);
+            }
+            break;
+        }
+        break;
+    }
+  }
+  _flushMouseMoveTimer(x, y) {
+    if (this._mouseMoveTimer !== null) {
+      clearTimeout(this._mouseMoveTimer);
+      this._mouseMoveTimer = null;
+      this._sendMouse(x, y, this._mouseButtonMask);
+    }
+  }
+  // Message handlers
+  _negotiateProtocolVersion() {
+    if (this._sock.rQwait("version", 12)) {
+      return false;
+    }
+    const sversion = this._sock.rQshiftStr(12).substr(4, 7);
+    Info("Server ProtocolVersion: " + sversion);
+    let isRepeater = 0;
+    switch (sversion) {
+      case "000.000":
+        isRepeater = 1;
+        break;
+      case "003.003":
+      case "003.006":
+        this._rfbVersion = 3.3;
+        break;
+      case "003.007":
+        this._rfbVersion = 3.7;
+        break;
+      case "003.008":
+      case "003.889":
+      // Apple Remote Desktop
+      case "004.000":
+      // Intel AMT KVM
+      case "004.001":
+      // RealVNC 4.6
+      case "005.000":
+        this._rfbVersion = 3.8;
+        break;
+      default:
+        return this._fail("Invalid server version " + sversion);
+    }
+    if (isRepeater) {
+      let repeaterID = "ID:" + this._repeaterID;
+      while (repeaterID.length < 250) {
+        repeaterID += "\0";
+      }
+      this._sock.sQpushString(repeaterID);
+      this._sock.flush();
+      return true;
+    }
+    if (this._rfbVersion > this._rfbMaxVersion) {
+      this._rfbVersion = this._rfbMaxVersion;
+    }
+    const cversion = "00" + parseInt(this._rfbVersion, 10) + ".00" + this._rfbVersion * 10 % 10;
+    this._sock.sQpushString("RFB " + cversion + "\n");
+    this._sock.flush();
+    Debug("Sent ProtocolVersion: " + cversion);
+    this._rfbInitState = "Security";
+  }
+  _isSupportedSecurityType(type) {
+    const clientTypes = [
+      securityTypeNone,
+      securityTypeVNCAuth,
+      securityTypeRA2ne,
+      securityTypeTight,
+      securityTypeVeNCrypt,
+      securityTypeXVP,
+      securityTypeARD,
+      securityTypeMSLogonII,
+      securityTypePlain
+    ];
+    return clientTypes.includes(type);
+  }
+  _negotiateSecurity() {
+    if (this._rfbVersion >= 3.7) {
+      const numTypes = this._sock.rQshift8();
+      if (this._sock.rQwait("security type", numTypes, 1)) {
+        return false;
+      }
+      if (numTypes === 0) {
+        this._rfbInitState = "SecurityReason";
+        this._securityContext = "no security types";
+        this._securityStatus = 1;
+        return true;
+      }
+      const types = this._sock.rQshiftBytes(numTypes);
+      Debug("Server security types: " + types);
+      this._rfbAuthScheme = -1;
+      for (let type of types) {
+        if (this._isSupportedSecurityType(type)) {
+          this._rfbAuthScheme = type;
+          break;
+        }
+      }
+      if (this._rfbAuthScheme === -1) {
+        return this._fail("Unsupported security types (types: " + types + ")");
+      }
+      this._sock.sQpush8(this._rfbAuthScheme);
+      this._sock.flush();
+    } else {
+      if (this._sock.rQwait("security scheme", 4)) {
+        return false;
+      }
+      this._rfbAuthScheme = this._sock.rQshift32();
+      if (this._rfbAuthScheme == 0) {
+        this._rfbInitState = "SecurityReason";
+        this._securityContext = "authentication scheme";
+        this._securityStatus = 1;
+        return true;
+      }
+    }
+    this._rfbInitState = "Authentication";
+    Debug("Authenticating using scheme: " + this._rfbAuthScheme);
+    return true;
+  }
+  _handleSecurityReason() {
+    if (this._sock.rQwait("reason length", 4)) {
+      return false;
+    }
+    const strlen = this._sock.rQshift32();
+    let reason = "";
+    if (strlen > 0) {
+      if (this._sock.rQwait("reason", strlen, 4)) {
+        return false;
+      }
+      reason = this._sock.rQshiftStr(strlen);
+    }
+    if (reason !== "") {
+      this.dispatchEvent(new CustomEvent(
+        "securityfailure",
+        { detail: {
+          status: this._securityStatus,
+          reason
+        } }
+      ));
+      return this._fail("Security negotiation failed on " + this._securityContext + " (reason: " + reason + ")");
+    } else {
+      this.dispatchEvent(new CustomEvent(
+        "securityfailure",
+        { detail: { status: this._securityStatus } }
+      ));
+      return this._fail("Security negotiation failed on " + this._securityContext);
+    }
+  }
+  // authentication
+  _negotiateXvpAuth() {
+    if (this._rfbCredentials.username === void 0 || this._rfbCredentials.password === void 0 || this._rfbCredentials.target === void 0) {
+      this.dispatchEvent(new CustomEvent(
+        "credentialsrequired",
+        { detail: { types: ["username", "password", "target"] } }
+      ));
+      return false;
+    }
+    this._sock.sQpush8(this._rfbCredentials.username.length);
+    this._sock.sQpush8(this._rfbCredentials.target.length);
+    this._sock.sQpushString(this._rfbCredentials.username);
+    this._sock.sQpushString(this._rfbCredentials.target);
+    this._sock.flush();
+    this._rfbAuthScheme = securityTypeVNCAuth;
+    return this._negotiateAuthentication();
+  }
+  // VeNCrypt authentication, currently only supports version 0.2 and only Plain subtype
+  _negotiateVeNCryptAuth() {
+    if (this._rfbVeNCryptState == 0) {
+      if (this._sock.rQwait("vencrypt version", 2)) {
+        return false;
+      }
+      const major = this._sock.rQshift8();
+      const minor = this._sock.rQshift8();
+      if (!(major == 0 && minor == 2)) {
+        return this._fail("Unsupported VeNCrypt version " + major + "." + minor);
+      }
+      this._sock.sQpush8(0);
+      this._sock.sQpush8(2);
+      this._sock.flush();
+      this._rfbVeNCryptState = 1;
+    }
+    if (this._rfbVeNCryptState == 1) {
+      if (this._sock.rQwait("vencrypt ack", 1)) {
+        return false;
+      }
+      const res = this._sock.rQshift8();
+      if (res != 0) {
+        return this._fail("VeNCrypt failure " + res);
+      }
+      this._rfbVeNCryptState = 2;
+    }
+    if (this._rfbVeNCryptState == 2) {
+      if (this._sock.rQwait("vencrypt subtypes length", 1)) {
+        return false;
+      }
+      const subtypesLength = this._sock.rQshift8();
+      if (subtypesLength < 1) {
+        return this._fail("VeNCrypt subtypes empty");
+      }
+      this._rfbVeNCryptSubtypesLength = subtypesLength;
+      this._rfbVeNCryptState = 3;
+    }
+    if (this._rfbVeNCryptState == 3) {
+      if (this._sock.rQwait("vencrypt subtypes", 4 * this._rfbVeNCryptSubtypesLength)) {
+        return false;
+      }
+      const subtypes = [];
+      for (let i2 = 0; i2 < this._rfbVeNCryptSubtypesLength; i2++) {
+        subtypes.push(this._sock.rQshift32());
+      }
+      this._rfbAuthScheme = -1;
+      for (let type of subtypes) {
+        if (type === securityTypeVeNCrypt) {
+          continue;
+        }
+        if (this._isSupportedSecurityType(type)) {
+          this._rfbAuthScheme = type;
+          break;
+        }
+      }
+      if (this._rfbAuthScheme === -1) {
+        return this._fail("Unsupported security types (types: " + subtypes + ")");
+      }
+      this._sock.sQpush32(this._rfbAuthScheme);
+      this._sock.flush();
+      this._rfbVeNCryptState = 4;
+      return true;
+    }
+  }
+  _negotiatePlainAuth() {
+    if (this._rfbCredentials.username === void 0 || this._rfbCredentials.password === void 0) {
+      this.dispatchEvent(new CustomEvent(
+        "credentialsrequired",
+        { detail: { types: ["username", "password"] } }
+      ));
+      return false;
+    }
+    const user = encodeUTF8(this._rfbCredentials.username);
+    const pass = encodeUTF8(this._rfbCredentials.password);
+    this._sock.sQpush32(user.length);
+    this._sock.sQpush32(pass.length);
+    this._sock.sQpushString(user);
+    this._sock.sQpushString(pass);
+    this._sock.flush();
+    this._rfbInitState = "SecurityResult";
+    return true;
+  }
+  _negotiateStdVNCAuth() {
+    if (this._sock.rQwait("auth challenge", 16)) {
+      return false;
+    }
+    if (this._rfbCredentials.password === void 0) {
+      this.dispatchEvent(new CustomEvent(
+        "credentialsrequired",
+        { detail: { types: ["password"] } }
+      ));
+      return false;
+    }
+    const challenge = Array.prototype.slice.call(this._sock.rQshiftBytes(16));
+    const response = _RFB.genDES(this._rfbCredentials.password, challenge);
+    this._sock.sQpushBytes(response);
+    this._sock.flush();
+    this._rfbInitState = "SecurityResult";
+    return true;
+  }
+  _negotiateARDAuth() {
+    if (this._rfbCredentials.username === void 0 || this._rfbCredentials.password === void 0) {
+      this.dispatchEvent(new CustomEvent(
+        "credentialsrequired",
+        { detail: { types: ["username", "password"] } }
+      ));
+      return false;
+    }
+    if (this._rfbCredentials.ardPublicKey != void 0 && this._rfbCredentials.ardCredentials != void 0) {
+      this._sock.sQpushBytes(this._rfbCredentials.ardCredentials);
+      this._sock.sQpushBytes(this._rfbCredentials.ardPublicKey);
+      this._sock.flush();
+      this._rfbCredentials.ardCredentials = null;
+      this._rfbCredentials.ardPublicKey = null;
+      this._rfbInitState = "SecurityResult";
+      return true;
+    }
+    if (this._sock.rQwait("read ard", 4)) {
+      return false;
+    }
+    let generator = this._sock.rQshiftBytes(2);
+    let keyLength = this._sock.rQshift16();
+    if (this._sock.rQwait("read ard keylength", keyLength * 2, 4)) {
+      return false;
+    }
+    let prime = this._sock.rQshiftBytes(keyLength);
+    let serverPublicKey = this._sock.rQshiftBytes(keyLength);
+    let clientKey = crypto_default.generateKey(
+      { name: "DH", g: generator, p: prime },
+      false,
+      ["deriveBits"]
+    );
+    this._negotiateARDAuthAsync(keyLength, serverPublicKey, clientKey);
+    return false;
+  }
+  async _negotiateARDAuthAsync(keyLength, serverPublicKey, clientKey) {
+    const clientPublicKey = crypto_default.exportKey("raw", clientKey.publicKey);
+    const sharedKey = crypto_default.deriveBits(
+      { name: "DH", public: serverPublicKey },
+      clientKey.privateKey,
+      keyLength * 8
+    );
+    const username = encodeUTF8(this._rfbCredentials.username).substring(0, 63);
+    const password = encodeUTF8(this._rfbCredentials.password).substring(0, 63);
+    const credentials = window.crypto.getRandomValues(new Uint8Array(128));
+    for (let i2 = 0; i2 < username.length; i2++) {
+      credentials[i2] = username.charCodeAt(i2);
+    }
+    credentials[username.length] = 0;
+    for (let i2 = 0; i2 < password.length; i2++) {
+      credentials[64 + i2] = password.charCodeAt(i2);
+    }
+    credentials[64 + password.length] = 0;
+    const key = await crypto_default.digest("MD5", sharedKey);
+    const cipher = await crypto_default.importKey(
+      "raw",
+      key,
+      { name: "AES-ECB" },
+      false,
+      ["encrypt"]
+    );
+    const encrypted = await crypto_default.encrypt({ name: "AES-ECB" }, cipher, credentials);
+    this._rfbCredentials.ardCredentials = encrypted;
+    this._rfbCredentials.ardPublicKey = clientPublicKey;
+    this._resumeAuthentication();
+  }
+  _negotiateTightUnixAuth() {
+    if (this._rfbCredentials.username === void 0 || this._rfbCredentials.password === void 0) {
+      this.dispatchEvent(new CustomEvent(
+        "credentialsrequired",
+        { detail: { types: ["username", "password"] } }
+      ));
+      return false;
+    }
+    this._sock.sQpush32(this._rfbCredentials.username.length);
+    this._sock.sQpush32(this._rfbCredentials.password.length);
+    this._sock.sQpushString(this._rfbCredentials.username);
+    this._sock.sQpushString(this._rfbCredentials.password);
+    this._sock.flush();
+    this._rfbInitState = "SecurityResult";
+    return true;
+  }
+  _negotiateTightTunnels(numTunnels) {
+    const clientSupportedTunnelTypes = {
+      0: { vendor: "TGHT", signature: "NOTUNNEL" }
+    };
+    const serverSupportedTunnelTypes = {};
+    for (let i2 = 0; i2 < numTunnels; i2++) {
+      const capCode = this._sock.rQshift32();
+      const capVendor = this._sock.rQshiftStr(4);
+      const capSignature = this._sock.rQshiftStr(8);
+      serverSupportedTunnelTypes[capCode] = { vendor: capVendor, signature: capSignature };
+    }
+    Debug("Server Tight tunnel types: " + serverSupportedTunnelTypes);
+    if (serverSupportedTunnelTypes[1] && serverSupportedTunnelTypes[1].vendor === "SICR" && serverSupportedTunnelTypes[1].signature === "SCHANNEL") {
+      Debug("Detected Siemens server. Assuming NOTUNNEL support.");
+      serverSupportedTunnelTypes[0] = { vendor: "TGHT", signature: "NOTUNNEL" };
+    }
+    if (serverSupportedTunnelTypes[0]) {
+      if (serverSupportedTunnelTypes[0].vendor != clientSupportedTunnelTypes[0].vendor || serverSupportedTunnelTypes[0].signature != clientSupportedTunnelTypes[0].signature) {
+        return this._fail("Client's tunnel type had the incorrect vendor or signature");
+      }
+      Debug("Selected tunnel type: " + clientSupportedTunnelTypes[0]);
+      this._sock.sQpush32(0);
+      this._sock.flush();
+      return false;
+    } else {
+      return this._fail("Server wanted tunnels, but doesn't support the notunnel type");
+    }
+  }
+  _negotiateTightAuth() {
+    if (!this._rfbTightVNC) {
+      if (this._sock.rQwait("num tunnels", 4)) {
+        return false;
+      }
+      const numTunnels = this._sock.rQshift32();
+      if (numTunnels > 0 && this._sock.rQwait("tunnel capabilities", 16 * numTunnels, 4)) {
+        return false;
+      }
+      this._rfbTightVNC = true;
+      if (numTunnels > 0) {
+        this._negotiateTightTunnels(numTunnels);
+        return false;
+      }
+    }
+    if (this._sock.rQwait("sub auth count", 4)) {
+      return false;
+    }
+    const subAuthCount = this._sock.rQshift32();
+    if (subAuthCount === 0) {
+      this._rfbInitState = "SecurityResult";
+      return true;
+    }
+    if (this._sock.rQwait("sub auth capabilities", 16 * subAuthCount, 4)) {
+      return false;
+    }
+    const clientSupportedTypes = {
+      "STDVNOAUTH__": 1,
+      "STDVVNCAUTH_": 2,
+      "TGHTULGNAUTH": 129
+    };
+    const serverSupportedTypes = [];
+    for (let i2 = 0; i2 < subAuthCount; i2++) {
+      this._sock.rQshift32();
+      const capabilities = this._sock.rQshiftStr(12);
+      serverSupportedTypes.push(capabilities);
+    }
+    Debug("Server Tight authentication types: " + serverSupportedTypes);
+    for (let authType in clientSupportedTypes) {
+      if (serverSupportedTypes.indexOf(authType) != -1) {
+        this._sock.sQpush32(clientSupportedTypes[authType]);
+        this._sock.flush();
+        Debug("Selected authentication type: " + authType);
+        switch (authType) {
+          case "STDVNOAUTH__":
+            this._rfbInitState = "SecurityResult";
+            return true;
+          case "STDVVNCAUTH_":
+            this._rfbAuthScheme = securityTypeVNCAuth;
+            return true;
+          case "TGHTULGNAUTH":
+            this._rfbAuthScheme = securityTypeUnixLogon;
+            return true;
+          default:
+            return this._fail("Unsupported tiny auth scheme (scheme: " + authType + ")");
+        }
+      }
+    }
+    return this._fail("No supported sub-auth types!");
+  }
+  _handleRSAAESCredentialsRequired(event) {
+    this.dispatchEvent(event);
+  }
+  _handleRSAAESServerVerification(event) {
+    this.dispatchEvent(event);
+  }
+  _negotiateRA2neAuth() {
+    if (this._rfbRSAAESAuthenticationState === null) {
+      this._rfbRSAAESAuthenticationState = new RSAAESAuthenticationState(this._sock, () => this._rfbCredentials);
+      this._rfbRSAAESAuthenticationState.addEventListener(
+        "serververification",
+        this._eventHandlers.handleRSAAESServerVerification
+      );
+      this._rfbRSAAESAuthenticationState.addEventListener(
+        "credentialsrequired",
+        this._eventHandlers.handleRSAAESCredentialsRequired
+      );
+    }
+    this._rfbRSAAESAuthenticationState.checkInternalEvents();
+    if (!this._rfbRSAAESAuthenticationState.hasStarted) {
+      this._rfbRSAAESAuthenticationState.negotiateRA2neAuthAsync().catch((e2) => {
+        if (e2.message !== "disconnect normally") {
+          this._fail(e2.message);
+        }
+      }).then(() => {
+        this._rfbInitState = "SecurityResult";
+        return true;
+      }).finally(() => {
+        this._rfbRSAAESAuthenticationState.removeEventListener(
+          "serververification",
+          this._eventHandlers.handleRSAAESServerVerification
+        );
+        this._rfbRSAAESAuthenticationState.removeEventListener(
+          "credentialsrequired",
+          this._eventHandlers.handleRSAAESCredentialsRequired
+        );
+        this._rfbRSAAESAuthenticationState = null;
+      });
+    }
+    return false;
+  }
+  _negotiateMSLogonIIAuth() {
+    if (this._sock.rQwait("mslogonii dh param", 24)) {
+      return false;
+    }
+    if (this._rfbCredentials.username === void 0 || this._rfbCredentials.password === void 0) {
+      this.dispatchEvent(new CustomEvent(
+        "credentialsrequired",
+        { detail: { types: ["username", "password"] } }
+      ));
+      return false;
+    }
+    const g = this._sock.rQshiftBytes(8);
+    const p = this._sock.rQshiftBytes(8);
+    const A = this._sock.rQshiftBytes(8);
+    const dhKey = crypto_default.generateKey({ name: "DH", g, p }, true, ["deriveBits"]);
+    const B = crypto_default.exportKey("raw", dhKey.publicKey);
+    const secret = crypto_default.deriveBits({ name: "DH", public: A }, dhKey.privateKey, 64);
+    const key = crypto_default.importKey("raw", secret, { name: "DES-CBC" }, false, ["encrypt"]);
+    const username = encodeUTF8(this._rfbCredentials.username).substring(0, 255);
+    const password = encodeUTF8(this._rfbCredentials.password).substring(0, 63);
+    let usernameBytes = new Uint8Array(256);
+    let passwordBytes = new Uint8Array(64);
+    window.crypto.getRandomValues(usernameBytes);
+    window.crypto.getRandomValues(passwordBytes);
+    for (let i2 = 0; i2 < username.length; i2++) {
+      usernameBytes[i2] = username.charCodeAt(i2);
+    }
+    usernameBytes[username.length] = 0;
+    for (let i2 = 0; i2 < password.length; i2++) {
+      passwordBytes[i2] = password.charCodeAt(i2);
+    }
+    passwordBytes[password.length] = 0;
+    usernameBytes = crypto_default.encrypt({ name: "DES-CBC", iv: secret }, key, usernameBytes);
+    passwordBytes = crypto_default.encrypt({ name: "DES-CBC", iv: secret }, key, passwordBytes);
+    this._sock.sQpushBytes(B);
+    this._sock.sQpushBytes(usernameBytes);
+    this._sock.sQpushBytes(passwordBytes);
+    this._sock.flush();
+    this._rfbInitState = "SecurityResult";
+    return true;
+  }
+  _negotiateAuthentication() {
+    switch (this._rfbAuthScheme) {
+      case securityTypeNone:
+        if (this._rfbVersion >= 3.8) {
+          this._rfbInitState = "SecurityResult";
+        } else {
+          this._rfbInitState = "ClientInitialisation";
+        }
+        return true;
+      case securityTypeXVP:
+        return this._negotiateXvpAuth();
+      case securityTypeARD:
+        return this._negotiateARDAuth();
+      case securityTypeVNCAuth:
+        return this._negotiateStdVNCAuth();
+      case securityTypeTight:
+        return this._negotiateTightAuth();
+      case securityTypeVeNCrypt:
+        return this._negotiateVeNCryptAuth();
+      case securityTypePlain:
+        return this._negotiatePlainAuth();
+      case securityTypeUnixLogon:
+        return this._negotiateTightUnixAuth();
+      case securityTypeRA2ne:
+        return this._negotiateRA2neAuth();
+      case securityTypeMSLogonII:
+        return this._negotiateMSLogonIIAuth();
+      default:
+        return this._fail("Unsupported auth scheme (scheme: " + this._rfbAuthScheme + ")");
+    }
+  }
+  _handleSecurityResult() {
+    if (this._sock.rQwait("VNC auth response ", 4)) {
+      return false;
+    }
+    const status = this._sock.rQshift32();
+    if (status === 0) {
+      this._rfbInitState = "ClientInitialisation";
+      Debug("Authentication OK");
+      return true;
+    } else {
+      if (this._rfbVersion >= 3.8) {
+        this._rfbInitState = "SecurityReason";
+        this._securityContext = "security result";
+        this._securityStatus = status;
+        return true;
+      } else {
+        this.dispatchEvent(new CustomEvent(
+          "securityfailure",
+          { detail: { status } }
+        ));
+        return this._fail("Security handshake failed");
+      }
+    }
+  }
+  _negotiateServerInit() {
+    if (this._sock.rQwait("server initialization", 24)) {
+      return false;
+    }
+    const width = this._sock.rQshift16();
+    const height = this._sock.rQshift16();
+    const bpp = this._sock.rQshift8();
+    const depth = this._sock.rQshift8();
+    const bigEndian = this._sock.rQshift8();
+    const trueColor = this._sock.rQshift8();
+    const redMax = this._sock.rQshift16();
+    const greenMax = this._sock.rQshift16();
+    const blueMax = this._sock.rQshift16();
+    const redShift = this._sock.rQshift8();
+    const greenShift = this._sock.rQshift8();
+    const blueShift = this._sock.rQshift8();
+    this._sock.rQskipBytes(3);
+    const nameLength = this._sock.rQshift32();
+    if (this._sock.rQwait("server init name", nameLength, 24)) {
+      return false;
+    }
+    let name = this._sock.rQshiftStr(nameLength);
+    name = decodeUTF8(name, true);
+    if (this._rfbTightVNC) {
+      if (this._sock.rQwait("TightVNC extended server init header", 8, 24 + nameLength)) {
+        return false;
+      }
+      const numServerMessages = this._sock.rQshift16();
+      const numClientMessages = this._sock.rQshift16();
+      const numEncodings = this._sock.rQshift16();
+      this._sock.rQskipBytes(2);
+      const totalMessagesLength = (numServerMessages + numClientMessages + numEncodings) * 16;
+      if (this._sock.rQwait("TightVNC extended server init header", totalMessagesLength, 32 + nameLength)) {
+        return false;
+      }
+      this._sock.rQskipBytes(16 * numServerMessages);
+      this._sock.rQskipBytes(16 * numClientMessages);
+      this._sock.rQskipBytes(16 * numEncodings);
+    }
+    Info("Screen: " + width + "x" + height + ", bpp: " + bpp + ", depth: " + depth + ", bigEndian: " + bigEndian + ", trueColor: " + trueColor + ", redMax: " + redMax + ", greenMax: " + greenMax + ", blueMax: " + blueMax + ", redShift: " + redShift + ", greenShift: " + greenShift + ", blueShift: " + blueShift);
+    this._setDesktopName(name);
+    this._resize(width, height);
+    if (!this._viewOnly) {
+      this._keyboard.grab();
+    }
+    this._fbDepth = 24;
+    if (this._fbName === "Intel(r) AMT KVM") {
+      Warn("Intel AMT KVM only supports 8/16 bit depths. Using low color mode.");
+      this._fbDepth = 8;
+    }
+    _RFB.messages.pixelFormat(this._sock, this._fbDepth, true);
+    this._sendEncodings();
+    _RFB.messages.fbUpdateRequest(this._sock, false, 0, 0, this._fbWidth, this._fbHeight);
+    this._updateConnectionState("connected");
+    return true;
+  }
+  _sendEncodings() {
+    const encs = [];
+    encs.push(encodings.encodingCopyRect);
+    if (this._fbDepth == 24) {
+      if (supportsWebCodecsH264Decode) {
+        encs.push(encodings.encodingH264);
+      }
+      encs.push(encodings.encodingTight);
+      encs.push(encodings.encodingTightPNG);
+      encs.push(encodings.encodingZRLE);
+      encs.push(encodings.encodingJPEG);
+      encs.push(encodings.encodingHextile);
+      encs.push(encodings.encodingRRE);
+      encs.push(encodings.encodingZlib);
+    }
+    encs.push(encodings.encodingRaw);
+    encs.push(encodings.pseudoEncodingQualityLevel0 + this._qualityLevel);
+    encs.push(encodings.pseudoEncodingCompressLevel0 + this._compressionLevel);
+    encs.push(encodings.pseudoEncodingDesktopSize);
+    encs.push(encodings.pseudoEncodingLastRect);
+    encs.push(encodings.pseudoEncodingQEMUExtendedKeyEvent);
+    encs.push(encodings.pseudoEncodingQEMULedEvent);
+    encs.push(encodings.pseudoEncodingExtendedDesktopSize);
+    encs.push(encodings.pseudoEncodingXvp);
+    encs.push(encodings.pseudoEncodingFence);
+    encs.push(encodings.pseudoEncodingContinuousUpdates);
+    encs.push(encodings.pseudoEncodingDesktopName);
+    encs.push(encodings.pseudoEncodingExtendedClipboard);
+    encs.push(encodings.pseudoEncodingExtendedMouseButtons);
+    if (this._fbDepth == 24) {
+      encs.push(encodings.pseudoEncodingVMwareCursor);
+      encs.push(encodings.pseudoEncodingCursor);
+    }
+    _RFB.messages.clientEncodings(this._sock, encs);
+  }
+  /* RFB protocol initialization states:
+   *   ProtocolVersion
+   *   Security
+   *   Authentication
+   *   SecurityResult
+   *   ClientInitialization - not triggered by server message
+   *   ServerInitialization
+   */
+  _initMsg() {
+    switch (this._rfbInitState) {
+      case "ProtocolVersion":
+        return this._negotiateProtocolVersion();
+      case "Security":
+        return this._negotiateSecurity();
+      case "Authentication":
+        return this._negotiateAuthentication();
+      case "SecurityResult":
+        return this._handleSecurityResult();
+      case "SecurityReason":
+        return this._handleSecurityReason();
+      case "ClientInitialisation":
+        this._sock.sQpush8(this._shared ? 1 : 0);
+        this._sock.flush();
+        this._rfbInitState = "ServerInitialisation";
+        return true;
+      case "ServerInitialisation":
+        return this._negotiateServerInit();
+      default:
+        return this._fail("Unknown init state (state: " + this._rfbInitState + ")");
+    }
+  }
+  // Resume authentication handshake after it was paused for some
+  // reason, e.g. waiting for a password from the user
+  _resumeAuthentication() {
+    setTimeout(this._initMsg.bind(this), 0);
+  }
+  _handleSetColourMapMsg() {
+    Debug("SetColorMapEntries");
+    return this._fail("Unexpected SetColorMapEntries message");
+  }
+  _handleServerCutText() {
+    Debug("ServerCutText");
+    if (this._sock.rQwait("ServerCutText header", 7, 1)) {
+      return false;
+    }
+    this._sock.rQskipBytes(3);
+    let length = this._sock.rQshift32();
+    length = toSigned32bit(length);
+    if (this._sock.rQwait("ServerCutText content", Math.abs(length), 8)) {
+      return false;
+    }
+    if (length >= 0) {
+      const text2 = this._sock.rQshiftStr(length);
+      if (this._viewOnly) {
+        return true;
+      }
+      this.dispatchEvent(new CustomEvent(
+        "clipboard",
+        { detail: { text: text2 } }
+      ));
+    } else {
+      length = Math.abs(length);
+      const flags = this._sock.rQshift32();
+      let formats = flags & 65535;
+      let actions = flags & 4278190080;
+      let isCaps = !!(actions & extendedClipboardActionCaps);
+      if (isCaps) {
+        this._clipboardServerCapabilitiesFormats = {};
+        this._clipboardServerCapabilitiesActions = {};
+        for (let i2 = 0; i2 <= 15; i2++) {
+          let index = 1 << i2;
+          if (formats & index) {
+            this._clipboardServerCapabilitiesFormats[index] = true;
+            this._sock.rQshift32();
+          }
+        }
+        for (let i2 = 24; i2 <= 31; i2++) {
+          let index = 1 << i2;
+          this._clipboardServerCapabilitiesActions[index] = !!(actions & index);
+        }
+        let clientActions = [
+          extendedClipboardActionCaps,
+          extendedClipboardActionRequest,
+          extendedClipboardActionPeek,
+          extendedClipboardActionNotify,
+          extendedClipboardActionProvide
+        ];
+        _RFB.messages.extendedClipboardCaps(this._sock, clientActions, { extendedClipboardFormatText: 0 });
+      } else if (actions === extendedClipboardActionRequest) {
+        if (this._viewOnly) {
+          return true;
+        }
+        if (this._clipboardText != null && this._clipboardServerCapabilitiesActions[extendedClipboardActionProvide]) {
+          if (formats & extendedClipboardFormatText) {
+            _RFB.messages.extendedClipboardProvide(this._sock, [extendedClipboardFormatText], [this._clipboardText]);
+          }
+        }
+      } else if (actions === extendedClipboardActionPeek) {
+        if (this._viewOnly) {
+          return true;
+        }
+        if (this._clipboardServerCapabilitiesActions[extendedClipboardActionNotify]) {
+          if (this._clipboardText != null) {
+            _RFB.messages.extendedClipboardNotify(this._sock, [extendedClipboardFormatText]);
+          } else {
+            _RFB.messages.extendedClipboardNotify(this._sock, []);
+          }
+        }
+      } else if (actions === extendedClipboardActionNotify) {
+        if (this._viewOnly) {
+          return true;
+        }
+        if (this._clipboardServerCapabilitiesActions[extendedClipboardActionRequest]) {
+          if (formats & extendedClipboardFormatText) {
+            _RFB.messages.extendedClipboardRequest(this._sock, [extendedClipboardFormatText]);
+          }
+        }
+      } else if (actions === extendedClipboardActionProvide) {
+        if (this._viewOnly) {
+          return true;
+        }
+        if (!(formats & extendedClipboardFormatText)) {
+          return true;
+        }
+        this._clipboardText = null;
+        let zlibStream = this._sock.rQshiftBytes(length - 4);
+        let streamInflator = new Inflate();
+        let textData = null;
+        streamInflator.setInput(zlibStream);
+        for (let i2 = 0; i2 <= 15; i2++) {
+          let format = 1 << i2;
+          if (formats & format) {
+            let size = 0;
+            let sizeArray = streamInflator.inflate(4);
+            size |= sizeArray[0] << 24;
+            size |= sizeArray[1] << 16;
+            size |= sizeArray[2] << 8;
+            size |= sizeArray[3];
+            let chunk = streamInflator.inflate(size);
+            if (format === extendedClipboardFormatText) {
+              textData = chunk;
+            }
+          }
+        }
+        streamInflator.setInput(null);
+        if (textData !== null) {
+          let tmpText = "";
+          for (let i2 = 0; i2 < textData.length; i2++) {
+            tmpText += String.fromCharCode(textData[i2]);
+          }
+          textData = tmpText;
+          textData = decodeUTF8(textData);
+          if (textData.length > 0 && "\0" === textData.charAt(textData.length - 1)) {
+            textData = textData.slice(0, -1);
+          }
+          textData = textData.replaceAll("\r\n", "\n");
+          this.dispatchEvent(new CustomEvent(
+            "clipboard",
+            { detail: { text: textData } }
+          ));
+        }
+      } else {
+        return this._fail("Unexpected action in extended clipboard message: " + actions);
+      }
+    }
+    return true;
+  }
+  _handleServerFenceMsg() {
+    if (this._sock.rQwait("ServerFence header", 8, 1)) {
+      return false;
+    }
+    this._sock.rQskipBytes(3);
+    let flags = this._sock.rQshift32();
+    let length = this._sock.rQshift8();
+    if (this._sock.rQwait("ServerFence payload", length, 9)) {
+      return false;
+    }
+    if (length > 64) {
+      Warn("Bad payload length (" + length + ") in fence response");
+      length = 64;
+    }
+    const payload = this._sock.rQshiftStr(length);
+    this._supportsFence = true;
+    if (!(flags & 1 << 31)) {
+      return this._fail("Unexpected fence response");
+    }
+    flags &= 1 << 0 | 1 << 1;
+    _RFB.messages.clientFence(this._sock, flags, payload);
+    return true;
+  }
+  _handleXvpMsg() {
+    if (this._sock.rQwait("XVP version and message", 3, 1)) {
+      return false;
+    }
+    this._sock.rQskipBytes(1);
+    const xvpVer = this._sock.rQshift8();
+    const xvpMsg = this._sock.rQshift8();
+    switch (xvpMsg) {
+      case 0:
+        Error2("XVP operation failed");
+        break;
+      case 1:
+        this._rfbXvpVer = xvpVer;
+        Info("XVP extensions enabled (version " + this._rfbXvpVer + ")");
+        this._setCapability("power", true);
+        break;
+      default:
+        this._fail("Illegal server XVP message (msg: " + xvpMsg + ")");
+        break;
+    }
+    return true;
+  }
+  _normalMsg() {
+    let msgType;
+    if (this._FBU.rects > 0) {
+      msgType = 0;
+    } else {
+      msgType = this._sock.rQshift8();
+    }
+    let first, ret;
+    switch (msgType) {
+      case 0:
+        ret = this._framebufferUpdate();
+        if (ret && !this._enabledContinuousUpdates) {
+          _RFB.messages.fbUpdateRequest(
+            this._sock,
+            true,
+            0,
+            0,
+            this._fbWidth,
+            this._fbHeight
+          );
+        }
+        return ret;
+      case 1:
+        return this._handleSetColourMapMsg();
+      case 2:
+        Debug("Bell");
+        this.dispatchEvent(new CustomEvent(
+          "bell",
+          { detail: {} }
+        ));
+        return true;
+      case 3:
+        return this._handleServerCutText();
+      case 150:
+        first = !this._supportsContinuousUpdates;
+        this._supportsContinuousUpdates = true;
+        this._enabledContinuousUpdates = false;
+        if (first) {
+          this._enabledContinuousUpdates = true;
+          this._updateContinuousUpdates();
+          Info("Enabling continuous updates.");
+        } else {
+        }
+        return true;
+      case 248:
+        return this._handleServerFenceMsg();
+      case 250:
+        return this._handleXvpMsg();
+      default:
+        this._fail("Unexpected server message (type " + msgType + ")");
+        Debug("sock.rQpeekBytes(30): " + this._sock.rQpeekBytes(30));
+        return true;
+    }
+  }
+  _framebufferUpdate() {
+    if (this._FBU.rects === 0) {
+      if (this._sock.rQwait("FBU header", 3, 1)) {
+        return false;
+      }
+      this._sock.rQskipBytes(1);
+      this._FBU.rects = this._sock.rQshift16();
+      if (this._display.pending()) {
+        this._flushing = true;
+        this._display.flush().then(() => {
+          this._flushing = false;
+          if (!this._sock.rQwait("message", 1)) {
+            this._handleMessage();
+          }
+        });
+        return false;
+      }
+    }
+    while (this._FBU.rects > 0) {
+      if (this._FBU.encoding === null) {
+        if (this._sock.rQwait("rect header", 12)) {
+          return false;
+        }
+        this._FBU.x = this._sock.rQshift16();
+        this._FBU.y = this._sock.rQshift16();
+        this._FBU.width = this._sock.rQshift16();
+        this._FBU.height = this._sock.rQshift16();
+        this._FBU.encoding = this._sock.rQshift32();
+        this._FBU.encoding >>= 0;
+      }
+      if (!this._handleRect()) {
+        return false;
+      }
+      this._FBU.rects--;
+      this._FBU.encoding = null;
+    }
+    this._display.flip();
+    return true;
+  }
+  _handleRect() {
+    switch (this._FBU.encoding) {
+      case encodings.pseudoEncodingLastRect:
+        this._FBU.rects = 1;
+        return true;
+      case encodings.pseudoEncodingVMwareCursor:
+        return this._handleVMwareCursor();
+      case encodings.pseudoEncodingCursor:
+        return this._handleCursor();
+      case encodings.pseudoEncodingQEMUExtendedKeyEvent:
+        this._qemuExtKeyEventSupported = true;
+        return true;
+      case encodings.pseudoEncodingDesktopName:
+        return this._handleDesktopName();
+      case encodings.pseudoEncodingDesktopSize:
+        this._resize(this._FBU.width, this._FBU.height);
+        return true;
+      case encodings.pseudoEncodingExtendedDesktopSize:
+        return this._handleExtendedDesktopSize();
+      case encodings.pseudoEncodingExtendedMouseButtons:
+        this._extendedPointerEventSupported = true;
+        return true;
+      case encodings.pseudoEncodingQEMULedEvent:
+        return this._handleLedEvent();
+      default:
+        return this._handleDataRect();
+    }
+  }
+  _handleVMwareCursor() {
+    const hotx = this._FBU.x;
+    const hoty = this._FBU.y;
+    const w = this._FBU.width;
+    const h = this._FBU.height;
+    if (this._sock.rQwait("VMware cursor encoding", 1)) {
+      return false;
+    }
+    const cursorType = this._sock.rQshift8();
+    this._sock.rQshift8();
+    let rgba;
+    const bytesPerPixel = 4;
+    if (cursorType == 0) {
+      const PIXEL_MASK = 4294967040 | 0;
+      rgba = new Array(w * h * bytesPerPixel);
+      if (this._sock.rQwait(
+        "VMware cursor classic encoding",
+        w * h * bytesPerPixel * 2,
+        2
+      )) {
+        return false;
+      }
+      let andMask = new Array(w * h);
+      for (let pixel = 0; pixel < w * h; pixel++) {
+        andMask[pixel] = this._sock.rQshift32();
+      }
+      let xorMask = new Array(w * h);
+      for (let pixel = 0; pixel < w * h; pixel++) {
+        xorMask[pixel] = this._sock.rQshift32();
+      }
+      for (let pixel = 0; pixel < w * h; pixel++) {
+        if (andMask[pixel] == 0) {
+          let bgr = xorMask[pixel];
+          let r2 = bgr >> 8 & 255;
+          let g = bgr >> 16 & 255;
+          let b2 = bgr >> 24 & 255;
+          rgba[pixel * bytesPerPixel] = r2;
+          rgba[pixel * bytesPerPixel + 1] = g;
+          rgba[pixel * bytesPerPixel + 2] = b2;
+          rgba[pixel * bytesPerPixel + 3] = 255;
+        } else if ((andMask[pixel] & PIXEL_MASK) == PIXEL_MASK) {
+          if (xorMask[pixel] == 0) {
+            rgba[pixel * bytesPerPixel] = 0;
+            rgba[pixel * bytesPerPixel + 1] = 0;
+            rgba[pixel * bytesPerPixel + 2] = 0;
+            rgba[pixel * bytesPerPixel + 3] = 0;
+          } else if ((xorMask[pixel] & PIXEL_MASK) == PIXEL_MASK) {
+            rgba[pixel * bytesPerPixel] = 0;
+            rgba[pixel * bytesPerPixel + 1] = 0;
+            rgba[pixel * bytesPerPixel + 2] = 0;
+            rgba[pixel * bytesPerPixel + 3] = 255;
+          } else {
+            rgba[pixel * bytesPerPixel] = 0;
+            rgba[pixel * bytesPerPixel + 1] = 0;
+            rgba[pixel * bytesPerPixel + 2] = 0;
+            rgba[pixel * bytesPerPixel + 3] = 255;
+          }
+        } else {
+          rgba[pixel * bytesPerPixel] = 0;
+          rgba[pixel * bytesPerPixel + 1] = 0;
+          rgba[pixel * bytesPerPixel + 2] = 0;
+          rgba[pixel * bytesPerPixel + 3] = 255;
+        }
+      }
+    } else if (cursorType == 1) {
+      if (this._sock.rQwait(
+        "VMware cursor alpha encoding",
+        w * h * 4,
+        2
+      )) {
+        return false;
+      }
+      rgba = new Array(w * h * bytesPerPixel);
+      for (let pixel = 0; pixel < w * h; pixel++) {
+        let data = this._sock.rQshift32();
+        rgba[pixel * 4] = data >> 24 & 255;
+        rgba[pixel * 4 + 1] = data >> 16 & 255;
+        rgba[pixel * 4 + 2] = data >> 8 & 255;
+        rgba[pixel * 4 + 3] = data & 255;
+      }
+    } else {
+      Warn("The given cursor type is not supported: " + cursorType + " given.");
+      return false;
+    }
+    this._updateCursor(rgba, hotx, hoty, w, h);
+    return true;
+  }
+  _handleCursor() {
+    const hotx = this._FBU.x;
+    const hoty = this._FBU.y;
+    const w = this._FBU.width;
+    const h = this._FBU.height;
+    const pixelslength = w * h * 4;
+    const masklength = Math.ceil(w / 8) * h;
+    let bytes = pixelslength + masklength;
+    if (this._sock.rQwait("cursor encoding", bytes)) {
+      return false;
+    }
+    const pixels = this._sock.rQshiftBytes(pixelslength);
+    const mask = this._sock.rQshiftBytes(masklength);
+    let rgba = new Uint8Array(w * h * 4);
+    let pixIdx = 0;
+    for (let y = 0; y < h; y++) {
+      for (let x = 0; x < w; x++) {
+        let maskIdx = y * Math.ceil(w / 8) + Math.floor(x / 8);
+        let alpha = mask[maskIdx] << x % 8 & 128 ? 255 : 0;
+        rgba[pixIdx] = pixels[pixIdx + 2];
+        rgba[pixIdx + 1] = pixels[pixIdx + 1];
+        rgba[pixIdx + 2] = pixels[pixIdx];
+        rgba[pixIdx + 3] = alpha;
+        pixIdx += 4;
+      }
+    }
+    this._updateCursor(rgba, hotx, hoty, w, h);
+    return true;
+  }
+  _handleDesktopName() {
+    if (this._sock.rQwait("DesktopName", 4)) {
+      return false;
+    }
+    let length = this._sock.rQshift32();
+    if (this._sock.rQwait("DesktopName", length, 4)) {
+      return false;
+    }
+    let name = this._sock.rQshiftStr(length);
+    name = decodeUTF8(name, true);
+    this._setDesktopName(name);
+    return true;
+  }
+  _handleLedEvent() {
+    if (this._sock.rQwait("LED status", 1)) {
+      return false;
+    }
+    let data = this._sock.rQshift8();
+    let numLock = data & 2 ? true : false;
+    let capsLock = data & 4 ? true : false;
+    this._remoteCapsLock = capsLock;
+    this._remoteNumLock = numLock;
+    return true;
+  }
+  _handleExtendedDesktopSize() {
+    if (this._sock.rQwait("ExtendedDesktopSize", 4)) {
+      return false;
+    }
+    const numberOfScreens = this._sock.rQpeek8();
+    let bytes = 4 + numberOfScreens * 16;
+    if (this._sock.rQwait("ExtendedDesktopSize", bytes)) {
+      return false;
+    }
+    const firstUpdate = !this._supportsSetDesktopSize;
+    this._supportsSetDesktopSize = true;
+    this._sock.rQskipBytes(1);
+    this._sock.rQskipBytes(3);
+    for (let i2 = 0; i2 < numberOfScreens; i2 += 1) {
+      if (i2 === 0) {
+        this._screenID = this._sock.rQshift32();
+        this._sock.rQskipBytes(2);
+        this._sock.rQskipBytes(2);
+        this._sock.rQskipBytes(2);
+        this._sock.rQskipBytes(2);
+        this._screenFlags = this._sock.rQshift32();
+      } else {
+        this._sock.rQskipBytes(16);
+      }
+    }
+    if (this._FBU.x === 1) {
+      this._pendingRemoteResize = false;
+    }
+    if (this._FBU.x === 1 && this._FBU.y !== 0) {
+      let msg = "";
+      switch (this._FBU.y) {
+        case 1:
+          msg = "Resize is administratively prohibited";
+          break;
+        case 2:
+          msg = "Out of resources";
+          break;
+        case 3:
+          msg = "Invalid screen layout";
+          break;
+        default:
+          msg = "Unknown reason";
+          break;
+      }
+      Warn("Server did not accept the resize request: " + msg);
+    } else {
+      this._resize(this._FBU.width, this._FBU.height);
+    }
+    if (firstUpdate) {
+      this._requestRemoteResize();
+    }
+    if (this._FBU.x === 1 && this._FBU.y === 0) {
+      this._requestRemoteResize();
+    }
+    return true;
+  }
+  _handleDataRect() {
+    let decoder = this._decoders[this._FBU.encoding];
+    if (!decoder) {
+      this._fail("Unsupported encoding (encoding: " + this._FBU.encoding + ")");
+      return false;
+    }
+    try {
+      return decoder.decodeRect(
+        this._FBU.x,
+        this._FBU.y,
+        this._FBU.width,
+        this._FBU.height,
+        this._sock,
+        this._display,
+        this._fbDepth
+      );
+    } catch (err2) {
+      this._fail("Error decoding rect: " + err2);
+      return false;
+    }
+  }
+  _updateContinuousUpdates() {
+    if (!this._enabledContinuousUpdates) {
+      return;
+    }
+    _RFB.messages.enableContinuousUpdates(
+      this._sock,
+      true,
+      0,
+      0,
+      this._fbWidth,
+      this._fbHeight
+    );
+  }
+  // Handle resize-messages from the server
+  _resize(width, height) {
+    this._fbWidth = width;
+    this._fbHeight = height;
+    this._display.resize(this._fbWidth, this._fbHeight);
+    this._updateClip();
+    this._updateScale();
+    this._updateContinuousUpdates();
+    this._saveExpectedClientSize();
+  }
+  _xvpOp(ver, op2) {
+    if (this._rfbXvpVer < ver) {
+      return;
+    }
+    Info("Sending XVP operation " + op2 + " (version " + ver + ")");
+    _RFB.messages.xvpOp(this._sock, ver, op2);
+  }
+  _updateCursor(rgba, hotx, hoty, w, h) {
+    this._cursorImage = {
+      rgbaPixels: rgba,
+      hotx,
+      hoty,
+      w,
+      h
+    };
+    this._refreshCursor();
+  }
+  _shouldShowDotCursor() {
+    if (!this._showDotCursor) {
+      return false;
+    }
+    for (let i2 = 3; i2 < this._cursorImage.rgbaPixels.length; i2 += 4) {
+      if (this._cursorImage.rgbaPixels[i2]) {
+        return false;
+      }
+    }
+    return true;
+  }
+  _refreshCursor() {
+    if (this._rfbConnectionState !== "connecting" && this._rfbConnectionState !== "connected") {
+      return;
+    }
+    const image = this._shouldShowDotCursor() ? _RFB.cursors.dot : this._cursorImage;
+    this._cursor.change(
+      image.rgbaPixels,
+      image.hotx,
+      image.hoty,
+      image.w,
+      image.h
+    );
+  }
+  static genDES(password, challenge) {
+    const passwordChars = password.split("").map((c3) => c3.charCodeAt(0));
+    const key = crypto_default.importKey(
+      "raw",
+      passwordChars,
+      { name: "DES-ECB" },
+      false,
+      ["encrypt"]
+    );
+    return crypto_default.encrypt({ name: "DES-ECB" }, key, challenge);
+  }
+};
+RFB.messages = {
+  keyEvent(sock, keysym, down) {
+    sock.sQpush8(4);
+    sock.sQpush8(down);
+    sock.sQpush16(0);
+    sock.sQpush32(keysym);
+    sock.flush();
+  },
+  QEMUExtendedKeyEvent(sock, keysym, down, keycode) {
+    function getRFBkeycode(xtScanCode) {
+      const upperByte = keycode >> 8;
+      const lowerByte = keycode & 255;
+      if (upperByte === 224 && lowerByte < 127) {
+        return lowerByte | 128;
+      }
+      return xtScanCode;
+    }
+    sock.sQpush8(255);
+    sock.sQpush8(0);
+    sock.sQpush16(down);
+    sock.sQpush32(keysym);
+    const RFBkeycode = getRFBkeycode(keycode);
+    sock.sQpush32(RFBkeycode);
+    sock.flush();
+  },
+  pointerEvent(sock, x, y, mask) {
+    sock.sQpush8(5);
+    mask = mask & 127;
+    sock.sQpush8(mask);
+    sock.sQpush16(x);
+    sock.sQpush16(y);
+    sock.flush();
+  },
+  extendedPointerEvent(sock, x, y, mask) {
+    sock.sQpush8(5);
+    let higherBits = mask >> 7 & 255;
+    if (higherBits & 252) {
+      throw new Error("Invalid mouse button mask: " + mask);
+    }
+    let lowerBits = mask & 127;
+    lowerBits |= 128;
+    sock.sQpush8(lowerBits);
+    sock.sQpush16(x);
+    sock.sQpush16(y);
+    sock.sQpush8(higherBits);
+    sock.flush();
+  },
+  // Used to build Notify and Request data.
+  _buildExtendedClipboardFlags(actions, formats) {
+    let data = new Uint8Array(4);
+    let formatFlag = 0;
+    let actionFlag = 0;
+    for (let i2 = 0; i2 < actions.length; i2++) {
+      actionFlag |= actions[i2];
+    }
+    for (let i2 = 0; i2 < formats.length; i2++) {
+      formatFlag |= formats[i2];
+    }
+    data[0] = actionFlag >> 24;
+    data[1] = 0;
+    data[2] = 0;
+    data[3] = formatFlag;
+    return data;
+  },
+  extendedClipboardProvide(sock, formats, inData) {
+    let deflator = new Deflator();
+    let dataToDeflate = [];
+    for (let i2 = 0; i2 < formats.length; i2++) {
+      if (formats[i2] != extendedClipboardFormatText) {
+        throw new Error("Unsupported extended clipboard format for Provide message.");
+      }
+      inData[i2] = inData[i2].replace(/\r\n|\r|\n/gm, "\r\n");
+      let text2 = encodeUTF8(inData[i2] + "\0");
+      dataToDeflate.push(
+        text2.length >> 24 & 255,
+        text2.length >> 16 & 255,
+        text2.length >> 8 & 255,
+        text2.length & 255
+      );
+      for (let j = 0; j < text2.length; j++) {
+        dataToDeflate.push(text2.charCodeAt(j));
+      }
+    }
+    let deflatedData = deflator.deflate(new Uint8Array(dataToDeflate));
+    let data = new Uint8Array(4 + deflatedData.length);
+    data.set(RFB.messages._buildExtendedClipboardFlags(
+      [extendedClipboardActionProvide],
+      formats
+    ));
+    data.set(deflatedData, 4);
+    RFB.messages.clientCutText(sock, data, true);
+  },
+  extendedClipboardNotify(sock, formats) {
+    let flags = RFB.messages._buildExtendedClipboardFlags(
+      [extendedClipboardActionNotify],
+      formats
+    );
+    RFB.messages.clientCutText(sock, flags, true);
+  },
+  extendedClipboardRequest(sock, formats) {
+    let flags = RFB.messages._buildExtendedClipboardFlags(
+      [extendedClipboardActionRequest],
+      formats
+    );
+    RFB.messages.clientCutText(sock, flags, true);
+  },
+  extendedClipboardCaps(sock, actions, formats) {
+    let formatKeys = Object.keys(formats);
+    let data = new Uint8Array(4 + 4 * formatKeys.length);
+    formatKeys.map((x) => parseInt(x));
+    formatKeys.sort((a2, b2) => a2 - b2);
+    data.set(RFB.messages._buildExtendedClipboardFlags(actions, []));
+    let loopOffset = 4;
+    for (let i2 = 0; i2 < formatKeys.length; i2++) {
+      data[loopOffset] = formats[formatKeys[i2]] >> 24;
+      data[loopOffset + 1] = formats[formatKeys[i2]] >> 16;
+      data[loopOffset + 2] = formats[formatKeys[i2]] >> 8;
+      data[loopOffset + 3] = formats[formatKeys[i2]] >> 0;
+      loopOffset += 4;
+      data[3] |= 1 << formatKeys[i2];
+    }
+    RFB.messages.clientCutText(sock, data, true);
+  },
+  clientCutText(sock, data, extended = false) {
+    sock.sQpush8(6);
+    sock.sQpush8(0);
+    sock.sQpush8(0);
+    sock.sQpush8(0);
+    let length;
+    if (extended) {
+      length = toUnsigned32bit(-data.length);
+    } else {
+      length = data.length;
+    }
+    sock.sQpush32(length);
+    sock.sQpushBytes(data);
+    sock.flush();
+  },
+  setDesktopSize(sock, width, height, id, flags) {
+    sock.sQpush8(251);
+    sock.sQpush8(0);
+    sock.sQpush16(width);
+    sock.sQpush16(height);
+    sock.sQpush8(1);
+    sock.sQpush8(0);
+    sock.sQpush32(id);
+    sock.sQpush16(0);
+    sock.sQpush16(0);
+    sock.sQpush16(width);
+    sock.sQpush16(height);
+    sock.sQpush32(flags);
+    sock.flush();
+  },
+  clientFence(sock, flags, payload) {
+    sock.sQpush8(248);
+    sock.sQpush8(0);
+    sock.sQpush8(0);
+    sock.sQpush8(0);
+    sock.sQpush32(flags);
+    sock.sQpush8(payload.length);
+    sock.sQpushString(payload);
+    sock.flush();
+  },
+  enableContinuousUpdates(sock, enable, x, y, width, height) {
+    sock.sQpush8(150);
+    sock.sQpush8(enable);
+    sock.sQpush16(x);
+    sock.sQpush16(y);
+    sock.sQpush16(width);
+    sock.sQpush16(height);
+    sock.flush();
+  },
+  pixelFormat(sock, depth, trueColor) {
+    let bpp;
+    if (depth > 16) {
+      bpp = 32;
+    } else if (depth > 8) {
+      bpp = 16;
+    } else {
+      bpp = 8;
+    }
+    const bits = Math.floor(depth / 3);
+    sock.sQpush8(0);
+    sock.sQpush8(0);
+    sock.sQpush8(0);
+    sock.sQpush8(0);
+    sock.sQpush8(bpp);
+    sock.sQpush8(depth);
+    sock.sQpush8(0);
+    sock.sQpush8(trueColor ? 1 : 0);
+    sock.sQpush16((1 << bits) - 1);
+    sock.sQpush16((1 << bits) - 1);
+    sock.sQpush16((1 << bits) - 1);
+    sock.sQpush8(bits * 0);
+    sock.sQpush8(bits * 1);
+    sock.sQpush8(bits * 2);
+    sock.sQpush8(0);
+    sock.sQpush8(0);
+    sock.sQpush8(0);
+    sock.flush();
+  },
+  clientEncodings(sock, encodings2) {
+    sock.sQpush8(2);
+    sock.sQpush8(0);
+    sock.sQpush16(encodings2.length);
+    for (let i2 = 0; i2 < encodings2.length; i2++) {
+      sock.sQpush32(encodings2[i2]);
+    }
+    sock.flush();
+  },
+  fbUpdateRequest(sock, incremental, x, y, w, h) {
+    if (typeof x === "undefined") {
+      x = 0;
+    }
+    if (typeof y === "undefined") {
+      y = 0;
+    }
+    sock.sQpush8(3);
+    sock.sQpush8(incremental ? 1 : 0);
+    sock.sQpush16(x);
+    sock.sQpush16(y);
+    sock.sQpush16(w);
+    sock.sQpush16(h);
+    sock.flush();
+  },
+  xvpOp(sock, ver, op2) {
+    sock.sQpush8(250);
+    sock.sQpush8(0);
+    sock.sQpush8(ver);
+    sock.sQpush8(op2);
+    sock.flush();
+  }
+};
+RFB.cursors = {
+  none: {
+    rgbaPixels: new Uint8Array(),
+    w: 0,
+    h: 0,
+    hotx: 0,
+    hoty: 0
+  },
+  dot: {
+    /* eslint-disable indent */
+    rgbaPixels: new Uint8Array([
+      255,
+      255,
+      255,
+      255,
+      0,
+      0,
+      0,
+      255,
+      255,
+      255,
+      255,
+      255,
+      0,
+      0,
+      0,
+      255,
+      0,
+      0,
+      0,
+      0,
+      0,
+      0,
+      0,
+      255,
+      255,
+      255,
+      255,
+      255,
+      0,
+      0,
+      0,
+      255,
+      255,
+      255,
+      255,
+      255
+    ]),
+    /* eslint-enable indent */
+    w: 3,
+    h: 3,
+    hotx: 1,
+    hoty: 1
+  }
+};
+
+// src/hermes-workspace/screens.js
+var MIN_SCREEN_SIZE = Object.freeze({ width: 320, height: 240 });
+var connections = /* @__PURE__ */ new Map();
+function normalizeScreen(raw) {
+  return {
+    ...raw,
+    screen_key: String(raw.screen_key || ""),
+    title: String(raw.title || "Screen"),
+    x: Number(raw.x) || 0,
+    y: Number(raw.y) || 0,
+    width: Math.max(MIN_SCREEN_SIZE.width, Number(raw.width) || 960),
+    height: Math.max(MIN_SCREEN_SIZE.height, Number(raw.height) || 620)
+  };
+}
+function createScreenCard(screen) {
+  const card = document.createElement("article");
+  card.className = "workspace-node screen-window";
+  card.dataset.screenId = screen.id;
+  card.setAttribute("role", "option");
+  card.innerHTML = `
+    <header class="workspace-node-head screen-window-head">
+      <span class="node-kind">Screen</span>
+      <strong class="workspace-node-title"></strong>
+      <span class="screen-state" data-screen-state="connecting">Connecting\u2026</span>
+      <button class="node-delete" data-action="close-screen" aria-label="Close screen">\u2715</button>
+    </header>
+    <div class="workspace-node-body screen-window-body">
+      <div class="screen-canvas" data-screen-canvas></div>
+      <p class="screen-message" data-screen-message hidden></p>
+    </div>
+    <span class="workspace-node-resize" aria-hidden="true"></span>`;
+  card.querySelector(".workspace-node-title").textContent = screen.title;
+  applyScreenGeometry(card, screen);
+  return card;
 }
-function streamBranch(nodeId, input, onEvent, options2 = {}) {
-  return streamEvents(`/api/nodes/${encodeURIComponent(nodeId)}/branch/stream`, {
-    method: "POST",
-    headers: JSON_HEADERS,
-    body: JSON.stringify(input),
-    signal: options2.signal
-  }, onEvent);
+function applyScreenGeometry(card, screen) {
+  card.style.left = `${screen.x}px`;
+  card.style.top = `${screen.y}px`;
+  card.style.width = `${screen.width}px`;
+  card.style.height = `${screen.height}px`;
 }
-async function getHealth() {
-  return requestJson("/api/health", { cache: "no-store" });
+function setStatus(card, status, message) {
+  const badge = card.querySelector("[data-screen-state]");
+  const note = card.querySelector("[data-screen-message]");
+  if (badge) {
+    badge.dataset.screenState = status;
+    badge.textContent = {
+      connecting: "Connecting\u2026",
+      connected: "Live",
+      error: "Disconnected"
+    }[status] || status;
+  }
+  if (note) {
+    note.textContent = message || "";
+    note.hidden = !message;
+  }
 }
-async function requestJson(path2, options2 = {}) {
-  const response = await fetch(path2, {
-    credentials: "same-origin",
-    cache: "no-store",
-    ...options2
+function connectScreen(screen, card, { onError } = {}) {
+  disconnectScreen(screen.id);
+  const target = card.querySelector("[data-screen-canvas]");
+  if (!target) return;
+  setStatus(card, "connecting", "");
+  let rfb;
+  try {
+    rfb = new RFB(target, screenStreamUrl(screen.id), { shared: true });
+  } catch (error) {
+    setStatus(card, "error", error?.message || "Could not start the viewer");
+    onError?.(error);
+    return;
+  }
+  rfb.scaleViewport = true;
+  rfb.resizeSession = false;
+  rfb.background = "#0b0b10";
+  rfb.addEventListener("connect", () => setStatus(card, "connected", ""));
+  rfb.addEventListener("disconnect", (event) => {
+    const clean = event?.detail?.clean;
+    setStatus(
+      card,
+      "error",
+      clean ? "The screen session ended." : "Lost the connection to this screen."
+    );
   });
-  if (!response.ok) throw await responseError(response);
-  if (response.status === 204) return null;
-  const text2 = await response.text();
-  return text2 ? JSON.parse(text2) : null;
-}
-async function streamEvents(path2, options2, onEvent) {
-  const response = await fetch(path2, {
-    credentials: "same-origin",
-    cache: "no-store",
-    ...options2
+  rfb.addEventListener("securityfailure", (event) => {
+    setStatus(card, "error", event?.detail?.reason || "The screen refused the connection.");
   });
-  if (!response.ok) throw await responseError(response);
-  if (!response.body) throw new Error("The server returned an empty event stream.");
-  const reader = response.body.getReader();
-  const decoder = new TextDecoder();
-  let buffer = "";
-  while (true) {
-    const { value, done } = await reader.read();
-    buffer += decoder.decode(value || new Uint8Array(), { stream: !done });
-    buffer = buffer.replace(/\r\n/g, "\n");
-    let boundary;
-    while ((boundary = buffer.indexOf("\n\n")) !== -1) {
-      const frame = buffer.slice(0, boundary);
-      buffer = buffer.slice(boundary + 2);
-      const event = parseEventFrame(frame);
-      if (event) await onEvent(event.name, event.data);
-    }
-    if (done) break;
-  }
-  const trailing = parseEventFrame(buffer.trim());
-  if (trailing) await onEvent(trailing.name, trailing.data);
+  connections.set(screen.id, rfb);
 }
-function parseEventFrame(frame) {
-  let name = "message";
-  const data = [];
-  for (const line of String(frame || "").split("\n")) {
-    if (!line || line.startsWith(":")) continue;
-    const separator = line.indexOf(":");
-    const field = separator === -1 ? line : line.slice(0, separator);
-    let value = separator === -1 ? "" : line.slice(separator + 1);
-    if (value.startsWith(" ")) value = value.slice(1);
-    if (field === "event") name = value;
-    else if (field === "data") data.push(value);
-  }
-  if (!data.length) return null;
-  const raw = data.join("\n");
-  let parsed;
+function disconnectScreen(screenId) {
+  const rfb = connections.get(screenId);
+  if (!rfb) return;
+  connections.delete(screenId);
   try {
-    parsed = JSON.parse(raw);
+    rfb.disconnect();
   } catch {
-    parsed = { value: raw };
   }
-  return { name, data: parsed };
 }
-async function responseError(response) {
-  let message = `Request failed (${response.status})`;
-  let code = "request_failed";
-  try {
-    const payload = await response.json();
-    message = payload?.error?.message || message;
-    code = payload?.error?.code || code;
-  } catch {
+function disconnectAllScreens() {
+  for (const screenId of [...connections.keys()]) disconnectScreen(screenId);
+}
+
+// src/hermes-workspace/drawings.js
+var MIN_DRAWING_SIZE = Object.freeze({ width: 360, height: 280 });
+function normalizeDrawing(raw) {
+  return {
+    ...raw,
+    title: String(raw.title || "Drawing"),
+    preview: typeof raw.preview === "string" ? raw.preview : "",
+    x: Number(raw.x) || 0,
+    y: Number(raw.y) || 0,
+    width: Math.max(MIN_DRAWING_SIZE.width, Number(raw.width) || 900),
+    height: Math.max(MIN_DRAWING_SIZE.height, Number(raw.height) || 640)
+  };
+}
+function createDrawingCard(drawing) {
+  const card = document.createElement("article");
+  card.className = "workspace-node drawing-window";
+  card.dataset.drawingId = drawing.id;
+  card.dataset.active = "false";
+  card.setAttribute("role", "option");
+  card.innerHTML = `
+    <header class="workspace-node-head drawing-window-head">
+      <span class="node-kind">Drawing</span>
+      <strong class="workspace-node-title"></strong>
+      <span class="drawing-state" data-drawing-state="idle">Idle</span>
+      <button class="node-delete" data-action="close-drawing" aria-label="Delete drawing">\u2715</button>
+    </header>
+    <div class="workspace-node-body drawing-window-body">
+      <div class="drawing-preview" data-drawing-preview data-action="activate-drawing"
+           role="button" tabindex="0" title="Click to edit this drawing">
+        <img class="drawing-preview-image" alt="" data-drawing-preview-image hidden>
+        <p class="drawing-preview-empty" data-drawing-preview-empty>Empty drawing</p>
+        <span class="drawing-activate">Edit</span>
+      </div>
+    </div>
+    <span class="workspace-node-resize" aria-hidden="true"></span>`;
+  card.querySelector(".workspace-node-title").textContent = drawing.title;
+  applyDrawingPreview(card, drawing);
+  applyDrawingGeometry(card, drawing);
+  return card;
+}
+function applyDrawingPreview(card, drawing) {
+  const image = card.querySelector("[data-drawing-preview-image]");
+  const empty = card.querySelector("[data-drawing-preview-empty]");
+  if (!image || !empty) return;
+  if (drawing.preview) {
+    image.src = drawing.preview;
+    image.hidden = false;
+    empty.hidden = true;
+  } else {
+    image.removeAttribute("src");
+    image.hidden = true;
+    empty.hidden = false;
   }
-  const error = new Error(message);
-  error.code = code;
-  error.status = response.status;
-  return error;
+}
+function activateDrawing(card, drawing) {
+  if (card.dataset.active === "true") return;
+  card.dataset.active = "true";
+  const body = card.querySelector(".drawing-window-body");
+  const existing = body.querySelector("iframe.drawing-frame");
+  if (existing) return;
+  const frame = document.createElement("iframe");
+  frame.className = "drawing-frame";
+  frame.title = "Drawing canvas";
+  frame.referrerPolicy = "no-referrer";
+  frame.src = `/drawing.html?id=${encodeURIComponent(drawing.id)}`;
+  body.appendChild(frame);
+  setDrawingStatus(card, "loading");
+}
+function deactivateDrawing(card) {
+  if (card.dataset.active !== "true") return;
+  card.dataset.active = "false";
+  card.querySelector("iframe.drawing-frame")?.remove();
+  setDrawingStatus(card, "idle");
+}
+function isDrawingActive(card) {
+  return card?.dataset.active === "true";
+}
+function applyDrawingGeometry(card, drawing) {
+  card.style.left = `${drawing.x}px`;
+  card.style.top = `${drawing.y}px`;
+  card.style.width = `${drawing.width}px`;
+  card.style.height = `${drawing.height}px`;
+}
+var STATE_LABELS = {
+  idle: "Idle",
+  loading: "Loading\u2026",
+  ready: "Saved",
+  saving: "Saving\u2026",
+  saved: "Saved",
+  error: "Not saved"
+};
+function setDrawingStatus(card, status) {
+  const badge = card?.querySelector("[data-drawing-state]");
+  if (!badge) return;
+  badge.dataset.drawingState = status;
+  badge.textContent = STATE_LABELS[status] || status;
 }
 
 // src/hermes-workspace/app.js
 var LAST_WORKSPACE_KEY = "rh-hermes-last-workspace";
 var VIEW_KEY_PREFIX = "rh-hermes-view:";
+var UNREAD_KEY_PREFIX = "rh-hermes-unread:";
 var DEFAULT_SIZE = Object.freeze({ width: 440, height: 430 });
 var OVERVIEW_ZOOM_THRESHOLD = 0.72;
 var FOCUS_ZOOM_THRESHOLD = 1.2;
+var HEADER_COLOR_RE = /^#[0-9a-f]{6}$/i;
 var state = {
   workspaces: [],
   workspace: null,
@@ -28190,10 +42603,31 @@ var state = {
   activeStreams: 0,
   camera: { x: 96, y: 96, scale: 1 },
   layoutPatchCount: 0,
-  selectionByParent: /* @__PURE__ */ new Map()
+  selectionByParent: /* @__PURE__ */ new Map(),
+  queuedByNode: /* @__PURE__ */ new Map(),
+  unreadNodeIds: /* @__PURE__ */ new Set(),
+  attachmentsByNode: /* @__PURE__ */ new Map(),
+  uploadingNodeIds: /* @__PURE__ */ new Set(),
+  models: [{ id: "hermes-agent", label: "Default" }],
+  reasoningLevels: ["none", "minimal", "low", "medium", "high", "xhigh"],
+  defaults: { model: "hermes-agent", reasoning_effort: "medium" },
+  screens: /* @__PURE__ */ new Map(),
+  screenCatalog: [],
+  drawings: /* @__PURE__ */ new Map()
 };
 var renderer = createMarkdownRenderer({ encodeBase64: encodeUtf8Base64 });
 var newDialog = null;
+var newSessionDialog = null;
+var screenDialog = null;
+var pendingScreenPoint = null;
+var canvasMenuPoint = null;
+var mergeDialog = null;
+var settingsDialog = null;
+var deleteDialog = null;
+var deleteNodeId = null;
+var settingsNodeId = null;
+var pendingSessionPoint = null;
+var mergeSourceId = null;
 var selectionAsk = null;
 var pendingSelection = null;
 var selectionAnchorRect = null;
@@ -28208,10 +42642,19 @@ boot().catch(showFatal);
 async function boot() {
   installEvents();
   setHealth("checking", "Checking Hermes\u2026");
-  const [workspaces] = await Promise.all([
+  const [workspaces, modelCatalog, screenCatalog] = await Promise.all([
     listWorkspaces(),
+    getModels().catch(() => null),
+    getScreenCatalog().catch(() => []),
     getHealth().then(() => setHealth("ready", "Hermes ready")).catch(() => setHealth("offline", "Hermes unavailable"))
   ]);
+  state.screenCatalog = screenCatalog;
+  if (modelCatalog) {
+    state.models = modelCatalog.models || state.models;
+    state.reasoningLevels = modelCatalog.reasoning_levels || state.reasoningLevels;
+    state.defaults = modelCatalog.defaults || state.defaults;
+  }
+  populateSettingsControls();
   state.workspaces = workspaces;
   renderWorkspaceList();
   const lastId = safeStorageGet(LAST_WORKSPACE_KEY);
@@ -28228,6 +42671,11 @@ function renderShell() {
           <svg id="workspace-edges" viewBox="-50000 -50000 100000 100000" aria-hidden="true"></svg>
           <div id="workspace-nodes" role="listbox" aria-label="Workspace nodes"></div>
         </div>
+        <menu id="canvas-menu" role="menu" aria-label="Canvas actions" hidden>
+          <li role="none"><button type="button" role="menuitem" data-action="menu-new-session">New session</button></li>
+          <li role="none"><button type="button" role="menuitem" data-action="menu-new-screen">New screen</button></li>
+          <li role="none"><button type="button" role="menuitem" data-action="menu-new-drawing">New drawing</button></li>
+        </menu>
       </section>
       <section id="reader-view" aria-label="Document reader" hidden>
         <header id="reader-topbar">
@@ -28235,16 +42683,25 @@ function renderShell() {
           <button class="quiet-button" type="button" data-action="canvas" aria-label="Return to board">Canvas</button>
         </header>
         <div id="reader-layout">
+          <div id="reader-sent-attachments" class="node-attachments" hidden></div>
           <article id="reader-document" class="md"></article>
           <aside id="reader-side-panel">
             <h2>Branches</h2>
             <div id="reader-branches"></div>
             <form class="branch-form reader-branch-form">
               <label for="reader-branch-input">Ask a follow-up</label>
+              <div id="reader-attachments" class="node-attachments" hidden></div>
               <div class="branch-input-row">
-                <textarea id="reader-branch-input" rows="2" placeholder="Branch from this document\u2026"></textarea>
-                <button type="submit" aria-label="Create branch">\u2191</button>
+                <textarea id="reader-branch-input" rows="2" placeholder="Ask a follow-up\u2026"></textarea>
+                <div class="branch-actions">
+                  <button type="button" class="attach-button" data-attach-files aria-label="Attach a file">\u{1F4CE}</button>
+                  <input type="file" class="attach-input" multiple hidden>
+                  <button type="submit" class="follow-up-continue">Continue here</button>
+                  <button type="button" class="follow-up-retry" data-action="retry" hidden>Retry</button>
+                  <button type="button" class="follow-up-branch" data-follow-up-destination="branch">New branch</button>
+                </div>
               </div>
+              <div class="queued-followups" hidden></div>
             </form>
           </aside>
         </div>
@@ -28261,16 +42718,22 @@ function renderShell() {
         <button type="button" data-action="reader" aria-label="Reader">Reader</button>
         <button type="button" data-action="canvas" aria-label="Canvas">Canvas</button>
         <button type="button" data-action="frame" aria-label="Frame all nodes">\u2317</button>
+        <button type="button" data-action="next-unread" aria-label="Next unread" hidden>New <span class="unread-count">0</span></button>
+        <button type="button" data-action="export" aria-label="Export archive">\u21E9</button>
         <span class="toolbar-divider"></span>
         <button type="button" data-action="theme" aria-label="Toggle theme">\u25D1</button>
         <span id="activity-chip" class="activity-chip"><span></span><b>ready</b></span>
       </div>
       <div id="workspace-notice" role="status" aria-live="polite"></div>
-      <dialog id="new-workspace-dialog">
+      <dialog id="new-workspace-dialog" aria-label="Create workspace">
         <form method="dialog" id="new-workspace-form">
           <header><span aria-hidden="true">${BUNNY_MARK_SVG}</span><div><h1>Enter a Rabbithole</h1><p>Hermes will turn your question into a branchable document.</p></div></header>
           <label for="new-workspace-prompt">What do you want to explore?</label>
           <textarea id="new-workspace-prompt" rows="5" required placeholder="Ask a question worth following\u2026"></textarea>
+          <div class="session-options">
+            <label for="new-workspace-model">Model<select id="new-workspace-model" data-model-select></select></label>
+            <label for="new-workspace-reasoning">Thinking level<select id="new-workspace-reasoning" data-reasoning-select></select></label>
+          </div>
           <div id="new-workspace-error" role="alert"></div>
           <footer>
             <button type="button" class="quiet-button" data-action="cancel-new">Cancel</button>
@@ -28278,6 +42741,72 @@ function renderShell() {
           </footer>
         </form>
       </dialog>
+      <dialog id="new-session-dialog" aria-label="Create session on canvas">
+        <form method="dialog" id="new-session-form">
+          <header><h1>New session here</h1><p>Start an independent Hermes session at this canvas position.</p></header>
+          <label for="new-session-prompt">What should this session work on?</label>
+          <textarea id="new-session-prompt" rows="4" required placeholder="Give this session a task\u2026"></textarea>
+          <div class="session-options">
+            <label for="new-session-model">Model<select id="new-session-model" data-model-select></select></label>
+            <label for="new-session-reasoning">Thinking level<select id="new-session-reasoning" data-reasoning-select></select></label>
+          </div>
+          <div id="new-session-error" role="alert"></div>
+          <footer>
+            <button type="button" class="quiet-button" data-action="cancel-session">Cancel</button>
+            <button type="submit" class="primary-button">Start session</button>
+          </footer>
+        </form>
+      </dialog>
+      <dialog id="screen-dialog" aria-label="Add a screen">
+        <form method="dialog" id="screen-form">
+          <header><h1>New screen</h1><p>Stream a remote desktop onto this canvas.</p></header>
+          <label for="screen-target">Machine</label>
+          <select id="screen-target"></select>
+          <div id="screen-error" role="alert"></div>
+          <footer>
+            <button type="button" class="quiet-button" data-action="cancel-screen">Cancel</button>
+            <button type="submit" class="primary-button">Add screen</button>
+          </footer>
+        </form>
+      </dialog>
+      <dialog id="merge-dialog" aria-label="Merge child findings">
+        <form method="dialog" id="merge-form">
+          <header><h1>Merge child findings</h1><p>Hermes will summarize this branch into the chosen conversation.</p></header>
+          <label for="merge-destination">Destination</label>
+          <select id="merge-destination"></select>
+          <label for="merge-instruction">Optional instruction</label>
+          <textarea id="merge-instruction" rows="3" placeholder="For example: keep only decisions and next steps"></textarea>
+          <div id="merge-error" role="alert"></div>
+          <footer>
+            <button type="button" class="quiet-button" data-action="cancel-merge">Cancel</button>
+            <button type="submit" class="primary-button">Merge findings</button>
+          </footer>
+        </form>
+      </dialog>
+      <dialog id="settings-dialog" aria-label="Session settings">
+        <form method="dialog" id="settings-form">
+          <header><h1>Session settings</h1><p>New turns and branches will use these runtime settings.</p></header>
+          <div class="session-options settings-options">
+            <label for="settings-model">Model<select id="settings-model" data-model-select></select></label>
+            <label for="settings-reasoning">Thinking level<select id="settings-reasoning" data-reasoning-select></select></label>
+          </div>
+          <div id="settings-error" role="alert"></div>
+          <footer>
+            <button type="button" class="quiet-button" data-action="cancel-settings">Cancel</button>
+            <button type="submit" class="primary-button">Save settings</button>
+          </footer>
+        </form>
+      </dialog>
+      <dialog id="delete-dialog" aria-label="Delete window">
+        <form method="dialog" id="delete-form">
+          <header><h1>Delete this window?</h1><p id="delete-summary"></p></header>
+          <div id="delete-error" role="alert"></div>
+          <footer>
+            <button type="button" class="quiet-button" data-action="cancel-delete">Keep it</button>
+            <button type="submit" class="danger-button">Delete</button>
+          </footer>
+        </form>
+      </dialog>
       <div id="selection-ask" role="dialog" aria-label="Ask about the selected text" aria-hidden="true">
         <blockquote id="selection-ask-quote" aria-label="Selected passage"></blockquote>
         <form id="selection-ask-form" class="selection-ask-input">
@@ -28290,37 +42819,145 @@ function renderShell() {
       </div>
     </main>`;
   newDialog = document.getElementById("new-workspace-dialog");
+  newSessionDialog = document.getElementById("new-session-dialog");
+  screenDialog = document.getElementById("screen-dialog");
+  mergeDialog = document.getElementById("merge-dialog");
+  settingsDialog = document.getElementById("settings-dialog");
+  deleteDialog = document.getElementById("delete-dialog");
   selectionAsk = document.getElementById("selection-ask");
 }
 function installEvents() {
   document.addEventListener("click", (event) => {
+    const attachTrigger = event.target.closest("[data-attach-files]");
+    if (attachTrigger) {
+      event.preventDefault();
+      attachTrigger.closest(".branch-form")?.querySelector(".attach-input")?.click();
+      return;
+    }
+    const removeId = event.target.closest("[data-remove-attachment]")?.dataset.removeAttachment;
+    if (removeId) {
+      event.preventDefault();
+      void removeAttachment(removeId);
+      return;
+    }
+    const queueId = event.target.closest("[data-cancel-queued-follow-up]")?.dataset.cancelQueuedFollowUp;
+    if (queueId) {
+      event.preventDefault();
+      void removeQueuedFollowUp(queueId);
+      return;
+    }
+    const destination = event.target.closest("[data-follow-up-destination]")?.dataset.followUpDestination;
+    if (destination) {
+      event.preventDefault();
+      const form = event.target.closest(".branch-form");
+      if (form) void submitFollowUp(form, destination);
+      return;
+    }
     const action = event.target.closest("[data-action]")?.dataset.action;
+    if (action === "menu-new-session") {
+      const point = closeCanvasMenu();
+      if (point) openNewSessionAt(point.clientX, point.clientY);
+      return;
+    }
+    if (action === "menu-new-screen") {
+      const point = closeCanvasMenu();
+      if (point) openScreenDialog(point.clientX, point.clientY);
+      return;
+    }
+    if (action === "menu-new-drawing") {
+      const point = closeCanvasMenu();
+      if (point) void addDrawing(point.clientX, point.clientY);
+      return;
+    }
+    if (action === "activate-drawing") {
+      const drawingId = event.target.closest("[data-drawing-id]")?.dataset.drawingId;
+      const drawing = drawingId ? state.drawings.get(drawingId) : null;
+      if (drawing) {
+        const card = event.target.closest(".drawing-window");
+        deactivateOtherDrawings(drawingId);
+        activateDrawing(card, drawing);
+      }
+      return;
+    }
+    if (action === "close-drawing") {
+      const drawingId = event.target.closest("[data-drawing-id]")?.dataset.drawingId;
+      if (drawingId) void removeDrawing(drawingId);
+      return;
+    }
+    if (action === "close-screen") {
+      const screenId = event.target.closest("[data-screen-id]")?.dataset.screenId;
+      if (screenId) void removeScreen(screenId);
+      return;
+    }
+    if (!event.target.closest("#canvas-menu")) closeCanvasMenu();
     if (action === "rail") toggleRail();
     else if (action === "new") openNewWorkspace();
     else if (action === "cancel-new") newDialog.close();
+    else if (action === "cancel-session") newSessionDialog.close();
+    else if (action === "cancel-screen") screenDialog.close();
+    else if (action === "cancel-merge") mergeDialog.close();
+    else if (action === "cancel-settings") settingsDialog.close();
+    else if (action === "cancel-delete") deleteDialog.close();
+    else if (action === "delete") openDeleteDialog(event.target.closest("[data-node-id]")?.dataset.nodeId);
+    else if (action === "settings") openSettingsDialog(event.target.closest("[data-node-id]")?.dataset.nodeId);
+    else if (action === "merge") openMergeDialog(event.target.closest("[data-node-id]")?.dataset.nodeId);
+    else if (action === "stop") void stopRun(resolveNodeId(event.target));
+    else if (action === "retry") void startRetry(resolveNodeId(event.target));
     else if (action === "reader") setMode("reader");
     else if (action === "canvas") setMode("canvas");
     else if (action === "frame") frameAll();
+    else if (action === "next-unread") selectNextUnread();
+    else if (action === "export") void downloadWorkspaceArchive();
     else if (action === "theme") toggleTheme();
   });
   document.getElementById("rail-new").addEventListener("click", openNewWorkspace);
   document.getElementById("new-workspace-form").addEventListener("submit", submitNewWorkspace);
+  document.getElementById("new-session-form").addEventListener("submit", submitNewSession);
+  document.getElementById("screen-form").addEventListener("submit", submitNewScreen);
+  document.addEventListener("keydown", (event) => {
+    if (event.key !== "Enter" && event.key !== " ") return;
+    const preview = event.target.closest?.("[data-drawing-preview]");
+    if (!preview) return;
+    event.preventDefault();
+    preview.click();
+  });
+  window.addEventListener("message", (event) => {
+    if (event.origin !== window.location.origin) return;
+    const data = event.data;
+    if (!data || data.type !== "drawing-status") return;
+    const drawing = state.drawings.get(data.drawingId);
+    if (!drawing) return;
+    const card = document.querySelector(
+      `.drawing-window[data-drawing-id="${cssEscape(data.drawingId)}"]`
+    );
+    if (card) setDrawingStatus(card, String(data.status || ""));
+    if (data.status === "saved" && typeof data.preview === "string") {
+      drawing.preview = data.preview;
+    }
+  });
+  document.getElementById("merge-form").addEventListener("submit", submitMerge);
+  document.getElementById("settings-form").addEventListener("submit", submitSettings);
+  document.getElementById("delete-form").addEventListener("submit", submitDelete);
   document.addEventListener("submit", (event) => {
     const form = event.target.closest(".branch-form");
     if (!form) return;
     event.preventDefault();
-    const input = form.querySelector("textarea");
-    const prompt = input.value.trim();
-    const parentId = form.dataset.parentId || state.selectedNodeId;
-    if (!prompt || !parentId) return;
-    if (state.nodes.get(parentId)?.status !== "completed") {
-      showNotice("Wait for Hermes to finish this document before branching.", "error");
-      return;
-    }
+    void submitFollowUp(form, "continue");
+  });
+  document.addEventListener("change", (event) => {
+    const input = event.target.closest?.(".attach-input");
+    if (!input || !input.files?.length) return;
+    const nodeId = input.closest(".branch-form")?.dataset.parentId || state.selectedNodeId;
+    void uploadFilesToNode(nodeId, input.files);
     input.value = "";
-    const selection = state.selectionByParent.get(parentId) || selectedTextFor(parentId);
-    state.selectionByParent.delete(parentId);
-    void startBranch(parentId, prompt, selection);
+  });
+  document.addEventListener("paste", (event) => {
+    if (!event.target.matches?.(".branch-form textarea")) return;
+    const files = [...event.clipboardData?.files || []];
+    if (!files.length) return;
+    event.preventDefault();
+    const nodeId = event.target.form?.dataset.parentId || state.selectedNodeId;
+    void uploadFilesToNode(nodeId, files);
   });
   document.addEventListener("pointerdown", (event) => {
     const input = event.target.closest?.(".branch-form textarea");
@@ -28347,8 +42984,17 @@ function installEvents() {
     }
   });
   installSelectionAsk();
-  document.getElementById("canvas-view").addEventListener("wheel", onCanvasWheel, { passive: false });
-  document.getElementById("canvas-view").addEventListener("pointerdown", onCanvasPointerDown);
+  const canvas = document.getElementById("canvas-view");
+  canvas.addEventListener("wheel", onCanvasWheel, { passive: false });
+  canvas.addEventListener("pointerdown", onCanvasPointerDown);
+  canvas.addEventListener("dblclick", (event) => {
+    if (!event.target.closest(".workspace-node")) openNewSessionAt(event.clientX, event.clientY);
+  });
+  canvas.addEventListener("contextmenu", (event) => {
+    if (event.target.closest(".workspace-node")) return;
+    event.preventDefault();
+    openCanvasMenu(event.clientX, event.clientY);
+  });
   window.addEventListener("pagehide", saveViewState);
   window.addEventListener("resize", () => {
     if (state.mode === "canvas") drawEdges();
@@ -28372,6 +43018,149 @@ function installEvents() {
     })
   };
 }
+function submitFollowUp(form, destination) {
+  const input = form.querySelector("textarea");
+  const prompt = input.value.trim();
+  const parentId = form.dataset.parentId || state.selectedNodeId;
+  const node = state.nodes.get(parentId);
+  if (!prompt || !node) return;
+  if (node.status !== "completed" && node.status !== "running") {
+    showNotice("This document is not ready for a follow-up.", "error");
+    return;
+  }
+  input.value = "";
+  if (destination === "branch") {
+    if (node.status !== "completed") {
+      showNotice("Wait for Hermes to finish before creating a branch.", "error");
+      return;
+    }
+    const selection = state.selectionByParent.get(parentId) || selectedTextFor(parentId);
+    state.selectionByParent.delete(parentId);
+    void startBranch(parentId, prompt, selection);
+    return;
+  }
+  if (node.status === "running") {
+    void addQueuedFollowUp(parentId, prompt);
+    return;
+  }
+  void startContinue(parentId, prompt);
+}
+function populateSettingsControls() {
+  const modelOptions = state.models.map((item) => `<option value="${escapeHtml2(item.id)}">${escapeHtml2(item.label || item.id)}</option>`).join("");
+  const effortLabels = {
+    none: "Off",
+    minimal: "Minimal",
+    low: "Low",
+    medium: "Medium",
+    high: "High",
+    xhigh: "Extra high"
+  };
+  const effortOptions = state.reasoningLevels.map((level) => `<option value="${escapeHtml2(level)}">${escapeHtml2(effortLabels[level] || level)}</option>`).join("");
+  for (const select of document.querySelectorAll("[data-model-select]")) {
+    const previous = select.value;
+    select.innerHTML = modelOptions;
+    select.value = state.models.some((item) => item.id === previous) ? previous : state.defaults.model;
+  }
+  for (const select of document.querySelectorAll("[data-reasoning-select]")) {
+    const previous = select.value;
+    select.innerHTML = effortOptions;
+    select.value = state.reasoningLevels.includes(previous) ? previous : state.defaults.reasoning_effort;
+  }
+}
+function modelLabel(modelId) {
+  return state.models.find((item) => item.id === modelId)?.label || modelId || "Default";
+}
+function openSettingsDialog(nodeId) {
+  const node = state.nodes.get(nodeId);
+  if (!node || node.status !== "completed") return;
+  settingsNodeId = node.id;
+  const model = document.getElementById("settings-model");
+  if (![...model.options].some((option) => option.value === node.model_alias)) {
+    model.add(new Option(node.model_alias, node.model_alias));
+  }
+  model.value = node.model_alias;
+  document.getElementById("settings-reasoning").value = node.reasoning_effort;
+  document.getElementById("settings-error").textContent = "";
+  if (!settingsDialog.open) settingsDialog.showModal();
+}
+function openDeleteDialog(nodeId) {
+  const node = nodeId && state.nodes.get(nodeId);
+  if (!node) return;
+  const descendants = countDescendants(nodeId);
+  deleteNodeId = nodeId;
+  const label = node.title || node.prompt || "this window";
+  document.getElementById("delete-summary").textContent = descendants ? `\u201C${label}\u201D and ${descendants} branch${descendants === 1 ? "" : "es"} below it will be removed, along with their Hermes sessions. This cannot be undone.` : `\u201C${label}\u201D and its Hermes session will be removed. This cannot be undone.`;
+  document.getElementById("delete-error").textContent = "";
+  if (!deleteDialog.open) deleteDialog.showModal();
+}
+function countDescendants(nodeId) {
+  let total = 0;
+  const frontier = [nodeId];
+  while (frontier.length) {
+    const current = frontier.pop();
+    for (const node of state.nodes.values()) {
+      if (node.parent_node_id === current) {
+        total += 1;
+        frontier.push(node.id);
+      }
+    }
+  }
+  return total;
+}
+async function submitDelete(event) {
+  event.preventDefault();
+  if (!deleteNodeId) return;
+  const form = event.currentTarget;
+  const button = form.querySelector('[type="submit"]');
+  const error = document.getElementById("delete-error");
+  button.disabled = true;
+  error.textContent = "";
+  try {
+    const payload = await deleteNode(deleteNodeId);
+    for (const removedId of payload.deleted_node_ids || []) {
+      state.nodes.delete(removedId);
+      state.unreadNodeIds.delete(removedId);
+      state.queuedByNode.delete(removedId);
+      state.selectionByParent.delete(removedId);
+      if (state.selectedNodeId === removedId) state.selectedNodeId = null;
+    }
+    if (!state.selectedNodeId) {
+      state.selectedNodeId = state.workspace?.root_node_id || state.nodes.keys().next().value || null;
+    }
+    deleteDialog.close();
+    deleteNodeId = null;
+    renderWorkspace();
+  } catch (err2) {
+    error.textContent = err2.message || String(err2);
+  } finally {
+    button.disabled = false;
+  }
+}
+async function submitSettings(event) {
+  event.preventDefault();
+  const node = state.nodes.get(settingsNodeId);
+  if (!node) return;
+  const form = event.currentTarget;
+  const button = form.querySelector('[type="submit"]');
+  const error = document.getElementById("settings-error");
+  const model = document.getElementById("settings-model").value;
+  const effort = document.getElementById("settings-reasoning").value;
+  button.disabled = true;
+  error.textContent = "";
+  try {
+    const payload = await updateNodeSettings(node.id, model, effort);
+    const updated = normalizeNode(payload.node);
+    state.nodes.set(updated.id, updated);
+    updateNodeCard(document.querySelector(`[data-node-id="${cssEscape(updated.id)}"]`), updated);
+    renderReader();
+    settingsDialog.close();
+    settingsNodeId = null;
+  } catch (err2) {
+    error.textContent = err2.message || String(err2);
+  } finally {
+    button.disabled = false;
+  }
+}
 async function submitNewWorkspace(event) {
   event.preventDefault();
   const form = event.currentTarget;
@@ -28383,12 +43172,16 @@ async function submitNewWorkspace(event) {
   button.disabled = true;
   error.textContent = "";
   try {
-    const payload = await createWorkspace(prompt);
+    const model = document.getElementById("new-workspace-model").value;
+    const effort = document.getElementById("new-workspace-reasoning").value;
+    const payload = await createWorkspace(prompt, "", model, effort);
     const workspace = payload.workspace;
     const node = normalizeNode(payload.node);
     state.workspaces = [workspace, ...state.workspaces.filter((item) => item.id !== workspace.id)];
     state.workspace = workspace;
     state.nodes = /* @__PURE__ */ new Map([[node.id, node]]);
+    state.queuedByNode = /* @__PURE__ */ new Map();
+    state.unreadNodeIds = /* @__PURE__ */ new Set();
     state.selectedNodeId = node.id;
     state.mode = "canvas";
     state.camera = { x: 96, y: 96, scale: 1 };
@@ -28399,22 +43192,99 @@ async function submitNewWorkspace(event) {
     newDialog.close();
     input.value = "";
     void startRoot(node.id);
-  } catch (err) {
-    error.textContent = err.message || String(err);
+  } catch (err2) {
+    error.textContent = err2.message || String(err2);
+  } finally {
+    button.disabled = false;
+  }
+}
+async function submitNewSession(event) {
+  event.preventDefault();
+  if (!state.workspace || !pendingSessionPoint) return;
+  const form = event.currentTarget;
+  const input = form.querySelector("textarea");
+  const error = document.getElementById("new-session-error");
+  const button = form.querySelector('[type="submit"]');
+  const prompt = input.value.trim();
+  if (!prompt) return;
+  button.disabled = true;
+  error.textContent = "";
+  try {
+    const model = document.getElementById("new-session-model").value;
+    const effort = document.getElementById("new-session-reasoning").value;
+    const payload = await createStandaloneSession(
+      state.workspace.id,
+      prompt,
+      pendingSessionPoint.x,
+      pendingSessionPoint.y,
+      "",
+      model,
+      effort
+    );
+    const node = normalizeNode(payload.node);
+    state.nodes.set(node.id, node);
+    state.selectedNodeId = node.id;
+    state.unreadNodeIds.delete(node.id);
+    input.value = "";
+    pendingSessionPoint = null;
+    newSessionDialog.close();
+    renderWorkspace();
+    saveViewState();
+    void startRoot(node.id);
+  } catch (err2) {
+    error.textContent = err2.message || String(err2);
+  } finally {
+    button.disabled = false;
+  }
+}
+async function submitMerge(event) {
+  event.preventDefault();
+  const source2 = state.nodes.get(mergeSourceId);
+  if (!source2) return;
+  const form = event.currentTarget;
+  const destination = form.querySelector("select").value;
+  const instruction = form.querySelector("textarea").value.trim();
+  const error = document.getElementById("merge-error");
+  const button = form.querySelector('[type="submit"]');
+  button.disabled = true;
+  error.textContent = "";
+  try {
+    mergeDialog.close();
+    await startMerge(source2.id, destination, instruction);
+    mergeSourceId = null;
+  } catch (err2) {
+    if (!mergeDialog.open) mergeDialog.showModal();
+    error.textContent = err2.message || String(err2);
   } finally {
     button.disabled = false;
   }
 }
 async function openWorkspace(workspaceId, { frame = false } = {}) {
   hideSelectionAsk();
+  closeCanvasMenu();
+  disconnectAllScreens();
   const payload = await loadWorkspace(workspaceId);
   state.workspace = payload.workspace || state.workspaces.find((item) => item.id === workspaceId);
   state.nodes = new Map((payload.nodes || []).map((node) => {
     const normalized = normalizeNode(node);
     return [normalized.id, normalized];
   }));
+  state.screens = new Map((payload.screens || []).map((screen) => {
+    const normalized = normalizeScreen(screen);
+    return [normalized.id, normalized];
+  }));
+  state.drawings = new Map((payload.drawings || []).map((drawing) => {
+    const normalized = normalizeDrawing(drawing);
+    return [normalized.id, normalized];
+  }));
+  state.queuedByNode = groupQueuedFollowUps(payload.queued_followups || []);
+  state.attachmentsByNode = groupAttachments(payload.attachments || []);
+  state.uploadingNodeIds = /* @__PURE__ */ new Set();
+  state.unreadNodeIds = readUnreadNodes(workspaceId, state.nodes);
   const saved = readViewState(workspaceId);
   state.selectedNodeId = saved?.selectedNodeId && state.nodes.has(saved.selectedNodeId) ? saved.selectedNodeId : state.workspace.root_node_id;
+  state.unreadNodeIds.delete(state.selectedNodeId);
+  persistUnreadNodes();
   state.mode = saved?.mode === "reader" ? "reader" : "canvas";
   state.camera = saved?.camera || { x: 96, y: 96, scale: 1 };
   safeStorageSet(LAST_WORKSPACE_KEY, workspaceId);
@@ -28433,9 +43303,211 @@ function normalizeNode(raw) {
     y: Number(raw.y) || 0,
     width: Math.max(280, Number(raw.width) || DEFAULT_SIZE.width),
     height: Math.max(220, Number(raw.height) || DEFAULT_SIZE.height),
+    header_color: HEADER_COLOR_RE.test(String(raw.header_color || "")) ? String(raw.header_color).toLowerCase() : "",
+    model_alias: raw.model_alias || "hermes-agent",
+    reasoning_effort: raw.reasoning_effort || "medium",
     tools: Array.isArray(raw.tools) ? raw.tools : []
   };
 }
+function groupQueuedFollowUps(items) {
+  const grouped = /* @__PURE__ */ new Map();
+  for (const item of items) {
+    if (!item?.node_id || !item?.id) continue;
+    const queue = grouped.get(item.node_id) || [];
+    queue.push(item);
+    grouped.set(item.node_id, queue);
+  }
+  for (const queue of grouped.values()) queue.sort((a2, b2) => a2.ordinal - b2.ordinal || a2.id.localeCompare(b2.id));
+  return grouped;
+}
+function groupAttachments(items) {
+  const grouped = /* @__PURE__ */ new Map();
+  for (const item of items || []) {
+    if (!item?.node_id || !item?.id) continue;
+    const list2 = grouped.get(item.node_id) || [];
+    list2.push(item);
+    grouped.set(item.node_id, list2);
+  }
+  for (const list2 of grouped.values()) {
+    list2.sort((a2, b2) => String(a2.created_at).localeCompare(String(b2.created_at)) || a2.id.localeCompare(b2.id));
+  }
+  return grouped;
+}
+function formatBytes(size) {
+  const value = Number(size) || 0;
+  if (value < 1024) return `${value} B`;
+  if (value < 1024 * 1024) return `${(value / 1024).toFixed(0)} KB`;
+  return `${(value / (1024 * 1024)).toFixed(1)} MB`;
+}
+function renderAttachments(container, nodeId, { delivered = false } = {}) {
+  if (!container) return;
+  const all = state.attachmentsByNode.get(nodeId) || [];
+  const items = all.filter((item) => Boolean(item.delivered) === delivered);
+  const uploading = !delivered && state.uploadingNodeIds.has(nodeId);
+  container.hidden = !items.length && !uploading;
+  const children = items.map((item) => {
+    const chip = document.createElement("div");
+    chip.className = "attachment-chip";
+    chip.dataset.attachmentId = item.id;
+    chip.dataset.kind = item.kind;
+    if (item.delivered) chip.dataset.delivered = "true";
+    const link2 = document.createElement("a");
+    link2.href = item.url;
+    link2.download = item.filename;
+    link2.rel = "noopener noreferrer";
+    link2.className = "attachment-link";
+    if (item.kind === "image") {
+      const thumb = document.createElement("img");
+      thumb.className = "attachment-thumb";
+      thumb.src = item.url;
+      thumb.alt = item.filename;
+      thumb.loading = "lazy";
+      link2.append(thumb);
+    } else {
+      const glyph = document.createElement("span");
+      glyph.className = "attachment-glyph";
+      glyph.setAttribute("aria-hidden", "true");
+      glyph.textContent = item.kind === "video" ? "\u25B6" : item.kind === "audio" ? "\u266A" : "\u25A4";
+      link2.append(glyph);
+    }
+    const label = document.createElement("span");
+    label.className = "attachment-name";
+    label.textContent = item.filename;
+    const meta = document.createElement("small");
+    meta.className = "attachment-meta";
+    meta.textContent = formatBytes(item.byte_size);
+    link2.append(label, meta);
+    link2.title = `${item.filename} (${formatBytes(item.byte_size)}) \u2014 click to download`;
+    chip.append(link2);
+    if (!item.delivered) {
+      const remove = document.createElement("button");
+      remove.type = "button";
+      remove.className = "attachment-remove";
+      remove.dataset.removeAttachment = item.id;
+      remove.setAttribute("aria-label", `Remove ${item.filename}`);
+      remove.textContent = "\xD7";
+      chip.append(remove);
+    }
+    return chip;
+  });
+  if (uploading) {
+    const pending = document.createElement("div");
+    pending.className = "attachment-chip attachment-pending";
+    pending.textContent = "Uploading\u2026";
+    children.push(pending);
+  }
+  container.replaceChildren(...children);
+}
+async function uploadFilesToNode(nodeId, fileList) {
+  const files = [...fileList || []].filter(Boolean);
+  if (!nodeId || !files.length) return;
+  const node = state.nodes.get(nodeId);
+  if (!node) return;
+  state.uploadingNodeIds.add(nodeId);
+  refreshAttachmentViews(nodeId);
+  try {
+    const payload = await uploadAttachments(nodeId, files);
+    const existing = state.attachmentsByNode.get(nodeId) || [];
+    state.attachmentsByNode.set(nodeId, [...existing, ...payload?.attachments || []]);
+    const names = files.map((file) => file.name).join(", ");
+    showNotice(`Attached ${names}. It will be sent with your next message.`);
+  } catch (error) {
+    showNotice(error?.message || "The upload failed.", "error");
+  } finally {
+    state.uploadingNodeIds.delete(nodeId);
+    refreshAttachmentViews(nodeId);
+  }
+}
+async function removeAttachment(attachmentId) {
+  const nodeId = [...state.attachmentsByNode.entries()].find(([, items]) => items.some((item) => item.id === attachmentId))?.[0];
+  try {
+    await deleteAttachment(attachmentId);
+    if (nodeId) {
+      const remaining = (state.attachmentsByNode.get(nodeId) || []).filter((item) => item.id !== attachmentId);
+      if (remaining.length) state.attachmentsByNode.set(nodeId, remaining);
+      else state.attachmentsByNode.delete(nodeId);
+      refreshAttachmentViews(nodeId);
+    }
+  } catch (error) {
+    showNotice(error?.message || "The attachment could not be removed.", "error");
+  }
+}
+function inheritPendingAttachments(fromNodeId, toNodeId) {
+  if (!fromNodeId || !toNodeId || fromNodeId === toNodeId) return;
+  const items = state.attachmentsByNode.get(fromNodeId);
+  if (!items?.length) return;
+  const moving = items.filter((item) => !item.delivered);
+  if (!moving.length) return;
+  const staying = items.filter((item) => item.delivered);
+  if (staying.length) state.attachmentsByNode.set(fromNodeId, staying);
+  else state.attachmentsByNode.delete(fromNodeId);
+  const existing = state.attachmentsByNode.get(toNodeId) || [];
+  state.attachmentsByNode.set(toNodeId, [
+    ...existing,
+    ...moving.map((item) => ({ ...item, node_id: toNodeId }))
+  ]);
+  refreshAttachmentViews(fromNodeId);
+}
+function markAttachmentsDelivered(nodeId) {
+  const items = state.attachmentsByNode.get(nodeId);
+  if (!items?.some((item) => !item.delivered)) return;
+  state.attachmentsByNode.set(
+    nodeId,
+    items.map((item) => item.delivered ? item : { ...item, delivered: true })
+  );
+  refreshAttachmentViews(nodeId);
+}
+function refreshAttachmentViews(nodeId) {
+  const card = document.querySelector(`.workspace-node[data-node-id="${CSS.escape(nodeId)}"]`);
+  renderAttachments(card?.querySelector(".node-attachments"), nodeId);
+  renderAttachments(card?.querySelector(".node-sent-attachments"), nodeId, { delivered: true });
+  if (state.selectedNodeId === nodeId) {
+    renderAttachments(document.querySelector("#reader-attachments"), nodeId);
+    renderAttachments(document.querySelector("#reader-sent-attachments"), nodeId, { delivered: true });
+  }
+}
+function installAttachmentDrop(card) {
+  let depth = 0;
+  const clear = () => {
+    depth = 0;
+    card.removeAttribute("data-drop-active");
+  };
+  card.addEventListener("dragenter", (event) => {
+    if (!event.dataTransfer?.types?.includes("Files")) return;
+    event.preventDefault();
+    depth += 1;
+    card.dataset.dropActive = "true";
+  });
+  card.addEventListener("dragover", (event) => {
+    if (!event.dataTransfer?.types?.includes("Files")) return;
+    event.preventDefault();
+    event.dataTransfer.dropEffect = "copy";
+  });
+  card.addEventListener("dragleave", () => {
+    depth -= 1;
+    if (depth <= 0) clear();
+  });
+  card.addEventListener("drop", (event) => {
+    if (!event.dataTransfer?.files?.length) return;
+    event.preventDefault();
+    event.stopPropagation();
+    clear();
+    void uploadFilesToNode(card.dataset.nodeId, event.dataTransfer.files);
+  });
+}
+function downloadWorkspaceArchive() {
+  if (!state.workspace) return;
+  void getWorkspaceArchive(state.workspace.id).then((archive) => {
+    const blob = new Blob([JSON.stringify(archive, null, 2)], { type: "application/json" });
+    const url = URL.createObjectURL(blob);
+    const link2 = document.createElement("a");
+    const stem = String(state.workspace.title || "rabbithole").replace(/[^a-z0-9]+/gi, "-").replace(/(^-|-$)/g, "").toLowerCase() || "rabbithole";
+    link2.href = url;
+    link2.download = `${stem}-archive.json`;
+    link2.click();
+    setTimeout(() => URL.revokeObjectURL(url), 0);
+  }).catch((error) => showNotice(error.message || String(error), "error"));
+}
 function renderWorkspace() {
   document.body.dataset.mode = state.mode;
   document.getElementById("canvas-view").hidden = state.mode !== "canvas";
@@ -28444,14 +43516,22 @@ function renderWorkspace() {
   renderReader();
   applyCamera();
   updateActivity();
+  updateUnreadControl();
 }
 function renderCanvas() {
   const container = document.getElementById("workspace-nodes");
   const live = new Set(state.nodes.keys());
-  for (const element of container.querySelectorAll(".workspace-node")) {
+  for (const element of container.querySelectorAll(".workspace-node:not(.screen-window):not(.drawing-window)")) {
     if (!live.has(element.dataset.nodeId)) element.remove();
   }
-  const ordered = [...state.nodes.values()].sort((a, b) => a.created_at.localeCompare(b.created_at) || a.id.localeCompare(b.id));
+  const liveScreens = new Set(state.screens.keys());
+  for (const element of container.querySelectorAll(".screen-window")) {
+    if (!liveScreens.has(element.dataset.screenId)) {
+      disconnectScreen(element.dataset.screenId);
+      element.remove();
+    }
+  }
+  const ordered = [...state.nodes.values()].sort((a2, b2) => a2.created_at.localeCompare(b2.created_at) || a2.id.localeCompare(b2.id));
   for (const node of ordered) {
     let card = container.querySelector(`[data-node-id="${cssEscape(node.id)}"]`);
     if (!card) {
@@ -28460,8 +43540,53 @@ function renderCanvas() {
     }
     updateNodeCard(card, node);
   }
+  renderScreens(container);
+  renderDrawings(container);
   drawEdges();
 }
+function renderDrawings(container) {
+  const liveDrawings = new Set(state.drawings.keys());
+  for (const element of container.querySelectorAll(".drawing-window")) {
+    if (!liveDrawings.has(element.dataset.drawingId)) element.remove();
+  }
+  const ordered = [...state.drawings.values()].sort(
+    (a2, b2) => a2.created_at.localeCompare(b2.created_at) || a2.id.localeCompare(b2.id)
+  );
+  for (const drawing of ordered) {
+    let card = container.querySelector(`[data-drawing-id="${cssEscape(drawing.id)}"]`);
+    if (!card) {
+      card = createDrawingCard(drawing);
+      container.appendChild(card);
+      installDrawingDrag(card);
+      installDrawingResize(card);
+    } else {
+      applyDrawingGeometry(card, drawing);
+      if (!isDrawingActive(card)) applyDrawingPreview(card, drawing);
+    }
+  }
+}
+function deactivateOtherDrawings(keepDrawingId) {
+  for (const element of document.querySelectorAll(".drawing-window")) {
+    if (element.dataset.drawingId !== keepDrawingId) deactivateDrawing(element);
+  }
+}
+function renderScreens(container) {
+  const ordered = [...state.screens.values()].sort(
+    (a2, b2) => a2.created_at.localeCompare(b2.created_at) || a2.id.localeCompare(b2.id)
+  );
+  for (const screen of ordered) {
+    let card = container.querySelector(`[data-screen-id="${cssEscape(screen.id)}"]`);
+    if (!card) {
+      card = createScreenCard(screen);
+      container.appendChild(card);
+      installScreenDrag(card);
+      installScreenResize(card);
+      connectScreen(screen, card);
+    } else {
+      applyScreenGeometry(card, screen);
+    }
+  }
+}
 function createNodeCard(node) {
   const card = document.createElement("article");
   card.className = "workspace-node";
@@ -28470,13 +43595,15 @@ function createNodeCard(node) {
   card.innerHTML = `
     <header class="workspace-node-head">
       <span class="node-kind"></span><strong class="workspace-node-title"></strong>
-      <span class="node-state"></span><button type="button" class="node-open" aria-label="Open in reader">\u2197</button>
+      <span class="node-unread" hidden>New</span><span class="node-state"></span><button type="button" class="node-stop" data-action="stop" aria-label="Stop this run" hidden>Stop</button><button type="button" class="node-settings" data-action="settings" aria-label="Session settings">\u2699</button><button type="button" class="node-merge" data-action="merge" aria-label="Merge">Merge</button><button type="button" class="node-delete" data-action="delete" aria-label="Delete window">\u2715</button><button type="button" class="node-open" aria-label="Open in reader">\u2197</button>
     </header>
+    <div class="node-model-summary"></div>
     <div class="workspace-node-body">
       <div class="node-overview"><span class="node-overview-kind"></span><p class="node-overview-summary"></p><span class="node-overview-meta"></span></div>
+      <div class="node-sent-attachments" hidden></div>
       <div class="node-markdown md"></div><details class="tool-activity"><summary></summary><div></div></details>
     </div>
-    <form class="branch-form node-branch-form"><div class="branch-input-row"><textarea rows="1"></textarea><button type="submit" aria-label="Create branch">\u2191</button></div></form>
+    <form class="branch-form node-branch-form"><div class="node-attachments" hidden></div><div class="branch-input-row"><textarea rows="1"></textarea><div class="branch-actions"><button type="button" class="attach-button" data-attach-files aria-label="Attach a file">\u{1F4CE}</button><input type="file" class="attach-input" multiple hidden><button type="submit" class="follow-up-continue">Continue here</button><button type="button" class="follow-up-retry" data-action="retry" hidden>Retry</button><button type="button" class="follow-up-branch" data-follow-up-destination="branch">New branch</button></div></div><div class="queued-followups" hidden></div></form>
     <span class="workspace-node-resize" aria-hidden="true"></span>`;
   card.querySelector(".node-open").addEventListener("click", (event) => {
     event.stopPropagation();
@@ -28496,6 +43623,7 @@ function createNodeCard(node) {
   });
   installNodeDrag(card);
   installNodeResize(card);
+  installAttachmentDrop(card);
   return card;
 }
 function hasTextSelectionWithin(container) {
@@ -28509,12 +43637,31 @@ function updateNodeCard(card, node) {
   card.style.top = `${node.y}px`;
   card.style.width = `${node.width}px`;
   card.style.height = `${node.height}px`;
+  if (node.header_color) card.style.setProperty("--node-header-color", node.header_color);
+  else card.style.removeProperty("--node-header-color");
+  card.dataset.headerColored = String(Boolean(node.header_color));
   card.dataset.status = node.status;
+  const kind = nodeKind(node);
+  card.dataset.kind = kind;
+  const unread = state.unreadNodeIds.has(node.id);
+  card.dataset.unread = String(unread);
   card.setAttribute("aria-selected", String(node.id === state.selectedNodeId));
-  card.querySelector(".node-kind").innerHTML = node.parent_node_id ? "\u21B3" : BUNNY_MARK_SVG;
+  card.querySelector(".node-kind").innerHTML = kind === "branch" ? "\u21B3" : kind === "standalone" ? "\u25C7" : BUNNY_MARK_SVG;
   card.querySelector(".workspace-node-title").textContent = node.title || "Untitled";
+  const unreadBadge = card.querySelector(".node-unread");
+  unreadBadge.hidden = !unread;
   card.querySelector(".node-state").textContent = statusLabel(node.status);
-  card.querySelector(".node-overview-kind").textContent = node.parent_node_id ? "Branch document" : "Root document";
+  const settingsButton = card.querySelector(".node-settings");
+  settingsButton.disabled = node.status !== "completed";
+  card.querySelector(".node-model-summary").textContent = `${modelLabel(node.model_alias)} \xB7 thinking ${node.reasoning_effort}`;
+  const mergeButton = card.querySelector(".node-merge");
+  const deleteButton = card.querySelector(".node-delete");
+  const isRoot = node.id === state.workspace?.root_node_id;
+  deleteButton.hidden = isRoot;
+  deleteButton.disabled = isRoot || node.status === "running";
+  mergeButton.hidden = !node.parent_node_id;
+  mergeButton.disabled = node.status !== "completed";
+  card.querySelector(".node-overview-kind").textContent = kind === "branch" ? "Branch document" : kind === "standalone" ? "Independent session" : "Root document";
   card.querySelector(".node-overview-summary").textContent = summarizeNode(node);
   const branchCount = childrenOf(node.id).length;
   card.querySelector(".node-overview-meta").textContent = `${statusLabel(node.status)} \xB7 ${branchCount} ${branchCount === 1 ? "branch" : "branches"}`;
@@ -28527,11 +43674,21 @@ function updateNodeCard(card, node) {
   const form = card.querySelector(".branch-form");
   form.dataset.parentId = node.id;
   const textarea = form.querySelector("textarea");
-  textarea.setAttribute("aria-label", `Branch from ${node.title || "Untitled"}`);
-  const branchable = node.status === "completed";
-  textarea.disabled = !branchable;
-  form.querySelector('button[type="submit"]').disabled = !branchable;
-  textarea.placeholder = node.status === "failed" ? "This run failed" : branchable ? "Ask a follow-up\u2026" : "Wait for Hermes to finish\u2026";
+  textarea.setAttribute("aria-label", `Ask a follow-up on ${node.title || "Untitled"}`);
+  const canContinue = node.status === "completed" || node.status === "running" || node.status === "failed";
+  textarea.disabled = !canContinue;
+  form.querySelector(".follow-up-continue").disabled = !canContinue;
+  form.querySelector(".follow-up-branch").disabled = node.status !== "completed";
+  const retryButton = form.querySelector(".follow-up-retry");
+  retryButton.hidden = node.status !== "failed";
+  retryButton.disabled = node.status !== "failed";
+  const stopButton = card.querySelector(".node-stop");
+  stopButton.hidden = node.status !== "running";
+  stopButton.disabled = node.status !== "running";
+  textarea.placeholder = node.status === "failed" ? "Retry, or tell Hermes how to continue\u2026" : node.status === "running" ? "Add a follow-up to the queue\u2026" : "Ask a follow-up\u2026";
+  renderQueuedFollowUps(form.querySelector(".queued-followups"), node.id);
+  renderAttachments(form.querySelector(".node-attachments"), node.id);
+  renderAttachments(card.querySelector(".node-sent-attachments"), node.id, { delivered: true });
   renderTools(card.querySelector(".tool-activity"), node.tools);
 }
 function renderNodeMarkdown(node) {
@@ -28568,6 +43725,23 @@ function renderTools(details, tools) {
     return row;
   }));
 }
+function renderQueuedFollowUps(container, nodeId) {
+  const queued = state.queuedByNode.get(nodeId) || [];
+  container.hidden = !queued.length;
+  container.replaceChildren(...queued.map((item) => {
+    const row = document.createElement("div");
+    row.className = "queued-follow-up";
+    const prompt = document.createElement("span");
+    prompt.textContent = item.prompt;
+    const cancel = document.createElement("button");
+    cancel.type = "button";
+    cancel.dataset.cancelQueuedFollowUp = item.id;
+    cancel.setAttribute("aria-label", "Cancel queued follow-up");
+    cancel.textContent = "Cancel";
+    row.append(prompt, cancel);
+    return row;
+  }));
+}
 function drawEdges() {
   const svg = document.getElementById("workspace-edges");
   if (!svg) return;
@@ -28579,10 +43753,10 @@ function drawEdges() {
     const start = { x: parent.x + parent.width, y: parent.y + parent.height / 2 };
     const end = { x: child.x, y: child.y + child.height / 2 };
     const reach = Math.max(55, Math.abs(end.x - start.x) * 0.48);
-    const d = `M ${start.x} ${start.y} C ${start.x + reach} ${start.y}, ${end.x - reach} ${end.y}, ${end.x} ${end.y}`;
+    const d2 = `M ${start.x} ${start.y} C ${start.x + reach} ${start.y}, ${end.x - reach} ${end.y}, ${end.x} ${end.y}`;
     const path2 = existing.get(child.id) || document.createElementNS("http://www.w3.org/2000/svg", "path");
     path2.dataset.childId = child.id;
-    path2.setAttribute("d", d);
+    path2.setAttribute("d", d2);
     fragment.appendChild(path2);
     existing.delete(child.id);
   }
@@ -28601,7 +43775,8 @@ function renderReader() {
     return index ? [document.createTextNode(" \u203A "), button] : [button];
   }));
   const documentEl = document.getElementById("reader-document");
-  const readerHtml = `<header><span class="reader-doc-kind">${node.parent_node_id ? "Branch" : "Root document"}</span><h1>${escapeHtml2(node.title || "Untitled")}</h1></header>${renderNodeMarkdown(node)}`;
+  const kind = nodeKind(node);
+  const readerHtml = `<header><span class="reader-doc-kind">${kind === "branch" ? "Branch" : kind === "standalone" ? "Independent session" : "Root document"}</span><h1>${escapeHtml2(node.title || "Untitled")}</h1><p class="reader-model-summary">${escapeHtml2(modelLabel(node.model_alias))} \xB7 thinking ${escapeHtml2(node.reasoning_effort)}</p></header>${renderNodeMarkdown(node)}`;
   if (documentEl.dataset.renderedHtml !== readerHtml) {
     documentEl.innerHTML = readerHtml;
     documentEl.dataset.renderedHtml = readerHtml;
@@ -28626,10 +43801,20 @@ function renderReader() {
   const readerForm = document.querySelector(".reader-branch-form");
   readerForm.dataset.parentId = node.id;
   const readerInput = document.getElementById("reader-branch-input");
-  const readerBranchable = node.status === "completed";
-  readerInput.disabled = !readerBranchable;
-  readerForm.querySelector('button[type="submit"]').disabled = !readerBranchable;
-  readerInput.setAttribute("aria-label", `Branch from ${node.title || "Untitled"}`);
+  const canContinue = node.status === "completed" || node.status === "running" || node.status === "failed";
+  readerInput.disabled = !canContinue;
+  readerForm.querySelector(".follow-up-continue").disabled = !canContinue;
+  readerForm.querySelector(".follow-up-branch").disabled = node.status !== "completed";
+  const readerRetry = readerForm.querySelector(".follow-up-retry");
+  if (readerRetry) {
+    readerRetry.hidden = node.status !== "failed";
+    readerRetry.disabled = node.status !== "failed";
+  }
+  readerInput.placeholder = node.status === "failed" ? "Retry, or tell Hermes how to continue\u2026" : node.status === "running" ? "Add a follow-up to the queue\u2026" : "Ask a follow-up\u2026";
+  readerInput.setAttribute("aria-label", `Ask a follow-up on ${node.title || "Untitled"}`);
+  renderQueuedFollowUps(readerForm.querySelector(".queued-followups"), node.id);
+  renderAttachments(document.querySelector("#reader-attachments"), node.id);
+  renderAttachments(document.querySelector("#reader-sent-attachments"), node.id, { delivered: true });
 }
 async function startRoot(nodeId) {
   beginStream();
@@ -28654,10 +43839,87 @@ async function startBranch(parentId, prompt, selection) {
     endStream();
   }
 }
+async function startContinue(nodeId, prompt) {
+  beginStream();
+  try {
+    await streamContinue(nodeId, prompt, handleStreamEvent);
+  } catch (error) {
+    showNotice(error.message || String(error), "error");
+  } finally {
+    endStream();
+  }
+}
+function resolveNodeId(target) {
+  return target.closest("[data-node-id]")?.dataset.nodeId || target.closest(".branch-form")?.dataset.parentId || state.selectedNodeId;
+}
+async function stopRun(nodeId) {
+  if (!nodeId) return;
+  const node = state.nodes.get(nodeId);
+  if (!node || node.status !== "running") return;
+  try {
+    await stopNode(nodeId);
+    showNotice("Stopping\u2026");
+  } catch (error) {
+    showNotice(error.message || String(error), "error");
+  }
+}
+async function startRetry(nodeId) {
+  if (!nodeId) return;
+  const node = state.nodes.get(nodeId);
+  if (!node || node.status !== "failed") return;
+  beginStream();
+  try {
+    await streamRetry(nodeId, handleStreamEvent);
+  } catch (error) {
+    showNotice(error.message || String(error), "error");
+  } finally {
+    endStream();
+  }
+}
+async function startMerge(sourceId, destination, instruction) {
+  beginStream();
+  try {
+    await streamMerge(sourceId, destination, instruction, handleStreamEvent);
+  } finally {
+    endStream();
+  }
+}
+async function addQueuedFollowUp(nodeId, prompt) {
+  try {
+    const payload = await queueFollowUp(nodeId, prompt);
+    const queued = payload.queued;
+    if (!queued) throw new Error("The queued follow-up was not returned.");
+    const queue = state.queuedByNode.get(nodeId) || [];
+    state.queuedByNode.set(nodeId, [...queue, queued].sort((a2, b2) => a2.ordinal - b2.ordinal || a2.id.localeCompare(b2.id)));
+    renderCanvas();
+    renderReader();
+  } catch (error) {
+    showNotice(error.message || String(error), "error");
+  }
+}
+async function removeQueuedFollowUp(queueId) {
+  try {
+    const payload = await cancelQueuedFollowUp(queueId);
+    const cancelled = payload.cancelled;
+    if (!cancelled) return;
+    const queue = state.queuedByNode.get(cancelled.node_id) || [];
+    const remaining = queue.filter((item) => item.id !== cancelled.id);
+    if (remaining.length) state.queuedByNode.set(cancelled.node_id, remaining);
+    else state.queuedByNode.delete(cancelled.node_id);
+    renderCanvas();
+    renderReader();
+  } catch (error) {
+    showNotice(error.message || String(error), "error");
+  }
+}
 function handleStreamEvent(name, payload) {
   if (name === "heartbeat") return;
+  const streamingNodeId = payload?.node_id || payload?.node?.id || payload?.id;
+  if (streamingNodeId) markAttachmentsDelivered(streamingNodeId);
   if (name === "node.created") {
     const node2 = normalizeNode(payload.node || payload);
+    inheritPendingAttachments(node2.parent_node_id, node2.id);
+    if (node2.id) markAttachmentsDelivered(node2.id);
     state.nodes.set(node2.id, node2);
     if (!state.selectedNodeId) state.selectedNodeId = node2.id;
     renderCanvas();
@@ -28666,6 +43928,27 @@ function handleStreamEvent(name, payload) {
     requestAnimationFrame(frameAll);
     return;
   }
+  if (name === "node.continued") {
+    const node2 = normalizeNode(payload.node || payload);
+    if (payload.queued_follow_up_id) {
+      const queue = state.queuedByNode.get(node2.id) || [];
+      const remaining = queue.filter((item) => item.id !== payload.queued_follow_up_id);
+      if (remaining.length) state.queuedByNode.set(node2.id, remaining);
+      else state.queuedByNode.delete(node2.id);
+    }
+    state.nodes.set(node2.id, node2);
+    renderCanvas();
+    renderReader();
+    return;
+  }
+  if (name === "node.retried") {
+    const node2 = normalizeNode(payload.node || payload);
+    node2.error = "";
+    state.nodes.set(node2.id, node2);
+    renderCanvas();
+    renderReader();
+    return;
+  }
   const node = state.nodes.get(payload.node_id);
   if (!node) return;
   if (name === "assistant.delta") {
@@ -28679,7 +43962,7 @@ function handleStreamEvent(name, payload) {
     node.title = payload.title || node.title;
     node.hermes_session_id = payload.hermes_session_id || node.hermes_session_id;
     node.error = "";
-    if (!node.parent_node_id && state.workspace) {
+    if (node.id === state.workspace?.root_node_id && state.workspace) {
       state.workspace.title = node.title;
       renderWorkspaceList();
     }
@@ -28687,6 +43970,9 @@ function handleStreamEvent(name, payload) {
     node.status = "failed";
     node.error = payload.error || "Hermes could not complete this node.";
   }
+  if ((name === "node.completed" || name === "node.failed") && state.selectedNodeId !== node.id) {
+    setNodeUnread(node.id, true);
+  }
   const card = document.querySelector(`[data-node-id="${cssEscape(node.id)}"]`);
   if (card) updateNodeCard(card, node);
   if (state.selectedNodeId === node.id || state.nodes.get(state.selectedNodeId)?.parent_node_id === node.id) renderReader();
@@ -28761,12 +44047,283 @@ function toggleRail(force) {
 function openNewWorkspace() {
   hideSelectionAsk();
   document.getElementById("new-workspace-error").textContent = "";
+  document.getElementById("new-workspace-model").value = state.defaults.model;
+  document.getElementById("new-workspace-reasoning").value = state.defaults.reasoning_effort;
   if (!newDialog.open) newDialog.showModal();
   requestAnimationFrame(() => document.getElementById("new-workspace-prompt").focus());
 }
+function openCanvasMenu(clientX, clientY) {
+  if (!state.workspace || state.mode !== "canvas") return;
+  const menu = document.getElementById("canvas-menu");
+  if (!menu) return;
+  canvasMenuPoint = { clientX, clientY };
+  const rect = document.getElementById("canvas-view").getBoundingClientRect();
+  menu.style.left = `${clientX - rect.left}px`;
+  menu.style.top = `${clientY - rect.top}px`;
+  menu.hidden = false;
+  const screenItem = menu.querySelector('[data-action="menu-new-screen"]');
+  if (screenItem) {
+    screenItem.disabled = state.screenCatalog.length === 0;
+    screenItem.title = state.screenCatalog.length ? "" : "No screens are configured on the server";
+  }
+}
+function closeCanvasMenu() {
+  const menu = document.getElementById("canvas-menu");
+  if (menu) menu.hidden = true;
+  const point = canvasMenuPoint;
+  canvasMenuPoint = null;
+  return point;
+}
+function openScreenDialog(clientX, clientY) {
+  if (!state.workspace || state.mode !== "canvas") return;
+  if (!state.screenCatalog.length) {
+    showNotice("No screens are configured on the server.", "error");
+    return;
+  }
+  const rect = document.getElementById("canvas-view").getBoundingClientRect();
+  pendingScreenPoint = {
+    x: (clientX - rect.left - state.camera.x) / state.camera.scale,
+    y: (clientY - rect.top - state.camera.y) / state.camera.scale
+  };
+  document.getElementById("screen-error").textContent = "";
+  const select = document.getElementById("screen-target");
+  select.replaceChildren(...state.screenCatalog.map((screen) => {
+    const option = document.createElement("option");
+    option.value = screen.key;
+    option.textContent = screen.label;
+    return option;
+  }));
+  if (!screenDialog.open) screenDialog.showModal();
+}
+async function submitNewScreen(event) {
+  event.preventDefault();
+  if (!state.workspace || !pendingScreenPoint) return;
+  const key = document.getElementById("screen-target").value;
+  const error = document.getElementById("screen-error");
+  error.textContent = "";
+  try {
+    const payload = await createScreen(
+      state.workspace.id,
+      key,
+      pendingScreenPoint.x,
+      pendingScreenPoint.y
+    );
+    const screen = normalizeScreen(payload.screen);
+    state.screens.set(screen.id, screen);
+    pendingScreenPoint = null;
+    screenDialog.close();
+    renderCanvas();
+  } catch (failure) {
+    error.textContent = failure.message;
+  }
+}
+async function removeScreen(screenId) {
+  const screen = state.screens.get(screenId);
+  if (!screen) return;
+  disconnectScreen(screenId);
+  state.screens.delete(screenId);
+  renderCanvas();
+  try {
+    await deleteScreen(screenId);
+  } catch (error) {
+    state.screens.set(screenId, screen);
+    renderCanvas();
+    showNotice(`Screen was not closed: ${error.message}`, "error");
+  }
+}
+function installScreenDrag(card) {
+  card.querySelector(".screen-window-head").addEventListener("pointerdown", (event) => {
+    if (event.button !== 0 || event.target.closest("button")) return;
+    event.preventDefault();
+    const screen = state.screens.get(card.dataset.screenId);
+    if (!screen) return;
+    const start = { x: event.clientX, y: event.clientY, screenX: screen.x, screenY: screen.y };
+    card.classList.add("dragging");
+    const move = (next) => {
+      screen.x = start.screenX + (next.clientX - start.x) / state.camera.scale;
+      screen.y = start.screenY + (next.clientY - start.y) / state.camera.scale;
+      applyScreenGeometry(card, screen);
+    };
+    const up = () => {
+      window.removeEventListener("pointermove", move);
+      window.removeEventListener("pointerup", up);
+      card.classList.remove("dragging");
+      void persistScreenLayout(screen);
+    };
+    window.addEventListener("pointermove", move);
+    window.addEventListener("pointerup", up, { once: true });
+  });
+}
+function installScreenResize(card) {
+  card.querySelector(".workspace-node-resize").addEventListener("pointerdown", (event) => {
+    if (event.button !== 0) return;
+    event.preventDefault();
+    event.stopPropagation();
+    const screen = state.screens.get(card.dataset.screenId);
+    if (!screen) return;
+    const start = { x: event.clientX, y: event.clientY, width: screen.width, height: screen.height };
+    const move = (next) => {
+      screen.width = Math.max(
+        MIN_SCREEN_SIZE.width,
+        start.width + (next.clientX - start.x) / state.camera.scale
+      );
+      screen.height = Math.max(
+        MIN_SCREEN_SIZE.height,
+        start.height + (next.clientY - start.y) / state.camera.scale
+      );
+      applyScreenGeometry(card, screen);
+    };
+    const up = () => {
+      window.removeEventListener("pointermove", move);
+      window.removeEventListener("pointerup", up);
+      void persistScreenLayout(screen);
+    };
+    window.addEventListener("pointermove", move);
+    window.addEventListener("pointerup", up, { once: true });
+  });
+}
+async function persistScreenLayout(screen) {
+  try {
+    await saveScreenLayout(screen);
+    state.layoutPatchCount += 1;
+  } catch (error) {
+    showNotice(`Layout was not saved: ${error.message}`, "error");
+  }
+}
+async function addDrawing(clientX, clientY) {
+  if (!state.workspace || state.mode !== "canvas") return;
+  const rect = document.getElementById("canvas-view").getBoundingClientRect();
+  const x = (clientX - rect.left - state.camera.x) / state.camera.scale;
+  const y = (clientY - rect.top - state.camera.y) / state.camera.scale;
+  try {
+    const payload = await createDrawing(state.workspace.id, x, y);
+    const drawing = normalizeDrawing(payload.drawing);
+    state.drawings.set(drawing.id, drawing);
+    renderCanvas();
+  } catch (error) {
+    showNotice(`Drawing was not added: ${error.message}`, "error");
+  }
+}
+async function removeDrawing(drawingId) {
+  const drawing = state.drawings.get(drawingId);
+  if (!drawing) return;
+  state.drawings.delete(drawingId);
+  renderCanvas();
+  try {
+    await deleteDrawing(drawingId);
+  } catch (error) {
+    state.drawings.set(drawingId, drawing);
+    renderCanvas();
+    showNotice(`Drawing was not deleted: ${error.message}`, "error");
+  }
+}
+function installDrawingDrag(card) {
+  card.querySelector(".drawing-window-head").addEventListener("pointerdown", (event) => {
+    if (event.button !== 0 || event.target.closest("button")) return;
+    event.preventDefault();
+    const drawing = state.drawings.get(card.dataset.drawingId);
+    if (!drawing) return;
+    const start = { x: event.clientX, y: event.clientY, drawingX: drawing.x, drawingY: drawing.y };
+    card.classList.add("dragging");
+    card.classList.add("frame-inert");
+    const move = (next) => {
+      drawing.x = start.drawingX + (next.clientX - start.x) / state.camera.scale;
+      drawing.y = start.drawingY + (next.clientY - start.y) / state.camera.scale;
+      applyDrawingGeometry(card, drawing);
+    };
+    const up = () => {
+      window.removeEventListener("pointermove", move);
+      window.removeEventListener("pointerup", up);
+      card.classList.remove("dragging");
+      card.classList.remove("frame-inert");
+      void persistDrawingLayout(drawing);
+    };
+    window.addEventListener("pointermove", move);
+    window.addEventListener("pointerup", up, { once: true });
+  });
+}
+function installDrawingResize(card) {
+  card.querySelector(".workspace-node-resize").addEventListener("pointerdown", (event) => {
+    if (event.button !== 0) return;
+    event.preventDefault();
+    event.stopPropagation();
+    const drawing = state.drawings.get(card.dataset.drawingId);
+    if (!drawing) return;
+    const start = {
+      x: event.clientX,
+      y: event.clientY,
+      width: drawing.width,
+      height: drawing.height
+    };
+    card.classList.add("frame-inert");
+    const move = (next) => {
+      drawing.width = Math.max(
+        MIN_DRAWING_SIZE.width,
+        start.width + (next.clientX - start.x) / state.camera.scale
+      );
+      drawing.height = Math.max(
+        MIN_DRAWING_SIZE.height,
+        start.height + (next.clientY - start.y) / state.camera.scale
+      );
+      applyDrawingGeometry(card, drawing);
+    };
+    const up = () => {
+      window.removeEventListener("pointermove", move);
+      window.removeEventListener("pointerup", up);
+      card.classList.remove("frame-inert");
+      void persistDrawingLayout(drawing);
+    };
+    window.addEventListener("pointermove", move);
+    window.addEventListener("pointerup", up, { once: true });
+  });
+}
+async function persistDrawingLayout(drawing) {
+  try {
+    await saveDrawingLayout(drawing);
+    state.layoutPatchCount += 1;
+  } catch (error) {
+    showNotice(`Layout was not saved: ${error.message}`, "error");
+  }
+}
+function openNewSessionAt(clientX, clientY) {
+  if (!state.workspace || state.mode !== "canvas") return;
+  const rect = document.getElementById("canvas-view").getBoundingClientRect();
+  pendingSessionPoint = {
+    x: (clientX - rect.left - state.camera.x) / state.camera.scale,
+    y: (clientY - rect.top - state.camera.y) / state.camera.scale
+  };
+  document.getElementById("new-session-error").textContent = "";
+  document.getElementById("new-session-prompt").value = "";
+  document.getElementById("new-session-model").value = state.defaults.model;
+  document.getElementById("new-session-reasoning").value = state.defaults.reasoning_effort;
+  if (!newSessionDialog.open) newSessionDialog.showModal();
+  requestAnimationFrame(() => document.getElementById("new-session-prompt").focus());
+}
+function openMergeDialog(nodeId) {
+  const source2 = state.nodes.get(nodeId);
+  if (!source2?.parent_node_id || source2.status !== "completed") return;
+  mergeSourceId = source2.id;
+  const select = document.getElementById("merge-destination");
+  const parent = state.nodes.get(source2.parent_node_id);
+  const options2 = [{ value: "parent", label: `Parent \u2014 ${parent?.title || "Untitled"}` }];
+  if (state.workspace?.root_node_id && state.workspace.root_node_id !== source2.parent_node_id) {
+    const root = state.nodes.get(state.workspace.root_node_id);
+    options2.push({ value: "root", label: `Main/root \u2014 ${root?.title || "Untitled"}` });
+  }
+  select.replaceChildren(...options2.map((item) => {
+    const option = document.createElement("option");
+    option.value = item.value;
+    option.textContent = item.label;
+    return option;
+  }));
+  document.getElementById("merge-instruction").value = "";
+  document.getElementById("merge-error").textContent = "";
+  if (!mergeDialog.open) mergeDialog.showModal();
+}
 function selectNode(nodeId) {
   if (!state.nodes.has(nodeId)) return;
   state.selectedNodeId = nodeId;
+  setNodeUnread(nodeId, false);
   renderCanvas();
   renderReader();
   saveViewState();
@@ -28916,8 +44473,50 @@ function readViewState(workspaceId) {
     return null;
   }
 }
+function readUnreadNodes(workspaceId, nodes) {
+  try {
+    const ids = JSON.parse(safeStorageGet(`${UNREAD_KEY_PREFIX}${workspaceId}`) || "[]");
+    return new Set(Array.isArray(ids) ? ids.filter((id) => nodes.has(id)) : []);
+  } catch {
+    return /* @__PURE__ */ new Set();
+  }
+}
+function persistUnreadNodes() {
+  if (!state.workspace) return;
+  safeStorageSet(`${UNREAD_KEY_PREFIX}${state.workspace.id}`, JSON.stringify([...state.unreadNodeIds]));
+}
+function setNodeUnread(nodeId, unread) {
+  if (!state.nodes.has(nodeId)) return;
+  if (unread) state.unreadNodeIds.add(nodeId);
+  else state.unreadNodeIds.delete(nodeId);
+  persistUnreadNodes();
+  updateUnreadControl();
+}
+function updateUnreadControl() {
+  const button = document.querySelector('[data-action="next-unread"]');
+  if (!button) return;
+  const count = [...state.unreadNodeIds].filter((id) => state.nodes.has(id)).length;
+  button.hidden = count === 0;
+  button.querySelector(".unread-count").textContent = String(count);
+  button.setAttribute("aria-label", `Next unread (${count})`);
+}
+function selectNextUnread() {
+  const node = [...state.nodes.values()].filter((item) => state.unreadNodeIds.has(item.id)).sort((a2, b2) => a2.updated_at.localeCompare(b2.updated_at) || a2.id.localeCompare(b2.id))[0];
+  if (!node) return;
+  state.mode = "canvas";
+  selectNode(node.id);
+  const rect = document.getElementById("canvas-view").getBoundingClientRect();
+  state.camera.x = rect.width / 2 - (node.x + node.width / 2) * state.camera.scale;
+  state.camera.y = rect.height / 2 - (node.y + node.height / 2) * state.camera.scale;
+  renderWorkspace();
+  saveViewState();
+}
+function nodeKind(node) {
+  if (node.parent_node_id) return "branch";
+  return node.id === state.workspace?.root_node_id ? "root" : "standalone";
+}
 function childrenOf(parentId) {
-  return [...state.nodes.values()].filter((node) => node.parent_node_id === parentId).sort((a, b) => a.created_at.localeCompare(b.created_at) || a.id.localeCompare(b.id));
+  return [...state.nodes.values()].filter((node) => node.parent_node_id === parentId).sort((a2, b2) => a2.created_at.localeCompare(b2.created_at) || a2.id.localeCompare(b2.id));
 }
 function lineage(node) {
   const result = [];
diff --git a/web/hermes-dist/drawing.html b/web/hermes-dist/drawing.html
new file mode 100644
index 0000000..27533d9
--- /dev/null
+++ b/web/hermes-dist/drawing.html
@@ -0,0 +1,18 @@
+<!doctype html>
+<html lang="en" data-theme="dark">
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width,initial-scale=1,viewport-fit=cover">
+  <meta name="color-scheme" content="dark light">
+  <title>Drawing</title>
+  <link rel="stylesheet" href="/tldraw.css">
+  <style>
+    html, body { margin: 0; height: 100%; background: #101014; }
+    #drawing-root { position: fixed; inset: 0; }
+  </style>
+</head>
+<body>
+  <div id="drawing-root"></div>
+  <script type="module" src="/drawing.js"></script>
+</body>
+</html>
diff --git a/web/hermes-dist/drawing.js b/web/hermes-dist/drawing.js
new file mode 100644
index 0000000..19045a6
--- /dev/null
+++ b/web/hermes-dist/drawing.js
@@ -0,0 +1,483 @@
+var gme=Object.create;var qO=Object.defineProperty;var yme=Object.getOwnPropertyDescriptor;var Sme=Object.getOwnPropertyNames;var bme=Object.getPrototypeOf,vme=Object.prototype.hasOwnProperty;var wme=(t,e,n)=>()=>{if(n)throw n[0];try{return t&&(e=t(t=0)),e}catch(o){throw n=[o],o}};var qr=(t,e)=>()=>{try{return e||t((e={exports:{}}).exports,e),e.exports}catch(n){throw e=0,n}},il=(t,e)=>{for(var n in e)qO(t,n,{get:e[n],enumerable:!0})},xme=(t,e,n,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of Sme(e))!vme.call(t,r)&&r!==n&&qO(t,r,{get:()=>e[r],enumerable:!(o=yme(e,r))||o.enumerable});return t};var _=(t,e,n)=>(n=t!=null?gme(bme(t)):{},xme(e||!t||!t.__esModule?qO(n,"default",{value:t,enumerable:!0}):n,t));var mj=qr(at=>{"use strict";var JO=Symbol.for("react.transitional.element"),Tme=Symbol.for("react.portal"),Cme=Symbol.for("react.fragment"),Pme=Symbol.for("react.strict_mode"),Eme=Symbol.for("react.profiler"),Ime=Symbol.for("react.consumer"),_me=Symbol.for("react.context"),Mme=Symbol.for("react.forward_ref"),Ame=Symbol.for("react.suspense"),kme=Symbol.for("react.memo"),cj=Symbol.for("react.lazy"),Rme=Symbol.for("react.activity"),ij=Symbol.iterator;function Dme(t){return t===null||typeof t!="object"?null:(t=ij&&t[ij]||t["@@iterator"],typeof t=="function"?t:null)}var uj={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},dj=Object.assign,pj={};function aS(t,e,n){this.props=t,this.context=e,this.refs=pj,this.updater=n||uj}aS.prototype.isReactComponent={};aS.prototype.setState=function(t,e){if(typeof t!="object"&&typeof t!="function"&&t!=null)throw Error("takes an object of state variables to update or a function which returns an object of state variables.");this.updater.enqueueSetState(this,t,e,"setState")};aS.prototype.forceUpdate=function(t){this.updater.enqueueForceUpdate(this,t,"forceUpdate")};function fj(){}fj.prototype=aS.prototype;function QO(t,e,n){this.props=t,this.context=e,this.refs=pj,this.updater=n||uj}var eL=QO.prototype=new fj;eL.constructor=QO;dj(eL,aS.prototype);eL.isPureReactComponent=!0;var sj=Array.isArray;function ZO(){}var so={H:null,A:null,T:null,S:null},hj=Object.prototype.hasOwnProperty;function tL(t,e,n){var o=n.ref;return{$$typeof:JO,type:t,key:e,ref:o!==void 0?o:null,props:n}}function Ome(t,e){return tL(t.type,e,t.props)}function nL(t){return typeof t=="object"&&t!==null&&t.$$typeof===JO}function Lme(t){var e={"=":"=0",":":"=2"};return"$"+t.replace(/[=:]/g,function(n){return e[n]})}var aj=/\/+/g;function XO(t,e){return typeof t=="object"&&t!==null&&t.key!=null?Lme(""+t.key):e.toString(36)}function Nme(t){switch(t.status){case"fulfilled":return t.value;case"rejected":throw t.reason;default:switch(typeof t.status=="string"?t.then(ZO,ZO):(t.status="pending",t.then(function(e){t.status==="pending"&&(t.status="fulfilled",t.value=e)},function(e){t.status==="pending"&&(t.status="rejected",t.reason=e)})),t.status){case"fulfilled":return t.value;case"rejected":throw t.reason}}throw t}function sS(t,e,n,o,r){var i=typeof t;(i==="undefined"||i==="boolean")&&(t=null);var s=!1;if(t===null)s=!0;else switch(i){case"bigint":case"string":case"number":s=!0;break;case"object":switch(t.$$typeof){case JO:case Tme:s=!0;break;case cj:return s=t._init,sS(s(t._payload),e,n,o,r)}}if(s)return r=r(t),s=o===""?"."+XO(t,0):o,sj(r)?(n="",s!=null&&(n=s.replace(aj,"$&/")+"/"),sS(r,e,n,"",function(c){return c})):r!=null&&(nL(r)&&(r=Ome(r,n+(r.key==null||t&&t.key===r.key?"":(""+r.key).replace(aj,"$&/")+"/")+s)),e.push(r)),1;s=0;var a=o===""?".":o+":";if(sj(t))for(var l=0;l<t.length;l++)o=t[l],i=a+XO(o,l),s+=sS(o,e,n,i,r);else if(l=Dme(t),typeof l=="function")for(t=l.call(t),l=0;!(o=t.next()).done;)o=o.value,i=a+XO(o,l++),s+=sS(o,e,n,i,r);else if(i==="object"){if(typeof t.then=="function")return sS(Nme(t),e,n,o,r);throw e=String(t),Error("Objects are not valid as a React child (found: "+(e==="[object Object]"?"object with keys {"+Object.keys(t).join(", ")+"}":e)+"). If you meant to render a collection of children, use an array instead.")}return s}function ZE(t,e,n){if(t==null)return t;var o=[],r=0;return sS(t,o,"","",function(i){return e.call(n,i,r++)}),o}function Fme(t){if(t._status===-1){var e=t._result;e=e(),e.then(function(n){(t._status===0||t._status===-1)&&(t._status=1,t._result=n)},function(n){(t._status===0||t._status===-1)&&(t._status=2,t._result=n)}),t._status===-1&&(t._status=0,t._result=e)}if(t._status===1)return t._result.default;throw t._result}var lj=typeof reportError=="function"?reportError:function(t){if(typeof window=="object"&&typeof window.ErrorEvent=="function"){var e=new window.ErrorEvent("error",{bubbles:!0,cancelable:!0,message:typeof t=="object"&&t!==null&&typeof t.message=="string"?String(t.message):String(t),error:t});if(!window.dispatchEvent(e))return}else if(typeof process=="object"&&typeof process.emit=="function"){process.emit("uncaughtException",t);return}console.error(t)},Bme={map:ZE,forEach:function(t,e,n){ZE(t,function(){e.apply(this,arguments)},n)},count:function(t){var e=0;return ZE(t,function(){e++}),e},toArray:function(t){return ZE(t,function(e){return e})||[]},only:function(t){if(!nL(t))throw Error("React.Children.only expected to receive a single React element child.");return t}};at.Activity=Rme;at.Children=Bme;at.Component=aS;at.Fragment=Cme;at.Profiler=Eme;at.PureComponent=QO;at.StrictMode=Pme;at.Suspense=Ame;at.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=so;at.__COMPILER_RUNTIME={__proto__:null,c:function(t){return so.H.useMemoCache(t)}};at.cache=function(t){return function(){return t.apply(null,arguments)}};at.cacheSignal=function(){return null};at.cloneElement=function(t,e,n){if(t==null)throw Error("The argument must be a React element, but you passed "+t+".");var o=dj({},t.props),r=t.key;if(e!=null)for(i in e.key!==void 0&&(r=""+e.key),e)!hj.call(e,i)||i==="key"||i==="__self"||i==="__source"||i==="ref"&&e.ref===void 0||(o[i]=e[i]);var i=arguments.length-2;if(i===1)o.children=n;else if(1<i){for(var s=Array(i),a=0;a<i;a++)s[a]=arguments[a+2];o.children=s}return tL(t.type,r,o)};at.createContext=function(t){return t={$$typeof:_me,_currentValue:t,_currentValue2:t,_threadCount:0,Provider:null,Consumer:null},t.Provider=t,t.Consumer={$$typeof:Ime,_context:t},t};at.createElement=function(t,e,n){var o,r={},i=null;if(e!=null)for(o in e.key!==void 0&&(i=""+e.key),e)hj.call(e,o)&&o!=="key"&&o!=="__self"&&o!=="__source"&&(r[o]=e[o]);var s=arguments.length-2;if(s===1)r.children=n;else if(1<s){for(var a=Array(s),l=0;l<s;l++)a[l]=arguments[l+2];r.children=a}if(t&&t.defaultProps)for(o in s=t.defaultProps,s)r[o]===void 0&&(r[o]=s[o]);return tL(t,i,r)};at.createRef=function(){return{current:null}};at.forwardRef=function(t){return{$$typeof:Mme,render:t}};at.isValidElement=nL;at.lazy=function(t){return{$$typeof:cj,_payload:{_status:-1,_result:t},_init:Fme}};at.memo=function(t,e){return{$$typeof:kme,type:t,compare:e===void 0?null:e}};at.startTransition=function(t){var e=so.T,n={};so.T=n;try{var o=t(),r=so.S;r!==null&&r(n,o),typeof o=="object"&&o!==null&&typeof o.then=="function"&&o.then(ZO,lj)}catch(i){lj(i)}finally{e!==null&&n.types!==null&&(e.types=n.types),so.T=e}};at.unstable_useCacheRefresh=function(){return so.H.useCacheRefresh()};at.use=function(t){return so.H.use(t)};at.useActionState=function(t,e,n){return so.H.useActionState(t,e,n)};at.useCallback=function(t,e){return so.H.useCallback(t,e)};at.useContext=function(t){return so.H.useContext(t)};at.useDebugValue=function(){};at.useDeferredValue=function(t,e){return so.H.useDeferredValue(t,e)};at.useEffect=function(t,e){return so.H.useEffect(t,e)};at.useEffectEvent=function(t){return so.H.useEffectEvent(t)};at.useId=function(){return so.H.useId()};at.useImperativeHandle=function(t,e,n){return so.H.useImperativeHandle(t,e,n)};at.useInsertionEffect=function(t,e){return so.H.useInsertionEffect(t,e)};at.useLayoutEffect=function(t,e){return so.H.useLayoutEffect(t,e)};at.useMemo=function(t,e){return so.H.useMemo(t,e)};at.useOptimistic=function(t,e){return so.H.useOptimistic(t,e)};at.useReducer=function(t,e,n){return so.H.useReducer(t,e,n)};at.useRef=function(t){return so.H.useRef(t)};at.useState=function(t){return so.H.useState(t)};at.useSyncExternalStore=function(t,e,n){return so.H.useSyncExternalStore(t,e,n)};at.useTransition=function(){return so.H.useTransition()};at.version="19.2.8"});var H=qr((p4e,gj)=>{"use strict";gj.exports=mj()});var Ej=qr(To=>{"use strict";function sL(t,e){var n=t.length;t.push(e);e:for(;0<n;){var o=n-1>>>1,r=t[o];if(0<JE(r,e))t[o]=e,t[n]=r,n=o;else break e}}function Yc(t){return t.length===0?null:t[0]}function eI(t){if(t.length===0)return null;var e=t[0],n=t.pop();if(n!==e){t[0]=n;e:for(var o=0,r=t.length,i=r>>>1;o<i;){var s=2*(o+1)-1,a=t[s],l=s+1,c=t[l];if(0>JE(a,n))l<r&&0>JE(c,a)?(t[o]=c,t[l]=n,o=l):(t[o]=a,t[s]=n,o=s);else if(l<r&&0>JE(c,n))t[o]=c,t[l]=n,o=l;else break e}}return e}function JE(t,e){var n=t.sortIndex-e.sortIndex;return n!==0?n:t.id-e.id}To.unstable_now=void 0;typeof performance=="object"&&typeof performance.now=="function"?(yj=performance,To.unstable_now=function(){return yj.now()}):(oL=Date,Sj=oL.now(),To.unstable_now=function(){return oL.now()-Sj});var yj,oL,Sj,td=[],lf=[],zme=1,sl=null,Vi=3,aL=!1,Xw=!1,Zw=!1,lL=!1,wj=typeof setTimeout=="function"?setTimeout:null,xj=typeof clearTimeout=="function"?clearTimeout:null,bj=typeof setImmediate<"u"?setImmediate:null;function QE(t){for(var e=Yc(lf);e!==null;){if(e.callback===null)eI(lf);else if(e.startTime<=t)eI(lf),e.sortIndex=e.expirationTime,sL(td,e);else break;e=Yc(lf)}}function cL(t){if(Zw=!1,QE(t),!Xw)if(Yc(td)!==null)Xw=!0,cS||(cS=!0,lS());else{var e=Yc(lf);e!==null&&uL(cL,e.startTime-t)}}var cS=!1,Jw=-1,Tj=5,Cj=-1;function Pj(){return lL?!0:!(To.unstable_now()-Cj<Tj)}function rL(){if(lL=!1,cS){var t=To.unstable_now();Cj=t;var e=!0;try{e:{Xw=!1,Zw&&(Zw=!1,xj(Jw),Jw=-1),aL=!0;var n=Vi;try{t:{for(QE(t),sl=Yc(td);sl!==null&&!(sl.expirationTime>t&&Pj());){var o=sl.callback;if(typeof o=="function"){sl.callback=null,Vi=sl.priorityLevel;var r=o(sl.expirationTime<=t);if(t=To.unstable_now(),typeof r=="function"){sl.callback=r,QE(t),e=!0;break t}sl===Yc(td)&&eI(td),QE(t)}else eI(td);sl=Yc(td)}if(sl!==null)e=!0;else{var i=Yc(lf);i!==null&&uL(cL,i.startTime-t),e=!1}}break e}finally{sl=null,Vi=n,aL=!1}e=void 0}}finally{e?lS():cS=!1}}}var lS;typeof bj=="function"?lS=function(){bj(rL)}:typeof MessageChannel<"u"?(iL=new MessageChannel,vj=iL.port2,iL.port1.onmessage=rL,lS=function(){vj.postMessage(null)}):lS=function(){wj(rL,0)};var iL,vj;function uL(t,e){Jw=wj(function(){t(To.unstable_now())},e)}To.unstable_IdlePriority=5;To.unstable_ImmediatePriority=1;To.unstable_LowPriority=4;To.unstable_NormalPriority=3;To.unstable_Profiling=null;To.unstable_UserBlockingPriority=2;To.unstable_cancelCallback=function(t){t.callback=null};To.unstable_forceFrameRate=function(t){0>t||125<t?console.error("forceFrameRate takes a positive int between 0 and 125, forcing frame rates higher than 125 fps is not supported"):Tj=0<t?Math.floor(1e3/t):5};To.unstable_getCurrentPriorityLevel=function(){return Vi};To.unstable_next=function(t){switch(Vi){case 1:case 2:case 3:var e=3;break;default:e=Vi}var n=Vi;Vi=e;try{return t()}finally{Vi=n}};To.unstable_requestPaint=function(){lL=!0};To.unstable_runWithPriority=function(t,e){switch(t){case 1:case 2:case 3:case 4:case 5:break;default:t=3}var n=Vi;Vi=t;try{return e()}finally{Vi=n}};To.unstable_scheduleCallback=function(t,e,n){var o=To.unstable_now();switch(typeof n=="object"&&n!==null?(n=n.delay,n=typeof n=="number"&&0<n?o+n:o):n=o,t){case 1:var r=-1;break;case 2:r=250;break;case 5:r=1073741823;break;case 4:r=1e4;break;default:r=5e3}return r=n+r,t={id:zme++,callback:e,priorityLevel:t,startTime:n,expirationTime:r,sortIndex:-1},n>o?(t.sortIndex=n,sL(lf,t),Yc(td)===null&&t===Yc(lf)&&(Zw?(xj(Jw),Jw=-1):Zw=!0,uL(cL,n-o))):(t.sortIndex=r,sL(td,t),Xw||aL||(Xw=!0,cS||(cS=!0,lS()))),t};To.unstable_shouldYield=Pj;To.unstable_wrapCallback=function(t){var e=Vi;return function(){var n=Vi;Vi=e;try{return t.apply(this,arguments)}finally{Vi=n}}}});var _j=qr((h4e,Ij)=>{"use strict";Ij.exports=Ej()});var Aj=qr(gs=>{"use strict";var Ume=H();function Mj(t){var e="https://react.dev/errors/"+t;if(1<arguments.length){e+="?args[]="+encodeURIComponent(arguments[1]);for(var n=2;n<arguments.length;n++)e+="&args[]="+encodeURIComponent(arguments[n])}return"Minified React error #"+t+"; visit "+e+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}function cf(){}var ms={d:{f:cf,r:function(){throw Error(Mj(522))},D:cf,C:cf,L:cf,m:cf,X:cf,S:cf,M:cf},p:0,findDOMNode:null},Hme=Symbol.for("react.portal");function Vme(t,e,n){var o=3<arguments.length&&arguments[3]!==void 0?arguments[3]:null;return{$$typeof:Hme,key:o==null?null:""+o,children:t,containerInfo:e,implementation:n}}var Qw=Ume.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE;function tI(t,e){if(t==="font")return"";if(typeof e=="string")return e==="use-credentials"?e:""}gs.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE=ms;gs.createPortal=function(t,e){var n=2<arguments.length&&arguments[2]!==void 0?arguments[2]:null;if(!e||e.nodeType!==1&&e.nodeType!==9&&e.nodeType!==11)throw Error(Mj(299));return Vme(t,e,null,n)};gs.flushSync=function(t){var e=Qw.T,n=ms.p;try{if(Qw.T=null,ms.p=2,t)return t()}finally{Qw.T=e,ms.p=n,ms.d.f()}};gs.preconnect=function(t,e){typeof t=="string"&&(e?(e=e.crossOrigin,e=typeof e=="string"?e==="use-credentials"?e:"":void 0):e=null,ms.d.C(t,e))};gs.prefetchDNS=function(t){typeof t=="string"&&ms.d.D(t)};gs.preinit=function(t,e){if(typeof t=="string"&&e&&typeof e.as=="string"){var n=e.as,o=tI(n,e.crossOrigin),r=typeof e.integrity=="string"?e.integrity:void 0,i=typeof e.fetchPriority=="string"?e.fetchPriority:void 0;n==="style"?ms.d.S(t,typeof e.precedence=="string"?e.precedence:void 0,{crossOrigin:o,integrity:r,fetchPriority:i}):n==="script"&&ms.d.X(t,{crossOrigin:o,integrity:r,fetchPriority:i,nonce:typeof e.nonce=="string"?e.nonce:void 0})}};gs.preinitModule=function(t,e){if(typeof t=="string")if(typeof e=="object"&&e!==null){if(e.as==null||e.as==="script"){var n=tI(e.as,e.crossOrigin);ms.d.M(t,{crossOrigin:n,integrity:typeof e.integrity=="string"?e.integrity:void 0,nonce:typeof e.nonce=="string"?e.nonce:void 0})}}else e==null&&ms.d.M(t)};gs.preload=function(t,e){if(typeof t=="string"&&typeof e=="object"&&e!==null&&typeof e.as=="string"){var n=e.as,o=tI(n,e.crossOrigin);ms.d.L(t,n,{crossOrigin:o,integrity:typeof e.integrity=="string"?e.integrity:void 0,nonce:typeof e.nonce=="string"?e.nonce:void 0,type:typeof e.type=="string"?e.type:void 0,fetchPriority:typeof e.fetchPriority=="string"?e.fetchPriority:void 0,referrerPolicy:typeof e.referrerPolicy=="string"?e.referrerPolicy:void 0,imageSrcSet:typeof e.imageSrcSet=="string"?e.imageSrcSet:void 0,imageSizes:typeof e.imageSizes=="string"?e.imageSizes:void 0,media:typeof e.media=="string"?e.media:void 0})}};gs.preloadModule=function(t,e){if(typeof t=="string")if(e){var n=tI(e.as,e.crossOrigin);ms.d.m(t,{as:typeof e.as=="string"&&e.as!=="script"?e.as:void 0,crossOrigin:n,integrity:typeof e.integrity=="string"?e.integrity:void 0})}else ms.d.m(t)};gs.requestFormReset=function(t){ms.d.r(t)};gs.unstable_batchedUpdates=function(t,e){return t(e)};gs.useFormState=function(t,e,n){return Qw.H.useFormState(t,e,n)};gs.useFormStatus=function(){return Qw.H.useHostTransitionStatus()};gs.version="19.2.8"});var Jl=qr((g4e,Rj)=>{"use strict";function kj(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(kj)}catch(t){console.error(t)}}kj(),Rj.exports=Aj()});var $G=qr(E_=>{"use strict";var kr=_j(),r$=H(),jme=Jl();function ee(t){var e="https://react.dev/errors/"+t;if(1<arguments.length){e+="?args[]="+encodeURIComponent(arguments[1]);for(var n=2;n<arguments.length;n++)e+="&args[]="+encodeURIComponent(arguments[n])}return"Minified React error #"+t+"; visit "+e+" for the full message or use the non-minified dev environment for full errors and additional helpful warnings."}function i$(t){return!(!t||t.nodeType!==1&&t.nodeType!==9&&t.nodeType!==11)}function z0(t){var e=t,n=t;if(t.alternate)for(;e.return;)e=e.return;else{t=e;do e=t,(e.flags&4098)!==0&&(n=e.return),t=e.return;while(t)}return e.tag===3?n:null}function s$(t){if(t.tag===13){var e=t.memoizedState;if(e===null&&(t=t.alternate,t!==null&&(e=t.memoizedState)),e!==null)return e.dehydrated}return null}function a$(t){if(t.tag===31){var e=t.memoizedState;if(e===null&&(t=t.alternate,t!==null&&(e=t.memoizedState)),e!==null)return e.dehydrated}return null}function Dj(t){if(z0(t)!==t)throw Error(ee(188))}function $me(t){var e=t.alternate;if(!e){if(e=z0(t),e===null)throw Error(ee(188));return e!==t?null:t}for(var n=t,o=e;;){var r=n.return;if(r===null)break;var i=r.alternate;if(i===null){if(o=r.return,o!==null){n=o;continue}break}if(r.child===i.child){for(i=r.child;i;){if(i===n)return Dj(r),t;if(i===o)return Dj(r),e;i=i.sibling}throw Error(ee(188))}if(n.return!==o.return)n=r,o=i;else{for(var s=!1,a=r.child;a;){if(a===n){s=!0,n=r,o=i;break}if(a===o){s=!0,o=r,n=i;break}a=a.sibling}if(!s){for(a=i.child;a;){if(a===n){s=!0,n=i,o=r;break}if(a===o){s=!0,o=i,n=r;break}a=a.sibling}if(!s)throw Error(ee(189))}}if(n.alternate!==o)throw Error(ee(190))}if(n.tag!==3)throw Error(ee(188));return n.stateNode.current===n?t:e}function l$(t){var e=t.tag;if(e===5||e===26||e===27||e===6)return t;for(t=t.child;t!==null;){if(e=l$(t),e!==null)return e;t=t.sibling}return null}var co=Object.assign,Kme=Symbol.for("react.element"),nI=Symbol.for("react.transitional.element"),a0=Symbol.for("react.portal"),mS=Symbol.for("react.fragment"),c$=Symbol.for("react.strict_mode"),$L=Symbol.for("react.profiler"),u$=Symbol.for("react.consumer"),cd=Symbol.for("react.context"),zN=Symbol.for("react.forward_ref"),KL=Symbol.for("react.suspense"),GL=Symbol.for("react.suspense_list"),UN=Symbol.for("react.memo"),uf=Symbol.for("react.lazy"),WL=Symbol.for("react.activity"),Gme=Symbol.for("react.memo_cache_sentinel"),Oj=Symbol.iterator;function e0(t){return t===null||typeof t!="object"?null:(t=Oj&&t[Oj]||t["@@iterator"],typeof t=="function"?t:null)}var Wme=Symbol.for("react.client.reference");function YL(t){if(t==null)return null;if(typeof t=="function")return t.$$typeof===Wme?null:t.displayName||t.name||null;if(typeof t=="string")return t;switch(t){case mS:return"Fragment";case $L:return"Profiler";case c$:return"StrictMode";case KL:return"Suspense";case GL:return"SuspenseList";case WL:return"Activity"}if(typeof t=="object")switch(t.$$typeof){case a0:return"Portal";case cd:return t.displayName||"Context";case u$:return(t._context.displayName||"Context")+".Consumer";case zN:var e=t.render;return t=t.displayName,t||(t=e.displayName||e.name||"",t=t!==""?"ForwardRef("+t+")":"ForwardRef"),t;case UN:return e=t.displayName||null,e!==null?e:YL(t.type)||"Memo";case uf:e=t._payload,t=t._init;try{return YL(t(e))}catch{}}return null}var l0=Array.isArray,Je=r$.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,rn=jme.__DOM_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,Pm={pending:!1,data:null,method:null,action:null},qL=[],gS=-1;function Qc(t){return{current:t}}function Jr(t){0>gS||(t.current=qL[gS],qL[gS]=null,gS--)}function Xn(t,e){gS++,qL[gS]=t.current,t.current=e}var Jc=Qc(null),P0=Qc(null),wf=Qc(null),LI=Qc(null);function NI(t,e){switch(Xn(wf,e),Xn(P0,t),Xn(Jc,null),e.nodeType){case 9:case 11:t=(t=e.documentElement)&&(t=t.namespaceURI)?H7(t):0;break;default:if(t=e.tagName,e=e.namespaceURI)e=H7(e),t=AG(e,t);else switch(t){case"svg":t=1;break;case"math":t=2;break;default:t=0}}Jr(Jc),Xn(Jc,t)}function OS(){Jr(Jc),Jr(P0),Jr(wf)}function XL(t){t.memoizedState!==null&&Xn(LI,t);var e=Jc.current,n=AG(e,t.type);e!==n&&(Xn(P0,t),Xn(Jc,n))}function FI(t){P0.current===t&&(Jr(Jc),Jr(P0)),LI.current===t&&(Jr(LI),N0._currentValue=Pm)}var dL,Lj;function wm(t){if(dL===void 0)try{throw Error()}catch(n){var e=n.stack.trim().match(/\n( *(at )?)/);dL=e&&e[1]||"",Lj=-1<n.stack.indexOf(`
+    at`)?" (<anonymous>)":-1<n.stack.indexOf("@")?"@unknown:0:0":""}return`
+`+dL+t+Lj}var pL=!1;function fL(t,e){if(!t||pL)return"";pL=!0;var n=Error.prepareStackTrace;Error.prepareStackTrace=void 0;try{var o={DetermineComponentFrameRoot:function(){try{if(e){var u=function(){throw Error()};if(Object.defineProperty(u.prototype,"props",{set:function(){throw Error()}}),typeof Reflect=="object"&&Reflect.construct){try{Reflect.construct(u,[])}catch(f){var p=f}Reflect.construct(t,[],u)}else{try{u.call()}catch(f){p=f}t.call(u.prototype)}}else{try{throw Error()}catch(f){p=f}(u=t())&&typeof u.catch=="function"&&u.catch(function(){})}}catch(f){if(f&&p&&typeof f.stack=="string")return[f.stack,p.stack]}return[null,null]}};o.DetermineComponentFrameRoot.displayName="DetermineComponentFrameRoot";var r=Object.getOwnPropertyDescriptor(o.DetermineComponentFrameRoot,"name");r&&r.configurable&&Object.defineProperty(o.DetermineComponentFrameRoot,"name",{value:"DetermineComponentFrameRoot"});var i=o.DetermineComponentFrameRoot(),s=i[0],a=i[1];if(s&&a){var l=s.split(`
+`),c=a.split(`
+`);for(r=o=0;o<l.length&&!l[o].includes("DetermineComponentFrameRoot");)o++;for(;r<c.length&&!c[r].includes("DetermineComponentFrameRoot");)r++;if(o===l.length||r===c.length)for(o=l.length-1,r=c.length-1;1<=o&&0<=r&&l[o]!==c[r];)r--;for(;1<=o&&0<=r;o--,r--)if(l[o]!==c[r]){if(o!==1||r!==1)do if(o--,r--,0>r||l[o]!==c[r]){var d=`
+`+l[o].replace(" at new "," at ");return t.displayName&&d.includes("<anonymous>")&&(d=d.replace("<anonymous>",t.displayName)),d}while(1<=o&&0<=r);break}}}finally{pL=!1,Error.prepareStackTrace=n}return(n=t?t.displayName||t.name:"")?wm(n):""}function Yme(t,e){switch(t.tag){case 26:case 27:case 5:return wm(t.type);case 16:return wm("Lazy");case 13:return t.child!==e&&e!==null?wm("Suspense Fallback"):wm("Suspense");case 19:return wm("SuspenseList");case 0:case 15:return fL(t.type,!1);case 11:return fL(t.type.render,!1);case 1:return fL(t.type,!0);case 31:return wm("Activity");default:return""}}function Nj(t){try{var e="",n=null;do e+=Yme(t,n),n=t,t=t.return;while(t);return e}catch(o){return`
+Error generating stack: `+o.message+`
+`+o.stack}}var ZL=Object.prototype.hasOwnProperty,HN=kr.unstable_scheduleCallback,hL=kr.unstable_cancelCallback,qme=kr.unstable_shouldYield,Xme=kr.unstable_requestPaint,Pa=kr.unstable_now,Zme=kr.unstable_getCurrentPriorityLevel,d$=kr.unstable_ImmediatePriority,p$=kr.unstable_UserBlockingPriority,BI=kr.unstable_NormalPriority,Jme=kr.unstable_LowPriority,f$=kr.unstable_IdlePriority,Qme=kr.log,ege=kr.unstable_setDisableYieldValue,U0=null,Ea=null;function gf(t){if(typeof Qme=="function"&&ege(t),Ea&&typeof Ea.setStrictMode=="function")try{Ea.setStrictMode(U0,t)}catch{}}var Ia=Math.clz32?Math.clz32:oge,tge=Math.log,nge=Math.LN2;function oge(t){return t>>>=0,t===0?32:31-(tge(t)/nge|0)|0}var oI=256,rI=262144,iI=4194304;function xm(t){var e=t&42;if(e!==0)return e;switch(t&-t){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:return 64;case 128:return 128;case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:return t&261888;case 262144:case 524288:case 1048576:case 2097152:return t&3932160;case 4194304:case 8388608:case 16777216:case 33554432:return t&62914560;case 67108864:return 67108864;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 0;default:return t}}function u_(t,e,n){var o=t.pendingLanes;if(o===0)return 0;var r=0,i=t.suspendedLanes,s=t.pingedLanes;t=t.warmLanes;var a=o&134217727;return a!==0?(o=a&~i,o!==0?r=xm(o):(s&=a,s!==0?r=xm(s):n||(n=a&~t,n!==0&&(r=xm(n))))):(a=o&~i,a!==0?r=xm(a):s!==0?r=xm(s):n||(n=o&~t,n!==0&&(r=xm(n)))),r===0?0:e!==0&&e!==r&&(e&i)===0&&(i=r&-r,n=e&-e,i>=n||i===32&&(n&4194048)!==0)?e:r}function H0(t,e){return(t.pendingLanes&~(t.suspendedLanes&~t.pingedLanes)&e)===0}function rge(t,e){switch(t){case 1:case 2:case 4:case 8:case 64:return e+250;case 16:case 32:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return e+5e3;case 4194304:case 8388608:case 16777216:case 33554432:return-1;case 67108864:case 134217728:case 268435456:case 536870912:case 1073741824:return-1;default:return-1}}function h$(){var t=iI;return iI<<=1,(iI&62914560)===0&&(iI=4194304),t}function mL(t){for(var e=[],n=0;31>n;n++)e.push(t);return e}function V0(t,e){t.pendingLanes|=e,e!==268435456&&(t.suspendedLanes=0,t.pingedLanes=0,t.warmLanes=0)}function ige(t,e,n,o,r,i){var s=t.pendingLanes;t.pendingLanes=n,t.suspendedLanes=0,t.pingedLanes=0,t.warmLanes=0,t.expiredLanes&=n,t.entangledLanes&=n,t.errorRecoveryDisabledLanes&=n,t.shellSuspendCounter=0;var a=t.entanglements,l=t.expirationTimes,c=t.hiddenUpdates;for(n=s&~n;0<n;){var d=31-Ia(n),u=1<<d;a[d]=0,l[d]=-1;var p=c[d];if(p!==null)for(c[d]=null,d=0;d<p.length;d++){var f=p[d];f!==null&&(f.lane&=-536870913)}n&=~u}o!==0&&m$(t,o,0),i!==0&&r===0&&t.tag!==0&&(t.suspendedLanes|=i&~(s&~e))}function m$(t,e,n){t.pendingLanes|=e,t.suspendedLanes&=~e;var o=31-Ia(e);t.entangledLanes|=e,t.entanglements[o]=t.entanglements[o]|1073741824|n&261930}function g$(t,e){var n=t.entangledLanes|=e;for(t=t.entanglements;n;){var o=31-Ia(n),r=1<<o;r&e|t[o]&e&&(t[o]|=e),n&=~r}}function y$(t,e){var n=e&-e;return n=(n&42)!==0?1:VN(n),(n&(t.suspendedLanes|e))!==0?0:n}function VN(t){switch(t){case 2:t=1;break;case 8:t=4;break;case 32:t=16;break;case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:case 4194304:case 8388608:case 16777216:case 33554432:t=128;break;case 268435456:t=134217728;break;default:t=0}return t}function jN(t){return t&=-t,2<t?8<t?(t&134217727)!==0?32:268435456:8:2}function S$(){var t=rn.p;return t!==0?t:(t=window.event,t===void 0?32:HG(t.type))}function Fj(t,e){var n=rn.p;try{return rn.p=t,e()}finally{rn.p=n}}var Of=Math.random().toString(36).slice(2),yi="__reactFiber$"+Of,$s="__reactProps$"+Of,KS="__reactContainer$"+Of,JL="__reactEvents$"+Of,sge="__reactListeners$"+Of,age="__reactHandles$"+Of,Bj="__reactResources$"+Of,j0="__reactMarker$"+Of;function $N(t){delete t[yi],delete t[$s],delete t[JL],delete t[sge],delete t[age]}function yS(t){var e=t[yi];if(e)return e;for(var n=t.parentNode;n;){if(e=n[KS]||n[yi]){if(n=e.alternate,e.child!==null||n!==null&&n.child!==null)for(t=G7(t);t!==null;){if(n=t[yi])return n;t=G7(t)}return e}t=n,n=t.parentNode}return null}function GS(t){if(t=t[yi]||t[KS]){var e=t.tag;if(e===5||e===6||e===13||e===31||e===26||e===27||e===3)return t}return null}function c0(t){var e=t.tag;if(e===5||e===26||e===27||e===6)return t.stateNode;throw Error(ee(33))}function IS(t){var e=t[Bj];return e||(e=t[Bj]={hoistableStyles:new Map,hoistableScripts:new Map}),e}function Zr(t){t[j0]=!0}var b$=new Set,v$={};function Lm(t,e){LS(t,e),LS(t+"Capture",e)}function LS(t,e){for(v$[t]=e,t=0;t<e.length;t++)b$.add(e[t])}var lge=RegExp("^[:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD][:A-Z_a-z\\u00C0-\\u00D6\\u00D8-\\u00F6\\u00F8-\\u02FF\\u0370-\\u037D\\u037F-\\u1FFF\\u200C-\\u200D\\u2070-\\u218F\\u2C00-\\u2FEF\\u3001-\\uD7FF\\uF900-\\uFDCF\\uFDF0-\\uFFFD\\-.0-9\\u00B7\\u0300-\\u036F\\u203F-\\u2040]*$"),zj={},Uj={};function cge(t){return ZL.call(Uj,t)?!0:ZL.call(zj,t)?!1:lge.test(t)?Uj[t]=!0:(zj[t]=!0,!1)}function vI(t,e,n){if(cge(e))if(n===null)t.removeAttribute(e);else{switch(typeof n){case"undefined":case"function":case"symbol":t.removeAttribute(e);return;case"boolean":var o=e.toLowerCase().slice(0,5);if(o!=="data-"&&o!=="aria-"){t.removeAttribute(e);return}}t.setAttribute(e,""+n)}}function sI(t,e,n){if(n===null)t.removeAttribute(e);else{switch(typeof n){case"undefined":case"function":case"symbol":case"boolean":t.removeAttribute(e);return}t.setAttribute(e,""+n)}}function nd(t,e,n,o){if(o===null)t.removeAttribute(n);else{switch(typeof o){case"undefined":case"function":case"symbol":case"boolean":t.removeAttribute(n);return}t.setAttributeNS(e,n,""+o)}}function ll(t){switch(typeof t){case"bigint":case"boolean":case"number":case"string":case"undefined":return t;case"object":return t;default:return""}}function w$(t){var e=t.type;return(t=t.nodeName)&&t.toLowerCase()==="input"&&(e==="checkbox"||e==="radio")}function uge(t,e,n){var o=Object.getOwnPropertyDescriptor(t.constructor.prototype,e);if(!t.hasOwnProperty(e)&&typeof o<"u"&&typeof o.get=="function"&&typeof o.set=="function"){var r=o.get,i=o.set;return Object.defineProperty(t,e,{configurable:!0,get:function(){return r.call(this)},set:function(s){n=""+s,i.call(this,s)}}),Object.defineProperty(t,e,{enumerable:o.enumerable}),{getValue:function(){return n},setValue:function(s){n=""+s},stopTracking:function(){t._valueTracker=null,delete t[e]}}}}function QL(t){if(!t._valueTracker){var e=w$(t)?"checked":"value";t._valueTracker=uge(t,e,""+t[e])}}function x$(t){if(!t)return!1;var e=t._valueTracker;if(!e)return!0;var n=e.getValue(),o="";return t&&(o=w$(t)?t.checked?"true":"false":t.value),t=o,t!==n?(e.setValue(t),!0):!1}function zI(t){if(t=t||(typeof document<"u"?document:void 0),typeof t>"u")return null;try{return t.activeElement||t.body}catch{return t.body}}var dge=/[\n"\\]/g;function dl(t){return t.replace(dge,function(e){return"\\"+e.charCodeAt(0).toString(16)+" "})}function eN(t,e,n,o,r,i,s,a){t.name="",s!=null&&typeof s!="function"&&typeof s!="symbol"&&typeof s!="boolean"?t.type=s:t.removeAttribute("type"),e!=null?s==="number"?(e===0&&t.value===""||t.value!=e)&&(t.value=""+ll(e)):t.value!==""+ll(e)&&(t.value=""+ll(e)):s!=="submit"&&s!=="reset"||t.removeAttribute("value"),e!=null?tN(t,s,ll(e)):n!=null?tN(t,s,ll(n)):o!=null&&t.removeAttribute("value"),r==null&&i!=null&&(t.defaultChecked=!!i),r!=null&&(t.checked=r&&typeof r!="function"&&typeof r!="symbol"),a!=null&&typeof a!="function"&&typeof a!="symbol"&&typeof a!="boolean"?t.name=""+ll(a):t.removeAttribute("name")}function T$(t,e,n,o,r,i,s,a){if(i!=null&&typeof i!="function"&&typeof i!="symbol"&&typeof i!="boolean"&&(t.type=i),e!=null||n!=null){if(!(i!=="submit"&&i!=="reset"||e!=null)){QL(t);return}n=n!=null?""+ll(n):"",e=e!=null?""+ll(e):n,a||e===t.value||(t.value=e),t.defaultValue=e}o=o??r,o=typeof o!="function"&&typeof o!="symbol"&&!!o,t.checked=a?t.checked:!!o,t.defaultChecked=!!o,s!=null&&typeof s!="function"&&typeof s!="symbol"&&typeof s!="boolean"&&(t.name=s),QL(t)}function tN(t,e,n){e==="number"&&zI(t.ownerDocument)===t||t.defaultValue===""+n||(t.defaultValue=""+n)}function _S(t,e,n,o){if(t=t.options,e){e={};for(var r=0;r<n.length;r++)e["$"+n[r]]=!0;for(n=0;n<t.length;n++)r=e.hasOwnProperty("$"+t[n].value),t[n].selected!==r&&(t[n].selected=r),r&&o&&(t[n].defaultSelected=!0)}else{for(n=""+ll(n),e=null,r=0;r<t.length;r++){if(t[r].value===n){t[r].selected=!0,o&&(t[r].defaultSelected=!0);return}e!==null||t[r].disabled||(e=t[r])}e!==null&&(e.selected=!0)}}function C$(t,e,n){if(e!=null&&(e=""+ll(e),e!==t.value&&(t.value=e),n==null)){t.defaultValue!==e&&(t.defaultValue=e);return}t.defaultValue=n!=null?""+ll(n):""}function P$(t,e,n,o){if(e==null){if(o!=null){if(n!=null)throw Error(ee(92));if(l0(o)){if(1<o.length)throw Error(ee(93));o=o[0]}n=o}n==null&&(n=""),e=n}n=ll(e),t.defaultValue=n,o=t.textContent,o===n&&o!==""&&o!==null&&(t.value=o),QL(t)}function NS(t,e){if(e){var n=t.firstChild;if(n&&n===t.lastChild&&n.nodeType===3){n.nodeValue=e;return}}t.textContent=e}var pge=new Set("animationIterationCount aspectRatio borderImageOutset borderImageSlice borderImageWidth boxFlex boxFlexGroup boxOrdinalGroup columnCount columns flex flexGrow flexPositive flexShrink flexNegative flexOrder gridArea gridRow gridRowEnd gridRowSpan gridRowStart gridColumn gridColumnEnd gridColumnSpan gridColumnStart fontWeight lineClamp lineHeight opacity order orphans scale tabSize widows zIndex zoom fillOpacity floodOpacity stopOpacity strokeDasharray strokeDashoffset strokeMiterlimit strokeOpacity strokeWidth MozAnimationIterationCount MozBoxFlex MozBoxFlexGroup MozLineClamp msAnimationIterationCount msFlex msZoom msFlexGrow msFlexNegative msFlexOrder msFlexPositive msFlexShrink msGridColumn msGridColumnSpan msGridRow msGridRowSpan WebkitAnimationIterationCount WebkitBoxFlex WebKitBoxFlexGroup WebkitBoxOrdinalGroup WebkitColumnCount WebkitColumns WebkitFlex WebkitFlexGrow WebkitFlexPositive WebkitFlexShrink WebkitLineClamp".split(" "));function Hj(t,e,n){var o=e.indexOf("--")===0;n==null||typeof n=="boolean"||n===""?o?t.setProperty(e,""):e==="float"?t.cssFloat="":t[e]="":o?t.setProperty(e,n):typeof n!="number"||n===0||pge.has(e)?e==="float"?t.cssFloat=n:t[e]=(""+n).trim():t[e]=n+"px"}function E$(t,e,n){if(e!=null&&typeof e!="object")throw Error(ee(62));if(t=t.style,n!=null){for(var o in n)!n.hasOwnProperty(o)||e!=null&&e.hasOwnProperty(o)||(o.indexOf("--")===0?t.setProperty(o,""):o==="float"?t.cssFloat="":t[o]="");for(var r in e)o=e[r],e.hasOwnProperty(r)&&n[r]!==o&&Hj(t,r,o)}else for(var i in e)e.hasOwnProperty(i)&&Hj(t,i,e[i])}function KN(t){if(t.indexOf("-")===-1)return!1;switch(t){case"annotation-xml":case"color-profile":case"font-face":case"font-face-src":case"font-face-uri":case"font-face-format":case"font-face-name":case"missing-glyph":return!1;default:return!0}}var fge=new Map([["acceptCharset","accept-charset"],["htmlFor","for"],["httpEquiv","http-equiv"],["crossOrigin","crossorigin"],["accentHeight","accent-height"],["alignmentBaseline","alignment-baseline"],["arabicForm","arabic-form"],["baselineShift","baseline-shift"],["capHeight","cap-height"],["clipPath","clip-path"],["clipRule","clip-rule"],["colorInterpolation","color-interpolation"],["colorInterpolationFilters","color-interpolation-filters"],["colorProfile","color-profile"],["colorRendering","color-rendering"],["dominantBaseline","dominant-baseline"],["enableBackground","enable-background"],["fillOpacity","fill-opacity"],["fillRule","fill-rule"],["floodColor","flood-color"],["floodOpacity","flood-opacity"],["fontFamily","font-family"],["fontSize","font-size"],["fontSizeAdjust","font-size-adjust"],["fontStretch","font-stretch"],["fontStyle","font-style"],["fontVariant","font-variant"],["fontWeight","font-weight"],["glyphName","glyph-name"],["glyphOrientationHorizontal","glyph-orientation-horizontal"],["glyphOrientationVertical","glyph-orientation-vertical"],["horizAdvX","horiz-adv-x"],["horizOriginX","horiz-origin-x"],["imageRendering","image-rendering"],["letterSpacing","letter-spacing"],["lightingColor","lighting-color"],["markerEnd","marker-end"],["markerMid","marker-mid"],["markerStart","marker-start"],["overlinePosition","overline-position"],["overlineThickness","overline-thickness"],["paintOrder","paint-order"],["panose-1","panose-1"],["pointerEvents","pointer-events"],["renderingIntent","rendering-intent"],["shapeRendering","shape-rendering"],["stopColor","stop-color"],["stopOpacity","stop-opacity"],["strikethroughPosition","strikethrough-position"],["strikethroughThickness","strikethrough-thickness"],["strokeDasharray","stroke-dasharray"],["strokeDashoffset","stroke-dashoffset"],["strokeLinecap","stroke-linecap"],["strokeLinejoin","stroke-linejoin"],["strokeMiterlimit","stroke-miterlimit"],["strokeOpacity","stroke-opacity"],["strokeWidth","stroke-width"],["textAnchor","text-anchor"],["textDecoration","text-decoration"],["textRendering","text-rendering"],["transformOrigin","transform-origin"],["underlinePosition","underline-position"],["underlineThickness","underline-thickness"],["unicodeBidi","unicode-bidi"],["unicodeRange","unicode-range"],["unitsPerEm","units-per-em"],["vAlphabetic","v-alphabetic"],["vHanging","v-hanging"],["vIdeographic","v-ideographic"],["vMathematical","v-mathematical"],["vectorEffect","vector-effect"],["vertAdvY","vert-adv-y"],["vertOriginX","vert-origin-x"],["vertOriginY","vert-origin-y"],["wordSpacing","word-spacing"],["writingMode","writing-mode"],["xmlnsXlink","xmlns:xlink"],["xHeight","x-height"]]),hge=/^[\u0000-\u001F ]*j[\r\n\t]*a[\r\n\t]*v[\r\n\t]*a[\r\n\t]*s[\r\n\t]*c[\r\n\t]*r[\r\n\t]*i[\r\n\t]*p[\r\n\t]*t[\r\n\t]*:/i;function wI(t){return hge.test(""+t)?"javascript:throw new Error('React has blocked a javascript: URL as a security precaution.')":t}function ud(){}var nN=null;function GN(t){return t=t.target||t.srcElement||window,t.correspondingUseElement&&(t=t.correspondingUseElement),t.nodeType===3?t.parentNode:t}var SS=null,MS=null;function Vj(t){var e=GS(t);if(e&&(t=e.stateNode)){var n=t[$s]||null;e:switch(t=e.stateNode,e.type){case"input":if(eN(t,n.value,n.defaultValue,n.defaultValue,n.checked,n.defaultChecked,n.type,n.name),e=n.name,n.type==="radio"&&e!=null){for(n=t;n.parentNode;)n=n.parentNode;for(n=n.querySelectorAll('input[name="'+dl(""+e)+'"][type="radio"]'),e=0;e<n.length;e++){var o=n[e];if(o!==t&&o.form===t.form){var r=o[$s]||null;if(!r)throw Error(ee(90));eN(o,r.value,r.defaultValue,r.defaultValue,r.checked,r.defaultChecked,r.type,r.name)}}for(e=0;e<n.length;e++)o=n[e],o.form===t.form&&x$(o)}break e;case"textarea":C$(t,n.value,n.defaultValue);break e;case"select":e=n.value,e!=null&&_S(t,!!n.multiple,e,!1)}}}var gL=!1;function I$(t,e,n){if(gL)return t(e,n);gL=!0;try{var o=t(e);return o}finally{if(gL=!1,(SS!==null||MS!==null)&&(x_(),SS&&(e=SS,t=MS,MS=SS=null,Vj(e),t)))for(e=0;e<t.length;e++)Vj(t[e])}}function E0(t,e){var n=t.stateNode;if(n===null)return null;var o=n[$s]||null;if(o===null)return null;n=o[e];e:switch(e){case"onClick":case"onClickCapture":case"onDoubleClick":case"onDoubleClickCapture":case"onMouseDown":case"onMouseDownCapture":case"onMouseMove":case"onMouseMoveCapture":case"onMouseUp":case"onMouseUpCapture":case"onMouseEnter":(o=!o.disabled)||(t=t.type,o=!(t==="button"||t==="input"||t==="select"||t==="textarea")),t=!o;break e;default:t=!1}if(t)return null;if(n&&typeof n!="function")throw Error(ee(231,e,typeof n));return n}var md=!(typeof window>"u"||typeof window.document>"u"||typeof window.document.createElement>"u"),oN=!1;if(md)try{uS={},Object.defineProperty(uS,"passive",{get:function(){oN=!0}}),window.addEventListener("test",uS,uS),window.removeEventListener("test",uS,uS)}catch{oN=!1}var uS,yf=null,WN=null,xI=null;function _$(){if(xI)return xI;var t,e=WN,n=e.length,o,r="value"in yf?yf.value:yf.textContent,i=r.length;for(t=0;t<n&&e[t]===r[t];t++);var s=n-t;for(o=1;o<=s&&e[n-o]===r[i-o];o++);return xI=r.slice(t,1<o?1-o:void 0)}function TI(t){var e=t.keyCode;return"charCode"in t?(t=t.charCode,t===0&&e===13&&(t=13)):t=e,t===10&&(t=13),32<=t||t===13?t:0}function aI(){return!0}function jj(){return!1}function Ks(t){function e(n,o,r,i,s){this._reactName=n,this._targetInst=r,this.type=o,this.nativeEvent=i,this.target=s,this.currentTarget=null;for(var a in t)t.hasOwnProperty(a)&&(n=t[a],this[a]=n?n(i):i[a]);return this.isDefaultPrevented=(i.defaultPrevented!=null?i.defaultPrevented:i.returnValue===!1)?aI:jj,this.isPropagationStopped=jj,this}return co(e.prototype,{preventDefault:function(){this.defaultPrevented=!0;var n=this.nativeEvent;n&&(n.preventDefault?n.preventDefault():typeof n.returnValue!="unknown"&&(n.returnValue=!1),this.isDefaultPrevented=aI)},stopPropagation:function(){var n=this.nativeEvent;n&&(n.stopPropagation?n.stopPropagation():typeof n.cancelBubble!="unknown"&&(n.cancelBubble=!0),this.isPropagationStopped=aI)},persist:function(){},isPersistent:aI}),e}var Nm={eventPhase:0,bubbles:0,cancelable:0,timeStamp:function(t){return t.timeStamp||Date.now()},defaultPrevented:0,isTrusted:0},d_=Ks(Nm),$0=co({},Nm,{view:0,detail:0}),mge=Ks($0),yL,SL,t0,p_=co({},$0,{screenX:0,screenY:0,clientX:0,clientY:0,pageX:0,pageY:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,getModifierState:YN,button:0,buttons:0,relatedTarget:function(t){return t.relatedTarget===void 0?t.fromElement===t.srcElement?t.toElement:t.fromElement:t.relatedTarget},movementX:function(t){return"movementX"in t?t.movementX:(t!==t0&&(t0&&t.type==="mousemove"?(yL=t.screenX-t0.screenX,SL=t.screenY-t0.screenY):SL=yL=0,t0=t),yL)},movementY:function(t){return"movementY"in t?t.movementY:SL}}),$j=Ks(p_),gge=co({},p_,{dataTransfer:0}),yge=Ks(gge),Sge=co({},$0,{relatedTarget:0}),bL=Ks(Sge),bge=co({},Nm,{animationName:0,elapsedTime:0,pseudoElement:0}),vge=Ks(bge),wge=co({},Nm,{clipboardData:function(t){return"clipboardData"in t?t.clipboardData:window.clipboardData}}),xge=Ks(wge),Tge=co({},Nm,{data:0}),Kj=Ks(Tge),Cge={Esc:"Escape",Spacebar:" ",Left:"ArrowLeft",Up:"ArrowUp",Right:"ArrowRight",Down:"ArrowDown",Del:"Delete",Win:"OS",Menu:"ContextMenu",Apps:"ContextMenu",Scroll:"ScrollLock",MozPrintableKey:"Unidentified"},Pge={8:"Backspace",9:"Tab",12:"Clear",13:"Enter",16:"Shift",17:"Control",18:"Alt",19:"Pause",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",45:"Insert",46:"Delete",112:"F1",113:"F2",114:"F3",115:"F4",116:"F5",117:"F6",118:"F7",119:"F8",120:"F9",121:"F10",122:"F11",123:"F12",144:"NumLock",145:"ScrollLock",224:"Meta"},Ege={Alt:"altKey",Control:"ctrlKey",Meta:"metaKey",Shift:"shiftKey"};function Ige(t){var e=this.nativeEvent;return e.getModifierState?e.getModifierState(t):(t=Ege[t])?!!e[t]:!1}function YN(){return Ige}var _ge=co({},$0,{key:function(t){if(t.key){var e=Cge[t.key]||t.key;if(e!=="Unidentified")return e}return t.type==="keypress"?(t=TI(t),t===13?"Enter":String.fromCharCode(t)):t.type==="keydown"||t.type==="keyup"?Pge[t.keyCode]||"Unidentified":""},code:0,location:0,ctrlKey:0,shiftKey:0,altKey:0,metaKey:0,repeat:0,locale:0,getModifierState:YN,charCode:function(t){return t.type==="keypress"?TI(t):0},keyCode:function(t){return t.type==="keydown"||t.type==="keyup"?t.keyCode:0},which:function(t){return t.type==="keypress"?TI(t):t.type==="keydown"||t.type==="keyup"?t.keyCode:0}}),Mge=Ks(_ge),Age=co({},p_,{pointerId:0,width:0,height:0,pressure:0,tangentialPressure:0,tiltX:0,tiltY:0,twist:0,pointerType:0,isPrimary:0}),Gj=Ks(Age),kge=co({},$0,{touches:0,targetTouches:0,changedTouches:0,altKey:0,metaKey:0,ctrlKey:0,shiftKey:0,getModifierState:YN}),Rge=Ks(kge),Dge=co({},Nm,{propertyName:0,elapsedTime:0,pseudoElement:0}),Oge=Ks(Dge),Lge=co({},p_,{deltaX:function(t){return"deltaX"in t?t.deltaX:"wheelDeltaX"in t?-t.wheelDeltaX:0},deltaY:function(t){return"deltaY"in t?t.deltaY:"wheelDeltaY"in t?-t.wheelDeltaY:"wheelDelta"in t?-t.wheelDelta:0},deltaZ:0,deltaMode:0}),Nge=Ks(Lge),Fge=co({},Nm,{newState:0,oldState:0}),Bge=Ks(Fge),zge=[9,13,27,32],qN=md&&"CompositionEvent"in window,p0=null;md&&"documentMode"in document&&(p0=document.documentMode);var Uge=md&&"TextEvent"in window&&!p0,M$=md&&(!qN||p0&&8<p0&&11>=p0),Wj=" ",Yj=!1;function A$(t,e){switch(t){case"keyup":return zge.indexOf(e.keyCode)!==-1;case"keydown":return e.keyCode!==229;case"keypress":case"mousedown":case"focusout":return!0;default:return!1}}function k$(t){return t=t.detail,typeof t=="object"&&"data"in t?t.data:null}var bS=!1;function Hge(t,e){switch(t){case"compositionend":return k$(e);case"keypress":return e.which!==32?null:(Yj=!0,Wj);case"textInput":return t=e.data,t===Wj&&Yj?null:t;default:return null}}function Vge(t,e){if(bS)return t==="compositionend"||!qN&&A$(t,e)?(t=_$(),xI=WN=yf=null,bS=!1,t):null;switch(t){case"paste":return null;case"keypress":if(!(e.ctrlKey||e.altKey||e.metaKey)||e.ctrlKey&&e.altKey){if(e.char&&1<e.char.length)return e.char;if(e.which)return String.fromCharCode(e.which)}return null;case"compositionend":return M$&&e.locale!=="ko"?null:e.data;default:return null}}var jge={color:!0,date:!0,datetime:!0,"datetime-local":!0,email:!0,month:!0,number:!0,password:!0,range:!0,search:!0,tel:!0,text:!0,time:!0,url:!0,week:!0};function qj(t){var e=t&&t.nodeName&&t.nodeName.toLowerCase();return e==="input"?!!jge[t.type]:e==="textarea"}function R$(t,e,n,o){SS?MS?MS.push(o):MS=[o]:SS=o,e=o_(e,"onChange"),0<e.length&&(n=new d_("onChange","change",null,n,o),t.push({event:n,listeners:e}))}var f0=null,I0=null;function $ge(t){IG(t,0)}function f_(t){var e=c0(t);if(x$(e))return t}function Xj(t,e){if(t==="change")return e}var D$=!1;md&&(md?(cI="oninput"in document,cI||(vL=document.createElement("div"),vL.setAttribute("oninput","return;"),cI=typeof vL.oninput=="function"),lI=cI):lI=!1,D$=lI&&(!document.documentMode||9<document.documentMode));var lI,cI,vL;function Zj(){f0&&(f0.detachEvent("onpropertychange",O$),I0=f0=null)}function O$(t){if(t.propertyName==="value"&&f_(I0)){var e=[];R$(e,I0,t,GN(t)),I$($ge,e)}}function Kge(t,e,n){t==="focusin"?(Zj(),f0=e,I0=n,f0.attachEvent("onpropertychange",O$)):t==="focusout"&&Zj()}function Gge(t){if(t==="selectionchange"||t==="keyup"||t==="keydown")return f_(I0)}function Wge(t,e){if(t==="click")return f_(e)}function Yge(t,e){if(t==="input"||t==="change")return f_(e)}function qge(t,e){return t===e&&(t!==0||1/t===1/e)||t!==t&&e!==e}var Ma=typeof Object.is=="function"?Object.is:qge;function _0(t,e){if(Ma(t,e))return!0;if(typeof t!="object"||t===null||typeof e!="object"||e===null)return!1;var n=Object.keys(t),o=Object.keys(e);if(n.length!==o.length)return!1;for(o=0;o<n.length;o++){var r=n[o];if(!ZL.call(e,r)||!Ma(t[r],e[r]))return!1}return!0}function Jj(t){for(;t&&t.firstChild;)t=t.firstChild;return t}function Qj(t,e){var n=Jj(t);t=0;for(var o;n;){if(n.nodeType===3){if(o=t+n.textContent.length,t<=e&&o>=e)return{node:n,offset:e-t};t=o}e:{for(;n;){if(n.nextSibling){n=n.nextSibling;break e}n=n.parentNode}n=void 0}n=Jj(n)}}function L$(t,e){return t&&e?t===e?!0:t&&t.nodeType===3?!1:e&&e.nodeType===3?L$(t,e.parentNode):"contains"in t?t.contains(e):t.compareDocumentPosition?!!(t.compareDocumentPosition(e)&16):!1:!1}function N$(t){t=t!=null&&t.ownerDocument!=null&&t.ownerDocument.defaultView!=null?t.ownerDocument.defaultView:window;for(var e=zI(t.document);e instanceof t.HTMLIFrameElement;){try{var n=typeof e.contentWindow.location.href=="string"}catch{n=!1}if(n)t=e.contentWindow;else break;e=zI(t.document)}return e}function XN(t){var e=t&&t.nodeName&&t.nodeName.toLowerCase();return e&&(e==="input"&&(t.type==="text"||t.type==="search"||t.type==="tel"||t.type==="url"||t.type==="password")||e==="textarea"||t.contentEditable==="true")}var Xge=md&&"documentMode"in document&&11>=document.documentMode,vS=null,rN=null,h0=null,iN=!1;function e7(t,e,n){var o=n.window===n?n.document:n.nodeType===9?n:n.ownerDocument;iN||vS==null||vS!==zI(o)||(o=vS,"selectionStart"in o&&XN(o)?o={start:o.selectionStart,end:o.selectionEnd}:(o=(o.ownerDocument&&o.ownerDocument.defaultView||window).getSelection(),o={anchorNode:o.anchorNode,anchorOffset:o.anchorOffset,focusNode:o.focusNode,focusOffset:o.focusOffset}),h0&&_0(h0,o)||(h0=o,o=o_(rN,"onSelect"),0<o.length&&(e=new d_("onSelect","select",null,e,n),t.push({event:e,listeners:o}),e.target=vS)))}function vm(t,e){var n={};return n[t.toLowerCase()]=e.toLowerCase(),n["Webkit"+t]="webkit"+e,n["Moz"+t]="moz"+e,n}var wS={animationend:vm("Animation","AnimationEnd"),animationiteration:vm("Animation","AnimationIteration"),animationstart:vm("Animation","AnimationStart"),transitionrun:vm("Transition","TransitionRun"),transitionstart:vm("Transition","TransitionStart"),transitioncancel:vm("Transition","TransitionCancel"),transitionend:vm("Transition","TransitionEnd")},wL={},F$={};md&&(F$=document.createElement("div").style,"AnimationEvent"in window||(delete wS.animationend.animation,delete wS.animationiteration.animation,delete wS.animationstart.animation),"TransitionEvent"in window||delete wS.transitionend.transition);function Fm(t){if(wL[t])return wL[t];if(!wS[t])return t;var e=wS[t],n;for(n in e)if(e.hasOwnProperty(n)&&n in F$)return wL[t]=e[n];return t}var B$=Fm("animationend"),z$=Fm("animationiteration"),U$=Fm("animationstart"),Zge=Fm("transitionrun"),Jge=Fm("transitionstart"),Qge=Fm("transitioncancel"),H$=Fm("transitionend"),V$=new Map,sN="abort auxClick beforeToggle cancel canPlay canPlayThrough click close contextMenu copy cut drag dragEnd dragEnter dragExit dragLeave dragOver dragStart drop durationChange emptied encrypted ended error gotPointerCapture input invalid keyDown keyPress keyUp load loadedData loadedMetadata loadStart lostPointerCapture mouseDown mouseMove mouseOut mouseOver mouseUp paste pause play playing pointerCancel pointerDown pointerMove pointerOut pointerOver pointerUp progress rateChange reset resize seeked seeking stalled submit suspend timeUpdate touchCancel touchEnd touchStart volumeChange scroll toggle touchMove waiting wheel".split(" ");sN.push("scrollEnd");function tc(t,e){V$.set(t,e),Lm(e,[t])}var UI=typeof reportError=="function"?reportError:function(t){if(typeof window=="object"&&typeof window.ErrorEvent=="function"){var e=new window.ErrorEvent("error",{bubbles:!0,cancelable:!0,message:typeof t=="object"&&t!==null&&typeof t.message=="string"?String(t.message):String(t),error:t});if(!window.dispatchEvent(e))return}else if(typeof process=="object"&&typeof process.emit=="function"){process.emit("uncaughtException",t);return}console.error(t)},al=[],xS=0,ZN=0;function h_(){for(var t=xS,e=ZN=xS=0;e<t;){var n=al[e];al[e++]=null;var o=al[e];al[e++]=null;var r=al[e];al[e++]=null;var i=al[e];if(al[e++]=null,o!==null&&r!==null){var s=o.pending;s===null?r.next=r:(r.next=s.next,s.next=r),o.pending=r}i!==0&&j$(n,r,i)}}function m_(t,e,n,o){al[xS++]=t,al[xS++]=e,al[xS++]=n,al[xS++]=o,ZN|=o,t.lanes|=o,t=t.alternate,t!==null&&(t.lanes|=o)}function JN(t,e,n,o){return m_(t,e,n,o),HI(t)}function Bm(t,e){return m_(t,null,null,e),HI(t)}function j$(t,e,n){t.lanes|=n;var o=t.alternate;o!==null&&(o.lanes|=n);for(var r=!1,i=t.return;i!==null;)i.childLanes|=n,o=i.alternate,o!==null&&(o.childLanes|=n),i.tag===22&&(t=i.stateNode,t===null||t._visibility&1||(r=!0)),t=i,i=i.return;return t.tag===3?(i=t.stateNode,r&&e!==null&&(r=31-Ia(n),t=i.hiddenUpdates,o=t[r],o===null?t[r]=[e]:o.push(e),e.lane=n|536870912),i):null}function HI(t){if(50<T0)throw T0=0,IN=null,Error(ee(185));for(var e=t.return;e!==null;)t=e,e=t.return;return t.tag===3?t.stateNode:null}var TS={};function eye(t,e,n,o){this.tag=t,this.key=n,this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null,this.index=0,this.refCleanup=this.ref=null,this.pendingProps=e,this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null,this.mode=o,this.subtreeFlags=this.flags=0,this.deletions=null,this.childLanes=this.lanes=0,this.alternate=null}function Ta(t,e,n,o){return new eye(t,e,n,o)}function QN(t){return t=t.prototype,!(!t||!t.isReactComponent)}function pd(t,e){var n=t.alternate;return n===null?(n=Ta(t.tag,e,t.key,t.mode),n.elementType=t.elementType,n.type=t.type,n.stateNode=t.stateNode,n.alternate=t,t.alternate=n):(n.pendingProps=e,n.type=t.type,n.flags=0,n.subtreeFlags=0,n.deletions=null),n.flags=t.flags&65011712,n.childLanes=t.childLanes,n.lanes=t.lanes,n.child=t.child,n.memoizedProps=t.memoizedProps,n.memoizedState=t.memoizedState,n.updateQueue=t.updateQueue,e=t.dependencies,n.dependencies=e===null?null:{lanes:e.lanes,firstContext:e.firstContext},n.sibling=t.sibling,n.index=t.index,n.ref=t.ref,n.refCleanup=t.refCleanup,n}function $$(t,e){t.flags&=65011714;var n=t.alternate;return n===null?(t.childLanes=0,t.lanes=e,t.child=null,t.subtreeFlags=0,t.memoizedProps=null,t.memoizedState=null,t.updateQueue=null,t.dependencies=null,t.stateNode=null):(t.childLanes=n.childLanes,t.lanes=n.lanes,t.child=n.child,t.subtreeFlags=0,t.deletions=null,t.memoizedProps=n.memoizedProps,t.memoizedState=n.memoizedState,t.updateQueue=n.updateQueue,t.type=n.type,e=n.dependencies,t.dependencies=e===null?null:{lanes:e.lanes,firstContext:e.firstContext}),t}function CI(t,e,n,o,r,i){var s=0;if(o=t,typeof t=="function")QN(t)&&(s=1);else if(typeof t=="string")s=oSe(t,n,Jc.current)?26:t==="html"||t==="head"||t==="body"?27:5;else e:switch(t){case WL:return t=Ta(31,n,e,r),t.elementType=WL,t.lanes=i,t;case mS:return Em(n.children,r,i,e);case c$:s=8,r|=24;break;case $L:return t=Ta(12,n,e,r|2),t.elementType=$L,t.lanes=i,t;case KL:return t=Ta(13,n,e,r),t.elementType=KL,t.lanes=i,t;case GL:return t=Ta(19,n,e,r),t.elementType=GL,t.lanes=i,t;default:if(typeof t=="object"&&t!==null)switch(t.$$typeof){case cd:s=10;break e;case u$:s=9;break e;case zN:s=11;break e;case UN:s=14;break e;case uf:s=16,o=null;break e}s=29,n=Error(ee(130,t===null?"null":typeof t,"")),o=null}return e=Ta(s,n,e,r),e.elementType=t,e.type=o,e.lanes=i,e}function Em(t,e,n,o){return t=Ta(7,t,o,e),t.lanes=n,t}function xL(t,e,n){return t=Ta(6,t,null,e),t.lanes=n,t}function K$(t){var e=Ta(18,null,null,0);return e.stateNode=t,e}function TL(t,e,n){return e=Ta(4,t.children!==null?t.children:[],t.key,e),e.lanes=n,e.stateNode={containerInfo:t.containerInfo,pendingChildren:null,implementation:t.implementation},e}var t7=new WeakMap;function pl(t,e){if(typeof t=="object"&&t!==null){var n=t7.get(t);return n!==void 0?n:(e={value:t,source:e,stack:Nj(e)},t7.set(t,e),e)}return{value:t,source:e,stack:Nj(e)}}var CS=[],PS=0,VI=null,M0=0,cl=[],ul=0,Af=null,qc=1,Xc="";function ad(t,e){CS[PS++]=M0,CS[PS++]=VI,VI=t,M0=e}function G$(t,e,n){cl[ul++]=qc,cl[ul++]=Xc,cl[ul++]=Af,Af=t;var o=qc;t=Xc;var r=32-Ia(o)-1;o&=~(1<<r),n+=1;var i=32-Ia(e)+r;if(30<i){var s=r-r%5;i=(o&(1<<s)-1).toString(32),o>>=s,r-=s,qc=1<<32-Ia(e)+r|n<<r|o,Xc=i+t}else qc=1<<i|n<<r|o,Xc=t}function eF(t){t.return!==null&&(ad(t,1),G$(t,1,0))}function tF(t){for(;t===VI;)VI=CS[--PS],CS[PS]=null,M0=CS[--PS],CS[PS]=null;for(;t===Af;)Af=cl[--ul],cl[ul]=null,Xc=cl[--ul],cl[ul]=null,qc=cl[--ul],cl[ul]=null}function W$(t,e){cl[ul++]=qc,cl[ul++]=Xc,cl[ul++]=Af,qc=e.id,Xc=e.overflow,Af=t}var Si=null,lo=null,Bt=!1,xf=null,fl=!1,aN=Error(ee(519));function kf(t){var e=Error(ee(418,1<arguments.length&&arguments[1]!==void 0&&arguments[1]?"text":"HTML",""));throw A0(pl(e,t)),aN}function n7(t){var e=t.stateNode,n=t.type,o=t.memoizedProps;switch(e[yi]=t,e[$s]=o,n){case"dialog":_t("cancel",e),_t("close",e);break;case"iframe":case"object":case"embed":_t("load",e);break;case"video":case"audio":for(n=0;n<O0.length;n++)_t(O0[n],e);break;case"source":_t("error",e);break;case"img":case"image":case"link":_t("error",e),_t("load",e);break;case"details":_t("toggle",e);break;case"input":_t("invalid",e),T$(e,o.value,o.defaultValue,o.checked,o.defaultChecked,o.type,o.name,!0);break;case"select":_t("invalid",e);break;case"textarea":_t("invalid",e),P$(e,o.value,o.defaultValue,o.children)}n=o.children,typeof n!="string"&&typeof n!="number"&&typeof n!="bigint"||e.textContent===""+n||o.suppressHydrationWarning===!0||MG(e.textContent,n)?(o.popover!=null&&(_t("beforetoggle",e),_t("toggle",e)),o.onScroll!=null&&_t("scroll",e),o.onScrollEnd!=null&&_t("scrollend",e),o.onClick!=null&&(e.onclick=ud),e=!0):e=!1,e||kf(t,!0)}function o7(t){for(Si=t.return;Si;)switch(Si.tag){case 5:case 31:case 13:fl=!1;return;case 27:case 3:fl=!0;return;default:Si=Si.return}}function dS(t){if(t!==Si)return!1;if(!Bt)return o7(t),Bt=!0,!1;var e=t.tag,n;if((n=e!==3&&e!==27)&&((n=e===5)&&(n=t.type,n=!(n!=="form"&&n!=="button")||RN(t.type,t.memoizedProps)),n=!n),n&&lo&&kf(t),o7(t),e===13){if(t=t.memoizedState,t=t!==null?t.dehydrated:null,!t)throw Error(ee(317));lo=K7(t)}else if(e===31){if(t=t.memoizedState,t=t!==null?t.dehydrated:null,!t)throw Error(ee(317));lo=K7(t)}else e===27?(e=lo,Lf(t.type)?(t=NN,NN=null,lo=t):lo=e):lo=Si?ml(t.stateNode.nextSibling):null;return!0}function Am(){lo=Si=null,Bt=!1}function CL(){var t=xf;return t!==null&&(Vs===null?Vs=t:Vs.push.apply(Vs,t),xf=null),t}function A0(t){xf===null?xf=[t]:xf.push(t)}var lN=Qc(null),zm=null,dd=null;function pf(t,e,n){Xn(lN,e._currentValue),e._currentValue=n}function fd(t){t._currentValue=lN.current,Jr(lN)}function cN(t,e,n){for(;t!==null;){var o=t.alternate;if((t.childLanes&e)!==e?(t.childLanes|=e,o!==null&&(o.childLanes|=e)):o!==null&&(o.childLanes&e)!==e&&(o.childLanes|=e),t===n)break;t=t.return}}function uN(t,e,n,o){var r=t.child;for(r!==null&&(r.return=t);r!==null;){var i=r.dependencies;if(i!==null){var s=r.child;i=i.firstContext;e:for(;i!==null;){var a=i;i=r;for(var l=0;l<e.length;l++)if(a.context===e[l]){i.lanes|=n,a=i.alternate,a!==null&&(a.lanes|=n),cN(i.return,n,t),o||(s=null);break e}i=a.next}}else if(r.tag===18){if(s=r.return,s===null)throw Error(ee(341));s.lanes|=n,i=s.alternate,i!==null&&(i.lanes|=n),cN(s,n,t),s=null}else s=r.child;if(s!==null)s.return=r;else for(s=r;s!==null;){if(s===t){s=null;break}if(r=s.sibling,r!==null){r.return=s.return,s=r;break}s=s.return}r=s}}function WS(t,e,n,o){t=null;for(var r=e,i=!1;r!==null;){if(!i){if((r.flags&524288)!==0)i=!0;else if((r.flags&262144)!==0)break}if(r.tag===10){var s=r.alternate;if(s===null)throw Error(ee(387));if(s=s.memoizedProps,s!==null){var a=r.type;Ma(r.pendingProps.value,s.value)||(t!==null?t.push(a):t=[a])}}else if(r===LI.current){if(s=r.alternate,s===null)throw Error(ee(387));s.memoizedState.memoizedState!==r.memoizedState.memoizedState&&(t!==null?t.push(N0):t=[N0])}r=r.return}t!==null&&uN(e,t,n,o),e.flags|=262144}function jI(t){for(t=t.firstContext;t!==null;){if(!Ma(t.context._currentValue,t.memoizedValue))return!0;t=t.next}return!1}function km(t){zm=t,dd=null,t=t.dependencies,t!==null&&(t.firstContext=null)}function bi(t){return Y$(zm,t)}function uI(t,e){return zm===null&&km(t),Y$(t,e)}function Y$(t,e){var n=e._currentValue;if(e={context:e,memoizedValue:n,next:null},dd===null){if(t===null)throw Error(ee(308));dd=e,t.dependencies={lanes:0,firstContext:e},t.flags|=524288}else dd=dd.next=e;return n}var tye=typeof AbortController<"u"?AbortController:function(){var t=[],e=this.signal={aborted:!1,addEventListener:function(n,o){t.push(o)}};this.abort=function(){e.aborted=!0,t.forEach(function(n){return n()})}},nye=kr.unstable_scheduleCallback,oye=kr.unstable_NormalPriority,gr={$$typeof:cd,Consumer:null,Provider:null,_currentValue:null,_currentValue2:null,_threadCount:0};function nF(){return{controller:new tye,data:new Map,refCount:0}}function K0(t){t.refCount--,t.refCount===0&&nye(oye,function(){t.controller.abort()})}var m0=null,dN=0,FS=0,AS=null;function rye(t,e){if(m0===null){var n=m0=[];dN=0,FS=IF(),AS={status:"pending",value:void 0,then:function(o){n.push(o)}}}return dN++,e.then(r7,r7),e}function r7(){if(--dN===0&&m0!==null){AS!==null&&(AS.status="fulfilled");var t=m0;m0=null,FS=0,AS=null;for(var e=0;e<t.length;e++)(0,t[e])()}}function iye(t,e){var n=[],o={status:"pending",value:null,reason:null,then:function(r){n.push(r)}};return t.then(function(){o.status="fulfilled",o.value=e;for(var r=0;r<n.length;r++)(0,n[r])(e)},function(r){for(o.status="rejected",o.reason=r,r=0;r<n.length;r++)(0,n[r])(void 0)}),o}var i7=Je.S;Je.S=function(t,e){lG=Pa(),typeof e=="object"&&e!==null&&typeof e.then=="function"&&rye(t,e),i7!==null&&i7(t,e)};var Im=Qc(null);function oF(){var t=Im.current;return t!==null?t:zn.pooledCache}function PI(t,e){e===null?Xn(Im,Im.current):Xn(Im,e.pool)}function q$(){var t=oF();return t===null?null:{parent:gr._currentValue,pool:t}}var YS=Error(ee(460)),rF=Error(ee(474)),g_=Error(ee(542)),$I={then:function(){}};function s7(t){return t=t.status,t==="fulfilled"||t==="rejected"}function X$(t,e,n){switch(n=t[n],n===void 0?t.push(e):n!==e&&(e.then(ud,ud),e=n),e.status){case"fulfilled":return e.value;case"rejected":throw t=e.reason,l7(t),t;default:if(typeof e.status=="string")e.then(ud,ud);else{if(t=zn,t!==null&&100<t.shellSuspendCounter)throw Error(ee(482));t=e,t.status="pending",t.then(function(o){if(e.status==="pending"){var r=e;r.status="fulfilled",r.value=o}},function(o){if(e.status==="pending"){var r=e;r.status="rejected",r.reason=o}})}switch(e.status){case"fulfilled":return e.value;case"rejected":throw t=e.reason,l7(t),t}throw _m=e,YS}}function Tm(t){try{var e=t._init;return e(t._payload)}catch(n){throw n!==null&&typeof n=="object"&&typeof n.then=="function"?(_m=n,YS):n}}var _m=null;function a7(){if(_m===null)throw Error(ee(459));var t=_m;return _m=null,t}function l7(t){if(t===YS||t===g_)throw Error(ee(483))}var kS=null,k0=0;function dI(t){var e=k0;return k0+=1,kS===null&&(kS=[]),X$(kS,t,e)}function n0(t,e){e=e.props.ref,t.ref=e!==void 0?e:null}function pI(t,e){throw e.$$typeof===Kme?Error(ee(525)):(t=Object.prototype.toString.call(e),Error(ee(31,t==="[object Object]"?"object with keys {"+Object.keys(e).join(", ")+"}":t)))}function Z$(t){function e(m,S){if(t){var b=m.deletions;b===null?(m.deletions=[S],m.flags|=16):b.push(S)}}function n(m,S){if(!t)return null;for(;S!==null;)e(m,S),S=S.sibling;return null}function o(m){for(var S=new Map;m!==null;)m.key!==null?S.set(m.key,m):S.set(m.index,m),m=m.sibling;return S}function r(m,S){return m=pd(m,S),m.index=0,m.sibling=null,m}function i(m,S,b){return m.index=b,t?(b=m.alternate,b!==null?(b=b.index,b<S?(m.flags|=67108866,S):b):(m.flags|=67108866,S)):(m.flags|=1048576,S)}function s(m){return t&&m.alternate===null&&(m.flags|=67108866),m}function a(m,S,b,v){return S===null||S.tag!==6?(S=xL(b,m.mode,v),S.return=m,S):(S=r(S,b),S.return=m,S)}function l(m,S,b,v){var w=b.type;return w===mS?d(m,S,b.props.children,v,b.key):S!==null&&(S.elementType===w||typeof w=="object"&&w!==null&&w.$$typeof===uf&&Tm(w)===S.type)?(S=r(S,b.props),n0(S,b),S.return=m,S):(S=CI(b.type,b.key,b.props,null,m.mode,v),n0(S,b),S.return=m,S)}function c(m,S,b,v){return S===null||S.tag!==4||S.stateNode.containerInfo!==b.containerInfo||S.stateNode.implementation!==b.implementation?(S=TL(b,m.mode,v),S.return=m,S):(S=r(S,b.children||[]),S.return=m,S)}function d(m,S,b,v,w){return S===null||S.tag!==7?(S=Em(b,m.mode,v,w),S.return=m,S):(S=r(S,b),S.return=m,S)}function u(m,S,b){if(typeof S=="string"&&S!==""||typeof S=="number"||typeof S=="bigint")return S=xL(""+S,m.mode,b),S.return=m,S;if(typeof S=="object"&&S!==null){switch(S.$$typeof){case nI:return b=CI(S.type,S.key,S.props,null,m.mode,b),n0(b,S),b.return=m,b;case a0:return S=TL(S,m.mode,b),S.return=m,S;case uf:return S=Tm(S),u(m,S,b)}if(l0(S)||e0(S))return S=Em(S,m.mode,b,null),S.return=m,S;if(typeof S.then=="function")return u(m,dI(S),b);if(S.$$typeof===cd)return u(m,uI(m,S),b);pI(m,S)}return null}function p(m,S,b,v){var w=S!==null?S.key:null;if(typeof b=="string"&&b!==""||typeof b=="number"||typeof b=="bigint")return w!==null?null:a(m,S,""+b,v);if(typeof b=="object"&&b!==null){switch(b.$$typeof){case nI:return b.key===w?l(m,S,b,v):null;case a0:return b.key===w?c(m,S,b,v):null;case uf:return b=Tm(b),p(m,S,b,v)}if(l0(b)||e0(b))return w!==null?null:d(m,S,b,v,null);if(typeof b.then=="function")return p(m,S,dI(b),v);if(b.$$typeof===cd)return p(m,S,uI(m,b),v);pI(m,b)}return null}function f(m,S,b,v,w){if(typeof v=="string"&&v!==""||typeof v=="number"||typeof v=="bigint")return m=m.get(b)||null,a(S,m,""+v,w);if(typeof v=="object"&&v!==null){switch(v.$$typeof){case nI:return m=m.get(v.key===null?b:v.key)||null,l(S,m,v,w);case a0:return m=m.get(v.key===null?b:v.key)||null,c(S,m,v,w);case uf:return v=Tm(v),f(m,S,b,v,w)}if(l0(v)||e0(v))return m=m.get(b)||null,d(S,m,v,w,null);if(typeof v.then=="function")return f(m,S,b,dI(v),w);if(v.$$typeof===cd)return f(m,S,b,uI(S,v),w);pI(S,v)}return null}function h(m,S,b,v){for(var w=null,x=null,C=S,P=S=0,M=null;C!==null&&P<b.length;P++){C.index>P?(M=C,C=null):M=C.sibling;var E=p(m,C,b[P],v);if(E===null){C===null&&(C=M);break}t&&C&&E.alternate===null&&e(m,C),S=i(E,S,P),x===null?w=E:x.sibling=E,x=E,C=M}if(P===b.length)return n(m,C),Bt&&ad(m,P),w;if(C===null){for(;P<b.length;P++)C=u(m,b[P],v),C!==null&&(S=i(C,S,P),x===null?w=C:x.sibling=C,x=C);return Bt&&ad(m,P),w}for(C=o(C);P<b.length;P++)M=f(C,m,P,b[P],v),M!==null&&(t&&M.alternate!==null&&C.delete(M.key===null?P:M.key),S=i(M,S,P),x===null?w=M:x.sibling=M,x=M);return t&&C.forEach(function(I){return e(m,I)}),Bt&&ad(m,P),w}function g(m,S,b,v){if(b==null)throw Error(ee(151));for(var w=null,x=null,C=S,P=S=0,M=null,E=b.next();C!==null&&!E.done;P++,E=b.next()){C.index>P?(M=C,C=null):M=C.sibling;var I=p(m,C,E.value,v);if(I===null){C===null&&(C=M);break}t&&C&&I.alternate===null&&e(m,C),S=i(I,S,P),x===null?w=I:x.sibling=I,x=I,C=M}if(E.done)return n(m,C),Bt&&ad(m,P),w;if(C===null){for(;!E.done;P++,E=b.next())E=u(m,E.value,v),E!==null&&(S=i(E,S,P),x===null?w=E:x.sibling=E,x=E);return Bt&&ad(m,P),w}for(C=o(C);!E.done;P++,E=b.next())E=f(C,m,P,E.value,v),E!==null&&(t&&E.alternate!==null&&C.delete(E.key===null?P:E.key),S=i(E,S,P),x===null?w=E:x.sibling=E,x=E);return t&&C.forEach(function(R){return e(m,R)}),Bt&&ad(m,P),w}function y(m,S,b,v){if(typeof b=="object"&&b!==null&&b.type===mS&&b.key===null&&(b=b.props.children),typeof b=="object"&&b!==null){switch(b.$$typeof){case nI:e:{for(var w=b.key;S!==null;){if(S.key===w){if(w=b.type,w===mS){if(S.tag===7){n(m,S.sibling),v=r(S,b.props.children),v.return=m,m=v;break e}}else if(S.elementType===w||typeof w=="object"&&w!==null&&w.$$typeof===uf&&Tm(w)===S.type){n(m,S.sibling),v=r(S,b.props),n0(v,b),v.return=m,m=v;break e}n(m,S);break}else e(m,S);S=S.sibling}b.type===mS?(v=Em(b.props.children,m.mode,v,b.key),v.return=m,m=v):(v=CI(b.type,b.key,b.props,null,m.mode,v),n0(v,b),v.return=m,m=v)}return s(m);case a0:e:{for(w=b.key;S!==null;){if(S.key===w)if(S.tag===4&&S.stateNode.containerInfo===b.containerInfo&&S.stateNode.implementation===b.implementation){n(m,S.sibling),v=r(S,b.children||[]),v.return=m,m=v;break e}else{n(m,S);break}else e(m,S);S=S.sibling}v=TL(b,m.mode,v),v.return=m,m=v}return s(m);case uf:return b=Tm(b),y(m,S,b,v)}if(l0(b))return h(m,S,b,v);if(e0(b)){if(w=e0(b),typeof w!="function")throw Error(ee(150));return b=w.call(b),g(m,S,b,v)}if(typeof b.then=="function")return y(m,S,dI(b),v);if(b.$$typeof===cd)return y(m,S,uI(m,b),v);pI(m,b)}return typeof b=="string"&&b!==""||typeof b=="number"||typeof b=="bigint"?(b=""+b,S!==null&&S.tag===6?(n(m,S.sibling),v=r(S,b),v.return=m,m=v):(n(m,S),v=xL(b,m.mode,v),v.return=m,m=v),s(m)):n(m,S)}return function(m,S,b,v){try{k0=0;var w=y(m,S,b,v);return kS=null,w}catch(C){if(C===YS||C===g_)throw C;var x=Ta(29,C,null,m.mode);return x.lanes=v,x.return=m,x}}}var Rm=Z$(!0),J$=Z$(!1),df=!1;function iF(t){t.updateQueue={baseState:t.memoizedState,firstBaseUpdate:null,lastBaseUpdate:null,shared:{pending:null,lanes:0,hiddenCallbacks:null},callbacks:null}}function pN(t,e){t=t.updateQueue,e.updateQueue===t&&(e.updateQueue={baseState:t.baseState,firstBaseUpdate:t.firstBaseUpdate,lastBaseUpdate:t.lastBaseUpdate,shared:t.shared,callbacks:null})}function Tf(t){return{lane:t,tag:0,payload:null,callback:null,next:null}}function Cf(t,e,n){var o=t.updateQueue;if(o===null)return null;if(o=o.shared,(on&2)!==0){var r=o.pending;return r===null?e.next=e:(e.next=r.next,r.next=e),o.pending=e,e=HI(t),j$(t,null,n),e}return m_(t,o,e,n),HI(t)}function g0(t,e,n){if(e=e.updateQueue,e!==null&&(e=e.shared,(n&4194048)!==0)){var o=e.lanes;o&=t.pendingLanes,n|=o,e.lanes=n,g$(t,n)}}function PL(t,e){var n=t.updateQueue,o=t.alternate;if(o!==null&&(o=o.updateQueue,n===o)){var r=null,i=null;if(n=n.firstBaseUpdate,n!==null){do{var s={lane:n.lane,tag:n.tag,payload:n.payload,callback:null,next:null};i===null?r=i=s:i=i.next=s,n=n.next}while(n!==null);i===null?r=i=e:i=i.next=e}else r=i=e;n={baseState:o.baseState,firstBaseUpdate:r,lastBaseUpdate:i,shared:o.shared,callbacks:o.callbacks},t.updateQueue=n;return}t=n.lastBaseUpdate,t===null?n.firstBaseUpdate=e:t.next=e,n.lastBaseUpdate=e}var fN=!1;function y0(){if(fN){var t=AS;if(t!==null)throw t}}function S0(t,e,n,o){fN=!1;var r=t.updateQueue;df=!1;var i=r.firstBaseUpdate,s=r.lastBaseUpdate,a=r.shared.pending;if(a!==null){r.shared.pending=null;var l=a,c=l.next;l.next=null,s===null?i=c:s.next=c,s=l;var d=t.alternate;d!==null&&(d=d.updateQueue,a=d.lastBaseUpdate,a!==s&&(a===null?d.firstBaseUpdate=c:a.next=c,d.lastBaseUpdate=l))}if(i!==null){var u=r.baseState;s=0,d=c=l=null,a=i;do{var p=a.lane&-536870913,f=p!==a.lane;if(f?(Dt&p)===p:(o&p)===p){p!==0&&p===FS&&(fN=!0),d!==null&&(d=d.next={lane:0,tag:a.tag,payload:a.payload,callback:null,next:null});e:{var h=t,g=a;p=e;var y=n;switch(g.tag){case 1:if(h=g.payload,typeof h=="function"){u=h.call(y,u,p);break e}u=h;break e;case 3:h.flags=h.flags&-65537|128;case 0:if(h=g.payload,p=typeof h=="function"?h.call(y,u,p):h,p==null)break e;u=co({},u,p);break e;case 2:df=!0}}p=a.callback,p!==null&&(t.flags|=64,f&&(t.flags|=8192),f=r.callbacks,f===null?r.callbacks=[p]:f.push(p))}else f={lane:p,tag:a.tag,payload:a.payload,callback:a.callback,next:null},d===null?(c=d=f,l=u):d=d.next=f,s|=p;if(a=a.next,a===null){if(a=r.shared.pending,a===null)break;f=a,a=f.next,f.next=null,r.lastBaseUpdate=f,r.shared.pending=null}}while(!0);d===null&&(l=u),r.baseState=l,r.firstBaseUpdate=c,r.lastBaseUpdate=d,i===null&&(r.shared.lanes=0),Df|=s,t.lanes=s,t.memoizedState=u}}function Q$(t,e){if(typeof t!="function")throw Error(ee(191,t));t.call(e)}function eK(t,e){var n=t.callbacks;if(n!==null)for(t.callbacks=null,t=0;t<n.length;t++)Q$(n[t],e)}var BS=Qc(null),KI=Qc(0);function c7(t,e){t=bd,Xn(KI,t),Xn(BS,e),bd=t|e.baseLanes}function hN(){Xn(KI,bd),Xn(BS,BS.current)}function sF(){bd=KI.current,Jr(BS),Jr(KI)}var Aa=Qc(null),hl=null;function ff(t){var e=t.alternate;Xn(Qo,Qo.current&1),Xn(Aa,t),hl===null&&(e===null||BS.current!==null||e.memoizedState!==null)&&(hl=t)}function mN(t){Xn(Qo,Qo.current),Xn(Aa,t),hl===null&&(hl=t)}function tK(t){t.tag===22?(Xn(Qo,Qo.current),Xn(Aa,t),hl===null&&(hl=t)):hf(t)}function hf(){Xn(Qo,Qo.current),Xn(Aa,Aa.current)}function xa(t){Jr(Aa),hl===t&&(hl=null),Jr(Qo)}var Qo=Qc(0);function GI(t){for(var e=t;e!==null;){if(e.tag===13){var n=e.memoizedState;if(n!==null&&(n=n.dehydrated,n===null||ON(n)||LN(n)))return e}else if(e.tag===19&&(e.memoizedProps.revealOrder==="forwards"||e.memoizedProps.revealOrder==="backwards"||e.memoizedProps.revealOrder==="unstable_legacy-backwards"||e.memoizedProps.revealOrder==="together")){if((e.flags&128)!==0)return e}else if(e.child!==null){e.child.return=e,e=e.child;continue}if(e===t)break;for(;e.sibling===null;){if(e.return===null||e.return===t)return null;e=e.return}e.sibling.return=e.return,e=e.sibling}return null}var gd=0,dt=null,Rn=null,hr=null,WI=!1,RS=!1,Dm=!1,YI=0,R0=0,DS=null,sye=0;function zo(){throw Error(ee(321))}function aF(t,e){if(e===null)return!1;for(var n=0;n<e.length&&n<t.length;n++)if(!Ma(t[n],e[n]))return!1;return!0}function lF(t,e,n,o,r,i){return gd=i,dt=e,e.memoizedState=null,e.updateQueue=null,e.lanes=0,Je.H=t===null||t.memoizedState===null?RK:bF,Dm=!1,i=n(o,r),Dm=!1,RS&&(i=oK(e,n,o,r)),nK(t),i}function nK(t){Je.H=D0;var e=Rn!==null&&Rn.next!==null;if(gd=0,hr=Rn=dt=null,WI=!1,R0=0,DS=null,e)throw Error(ee(300));t===null||yr||(t=t.dependencies,t!==null&&jI(t)&&(yr=!0))}function oK(t,e,n,o){dt=t;var r=0;do{if(RS&&(DS=null),R0=0,RS=!1,25<=r)throw Error(ee(301));if(r+=1,hr=Rn=null,t.updateQueue!=null){var i=t.updateQueue;i.lastEffect=null,i.events=null,i.stores=null,i.memoCache!=null&&(i.memoCache.index=0)}Je.H=DK,i=e(n,o)}while(RS);return i}function aye(){var t=Je.H,e=t.useState()[0];return e=typeof e.then=="function"?G0(e):e,t=t.useState()[0],(Rn!==null?Rn.memoizedState:null)!==t&&(dt.flags|=1024),e}function cF(){var t=YI!==0;return YI=0,t}function uF(t,e,n){e.updateQueue=t.updateQueue,e.flags&=-2053,t.lanes&=~n}function dF(t){if(WI){for(t=t.memoizedState;t!==null;){var e=t.queue;e!==null&&(e.pending=null),t=t.next}WI=!1}gd=0,hr=Rn=dt=null,RS=!1,R0=YI=0,DS=null}function ys(){var t={memoizedState:null,baseState:null,baseQueue:null,queue:null,next:null};return hr===null?dt.memoizedState=hr=t:hr=hr.next=t,hr}function er(){if(Rn===null){var t=dt.alternate;t=t!==null?t.memoizedState:null}else t=Rn.next;var e=hr===null?dt.memoizedState:hr.next;if(e!==null)hr=e,Rn=t;else{if(t===null)throw dt.alternate===null?Error(ee(467)):Error(ee(310));Rn=t,t={memoizedState:Rn.memoizedState,baseState:Rn.baseState,baseQueue:Rn.baseQueue,queue:Rn.queue,next:null},hr===null?dt.memoizedState=hr=t:hr=hr.next=t}return hr}function y_(){return{lastEffect:null,events:null,stores:null,memoCache:null}}function G0(t){var e=R0;return R0+=1,DS===null&&(DS=[]),t=X$(DS,t,e),e=dt,(hr===null?e.memoizedState:hr.next)===null&&(e=e.alternate,Je.H=e===null||e.memoizedState===null?RK:bF),t}function S_(t){if(t!==null&&typeof t=="object"){if(typeof t.then=="function")return G0(t);if(t.$$typeof===cd)return bi(t)}throw Error(ee(438,String(t)))}function pF(t){var e=null,n=dt.updateQueue;if(n!==null&&(e=n.memoCache),e==null){var o=dt.alternate;o!==null&&(o=o.updateQueue,o!==null&&(o=o.memoCache,o!=null&&(e={data:o.data.map(function(r){return r.slice()}),index:0})))}if(e==null&&(e={data:[],index:0}),n===null&&(n=y_(),dt.updateQueue=n),n.memoCache=e,n=e.data[e.index],n===void 0)for(n=e.data[e.index]=Array(t),o=0;o<t;o++)n[o]=Gme;return e.index++,n}function yd(t,e){return typeof e=="function"?e(t):e}function EI(t){var e=er();return fF(e,Rn,t)}function fF(t,e,n){var o=t.queue;if(o===null)throw Error(ee(311));o.lastRenderedReducer=n;var r=t.baseQueue,i=o.pending;if(i!==null){if(r!==null){var s=r.next;r.next=i.next,i.next=s}e.baseQueue=r=i,o.pending=null}if(i=t.baseState,r===null)t.memoizedState=i;else{e=r.next;var a=s=null,l=null,c=e,d=!1;do{var u=c.lane&-536870913;if(u!==c.lane?(Dt&u)===u:(gd&u)===u){var p=c.revertLane;if(p===0)l!==null&&(l=l.next={lane:0,revertLane:0,gesture:null,action:c.action,hasEagerState:c.hasEagerState,eagerState:c.eagerState,next:null}),u===FS&&(d=!0);else if((gd&p)===p){c=c.next,p===FS&&(d=!0);continue}else u={lane:0,revertLane:c.revertLane,gesture:null,action:c.action,hasEagerState:c.hasEagerState,eagerState:c.eagerState,next:null},l===null?(a=l=u,s=i):l=l.next=u,dt.lanes|=p,Df|=p;u=c.action,Dm&&n(i,u),i=c.hasEagerState?c.eagerState:n(i,u)}else p={lane:u,revertLane:c.revertLane,gesture:c.gesture,action:c.action,hasEagerState:c.hasEagerState,eagerState:c.eagerState,next:null},l===null?(a=l=p,s=i):l=l.next=p,dt.lanes|=u,Df|=u;c=c.next}while(c!==null&&c!==e);if(l===null?s=i:l.next=a,!Ma(i,t.memoizedState)&&(yr=!0,d&&(n=AS,n!==null)))throw n;t.memoizedState=i,t.baseState=s,t.baseQueue=l,o.lastRenderedState=i}return r===null&&(o.lanes=0),[t.memoizedState,o.dispatch]}function EL(t){var e=er(),n=e.queue;if(n===null)throw Error(ee(311));n.lastRenderedReducer=t;var o=n.dispatch,r=n.pending,i=e.memoizedState;if(r!==null){n.pending=null;var s=r=r.next;do i=t(i,s.action),s=s.next;while(s!==r);Ma(i,e.memoizedState)||(yr=!0),e.memoizedState=i,e.baseQueue===null&&(e.baseState=i),n.lastRenderedState=i}return[i,o]}function rK(t,e,n){var o=dt,r=er(),i=Bt;if(i){if(n===void 0)throw Error(ee(407));n=n()}else n=e();var s=!Ma((Rn||r).memoizedState,n);if(s&&(r.memoizedState=n,yr=!0),r=r.queue,hF(aK.bind(null,o,r,t),[t]),r.getSnapshot!==e||s||hr!==null&&hr.memoizedState.tag&1){if(o.flags|=2048,zS(9,{destroy:void 0},sK.bind(null,o,r,n,e),null),zn===null)throw Error(ee(349));i||(gd&127)!==0||iK(o,e,n)}return n}function iK(t,e,n){t.flags|=16384,t={getSnapshot:e,value:n},e=dt.updateQueue,e===null?(e=y_(),dt.updateQueue=e,e.stores=[t]):(n=e.stores,n===null?e.stores=[t]:n.push(t))}function sK(t,e,n,o){e.value=n,e.getSnapshot=o,lK(e)&&cK(t)}function aK(t,e,n){return n(function(){lK(e)&&cK(t)})}function lK(t){var e=t.getSnapshot;t=t.value;try{var n=e();return!Ma(t,n)}catch{return!0}}function cK(t){var e=Bm(t,2);e!==null&&js(e,t,2)}function gN(t){var e=ys();if(typeof t=="function"){var n=t;if(t=n(),Dm){gf(!0);try{n()}finally{gf(!1)}}}return e.memoizedState=e.baseState=t,e.queue={pending:null,lanes:0,dispatch:null,lastRenderedReducer:yd,lastRenderedState:t},e}function uK(t,e,n,o){return t.baseState=n,fF(t,Rn,typeof o=="function"?o:yd)}function lye(t,e,n,o,r){if(v_(t))throw Error(ee(485));if(t=e.action,t!==null){var i={payload:r,action:t,next:null,isTransition:!0,status:"pending",value:null,reason:null,listeners:[],then:function(s){i.listeners.push(s)}};Je.T!==null?n(!0):i.isTransition=!1,o(i),n=e.pending,n===null?(i.next=e.pending=i,dK(e,i)):(i.next=n.next,e.pending=n.next=i)}}function dK(t,e){var n=e.action,o=e.payload,r=t.state;if(e.isTransition){var i=Je.T,s={};Je.T=s;try{var a=n(r,o),l=Je.S;l!==null&&l(s,a),u7(t,e,a)}catch(c){yN(t,e,c)}finally{i!==null&&s.types!==null&&(i.types=s.types),Je.T=i}}else try{i=n(r,o),u7(t,e,i)}catch(c){yN(t,e,c)}}function u7(t,e,n){n!==null&&typeof n=="object"&&typeof n.then=="function"?n.then(function(o){d7(t,e,o)},function(o){return yN(t,e,o)}):d7(t,e,n)}function d7(t,e,n){e.status="fulfilled",e.value=n,pK(e),t.state=n,e=t.pending,e!==null&&(n=e.next,n===e?t.pending=null:(n=n.next,e.next=n,dK(t,n)))}function yN(t,e,n){var o=t.pending;if(t.pending=null,o!==null){o=o.next;do e.status="rejected",e.reason=n,pK(e),e=e.next;while(e!==o)}t.action=null}function pK(t){t=t.listeners;for(var e=0;e<t.length;e++)(0,t[e])()}function fK(t,e){return e}function p7(t,e){if(Bt){var n=zn.formState;if(n!==null){e:{var o=dt;if(Bt){if(lo){t:{for(var r=lo,i=fl;r.nodeType!==8;){if(!i){r=null;break t}if(r=ml(r.nextSibling),r===null){r=null;break t}}i=r.data,r=i==="F!"||i==="F"?r:null}if(r){lo=ml(r.nextSibling),o=r.data==="F!";break e}}kf(o)}o=!1}o&&(e=n[0])}}return n=ys(),n.memoizedState=n.baseState=e,o={pending:null,lanes:0,dispatch:null,lastRenderedReducer:fK,lastRenderedState:e},n.queue=o,n=MK.bind(null,dt,o),o.dispatch=n,o=gN(!1),i=SF.bind(null,dt,!1,o.queue),o=ys(),r={state:e,dispatch:null,action:t,pending:null},o.queue=r,n=lye.bind(null,dt,r,i,n),r.dispatch=n,o.memoizedState=t,[e,n,!1]}function f7(t){var e=er();return hK(e,Rn,t)}function hK(t,e,n){if(e=fF(t,e,fK)[0],t=EI(yd)[0],typeof e=="object"&&e!==null&&typeof e.then=="function")try{var o=G0(e)}catch(s){throw s===YS?g_:s}else o=e;e=er();var r=e.queue,i=r.dispatch;return n!==e.memoizedState&&(dt.flags|=2048,zS(9,{destroy:void 0},cye.bind(null,r,n),null)),[o,i,t]}function cye(t,e){t.action=e}function h7(t){var e=er(),n=Rn;if(n!==null)return hK(e,n,t);er(),e=e.memoizedState,n=er();var o=n.queue.dispatch;return n.memoizedState=t,[e,o,!1]}function zS(t,e,n,o){return t={tag:t,create:n,deps:o,inst:e,next:null},e=dt.updateQueue,e===null&&(e=y_(),dt.updateQueue=e),n=e.lastEffect,n===null?e.lastEffect=t.next=t:(o=n.next,n.next=t,t.next=o,e.lastEffect=t),t}function mK(){return er().memoizedState}function II(t,e,n,o){var r=ys();dt.flags|=t,r.memoizedState=zS(1|e,{destroy:void 0},n,o===void 0?null:o)}function b_(t,e,n,o){var r=er();o=o===void 0?null:o;var i=r.memoizedState.inst;Rn!==null&&o!==null&&aF(o,Rn.memoizedState.deps)?r.memoizedState=zS(e,i,n,o):(dt.flags|=t,r.memoizedState=zS(1|e,i,n,o))}function m7(t,e){II(8390656,8,t,e)}function hF(t,e){b_(2048,8,t,e)}function uye(t){dt.flags|=4;var e=dt.updateQueue;if(e===null)e=y_(),dt.updateQueue=e,e.events=[t];else{var n=e.events;n===null?e.events=[t]:n.push(t)}}function gK(t){var e=er().memoizedState;return uye({ref:e,nextImpl:t}),function(){if((on&2)!==0)throw Error(ee(440));return e.impl.apply(void 0,arguments)}}function yK(t,e){return b_(4,2,t,e)}function SK(t,e){return b_(4,4,t,e)}function bK(t,e){if(typeof e=="function"){t=t();var n=e(t);return function(){typeof n=="function"?n():e(null)}}if(e!=null)return t=t(),e.current=t,function(){e.current=null}}function vK(t,e,n){n=n!=null?n.concat([t]):null,b_(4,4,bK.bind(null,e,t),n)}function mF(){}function wK(t,e){var n=er();e=e===void 0?null:e;var o=n.memoizedState;return e!==null&&aF(e,o[1])?o[0]:(n.memoizedState=[t,e],t)}function xK(t,e){var n=er();e=e===void 0?null:e;var o=n.memoizedState;if(e!==null&&aF(e,o[1]))return o[0];if(o=t(),Dm){gf(!0);try{t()}finally{gf(!1)}}return n.memoizedState=[o,e],o}function gF(t,e,n){return n===void 0||(gd&1073741824)!==0&&(Dt&261930)===0?t.memoizedState=e:(t.memoizedState=n,t=uG(),dt.lanes|=t,Df|=t,n)}function TK(t,e,n,o){return Ma(n,e)?n:BS.current!==null?(t=gF(t,n,o),Ma(t,e)||(yr=!0),t):(gd&42)===0||(gd&1073741824)!==0&&(Dt&261930)===0?(yr=!0,t.memoizedState=n):(t=uG(),dt.lanes|=t,Df|=t,e)}function CK(t,e,n,o,r){var i=rn.p;rn.p=i!==0&&8>i?i:8;var s=Je.T,a={};Je.T=a,SF(t,!1,e,n);try{var l=r(),c=Je.S;if(c!==null&&c(a,l),l!==null&&typeof l=="object"&&typeof l.then=="function"){var d=iye(l,o);b0(t,e,d,_a(t))}else b0(t,e,o,_a(t))}catch(u){b0(t,e,{then:function(){},status:"rejected",reason:u},_a())}finally{rn.p=i,s!==null&&a.types!==null&&(s.types=a.types),Je.T=s}}function dye(){}function SN(t,e,n,o){if(t.tag!==5)throw Error(ee(476));var r=PK(t).queue;CK(t,r,e,Pm,n===null?dye:function(){return EK(t),n(o)})}function PK(t){var e=t.memoizedState;if(e!==null)return e;e={memoizedState:Pm,baseState:Pm,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:yd,lastRenderedState:Pm},next:null};var n={};return e.next={memoizedState:n,baseState:n,baseQueue:null,queue:{pending:null,lanes:0,dispatch:null,lastRenderedReducer:yd,lastRenderedState:n},next:null},t.memoizedState=e,t=t.alternate,t!==null&&(t.memoizedState=e),e}function EK(t){var e=PK(t);e.next===null&&(e=t.alternate.memoizedState),b0(t,e.next.queue,{},_a())}function yF(){return bi(N0)}function IK(){return er().memoizedState}function _K(){return er().memoizedState}function pye(t){for(var e=t.return;e!==null;){switch(e.tag){case 24:case 3:var n=_a();t=Tf(n);var o=Cf(e,t,n);o!==null&&(js(o,e,n),g0(o,e,n)),e={cache:nF()},t.payload=e;return}e=e.return}}function fye(t,e,n){var o=_a();n={lane:o,revertLane:0,gesture:null,action:n,hasEagerState:!1,eagerState:null,next:null},v_(t)?AK(e,n):(n=JN(t,e,n,o),n!==null&&(js(n,t,o),kK(n,e,o)))}function MK(t,e,n){var o=_a();b0(t,e,n,o)}function b0(t,e,n,o){var r={lane:o,revertLane:0,gesture:null,action:n,hasEagerState:!1,eagerState:null,next:null};if(v_(t))AK(e,r);else{var i=t.alternate;if(t.lanes===0&&(i===null||i.lanes===0)&&(i=e.lastRenderedReducer,i!==null))try{var s=e.lastRenderedState,a=i(s,n);if(r.hasEagerState=!0,r.eagerState=a,Ma(a,s))return m_(t,e,r,0),zn===null&&h_(),!1}catch{}if(n=JN(t,e,r,o),n!==null)return js(n,t,o),kK(n,e,o),!0}return!1}function SF(t,e,n,o){if(o={lane:2,revertLane:IF(),gesture:null,action:o,hasEagerState:!1,eagerState:null,next:null},v_(t)){if(e)throw Error(ee(479))}else e=JN(t,n,o,2),e!==null&&js(e,t,2)}function v_(t){var e=t.alternate;return t===dt||e!==null&&e===dt}function AK(t,e){RS=WI=!0;var n=t.pending;n===null?e.next=e:(e.next=n.next,n.next=e),t.pending=e}function kK(t,e,n){if((n&4194048)!==0){var o=e.lanes;o&=t.pendingLanes,n|=o,e.lanes=n,g$(t,n)}}var D0={readContext:bi,use:S_,useCallback:zo,useContext:zo,useEffect:zo,useImperativeHandle:zo,useLayoutEffect:zo,useInsertionEffect:zo,useMemo:zo,useReducer:zo,useRef:zo,useState:zo,useDebugValue:zo,useDeferredValue:zo,useTransition:zo,useSyncExternalStore:zo,useId:zo,useHostTransitionStatus:zo,useFormState:zo,useActionState:zo,useOptimistic:zo,useMemoCache:zo,useCacheRefresh:zo};D0.useEffectEvent=zo;var RK={readContext:bi,use:S_,useCallback:function(t,e){return ys().memoizedState=[t,e===void 0?null:e],t},useContext:bi,useEffect:m7,useImperativeHandle:function(t,e,n){n=n!=null?n.concat([t]):null,II(4194308,4,bK.bind(null,e,t),n)},useLayoutEffect:function(t,e){return II(4194308,4,t,e)},useInsertionEffect:function(t,e){II(4,2,t,e)},useMemo:function(t,e){var n=ys();e=e===void 0?null:e;var o=t();if(Dm){gf(!0);try{t()}finally{gf(!1)}}return n.memoizedState=[o,e],o},useReducer:function(t,e,n){var o=ys();if(n!==void 0){var r=n(e);if(Dm){gf(!0);try{n(e)}finally{gf(!1)}}}else r=e;return o.memoizedState=o.baseState=r,t={pending:null,lanes:0,dispatch:null,lastRenderedReducer:t,lastRenderedState:r},o.queue=t,t=t.dispatch=fye.bind(null,dt,t),[o.memoizedState,t]},useRef:function(t){var e=ys();return t={current:t},e.memoizedState=t},useState:function(t){t=gN(t);var e=t.queue,n=MK.bind(null,dt,e);return e.dispatch=n,[t.memoizedState,n]},useDebugValue:mF,useDeferredValue:function(t,e){var n=ys();return gF(n,t,e)},useTransition:function(){var t=gN(!1);return t=CK.bind(null,dt,t.queue,!0,!1),ys().memoizedState=t,[!1,t]},useSyncExternalStore:function(t,e,n){var o=dt,r=ys();if(Bt){if(n===void 0)throw Error(ee(407));n=n()}else{if(n=e(),zn===null)throw Error(ee(349));(Dt&127)!==0||iK(o,e,n)}r.memoizedState=n;var i={value:n,getSnapshot:e};return r.queue=i,m7(aK.bind(null,o,i,t),[t]),o.flags|=2048,zS(9,{destroy:void 0},sK.bind(null,o,i,n,e),null),n},useId:function(){var t=ys(),e=zn.identifierPrefix;if(Bt){var n=Xc,o=qc;n=(o&~(1<<32-Ia(o)-1)).toString(32)+n,e="_"+e+"R_"+n,n=YI++,0<n&&(e+="H"+n.toString(32)),e+="_"}else n=sye++,e="_"+e+"r_"+n.toString(32)+"_";return t.memoizedState=e},useHostTransitionStatus:yF,useFormState:p7,useActionState:p7,useOptimistic:function(t){var e=ys();e.memoizedState=e.baseState=t;var n={pending:null,lanes:0,dispatch:null,lastRenderedReducer:null,lastRenderedState:null};return e.queue=n,e=SF.bind(null,dt,!0,n),n.dispatch=e,[t,e]},useMemoCache:pF,useCacheRefresh:function(){return ys().memoizedState=pye.bind(null,dt)},useEffectEvent:function(t){var e=ys(),n={impl:t};return e.memoizedState=n,function(){if((on&2)!==0)throw Error(ee(440));return n.impl.apply(void 0,arguments)}}},bF={readContext:bi,use:S_,useCallback:wK,useContext:bi,useEffect:hF,useImperativeHandle:vK,useInsertionEffect:yK,useLayoutEffect:SK,useMemo:xK,useReducer:EI,useRef:mK,useState:function(){return EI(yd)},useDebugValue:mF,useDeferredValue:function(t,e){var n=er();return TK(n,Rn.memoizedState,t,e)},useTransition:function(){var t=EI(yd)[0],e=er().memoizedState;return[typeof t=="boolean"?t:G0(t),e]},useSyncExternalStore:rK,useId:IK,useHostTransitionStatus:yF,useFormState:f7,useActionState:f7,useOptimistic:function(t,e){var n=er();return uK(n,Rn,t,e)},useMemoCache:pF,useCacheRefresh:_K};bF.useEffectEvent=gK;var DK={readContext:bi,use:S_,useCallback:wK,useContext:bi,useEffect:hF,useImperativeHandle:vK,useInsertionEffect:yK,useLayoutEffect:SK,useMemo:xK,useReducer:EL,useRef:mK,useState:function(){return EL(yd)},useDebugValue:mF,useDeferredValue:function(t,e){var n=er();return Rn===null?gF(n,t,e):TK(n,Rn.memoizedState,t,e)},useTransition:function(){var t=EL(yd)[0],e=er().memoizedState;return[typeof t=="boolean"?t:G0(t),e]},useSyncExternalStore:rK,useId:IK,useHostTransitionStatus:yF,useFormState:h7,useActionState:h7,useOptimistic:function(t,e){var n=er();return Rn!==null?uK(n,Rn,t,e):(n.baseState=t,[t,n.queue.dispatch])},useMemoCache:pF,useCacheRefresh:_K};DK.useEffectEvent=gK;function IL(t,e,n,o){e=t.memoizedState,n=n(o,e),n=n==null?e:co({},e,n),t.memoizedState=n,t.lanes===0&&(t.updateQueue.baseState=n)}var bN={enqueueSetState:function(t,e,n){t=t._reactInternals;var o=_a(),r=Tf(o);r.payload=e,n!=null&&(r.callback=n),e=Cf(t,r,o),e!==null&&(js(e,t,o),g0(e,t,o))},enqueueReplaceState:function(t,e,n){t=t._reactInternals;var o=_a(),r=Tf(o);r.tag=1,r.payload=e,n!=null&&(r.callback=n),e=Cf(t,r,o),e!==null&&(js(e,t,o),g0(e,t,o))},enqueueForceUpdate:function(t,e){t=t._reactInternals;var n=_a(),o=Tf(n);o.tag=2,e!=null&&(o.callback=e),e=Cf(t,o,n),e!==null&&(js(e,t,n),g0(e,t,n))}};function g7(t,e,n,o,r,i,s){return t=t.stateNode,typeof t.shouldComponentUpdate=="function"?t.shouldComponentUpdate(o,i,s):e.prototype&&e.prototype.isPureReactComponent?!_0(n,o)||!_0(r,i):!0}function y7(t,e,n,o){t=e.state,typeof e.componentWillReceiveProps=="function"&&e.componentWillReceiveProps(n,o),typeof e.UNSAFE_componentWillReceiveProps=="function"&&e.UNSAFE_componentWillReceiveProps(n,o),e.state!==t&&bN.enqueueReplaceState(e,e.state,null)}function Om(t,e){var n=e;if("ref"in e){n={};for(var o in e)o!=="ref"&&(n[o]=e[o])}if(t=t.defaultProps){n===e&&(n=co({},n));for(var r in t)n[r]===void 0&&(n[r]=t[r])}return n}function OK(t){UI(t)}function LK(t){console.error(t)}function NK(t){UI(t)}function qI(t,e){try{var n=t.onUncaughtError;n(e.value,{componentStack:e.stack})}catch(o){setTimeout(function(){throw o})}}function S7(t,e,n){try{var o=t.onCaughtError;o(n.value,{componentStack:n.stack,errorBoundary:e.tag===1?e.stateNode:null})}catch(r){setTimeout(function(){throw r})}}function vN(t,e,n){return n=Tf(n),n.tag=3,n.payload={element:null},n.callback=function(){qI(t,e)},n}function FK(t){return t=Tf(t),t.tag=3,t}function BK(t,e,n,o){var r=n.type.getDerivedStateFromError;if(typeof r=="function"){var i=o.value;t.payload=function(){return r(i)},t.callback=function(){S7(e,n,o)}}var s=n.stateNode;s!==null&&typeof s.componentDidCatch=="function"&&(t.callback=function(){S7(e,n,o),typeof r!="function"&&(Pf===null?Pf=new Set([this]):Pf.add(this));var a=o.stack;this.componentDidCatch(o.value,{componentStack:a!==null?a:""})})}function hye(t,e,n,o,r){if(n.flags|=32768,o!==null&&typeof o=="object"&&typeof o.then=="function"){if(e=n.alternate,e!==null&&WS(e,n,r,!0),n=Aa.current,n!==null){switch(n.tag){case 31:case 13:return hl===null?e_():n.alternate===null&&Uo===0&&(Uo=3),n.flags&=-257,n.flags|=65536,n.lanes=r,o===$I?n.flags|=16384:(e=n.updateQueue,e===null?n.updateQueue=new Set([o]):e.add(o),BL(t,o,r)),!1;case 22:return n.flags|=65536,o===$I?n.flags|=16384:(e=n.updateQueue,e===null?(e={transitions:null,markerInstances:null,retryQueue:new Set([o])},n.updateQueue=e):(n=e.retryQueue,n===null?e.retryQueue=new Set([o]):n.add(o)),BL(t,o,r)),!1}throw Error(ee(435,n.tag))}return BL(t,o,r),e_(),!1}if(Bt)return e=Aa.current,e!==null?((e.flags&65536)===0&&(e.flags|=256),e.flags|=65536,e.lanes=r,o!==aN&&(t=Error(ee(422),{cause:o}),A0(pl(t,n)))):(o!==aN&&(e=Error(ee(423),{cause:o}),A0(pl(e,n))),t=t.current.alternate,t.flags|=65536,r&=-r,t.lanes|=r,o=pl(o,n),r=vN(t.stateNode,o,r),PL(t,r),Uo!==4&&(Uo=2)),!1;var i=Error(ee(520),{cause:o});if(i=pl(i,n),x0===null?x0=[i]:x0.push(i),Uo!==4&&(Uo=2),e===null)return!0;o=pl(o,n),n=e;do{switch(n.tag){case 3:return n.flags|=65536,t=r&-r,n.lanes|=t,t=vN(n.stateNode,o,t),PL(n,t),!1;case 1:if(e=n.type,i=n.stateNode,(n.flags&128)===0&&(typeof e.getDerivedStateFromError=="function"||i!==null&&typeof i.componentDidCatch=="function"&&(Pf===null||!Pf.has(i))))return n.flags|=65536,r&=-r,n.lanes|=r,r=FK(r),BK(r,t,n,o),PL(n,r),!1}n=n.return}while(n!==null);return!1}var vF=Error(ee(461)),yr=!1;function gi(t,e,n,o){e.child=t===null?J$(e,null,n,o):Rm(e,t.child,n,o)}function b7(t,e,n,o,r){n=n.render;var i=e.ref;if("ref"in o){var s={};for(var a in o)a!=="ref"&&(s[a]=o[a])}else s=o;return km(e),o=lF(t,e,n,s,i,r),a=cF(),t!==null&&!yr?(uF(t,e,r),Sd(t,e,r)):(Bt&&a&&eF(e),e.flags|=1,gi(t,e,o,r),e.child)}function v7(t,e,n,o,r){if(t===null){var i=n.type;return typeof i=="function"&&!QN(i)&&i.defaultProps===void 0&&n.compare===null?(e.tag=15,e.type=i,zK(t,e,i,o,r)):(t=CI(n.type,null,o,e,e.mode,r),t.ref=e.ref,t.return=e,e.child=t)}if(i=t.child,!wF(t,r)){var s=i.memoizedProps;if(n=n.compare,n=n!==null?n:_0,n(s,o)&&t.ref===e.ref)return Sd(t,e,r)}return e.flags|=1,t=pd(i,o),t.ref=e.ref,t.return=e,e.child=t}function zK(t,e,n,o,r){if(t!==null){var i=t.memoizedProps;if(_0(i,o)&&t.ref===e.ref)if(yr=!1,e.pendingProps=o=i,wF(t,r))(t.flags&131072)!==0&&(yr=!0);else return e.lanes=t.lanes,Sd(t,e,r)}return wN(t,e,n,o,r)}function UK(t,e,n,o){var r=o.children,i=t!==null?t.memoizedState:null;if(t===null&&e.stateNode===null&&(e.stateNode={_visibility:1,_pendingMarkers:null,_retryCache:null,_transitions:null}),o.mode==="hidden"){if((e.flags&128)!==0){if(i=i!==null?i.baseLanes|n:n,t!==null){for(o=e.child=t.child,r=0;o!==null;)r=r|o.lanes|o.childLanes,o=o.sibling;o=r&~i}else o=0,e.child=null;return w7(t,e,i,n,o)}if((n&536870912)!==0)e.memoizedState={baseLanes:0,cachePool:null},t!==null&&PI(e,i!==null?i.cachePool:null),i!==null?c7(e,i):hN(),tK(e);else return o=e.lanes=536870912,w7(t,e,i!==null?i.baseLanes|n:n,n,o)}else i!==null?(PI(e,i.cachePool),c7(e,i),hf(e),e.memoizedState=null):(t!==null&&PI(e,null),hN(),hf(e));return gi(t,e,r,n),e.child}function u0(t,e){return t!==null&&t.tag===22||e.stateNode!==null||(e.stateNode={_visibility:1,_pendingMarkers:null,_retryCache:null,_transitions:null}),e.sibling}function w7(t,e,n,o,r){var i=oF();return i=i===null?null:{parent:gr._currentValue,pool:i},e.memoizedState={baseLanes:n,cachePool:i},t!==null&&PI(e,null),hN(),tK(e),t!==null&&WS(t,e,o,!0),e.childLanes=r,null}function _I(t,e){return e=XI({mode:e.mode,children:e.children},t.mode),e.ref=t.ref,t.child=e,e.return=t,e}function x7(t,e,n){return Rm(e,t.child,null,n),t=_I(e,e.pendingProps),t.flags|=2,xa(e),e.memoizedState=null,t}function mye(t,e,n){var o=e.pendingProps,r=(e.flags&128)!==0;if(e.flags&=-129,t===null){if(Bt){if(o.mode==="hidden")return t=_I(e,o),e.lanes=536870912,u0(null,t);if(mN(e),(t=lo)?(t=RG(t,fl),t=t!==null&&t.data==="&"?t:null,t!==null&&(e.memoizedState={dehydrated:t,treeContext:Af!==null?{id:qc,overflow:Xc}:null,retryLane:536870912,hydrationErrors:null},n=K$(t),n.return=e,e.child=n,Si=e,lo=null)):t=null,t===null)throw kf(e);return e.lanes=536870912,null}return _I(e,o)}var i=t.memoizedState;if(i!==null){var s=i.dehydrated;if(mN(e),r)if(e.flags&256)e.flags&=-257,e=x7(t,e,n);else if(e.memoizedState!==null)e.child=t.child,e.flags|=128,e=null;else throw Error(ee(558));else if(yr||WS(t,e,n,!1),r=(n&t.childLanes)!==0,yr||r){if(o=zn,o!==null&&(s=y$(o,n),s!==0&&s!==i.retryLane))throw i.retryLane=s,Bm(t,s),js(o,t,s),vF;e_(),e=x7(t,e,n)}else t=i.treeContext,lo=ml(s.nextSibling),Si=e,Bt=!0,xf=null,fl=!1,t!==null&&W$(e,t),e=_I(e,o),e.flags|=4096;return e}return t=pd(t.child,{mode:o.mode,children:o.children}),t.ref=e.ref,e.child=t,t.return=e,t}function MI(t,e){var n=e.ref;if(n===null)t!==null&&t.ref!==null&&(e.flags|=4194816);else{if(typeof n!="function"&&typeof n!="object")throw Error(ee(284));(t===null||t.ref!==n)&&(e.flags|=4194816)}}function wN(t,e,n,o,r){return km(e),n=lF(t,e,n,o,void 0,r),o=cF(),t!==null&&!yr?(uF(t,e,r),Sd(t,e,r)):(Bt&&o&&eF(e),e.flags|=1,gi(t,e,n,r),e.child)}function T7(t,e,n,o,r,i){return km(e),e.updateQueue=null,n=oK(e,o,n,r),nK(t),o=cF(),t!==null&&!yr?(uF(t,e,i),Sd(t,e,i)):(Bt&&o&&eF(e),e.flags|=1,gi(t,e,n,i),e.child)}function C7(t,e,n,o,r){if(km(e),e.stateNode===null){var i=TS,s=n.contextType;typeof s=="object"&&s!==null&&(i=bi(s)),i=new n(o,i),e.memoizedState=i.state!==null&&i.state!==void 0?i.state:null,i.updater=bN,e.stateNode=i,i._reactInternals=e,i=e.stateNode,i.props=o,i.state=e.memoizedState,i.refs={},iF(e),s=n.contextType,i.context=typeof s=="object"&&s!==null?bi(s):TS,i.state=e.memoizedState,s=n.getDerivedStateFromProps,typeof s=="function"&&(IL(e,n,s,o),i.state=e.memoizedState),typeof n.getDerivedStateFromProps=="function"||typeof i.getSnapshotBeforeUpdate=="function"||typeof i.UNSAFE_componentWillMount!="function"&&typeof i.componentWillMount!="function"||(s=i.state,typeof i.componentWillMount=="function"&&i.componentWillMount(),typeof i.UNSAFE_componentWillMount=="function"&&i.UNSAFE_componentWillMount(),s!==i.state&&bN.enqueueReplaceState(i,i.state,null),S0(e,o,i,r),y0(),i.state=e.memoizedState),typeof i.componentDidMount=="function"&&(e.flags|=4194308),o=!0}else if(t===null){i=e.stateNode;var a=e.memoizedProps,l=Om(n,a);i.props=l;var c=i.context,d=n.contextType;s=TS,typeof d=="object"&&d!==null&&(s=bi(d));var u=n.getDerivedStateFromProps;d=typeof u=="function"||typeof i.getSnapshotBeforeUpdate=="function",a=e.pendingProps!==a,d||typeof i.UNSAFE_componentWillReceiveProps!="function"&&typeof i.componentWillReceiveProps!="function"||(a||c!==s)&&y7(e,i,o,s),df=!1;var p=e.memoizedState;i.state=p,S0(e,o,i,r),y0(),c=e.memoizedState,a||p!==c||df?(typeof u=="function"&&(IL(e,n,u,o),c=e.memoizedState),(l=df||g7(e,n,l,o,p,c,s))?(d||typeof i.UNSAFE_componentWillMount!="function"&&typeof i.componentWillMount!="function"||(typeof i.componentWillMount=="function"&&i.componentWillMount(),typeof i.UNSAFE_componentWillMount=="function"&&i.UNSAFE_componentWillMount()),typeof i.componentDidMount=="function"&&(e.flags|=4194308)):(typeof i.componentDidMount=="function"&&(e.flags|=4194308),e.memoizedProps=o,e.memoizedState=c),i.props=o,i.state=c,i.context=s,o=l):(typeof i.componentDidMount=="function"&&(e.flags|=4194308),o=!1)}else{i=e.stateNode,pN(t,e),s=e.memoizedProps,d=Om(n,s),i.props=d,u=e.pendingProps,p=i.context,c=n.contextType,l=TS,typeof c=="object"&&c!==null&&(l=bi(c)),a=n.getDerivedStateFromProps,(c=typeof a=="function"||typeof i.getSnapshotBeforeUpdate=="function")||typeof i.UNSAFE_componentWillReceiveProps!="function"&&typeof i.componentWillReceiveProps!="function"||(s!==u||p!==l)&&y7(e,i,o,l),df=!1,p=e.memoizedState,i.state=p,S0(e,o,i,r),y0();var f=e.memoizedState;s!==u||p!==f||df||t!==null&&t.dependencies!==null&&jI(t.dependencies)?(typeof a=="function"&&(IL(e,n,a,o),f=e.memoizedState),(d=df||g7(e,n,d,o,p,f,l)||t!==null&&t.dependencies!==null&&jI(t.dependencies))?(c||typeof i.UNSAFE_componentWillUpdate!="function"&&typeof i.componentWillUpdate!="function"||(typeof i.componentWillUpdate=="function"&&i.componentWillUpdate(o,f,l),typeof i.UNSAFE_componentWillUpdate=="function"&&i.UNSAFE_componentWillUpdate(o,f,l)),typeof i.componentDidUpdate=="function"&&(e.flags|=4),typeof i.getSnapshotBeforeUpdate=="function"&&(e.flags|=1024)):(typeof i.componentDidUpdate!="function"||s===t.memoizedProps&&p===t.memoizedState||(e.flags|=4),typeof i.getSnapshotBeforeUpdate!="function"||s===t.memoizedProps&&p===t.memoizedState||(e.flags|=1024),e.memoizedProps=o,e.memoizedState=f),i.props=o,i.state=f,i.context=l,o=d):(typeof i.componentDidUpdate!="function"||s===t.memoizedProps&&p===t.memoizedState||(e.flags|=4),typeof i.getSnapshotBeforeUpdate!="function"||s===t.memoizedProps&&p===t.memoizedState||(e.flags|=1024),o=!1)}return i=o,MI(t,e),o=(e.flags&128)!==0,i||o?(i=e.stateNode,n=o&&typeof n.getDerivedStateFromError!="function"?null:i.render(),e.flags|=1,t!==null&&o?(e.child=Rm(e,t.child,null,r),e.child=Rm(e,null,n,r)):gi(t,e,n,r),e.memoizedState=i.state,t=e.child):t=Sd(t,e,r),t}function P7(t,e,n,o){return Am(),e.flags|=256,gi(t,e,n,o),e.child}var _L={dehydrated:null,treeContext:null,retryLane:0,hydrationErrors:null};function ML(t){return{baseLanes:t,cachePool:q$()}}function AL(t,e,n){return t=t!==null?t.childLanes&~n:0,e&&(t|=Ca),t}function HK(t,e,n){var o=e.pendingProps,r=!1,i=(e.flags&128)!==0,s;if((s=i)||(s=t!==null&&t.memoizedState===null?!1:(Qo.current&2)!==0),s&&(r=!0,e.flags&=-129),s=(e.flags&32)!==0,e.flags&=-33,t===null){if(Bt){if(r?ff(e):hf(e),(t=lo)?(t=RG(t,fl),t=t!==null&&t.data!=="&"?t:null,t!==null&&(e.memoizedState={dehydrated:t,treeContext:Af!==null?{id:qc,overflow:Xc}:null,retryLane:536870912,hydrationErrors:null},n=K$(t),n.return=e,e.child=n,Si=e,lo=null)):t=null,t===null)throw kf(e);return LN(t)?e.lanes=32:e.lanes=536870912,null}var a=o.children;return o=o.fallback,r?(hf(e),r=e.mode,a=XI({mode:"hidden",children:a},r),o=Em(o,r,n,null),a.return=e,o.return=e,a.sibling=o,e.child=a,o=e.child,o.memoizedState=ML(n),o.childLanes=AL(t,s,n),e.memoizedState=_L,u0(null,o)):(ff(e),xN(e,a))}var l=t.memoizedState;if(l!==null&&(a=l.dehydrated,a!==null)){if(i)e.flags&256?(ff(e),e.flags&=-257,e=kL(t,e,n)):e.memoizedState!==null?(hf(e),e.child=t.child,e.flags|=128,e=null):(hf(e),a=o.fallback,r=e.mode,o=XI({mode:"visible",children:o.children},r),a=Em(a,r,n,null),a.flags|=2,o.return=e,a.return=e,o.sibling=a,e.child=o,Rm(e,t.child,null,n),o=e.child,o.memoizedState=ML(n),o.childLanes=AL(t,s,n),e.memoizedState=_L,e=u0(null,o));else if(ff(e),LN(a)){if(s=a.nextSibling&&a.nextSibling.dataset,s)var c=s.dgst;s=c,o=Error(ee(419)),o.stack="",o.digest=s,A0({value:o,source:null,stack:null}),e=kL(t,e,n)}else if(yr||WS(t,e,n,!1),s=(n&t.childLanes)!==0,yr||s){if(s=zn,s!==null&&(o=y$(s,n),o!==0&&o!==l.retryLane))throw l.retryLane=o,Bm(t,o),js(s,t,o),vF;ON(a)||e_(),e=kL(t,e,n)}else ON(a)?(e.flags|=192,e.child=t.child,e=null):(t=l.treeContext,lo=ml(a.nextSibling),Si=e,Bt=!0,xf=null,fl=!1,t!==null&&W$(e,t),e=xN(e,o.children),e.flags|=4096);return e}return r?(hf(e),a=o.fallback,r=e.mode,l=t.child,c=l.sibling,o=pd(l,{mode:"hidden",children:o.children}),o.subtreeFlags=l.subtreeFlags&65011712,c!==null?a=pd(c,a):(a=Em(a,r,n,null),a.flags|=2),a.return=e,o.return=e,o.sibling=a,e.child=o,u0(null,o),o=e.child,a=t.child.memoizedState,a===null?a=ML(n):(r=a.cachePool,r!==null?(l=gr._currentValue,r=r.parent!==l?{parent:l,pool:l}:r):r=q$(),a={baseLanes:a.baseLanes|n,cachePool:r}),o.memoizedState=a,o.childLanes=AL(t,s,n),e.memoizedState=_L,u0(t.child,o)):(ff(e),n=t.child,t=n.sibling,n=pd(n,{mode:"visible",children:o.children}),n.return=e,n.sibling=null,t!==null&&(s=e.deletions,s===null?(e.deletions=[t],e.flags|=16):s.push(t)),e.child=n,e.memoizedState=null,n)}function xN(t,e){return e=XI({mode:"visible",children:e},t.mode),e.return=t,t.child=e}function XI(t,e){return t=Ta(22,t,null,e),t.lanes=0,t}function kL(t,e,n){return Rm(e,t.child,null,n),t=xN(e,e.pendingProps.children),t.flags|=2,e.memoizedState=null,t}function E7(t,e,n){t.lanes|=e;var o=t.alternate;o!==null&&(o.lanes|=e),cN(t.return,e,n)}function RL(t,e,n,o,r,i){var s=t.memoizedState;s===null?t.memoizedState={isBackwards:e,rendering:null,renderingStartTime:0,last:o,tail:n,tailMode:r,treeForkCount:i}:(s.isBackwards=e,s.rendering=null,s.renderingStartTime=0,s.last=o,s.tail=n,s.tailMode=r,s.treeForkCount=i)}function VK(t,e,n){var o=e.pendingProps,r=o.revealOrder,i=o.tail;o=o.children;var s=Qo.current,a=(s&2)!==0;if(a?(s=s&1|2,e.flags|=128):s&=1,Xn(Qo,s),gi(t,e,o,n),o=Bt?M0:0,!a&&t!==null&&(t.flags&128)!==0)e:for(t=e.child;t!==null;){if(t.tag===13)t.memoizedState!==null&&E7(t,n,e);else if(t.tag===19)E7(t,n,e);else if(t.child!==null){t.child.return=t,t=t.child;continue}if(t===e)break e;for(;t.sibling===null;){if(t.return===null||t.return===e)break e;t=t.return}t.sibling.return=t.return,t=t.sibling}switch(r){case"forwards":for(n=e.child,r=null;n!==null;)t=n.alternate,t!==null&&GI(t)===null&&(r=n),n=n.sibling;n=r,n===null?(r=e.child,e.child=null):(r=n.sibling,n.sibling=null),RL(e,!1,r,n,i,o);break;case"backwards":case"unstable_legacy-backwards":for(n=null,r=e.child,e.child=null;r!==null;){if(t=r.alternate,t!==null&&GI(t)===null){e.child=r;break}t=r.sibling,r.sibling=n,n=r,r=t}RL(e,!0,n,null,i,o);break;case"together":RL(e,!1,null,null,void 0,o);break;default:e.memoizedState=null}return e.child}function Sd(t,e,n){if(t!==null&&(e.dependencies=t.dependencies),Df|=e.lanes,(n&e.childLanes)===0)if(t!==null){if(WS(t,e,n,!1),(n&e.childLanes)===0)return null}else return null;if(t!==null&&e.child!==t.child)throw Error(ee(153));if(e.child!==null){for(t=e.child,n=pd(t,t.pendingProps),e.child=n,n.return=e;t.sibling!==null;)t=t.sibling,n=n.sibling=pd(t,t.pendingProps),n.return=e;n.sibling=null}return e.child}function wF(t,e){return(t.lanes&e)!==0?!0:(t=t.dependencies,!!(t!==null&&jI(t)))}function gye(t,e,n){switch(e.tag){case 3:NI(e,e.stateNode.containerInfo),pf(e,gr,t.memoizedState.cache),Am();break;case 27:case 5:XL(e);break;case 4:NI(e,e.stateNode.containerInfo);break;case 10:pf(e,e.type,e.memoizedProps.value);break;case 31:if(e.memoizedState!==null)return e.flags|=128,mN(e),null;break;case 13:var o=e.memoizedState;if(o!==null)return o.dehydrated!==null?(ff(e),e.flags|=128,null):(n&e.child.childLanes)!==0?HK(t,e,n):(ff(e),t=Sd(t,e,n),t!==null?t.sibling:null);ff(e);break;case 19:var r=(t.flags&128)!==0;if(o=(n&e.childLanes)!==0,o||(WS(t,e,n,!1),o=(n&e.childLanes)!==0),r){if(o)return VK(t,e,n);e.flags|=128}if(r=e.memoizedState,r!==null&&(r.rendering=null,r.tail=null,r.lastEffect=null),Xn(Qo,Qo.current),o)break;return null;case 22:return e.lanes=0,UK(t,e,n,e.pendingProps);case 24:pf(e,gr,t.memoizedState.cache)}return Sd(t,e,n)}function jK(t,e,n){if(t!==null)if(t.memoizedProps!==e.pendingProps)yr=!0;else{if(!wF(t,n)&&(e.flags&128)===0)return yr=!1,gye(t,e,n);yr=(t.flags&131072)!==0}else yr=!1,Bt&&(e.flags&1048576)!==0&&G$(e,M0,e.index);switch(e.lanes=0,e.tag){case 16:e:{var o=e.pendingProps;if(t=Tm(e.elementType),e.type=t,typeof t=="function")QN(t)?(o=Om(t,o),e.tag=1,e=C7(null,e,t,o,n)):(e.tag=0,e=wN(null,e,t,o,n));else{if(t!=null){var r=t.$$typeof;if(r===zN){e.tag=11,e=b7(null,e,t,o,n);break e}else if(r===UN){e.tag=14,e=v7(null,e,t,o,n);break e}}throw e=YL(t)||t,Error(ee(306,e,""))}}return e;case 0:return wN(t,e,e.type,e.pendingProps,n);case 1:return o=e.type,r=Om(o,e.pendingProps),C7(t,e,o,r,n);case 3:e:{if(NI(e,e.stateNode.containerInfo),t===null)throw Error(ee(387));o=e.pendingProps;var i=e.memoizedState;r=i.element,pN(t,e),S0(e,o,null,n);var s=e.memoizedState;if(o=s.cache,pf(e,gr,o),o!==i.cache&&uN(e,[gr],n,!0),y0(),o=s.element,i.isDehydrated)if(i={element:o,isDehydrated:!1,cache:s.cache},e.updateQueue.baseState=i,e.memoizedState=i,e.flags&256){e=P7(t,e,o,n);break e}else if(o!==r){r=pl(Error(ee(424)),e),A0(r),e=P7(t,e,o,n);break e}else for(t=e.stateNode.containerInfo,t.nodeType===9?t=t.body:t=t.nodeName==="HTML"?t.ownerDocument.body:t,lo=ml(t.firstChild),Si=e,Bt=!0,xf=null,fl=!0,n=J$(e,null,o,n),e.child=n;n;)n.flags=n.flags&-3|4096,n=n.sibling;else{if(Am(),o===r){e=Sd(t,e,n);break e}gi(t,e,o,n)}e=e.child}return e;case 26:return MI(t,e),t===null?(n=Y7(e.type,null,e.pendingProps,null))?e.memoizedState=n:Bt||(n=e.type,t=e.pendingProps,o=r_(wf.current).createElement(n),o[yi]=e,o[$s]=t,vi(o,n,t),Zr(o),e.stateNode=o):e.memoizedState=Y7(e.type,t.memoizedProps,e.pendingProps,t.memoizedState),null;case 27:return XL(e),t===null&&Bt&&(o=e.stateNode=DG(e.type,e.pendingProps,wf.current),Si=e,fl=!0,r=lo,Lf(e.type)?(NN=r,lo=ml(o.firstChild)):lo=r),gi(t,e,e.pendingProps.children,n),MI(t,e),t===null&&(e.flags|=4194304),e.child;case 5:return t===null&&Bt&&((r=o=lo)&&(o=$ye(o,e.type,e.pendingProps,fl),o!==null?(e.stateNode=o,Si=e,lo=ml(o.firstChild),fl=!1,r=!0):r=!1),r||kf(e)),XL(e),r=e.type,i=e.pendingProps,s=t!==null?t.memoizedProps:null,o=i.children,RN(r,i)?o=null:s!==null&&RN(r,s)&&(e.flags|=32),e.memoizedState!==null&&(r=lF(t,e,aye,null,null,n),N0._currentValue=r),MI(t,e),gi(t,e,o,n),e.child;case 6:return t===null&&Bt&&((t=n=lo)&&(n=Kye(n,e.pendingProps,fl),n!==null?(e.stateNode=n,Si=e,lo=null,t=!0):t=!1),t||kf(e)),null;case 13:return HK(t,e,n);case 4:return NI(e,e.stateNode.containerInfo),o=e.pendingProps,t===null?e.child=Rm(e,null,o,n):gi(t,e,o,n),e.child;case 11:return b7(t,e,e.type,e.pendingProps,n);case 7:return gi(t,e,e.pendingProps,n),e.child;case 8:return gi(t,e,e.pendingProps.children,n),e.child;case 12:return gi(t,e,e.pendingProps.children,n),e.child;case 10:return o=e.pendingProps,pf(e,e.type,o.value),gi(t,e,o.children,n),e.child;case 9:return r=e.type._context,o=e.pendingProps.children,km(e),r=bi(r),o=o(r),e.flags|=1,gi(t,e,o,n),e.child;case 14:return v7(t,e,e.type,e.pendingProps,n);case 15:return zK(t,e,e.type,e.pendingProps,n);case 19:return VK(t,e,n);case 31:return mye(t,e,n);case 22:return UK(t,e,n,e.pendingProps);case 24:return km(e),o=bi(gr),t===null?(r=oF(),r===null&&(r=zn,i=nF(),r.pooledCache=i,i.refCount++,i!==null&&(r.pooledCacheLanes|=n),r=i),e.memoizedState={parent:o,cache:r},iF(e),pf(e,gr,r)):((t.lanes&n)!==0&&(pN(t,e),S0(e,null,null,n),y0()),r=t.memoizedState,i=e.memoizedState,r.parent!==o?(r={parent:o,cache:o},e.memoizedState=r,e.lanes===0&&(e.memoizedState=e.updateQueue.baseState=r),pf(e,gr,o)):(o=i.cache,pf(e,gr,o),o!==r.cache&&uN(e,[gr],n,!0))),gi(t,e,e.pendingProps.children,n),e.child;case 29:throw e.pendingProps}throw Error(ee(156,e.tag))}function od(t){t.flags|=4}function DL(t,e,n,o,r){if((e=(t.mode&32)!==0)&&(e=!1),e){if(t.flags|=16777216,(r&335544128)===r)if(t.stateNode.complete)t.flags|=8192;else if(fG())t.flags|=8192;else throw _m=$I,rF}else t.flags&=-16777217}function I7(t,e){if(e.type!=="stylesheet"||(e.state.loading&4)!==0)t.flags&=-16777217;else if(t.flags|=16777216,!NG(e))if(fG())t.flags|=8192;else throw _m=$I,rF}function fI(t,e){e!==null&&(t.flags|=4),t.flags&16384&&(e=t.tag!==22?h$():536870912,t.lanes|=e,US|=e)}function o0(t,e){if(!Bt)switch(t.tailMode){case"hidden":e=t.tail;for(var n=null;e!==null;)e.alternate!==null&&(n=e),e=e.sibling;n===null?t.tail=null:n.sibling=null;break;case"collapsed":n=t.tail;for(var o=null;n!==null;)n.alternate!==null&&(o=n),n=n.sibling;o===null?e||t.tail===null?t.tail=null:t.tail.sibling=null:o.sibling=null}}function ao(t){var e=t.alternate!==null&&t.alternate.child===t.child,n=0,o=0;if(e)for(var r=t.child;r!==null;)n|=r.lanes|r.childLanes,o|=r.subtreeFlags&65011712,o|=r.flags&65011712,r.return=t,r=r.sibling;else for(r=t.child;r!==null;)n|=r.lanes|r.childLanes,o|=r.subtreeFlags,o|=r.flags,r.return=t,r=r.sibling;return t.subtreeFlags|=o,t.childLanes=n,e}function yye(t,e,n){var o=e.pendingProps;switch(tF(e),e.tag){case 16:case 15:case 0:case 11:case 7:case 8:case 12:case 9:case 14:return ao(e),null;case 1:return ao(e),null;case 3:return n=e.stateNode,o=null,t!==null&&(o=t.memoizedState.cache),e.memoizedState.cache!==o&&(e.flags|=2048),fd(gr),OS(),n.pendingContext&&(n.context=n.pendingContext,n.pendingContext=null),(t===null||t.child===null)&&(dS(e)?od(e):t===null||t.memoizedState.isDehydrated&&(e.flags&256)===0||(e.flags|=1024,CL())),ao(e),null;case 26:var r=e.type,i=e.memoizedState;return t===null?(od(e),i!==null?(ao(e),I7(e,i)):(ao(e),DL(e,r,null,o,n))):i?i!==t.memoizedState?(od(e),ao(e),I7(e,i)):(ao(e),e.flags&=-16777217):(t=t.memoizedProps,t!==o&&od(e),ao(e),DL(e,r,t,o,n)),null;case 27:if(FI(e),n=wf.current,r=e.type,t!==null&&e.stateNode!=null)t.memoizedProps!==o&&od(e);else{if(!o){if(e.stateNode===null)throw Error(ee(166));return ao(e),null}t=Jc.current,dS(e)?n7(e,t):(t=DG(r,o,n),e.stateNode=t,od(e))}return ao(e),null;case 5:if(FI(e),r=e.type,t!==null&&e.stateNode!=null)t.memoizedProps!==o&&od(e);else{if(!o){if(e.stateNode===null)throw Error(ee(166));return ao(e),null}if(i=Jc.current,dS(e))n7(e,i);else{var s=r_(wf.current);switch(i){case 1:i=s.createElementNS("http://www.w3.org/2000/svg",r);break;case 2:i=s.createElementNS("http://www.w3.org/1998/Math/MathML",r);break;default:switch(r){case"svg":i=s.createElementNS("http://www.w3.org/2000/svg",r);break;case"math":i=s.createElementNS("http://www.w3.org/1998/Math/MathML",r);break;case"script":i=s.createElement("div"),i.innerHTML="<script><\/script>",i=i.removeChild(i.firstChild);break;case"select":i=typeof o.is=="string"?s.createElement("select",{is:o.is}):s.createElement("select"),o.multiple?i.multiple=!0:o.size&&(i.size=o.size);break;default:i=typeof o.is=="string"?s.createElement(r,{is:o.is}):s.createElement(r)}}i[yi]=e,i[$s]=o;e:for(s=e.child;s!==null;){if(s.tag===5||s.tag===6)i.appendChild(s.stateNode);else if(s.tag!==4&&s.tag!==27&&s.child!==null){s.child.return=s,s=s.child;continue}if(s===e)break e;for(;s.sibling===null;){if(s.return===null||s.return===e)break e;s=s.return}s.sibling.return=s.return,s=s.sibling}e.stateNode=i;e:switch(vi(i,r,o),r){case"button":case"input":case"select":case"textarea":o=!!o.autoFocus;break e;case"img":o=!0;break e;default:o=!1}o&&od(e)}}return ao(e),DL(e,e.type,t===null?null:t.memoizedProps,e.pendingProps,n),null;case 6:if(t&&e.stateNode!=null)t.memoizedProps!==o&&od(e);else{if(typeof o!="string"&&e.stateNode===null)throw Error(ee(166));if(t=wf.current,dS(e)){if(t=e.stateNode,n=e.memoizedProps,o=null,r=Si,r!==null)switch(r.tag){case 27:case 5:o=r.memoizedProps}t[yi]=e,t=!!(t.nodeValue===n||o!==null&&o.suppressHydrationWarning===!0||MG(t.nodeValue,n)),t||kf(e,!0)}else t=r_(t).createTextNode(o),t[yi]=e,e.stateNode=t}return ao(e),null;case 31:if(n=e.memoizedState,t===null||t.memoizedState!==null){if(o=dS(e),n!==null){if(t===null){if(!o)throw Error(ee(318));if(t=e.memoizedState,t=t!==null?t.dehydrated:null,!t)throw Error(ee(557));t[yi]=e}else Am(),(e.flags&128)===0&&(e.memoizedState=null),e.flags|=4;ao(e),t=!1}else n=CL(),t!==null&&t.memoizedState!==null&&(t.memoizedState.hydrationErrors=n),t=!0;if(!t)return e.flags&256?(xa(e),e):(xa(e),null);if((e.flags&128)!==0)throw Error(ee(558))}return ao(e),null;case 13:if(o=e.memoizedState,t===null||t.memoizedState!==null&&t.memoizedState.dehydrated!==null){if(r=dS(e),o!==null&&o.dehydrated!==null){if(t===null){if(!r)throw Error(ee(318));if(r=e.memoizedState,r=r!==null?r.dehydrated:null,!r)throw Error(ee(317));r[yi]=e}else Am(),(e.flags&128)===0&&(e.memoizedState=null),e.flags|=4;ao(e),r=!1}else r=CL(),t!==null&&t.memoizedState!==null&&(t.memoizedState.hydrationErrors=r),r=!0;if(!r)return e.flags&256?(xa(e),e):(xa(e),null)}return xa(e),(e.flags&128)!==0?(e.lanes=n,e):(n=o!==null,t=t!==null&&t.memoizedState!==null,n&&(o=e.child,r=null,o.alternate!==null&&o.alternate.memoizedState!==null&&o.alternate.memoizedState.cachePool!==null&&(r=o.alternate.memoizedState.cachePool.pool),i=null,o.memoizedState!==null&&o.memoizedState.cachePool!==null&&(i=o.memoizedState.cachePool.pool),i!==r&&(o.flags|=2048)),n!==t&&n&&(e.child.flags|=8192),fI(e,e.updateQueue),ao(e),null);case 4:return OS(),t===null&&_F(e.stateNode.containerInfo),ao(e),null;case 10:return fd(e.type),ao(e),null;case 19:if(Jr(Qo),o=e.memoizedState,o===null)return ao(e),null;if(r=(e.flags&128)!==0,i=o.rendering,i===null)if(r)o0(o,!1);else{if(Uo!==0||t!==null&&(t.flags&128)!==0)for(t=e.child;t!==null;){if(i=GI(t),i!==null){for(e.flags|=128,o0(o,!1),t=i.updateQueue,e.updateQueue=t,fI(e,t),e.subtreeFlags=0,t=n,n=e.child;n!==null;)$$(n,t),n=n.sibling;return Xn(Qo,Qo.current&1|2),Bt&&ad(e,o.treeForkCount),e.child}t=t.sibling}o.tail!==null&&Pa()>JI&&(e.flags|=128,r=!0,o0(o,!1),e.lanes=4194304)}else{if(!r)if(t=GI(i),t!==null){if(e.flags|=128,r=!0,t=t.updateQueue,e.updateQueue=t,fI(e,t),o0(o,!0),o.tail===null&&o.tailMode==="hidden"&&!i.alternate&&!Bt)return ao(e),null}else 2*Pa()-o.renderingStartTime>JI&&n!==536870912&&(e.flags|=128,r=!0,o0(o,!1),e.lanes=4194304);o.isBackwards?(i.sibling=e.child,e.child=i):(t=o.last,t!==null?t.sibling=i:e.child=i,o.last=i)}return o.tail!==null?(t=o.tail,o.rendering=t,o.tail=t.sibling,o.renderingStartTime=Pa(),t.sibling=null,n=Qo.current,Xn(Qo,r?n&1|2:n&1),Bt&&ad(e,o.treeForkCount),t):(ao(e),null);case 22:case 23:return xa(e),sF(),o=e.memoizedState!==null,t!==null?t.memoizedState!==null!==o&&(e.flags|=8192):o&&(e.flags|=8192),o?(n&536870912)!==0&&(e.flags&128)===0&&(ao(e),e.subtreeFlags&6&&(e.flags|=8192)):ao(e),n=e.updateQueue,n!==null&&fI(e,n.retryQueue),n=null,t!==null&&t.memoizedState!==null&&t.memoizedState.cachePool!==null&&(n=t.memoizedState.cachePool.pool),o=null,e.memoizedState!==null&&e.memoizedState.cachePool!==null&&(o=e.memoizedState.cachePool.pool),o!==n&&(e.flags|=2048),t!==null&&Jr(Im),null;case 24:return n=null,t!==null&&(n=t.memoizedState.cache),e.memoizedState.cache!==n&&(e.flags|=2048),fd(gr),ao(e),null;case 25:return null;case 30:return null}throw Error(ee(156,e.tag))}function Sye(t,e){switch(tF(e),e.tag){case 1:return t=e.flags,t&65536?(e.flags=t&-65537|128,e):null;case 3:return fd(gr),OS(),t=e.flags,(t&65536)!==0&&(t&128)===0?(e.flags=t&-65537|128,e):null;case 26:case 27:case 5:return FI(e),null;case 31:if(e.memoizedState!==null){if(xa(e),e.alternate===null)throw Error(ee(340));Am()}return t=e.flags,t&65536?(e.flags=t&-65537|128,e):null;case 13:if(xa(e),t=e.memoizedState,t!==null&&t.dehydrated!==null){if(e.alternate===null)throw Error(ee(340));Am()}return t=e.flags,t&65536?(e.flags=t&-65537|128,e):null;case 19:return Jr(Qo),null;case 4:return OS(),null;case 10:return fd(e.type),null;case 22:case 23:return xa(e),sF(),t!==null&&Jr(Im),t=e.flags,t&65536?(e.flags=t&-65537|128,e):null;case 24:return fd(gr),null;case 25:return null;default:return null}}function $K(t,e){switch(tF(e),e.tag){case 3:fd(gr),OS();break;case 26:case 27:case 5:FI(e);break;case 4:OS();break;case 31:e.memoizedState!==null&&xa(e);break;case 13:xa(e);break;case 19:Jr(Qo);break;case 10:fd(e.type);break;case 22:case 23:xa(e),sF(),t!==null&&Jr(Im);break;case 24:fd(gr)}}function W0(t,e){try{var n=e.updateQueue,o=n!==null?n.lastEffect:null;if(o!==null){var r=o.next;n=r;do{if((n.tag&t)===t){o=void 0;var i=n.create,s=n.inst;o=i(),s.destroy=o}n=n.next}while(n!==r)}}catch(a){Tn(e,e.return,a)}}function Rf(t,e,n){try{var o=e.updateQueue,r=o!==null?o.lastEffect:null;if(r!==null){var i=r.next;o=i;do{if((o.tag&t)===t){var s=o.inst,a=s.destroy;if(a!==void 0){s.destroy=void 0,r=e;var l=n,c=a;try{c()}catch(d){Tn(r,l,d)}}}o=o.next}while(o!==i)}}catch(d){Tn(e,e.return,d)}}function KK(t){var e=t.updateQueue;if(e!==null){var n=t.stateNode;try{eK(e,n)}catch(o){Tn(t,t.return,o)}}}function GK(t,e,n){n.props=Om(t.type,t.memoizedProps),n.state=t.memoizedState;try{n.componentWillUnmount()}catch(o){Tn(t,e,o)}}function v0(t,e){try{var n=t.ref;if(n!==null){switch(t.tag){case 26:case 27:case 5:var o=t.stateNode;break;case 30:o=t.stateNode;break;default:o=t.stateNode}typeof n=="function"?t.refCleanup=n(o):n.current=o}}catch(r){Tn(t,e,r)}}function Zc(t,e){var n=t.ref,o=t.refCleanup;if(n!==null)if(typeof o=="function")try{o()}catch(r){Tn(t,e,r)}finally{t.refCleanup=null,t=t.alternate,t!=null&&(t.refCleanup=null)}else if(typeof n=="function")try{n(null)}catch(r){Tn(t,e,r)}else n.current=null}function WK(t){var e=t.type,n=t.memoizedProps,o=t.stateNode;try{e:switch(e){case"button":case"input":case"select":case"textarea":n.autoFocus&&o.focus();break e;case"img":n.src?o.src=n.src:n.srcSet&&(o.srcset=n.srcSet)}}catch(r){Tn(t,t.return,r)}}function OL(t,e,n){try{var o=t.stateNode;Bye(o,t.type,n,e),o[$s]=e}catch(r){Tn(t,t.return,r)}}function YK(t){return t.tag===5||t.tag===3||t.tag===26||t.tag===27&&Lf(t.type)||t.tag===4}function LL(t){e:for(;;){for(;t.sibling===null;){if(t.return===null||YK(t.return))return null;t=t.return}for(t.sibling.return=t.return,t=t.sibling;t.tag!==5&&t.tag!==6&&t.tag!==18;){if(t.tag===27&&Lf(t.type)||t.flags&2||t.child===null||t.tag===4)continue e;t.child.return=t,t=t.child}if(!(t.flags&2))return t.stateNode}}function TN(t,e,n){var o=t.tag;if(o===5||o===6)t=t.stateNode,e?(n.nodeType===9?n.body:n.nodeName==="HTML"?n.ownerDocument.body:n).insertBefore(t,e):(e=n.nodeType===9?n.body:n.nodeName==="HTML"?n.ownerDocument.body:n,e.appendChild(t),n=n._reactRootContainer,n!=null||e.onclick!==null||(e.onclick=ud));else if(o!==4&&(o===27&&Lf(t.type)&&(n=t.stateNode,e=null),t=t.child,t!==null))for(TN(t,e,n),t=t.sibling;t!==null;)TN(t,e,n),t=t.sibling}function ZI(t,e,n){var o=t.tag;if(o===5||o===6)t=t.stateNode,e?n.insertBefore(t,e):n.appendChild(t);else if(o!==4&&(o===27&&Lf(t.type)&&(n=t.stateNode),t=t.child,t!==null))for(ZI(t,e,n),t=t.sibling;t!==null;)ZI(t,e,n),t=t.sibling}function qK(t){var e=t.stateNode,n=t.memoizedProps;try{for(var o=t.type,r=e.attributes;r.length;)e.removeAttributeNode(r[0]);vi(e,o,n),e[yi]=t,e[$s]=n}catch(i){Tn(t,t.return,i)}}var ld=!1,mr=!1,NL=!1,_7=typeof WeakSet=="function"?WeakSet:Set,Xr=null;function bye(t,e){if(t=t.containerInfo,AN=l_,t=N$(t),XN(t)){if("selectionStart"in t)var n={start:t.selectionStart,end:t.selectionEnd};else e:{n=(n=t.ownerDocument)&&n.defaultView||window;var o=n.getSelection&&n.getSelection();if(o&&o.rangeCount!==0){n=o.anchorNode;var r=o.anchorOffset,i=o.focusNode;o=o.focusOffset;try{n.nodeType,i.nodeType}catch{n=null;break e}var s=0,a=-1,l=-1,c=0,d=0,u=t,p=null;t:for(;;){for(var f;u!==n||r!==0&&u.nodeType!==3||(a=s+r),u!==i||o!==0&&u.nodeType!==3||(l=s+o),u.nodeType===3&&(s+=u.nodeValue.length),(f=u.firstChild)!==null;)p=u,u=f;for(;;){if(u===t)break t;if(p===n&&++c===r&&(a=s),p===i&&++d===o&&(l=s),(f=u.nextSibling)!==null)break;u=p,p=u.parentNode}u=f}n=a===-1||l===-1?null:{start:a,end:l}}else n=null}n=n||{start:0,end:0}}else n=null;for(kN={focusedElem:t,selectionRange:n},l_=!1,Xr=e;Xr!==null;)if(e=Xr,t=e.child,(e.subtreeFlags&1028)!==0&&t!==null)t.return=e,Xr=t;else for(;Xr!==null;){switch(e=Xr,i=e.alternate,t=e.flags,e.tag){case 0:if((t&4)!==0&&(t=e.updateQueue,t=t!==null?t.events:null,t!==null))for(n=0;n<t.length;n++)r=t[n],r.ref.impl=r.nextImpl;break;case 11:case 15:break;case 1:if((t&1024)!==0&&i!==null){t=void 0,n=e,r=i.memoizedProps,i=i.memoizedState,o=n.stateNode;try{var h=Om(n.type,r);t=o.getSnapshotBeforeUpdate(h,i),o.__reactInternalSnapshotBeforeUpdate=t}catch(g){Tn(n,n.return,g)}}break;case 3:if((t&1024)!==0){if(t=e.stateNode.containerInfo,n=t.nodeType,n===9)DN(t);else if(n===1)switch(t.nodeName){case"HEAD":case"HTML":case"BODY":DN(t);break;default:t.textContent=""}}break;case 5:case 26:case 27:case 6:case 4:case 17:break;default:if((t&1024)!==0)throw Error(ee(163))}if(t=e.sibling,t!==null){t.return=e.return,Xr=t;break}Xr=e.return}}function XK(t,e,n){var o=n.flags;switch(n.tag){case 0:case 11:case 15:id(t,n),o&4&&W0(5,n);break;case 1:if(id(t,n),o&4)if(t=n.stateNode,e===null)try{t.componentDidMount()}catch(s){Tn(n,n.return,s)}else{var r=Om(n.type,e.memoizedProps);e=e.memoizedState;try{t.componentDidUpdate(r,e,t.__reactInternalSnapshotBeforeUpdate)}catch(s){Tn(n,n.return,s)}}o&64&&KK(n),o&512&&v0(n,n.return);break;case 3:if(id(t,n),o&64&&(t=n.updateQueue,t!==null)){if(e=null,n.child!==null)switch(n.child.tag){case 27:case 5:e=n.child.stateNode;break;case 1:e=n.child.stateNode}try{eK(t,e)}catch(s){Tn(n,n.return,s)}}break;case 27:e===null&&o&4&&qK(n);case 26:case 5:id(t,n),e===null&&o&4&&WK(n),o&512&&v0(n,n.return);break;case 12:id(t,n);break;case 31:id(t,n),o&4&&QK(t,n);break;case 13:id(t,n),o&4&&eG(t,n),o&64&&(t=n.memoizedState,t!==null&&(t=t.dehydrated,t!==null&&(n=_ye.bind(null,n),Gye(t,n))));break;case 22:if(o=n.memoizedState!==null||ld,!o){e=e!==null&&e.memoizedState!==null||mr,r=ld;var i=mr;ld=o,(mr=e)&&!i?sd(t,n,(n.subtreeFlags&8772)!==0):id(t,n),ld=r,mr=i}break;case 30:break;default:id(t,n)}}function ZK(t){var e=t.alternate;e!==null&&(t.alternate=null,ZK(e)),t.child=null,t.deletions=null,t.sibling=null,t.tag===5&&(e=t.stateNode,e!==null&&$N(e)),t.stateNode=null,t.return=null,t.dependencies=null,t.memoizedProps=null,t.memoizedState=null,t.pendingProps=null,t.stateNode=null,t.updateQueue=null}var Co=null,Hs=!1;function rd(t,e,n){for(n=n.child;n!==null;)JK(t,e,n),n=n.sibling}function JK(t,e,n){if(Ea&&typeof Ea.onCommitFiberUnmount=="function")try{Ea.onCommitFiberUnmount(U0,n)}catch{}switch(n.tag){case 26:mr||Zc(n,e),rd(t,e,n),n.memoizedState?n.memoizedState.count--:n.stateNode&&(n=n.stateNode,n.parentNode.removeChild(n));break;case 27:mr||Zc(n,e);var o=Co,r=Hs;Lf(n.type)&&(Co=n.stateNode,Hs=!1),rd(t,e,n),C0(n.stateNode),Co=o,Hs=r;break;case 5:mr||Zc(n,e);case 6:if(o=Co,r=Hs,Co=null,rd(t,e,n),Co=o,Hs=r,Co!==null)if(Hs)try{(Co.nodeType===9?Co.body:Co.nodeName==="HTML"?Co.ownerDocument.body:Co).removeChild(n.stateNode)}catch(i){Tn(n,e,i)}else try{Co.removeChild(n.stateNode)}catch(i){Tn(n,e,i)}break;case 18:Co!==null&&(Hs?(t=Co,j7(t.nodeType===9?t.body:t.nodeName==="HTML"?t.ownerDocument.body:t,n.stateNode),$S(t)):j7(Co,n.stateNode));break;case 4:o=Co,r=Hs,Co=n.stateNode.containerInfo,Hs=!0,rd(t,e,n),Co=o,Hs=r;break;case 0:case 11:case 14:case 15:Rf(2,n,e),mr||Rf(4,n,e),rd(t,e,n);break;case 1:mr||(Zc(n,e),o=n.stateNode,typeof o.componentWillUnmount=="function"&&GK(n,e,o)),rd(t,e,n);break;case 21:rd(t,e,n);break;case 22:mr=(o=mr)||n.memoizedState!==null,rd(t,e,n),mr=o;break;default:rd(t,e,n)}}function QK(t,e){if(e.memoizedState===null&&(t=e.alternate,t!==null&&(t=t.memoizedState,t!==null))){t=t.dehydrated;try{$S(t)}catch(n){Tn(e,e.return,n)}}}function eG(t,e){if(e.memoizedState===null&&(t=e.alternate,t!==null&&(t=t.memoizedState,t!==null&&(t=t.dehydrated,t!==null))))try{$S(t)}catch(n){Tn(e,e.return,n)}}function vye(t){switch(t.tag){case 31:case 13:case 19:var e=t.stateNode;return e===null&&(e=t.stateNode=new _7),e;case 22:return t=t.stateNode,e=t._retryCache,e===null&&(e=t._retryCache=new _7),e;default:throw Error(ee(435,t.tag))}}function hI(t,e){var n=vye(t);e.forEach(function(o){if(!n.has(o)){n.add(o);var r=Mye.bind(null,t,o);o.then(r,r)}})}function zs(t,e){var n=e.deletions;if(n!==null)for(var o=0;o<n.length;o++){var r=n[o],i=t,s=e,a=s;e:for(;a!==null;){switch(a.tag){case 27:if(Lf(a.type)){Co=a.stateNode,Hs=!1;break e}break;case 5:Co=a.stateNode,Hs=!1;break e;case 3:case 4:Co=a.stateNode.containerInfo,Hs=!0;break e}a=a.return}if(Co===null)throw Error(ee(160));JK(i,s,r),Co=null,Hs=!1,i=r.alternate,i!==null&&(i.return=null),r.return=null}if(e.subtreeFlags&13886)for(e=e.child;e!==null;)tG(e,t),e=e.sibling}var ec=null;function tG(t,e){var n=t.alternate,o=t.flags;switch(t.tag){case 0:case 11:case 14:case 15:zs(e,t),Us(t),o&4&&(Rf(3,t,t.return),W0(3,t),Rf(5,t,t.return));break;case 1:zs(e,t),Us(t),o&512&&(mr||n===null||Zc(n,n.return)),o&64&&ld&&(t=t.updateQueue,t!==null&&(o=t.callbacks,o!==null&&(n=t.shared.hiddenCallbacks,t.shared.hiddenCallbacks=n===null?o:n.concat(o))));break;case 26:var r=ec;if(zs(e,t),Us(t),o&512&&(mr||n===null||Zc(n,n.return)),o&4){var i=n!==null?n.memoizedState:null;if(o=t.memoizedState,n===null)if(o===null)if(t.stateNode===null){e:{o=t.type,n=t.memoizedProps,r=r.ownerDocument||r;t:switch(o){case"title":i=r.getElementsByTagName("title")[0],(!i||i[j0]||i[yi]||i.namespaceURI==="http://www.w3.org/2000/svg"||i.hasAttribute("itemprop"))&&(i=r.createElement(o),r.head.insertBefore(i,r.querySelector("head > title"))),vi(i,o,n),i[yi]=t,Zr(i),o=i;break e;case"link":var s=X7("link","href",r).get(o+(n.href||""));if(s){for(var a=0;a<s.length;a++)if(i=s[a],i.getAttribute("href")===(n.href==null||n.href===""?null:n.href)&&i.getAttribute("rel")===(n.rel==null?null:n.rel)&&i.getAttribute("title")===(n.title==null?null:n.title)&&i.getAttribute("crossorigin")===(n.crossOrigin==null?null:n.crossOrigin)){s.splice(a,1);break t}}i=r.createElement(o),vi(i,o,n),r.head.appendChild(i);break;case"meta":if(s=X7("meta","content",r).get(o+(n.content||""))){for(a=0;a<s.length;a++)if(i=s[a],i.getAttribute("content")===(n.content==null?null:""+n.content)&&i.getAttribute("name")===(n.name==null?null:n.name)&&i.getAttribute("property")===(n.property==null?null:n.property)&&i.getAttribute("http-equiv")===(n.httpEquiv==null?null:n.httpEquiv)&&i.getAttribute("charset")===(n.charSet==null?null:n.charSet)){s.splice(a,1);break t}}i=r.createElement(o),vi(i,o,n),r.head.appendChild(i);break;default:throw Error(ee(468,o))}i[yi]=t,Zr(i),o=i}t.stateNode=o}else Z7(r,t.type,t.stateNode);else t.stateNode=q7(r,o,t.memoizedProps);else i!==o?(i===null?n.stateNode!==null&&(n=n.stateNode,n.parentNode.removeChild(n)):i.count--,o===null?Z7(r,t.type,t.stateNode):q7(r,o,t.memoizedProps)):o===null&&t.stateNode!==null&&OL(t,t.memoizedProps,n.memoizedProps)}break;case 27:zs(e,t),Us(t),o&512&&(mr||n===null||Zc(n,n.return)),n!==null&&o&4&&OL(t,t.memoizedProps,n.memoizedProps);break;case 5:if(zs(e,t),Us(t),o&512&&(mr||n===null||Zc(n,n.return)),t.flags&32){r=t.stateNode;try{NS(r,"")}catch(h){Tn(t,t.return,h)}}o&4&&t.stateNode!=null&&(r=t.memoizedProps,OL(t,r,n!==null?n.memoizedProps:r)),o&1024&&(NL=!0);break;case 6:if(zs(e,t),Us(t),o&4){if(t.stateNode===null)throw Error(ee(162));o=t.memoizedProps,n=t.stateNode;try{n.nodeValue=o}catch(h){Tn(t,t.return,h)}}break;case 3:if(RI=null,r=ec,ec=i_(e.containerInfo),zs(e,t),ec=r,Us(t),o&4&&n!==null&&n.memoizedState.isDehydrated)try{$S(e.containerInfo)}catch(h){Tn(t,t.return,h)}NL&&(NL=!1,nG(t));break;case 4:o=ec,ec=i_(t.stateNode.containerInfo),zs(e,t),Us(t),ec=o;break;case 12:zs(e,t),Us(t);break;case 31:zs(e,t),Us(t),o&4&&(o=t.updateQueue,o!==null&&(t.updateQueue=null,hI(t,o)));break;case 13:zs(e,t),Us(t),t.child.flags&8192&&t.memoizedState!==null!=(n!==null&&n.memoizedState!==null)&&(w_=Pa()),o&4&&(o=t.updateQueue,o!==null&&(t.updateQueue=null,hI(t,o)));break;case 22:r=t.memoizedState!==null;var l=n!==null&&n.memoizedState!==null,c=ld,d=mr;if(ld=c||r,mr=d||l,zs(e,t),mr=d,ld=c,Us(t),o&8192)e:for(e=t.stateNode,e._visibility=r?e._visibility&-2:e._visibility|1,r&&(n===null||l||ld||mr||Cm(t)),n=null,e=t;;){if(e.tag===5||e.tag===26){if(n===null){l=n=e;try{if(i=l.stateNode,r)s=i.style,typeof s.setProperty=="function"?s.setProperty("display","none","important"):s.display="none";else{a=l.stateNode;var u=l.memoizedProps.style,p=u!=null&&u.hasOwnProperty("display")?u.display:null;a.style.display=p==null||typeof p=="boolean"?"":(""+p).trim()}}catch(h){Tn(l,l.return,h)}}}else if(e.tag===6){if(n===null){l=e;try{l.stateNode.nodeValue=r?"":l.memoizedProps}catch(h){Tn(l,l.return,h)}}}else if(e.tag===18){if(n===null){l=e;try{var f=l.stateNode;r?$7(f,!0):$7(l.stateNode,!1)}catch(h){Tn(l,l.return,h)}}}else if((e.tag!==22&&e.tag!==23||e.memoizedState===null||e===t)&&e.child!==null){e.child.return=e,e=e.child;continue}if(e===t)break e;for(;e.sibling===null;){if(e.return===null||e.return===t)break e;n===e&&(n=null),e=e.return}n===e&&(n=null),e.sibling.return=e.return,e=e.sibling}o&4&&(o=t.updateQueue,o!==null&&(n=o.retryQueue,n!==null&&(o.retryQueue=null,hI(t,n))));break;case 19:zs(e,t),Us(t),o&4&&(o=t.updateQueue,o!==null&&(t.updateQueue=null,hI(t,o)));break;case 30:break;case 21:break;default:zs(e,t),Us(t)}}function Us(t){var e=t.flags;if(e&2){try{for(var n,o=t.return;o!==null;){if(YK(o)){n=o;break}o=o.return}if(n==null)throw Error(ee(160));switch(n.tag){case 27:var r=n.stateNode,i=LL(t);ZI(t,i,r);break;case 5:var s=n.stateNode;n.flags&32&&(NS(s,""),n.flags&=-33);var a=LL(t);ZI(t,a,s);break;case 3:case 4:var l=n.stateNode.containerInfo,c=LL(t);TN(t,c,l);break;default:throw Error(ee(161))}}catch(d){Tn(t,t.return,d)}t.flags&=-3}e&4096&&(t.flags&=-4097)}function nG(t){if(t.subtreeFlags&1024)for(t=t.child;t!==null;){var e=t;nG(e),e.tag===5&&e.flags&1024&&e.stateNode.reset(),t=t.sibling}}function id(t,e){if(e.subtreeFlags&8772)for(e=e.child;e!==null;)XK(t,e.alternate,e),e=e.sibling}function Cm(t){for(t=t.child;t!==null;){var e=t;switch(e.tag){case 0:case 11:case 14:case 15:Rf(4,e,e.return),Cm(e);break;case 1:Zc(e,e.return);var n=e.stateNode;typeof n.componentWillUnmount=="function"&&GK(e,e.return,n),Cm(e);break;case 27:C0(e.stateNode);case 26:case 5:Zc(e,e.return),Cm(e);break;case 22:e.memoizedState===null&&Cm(e);break;case 30:Cm(e);break;default:Cm(e)}t=t.sibling}}function sd(t,e,n){for(n=n&&(e.subtreeFlags&8772)!==0,e=e.child;e!==null;){var o=e.alternate,r=t,i=e,s=i.flags;switch(i.tag){case 0:case 11:case 15:sd(r,i,n),W0(4,i);break;case 1:if(sd(r,i,n),o=i,r=o.stateNode,typeof r.componentDidMount=="function")try{r.componentDidMount()}catch(c){Tn(o,o.return,c)}if(o=i,r=o.updateQueue,r!==null){var a=o.stateNode;try{var l=r.shared.hiddenCallbacks;if(l!==null)for(r.shared.hiddenCallbacks=null,r=0;r<l.length;r++)Q$(l[r],a)}catch(c){Tn(o,o.return,c)}}n&&s&64&&KK(i),v0(i,i.return);break;case 27:qK(i);case 26:case 5:sd(r,i,n),n&&o===null&&s&4&&WK(i),v0(i,i.return);break;case 12:sd(r,i,n);break;case 31:sd(r,i,n),n&&s&4&&QK(r,i);break;case 13:sd(r,i,n),n&&s&4&&eG(r,i);break;case 22:i.memoizedState===null&&sd(r,i,n),v0(i,i.return);break;case 30:break;default:sd(r,i,n)}e=e.sibling}}function xF(t,e){var n=null;t!==null&&t.memoizedState!==null&&t.memoizedState.cachePool!==null&&(n=t.memoizedState.cachePool.pool),t=null,e.memoizedState!==null&&e.memoizedState.cachePool!==null&&(t=e.memoizedState.cachePool.pool),t!==n&&(t!=null&&t.refCount++,n!=null&&K0(n))}function TF(t,e){t=null,e.alternate!==null&&(t=e.alternate.memoizedState.cache),e=e.memoizedState.cache,e!==t&&(e.refCount++,t!=null&&K0(t))}function Ql(t,e,n,o){if(e.subtreeFlags&10256)for(e=e.child;e!==null;)oG(t,e,n,o),e=e.sibling}function oG(t,e,n,o){var r=e.flags;switch(e.tag){case 0:case 11:case 15:Ql(t,e,n,o),r&2048&&W0(9,e);break;case 1:Ql(t,e,n,o);break;case 3:Ql(t,e,n,o),r&2048&&(t=null,e.alternate!==null&&(t=e.alternate.memoizedState.cache),e=e.memoizedState.cache,e!==t&&(e.refCount++,t!=null&&K0(t)));break;case 12:if(r&2048){Ql(t,e,n,o),t=e.stateNode;try{var i=e.memoizedProps,s=i.id,a=i.onPostCommit;typeof a=="function"&&a(s,e.alternate===null?"mount":"update",t.passiveEffectDuration,-0)}catch(l){Tn(e,e.return,l)}}else Ql(t,e,n,o);break;case 31:Ql(t,e,n,o);break;case 13:Ql(t,e,n,o);break;case 23:break;case 22:i=e.stateNode,s=e.alternate,e.memoizedState!==null?i._visibility&2?Ql(t,e,n,o):w0(t,e):i._visibility&2?Ql(t,e,n,o):(i._visibility|=2,fS(t,e,n,o,(e.subtreeFlags&10256)!==0||!1)),r&2048&&xF(s,e);break;case 24:Ql(t,e,n,o),r&2048&&TF(e.alternate,e);break;default:Ql(t,e,n,o)}}function fS(t,e,n,o,r){for(r=r&&((e.subtreeFlags&10256)!==0||!1),e=e.child;e!==null;){var i=t,s=e,a=n,l=o,c=s.flags;switch(s.tag){case 0:case 11:case 15:fS(i,s,a,l,r),W0(8,s);break;case 23:break;case 22:var d=s.stateNode;s.memoizedState!==null?d._visibility&2?fS(i,s,a,l,r):w0(i,s):(d._visibility|=2,fS(i,s,a,l,r)),r&&c&2048&&xF(s.alternate,s);break;case 24:fS(i,s,a,l,r),r&&c&2048&&TF(s.alternate,s);break;default:fS(i,s,a,l,r)}e=e.sibling}}function w0(t,e){if(e.subtreeFlags&10256)for(e=e.child;e!==null;){var n=t,o=e,r=o.flags;switch(o.tag){case 22:w0(n,o),r&2048&&xF(o.alternate,o);break;case 24:w0(n,o),r&2048&&TF(o.alternate,o);break;default:w0(n,o)}e=e.sibling}}var d0=8192;function pS(t,e,n){if(t.subtreeFlags&d0)for(t=t.child;t!==null;)rG(t,e,n),t=t.sibling}function rG(t,e,n){switch(t.tag){case 26:pS(t,e,n),t.flags&d0&&t.memoizedState!==null&&rSe(n,ec,t.memoizedState,t.memoizedProps);break;case 5:pS(t,e,n);break;case 3:case 4:var o=ec;ec=i_(t.stateNode.containerInfo),pS(t,e,n),ec=o;break;case 22:t.memoizedState===null&&(o=t.alternate,o!==null&&o.memoizedState!==null?(o=d0,d0=16777216,pS(t,e,n),d0=o):pS(t,e,n));break;default:pS(t,e,n)}}function iG(t){var e=t.alternate;if(e!==null&&(t=e.child,t!==null)){e.child=null;do e=t.sibling,t.sibling=null,t=e;while(t!==null)}}function r0(t){var e=t.deletions;if((t.flags&16)!==0){if(e!==null)for(var n=0;n<e.length;n++){var o=e[n];Xr=o,aG(o,t)}iG(t)}if(t.subtreeFlags&10256)for(t=t.child;t!==null;)sG(t),t=t.sibling}function sG(t){switch(t.tag){case 0:case 11:case 15:r0(t),t.flags&2048&&Rf(9,t,t.return);break;case 3:r0(t);break;case 12:r0(t);break;case 22:var e=t.stateNode;t.memoizedState!==null&&e._visibility&2&&(t.return===null||t.return.tag!==13)?(e._visibility&=-3,AI(t)):r0(t);break;default:r0(t)}}function AI(t){var e=t.deletions;if((t.flags&16)!==0){if(e!==null)for(var n=0;n<e.length;n++){var o=e[n];Xr=o,aG(o,t)}iG(t)}for(t=t.child;t!==null;){switch(e=t,e.tag){case 0:case 11:case 15:Rf(8,e,e.return),AI(e);break;case 22:n=e.stateNode,n._visibility&2&&(n._visibility&=-3,AI(e));break;default:AI(e)}t=t.sibling}}function aG(t,e){for(;Xr!==null;){var n=Xr;switch(n.tag){case 0:case 11:case 15:Rf(8,n,e);break;case 23:case 22:if(n.memoizedState!==null&&n.memoizedState.cachePool!==null){var o=n.memoizedState.cachePool.pool;o!=null&&o.refCount++}break;case 24:K0(n.memoizedState.cache)}if(o=n.child,o!==null)o.return=n,Xr=o;else e:for(n=t;Xr!==null;){o=Xr;var r=o.sibling,i=o.return;if(ZK(o),o===n){Xr=null;break e}if(r!==null){r.return=i,Xr=r;break e}Xr=i}}}var wye={getCacheForType:function(t){var e=bi(gr),n=e.data.get(t);return n===void 0&&(n=t(),e.data.set(t,n)),n},cacheSignal:function(){return bi(gr).controller.signal}},xye=typeof WeakMap=="function"?WeakMap:Map,on=0,zn=null,Mt=null,Dt=0,xn=0,wa=null,Sf=!1,qS=!1,CF=!1,bd=0,Uo=0,Df=0,Mm=0,PF=0,Ca=0,US=0,x0=null,Vs=null,CN=!1,w_=0,lG=0,JI=1/0,QI=null,Pf=null,Ar=0,Ef=null,HS=null,hd=0,PN=0,EN=null,cG=null,T0=0,IN=null;function _a(){return(on&2)!==0&&Dt!==0?Dt&-Dt:Je.T!==null?IF():S$()}function uG(){if(Ca===0)if((Dt&536870912)===0||Bt){var t=rI;rI<<=1,(rI&3932160)===0&&(rI=262144),Ca=t}else Ca=536870912;return t=Aa.current,t!==null&&(t.flags|=32),Ca}function js(t,e,n){(t===zn&&(xn===2||xn===9)||t.cancelPendingCommit!==null)&&(VS(t,0),bf(t,Dt,Ca,!1)),V0(t,n),((on&2)===0||t!==zn)&&(t===zn&&((on&2)===0&&(Mm|=n),Uo===4&&bf(t,Dt,Ca,!1)),eu(t))}function dG(t,e,n){if((on&6)!==0)throw Error(ee(327));var o=!n&&(e&127)===0&&(e&t.expiredLanes)===0||H0(t,e),r=o?Pye(t,e):FL(t,e,!0),i=o;do{if(r===0){qS&&!o&&bf(t,e,0,!1);break}else{if(n=t.current.alternate,i&&!Tye(n)){r=FL(t,e,!1),i=!1;continue}if(r===2){if(i=e,t.errorRecoveryDisabledLanes&i)var s=0;else s=t.pendingLanes&-536870913,s=s!==0?s:s&536870912?536870912:0;if(s!==0){e=s;e:{var a=t;r=x0;var l=a.current.memoizedState.isDehydrated;if(l&&(VS(a,s).flags|=256),s=FL(a,s,!1),s!==2){if(CF&&!l){a.errorRecoveryDisabledLanes|=i,Mm|=i,r=4;break e}i=Vs,Vs=r,i!==null&&(Vs===null?Vs=i:Vs.push.apply(Vs,i))}r=s}if(i=!1,r!==2)continue}}if(r===1){VS(t,0),bf(t,e,0,!0);break}e:{switch(o=t,i=r,i){case 0:case 1:throw Error(ee(345));case 4:if((e&4194048)!==e)break;case 6:bf(o,e,Ca,!Sf);break e;case 2:Vs=null;break;case 3:case 5:break;default:throw Error(ee(329))}if((e&62914560)===e&&(r=w_+300-Pa(),10<r)){if(bf(o,e,Ca,!Sf),u_(o,0,!0)!==0)break e;hd=e,o.timeoutHandle=kG(M7.bind(null,o,n,Vs,QI,CN,e,Ca,Mm,US,Sf,i,"Throttled",-0,0),r);break e}M7(o,n,Vs,QI,CN,e,Ca,Mm,US,Sf,i,null,-0,0)}}break}while(!0);eu(t)}function M7(t,e,n,o,r,i,s,a,l,c,d,u,p,f){if(t.timeoutHandle=-1,u=e.subtreeFlags,u&8192||(u&16785408)===16785408){u={stylesheets:null,count:0,imgCount:0,imgBytes:0,suspenseyImages:[],waitingForImages:!0,waitingForViewTransition:!1,unsuspend:ud},rG(e,i,u);var h=(i&62914560)===i?w_-Pa():(i&4194048)===i?lG-Pa():0;if(h=iSe(u,h),h!==null){hd=i,t.cancelPendingCommit=h(k7.bind(null,t,e,i,n,o,r,s,a,l,d,u,null,p,f)),bf(t,i,s,!c);return}}k7(t,e,i,n,o,r,s,a,l)}function Tye(t){for(var e=t;;){var n=e.tag;if((n===0||n===11||n===15)&&e.flags&16384&&(n=e.updateQueue,n!==null&&(n=n.stores,n!==null)))for(var o=0;o<n.length;o++){var r=n[o],i=r.getSnapshot;r=r.value;try{if(!Ma(i(),r))return!1}catch{return!1}}if(n=e.child,e.subtreeFlags&16384&&n!==null)n.return=e,e=n;else{if(e===t)break;for(;e.sibling===null;){if(e.return===null||e.return===t)return!0;e=e.return}e.sibling.return=e.return,e=e.sibling}}return!0}function bf(t,e,n,o){e&=~PF,e&=~Mm,t.suspendedLanes|=e,t.pingedLanes&=~e,o&&(t.warmLanes|=e),o=t.expirationTimes;for(var r=e;0<r;){var i=31-Ia(r),s=1<<i;o[i]=-1,r&=~s}n!==0&&m$(t,n,e)}function x_(){return(on&6)===0?(Y0(0,!1),!1):!0}function EF(){if(Mt!==null){if(xn===0)var t=Mt.return;else t=Mt,dd=zm=null,dF(t),kS=null,k0=0,t=Mt;for(;t!==null;)$K(t.alternate,t),t=t.return;Mt=null}}function VS(t,e){var n=t.timeoutHandle;n!==-1&&(t.timeoutHandle=-1,Hye(n)),n=t.cancelPendingCommit,n!==null&&(t.cancelPendingCommit=null,n()),hd=0,EF(),zn=t,Mt=n=pd(t.current,null),Dt=e,xn=0,wa=null,Sf=!1,qS=H0(t,e),CF=!1,US=Ca=PF=Mm=Df=Uo=0,Vs=x0=null,CN=!1,(e&8)!==0&&(e|=e&32);var o=t.entangledLanes;if(o!==0)for(t=t.entanglements,o&=e;0<o;){var r=31-Ia(o),i=1<<r;e|=t[r],o&=~i}return bd=e,h_(),n}function pG(t,e){dt=null,Je.H=D0,e===YS||e===g_?(e=a7(),xn=3):e===rF?(e=a7(),xn=4):xn=e===vF?8:e!==null&&typeof e=="object"&&typeof e.then=="function"?6:1,wa=e,Mt===null&&(Uo=1,qI(t,pl(e,t.current)))}function fG(){var t=Aa.current;return t===null?!0:(Dt&4194048)===Dt?hl===null:(Dt&62914560)===Dt||(Dt&536870912)!==0?t===hl:!1}function hG(){var t=Je.H;return Je.H=D0,t===null?D0:t}function mG(){var t=Je.A;return Je.A=wye,t}function e_(){Uo=4,Sf||(Dt&4194048)!==Dt&&Aa.current!==null||(qS=!0),(Df&134217727)===0&&(Mm&134217727)===0||zn===null||bf(zn,Dt,Ca,!1)}function FL(t,e,n){var o=on;on|=2;var r=hG(),i=mG();(zn!==t||Dt!==e)&&(QI=null,VS(t,e)),e=!1;var s=Uo;e:do try{if(xn!==0&&Mt!==null){var a=Mt,l=wa;switch(xn){case 8:EF(),s=6;break e;case 3:case 2:case 9:case 6:Aa.current===null&&(e=!0);var c=xn;if(xn=0,wa=null,ES(t,a,l,c),n&&qS){s=0;break e}break;default:c=xn,xn=0,wa=null,ES(t,a,l,c)}}Cye(),s=Uo;break}catch(d){pG(t,d)}while(!0);return e&&t.shellSuspendCounter++,dd=zm=null,on=o,Je.H=r,Je.A=i,Mt===null&&(zn=null,Dt=0,h_()),s}function Cye(){for(;Mt!==null;)gG(Mt)}function Pye(t,e){var n=on;on|=2;var o=hG(),r=mG();zn!==t||Dt!==e?(QI=null,JI=Pa()+500,VS(t,e)):qS=H0(t,e);e:do try{if(xn!==0&&Mt!==null){e=Mt;var i=wa;t:switch(xn){case 1:xn=0,wa=null,ES(t,e,i,1);break;case 2:case 9:if(s7(i)){xn=0,wa=null,A7(e);break}e=function(){xn!==2&&xn!==9||zn!==t||(xn=7),eu(t)},i.then(e,e);break e;case 3:xn=7;break e;case 4:xn=5;break e;case 7:s7(i)?(xn=0,wa=null,A7(e)):(xn=0,wa=null,ES(t,e,i,7));break;case 5:var s=null;switch(Mt.tag){case 26:s=Mt.memoizedState;case 5:case 27:var a=Mt;if(s?NG(s):a.stateNode.complete){xn=0,wa=null;var l=a.sibling;if(l!==null)Mt=l;else{var c=a.return;c!==null?(Mt=c,T_(c)):Mt=null}break t}}xn=0,wa=null,ES(t,e,i,5);break;case 6:xn=0,wa=null,ES(t,e,i,6);break;case 8:EF(),Uo=6;break e;default:throw Error(ee(462))}}Eye();break}catch(d){pG(t,d)}while(!0);return dd=zm=null,Je.H=o,Je.A=r,on=n,Mt!==null?0:(zn=null,Dt=0,h_(),Uo)}function Eye(){for(;Mt!==null&&!qme();)gG(Mt)}function gG(t){var e=jK(t.alternate,t,bd);t.memoizedProps=t.pendingProps,e===null?T_(t):Mt=e}function A7(t){var e=t,n=e.alternate;switch(e.tag){case 15:case 0:e=T7(n,e,e.pendingProps,e.type,void 0,Dt);break;case 11:e=T7(n,e,e.pendingProps,e.type.render,e.ref,Dt);break;case 5:dF(e);default:$K(n,e),e=Mt=$$(e,bd),e=jK(n,e,bd)}t.memoizedProps=t.pendingProps,e===null?T_(t):Mt=e}function ES(t,e,n,o){dd=zm=null,dF(e),kS=null,k0=0;var r=e.return;try{if(hye(t,r,e,n,Dt)){Uo=1,qI(t,pl(n,t.current)),Mt=null;return}}catch(i){if(r!==null)throw Mt=r,i;Uo=1,qI(t,pl(n,t.current)),Mt=null;return}e.flags&32768?(Bt||o===1?t=!0:qS||(Dt&536870912)!==0?t=!1:(Sf=t=!0,(o===2||o===9||o===3||o===6)&&(o=Aa.current,o!==null&&o.tag===13&&(o.flags|=16384))),yG(e,t)):T_(e)}function T_(t){var e=t;do{if((e.flags&32768)!==0){yG(e,Sf);return}t=e.return;var n=yye(e.alternate,e,bd);if(n!==null){Mt=n;return}if(e=e.sibling,e!==null){Mt=e;return}Mt=e=t}while(e!==null);Uo===0&&(Uo=5)}function yG(t,e){do{var n=Sye(t.alternate,t);if(n!==null){n.flags&=32767,Mt=n;return}if(n=t.return,n!==null&&(n.flags|=32768,n.subtreeFlags=0,n.deletions=null),!e&&(t=t.sibling,t!==null)){Mt=t;return}Mt=t=n}while(t!==null);Uo=6,Mt=null}function k7(t,e,n,o,r,i,s,a,l){t.cancelPendingCommit=null;do C_();while(Ar!==0);if((on&6)!==0)throw Error(ee(327));if(e!==null){if(e===t.current)throw Error(ee(177));if(i=e.lanes|e.childLanes,i|=ZN,ige(t,n,i,s,a,l),t===zn&&(Mt=zn=null,Dt=0),HS=e,Ef=t,hd=n,PN=i,EN=r,cG=o,(e.subtreeFlags&10256)!==0||(e.flags&10256)!==0?(t.callbackNode=null,t.callbackPriority=0,Aye(BI,function(){return xG(),null})):(t.callbackNode=null,t.callbackPriority=0),o=(e.flags&13878)!==0,(e.subtreeFlags&13878)!==0||o){o=Je.T,Je.T=null,r=rn.p,rn.p=2,s=on,on|=4;try{bye(t,e,n)}finally{on=s,rn.p=r,Je.T=o}}Ar=1,SG(),bG(),vG()}}function SG(){if(Ar===1){Ar=0;var t=Ef,e=HS,n=(e.flags&13878)!==0;if((e.subtreeFlags&13878)!==0||n){n=Je.T,Je.T=null;var o=rn.p;rn.p=2;var r=on;on|=4;try{tG(e,t);var i=kN,s=N$(t.containerInfo),a=i.focusedElem,l=i.selectionRange;if(s!==a&&a&&a.ownerDocument&&L$(a.ownerDocument.documentElement,a)){if(l!==null&&XN(a)){var c=l.start,d=l.end;if(d===void 0&&(d=c),"selectionStart"in a)a.selectionStart=c,a.selectionEnd=Math.min(d,a.value.length);else{var u=a.ownerDocument||document,p=u&&u.defaultView||window;if(p.getSelection){var f=p.getSelection(),h=a.textContent.length,g=Math.min(l.start,h),y=l.end===void 0?g:Math.min(l.end,h);!f.extend&&g>y&&(s=y,y=g,g=s);var m=Qj(a,g),S=Qj(a,y);if(m&&S&&(f.rangeCount!==1||f.anchorNode!==m.node||f.anchorOffset!==m.offset||f.focusNode!==S.node||f.focusOffset!==S.offset)){var b=u.createRange();b.setStart(m.node,m.offset),f.removeAllRanges(),g>y?(f.addRange(b),f.extend(S.node,S.offset)):(b.setEnd(S.node,S.offset),f.addRange(b))}}}}for(u=[],f=a;f=f.parentNode;)f.nodeType===1&&u.push({element:f,left:f.scrollLeft,top:f.scrollTop});for(typeof a.focus=="function"&&a.focus(),a=0;a<u.length;a++){var v=u[a];v.element.scrollLeft=v.left,v.element.scrollTop=v.top}}l_=!!AN,kN=AN=null}finally{on=r,rn.p=o,Je.T=n}}t.current=e,Ar=2}}function bG(){if(Ar===2){Ar=0;var t=Ef,e=HS,n=(e.flags&8772)!==0;if((e.subtreeFlags&8772)!==0||n){n=Je.T,Je.T=null;var o=rn.p;rn.p=2;var r=on;on|=4;try{XK(t,e.alternate,e)}finally{on=r,rn.p=o,Je.T=n}}Ar=3}}function vG(){if(Ar===4||Ar===3){Ar=0,Xme();var t=Ef,e=HS,n=hd,o=cG;(e.subtreeFlags&10256)!==0||(e.flags&10256)!==0?Ar=5:(Ar=0,HS=Ef=null,wG(t,t.pendingLanes));var r=t.pendingLanes;if(r===0&&(Pf=null),jN(n),e=e.stateNode,Ea&&typeof Ea.onCommitFiberRoot=="function")try{Ea.onCommitFiberRoot(U0,e,void 0,(e.current.flags&128)===128)}catch{}if(o!==null){e=Je.T,r=rn.p,rn.p=2,Je.T=null;try{for(var i=t.onRecoverableError,s=0;s<o.length;s++){var a=o[s];i(a.value,{componentStack:a.stack})}}finally{Je.T=e,rn.p=r}}(hd&3)!==0&&C_(),eu(t),r=t.pendingLanes,(n&261930)!==0&&(r&42)!==0?t===IN?T0++:(T0=0,IN=t):T0=0,Y0(0,!1)}}function wG(t,e){(t.pooledCacheLanes&=e)===0&&(e=t.pooledCache,e!=null&&(t.pooledCache=null,K0(e)))}function C_(){return SG(),bG(),vG(),xG()}function xG(){if(Ar!==5)return!1;var t=Ef,e=PN;PN=0;var n=jN(hd),o=Je.T,r=rn.p;try{rn.p=32>n?32:n,Je.T=null,n=EN,EN=null;var i=Ef,s=hd;if(Ar=0,HS=Ef=null,hd=0,(on&6)!==0)throw Error(ee(331));var a=on;if(on|=4,sG(i.current),oG(i,i.current,s,n),on=a,Y0(0,!1),Ea&&typeof Ea.onPostCommitFiberRoot=="function")try{Ea.onPostCommitFiberRoot(U0,i)}catch{}return!0}finally{rn.p=r,Je.T=o,wG(t,e)}}function R7(t,e,n){e=pl(n,e),e=vN(t.stateNode,e,2),t=Cf(t,e,2),t!==null&&(V0(t,2),eu(t))}function Tn(t,e,n){if(t.tag===3)R7(t,t,n);else for(;e!==null;){if(e.tag===3){R7(e,t,n);break}else if(e.tag===1){var o=e.stateNode;if(typeof e.type.getDerivedStateFromError=="function"||typeof o.componentDidCatch=="function"&&(Pf===null||!Pf.has(o))){t=pl(n,t),n=FK(2),o=Cf(e,n,2),o!==null&&(BK(n,o,e,t),V0(o,2),eu(o));break}}e=e.return}}function BL(t,e,n){var o=t.pingCache;if(o===null){o=t.pingCache=new xye;var r=new Set;o.set(e,r)}else r=o.get(e),r===void 0&&(r=new Set,o.set(e,r));r.has(n)||(CF=!0,r.add(n),t=Iye.bind(null,t,e,n),e.then(t,t))}function Iye(t,e,n){var o=t.pingCache;o!==null&&o.delete(e),t.pingedLanes|=t.suspendedLanes&n,t.warmLanes&=~n,zn===t&&(Dt&n)===n&&(Uo===4||Uo===3&&(Dt&62914560)===Dt&&300>Pa()-w_?(on&2)===0&&VS(t,0):PF|=n,US===Dt&&(US=0)),eu(t)}function TG(t,e){e===0&&(e=h$()),t=Bm(t,e),t!==null&&(V0(t,e),eu(t))}function _ye(t){var e=t.memoizedState,n=0;e!==null&&(n=e.retryLane),TG(t,n)}function Mye(t,e){var n=0;switch(t.tag){case 31:case 13:var o=t.stateNode,r=t.memoizedState;r!==null&&(n=r.retryLane);break;case 19:o=t.stateNode;break;case 22:o=t.stateNode._retryCache;break;default:throw Error(ee(314))}o!==null&&o.delete(e),TG(t,n)}function Aye(t,e){return HN(t,e)}var t_=null,hS=null,_N=!1,n_=!1,zL=!1,vf=0;function eu(t){t!==hS&&t.next===null&&(hS===null?t_=hS=t:hS=hS.next=t),n_=!0,_N||(_N=!0,Rye())}function Y0(t,e){if(!zL&&n_){zL=!0;do for(var n=!1,o=t_;o!==null;){if(!e)if(t!==0){var r=o.pendingLanes;if(r===0)var i=0;else{var s=o.suspendedLanes,a=o.pingedLanes;i=(1<<31-Ia(42|t)+1)-1,i&=r&~(s&~a),i=i&201326741?i&201326741|1:i?i|2:0}i!==0&&(n=!0,D7(o,i))}else i=Dt,i=u_(o,o===zn?i:0,o.cancelPendingCommit!==null||o.timeoutHandle!==-1),(i&3)===0||H0(o,i)||(n=!0,D7(o,i));o=o.next}while(n);zL=!1}}function kye(){CG()}function CG(){n_=_N=!1;var t=0;vf!==0&&Uye()&&(t=vf);for(var e=Pa(),n=null,o=t_;o!==null;){var r=o.next,i=PG(o,e);i===0?(o.next=null,n===null?t_=r:n.next=r,r===null&&(hS=n)):(n=o,(t!==0||(i&3)!==0)&&(n_=!0)),o=r}Ar!==0&&Ar!==5||Y0(t,!1),vf!==0&&(vf=0)}function PG(t,e){for(var n=t.suspendedLanes,o=t.pingedLanes,r=t.expirationTimes,i=t.pendingLanes&-62914561;0<i;){var s=31-Ia(i),a=1<<s,l=r[s];l===-1?((a&n)===0||(a&o)!==0)&&(r[s]=rge(a,e)):l<=e&&(t.expiredLanes|=a),i&=~a}if(e=zn,n=Dt,n=u_(t,t===e?n:0,t.cancelPendingCommit!==null||t.timeoutHandle!==-1),o=t.callbackNode,n===0||t===e&&(xn===2||xn===9)||t.cancelPendingCommit!==null)return o!==null&&o!==null&&hL(o),t.callbackNode=null,t.callbackPriority=0;if((n&3)===0||H0(t,n)){if(e=n&-n,e===t.callbackPriority)return e;switch(o!==null&&hL(o),jN(n)){case 2:case 8:n=p$;break;case 32:n=BI;break;case 268435456:n=f$;break;default:n=BI}return o=EG.bind(null,t),n=HN(n,o),t.callbackPriority=e,t.callbackNode=n,e}return o!==null&&o!==null&&hL(o),t.callbackPriority=2,t.callbackNode=null,2}function EG(t,e){if(Ar!==0&&Ar!==5)return t.callbackNode=null,t.callbackPriority=0,null;var n=t.callbackNode;if(C_()&&t.callbackNode!==n)return null;var o=Dt;return o=u_(t,t===zn?o:0,t.cancelPendingCommit!==null||t.timeoutHandle!==-1),o===0?null:(dG(t,o,e),PG(t,Pa()),t.callbackNode!=null&&t.callbackNode===n?EG.bind(null,t):null)}function D7(t,e){if(C_())return null;dG(t,e,!0)}function Rye(){Vye(function(){(on&6)!==0?HN(d$,kye):CG()})}function IF(){if(vf===0){var t=FS;t===0&&(t=oI,oI<<=1,(oI&261888)===0&&(oI=256)),vf=t}return vf}function O7(t){return t==null||typeof t=="symbol"||typeof t=="boolean"?null:typeof t=="function"?t:wI(""+t)}function L7(t,e){var n=e.ownerDocument.createElement("input");return n.name=e.name,n.value=e.value,t.id&&n.setAttribute("form",t.id),e.parentNode.insertBefore(n,e),t=new FormData(t),n.parentNode.removeChild(n),t}function Dye(t,e,n,o,r){if(e==="submit"&&n&&n.stateNode===r){var i=O7((r[$s]||null).action),s=o.submitter;s&&(e=(e=s[$s]||null)?O7(e.formAction):s.getAttribute("formAction"),e!==null&&(i=e,s=null));var a=new d_("action","action",null,o,r);t.push({event:a,listeners:[{instance:null,listener:function(){if(o.defaultPrevented){if(vf!==0){var l=s?L7(r,s):new FormData(r);SN(n,{pending:!0,data:l,method:r.method,action:i},null,l)}}else typeof i=="function"&&(a.preventDefault(),l=s?L7(r,s):new FormData(r),SN(n,{pending:!0,data:l,method:r.method,action:i},i,l))},currentTarget:r}]})}}for(mI=0;mI<sN.length;mI++)gI=sN[mI],N7=gI.toLowerCase(),F7=gI[0].toUpperCase()+gI.slice(1),tc(N7,"on"+F7);var gI,N7,F7,mI;tc(B$,"onAnimationEnd");tc(z$,"onAnimationIteration");tc(U$,"onAnimationStart");tc("dblclick","onDoubleClick");tc("focusin","onFocus");tc("focusout","onBlur");tc(Zge,"onTransitionRun");tc(Jge,"onTransitionStart");tc(Qge,"onTransitionCancel");tc(H$,"onTransitionEnd");LS("onMouseEnter",["mouseout","mouseover"]);LS("onMouseLeave",["mouseout","mouseover"]);LS("onPointerEnter",["pointerout","pointerover"]);LS("onPointerLeave",["pointerout","pointerover"]);Lm("onChange","change click focusin focusout input keydown keyup selectionchange".split(" "));Lm("onSelect","focusout contextmenu dragend focusin keydown keyup mousedown mouseup selectionchange".split(" "));Lm("onBeforeInput",["compositionend","keypress","textInput","paste"]);Lm("onCompositionEnd","compositionend focusout keydown keypress keyup mousedown".split(" "));Lm("onCompositionStart","compositionstart focusout keydown keypress keyup mousedown".split(" "));Lm("onCompositionUpdate","compositionupdate focusout keydown keypress keyup mousedown".split(" "));var O0="abort canplay canplaythrough durationchange emptied encrypted ended error loadeddata loadedmetadata loadstart pause play playing progress ratechange resize seeked seeking stalled suspend timeupdate volumechange waiting".split(" "),Oye=new Set("beforetoggle cancel close invalid load scroll scrollend toggle".split(" ").concat(O0));function IG(t,e){e=(e&4)!==0;for(var n=0;n<t.length;n++){var o=t[n],r=o.event;o=o.listeners;e:{var i=void 0;if(e)for(var s=o.length-1;0<=s;s--){var a=o[s],l=a.instance,c=a.currentTarget;if(a=a.listener,l!==i&&r.isPropagationStopped())break e;i=a,r.currentTarget=c;try{i(r)}catch(d){UI(d)}r.currentTarget=null,i=l}else for(s=0;s<o.length;s++){if(a=o[s],l=a.instance,c=a.currentTarget,a=a.listener,l!==i&&r.isPropagationStopped())break e;i=a,r.currentTarget=c;try{i(r)}catch(d){UI(d)}r.currentTarget=null,i=l}}}}function _t(t,e){var n=e[JL];n===void 0&&(n=e[JL]=new Set);var o=t+"__bubble";n.has(o)||(_G(e,t,2,!1),n.add(o))}function UL(t,e,n){var o=0;e&&(o|=4),_G(n,t,o,e)}var yI="_reactListening"+Math.random().toString(36).slice(2);function _F(t){if(!t[yI]){t[yI]=!0,b$.forEach(function(n){n!=="selectionchange"&&(Oye.has(n)||UL(n,!1,t),UL(n,!0,t))});var e=t.nodeType===9?t:t.ownerDocument;e===null||e[yI]||(e[yI]=!0,UL("selectionchange",!1,e))}}function _G(t,e,n,o){switch(HG(e)){case 2:var r=lSe;break;case 8:r=cSe;break;default:r=RF}n=r.bind(null,e,n,t),r=void 0,!oN||e!=="touchstart"&&e!=="touchmove"&&e!=="wheel"||(r=!0),o?r!==void 0?t.addEventListener(e,n,{capture:!0,passive:r}):t.addEventListener(e,n,!0):r!==void 0?t.addEventListener(e,n,{passive:r}):t.addEventListener(e,n,!1)}function HL(t,e,n,o,r){var i=o;if((e&1)===0&&(e&2)===0&&o!==null)e:for(;;){if(o===null)return;var s=o.tag;if(s===3||s===4){var a=o.stateNode.containerInfo;if(a===r)break;if(s===4)for(s=o.return;s!==null;){var l=s.tag;if((l===3||l===4)&&s.stateNode.containerInfo===r)return;s=s.return}for(;a!==null;){if(s=yS(a),s===null)return;if(l=s.tag,l===5||l===6||l===26||l===27){o=i=s;continue e}a=a.parentNode}}o=o.return}I$(function(){var c=i,d=GN(n),u=[];e:{var p=V$.get(t);if(p!==void 0){var f=d_,h=t;switch(t){case"keypress":if(TI(n)===0)break e;case"keydown":case"keyup":f=Mge;break;case"focusin":h="focus",f=bL;break;case"focusout":h="blur",f=bL;break;case"beforeblur":case"afterblur":f=bL;break;case"click":if(n.button===2)break e;case"auxclick":case"dblclick":case"mousedown":case"mousemove":case"mouseup":case"mouseout":case"mouseover":case"contextmenu":f=$j;break;case"drag":case"dragend":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"dragstart":case"drop":f=yge;break;case"touchcancel":case"touchend":case"touchmove":case"touchstart":f=Rge;break;case B$:case z$:case U$:f=vge;break;case H$:f=Oge;break;case"scroll":case"scrollend":f=mge;break;case"wheel":f=Nge;break;case"copy":case"cut":case"paste":f=xge;break;case"gotpointercapture":case"lostpointercapture":case"pointercancel":case"pointerdown":case"pointermove":case"pointerout":case"pointerover":case"pointerup":f=Gj;break;case"toggle":case"beforetoggle":f=Bge}var g=(e&4)!==0,y=!g&&(t==="scroll"||t==="scrollend"),m=g?p!==null?p+"Capture":null:p;g=[];for(var S=c,b;S!==null;){var v=S;if(b=v.stateNode,v=v.tag,v!==5&&v!==26&&v!==27||b===null||m===null||(v=E0(S,m),v!=null&&g.push(L0(S,v,b))),y)break;S=S.return}0<g.length&&(p=new f(p,h,null,n,d),u.push({event:p,listeners:g}))}}if((e&7)===0){e:{if(p=t==="mouseover"||t==="pointerover",f=t==="mouseout"||t==="pointerout",p&&n!==nN&&(h=n.relatedTarget||n.fromElement)&&(yS(h)||h[KS]))break e;if((f||p)&&(p=d.window===d?d:(p=d.ownerDocument)?p.defaultView||p.parentWindow:window,f?(h=n.relatedTarget||n.toElement,f=c,h=h?yS(h):null,h!==null&&(y=z0(h),g=h.tag,h!==y||g!==5&&g!==27&&g!==6)&&(h=null)):(f=null,h=c),f!==h)){if(g=$j,v="onMouseLeave",m="onMouseEnter",S="mouse",(t==="pointerout"||t==="pointerover")&&(g=Gj,v="onPointerLeave",m="onPointerEnter",S="pointer"),y=f==null?p:c0(f),b=h==null?p:c0(h),p=new g(v,S+"leave",f,n,d),p.target=y,p.relatedTarget=b,v=null,yS(d)===c&&(g=new g(m,S+"enter",h,n,d),g.target=b,g.relatedTarget=y,v=g),y=v,f&&h)t:{for(g=Lye,m=f,S=h,b=0,v=m;v;v=g(v))b++;v=0;for(var w=S;w;w=g(w))v++;for(;0<b-v;)m=g(m),b--;for(;0<v-b;)S=g(S),v--;for(;b--;){if(m===S||S!==null&&m===S.alternate){g=m;break t}m=g(m),S=g(S)}g=null}else g=null;f!==null&&B7(u,p,f,g,!1),h!==null&&y!==null&&B7(u,y,h,g,!0)}}e:{if(p=c?c0(c):window,f=p.nodeName&&p.nodeName.toLowerCase(),f==="select"||f==="input"&&p.type==="file")var x=Xj;else if(qj(p))if(D$)x=Yge;else{x=Gge;var C=Kge}else f=p.nodeName,!f||f.toLowerCase()!=="input"||p.type!=="checkbox"&&p.type!=="radio"?c&&KN(c.elementType)&&(x=Xj):x=Wge;if(x&&(x=x(t,c))){R$(u,x,n,d);break e}C&&C(t,p,c),t==="focusout"&&c&&p.type==="number"&&c.memoizedProps.value!=null&&tN(p,"number",p.value)}switch(C=c?c0(c):window,t){case"focusin":(qj(C)||C.contentEditable==="true")&&(vS=C,rN=c,h0=null);break;case"focusout":h0=rN=vS=null;break;case"mousedown":iN=!0;break;case"contextmenu":case"mouseup":case"dragend":iN=!1,e7(u,n,d);break;case"selectionchange":if(Xge)break;case"keydown":case"keyup":e7(u,n,d)}var P;if(qN)e:{switch(t){case"compositionstart":var M="onCompositionStart";break e;case"compositionend":M="onCompositionEnd";break e;case"compositionupdate":M="onCompositionUpdate";break e}M=void 0}else bS?A$(t,n)&&(M="onCompositionEnd"):t==="keydown"&&n.keyCode===229&&(M="onCompositionStart");M&&(M$&&n.locale!=="ko"&&(bS||M!=="onCompositionStart"?M==="onCompositionEnd"&&bS&&(P=_$()):(yf=d,WN="value"in yf?yf.value:yf.textContent,bS=!0)),C=o_(c,M),0<C.length&&(M=new Kj(M,t,null,n,d),u.push({event:M,listeners:C}),P?M.data=P:(P=k$(n),P!==null&&(M.data=P)))),(P=Uge?Hge(t,n):Vge(t,n))&&(M=o_(c,"onBeforeInput"),0<M.length&&(C=new Kj("onBeforeInput","beforeinput",null,n,d),u.push({event:C,listeners:M}),C.data=P)),Dye(u,t,c,n,d)}IG(u,e)})}function L0(t,e,n){return{instance:t,listener:e,currentTarget:n}}function o_(t,e){for(var n=e+"Capture",o=[];t!==null;){var r=t,i=r.stateNode;if(r=r.tag,r!==5&&r!==26&&r!==27||i===null||(r=E0(t,n),r!=null&&o.unshift(L0(t,r,i)),r=E0(t,e),r!=null&&o.push(L0(t,r,i))),t.tag===3)return o;t=t.return}return[]}function Lye(t){if(t===null)return null;do t=t.return;while(t&&t.tag!==5&&t.tag!==27);return t||null}function B7(t,e,n,o,r){for(var i=e._reactName,s=[];n!==null&&n!==o;){var a=n,l=a.alternate,c=a.stateNode;if(a=a.tag,l!==null&&l===o)break;a!==5&&a!==26&&a!==27||c===null||(l=c,r?(c=E0(n,i),c!=null&&s.unshift(L0(n,c,l))):r||(c=E0(n,i),c!=null&&s.push(L0(n,c,l)))),n=n.return}s.length!==0&&t.push({event:e,listeners:s})}var Nye=/\r\n?/g,Fye=/\u0000|\uFFFD/g;function z7(t){return(typeof t=="string"?t:""+t).replace(Nye,`
+`).replace(Fye,"")}function MG(t,e){return e=z7(e),z7(t)===e}function kn(t,e,n,o,r,i){switch(n){case"children":typeof o=="string"?e==="body"||e==="textarea"&&o===""||NS(t,o):(typeof o=="number"||typeof o=="bigint")&&e!=="body"&&NS(t,""+o);break;case"className":sI(t,"class",o);break;case"tabIndex":sI(t,"tabindex",o);break;case"dir":case"role":case"viewBox":case"width":case"height":sI(t,n,o);break;case"style":E$(t,o,i);break;case"data":if(e!=="object"){sI(t,"data",o);break}case"src":case"href":if(o===""&&(e!=="a"||n!=="href")){t.removeAttribute(n);break}if(o==null||typeof o=="function"||typeof o=="symbol"||typeof o=="boolean"){t.removeAttribute(n);break}o=wI(""+o),t.setAttribute(n,o);break;case"action":case"formAction":if(typeof o=="function"){t.setAttribute(n,"javascript:throw new Error('A React form was unexpectedly submitted. If you called form.submit() manually, consider using form.requestSubmit() instead. If you\\'re trying to use event.stopPropagation() in a submit event handler, consider also calling event.preventDefault().')");break}else typeof i=="function"&&(n==="formAction"?(e!=="input"&&kn(t,e,"name",r.name,r,null),kn(t,e,"formEncType",r.formEncType,r,null),kn(t,e,"formMethod",r.formMethod,r,null),kn(t,e,"formTarget",r.formTarget,r,null)):(kn(t,e,"encType",r.encType,r,null),kn(t,e,"method",r.method,r,null),kn(t,e,"target",r.target,r,null)));if(o==null||typeof o=="symbol"||typeof o=="boolean"){t.removeAttribute(n);break}o=wI(""+o),t.setAttribute(n,o);break;case"onClick":o!=null&&(t.onclick=ud);break;case"onScroll":o!=null&&_t("scroll",t);break;case"onScrollEnd":o!=null&&_t("scrollend",t);break;case"dangerouslySetInnerHTML":if(o!=null){if(typeof o!="object"||!("__html"in o))throw Error(ee(61));if(n=o.__html,n!=null){if(r.children!=null)throw Error(ee(60));t.innerHTML=n}}break;case"multiple":t.multiple=o&&typeof o!="function"&&typeof o!="symbol";break;case"muted":t.muted=o&&typeof o!="function"&&typeof o!="symbol";break;case"suppressContentEditableWarning":case"suppressHydrationWarning":case"defaultValue":case"defaultChecked":case"innerHTML":case"ref":break;case"autoFocus":break;case"xlinkHref":if(o==null||typeof o=="function"||typeof o=="boolean"||typeof o=="symbol"){t.removeAttribute("xlink:href");break}n=wI(""+o),t.setAttributeNS("http://www.w3.org/1999/xlink","xlink:href",n);break;case"contentEditable":case"spellCheck":case"draggable":case"value":case"autoReverse":case"externalResourcesRequired":case"focusable":case"preserveAlpha":o!=null&&typeof o!="function"&&typeof o!="symbol"?t.setAttribute(n,""+o):t.removeAttribute(n);break;case"inert":case"allowFullScreen":case"async":case"autoPlay":case"controls":case"default":case"defer":case"disabled":case"disablePictureInPicture":case"disableRemotePlayback":case"formNoValidate":case"hidden":case"loop":case"noModule":case"noValidate":case"open":case"playsInline":case"readOnly":case"required":case"reversed":case"scoped":case"seamless":case"itemScope":o&&typeof o!="function"&&typeof o!="symbol"?t.setAttribute(n,""):t.removeAttribute(n);break;case"capture":case"download":o===!0?t.setAttribute(n,""):o!==!1&&o!=null&&typeof o!="function"&&typeof o!="symbol"?t.setAttribute(n,o):t.removeAttribute(n);break;case"cols":case"rows":case"size":case"span":o!=null&&typeof o!="function"&&typeof o!="symbol"&&!isNaN(o)&&1<=o?t.setAttribute(n,o):t.removeAttribute(n);break;case"rowSpan":case"start":o==null||typeof o=="function"||typeof o=="symbol"||isNaN(o)?t.removeAttribute(n):t.setAttribute(n,o);break;case"popover":_t("beforetoggle",t),_t("toggle",t),vI(t,"popover",o);break;case"xlinkActuate":nd(t,"http://www.w3.org/1999/xlink","xlink:actuate",o);break;case"xlinkArcrole":nd(t,"http://www.w3.org/1999/xlink","xlink:arcrole",o);break;case"xlinkRole":nd(t,"http://www.w3.org/1999/xlink","xlink:role",o);break;case"xlinkShow":nd(t,"http://www.w3.org/1999/xlink","xlink:show",o);break;case"xlinkTitle":nd(t,"http://www.w3.org/1999/xlink","xlink:title",o);break;case"xlinkType":nd(t,"http://www.w3.org/1999/xlink","xlink:type",o);break;case"xmlBase":nd(t,"http://www.w3.org/XML/1998/namespace","xml:base",o);break;case"xmlLang":nd(t,"http://www.w3.org/XML/1998/namespace","xml:lang",o);break;case"xmlSpace":nd(t,"http://www.w3.org/XML/1998/namespace","xml:space",o);break;case"is":vI(t,"is",o);break;case"innerText":case"textContent":break;default:(!(2<n.length)||n[0]!=="o"&&n[0]!=="O"||n[1]!=="n"&&n[1]!=="N")&&(n=fge.get(n)||n,vI(t,n,o))}}function MN(t,e,n,o,r,i){switch(n){case"style":E$(t,o,i);break;case"dangerouslySetInnerHTML":if(o!=null){if(typeof o!="object"||!("__html"in o))throw Error(ee(61));if(n=o.__html,n!=null){if(r.children!=null)throw Error(ee(60));t.innerHTML=n}}break;case"children":typeof o=="string"?NS(t,o):(typeof o=="number"||typeof o=="bigint")&&NS(t,""+o);break;case"onScroll":o!=null&&_t("scroll",t);break;case"onScrollEnd":o!=null&&_t("scrollend",t);break;case"onClick":o!=null&&(t.onclick=ud);break;case"suppressContentEditableWarning":case"suppressHydrationWarning":case"innerHTML":case"ref":break;case"innerText":case"textContent":break;default:if(!v$.hasOwnProperty(n))e:{if(n[0]==="o"&&n[1]==="n"&&(r=n.endsWith("Capture"),e=n.slice(2,r?n.length-7:void 0),i=t[$s]||null,i=i!=null?i[n]:null,typeof i=="function"&&t.removeEventListener(e,i,r),typeof o=="function")){typeof i!="function"&&i!==null&&(n in t?t[n]=null:t.hasAttribute(n)&&t.removeAttribute(n)),t.addEventListener(e,o,r);break e}n in t?t[n]=o:o===!0?t.setAttribute(n,""):vI(t,n,o)}}}function vi(t,e,n){switch(e){case"div":case"span":case"svg":case"path":case"a":case"g":case"p":case"li":break;case"img":_t("error",t),_t("load",t);var o=!1,r=!1,i;for(i in n)if(n.hasOwnProperty(i)){var s=n[i];if(s!=null)switch(i){case"src":o=!0;break;case"srcSet":r=!0;break;case"children":case"dangerouslySetInnerHTML":throw Error(ee(137,e));default:kn(t,e,i,s,n,null)}}r&&kn(t,e,"srcSet",n.srcSet,n,null),o&&kn(t,e,"src",n.src,n,null);return;case"input":_t("invalid",t);var a=i=s=r=null,l=null,c=null;for(o in n)if(n.hasOwnProperty(o)){var d=n[o];if(d!=null)switch(o){case"name":r=d;break;case"type":s=d;break;case"checked":l=d;break;case"defaultChecked":c=d;break;case"value":i=d;break;case"defaultValue":a=d;break;case"children":case"dangerouslySetInnerHTML":if(d!=null)throw Error(ee(137,e));break;default:kn(t,e,o,d,n,null)}}T$(t,i,a,l,c,s,r,!1);return;case"select":_t("invalid",t),o=s=i=null;for(r in n)if(n.hasOwnProperty(r)&&(a=n[r],a!=null))switch(r){case"value":i=a;break;case"defaultValue":s=a;break;case"multiple":o=a;default:kn(t,e,r,a,n,null)}e=i,n=s,t.multiple=!!o,e!=null?_S(t,!!o,e,!1):n!=null&&_S(t,!!o,n,!0);return;case"textarea":_t("invalid",t),i=r=o=null;for(s in n)if(n.hasOwnProperty(s)&&(a=n[s],a!=null))switch(s){case"value":o=a;break;case"defaultValue":r=a;break;case"children":i=a;break;case"dangerouslySetInnerHTML":if(a!=null)throw Error(ee(91));break;default:kn(t,e,s,a,n,null)}P$(t,o,r,i);return;case"option":for(l in n)n.hasOwnProperty(l)&&(o=n[l],o!=null)&&(l==="selected"?t.selected=o&&typeof o!="function"&&typeof o!="symbol":kn(t,e,l,o,n,null));return;case"dialog":_t("beforetoggle",t),_t("toggle",t),_t("cancel",t),_t("close",t);break;case"iframe":case"object":_t("load",t);break;case"video":case"audio":for(o=0;o<O0.length;o++)_t(O0[o],t);break;case"image":_t("error",t),_t("load",t);break;case"details":_t("toggle",t);break;case"embed":case"source":case"link":_t("error",t),_t("load",t);case"area":case"base":case"br":case"col":case"hr":case"keygen":case"meta":case"param":case"track":case"wbr":case"menuitem":for(c in n)if(n.hasOwnProperty(c)&&(o=n[c],o!=null))switch(c){case"children":case"dangerouslySetInnerHTML":throw Error(ee(137,e));default:kn(t,e,c,o,n,null)}return;default:if(KN(e)){for(d in n)n.hasOwnProperty(d)&&(o=n[d],o!==void 0&&MN(t,e,d,o,n,void 0));return}}for(a in n)n.hasOwnProperty(a)&&(o=n[a],o!=null&&kn(t,e,a,o,n,null))}function Bye(t,e,n,o){switch(e){case"div":case"span":case"svg":case"path":case"a":case"g":case"p":case"li":break;case"input":var r=null,i=null,s=null,a=null,l=null,c=null,d=null;for(f in n){var u=n[f];if(n.hasOwnProperty(f)&&u!=null)switch(f){case"checked":break;case"value":break;case"defaultValue":l=u;default:o.hasOwnProperty(f)||kn(t,e,f,null,o,u)}}for(var p in o){var f=o[p];if(u=n[p],o.hasOwnProperty(p)&&(f!=null||u!=null))switch(p){case"type":i=f;break;case"name":r=f;break;case"checked":c=f;break;case"defaultChecked":d=f;break;case"value":s=f;break;case"defaultValue":a=f;break;case"children":case"dangerouslySetInnerHTML":if(f!=null)throw Error(ee(137,e));break;default:f!==u&&kn(t,e,p,f,o,u)}}eN(t,s,a,l,c,d,i,r);return;case"select":f=s=a=p=null;for(i in n)if(l=n[i],n.hasOwnProperty(i)&&l!=null)switch(i){case"value":break;case"multiple":f=l;default:o.hasOwnProperty(i)||kn(t,e,i,null,o,l)}for(r in o)if(i=o[r],l=n[r],o.hasOwnProperty(r)&&(i!=null||l!=null))switch(r){case"value":p=i;break;case"defaultValue":a=i;break;case"multiple":s=i;default:i!==l&&kn(t,e,r,i,o,l)}e=a,n=s,o=f,p!=null?_S(t,!!n,p,!1):!!o!=!!n&&(e!=null?_S(t,!!n,e,!0):_S(t,!!n,n?[]:"",!1));return;case"textarea":f=p=null;for(a in n)if(r=n[a],n.hasOwnProperty(a)&&r!=null&&!o.hasOwnProperty(a))switch(a){case"value":break;case"children":break;default:kn(t,e,a,null,o,r)}for(s in o)if(r=o[s],i=n[s],o.hasOwnProperty(s)&&(r!=null||i!=null))switch(s){case"value":p=r;break;case"defaultValue":f=r;break;case"children":break;case"dangerouslySetInnerHTML":if(r!=null)throw Error(ee(91));break;default:r!==i&&kn(t,e,s,r,o,i)}C$(t,p,f);return;case"option":for(var h in n)p=n[h],n.hasOwnProperty(h)&&p!=null&&!o.hasOwnProperty(h)&&(h==="selected"?t.selected=!1:kn(t,e,h,null,o,p));for(l in o)p=o[l],f=n[l],o.hasOwnProperty(l)&&p!==f&&(p!=null||f!=null)&&(l==="selected"?t.selected=p&&typeof p!="function"&&typeof p!="symbol":kn(t,e,l,p,o,f));return;case"img":case"link":case"area":case"base":case"br":case"col":case"embed":case"hr":case"keygen":case"meta":case"param":case"source":case"track":case"wbr":case"menuitem":for(var g in n)p=n[g],n.hasOwnProperty(g)&&p!=null&&!o.hasOwnProperty(g)&&kn(t,e,g,null,o,p);for(c in o)if(p=o[c],f=n[c],o.hasOwnProperty(c)&&p!==f&&(p!=null||f!=null))switch(c){case"children":case"dangerouslySetInnerHTML":if(p!=null)throw Error(ee(137,e));break;default:kn(t,e,c,p,o,f)}return;default:if(KN(e)){for(var y in n)p=n[y],n.hasOwnProperty(y)&&p!==void 0&&!o.hasOwnProperty(y)&&MN(t,e,y,void 0,o,p);for(d in o)p=o[d],f=n[d],!o.hasOwnProperty(d)||p===f||p===void 0&&f===void 0||MN(t,e,d,p,o,f);return}}for(var m in n)p=n[m],n.hasOwnProperty(m)&&p!=null&&!o.hasOwnProperty(m)&&kn(t,e,m,null,o,p);for(u in o)p=o[u],f=n[u],!o.hasOwnProperty(u)||p===f||p==null&&f==null||kn(t,e,u,p,o,f)}function U7(t){switch(t){case"css":case"script":case"font":case"img":case"image":case"input":case"link":return!0;default:return!1}}function zye(){if(typeof performance.getEntriesByType=="function"){for(var t=0,e=0,n=performance.getEntriesByType("resource"),o=0;o<n.length;o++){var r=n[o],i=r.transferSize,s=r.initiatorType,a=r.duration;if(i&&a&&U7(s)){for(s=0,a=r.responseEnd,o+=1;o<n.length;o++){var l=n[o],c=l.startTime;if(c>a)break;var d=l.transferSize,u=l.initiatorType;d&&U7(u)&&(l=l.responseEnd,s+=d*(l<a?1:(a-c)/(l-c)))}if(--o,e+=8*(i+s)/(r.duration/1e3),t++,10<t)break}}if(0<t)return e/t/1e6}return navigator.connection&&(t=navigator.connection.downlink,typeof t=="number")?t:5}var AN=null,kN=null;function r_(t){return t.nodeType===9?t:t.ownerDocument}function H7(t){switch(t){case"http://www.w3.org/2000/svg":return 1;case"http://www.w3.org/1998/Math/MathML":return 2;default:return 0}}function AG(t,e){if(t===0)switch(e){case"svg":return 1;case"math":return 2;default:return 0}return t===1&&e==="foreignObject"?0:t}function RN(t,e){return t==="textarea"||t==="noscript"||typeof e.children=="string"||typeof e.children=="number"||typeof e.children=="bigint"||typeof e.dangerouslySetInnerHTML=="object"&&e.dangerouslySetInnerHTML!==null&&e.dangerouslySetInnerHTML.__html!=null}var VL=null;function Uye(){var t=window.event;return t&&t.type==="popstate"?t===VL?!1:(VL=t,!0):(VL=null,!1)}var kG=typeof setTimeout=="function"?setTimeout:void 0,Hye=typeof clearTimeout=="function"?clearTimeout:void 0,V7=typeof Promise=="function"?Promise:void 0,Vye=typeof queueMicrotask=="function"?queueMicrotask:typeof V7<"u"?function(t){return V7.resolve(null).then(t).catch(jye)}:kG;function jye(t){setTimeout(function(){throw t})}function Lf(t){return t==="head"}function j7(t,e){var n=e,o=0;do{var r=n.nextSibling;if(t.removeChild(n),r&&r.nodeType===8)if(n=r.data,n==="/$"||n==="/&"){if(o===0){t.removeChild(r),$S(e);return}o--}else if(n==="$"||n==="$?"||n==="$~"||n==="$!"||n==="&")o++;else if(n==="html")C0(t.ownerDocument.documentElement);else if(n==="head"){n=t.ownerDocument.head,C0(n);for(var i=n.firstChild;i;){var s=i.nextSibling,a=i.nodeName;i[j0]||a==="SCRIPT"||a==="STYLE"||a==="LINK"&&i.rel.toLowerCase()==="stylesheet"||n.removeChild(i),i=s}}else n==="body"&&C0(t.ownerDocument.body);n=r}while(n);$S(e)}function $7(t,e){var n=t;t=0;do{var o=n.nextSibling;if(n.nodeType===1?e?(n._stashedDisplay=n.style.display,n.style.display="none"):(n.style.display=n._stashedDisplay||"",n.getAttribute("style")===""&&n.removeAttribute("style")):n.nodeType===3&&(e?(n._stashedText=n.nodeValue,n.nodeValue=""):n.nodeValue=n._stashedText||""),o&&o.nodeType===8)if(n=o.data,n==="/$"){if(t===0)break;t--}else n!=="$"&&n!=="$?"&&n!=="$~"&&n!=="$!"||t++;n=o}while(n)}function DN(t){var e=t.firstChild;for(e&&e.nodeType===10&&(e=e.nextSibling);e;){var n=e;switch(e=e.nextSibling,n.nodeName){case"HTML":case"HEAD":case"BODY":DN(n),$N(n);continue;case"SCRIPT":case"STYLE":continue;case"LINK":if(n.rel.toLowerCase()==="stylesheet")continue}t.removeChild(n)}}function $ye(t,e,n,o){for(;t.nodeType===1;){var r=n;if(t.nodeName.toLowerCase()!==e.toLowerCase()){if(!o&&(t.nodeName!=="INPUT"||t.type!=="hidden"))break}else if(o){if(!t[j0])switch(e){case"meta":if(!t.hasAttribute("itemprop"))break;return t;case"link":if(i=t.getAttribute("rel"),i==="stylesheet"&&t.hasAttribute("data-precedence"))break;if(i!==r.rel||t.getAttribute("href")!==(r.href==null||r.href===""?null:r.href)||t.getAttribute("crossorigin")!==(r.crossOrigin==null?null:r.crossOrigin)||t.getAttribute("title")!==(r.title==null?null:r.title))break;return t;case"style":if(t.hasAttribute("data-precedence"))break;return t;case"script":if(i=t.getAttribute("src"),(i!==(r.src==null?null:r.src)||t.getAttribute("type")!==(r.type==null?null:r.type)||t.getAttribute("crossorigin")!==(r.crossOrigin==null?null:r.crossOrigin))&&i&&t.hasAttribute("async")&&!t.hasAttribute("itemprop"))break;return t;default:return t}}else if(e==="input"&&t.type==="hidden"){var i=r.name==null?null:""+r.name;if(r.type==="hidden"&&t.getAttribute("name")===i)return t}else return t;if(t=ml(t.nextSibling),t===null)break}return null}function Kye(t,e,n){if(e==="")return null;for(;t.nodeType!==3;)if((t.nodeType!==1||t.nodeName!=="INPUT"||t.type!=="hidden")&&!n||(t=ml(t.nextSibling),t===null))return null;return t}function RG(t,e){for(;t.nodeType!==8;)if((t.nodeType!==1||t.nodeName!=="INPUT"||t.type!=="hidden")&&!e||(t=ml(t.nextSibling),t===null))return null;return t}function ON(t){return t.data==="$?"||t.data==="$~"}function LN(t){return t.data==="$!"||t.data==="$?"&&t.ownerDocument.readyState!=="loading"}function Gye(t,e){var n=t.ownerDocument;if(t.data==="$~")t._reactRetry=e;else if(t.data!=="$?"||n.readyState!=="loading")e();else{var o=function(){e(),n.removeEventListener("DOMContentLoaded",o)};n.addEventListener("DOMContentLoaded",o),t._reactRetry=o}}function ml(t){for(;t!=null;t=t.nextSibling){var e=t.nodeType;if(e===1||e===3)break;if(e===8){if(e=t.data,e==="$"||e==="$!"||e==="$?"||e==="$~"||e==="&"||e==="F!"||e==="F")break;if(e==="/$"||e==="/&")return null}}return t}var NN=null;function K7(t){t=t.nextSibling;for(var e=0;t;){if(t.nodeType===8){var n=t.data;if(n==="/$"||n==="/&"){if(e===0)return ml(t.nextSibling);e--}else n!=="$"&&n!=="$!"&&n!=="$?"&&n!=="$~"&&n!=="&"||e++}t=t.nextSibling}return null}function G7(t){t=t.previousSibling;for(var e=0;t;){if(t.nodeType===8){var n=t.data;if(n==="$"||n==="$!"||n==="$?"||n==="$~"||n==="&"){if(e===0)return t;e--}else n!=="/$"&&n!=="/&"||e++}t=t.previousSibling}return null}function DG(t,e,n){switch(e=r_(n),t){case"html":if(t=e.documentElement,!t)throw Error(ee(452));return t;case"head":if(t=e.head,!t)throw Error(ee(453));return t;case"body":if(t=e.body,!t)throw Error(ee(454));return t;default:throw Error(ee(451))}}function C0(t){for(var e=t.attributes;e.length;)t.removeAttributeNode(e[0]);$N(t)}var gl=new Map,W7=new Set;function i_(t){return typeof t.getRootNode=="function"?t.getRootNode():t.nodeType===9?t:t.ownerDocument}var vd=rn.d;rn.d={f:Wye,r:Yye,D:qye,C:Xye,L:Zye,m:Jye,X:eSe,S:Qye,M:tSe};function Wye(){var t=vd.f(),e=x_();return t||e}function Yye(t){var e=GS(t);e!==null&&e.tag===5&&e.type==="form"?EK(e):vd.r(t)}var XS=typeof document>"u"?null:document;function OG(t,e,n){var o=XS;if(o&&typeof e=="string"&&e){var r=dl(e);r='link[rel="'+t+'"][href="'+r+'"]',typeof n=="string"&&(r+='[crossorigin="'+n+'"]'),W7.has(r)||(W7.add(r),t={rel:t,crossOrigin:n,href:e},o.querySelector(r)===null&&(e=o.createElement("link"),vi(e,"link",t),Zr(e),o.head.appendChild(e)))}}function qye(t){vd.D(t),OG("dns-prefetch",t,null)}function Xye(t,e){vd.C(t,e),OG("preconnect",t,e)}function Zye(t,e,n){vd.L(t,e,n);var o=XS;if(o&&t&&e){var r='link[rel="preload"][as="'+dl(e)+'"]';e==="image"&&n&&n.imageSrcSet?(r+='[imagesrcset="'+dl(n.imageSrcSet)+'"]',typeof n.imageSizes=="string"&&(r+='[imagesizes="'+dl(n.imageSizes)+'"]')):r+='[href="'+dl(t)+'"]';var i=r;switch(e){case"style":i=jS(t);break;case"script":i=ZS(t)}gl.has(i)||(t=co({rel:"preload",href:e==="image"&&n&&n.imageSrcSet?void 0:t,as:e},n),gl.set(i,t),o.querySelector(r)!==null||e==="style"&&o.querySelector(q0(i))||e==="script"&&o.querySelector(X0(i))||(e=o.createElement("link"),vi(e,"link",t),Zr(e),o.head.appendChild(e)))}}function Jye(t,e){vd.m(t,e);var n=XS;if(n&&t){var o=e&&typeof e.as=="string"?e.as:"script",r='link[rel="modulepreload"][as="'+dl(o)+'"][href="'+dl(t)+'"]',i=r;switch(o){case"audioworklet":case"paintworklet":case"serviceworker":case"sharedworker":case"worker":case"script":i=ZS(t)}if(!gl.has(i)&&(t=co({rel:"modulepreload",href:t},e),gl.set(i,t),n.querySelector(r)===null)){switch(o){case"audioworklet":case"paintworklet":case"serviceworker":case"sharedworker":case"worker":case"script":if(n.querySelector(X0(i)))return}o=n.createElement("link"),vi(o,"link",t),Zr(o),n.head.appendChild(o)}}}function Qye(t,e,n){vd.S(t,e,n);var o=XS;if(o&&t){var r=IS(o).hoistableStyles,i=jS(t);e=e||"default";var s=r.get(i);if(!s){var a={loading:0,preload:null};if(s=o.querySelector(q0(i)))a.loading=5;else{t=co({rel:"stylesheet",href:t,"data-precedence":e},n),(n=gl.get(i))&&MF(t,n);var l=s=o.createElement("link");Zr(l),vi(l,"link",t),l._p=new Promise(function(c,d){l.onload=c,l.onerror=d}),l.addEventListener("load",function(){a.loading|=1}),l.addEventListener("error",function(){a.loading|=2}),a.loading|=4,kI(s,e,o)}s={type:"stylesheet",instance:s,count:1,state:a},r.set(i,s)}}}function eSe(t,e){vd.X(t,e);var n=XS;if(n&&t){var o=IS(n).hoistableScripts,r=ZS(t),i=o.get(r);i||(i=n.querySelector(X0(r)),i||(t=co({src:t,async:!0},e),(e=gl.get(r))&&AF(t,e),i=n.createElement("script"),Zr(i),vi(i,"link",t),n.head.appendChild(i)),i={type:"script",instance:i,count:1,state:null},o.set(r,i))}}function tSe(t,e){vd.M(t,e);var n=XS;if(n&&t){var o=IS(n).hoistableScripts,r=ZS(t),i=o.get(r);i||(i=n.querySelector(X0(r)),i||(t=co({src:t,async:!0,type:"module"},e),(e=gl.get(r))&&AF(t,e),i=n.createElement("script"),Zr(i),vi(i,"link",t),n.head.appendChild(i)),i={type:"script",instance:i,count:1,state:null},o.set(r,i))}}function Y7(t,e,n,o){var r=(r=wf.current)?i_(r):null;if(!r)throw Error(ee(446));switch(t){case"meta":case"title":return null;case"style":return typeof n.precedence=="string"&&typeof n.href=="string"?(e=jS(n.href),n=IS(r).hoistableStyles,o=n.get(e),o||(o={type:"style",instance:null,count:0,state:null},n.set(e,o)),o):{type:"void",instance:null,count:0,state:null};case"link":if(n.rel==="stylesheet"&&typeof n.href=="string"&&typeof n.precedence=="string"){t=jS(n.href);var i=IS(r).hoistableStyles,s=i.get(t);if(s||(r=r.ownerDocument||r,s={type:"stylesheet",instance:null,count:0,state:{loading:0,preload:null}},i.set(t,s),(i=r.querySelector(q0(t)))&&!i._p&&(s.instance=i,s.state.loading=5),gl.has(t)||(n={rel:"preload",as:"style",href:n.href,crossOrigin:n.crossOrigin,integrity:n.integrity,media:n.media,hrefLang:n.hrefLang,referrerPolicy:n.referrerPolicy},gl.set(t,n),i||nSe(r,t,n,s.state))),e&&o===null)throw Error(ee(528,""));return s}if(e&&o!==null)throw Error(ee(529,""));return null;case"script":return e=n.async,n=n.src,typeof n=="string"&&e&&typeof e!="function"&&typeof e!="symbol"?(e=ZS(n),n=IS(r).hoistableScripts,o=n.get(e),o||(o={type:"script",instance:null,count:0,state:null},n.set(e,o)),o):{type:"void",instance:null,count:0,state:null};default:throw Error(ee(444,t))}}function jS(t){return'href="'+dl(t)+'"'}function q0(t){return'link[rel="stylesheet"]['+t+"]"}function LG(t){return co({},t,{"data-precedence":t.precedence,precedence:null})}function nSe(t,e,n,o){t.querySelector('link[rel="preload"][as="style"]['+e+"]")?o.loading=1:(e=t.createElement("link"),o.preload=e,e.addEventListener("load",function(){return o.loading|=1}),e.addEventListener("error",function(){return o.loading|=2}),vi(e,"link",n),Zr(e),t.head.appendChild(e))}function ZS(t){return'[src="'+dl(t)+'"]'}function X0(t){return"script[async]"+t}function q7(t,e,n){if(e.count++,e.instance===null)switch(e.type){case"style":var o=t.querySelector('style[data-href~="'+dl(n.href)+'"]');if(o)return e.instance=o,Zr(o),o;var r=co({},n,{"data-href":n.href,"data-precedence":n.precedence,href:null,precedence:null});return o=(t.ownerDocument||t).createElement("style"),Zr(o),vi(o,"style",r),kI(o,n.precedence,t),e.instance=o;case"stylesheet":r=jS(n.href);var i=t.querySelector(q0(r));if(i)return e.state.loading|=4,e.instance=i,Zr(i),i;o=LG(n),(r=gl.get(r))&&MF(o,r),i=(t.ownerDocument||t).createElement("link"),Zr(i);var s=i;return s._p=new Promise(function(a,l){s.onload=a,s.onerror=l}),vi(i,"link",o),e.state.loading|=4,kI(i,n.precedence,t),e.instance=i;case"script":return i=ZS(n.src),(r=t.querySelector(X0(i)))?(e.instance=r,Zr(r),r):(o=n,(r=gl.get(i))&&(o=co({},n),AF(o,r)),t=t.ownerDocument||t,r=t.createElement("script"),Zr(r),vi(r,"link",o),t.head.appendChild(r),e.instance=r);case"void":return null;default:throw Error(ee(443,e.type))}else e.type==="stylesheet"&&(e.state.loading&4)===0&&(o=e.instance,e.state.loading|=4,kI(o,n.precedence,t));return e.instance}function kI(t,e,n){for(var o=n.querySelectorAll('link[rel="stylesheet"][data-precedence],style[data-precedence]'),r=o.length?o[o.length-1]:null,i=r,s=0;s<o.length;s++){var a=o[s];if(a.dataset.precedence===e)i=a;else if(i!==r)break}i?i.parentNode.insertBefore(t,i.nextSibling):(e=n.nodeType===9?n.head:n,e.insertBefore(t,e.firstChild))}function MF(t,e){t.crossOrigin==null&&(t.crossOrigin=e.crossOrigin),t.referrerPolicy==null&&(t.referrerPolicy=e.referrerPolicy),t.title==null&&(t.title=e.title)}function AF(t,e){t.crossOrigin==null&&(t.crossOrigin=e.crossOrigin),t.referrerPolicy==null&&(t.referrerPolicy=e.referrerPolicy),t.integrity==null&&(t.integrity=e.integrity)}var RI=null;function X7(t,e,n){if(RI===null){var o=new Map,r=RI=new Map;r.set(n,o)}else r=RI,o=r.get(n),o||(o=new Map,r.set(n,o));if(o.has(t))return o;for(o.set(t,null),n=n.getElementsByTagName(t),r=0;r<n.length;r++){var i=n[r];if(!(i[j0]||i[yi]||t==="link"&&i.getAttribute("rel")==="stylesheet")&&i.namespaceURI!=="http://www.w3.org/2000/svg"){var s=i.getAttribute(e)||"";s=t+s;var a=o.get(s);a?a.push(i):o.set(s,[i])}}return o}function Z7(t,e,n){t=t.ownerDocument||t,t.head.insertBefore(n,e==="title"?t.querySelector("head > title"):null)}function oSe(t,e,n){if(n===1||e.itemProp!=null)return!1;switch(t){case"meta":case"title":return!0;case"style":if(typeof e.precedence!="string"||typeof e.href!="string"||e.href==="")break;return!0;case"link":if(typeof e.rel!="string"||typeof e.href!="string"||e.href===""||e.onLoad||e.onError)break;return e.rel==="stylesheet"?(t=e.disabled,typeof e.precedence=="string"&&t==null):!0;case"script":if(e.async&&typeof e.async!="function"&&typeof e.async!="symbol"&&!e.onLoad&&!e.onError&&e.src&&typeof e.src=="string")return!0}return!1}function NG(t){return!(t.type==="stylesheet"&&(t.state.loading&3)===0)}function rSe(t,e,n,o){if(n.type==="stylesheet"&&(typeof o.media!="string"||matchMedia(o.media).matches!==!1)&&(n.state.loading&4)===0){if(n.instance===null){var r=jS(o.href),i=e.querySelector(q0(r));if(i){e=i._p,e!==null&&typeof e=="object"&&typeof e.then=="function"&&(t.count++,t=s_.bind(t),e.then(t,t)),n.state.loading|=4,n.instance=i,Zr(i);return}i=e.ownerDocument||e,o=LG(o),(r=gl.get(r))&&MF(o,r),i=i.createElement("link"),Zr(i);var s=i;s._p=new Promise(function(a,l){s.onload=a,s.onerror=l}),vi(i,"link",o),n.instance=i}t.stylesheets===null&&(t.stylesheets=new Map),t.stylesheets.set(n,e),(e=n.state.preload)&&(n.state.loading&3)===0&&(t.count++,n=s_.bind(t),e.addEventListener("load",n),e.addEventListener("error",n))}}var jL=0;function iSe(t,e){return t.stylesheets&&t.count===0&&DI(t,t.stylesheets),0<t.count||0<t.imgCount?function(n){var o=setTimeout(function(){if(t.stylesheets&&DI(t,t.stylesheets),t.unsuspend){var i=t.unsuspend;t.unsuspend=null,i()}},6e4+e);0<t.imgBytes&&jL===0&&(jL=62500*zye());var r=setTimeout(function(){if(t.waitingForImages=!1,t.count===0&&(t.stylesheets&&DI(t,t.stylesheets),t.unsuspend)){var i=t.unsuspend;t.unsuspend=null,i()}},(t.imgBytes>jL?50:800)+e);return t.unsuspend=n,function(){t.unsuspend=null,clearTimeout(o),clearTimeout(r)}}:null}function s_(){if(this.count--,this.count===0&&(this.imgCount===0||!this.waitingForImages)){if(this.stylesheets)DI(this,this.stylesheets);else if(this.unsuspend){var t=this.unsuspend;this.unsuspend=null,t()}}}var a_=null;function DI(t,e){t.stylesheets=null,t.unsuspend!==null&&(t.count++,a_=new Map,e.forEach(sSe,t),a_=null,s_.call(t))}function sSe(t,e){if(!(e.state.loading&4)){var n=a_.get(t);if(n)var o=n.get(null);else{n=new Map,a_.set(t,n);for(var r=t.querySelectorAll("link[data-precedence],style[data-precedence]"),i=0;i<r.length;i++){var s=r[i];(s.nodeName==="LINK"||s.getAttribute("media")!=="not all")&&(n.set(s.dataset.precedence,s),o=s)}o&&n.set(null,o)}r=e.instance,s=r.getAttribute("data-precedence"),i=n.get(s)||o,i===o&&n.set(null,r),n.set(s,r),this.count++,o=s_.bind(this),r.addEventListener("load",o),r.addEventListener("error",o),i?i.parentNode.insertBefore(r,i.nextSibling):(t=t.nodeType===9?t.head:t,t.insertBefore(r,t.firstChild)),e.state.loading|=4}}var N0={$$typeof:cd,Provider:null,Consumer:null,_currentValue:Pm,_currentValue2:Pm,_threadCount:0};function aSe(t,e,n,o,r,i,s,a,l){this.tag=1,this.containerInfo=t,this.pingCache=this.current=this.pendingChildren=null,this.timeoutHandle=-1,this.callbackNode=this.next=this.pendingContext=this.context=this.cancelPendingCommit=null,this.callbackPriority=0,this.expirationTimes=mL(-1),this.entangledLanes=this.shellSuspendCounter=this.errorRecoveryDisabledLanes=this.expiredLanes=this.warmLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0,this.entanglements=mL(0),this.hiddenUpdates=mL(null),this.identifierPrefix=o,this.onUncaughtError=r,this.onCaughtError=i,this.onRecoverableError=s,this.pooledCache=null,this.pooledCacheLanes=0,this.formState=l,this.incompleteTransitions=new Map}function FG(t,e,n,o,r,i,s,a,l,c,d,u){return t=new aSe(t,e,n,s,l,c,d,u,a),e=1,i===!0&&(e|=24),i=Ta(3,null,null,e),t.current=i,i.stateNode=t,e=nF(),e.refCount++,t.pooledCache=e,e.refCount++,i.memoizedState={element:o,isDehydrated:n,cache:e},iF(i),t}function BG(t){return t?(t=TS,t):TS}function zG(t,e,n,o,r,i){r=BG(r),o.context===null?o.context=r:o.pendingContext=r,o=Tf(e),o.payload={element:n},i=i===void 0?null:i,i!==null&&(o.callback=i),n=Cf(t,o,e),n!==null&&(js(n,t,e),g0(n,t,e))}function J7(t,e){if(t=t.memoizedState,t!==null&&t.dehydrated!==null){var n=t.retryLane;t.retryLane=n!==0&&n<e?n:e}}function kF(t,e){J7(t,e),(t=t.alternate)&&J7(t,e)}function UG(t){if(t.tag===13||t.tag===31){var e=Bm(t,67108864);e!==null&&js(e,t,67108864),kF(t,67108864)}}function Q7(t){if(t.tag===13||t.tag===31){var e=_a();e=VN(e);var n=Bm(t,e);n!==null&&js(n,t,e),kF(t,e)}}var l_=!0;function lSe(t,e,n,o){var r=Je.T;Je.T=null;var i=rn.p;try{rn.p=2,RF(t,e,n,o)}finally{rn.p=i,Je.T=r}}function cSe(t,e,n,o){var r=Je.T;Je.T=null;var i=rn.p;try{rn.p=8,RF(t,e,n,o)}finally{rn.p=i,Je.T=r}}function RF(t,e,n,o){if(l_){var r=FN(o);if(r===null)HL(t,e,o,c_,n),e$(t,o);else if(dSe(r,t,e,n,o))o.stopPropagation();else if(e$(t,o),e&4&&-1<uSe.indexOf(t)){for(;r!==null;){var i=GS(r);if(i!==null)switch(i.tag){case 3:if(i=i.stateNode,i.current.memoizedState.isDehydrated){var s=xm(i.pendingLanes);if(s!==0){var a=i;for(a.pendingLanes|=2,a.entangledLanes|=2;s;){var l=1<<31-Ia(s);a.entanglements[1]|=l,s&=~l}eu(i),(on&6)===0&&(JI=Pa()+500,Y0(0,!1))}}break;case 31:case 13:a=Bm(i,2),a!==null&&js(a,i,2),x_(),kF(i,2)}if(i=FN(o),i===null&&HL(t,e,o,c_,n),i===r)break;r=i}r!==null&&o.stopPropagation()}else HL(t,e,o,null,n)}}function FN(t){return t=GN(t),DF(t)}var c_=null;function DF(t){if(c_=null,t=yS(t),t!==null){var e=z0(t);if(e===null)t=null;else{var n=e.tag;if(n===13){if(t=s$(e),t!==null)return t;t=null}else if(n===31){if(t=a$(e),t!==null)return t;t=null}else if(n===3){if(e.stateNode.current.memoizedState.isDehydrated)return e.tag===3?e.stateNode.containerInfo:null;t=null}else e!==t&&(t=null)}}return c_=t,null}function HG(t){switch(t){case"beforetoggle":case"cancel":case"click":case"close":case"contextmenu":case"copy":case"cut":case"auxclick":case"dblclick":case"dragend":case"dragstart":case"drop":case"focusin":case"focusout":case"input":case"invalid":case"keydown":case"keypress":case"keyup":case"mousedown":case"mouseup":case"paste":case"pause":case"play":case"pointercancel":case"pointerdown":case"pointerup":case"ratechange":case"reset":case"resize":case"seeked":case"submit":case"toggle":case"touchcancel":case"touchend":case"touchstart":case"volumechange":case"change":case"selectionchange":case"textInput":case"compositionstart":case"compositionend":case"compositionupdate":case"beforeblur":case"afterblur":case"beforeinput":case"blur":case"fullscreenchange":case"focus":case"hashchange":case"popstate":case"select":case"selectstart":return 2;case"drag":case"dragenter":case"dragexit":case"dragleave":case"dragover":case"mousemove":case"mouseout":case"mouseover":case"pointermove":case"pointerout":case"pointerover":case"scroll":case"touchmove":case"wheel":case"mouseenter":case"mouseleave":case"pointerenter":case"pointerleave":return 8;case"message":switch(Zme()){case d$:return 2;case p$:return 8;case BI:case Jme:return 32;case f$:return 268435456;default:return 32}default:return 32}}var BN=!1,If=null,_f=null,Mf=null,F0=new Map,B0=new Map,mf=[],uSe="mousedown mouseup touchcancel touchend touchstart auxclick dblclick pointercancel pointerdown pointerup dragend dragstart drop compositionend compositionstart keydown keypress keyup input textInput copy cut paste click change contextmenu reset".split(" ");function e$(t,e){switch(t){case"focusin":case"focusout":If=null;break;case"dragenter":case"dragleave":_f=null;break;case"mouseover":case"mouseout":Mf=null;break;case"pointerover":case"pointerout":F0.delete(e.pointerId);break;case"gotpointercapture":case"lostpointercapture":B0.delete(e.pointerId)}}function i0(t,e,n,o,r,i){return t===null||t.nativeEvent!==i?(t={blockedOn:e,domEventName:n,eventSystemFlags:o,nativeEvent:i,targetContainers:[r]},e!==null&&(e=GS(e),e!==null&&UG(e)),t):(t.eventSystemFlags|=o,e=t.targetContainers,r!==null&&e.indexOf(r)===-1&&e.push(r),t)}function dSe(t,e,n,o,r){switch(e){case"focusin":return If=i0(If,t,e,n,o,r),!0;case"dragenter":return _f=i0(_f,t,e,n,o,r),!0;case"mouseover":return Mf=i0(Mf,t,e,n,o,r),!0;case"pointerover":var i=r.pointerId;return F0.set(i,i0(F0.get(i)||null,t,e,n,o,r)),!0;case"gotpointercapture":return i=r.pointerId,B0.set(i,i0(B0.get(i)||null,t,e,n,o,r)),!0}return!1}function VG(t){var e=yS(t.target);if(e!==null){var n=z0(e);if(n!==null){if(e=n.tag,e===13){if(e=s$(n),e!==null){t.blockedOn=e,Fj(t.priority,function(){Q7(n)});return}}else if(e===31){if(e=a$(n),e!==null){t.blockedOn=e,Fj(t.priority,function(){Q7(n)});return}}else if(e===3&&n.stateNode.current.memoizedState.isDehydrated){t.blockedOn=n.tag===3?n.stateNode.containerInfo:null;return}}}t.blockedOn=null}function OI(t){if(t.blockedOn!==null)return!1;for(var e=t.targetContainers;0<e.length;){var n=FN(t.nativeEvent);if(n===null){n=t.nativeEvent;var o=new n.constructor(n.type,n);nN=o,n.target.dispatchEvent(o),nN=null}else return e=GS(n),e!==null&&UG(e),t.blockedOn=n,!1;e.shift()}return!0}function t$(t,e,n){OI(t)&&n.delete(e)}function pSe(){BN=!1,If!==null&&OI(If)&&(If=null),_f!==null&&OI(_f)&&(_f=null),Mf!==null&&OI(Mf)&&(Mf=null),F0.forEach(t$),B0.forEach(t$)}function SI(t,e){t.blockedOn===e&&(t.blockedOn=null,BN||(BN=!0,kr.unstable_scheduleCallback(kr.unstable_NormalPriority,pSe)))}var bI=null;function n$(t){bI!==t&&(bI=t,kr.unstable_scheduleCallback(kr.unstable_NormalPriority,function(){bI===t&&(bI=null);for(var e=0;e<t.length;e+=3){var n=t[e],o=t[e+1],r=t[e+2];if(typeof o!="function"){if(DF(o||n)===null)continue;break}var i=GS(n);i!==null&&(t.splice(e,3),e-=3,SN(i,{pending:!0,data:r,method:n.method,action:o},o,r))}}))}function $S(t){function e(l){return SI(l,t)}If!==null&&SI(If,t),_f!==null&&SI(_f,t),Mf!==null&&SI(Mf,t),F0.forEach(e),B0.forEach(e);for(var n=0;n<mf.length;n++){var o=mf[n];o.blockedOn===t&&(o.blockedOn=null)}for(;0<mf.length&&(n=mf[0],n.blockedOn===null);)VG(n),n.blockedOn===null&&mf.shift();if(n=(t.ownerDocument||t).$$reactFormReplay,n!=null)for(o=0;o<n.length;o+=3){var r=n[o],i=n[o+1],s=r[$s]||null;if(typeof i=="function")s||n$(n);else if(s){var a=null;if(i&&i.hasAttribute("formAction")){if(r=i,s=i[$s]||null)a=s.formAction;else if(DF(r)!==null)continue}else a=s.action;typeof a=="function"?n[o+1]=a:(n.splice(o,3),o-=3),n$(n)}}}function jG(){function t(i){i.canIntercept&&i.info==="react-transition"&&i.intercept({handler:function(){return new Promise(function(s){return r=s})},focusReset:"manual",scroll:"manual"})}function e(){r!==null&&(r(),r=null),o||setTimeout(n,20)}function n(){if(!o&&!navigation.transition){var i=navigation.currentEntry;i&&i.url!=null&&navigation.navigate(i.url,{state:i.getState(),info:"react-transition",history:"replace"})}}if(typeof navigation=="object"){var o=!1,r=null;return navigation.addEventListener("navigate",t),navigation.addEventListener("navigatesuccess",e),navigation.addEventListener("navigateerror",e),setTimeout(n,100),function(){o=!0,navigation.removeEventListener("navigate",t),navigation.removeEventListener("navigatesuccess",e),navigation.removeEventListener("navigateerror",e),r!==null&&(r(),r=null)}}}function OF(t){this._internalRoot=t}P_.prototype.render=OF.prototype.render=function(t){var e=this._internalRoot;if(e===null)throw Error(ee(409));var n=e.current,o=_a();zG(n,o,t,e,null,null)};P_.prototype.unmount=OF.prototype.unmount=function(){var t=this._internalRoot;if(t!==null){this._internalRoot=null;var e=t.containerInfo;zG(t.current,2,null,t,null,null),x_(),e[KS]=null}};function P_(t){this._internalRoot=t}P_.prototype.unstable_scheduleHydration=function(t){if(t){var e=S$();t={blockedOn:null,target:t,priority:e};for(var n=0;n<mf.length&&e!==0&&e<mf[n].priority;n++);mf.splice(n,0,t),n===0&&VG(t)}};var o$=r$.version;if(o$!=="19.2.8")throw Error(ee(527,o$,"19.2.8"));rn.findDOMNode=function(t){var e=t._reactInternals;if(e===void 0)throw typeof t.render=="function"?Error(ee(188)):(t=Object.keys(t).join(","),Error(ee(268,t)));return t=$me(e),t=t!==null?l$(t):null,t=t===null?null:t.stateNode,t};var fSe={bundleType:0,version:"19.2.8",rendererPackageName:"react-dom",currentDispatcherRef:Je,reconcilerVersion:"19.2.8"};if(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__<"u"&&(s0=__REACT_DEVTOOLS_GLOBAL_HOOK__,!s0.isDisabled&&s0.supportsFiber))try{U0=s0.inject(fSe),Ea=s0}catch{}var s0;E_.createRoot=function(t,e){if(!i$(t))throw Error(ee(299));var n=!1,o="",r=OK,i=LK,s=NK;return e!=null&&(e.unstable_strictMode===!0&&(n=!0),e.identifierPrefix!==void 0&&(o=e.identifierPrefix),e.onUncaughtError!==void 0&&(r=e.onUncaughtError),e.onCaughtError!==void 0&&(i=e.onCaughtError),e.onRecoverableError!==void 0&&(s=e.onRecoverableError)),e=FG(t,1,!1,null,null,n,o,null,r,i,s,jG),t[KS]=e.current,_F(t),new OF(e)};E_.hydrateRoot=function(t,e,n){if(!i$(t))throw Error(ee(299));var o=!1,r="",i=OK,s=LK,a=NK,l=null;return n!=null&&(n.unstable_strictMode===!0&&(o=!0),n.identifierPrefix!==void 0&&(r=n.identifierPrefix),n.onUncaughtError!==void 0&&(i=n.onUncaughtError),n.onCaughtError!==void 0&&(s=n.onCaughtError),n.onRecoverableError!==void 0&&(a=n.onRecoverableError),n.formState!==void 0&&(l=n.formState)),e=FG(t,1,!0,e,n??null,o,r,l,i,s,a,jG),e.context=BG(null),n=e.current,o=_a(),o=VN(o),r=Tf(o),r.callback=null,Cf(n,r,o),n=o,e.current.lanes=n,V0(e,n),eu(e),t[KS]=e.current,_F(t),new P_(e)};E_.version="19.2.8"});var LF=qr((S4e,GG)=>{"use strict";function KG(){if(!(typeof __REACT_DEVTOOLS_GLOBAL_HOOK__>"u"||typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE!="function"))try{__REACT_DEVTOOLS_GLOBAL_HOOK__.checkDCE(KG)}catch(t){console.error(t)}}KG(),GG.exports=$G()});var MW=qr((Z0,QS)=>{var ySe=200,YF="__lodash_hash_undefined__",O_=1,sW=2,aW=9007199254740991,I_="[object Arguments]",HF="[object Array]",SSe="[object AsyncFunction]",lW="[object Boolean]",cW="[object Date]",uW="[object Error]",dW="[object Function]",bSe="[object GeneratorFunction]",__="[object Map]",pW="[object Number]",vSe="[object Null]",JS="[object Object]",qG="[object Promise]",wSe="[object Proxy]",fW="[object RegExp]",M_="[object Set]",hW="[object String]",xSe="[object Symbol]",TSe="[object Undefined]",VF="[object WeakMap]",mW="[object ArrayBuffer]",A_="[object DataView]",CSe="[object Float32Array]",PSe="[object Float64Array]",ESe="[object Int8Array]",ISe="[object Int16Array]",_Se="[object Int32Array]",MSe="[object Uint8Array]",ASe="[object Uint8ClampedArray]",kSe="[object Uint16Array]",RSe="[object Uint32Array]",DSe=/[\\^$.*+?()[\]{}|]/g,OSe=/^\[object .+?Constructor\]$/,LSe=/^(?:0|[1-9]\d*)$/,uo={};uo[CSe]=uo[PSe]=uo[ESe]=uo[ISe]=uo[_Se]=uo[MSe]=uo[ASe]=uo[kSe]=uo[RSe]=!0;uo[I_]=uo[HF]=uo[mW]=uo[lW]=uo[A_]=uo[cW]=uo[uW]=uo[dW]=uo[__]=uo[pW]=uo[JS]=uo[fW]=uo[M_]=uo[hW]=uo[VF]=!1;var gW=typeof global=="object"&&global&&global.Object===Object&&global,NSe=typeof self=="object"&&self&&self.Object===Object&&self,xd=gW||NSe||Function("return this")(),yW=typeof Z0=="object"&&Z0&&!Z0.nodeType&&Z0,XG=yW&&typeof QS=="object"&&QS&&!QS.nodeType&&QS,SW=XG&&XG.exports===yW,BF=SW&&gW.process,ZG=(function(){try{return BF&&BF.binding&&BF.binding("util")}catch{}})(),JG=ZG&&ZG.isTypedArray;function FSe(t,e){for(var n=-1,o=t==null?0:t.length,r=0,i=[];++n<o;){var s=t[n];e(s,n,t)&&(i[r++]=s)}return i}function BSe(t,e){for(var n=-1,o=e.length,r=t.length;++n<o;)t[r+n]=e[n];return t}function zSe(t,e){for(var n=-1,o=t==null?0:t.length;++n<o;)if(e(t[n],n,t))return!0;return!1}function USe(t,e){for(var n=-1,o=Array(t);++n<t;)o[n]=e(n);return o}function HSe(t){return function(e){return t(e)}}function VSe(t,e){return t.has(e)}function jSe(t,e){return t?.[e]}function $Se(t){var e=-1,n=Array(t.size);return t.forEach(function(o,r){n[++e]=[r,o]}),n}function KSe(t,e){return function(n){return t(e(n))}}function GSe(t){var e=-1,n=Array(t.size);return t.forEach(function(o){n[++e]=o}),n}var WSe=Array.prototype,YSe=Function.prototype,L_=Object.prototype,zF=xd["__core-js_shared__"],bW=YSe.toString,tu=L_.hasOwnProperty,QG=(function(){var t=/[^.]+$/.exec(zF&&zF.keys&&zF.keys.IE_PROTO||"");return t?"Symbol(src)_1."+t:""})(),vW=L_.toString,qSe=RegExp("^"+bW.call(tu).replace(DSe,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),eW=SW?xd.Buffer:void 0,k_=xd.Symbol,tW=xd.Uint8Array,wW=L_.propertyIsEnumerable,XSe=WSe.splice,Um=k_?k_.toStringTag:void 0,nW=Object.getOwnPropertySymbols,ZSe=eW?eW.isBuffer:void 0,JSe=KSe(Object.keys,Object),jF=eb(xd,"DataView"),J0=eb(xd,"Map"),$F=eb(xd,"Promise"),KF=eb(xd,"Set"),GF=eb(xd,"WeakMap"),Q0=eb(Object,"create"),QSe=jm(jF),ebe=jm(J0),tbe=jm($F),nbe=jm(KF),obe=jm(GF),oW=k_?k_.prototype:void 0,UF=oW?oW.valueOf:void 0;function Hm(t){var e=-1,n=t==null?0:t.length;for(this.clear();++e<n;){var o=t[e];this.set(o[0],o[1])}}function rbe(){this.__data__=Q0?Q0(null):{},this.size=0}function ibe(t){var e=this.has(t)&&delete this.__data__[t];return this.size-=e?1:0,e}function sbe(t){var e=this.__data__;if(Q0){var n=e[t];return n===YF?void 0:n}return tu.call(e,t)?e[t]:void 0}function abe(t){var e=this.__data__;return Q0?e[t]!==void 0:tu.call(e,t)}function lbe(t,e){var n=this.__data__;return this.size+=this.has(t)?0:1,n[t]=Q0&&e===void 0?YF:e,this}Hm.prototype.clear=rbe;Hm.prototype.delete=ibe;Hm.prototype.get=sbe;Hm.prototype.has=abe;Hm.prototype.set=lbe;function Td(t){var e=-1,n=t==null?0:t.length;for(this.clear();++e<n;){var o=t[e];this.set(o[0],o[1])}}function cbe(){this.__data__=[],this.size=0}function ube(t){var e=this.__data__,n=N_(e,t);if(n<0)return!1;var o=e.length-1;return n==o?e.pop():XSe.call(e,n,1),--this.size,!0}function dbe(t){var e=this.__data__,n=N_(e,t);return n<0?void 0:e[n][1]}function pbe(t){return N_(this.__data__,t)>-1}function fbe(t,e){var n=this.__data__,o=N_(n,t);return o<0?(++this.size,n.push([t,e])):n[o][1]=e,this}Td.prototype.clear=cbe;Td.prototype.delete=ube;Td.prototype.get=dbe;Td.prototype.has=pbe;Td.prototype.set=fbe;function Vm(t){var e=-1,n=t==null?0:t.length;for(this.clear();++e<n;){var o=t[e];this.set(o[0],o[1])}}function hbe(){this.size=0,this.__data__={hash:new Hm,map:new(J0||Td),string:new Hm}}function mbe(t){var e=F_(this,t).delete(t);return this.size-=e?1:0,e}function gbe(t){return F_(this,t).get(t)}function ybe(t){return F_(this,t).has(t)}function Sbe(t,e){var n=F_(this,t),o=n.size;return n.set(t,e),this.size+=n.size==o?0:1,this}Vm.prototype.clear=hbe;Vm.prototype.delete=mbe;Vm.prototype.get=gbe;Vm.prototype.has=ybe;Vm.prototype.set=Sbe;function R_(t){var e=-1,n=t==null?0:t.length;for(this.__data__=new Vm;++e<n;)this.add(t[e])}function bbe(t){return this.__data__.set(t,YF),this}function vbe(t){return this.__data__.has(t)}R_.prototype.add=R_.prototype.push=bbe;R_.prototype.has=vbe;function Ff(t){var e=this.__data__=new Td(t);this.size=e.size}function wbe(){this.__data__=new Td,this.size=0}function xbe(t){var e=this.__data__,n=e.delete(t);return this.size=e.size,n}function Tbe(t){return this.__data__.get(t)}function Cbe(t){return this.__data__.has(t)}function Pbe(t,e){var n=this.__data__;if(n instanceof Td){var o=n.__data__;if(!J0||o.length<ySe-1)return o.push([t,e]),this.size=++n.size,this;n=this.__data__=new Vm(o)}return n.set(t,e),this.size=n.size,this}Ff.prototype.clear=wbe;Ff.prototype.delete=xbe;Ff.prototype.get=Tbe;Ff.prototype.has=Cbe;Ff.prototype.set=Pbe;function Ebe(t,e){var n=D_(t),o=!n&&Hbe(t),r=!n&&!o&&WF(t),i=!n&&!o&&!r&&_W(t),s=n||o||r||i,a=s?USe(t.length,String):[],l=a.length;for(var c in t)(e||tu.call(t,c))&&!(s&&(c=="length"||r&&(c=="offset"||c=="parent")||i&&(c=="buffer"||c=="byteLength"||c=="byteOffset")||Nbe(c,l)))&&a.push(c);return a}function N_(t,e){for(var n=t.length;n--;)if(CW(t[n][0],e))return n;return-1}function Ibe(t,e,n){var o=e(t);return D_(t)?o:BSe(o,n(t))}function tx(t){return t==null?t===void 0?TSe:vSe:Um&&Um in Object(t)?Obe(t):Ube(t)}function rW(t){return ex(t)&&tx(t)==I_}function xW(t,e,n,o,r){return t===e?!0:t==null||e==null||!ex(t)&&!ex(e)?t!==t&&e!==e:_be(t,e,n,o,xW,r)}function _be(t,e,n,o,r,i){var s=D_(t),a=D_(e),l=s?HF:Nf(t),c=a?HF:Nf(e);l=l==I_?JS:l,c=c==I_?JS:c;var d=l==JS,u=c==JS,p=l==c;if(p&&WF(t)){if(!WF(e))return!1;s=!0,d=!1}if(p&&!d)return i||(i=new Ff),s||_W(t)?TW(t,e,n,o,r,i):Rbe(t,e,l,n,o,r,i);if(!(n&O_)){var f=d&&tu.call(t,"__wrapped__"),h=u&&tu.call(e,"__wrapped__");if(f||h){var g=f?t.value():t,y=h?e.value():e;return i||(i=new Ff),r(g,y,n,o,i)}}return p?(i||(i=new Ff),Dbe(t,e,n,o,r,i)):!1}function Mbe(t){if(!IW(t)||Bbe(t))return!1;var e=PW(t)?qSe:OSe;return e.test(jm(t))}function Abe(t){return ex(t)&&EW(t.length)&&!!uo[tx(t)]}function kbe(t){if(!zbe(t))return JSe(t);var e=[];for(var n in Object(t))tu.call(t,n)&&n!="constructor"&&e.push(n);return e}function TW(t,e,n,o,r,i){var s=n&O_,a=t.length,l=e.length;if(a!=l&&!(s&&l>a))return!1;var c=i.get(t);if(c&&i.get(e))return c==e;var d=-1,u=!0,p=n&sW?new R_:void 0;for(i.set(t,e),i.set(e,t);++d<a;){var f=t[d],h=e[d];if(o)var g=s?o(h,f,d,e,t,i):o(f,h,d,t,e,i);if(g!==void 0){if(g)continue;u=!1;break}if(p){if(!zSe(e,function(y,m){if(!VSe(p,m)&&(f===y||r(f,y,n,o,i)))return p.push(m)})){u=!1;break}}else if(!(f===h||r(f,h,n,o,i))){u=!1;break}}return i.delete(t),i.delete(e),u}function Rbe(t,e,n,o,r,i,s){switch(n){case A_:if(t.byteLength!=e.byteLength||t.byteOffset!=e.byteOffset)return!1;t=t.buffer,e=e.buffer;case mW:return!(t.byteLength!=e.byteLength||!i(new tW(t),new tW(e)));case lW:case cW:case pW:return CW(+t,+e);case uW:return t.name==e.name&&t.message==e.message;case fW:case hW:return t==e+"";case __:var a=$Se;case M_:var l=o&O_;if(a||(a=GSe),t.size!=e.size&&!l)return!1;var c=s.get(t);if(c)return c==e;o|=sW,s.set(t,e);var d=TW(a(t),a(e),o,r,i,s);return s.delete(t),d;case xSe:if(UF)return UF.call(t)==UF.call(e)}return!1}function Dbe(t,e,n,o,r,i){var s=n&O_,a=iW(t),l=a.length,c=iW(e),d=c.length;if(l!=d&&!s)return!1;for(var u=l;u--;){var p=a[u];if(!(s?p in e:tu.call(e,p)))return!1}var f=i.get(t);if(f&&i.get(e))return f==e;var h=!0;i.set(t,e),i.set(e,t);for(var g=s;++u<l;){p=a[u];var y=t[p],m=e[p];if(o)var S=s?o(m,y,p,e,t,i):o(y,m,p,t,e,i);if(!(S===void 0?y===m||r(y,m,n,o,i):S)){h=!1;break}g||(g=p=="constructor")}if(h&&!g){var b=t.constructor,v=e.constructor;b!=v&&"constructor"in t&&"constructor"in e&&!(typeof b=="function"&&b instanceof b&&typeof v=="function"&&v instanceof v)&&(h=!1)}return i.delete(t),i.delete(e),h}function iW(t){return Ibe(t,$be,Lbe)}function F_(t,e){var n=t.__data__;return Fbe(e)?n[typeof e=="string"?"string":"hash"]:n.map}function eb(t,e){var n=jSe(t,e);return Mbe(n)?n:void 0}function Obe(t){var e=tu.call(t,Um),n=t[Um];try{t[Um]=void 0;var o=!0}catch{}var r=vW.call(t);return o&&(e?t[Um]=n:delete t[Um]),r}var Lbe=nW?function(t){return t==null?[]:(t=Object(t),FSe(nW(t),function(e){return wW.call(t,e)}))}:Kbe,Nf=tx;(jF&&Nf(new jF(new ArrayBuffer(1)))!=A_||J0&&Nf(new J0)!=__||$F&&Nf($F.resolve())!=qG||KF&&Nf(new KF)!=M_||GF&&Nf(new GF)!=VF)&&(Nf=function(t){var e=tx(t),n=e==JS?t.constructor:void 0,o=n?jm(n):"";if(o)switch(o){case QSe:return A_;case ebe:return __;case tbe:return qG;case nbe:return M_;case obe:return VF}return e});function Nbe(t,e){return e=e??aW,!!e&&(typeof t=="number"||LSe.test(t))&&t>-1&&t%1==0&&t<e}function Fbe(t){var e=typeof t;return e=="string"||e=="number"||e=="symbol"||e=="boolean"?t!=="__proto__":t===null}function Bbe(t){return!!QG&&QG in t}function zbe(t){var e=t&&t.constructor,n=typeof e=="function"&&e.prototype||L_;return t===n}function Ube(t){return vW.call(t)}function jm(t){if(t!=null){try{return bW.call(t)}catch{}try{return t+""}catch{}}return""}function CW(t,e){return t===e||t!==t&&e!==e}var Hbe=rW((function(){return arguments})())?rW:function(t){return ex(t)&&tu.call(t,"callee")&&!wW.call(t,"callee")},D_=Array.isArray;function Vbe(t){return t!=null&&EW(t.length)&&!PW(t)}var WF=ZSe||Gbe;function jbe(t,e){return xW(t,e)}function PW(t){if(!IW(t))return!1;var e=tx(t);return e==dW||e==bSe||e==SSe||e==wSe}function EW(t){return typeof t=="number"&&t>-1&&t%1==0&&t<=aW}function IW(t){var e=typeof t;return t!=null&&(e=="object"||e=="function")}function ex(t){return t!=null&&typeof t=="object"}var _W=JG?HSe(JG):Abe;function $be(t){return Vbe(t)?Ebe(t):kbe(t)}function Kbe(){return[]}function Gbe(){return!1}QS.exports=jbe});var lB=qr((nx,nb)=>{var Wbe=200,iB="__lodash_hash_undefined__",UW=1,j_=2,HW=9007199254740991,B_="[object Arguments]",ZF="[object Array]",VW="[object Boolean]",jW="[object Date]",$W="[object Error]",KW="[object Function]",Ybe="[object GeneratorFunction]",z_="[object Map]",GW="[object Number]",tb="[object Object]",AW="[object Promise]",WW="[object RegExp]",U_="[object Set]",YW="[object String]",qbe="[object Symbol]",JF="[object WeakMap]",qW="[object ArrayBuffer]",H_="[object DataView]",Xbe="[object Float32Array]",Zbe="[object Float64Array]",Jbe="[object Int8Array]",Qbe="[object Int16Array]",eve="[object Int32Array]",tve="[object Uint8Array]",nve="[object Uint8ClampedArray]",ove="[object Uint16Array]",rve="[object Uint32Array]",ive=/[\\^$.*+?()[\]{}|]/g,sve=/^\[object .+?Constructor\]$/,ave=/^(?:0|[1-9]\d*)$/,po={};po[Xbe]=po[Zbe]=po[Jbe]=po[Qbe]=po[eve]=po[tve]=po[nve]=po[ove]=po[rve]=!0;po[B_]=po[ZF]=po[qW]=po[VW]=po[H_]=po[jW]=po[$W]=po[KW]=po[z_]=po[GW]=po[tb]=po[WW]=po[U_]=po[YW]=po[JF]=!1;var XW=typeof global=="object"&&global&&global.Object===Object&&global,lve=typeof self=="object"&&self&&self.Object===Object&&self,Uf=XW||lve||Function("return this")(),ZW=typeof nx=="object"&&nx&&!nx.nodeType&&nx,kW=ZW&&typeof nb=="object"&&nb&&!nb.nodeType&&nb,cve=kW&&kW.exports===ZW,RW=cve&&XW.process,DW=(function(){try{return RW&&RW.binding("util")}catch{}})(),OW=DW&&DW.isTypedArray;function uve(t,e){for(var n=-1,o=t?t.length:0;++n<o;)if(e(t[n],n,t))return!0;return!1}function dve(t,e){for(var n=-1,o=Array(t);++n<t;)o[n]=e(n);return o}function pve(t){return function(e){return t(e)}}function fve(t,e){return t?.[e]}function QF(t){var e=!1;if(t!=null&&typeof t.toString!="function")try{e=!!(t+"")}catch{}return e}function hve(t){var e=-1,n=Array(t.size);return t.forEach(function(o,r){n[++e]=[r,o]}),n}function mve(t,e){return function(n){return t(e(n))}}function gve(t){var e=-1,n=Array(t.size);return t.forEach(function(o){n[++e]=o}),n}var yve=Array.prototype,Sve=Function.prototype,$_=Object.prototype,qF=Uf["__core-js_shared__"],LW=(function(){var t=/[^.]+$/.exec(qF&&qF.keys&&qF.keys.IE_PROTO||"");return t?"Symbol(src)_1."+t:""})(),JW=Sve.toString,Cd=$_.hasOwnProperty,ix=$_.toString,bve=RegExp("^"+JW.call(Cd).replace(ive,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),NW=Uf.Symbol,FW=Uf.Uint8Array,vve=$_.propertyIsEnumerable,wve=yve.splice,xve=mve(Object.keys,Object),eB=ob(Uf,"DataView"),ox=ob(Uf,"Map"),tB=ob(Uf,"Promise"),nB=ob(Uf,"Set"),oB=ob(Uf,"WeakMap"),rx=ob(Object,"create"),Tve=Gm(eB),Cve=Gm(ox),Pve=Gm(tB),Eve=Gm(nB),Ive=Gm(oB),BW=NW?NW.prototype:void 0,XF=BW?BW.valueOf:void 0;function $m(t){var e=-1,n=t?t.length:0;for(this.clear();++e<n;){var o=t[e];this.set(o[0],o[1])}}function _ve(){this.__data__=rx?rx(null):{}}function Mve(t){return this.has(t)&&delete this.__data__[t]}function Ave(t){var e=this.__data__;if(rx){var n=e[t];return n===iB?void 0:n}return Cd.call(e,t)?e[t]:void 0}function kve(t){var e=this.__data__;return rx?e[t]!==void 0:Cd.call(e,t)}function Rve(t,e){var n=this.__data__;return n[t]=rx&&e===void 0?iB:e,this}$m.prototype.clear=_ve;$m.prototype.delete=Mve;$m.prototype.get=Ave;$m.prototype.has=kve;$m.prototype.set=Rve;function Pd(t){var e=-1,n=t?t.length:0;for(this.clear();++e<n;){var o=t[e];this.set(o[0],o[1])}}function Dve(){this.__data__=[]}function Ove(t){var e=this.__data__,n=K_(e,t);if(n<0)return!1;var o=e.length-1;return n==o?e.pop():wve.call(e,n,1),!0}function Lve(t){var e=this.__data__,n=K_(e,t);return n<0?void 0:e[n][1]}function Nve(t){return K_(this.__data__,t)>-1}function Fve(t,e){var n=this.__data__,o=K_(n,t);return o<0?n.push([t,e]):n[o][1]=e,this}Pd.prototype.clear=Dve;Pd.prototype.delete=Ove;Pd.prototype.get=Lve;Pd.prototype.has=Nve;Pd.prototype.set=Fve;function Km(t){var e=-1,n=t?t.length:0;for(this.clear();++e<n;){var o=t[e];this.set(o[0],o[1])}}function Bve(){this.__data__={hash:new $m,map:new(ox||Pd),string:new $m}}function zve(t){return G_(this,t).delete(t)}function Uve(t){return G_(this,t).get(t)}function Hve(t){return G_(this,t).has(t)}function Vve(t,e){return G_(this,t).set(t,e),this}Km.prototype.clear=Bve;Km.prototype.delete=zve;Km.prototype.get=Uve;Km.prototype.has=Hve;Km.prototype.set=Vve;function V_(t){var e=-1,n=t?t.length:0;for(this.__data__=new Km;++e<n;)this.add(t[e])}function jve(t){return this.__data__.set(t,iB),this}function $ve(t){return this.__data__.has(t)}V_.prototype.add=V_.prototype.push=jve;V_.prototype.has=$ve;function zf(t){this.__data__=new Pd(t)}function Kve(){this.__data__=new Pd}function Gve(t){return this.__data__.delete(t)}function Wve(t){return this.__data__.get(t)}function Yve(t){return this.__data__.has(t)}function qve(t,e){var n=this.__data__;if(n instanceof Pd){var o=n.__data__;if(!ox||o.length<Wbe-1)return o.push([t,e]),this;n=this.__data__=new Km(o)}return n.set(t,e),this}zf.prototype.clear=Kve;zf.prototype.delete=Gve;zf.prototype.get=Wve;zf.prototype.has=Yve;zf.prototype.set=qve;function Xve(t,e){var n=rB(t)||lwe(t)?dve(t.length,String):[],o=n.length,r=!!o;for(var i in t)(e||Cd.call(t,i))&&!(r&&(i=="length"||rwe(i,o)))&&n.push(i);return n}function K_(t,e){for(var n=t.length;n--;)if(tY(t[n][0],e))return n;return-1}function Zve(t){return ix.call(t)}function QW(t,e,n,o,r){return t===e?!0:t==null||e==null||!sB(t)&&!aB(e)?t!==t&&e!==e:Jve(t,e,QW,n,o,r)}function Jve(t,e,n,o,r,i){var s=rB(t),a=rB(e),l=ZF,c=ZF;s||(l=Bf(t),l=l==B_?tb:l),a||(c=Bf(e),c=c==B_?tb:c);var d=l==tb&&!QF(t),u=c==tb&&!QF(e),p=l==c;if(p&&!d)return i||(i=new zf),s||dwe(t)?eY(t,e,n,o,r,i):nwe(t,e,l,n,o,r,i);if(!(r&j_)){var f=d&&Cd.call(t,"__wrapped__"),h=u&&Cd.call(e,"__wrapped__");if(f||h){var g=f?t.value():t,y=h?e.value():e;return i||(i=new zf),n(g,y,o,r,i)}}return p?(i||(i=new zf),owe(t,e,n,o,r,i)):!1}function Qve(t){if(!sB(t)||swe(t))return!1;var e=oY(t)||QF(t)?bve:sve;return e.test(Gm(t))}function ewe(t){return aB(t)&&rY(t.length)&&!!po[ix.call(t)]}function twe(t){if(!awe(t))return xve(t);var e=[];for(var n in Object(t))Cd.call(t,n)&&n!="constructor"&&e.push(n);return e}function eY(t,e,n,o,r,i){var s=r&j_,a=t.length,l=e.length;if(a!=l&&!(s&&l>a))return!1;var c=i.get(t);if(c&&i.get(e))return c==e;var d=-1,u=!0,p=r&UW?new V_:void 0;for(i.set(t,e),i.set(e,t);++d<a;){var f=t[d],h=e[d];if(o)var g=s?o(h,f,d,e,t,i):o(f,h,d,t,e,i);if(g!==void 0){if(g)continue;u=!1;break}if(p){if(!uve(e,function(y,m){if(!p.has(m)&&(f===y||n(f,y,o,r,i)))return p.add(m)})){u=!1;break}}else if(!(f===h||n(f,h,o,r,i))){u=!1;break}}return i.delete(t),i.delete(e),u}function nwe(t,e,n,o,r,i,s){switch(n){case H_:if(t.byteLength!=e.byteLength||t.byteOffset!=e.byteOffset)return!1;t=t.buffer,e=e.buffer;case qW:return!(t.byteLength!=e.byteLength||!o(new FW(t),new FW(e)));case VW:case jW:case GW:return tY(+t,+e);case $W:return t.name==e.name&&t.message==e.message;case WW:case YW:return t==e+"";case z_:var a=hve;case U_:var l=i&j_;if(a||(a=gve),t.size!=e.size&&!l)return!1;var c=s.get(t);if(c)return c==e;i|=UW,s.set(t,e);var d=eY(a(t),a(e),o,r,i,s);return s.delete(t),d;case qbe:if(XF)return XF.call(t)==XF.call(e)}return!1}function owe(t,e,n,o,r,i){var s=r&j_,a=zW(t),l=a.length,c=zW(e),d=c.length;if(l!=d&&!s)return!1;for(var u=l;u--;){var p=a[u];if(!(s?p in e:Cd.call(e,p)))return!1}var f=i.get(t);if(f&&i.get(e))return f==e;var h=!0;i.set(t,e),i.set(e,t);for(var g=s;++u<l;){p=a[u];var y=t[p],m=e[p];if(o)var S=s?o(m,y,p,e,t,i):o(y,m,p,t,e,i);if(!(S===void 0?y===m||n(y,m,o,r,i):S)){h=!1;break}g||(g=p=="constructor")}if(h&&!g){var b=t.constructor,v=e.constructor;b!=v&&"constructor"in t&&"constructor"in e&&!(typeof b=="function"&&b instanceof b&&typeof v=="function"&&v instanceof v)&&(h=!1)}return i.delete(t),i.delete(e),h}function G_(t,e){var n=t.__data__;return iwe(e)?n[typeof e=="string"?"string":"hash"]:n.map}function ob(t,e){var n=fve(t,e);return Qve(n)?n:void 0}var Bf=Zve;(eB&&Bf(new eB(new ArrayBuffer(1)))!=H_||ox&&Bf(new ox)!=z_||tB&&Bf(tB.resolve())!=AW||nB&&Bf(new nB)!=U_||oB&&Bf(new oB)!=JF)&&(Bf=function(t){var e=ix.call(t),n=e==tb?t.constructor:void 0,o=n?Gm(n):void 0;if(o)switch(o){case Tve:return H_;case Cve:return z_;case Pve:return AW;case Eve:return U_;case Ive:return JF}return e});function rwe(t,e){return e=e??HW,!!e&&(typeof t=="number"||ave.test(t))&&t>-1&&t%1==0&&t<e}function iwe(t){var e=typeof t;return e=="string"||e=="number"||e=="symbol"||e=="boolean"?t!=="__proto__":t===null}function swe(t){return!!LW&&LW in t}function awe(t){var e=t&&t.constructor,n=typeof e=="function"&&e.prototype||$_;return t===n}function Gm(t){if(t!=null){try{return JW.call(t)}catch{}try{return t+""}catch{}}return""}function tY(t,e){return t===e||t!==t&&e!==e}function lwe(t){return cwe(t)&&Cd.call(t,"callee")&&(!vve.call(t,"callee")||ix.call(t)==B_)}var rB=Array.isArray;function nY(t){return t!=null&&rY(t.length)&&!oY(t)}function cwe(t){return aB(t)&&nY(t)}function uwe(t,e,n){n=typeof n=="function"?n:void 0;var o=n?n(t,e):void 0;return o===void 0?QW(t,e,n):!!o}function oY(t){var e=sB(t)?ix.call(t):"";return e==KW||e==Ybe}function rY(t){return typeof t=="number"&&t>-1&&t%1==0&&t<=HW}function sB(t){var e=typeof t;return!!t&&(e=="object"||e=="function")}function aB(t){return!!t&&typeof t=="object"}var dwe=OW?pve(OW):ewe;function zW(t){return nY(t)?Xve(t):twe(t)}nb.exports=uwe});var cY=qr((v4e,lY)=>{var aY="Expected a function",iY=NaN,pwe="[object Symbol]",fwe=/^\s+|\s+$/g,hwe=/^[-+]0x[0-9a-f]+$/i,mwe=/^0b[01]+$/i,gwe=/^0o[0-7]+$/i,ywe=parseInt,Swe=typeof global=="object"&&global&&global.Object===Object&&global,bwe=typeof self=="object"&&self&&self.Object===Object&&self,vwe=Swe||bwe||Function("return this")(),wwe=Object.prototype,xwe=wwe.toString,Twe=Math.max,Cwe=Math.min,cB=function(){return vwe.Date.now()};function Pwe(t,e,n){var o,r,i,s,a,l,c=0,d=!1,u=!1,p=!0;if(typeof t!="function")throw new TypeError(aY);e=sY(e)||0,W_(n)&&(d=!!n.leading,u="maxWait"in n,i=u?Twe(sY(n.maxWait)||0,e):i,p="trailing"in n?!!n.trailing:p);function f(x){var C=o,P=r;return o=r=void 0,c=x,s=t.apply(P,C),s}function h(x){return c=x,a=setTimeout(m,e),d?f(x):s}function g(x){var C=x-l,P=x-c,M=e-C;return u?Cwe(M,i-P):M}function y(x){var C=x-l,P=x-c;return l===void 0||C>=e||C<0||u&&P>=i}function m(){var x=cB();if(y(x))return S(x);a=setTimeout(m,g(x))}function S(x){return a=void 0,p&&o?f(x):(o=r=void 0,s)}function b(){a!==void 0&&clearTimeout(a),c=0,o=l=r=a=void 0}function v(){return a===void 0?s:S(cB())}function w(){var x=cB(),C=y(x);if(o=arguments,r=this,l=x,C){if(a===void 0)return h(l);if(u)return a=setTimeout(m,e),f(l)}return a===void 0&&(a=setTimeout(m,e)),s}return w.cancel=b,w.flush=v,w}function Ewe(t,e,n){var o=!0,r=!0;if(typeof t!="function")throw new TypeError(aY);return W_(n)&&(o="leading"in n?!!n.leading:o,r="trailing"in n?!!n.trailing:r),Pwe(t,e,{leading:o,maxWait:e,trailing:r})}function W_(t){var e=typeof t;return!!t&&(e=="object"||e=="function")}function Iwe(t){return!!t&&typeof t=="object"}function _we(t){return typeof t=="symbol"||Iwe(t)&&xwe.call(t)==pwe}function sY(t){if(typeof t=="number")return t;if(_we(t))return iY;if(W_(t)){var e=typeof t.valueOf=="function"?t.valueOf():t;t=W_(e)?e+"":e}if(typeof t!="string")return t===0?t:+t;t=t.replace(fwe,"");var n=mwe.test(t);return n||gwe.test(t)?ywe(t.slice(2),n?2:8):hwe.test(t)?iY:+t}lY.exports=Ewe});var gY=qr((w4e,mY)=>{var Mwe=200,pB="__lodash_hash_undefined__",Awe=1/0,kwe="[object Function]",Rwe="[object GeneratorFunction]",Dwe=/[\\^$.*+?()[\]{}|]/g,Owe=/^\[object .+?Constructor\]$/,Lwe=typeof global=="object"&&global&&global.Object===Object&&global,Nwe=typeof self=="object"&&self&&self.Object===Object&&self,fB=Lwe||Nwe||Function("return this")();function Fwe(t,e){var n=t?t.length:0;return!!n&&Uwe(t,e,0)>-1}function Bwe(t,e,n){for(var o=-1,r=t?t.length:0;++o<r;)if(n(e,t[o]))return!0;return!1}function zwe(t,e,n,o){for(var r=t.length,i=n+(o?1:-1);o?i--:++i<r;)if(e(t[i],i,t))return i;return-1}function Uwe(t,e,n){if(e!==e)return zwe(t,Hwe,n);for(var o=n-1,r=t.length;++o<r;)if(t[o]===e)return o;return-1}function Hwe(t){return t!==t}function Vwe(t,e){return t.has(e)}function jwe(t,e){return t?.[e]}function $we(t){var e=!1;if(t!=null&&typeof t.toString!="function")try{e=!!(t+"")}catch{}return e}function dY(t){var e=-1,n=Array(t.size);return t.forEach(function(o){n[++e]=o}),n}var Kwe=Array.prototype,Gwe=Function.prototype,pY=Object.prototype,uB=fB["__core-js_shared__"],uY=(function(){var t=/[^.]+$/.exec(uB&&uB.keys&&uB.keys.IE_PROTO||"");return t?"Symbol(src)_1."+t:""})(),fY=Gwe.toString,hB=pY.hasOwnProperty,Wwe=pY.toString,Ywe=RegExp("^"+fY.call(hB).replace(Dwe,"\\$&").replace(/hasOwnProperty|(function).*?(?=\\\()| for .+?(?=\\\])/g,"$1.*?")+"$"),qwe=Kwe.splice,Xwe=mB(fB,"Map"),dB=mB(fB,"Set"),sx=mB(Object,"create");function Wm(t){var e=-1,n=t?t.length:0;for(this.clear();++e<n;){var o=t[e];this.set(o[0],o[1])}}function Zwe(){this.__data__=sx?sx(null):{}}function Jwe(t){return this.has(t)&&delete this.__data__[t]}function Qwe(t){var e=this.__data__;if(sx){var n=e[t];return n===pB?void 0:n}return hB.call(e,t)?e[t]:void 0}function e0e(t){var e=this.__data__;return sx?e[t]!==void 0:hB.call(e,t)}function t0e(t,e){var n=this.__data__;return n[t]=sx&&e===void 0?pB:e,this}Wm.prototype.clear=Zwe;Wm.prototype.delete=Jwe;Wm.prototype.get=Qwe;Wm.prototype.has=e0e;Wm.prototype.set=t0e;function rb(t){var e=-1,n=t?t.length:0;for(this.clear();++e<n;){var o=t[e];this.set(o[0],o[1])}}function n0e(){this.__data__=[]}function o0e(t){var e=this.__data__,n=q_(e,t);if(n<0)return!1;var o=e.length-1;return n==o?e.pop():qwe.call(e,n,1),!0}function r0e(t){var e=this.__data__,n=q_(e,t);return n<0?void 0:e[n][1]}function i0e(t){return q_(this.__data__,t)>-1}function s0e(t,e){var n=this.__data__,o=q_(n,t);return o<0?n.push([t,e]):n[o][1]=e,this}rb.prototype.clear=n0e;rb.prototype.delete=o0e;rb.prototype.get=r0e;rb.prototype.has=i0e;rb.prototype.set=s0e;function ib(t){var e=-1,n=t?t.length:0;for(this.clear();++e<n;){var o=t[e];this.set(o[0],o[1])}}function a0e(){this.__data__={hash:new Wm,map:new(Xwe||rb),string:new Wm}}function l0e(t){return X_(this,t).delete(t)}function c0e(t){return X_(this,t).get(t)}function u0e(t){return X_(this,t).has(t)}function d0e(t,e){return X_(this,t).set(t,e),this}ib.prototype.clear=a0e;ib.prototype.delete=l0e;ib.prototype.get=c0e;ib.prototype.has=u0e;ib.prototype.set=d0e;function Y_(t){var e=-1,n=t?t.length:0;for(this.__data__=new ib;++e<n;)this.add(t[e])}function p0e(t){return this.__data__.set(t,pB),this}function f0e(t){return this.__data__.has(t)}Y_.prototype.add=Y_.prototype.push=p0e;Y_.prototype.has=f0e;function q_(t,e){for(var n=t.length;n--;)if(w0e(t[n][0],e))return n;return-1}function h0e(t){if(!hY(t)||S0e(t))return!1;var e=x0e(t)||$we(t)?Ywe:Owe;return e.test(b0e(t))}function m0e(t,e,n){var o=-1,r=Fwe,i=t.length,s=!0,a=[],l=a;if(n)s=!1,r=Bwe;else if(i>=Mwe){var c=e?null:g0e(t);if(c)return dY(c);s=!1,r=Vwe,l=new Y_}else l=e?[]:a;e:for(;++o<i;){var d=t[o],u=e?e(d):d;if(d=n||d!==0?d:0,s&&u===u){for(var p=l.length;p--;)if(l[p]===u)continue e;e&&l.push(u),a.push(d)}else r(l,u,n)||(l!==a&&l.push(u),a.push(d))}return a}var g0e=dB&&1/dY(new dB([,-0]))[1]==Awe?function(t){return new dB(t)}:T0e;function X_(t,e){var n=t.__data__;return y0e(e)?n[typeof e=="string"?"string":"hash"]:n.map}function mB(t,e){var n=jwe(t,e);return h0e(n)?n:void 0}function y0e(t){var e=typeof t;return e=="string"||e=="number"||e=="symbol"||e=="boolean"?t!=="__proto__":t===null}function S0e(t){return!!uY&&uY in t}function b0e(t){if(t!=null){try{return fY.call(t)}catch{}try{return t+""}catch{}}return""}function v0e(t){return t&&t.length?m0e(t):[]}function w0e(t,e){return t===e||t!==t&&e!==e}function x0e(t){var e=hY(t)?Wwe.call(t):"";return e==kwe||e==Rwe}function hY(t){var e=typeof t;return!!t&&(e=="object"||e=="function")}function T0e(){}mY.exports=v0e});var xX=qr(TM=>{"use strict";var ETe=Symbol.for("react.transitional.element"),ITe=Symbol.for("react.fragment");function wX(t,e,n){var o=null;if(n!==void 0&&(o=""+n),e.key!==void 0&&(o=""+e.key),"key"in e){n={};for(var r in e)r!=="key"&&(n[r]=e[r])}else n=e;return e=n.ref,{$$typeof:ETe,type:t,key:o,ref:e!==void 0?e:null,props:n}}TM.Fragment=ITe;TM.jsx=wX;TM.jsxs=wX});var j=qr((LWe,TX)=>{"use strict";TX.exports=xX()});var Jt=qr((FWe,CM)=>{(function(){"use strict";var t={}.hasOwnProperty;function e(){for(var r="",i=0;i<arguments.length;i++){var s=arguments[i];s&&(r=o(r,n(s)))}return r}function n(r){if(typeof r=="string"||typeof r=="number")return r;if(typeof r!="object")return"";if(Array.isArray(r))return e.apply(null,r);if(r.toString!==Object.prototype.toString&&!r.toString.toString().includes("[native code]"))return r.toString();var i="";for(var s in r)t.call(r,s)&&r[s]&&(i=o(i,s));return i}function o(r,i){return i?r?r+" "+i:r+i:r}typeof CM<"u"&&CM.exports?(e.default=e,CM.exports=e):typeof define=="function"&&typeof define.amd=="object"&&define.amd?define("classnames",[],function(){return e}):window.classNames=e})()});var l3=qr((eZe,a3)=>{"use strict";var SCe=Object.prototype.hasOwnProperty,Ss="~";function KT(){}Object.create&&(KT.prototype=Object.create(null),new KT().__proto__||(Ss=!1));function bCe(t,e,n){this.fn=t,this.context=e,this.once=n||!1}function EZ(t,e,n,o,r){if(typeof n!="function")throw new TypeError("The listener must be a function");var i=new bCe(n,o||t,r),s=Ss?Ss+e:e;return t._events[s]?t._events[s].fn?t._events[s]=[t._events[s],i]:t._events[s].push(i):(t._events[s]=i,t._eventsCount++),t}function GM(t,e){--t._eventsCount===0?t._events=new KT:delete t._events[e]}function qi(){this._events=new KT,this._eventsCount=0}qi.prototype.eventNames=function(){var e=[],n,o;if(this._eventsCount===0)return e;for(o in n=this._events)SCe.call(n,o)&&e.push(Ss?o.slice(1):o);return Object.getOwnPropertySymbols?e.concat(Object.getOwnPropertySymbols(n)):e};qi.prototype.listeners=function(e){var n=Ss?Ss+e:e,o=this._events[n];if(!o)return[];if(o.fn)return[o.fn];for(var r=0,i=o.length,s=new Array(i);r<i;r++)s[r]=o[r].fn;return s};qi.prototype.listenerCount=function(e){var n=Ss?Ss+e:e,o=this._events[n];return o?o.fn?1:o.length:0};qi.prototype.emit=function(e,n,o,r,i,s){var a=Ss?Ss+e:e;if(!this._events[a])return!1;var l=this._events[a],c=arguments.length,d,u;if(l.fn){switch(l.once&&this.removeListener(e,l.fn,void 0,!0),c){case 1:return l.fn.call(l.context),!0;case 2:return l.fn.call(l.context,n),!0;case 3:return l.fn.call(l.context,n,o),!0;case 4:return l.fn.call(l.context,n,o,r),!0;case 5:return l.fn.call(l.context,n,o,r,i),!0;case 6:return l.fn.call(l.context,n,o,r,i,s),!0}for(u=1,d=new Array(c-1);u<c;u++)d[u-1]=arguments[u];l.fn.apply(l.context,d)}else{var p=l.length,f;for(u=0;u<p;u++)switch(l[u].once&&this.removeListener(e,l[u].fn,void 0,!0),c){case 1:l[u].fn.call(l[u].context);break;case 2:l[u].fn.call(l[u].context,n);break;case 3:l[u].fn.call(l[u].context,n,o);break;case 4:l[u].fn.call(l[u].context,n,o,r);break;default:if(!d)for(f=1,d=new Array(c-1);f<c;f++)d[f-1]=arguments[f];l[u].fn.apply(l[u].context,d)}}return!0};qi.prototype.on=function(e,n,o){return EZ(this,e,n,o,!1)};qi.prototype.once=function(e,n,o){return EZ(this,e,n,o,!0)};qi.prototype.removeListener=function(e,n,o,r){var i=Ss?Ss+e:e;if(!this._events[i])return this;if(!n)return GM(this,i),this;var s=this._events[i];if(s.fn)s.fn===n&&(!r||s.once)&&(!o||s.context===o)&&GM(this,i);else{for(var a=0,l=[],c=s.length;a<c;a++)(s[a].fn!==n||r&&!s[a].once||o&&s[a].context!==o)&&l.push(s[a]);l.length?this._events[i]=l.length===1?l[0]:l:GM(this,i)}return this};qi.prototype.removeAllListeners=function(e){var n;return e?(n=Ss?Ss+e:e,this._events[n]&&GM(this,n)):(this._events=new KT,this._eventsCount=0),this};qi.prototype.off=qi.prototype.removeListener;qi.prototype.addListener=qi.prototype.on;qi.prefixed=Ss;qi.EventEmitter=qi;typeof a3<"u"&&(a3.exports=qi)});var SJ=qr(($3,K3)=>{(function(t,e){typeof $3=="object"&&typeof K3<"u"?K3.exports=e():typeof define=="function"&&define.amd?define(e):(t=t||self).RBush=e()})($3,function(){"use strict";function t(y,m,S,b,v){(function w(x,C,P,M,E){for(;M>P;){if(M-P>600){var I=M-P+1,R=C-P+1,D=Math.log(I),N=.5*Math.exp(2*D/3),B=.5*Math.sqrt(D*N*(I-N)/I)*(R-I/2<0?-1:1),F=Math.max(P,Math.floor(C-R*N/I+B)),k=Math.min(M,Math.floor(C+(I-R)*N/I+B));w(x,C,F,k,E)}var L=x[C],U=P,V=M;for(e(x,P,C),E(x[M],L)>0&&e(x,P,M);U<V;){for(e(x,U,V),U++,V--;E(x[U],L)<0;)U++;for(;E(x[V],L)>0;)V--}E(x[P],L)===0?e(x,P,V):e(x,++V,M),V<=C&&(P=V+1),C<=V&&(M=V-1)}})(y,m,S||0,b||y.length-1,v||n)}function e(y,m,S){var b=y[m];y[m]=y[S],y[S]=b}function n(y,m){return y<m?-1:y>m?1:0}var o=function(y){y===void 0&&(y=9),this._maxEntries=Math.max(4,y),this._minEntries=Math.max(2,Math.ceil(.4*this._maxEntries)),this.clear()};function r(y,m,S){if(!S)return m.indexOf(y);for(var b=0;b<m.length;b++)if(S(y,m[b]))return b;return-1}function i(y,m){s(y,0,y.children.length,m,y)}function s(y,m,S,b,v){v||(v=h(null)),v.minX=1/0,v.minY=1/0,v.maxX=-1/0,v.maxY=-1/0;for(var w=m;w<S;w++){var x=y.children[w];a(v,y.leaf?b(x):x)}return v}function a(y,m){return y.minX=Math.min(y.minX,m.minX),y.minY=Math.min(y.minY,m.minY),y.maxX=Math.max(y.maxX,m.maxX),y.maxY=Math.max(y.maxY,m.maxY),y}function l(y,m){return y.minX-m.minX}function c(y,m){return y.minY-m.minY}function d(y){return(y.maxX-y.minX)*(y.maxY-y.minY)}function u(y){return y.maxX-y.minX+(y.maxY-y.minY)}function p(y,m){return y.minX<=m.minX&&y.minY<=m.minY&&m.maxX<=y.maxX&&m.maxY<=y.maxY}function f(y,m){return m.minX<=y.maxX&&m.minY<=y.maxY&&m.maxX>=y.minX&&m.maxY>=y.minY}function h(y){return{children:y,height:1,leaf:!0,minX:1/0,minY:1/0,maxX:-1/0,maxY:-1/0}}function g(y,m,S,b,v){for(var w=[m,S];w.length;)if(!((S=w.pop())-(m=w.pop())<=b)){var x=m+Math.ceil((S-m)/b/2)*b;t(y,x,m,S,v),w.push(m,x,x,S)}}return o.prototype.all=function(){return this._all(this.data,[])},o.prototype.search=function(y){var m=this.data,S=[];if(!f(y,m))return S;for(var b=this.toBBox,v=[];m;){for(var w=0;w<m.children.length;w++){var x=m.children[w],C=m.leaf?b(x):x;f(y,C)&&(m.leaf?S.push(x):p(y,C)?this._all(x,S):v.push(x))}m=v.pop()}return S},o.prototype.collides=function(y){var m=this.data;if(!f(y,m))return!1;for(var S=[];m;){for(var b=0;b<m.children.length;b++){var v=m.children[b],w=m.leaf?this.toBBox(v):v;if(f(y,w)){if(m.leaf||p(y,w))return!0;S.push(v)}}m=S.pop()}return!1},o.prototype.load=function(y){if(!y||!y.length)return this;if(y.length<this._minEntries){for(var m=0;m<y.length;m++)this.insert(y[m]);return this}var S=this._build(y.slice(),0,y.length-1,0);if(this.data.children.length)if(this.data.height===S.height)this._splitRoot(this.data,S);else{if(this.data.height<S.height){var b=this.data;this.data=S,S=b}this._insert(S,this.data.height-S.height-1,!0)}else this.data=S;return this},o.prototype.insert=function(y){return y&&this._insert(y,this.data.height-1),this},o.prototype.clear=function(){return this.data=h([]),this},o.prototype.remove=function(y,m){if(!y)return this;for(var S,b,v,w=this.data,x=this.toBBox(y),C=[],P=[];w||C.length;){if(w||(w=C.pop(),b=C[C.length-1],S=P.pop(),v=!0),w.leaf){var M=r(y,w.children,m);if(M!==-1)return w.children.splice(M,1),C.push(w),this._condense(C),this}v||w.leaf||!p(w,x)?b?(S++,w=b.children[S],v=!1):w=null:(C.push(w),P.push(S),S=0,b=w,w=w.children[0])}return this},o.prototype.toBBox=function(y){return y},o.prototype.compareMinX=function(y,m){return y.minX-m.minX},o.prototype.compareMinY=function(y,m){return y.minY-m.minY},o.prototype.toJSON=function(){return this.data},o.prototype.fromJSON=function(y){return this.data=y,this},o.prototype._all=function(y,m){for(var S=[];y;)y.leaf?m.push.apply(m,y.children):S.push.apply(S,y.children),y=S.pop();return m},o.prototype._build=function(y,m,S,b){var v,w=S-m+1,x=this._maxEntries;if(w<=x)return i(v=h(y.slice(m,S+1)),this.toBBox),v;b||(b=Math.ceil(Math.log(w)/Math.log(x)),x=Math.ceil(w/Math.pow(x,b-1))),(v=h([])).leaf=!1,v.height=b;var C=Math.ceil(w/x),P=C*Math.ceil(Math.sqrt(x));g(y,m,S,P,this.compareMinX);for(var M=m;M<=S;M+=P){var E=Math.min(M+P-1,S);g(y,M,E,C,this.compareMinY);for(var I=M;I<=E;I+=C){var R=Math.min(I+C-1,E);v.children.push(this._build(y,I,R,b-1))}}return i(v,this.toBBox),v},o.prototype._chooseSubtree=function(y,m,S,b){for(;b.push(m),!m.leaf&&b.length-1!==S;){for(var v=1/0,w=1/0,x=void 0,C=0;C<m.children.length;C++){var P=m.children[C],M=d(P),E=(I=y,R=P,(Math.max(R.maxX,I.maxX)-Math.min(R.minX,I.minX))*(Math.max(R.maxY,I.maxY)-Math.min(R.minY,I.minY))-M);E<w?(w=E,v=M<v?M:v,x=P):E===w&&M<v&&(v=M,x=P)}m=x||m.children[0]}var I,R;return m},o.prototype._insert=function(y,m,S){var b=S?y:this.toBBox(y),v=[],w=this._chooseSubtree(b,this.data,m,v);for(w.children.push(y),a(w,b);m>=0&&v[m].children.length>this._maxEntries;)this._split(v,m),m--;this._adjustParentBBoxes(b,v,m)},o.prototype._split=function(y,m){var S=y[m],b=S.children.length,v=this._minEntries;this._chooseSplitAxis(S,v,b);var w=this._chooseSplitIndex(S,v,b),x=h(S.children.splice(w,S.children.length-w));x.height=S.height,x.leaf=S.leaf,i(S,this.toBBox),i(x,this.toBBox),m?y[m-1].children.push(x):this._splitRoot(S,x)},o.prototype._splitRoot=function(y,m){this.data=h([y,m]),this.data.height=y.height+1,this.data.leaf=!1,i(this.data,this.toBBox)},o.prototype._chooseSplitIndex=function(y,m,S){for(var b,v,w,x,C,P,M,E=1/0,I=1/0,R=m;R<=S-m;R++){var D=s(y,0,R,this.toBBox),N=s(y,R,S,this.toBBox),B=(v=D,w=N,x=void 0,C=void 0,P=void 0,M=void 0,x=Math.max(v.minX,w.minX),C=Math.max(v.minY,w.minY),P=Math.min(v.maxX,w.maxX),M=Math.min(v.maxY,w.maxY),Math.max(0,P-x)*Math.max(0,M-C)),F=d(D)+d(N);B<E?(E=B,b=R,I=F<I?F:I):B===E&&F<I&&(I=F,b=R)}return b||S-m},o.prototype._chooseSplitAxis=function(y,m,S){var b=y.leaf?this.compareMinX:l,v=y.leaf?this.compareMinY:c;this._allDistMargin(y,m,S,b)<this._allDistMargin(y,m,S,v)&&y.children.sort(b)},o.prototype._allDistMargin=function(y,m,S,b){y.children.sort(b);for(var v=this.toBBox,w=s(y,0,m,v),x=s(y,S-m,S,v),C=u(w)+u(x),P=m;P<S-m;P++){var M=y.children[P];a(w,y.leaf?v(M):M),C+=u(w)}for(var E=S-m-1;E>=m;E--){var I=y.children[E];a(x,y.leaf?v(I):I),C+=u(x)}return C},o.prototype._adjustParentBBoxes=function(y,m,S){for(var b=S;b>=0;b--)a(m[b],y)},o.prototype._condense=function(y){for(var m=y.length-1,S=void 0;m>=0;m--)y[m].children.length===0?m>0?(S=y[m-1].children).splice(S.indexOf(y[m]),1):this.clear():i(y[m],this.toBBox)},o})});var G4={};il(G4,{sanitizeSvg:()=>vre});function ARe(t){return t.replace(/\\([0-9a-fA-F]{1,6})\s?|\\([^\n])/g,(e,n,o)=>{if(n){let r=parseInt(n,16);return r>1114111||r===0?"\uFFFD":String.fromCodePoint(r)}return o})}function mR(t){let e=ARe(t);return e=e.replace(/@import\s+(?:url\s*\([^)]*\)|"[^"]*"|'[^']*')[^;]*;?|@import\b[^;]*;?/gi,""),e=e.replace(/expression\s*\([^)]*\)/gi,""),e=e.replace(/-moz-binding\s*:[^;]*/gi,""),e=e.replace(/behavior\s*:[^;]*/gi,""),e=e.replace(/url\s*\(\s*(['"]?)(.*?)\1\s*\)/gis,(n,o,r)=>{let i=r.replace(Rv,"");return kRe.test(i)||K4.test(i)?n:""}),e}function RRe(t){return mR(t)}function LRe(t){let e=t.getAttribute("attributeName");return e?ORe.test(e.replace(Rv,"")):!1}function FRe(t){let e=t.search(/;base64,/i);if(e>=0){let o=t.slice(e+8),r=Uint8Array.from(atob(o),i=>i.charCodeAt(0));return new TextDecoder().decode(r)}let n=t.indexOf(",");return n<0?null:decodeURIComponent(t.slice(n+1))}function BRe(t){let e=new TextEncoder().encode(t),n=Array.from(e,o=>String.fromCharCode(o)).join("");return"data:image/svg+xml;base64,"+btoa(n)}function zRe(t,e){if(e>=hre)return console.warn(`Embedded SVG data URI recursion depth limit (${hre}) reached`),null;let n;try{let r=FRe(t);if(r===null)return null;n=r}catch{return null}let o=bre(n,e+1);return o?BRe(o):null}function URe(t,e,n,o){let r=n.replace(Rv,""),i=t.tagName.toLowerCase();return i==="image"||i==="feimage"?_Re.test(r)?n:MRe.test(r)?zRe(r,o):null:i==="use"?K4.test(r)?n:null:i==="a"?yre.test(r)?n:null:IRe.test(r)||K4.test(r)?n:null}function fR(t,e){for(let n=t.attributes.length-1;n>=0;n--){let o=t.attributes[n],r=o.name.toLowerCase(),i=r.replace(Rv,"");if(Sre.test(i)){t.removeAttribute(o.name);continue}if(!(mre.test(r)||gre.test(r))){if(!PRe.has(r)){t.removeAttribute(o.name);continue}if(r==="href"||r==="xlink:href"){let s=URe(t,r,o.value,e);s===null?t.removeAttribute(o.name):s!==o.value&&(o.value=s);continue}if(r==="style"){o.value=mR(o.value);continue}NRe.has(r)&&/url\s*\(/i.test(o.value)&&(o.value=mR(o.value))}}}function HRe(t){let e=t.tagName.toLowerCase();for(let n=t.attributes.length-1;n>=0;n--){let o=t.attributes[n],r=o.name.toLowerCase(),i=r.replace(Rv,"");if(Sre.test(i)){t.removeAttribute(o.name);continue}if(!(mre.test(r)||gre.test(r))){if(!ERe.has(r)){t.removeAttribute(o.name);continue}if(r==="href"){if(e!=="a"){t.removeAttribute(o.name);continue}let s=o.value.replace(Rv,"");yre.test(s)||t.removeAttribute(o.name);continue}r==="style"&&(o.value=mR(o.value))}}}function hR(t,e,n){for(let o=t.children.length-1;o>=0;o--){let r=t.children[o],i=r.tagName.toLowerCase();e==="svg"?i==="foreignobject"?(fR(r,n),hR(r,"html",n)):i==="style"?(fR(r,n),r.textContent&&(r.textContent=RRe(r.textContent))):DRe.has(i)&&LRe(r)?r.remove():xRe.has(i)?(fR(r,n),hR(r,"svg",n)):r.remove():CRe.has(i)?r.remove():TRe.has(i)?(HRe(r),hR(r,"html",n)):r.remove()}}function bre(t,e){let n=new DOMParser().parseFromString(t,"image/svg+xml");if(n.querySelector("parsererror"))return"";let r=n.documentElement;return r.tagName.toLowerCase()!=="svg"||(fR(r,e),hR(r,"svg",e),r.children.length===0)?"":new XMLSerializer().serializeToString(r)}function vre(t){return bre(t,0)}var xRe,TRe,CRe,PRe,ERe,mre,gre,Rv,yre,IRe,_Re,MRe,K4,kRe,DRe,ORe,Sre,NRe,hre,gR=wme(()=>{xRe=new Set(["svg","a","altglyph","altglyphdef","altglyphitem","animate","animatecolor","animatemotion","animatetransform","circle","clippath","defs","desc","ellipse","feblend","fecolormatrix","fecomponenttransfer","fecomposite","feconvolvematrix","fediffuselighting","fedisplacementmap","fedistantlight","fedropshadow","feflood","fefunca","fefuncb","fefuncg","fefuncr","fegaussianblur","feimage","femerge","femergenode","femorphology","feoffset","fepointlight","fespecularlighting","fespotlight","fetile","feturbulence","filter","font","foreignobject","g","glyph","glyphref","hkern","image","line","lineargradient","marker","mask","metadata","mpath","path","pattern","polygon","polyline","radialgradient","rect","set","stop","style","switch","symbol","text","textpath","title","tref","tspan","use","view","vkern"]),TRe=new Set(["a","b","blockquote","body","br","code","del","div","em","h1","h2","h3","h4","h5","h6","i","li","mark","ol","p","pre","span","strong","s","sub","sup","table","tbody","td","th","thead","tr","u","ul"]),CRe=new Set(["script","iframe","object","embed","form","input","textarea","select","button","link","meta","base","img","video","audio","source","picture","svg"]),PRe=new Set(["accent-height","accumulate","additive","alignment-baseline","amplitude","ascent","attributename","attributetype","azimuth","basefrequency","baseline-shift","begin","bias","by","class","clip","clip-path","clip-rule","clippathunits","color","color-interpolation","color-interpolation-filters","color-profile","color-rendering","cx","cy","d","diffuseconstant","direction","display","divisor","dominant-baseline","dur","dx","dy","edgemode","elevation","end","exponent","fill","fill-opacity","fill-rule","filter","filterunits","flood-color","flood-opacity","font-family","font-size","font-size-adjust","font-stretch","font-style","font-variant","font-weight","from","fx","fy","g1","g2","glyph-name","glyphref","gradienttransform","gradientunits","height","href","id","image-rendering","in","in2","intercept","k","k1","k2","k3","k4","kerning","kernelmatrix","kernelunitlength","keypoints","keysplines","keytimes","lang","lengthadjust","letter-spacing","lighting-color","local","marker-end","marker-mid","marker-start","markerheight","markerunits","markerwidth","mask","mask-type","maskcontentunits","maskunits","max","media","method","min","mode","name","numoctaves","offset","opacity","operator","order","orient","orientation","origin","overflow","paint-order","path","pathlength","patterncontentunits","patterntransform","patternunits","pointer-events","points","preservealpha","preserveaspectratio","primitiveunits","r","radius","refx","refy","repeatcount","repeatdur","requiredfeatures","restart","result","role","rotate","rx","ry","scale","seed","shape-rendering","slope","specularconstant","specularexponent","spreadmethod","startoffset","stddeviation","stitchtiles","stop-color","stop-opacity","stroke","stroke-dasharray","stroke-dashoffset","stroke-linecap","stroke-linejoin","stroke-miterlimit","stroke-opacity","stroke-width","style","surfacescale","systemlanguage","tabindex","tablevalues","targetx","targety","text-anchor","text-decoration","text-rendering","textlength","to","transform","transform-origin","type","u1","u2","unicode","values","version","vert-adv-y","vert-origin-x","vert-origin-y","viewbox","visibility","width","word-spacing","wrap","writing-mode","x","x1","x2","xchannelselector","xlink:href","xml:id","xml:space","xlink:title","xmlns","xmlns:xlink","y","y1","y2","z","zoomandpan"]),ERe=new Set(["class","dir","href","id","lang","role","style","tabindex","title"]),mre=/^data-/,gre=/^aria-/,Rv=/[\u0000-\u0020\u00A0\u1680\u180E\u2000-\u2029\u205F\u3000]/g,yre=/^(?:https?:|mailto:)/i,IRe=/^data:/i,_Re=/^data:image\/(?:png|jpeg|jpg|gif|webp|avif|bmp|tiff|x-icon|vnd\.microsoft\.icon)[;,]/i,MRe=/^data:image\/svg\+xml[;,]/i,K4=/^#/;kRe=/^data:(?:image\/(?:png|jpeg|jpg|gif|webp|avif)|font\/(?:woff2?|opentype|truetype|sfnt)|application\/(?:x-font-woff|font-woff2?|x-font-ttf|x-font-opentype|font-sfnt))[;,]/i;DRe=new Set(["animate","set","animatecolor","animatetransform"]),ORe=/^(?:href|xlink:href|on)/i;Sre=/^on/i,NRe=new Set(["clip-path","cursor","fill","filter","marker-end","marker-mid","marker-start","mask","stroke"]),hre=10});var Eue=qr((l0t,N2)=>{var cV=(function(){var t=String.fromCharCode,e="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",n="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+-$",o={};function r(s,a){if(!o[s]){o[s]={};for(var l=0;l<s.length;l++)o[s][s.charAt(l)]=l}return o[s][a]}var i={compressToBase64:function(s){if(s==null)return"";var a=i._compress(s,6,function(l){return e.charAt(l)});switch(a.length%4){default:case 0:return a;case 1:return a+"===";case 2:return a+"==";case 3:return a+"="}},decompressFromBase64:function(s){return s==null?"":s==""?null:i._decompress(s.length,32,function(a){return r(e,s.charAt(a))})},compressToUTF16:function(s){return s==null?"":i._compress(s,15,function(a){return t(a+32)})+" "},decompressFromUTF16:function(s){return s==null?"":s==""?null:i._decompress(s.length,16384,function(a){return s.charCodeAt(a)-32})},compressToUint8Array:function(s){for(var a=i.compress(s),l=new Uint8Array(a.length*2),c=0,d=a.length;c<d;c++){var u=a.charCodeAt(c);l[c*2]=u>>>8,l[c*2+1]=u%256}return l},decompressFromUint8Array:function(s){if(s==null)return i.decompress(s);for(var a=new Array(s.length/2),l=0,c=a.length;l<c;l++)a[l]=s[l*2]*256+s[l*2+1];var d=[];return a.forEach(function(u){d.push(t(u))}),i.decompress(d.join(""))},compressToEncodedURIComponent:function(s){return s==null?"":i._compress(s,6,function(a){return n.charAt(a)})},decompressFromEncodedURIComponent:function(s){return s==null?"":s==""?null:(s=s.replace(/ /g,"+"),i._decompress(s.length,32,function(a){return r(n,s.charAt(a))}))},compress:function(s){return i._compress(s,16,function(a){return t(a)})},_compress:function(s,a,l){if(s==null)return"";var c,d,u={},p={},f="",h="",g="",y=2,m=3,S=2,b=[],v=0,w=0,x;for(x=0;x<s.length;x+=1)if(f=s.charAt(x),Object.prototype.hasOwnProperty.call(u,f)||(u[f]=m++,p[f]=!0),h=g+f,Object.prototype.hasOwnProperty.call(u,h))g=h;else{if(Object.prototype.hasOwnProperty.call(p,g)){if(g.charCodeAt(0)<256){for(c=0;c<S;c++)v=v<<1,w==a-1?(w=0,b.push(l(v)),v=0):w++;for(d=g.charCodeAt(0),c=0;c<8;c++)v=v<<1|d&1,w==a-1?(w=0,b.push(l(v)),v=0):w++,d=d>>1}else{for(d=1,c=0;c<S;c++)v=v<<1|d,w==a-1?(w=0,b.push(l(v)),v=0):w++,d=0;for(d=g.charCodeAt(0),c=0;c<16;c++)v=v<<1|d&1,w==a-1?(w=0,b.push(l(v)),v=0):w++,d=d>>1}y--,y==0&&(y=Math.pow(2,S),S++),delete p[g]}else for(d=u[g],c=0;c<S;c++)v=v<<1|d&1,w==a-1?(w=0,b.push(l(v)),v=0):w++,d=d>>1;y--,y==0&&(y=Math.pow(2,S),S++),u[h]=m++,g=String(f)}if(g!==""){if(Object.prototype.hasOwnProperty.call(p,g)){if(g.charCodeAt(0)<256){for(c=0;c<S;c++)v=v<<1,w==a-1?(w=0,b.push(l(v)),v=0):w++;for(d=g.charCodeAt(0),c=0;c<8;c++)v=v<<1|d&1,w==a-1?(w=0,b.push(l(v)),v=0):w++,d=d>>1}else{for(d=1,c=0;c<S;c++)v=v<<1|d,w==a-1?(w=0,b.push(l(v)),v=0):w++,d=0;for(d=g.charCodeAt(0),c=0;c<16;c++)v=v<<1|d&1,w==a-1?(w=0,b.push(l(v)),v=0):w++,d=d>>1}y--,y==0&&(y=Math.pow(2,S),S++),delete p[g]}else for(d=u[g],c=0;c<S;c++)v=v<<1|d&1,w==a-1?(w=0,b.push(l(v)),v=0):w++,d=d>>1;y--,y==0&&(y=Math.pow(2,S),S++)}for(d=2,c=0;c<S;c++)v=v<<1|d&1,w==a-1?(w=0,b.push(l(v)),v=0):w++,d=d>>1;for(;;)if(v=v<<1,w==a-1){b.push(l(v));break}else w++;return b.join("")},decompress:function(s){return s==null?"":s==""?null:i._decompress(s.length,32768,function(a){return s.charCodeAt(a)})},_decompress:function(s,a,l){var c=[],d,u=4,p=4,f=3,h="",g=[],y,m,S,b,v,w,x,C={val:l(0),position:a,index:1};for(y=0;y<3;y+=1)c[y]=y;for(S=0,v=Math.pow(2,2),w=1;w!=v;)b=C.val&C.position,C.position>>=1,C.position==0&&(C.position=a,C.val=l(C.index++)),S|=(b>0?1:0)*w,w<<=1;switch(d=S){case 0:for(S=0,v=Math.pow(2,8),w=1;w!=v;)b=C.val&C.position,C.position>>=1,C.position==0&&(C.position=a,C.val=l(C.index++)),S|=(b>0?1:0)*w,w<<=1;x=t(S);break;case 1:for(S=0,v=Math.pow(2,16),w=1;w!=v;)b=C.val&C.position,C.position>>=1,C.position==0&&(C.position=a,C.val=l(C.index++)),S|=(b>0?1:0)*w,w<<=1;x=t(S);break;case 2:return""}for(c[3]=x,m=x,g.push(x);;){if(C.index>s)return"";for(S=0,v=Math.pow(2,f),w=1;w!=v;)b=C.val&C.position,C.position>>=1,C.position==0&&(C.position=a,C.val=l(C.index++)),S|=(b>0?1:0)*w,w<<=1;switch(x=S){case 0:for(S=0,v=Math.pow(2,8),w=1;w!=v;)b=C.val&C.position,C.position>>=1,C.position==0&&(C.position=a,C.val=l(C.index++)),S|=(b>0?1:0)*w,w<<=1;c[p++]=t(S),x=p-1,u--;break;case 1:for(S=0,v=Math.pow(2,16),w=1;w!=v;)b=C.val&C.position,C.position>>=1,C.position==0&&(C.position=a,C.val=l(C.index++)),S|=(b>0?1:0)*w,w<<=1;c[p++]=t(S),x=p-1,u--;break;case 2:return g.join("")}if(u==0&&(u=Math.pow(2,f),f++),c[x])h=c[x];else if(x===p)h=m+m.charAt(0);else return null;g.push(h),c[p++]=m+h.charAt(0),u--,m=h,u==0&&(u=Math.pow(2,f),f++)}}};return i})();typeof define=="function"&&define.amd?define(function(){return cV}):typeof N2<"u"&&N2!=null?N2.exports=cV:typeof angular<"u"&&angular!=null&&angular.module("LZString",[]).factory("LZString",function(){return cV})});var hme=_(H(),1),mme=_(LF(),1);var NF="__TLDRAW_LIBRARY_VERSIONS__";function hSe(){if(globalThis[NF])return globalThis[NF];let t={versions:[],didWarn:!1,scheduledNotice:null};return Object.defineProperty(globalThis,NF,{value:t,writable:!1,configurable:!1,enumerable:!1}),t}function wi(t,e,n){if(!t||!e||!n)throw new Error("Missing name/version/module system in built version of tldraw library");let o=hSe();if(!(gSe()&&o.versions.some(i=>i.name===t&&i.version===e&&i.modules===n))&&(o.versions.push({name:t,version:e,modules:n}),!o.scheduledNotice))try{o.scheduledNotice=setTimeout(()=>{o.scheduledNotice=null,WG(o)},100)}catch{WG(o)}}function WG(t){if(!t.versions.length||t.didWarn)return;let e=t.versions.sort((a,l)=>YG(a.version,l.version)),n=e[e.length-1].version,o=new Set,r=new Map;for(let a of e){if(r.has(a.name)){o.delete(a.name),FF(r,a.name,new Set).add(a.version);continue}a.version===n?o.add(a.name):(o.delete(a.name),FF(r,a.name,new Set).add(a.version))}if(r.size>0){let a=[`${wd("[tldraw]",["bold","bgRed","textWhite"])} ${wd("You have multiple versions of tldraw libraries installed. This can lead to bugs and unexpected behavior.",["textRed","bold"])}`,"",`The latest version you have installed is ${wd(`v${n}`,["bold","textBlue"])}. The following libraries are on the latest version:`,...Array.from(o,l=>`  \u2022 \u2705 ${wd(l,["bold"])}`),"","The following libraries are not on the latest version, or have multiple versions installed:",...Array.from(r,([l,c])=>{let d=Array.from(c).sort(YG).map(u=>wd(`v${u}`,u===n?["textGreen"]:["textRed"]));return`  \u2022 \u274C ${wd(l,["bold"])} (${d.join(", ")})`})];console.log(a.join(`
+`)),t.didWarn=!0;return}let i=new Map;for(let a of e)FF(i,a.name,{version:a.version,modules:[]}).modules.push(a.modules);let s=new Map;for(let[a,l]of i)l.modules.length>1&&s.set(a,l);if(s.size>0){let a=[`${wd("[tldraw]",["bold","bgRed","textWhite"])} ${wd("You have multiple instances of some tldraw libraries active. This can lead to bugs and unexpected behavior. ",["textRed","bold"])}`,"","This usually means that your bundler is misconfigured, and is importing the same library multiple times - usually once as an ES Module, and once as a CommonJS module.","","The following libraries have been imported multiple times:",...Array.from(s,([l,c])=>{let d=c.modules.map((u,p)=>u==="esm"?`      ${p+1}. ES Modules`:`      ${p+1}. CommonJS`).join(`
+`);return`  \u2022 \u274C ${wd(l,["bold"])} v${c.version}: 
+${d}`}),"","You should configure your bundler to only import one version of each library."];console.log(a.join(`
+`)),t.didWarn=!0;return}}function YG(t,e){let n=t.match(/^(\d+)\.(\d+)\.(\d+)(?:-(\w+))?$/),o=e.match(/^(\d+)\.(\d+)\.(\d+)(?:-(\w+))?$/);return!n||!o?t.localeCompare(e):n[1]!==o[1]?Number(n[1])-Number(o[1]):n[2]!==o[2]?Number(n[2])-Number(o[2]):n[3]!==o[3]?Number(n[3])-Number(o[3]):n[4]&&o[4]?n[4].localeCompare(o[4]):n[4]?1:o[4]?-1:0}var mSe={bold:"1",textBlue:"94",textRed:"31",textGreen:"32",bgRed:"41",textWhite:"97"};function wd(t,e=[]){return`\x1B[${e.map(n=>mSe[n]).join(";")}m${t}\x1B[m`}function gSe(){try{return!1}catch{return!1}}function FF(t,e,n){return t.has(e)?t.get(e):(t.set(e,n),n)}var Ho=_(MW(),1),H0e=_(lB(),1),yx=_(cY(),1),IB=_(gY(),1);function ax(t,e){let n=[];e:for(let o of t){for(let r of n)if(e?e(o,r):o===r)continue e;n.push(o)}return n}function we(t){return t.filter(e=>e!=null)}function Do(t){return t[t.length-1]}function lx(t,e){let n,o=1/0;for(let r of t){let i=e(r);i<o&&(n=r,o=i)}return n}function gB(t,e){let n,o=-1/0;for(let r of t){let i=e(r);i>o&&(n=r,o=i)}return n}function Hf(t,e){if(t===e)return!0;if(t.length!==e.length)return!1;for(let n=0;n<t.length;n++)if(!Object.is(t[n],e[n]))return!1;return!0}function nu(t,e,n){let o=new Set(e.map(i=>i[t])),r=[];for(let i of n)o.has(i[t])||r.push(i);for(let i of e)r.push(i);return r}function Z_(t){let e=(...n)=>{try{return t(...n)}catch(o){throw o instanceof Error&&Error.captureStackTrace&&Error.captureStackTrace(o,e),o}};return e}function nc(){}var Rr={ok(t){return{ok:!0,value:t}},err(t){return{ok:!1,error:t}},all(t){return t.every(e=>e.ok)?Rr.ok(t.map(e=>e.value)):Rr.err(t.find(e=>!e.ok)?.error)}};function Ve(t,e){let n=e&&t&&typeof t=="object"&&e in t?t[e]:t;throw new Error(`Unknown switch case ${n}`)}var ne=Z_((t,e)=>{if(!t)throw new Error(e||"Assertion Error")}),Dn=Z_((t,e)=>{if(t==null)throw new Error(e??"value must be defined");return t});function Ym(){let t,e,n=new Promise((o,r)=>{t=o,e=r});return Object.assign(n,{resolve:t,reject:e})}function Vf(t){return new Promise(e=>setTimeout(e,t))}function Yt(...t){if(t.length===2){let[e,n]=t;n.addInitializer(function(){ne(Reflect.isExtensible(this),"Cannot bind to a non-extensible class.");let r=e.bind(this),i=Reflect.defineProperty(this,n.name,{value:r,writable:!0,configurable:!0});ne(i,"Cannot bind a non-configurable class method.")})}else{let[e,n,o]=t;if(!o||typeof o.value!="function")throw new TypeError(`Only methods can be decorated with @bind. <${n}> is not a method!`);return{configurable:!0,get(){let r=o.value.bind(this);return Object.defineProperty(this,n,{value:r,configurable:!0,writable:!0}),r}}}}var Ot=class{items=new WeakMap;get(e,n){return this.items.has(e)||this.items.set(e,n(e)),this.items.get(e)}};function Ed(t,e){let n,o=(...r)=>(n||(n={},n.promise=new Promise((i,s)=>{n.resolve=i,n.reject=s})),clearTimeout(n.timeout),n.latestArgs=r,n.timeout=setTimeout(()=>{let i=n;n=void 0;try{i.resolve(t(...i.latestArgs))}catch(s){i.reject(s)}},e),n.promise);return o.cancel=()=>{if(!n)return;clearTimeout(n.timeout);let r=n;n=void 0,r.promise.catch(nc),r.reject(new Error("Debounced function was cancelled"))},o}var yY=new WeakMap;function qm(t,e){if(typeof t!="object"||t===null)return;let n=yY.get(t);n||(n={tags:{},extras:{}},yY.set(t,n)),e.tags&&(n.tags={...n.tags,...e.tags}),e.extras&&(n.extras={...n.extras,...e.extras})}async function tr(t,e){return window.fetch(t,{referrerPolicy:"strict-origin-when-cross-origin",...e})}function oc(t,e){let n=new window.Image(t,e);return n.referrerPolicy="strict-origin-when-cross-origin",n}var Zn=class t{static async urlToArrayBuffer(e){return await(await tr(e)).arrayBuffer()}static async urlToBlob(e){return await(await tr(e)).blob()}static async urlToDataUrl(e){if(e.startsWith("data:"))return e;let n=await t.urlToBlob(e);return await t.blobToDataUrl(n)}static async blobToDataUrl(e){return await new Promise((n,o)=>{if(e){let r=new FileReader;r.onload=()=>n(r.result),r.onerror=i=>o(i),r.onabort=i=>o(i),r.readAsDataURL(e)}})}static async blobToText(e){return await new Promise((n,o)=>{if(e){let r=new FileReader;r.onload=()=>n(r.result),r.onerror=i=>o(i),r.onabort=i=>o(i),r.readAsText(e)}})}static rewriteMimeType(e,n){return e.type===n?e:e instanceof File?new File([e],e.name,{type:n}):new Blob([e],{type:n})}};function Xm(t){let e=0;for(let n=0;n<t.length;n++)e=(e<<5)-e+t.charCodeAt(n),e|=0;return e+""}function J_(t){let e=new DataView(t),n=0;for(let o=0;o<e.byteLength;o++)n=(n<<5)-n+e.getUint8(o),n|=0;return n+""}var SY=globalThis.crypto,C0e="useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict",P0e=128,Zm,sb;function E0e(t){!Zm||Zm.length<t?(Zm=new Uint8Array(t*P0e),SY.getRandomValues(Zm),sb=0):sb+t>Zm.length&&(SY.getRandomValues(Zm),sb=0),sb+=t}function I0e(t=21){E0e(t-=0);let e="";for(let n=sb-t;n<sb;n++)e+=C0e[Zm[n]&63];return e}var _0e=I0e;function Ne(t){return _0e(t)}var Jm=class{constructor(e){this.maxSize=e}maxSize;map=new Map;get(e){if(!this.map.has(e))return;let n=this.map.get(e);return this.map.delete(e),this.map.set(e,n),n}set(e,n){this.map.has(e)&&this.map.delete(e),this.map.set(e,n),this.map.size>this.maxSize&&this.map.delete(this.map.keys().next().value)}has(e){return this.map.has(e)}get size(){return this.map.size}};function bY(t){let e=new Uint8Array(t);if(!e||!(typeof Buffer<"u"&&Buffer.isBuffer(e)||e instanceof Uint8Array)||e.length<16||!(e[0]===137&&e[1]===80&&e[2]===78&&e[3]===71&&e[4]===13&&e[5]===10&&e[6]===26&&e[7]===10))return!1;function o(i,s,a,l,c=1024){if(!s)return-1;s=new RegExp(s,"g");let d=s.source.length,u=new TextDecoder,p=i.length;if(typeof l>"u"&&(l=p),a>=p||l<=0||a>=l)return-1;i=i.subarray(a,l);let f=-1,h=0,g=0,y="";e:for(;h<i.length;){let m=h+c,S=i.subarray(h,m),b=u.decode(S,{stream:!0}),v=y+b,w,x=-1;for(;(w=s.exec(v))!==null;){x=w.index-y.length,f=g+x;break e}h=m,g+=b.length;let C=x>-1?x+d:b.length-d;y=b.slice(C)}return f>=0&&(f+=a>=0?a:p+a),f}let r=o(e,"IDAT",12);return r>=12?o(e,"acTL",8,r)>=8:!1}function vY(t){return new Uint8Array(t)[3]===44}function wY(t,e){let n=0;for(;t[e+n];)n+=t[e+n]+1;return n+1}function M0e(t){return new TextDecoder("ascii").decode(t.slice(0,3))==="GIF"}function xY(t){let e=new Uint8Array(t),n,o,r=0,i=0;if(!M0e(t))return!1;for(n=e[10]&128,o=e[10]&7,r+=6,r+=7,r+=n?3*Math.pow(2,o+1):0;i<2&&r<e.length;)switch(e[r]){case 44:i+=1,n=e[r+9]&128,o=e[r+9]&7,r+=10,r+=n?3*Math.pow(2,o+1):0,r+=wY(e,r+1)+1;break;case 33:r+=2,r+=wY(e,r);break;case 59:r=e.length;break;default:r=e.length;break}return i>1}var yB=[0,1996959894,3993919788,2567524794,124634137,1886057615,3915621685,2657392035,249268274,2044508324,3772115230,2547177864,162941995,2125561021,3887607047,2428444049,498536548,1789927666,4089016648,2227061214,450548861,1843258603,4107580753,2211677639,325883990,1684777152,4251122042,2321926636,335633487,1661365465,4195302755,2366115317,997073096,1281953886,3579855332,2724688242,1006888145,1258607687,3524101629,2768942443,901097722,1119000684,3686517206,2898065728,853044451,1172266101,3705015759,2882616665,651767980,1373503546,3369554304,3218104598,565507253,1454621731,3485111705,3099436303,671266974,1594198024,3322730930,2970347812,795835527,1483230225,3244367275,3060149565,1994146192,31158534,2563907772,4023717930,1907459465,112637215,2680153253,3904427059,2013776290,251722036,2517215374,3775830040,2137656763,141376813,2439277719,3865271297,1802195444,476864866,2238001368,4066508878,1812370925,453092731,2181625025,4111451223,1706088902,314042704,2344532202,4240017532,1658658271,366619977,2362670323,4224994405,1303535960,984961486,2747007092,3569037538,1256170817,1037604311,2765210733,3554079995,1131014506,879679996,2909243462,3663771856,1141124467,855842277,2852801631,3708648649,1342533948,654459306,3188396048,3373015174,1466479909,544179635,3110523913,3462522015,1591671054,702138776,2966460450,3352799412,1504918807,783551873,3082640443,3233442989,3988292384,2596254646,62317068,1957810842,3939845945,2647816111,81470997,1943803523,3814918930,2489596804,225274430,2053790376,3826175755,2466906013,167816743,2097651377,4027552580,2265490386,503444072,1762050814,4150417245,2154129355,426522225,1852507879,4275313526,2312317920,282753626,1742555852,4189708143,2394877945,397917763,1622183637,3604390888,2714866558,953729732,1340076626,3518719985,2797360999,1068828381,1219638859,3624741850,2936675148,906185462,1090812512,3747672003,2825379669,829329135,1181335161,3412177804,3160834842,628085408,1382605366,3423369109,3138078467,570562233,1426400815,3317316542,2998733608,733239954,1555261956,3268935591,3050360625,752459403,1541320221,2607071920,3965973030,1969922972,40735498,2617837225,3943577151,1913087877,83908371,2512341634,3803740692,2075208622,213261112,2463272603,3855990285,2094854071,198958881,2262029012,4057260610,1759359992,534414190,2176718541,4139329115,1873836001,414664567,2282248934,4279200368,1711684554,285281116,2405801727,4167216745,1634467795,376229701,2685067896,3608007406,1308918612,956543938,2808555105,3495958263,1231636301,1047427035,2932959818,3654703836,1088359270,936918e3,2847714899,3736837829,1202900863,817233897,3183342108,3401237130,1404277552,615818150,3134207493,3453421203,1423857449,601450431,3009837614,3294710456,1567103746,711928724,3020668471,3272380065,1510334235,755167117];typeof Int32Array<"u"&&(yB=new Int32Array(yB));var A0e=(t,e)=>{let n=e===0?0:~~e^-1;for(let o=0;o<t.length;o++)n=yB[(n^t[o])&255]^n>>>8;return n^-1},TY=4,CY=4,Id=class t{static isPng(e,n){return e.getUint8(n+0)===137&&e.getUint8(n+1)===80&&e.getUint8(n+2)===78&&e.getUint8(n+3)===71&&e.getUint8(n+4)===13&&e.getUint8(n+5)===10&&e.getUint8(n+6)===26&&e.getUint8(n+7)===10}static getChunkType(e,n){return[String.fromCharCode(e.getUint8(n)),String.fromCharCode(e.getUint8(n+1)),String.fromCharCode(e.getUint8(n+2)),String.fromCharCode(e.getUint8(n+3))].join("")}static readChunks(e,n=0){let o={};if(!t.isPng(e,n))throw new Error("Not a PNG");for(n+=8;n<=e.buffer.byteLength;){let r=n,i=e.getInt32(n);n+=4;let s=t.getChunkType(e,n);if(s==="IDAT"&&o[s]){n+=i+TY+CY;continue}if(s==="IEND")break;o[s]={start:r,dataOffset:n+4,size:i},n+=i+TY+CY}return o}static parsePhys(e,n){return{ppux:e.getUint32(n),ppuy:e.getUint32(n+4),unit:e.getUint8(n+8)}}static findChunk(e,n){return t.readChunks(e)[n]}static setPhysChunk(e,n=1,o){let r=46,i=0,s=t.findChunk(e,"pHYs");s&&(r=s.start,i=s.size);let a=t.findChunk(e,"IDAT");a&&(r=a.start,i=0);let l=new ArrayBuffer(21),c=new DataView(l);c.setUint32(0,9),c.setUint8(4,112),c.setUint8(5,72),c.setUint8(6,89),c.setUint8(7,115);let d=2835.5;c.setInt32(8,d*n),c.setInt32(12,d*n),c.setInt8(16,1);let u=new Uint8Array(l.slice(4,17));c.setInt32(17,A0e(u));let p=e.buffer.slice(0,r),f=e.buffer.slice(r+i);return new Blob([p,l,f],o)}};function k0e(t){return!t||t.length<12?!1:t[8]===87&&t[9]===69&&t[10]===66&&t[11]===80}function PY(t){let e=new Uint8Array(t);return!k0e(e)||!e||e.length<21?!1:(e[20]>>1&1)===1}var EY=Object.freeze(["image/svg+xml"]),IY=Object.freeze(["image/jpeg","image/png","image/webp"]),_Y=Object.freeze(["image/gif","image/apng","image/avif"]),Qm=Object.freeze([...IY,...EY,..._Y]),ab=Object.freeze(["video/mp4","video/webm","video/quicktime"]),MY=Object.freeze([...Qm,...ab]),R0e=MY.join(","),xi=class t{static loadVideo(e,n){return new Promise((o,r)=>{let i=(n??document).createElement("video");i.onloadeddata=()=>o(i),i.onerror=s=>{console.error(s),r(new Error("Could not load video"))},i.crossOrigin="anonymous",i.src=e})}static async getVideoFrameAsDataUrl(e,n=0){let o=Ym(),r=!1,i=()=>{if(!r)if(e.readyState>=e.HAVE_METADATA)r=!0,e.currentTime=n;else return;if(e.readyState>=e.HAVE_CURRENT_DATA){let a=(e.ownerDocument??document).createElement("canvas");a.width=e.videoWidth,a.height=e.videoHeight;let l=a.getContext("2d");if(!l)throw new Error("Could not get 2d context");l.drawImage(e,0,0),o.resolve(a.toDataURL())}},s=a=>{console.error(a),o.reject(new Error("Could not get video frame"))};e.addEventListener("loadedmetadata",i),e.addEventListener("loadeddata",i),e.addEventListener("canplay",i),e.addEventListener("seeked",i),e.addEventListener("error",s),e.addEventListener("stalled",s),i();try{return await o}finally{e.removeEventListener("loadedmetadata",i),e.removeEventListener("loadeddata",i),e.removeEventListener("canplay",i),e.removeEventListener("seeked",i),e.removeEventListener("error",s),e.removeEventListener("stalled",s)}}static getImageAndDimensions(e,n){return new Promise((o,r)=>{let i=oc();i.onload=()=>{let s;if(i.naturalWidth)s={w:i.naturalWidth,h:i.naturalHeight};else{let a=(n??document).body;a.appendChild(i),s={w:i.clientWidth,h:i.clientHeight},a.removeChild(i)}o({...s,image:i})},i.onerror=s=>{console.error(s),r(new Error("Could not load image"))},i.crossOrigin="anonymous",i.referrerPolicy="strict-origin-when-cross-origin",i.style.visibility="hidden",i.style.position="absolute",i.style.opacity="0",i.style.zIndex="-9999",i.src=e})}static async getVideoSize(e,n){return t.usingObjectURL(e,async o=>{let r=await t.loadVideo(o,n);return{w:r.videoWidth,h:r.videoHeight}})}static async getImageSize(e,n){let{w:o,h:r}=await t.usingObjectURL(e,i=>t.getImageAndDimensions(i,n));try{if(e.type==="image/png"){let i=new DataView(await e.arrayBuffer());if(Id.isPng(i,0)){let s=Id.findChunk(i,"pHYs");if(s){let a=Id.parsePhys(i,s.dataOffset);if(a.unit===1&&a.ppux===a.ppuy){let l=Math.round(a.ppux*.0254),c=l/96,d=l/72,u=1;if(Number.isInteger(c)&&c>1?u=c:Number.isInteger(d)&&d>1&&(u=d),u>1)return{w:Math.ceil(o/u),h:Math.ceil(r/u),pixelRatio:u}}}}}}catch(i){return console.error(i),{w:o,h:r,pixelRatio:1}}return{w:o,h:r,pixelRatio:1}}static async isAnimated(e){return e.type==="image/gif"?xY(await e.arrayBuffer()):e.type==="image/avif"?vY(await e.arrayBuffer()):e.type==="image/webp"?PY(await e.arrayBuffer()):e.type==="image/apng"?bY(await e.arrayBuffer()):!1}static isAnimatedImageType(e){return _Y.includes(e||"")}static isStaticImageType(e){return IY.includes(e||"")}static isVectorImageType(e){return EY.includes(e||"")}static isImageType(e){return Qm.includes(e||"")}static async usingObjectURL(e,n){let o=URL.createObjectURL(e);try{return await n(o)}finally{URL.revokeObjectURL(o)}}};function Me(t,e,n){return t+(e-t)*n}function ou(t,e,n){return(n-t)/(e-t)}function ka(t=""){let e=0,n=0,o=0,r=0;function i(){let s=e^e<<11;return e=n,n=o,o=r,r^=(r>>>19^s^s>>>8)>>>0,r/4294967296*2}for(let s=0;s<t.length+64;s++)e^=t.charCodeAt(s)|0,i();return i}function Qr(t,e,n,o=!1){let[r,i]=e,[s,a]=n,l=s+(t-r)/(i-r)*(a-s);return o?s<a?Math.max(Math.min(l,a),s):Math.max(Math.min(l,s),a):l}var AY=_(lB(),1);function Cn(t,e){return Object.prototype.hasOwnProperty.call(t,e)}function qt(t,e){if(Cn(t,e))return t[e]}function eg(t){return Object.keys(t)}function Vt(t){return Object.values(t)}function Dr(t){return Object.entries(t)}function cx(t){return Object.fromEntries(t)}function _d(t,e){let n={},o=!1;for(let r in t){if(!Object.prototype.hasOwnProperty.call(t,r))continue;let i=t[r];e(r,i)?n[r]=i:o=!0}return o?n:t}function ei(t,e){let n={};for(let o in t)Object.prototype.hasOwnProperty.call(t,o)&&(n[o]=e(o,t[o]));return n}function ux(t,e){if(t===e)return!0;let n=Object.keys(t);if(n.length!==Object.keys(e).length)return!1;for(let o of n)if(!Cn(e,o)||!Object.is(t[o],e[o]))return!1;return!0}function SB(t,e){let n=[];for(let o in t)Object.is(t[o],e[o])||n.push(o);return n}function bB(t,e,n=1e-6){return(0,AY.default)(t,e,(o,r)=>{if(typeof o=="number"&&typeof r=="number")return Math.abs(o-r)<n})}var lb={Good:"#40C057",Mid:"#FFC078",Poor:"#E03131"},kY=lb.Good;var tg=class{startTime=0;name="";frames=0;started=!1;frame=null;recordFrame=()=>{this.frames++,this.started&&(this.frame=requestAnimationFrame(this.recordFrame))};start(e){this.name=e,this.frames=0,this.started=!0,this.frame!==null&&cancelAnimationFrame(this.frame),this.frame=requestAnimationFrame(this.recordFrame),this.startTime=performance.now()}stop(){this.started=!1,this.frame!==null&&cancelAnimationFrame(this.frame);let e=(performance.now()-this.startTime)/1e3,n=e===0?0:Math.floor(this.frames/e),o=n>55?lb.Good:n>30?lb.Mid:lb.Poor,r=o===lb.Mid?"black":"white",i=this.name[0].toUpperCase()+this.name.slice(1);console.debug(`%cPerf%c ${i} %c${n}%c fps`,`color: white; background: ${kY};padding: 2px;border-radius: 3px;`,"font-weight: normal",`font-weight: bold; padding: 2px; background: ${o};color: ${r};`,"font-weight: normal")}isStarted(){return this.started}};var Md="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",Ad=Md[0],vB=Md[Md.length-1],DY="A"+Ad.repeat(26),D0e=16;function O0e(t){if(t>="a"&&t<="z")return t.charCodeAt(0)-97+2;if(t>="A"&&t<="Z")return 90-t.charCodeAt(0)+2;throw new Error("invalid order key head: "+t)}function dx(t){let e=O0e(t[0]);if(e>t.length)throw new Error("invalid order key: "+t);return t.slice(0,e)}function Q_(t){let e=t.charCodeAt(0);return e<=57?e-48:e<=90?e-55:e-61}function eM(t){if(t===DY)throw new Error("invalid order key: "+t);let e=dx(t);if(t.length>e.length&&t[t.length-1]===Ad)throw new Error("invalid order key: "+t)}function cb(t,e){if(e!=null&&t>=e)throw new Error(t+" >= "+e);if(t.slice(-1)===Ad||e&&e.slice(-1)===Ad)throw new Error("trailing zero");if(e){let r=0;for(;(t[r]||Ad)===e[r];)r++;if(r>0)return e.slice(0,r)+cb(t.slice(r),e.slice(r))}let n=t?Q_(t[0]):0,o=e!=null?Q_(e[0]):Md.length;if(o-n>1){let r=Math.round(.5*(n+o));return Md[r]}return e&&e.length>1?e.slice(0,1):Md[n]+cb(t.slice(1),null)}function RY(t){let[e,...n]=t.split(""),o=!0;for(let r=n.length-1;o&&r>=0;r--){let i=Q_(n[r])+1;i===Md.length?n[r]=Ad:(n[r]=Md[i],o=!1)}if(o){if(e==="Z")return"a"+Ad;if(e==="z")return null;let r=String.fromCharCode(e.charCodeAt(0)+1);return r>"a"?n.push(Ad):n.pop(),r+n.join("")}return e+n.join("")}function L0e(t){let[e,...n]=t.split(""),o=!0;for(let r=n.length-1;o&&r>=0;r--){let i=Q_(n[r])-1;i===-1?n[r]=vB:(n[r]=Md[i],o=!1)}if(o){if(e==="a")return"Z"+vB;if(e==="A")return null;let r=String.fromCharCode(e.charCodeAt(0)-1);return r<"Z"?n.push(vB):n.pop(),r+n.join("")}return e+n.join("")}function jf(t,e){if(t!=null&&e!=null&&t>=e)throw new Error(t+" >= "+e);if(t==null){if(e==null)return"a"+Ad;let a=dx(e),l=e.slice(a.length);if(a===DY)return a+cb("",l);if(a<e)return a;let c=L0e(a);if(c==null)throw new Error("cannot decrement any more");return c}if(e==null){let a=dx(t),l=t.slice(a.length),c=RY(a);return c??a+cb(l,null)}let n=dx(t),o=t.slice(n.length),r=dx(e),i=e.slice(r.length);if(n===r)return n+cb(o,i);let s=RY(n);if(s==null)throw new Error("cannot increment any more");return s<e?s:n+cb(o,null)}function wB(t,e,n){if(n===0)return[];if(n===1)return[jf(t,e)];if(e==null){let i=jf(t,e),s=[i];for(let a=0;a<n-1;a++)i=jf(i,e),s.push(i);return s}if(t==null){let i=jf(t,e),s=[i];for(let a=0;a<n-1;a++)i=jf(t,i),s.push(i);return s.reverse(),s}let o=Math.floor(n/2),r=jf(t,e);return[...wB(t,r,o),r,...wB(r,e,n-o-1)]}function N0e(t,e){let n=jf(t,e);for(let o=0;o<D0e;o++)Math.random()<.5?t=n:e=n,n=jf(t,e);return n}function OY(t,e,n){if(n===0)return[];t!=null&&eM(t),e!=null&&eM(e);let o=wB(t,e,n+1),r=new Array(n);for(let i=0;i<n;i++)r[i]=N0e(o[i],o[i+1]);return r}var ub=OY,ng="a0";function xB(t){try{eM(t)}catch{throw new Error("invalid index: "+t)}}function rc(t,e,n){return ub(t??null,e??null,n)}function px(t,e){return ub(t??null,null,e)}function yl(t,e){return ub(t??null,e??null,1)[0]}function Sr(t=null){return ub(t,null,1)[0]}function TB(t=null){return ub(null,t,1)[0]}function ru(t,e="a1"){return[e,...ub(e,null,t)]}function Un(t,e){return t.index<e.index?-1:t.index>e.index?1:0}function tM(t,e){return t.id>e.id?1:-1}function $f(t){try{return localStorage.getItem(t)}catch{return null}}function Kf(t,e){try{localStorage.setItem(t,e)}catch{}}function CB(){try{localStorage.clear()}catch{}}function fx(t){try{return sessionStorage.getItem(t)}catch{return null}}function db(t,e){try{sessionStorage.setItem(t,e)}catch{}}function hx(t){try{sessionStorage.removeItem(t)}catch{}}function PB(){try{sessionStorage.clear()}catch{}}var LY=()=>typeof process<"u"&&!1;var NY=t=>Math.floor(1e3/t)*.9,nM=class{targetFps;targetTimePerFrame;fpsQueue=[];frameRaf;flushRaf;lastFlushTime;constructor(e=120){this.targetFps=e,this.targetTimePerFrame=NY(e),this.lastFlushTime=-this.targetTimePerFrame}updateTargetFps(e){e!==this.targetFps&&(this.targetFps=e,this.targetTimePerFrame=NY(e),this.lastFlushTime=-this.targetTimePerFrame)}flush(){let e=this.fpsQueue.splice(0,this.fpsQueue.length);for(let n of e)n()}tick(e=!1){if(this.frameRaf)return;let n=Date.now();if(n-this.lastFlushTime<this.targetTimePerFrame){this.frameRaf=requestAnimationFrame(()=>{this.frameRaf=void 0,this.tick(!0)});return}if(e){if(this.flushRaf)return;this.lastFlushTime=n,this.flush()}else{if(this.flushRaf)return;this.flushRaf=requestAnimationFrame(()=>{this.flushRaf=void 0,this.lastFlushTime=Date.now(),this.flush()})}}fpsThrottle(e){if(LY())return e.cancel=()=>{this.frameRaf&&(cancelAnimationFrame(this.frameRaf),this.frameRaf=void 0),this.flushRaf&&(cancelAnimationFrame(this.flushRaf),this.flushRaf=void 0)},e;let n=()=>{this.fpsQueue.includes(e)||(this.fpsQueue.push(e),this.tick())};return n.cancel=()=>{let o=this.fpsQueue.indexOf(e);o>-1&&this.fpsQueue.splice(o,1)},n}throttleToNextFrame(e){return LY()?(e(),()=>{}):(this.fpsQueue.includes(e)||(this.fpsQueue.push(e),this.tick()),()=>{let n=this.fpsQueue.indexOf(e);n>-1&&this.fpsQueue.splice(n,1)})}},F0e=new nM(120);function og(t){return F0e.throttleToNextFrame(t)}var mx=class{timeouts=new Map;intervals=new Map;rafs=new Map;constructor(){this.setTimeout=this.setTimeout.bind(this),this.setInterval=this.setInterval.bind(this),this.requestAnimationFrame=this.requestAnimationFrame.bind(this),this.dispose=this.dispose.bind(this)}setTimeout(e,n,o,...r){let i=window.setTimeout(n,o,r),s=this.timeouts.get(e)??[];return this.timeouts.set(e,[...s,i]),i}setInterval(e,n,o,...r){let i=window.setInterval(n,o,r),s=this.intervals.get(e)??[];return this.intervals.set(e,[...s,i]),i}requestAnimationFrame(e,n){let o=window.requestAnimationFrame(n),r=this.rafs.get(e)??[];return this.rafs.set(e,[...r,o]),o}dispose(e){this.timeouts.get(e)?.forEach(n=>clearTimeout(n)),this.intervals.get(e)?.forEach(n=>clearInterval(n)),this.rafs.get(e)?.forEach(n=>cancelAnimationFrame(n)),this.timeouts.delete(e),this.intervals.delete(e),this.rafs.delete(e)}disposeAll(){for(let e of this.timeouts.keys())this.dispose(e)}forContext(e){return{setTimeout:(n,o,...r)=>this.setTimeout(e,n,o,r),setInterval:(n,o,...r)=>this.setInterval(e,n,o,r),requestAnimationFrame:n=>this.requestAnimationFrame(e,n),dispose:()=>this.dispose(e)}}};function je(t,e){try{return new URL(t,e)}catch{return}}function EB(t){return t!==void 0}function B0e(){return typeof globalThis<"u"&&globalThis.structuredClone?[globalThis.structuredClone,!0]:typeof global<"u"&&global.structuredClone?[global.structuredClone,!0]:typeof window<"u"&&window.structuredClone?[window.structuredClone,!0]:[t=>t&&JSON.parse(JSON.stringify(t)),!1]}var FY=B0e(),yt=FY[0],z0e=FY[1],gx=Object.getPrototypeOf(yt({}));var BY=new Set;function pb(t){BY.has(t)||(BY.add(t),console.warn(`[tldraw] ${t}`))}wi("@tldraw/utils","5.2.5","esm");function zY(t){return t&&typeof t=="object"&&"parents"in t}function oM(t){for(let e=0,n=t.parents.length;e<n;e++)if(t.parents[e].__unsafe__getWithoutCapture(!0),t.parents[e].lastChangedEpoch!==t.parentEpochs[e])return!0;return!1}function fb(t,e){if(t.children.remove(e)&&t.children.isEmpty&&zY(t))for(let n=0,o=t.parents.length;n<o;n++)fb(t.parents[n],t)}function Sx(t,e){if(t.children.add(e)&&zY(t))for(let n=0,o=t.parents.length;n<o;n++)Sx(t.parents[n],t)}function rM(t,e){return t===e||Object.is(t,e)||!!(t&&e&&typeof t.equals=="function"&&t.equals(e))}function Gs(t,e){let n=Symbol.for(`com.tldraw.state/${t}`),o=globalThis;return o[n]??=e(),o[n]}var pt=Gs("empty_array",()=>Object.freeze([]));var iu=class{arraySize=0;array=Array(8);set=null;get isEmpty(){if(this.array)return this.arraySize===0;if(this.set)return this.set.size===0;throw new Error("no set or array")}add(e){if(this.array)return this.array.indexOf(e)!==-1?!1:this.arraySize<8?(this.array[this.arraySize]=e,this.arraySize++,!0):(this.set=new Set(this.array),this.array=null,this.set.add(e),!0);if(this.set)return this.set.has(e)?!1:(this.set.add(e),!0);throw new Error("no set or array")}remove(e){if(this.array){let n=this.array.indexOf(e);return n===-1?!1:(this.array[n]=void 0,this.arraySize--,n!==this.arraySize&&(this.array[n]=this.array[this.arraySize],this.array[this.arraySize]=void 0),!0)}if(this.set)return this.set.has(e)?(this.set.delete(e),!0):!1;throw new Error("no set or array")}visit(e){if(this.array){for(let n=0;n<this.arraySize;n++){let o=this.array[n];typeof o<"u"&&e(o)}return}if(this.set){this.set.forEach(e);return}throw new Error("no set or array")}*[Symbol.iterator](){if(this.array)for(let e=0;e<this.arraySize;e++){let n=this.array[e];typeof n<"u"&&(yield n)}else if(this.set)yield*this.set;else throw new Error("no set or array")}has(e){return this.array?this.array.indexOf(e)!==-1:this.set.has(e)}clear(){this.set?this.set.clear():(this.arraySize=0,this.array=[])}size(){return this.set?this.set.size:this.arraySize}};function bx(t){return!!(t&&t.__isComputed===!0)}var _B=class{constructor(e,n){this.below=e,this.child=n}below;child;offset=0;maybeRemoved},Po=Gs("capture",()=>({stack:null}));function Ti(t){let e=Po.stack;Po.stack=null;try{return t()}finally{Po.stack=e}}function iM(t){if(Po.stack=new _B(Po.stack,t),t.__debug_ancestor_epochs__){let e=t.__debug_ancestor_epochs__;t.__debug_ancestor_epochs__=null;for(let n of t.parents)n.__unsafe__getWithoutCapture(!0);V0e(t,e)}t.parentSet.clear()}function sM(){let t=Po.stack;if(Po.stack=t.below,t.offset<t.child.parents.length){for(let e=t.offset;e<t.child.parents.length;e++){let n=t.child.parents[e];t.child.parentSet.has(n)||fb(n,t.child)}t.child.parents.length=t.offset,t.child.parentEpochs.length=t.offset}if(t.maybeRemoved)for(let e=0;e<t.maybeRemoved.length;e++){let n=t.maybeRemoved[e];t.child.parentSet.has(n)||fb(n,t.child)}t.child.__debug_ancestor_epochs__&&UY(t.child,t.child.__debug_ancestor_epochs__)}function hb(t){if(Po.stack){if(Po.stack.child.parentSet.has(t))return;if(Po.stack.child.parentSet.add(t),Po.stack.child.isActivelyListening&&Sx(t,Po.stack.child),Po.stack.offset<Po.stack.child.parents.length){let n=Po.stack.child.parents[Po.stack.offset];n!==t&&(Po.stack.maybeRemoved?Po.stack.maybeRemoved.push(n):Po.stack.maybeRemoved=[n])}Po.stack.child.parents[Po.stack.offset]=t,Po.stack.child.parentEpochs[Po.stack.offset]=t.lastChangedEpoch,Po.stack.offset++}}function UY(t,e){for(let n=0;n<t.parents.length;n++){let o=t.parents[n],r=t.parentEpochs[n];e.set(o,r),bx(o)&&UY(o,e)}return e}function HY(t,e){let n={};for(let o=0;o<t.parents.length;o++){let r=t.parents[o];if(!e.has(r))continue;let i=e.get(r);r.lastChangedEpoch!==i&&(bx(r)?n[r.name]=HY(r,e):n[r.name]=null)}return n}function V0e(t,e){let n=HY(t,e);if(Object.keys(n).length===0){console.log(`Effect(${t.name}) was executed manually.`);return}let o=bx(t)?`Computed(${t.name}) is recomputing because:`:`Effect(${t.name}) is executing because:`;function r(i,s){let a=`
+`+" ".repeat(s)+"\u21B3 ";for(let[l,c]of Object.entries(i))c?(o+=`${a}Computed(${l}) changed`,r(c,s+2)):o+=`${a}Atom(${l}) changed`}r(n,1),console.log(o)}var Eo=Symbol.for("com.tldraw.state/RESET_VALUE");var mb=class{constructor(e){this.capacity=e,this.buffer=new Array(e)}capacity;index=0;buffer;pushEntry(e,n,o){if(o!==void 0){if(o===Eo){this.clear();return}this.buffer[this.index]=[e,n,o],this.index=(this.index+1)%this.capacity}}clear(){this.index=0,this.buffer.fill(void 0)}getChangesSince(e){let{index:n,capacity:o,buffer:r}=this;for(let i=0;i<o;i++){let s=(n-1+o-i)%o,a=r[s];if(!a)return Eo;let[l,c]=a;if(i===0&&e>=c)return[];if(l<=e&&e<c){let d=i+1,u=new Array(d);for(let p=0;p<d;p++)u[p]=r[(s+p)%o][2];return u}}return Eo}};var MB=class{constructor(e,n){this.parent=e,this.isSync=n}parent;isSync;asyncProcessCount=0;initialAtomValues=new Map;get isRoot(){return this.parent===null}commit(){if(yn.globalIsReacting)for(let e of this.initialAtomValues.keys())YY(e);else this.isRoot?GY(this.initialAtomValues.keys()):this.initialAtomValues.forEach((e,n)=>{this.parent.initialAtomValues.has(n)||this.parent.initialAtomValues.set(n,e)})}abort(){yn.globalEpoch++,this.initialAtomValues.forEach((e,n)=>{n.set(e),n.historyBuffer?.clear()}),this.commit()}},yn=Gs("transactions",()=>({globalEpoch:0,globalIsReacting:!1,currentTransaction:null,cleanupReactors:null,reactionEpoch:0}));function VY(){return yn.reactionEpoch}function Ci(){return yn.globalEpoch}function jY(){return yn.globalIsReacting}var AB;function $Y(t){t.lastTraversedEpoch!==yn.globalEpoch&&(t.lastTraversedEpoch=yn.globalEpoch,"__isEffectScheduler"in t?AB.add(t):t.children.visit($Y))}function KY(t,e){AB=t,$Y(e)}function GY(t){if(yn.globalIsReacting)throw new Error("flushChanges cannot be called during a reaction");let e=yn.currentTransaction;try{yn.currentTransaction=null,yn.globalIsReacting=!0,yn.reactionEpoch=yn.globalEpoch;let n=new Set;for(let r of t)r.children.visit(i=>KY(n,i));for(let r of n)r.maybeScheduleEffect();let o=0;for(;yn.cleanupReactors?.size;){if(o++>1e3)throw new Error("Reaction update depth limit exceeded");let r=yn.cleanupReactors;yn.cleanupReactors=null;for(let i of r)i.maybeScheduleEffect()}}finally{yn.cleanupReactors=null,yn.globalIsReacting=!1,yn.currentTransaction=e,AB=void 0}}function WY(t,e){yn.currentTransaction?yn.currentTransaction.initialAtomValues.has(t)||yn.currentTransaction.initialAtomValues.set(t,e):yn.globalIsReacting?YY(t):GY([t])}function YY(t){let e=yn.cleanupReactors??=new Set;t.children.visit(n=>KY(e,n))}function qY(){yn.globalEpoch++}function XY(t){let e=new MB(yn.currentTransaction,!0);yn.currentTransaction=e;try{let n,o=!1;try{n=t(()=>o=!0)}catch(r){throw e.abort(),r}if(yn.currentTransaction!==e)throw new Error("Transaction boundaries overlap");return o?e.abort():e.commit(),n}finally{yn.currentTransaction=e.parent}}function Vo(t){return yn.currentTransaction?t():XY(t)}var kB=class{constructor(e,n,o){this.name=e,this.current=n,this.isEqual=o?.isEqual??null,o&&(o.historyLength&&(this.historyBuffer=new mb(o.historyLength)),this.computeDiff=o.computeDiff)}name;current;isEqual;computeDiff;lastChangedEpoch=Ci();children=new iu;historyBuffer;__unsafe__getWithoutCapture(e){return this.current}get(){return hb(this),this.current}set(e,n){if(this.isEqual?.(this.current,e)??rM(this.current,e))return this.current;qY(),this.historyBuffer&&this.historyBuffer.pushEntry(this.lastChangedEpoch,Ci(),n??this.computeDiff?.(this.current,e,this.lastChangedEpoch,Ci())??Eo),this.lastChangedEpoch=Ci();let o=this.current;return this.current=e,WY(this,o),e}update(e){return this.set(e(this.current))}getDiffSince(e){return hb(this),e>=this.lastChangedEpoch?pt:this.historyBuffer?.getChangesSince(e)??Eo}},ZY=Gs("Atom",()=>kB);function ye(t,e,n){return new ZY(t,e,n)}var JY=!1;function QY(){JY||(JY=!0,console.warn(`Using \`@computed\` as a decorator for getters is deprecated and will be removed in the near future. Please refactor to use \`@computed\` as a decorator for methods.
+
+// Before
+@computed
+get foo() {
+	return 'foo'
+}
+
+// After
+@computed
+getFoo() {
+	return 'foo'
+}
+`))}var ti=Symbol.for("com.tldraw.state/UNINITIALIZED");function ji(t){return t===ti}var RB=Gs("WithDiff",()=>class{constructor(e,n){this.value=e,this.diff=n}value;diff});function Gf(t,e){return new RB(t,e)}var DB=class{constructor(e,n,o){this.name=e,this.derive=n,o?.historyLength&&(this.historyBuffer=new mb(o.historyLength)),this.computeDiff=o?.computeDiff,this.isEqual=o?.isEqual??rM}name;derive;__isComputed=!0;lastChangedEpoch=-1;lastTraversedEpoch=-1;__debug_ancestor_epochs__=null;lastCheckedEpoch=-1;parentSet=new iu;parents=[];parentEpochs=[];children=new iu;get isActivelyListening(){return!this.children.isEmpty}historyBuffer;state=ti;error=null;computeDiff;isEqual;__unsafe__getWithoutCapture(e){let n=this.lastChangedEpoch===-1,o=Ci();if(!n&&(this.lastCheckedEpoch===o||this.isActivelyListening&&jY()&&this.lastTraversedEpoch<VY()||!oM(this)))if(this.lastCheckedEpoch=o,this.error){if(e)return this.state;throw this.error.thrownValue}else return this.state;try{iM(this);let r=this.derive(this.state,this.lastCheckedEpoch),i=r instanceof RB?r.value:r,s=this.state===ti;if(s||!this.isEqual(this.state,i)){if(this.historyBuffer&&!s){let a=r instanceof RB?r.diff:void 0;this.historyBuffer.pushEntry(this.lastChangedEpoch,Ci(),a??this.computeDiff?.(this.state,i,this.lastCheckedEpoch,Ci())??Eo)}this.lastChangedEpoch=Ci(),this.state=i}return this.error=null,this.lastCheckedEpoch=Ci(),this.state}catch(r){if(this.state!==ti&&(this.state=ti,this.lastChangedEpoch=Ci()),this.lastCheckedEpoch=Ci(),this.historyBuffer&&this.historyBuffer.clear(),this.error={thrownValue:r},!e)throw r;return this.state}finally{sM()}}get(){try{return this.__unsafe__getWithoutCapture()}finally{hb(this)}}getDiffSince(e){return this.__unsafe__getWithoutCapture(!0),hb(this),e>=this.lastChangedEpoch?pt:this.historyBuffer?.getChangesSince(e)??Eo}},vx=Gs("Computed",()=>DB);function j0e(t={},e,n,o){let r=o.value,i=Symbol.for("__@tldraw/state__computed__"+n);return o.value=function(){let s=this[i];return s||(s=new vx(n,r.bind(this),t),Object.defineProperty(this,i,{enumerable:!1,configurable:!1,writable:!1,value:s})),s.get()},o.value[tq]=!0,o}function $0e(t={},e,n,o){let r=o.get,i=Symbol.for("__@tldraw/state__computed__"+n);return o.get=function(){let s=this[i];return s||(s=new vx(n,r.bind(this),t),Object.defineProperty(this,i,{enumerable:!1,configurable:!1,writable:!1,value:s})),s.get()},o}function K0e(t,e,n){ne(n.kind==="method","@computed can only be used on methods");let o=Symbol.for("__@tldraw/state__computed__"+String(n.name)),r=function(){let i=this[o];return i||(i=new vx(String(n.name),e.bind(this),t),Object.defineProperty(this,o,{enumerable:!1,configurable:!1,writable:!1,value:i})),i.get()};return r[tq]=!0,r}function eq(t={},e){if(e.length===2){let[n,o]=e;return K0e(t,n,o)}else{let[n,o,r]=e;return r.get?(QY(),$0e(t,n,o,r)):j0e(t,n,o,r)}}var tq="@@__isComputedMethod__@@";function $(){if(arguments.length===1){let t=arguments[0];return(...e)=>eq(t,e)}else return typeof arguments[0]=="string"?new vx(arguments[0],arguments[1],arguments[2]):eq(void 0,arguments)}var OB=class{constructor(e,n,o){this.name=e,this.runEffect=n,this._scheduleEffect=o?.scheduleEffect}name;runEffect;__isEffectScheduler=!0;_isActivelyListening=!1;get isActivelyListening(){return this._isActivelyListening}lastTraversedEpoch=-1;lastReactedEpoch=-1;_scheduleCount=0;__debug_ancestor_epochs__=null;get scheduleCount(){return this._scheduleCount}parentSet=new iu;parentEpochs=[];parents=[];_scheduleEffect;maybeScheduleEffect(){if(this._isActivelyListening&&this.lastReactedEpoch!==Ci()){if(this.parents.length&&!oM(this)){this.lastReactedEpoch=Ci();return}this.scheduleEffect()}}scheduleEffect(){this._scheduleCount++,this._scheduleEffect?this._scheduleEffect(this.maybeExecute):this.execute()}maybeExecute=()=>{this._isActivelyListening&&this.execute()};attach(){this._isActivelyListening=!0;for(let e=0,n=this.parents.length;e<n;e++)Sx(this.parents[e],this)}detach(){this._isActivelyListening=!1;for(let e=0,n=this.parents.length;e<n;e++)fb(this.parents[e],this)}execute(){try{iM(this);let e=Ci(),n=this.runEffect(this.lastReactedEpoch);return this.lastReactedEpoch=e,n}finally{sM()}}},Ra=Gs("EffectScheduler",()=>OB);function Sn(t,e,n){let o=new Ra(t,e,n);return o.attach(),o.scheduleEffect(),()=>{o.detach()}}function LB(t,e,n){let o=new Ra(t,e,n);return{scheduler:o,start:r=>{let i=r?.force??!1;o.attach(),i?o.scheduleEffect():o.maybeScheduleEffect()},stop:()=>{o.detach()}}}var nq=1,W0e=Gs("apiVersion",()=>nq);if(W0e!==nq)throw new Error("You have multiple incompatible versions of @tldraw/state in your app. Please deduplicate the package.");wi("@tldraw/state","5.2.5","esm");var xx=_(H(),1);var wx=_(H(),1);function gb(t,e,n=[]){let o=wx.default.useRef(e);o.current=e;let[r,i,s]=wx.default.useMemo(()=>{let a=null,l=u=>(a=u,()=>{a=null}),c=new Ra(`useStateTracking(${t})`,()=>o.current?.(),{scheduleEffect(){a?.()}});return[c,l,()=>c.scheduleCount]},[t,...n]);return wx.default.useSyncExternalStore(i,s,s),wx.default.useEffect(()=>(r.attach(),r.maybeScheduleEffect(),()=>{r.detach()}),[r]),r.execute()}var oq={apply(t,e,n){return gb(t.displayName??t.name??"tracked(???)",()=>t.apply(e,n))}},Y0e=Symbol.for("react.memo"),q0e=Symbol.for("react.forward_ref");function sn(t){let e=null,n=t.$$typeof;return n===Y0e&&(t=t.type,e=t.compare),n===q0e?(0,xx.memo)((0,xx.forwardRef)(new Proxy(t.render,oq))):(0,xx.memo)(new Proxy(t,oq),e)}var rq=_(H(),1);function Da(t,e,n){return(0,rq.useState)(()=>{let o=typeof e=="function"?e():e;return ye(`useAtom(${t})`,o,n)})[0]}var iq=_(H(),1);function NB(){let t=arguments[0],e=arguments[1],n=arguments.length===3?void 0:arguments[2],o=arguments.length===3?arguments[2]:arguments[3];return(0,iq.useMemo)(()=>$(`useComputed(${t})`,e,n),o)}var sq=_(H(),1);function Oa(t,e,n=pt){(0,sq.useEffect)(()=>{let o=new Ra(t,e);return o.attach(),o.execute(),()=>{o.detach()}},n)}var aq=_(H(),1);function kd(t,e,n=[]){(0,aq.useEffect)(()=>{let o,r=new Ra(t,e,{scheduleEffect:i=>{o=og(i)}});return r.attach(),r.execute(),()=>{r.detach(),o?.()}},n)}var aM=_(H(),1);function z(){let t=arguments,e=t.length===3?t[2]:[t[0]],n=t.length===3?t[0]:`useValue(${t[0].name})`,{$val:o,subscribe:r,getSnapshot:i}=(0,aM.useMemo)(()=>{let s=t.length===1?t[0]:$(n,t[1]);return{$val:s,subscribe:a=>Sn(`useValue(${n})`,()=>{try{s.get()}catch{}a()}),getSnapshot:()=>s.lastChangedEpoch}},e);return(0,aM.useSyncExternalStore)(r,i,i),o.__unsafe__getWithoutCapture()}wi("@tldraw/state-react","5.2.5","esm");function $B(t){return t>>>1&1073741824|t&3221225471}var X0e=Object.prototype.valueOf;function ig(t){if(t==null)return lq(t);if(typeof t.hashCode=="function")return $B(t.hashCode(t));let e=txe(t);if(e==null)return lq(e);switch(typeof e){case"boolean":return e?1108378657:1108378656;case"number":return Z0e(e);case"string":return J0e(e);case"object":case"function":return exe(e);case"symbol":return Q0e(e);default:if(typeof e.toString=="function")return yq(e.toString());throw new Error("Value type "+typeof e+" cannot be hashed.")}}function lq(t){return t===null?1108378658:1108378659}function Z0e(t){if(t!==t||t===1/0)return 0;let e=t|0;for(e!==t&&(e^=t*4294967295);t>4294967295;)t/=4294967295,e^=t;return $B(e)}function J0e(t){let e=BB[t];return e===void 0&&(e=yq(t),zB===nxe&&(zB=0,BB={}),BB[t]=e,zB++),e}function yq(t){let e=0;for(let n=0;n<t.length;n++)e=31*e+t.charCodeAt(n)|0;return $B(e)}function Q0e(t){let e=uq[t];return e!==void 0||(e=Sq(),uq[t]=e),e}function exe(t){let e=cq.get(t);return e!==void 0||(e=Sq(),cq.set(t,e)),e}function txe(t){return t.valueOf!==X0e&&typeof t.valueOf=="function"?t.valueOf(t):t}function Sq(){let t=++FB;return FB&1073741824&&(FB=0),t}var cq=new WeakMap,uq=Object.create(null),FB=0,BB={},zB=0,nxe=24e3,yb=5,Cx=1<<yb,Sb=Cx-1,Rd={};function dq(){return{value:!1}}function ic(t){t&&(t.value=!0)}function KB(t,e=0){return t.slice(e)}var lM=class{},HB=class t{_root;size;__ownerID;__hash;__altered;constructor(e){return e==null?rg():e instanceof t?e:rg().withMutations(n=>{for(let[o,r]of e)n.set(o,r)})}get(e,n){return this._root?this._root.get(0,void 0,e,n):n}set(e,n){return hq(this,e,n)}delete(e){return hq(this,e,Rd)}deleteAll(e){return this.withMutations(n=>{for(let o of e)n.delete(o)})}__ensureOwner(e){return e===this.__ownerID?this:e?GB(this.size,this._root,e,this.__hash):this.size===0?rg():(this.__ownerID=e,this.__altered=!1,this)}withMutations(e){let n=this.asMutable();return e(n),n.wasAltered()?n.__ensureOwner(this.__ownerID):this}wasAltered(){return this.__altered}asMutable(){return this.__ownerID?this:this.__ensureOwner(new lM)}[Symbol.iterator](){return this.entries()[Symbol.iterator]()}entries(){return new Tx(this,oxe,!1)}keys(){return new Tx(this,bq,!1)}values(){return new Tx(this,vq,!1)}},VB=class t{constructor(e,n){this.ownerID=e,this.entries=n}ownerID;entries;get(e,n,o,r){let i=this.entries;for(let s=0,a=i.length;s<a;s++)if(Object.is(o,i[s][0]))return i[s][1];return r}update(e,n,o,r,i,s,a){let l=i===Rd,c=this.entries,d=0,u=c.length;for(;d<u&&!Object.is(r,c[d][0]);d++);let p=d<u;if(p?c[d][1]===i:l)return this;if(ic(a),(l||!p)&&ic(s),l&&c.length===1)return;if(!p&&!l&&c.length>=dxe)return sxe(e,c,r,i);let f=e&&e===this.ownerID,h=f?c:KB(c);return p?l?d===u-1?h.pop():h[d]=h.pop():h[d]=[r,i]:h.push([r,i]),f?(this.entries=h,this):new t(e,h)}},cM=class t{constructor(e,n,o){this.ownerID=e,this.bitmap=n,this.nodes=o}ownerID;bitmap;nodes;get(e,n,o,r){n===void 0&&(n=ig(o));let i=1<<((e===0?n:n>>>e)&Sb),s=this.bitmap;return(s&i)===0?r:this.nodes[gq(s&i-1)].get(e+yb,n,o,r)}update(e,n,o,r,i,s,a){o===void 0&&(o=ig(r));let l=(n===0?o:o>>>n)&Sb,c=1<<l,d=this.bitmap,u=(d&c)!==0;if(!u&&i===Rd)return this;let p=gq(d&c-1),f=this.nodes,h=u?f[p]:void 0,g=WB(h,e,n+yb,o,r,i,s,a);if(g===h)return this;if(!u&&g&&f.length>=pxe)return lxe(e,f,d,l,g);if(u&&!g&&f.length===2&&mq(f[p^1]))return f[p^1];if(u&&g&&f.length===1&&mq(g))return g;let y=e&&e===this.ownerID,m=u?g?d:d^c:d|c,S=u?g?wq(f,p,g,y):uxe(f,p,y):cxe(f,p,g,y);return y?(this.bitmap=m,this.nodes=S,this):new t(e,m,S)}},jB=class t{constructor(e,n,o){this.ownerID=e,this.count=n,this.nodes=o}ownerID;count;nodes;get(e,n,o,r){n===void 0&&(n=ig(o));let i=(e===0?n:n>>>e)&Sb,s=this.nodes[i];return s?s.get(e+yb,n,o,r):r}update(e,n,o,r,i,s,a){o===void 0&&(o=ig(r));let l=(n===0?o:o>>>n)&Sb,c=i===Rd,d=this.nodes,u=d[l];if(c&&!u)return this;let p=WB(u,e,n+yb,o,r,i,s,a);if(p===u)return this;let f=this.count;if(!u)f++;else if(!p&&(f--,f<fxe))return axe(e,d,f,l);let h=e&&e===this.ownerID,g=wq(d,l,p,h);return h?(this.count=f,this.nodes=g,this):new t(e,f,g)}},uM=class t{constructor(e,n,o){this.ownerID=e,this.keyHash=n,this.entries=o}ownerID;keyHash;entries;get(e,n,o,r){let i=this.entries;for(let s=0,a=i.length;s<a;s++)if(Object.is(o,i[s][0]))return i[s][1];return r}update(e,n,o,r,i,s,a){o===void 0&&(o=ig(r));let l=i===Rd;if(o!==this.keyHash)return l?this:(ic(a),ic(s),YB(this,e,n,o,[r,i]));let c=this.entries,d=0,u=c.length;for(;d<u&&!Object.is(r,c[d][0]);d++);let p=d<u;if(p?c[d][1]===i:l)return this;if(ic(a),(l||!p)&&ic(s),l&&u===2)return new sg(e,this.keyHash,c[d^1]);let f=e&&e===this.ownerID,h=f?c:KB(c);return p?l?d===u-1?h.pop():h[d]=h.pop():h[d]=[r,i]:h.push([r,i]),f?(this.entries=h,this):new t(e,this.keyHash,h)}},sg=class t{constructor(e,n,o){this.ownerID=e,this.keyHash=n,this.entry=o}ownerID;keyHash;entry;get(e,n,o,r){return Object.is(o,this.entry[0])?this.entry[1]:r}update(e,n,o,r,i,s,a){let l=i===Rd,c=Object.is(r,this.entry[0]);if(c?i===this.entry[1]:l)return this;if(ic(a),l){ic(s);return}return c?e&&e===this.ownerID?(this.entry[1]=i,this):new t(e,this.keyHash,[r,i]):(ic(s),YB(this,e,n,ig(r),[r,i]))}},Tx=class{constructor(e,n,o){this._type=n,this._reverse=o,this._stack=e._root&&pq(e._root)}_type;_reverse;_stack;[Symbol.iterator](){return this}next(){let e=this._type,n=this._stack;for(;n;){let o=n.node,r=n.index++,i;if(o.entry){if(r===0)return UB(e,o.entry)}else if("entries"in o&&o.entries){if(i=o.entries.length-1,r<=i)return UB(e,o.entries[this._reverse?i-r:r])}else if(i=o.nodes.length-1,r<=i){let s=o.nodes[this._reverse?i-r:r];if(s){if(s.entry)return UB(e,s.entry);n=this._stack=pq(s,n)}continue}n=this._stack=this._stack.__prev}return ixe()}};function UB(t,e){return rxe(t,e[0],e[1])}function pq(t,e){return{node:t,index:0,__prev:e}}var bq=0,vq=1,oxe=2;function rxe(t,e,n,o){let r=t===bq?e:t===vq?n:[e,n];return o?o.value=r:o={value:r,done:!1},o}function ixe(){return{value:void 0,done:!0}}function GB(t,e,n,o){let r=Object.create(HB.prototype);return r.size=t,r._root=e,r.__ownerID=n,r.__hash=o,r.__altered=!1,r}var fq;function rg(){return fq||(fq=GB(0))}function hq(t,e,n){let o,r;if(t._root){let i=dq(),s=dq();if(o=WB(t._root,t.__ownerID,0,void 0,e,n,i,s),!s.value)return t;r=t.size+(i.value?n===Rd?-1:1:0)}else{if(n===Rd)return t;r=1,o=new VB(t.__ownerID,[[e,n]])}return t.__ownerID?(t.size=r,t._root=o,t.__hash=void 0,t.__altered=!0,t):o?GB(r,o):rg()}function WB(t,e,n,o,r,i,s,a){return t?t.update(e,n,o,r,i,s,a):i===Rd?t:(ic(a),ic(s),new sg(e,o,[r,i]))}function mq(t){return t.constructor===sg||t.constructor===uM}function YB(t,e,n,o,r){if(t.keyHash===o)return new uM(e,o,[t.entry,r]);let i=(n===0?t.keyHash:t.keyHash>>>n)&Sb,s=(n===0?o:o>>>n)&Sb,a,l=i===s?[YB(t,e,n+yb,o,r)]:(a=new sg(e,o,r),i<s?[t,a]:[a,t]);return new cM(e,1<<i|1<<s,l)}function sxe(t,e,n,o){t||(t=new lM);let r=new sg(t,ig(n),[n,o]);for(let i=0;i<e.length;i++){let s=e[i];r=r.update(t,0,void 0,s[0],s[1])}return r}function axe(t,e,n,o){let r=0,i=0,s=new Array(n);for(let a=0,l=1,c=e.length;a<c;a++,l<<=1){let d=e[a];d!==void 0&&a!==o&&(r|=l,s[i++]=d)}return new cM(t,r,s)}function lxe(t,e,n,o,r){let i=0,s=new Array(Cx);for(let a=0;n!==0;a++,n>>>=1)s[a]=n&1?e[i++]:void 0;return s[o]=r,new jB(t,i+1,s)}function gq(t){return t-=t>>1&1431655765,t=(t&858993459)+(t>>2&858993459),t=t+(t>>4)&252645135,t+=t>>8,t+=t>>16,t&127}function wq(t,e,n,o){let r=o?t:KB(t);return r[e]=n,r}function cxe(t,e,n,o){let r=t.length+1;if(o&&e+1===r)return t[e]=n,t;let i=new Array(r),s=0;for(let a=0;a<r;a++)a===e?(i[a]=n,s=-1):i[a]=t[a+s];return i}function uxe(t,e,n){let o=t.length-1;if(n&&e===o)return t.pop(),t;let r=new Array(o),i=0;for(let s=0;s<o;s++)s===e&&(i=1),r[s]=t[s+i];return r}var dxe=Cx/4,pxe=Cx/2,fxe=Cx/4;var au=class{constructor(e,n){this.name=e;let o=rg();n&&(o=o.withMutations(r=>{for(let[i,s]of n)r.set(i,ye(`${e}:${String(i)}`,s))})),this.atoms=ye(`${e}:atoms`,o)}name;atoms;getAtom(e){let n=this.atoms.__unsafe__getWithoutCapture().get(e);if(!n){this.atoms.get();return}return n}get(e){let n=this.getAtom(e)?.get();return ne(n!==ti),n}__unsafe__getWithoutCapture(e){let n=this.atoms.__unsafe__getWithoutCapture().get(e);if(!n)return;let o=n.__unsafe__getWithoutCapture();return ne(o!==ti),o}has(e){let n=this.getAtom(e);return n?n.get()!==ti:!1}__unsafe__hasWithoutCapture(e){let n=this.atoms.__unsafe__getWithoutCapture().get(e);return n?(ne(n.__unsafe__getWithoutCapture()!==ti),!0):!1}set(e,n){let o=this.atoms.__unsafe__getWithoutCapture().get(e);return o?o.set(n):this.atoms.update(r=>r.set(e,ye(`${this.name}:${String(e)}`,n))),this}update(e,n){let o=this.atoms.__unsafe__getWithoutCapture().get(e);if(!o)throw new Error(`AtomMap: key ${e} not found`);let r=o.__unsafe__getWithoutCapture();ne(r!==ti),o.set(n(r))}delete(e){let n=this.atoms.__unsafe__getWithoutCapture().get(e);return n?(Vo(()=>{n.set(ti),this.atoms.update(o=>o.delete(e))}),!0):!1}deleteMany(e){return Vo(()=>{let n=[],o=this.atoms.get().withMutations(r=>{for(let i of e){let s=r.get(i);if(!s)continue;let a=s.get();ne(a!==ti),n.push([i,a]),r.delete(i),s.set(ti)}});return n.length&&this.atoms.set(o),n})}clear(){return Vo(()=>{for(let e of this.atoms.__unsafe__getWithoutCapture().values())e.set(ti);this.atoms.set(rg())})}*entries(){for(let[e,n]of this.atoms.get()){let o=n.get();ne(o!==ti),yield[e,o]}}*keys(){for(let e of this.atoms.get().keys())yield e}*values(){for(let e of this.atoms.get().values()){let n=e.get();ne(n!==ti),yield n}}get size(){return this.atoms.get().size}forEach(e,n){for(let[o,r]of this.entries())e.call(n,r,o,this)}[Symbol.iterator](){return this.entries()}[Symbol.toStringTag]="AtomMap"};var bb=class{constructor(e,n){this.name=e;let o=n?Array.from(n,r=>[r,r]):void 0;this.map=new au(e,o)}name;map;add(e){return this.map.set(e,e),this}clear(){this.map.clear()}delete(e){return this.map.delete(e)}forEach(e,n){for(let o of this)e.call(n,o,o,this)}has(e){return this.map.has(e)}get size(){return this.map.size}entries(){return this.map.entries()}keys(){return this.map.keys()}values(){return this.map.keys()}[Symbol.iterator](){return this.map.keys()}[Symbol.toStringTag]="AtomSet"};var dM=!1;try{dM=!1}catch{}try{dM=dM||import.meta.env.DEV||import.meta.env.TEST||import.meta.env.MODE==="development"||import.meta.env.MODE==="test"}catch{}function xq(){return dM}function Dd(t){if(!xq())return t;let e=Object.getPrototypeOf(t);if(e&&!(Array.isArray(t)||e===Object.prototype||e===null||e===gx))throw console.error("cannot include non-js data in a record",t),new Error("cannot include non-js data in a record");if(Object.isFrozen(t))return t;let n=Object.getOwnPropertyNames(t);for(let o of n){let r=t[o];r&&typeof r=="object"&&Dd(r)}return Object.freeze(t)}var Od=class{constructor(e){this.previousValue=e}previousValue;nextValue;diff;get(){let e=this.diff?.removed?.size??0,n=this.diff?.added?.size??0;if(!(e===0&&n===0))return{value:this.nextValue,diff:this.diff}}_add(e,n){this.nextValue??=new Set(this.previousValue),this.nextValue.add(e),this.diff??={},n?this.diff.removed?.delete(e):(this.diff.added??=new Set,this.diff.added.add(e))}add(e){let n=this.previousValue.has(e);if(n)return this.diff?.removed?.has(e)?this._add(e,n):void 0;this.nextValue?.has(e)||this._add(e,n)}_remove(e,n){this.nextValue??=new Set(this.previousValue),this.nextValue.delete(e),this.diff??={},n?(this.diff.removed??=new Set,this.diff.removed.add(e)):this.diff.added?.delete(e)}remove(e){let n=this.previousValue.has(e);if(!n)return this.diff?.added?.has(e)?this._remove(e,n):void 0;this.diff?.removed?.has(e)||this._remove(e,n)}};function hxe(t){let e=[];for(let n=t.length-1;n>=0;n--){let o=t[n];if("id"in o)e.unshift(o);else{let r=o.dependsOn,i=e[0];i&&(e[0]={...i,dependsOn:r.concat(i.dependsOn??[])})}}return e}function La({sequence:t,sequenceId:e,retroactive:n=!0}){let o={sequenceId:e,retroactive:n,sequence:hxe(t)};return qB(o),o}function an(t,e){return Object.fromEntries(Dr(e).map(([n,o])=>[n,`${t}/${o}`]))}function Pn(t){let e=t.sequenceId;return La({sequenceId:e,retroactive:t.retroactive??!0,sequence:t.sequence.map(n=>"id"in n?{...n,scope:"record",filter:o=>o.typeName===t.recordType&&(n.filter?.(o)??!0)&&(t.filter?.(o)??!0)}:n)})}function Cq(t){if(t.length===0)return[];let e=new Map(t.map(l=>[l.id,l])),n=new Map,o=new Map,r=new Map;for(let l of t)o.set(l.id,0),n.set(l.id,new Set),r.set(l.id,new Set);for(let l of t){let{version:c,sequenceId:d}=vb(l.id),u=`${d}/${c-1}`;if(e.has(u)&&(n.get(u).add(l.id),o.set(l.id,o.get(l.id)+1)),l.dependsOn)for(let p of l.dependsOn)e.has(p)&&(n.get(p).add(l.id),r.get(l.id).add(p),o.set(l.id,o.get(l.id)+1))}let i=t.filter(l=>o.get(l.id)===0),s=[],a=new Set;for(;i.length>0;){let l,c=-1/0;for(let u of i){let p=0;for(let f of n.get(u.id)||[])a.has(f)||(p+=1,r.get(f).has(u.id)&&(p+=100));(p>c||p===c&&u.id.localeCompare(l?.id??"")<0)&&(l=u,c=p)}let d=l;i.splice(i.indexOf(d),1),s.push(d),a.add(d.id);for(let u of n.get(d.id)||[])a.has(u)||(o.set(u,o.get(u)-1),o.get(u)===0&&i.push(e.get(u)))}if(s.length!==t.length){let l=t.filter(c=>!a.has(c.id));ne(!1,`Circular dependency in migrations: ${l[0].id}`)}return s}function vb(t){let[e,n]=t.split("/");return{sequenceId:e,version:parseInt(n)}}function Tq(t,e){e&&ne(t.startsWith(e+"/"),`Every migration in sequence '${e}' must have an id starting with '${e}/'. Got invalid id: '${t}'`),ne(t.match(/^(.*?)\/(0|[1-9]\d*)$/),`Invalid migration id: '${t}'`)}function qB(t){if(ne(!t.sequenceId.includes("/"),`sequenceId cannot contain a '/', got ${t.sequenceId}`),ne(t.sequenceId.length,"sequenceId must be a non-empty string"),t.sequence.length===0)return;Tq(t.sequence[0].id,t.sequenceId);let e=vb(t.sequence[0].id).version;ne(e===1,`Expected the first migrationId to be '${t.sequenceId}/1' but got '${t.sequence[0].id}'`);for(let n=1;n<t.sequence.length;n++){let o=t.sequence[n].id;Tq(o,t.sequenceId);let r=vb(o).version;ne(r===e+1,`Migration id numbers must increase in increments of 1, expected ${t.sequenceId}/${e+1} but got '${t.sequence[n].id}'`),e=r}}var lu={IncompatibleSubtype:"incompatible-subtype",UnknownType:"unknown-type",TargetVersionTooNew:"target-version-too-new",TargetVersionTooOld:"target-version-too-old",MigrationError:"migration-error",UnrecognizedSubtype:"unrecognized-subtype"};function wb(){return{added:{},updated:{},removed:{}}}function xb(t){let e={added:t.removed,removed:t.added,updated:{}};for(let[n,o]of Object.values(t.updated))e.updated[n.id]=[o,n];return e}function Px(t){return!Ld(t.added)&&!Ld(t.updated)&&!Ld(t.removed)}function Ld(t){for(let e in t)return!0;return!1}function Tb(t,e){let n=e?.mutateFirstDiff?t[0]:{added:{},removed:{},updated:{}};return ag(n,e?.mutateFirstDiff?t.slice(1):t),n}function ag(t,e){for(let n of e){let o=Ld(t.removed);for(let i in n.added){let s=i,a=n.added[s];if(o&&t.removed[s]){let l=t.removed[s];delete t.removed[s],l!==a&&(t.updated[s]=[l,a])}else t.added[s]=a}let r=Ld(t.added);for(let i in n.updated){let s=i,a=n.updated[s][1];if(r&&t.added[s]){t.added[s]=a,delete t.updated[s],o&&delete t.removed[s];continue}let l=t.updated[s];if(l){l[1]=a,o&&delete t.removed[s];continue}t.updated[s]=[n.updated[s][0],a],o&&delete t.removed[s]}for(let i in n.removed){let s=i;t.added[s]?delete t.added[s]:t.updated[s]?(t.removed[s]=t.updated[s][0],delete t.updated[s]):t.removed[s]=n.removed[s]}}}var Cb=class t{constructor(e,n){this.typeName=e,this.createDefaultProperties=n.createDefaultProperties,this.validator=n.validator??{validate:r=>r},this.scope=n.scope??"document",this.ephemeralKeys=n.ephemeralKeys;let o=new Set;if(n.ephemeralKeys)for(let[r,i]of Dr(n.ephemeralKeys))i&&o.add(r);this.ephemeralKeySet=o}typeName;createDefaultProperties;validator;ephemeralKeys;ephemeralKeySet;scope;create(e){let n={...this.createDefaultProperties(),id:e.id??this.createId()};for(let[o,r]of Object.entries(e))r!==void 0&&(n[o]=r);return n.typeName=this.typeName,n}clone(e){return{...yt(e),id:this.createId()}}createId(e){return this.typeName+":"+(e??Ne())}parseId(e){if(!this.isId(e))throw new Error(`ID "${e}" is not a valid ID for type "${this.typeName}"`);return e.slice(this.typeName.length+1)}isInstance(e){return e?.typeName===this.typeName}isId(e){if(!e)return!1;for(let n=0;n<this.typeName.length;n++)if(e[n]!==this.typeName[n])return!1;return e[this.typeName.length]===":"}withDefaultProperties(e){return new t(this.typeName,{createDefaultProperties:e,validator:this.validator,scope:this.scope,ephemeralKeys:this.ephemeralKeys})}validate(e,n){return n&&this.validator.validateUsingKnownGoodVersion?this.validator.validateUsingKnownGoodVersion(n,e):this.validator.validate(e)}};function Jn(t,e){return new Cb(t,{createDefaultProperties:()=>({}),validator:e.validator,scope:e.scope,ephemeralKeys:e.ephemeralKeys})}function Pq(t){if(t.length===0)return new Set;let e=t[0],n=t.slice(1),o=new Set;for(let r of e)n.every(i=>i.has(r))&&o.add(r);return o}function Eq(t,e){let n={};for(let o of e)t.has(o)||(n.added??=new Set,n.added.add(o));for(let o of t)e.has(o)||(n.removed??=new Set,n.removed.add(o));return n.added||n.removed?n:void 0}function Iq(t){return typeof t!="object"||t===null?!1:"eq"in t||"neq"in t||"gt"in t}function _q(t,e=""){let n=[];for(let[o,r]of Object.entries(t)){let i=e?`${e}\\${o}`:o;Iq(r)?n.push({path:i,matcher:r}):typeof r=="object"&&r!==null&&n.push(..._q(r,i))}return n}function pM(t,e){for(let[n,o]of Object.entries(t)){let r=e[n];if(Iq(o)){if("eq"in o&&r!==o.eq||"neq"in o&&(r===o.neq||r===void 0)||"gt"in o&&(typeof r!="number"||r<=o.gt))return!1;continue}if(typeof r!="object"||r===null||!pM(o,r))return!1}return!0}function XB(t,e,n){let o=_q(n),r=Object.fromEntries(o.map(({path:i})=>[i,new Set]));for(let{path:i,matcher:s}of o){let a=t.index(e,i);if("eq"in s){let l=a.get().get(s.eq);if(l)for(let c of l)r[i].add(c)}else if("neq"in s){for(let[l,c]of a.get())if(l!==s.neq)for(let d of c)r[i].add(d)}else if("gt"in s){for(let[l,c]of a.get())if(typeof l=="number"&&l>s.gt)for(let d of c)r[i].add(d)}if(r[i].size===0)return new Set}return Pq(Object.values(r))}var Ex=class{constructor(e,n){this.recordMap=e,this.history=n}recordMap;history;indexCache=new Map;historyCache=new Map;getAllIdsForType(e){let n=new Set;for(let o of this.recordMap.values())o.typeName===e&&n.add(o.id);return n}getRecordById(e,n){let o=this.recordMap.get(n);if(o&&o.typeName===e)return o}getNestedValue(e,n){let o=e;for(let r of n){if(o==null||typeof o!="object")return;o=o[r]}return o}filterHistory(e){if(this.historyCache.has(e))return this.historyCache.get(e);let n=$("filterHistory:"+e,(o,r)=>{if(ji(o))return this.history.get();let i=this.history.getDiffSince(r);if(i===Eo)return this.history.get();let s={added:{},removed:{},updated:{}},a=0,l=0,c=0;for(let d of i){for(let u of Vt(d.added))if(u.typeName===e)if(s.removed[u.id]){let p=s.removed[u.id];delete s.removed[u.id],l--,p!==u&&(s.updated[u.id]=[p,u],c++)}else s.added[u.id]=u,a++;for(let[u,p]of Vt(d.updated))p.typeName===e&&(s.added[p.id]?s.added[p.id]=p:s.updated[p.id]?s.updated[p.id]=[s.updated[p.id][0],p]:(s.updated[p.id]=[u,p],c++));for(let u of Vt(d.removed))u.typeName===e&&(s.added[u.id]?(delete s.added[u.id],a--):s.updated[u.id]?(s.removed[u.id]=s.updated[u.id][0],delete s.updated[u.id],c--,l++):(s.removed[u.id]=u,l++))}return a||l||c?Gf(this.history.get(),s):o},{historyLength:100});return this.historyCache.set(e,n),n}index(e,n){let o=e+":"+n;if(this.indexCache.has(o))return this.indexCache.get(o);let r=this.__uncached_createIndex(e,n);return this.indexCache.set(o,r),r}__uncached_createIndex(e,n){let o=this.filterHistory(e),r=n.split("\\"),i=r.length>1?a=>this.getNestedValue(a,r):a=>a[n],s=()=>{o.get();let a=new Map;for(let l of this.recordMap.values())if(l.typeName===e){let c=i(l);c!==void 0&&(a.has(c)||a.set(c,new Set),a.get(c).add(l.id))}return a};return $("index:"+e+":"+n,(a,l)=>{if(ji(a))return s();let c=o.getDiffSince(l);if(c===Eo)return s();let d=new Map,u=(g,y)=>{let m=d.get(g);m||(m=new Od(a.get(g)??new Set)),m.add(y),d.set(g,m)},p=(g,y)=>{let m=d.get(g);m||(m=new Od(a.get(g)??new Set)),m.remove(y),d.set(g,m)};for(let g of c){for(let y of Vt(g.added))if(y.typeName===e){let m=i(y);m!==void 0&&u(m,y.id)}for(let[y,m]of Vt(g.updated))if(m.typeName===e){let S=i(y),b=i(m);S!==b&&(S!==void 0&&p(S,m.id),b!==void 0&&u(b,m.id))}for(let y of Vt(g.removed))if(y.typeName===e){let m=i(y);m!==void 0&&p(m,y.id)}}let f,h;for(let[g,y]of d){let m=y.get();m&&(f||(f=new Map(a)),h||(h=new Map),m.value.size===0?f.delete(g):f.set(g,m.value),h.set(g,m.diff))}return f&&h?Gf(f,h):a},{historyLength:100})}record(e,n=()=>({}),o="record:"+e+(n?":"+n.toString():"")){let r=this.ids(e,n,o);return $(o,()=>{for(let i of r.get())return this.recordMap.get(i)})}records(e,n=()=>({}),o="records:"+e+(n?":"+n.toString():"")){let r=this.ids(e,n,"ids:"+o);return $(o,()=>Array.from(r.get(),i=>this.recordMap.get(i)),{isEqual:Hf})}ids(e,n=()=>({}),o="ids:"+e+(n?":"+n.toString():"")){let r=this.filterHistory(e),i=()=>{r.get();let l=n();return Object.keys(l).length===0?this.getAllIdsForType(e):XB(this,e,l)},s=l=>{let c=i(),d=Eq(l,c);return d?Gf(c,d):l},a=$("ids_query:"+o,n,{isEqual:Ho.default});return $("query:"+o,(l,c)=>{let d=a.get();if(ji(l))return i();if(c<a.lastChangedEpoch)return s(l);let u=r.getDiffSince(c);if(u===Eo)return s(l);let p=new Od(l);for(let h of u){for(let g of Vt(h.added))g.typeName===e&&pM(d,g)&&p.add(g.id);for(let[g,y]of Vt(h.updated))y.typeName===e&&(pM(d,y)?p.add(y.id):p.remove(y.id));for(let g of Vt(h.removed))g.typeName===e&&p.remove(g.id)}let f=p.get();return f?Gf(f.value,f.diff):l},{historyLength:50})}exec(e,n){let o=XB(this,e,n);return o.size===0?pt:Array.from(o,r=>this.recordMap.get(r))}};var Ix=class{constructor(e){this.store=e}store;_beforeCreateHandlers={};_afterCreateHandlers={};_beforeChangeHandlers={};_afterChangeHandlers={};_beforeDeleteHandlers={};_afterDeleteHandlers={};_operationCompleteHandlers=[];_isEnabled=!0;isEnabled(){return this._isEnabled}setIsEnabled(e){this._isEnabled=e}handleBeforeCreate(e,n){if(!this._isEnabled)return e;let o=this._beforeCreateHandlers[e.typeName];if(o){let r=e;for(let i of o)r=i(r,n);return r}return e}handleAfterCreate(e,n){if(!this._isEnabled)return;let o=this._afterCreateHandlers[e.typeName];if(o)for(let r of o)r(e,n)}handleBeforeChange(e,n,o){if(!this._isEnabled)return n;let r=this._beforeChangeHandlers[n.typeName];if(r){let i=n;for(let s of r)i=s(e,i,o);return i}return n}handleAfterChange(e,n,o){if(!this._isEnabled)return;let r=this._afterChangeHandlers[n.typeName];if(r)for(let i of r)i(e,n,o)}handleBeforeDelete(e,n){if(!this._isEnabled)return!0;let o=this._beforeDeleteHandlers[e.typeName];if(o){for(let r of o)if(r(e,n)===!1)return!1}return!0}handleAfterDelete(e,n){if(!this._isEnabled)return;let o=this._afterDeleteHandlers[e.typeName];if(o)for(let r of o)r(e,n)}handleOperationComplete(e){if(this._isEnabled)for(let n of this._operationCompleteHandlers)n(e)}register(e){let n=[];for(let[o,r]of Object.entries(e))r?.beforeCreate&&n.push(this.registerBeforeCreateHandler(o,r.beforeCreate)),r?.afterCreate&&n.push(this.registerAfterCreateHandler(o,r.afterCreate)),r?.beforeChange&&n.push(this.registerBeforeChangeHandler(o,r.beforeChange)),r?.afterChange&&n.push(this.registerAfterChangeHandler(o,r.afterChange)),r?.beforeDelete&&n.push(this.registerBeforeDeleteHandler(o,r.beforeDelete)),r?.afterDelete&&n.push(this.registerAfterDeleteHandler(o,r.afterDelete));return()=>{for(let o of n)o()}}registerBeforeCreateHandler(e,n){return this._beforeCreateHandlers[e]||(this._beforeCreateHandlers[e]=[]),this._beforeCreateHandlers[e].push(n),()=>lg(this._beforeCreateHandlers[e],n)}registerAfterCreateHandler(e,n){return this._afterCreateHandlers[e]||(this._afterCreateHandlers[e]=[]),this._afterCreateHandlers[e].push(n),()=>lg(this._afterCreateHandlers[e],n)}registerBeforeChangeHandler(e,n){return this._beforeChangeHandlers[e]||(this._beforeChangeHandlers[e]=[]),this._beforeChangeHandlers[e].push(n),()=>lg(this._beforeChangeHandlers[e],n)}registerAfterChangeHandler(e,n){return this._afterChangeHandlers[e]||(this._afterChangeHandlers[e]=[]),this._afterChangeHandlers[e].push(n),()=>lg(this._afterChangeHandlers[e],n)}registerBeforeDeleteHandler(e,n){return this._beforeDeleteHandlers[e]||(this._beforeDeleteHandlers[e]=[]),this._beforeDeleteHandlers[e].push(n),()=>lg(this._beforeDeleteHandlers[e],n)}registerAfterDeleteHandler(e,n){return this._afterDeleteHandlers[e]||(this._afterDeleteHandlers[e]=[]),this._afterDeleteHandlers[e].push(n),()=>lg(this._afterDeleteHandlers[e],n)}registerOperationCompleteHandler(e){return this._operationCompleteHandlers.push(e),()=>lg(this._operationCompleteHandlers,e)}};function lg(t,e){let n=t.indexOf(e);n>=0&&t.splice(n,1)}var Wf=class{id;records;history=ye("history",0,{historyLength:1e3});query;listeners=new Set;historyAccumulator=new ZB;historyReactor;cancelHistoryReactor(){}schema;props;scopedTypes;sideEffects=new Ix(this);constructor(e){let{initialData:n,schema:o,id:r}=e;this.id=r??Ne(),this.schema=o,this.props=e.props,n?this.records=new au("store",Dr(n).map(([i,s])=>[i,Dd(this.schema.validateRecord(this,s,"initialize",null))])):this.records=new au("store"),this.query=new Ex(this.records,this.history),this.historyReactor=LB("Store.historyReactor",()=>{this.history.get(),this._flushHistory()},{scheduleEffect:i=>this.cancelHistoryReactor=og(i)}),this.scopedTypes={document:new Set(Vt(this.schema.types).filter(i=>i.scope==="document").map(i=>i.typeName)),session:new Set(Vt(this.schema.types).filter(i=>i.scope==="session").map(i=>i.typeName)),presence:new Set(Vt(this.schema.types).filter(i=>i.scope==="presence").map(i=>i.typeName))}}_flushHistory(){if(this.historyAccumulator.hasChanges()){let e=this.historyAccumulator.flush();for(let{changes:n,source:o}of e){let r=null,i=null,s=null;for(let{onHistory:a,filters:l}of this.listeners)if(!(l.source!=="all"&&l.source!==o))if(l.scope!=="all")if(l.scope==="document"){if(i??=this.filterChangesByScope(n,"document"),!i)continue;a({changes:i,source:o})}else if(l.scope==="session"){if(r??=this.filterChangesByScope(n,"session"),!r)continue;a({changes:r,source:o})}else{if(s??=this.filterChangesByScope(n,"presence"),!s)continue;a({changes:s,source:o})}else a({changes:n,source:o})}}}dispose(){this.cancelHistoryReactor()}filterChangesByScope(e,n){let o={added:_d(e.added,(r,i)=>this.scopedTypes[n].has(i.typeName)),updated:_d(e.updated,(r,i)=>this.scopedTypes[n].has(i[1].typeName)),removed:_d(e.removed,(r,i)=>this.scopedTypes[n].has(i.typeName))};return!Ld(o.added)&&!Ld(o.updated)&&!Ld(o.removed)?null:o}updateHistory(e){this.historyAccumulator.add({changes:e,source:this.isMergingRemoteChanges?"remote":"user"}),this.listeners.size===0&&this.historyAccumulator.clear(),this.history.set(this.history.get()+1,e)}validate(e){this.allRecords().forEach(n=>this.schema.validateRecord(this,n,e,null))}put(e,n){this.atomic(()=>{let o={},r={},i,s=!1,a=this.isMergingRemoteChanges?"remote":"user";for(let l=0,c=e.length;l<c;l++){i=e[l];let d=this.records.__unsafe__getWithoutCapture(i.id);if(d){i=this.sideEffects.handleBeforeChange(d,i,a);let u=this.schema.validateRecord(this,i,n??"updateRecord",d);if(u===d)continue;i=Dd(u),this.records.set(i.id,i),s=!0,o[i.id]=[d,i],this.addDiffForAfterEvent(d,i)}else i=this.sideEffects.handleBeforeCreate(i,a),s=!0,i=this.schema.validateRecord(this,i,n??"createRecord",null),i=Dd(i),r[i.id]=i,this.addDiffForAfterEvent(null,i),this.records.set(i.id,i)}s&&this.updateHistory({added:r,updated:o,removed:{}})})}remove(e){this.atomic(()=>{let n=new Set(e),o=this.isMergingRemoteChanges?"remote":"user";if(this.sideEffects.isEnabled())for(let s of e){let a=this.records.__unsafe__getWithoutCapture(s);a&&this.sideEffects.handleBeforeDelete(a,o)===!1&&n.delete(s)}let r=this.records.deleteMany(n);if(r.length===0)return;let i={};for(let[s,a]of r)i[s]=a,this.addDiffForAfterEvent(a,null);this.updateHistory({added:{},updated:{},removed:i})})}get(e){return this.records.get(e)}unsafeGetWithoutCapture(e){return this.records.__unsafe__getWithoutCapture(e)}serialize(e="document"){let n={};for(let[o,r]of this.records)(e==="all"||this.scopedTypes[e].has(r.typeName))&&(n[o]=r);return n}getStoreSnapshot(e="document"){return{store:this.serialize(e),schema:this.schema.serialize()}}migrateSnapshot(e){let n=this.schema.migrateStoreSnapshot(e);if(n.type==="error")throw new Error(`Failed to migrate snapshot: ${n.reason}`);return{store:n.value,schema:this.schema.serialize()}}loadStoreSnapshot(e){let n=this.schema.migrateStoreSnapshot(e);if(n.type==="error")throw new Error(`Failed to migrate snapshot: ${n.reason}`);let o=this.sideEffects.isEnabled();try{this.sideEffects.setIsEnabled(!1),this.atomic(()=>{this.clear(),this.put(Object.values(n.value)),this.ensureStoreIsUsable()},!1)}finally{this.sideEffects.setIsEnabled(o)}}allRecords(){return Array.from(this.records.values())}clear(){this.remove(Array.from(this.records.keys()))}update(e,n){let o=this.unsafeGetWithoutCapture(e);if(!o){console.error(`Record ${e} not found. This is probably an error`);return}this.put([n(o)])}has(e){return this.records.has(e)}listen(e,n){this._flushHistory();let o={onHistory:e,filters:{source:n?.source??"all",scope:n?.scope??"all"}};return this.historyReactor.scheduler.isActivelyListening||(this.historyReactor.start(),this.historyReactor.scheduler.execute()),this.listeners.add(o),()=>{this.listeners.delete(o),this.listeners.size===0&&this.historyReactor.stop()}}isMergingRemoteChanges=!1;mergeRemoteChanges(e){if(this.isMergingRemoteChanges)return e();if(this._isInAtomicOp)throw new Error("Cannot merge remote changes while in atomic operation");try{this.atomic(e,!0,!0)}finally{this.ensureStoreIsUsable()}}extractingChanges(e){let n=[],o=this.historyAccumulator.addInterceptor(r=>n.push(r.changes));try{return Vo(e),Tb(n)}finally{o()}}applyDiff(e,{runCallbacks:n=!0,ignoreEphemeralKeys:o=!1}={}){this.atomic(()=>{let r=Vt(e.added);for(let[s,a]of Vt(e.updated)){let l=this.schema.getType(a.typeName);if(o&&l.ephemeralKeySet.size){let c=this.get(a.id);if(!c){r.push(a);continue}let d=null;for(let[u,p]of Object.entries(a))l.ephemeralKeySet.has(u)||Object.is(p,qt(c,u))||(d||(d={...c}),d[u]=p);d&&r.push(d)}else r.push(a)}let i=eg(e.removed);r.length&&this.put(r),i.length&&this.remove(i)},n)}createCache(e){let n=new Ot;return{get:o=>{let r=this.records.getAtom(o);if(r)return n.get(r,()=>e(o,r)).get()}}}createComputedCache(e,n,o){return this.createCache((r,i)=>{let s=o?.areRecordsEqual?$(`${e}:${r}:isEqual`,()=>i.get(),{isEqual:o.areRecordsEqual}):i;return $(e+":"+r,()=>n(s.get()),{isEqual:o?.areResultsEqual})})}_integrityChecker;ensureStoreIsUsable(){this.atomic(()=>{this._integrityChecker??=this.schema.createIntegrityChecker(this),this._integrityChecker?.()})}_isPossiblyCorrupted=!1;markAsPossiblyCorrupted(){this._isPossiblyCorrupted=!0}isPossiblyCorrupted(){return this._isPossiblyCorrupted}pendingAfterEvents=null;addDiffForAfterEvent(e,n){if(ne(this.pendingAfterEvents,"must be in event operation"),e===n||(e&&n&&ne(e.id===n.id),!e&&!n))return;let o=(e||n).id,r=this.pendingAfterEvents.get(o);r?r.after=n:this.pendingAfterEvents.set(o,{before:e,after:n})}flushAtomicCallbacks(e){let n=0,o=e?"remote":"user";for(;this.pendingAfterEvents;){let r=this.pendingAfterEvents;if(this.pendingAfterEvents=null,!!this.sideEffects.isEnabled()){if(n++,n>100)throw new Error("Maximum store update depth exceeded, bailing out");for(let{before:i,after:s}of r.values())i&&s&&i!==s&&!(0,Ho.default)(i,s)?this.sideEffects.handleAfterChange(i,s,o):i&&!s?this.sideEffects.handleAfterDelete(i,o):!i&&s&&this.sideEffects.handleAfterCreate(s,o);this.pendingAfterEvents?o="user":this.sideEffects.handleOperationComplete(o)}}}_isInAtomicOp=!1;atomic(e,n=!0,o=!1){return Vo(()=>{if(this._isInAtomicOp){this.pendingAfterEvents||(this.pendingAfterEvents=new Map);let i=this.sideEffects.isEnabled();ne(!o,"cannot call mergeRemoteChanges while in atomic operation");try{return i&&!n&&this.sideEffects.setIsEnabled(!1),e()}finally{this.sideEffects.setIsEnabled(i)}}this.pendingAfterEvents=new Map;let r=this.sideEffects.isEnabled();this.sideEffects.setIsEnabled(n&&r),this._isInAtomicOp=!0,o&&(this.isMergingRemoteChanges=!0);try{let i=e();return this.isMergingRemoteChanges=!1,this.flushAtomicCallbacks(o),i}finally{this.pendingAfterEvents=null,this.sideEffects.setIsEnabled(r),this._isInAtomicOp=!1,this.isMergingRemoteChanges=!1}})}addHistoryInterceptor(e){return this.historyAccumulator.addInterceptor(n=>e(n,this.isMergingRemoteChanges?"remote":"user"))}};function mxe(t){if(t.length===0)return[];let e=[],n=[t[0]],o;for(let r=1,i=t.length;r<i;r++)o=t[r],n[0].source!==o.source&&(e.push(n),n=[]),n.push(o);return e.push(n),Dd(e.map(r=>({source:r[0].source,changes:r.length===1?r[0].changes:Tb(r.map(i=>i.changes))})))}var ZB=class{_history=[];_interceptors=new Set;addInterceptor(e){return this._interceptors.add(e),()=>{this._interceptors.delete(e)}}add(e){this._history.push(e);for(let n of this._interceptors)n(e)}flush(){let e=mxe(this._history);return this._history=[],e}clear(){this._history=[]}hasChanges(){return this._history.length>0}};function Na(t,e,n){let o=new Ot;return{get(r,i){return o.get(r,()=>(r instanceof Wf?r:r.store).createComputedCache(t,l=>e(r,l),n)).get(i)}}}function gxe(t){if(t.schemaVersion>2||t.schemaVersion<1)return Rr.err("Bad schema version");if(t.schemaVersion===2)return Rr.ok(t);let e={schemaVersion:2,sequences:{"com.tldraw.store":t.storeVersion}};for(let[n,o]of Object.entries(t.recordVersions))if(e.sequences[`com.tldraw.${n}`]=o.version,"subTypeKey"in o)for(let[r,i]of Object.entries(o.subTypeVersions))e.sequences[`com.tldraw.${n}.${r}`]=i;return Rr.ok(e)}var _x=class t{constructor(e,n){this.types=e,this.options=n;for(let r of n.migrations??[])ne(!this.migrations[r.sequenceId],`Duplicate migration sequenceId ${r.sequenceId}`),qB(r),this.migrations[r.sequenceId]=r;let o=Object.values(this.migrations).flatMap(r=>r.sequence);this.sortedMigrations=Cq(o);for(let r of this.sortedMigrations)if(r.dependsOn?.length)for(let i of r.dependsOn){let s=o.find(a=>a.id===i);ne(s,`Migration '${r.id}' depends on missing migration '${i}'`)}}types;options;static create(e,n){return new t(e,n??{})}migrations={};sortedMigrations;migrationCache=new WeakMap;validateRecord(e,n,o,r){try{let i=qt(this.types,n.typeName);if(!i)throw new Error(`Missing definition for record type ${n.typeName}`);return i.validate(n,r??void 0)}catch(i){if(this.options.onValidationFailure)return this.options.onValidationFailure({store:e,record:n,phase:o,recordBefore:r,error:i});throw i}}getMigrationsSince(e){let n=this.migrationCache.get(e);if(n)return n;let o=gxe(e);if(!o.ok)return this.migrationCache.set(e,o),o;let r=o.value,i=new Set(Object.keys(r.sequences).filter(l=>this.migrations[l]));for(let l in this.migrations)r.sequences[l]===void 0&&this.migrations[l].retroactive&&i.add(l);if(i.size===0){let l=Rr.ok([]);return this.migrationCache.set(e,l),l}let s=new Set;for(let l of i){let c=r.sequences[l];if(typeof c!="number"&&this.migrations[l].retroactive||c===0){for(let p of this.migrations[l].sequence)s.add(p.id);continue}let d=`${l}/${c}`,u=this.migrations[l].sequence.findIndex(p=>p.id===d);if(u===-1){let p=Rr.err("Incompatible schema?");return this.migrationCache.set(e,p),p}for(let p of this.migrations[l].sequence.slice(u+1))s.add(p.id)}let a=Rr.ok(this.sortedMigrations.filter(({id:l})=>s.has(l)));return this.migrationCache.set(e,a),a}migratePersistedRecord(e,n,o="up"){let r=this.getMigrationsSince(n);if(!r.ok)return console.error("Error migrating record",r.error),{type:"error",reason:lu.MigrationError};let i=r.value;if(i.length===0)return{type:"success",value:e};if(!i.every(s=>s.scope==="record"))return{type:"error",reason:o==="down"?lu.TargetVersionTooOld:lu.TargetVersionTooNew};if(o==="down"){if(!i.every(s=>s.scope==="record"&&s.down))return{type:"error",reason:lu.TargetVersionTooOld};i=i.slice().reverse()}e=yt(e);try{for(let s of i){if(s.scope==="store")throw new Error;if(s.scope==="storage")throw new Error;if(!(s.filter?s.filter(e):!0))continue;let l=s[o](e);l&&(e=yt(l))}}catch(s){return console.error("Error migrating record",s),{type:"error",reason:lu.MigrationError}}return{type:"success",value:e}}migrateStorage(e){let n=e.getSchema();ne(n,"Schema is missing.");let o=this.getMigrationsSince(n);if(!o.ok)throw console.error("Error migrating store",o.error),new Error(o.error);let r=o.value;if(r.length!==0){e.setSchema(this.serialize());for(let i of r)if(i.scope==="record"){let s=[];for(let[a,l]of e.entries()){if(!(i.filter?i.filter(l):!0))continue;let d=yt(l),u=i.up(d)??d;(0,Ho.default)(u,l)||s.push([a,u])}for(let[a,l]of s)e.set(a,l)}else if(i.scope==="store"){let s=Object.fromEntries(e.entries()),a=yt(s);a=i.up(a)??a;for(let[l,c]of Object.entries(a))c&&((0,Ho.default)(c,s[l])||e.set(l,c));for(let l of Object.keys(s))a[l]||e.delete(l)}else i.scope==="storage"?i.up(e):Ve(i);for(let[i,s]of e.entries())this.getType(s.typeName).scope!=="document"&&e.delete(i)}}migrateStoreSnapshot(e,n){let o=this.getMigrationsSince(e.schema);if(!o.ok)return console.error("Error migrating store",o.error),{type:"error",reason:lu.MigrationError};if(o.value.length===0)return{type:"success",value:e.store};let i=Object.assign(new Map(Dr(e.store).map(Dd)),{getSchema:()=>e.schema,setSchema:s=>{}});try{if(this.migrateStorage(i),n?.mutateInputStore){for(let[s,a]of i.entries())e.store[s]=a;for(let s of Object.keys(e.store))i.has(s)||delete e.store[s];return{type:"success",value:e.store}}else return{type:"success",value:Object.fromEntries(i.entries())}}catch(s){return console.error("Error migrating store",s),{type:"error",reason:lu.MigrationError}}}createIntegrityChecker(e){return this.options.createIntegrityChecker?.(e)??void 0}serialize(){return{schemaVersion:2,sequences:Object.fromEntries(Object.values(this.migrations).map(({sequenceId:e,sequence:n})=>[e,n.length?vb(n.at(-1).id).version:0]))}}serializeEarliestVersion(){return{schemaVersion:2,sequences:Object.fromEntries(Object.values(this.migrations).map(({sequenceId:e})=>[e,0]))}}getType(e){let n=qt(this.types,e);return ne(n,"record type does not exist"),n}};wi("@tldraw/store","5.2.5","esm");var A={};il(A,{ArrayOfValidator:()=>Mx,DictValidator:()=>kx,ObjectValidator:()=>Ax,UnionValidator:()=>Pb,ValidationError:()=>Pe,Validator:()=>bn,any:()=>vxe,array:()=>JB,arrayOf:()=>Rxe,bigint:()=>Axe,boolean:()=>Mxe,dict:()=>Mq,httpUrl:()=>$xe,indexKey:()=>Kxe,integer:()=>Exe,jsonDict:()=>Lxe,jsonValue:()=>cg,linkUrl:()=>Hxe,literal:()=>kxe,literalEnum:()=>zxe,model:()=>Bxe,nonZeroFiniteNumber:()=>Cxe,nonZeroInteger:()=>_xe,nonZeroNumber:()=>Txe,nullable:()=>Rq,number:()=>wxe,numberUnion:()=>Fxe,object:()=>Oxe,optional:()=>kq,or:()=>Gxe,positiveInteger:()=>Ixe,positiveNumber:()=>xxe,setEnum:()=>Aq,srcUrl:()=>jxe,string:()=>Eb,union:()=>Nxe,unitInterval:()=>Pxe,unknown:()=>bxe,unknownObject:()=>Dxe});var yxe=!1;function Sxe(t){if(!t.length)return null;let e="";for(let n of t)typeof n=="number"?e+=`.${n}`:n.startsWith("(")?e.endsWith(")")?e=`${e.slice(0,-1)}, ${n.slice(1)}`:e+=n:e+=`.${n}`;return e=e.replace(/id = [^,]+, /,"").replace(/id = [^)]+/,""),e.startsWith(".")?e.slice(1):e}var Pe=class extends Error{constructor(e,n=[]){let o=Sxe(n),r=e.split(`
+`).map((i,s)=>s===0?i:`  ${i}`).join(`
+`);super(o?`At ${o}: ${r}`:r),this.rawMessage=e,this.path=n}rawMessage;path;name="ValidationError"};function Fa(t,e){throw e instanceof Pe?new Pe(e.rawMessage,[t,...e.path]):new Pe(e.toString(),[t])}function Pi(t){if(t===null)return"null";if(Array.isArray(t))return"an array";let e=typeof t;switch(e){case"bigint":case"boolean":case"function":case"number":case"string":case"symbol":return`a ${e}`;case"object":return`an ${e}`;case"undefined":return"undefined";default:Ve(e)}}var bn=class t{constructor(e,n,o=!1){this.validationFn=e,this.validateUsingKnownGoodVersionFn=n,this.skipSameValueCheck=o}validationFn;validateUsingKnownGoodVersionFn;skipSameValueCheck;validate(e){let n=this.validationFn(e);if(yxe&&!this.skipSameValueCheck&&!Object.is(e,n))throw new Pe("Validator functions must return the same value they were passed");return n}validateUsingKnownGoodVersion(e,n){return Object.is(e,n)?e:this.validateUsingKnownGoodVersionFn?this.validateUsingKnownGoodVersionFn(e,n):this.validate(n)}isValid(e){try{return this.validate(e),!0}catch{return!1}}nullable(){return Rq(this)}optional(){return kq(this)}refine(e){return new t(n=>e(this.validate(n)),(n,o)=>{let r=this.validateUsingKnownGoodVersion(n,o);return Object.is(n,r)?n:e(r)},!0)}check(e,n){return typeof e=="string"?this.refine(o=>{try{n(o)}catch(r){Fa(`(check ${e})`,r)}return o}):this.refine(o=>(e(o),o))}},Mx=class extends bn{constructor(e){super(n=>{let o=JB.validate(n);for(let r=0;r<o.length;r++)try{e.validate(o[r])}catch(i){Fa(r,i)}return o},(n,o)=>{if(Object.is(n,o))return n;if(!e.validateUsingKnownGoodVersion)return this.validate(o);let r=JB.validate(o),i=n.length!==r.length;for(let s=0;s<r.length;s++){let a=r[s];if(s>=n.length){i=!0;try{e.validate(a)}catch(l){Fa(s,l)}continue}if(!Object.is(n[s],a))try{let l=e.validateUsingKnownGoodVersion(n[s],a);Object.is(l,n[s])||(i=!0)}catch(l){Fa(s,l)}}return i?o:n}),this.itemValidator=e}itemValidator;nonEmpty(){return this.check(e=>{if(e.length===0)throw new Pe("Expected a non-empty array")})}lengthGreaterThan1(){return this.check(e=>{if(e.length<=1)throw new Pe("Expected an array with length greater than 1")})}},Ax=class t extends bn{constructor(e,n=!1){let o=[],r=[];for(let[i,s]of Object.entries(e))o.push(i),r.push(s);super(i=>{if(typeof i!="object"||i===null)throw new Pe(`Expected object, got ${Pi(i)}`);for(let s=0;s<o.length;s++){let a=o[s];try{r[s].validate(qt(i,a))}catch(l){Fa(a,l)}}if(!n){for(let s in i)if(Cn(i,s)&&!Cn(e,s))throw new Pe("Unexpected property",[s])}return i},(i,s)=>{if(Object.is(i,s))return i;if(typeof s!="object"||s===null)throw new Pe(`Expected object, got ${Pi(s)}`);let a=!1;for(let l=0;l<o.length;l++){let c=o[l],d=qt(i,c),u=qt(s,c);if(!Object.is(d,u))try{let p=r[l],f=p.validateUsingKnownGoodVersion?p.validateUsingKnownGoodVersion(d,u):p.validate(u);Object.is(f,d)||(a=!0)}catch(p){Fa(c,p)}}if(n){if(!a){for(let l of Object.keys(s))if(!Cn(e,l)&&!Object.is(qt(i,l),qt(s,l))){a=!0;break}}}else for(let l in s)if(Cn(s,l)&&!Cn(e,l))throw new Pe("Unexpected property",[l]);if(!a){for(let l in i)if(Cn(i,l)&&!Cn(s,l)){a=!0;break}}return a?s:i}),this.config=e,this.shouldAllowUnknownProperties=n}config;shouldAllowUnknownProperties;allowUnknownProperties(){return new t(this.config,!0)}extend(e){return new t({...this.config,...e})}},Pb=class t extends bn{constructor(e,n,o,r){super(i=>{this.expectObject(i);let s=this.getMatchingSchema(i);if(s===void 0)return this.unknownValueValidation(i,this.getVariant(i));try{return s.validate(i)}catch(a){Fa(`(${e} = ${this.getVariant(i)})`,a)}},(i,s)=>{this.expectObject(s),this.expectObject(i);let a=this.getMatchingSchema(s);if(a===void 0)return this.unknownValueValidation(s,this.getVariant(s));try{return qt(i,e)!==qt(s,e)?a.validate(s):a.validateUsingKnownGoodVersion?a.validateUsingKnownGoodVersion(i,s):a.validate(s)}catch(l){Fa(`(${e} = ${this.getVariant(s)})`,l)}}),this.key=e,this.config=n,this.unknownValueValidation=o,this.useNumberKeys=r}key;config;unknownValueValidation;useNumberKeys;expectObject(e){if(typeof e!="object"||e===null)throw new Pe(`Expected an object, got ${Pi(e)}`,[])}getVariant(e){return qt(e,this.key)}getMatchingSchema(e){let n=qt(e,this.key);if(!this.useNumberKeys&&typeof n!="string")throw new Pe(`Expected a string for key "${this.key}", got ${Pi(n)}`);if(this.useNumberKeys){let o=Number(n);if(o-o!==0)throw new Pe(`Expected a number for key "${this.key}", got "${n}"`)}return Cn(this.config,n)?this.config[n]:void 0}validateUnknownVariants(e){return new t(this.key,this.config,e,this.useNumberKeys)}},kx=class extends bn{constructor(e,n){super(o=>{if(typeof o!="object"||o===null)throw new Pe(`Expected object, got ${Pi(o)}`);for(let r in o)if(Cn(o,r))try{e.validate(r),n.validate(o[r])}catch(i){Fa(r,i)}return o},(o,r)=>{if(typeof r!="object"||r===null)throw new Pe(`Expected object, got ${Pi(r)}`);let i=r,s=!1,a=0;for(let l in i){if(!Cn(i,l))continue;a++;let c=i[l];if(!Cn(o,l)){s=!0;try{e.validate(l),n.validate(c)}catch(u){Fa(l,u)}continue}let d=o[l];if(!Object.is(d,c))try{let u=n.validateUsingKnownGoodVersion?n.validateUsingKnownGoodVersion(d,c):n.validate(c);Object.is(u,d)||(s=!0)}catch(u){Fa(l,u)}}if(!s){let l=0;for(let c in o)Cn(o,c)&&l++;l!==a&&(s=!0)}return s?r:o}),this.keyValidator=e,this.valueValidator=n}keyValidator;valueValidator};function tz(t){return new bn(e=>{if(typeof e!==t)throw new Pe(`Expected ${t}, got ${Pi(e)}`);return e})}var bxe=new bn(t=>t),vxe=new bn(t=>t),Eb=tz("string"),wxe=new bn(t=>{if(Number.isFinite(t))return t;throw typeof t!="number"?new Pe(`Expected number, got ${Pi(t)}`):t!==t?new Pe("Expected a number, got NaN"):new Pe(`Expected a finite number, got ${t}`)}),xxe=new bn(t=>{if(Number.isFinite(t)&&t>=0)return t;throw typeof t!="number"?new Pe(`Expected number, got ${Pi(t)}`):t!==t?new Pe("Expected a number, got NaN"):t<0?new Pe(`Expected a positive number, got ${t}`):new Pe(`Expected a finite number, got ${t}`)}),Txe=new bn(t=>{if(Number.isFinite(t)&&t>0)return t;throw typeof t!="number"?new Pe(`Expected number, got ${Pi(t)}`):t!==t?new Pe("Expected a number, got NaN"):t<=0?new Pe(`Expected a non-zero positive number, got ${t}`):new Pe(`Expected a finite number, got ${t}`)}),Cxe=new bn(t=>{if(Number.isFinite(t)&&t!==0)return t;throw typeof t!="number"?new Pe(`Expected number, got ${Pi(t)}`):t!==t?new Pe("Expected a number, got NaN"):t===0?new Pe("Expected a non-zero number, got 0"):new Pe(`Expected a finite number, got ${t}`)}),Pxe=new bn(t=>{if(Number.isFinite(t)&&t>=0&&t<=1)return t;throw typeof t!="number"?new Pe(`Expected number, got ${Pi(t)}`):t!==t?new Pe("Expected a number, got NaN"):new Pe(`Expected a number between 0 and 1, got ${t}`)}),Exe=new bn(t=>{if(Number.isInteger(t))return t;throw typeof t!="number"?new Pe(`Expected number, got ${Pi(t)}`):t!==t?new Pe("Expected a number, got NaN"):t-t!==0?new Pe(`Expected a finite number, got ${t}`):new Pe(`Expected an integer, got ${t}`)}),Ixe=new bn(t=>{if(Number.isInteger(t)&&t>=0)return t;throw typeof t!="number"?new Pe(`Expected number, got ${Pi(t)}`):t!==t?new Pe("Expected a number, got NaN"):t-t!==0?new Pe(`Expected a finite number, got ${t}`):t<0?new Pe(`Expected a positive integer, got ${t}`):new Pe(`Expected an integer, got ${t}`)}),_xe=new bn(t=>{if(Number.isInteger(t)&&t>0)return t;throw typeof t!="number"?new Pe(`Expected number, got ${Pi(t)}`):t!==t?new Pe("Expected a number, got NaN"):t-t!==0?new Pe(`Expected a finite number, got ${t}`):t<=0?new Pe(`Expected a non-zero positive integer, got ${t}`):new Pe(`Expected an integer, got ${t}`)}),Mxe=tz("boolean"),Axe=tz("bigint");function kxe(t){return new bn(e=>{if(e!==t)throw new Pe(`Expected ${t}, got ${JSON.stringify(e)}`);return t})}var JB=new bn(t=>{if(!Array.isArray(t))throw new Pe(`Expected an array, got ${Pi(t)}`);return t});function Rxe(t){return new Mx(t)}var Dxe=new bn(t=>{if(typeof t!="object"||t===null)throw new Pe(`Expected object, got ${Pi(t)}`);return t});function Oxe(t){return new Ax(t)}function QB(t){return typeof t=="object"&&t!==null&&(Object.getPrototypeOf(t)===Object.prototype||Object.getPrototypeOf(t)===null||Object.getPrototypeOf(t)===gx)}function ez(t){if(t===null||typeof t=="number"||typeof t=="string"||typeof t=="boolean")return!0;if(Array.isArray(t)){for(let e=0;e<t.length;e++)if(!ez(t[e]))return!1;return!0}if(QB(t)){for(let e in t)if(Cn(t,e)&&!ez(t[e]))return!1;return!0}return!1}var cg=new bn(t=>{if(ez(t))return t;throw new Pe(`Expected json serializable value, got ${typeof t}`)},(t,e)=>{if(Array.isArray(t)&&Array.isArray(e)){let n=t.length!==e.length;for(let o=0;o<e.length;o++){if(o>=t.length){n=!0,cg.validate(e[o]);continue}let r=t[o],i=e[o];if(Object.is(r,i))continue;let s=cg.validateUsingKnownGoodVersion(r,i);Object.is(s,r)||(n=!0)}return n?e:t}else if(QB(t)&&QB(e)){let n=!1;for(let o in e){if(!Cn(e,o))continue;if(!Cn(t,o)){n=!0,cg.validate(e[o]);continue}let r=t[o],i=e[o];if(Object.is(r,i))continue;let s=cg.validateUsingKnownGoodVersion(r,i);Object.is(s,r)||(n=!0)}if(!n){for(let o in t)if(Cn(t,o)&&!Cn(e,o)){n=!0;break}}return n?e:t}else return cg.validate(e)});function Lxe(){return Mq(Eb,cg)}function Mq(t,e){return new kx(t,e)}function Nxe(t,e){return new Pb(t,e,(n,o)=>{throw new Pe(`Expected one of ${Object.keys(e).map(r=>JSON.stringify(r)).join(" or ")}, got ${JSON.stringify(o)}`,[t])},!1)}function Fxe(t,e){return new Pb(t,e,(n,o)=>{throw new Pe(`Expected one of ${Object.keys(e).map(r=>JSON.stringify(r)).join(" or ")}, got ${JSON.stringify(o)}`,[t])},!0)}function Bxe(t,e){return new bn(n=>{try{return e.validate(n)}catch(o){Fa(t,o)}},(n,o)=>{try{return e.validateUsingKnownGoodVersion?e.validateUsingKnownGoodVersion(n,o):e.validate(o)}catch(r){Fa(t,r)}})}function Aq(t){return new bn(e=>{if(!t.has(e)){let n=Array.from(t,o=>JSON.stringify(o)).join(" or ");throw new Pe(`Expected ${n}, got ${e}`)}return e})}function kq(t){return new bn(e=>{if(e!==void 0)return t.validate(e)},(e,n)=>{if(n!==void 0)return t.validateUsingKnownGoodVersion&&e!==void 0?t.validateUsingKnownGoodVersion(e,n):t.validate(n)},t instanceof bn&&t.skipSameValueCheck)}function Rq(t){return new bn(e=>e===null?null:t.validate(e),(e,n)=>n===null?null:t.validateUsingKnownGoodVersion&&e!==null?t.validateUsingKnownGoodVersion(e,n):t.validate(n),t instanceof bn&&t.skipSameValueCheck)}function zxe(...t){return Aq(new Set(t))}function nz(t){try{return new URL(t)}catch{if(t.startsWith("/")||t.startsWith("./"))try{return new URL(t,"http://example.com")}catch{throw new Pe(`Expected a valid url, got ${JSON.stringify(t)}`)}throw new Pe(`Expected a valid url, got ${JSON.stringify(t)}`)}}var Uxe=new Set(["http:","https:","mailto:"]),Hxe=Eb.check(t=>{if(t==="")return;let e=nz(t);if(!Uxe.has(e.protocol.toLowerCase()))throw new Pe(`Expected a valid url, got ${JSON.stringify(t)} (invalid protocol)`)}),Vxe=new Set(["http:","https:","data:","asset:"]),jxe=Eb.check(t=>{if(t==="")return;let e=nz(t);if(!Vxe.has(e.protocol.toLowerCase()))throw new Pe(`Expected a valid url, got ${JSON.stringify(t)} (invalid protocol)`)}),$xe=Eb.check(t=>{if(t==="")return;if(!nz(t).protocol.toLowerCase().match(/^https?:$/))throw new Pe(`Expected a valid url, got ${JSON.stringify(t)} (invalid protocol)`)}),Kxe=Eb.refine(t=>{try{return xB(t),t}catch{throw new Pe(`Expected an index key, got ${JSON.stringify(t)}`)}});function Gxe(t,e){return new bn(n=>{try{return t.validate(n)}catch{return e.validate(n)}})}wi("@tldraw/validate","5.2.5","esm");function fo(t){return A.string.refine(e=>{if(!e.startsWith(`${t}:`))throw new Error(`${t} ID must start with "${t}:"`);return e})}var Yf=fo("asset");function Nd(t,e,n){let o=e instanceof A.Validator?e:e?A.object(e):A.jsonValue;return A.object({id:Yf,typeName:A.literal("asset"),type:A.literal(t),props:o,meta:n?A.object(n):A.jsonValue})}var Ib={title:A.string,description:A.string,image:A.string,favicon:A.string,src:A.srcUrl.nullable()},p9e=Nd("bookmark",A.object(Ib)),Dq=an("com.tldraw.asset.bookmark",{MakeUrlsValid:1,AddFavicon:2}),Rx=Pn({sequenceId:"com.tldraw.asset.bookmark",recordType:"asset",filter:t=>t.type==="bookmark",sequence:[{id:Dq.MakeUrlsValid,up:t=>{A.srcUrl.isValid(t.props.src)||(t.props.src="")},down:t=>{}},{id:Dq.AddFavicon,up:t=>{A.srcUrl.isValid(t.props.favicon)||(t.props.favicon="")},down:t=>{delete t.props.favicon}}]});var Mb={w:A.number,h:A.number,name:A.string,isAnimated:A.boolean,mimeType:A.string.nullable(),src:A.srcUrl.nullable(),fileSize:A.nonZeroNumber.optional(),pixelRatio:A.positiveNumber.optional()},y9e=Nd("image",A.object(Mb)),_b=an("com.tldraw.asset.image",{AddIsAnimated:1,RenameWidthHeight:2,MakeUrlsValid:3,AddFileSize:4,MakeFileSizeOptional:5,AddPixelRatio:6}),Dx=Pn({sequenceId:"com.tldraw.asset.image",recordType:"asset",filter:t=>t.type==="image",sequence:[{id:_b.AddIsAnimated,up:t=>{t.props.isAnimated=!1},down:t=>{delete t.props.isAnimated}},{id:_b.RenameWidthHeight,up:t=>{t.props.w=t.props.width,t.props.h=t.props.height,delete t.props.width,delete t.props.height},down:t=>{t.props.width=t.props.w,t.props.height=t.props.h,delete t.props.w,delete t.props.h}},{id:_b.MakeUrlsValid,up:t=>{A.srcUrl.isValid(t.props.src)||(t.props.src="")},down:t=>{}},{id:_b.AddFileSize,up:t=>{t.props.fileSize=-1},down:t=>{delete t.props.fileSize}},{id:_b.MakeFileSizeOptional,up:t=>{t.props.fileSize===-1&&(t.props.fileSize=void 0)},down:t=>{t.props.fileSize===void 0&&(t.props.fileSize=-1)}},{id:_b.AddPixelRatio,up:t=>{},down:t=>{delete t.props.pixelRatio}}]});var Ab={w:A.number,h:A.number,name:A.string,isAnimated:A.boolean,mimeType:A.string.nullable(),src:A.srcUrl.nullable(),fileSize:A.number.optional()},x9e=Nd("video",A.object(Ab)),Ox=an("com.tldraw.asset.video",{AddIsAnimated:1,RenameWidthHeight:2,MakeUrlsValid:3,AddFileSize:4,MakeFileSizeOptional:5}),Lx=Pn({sequenceId:"com.tldraw.asset.video",recordType:"asset",filter:t=>t.type==="video",sequence:[{id:Ox.AddIsAnimated,up:t=>{t.props.isAnimated=!1},down:t=>{delete t.props.isAnimated}},{id:Ox.RenameWidthHeight,up:t=>{t.props.w=t.props.width,t.props.h=t.props.height,delete t.props.width,delete t.props.height},down:t=>{t.props.width=t.props.w,t.props.height=t.props.h,delete t.props.w,delete t.props.h}},{id:Ox.MakeUrlsValid,up:t=>{A.srcUrl.isValid(t.props.src)||(t.props.src="")},down:t=>{}},{id:Ox.AddFileSize,up:t=>{t.props.fileSize=-1},down:t=>{delete t.props.fileSize}},{id:Ox.MakeFileSizeOptional,up:t=>{t.props.fileSize===-1&&(t.props.fileSize=void 0)},down:t=>{t.props.fileSize===void 0&&(t.props.fileSize=-1)}}]});var sc=A.object({x:A.number,y:A.number,z:A.number.optional()}),qf=A.object({x:A.number,y:A.number,w:A.number,h:A.number});var Nx=A.unitInterval;var Oq=A.string.refine(t=>{if(!t.startsWith("page:")&&!t.startsWith("shape:"))throw new Error('Parent ID must start with "page:" or "shape:"');return t}),$i=fo("shape");function oz(t,e,n){return A.object({id:$i,typeName:A.literal("shape"),x:A.number,y:A.number,rotation:A.number,index:A.indexKey,parentId:Oq,type:A.literal(t),isLocked:A.boolean,opacity:Nx,props:e?A.object(e):A.jsonValue,meta:n?A.object(n):A.jsonValue})}var Lq=fo("binding");function rz(t,e,n){return A.object({id:Lq,typeName:A.literal("binding"),type:A.literal(t),fromId:$i,toId:$i,props:e?A.object(e):A.jsonValue,meta:n?A.object(n):A.jsonValue})}var U9e=an("com.tldraw.binding",{}),Wxe=Pn({sequenceId:"com.tldraw.binding",recordType:"binding",sequence:[]});function ac(t){return`binding:${t??Ne()}`}function iz(t,e){return ei(e,(n,o)=>`com.tldraw.binding.${t}/${o}`)}function Nq(t){return Jn("binding",{scope:"document",validator:A.model("binding",A.union("type",ei(t,(e,{props:n,meta:o})=>rz(e,n,o))))}).withDefaultProperties(()=>({meta:{}}))}var lc=A.object({type:A.string,content:A.arrayOf(A.unknown),attrs:A.any.optional()});function jt(t){return{type:"doc",content:t.split(`
+`).map(o=>o?{type:"paragraph",content:[{type:"text",text:o}]}:{type:"paragraph"})}}var ln=class t{constructor(e,n,o){this.id=e,this.defaultValue=n,this.type=o}id;defaultValue;type;static define(e,n){let{defaultValue:o,type:r=A.any}=n;return new t(e,o,r)}static defineEnum(e,n){let{defaultValue:o,values:r}=n;return new fM(e,o,r)}setDefaultValue(e){this.defaultValue=e}validate(e){return this.type.validate(e)}validateUsingKnownGoodVersion(e,n){return this.type.validateUsingKnownGoodVersion?this.type.validateUsingKnownGoodVersion(e,n):this.validate(n)}},fM=class extends ln{constructor(e,n,o){super(e,n,A.literalEnum(...o)),this.values=[...o]}values;addValues(...e){for(let n of e)this.values.includes(n)||this.values.push(n);this.type=A.literalEnum(...this.values)}removeValues(...e){for(let n of e)this.values.includes(n)&&this.values.splice(this.values.indexOf(n),1);this.type=A.literalEnum(...this.values)}};var hM=an("com.tldraw.shape",{AddIsLocked:1,HoistOpacity:2,AddMeta:3,AddWhite:4}),sz=Pn({sequenceId:"com.tldraw.shape",recordType:"shape",sequence:[{id:hM.AddIsLocked,up:t=>{t.isLocked=!1},down:t=>{delete t.isLocked}},{id:hM.HoistOpacity,up:t=>{t.opacity=Number(t.props.opacity??"1"),delete t.props.opacity},down:t=>{let e=t.opacity;delete t.opacity,t.props.opacity=e<.175?"0.1":e<.375?"0.25":e<.625?"0.5":e<.875?"0.75":"1"}},{id:hM.AddMeta,up:t=>{t.meta={}}},{id:hM.AddWhite,up:t=>{},down:t=>{t.props.color==="white"&&(t.props.color="black")}}]});function Ba(t){return t?t.typeName==="shape":!1}function On(t){return t?t.startsWith("shape:"):!1}function Ke(t){return`shape:${t??Ne()}`}function Fx(t){let e=new Map;for(let[n,o]of Object.entries(t))if(o instanceof ln){if(e.has(o))throw new Error(`Duplicate style prop ${o.id}. Each style prop can only be used once within a shape.`);e.set(o,n)}return e}function ho(t,e){return ei(e,(n,o)=>`com.tldraw.shape.${t}/${o}`)}function Fq(t){return Jn("shape",{scope:"document",validator:A.model("shape",A.union("type",ei(t,(e,{props:n,meta:o})=>oz(e,n,o))))}).withDefaultProperties(()=>({x:0,y:0,rotation:0,isLocked:!1,opacity:1,meta:{}}))}function mM(t,e){let n=[];for(let[o,{migrations:r}]of Object.entries(e)){let i=`com.tldraw.${t}.${o}`;r?"sequenceId"in r?(ne(i===r.sequenceId,`sequenceId mismatch for ${o} ${Cb} migrations. Expected '${i}', got '${r.sequenceId}'`),n.push(r)):"sequence"in r?n.push(La({sequenceId:i,retroactive:!0,sequence:r.sequence.map(s=>"id"in s?az(t,o,s):s)})):n.push(La({sequenceId:i,retroactive:!0,sequence:Object.keys(r.migrators).map(s=>Number(s)).sort((s,a)=>s-a).map(s=>({id:`${i}/${s}`,scope:"record",filter:a=>a.typeName===t&&a.type===o,up:a=>{let l=r.migrators[s].up(a);if(l)return l},down:a=>{let l=r.migrators[s].down(a);if(l)return l}}))})):n.push(La({sequenceId:i,retroactive:!0,sequence:[]}))}return n}function az(t,e,n){return{id:n.id,dependsOn:n.dependsOn,scope:"record",filter:o=>o.typeName===t&&o.type===e,up:o=>{let r=n.up(o.props);r&&(o.props=r)},down:typeof n.down=="function"?o=>{let r=n.down(o.props);r&&(o.props=r)}:void 0}}var Bq=["black","grey","light-violet","violet","blue","light-blue","yellow","orange","green","light-green","light-red","red","white"],zt=ln.defineEnum("tldraw:color",{defaultValue:"black",values:Bq}),Xf=ln.defineEnum("tldraw:labelColor",{defaultValue:"black",values:Bq});function Bx(t){let e=new Set;for(let o of Object.values(t))for(let r of[o.colors.light,o.colors.dark])for(let[i,s]of Object.entries(r))typeof s=="object"&&s!==null&&e.add(i);e.size>0&&(zt.addValues(...e),Xf.addValues(...e));let n=zt.values.filter(o=>!e.has(o));n.length>0&&(zt.removeValues(...n),Xf.removeValues(...n))}var Ws=ln.defineEnum("tldraw:dash",{defaultValue:"draw",values:["draw","solid","dashed","dotted","none"]});var Ki=ln.defineEnum("tldraw:fill",{defaultValue:"none",values:["none","semi","solid","pattern","fill","lined-fill"]});var nr=ln.defineEnum("tldraw:font",{defaultValue:"draw",values:["draw","sans","serif","mono"]}),kb={draw:"'tldraw_draw', sans-serif",sans:"'tldraw_sans', sans-serif",serif:"'tldraw_serif', serif",mono:"'tldraw_mono', monospace"};function zx(t){return typeof t=="object"&&t!==null&&"fontFamily"in t}function Ux(t){let e=new Set;for(let r of Object.values(t))if(r.fonts)for(let[i,s]of Object.entries(r.fonts))zx(s)&&e.add(i);let n=[...e].filter(r=>!nr.values.includes(r));n.length>0&&nr.addValues(...n);let o=nr.values.filter(r=>!e.has(r));o.length>0&&nr.removeValues(...o)}var br=ln.defineEnum("tldraw:size",{defaultValue:"m",values:["s","m","l","xl"]});var Yxe=["arc","elbow"],dg=ln.defineEnum("tldraw:arrowKind",{defaultValue:"arc",values:Yxe}),zq=["arrow","triangle","square","dot","pipe","diamond","inverted","bar","none"],Hx=ln.defineEnum("tldraw:arrowheadStart",{defaultValue:"none",values:zq}),Vx=ln.defineEnum("tldraw:arrowheadEnd",{defaultValue:"arrow",values:zq}),jx={kind:dg,labelColor:Xf,color:zt,fill:Ki,dash:Ws,size:br,arrowheadStart:Hx,arrowheadEnd:Vx,font:nr,start:sc,end:sc,bend:A.number,richText:lc,labelPosition:A.number,scale:A.nonZeroNumber,elbowMidPoint:A.number},cc=ho("arrow",{AddLabelColor:1,AddIsPrecise:2,AddLabelPosition:3,ExtractBindings:4,AddScale:5,AddElbow:6,AddRichText:7,AddRichTextAttrs:8});function ug(t){return az("shape","arrow",t)}var $x=La({sequenceId:"com.tldraw.shape.arrow",retroactive:!1,sequence:[ug({id:cc.AddLabelColor,up:t=>{t.labelColor="black"},down:"retired"}),ug({id:cc.AddIsPrecise,up:({start:t,end:e})=>{t.type==="binding"&&(t.isPrecise=!(t.normalizedAnchor.x===.5&&t.normalizedAnchor.y===.5)),e.type==="binding"&&(e.isPrecise=!(e.normalizedAnchor.x===.5&&e.normalizedAnchor.y===.5))},down:({start:t,end:e})=>{t.type==="binding"&&(t.isPrecise||(t.normalizedAnchor={x:.5,y:.5}),delete t.isPrecise),e.type==="binding"&&(e.isPrecise||(e.normalizedAnchor={x:.5,y:.5}),delete e.isPrecise)}}),ug({id:cc.AddLabelPosition,up:t=>{t.labelPosition=.5},down:t=>{delete t.labelPosition}}),{id:cc.ExtractBindings,scope:"storage",up:t=>{let e=[];for(let n of t.values()){if(n.typeName!=="shape"||n.type!=="arrow")continue;let o=n,r=yt(o),{start:i,end:s}=o.props;if(i.type==="binding"){let a=ac(),l={typeName:"binding",id:a,type:"arrow",fromId:o.id,toId:i.boundShapeId,meta:{},props:{terminal:"start",normalizedAnchor:i.normalizedAnchor,isExact:i.isExact,isPrecise:i.isPrecise}};e.push([a,l]),r.props.start={x:0,y:0}}else delete r.props.start.type;if(s.type==="binding"){let a=ac(),l={typeName:"binding",id:a,type:"arrow",fromId:o.id,toId:s.boundShapeId,meta:{},props:{terminal:"end",normalizedAnchor:s.normalizedAnchor,isExact:s.isExact,isPrecise:s.isPrecise}};e.push([a,l]),r.props.end={x:0,y:0}}else delete r.props.end.type;e.push([o.id,r])}for(let[n,o]of e)t.set(n,o)}},ug({id:cc.AddScale,up:t=>{t.scale=1},down:t=>{delete t.scale}}),ug({id:cc.AddElbow,up:t=>{t.kind="arc",t.elbowMidPoint=.5},down:t=>{delete t.kind,delete t.elbowMidPoint}}),ug({id:cc.AddRichText,up:t=>{t.richText=jt(t.text),delete t.text}}),ug({id:cc.AddRichTextAttrs,up:t=>{},down:t=>{t.richText&&"attrs"in t.richText&&delete t.richText.attrs}})]});var Uq=A.literalEnum("center","edge-point","edge","none"),Kx={terminal:A.literalEnum("start","end"),normalizedAnchor:sc,isExact:A.boolean,isPrecise:A.boolean,snap:Uq},Hq=iz("arrow",{AddSnap:1}),Gx={sequence:[{dependsOn:[cc.ExtractBindings]},{id:Hq.AddSnap,up:t=>{t.snap="none"},down:t=>{delete t.snap}}]};var Xxe=A.model("camera",A.object({typeName:A.literal("camera"),id:fo("camera"),x:A.number,y:A.number,z:A.number,meta:A.jsonValue})),Zxe=an("com.tldraw.camera",{AddMeta:1}),Vq=Pn({sequenceId:"com.tldraw.camera",recordType:"camera",sequence:[{id:Zxe.AddMeta,up:t=>{t.meta={}}}]}),Gi=Jn("camera",{validator:Xxe,scope:"session"}).withDefaultProperties(()=>({x:0,y:0,z:1,meta:{}}));var jq=new Set(["none","default","pointer","cross","grab","rotate","grabbing","resize-edge","resize-corner","text","move","ew-resize","ns-resize","nesw-resize","nwse-resize","nesw-rotate","nwse-rotate","swne-rotate","senw-rotate","zoom-in","zoom-out"]),lz=A.setEnum(jq),$q=A.object({type:lz,rotation:A.number});var Kq=new Set(["accent","white","black","selection-stroke","selection-fill","laser","muted-1"]),cz=A.setEnum(Kq);var Gq=new Set(["starting","paused","active","complete","stopping"]),Wx=A.object({id:A.string,points:A.arrayOf(sc),size:A.positiveNumber,color:cz,opacity:A.number,state:A.setEnum(Gq),delay:A.number,shrink:A.number,taper:A.boolean});var Fd=fo("page"),Jxe=A.model("page",A.object({typeName:A.literal("page"),id:Fd,name:A.string,index:A.indexKey,meta:A.jsonValue})),Qxe=an("com.tldraw.page",{AddMeta:1}),Wq=Pn({sequenceId:"com.tldraw.page",recordType:"page",sequence:[{id:Qxe.AddMeta,up:t=>{t.meta={}}}]}),mo=Jn("page",{validator:Jxe,scope:"document"}).withDefaultProperties(()=>({meta:{}}));function jo(t){return mo.isId(t)}var Bd=fo("user"),eTe=an("com.tldraw.user",{Initial:1}),Yq=Pn({sequenceId:"com.tldraw.user",recordType:"user",sequence:[{id:eTe.Initial,up:t=>{}}]});function gM(t){let e=t?.meta,n=e?A.object(Object.fromEntries(Object.entries(e).map(([r,i])=>[r,new A.Validator(s=>{if(s!==void 0)return i.validate(s)})]))).allowUnknownProperties():A.jsonValue,o=A.model("user",A.object({typeName:A.literal("user"),id:Bd,name:A.string,color:A.string,imageUrl:A.string,meta:n}));return Jn("user",{validator:o,scope:"document"}).withDefaultProperties(()=>({name:"",color:"",imageUrl:"",meta:{}}))}var Xje=A.model("user",A.object({typeName:A.literal("user"),id:Bd,name:A.string,color:A.string,imageUrl:A.string,meta:A.jsonValue})),Zf=gM();function cu(t){return Zf.createId(t)}var tTe={id:!1,typeName:!1,currentPageId:!1,opacityForNextShape:!1,stylesForNextShape:!1,followingUserId:!1,highlightedUserIds:!1,brush:!1,cursor:!1,scribbles:!1,isFocusMode:!0,isDebugMode:!0,isToolLocked:!0,exportBackground:!0,screenBounds:!0,insets:!0,zoomBrush:!1,chatMessage:!1,isChatting:!1,isPenMode:!1,isGridMode:!0,isFocused:!0,devicePixelRatio:!0,isCoarsePointer:!0,isHoveringCanvas:!1,openMenus:!1,isChangingStyle:!1,isReadonly:!0,meta:!1,duplicateProps:!1,cameraState:!1};function Yx(t){return t?_d(t,e=>tTe[e]):null}var l7e=fo("instance");function qq(t){let e={};for(let[o,r]of t)e[o]=A.optional(r);let n=A.model("instance",A.object({typeName:A.literal("instance"),id:fo("instance"),currentPageId:Fd,followingUserId:Bd.nullable(),brush:qf.nullable(),opacityForNextShape:Nx,stylesForNextShape:A.object(e),cursor:$q,scribbles:A.arrayOf(Wx),isFocusMode:A.boolean,isDebugMode:A.boolean,isToolLocked:A.boolean,exportBackground:A.boolean,screenBounds:qf,insets:A.arrayOf(A.boolean),zoomBrush:qf.nullable(),isPenMode:A.boolean,isGridMode:A.boolean,chatMessage:A.string,isChatting:A.boolean,highlightedUserIds:A.arrayOf(Bd),isFocused:A.boolean,devicePixelRatio:A.number,isCoarsePointer:A.boolean,isHoveringCanvas:A.boolean.nullable(),openMenus:A.arrayOf(A.string),isChangingStyle:A.boolean,isReadonly:A.boolean,meta:A.jsonValue,duplicateProps:A.object({shapeIds:A.arrayOf(fo("shape")),offset:A.object({x:A.number,y:A.number})}).nullable(),cameraState:A.literalEnum("idle","moving")}));return Jn("instance",{validator:n,scope:"session",ephemeralKeys:{currentPageId:!1,meta:!1,followingUserId:!0,opacityForNextShape:!0,stylesForNextShape:!0,brush:!0,cursor:!0,scribbles:!0,isFocusMode:!0,isDebugMode:!0,isToolLocked:!0,exportBackground:!0,screenBounds:!0,insets:!0,zoomBrush:!0,isPenMode:!0,isGridMode:!0,chatMessage:!0,isChatting:!0,highlightedUserIds:!0,isFocused:!0,devicePixelRatio:!0,isCoarsePointer:!0,isHoveringCanvas:!0,openMenus:!0,isChangingStyle:!0,isReadonly:!0,duplicateProps:!0,cameraState:!0}}).withDefaultProperties(()=>({followingUserId:null,opacityForNextShape:1,stylesForNextShape:{},brush:null,scribbles:[],cursor:{type:"default",rotation:0},isFocusMode:!1,exportBackground:!1,isDebugMode:!1,isToolLocked:!1,screenBounds:{x:0,y:0,w:1080,h:720},insets:[!1,!1,!1,!1],zoomBrush:null,isGridMode:!1,isPenMode:!1,chatMessage:"",isChatting:!1,highlightedUserIds:[],isFocused:!1,devicePixelRatio:typeof window>"u"?1:window.devicePixelRatio,isCoarsePointer:!1,isHoveringCanvas:null,openMenus:[],isChangingStyle:!1,isReadonly:!1,meta:{},duplicateProps:null,cameraState:"idle"}))}var Qn=an("com.tldraw.instance",{AddTransparentExportBgs:1,RemoveDialog:2,AddToolLockMode:3,RemoveExtraPropsForNextShape:4,AddLabelColor:5,AddFollowingUserId:6,RemoveAlignJustify:7,AddZoom:8,AddVerticalAlign:9,AddScribbleDelay:10,RemoveUserId:11,AddIsPenModeAndIsGridMode:12,HoistOpacity:13,AddChat:14,AddHighlightedUserIds:15,ReplacePropsForNextShapeWithStylesForNextShape:16,AddMeta:17,RemoveCursorColor:18,AddLonelyProperties:19,ReadOnlyReadonly:20,AddHoveringCanvas:21,AddScribbles:22,AddInset:23,AddDuplicateProps:24,RemoveCanMoveCamera:25,AddCameraState:26}),Xq=Pn({sequenceId:"com.tldraw.instance",recordType:"instance",sequence:[{id:Qn.AddTransparentExportBgs,up:t=>({...t,exportBackground:!0})},{id:Qn.RemoveDialog,up:({dialog:t,...e})=>e},{id:Qn.AddToolLockMode,up:t=>({...t,isToolLocked:!1})},{id:Qn.RemoveExtraPropsForNextShape,up:({propsForNextShape:t,...e})=>({...e,propsForNextShape:Object.fromEntries(Object.entries(t).filter(([n])=>["color","labelColor","dash","fill","size","font","align","verticalAlign","icon","geo","arrowheadStart","arrowheadEnd","spline"].includes(n)))})},{id:Qn.AddLabelColor,up:({propsForNextShape:t,...e})=>({...e,propsForNextShape:{...t,labelColor:"black"}})},{id:Qn.AddFollowingUserId,up:t=>({...t,followingUserId:null})},{id:Qn.RemoveAlignJustify,up:t=>{let e=t.propsForNextShape.align;return e==="justify"&&(e="start"),{...t,propsForNextShape:{...t.propsForNextShape,align:e}}}},{id:Qn.AddZoom,up:t=>({...t,zoomBrush:null})},{id:Qn.AddVerticalAlign,up:t=>({...t,propsForNextShape:{...t.propsForNextShape,verticalAlign:"middle"}})},{id:Qn.AddScribbleDelay,up:t=>t.scribble!==null?{...t,scribble:{...t.scribble,delay:0}}:{...t}},{id:Qn.RemoveUserId,up:({userId:t,...e})=>e},{id:Qn.AddIsPenModeAndIsGridMode,up:t=>({...t,isPenMode:!1,isGridMode:!1})},{id:Qn.HoistOpacity,up:({propsForNextShape:{opacity:t,...e},...n})=>({...n,opacityForNextShape:Number(t??"1"),propsForNextShape:e})},{id:Qn.AddChat,up:t=>({...t,chatMessage:"",isChatting:!1})},{id:Qn.AddHighlightedUserIds,up:t=>({...t,highlightedUserIds:[]})},{id:Qn.ReplacePropsForNextShapeWithStylesForNextShape,up:({propsForNextShape:t,...e})=>({...e,stylesForNextShape:{}})},{id:Qn.AddMeta,up:t=>({...t,meta:{}})},{id:Qn.RemoveCursorColor,up:t=>{let{color:e,...n}=t.cursor;return{...t,cursor:n}}},{id:Qn.AddLonelyProperties,up:t=>({...t,canMoveCamera:!0,isFocused:!1,devicePixelRatio:1,isCoarsePointer:!1,openMenus:[],isChangingStyle:!1,isReadOnly:!1})},{id:Qn.ReadOnlyReadonly,up:({isReadOnly:t,...e})=>({...e,isReadonly:t})},{id:Qn.AddHoveringCanvas,up:t=>({...t,isHoveringCanvas:null})},{id:Qn.AddScribbles,up:({scribble:t,...e})=>({...e,scribbles:[]})},{id:Qn.AddInset,up:t=>({...t,insets:[!1,!1,!1,!1]}),down:({insets:t,...e})=>({...e})},{id:Qn.AddDuplicateProps,up:t=>({...t,duplicateProps:null}),down:({duplicateProps:t,...e})=>({...e})},{id:Qn.RemoveCanMoveCamera,up:({canMoveCamera:t,...e})=>({...e}),down:t=>({...t,canMoveCamera:!0})},{id:Qn.AddCameraState,up:t=>({...t,cameraState:"idle"}),down:({cameraState:t,...e})=>e}]}),$o="instance:instance";var nTe=A.model("instance_page_state",A.object({typeName:A.literal("instance_page_state"),id:fo("instance_page_state"),pageId:Fd,selectedShapeIds:A.arrayOf($i),hintingShapeIds:A.arrayOf($i),erasingShapeIds:A.arrayOf($i),hoveredShapeId:$i.nullable(),editingShapeId:$i.nullable(),croppingShapeId:$i.nullable(),focusedGroupId:$i.nullable(),meta:A.jsonValue})),qx=an("com.tldraw.instance_page_state",{AddCroppingId:1,RemoveInstanceIdAndCameraId:2,AddMeta:3,RenameProperties:4,RenamePropertiesAgain:5}),Zq=Pn({sequenceId:"com.tldraw.instance_page_state",recordType:"instance_page_state",sequence:[{id:qx.AddCroppingId,up(t){t.croppingShapeId=null}},{id:qx.RemoveInstanceIdAndCameraId,up(t){delete t.instanceId,delete t.cameraId}},{id:qx.AddMeta,up:t=>{t.meta={}}},{id:qx.RenameProperties,up:t=>{},down:t=>{}},{id:qx.RenamePropertiesAgain,up:t=>{t.selectedShapeIds=t.selectedIds,delete t.selectedIds,t.hintingShapeIds=t.hintingIds,delete t.hintingIds,t.erasingShapeIds=t.erasingIds,delete t.erasingIds,t.hoveredShapeId=t.hoveredId,delete t.hoveredId,t.editingShapeId=t.editingId,delete t.editingId,t.croppingShapeId=t.croppingShapeId??t.croppingId??null,delete t.croppingId,t.focusedGroupId=t.focusLayerId,delete t.focusLayerId},down:t=>{t.selectedIds=t.selectedShapeIds,delete t.selectedShapeIds,t.hintingIds=t.hintingShapeIds,delete t.hintingShapeIds,t.erasingIds=t.erasingShapeIds,delete t.erasingShapeIds,t.hoveredId=t.hoveredShapeId,delete t.hoveredShapeId,t.editingId=t.editingShapeId,delete t.editingShapeId,t.croppingId=t.croppingShapeId,delete t.croppingShapeId,t.focusLayerId=t.focusedGroupId,delete t.focusedGroupId}}]}),Ei=Jn("instance_page_state",{validator:nTe,scope:"session",ephemeralKeys:{pageId:!1,selectedShapeIds:!1,editingShapeId:!0,croppingShapeId:!1,meta:!1,hintingShapeIds:!0,erasingShapeIds:!0,hoveredShapeId:!0,focusedGroupId:!0}}).withDefaultProperties(()=>({editingShapeId:null,croppingShapeId:null,selectedShapeIds:[],hoveredShapeId:null,erasingShapeIds:[],hintingShapeIds:[],focusedGroupId:null,meta:{}}));var oTe=A.model("pointer",A.object({typeName:A.literal("pointer"),id:fo("pointer"),x:A.number,y:A.number,lastActivityTimestamp:A.number,meta:A.jsonValue})),rTe=an("com.tldraw.pointer",{AddMeta:1}),Jq=Pn({sequenceId:"com.tldraw.pointer",recordType:"pointer",sequence:[{id:rTe.AddMeta,up:t=>{t.meta={}}}]}),Rb=Jn("pointer",{validator:oTe,scope:"session"}).withDefaultProperties(()=>({x:0,y:0,lastActivityTimestamp:0,meta:{}})),Jf=Rb.createId("pointer");var iTe=A.model("instance_presence",A.object({typeName:A.literal("instance_presence"),id:fo("instance_presence"),userId:Bd,userName:A.string,lastActivityTimestamp:A.number.nullable(),followingUserId:Bd.nullable(),cursor:A.object({x:A.number,y:A.number,type:lz,rotation:A.number}).nullable(),color:A.string,camera:A.object({x:A.number,y:A.number,z:A.number}).nullable(),screenBounds:qf.nullable(),selectedShapeIds:A.arrayOf(fo("shape")),currentPageId:fo("page"),brush:qf.nullable(),scribbles:A.arrayOf(Wx),chatMessage:A.string,meta:A.jsonValue})),Db=an("com.tldraw.instance_presence",{AddScribbleDelay:1,RemoveInstanceId:2,AddChatMessage:3,AddMeta:4,RenameSelectedShapeIds:5,NullableCameraCursor:6}),Qq=Pn({sequenceId:"com.tldraw.instance_presence",recordType:"instance_presence",sequence:[{id:Db.AddScribbleDelay,up:t=>{t.scribble!==null&&(t.scribble.delay=0)}},{id:Db.RemoveInstanceId,up:t=>{delete t.instanceId}},{id:Db.AddChatMessage,up:t=>{t.chatMessage=""}},{id:Db.AddMeta,up:t=>{t.meta={}}},{id:Db.RenameSelectedShapeIds,up:t=>{}},{id:Db.NullableCameraCursor,up:t=>{},down:t=>{t.camera===null&&(t.camera={x:0,y:0,z:1}),t.lastActivityTimestamp===null&&(t.lastActivityTimestamp=0),t.cursor===null&&(t.cursor={type:"default",x:0,y:0,rotation:0}),t.screenBounds===null&&(t.screenBounds={x:0,y:0,w:1,h:1})}}]}),yM=Jn("instance_presence",{validator:iTe,scope:"presence"}).withDefaultProperties(()=>({lastActivityTimestamp:null,followingUserId:null,color:"#FF0000",camera:null,cursor:null,screenBounds:null,selectedShapeIds:[],brush:null,scribbles:[],chatMessage:"",meta:{}}));var sTe=an("com.tldraw.asset",{AddMeta:1}),uz=Pn({sequenceId:"com.tldraw.asset",recordType:"asset",sequence:[{id:sTe.AddMeta,up:t=>{t.meta={}}}]});function dz(t){return Jn("asset",{scope:"document",validator:A.model("asset",A.union("type",ei(t,(e,{props:n,meta:o})=>Nd(e,n,o))))}).withDefaultProperties(()=>({meta:{}}))}var za=Jn("asset",{scope:"document"}).withDefaultProperties(()=>({meta:{}}));function eX(t,e){return Jn(t,{scope:e.scope,validator:e.validator}).withDefaultProperties(e.createDefaultProperties??(()=>({})))}function tX(t){let e=[];for(let[n,o]of Object.entries(t)){let r=`com.tldraw.${n}`,{migrations:i}=o;i?"sequenceId"in i?(ne(r===i.sequenceId,`sequenceId mismatch for ${n} custom record migrations. Expected '${r}', got '${i.sequenceId}'`),e.push(i)):"sequence"in i&&e.push(La({sequenceId:r,retroactive:!0,sequence:i.sequence.map(s=>"id"in s?{id:s.id,dependsOn:s.dependsOn,scope:"record",filter:a=>a.typeName===n,up:a=>{let l=s.up(a);if(l)return l},down:typeof s.down=="function"?a=>{let l=s.down(a);if(l)return l}:void 0}:s)})):e.push(La({sequenceId:r,retroactive:!0,sequence:[]}))}return e}var aTe=A.model("document",A.object({typeName:A.literal("document"),id:A.literal("document:document"),gridSize:A.number,name:A.string,meta:A.jsonValue}));var nX=an("com.tldraw.document",{AddName:1,AddMeta:2}),oX=Pn({sequenceId:"com.tldraw.document",recordType:"document",sequence:[{id:nX.AddName,up:t=>{t.name=""},down:t=>{delete t.name}},{id:nX.AddMeta,up:t=>{t.meta={}}}]}),Ob=Jn("document",{validator:aTe,scope:"document"}).withDefaultProperties(()=>({gridSize:10,name:"",meta:{}})),Lb=Ob.createId("document");var Xx={w:A.nonZeroNumber,h:A.nonZeroNumber,assetId:Yf.nullable(),url:A.linkUrl},rX=ho("bookmark",{NullAssetId:1,MakeUrlsValid:2}),Zx={sequence:[{id:rX.NullAssetId,up:t=>{t.assetId===void 0&&(t.assetId=null)},down:"retired"},{id:rX.MakeUrlsValid,up:t=>{A.linkUrl.isValid(t.url)||(t.url="")},down:t=>{}}]};var uu="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/",du=new Uint8Array(128);for(let t=0;t<64;t++)du[uu.charCodeAt(t)]=t;var zd=63,iX=61,aX=new Float64Array(31);for(let t=0;t<31;t++)aX[t]=Math.pow(2,t-15);var sX=Math.pow(2,-14)/1024,lX=new Float64Array(1024);for(let t=0;t<1024;t++)lX[t]=1+t/1024;function lTe(t,e){return t.getFloat16(e,!0)}function cTe(t,e){return gTe(t.getUint16(e,!0))}var Ua=typeof DataView.prototype.getFloat16=="function"?lTe:cTe;function uTe(t,e,n){t.setFloat16(e,n,!0)}function dTe(t,e,n){t.setUint16(e,yTe(n),!0)}var uc=typeof DataView.prototype.setFloat16=="function"?uTe:dTe;function pTe(t){return Uint8Array.fromBase64(t)}function fTe(t){let e=t.length,n=0;e>0&&t.charCodeAt(e-1)===iX&&(n++,e>1&&t.charCodeAt(e-2)===iX&&n++);let o=Math.floor(e*3/4)-n,r=new Uint8Array(o),i=0,s=Math.floor((e-n)/4)*4;for(let a=0;a<s;a+=4){let l=du[t.charCodeAt(a)],c=du[t.charCodeAt(a+1)],d=du[t.charCodeAt(a+2)],u=du[t.charCodeAt(a+3)],p=l<<18|c<<12|d<<6|u;r[i++]=p>>16&255,r[i++]=p>>8&255,r[i++]=p&255}if(n===1){let a=du[t.charCodeAt(s)],l=du[t.charCodeAt(s+1)],c=du[t.charCodeAt(s+2)],d=a<<18|l<<12|c<<6;r[i++]=d>>16&255,r[i++]=d>>8&255}else if(n===2){let a=du[t.charCodeAt(s)],l=du[t.charCodeAt(s+1)],c=a<<18|l<<12;r[i++]=c>>16&255}return r}function hTe(t){return t.toBase64()}function mTe(t){let e=t.length,n=Math.floor(e/3)*3,o="";for(let i=0;i<n;i+=3){let s=t[i],a=t[i+1],l=t[i+2],c=s<<16|a<<8|l;o+=uu[c>>18&zd]+uu[c>>12&zd]+uu[c>>6&zd]+uu[c&zd]}let r=e-n;if(r===1){let i=t[n]<<16;o+=uu[i>>18&zd]+uu[i>>12&zd]+"=="}else if(r===2){let i=t[n]<<16|t[n+1]<<8;o+=uu[i>>18&zd]+uu[i>>12&zd]+uu[i>>6&zd]+"="}return o}var SM=typeof Uint8Array.prototype.toBase64=="function"?hTe:mTe,pg=typeof Uint8Array.fromBase64=="function"?pTe:fTe;function gTe(t){let e=t>>15,n=t>>10&31,o=t&1023;if(n===0)return e?-o*sX:o*sX;if(n===31)return o?NaN:e?-1/0:1/0;let r=aX[n]*lX[o];return e?-r:r}function yTe(t){if(t===0)return Object.is(t,-0)?32768:0;if(!Number.isFinite(t))return Number.isNaN(t)?32256:t>0?31744:64512;let e=t<0?1:0;t=Math.abs(t);let n=Math.floor(Math.log2(t)),o=n+15;if(o>=31)return e<<15|31744;if(o<=0){let s=Math.round(t*Math.pow(2,14)*1024);return e<<15|s&1023}let r=t/Math.pow(2,n)-1,i=Math.round(r*1024);return i>=1024&&(i=0,o++,o>=31)?e<<15|31744:e<<15|o<<10|i}var qe=class t{static _legacyEncodePoint(e,n,o){let r=new Uint8Array(6),i=new DataView(r.buffer);return uc(i,0,e),uc(i,2,n),uc(i,4,o),SM(r)}static _legacyEncodePoints(e){if(e.length===0)return"";let n=new Uint8Array(e.length*6),o=new DataView(n.buffer);for(let r=0;r<e.length;r++){let i=e[r],s=r*6;uc(o,s,i.x),uc(o,s+2,i.y),uc(o,s+4,i.z??.5)}return SM(n)}static _legacyDecodePoints(e){let n=pg(e),o=new DataView(n.buffer,n.byteOffset,n.byteLength),r=[];for(let i=0;i<n.length;i+=6)r.push({x:Ua(o,i),y:Ua(o,i+2),z:Ua(o,i+4)});return r}static encodePoints(e,n){if(n===2)return t.encodePoints2D(e);if(e.length===0)return"";let o=12,r=(e.length-1)*6,i=o+r,s=new Uint8Array(i),a=new DataView(s.buffer),l=e[0];a.setFloat32(0,l.x,!0),a.setFloat32(4,l.y,!0),a.setFloat32(8,l.z??.5,!0);let c=l.x,d=l.y,u=l.z??.5;for(let p=1;p<e.length;p++){let f=e[p],h=f.z??.5,g=o+(p-1)*6;uc(a,g,f.x-c),uc(a,g+2,f.y-d),uc(a,g+4,h-u),c=f.x,d=f.y,u=h}return SM(s)}static decodePoints(e,n){if(n===2)return t.decodePoints2D(e);if(e.length===0)return[];let o=pg(e),r=new DataView(o.buffer,o.byteOffset,o.byteLength),i=[],s=r.getFloat32(0,!0),a=r.getFloat32(4,!0),l=r.getFloat32(8,!0);i.push({x:s,y:a,z:l});let c=12;for(let d=c;d<o.length;d+=6)s+=Ua(r,d),a+=Ua(r,d+2),l+=Ua(r,d+4),i.push({x:s,y:a,z:l});return i}static decodeFirstPoint(e,n){if(n===2)return t.decodeFirstPoint2D(e);if(e.length<16)return null;let o=pg(e.slice(0,16)),r=new DataView(o.buffer,o.byteOffset,o.byteLength);return{x:r.getFloat32(0,!0),y:r.getFloat32(4,!0),z:r.getFloat32(8,!0)}}static decodeLastPoint(e,n){if(n===2)return t.decodeLastPoint2D(e);if(e.length<16)return null;let o=pg(e),r=new DataView(o.buffer,o.byteOffset,o.byteLength),i=r.getFloat32(0,!0),s=r.getFloat32(4,!0),a=r.getFloat32(8,!0),l=12;for(let c=l;c<o.length;c+=6)i+=Ua(r,c),s+=Ua(r,c+2),a+=Ua(r,c+4);return{x:i,y:s,z:a}}static encodePoints2D(e){if(e.length===0)return"";let n=8,o=(e.length-1)*4,r=new Uint8Array(n+o),i=new DataView(r.buffer),s=e[0];i.setFloat32(0,s.x,!0),i.setFloat32(4,s.y,!0);let a=s.x,l=s.y;for(let c=1;c<e.length;c++){let d=e[c],u=n+(c-1)*4;uc(i,u,d.x-a),uc(i,u+2,d.y-l),a=d.x,l=d.y}return SM(r)}static decodePoints2D(e){if(e.length===0)return[];let n=pg(e),o=new DataView(n.buffer,n.byteOffset,n.byteLength),r=[],i=o.getFloat32(0,!0),s=o.getFloat32(4,!0);r.push({x:i,y:s,z:.5});let a=8;for(let l=a;l<n.length;l+=4)i+=Ua(o,l),s+=Ua(o,l+2),r.push({x:i,y:s,z:.5});return r}static decodeFirstPoint2D(e){if(e.length<12)return null;let n=pg(e.slice(0,12)),o=new DataView(n.buffer,n.byteOffset,n.byteLength);return{x:o.getFloat32(0,!0),y:o.getFloat32(4,!0),z:.5}}static decodeLastPoint2D(e){if(e.length<12)return null;let n=pg(e),o=new DataView(n.buffer,n.byteOffset,n.byteLength),r=o.getFloat32(0,!0),i=o.getFloat32(4,!0),s=8;for(let a=s;a<n.length;a+=4)r+=Ua(o,a),i+=Ua(o,a+2);return{x:r,y:i,z:.5}}static isSinglePoint(e,n){return e.length<=(n===2?12:16)}};var pz=A.object({type:A.literalEnum("free","straight"),path:A.string,dim:A.literalEnum(2,3).optional()}),Qx={color:zt,fill:Ki,dash:Ws,size:br,segments:A.arrayOf(pz),isComplete:A.boolean,isClosed:A.boolean,isPen:A.boolean,scale:A.nonZeroNumber,scaleX:A.nonZeroFiniteNumber,scaleY:A.nonZeroFiniteNumber},Jx=ho("draw",{AddInPen:1,AddScale:2,Base64:3,LegacyPointsConversion:4,OmitNonPressureZ:5}),eT={sequence:[{id:Jx.AddInPen,up:t=>{let{points:e}=t.segments[0];if(e.length===0){t.isPen=!1;return}let n=!(e[0].z===0||e[0].z===.5);e[1]&&(n=n&&!(e[1].z===0||e[1].z===.5)),t.isPen=n},down:"retired"},{id:Jx.AddScale,up:t=>{t.scale=1},down:t=>{delete t.scale}},{id:Jx.Base64,up:t=>{t.segments=t.segments.map(e=>{if(e.path!==void 0)return e;let{points:n,...o}=e,r=Array.isArray(n)?n:qe._legacyDecodePoints(n);return{...o,path:qe.encodePoints(r)}}),t.scaleX=t.scaleX??1,t.scaleY=t.scaleY??1},down:t=>{t.segments=t.segments.map(e=>{let{path:n,...o}=e;return{...o,points:qe.decodePoints(n)}}),delete t.scaleX,delete t.scaleY}},{id:Jx.LegacyPointsConversion,up:t=>{t.segments=t.segments.map(e=>{if(e.path!==void 0)return e;let{points:n,...o}=e,r=Array.isArray(n)?n:qe._legacyDecodePoints(n);return{...o,path:qe.encodePoints(r)}})},down:t=>{}},{id:Jx.OmitNonPressureZ,up:t=>{},down:t=>{t.segments=t.segments.map(e=>{if(e.dim===void 0)return e;let{dim:n,...o}=e;return n===2?{...o,path:qe.encodePoints(qe.decodePoints(e.path,2))}:o})}}]};var STe=/(^\/r\/[^/]+\/?$)/,bTe=[{hostnames:["beta.tldraw.com","tldraw.com","localhost:3000"],canEditWhileLocked:!0,fromEmbedUrl:t=>{let e=je(t);if(e&&e.pathname.match(STe))return t}},{hostnames:["figma.com"],canEditWhileLocked:!0,fromEmbedUrl:t=>{let e=je(t);if(e&&e.pathname.match(/^\/embed\/?$/)){let n=e.searchParams.get("url");if(n)return n}}},{hostnames:["google.*"],canEditWhileLocked:!0,fromEmbedUrl:t=>{let e=je(t);if(!e)return;if(e.pathname.match(/^\/maps\/embed\/v1\/view\/?$/)&&e.searchParams.has("center")&&e.searchParams.get("zoom")){let o=e.searchParams.get("zoom"),[r,i]=e.searchParams.get("center").split(",");return`https://www.google.com/maps/@${r},${i},${o}z`}}},{hostnames:["val.town"],canEditWhileLocked:!0,fromEmbedUrl:t=>{let e=je(t),n=e&&e.pathname.match(/\/embed\/(.+)\/?/);if(n)return`https://www.val.town/v/${n[1]}`}},{hostnames:["codesandbox.io"],canEditWhileLocked:!0,fromEmbedUrl:t=>{let e=je(t),n=e&&e.pathname.match(/\/embed\/([^/]+)\/?/);if(n)return`https://codesandbox.io/s/${n[1]}`}},{hostnames:["codepen.io"],canEditWhileLocked:!0,fromEmbedUrl:t=>{let e=/https:\/\/codepen.io\/([^/]+)\/embed\/([^/]+)/,n=t.match(e);if(n){let[o,r,i]=n;return`https://codepen.io/${r}/pen/${i}`}}},{hostnames:["scratch.mit.edu"],canEditWhileLocked:!0,fromEmbedUrl:t=>{let e=/https:\/\/scratch.mit.edu\/projects\/embed\/([^/]+)/,n=t.match(e);if(n){let[o,r]=n;return`https://scratch.mit.edu/projects/${r}`}}},{hostnames:["*.youtube.com","youtube.com","youtu.be"],canEditWhileLocked:!0,fromEmbedUrl:t=>{let e=je(t);if(!e)return;if(e.hostname.replace(/^www./,"")==="youtube.com"){let o=e.pathname.match(/^\/embed\/([^/]+)\/?/);if(o)return`https://www.youtube.com/watch?v=${o[1]}`}}},{hostnames:["calendar.google.*"],canEditWhileLocked:!0,fromEmbedUrl:t=>{let e=je(t),n=e?.searchParams.get("src");if(e?.pathname.match(/\/calendar\/embed/)&&n){e.pathname="/calendar/u/0";let o=Array.from(e.searchParams.keys());for(let r of o)e.searchParams.delete(r);return e.searchParams.set("cid",n),e.href}}},{hostnames:["docs.google.*"],canEditWhileLocked:!0,fromEmbedUrl:t=>{let e=je(t);if(e?.pathname.match(/^\/presentation/)&&e?.pathname.match(/\/embed\/?$/)){e.pathname=e.pathname.replace(/\/embed$/,"/pub");let n=Array.from(e.searchParams.keys());for(let o of n)e.searchParams.delete(o);return e.href}}},{hostnames:["gist.github.com"],canEditWhileLocked:!0,fromEmbedUrl:t=>{let e=je(t);if(e&&e.pathname.match(/\/([^/]+)\/([^/]+)/))return t.split("/").pop()?t:void 0}},{hostnames:["replit.com"],canEditWhileLocked:!0,fromEmbedUrl:t=>{let e=je(t);if(e&&e.pathname.match(/\/@([^/]+)\/([^/]+)/)&&e.searchParams.has("embed"))return e.searchParams.delete("embed"),e.href}},{hostnames:["felt.com"],canEditWhileLocked:!0,fromEmbedUrl:t=>{let e=je(t);if(e&&e.pathname.match(/^\/embed\/map\//))return e.pathname=e.pathname.replace(/^\/embed/,""),e.href}},{hostnames:["open.spotify.com"],canEditWhileLocked:!0,fromEmbedUrl:t=>{let e=je(t);if(e&&e.pathname.match(/^\/embed\/(artist|album)\//))return e.origin+e.pathname.replace(/^\/embed/,"")}},{hostnames:["vimeo.com","player.vimeo.com"],canEditWhileLocked:!0,fromEmbedUrl:t=>{let e=je(t);if(e&&e.hostname==="player.vimeo.com"){let n=e.pathname.match(/^\/video\/([^/]+)\/?$/);if(n)return"https://vimeo.com/"+n[1]}}},{hostnames:["observablehq.com"],canEditWhileLocked:!0,fromEmbedUrl:t=>{let e=je(t);if(e&&e.pathname.match(/^\/embed\/@([^/]+)\/([^/]+)\/?$/))return`${e.origin}${e.pathname.replace("/embed","")}#cell-*`;if(e&&e.pathname.match(/^\/embed\/([^/]+)\/?$/))return`${e.origin}${e.pathname.replace("/embed","/d")}#cell-*`}},{hostnames:["desmos.com"],canEditWhileLocked:!0,fromEmbedUrl:t=>{let e=je(t);if(e&&e.hostname==="www.desmos.com"&&e.pathname.match(/^\/calculator\/([^/]+)\/?$/)&&e.search==="?embed"&&e.hash==="")return t.replace("?embed","")}}],tT={w:A.nonZeroNumber,h:A.nonZeroNumber,url:A.string},bM=ho("embed",{GenOriginalUrlInEmbed:1,RemoveDoesResize:2,RemoveTmpOldUrl:3,RemovePermissionOverrides:4}),nT={sequence:[{id:bM.GenOriginalUrlInEmbed,up:t=>{try{let e=t.url,n=new URL(e).host.replace("www.",""),o;for(let r of bTe)if(r.hostnames.includes(n))try{o=r.fromEmbedUrl(e)}catch(i){console.warn(i)}t.tmpOldUrl=t.url,t.url=o??""}catch{t.url="",t.tmpOldUrl=t.url}},down:"retired"},{id:bM.RemoveDoesResize,up:t=>{delete t.doesResize},down:"retired"},{id:bM.RemoveTmpOldUrl,up:t=>{delete t.tmpOldUrl},down:"retired"},{id:bM.RemovePermissionOverrides,up:t=>{delete t.overridePermissions},down:"retired"}]};var oT={w:A.nonZeroNumber,h:A.nonZeroNumber,name:A.string,color:{validate:t=>zt.validate(t)}},vTe=ho("frame",{AddColorProp:1}),rT={sequence:[{id:vTe.AddColorProp,up:t=>{t.color="black"},down:t=>{delete t.color}}]};var Qf=ln.defineEnum("tldraw:horizontalAlign",{defaultValue:"middle",values:["start","middle","end","start-legacy","end-legacy","middle-legacy"]});var eh=ln.defineEnum("tldraw:verticalAlign",{defaultValue:"middle",values:["start","middle","end"]});var Or=ln.defineEnum("tldraw:geo",{defaultValue:"rectangle",values:["cloud","rectangle","ellipse","triangle","diamond","pentagon","hexagon","octagon","star","rhombus","rhombus-2","oval","trapezoid","arrow-right","arrow-left","arrow-up","arrow-down","x-box","check-box","heart"]}),iT={geo:Or,dash:Ws,url:A.linkUrl,w:A.nonZeroNumber,h:A.nonZeroNumber,growY:A.positiveNumber,scale:A.nonZeroNumber,labelColor:Xf,color:zt,fill:Ki,size:br,font:nr,align:Qf,verticalAlign:eh,richText:lc},pc=ho("geo",{AddUrlProp:1,AddLabelColor:2,RemoveJustify:3,AddCheckBox:4,AddVerticalAlign:5,MigrateLegacyAlign:6,AddCloud:7,MakeUrlsValid:8,AddScale:9,AddRichText:10,AddRichTextAttrs:11}),sT={sequence:[{id:pc.AddUrlProp,up:t=>{t.url=""},down:"retired"},{id:pc.AddLabelColor,up:t=>{t.labelColor="black"},down:"retired"},{id:pc.RemoveJustify,up:t=>{t.align==="justify"&&(t.align="start")},down:"retired"},{id:pc.AddCheckBox,up:t=>{},down:"retired"},{id:pc.AddVerticalAlign,up:t=>{t.verticalAlign="middle"},down:"retired"},{id:pc.MigrateLegacyAlign,up:t=>{let e;switch(t.align){case"start":e="start-legacy";break;case"end":e="end-legacy";break;default:e="middle-legacy";break}t.align=e},down:"retired"},{id:pc.AddCloud,up:t=>{},down:"retired"},{id:pc.MakeUrlsValid,up:t=>{A.linkUrl.isValid(t.url)||(t.url="")},down:t=>{}},{id:pc.AddScale,up:t=>{t.scale=1},down:t=>{delete t.scale}},{id:pc.AddRichText,up:t=>{t.richText=jt(t.text),delete t.text}},{id:pc.AddRichTextAttrs,up:t=>{},down:t=>{t.richText&&"attrs"in t.richText&&delete t.richText.attrs}}]};var aT={},lT={sequence:[]};var cT={color:zt,size:br,segments:A.arrayOf(pz),isComplete:A.boolean,isPen:A.boolean,scale:A.nonZeroNumber,scaleX:A.nonZeroFiniteNumber,scaleY:A.nonZeroFiniteNumber},vM=ho("highlight",{AddScale:1,Base64:2,LegacyPointsConversion:3,OmitNonPressureZ:4}),uT={sequence:[{id:vM.AddScale,up:t=>{t.scale=1},down:t=>{delete t.scale}},{id:vM.Base64,up:t=>{t.segments=t.segments.map(e=>{if(e.path!==void 0)return e;let{points:n,...o}=e,r=Array.isArray(n)?n:qe._legacyDecodePoints(n);return{...o,path:qe.encodePoints(r)}}),t.scaleX=t.scaleX??1,t.scaleY=t.scaleY??1},down:t=>{t.segments=t.segments.map(e=>{let{path:n,...o}=e;return{...o,points:qe.decodePoints(n)}}),delete t.scaleX,delete t.scaleY}},{id:vM.LegacyPointsConversion,up:t=>{t.segments=t.segments.map(e=>{if(e.path!==void 0)return e;let{points:n,...o}=e,r=Array.isArray(n)?n:qe._legacyDecodePoints(n);return{...o,path:qe.encodePoints(r)}})},down:t=>{}},{id:vM.OmitNonPressureZ,up:t=>{},down:t=>{t.segments=t.segments.map(e=>{if(e.dim===void 0)return e;let{dim:n,...o}=e;return n===2?{...o,path:qe.encodePoints(qe.decodePoints(e.path,2))}:o})}}]};var uX=A.object({topLeft:sc,bottomRight:sc,isCircle:A.boolean.optional()}),pT={w:A.nonZeroNumber,h:A.nonZeroNumber,playing:A.boolean,url:A.linkUrl,assetId:Yf.nullable(),crop:uX.nullable(),flipX:A.boolean,flipY:A.boolean,altText:A.string},dT=ho("image",{AddUrlProp:1,AddCropProp:2,MakeUrlsValid:3,AddFlipProps:4,AddAltText:5}),fT={sequence:[{id:dT.AddUrlProp,up:t=>{t.url=""},down:"retired"},{id:dT.AddCropProp,up:t=>{t.crop=null},down:t=>{delete t.crop}},{id:dT.MakeUrlsValid,up:t=>{A.linkUrl.isValid(t.url)||(t.url="")},down:t=>{}},{id:dT.AddFlipProps,up:t=>{t.flipX=!1,t.flipY=!1},down:t=>{delete t.flipX,delete t.flipY}},{id:dT.AddAltText,up:t=>{t.altText=""},down:t=>{delete t.altText}}]};var mT=ln.defineEnum("tldraw:spline",{defaultValue:"line",values:["cubic","line"]}),wTe=A.object({id:A.string,index:A.indexKey,x:A.number,y:A.number}),gT={color:zt,dash:Ws,size:br,spline:mT,points:A.dict(A.string,wTe),scale:A.nonZeroNumber},hT=ho("line",{AddSnapHandles:1,RemoveExtraHandleProps:2,HandlesToPoints:3,PointIndexIds:4,AddScale:5}),yT={sequence:[{id:hT.AddSnapHandles,up:t=>{for(let e of Object.values(t.handles))e.canSnap=!0},down:"retired"},{id:hT.RemoveExtraHandleProps,up:t=>{t.handles=cx(Object.values(t.handles).map(e=>[e.index,{x:e.x,y:e.y}]))},down:t=>{let e=Object.entries(t.handles).map(([n,o])=>({index:n,...o})).sort(Un);t.handles=Object.fromEntries(e.map((n,o)=>{let r=o===0?"start":o===e.length-1?"end":`handle:${n.index}`;return[r,{id:r,type:"vertex",canBind:!1,canSnap:!0,index:n.index,x:n.x,y:n.y}]}))}},{id:hT.HandlesToPoints,up:t=>{let e=Object.entries(t.handles).map(([n,{x:o,y:r}])=>({x:o,y:r,index:n})).sort(Un);t.points=e.map(({x:n,y:o})=>({x:n,y:o})),delete t.handles},down:t=>{let e=ru(t.points.length);t.handles=Object.fromEntries(t.points.map((n,o)=>[e[o],{x:n.x,y:n.y}])),delete t.points}},{id:hT.PointIndexIds,up:t=>{let e=ru(t.points.length);t.points=Object.fromEntries(t.points.map((n,o)=>{let r=e[o];return[r,{id:r,index:r,x:n.x,y:n.y}]}))},down:t=>{let e=Object.values(t.points).sort(Un);t.points=e.map(({x:n,y:o})=>({x:n,y:o}))}},{id:hT.AddScale,up:t=>{t.scale=1},down:t=>{delete t.scale}}]};var ST={color:zt,labelColor:Xf,size:br,font:nr,fontSizeAdjustment:A.positiveNumber.nullable(),align:Qf,verticalAlign:eh,growY:A.positiveNumber,url:A.linkUrl,richText:lc,scale:A.nonZeroNumber,textLastEditedBy:A.string.nullable()},Ha=ho("note",{AddUrlProp:1,RemoveJustify:2,MigrateLegacyAlign:3,AddVerticalAlign:4,MakeUrlsValid:5,AddFontSizeAdjustment:6,AddScale:7,AddLabelColor:8,AddRichText:9,AddRichTextAttrs:10,AddFirstEditedBy:11,MakeFontSizeAdjustmentRatio:12,RenameFirstEditedByToLast:13}),bT={sequence:[{id:Ha.AddUrlProp,up:t=>{t.url=""},down:"retired"},{id:Ha.RemoveJustify,up:t=>{t.align==="justify"&&(t.align="start")},down:"retired"},{id:Ha.MigrateLegacyAlign,up:t=>{switch(t.align){case"start":t.align="start-legacy";return;case"end":t.align="end-legacy";return;default:t.align="middle-legacy";return}},down:"retired"},{id:Ha.AddVerticalAlign,up:t=>{t.verticalAlign="middle"},down:"retired"},{id:Ha.MakeUrlsValid,up:t=>{A.linkUrl.isValid(t.url)||(t.url="")},down:t=>{}},{id:Ha.AddFontSizeAdjustment,up:t=>{t.fontSizeAdjustment=0},down:t=>{delete t.fontSizeAdjustment}},{id:Ha.AddScale,up:t=>{t.scale=1},down:t=>{delete t.scale}},{id:Ha.AddLabelColor,up:t=>{t.labelColor="black"},down:t=>{delete t.labelColor}},{id:Ha.AddRichText,up:t=>{t.richText=jt(t.text),delete t.text}},{id:Ha.AddRichTextAttrs,up:t=>{},down:t=>{t.richText&&"attrs"in t.richText&&delete t.richText.attrs}},{id:Ha.AddFirstEditedBy,up:t=>{t.textFirstEditedBy=null},down:t=>{delete t.textFirstEditedBy}},{id:Ha.MakeFontSizeAdjustmentRatio,up:t=>{t.fontSizeAdjustment=t.fontSizeAdjustment===0?1:null},down:t=>{t.fontSizeAdjustment=0}},{id:Ha.RenameFirstEditedByToLast,up:t=>{t.textLastEditedBy=t.textFirstEditedBy??null,delete t.textFirstEditedBy},down:t=>{t.textFirstEditedBy=t.textLastEditedBy??null,delete t.textLastEditedBy}}]};var Nb=ln.defineEnum("tldraw:textAlign",{defaultValue:"start",values:["start","middle","end"]});var vT={color:zt,size:br,font:nr,textAlign:Nb,w:A.nonZeroNumber,richText:lc,scale:A.nonZeroNumber,autoSize:A.boolean},wM=ho("text",{RemoveJustify:1,AddTextAlign:2,AddRichText:3,AddRichTextAttrs:4}),wT={sequence:[{id:wM.RemoveJustify,up:t=>{t.align==="justify"&&(t.align="start")},down:"retired"},{id:wM.AddTextAlign,up:t=>{t.textAlign=t.align,delete t.align},down:t=>{t.align=t.textAlign,delete t.textAlign}},{id:wM.AddRichText,up:t=>{t.richText=jt(t.text),delete t.text}},{id:wM.AddRichTextAttrs,up:t=>{},down:t=>{t.richText&&"attrs"in t.richText&&delete t.richText.attrs}}]};var xT={w:A.nonZeroNumber,h:A.nonZeroNumber,time:A.number,playing:A.boolean,autoplay:A.boolean,url:A.linkUrl,assetId:Yf.nullable(),altText:A.string},xM=ho("video",{AddUrlProp:1,MakeUrlsValid:2,AddAltText:3,AddAutoplay:4}),TT={sequence:[{id:xM.AddUrlProp,up:t=>{t.url=""},down:"retired"},{id:xM.MakeUrlsValid,up:t=>{A.linkUrl.isValid(t.url)||(t.url="")},down:t=>{}},{id:xM.AddAltText,up:t=>{t.altText=""},down:t=>{delete t.altText}},{id:xM.AddAutoplay,up:t=>{t.autoplay=!0},down:t=>{delete t.autoplay}}]};var CT=an("com.tldraw.store",{RemoveCodeAndIconShapeTypes:1,AddInstancePresenceType:2,RemoveTLUserAndPresenceAndAddPointer:3,RemoveUserDocument:4,FixIndexKeys:5}),fX=La({sequenceId:"com.tldraw.store",retroactive:!1,sequence:[{id:CT.RemoveCodeAndIconShapeTypes,scope:"storage",up:t=>{for(let[e,n]of t.entries())n.typeName==="shape"&&"type"in n&&(n.type==="icon"||n.type==="code")&&t.delete(e)}},{id:CT.AddInstancePresenceType,scope:"storage",up(t){}},{id:CT.RemoveTLUserAndPresenceAndAddPointer,scope:"storage",up:t=>{for(let[e,n]of t.entries())n.typeName.match(/^(user|user_presence)$/)&&t.delete(e)}},{id:CT.RemoveUserDocument,scope:"storage",up:t=>{for(let[e,n]of t.entries())n.typeName.match("user_document")&&t.delete(e)}},{id:CT.FixIndexKeys,scope:"record",up:t=>{if(["shape","page"].includes(t.typeName)&&"index"in t){let e=t;if(e.index.endsWith("0")&&e.index!=="a0"&&(e.index=e.index.slice(0,-1)+pX(3)),t.typeName==="shape"&&e.type==="line"){let n=e;for(let[o,r]of Dr(n.props.points))r.index.endsWith("0")&&r.index!=="a0"&&(r.index=r.index.slice(0,-1)+pX(3))}}},down:()=>{}}]}),dX="123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz",xTe=()=>dX.charAt(Math.floor(Math.random()*dX.length)),pX=t=>Array.from({length:t},xTe).join("");function hX(t){t.typeName==="asset"&&("src"in t&&(t.src="<redacted>"),"src"in t.props&&(t.props.src="<redacted>"))}function fz(t){let e=new Map;return n=>{let o=e.get(n);return o||(o=$("resolve-user-"+n,()=>t(n)),e.set(n,o)),o}}function mX({error:t,phase:e,record:n,recordBefore:o}){throw qm(t,{tags:{origin:"store.validateRecord",storePhase:e,isExistingValidationIssue:e==="initialize"},extras:{recordBefore:o?hX(yt(o)):void 0,recordAfter:hX(yt(n))}}),t}function TTe(){return[mo.create({id:"page:page",name:"Page 1",index:"a1",meta:{}})]}function gX(t){let e=t.query.ids("page"),n=t.query.records("instance_page_state"),o=()=>{if(!t.has(Lb))return t.put([Ob.create({id:Lb,name:t.props.defaultName})]),o();if(!t.has(Jf))return t.put([Rb.create({id:Jf})]),o();let r=e.get();if(r.size===0)return t.put(TTe()),o();let i=()=>[...r].map(d=>t.get(d)).sort(Un)[0].id,s=t.get($o);if(s){if(!r.has(s.currentPageId))return t.put([{...s,currentPageId:i()}]),o()}else return t.put([t.schema.types.instance.create({id:$o,currentPageId:i(),exportBackground:!0})]),o();let a=new Set,l=new Set;for(let d of r){let u=Ei.createId(d);t.get(u)||a.add(u);let f=Gi.createId(d);t.has(f)||l.add(f)}a.size>0&&t.put([...a].map(d=>Ei.create({id:d,pageId:Ei.parseId(d)}))),l.size>0&&t.put([...l].map(d=>Gi.create({id:d})));let c=n.get();for(let d of c){if(!r.has(d.pageId)){t.remove([d.id]);continue}if(d.croppingShapeId&&!t.has(d.croppingShapeId))return t.put([{...d,croppingShapeId:null}]),o();if(d.focusedGroupId&&!t.has(d.focusedGroupId))return t.put([{...d,focusedGroupId:null}]),o();if(d.hoveredShapeId&&!t.has(d.hoveredShapeId))return t.put([{...d,hoveredShapeId:null}]),o();let u=d.selectedShapeIds.filter(h=>t.has(h));if(u.length!==d.selectedShapeIds.length)return t.put([{...d,selectedShapeIds:u}]),o();let p=d.hintingShapeIds.filter(h=>t.has(h));if(p.length!==d.hintingShapeIds.length)return t.put([{...d,hintingShapeIds:p}]),o();let f=d.erasingShapeIds.filter(h=>t.has(h));if(f.length!==d.erasingShapeIds.length)return t.put([{...d,erasingShapeIds:f}]),o()}};return o}var yX={arrow:{migrations:$x,props:jx},bookmark:{migrations:Zx,props:Xx},draw:{migrations:eT,props:Qx},embed:{migrations:nT,props:tT},frame:{migrations:rT,props:oT},geo:{migrations:sT,props:iT},group:{migrations:lT,props:aT},highlight:{migrations:uT,props:cT},image:{migrations:fT,props:pT},line:{migrations:yT,props:gT},note:{migrations:bT,props:ST},text:{migrations:wT,props:vT},video:{migrations:TT,props:xT}},SX={arrow:{migrations:Gx,props:Kx}},bX={image:{migrations:Dx,props:Mb},video:{migrations:Lx,props:Ab},bookmark:{migrations:Rx,props:Ib}};function hz({shapes:t=yX,bindings:e=SX,assets:n=bX,user:o,records:r={},migrations:i}={}){let s=new Map;for(let h of Vt(t))for(let g of Fx(h.props??{}).keys()){if(s.has(g.id)&&s.get(g.id)!==g)throw new Error(`Multiple StyleProp instances with the same id: ${g.id}`);s.set(g.id,g)}let a=Fq(t),l=Nq(e),c=dz(n),d=qq(s),u=o?gM(o):Zf,p=new Set(["asset","binding","camera","document","instance","instance_page_state","page","instance_presence","pointer","shape","store","user"]),f={};for(let[h,g]of Object.entries(r)){if(p.has(h))throw new Error(`Custom record type name '${h}' conflicts with tldraw's built-in record type of that name. Choose a different name instead.`);f[h]=eX(h,g)}return _x.create({asset:c,binding:l,camera:Gi,document:Ob,instance:d,instance_page_state:Ei,page:mo,instance_presence:yM,pointer:Rb,shape:a,user:u,...f},{migrations:[fX,uz,Vq,oX,Xq,Zq,Wq,Qq,Jq,sz,Yq,...mM("asset",n),...mM("shape",t),...mM("binding",e),...tX(r),...o?.migrations??[],...i??[]],onValidationFailure:mX,createIntegrityChecker:gX})}var pu=[{locale:"id",label:"Bahasa Indonesia"},{locale:"ms",label:"Bahasa Melayu"},{locale:"ca",label:"Catal\xE0"},{locale:"cs",label:"\u010Ce\u0161tina"},{locale:"da",label:"Danish"},{locale:"de",label:"Deutsch"},{locale:"en",label:"English"},{locale:"es",label:"Espa\xF1ol"},{locale:"tl",label:"Filipino"},{locale:"fr",label:"Fran\xE7ais"},{locale:"gl",label:"Galego"},{locale:"hr",label:"Hrvatski"},{locale:"it",label:"Italiano"},{locale:"hu",label:"Magyar"},{locale:"nl",label:"Nederlands"},{locale:"no",label:"Norwegian"},{locale:"pl",label:"Polski"},{locale:"pt-br",label:"Portugu\xEAs - Brasil"},{locale:"pt-pt",label:"Portugu\xEAs - Europeu"},{locale:"ro",label:"Rom\xE2n\u0103"},{locale:"sl",label:"Sloven\u0161\u010Dina"},{locale:"so",label:"Somali"},{locale:"fi",label:"Suomi"},{locale:"sv",label:"Svenska"},{locale:"vi",label:"Ti\u1EBFng Vi\u1EC7t"},{locale:"tr",label:"T\xFCrk\xE7e"},{locale:"el",label:"\u0395\u03BB\u03BB\u03B7\u03BD\u03B9\u03BA\u03AC"},{locale:"ru",label:"\u0420\u0443\u0441\u0441\u043A\u0438\u0439"},{locale:"uk",label:"\u0423\u043A\u0440\u0430\u0457\u043D\u0441\u044C\u043A\u0430"},{locale:"he",label:"\u05E2\u05D1\u05E8\u05D9\u05EA"},{locale:"ur",label:"\u0627\u0631\u062F\u0648"},{locale:"ar",label:"\u0639\u0631\u0628\u064A"},{locale:"fa",label:"\u0641\u0627\u0631\u0633\u06CC"},{locale:"ne",label:"\u0928\u0947\u092A\u093E\u0932\u0940"},{locale:"mr",label:"\u092E\u0930\u093E\u0920\u0940"},{locale:"hi-in",label:"\u0939\u093F\u0928\u094D\u0926\u0940"},{locale:"bn",label:"\u09AC\u09BE\u0982\u09B2\u09BE"},{locale:"pa",label:"\u0A2A\u0A70\u0A1C\u0A3E\u0A2C\u0A40"},{locale:"gu-in",label:"\u0A97\u0AC1\u0A9C\u0AB0\u0ABE\u0AA4\u0AC0"},{locale:"ta",label:"\u0BA4\u0BAE\u0BBF\u0BB4\u0BCD"},{locale:"te",label:"\u0C24\u0C46\u0C32\u0C41\u0C17\u0C41"},{locale:"kn",label:"\u0C95\u0CA8\u0CCD\u0CA8\u0CA1"},{locale:"ml",label:"\u0D2E\u0D32\u0D2F\u0D3E\u0D33\u0D02"},{locale:"th",label:"\u0E20\u0E32\u0E29\u0E32\u0E44\u0E17\u0E22"},{locale:"km-kh",label:"\u1797\u17B6\u179F\u17B6\u1781\u17D2\u1798\u17C2\u179A"},{locale:"ko-kr",label:"\uD55C\uAD6D\uC5B4"},{locale:"ja",label:"\u65E5\u672C\u8A9E"},{locale:"zh-cn",label:"\u7B80\u4F53\u4E2D\u6587"},{locale:"zh-tw",label:"\u7E41\u9AD4\u4E2D\u6587 (\u53F0\u7063)"}];function mz(){let t=typeof window<"u"&&window.navigator?window.navigator.languages??["en"]:["en"];return CTe(t)}function CTe(t){for(let e of t){let n=PTe(e);if(n)return n}return"en"}var vX={zh:"zh-cn",pt:"pt-br",ko:"ko-kr",hi:"hi-in"};function PTe(t){let e=pu.find(r=>r.locale===t.toLowerCase());if(e)return e.locale;let[n,o]=t.split(/[-_]/).map(r=>r.toLowerCase());if(o){let r=pu.find(i=>i.locale===n);if(r)return r.locale}return n in vX?vX[n]:null}wi("@tldraw/tlschema","5.2.5","esm");var CX=_(j(),1);function gz(){return(0,CX.jsx)("div",{className:"tl-background"})}var $t=_(j(),1);var $z=_(Jt(),1),fc=_(H(),1);var Sz={},bz=Ii("pointerCaptureTrackingObject",{defaults:{all:new Map},shouldStoreForSession:!1}),Et={logPreventDefaults:Ii("logPreventDefaults",{defaults:{all:!1}}),logPointerCaptures:Ii("logPointerCaptures",{defaults:{all:!1}}),logElementRemoves:Ii("logElementRemoves",{defaults:{all:!1}}),debugSvg:Ii("debugSvg",{defaults:{all:!1}}),showFps:Ii("showFps",{defaults:{all:!1}}),measurePerformance:Ii("measurePerformance",{defaults:{all:!1}}),throwToBlob:Ii("throwToBlob",{defaults:{all:!1}}),reconnectOnPing:Ii("reconnectOnPing",{defaults:{all:!1}}),debugCursors:Ii("debugCursors",{defaults:{all:!1}}),forceSrgb:Ii("forceSrgbColors",{defaults:{all:!1}}),debugGeometry:Ii("debugGeometry",{defaults:{all:!1}}),hideShapes:Ii("hideShapes",{defaults:{all:!1}}),editOnType:Ii("editOnType",{defaults:{all:!1}}),a11y:Ii("a11y",{defaults:{all:!1}}),debugElbowArrows:Ii("debugElbowArrows",{defaults:{all:!1}})};if(typeof Element<"u"){let t=Element.prototype.removeChild;Sn("element removal logging",()=>{Et.logElementRemoves.get()?Element.prototype.removeChild=function(e){return console.warn("[tldraw] removing child:",e),t.call(this,e)}:Element.prototype.removeChild=t})}function Ii(t,{defaults:e,shouldStoreForSession:n=!0}){return _Te({name:t,defaults:e,shouldStoreForSession:n})}function _Te(t){let e=ATe(t),n=t.shouldStoreForSession?MTe(t.name):null,o=ye(`debug:${t.name}`,n??e);return typeof window<"u"&&(t.shouldStoreForSession&&Sn(`debug:${t.name}`,()=>{let r=o.get();r===e?hx(`tldraw_debug:${t.name}`):db(`tldraw_debug:${t.name}`,JSON.stringify(r))}),Object.defineProperty(window,`tldraw${t.name.replace(/^[a-z]/,r=>r.toUpperCase())}`,{get(){return o.get()},set(r){o.set(r)},configurable:!0})),Object.assign(o,t,{reset:()=>o.set(e)})}function MTe(t){try{return JSON.parse(fx(`tldraw_debug:${t}`)??"null")}catch{return null}}function yz(t){try{return t()}catch{return null}}function ATe(t){switch(yz(()=>process.env.TLDRAW_ENV)??yz(()=>process.env.VERCEL_PUBLIC_TLDRAW_ENV)??yz(()=>process.env.NEXT_PUBLIC_TLDRAW_ENV)??"production"){case"production":return t.defaults.production??t.defaults.all;case"preview":case"staging":return t.defaults.staging??t.defaults.all;default:return t.defaults.development??t.defaults.all}}function de(t){"cancelable"in t&&!t.cancelable||(t.preventDefault(),Et.logPreventDefaults.get()&&console.warn("preventDefault called on event:",t))}function Ud(t,e){if(t.setPointerCapture(e.pointerId),Et.logPointerCaptures.get()){let n=bz.get();n.set(t,(n.get(t)??0)+1),console.warn("setPointerCapture called on element:",t,e)}}function th(t,e){if(t.hasPointerCapture(e.pointerId)&&(t.releasePointerCapture(e.pointerId),Et.logPointerCaptures.get())){let n=bz.get();n.get(t)===1?n.delete(t):n.has(t)?n.set(t,n.get(t)-1):console.warn("Release without capture"),console.warn("releasePointerCapture called on element:",t,e)}}function vr(t,e,n){t&&t.style.setProperty(e,String(n))}function vz(t,e){if(e.isConnected&&t.isConnected&&typeof t.moveBefore=="function"&&e.ownerDocument===t.ownerDocument)try{t.moveBefore(e,null);return}catch{}t.appendChild(e)}function nh(t,e=!0){if(!t)return!1;let n=t.tagName.toLowerCase();return t.isContentEditable||n==="input"||n==="textarea"||e&&n==="select"||e&&n==="button"||t.classList.contains("tlui-slider__thumb")}function Ln(){return typeof document<"u"?document:globalThis.document}function wr(){return typeof window<"u"?window:globalThis}function Hd(t=!0,e){return nh((e??Ln()).activeElement,t)}var He={isSafari:!1,isIos:!1,isChromeForIos:!1,isFirefox:!1,isAndroid:!1,isWebview:!1,isDarwin:!1,hasCanvasSupport:!1,isTouchDevice:!1},PX=!1;typeof window<"u"&&("navigator"in window&&(He.isSafari=/^((?!chrome|android).)*safari/i.test(navigator.userAgent),He.isIos=!!navigator.userAgent.match(/iPad/i)||!!navigator.userAgent.match(/iPhone/i),He.isChromeForIos=/crios.*safari/i.test(navigator.userAgent),He.isFirefox=/firefox/i.test(navigator.userAgent),He.isAndroid=/android/i.test(navigator.userAgent),He.isDarwin=wr().navigator.userAgent.toLowerCase().indexOf("mac")>-1),He.hasCanvasSupport="Promise"in window&&"HTMLCanvasElement"in window,PX=He.isFirefox&&!He.isAndroid&&!He.isIos,He.isTouchDevice="navigator"in window&&window.navigator.maxTouchPoints>0||typeof window.matchMedia=="function"&&window.matchMedia("(any-pointer: coarse)").matches);var bl=ye("tlenvReactive",{isCoarsePointer:!1,supportsP3ColorSpace:!1});if(typeof window<"u"&&typeof CSS<"u"&&CSS.supports("color","color(display-p3 1 1 1)")){let e=window.matchMedia("(color-gamut: p3)"),n=()=>{let o=e.matches;o!==bl.__unsafe__getWithoutCapture().supportsP3ColorSpace&&bl.update(r=>({...r,supportsP3ColorSpace:o}))};n(),e.addEventListener("change",n)}if(typeof window<"u"&&!PX){let t=wr().matchMedia&&wr().matchMedia("(any-pointer: coarse)"),e=()=>bl.__unsafe__getWithoutCapture().isCoarsePointer;if(t){let n=()=>{let o=t.matches;o!==e()&&bl.update(r=>({...r,isCoarsePointer:o}))};n(),t.addEventListener("change",n)}wr().addEventListener("pointerdown",n=>{let o=n.pointerType!=="mouse";o!==e()&&bl.update(r=>({...r,isCoarsePointer:o}))},{capture:!0})}var PM=_(H(),1),wz=(0,PM.createContext)(null);function eo(){let t=(0,PM.useContext)(wz);if(!t)throw new Error("useEditorComponents must be used inside of <EditorComponentsProvider />");return t}var IM=_(H(),1);function Io(t){return He.isDarwin?t.metaKey:t.ctrlKey||t.metaKey}function EX(t){return t.pointerType!=="pen"?!1:He.isTouchDevice}function xz(t){return t.button===2||He.isDarwin&&t.button===0&&t.ctrlKey&&!t.metaKey}function oh(t){return xz(t)?2:t.button}function ni(t,e){return t.markEventAsHandled(e),{point:{x:e.clientX,y:e.clientY,z:e.pressure},shiftKey:e.shiftKey,altKey:e.altKey,ctrlKey:e.metaKey||e.ctrlKey,metaKey:e.metaKey,accelKey:Io(e),pointerId:e.pointerId,button:oh(e),isPen:e.pointerType==="pen"}}var Tz=_(j(),1),ET=_(H(),1);var IX=_(j(),1);var Fb=_(H(),1);function fg(t,e){return Bb(`${t}_${e}`)}function Wi(t){return Bb(`${(0,Fb.useId)()}${t??""}`)}function PT(t){let e=Dn((0,Fb.useContext)(_X));return Bb(`${e}_${t}`)}function Bb(t){return t.replace(/:/g,"_")}var _X=(0,Fb.createContext)(null);function MX({children:t}){let e=Wi();return(0,IX.jsx)(_X.Provider,{value:e,children:t})}var EM=(0,ET.createContext)(null);function O(){let t=ET.default.useContext(EM);if(!t)throw new Error("useEditor must be used inside of the <Tldraw /> or <TldrawEditor /> components");return t}function rt(){return ET.default.useContext(EM)}function hg({editor:t,children:e}){return(0,Tz.jsx)(EM.Provider,{value:t,children:(0,Tz.jsx)(MX,{children:e})})}function mg(){let t=O(),e=t.getContainerDocument(),n=z("current tool",()=>t.getCurrentTool(),[t]),o=(0,IM.useMemo)(function(){let i=!1;function s(y){if(t.wasEventAlreadyHandled(y))return;let m=oh(y);if(i=m===2,m===2&&!t.options.rightClickPanning){t.dispatch({type:"pointer",target:"canvas",name:"right_click",...ni(t,y)});return}if(m!==0&&m!==1&&m!==2&&m!==5)return;let S=EX(y);Ud(y.currentTarget,y),t.dispatch({type:"pointer",target:"canvas",name:"pointer_down",...ni(t,y),isPenDirect:S})}function a(y){if(t.wasEventAlreadyHandled(y))return;let m=i?2:oh(y);if(m!==0&&m!==1&&m!==2&&m!==5)return;let S=t.options.rightClickPanning,b=S&&m===2&&t.inputs.getIsPanning();if(th(y.currentTarget,y),t.dispatch({type:"pointer",target:"canvas",name:"pointer_up",...ni(t,y),button:m}),S&&m===2&&!b){let v=new PointerEvent("contextmenu",{bubbles:!0,clientX:y.clientX,clientY:y.clientY,button:2,buttons:0,pointerId:y.pointerId,pointerType:y.pointerType,isPrimary:y.isPrimary});y.currentTarget.dispatchEvent(v)}i=!1}function l(y){if(t.wasEventAlreadyHandled(y)||t.getInstanceState().isPenMode&&y.pointerType!=="pen")return;let m=y.pointerType==="mouse"||y.pointerType==="pen";t.updateInstanceState({isHoveringCanvas:m?!0:null})}function c(y){if(t.wasEventAlreadyHandled(y)||t.getInstanceState().isPenMode&&y.pointerType!=="pen")return;let m=y.pointerType==="mouse"||y.pointerType==="pen";t.updateInstanceState({isHoveringCanvas:m?!1:null})}function d(y){t.wasEventAlreadyHandled(y)||(t.markEventAsHandled(y),de(y))}function u(y){if(t.wasEventAlreadyHandled(y)||(t.markEventAsHandled(y),!(y.target instanceof t.getContainerWindow().HTMLElement)))return;let m=t.getEditingShapeId();!(m&&y.target.closest(`[data-shape-id="${m}"]`))&&y.target.tagName!=="A"&&!nh(y.target,!1)&&de(y)}function p(y){t.wasEventAlreadyHandled(y)||de(y)}async function f(y){if(t.wasEventAlreadyHandled(y))return;de(y),y.stopPropagation();let m=t.screenToPage({x:y.clientX,y:y.clientY});if(t.options.experimental__onDropOnCanvas&&t.options.experimental__onDropOnCanvas({point:m,event:y}))return;if(y.dataTransfer?.files?.length){let b=Array.from(y.dataTransfer.files);await t.putExternalContent({type:"files",files:b,point:m});return}let S=y.dataTransfer.getData("url");if(S){await t.putExternalContent({type:"url",url:S,point:m});return}}function h(y){t.wasEventAlreadyHandled(y)||y.stopPropagation()}function g(y){t.options.rightClickPanning&&y.nativeEvent.isTrusted&&xz(y)&&de(y)}return{onPointerDown:s,onPointerUp:a,onPointerEnter:l,onPointerLeave:c,onDragOver:p,onDrop:f,onTouchStart:d,onTouchEnd:u,onClick:h,onContextMenu:g}},[t]);return(0,IM.useEffect)(()=>{let r,i;function s(a){if(t.wasEventAlreadyHandled(a)||(t.markEventAsHandled(a),a.clientX===r&&a.clientY===i))return;r=a.clientX,i=a.clientY;let l=!He.isIos&&n.useCoalescedEvents&&a.getCoalescedEvents?a.getCoalescedEvents():[a];for(let c of l)t.dispatch({type:"pointer",target:"canvas",name:"pointer_move",...ni(t,c)})}return e.body.addEventListener("pointermove",s),()=>{e.body.removeEventListener("pointermove",s)}},[t,n,e]),o}function AX(){let t=O();kd("coarse pointer change",()=>{let e=bl.get().isCoarsePointer,n=Ti(()=>t.getInstanceState().isCoarsePointer);e!==n&&t.updateInstanceState({isCoarsePointer:e})},[t])}var kX=_(j(),1);var _M=_(H(),1),RX=(0,_M.createContext)(null);function IT({container:t,children:e}){return(0,kX.jsx)(RX.Provider,{value:t,children:e})}function it(){return Dn((0,_M.useContext)(RX),"useContainer used outside of <Tldraw />")}var MM=_(H(),1);function DX(){let t=O(),e=it(),n=z("isEditing",()=>t.getEditingShapeId(),[t]),o=z("isFocused",()=>t.getIsFocused(),[t]);(0,MM.useEffect)(()=>{if(!e)return;function r(i){if(i.isSpecialRedispatchedEvent)return;de(i),i.stopPropagation();let s=e.querySelector(".tl-canvas");if(!s)return;let a=new DragEvent(i.type,i);a.isSpecialRedispatchedEvent=!0,s.dispatchEvent(a)}return e.addEventListener("dragover",r),e.addEventListener("drop",r),()=>{e.removeEventListener("dragover",r),e.removeEventListener("drop",r)}},[e]),(0,MM.useEffect)(()=>{let r=t.getContainerWindow();if(!("matchMedia"in r))return;let i=null,s=()=>{i?.();let a=`(resolution: ${r.devicePixelRatio}dppx)`,l=r.matchMedia(a),c=d=>{d.type==="change"&&s()};l.addEventListener?l.addEventListener("change",s):l.addListener&&l.addListener(c),i=()=>{l.removeEventListener?l.removeEventListener("change",s):l.removeListener&&l.removeListener(c)},t.updateInstanceState({devicePixelRatio:r.devicePixelRatio})};return s(),()=>{i?.()}},[t]),(0,MM.useEffect)(()=>{if(!o)return;let r=c=>{if(c.altKey&&(t.isIn("zoom")||!t.getPath().endsWith(".idle"))&&!_T(t)&&de(c),t.wasEventAlreadyHandled(c))return;t.markEventAsHandled(c);let d=!!t.getSelectedShapeIds().length;switch(c.key){case"=":case"-":case"0":{if(c.metaKey||c.ctrlKey){de(c);return}break}case"Tab":{if(_T(t))return;d&&!n&&de(c);break}case"ArrowLeft":case"ArrowRight":case"ArrowUp":case"ArrowDown":{if(_T(t))return;d&&(c.metaKey||c.ctrlKey)&&de(c);break}case",":return;case"Escape":{if((t.getEditingShape()||t.getSelectedShapeIds().length>0)&&de(c),t.menus.getOpenMenus().length>0)return;t.inputs.keys.has("Escape")||(t.inputs.keys.add("Escape"),t.cancel(),e.focus());return}default:if(_T(t))return}let u={type:"keyboard",name:c.repeat?"key_repeat":"key_down",key:c.key,code:c.code,shiftKey:c.shiftKey,altKey:c.altKey,ctrlKey:c.metaKey||c.ctrlKey,metaKey:c.metaKey,accelKey:Io(c)};t.dispatch(u)},i=c=>{if(t.wasEventAlreadyHandled(c)||(t.markEventAsHandled(c),_T(t))||c.key===",")return;let d={type:"keyboard",name:"key_up",key:c.key,code:c.code,shiftKey:c.shiftKey,altKey:c.altKey,ctrlKey:c.metaKey||c.ctrlKey,metaKey:c.metaKey,accelKey:Io(c)};t.dispatch(d)};function s(c){if(e.contains(c.target)){let d=c.touches[0].pageX,u=c.touches[0].radiusX||0;(d-u<10||d+u>t.getViewportScreenBounds().width-10)&&(c.target?.tagName==="BUTTON"&&c.target?.click(),de(c))}}let a=c=>{e.contains(c.target)&&(c.ctrlKey||c.metaKey)&&de(c)};e.addEventListener("touchstart",s,{passive:!1}),e.addEventListener("wheel",a,{passive:!1});let l=e.ownerDocument;return l.addEventListener("gesturestart",de),l.addEventListener("gesturechange",de),l.addEventListener("gestureend",de),e.addEventListener("keydown",r),e.addEventListener("keyup",i),()=>{e.removeEventListener("touchstart",s),e.removeEventListener("wheel",a),l.removeEventListener("gesturestart",de),l.removeEventListener("gesturechange",de),l.removeEventListener("gestureend",de),e.removeEventListener("keydown",r),e.removeEventListener("keyup",i)}},[t,e,o,n])}function _T(t){return t.menus.hasOpenMenus()||Hd(!0,t.getContainerDocument())}var OX=_(H(),1);function LX(t){let e=O();(0,OX.useEffect)(()=>{let n=t.current;if(!n)return;let o=e.getContainerWindow(),r=i=>{if(i instanceof o.PointerEvent&&i.pointerType==="pen"){e.markEventAsHandled(i);let{target:s}=i;if(nh(s instanceof o.Element?s:null,!1)||e.isIn("select.editing_shape"))return;de(i)}};return n.addEventListener("touchstart",r),n.addEventListener("touchend",r),()=>{n.removeEventListener("touchstart",r),n.removeEventListener("touchend",r)}},[e,t])}var FX=_(H(),1);var Ko={linear:t=>t,easeInQuad:t=>t*t,easeOutQuad:t=>t*(2-t),easeInOutQuad:t=>t<.5?2*t*t:-1+(4-2*t)*t,easeInCubic:t=>t*t*t,easeOutCubic:t=>--t*t*t+1,easeInOutCubic:t=>t<.5?4*t*t*t:(t-1)*(2*t-2)*(2*t-2)+1,easeInQuart:t=>t*t*t*t,easeOutQuart:t=>1- --t*t*t*t,easeInOutQuart:t=>t<.5?8*t*t*t*t:1-8*--t*t*t*t,easeInQuint:t=>t*t*t*t*t,easeOutQuint:t=>1+--t*t*t*t*t,easeInOutQuint:t=>t<.5?16*t*t*t*t*t:1+16*--t*t*t*t*t,easeInSine:t=>1-Math.cos(t*Math.PI/2),easeOutSine:t=>Math.sin(t*Math.PI/2),easeInOutSine:t=>-(Math.cos(Math.PI*t)-1)/2,easeInExpo:t=>t<=0?0:Math.pow(2,10*t-10),easeOutExpo:t=>t>=1?1:1-Math.pow(2,-10*t),easeInOutExpo:t=>t<=0?0:t>=1?1:t<.5?Math.pow(2,20*t-10)/2:(2-Math.pow(2,-20*t+10))/2};var{easeInQuad:kTe,easeInOutQuad:RTe}=Ko;function DTe(t,e,n){return Math.max(e,typeof n<"u"?Math.min(t,n):t)}function AM(t){return Math.round(t*100)/100}var T=class t{constructor(e=0,n=0,o=1){this.x=e,this.y=n,this.z=o}x;y;z;get pressure(){return this.z}set(e=this.x,n=this.y,o=this.z){return this.x=e,this.y=n,this.z=o,this}setTo({x:e=0,y:n=0,z:o=1}){return this.x=e,this.y=n,this.z=o,this}rot(e){if(e===0)return this;let{x:n,y:o}=this,r=Math.sin(e),i=Math.cos(e);return this.x=n*i-o*r,this.y=n*r+o*i,this}rotWith(e,n){if(n===0)return this;let o=this.x-e.x,r=this.y-e.y,i=Math.sin(n),s=Math.cos(n);return this.x=e.x+(o*s-r*i),this.y=e.y+(o*i+r*s),this}clone(){let{x:e,y:n,z:o}=this;return new t(e,n,o)}sub(e){return this.x-=e.x,this.y-=e.y,this}subXY(e,n){return this.x-=e,this.y-=n,this}subScalar(e){return this.x-=e,this.y-=e,this}add(e){return this.x+=e.x,this.y+=e.y,this}addXY(e,n){return this.x+=e,this.y+=n,this}addScalar(e){return this.x+=e,this.y+=e,this}clamp(e,n){return this.x=Math.max(this.x,e),this.y=Math.max(this.y,e),n!==void 0&&(this.x=Math.min(this.x,n),this.y=Math.min(this.y,n)),this}div(e){return this.x/=e,this.y/=e,this}divV(e){return this.x/=e.x,this.y/=e.y,this}mul(e){return this.x*=e,this.y*=e,this}mulV(e){return this.x*=e.x,this.y*=e.y,this}abs(){return this.x=Math.abs(this.x),this.y=Math.abs(this.y),this}nudge(e,n){let o=t.Tan(e,this);return this.add(o.mul(n))}neg(){return this.x*=-1,this.y*=-1,this}cross(e){return this.x=this.y*e.z-this.z*e.y,this.y=this.z*e.x-this.x*e.z,this}dpr(e){return t.Dpr(this,e)}cpr(e){return t.Cpr(this,e)}len2(){return t.Len2(this)}len(){return t.Len(this)}pry(e){return t.Pry(this,e)}per(){let{x:e,y:n}=this;return this.x=n,this.y=-e,this}uni(){let e=this.len();return e===0?this:(this.x/=e,this.y/=e,this)}tan(e){return this.sub(e).uni()}dist(e){return t.Dist(this,e)}distanceToLineSegment(e,n){return t.DistanceToLineSegment(e,n,this)}slope(e){return t.Slope(this,e)}snapToGrid(e){return this.x=Math.round(this.x/e)*e,this.y=Math.round(this.y/e)*e,this}angle(e){return t.Angle(this,e)}toAngle(){return t.ToAngle(this)}lrp(e,n){return this.x=this.x+(e.x-this.x)*n,this.y=this.y+(e.y-this.y)*n,this}equals(e){return t.Equals(this,e)}equalsXY(e,n){return t.EqualsXY(this,e,n)}toFixed(){return this.x=AM(this.x),this.y=AM(this.y),this}toString(){return t.ToString(t.ToFixed(this))}toJson(){return t.ToJson(this)}toArray(){return t.ToArray(this)}static Add(e,n){return new t(e.x+n.x,e.y+n.y)}static AddXY(e,n,o){return new t(e.x+n,e.y+o)}static Sub(e,n){return new t(e.x-n.x,e.y-n.y)}static SubXY(e,n,o){return new t(e.x-n,e.y-o)}static AddScalar(e,n){return new t(e.x+n,e.y+n)}static SubScalar(e,n){return new t(e.x-n,e.y-n)}static Div(e,n){return new t(e.x/n,e.y/n)}static Mul(e,n){return new t(e.x*n,e.y*n)}static DivV(e,n){return new t(e.x/n.x,e.y/n.y)}static MulV(e,n){return new t(e.x*n.x,e.y*n.y)}static Neg(e){return new t(-e.x,-e.y)}static Per(e){return new t(e.y,-e.x)}static Abs(e){return new t(Math.abs(e.x),Math.abs(e.y))}static Dist(e,n){return((e.y-n.y)**2+(e.x-n.x)**2)**.5}static ManhattanDist(e,n){return Math.abs(e.x-n.x)+Math.abs(e.y-n.y)}static DistMin(e,n,o){return(e.x-n.x)*(e.x-n.x)+(e.y-n.y)*(e.y-n.y)<o**2}static Dist2(e,n){return(e.x-n.x)*(e.x-n.x)+(e.y-n.y)*(e.y-n.y)}static Dpr(e,n){return e.x*n.x+e.y*n.y}static Cross(e,n){return new t(e.y*n.z-e.z*n.y,e.z*n.x-e.x*n.z)}static Cpr(e,n){return e.x*n.y-n.x*e.y}static Len2(e){return e.x*e.x+e.y*e.y}static Len(e){return(e.x*e.x+e.y*e.y)**.5}static Pry(e,n){return t.Dpr(e,n)/t.Len(n)}static Uni(e){let n=t.Len(e);return new t(n===0?0:e.x/n,n===0?0:e.y/n)}static Tan(e,n){return t.Uni(t.Sub(e,n))}static Min(e,n){return new t(Math.min(e.x,n.x),Math.min(e.y,n.y))}static Max(e,n){return new t(Math.max(e.x,n.x),Math.max(e.y,n.y))}static From({x:e,y:n,z:o=1}){return new t(e,n,o)}static FromArray(e){return new t(e[0],e[1])}static Rot(e,n=0){let o=Math.sin(n),r=Math.cos(n);return new t(e.x*r-e.y*o,e.x*o+e.y*r)}static RotWith(e,n,o){let r=e.x-n.x,i=e.y-n.y,s=Math.sin(o),a=Math.cos(o);return new t(n.x+(r*a-i*s),n.y+(r*s+i*a))}static NearestPointOnLineThroughPoint(e,n,o){let r=(o.x-e.x)*n.x+(o.y-e.y)*n.y;return new t(e.x+n.x*r,e.y+n.y*r)}static NearestPointOnLineSegment(e,n,o,r=!0){let i=n.x-e.x,s=n.y-e.y,a=i*i+s*s;if(a===0)return t.From(e);let l=((o.x-e.x)*i+(o.y-e.y)*s)/a;return r&&(l<0?l=0:l>1&&(l=1)),new t(e.x+l*i,e.y+l*s)}static DistanceToLineThroughPoint(e,n,o){let r=o.x-e.x,i=o.y-e.y;return Math.abs(r*n.y-i*n.x)}static DistanceToLineSegment(e,n,o,r=!0){let i=n.x-e.x,s=n.y-e.y,a=i*i+s*s;if(a===0)return t.Dist(e,o);let l=((o.x-e.x)*i+(o.y-e.y)*s)/a;r&&(l<0?l=0:l>1&&(l=1));let c=e.x+l*i-o.x,d=e.y+l*s-o.y;return Math.sqrt(c*c+d*d)}static Snap(e,n=1){return new t(Math.round(e.x/n)*n,Math.round(e.y/n)*n)}static Cast(e){return e instanceof t?e:t.From(e)}static Slope(e,n){return e.x===n.y?NaN:(e.y-n.y)/(e.x-n.x)}static IsNaN(e){return isNaN(e.x)||isNaN(e.y)}static IsFinite(e){return Number.isFinite(e.x)&&Number.isFinite(e.y)}static Angle(e,n){return Math.atan2(n.y-e.y,n.x-e.x)}static AngleBetween(e,n){let o=e.x*n.x+e.y*n.y,r=Math.sqrt((e.x*e.x+e.y*e.y)*(n.x*n.x+n.y*n.y));return(e.x*n.y-e.y*n.x<0?-1:1)*Math.acos(DTe(o/r,-1,1))}static Lrp(e,n,o){return new t(e.x+(n.x-e.x)*o,e.y+(n.y-e.y)*o)}static Med(e,n){return new t((e.x+n.x)/2,(e.y+n.y)/2)}static Equals(e,n){return Math.abs(e.x-n.x)<1e-4&&Math.abs(e.y-n.y)<1e-4}static EqualsXY(e,n,o){return e.x===n&&e.y===o}static Clockwise(e,n,o){return(o.x-e.x)*(n.y-e.y)-(n.x-e.x)*(o.y-e.y)<0}static Rescale(e,n){let o=t.Len(e);return new t(n*e.x/o,n*e.y/o)}static ScaleWithOrigin(e,n,o){return t.Sub(e,o).mul(n).add(o)}static ToFixed(e){return new t(AM(e.x),AM(e.y))}static ToInt(e){return new t(parseInt(e.x.toFixed(0)),parseInt(e.y.toFixed(0)),parseInt((e.z??0).toFixed(0)))}static ToCss(e){return`${e.x},${e.y}`}static Nudge(e,n,o){return t.Add(e,t.Tan(n,e).mul(o))}static ToString(e){return`${e.x}, ${e.y}`}static ToAngle(e){let n=Math.atan2(e.y,e.x);return n<0&&(n+=Math.PI*2),n}static FromAngle(e,n=1){return new t(Math.cos(e)*n,Math.sin(e)*n)}static ToArray(e){return[e.x,e.y,e.z]}static ToJson(e){let{x:n,y:o,z:r}=e;return{x:n,y:o,z:r}}static Average(e){let n=e.length,o=new t(0,0);if(n===0)return o;for(let r=0;r<n;r++)o.add(e[r]);return o.div(n)}static Clamp(e,n,o){return o===void 0?new t(Math.min(Math.max(e.x,n)),Math.min(Math.max(e.y,n))):new t(Math.min(Math.max(e.x,n),o),Math.min(Math.max(e.y,n),o))}static PointsBetween(e,n,o=6,r=kTe){let i=[];for(let s=0;s<o;s++){let a=r(s/(o-1)),l=t.Lrp(e,n,a);l.z=Math.min(1,.5+Math.abs(.5-RTe(a))*.65),i.push(l)}return i}static SnapToGrid(e,n=8){return new t(Math.round(e.x/n)*n,Math.round(e.y/n)*n)}};var NX=10;function MT(t){let{deltaY:e,deltaX:n}=t,o=0;return t.ctrlKey||t.altKey||t.metaKey?o=(Math.abs(e)>NX?NX*Math.sign(e):e)/100:t.shiftKey&&!He.isDarwin&&!He.isIos&&(n=e,e=0),{x:-n,y:-e,z:-o}}function BX(t){let e=O();FX.useEffect(()=>{let n=t.current;if(!n)return;let o="not sure";function r(E){if(!e.getInstanceState().isFocused)return;o="not sure";let I=e.getEditingShapeId();if(I){let N=e.getShape(I);if(N&&e.getShapeUtil(N).canScroll(N)&&e.getShapePageBounds(I)?.containsPoint(e.inputs.getCurrentPagePoint()))return}de(E),E.stopPropagation();let R=MT(E);if(R.x===0&&R.y===0)return;let D={type:"wheel",name:"wheel",delta:R,point:new T(E.clientX,E.clientY),shiftKey:E.shiftKey,altKey:E.altKey,ctrlKey:E.metaKey||E.ctrlKey,metaKey:E.metaKey,accelKey:Io(E)};e.dispatch(D)}let i=1,s=1,a=0,l=new T,c=new T,d=[];function u(){let E=e.getBaseZoom(),{zoomSteps:I,zoomSpeed:R}=e.getCameraOptions(),D=I[0]*E,N=I[I.length-1]*E;return{min:D**(1/R),max:N**(1/R)}}function p(){let{zoomSpeed:E}=e.getCameraOptions();return e.getZoomLevel()**(1/E)}let f=1,h=1;function g(E){if(E&&(o="zooming"),o==="zooming")return;let I=Math.abs(a-i),R=T.Dist(l,c);switch(o){case"not sure":{I>24?o="zooming":R>16&&(o="panning");break}case"panning":{I>64&&(o="zooming");break}}}function y(E,I,R,D,N){e.dispatch({type:"pinch",name:E,point:{x:I.x,y:I.y,z:D},delta:R,shiftKey:N.shiftKey,altKey:N.altKey,ctrlKey:N.metaKey||N.ctrlKey,metaKey:N.metaKey,accelKey:Io(N)})}function m(E,I){let R={x:(E.clientX+I.clientX)/2,y:(E.clientY+I.clientY)/2},D=Math.hypot(I.clientX-E.clientX,I.clientY-E.clientY);return{origin:R,distance:D}}function S(E){if((E.target===n||n?.contains(E.target))&&(d=Array.from(E.touches),d.length===2)){o="not sure";let{origin:I,distance:R}=m(d[0],d[1]);c.x=I.x,c.y=I.y,l.x=I.x,l.y=I.y,i=Math.max(R,1),a=R,s=e.getZoomLevel(),h=p(),f=h,y("pinch_start",I,{x:0,y:0},e.getZoomLevel(),E)}}function b(E){if(d=Array.from(E.touches),d.length<2)return;let{origin:I,distance:R}=m(d[0],d[1]);a=R;let D=I.x-c.x,N=I.y-c.y;c.x=I.x,c.y=I.y,g(!1);let B=u(),F=h*(R/i);switch(f=Math.min(B.max,Math.max(B.min,F)),o){case"zooming":{let k=f**e.getCameraOptions().zoomSpeed;y("pinch",I,{x:D,y:N},k,E);break}case"panning":{y("pinch",I,{x:D,y:N},s,E);break}}}function v(E){let I=d.length>=2;if(d=Array.from(E.touches),I&&d.length<2){let R=f**e.getCameraOptions().zoomSpeed,D={...c};o="not sure",e.timers.requestAnimationFrame(()=>{y("pinch_end",D,{x:D.x,y:D.y},R,E)})}}let w=1;function x(E){let I=E;(I.target===n||n?.contains(I.target))&&(de(I),I.stopPropagation(),o="not sure",w=p(),f=w,s=e.getZoomLevel(),c.x=I.clientX,c.y=I.clientY,l.x=I.clientX,l.y=I.clientY,i=1,a=1,y("pinch_start",{x:I.clientX,y:I.clientY},{x:0,y:0},e.getZoomLevel(),I))}function C(E){let I=E;if(!(I.target===n||n?.contains(I.target)))return;de(I),I.stopPropagation();let R=I.clientX-c.x,D=I.clientY-c.y;c.x=I.clientX,c.y=I.clientY;let N=u(),B=w*I.scale;f=Math.min(N.max,Math.max(N.min,B)),a=I.scale*i,g(!0);let F=f**e.getCameraOptions().zoomSpeed;y("pinch",{x:I.clientX,y:I.clientY},{x:R,y:D},F,I)}function P(E){let I=E;if(!(I.target===n||n?.contains(I.target)))return;de(I),I.stopPropagation();let R=f**e.getCameraOptions().zoomSpeed;o="not sure",e.timers.requestAnimationFrame(()=>{y("pinch_end",{x:I.clientX,y:I.clientY},{x:I.clientX,y:I.clientY},R,I)})}n.addEventListener("wheel",r,{passive:!1});let M=!He.isIos&&"GestureEvent"in window;return M?(n.addEventListener("gesturestart",x),n.addEventListener("gesturechange",C),n.addEventListener("gestureend",P)):(n.addEventListener("touchstart",S),n.addEventListener("touchmove",b),n.addEventListener("touchend",v),n.addEventListener("touchcancel",v)),()=>{n.removeEventListener("wheel",r),M?(n.removeEventListener("gesturestart",x),n.removeEventListener("gesturechange",C),n.removeEventListener("gestureend",P)):(n.removeEventListener("touchstart",S),n.removeEventListener("touchmove",b),n.removeEventListener("touchend",v),n.removeEventListener("touchcancel",v))}},[e,t])}var HX=_(H(),1);function Cz(t){if(t.shadowRoot)return t.shadowRoot.childNodes;if(NTe(t)){let e=t.assignedNodes();if(e?.length)return e}return t.childNodes}function*AT(t){for(let e of Cz(t))RM(e)&&(yield e)}function vl(t){return t?(zX(t)?t:t.ownerDocument)?.defaultView??globalThis:globalThis}function Pz(t){return t?zX(t)?t:t.ownerDocument??globalThis.document:globalThis.document}function zX(t){return t.nodeType===Node.DOCUMENT_NODE}function kM(t){return t.ownerDocument?.defaultView??globalThis}function RM(t){return t instanceof kM(t).Element}function OTe(t){return t instanceof kM(t).ShadowRoot}function LTe(t){return"getRootNode"in t&&OTe(t.getRootNode())}function NTe(t){return LTe(t)&&t instanceof kM(t).HTMLSlotElement}function UX(t){return t.style}function DM(t,e){return kM(t).getComputedStyle(t,e)}function VX(t){let e=O();(0,HX.useLayoutEffect)(()=>{let n=(0,yx.default)(()=>{t.current&&t.current.ownerDocument.body&&e.updateViewportScreenBounds(t.current)},200,{trailing:!0}),o=e.timers.setInterval(n,1e3),r=e.getContainerWindow();r.addEventListener("resize",n);let i=new ResizeObserver(l=>{l[0].contentRect&&n()}),s=t.current,a=null;return s&&(i.observe(s),a=FTe(s),a.addEventListener("scroll",n)),()=>{clearInterval(o),r.removeEventListener("resize",n),i.disconnect(),a?.removeEventListener("scroll",n),n.cancel()}},[e,t])}var FTe=t=>{let e=t.ownerDocument,n=vl(t),o=t.parentElement;for(;o;){if(o===e.body)return e;let{overflowY:r}=n.getComputedStyle(o);if(o.scrollHeight>o.clientHeight&&(r==="auto"||r==="scroll"||r==="overlay"))return o;o=o.parentElement}return e};var jX=_(j(),1),wl=_(H(),1);var $X=(0,wl.createContext)(null);function KX({children:t}){let e=(0,wl.useRef)(new Map),n=(0,wl.useCallback)((s,a,l,c)=>{let d=c?"none":"block";vr(a,"display",d),vr(l,"display",d),e.current.set(s,{container:a,bgContainer:l,isCulled:c})},[]),o=(0,wl.useCallback)(s=>{e.current.delete(s)},[]),r=(0,wl.useCallback)(s=>{let a;for(let[l,c]of e.current)if(a=s.has(l),a!==c.isCulled){let d=a?"none":"block";vr(c.container,"display",d),vr(c.bgContainer,"display",d),c.isCulled=a}},[]),i=(0,wl.useMemo)(()=>({register:n,unregister:o,updateCulling:r}),[n,o,r]);return(0,jX.jsx)($X.Provider,{value:i,children:t})}function OM(){let t=(0,wl.useContext)($X);if(!t)throw new Error("useShapeCulling must be used within ShapeCullingProvider");return t}function rh(t){return`${be(t.x)},${be(t.y)} `}function ih(t,e){return`${be((t.x+e.x)/2)},${be((t.y+e.y)/2)} `}var wt=Math.PI,Nn=wt/2,vt=wt*2,Ez=Math.sin;function xe(t,e,n){return Math.max(e,typeof n<"u"?Math.min(t,n):t)}function Ub(t,e=1e10){return t?Math.round(t*e)/e:0}function En(t,e,n=1e-6){return Math.abs(t-e)<=n}function kT(t,e,n=1e-6){return t<e||En(t,e,n)}function Iz(t,e){let n=Math.pow(t-e,2)/Math.pow(t+e,2);return wt*(t+e)*(1+3*n/(10+Math.sqrt(4-3*n)))}function gg(t){return t=t%vt,t<0?t=t+vt:t===0&&(t=0),t}function RT(t,e){return t=gg(t),e=gg(e),t>e&&(e+=vt),e-t}function _z(t,e){return vt-RT(t,e)}function zb(t,e){let n=(e-t)%vt;return 2*n%vt-n}function DT(t){return(vt+t)%vt}function sh(t,e){let n=vt/e,o=Math.floor((DT(t)+n/2)/n)*n%vt;return o<wt&&(o+=vt),o>wt&&(o-=vt),o}function yg(t,e){return t===e||En(t%(Math.PI/2)-e%(Math.PI/2),0)}function Mz(t){return t*wt/180}function Az(t){return t*180/wt}function Sg(t,e,n){return new T(t.x,t.y).add(T.FromAngle(n,e))}function OT(t,e,n){let o=t/2,r=e/2,i=[],s=1/0,a=-1/0,l=1/0,c=-1/0;for(let h=0;h<n;h++){let g=vt/n,y=-Nn+h*g,m=o+o*Math.cos(y),S=r+r*Math.sin(y);m<s&&(s=m),S<l&&(l=S),m>a&&(a=m),S>c&&(c=S),i.push(new T(m,S))}let d=a-s,u=c-l,p=t-d,f=e-u;if(p!==0||f!==0)for(let h=0;h<i.length;h++){let g=i[h];g.x=(g.x-s)/d*t,g.y=(g.y-l)/u*e}return i}function Hb(t,e,n,o){return t<o&&n<e}function Ys(t,e,n,o){let r=Math.max(t,n),i=Math.min(e,o);return r<=i?[r,i]:null}function GX(t,e,n){return(e.x-t.x)*(n.y-t.y)-(n.x-t.x)*(e.y-t.y)}function cn(t,e){let n=0,o,r;for(let i=0;i<e.length;i++){if(o=e[i],o.x===t.x&&o.y===t.y)return!0;r=e[(i+1)%e.length],o.y<=t.y?r.y>t.y&&GX(o,r,t)>0&&(n+=1):r.y<=t.y&&GX(o,r,t)<0&&(n-=1)}return n!==0}function be(t){return Math.round(t*1e4)/1e4}function bg(t){return Math.round(t*100)/100}function LM(t){return Math.abs(t)<Number.MAX_SAFE_INTEGER}function NM(t,e,n,o){let r;if(Math.abs(t)>wt){r=zb(e,o);let i=zb(o,n);return Math.abs(r)<Math.abs(i)?r/t:(t-i)/t}else{r=zb(e,o);let i=r/t;return Math.sign(r)!==Math.sign(t)?Math.abs(i)>.5?1:0:i}}function kz(t,e,n,o){let r=2*((e-t)%vt)%vt-(e-t)%vt;return o?(vt-Math.abs(r))*(n?1:-1):r}function LT(t,e,n){let o=-2*(t.x*(e.y-n.y)-t.y*(e.x-n.x)+e.x*n.y-n.x*e.y),r=((t.x*t.x+t.y*t.y)*(n.y-e.y)+(e.x*e.x+e.y*e.y)*(t.y-n.y)+(n.x*n.x+n.y*n.y)*(e.y-t.y))/o,i=((t.x*t.x+t.y*t.y)*(e.x-n.x)+(e.x*e.x+e.y*e.y)*(n.x-t.x)+(n.x*n.x+n.y*n.y)*(t.x-e.x))/o;return!Number.isFinite(r)||!Number.isFinite(i)?null:new T(r,i)}var WX=_(j(),1);var xl=_(H(),1),YX=_(Jl(),1);function Rz(){let t=O(),e=z("is menu open",()=>t.menus.hasAnyOpenMenus(),[t]),[n,o]=(0,xl.useState)(!1),r=e||n,i=mg(),s=(0,xl.useRef)({isDown:!1,isDragging:!1,button:0,start:new T}),a=(0,xl.useRef)(null);(0,xl.useEffect)(()=>()=>{a.current?.(),a.current=null},[]);let l=(0,xl.useCallback)(()=>{a.current?.();let p=t.getContainerDocument(),f=g=>{g.isTrusted&&(a.current?.(),a.current=null,g.preventDefault(),g.stopImmediatePropagation())},h=()=>p.removeEventListener("contextmenu",f,!0);a.current=h,p.addEventListener("contextmenu",f,!0),p.defaultView?.setTimeout(()=>{a.current===h&&(h(),a.current=null)},0)},[t]),c=(0,xl.useCallback)(p=>{let f=oh(p);if(!(f!==0&&f!==2)){if((0,YX.flushSync)(()=>o(!0)),Ud(p.currentTarget,p),s.current={isDown:!0,isDragging:!1,button:f,start:new T(p.clientX,p.clientY)},f===2){if(!t.options.rightClickPanning){l(),t.menus.clearOpenMenus();return}let h=t.getContainer().querySelector(".tl-canvas")??p.currentTarget;i.onPointerDown?.({...p,currentTarget:h}),l();return}t.menus.clearOpenMenus()}},[i,t,l]),d=(0,xl.useCallback)(p=>{let f=s.current;if(f.isDown){if(f.button!==2&&!f.isDragging){if(T.Dist2(f.start,new T(p.clientX,p.clientY))<=t.options.dragDistanceSquared)return;f.isDragging=!0,t.dispatch({type:"pointer",target:"canvas",name:"pointer_down",...ni(t,{...p,clientX:f.start.x,clientY:f.start.y})})}t.dispatch({type:"pointer",target:"canvas",name:"pointer_move",...ni(t,p)})}},[t]),u=(0,xl.useCallback)(p=>{let f=s.current.button===2&&!s.current.isDragging;if(t.dispatch({type:"pointer",target:"canvas",name:"pointer_up",...ni(t,p),button:s.current.button===2?2:oh(p)}),f&&t.options.rightClickPanning){let g=t.getContainer().querySelector(".tl-canvas")?.parentElement??p.currentTarget;t.timers.requestAnimationFrame(()=>{g.dispatchEvent(new PointerEvent("contextmenu",{bubbles:!0,clientX:p.clientX,clientY:p.clientY,button:2,buttons:0,pointerId:p.pointerId,pointerType:p.pointerType,isPrimary:p.isPrimary}))})}th(p.currentTarget,p),o(!1),s.current={isDown:!1,isDragging:!1,button:0,start:new T(p.clientX,p.clientY)}},[t]);return r&&(0,WX.jsx)("div",{className:"tlui-menu-click-capture","data-testid":"menu-click-capture.content",...i,onPointerDown:c,onPointerMove:d,onPointerUp:u,onContextMenu:p=>{p.preventDefault(),p.stopPropagation()}})}var Va=_(j(),1);var oi=_(H(),1);var q=class t{constructor(e=0,n=0,o=0,r=0){this.x=e,this.y=n,this.w=o,this.h=r}x=0;y=0;w=0;h=0;get point(){return new T(this.x,this.y)}set point(e){this.x=e.x,this.y=e.y}get minX(){return this.x}set minX(e){this.x=e}get left(){return this.x}get midX(){return this.x+this.w/2}get maxX(){return this.x+this.w}get right(){return this.x+this.w}get minY(){return this.y}set minY(e){this.y=e}get top(){return this.y}get midY(){return this.y+this.h/2}get maxY(){return this.y+this.h}get bottom(){return this.y+this.h}get width(){return this.w}set width(e){this.w=e}get height(){return this.h}set height(e){this.h=e}get aspectRatio(){return this.width/this.height}get center(){return new T(this.x+this.w/2,this.y+this.h/2)}set center(e){this.x=e.x-this.w/2,this.y=e.y-this.h/2}get corners(){return[new T(this.x,this.y),new T(this.x+this.w,this.y),new T(this.x+this.w,this.y+this.h),new T(this.x,this.y+this.h)]}get cornersAndCenter(){return[new T(this.x,this.y),new T(this.x+this.w,this.y),new T(this.x+this.w,this.y+this.h),new T(this.x,this.y+this.h),new T(this.x+this.w/2,this.y+this.h/2)]}get sides(){let{corners:e}=this;return[[e[0],e[1]],[e[1],e[2]],[e[2],e[3]],[e[3],e[0]]]}get size(){return new T(this.w,this.h)}isValid(){return Number.isFinite(this.x)&&Number.isFinite(this.y)&&Number.isFinite(this.w)&&Number.isFinite(this.h)}toFixed(){return this.x=Ub(this.x),this.y=Ub(this.y),this.w=Ub(this.w),this.h=Ub(this.h),this}setTo(e){return this.x=e.x,this.y=e.y,this.w=e.w,this.h=e.h,this}set(e=0,n=0,o=0,r=0){return this.x=e,this.y=n,this.w=o,this.h=r,this}expand(e){let n=Math.min(this.x,e.x),o=Math.min(this.y,e.y),r=Math.max(this.x+this.w,e.x+e.w),i=Math.max(this.y+this.h,e.y+e.h);return this.x=n,this.y=o,this.w=r-n,this.h=i-o,this}expandBy(e){return this.x-=e,this.y-=e,this.w+=e*2,this.h+=e*2,this}scale(e){return this.x/=e,this.y/=e,this.w/=e,this.h/=e,this}clone(){let{x:e,y:n,w:o,h:r}=this;return new t(e,n,o,r)}translate(e){return this.x+=e.x,this.y+=e.y,this}snapToGrid(e){let n=Math.round(this.x/e)*e,o=Math.round(this.y/e)*e,r=Math.round((this.x+this.w)/e)*e,i=Math.round((this.y+this.h)/e)*e;this.minX=n,this.minY=o,this.width=Math.max(1,r-n),this.height=Math.max(1,i-o)}collides(e){return t.Collides(this,e)}contains(e){return t.Contains(this,e)}includes(e){return t.Includes(this,e)}containsPoint(e,n=0){return t.ContainsPoint(this,e,n)}getHandlePoint(e){switch(e){case"top_left":return new T(this.x,this.y);case"top_right":return new T(this.x+this.w,this.y);case"bottom_left":return new T(this.x,this.y+this.h);case"bottom_right":return new T(this.x+this.w,this.y+this.h);case"top":return new T(this.x+this.w/2,this.y);case"right":return new T(this.x+this.w,this.y+this.h/2);case"bottom":return new T(this.x+this.w/2,this.y+this.h);case"left":return new T(this.x,this.y+this.h/2)}}toJson(){return{x:this.x,y:this.y,w:this.w,h:this.h}}resize(e,n,o){let{minX:r,minY:i,maxX:s,maxY:a}=this,{minX:l,minY:c,maxX:d,maxY:u}=this;switch(e){case"left":case"top_left":case"bottom_left":{l+=n;break}case"right":case"top_right":case"bottom_right":{d+=n;break}}switch(e){case"top":case"top_left":case"top_right":{c+=o;break}case"bottom":case"bottom_left":case"bottom_right":{u+=o;break}}let p=(d-l)/(s-r),f=(u-c)/(a-i),h=p<0,g=f<0;if(h){let y=d;d=l,l=y}if(g){let y=u;u=c,c=y}this.minX=l,this.minY=c,this.width=Math.abs(d-l),this.height=Math.abs(u-c)}union(e){let n=Math.min(this.x,e.x),o=Math.min(this.y,e.y),r=Math.max(this.x+this.w,e.x+e.w),i=Math.max(this.y+this.h,e.y+e.h);return this.x=n,this.y=o,this.width=r-n,this.height=i-o,this}static From(e){return new t(e.x,e.y,e.w,e.h)}static FromCenter(e,n){return new t(e.x-n.x/2,e.y-n.y/2,n.x,n.y)}static FromPoints(e){if(e.length===0)return new t;let n=1/0,o=1/0,r=-1/0,i=-1/0,s;for(let a=0,l=e.length;a<l;a++)s=e[a],n=Math.min(s.x,n),o=Math.min(s.y,o),r=Math.max(s.x,r),i=Math.max(s.y,i);return new t(n,o,r-n,i-o)}static Expand(e,n){let o=Math.min(n.minX,e.minX),r=Math.min(n.minY,e.minY),i=Math.max(n.maxX,e.maxX),s=Math.max(n.maxY,e.maxY);return new t(o,r,i-o,s-r)}static ExpandBy(e,n){return new t(e.minX-n,e.minY-n,e.width+n*2,e.height+n*2)}static Collides(e,n){return!(e.maxX<n.minX||e.minX>n.maxX||e.maxY<n.minY||e.minY>n.maxY)}static Contains(e,n){return e.minX<n.minX&&e.minY<n.minY&&e.maxY>n.maxY&&e.maxX>n.maxX}static ContainsApproximately(e,n,o){return kT(e.minX,n.minX,o)&&kT(e.minY,n.minY,o)&&kT(n.maxX,e.maxX,o)&&kT(n.maxY,e.maxY,o)}static Includes(e,n){return t.Collides(e,n)||t.Contains(e,n)}static ContainsPoint(e,n,o=0){return!(n.x<e.minX-o||n.y<e.minY-o||n.x>e.maxX+o||n.y>e.maxY+o)}static Common(e){let n=1/0,o=1/0,r=-1/0,i=-1/0;for(let s=0;s<e.length;s++){let a=e[s];n=Math.min(n,a.minX),o=Math.min(o,a.minY),r=Math.max(r,a.maxX),i=Math.max(i,a.maxY)}return new t(n,o,r-n,i-o)}static Sides(e,n=0){let{corners:o}=e;return[[o[0],o[1]],[o[1],o[2]],[o[2],o[3]],[o[3],o[0]]]}static Resize(e,n,o,r,i=!1){let{minX:s,minY:a,maxX:l,maxY:c}=e,{minX:d,minY:u,maxX:p,maxY:f}=e;switch(n){case"left":case"top_left":case"bottom_left":{d+=o;break}case"right":case"top_right":case"bottom_right":{p+=o;break}}switch(n){case"top":case"top_left":case"top_right":{u+=r;break}case"bottom":case"bottom_left":case"bottom_right":{f+=r;break}}let h=(p-d)/(l-s),g=(f-u)/(c-a),y=h<0,m=g<0;if(i){let b=(l-s)/(c-a),v=Math.abs(p-d),w=Math.abs(f-u),x=v*(g<0?1:-1)*(1/b),C=w*(h<0?1:-1)*b,P=b<v/w;switch(n){case"top_left":{P?u=f+x:d=p+C;break}case"top_right":{P?u=f+x:p=d-C;break}case"bottom_right":{P?f=u-x:p=d-C;break}case"bottom_left":{P?f=u-x:d=p+C;break}case"bottom":case"top":{let M=(d+p)/2,E=w*b;d=M-E/2,p=M+E/2;break}case"left":case"right":{let M=(u+f)/2,E=v/b;u=M-E/2,f=M+E/2;break}}}if(y){let b=p;p=d,d=b}if(m){let b=f;f=u,u=b}let S=new t(d,u,Math.abs(p-d),Math.abs(f-u));return{box:S,scaleX:+(S.width/e.width*(h>0?1:-1)).toFixed(5),scaleY:+(S.height/e.height*(g>0?1:-1)).toFixed(5)}}equals(e){return t.Equals(this,e)}static Equals(e,n){return n.x===e.x&&n.y===e.y&&n.w===e.w&&n.h===e.h}zeroFix(){return this.w=Math.max(1,this.w),this.h=Math.max(1,this.h),this}static ZeroFix(e){return new t(e.x,e.y,Math.max(1,e.w),Math.max(1,e.h))}};function qX(t){switch(t){case"top":return"bottom";case"bottom":return"top";case"top_left":return"bottom_left";case"top_right":return"bottom_right";case"bottom_left":return"top_left";case"bottom_right":return"top_right";default:return t}}function XX(t){switch(t){case"left":return"right";case"right":return"left";case"top_left":return"top_right";case"top_right":return"top_left";case"bottom_left":return"bottom_right";case"bottom_right":return"bottom_left";default:return t}}function ZX(t){return t==="top_left"||t==="top_right"||t==="bottom_right"||t==="bottom_left"}var Q=class t{constructor(e,n,o,r,i,s){this.a=e,this.b=n,this.c=o,this.d=r,this.e=i,this.f=s}a=1;b=0;c=0;d=1;e=0;f=0;equals(e){return this===e||this.a===e.a&&this.b===e.b&&this.c===e.c&&this.d===e.d&&this.e===e.e&&this.f===e.f}identity(){return this.a=1,this.b=0,this.c=0,this.d=1,this.e=0,this.f=0,this}multiply(e){let n=e,{a:o,b:r,c:i,d:s,e:a,f:l}=this;return this.a=o*n.a+i*n.b,this.c=o*n.c+i*n.d,this.e=o*n.e+i*n.f+a,this.b=r*n.a+s*n.b,this.d=r*n.c+s*n.d,this.f=r*n.e+s*n.f+l,this}rotate(e,n,o){return e===0?this:n===void 0?this.multiply(t.Rotate(e)):this.translate(n,o).multiply(t.Rotate(e)).translate(-n,-o)}translate(e,n){return this.multiply(t.Translate(e,n))}scale(e,n){return this.multiply(t.Scale(e,n))}invert(){let{a:e,b:n,c:o,d:r,e:i,f:s}=this,a=e*r-n*o;return this.a=r/a,this.b=n/-a,this.c=o/-a,this.d=e/a,this.e=(r*i-o*s)/-a,this.f=(n*i-e*s)/a,this}applyToPoint(e){return t.applyToPoint(this,e)}applyToPoints(e){return t.applyToPoints(this,e)}rotation(){return t.Rotation(this)}point(){return t.Point(this)}decomposed(){return t.Decompose(this)}toCssString(){return t.toCssString(this)}setTo(e){return Object.assign(this,e),this}decompose(){return t.Decompose(this)}clone(){return new t(this.a,this.b,this.c,this.d,this.e,this.f)}static Identity(){return new t(1,0,0,1,0,0)}static Translate(e,n){return new t(1,0,0,1,e,n)}static Rotate(e,n,o){if(e===0)return t.Identity();let r=Math.cos(e),i=Math.sin(e),s=new t(r,i,-i,r,0,0);return n===void 0?s:t.Compose(t.Translate(n,o),s,t.Translate(-n,-o))}static Scale(e,n,o,r){let i=new t(e,0,0,n,0,0);return o===void 0?i:t.Translate(o,r).multiply(i).translate(-o,-r)}static Multiply(e,n){return{a:e.a*n.a+e.c*n.b,c:e.a*n.c+e.c*n.d,e:e.a*n.e+e.c*n.f+e.e,b:e.b*n.a+e.d*n.b,d:e.b*n.c+e.d*n.d,f:e.b*n.e+e.d*n.f+e.f}}static Inverse(e){let n=e.a*e.d-e.b*e.c;return{a:e.d/n,b:e.b/-n,c:e.c/-n,d:e.a/n,e:(e.d*e.e-e.c*e.f)/-n,f:(e.b*e.e-e.a*e.f)/n}}static Absolute(e){let n=e.a*e.d-e.b*e.c;return{a:e.d/n,b:e.b/-n,c:e.c/-n,d:e.a/n,e:(e.d*e.e-e.c*e.f)/n,f:(e.b*e.e-e.a*e.f)/-n}}static Compose(...e){let n=t.Identity();for(let o=0,r=e.length;o<r;o++)n.multiply(e[o]);return n}static Point(e){return new T(e.e,e.f)}static Rotation(e){let n;if(e.a!==0||e.c!==0){let o=(e.a*e.a+e.c*e.c)**.5;n=Math.acos(e.a/o)*(e.c>0?-1:1)}else if(e.b!==0||e.d!==0){let o=(e.b*e.b+e.d*e.d)**.5;n=Nn+Math.acos(e.b/o)*(e.d>0?-1:1)}else n=0;return DT(n)}static Decompose(e){let n,o,r;if(e.a!==0||e.c!==0){let i=(e.a*e.a+e.c*e.c)**.5;n=i,o=(e.a*e.d-e.b*e.c)/i,r=Math.acos(e.a/i)*(e.c>0?-1:1)}else if(e.b!==0||e.d!==0){let i=(e.b*e.b+e.d*e.d)**.5;n=(e.a*e.d-e.b*e.c)/i,o=i,r=Nn+Math.acos(e.b/i)*(e.d>0?-1:1)}else n=0,o=0,r=0;return{x:e.e,y:e.f,scaleX:n,scaleY:o,rotation:DT(r)}}static Smooth(e,n=1e10){return e.a=Math.round(e.a*n)/n,e.b=Math.round(e.b*n)/n,e.c=Math.round(e.c*n)/n,e.d=Math.round(e.d*n)/n,e.e=Math.round(e.e*n)/n,e.f=Math.round(e.f*n)/n,e}static toCssString(e){return`matrix(${be(e.a)}, ${be(e.b)}, ${be(e.c)}, ${be(e.d)}, ${be(e.e)}, ${be(e.f)})`}static applyToPoint(e,n){return new T(e.a*n.x+e.c*n.y+e.e,e.b*n.x+e.d*n.y+e.f,n.z)}static applyToXY(e,n,o){return[e.a*n+e.c*o+e.e,e.b*n+e.d*o+e.f]}static applyToPoints(e,n){return n.map(o=>new T(e.a*o.x+e.c*o.y+e.e,e.b*o.x+e.d*o.y+e.f,o.z))}static applyToBounds(e,n){return new q(e.e+n.minX,e.f+n.minY,n.width,n.height)}static From(e){return new t(e.a,e.b,e.c,e.d,e.e,e.f)}static Cast(e){return e instanceof t?e:t.From(e)}};function NT(t,e){return t.props===e.props&&t.meta===e.meta}var Dz=_(j(),1),JX=_(H(),1),BTe={error:null},ah=class extends JX.Component{static getDerivedStateFromError(e){return{error:e}}state=BTe;componentDidCatch(e){this.props.onError?.(e)}render(){let{error:e}=this.state;if(e!==null){let{fallback:n}=this.props;return(0,Dz.jsx)(n,{error:e})}return this.props.children}};function vg({children:t,fallback:e,...n}){return e===null?t:(0,Dz.jsx)(ah,{fallback:e,...n,children:t})}var Oz=(0,oi.memo)(function({id:e,shape:n,util:o,index:r,backgroundIndex:i,opacity:s}){let a=O(),{ShapeErrorFallback:l,ShapeWrapper:c}=eo(),d=(0,oi.useRef)(null),u=(0,oi.useRef)(null);(0,oi.useEffect)(()=>Sn("load fonts",()=>{let y=a.fonts.getShapeFontFaces(e);a.fonts.requestFonts(y)}),[a,e]);let p=(0,oi.useRef)({transform:"",clipPath:"none",width:0,height:0,x:0,y:0});Oa("set shape stuff",()=>{let y=a.getShape(e);if(!y)return;let m=p.current,S=a.getShapeClipPath(e)??"none";S!==m.clipPath&&(vr(d.current,"clip-path",S),vr(u.current,"clip-path",S),m.clipPath=S);let b=a.getShapePageTransform(e),v=Q.toCssString(b),w=a.getShapeGeometry(y).bounds;v!==m.transform&&(vr(d.current,"transform",v),vr(u.current,"transform",v),m.transform=v);let x=Math.max(w.width,1),C=Math.max(w.height,1);(x!==m.width||C!==m.height)&&(vr(d.current,"width",x+"px"),vr(d.current,"height",C+"px"),vr(u.current,"width",x+"px"),vr(u.current,"height",C+"px"),m.width=x,m.height=C)},[a]),(0,oi.useLayoutEffect)(()=>{let y=d.current,m=u.current;vr(y,"opacity",s),vr(m,"opacity",s),vr(y,"z-index",r),vr(m,"z-index",i)},[s,r,i]);let{register:f,unregister:h}=OM();(0,oi.useLayoutEffect)(()=>{let y=d.current;if(!y)return;let m=a.getCulledShapes().has(e);return f(e,y,u.current,m),()=>{h(e)}},[a,e,f,h]);let g=(0,oi.useCallback)(y=>a.annotateError(y,{origin:"shape",willCrashApp:!1}),[a]);return!n||!c?null:(0,Va.jsxs)(Va.Fragment,{children:[o.backgroundComponent&&(0,Va.jsx)(c,{ref:u,shape:n,isBackground:!0,children:(0,Va.jsx)(vg,{fallback:l,onError:g,children:(0,Va.jsx)(Nz,{shape:n,util:o})})}),(0,Va.jsxs)(c,{ref:d,shape:n,isBackground:!1,children:[(0,Va.jsx)(vg,{fallback:l,onError:g,children:(0,Va.jsx)(Lz,{shape:n,util:o})}),o.getAppOwnedElement&&(0,Va.jsx)(zTe,{id:e,util:o})]})]})}),zTe=(0,oi.memo)(function({id:e,util:n}){let o=O(),r=(0,oi.useRef)(null);return(0,oi.useLayoutEffect)(()=>{let i=r.current;if(!i)return;let s=o.getShape(e);if(!s)return;let a=n.getAppOwnedElement?.(s);if(!a)return;let l=a.isConnected;return a.parentNode!==i&&vz(i,a),()=>{let c=o.getShape(e)??s;n.onReleaseAppOwnedElement?.(c,a)}},[o,e,n]),(0,Va.jsx)("div",{ref:r,className:"tl-content-slot",draggable:!1})});var Lz=(0,oi.memo)(function({shape:e,util:n}){return gb("InnerShape:"+e.type,()=>n.component(n.editor.store.unsafeGetWithoutCapture(e.id)),[n,e.id])},(t,e)=>NT(t.shape,e.shape)&&t.util===e.util),Nz=(0,oi.memo)(function({shape:e,util:n}){return gb("InnerShape:"+e.type,()=>n.backgroundComponent?.(n.editor.store.unsafeGetWithoutCapture(e.id)),[n,e.id])},(t,e)=>t.shape.props===e.shape.props&&t.shape.meta===e.shape.meta&&t.util===e.util);var QX=_(j(),1);var Vb=_(H(),1);function FT(t,e,n,o,r=1e-10){let i=t.x-n.x,s=t.y-n.y,a=o.x-n.x,l=o.y-n.y,c=e.x-t.x,d=e.y-t.y,u=a*s-l*i,p=c*s-d*i,f=l*c-a*d;if(Math.abs(u)<=r||Math.abs(p)<=r||Math.abs(f)<=r)return null;let h=u/f,g=p/f;return h>=-r&&h<=1+r&&g>=-r&&g<=1+r?new T(t.x+h*c,t.y+h*d):null}function Vd(t,e,n,o){let r=e.x-t.x,i=e.y-t.y,s=t.x-n.x,a=t.y-n.y,l=r*r+i*i,c=2*(r*s+i*a),d=s*s+a*a-o*o,u=c*c-4*l*d;if(u<=0)return null;let p=Math.sqrt(u),f=(-c+p)/(2*l),h=(-c-p)/(2*l);if((f<0||f>1)&&(h<0||h>1))return null;let g=[];return f>=0&&f<=1&&g.push(new T(t.x+r*f,t.y+i*f)),h>=0&&h<=1&&g.push(new T(t.x+r*h,t.y+i*h)),g.length===0?null:g}function Fz(t,e,n){let o=[],r;for(let i=0,s=n.length-1;i<s;i++)r=FT(t,e,n[i],n[i+1]),r&&o.push(r);return o.length===0?null:o}function wg(t,e,n){let o=[],r;for(let i=1,s=n.length;i<s+1;i++)r=FT(t,e,n[i-1],n[i%n.length]),r&&o.push(r);return o.length===0?null:o}function Bz(t,e,n,o){let r=n.x-t.x,i=n.y-t.y,s=Math.sqrt(r*r+i*i),a=(s*s-o*o+e*e)/(2*s),l=Math.sqrt(e*e-a*a);return r/=s,i/=s,[new T(t.x+r*a-i*l,t.y+i*a+r*l),new T(t.x+r*a+i*l,t.y+i*a-r*l)]}function zz(t,e,n){let o=[],r,i,s;for(let a=0,l=n.length;a<l;a++)r=n[a],i=n[(a+1)%n.length],s=Vd(r,i,t,e),s&&o.push(...s);return o.length===0?null:o}function Uz(t,e,n){let o=[],r,i,s;for(let a=1,l=n.length;a<l;a++)r=n[a-1],i=n[a],s=Vd(r,i,t,e),s&&o.push(...s);return o.length===0?null:o}function FM(t,e,n){return(n.y-t.y)*(e.x-t.x)>(e.y-t.y)*(n.x-t.x)}function BT(t,e,n,o){return FM(t,n,o)!==FM(e,n,o)&&FM(t,e,n)!==FM(t,e,o)}function xg(t,e){let n=new Map,o,r,i,s;for(let a=0,l=t.length;a<l;a++)if(o=t[a],cn(o,e)){let c=BM(o);n.has(c)||n.set(c,o)}for(let a=0,l=e.length;a<l;a++)if(o=e[a],cn(o,t)){let c=BM(o);n.has(c)||n.set(c,o)}for(let a=0,l=t.length;a<l;a++){o=t[a],r=t[(a+1)%t.length];for(let c=0,d=e.length;c<d;c++){i=e[c],s=e[(c+1)%e.length];let u=FT(o,r,i,s);if(u!==null){let p=BM(u);n.has(p)||n.set(p,u)}}}return n.size===0?null:UTe([...n.values()])}function Hz(t,e,n,o){let r=new Map;for(let i=0,s=n?t.length:t.length-1;i<s;i++){let a=t[i],l=t[(i+1)%t.length];for(let c=0,d=o?e.length:e.length-1;c<d;c++){let u=e[c],p=e[(c+1)%e.length],f=FT(a,l,u,p);if(f!==null){let h=BM(f);r.has(h)||r.set(h,f)}}}return[...r.values()]}function BM(t){return`${t.x},${t.y}`}function UTe(t){let e=T.Average(t);return t.sort((n,o)=>T.Angle(e,n)-T.Angle(e,o))}function zT(t,e){let n,o,r,i;for(let s=0,a=t.length;s<a;s++){n=t[s],o=t[(s+1)%a];for(let l=0,c=e.length;l<c;l++)if(r=e[l],i=e[(l+1)%c],BT(n,o,r,i))return!0}return!1}function Vz(t,e){let n,o,r,i;for(let s=0,a=t.length;s<a;s++){n=t[s],o=t[(s+1)%a];for(let l=1,c=e.length;l<c;l++)if(r=e[l-1],i=e[l],BT(n,o,r,i))return!0}return!1}var qs={EXCLUDE_NON_STANDARD:{includeLabels:!1,includeInternal:!1},INCLUDE_ALL:{includeLabels:!0,includeInternal:!0},EXCLUDE_LABELS:{includeLabels:!1,includeInternal:!0},EXCLUDE_INTERNAL:{includeLabels:!0,includeInternal:!1}},or=class{isFilled=!1;isClosed=!0;isLabel=!1;isEmptyLabel=!1;isInternal=!1;excludeFromShapeBounds=!1;debugColor;ignore;constructor(e){let{isLabel:n=!1,isEmptyLabel:o=!1,isInternal:r=!1,excludeFromShapeBounds:i=!1}=e;this.isFilled=e.isFilled,this.isClosed=e.isClosed,this.debugColor=e.debugColor,this.ignore=e.ignore,this.isLabel=n,this.isEmptyLabel=o,this.isInternal=r,this.excludeFromShapeBounds=i}isExcludedByFilter(e){return e?!!(this.isLabel&&!e.includeLabels||this.isInternal&&!e.includeInternal):!1}hitTestPoint(e,n=0,o=!1,r){return this.isClosed&&(this.isFilled||o)&&cn(e,this.vertices)?!0:T.Dist2(e,this.nearestPoint(e))<=n*n}distanceToPoint(e,n=!1,o){return T.Dist(e,this.nearestPoint(e,o))*(this.isClosed&&(this.isFilled||n)&&cn(e,this.vertices)?-1:1)}distanceToLineSegment(e,n,o){if(T.Equals(e,n))return this.distanceToPoint(e,!1,o);let{vertices:r}=this;if(r.length===0)throw Error("nearest point not found");if(r.length===1)return T.Dist(e,r[0]);let i,s=1/0,a,l,c,d=this.isClosed?r.length:r.length-1;for(let u=0;u<r.length;u++){if(l=r[u],u<d){let p=r[(u+1)%r.length];if(BT(e,n,l,p))return 0}c=T.NearestPointOnLineSegment(e,n,l,!0),a=T.Dist2(l,c),a<s&&(s=a,i=c)}if(!i)throw Error("nearest point not found");return s=Math.sqrt(s),this.isClosed&&this.isFilled&&cn(i,this.vertices)?-s:s}hitTestLineSegment(e,n,o=0,r){return this.distanceToLineSegment(e,n,r)<=o}intersectLineSegment(e,n,o){return(this.isClosed?wg(e,n,this.vertices):Fz(e,n,this.vertices))??[]}intersectCircle(e,n,o){return(this.isClosed?zz(e,n,this.vertices):Uz(e,n,this.vertices))??[]}intersectPolygon(e,n){return Hz(e,this.vertices,!0,this.isClosed)}intersectPolyline(e,n){return Hz(e,this.vertices,!1,this.isClosed)}interpolateAlongEdge(e,n){let{vertices:o}=this;if(o.length===0)return new T(0,0);if(o.length===1||e<=0)return o[0];let r=e*this.length,i=0;for(let s=0;s<(this.isClosed?o.length:o.length-1);s++){let a=o[s],l=o[(s+1)%o.length],c=T.Dist(a,l),d=i+c;if(d>=r)return c===0?a:T.Lrp(a,l,ou(i,d,r));i=d}return this.isClosed?o[0]:o[o.length-1]}uninterpolateAlongEdge(e,n){let{vertices:o,length:r}=this,i=null,s=1/0,a=0;if(o.length===0||o.length===1)return 0;for(let c=0;c<(this.isClosed?o.length:o.length-1);c++){let d=o[c],u=o[(c+1)%o.length],p=T.NearestPointOnLineSegment(d,u,e,!0),f=T.Dist(p,e);f<s&&(s=f,i={start:d,end:u,nearestPoint:p,distanceToStart:a}),a+=T.Dist(d,u)}ne(i);let l=i.distanceToStart+T.Dist(i.start,i.nearestPoint);return r===0?0:l/r}isPointInBounds(e,n=0){let{bounds:o}=this;return!(e.x<o.minX-n||e.y<o.minY-n||e.x>o.maxX+n||e.y>o.maxY+n)}overlapsPolygon(e){let n=e.map(l=>T.From(l)),{vertices:o,center:r,isFilled:i,isEmptyLabel:s,isClosed:a}=this;if(s)return!1;if(o.some(l=>cn(l,n)))return!0;if(a){if(i&&(cn(r,n)||n.every(l=>cn(l,o)))||zT(n,o))return!0}else if(Vz(n,o))return!0;return!1}transform(e,n){return new zM(this,e,n)}_vertices;get vertices(){return this._vertices||(this._vertices=this.getVertices(qs.EXCLUDE_LABELS)),this._vertices}getBoundsVertices(){return this.excludeFromShapeBounds?[]:this.vertices}_boundsVertices;get boundsVertices(){return this._boundsVertices||(this._boundsVertices=this.getBoundsVertices()),this._boundsVertices}getBounds(){return q.FromPoints(this.boundsVertices)}_bounds;get bounds(){return this._bounds||(this._bounds=this.getBounds()),this._bounds}get center(){return this.bounds.center}_area;get area(){return this._area||(this._area=this.getArea()),this._area}getArea(){if(!this.isClosed)return 0;let{vertices:e}=this,n=0;for(let o=0,r=e.length;o<r;o++){let i=e[o],s=e[(o+1)%r];n+=i.x*s.y-s.x*i.y}return n/2}toSimpleSvgPath(){let e="",{vertices:n}=this,o=n.length;if(o===0)return e;e+=`M${n[0].x},${n[0].y}`;for(let r=1;r<o;r++)e+=`L${n[r].x},${n[r].y}`;return this.isClosed&&(e+="Z"),e}_length;get length(){return this._length?this._length:(this._length=this.getLength(qs.EXCLUDE_LABELS),this._length)}getLength(e){let n=this.getVertices(e??qs.EXCLUDE_LABELS);if(n.length===0)return 0;let o=n[0],r=0;for(let i=1;i<n.length;i++){let s=n[i];r+=T.Dist(o,s),o=s}return this.isClosed&&(r+=T.Dist(n[n.length-1],n[0])),r}ignoreHit(e){return!1}},zM=class t extends or{constructor(e,n,o){super(e),this.geometry=e,this.matrix=n,this.inverse=Q.Inverse(n),this.decomposed=Q.Decompose(n),o&&(o.isLabel!=null&&(this.isLabel=o.isLabel),o.isInternal!=null&&(this.isInternal=o.isInternal),o.debugColor!=null&&(this.debugColor=o.debugColor),o.ignore!=null&&(this.ignore=o.ignore)),ne(En(this.decomposed.scaleX,this.decomposed.scaleY),"non-uniform scaling is not yet supported")}geometry;matrix;inverse;decomposed;getVertices(e){return this.geometry.getVertices(e).map(n=>Q.applyToPoint(this.matrix,n))}getBoundsVertices(){return this.geometry.getBoundsVertices().map(e=>Q.applyToPoint(this.matrix,e))}nearestPoint(e,n){return Q.applyToPoint(this.matrix,this.geometry.nearestPoint(Q.applyToPoint(this.inverse,e),n))}hitTestPoint(e,n=0,o,r){return this.geometry.hitTestPoint(Q.applyToPoint(this.inverse,e),n/this.decomposed.scaleX,o,r)}distanceToPoint(e,n=!1,o){return this.geometry.distanceToPoint(Q.applyToPoint(this.inverse,e),n,o)*this.decomposed.scaleX}distanceToLineSegment(e,n,o){return this.geometry.distanceToLineSegment(Q.applyToPoint(this.inverse,e),Q.applyToPoint(this.inverse,n),o)*this.decomposed.scaleX}hitTestLineSegment(e,n,o=0,r){return this.geometry.hitTestLineSegment(Q.applyToPoint(this.inverse,e),Q.applyToPoint(this.inverse,n),o/this.decomposed.scaleX,r)}intersectLineSegment(e,n,o){return Q.applyToPoints(this.matrix,this.geometry.intersectLineSegment(Q.applyToPoint(this.inverse,e),Q.applyToPoint(this.inverse,n),o))}intersectCircle(e,n,o){return Q.applyToPoints(this.matrix,this.geometry.intersectCircle(Q.applyToPoint(this.inverse,e),n/this.decomposed.scaleX,o))}intersectPolygon(e,n){return Q.applyToPoints(this.matrix,this.geometry.intersectPolygon(Q.applyToPoints(this.inverse,e),n))}intersectPolyline(e,n){return Q.applyToPoints(this.matrix,this.geometry.intersectPolyline(Q.applyToPoints(this.inverse,e),n))}ignoreHit(e){return this.geometry.ignoreHit(Q.applyToPoint(this.inverse,e))}transform(e,n){return new t(this.geometry,Q.Multiply(e,this.matrix),{isLabel:n?.isLabel??this.isLabel,isInternal:n?.isInternal??this.isInternal,debugColor:n?.debugColor??this.debugColor,ignore:n?.ignore??this.ignore})}getSvgPathData(){throw new Error("Cannot get SVG path data for transformed geometry.")}};var go=class t extends or{children=[];ignoredChildren=[];constructor(e){super({...e,isClosed:!0,isFilled:!1});let n=o=>{for(let r of o)r instanceof t?n(r.children):r.ignore?this.ignoredChildren.push(r):this.children.push(r)};if(n(e.children),this.children.length===0)throw Error("Group2d must have at least one child")}getVertices(e){return this.isExcludedByFilter(e)?[]:this.children.filter(n=>!n.isExcludedByFilter(e)).flatMap(n=>n.getVertices(e))}nearestPoint(e,n){let o=1/0,r,{children:i}=this;if(i.length===0)throw Error("no children");let s,a;for(let l of i)l.isExcludedByFilter(n)||(s=l.nearestPoint(e,n),a=T.Dist2(s,e),a<o&&(o=a,r=s));if(!r)throw Error("nearest point not found");return r}distanceToPoint(e,n=!1,o){let r=1/0;for(let i of this.children){if(i.isExcludedByFilter(o))continue;let s=i.distanceToPoint(e,n,o);s<r&&(r=s)}return r}hitTestPoint(e,n,o,r=qs.EXCLUDE_LABELS){return!!this.children.filter(i=>!i.isExcludedByFilter(r)).find(i=>i.hitTestPoint(e,n,o))}hitTestLineSegment(e,n,o,r=qs.EXCLUDE_LABELS){return!!this.children.filter(i=>!i.isExcludedByFilter(r)).find(i=>i.hitTestLineSegment(e,n,o))}intersectLineSegment(e,n,o){return this.children.flatMap(r=>r.isExcludedByFilter(o)?pt:r.intersectLineSegment(e,n,o))}intersectCircle(e,n,o){return this.children.flatMap(r=>r.isExcludedByFilter(o)?pt:r.intersectCircle(e,n,o))}getBoundsVertices(){return this.excludeFromShapeBounds?[]:this.children.flatMap(e=>e.getBoundsVertices())}intersectPolygon(e,n){return this.children.flatMap(o=>o.isExcludedByFilter(n)?pt:o.intersectPolygon(e,n))}intersectPolyline(e,n){return this.children.flatMap(o=>o.isExcludedByFilter(n)?pt:o.intersectPolyline(e,n))}interpolateAlongEdge(e,n){let o=this.getLength(n),r=e*o,i=0;for(let s of this.children){if(s.isExcludedByFilter(n))continue;let a=s.length,l=i+a;if(l>=r)return s.interpolateAlongEdge(ou(i,l,r),n);i=l}return this.children[this.children.length-1].interpolateAlongEdge(1,n)}uninterpolateAlongEdge(e,n){let o=this.getLength(n),r=null,i=1/0,s=0;for(let c of this.children){if(c.isExcludedByFilter(n))continue;let d=c.getLength(n),u=s+d,p=c.distanceToPoint(e,!1,n);p<i&&(i=p,r={startLength:s,endLength:u,child:c}),s=u}ne(r);let a=r.child.uninterpolateAlongEdge(e,n);return Me(r.startLength,r.endLength,a)/o}transform(e){return new t({children:this.children.map(n=>n.transform(e)),isLabel:this.isLabel,debugColor:this.debugColor,ignore:this.ignore})}getArea(){return this.children[0].area}toSimpleSvgPath(){let e="";for(let o of this.children)e+=o.toSimpleSvgPath();let n=q.FromPoints(this.boundsVertices).corners;for(let o=0,r=n.length;o<r;o++){let i=n[o],s=n[(o-1+r)%r],a=i.dist(s),l=n[(o+1)%r],c=i.dist(l),d=i.clone().lrp(s,4/a),u=i,p=i.clone().lrp(l,4/c);e+=`M${d.x},${d.y} L${u.x},${u.y} L${p.x},${p.y} `}return e}getLength(e){let n=0;for(let o of this.children)o.isExcludedByFilter(e)||(n+=o.length);return n}getSvgPathData(){return this.children.map((e,n)=>e.isLabel?"":e.getSvgPathData(n===0)).join(" ")}overlapsPolygon(e){return this.children.some(n=>n.overlapsPolygon(e))}};var eZ=(0,Vb.memo)(function(){let e=O(),n=(0,Vb.useRef)(null);return(0,Vb.useEffect)(()=>{let o=$("canvas overlays render inputs",()=>{let i=e.getInstanceState(),s=e.getCamera();return{dpr:i.devicePixelRatio,w:i.screenBounds.w,h:i.screenBounds.h,cx:s.x,cy:s.y,zoom:s.z}},{isEqual:(i,s)=>i.dpr===s.dpr&&i.w===s.w&&i.h===s.h&&i.cx===s.cx&&i.cy===s.cy&&i.zoom===s.zoom}),r=new Ra("canvas overlays render",()=>{let i=n.current;if(!i)return;let s=i.getContext("2d");if(!s)return;let{dpr:a,w:l,h:c,cx:d,cy:u,zoom:p}=o.get(),f=Math.ceil(l*a),h=Math.ceil(c*a);(i.width!==f||i.height!==h)&&(i.width=f,i.height=h,i.style.width=`${l}px`,i.style.height=`${c}px`),s.setTransform(1,0,0,1,0,0),s.clearRect(0,0,i.width,i.height);let g=a*p;s.setTransform(g,0,0,g,g*d,g*u);for(let{util:y,overlays:m}of e.overlays.getActiveOverlayEntries())s.save(),y.render(s,m),s.restore();if(Et.debugGeometry.get()){let y=e.inputs.getCurrentPagePoint(),m=e.getRenderingShapes();for(let S of m){let b=e.getShape(S.id);if(!b||b.type==="group")continue;let v=e.getShapeGeometry(b),w=e.getShapePageTransform(b);if(!w)continue;s.save();let x=w;s.transform(x.a,x.b,x.c,x.d,x.e,x.f),s.strokeStyle=v.debugColor??"red",s.lineWidth=2/p,s.fillStyle="none",jz(s,v);let{vertices:C}=v;for(let E=0;E<C.length;E++){let I=C[E],R=C.length>1?120+80*E/(C.length-1):160;s.fillStyle=`hsl(${R}, 100%, 50%)`,s.strokeStyle="black",s.lineWidth=1/p,s.beginPath(),s.arc(I.x,I.y,2/p,0,Math.PI*2),s.fill(),s.stroke()}let P=e.getPointInShapeSpace(b,y),M=Math.abs(v.distanceToPoint(P,!0))*p;if(M<150){let E=v.nearestPoint(P),I=v.distanceToPoint(P,!0)<0;s.strokeStyle=I?"goldenrod":"dodgerblue",s.lineWidth=2/p,s.globalAlpha=1-M/150,s.beginPath(),s.moveTo(E.x,E.y),s.lineTo(P.x,P.y),s.stroke(),s.globalAlpha=1}s.restore()}s.save(),s.strokeStyle="magenta",s.fillStyle="rgba(255, 0, 255, 0.1)",s.lineWidth=1/p;for(let{overlays:S}of e.overlays.getActiveOverlayEntries())for(let b of S){let v=e.overlays.getOverlayGeometry(b);if(!v)continue;let w=v.vertices;if(!(w.length<2)){s.beginPath(),s.moveTo(w[0].x,w[0].y);for(let x=1;x<w.length;x++)s.lineTo(w[x].x,w[x].y);v.isClosed&&(s.closePath(),s.fill()),s.stroke();for(let x of w)s.beginPath(),s.arc(x.x,x.y,2/p,0,Math.PI*2),s.fill()}}s.restore()}});return r.attach(),r.execute(),()=>r.detach()},[e]),(0,QX.jsx)("canvas",{ref:n,className:"tl-canvas-overlays"})});function jz(t,e){if(e instanceof go){let o=t.strokeStyle;for(let r of e.children)r.debugColor&&(t.strokeStyle=r.debugColor),jz(t,r),t.strokeStyle=o;for(let r of e.ignoredChildren)r.debugColor&&(t.strokeStyle=r.debugColor),jz(t,r),t.strokeStyle=o;return}let n=e.vertices;if(!(n.length<2)){t.beginPath(),t.moveTo(n[0].x,n[0].y);for(let o=1;o<n.length;o++)t.lineTo(n[o].x,n[o].y);e.isClosed&&t.closePath(),t.stroke()}}function Kz({className:t}){let e=O(),{Background:n,SvgDefs:o}=eo(),r=(0,fc.useRef)(null),i=(0,fc.useRef)(null),s=it();VX(r),DX(),AX(),BX(r),LX(r),Oa("update canvas state data attributes",()=>{let f=r.current;f&&(f.setAttribute("data-iseditinganything",e.getEditingShapeId()===null?"false":"true"),f.setAttribute("data-isselectinganything",e.getSelectedShapeIds().length===0?"false":"true"))},[e]);let a=(0,fc.useRef)({lodDisableTextOutline:!1,canUpdateTextOutline:!0});Oa("set text outline",function(){if(a.current.canUpdateTextOutline)if(He.isSafari)s.style.setProperty("--tl-text-outline","none"),a.current.canUpdateTextOutline=!1;else{let g=e.getEfficientZoomLevel()<e.options.textShadowLod;g!==a.current.lodDisableTextOutline&&s.style.setProperty("--tl-text-outline",g?"none":"var(--tl-text-outline-reference)"),a.current.lodDisableTextOutline=g}},[e,s]),Oa("position layers",function(){let{x:h,y:g,z:y}=e.getCamera(),m=y>=1?Qr(y,[1,8],[.125,.5],!0):Qr(y,[.1,1],[-2,.125],!0);vr(i.current,"transform",`scale(${be(y)}) translate(${be(h+m)}px,${be(g+m)}px)`)},[e,s]);let l=mg(),c=z("shapeSvgDefs",()=>{let f=new Map;for(let h of Vt(e.shapeUtils)){if(!h)return;let g=h.getCanvasSvgDefs();for(let{key:y,component:m}of g)f.has(y)||f.set(y,(0,$t.jsx)(m,{},y))}return[...f.values()]},[e]),d=z("debug_shapes",()=>Et.hideShapes.get(),[Et]),u=z("isGridMode",()=>e.getInstanceState().isGridMode,[e]),{Grid:p}=eo();return(0,$t.jsxs)($t.Fragment,{children:[(0,$t.jsxs)("div",{ref:r,draggable:!1,className:(0,$z.default)("tl-canvas",t),"data-testid":"canvas",...l,children:[(0,$t.jsx)("svg",{className:"tl-svg-context","aria-hidden":"true",children:(0,$t.jsxs)("defs",{children:[c,o&&(0,$t.jsx)(o,{})]})}),n&&(0,$t.jsx)("div",{className:"tl-background__wrapper",children:(0,$t.jsx)(n,{})}),u&&p&&(0,$t.jsx)(VTe,{}),(0,$t.jsxs)("div",{ref:i,className:"tl-html-layer tl-shapes",draggable:!1,children:[(0,$t.jsx)(WTe,{}),d?null:(0,$t.jsx)(jTe,{canvasRef:r})]}),(0,$t.jsx)(eZ,{}),(0,$t.jsx)(YTe,{})]}),(0,$t.jsx)(HTe,{}),(0,$t.jsx)(Rz,{})]})}function HTe(){let t=O(),{InFrontOfTheCanvas:e}=eo();return e?(0,$t.jsx)("div",{className:"tl-canvas__in-front",onPointerDown:t.markEventAsHandled,onPointerUp:t.markEventAsHandled,onTouchStart:t.markEventAsHandled,onTouchEnd:t.markEventAsHandled,children:(0,$t.jsx)(e,{})}):null}function VTe(){let t=O(),e=z("gridSize",()=>t.getDocumentSettings().gridSize,[t]),{x:n,y:o,z:r}=z("camera",()=>t.getCamera(),[t]),{Grid:i}=eo();return i?(0,$t.jsx)(i,{x:n,y:o,z:r,size:e}):null}function jTe({canvasRef:t}){let e=O(),n=z("debug svg",()=>Et.debugSvg.get(),[Et]),o=z("rendering shapes",()=>e.getRenderingShapes(),[e]);return(0,$t.jsxs)(KX,{children:[o.map(r=>n?(0,$t.jsxs)(fc.Fragment,{children:[(0,$t.jsx)(Oz,{...r}),(0,$t.jsx)(GTe,{id:r.id,mode:"iframe"})]},r.id+"_fragment"):(0,$t.jsx)(Oz,{...r},r.id+"_shape")),(0,$t.jsx)(KTe,{}),He.isSafari&&(0,$t.jsx)($Te,{canvasRef:t})]})}function $Te({canvasRef:t}){let e=O(),n=(0,fc.useRef)(new Set);return Oa("reflow for culled shapes",()=>{let o=e.getCulledShapes();if(n.current===o)return;n.current=o;let r=t.current;if(!r)return;let i=r.offsetHeight},[e,t]),null}function KTe(){let t=O(),{updateCulling:e}=OM();return Oa("update shape culling",()=>{let n=t.getCulledShapes();e(n)},[t,e]),null}function GTe({id:t,mode:e}){let n=O(),[o,r]=(0,fc.useState)(null),i=z("is in root",()=>n.getShape(t)?.parentId===n.getCurrentPageId(),[n,t]);return(0,fc.useEffect)(()=>{if(!i)return;let s=null,a=Sn("shape to svg",async()=>{let l=Math.random();s=l;let c=n.getShape(t),u=!!c&&n.isShapeFrameLike(c)?0:10,p=n.getShapePageBounds(t);if(!p)return;p=p.clone().expandBy(u);let f=await n.getSvgString([t],{padding:u});if(s!==l||!f)return;let h=`data:image/svg+xml;utf8,${encodeURIComponent(f.svg)}`;r({src:h,bounds:p})});return()=>{s=null,a()}},[n,t,i]),!i||!o?null:e==="iframe"?(0,$t.jsx)("iframe",{src:o.src,width:o.bounds.width,height:o.bounds.height,referrerPolicy:"no-referrer",style:{position:"absolute",top:0,left:0,border:"none",transform:`translate(${o.bounds.x}px, ${o.bounds.maxY+12}px)`,outline:"1px solid black",maxWidth:"none"}}):(0,$t.jsx)("img",{src:o.src,width:o.bounds.width,height:o.bounds.height,referrerPolicy:"no-referrer",style:{position:"absolute",top:0,left:0,transform:`translate(${o.bounds.x}px, ${o.bounds.maxY+12}px)`,outline:"1px solid black",maxWidth:"none"}})}function WTe(){let{OnTheCanvas:t}=eo();return t?(0,$t.jsx)(t,{}):null}function YTe(){let t=O(),e=z("camera state",()=>t.getCameraState(),[t]);return(0,$t.jsx)("div",{className:(0,$z.default)("tl-hit-test-blocker",{"tl-hit-test-blocker__hidden":e==="idle"})})}var At=_(j(),1);var e3=_(Jt(),1),mc=_(H(),1);var qTe=(t,e)=>e.some(n=>t instanceof n),tZ,nZ;function XTe(){return tZ||(tZ=[IDBDatabase,IDBObjectStore,IDBIndex,IDBCursor,IDBTransaction])}function ZTe(){return nZ||(nZ=[IDBCursor.prototype.advance,IDBCursor.prototype.continue,IDBCursor.prototype.continuePrimaryKey])}var oZ=new WeakMap,Wz=new WeakMap,rZ=new WeakMap,Gz=new WeakMap,qz=new WeakMap;function JTe(t){let e=new Promise((n,o)=>{let r=()=>{t.removeEventListener("success",i),t.removeEventListener("error",s)},i=()=>{n(hc(t.result)),r()},s=()=>{o(t.error),r()};t.addEventListener("success",i),t.addEventListener("error",s)});return e.then(n=>{n instanceof IDBCursor&&oZ.set(n,t)}).catch(()=>{}),qz.set(e,t),e}function QTe(t){if(Wz.has(t))return;let e=new Promise((n,o)=>{let r=()=>{t.removeEventListener("complete",i),t.removeEventListener("error",s),t.removeEventListener("abort",s)},i=()=>{n(),r()},s=()=>{o(t.error||new DOMException("AbortError","AbortError")),r()};t.addEventListener("complete",i),t.addEventListener("error",s),t.addEventListener("abort",s)});Wz.set(t,e)}var Yz={get(t,e,n){if(t instanceof IDBTransaction){if(e==="done")return Wz.get(t);if(e==="objectStoreNames")return t.objectStoreNames||rZ.get(t);if(e==="store")return n.objectStoreNames[1]?void 0:n.objectStore(n.objectStoreNames[0])}return hc(t[e])},set(t,e,n){return t[e]=n,!0},has(t,e){return t instanceof IDBTransaction&&(e==="done"||e==="store")?!0:e in t}};function iZ(t){Yz=t(Yz)}function eCe(t){return t===IDBDatabase.prototype.transaction&&!("objectStoreNames"in IDBTransaction.prototype)?function(e,...n){let o=t.call(UM(this),e,...n);return rZ.set(o,e.sort?e.sort():[e]),hc(o)}:ZTe().includes(t)?function(...e){return t.apply(UM(this),e),hc(oZ.get(this))}:function(...e){return hc(t.apply(UM(this),e))}}function tCe(t){return typeof t=="function"?eCe(t):(t instanceof IDBTransaction&&QTe(t),qTe(t,XTe())?new Proxy(t,Yz):t)}function hc(t){if(t instanceof IDBRequest)return JTe(t);if(Gz.has(t))return Gz.get(t);let e=tCe(t);return e!==t&&(Gz.set(t,e),qz.set(e,t)),e}var UM=t=>qz.get(t);function Zz(t,e,{blocked:n,upgrade:o,blocking:r,terminated:i}={}){let s=indexedDB.open(t,e),a=hc(s);return o&&s.addEventListener("upgradeneeded",l=>{o(hc(s.result),l.oldVersion,l.newVersion,hc(s.transaction),l)}),n&&s.addEventListener("blocked",l=>n(l.oldVersion,l.newVersion,l)),a.then(l=>{i&&l.addEventListener("close",()=>i()),r&&l.addEventListener("versionchange",c=>r(c.oldVersion,c.newVersion,c))}).catch(()=>{}),a}function HM(t,{blocked:e}={}){let n=indexedDB.deleteDatabase(t);return e&&n.addEventListener("blocked",o=>e(o.oldVersion,o)),hc(n).then(()=>{})}var nCe=["get","getKey","getAll","getAllKeys","count"],oCe=["put","add","delete","clear"],Xz=new Map;function sZ(t,e){if(!(t instanceof IDBDatabase&&!(e in t)&&typeof e=="string"))return;if(Xz.get(e))return Xz.get(e);let n=e.replace(/FromIndex$/,""),o=e!==n,r=oCe.includes(n);if(!(n in(o?IDBIndex:IDBObjectStore).prototype)||!(r||nCe.includes(n)))return;let i=async function(s,...a){let l=this.transaction(s,r?"readwrite":"readonly"),c=l.store;return o&&(c=c.index(a.shift())),(await Promise.all([c[n](...a),r&&l.done]))[0]};return Xz.set(e,i),i}iZ(t=>({...t,get:(e,n,o)=>sZ(e,n)||t.get(e,n,o),has:(e,n)=>!!sZ(e,n)||t.has(e,n)}));var rCe="TLDRAW_DOCUMENT_v2",iCe="TLDRAW_ASSET_STORE_v1",aZ="TLDRAW_DB_NAME_INDEX_v2",St={Records:"records",Schema:"schema",SessionState:"session_state",Assets:"assets"};async function lZ(t){let e=rCe+t;return aCe(e),await Zz(e,4,{upgrade(n){n.objectStoreNames.contains(St.Records)||n.createObjectStore(St.Records),n.objectStoreNames.contains(St.Schema)||n.createObjectStore(St.Schema),n.objectStoreNames.contains(St.SessionState)||n.createObjectStore(St.SessionState),n.objectStoreNames.contains(St.Assets)||n.createObjectStore(St.Assets)}})}async function sCe(t){let e=window.indexedDB.databases?(await window.indexedDB.databases()).map(p=>p.name):VM(),n=iCe+t;if(!e.find(p=>p===n))return;let r=await Zz(n,1,{upgrade(p){p.objectStoreNames.contains("assets")||p.createObjectStore("assets")}});if(!r.objectStoreNames.contains("assets"))return;let i=r.transaction(["assets"],"readonly"),s=i.objectStore("assets"),a=await s.getAllKeys(),l=await Promise.all(a.map(async p=>[p,await s.get(p)]));await i.done;let c=await lZ(t),d=c.transaction([St.Assets],"readwrite"),u=d.objectStore(St.Assets);for(let[p,f]of l)u.put(f,p);await d.done,r.close(),c.close(),await HM(n)}var Tg=class t{getDbPromise;isClosed=!1;pendingTransactionSet=new Set;static connectedInstances=new Set;constructor(e){t.connectedInstances.add(this),this.getDbPromise=(async()=>(await sCe(e),await lZ(e)))()}getDb(){return this.getDbPromise}pending(){return Promise.allSettled([this.getDbPromise,...this.pendingTransactionSet]).then(nc)}async close(){this.isClosed||(this.isClosed=!0,await this.pending(),(await this.getDb()).close(),t.connectedInstances.delete(this))}tx(e,n,o){let r=(async()=>{ne(!this.isClosed,"db is closed");let s=(await this.getDb()).transaction(n,e),a=s.done.catch(l=>{if(!this.isClosed)throw l});try{return await o(s)}finally{this.isClosed?s.abort():await a}})();return this.pendingTransactionSet.add(r),r.finally(()=>this.pendingTransactionSet.delete(r)),r}async load({sessionId:e}={}){return await this.tx("readonly",[St.Records,St.Schema,St.SessionState],async n=>{let o=n.objectStore(St.Records),r=n.objectStore(St.Schema),i=n.objectStore(St.SessionState),s=e?(await i.get(e))?.snapshot:null;return s||(s=(await i.getAll()).sort((c,d)=>c.updatedAt-d.updatedAt).pop()?.snapshot),{records:await o.getAll(),schema:await r.get(St.Schema),sessionStateSnapshot:s}})}async storeChanges({schema:e,changes:n,sessionId:o,sessionStateSnapshot:r}){await this.tx("readwrite",[St.Records,St.Schema,St.SessionState],async i=>{let s=i.objectStore(St.Records),a=i.objectStore(St.Schema),l=i.objectStore(St.SessionState);for(let[c,d]of Object.entries(n.added))await s.put(d,c);for(let[c,d]of Object.values(n.updated))await s.put(d,d.id);for(let c of Object.keys(n.removed))await s.delete(c);a.put(e.serialize(),St.Schema),r&&o?l.put({snapshot:r,updatedAt:Date.now(),id:o},o):(r||o)&&console.error("sessionStateSnapshot and instanceId must be provided together")})}async storeSnapshot({schema:e,snapshot:n,sessionId:o,sessionStateSnapshot:r}){await this.tx("readwrite",[St.Records,St.Schema,St.SessionState],async i=>{let s=i.objectStore(St.Records),a=i.objectStore(St.Schema),l=i.objectStore(St.SessionState);await s.clear();for(let[c,d]of Object.entries(n))await s.put(d,c);a.put(e.serialize(),St.Schema),r&&o?l.put({snapshot:r,updatedAt:Date.now(),id:o},o):(r||o)&&console.error("sessionStateSnapshot and instanceId must be provided together")})}async pruneSessions(){await this.tx("readwrite",[St.SessionState],async e=>{let n=e.objectStore(St.SessionState),o=(await n.getAll()).sort((i,s)=>i.updatedAt-s.updatedAt);if(o.length<10){await e.done;return}let r=o.slice(0,o.length-10);for(let{id:i}of r)await n.delete(i)})}async getAsset(e){return await this.tx("readonly",[St.Assets],async n=>await n.objectStore(St.Assets).get(e))}async storeAsset(e,n){await this.tx("readwrite",[St.Assets],async o=>{await o.objectStore(St.Assets).put(n,e)})}async removeAssets(e){await this.tx("readwrite",[St.Assets],async n=>{let o=n.objectStore(St.Assets);for(let r of e)await o.delete(r)})}};function VM(){let t=JSON.parse($f(aZ)||"[]")??[];return Array.isArray(t)?t:[]}function aCe(t){let e=new Set(VM());e.add(t),Kf(aZ,JSON.stringify([...e]))}async function Jz({shouldReload:t=!0}={}){PB();for(let e of Tg.connectedInstances)await e.close();await Promise.all(VM().map(e=>HM(e))),CB(),t&&window.location.reload()}var Cg={openWindow(t,e,n=!1){return window.open(t,e,n?"noopener":"noopener noreferrer")},refreshPage(){window.location.reload()},async hardReset(){return await Jz({shouldReload:!0})}};function lh(t,e="_blank",n){return Cg.openWindow(t,e,n)}function Qz(){Cg.refreshPage()}function UT(){Cg.hardReset()}var lCe="https://github.com/tldraw/tldraw/issues/new",HT=function({error:e,editor:n}){let o=(0,mc.useRef)(null),[r,i]=(0,mc.useState)(!1),[s,a]=(0,mc.useState)(!1),[l,c]=(0,mc.useState)(!1),d=null;try{d=eo().Canvas??null}catch{}let u=e instanceof Error?e.message:String(e),p=e instanceof Error?e.stack:null,f=z("isDarkMode",()=>{try{if(n)return n.user.getIsDarkMode()}catch{}return null},[n]),[h,g]=(0,mc.useState)(null);(0,mc.useLayoutEffect)(()=>{f!==null&&g(f);let v=o.current?.parentElement,w=!1;for(;v;){if(v.classList.contains("tl-theme__dark")||v.classList.contains("tl-theme__light")){w=!0;break}v=v.parentElement}if(w){g(null);return}typeof window<"u"&&wr().matchMedia&&g(wr().matchMedia("(prefers-color-scheme: dark)").matches)},[f]),(0,mc.useEffect)(()=>{if(s){let v=n?.timers.setTimeout(()=>{a(!1)},2e3);return()=>clearTimeout(v)}},[s,n]);let y=()=>{let v=Pz(o.current),w=v.createElement("textarea");w.value=p??u,v.body.appendChild(w),w.select(),v.execCommand("copy"),w.remove(),a(!0)},m=()=>{Qz()},S=async()=>{UT()},b=new URL(lCe);return b.searchParams.set("title",u),b.searchParams.set("labels","bug"),b.searchParams.set("body",`Hey, I ran into an error while using tldraw:
+
+\`\`\`js
+${p??u}
+\`\`\`
+
+My browser: ${navigator.userAgent}`),(0,At.jsxs)("div",{ref:o,className:(0,e3.default)("tl-container tl-error-boundary",h===null?"":h?"tl-theme__dark":"tl-theme__light"),children:[(0,At.jsx)("div",{className:"tl-error-boundary__overlay"}),n&&(0,At.jsx)(ah,{onError:nc,fallback:()=>null,children:(0,At.jsx)(hg,{editor:n,children:(0,At.jsx)("div",{className:"tl-overlay tl-error-boundary__canvas",children:d?(0,At.jsx)(d,{}):null})})}),(0,At.jsx)("div",{className:(0,e3.default)("tl-modal","tl-error-boundary__content",{"tl-error-boundary__content__expanded":r&&!l}),children:l?(0,At.jsxs)(At.Fragment,{children:[(0,At.jsx)("h2",{children:"Are you sure?"}),(0,At.jsx)("p",{children:"Resetting your data will delete your drawing and cannot be undone."}),(0,At.jsxs)("div",{className:"tl-error-boundary__content__actions",children:[(0,At.jsx)("button",{className:"tlui-button",onClick:()=>c(!1),children:"Cancel"}),(0,At.jsx)("button",{className:"tlui-button tl-error-boundary__reset",onClick:S,children:"Reset data"})]})]}):(0,At.jsxs)(At.Fragment,{children:[(0,At.jsx)("h2",{children:"Something went wrong"}),(0,At.jsx)("p",{children:"Please refresh your browser."}),(0,At.jsx)("p",{children:"If the issue continues after refreshing, you may need to reset the tldraw data stored on your device."}),(0,At.jsxs)("p",{children:[(0,At.jsx)("strong",{children:"Note:"})," Resetting will erase your current project and any unsaved work."]}),!1,r&&(0,At.jsxs)(At.Fragment,{children:["Message:",(0,At.jsx)("h4",{children:(0,At.jsx)("code",{children:u})}),"Stack trace:",(0,At.jsxs)("div",{className:"tl-error-boundary__content__error",children:[(0,At.jsx)("pre",{children:(0,At.jsx)("code",{children:p??u})}),(0,At.jsx)("button",{className:"tlui-button",onClick:y,children:s?"Copied!":"Copy"})]})]}),(0,At.jsxs)("div",{className:"tl-error-boundary__content__actions",children:[(0,At.jsx)("button",{className:"tlui-button",onClick:()=>i(!r),children:r?"Hide details":"Show details"}),(0,At.jsxs)("div",{className:"tl-error-boundary__content__actions__group",children:[(0,At.jsx)("button",{className:"tlui-button tl-error-boundary__reset",onClick:()=>c(!0),children:"Reset data"}),(0,At.jsx)("button",{className:"tlui-button tl-error-boundary__refresh",onClick:m,children:"Refresh Page"})]})]})]})})]})};var Pg=_(j(),1);function t3({x:t,y:e,z:n,size:o}){let r=Wi("grid"),i=O(),{gridSteps:s}=i.options;return(0,Pg.jsxs)("svg",{className:"tl-grid",version:"1.1",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[(0,Pg.jsx)("defs",{children:s.map(({min:a,mid:l,step:c},d)=>{let u=c*o*n,p=.5+t*n,f=.5+e*n,h=p>0?p%u:u+p%u,g=f>0?f%u:u+f%u,y=n<l?Qr(n,[a,l],[0,1]):1;return(0,Pg.jsx)("pattern",{id:fg(r,`${c}`),width:u,height:u,patternUnits:"userSpaceOnUse",children:(0,Pg.jsx)("circle",{className:"tl-grid-dot",cx:h,cy:g,r:1,opacity:y})},d)})}),s.map(({step:a},l)=>(0,Pg.jsx)("rect",{width:"100%",height:"100%",fill:`url(#${r}_${a})`},l))]})}var cZ=_(j(),1),uZ=_(Jt(),1),dZ=_(H(),1),n3=(0,dZ.forwardRef)(function({children:e,shape:n,isBackground:o,...r},i){let s="fill"in n.props&&n.props.fill!=="none";return(0,cZ.jsx)("div",{ref:i,"data-shape-type":n.type,"data-shape-is-filled":o?void 0:s,"data-shape-id":n.id,draggable:!1,...r,className:(0,uZ.default)("tl-shape",o&&"tl-shape-background",r.className),children:e})});var jb=_(j(),1),pZ=_(Jt(),1);function VT(t){return(0,jb.jsx)("svg",{width:16,height:16,viewBox:"0 0 16 16","aria-hidden":"false",...t,className:(0,pZ.default)("tl-spinner",t.className),children:(0,jb.jsxs)("g",{strokeWidth:2,fill:"none",fillRule:"evenodd",children:[(0,jb.jsx)("circle",{strokeOpacity:.25,cx:8,cy:8,r:7,stroke:"currentColor"}),(0,jb.jsx)("path",{strokeLinecap:"round",d:"M15 8c0-4.5-4.5-7-7-7",stroke:"currentColor"})]})})}function o3(){return null}var fZ=_(j(),1),hZ=_(Jt(),1);function Xs({children:t,className:e="",...n}){return(0,fZ.jsx)("div",{...n,className:(0,hZ.default)("tl-html-container",e),children:t})}var mZ=_(j(),1),gZ=_(Jt(),1);function Yi({children:t,className:e="",...n}){return(0,mZ.jsx)("svg",{...n,className:(0,gZ.default)("tl-svg-container",e),"aria-hidden":"true",children:t})}var PZ=_(H(),1);var yZ=_(H(),1);function SZ(t,e){let n=(0,yZ.useRef)(t);return e(t,n.current)?n.current:(n.current=t,t)}var cCe=(t,e)=>(t??=null,e??=null,t===e?!0:!t||!e?!1:Hf(t,e));function Zs(t){return SZ(t,cCe)}var uCe=(t,e)=>(t??=null,e??=null,t===e?!0:!t||!e?!1:ux(t,e));function ja(t){return SZ(t,uCe)}var bZ="TLDRAW_USER_DATA_v3",i3=A.object({id:A.string,name:A.string.nullable().optional(),color:A.string.nullable().optional(),locale:A.string.nullable().optional(),animationSpeed:A.number.nullable().optional(),areKeyboardShortcutsEnabled:A.boolean.nullable().optional(),edgeScrollSpeed:A.number.nullable().optional(),colorScheme:A.literalEnum("light","dark","system").optional(),isSnapMode:A.boolean.nullable().optional(),isWrapMode:A.boolean.nullable().optional(),isDynamicSizeMode:A.boolean.nullable().optional(),isPasteAtCursorMode:A.boolean.nullable().optional(),enhancedA11yMode:A.boolean.nullable().optional(),inputMode:A.literalEnum("trackpad","mouse").nullable().optional(),isZoomDirectionInverted:A.boolean.nullable().optional()}),Js={AddAnimationSpeed:1,AddIsSnapMode:2,MakeFieldsNullable:3,AddEdgeScrollSpeed:4,AddExcalidrawSelectMode:5,AddDynamicSizeMode:6,AllowSystemColorScheme:7,AddPasteAtCursor:8,AddKeyboardShortcuts:9,AddShowUiLabels:10,AddPointerPeripheral:11,RenameShowUiLabelsToEnhancedA11yMode:12,AddZoomDirectionInverted:13},s3=Math.max(...Object.values(Js));function dCe(t){t.version<Js.AddAnimationSpeed&&(t.user.animationSpeed=1),t.version<Js.AddIsSnapMode&&(t.user.isSnapMode=!1),t.version<Js.MakeFieldsNullable,t.version<Js.AddEdgeScrollSpeed&&(t.user.edgeScrollSpeed=1),t.version<Js.AddExcalidrawSelectMode&&(t.user.isWrapMode=!1),t.version<Js.AllowSystemColorScheme&&(t.user.isDarkMode===!0?t.user.colorScheme="dark":t.user.isDarkMode===!1&&(t.user.colorScheme="light"),delete t.user.isDarkMode),t.version<Js.AddDynamicSizeMode&&(t.user.isDynamicSizeMode=!1),t.version<Js.AddPasteAtCursor&&(t.user.isPasteAtCursorMode=!1),t.version<Js.AddKeyboardShortcuts&&(t.user.areKeyboardShortcutsEnabled=!0),t.version<Js.AddShowUiLabels&&(t.user.showUiLabels=!1),t.version<Js.RenameShowUiLabelsToEnhancedA11yMode&&(t.user.enhancedA11yMode=t.user.showUiLabels,delete t.user.showUiLabels),t.version<Js.AddPointerPeripheral&&(t.user.inputMode=null),t.version<Js.AddZoomDirectionInverted&&(t.user.isZoomDirectionInverted=!1),t.version=s3}var jT=["#FF802B","#EC5E41","#F2555A","#F04F88","#E34BA9","#BD54C6","#9D5BD2","#7B66DC","#02B1CC","#11B3A3","#39B178","#55B467"];function vZ(){return jT[Math.floor(Math.random()*jT.length)]}function pCe(){return typeof window<"u"&&wr().matchMedia?wr().matchMedia?.("(prefers-reduced-motion: reduce)")?.matches??!1:!1}var rr=Object.freeze({name:"",locale:mz(),color:vZ(),edgeScrollSpeed:1,animationSpeed:pCe()?0:1,areKeyboardShortcutsEnabled:!0,isSnapMode:!1,isWrapMode:!1,isDynamicSizeMode:!1,isPasteAtCursorMode:!1,enhancedA11yMode:!1,colorScheme:"light",inputMode:null,isZoomDirectionInverted:!1});function jM(){return{id:Ne(),color:vZ()}}function wZ(t){if(t===null||typeof t!="object"||!("version"in t)||!("user"in t)||typeof t.version!="number")return jM();let e=yt(t);dCe(e);try{return i3.validate(e.user)}catch{return jM()}}function fCe(){let t=JSON.parse($f(bZ)||"null")??null;return wZ(t)}var $M=ye("globalUserData",null);function hCe(){Kf(bZ,JSON.stringify({version:s3,user:$M.get()}))}function KM(t){i3.validate(t),$M.set(t),hCe(),gCe()}var mCe=typeof process<"u"&&!1,xZ=typeof BroadcastChannel<"u"&&!mCe?new BroadcastChannel("tldraw-user-sync"):null;xZ?.addEventListener("message",t=>{let e=t.data;e?.type===CZ&&e?.origin!==TZ()&&$M.set(wZ(e.data))});var r3=null;function TZ(){return r3===null&&(r3=Ne()),r3}var CZ="tldraw-user-preferences-change";function gCe(){xZ?.postMessage({type:CZ,origin:TZ(),data:{user:$b(),version:s3}})}function $b(){let t=$M.get();return t||(t=fCe(),KM(t)),t}var yCe=$("defaultLocalStorageUserPrefs",()=>$b());function $T(t={}){return{userPreferences:t.userPreferences??yCe,setUserPreferences:t.setUserPreferences??KM}}var PJ=_(l3(),1);function WM(t){let e=[],n=new Set;for(let o of t){if(n.has(o.type))throw new Error(`Asset type "${o.type}" is defined more than once`);e.push(o),n.add(o.type)}return e}function YM(t){let e=[],n=new Set;for(let o of t){if(n.has(o.type))throw new Error(`Binding type "${o.type}" is defined more than once`);e.push(o),n.add(o.type)}return e}var u3=_(j(),1);var bs=class extends or{_start;_end;_dx;_dy;_len2;constructor(e){super({...e,isClosed:!1,isFilled:!1});let{start:n,end:o}=e;this._start=n,this._end=o,this._dx=o.x-n.x,this._dy=o.y-n.y,this._len2=this._dx*this._dx+this._dy*this._dy}getLength(){return Math.sqrt(this._len2)}getVertices(){return[this._start,this._end]}nearestPoint(e){let{_start:n,_end:o,_dx:r,_dy:i,_len2:s}=this;if(s===0)return n;let a=((e.x-n.x)*r+(e.y-n.y)*i)/s;return a<=0?n:a>=1?o:new T(n.x+r*a,n.y+i*a)}distanceToPoint(e,n=!1){let{_start:o,_end:r,_dx:i,_dy:s,_len2:a}=this;if(a===0)return T.Dist(e,o);let l=((e.x-o.x)*i+(e.y-o.y)*s)/a,c,d;l<=0?(c=o.x,d=o.y):l>=1?(c=r.x,d=r.y):(c=o.x+i*l,d=o.y+s*l);let u=e.x-c,p=e.y-d;return Math.sqrt(u*u+p*p)}getSvgPathData(e=!0){let{_start:n,_end:o}=this;return`${e?`M${n.toFixed()}`:""} L${o.toFixed()}`}};var $a=class extends or{_points;_segments;constructor(e){super({isClosed:!1,isFilled:!1,...e});let{points:n}=e;if(this._points=n,n.length<2)throw new Error("Polyline2d: points must be an array of at least 2 points")}get segments(){if(!this._segments){this._segments=[];let{vertices:e}=this;for(let n=0,o=e.length-1;n<o;n++){let r=e[n],i=e[n+1];this._segments.push(new bs({start:r,end:i}))}this.isClosed&&this._segments.push(new bs({start:e[e.length-1],end:e[0]}))}return this._segments}getLength(){return this.segments.reduce((e,n)=>e+n.length,0)}getVertices(){return this._points}nearestPoint(e){let{vertices:n}=this,o=n[0].x,r=n[0].y,i=(e.x-o)*(e.x-o)+(e.y-r)*(e.y-r),s=this.isClosed?n.length:n.length-1;for(let a=0;a<s;a++){let l=n[a],c=n[(a+1)%n.length],d=c.x-l.x,u=c.y-l.y,p=d*d+u*u,f,h;if(p===0)f=l.x,h=l.y;else{let S=((e.x-l.x)*d+(e.y-l.y)*u)/p;S<=0?(f=l.x,h=l.y):S>=1?(f=c.x,h=c.y):(f=l.x+d*S,h=l.y+u*S)}let g=e.x-f,y=e.y-h,m=g*g+y*y;m<i&&(o=f,r=h,i=m)}return new T(o,r)}hitTestPoint(e,n=0,o=!1){return this.distanceToPoint(e,o)<=n}distanceToPoint(e,n=!1){let{segments:o}=this,r=1/0;for(let i=0;i<o.length;i++){let s=o[i].distanceToPoint(e);s<r&&(r=s)}return this.isClosed&&(this.isFilled||n)&&cn(e,this.vertices)?-r:r}hitTestLineSegment(e,n,o=0){let{segments:r}=this;for(let i=0,s=r.length;i<s;i++)if(r[i].hitTestLineSegment(e,n,o))return!0;return!1}getSvgPathData(){let{vertices:e}=this;return e.length<2?"":e.reduce((n,o,r)=>r===0?`M ${o.x} ${o.y}`:`${n} L ${o.x} ${o.y}`,"")}};var Xi=class extends $a{constructor(e){if(super({...e}),this.isClosed=!0,e.points.length<3)throw new Error("Polygon2d: points must be an array of at least 3 points")}};var Hn=class extends Xi{_x;_y;_w;_h;constructor(e){let{x:n=0,y:o=0,width:r,height:i}=e;super({...e,points:[new T(n,o),new T(n+r,o),new T(n+r,o+i),new T(n,o+i)]}),this._x=n,this._y=o,this._w=r,this._h=i}getBounds(){return new q(this._x,this._y,this._w,this._h)}getSvgPathData(){let{_x:e,_y:n,_w:o,_h:r}=this;return this.negativeZeroFix(),`M${e},${n} h${o} v${r} h${-o}z`}negativeZeroFix(){this._x=qM(this._x),this._y=qM(this._y),this._w=qM(this._w),this._h=qM(this._h)}};function qM(t){return Object.is(t,-0)?0:t}var ir=class{constructor(e){this.editor=e}editor;static configure(e){return class extends this{options={...this.options,...e}}}options={};static props;static migrations;static type;static handledAssetTypes;indicator(e){return null}getFontFaces(e){return pt}canSnap(e){return!0}canTabTo(e){return!0}canScroll(e){return!1}canBind(e){return!0}canEdit(e,n){return!1}canResize(e){return!0}canResizeChildren(e){return!0}canEditInReadonly(e){return!1}canEditWhileLocked(e){return!1}canCrop(e){return!1}canBeLaidOut(e,n){return!0}canCull(e){return!0}providesBackgroundForChildren(e){return!1}hideResizeHandles(e){return!1}hideRotateHandle(e){return!1}hideSelectionBoundsBg(e){return!1}hideSelectionBoundsFg(e){return!1}isAspectRatioLocked(e){return!1}isFrameLike(e){return!1}isExportBoundsContainer(e){return!1}canReceiveNewChildrenOfType(e,n){return!1}canRemoveChildrenOfType(e,n){return!0}expandSelectionOutlinePx(e){return 0}getCanvasSvgDefs(){return[]}getBoundsSnapGeometry(e){return{}}getHandleSnapGeometry(e){return{}}getText(e){}getReferencedUserIds(e){return pt}getAriaDescriptor(e){}};function jd(t,e,n={}){let{closed:o=!1,snap:r=1,start:i="outset",end:s="outset",lengthRatio:a=2,style:l="dashed",forceSolid:c=!1}=n,d=0,u=0,p=1,f=0,h=0;if(c)return{strokeDasharray:"none",strokeDashoffset:"none"};if(l==="none")return{strokeDasharray:"none",strokeDashoffset:"none"};switch(l){case"dashed":{p=1,d=Math.min(e*a,t/4);break}case"dotted":{p=100,d=e/p;break}default:return{strokeDasharray:"none",strokeDashoffset:"none"}}return o||(i==="outset"?(t+=d/2,h+=d/2):i==="skip"&&(t-=d,h-=d),s==="outset"?t+=d/2:s==="skip"&&(t-=d)),u=Math.floor(t/d/(2*p)),u-=u%r,u<3&&l==="dashed"?t/e<4?(d=t,u=1,f=0):(d=t*(1/3),f=t*(1/3)):(d=t/u/(2*p),o?(h=d/2,f=(t-u*d)/u):f=(t-u*d)/Math.max(1,u-1)),{strokeDasharray:[d,f].join(" "),strokeDashoffset:h.toString()}}var c3=_(j(),1);function IZ({bounds:t,className:e}){let n=O(),o=z("zoom level",()=>n.getEfficientZoomLevel(),[n]);return(0,c3.jsx)("g",{className:e,pointerEvents:"none",strokeLinecap:"round",strokeLinejoin:"round",children:t.sides.map((r,i)=>{let{strokeDasharray:s,strokeDashoffset:a}=jd(r[0].dist(r[1]),1/o,{style:"dashed",lengthRatio:4});return(0,c3.jsx)("line",{x1:r[0].x,y1:r[0].y,x2:r[1].x,y2:r[1].y,strokeDasharray:s,strokeDashoffset:a},i)})})}var GT=class extends ir{static type="group";static props=aT;static migrations=lT;hideSelectionBoundsFg(e){return!0}canBind(){return!1}canResize(){return!0}canResizeChildren(){return!0}getDefaultProps(){return{}}getGeometry(e){let n=this.editor.getSortedChildIdsForParent(e.id);return n.length===0?new Hn({width:1,height:1,isFilled:!1}):new go({children:n.map(o=>{let r=this.editor.getShape(o);return this.editor.getShapeGeometry(o).transform(this.editor.getShapeLocalTransform(r),{isLabel:!1})})})}component(e){let n=this.editor.getErasingShapeIds().includes(e.id),{hintingShapeIds:o}=this.editor.getCurrentPageState(),r=o.length>0&&o.some(a=>a!==e.id&&this.editor.isShapeOfType(this.editor.getShape(a),"group")),i=this.editor.getCurrentPageState().focusedGroupId!==e.id;if(!n&&(i||r))return null;let s=this.editor.getShapeGeometry(e).bounds;return(0,u3.jsx)(Yi,{children:(0,u3.jsx)(IZ,{className:"tl-group",bounds:s})})}getIndicatorPath(e){let n=this.editor.getShapeGeometry(e).bounds,o=this.editor.getEfficientZoomLevel(),r=new Path2D;for(let i of n.sides){let[s,a]=i,l=s.dist(a);if(l<=0)continue;let{strokeDasharray:c,strokeDashoffset:d}=jd(l,1/o,{style:"dashed",lengthRatio:4});if(c==="none"){r.moveTo(s.x,s.y),r.lineTo(a.x,a.y);continue}let[u,p]=c.split(" ").map(Number),f=Number(d),h=u+p;if(!Number.isFinite(h)||h<=0)continue;let g=(a.x-s.x)/l,y=(a.y-s.y)/l;for(let m=-f;m<l;m+=h){let S=Math.min(l,m+u),b=Math.max(0,m);S<=b||(r.moveTo(s.x+g*b,s.y+y*b),r.lineTo(s.x+g*S,s.y+y*S))}}return r}onChildrenChange(e){let n=this.editor.getSortedChildIdsForParent(e.id);if(n.length===0){this.editor.getCurrentPageState().focusedGroupId===e.id&&this.editor.popFocusedGroupId(),this.editor.deleteShapes([e.id]);return}else if(n.length===1){this.editor.getCurrentPageState().focusedGroupId===e.id&&this.editor.popFocusedGroupId(),this.editor.reparentShapes(n,e.parentId,e.index),this.editor.deleteShapes([e.id]);return}}};var d3=[GT],vCe=new Set(d3.map(t=>t.type));function XM(t){let e=[...d3],n=new Set;for(let o of t){if(vCe.has(o.type))throw new Error(`Shape type "${o.type}" is a core shapes type and cannot be overridden`);if(n.has(o.type))throw new Error(`Shape type "${o.type}" is defined more than once`);e.push(o),n.add(o.type)}return e}var Kb="TLDRAW_TAB_ID_v2",Gb=globalThis.window;function wCe(){return Gb?["iPad Simulator","iPhone Simulator","iPod Simulator","iPad","iPhone","iPod"].includes(wr().navigator.platform)||He.isDarwin&&"ontouchend"in Ln():!1}var Wb=Gb?Gb[Kb]??fx(Kb)??"TLDRAW_INSTANCE_STATE_V1_"+Ne():"<error>";Gb&&(Gb[Kb]=Wb,wCe()?db(Kb,Wb):hx(Kb));typeof Gb<"u"&&wr().addEventListener("beforeunload",()=>{db(Kb,Wb)});var _Z={Initial:0},ZM=Math.max(...Object.values(_Z));function xCe(t){t.version<_Z.Initial,t.version=ZM}var MZ=A.object({version:A.number,currentPageId:Fd.optional(),isFocusMode:A.boolean.optional(),exportBackground:A.boolean.optional(),isDebugMode:A.boolean.optional(),isToolLocked:A.boolean.optional(),isGridMode:A.boolean.optional(),pageStates:A.arrayOf(A.object({pageId:Fd,camera:A.object({x:A.number,y:A.number,z:A.number}).optional(),selectedShapeIds:A.arrayOf($i).optional(),focusedGroupId:$i.nullable().optional()})).optional()});function TCe(t){if(!t||typeof t!="object")return console.warn("Invalid instance state"),null;if(!("version"in t)||typeof t.version!="number")return console.warn("No version in instance state"),null;t.version!==ZM&&(t=yt(t),xCe(t));try{return MZ.validate(t)}catch(e){return console.warn(e),null}}function Yb(t){let e=t.query.ids("page");return $("sessionStateSnapshot",()=>{let n=t.get($o);if(!n)return null;let o=[...e.get()];return{version:ZM,currentPageId:n.currentPageId,exportBackground:n.exportBackground,isFocusMode:n.isFocusMode,isDebugMode:n.isDebugMode,isToolLocked:n.isToolLocked,isGridMode:n.isGridMode,pageStates:o.map(r=>{let i=t.get(Ei.createId(r)),s=t.get(Gi.createId(r));return{pageId:r,camera:{x:s?.x??0,y:s?.y??0,z:s?.z??1},selectedShapeIds:i?.selectedShapeIds??[],focusedGroupId:i?.focusedGroupId??null}})}},{isEqual:Ho.default})}function qb(t,e,n){let o=TCe(e);if(!o)return;let r=t.get($o),i=Yx(r),s=n?.forceOverwrite?o:i,a=n?.forceOverwrite?i:o,l=t.schema.types.instance.create({id:$o,...i,currentPageId:o.currentPageId??r?.currentPageId,isDebugMode:s?.isDebugMode??a?.isDebugMode,isFocusMode:s?.isFocusMode??a?.isFocusMode,isToolLocked:s?.isToolLocked??a?.isToolLocked,isGridMode:s?.isGridMode??a?.isGridMode,exportBackground:s?.exportBackground??a?.exportBackground});t.atomic(()=>{for(let c of o.pageStates??[]){if(!t.has(c.pageId))continue;let d=Gi.createId(c.pageId),u=Ei.createId(c.pageId),p=t.get(d),f=t.get(u);t.put([Gi.create({id:d,x:c.camera?.x??p?.x,y:c.camera?.y??p?.y,z:c.camera?.z??p?.z}),Ei.create({id:u,pageId:c.pageId,selectedShapeIds:c.selectedShapeIds??f?.selectedShapeIds,focusedGroupId:c.focusedGroupId??f?.focusedGroupId})])}t.put([l]),t.ensureStoreIsUsable()})}function p3(t){let e=[];for(let r of Object.values(t))r.typeName?.match(/^(instance.*|pointer|camera)$/)&&e.push(r);let n=e.filter(r=>r.typeName==="instance"&&r.id!==$o)[0];if(!n)return null;let o={version:ZM,currentPageId:n.currentPageId,exportBackground:!!n.exportBackground,isFocusMode:!!n.isFocusMode,isDebugMode:!!n.isDebugMode,isToolLocked:!!n.isToolLocked,isGridMode:!1,pageStates:e.filter(r=>r.typeName==="instance_page_state"&&r.instanceId===n.id).map(r=>{let i=t[r.cameraId]??{x:0,y:0,z:1};return{pageId:r.pageId,camera:{x:i.x,y:i.y,z:i.z},selectedShapeIds:r.selectedShapeIds,focusedGroupId:r.focusedGroupId}})};try{return MZ.validate(o),o}catch{return null}}function Eg(t,e,n){let o={};if("store"in e){let s=t.schema.migrateStoreSnapshot(e);if(s.type!=="success")throw new Error("Failed to migrate store snapshot: "+s.reason);o.document={schema:t.schema.serialize(),store:_d(s.value,(a,{typeName:l})=>t.scopedTypes.document.has(l))}}else o=e;let r=Yx(t.get($o)),i=AZ.get(t,Yb).get();t.atomic(()=>{o.document&&t.loadStoreSnapshot(o.document),r&&t.update($o,s=>({...s,...r})),i&&qb(t,i),o.session&&qb(t,o.session,{forceOverwrite:n?.forceOverwriteSessionState})})}var AZ=new Ot;function WT(t){let n=AZ.get(t,Yb).get();if(!n)throw new Error("Session state is not ready yet");return{document:t.getStoreSnapshot(),session:n}}var Xb={isLocked:!1,wheelBehavior:"pan",panSpeed:1,zoomSpeed:1,zoomSteps:[.05,.1,.25,.5,1,2,4,8]},YT={duration:0,easing:Ko.easeInOutCubic},JM={CAMERA_MOVE:-10},f3=["top","right","bottom","left"],h3=0,QM=2,qT=1,m3=5;var KZ=_(Jl(),1),GZ=_(LF(),1);function g3(t,e){let n=new Jm(100);return async function(r){let i=n.get(r);if(i)return i;let s=(async()=>{try{let a=await tr(r,e);return ne(a.ok),await t(a)}catch(a){return console.error(a),null}})();return n.set(r,s),s}}var Ig=g3(async t=>await Zn.blobToDataUrl(await t.blob()));function CCe(t,e){Array.from(t.attributes).forEach(o=>{e.setAttribute(o.name,o.value)})}function kZ(t,e){return t.replaceWith(e),e}async function XT(t,e,n){let o=t.createElement("img");n&&CCe(n,o),o.setAttribute("src",e??"data:"),o.setAttribute("decoding","sync"),o.setAttribute("loading","eager");try{await o.decode()}catch{}return o}async function PCe(t){let e=t.ownerDocument;try{let n=t.toDataURL();return await XT(e,n,t)}catch{return await XT(e,null,t)}}async function ECe(t){let e=t.ownerDocument;try{let n=await xi.getVideoFrameAsDataUrl(t);return XT(e,n,t)}catch(n){console.error("Could not get video frame",n)}if(t.poster){let n=await Ig(t.poster);return XT(e,n,t)}return XT(e,null,t)}async function y3(t){let e=vl(t);if(t instanceof e.HTMLCanvasElement)return kZ(t,await PCe(t));if(t instanceof e.HTMLVideoElement)return kZ(t,await ECe(t));if(t instanceof e.HTMLImageElement){let n=t.currentSrc||t.src,o=await Ig(n);t.setAttribute("src",o??"data:"),t.setAttribute("decoding","sync"),t.setAttribute("loading","eager");try{await t.decode()}catch{}return t}else t instanceof e.HTMLInputElement?t.setAttribute("value",t.value):t instanceof e.HTMLTextAreaElement&&(t.textContent=t.value);await Promise.all(Array.from(AT(t),n=>y3(n)))}var ICe=/@import\s+(?:"([^"]+)"|'([^']+)'|url\s*\(\s*(?:"([^"]+)"|'([^']+)'|([^'")]+))\s*\))([^;]+);/gi,_Ce=/@font-face\s*{([^}]+)}/gi,RZ=/url\s*\(\s*(?:"([^"]+)"|'([^']+)'|([^'")]+))\s*\)/gi,MCe=/(?:^|;)\s*font-family\s*:\s*(?:([^'"][^;\n]+)|"([^"]+)"|'([^']+)')\s*(?:;|$)/gi;function ACe(t){return Array.from(t.matchAll(ICe),e=>({url:e[1]||e[2]||e[3]||e[4]||e[5],extras:e[6]}))}function S3(t,e){return Array.from(t.matchAll(_Ce),n=>{let o=n[1],r=Array.from(o.matchAll(RZ),s=>{let a=s[1]||s[2]||s[3];return{original:a,resolved:je(a,e)?.href??null}}),i=new Set(Array.from(o.matchAll(MCe),s=>(s[1]||s[2]||s[3]).toLowerCase()));return{fontFace:o,urls:r,fontFamilies:i}})}function DZ(t){let e=/\s*(?:([^'"][^;\n\s,]+)|"([^"]+)"|'([^']+)')\s*/gi,n=/\s*,\s*/gi,o=new Set;for(;;){let r=e.exec(t);if(!r)break;let i=r[1]||r[2]||r[3];if(o.add(i.toLowerCase()),n.lastIndex=e.lastIndex,!n.exec(t))break;e.lastIndex=n.lastIndex}return o}function b3(t){return!(t.startsWith("-")||t.startsWith("animation")||t.startsWith("transition")||t==="cursor"||t==="pointer-events"||t==="user-select"||t==="touch-action")}function OZ(t,e){return{imports:ACe(t),fontFaces:S3(t,e)}}function LZ(t){return Array.from(t.matchAll(RZ),e=>({original:e[0],url:e[1]||e[2]||e[3]})).filter(e=>!e.url.startsWith("#"))}var kCe=Object.defineProperty,RCe=Object.getOwnPropertyDescriptor,DCe=(t,e,n,o)=>{for(var r=o>1?void 0:o?RCe(e,n):e,i=t.length-1,s;i>=0;i--)(s=t[i])&&(r=(o?s(e,n,r):s(r))||r);return o&&r&&kCe(e,n,r),r},w3="tldraw-svg-export",ZT=class{fontFacesPromise=null;foundFontNames=new Set;fontFacesToEmbed=new Set;pendingPromises=[];startFindingDocumentFontFaces(e){ne(!this.fontFacesPromise,"FontEmbedder already started"),this.fontFacesPromise=OCe(e)}onFontFamilyValue(e){ne(this.fontFacesPromise,"FontEmbedder not started");let n=DZ(e);for(let o of n){if(this.foundFontNames.has(o))return;this.foundFontNames.add(o),this.pendingPromises.push(this.fontFacesPromise.then(r=>{let i=r.filter(s=>s.fontFamilies.has(o));for(let s of i)if(!this.fontFacesToEmbed.has(s)){this.fontFacesToEmbed.add(s);for(let a of s.urls)!a.resolved||a.embedded||(a.embedded=Ig(a.resolved))}}))}}async createCss(){await Promise.all(this.pendingPromises);let e="";for(let n of this.fontFacesToEmbed){let o=`@font-face {${n.fontFace}}`;for(let r of n.urls){if(!r.embedded)continue;let i=await r.embedded;i&&(o=o.replace(r.original,i))}e+=o}return e}};DCe([Yt],ZT.prototype,"onFontFamilyValue",1);async function OCe(t){let e=t.defaultView??globalThis,n=[],o=Array.from(t.styleSheets).filter(r=>!r.ownerNode?.closest(`.${w3}`));for(let r of o){let i;try{i=r.cssRules}catch{}if(i){for(let s of r.cssRules)if(s instanceof e.CSSFontFaceRule)n.push(S3(s.cssText,r.href??t.baseURI));else if(s instanceof e.CSSImportRule){let a=new URL(s.href,s.parentStyleSheet?.href??t.baseURI);n.push(v3(a.href))}}else r.href&&n.push(v3(r.href))}return we(await Promise.all(n)).flat()}var v3=g3(async t=>{let e=OZ(await t.text(),t.url),n=await Promise.all(e.imports.map(({url:o})=>v3(new URL(o,t.url).href)));return[...e.fontFaces,...we(n).flat()]});var ri=_(j(),1);var yc=_(H(),1),BZ=_(Jl(),1);var x3={id:"default",fontSize:16,lineHeight:1.35,strokeWidth:2,fonts:{draw:{fontFamily:kb.draw,faces:[{family:"tldraw_draw",src:{url:"tldraw_draw",format:"woff2"},weight:"normal"},{family:"tldraw_draw",src:{url:"tldraw_draw_bold",format:"woff2"},weight:"bold"},{family:"tldraw_draw",src:{url:"tldraw_draw_italic",format:"woff2"},weight:"normal",style:"italic"},{family:"tldraw_draw",src:{url:"tldraw_draw_italic_bold",format:"woff2"},weight:"bold",style:"italic"}]},sans:{fontFamily:kb.sans,faces:[{family:"tldraw_sans",src:{url:"tldraw_sans",format:"woff2"},weight:"normal",style:"normal"},{family:"tldraw_sans",src:{url:"tldraw_sans_bold",format:"woff2"},weight:"bold",style:"normal"},{family:"tldraw_sans",src:{url:"tldraw_sans_italic",format:"woff2"},weight:"normal",style:"italic"},{family:"tldraw_sans",src:{url:"tldraw_sans_italic_bold",format:"woff2"},weight:"bold",style:"italic"}]},serif:{fontFamily:kb.serif,faces:[{family:"tldraw_serif",src:{url:"tldraw_serif",format:"woff2"},weight:"normal",style:"normal"},{family:"tldraw_serif",src:{url:"tldraw_serif_bold",format:"woff2"},weight:"bold",style:"normal"},{family:"tldraw_serif",src:{url:"tldraw_serif_italic",format:"woff2"},weight:"normal",style:"italic"},{family:"tldraw_serif",src:{url:"tldraw_serif_italic_bold",format:"woff2"},weight:"bold",style:"italic"}]},mono:{fontFamily:kb.mono,faces:[{family:"tldraw_mono",src:{url:"tldraw_mono",format:"woff2"},weight:"normal",style:"normal"},{family:"tldraw_mono",src:{url:"tldraw_mono_bold",format:"woff2"},weight:"bold",style:"normal"},{family:"tldraw_mono",src:{url:"tldraw_mono_italic",format:"woff2"},weight:"normal",style:"italic"},{family:"tldraw_mono",src:{url:"tldraw_mono_italic_bold",format:"woff2"},weight:"bold",style:"italic"}]}},colors:{light:{text:"#000000",background:"#f9fafb",negativeSpace:"#f9fafb",solid:"#fcfffe",cursor:"black",noteBorder:"rgb(144, 144, 144)",snap:"hsl(0, 76%, 60%)",selectionStroke:"hsl(214, 84%, 56%)",selectionFill:"hsl(210, 100%, 56%, 24%)",brushFill:"hsl(0, 0%, 56%, 10.2%)",brushStroke:"hsl(0, 0%, 56%, 25.1%)",selectedContrast:"#ffffff",laser:"hsl(0, 100%, 50%)",black:{solid:"#1d1d1d",fill:"#1d1d1d",linedFill:"#363636",frameHeadingStroke:"#717171",frameHeadingFill:"#ffffff",frameStroke:"#717171",frameFill:"#ffffff",frameText:"#000000",noteFill:"#FCE19C",noteText:"#000000",semi:"#e8e8e8",pattern:"#494949",highlightSrgb:"#fddd00",highlightP3:"color(display-p3 0.972 0.8205 0.05)"},blue:{solid:"#4465e9",fill:"#4465e9",linedFill:"#6580ec",frameHeadingStroke:"#6681ec",frameHeadingFill:"#f9fafe",frameStroke:"#6681ec",frameFill:"#f9fafe",frameText:"#000000",noteFill:"#8AA3FF",noteText:"#000000",semi:"#dce1f8",pattern:"#6681ee",highlightSrgb:"#10acff",highlightP3:"color(display-p3 0.308 0.6632 0.9996)"},green:{solid:"#099268",fill:"#099268",linedFill:"#0bad7c",frameHeadingStroke:"#37a684",frameHeadingFill:"#f8fcfa",frameStroke:"#37a684",frameFill:"#f8fcfa",frameText:"#000000",noteFill:"#6FC896",noteText:"#000000",semi:"#d3e9e3",pattern:"#39a785",highlightSrgb:"#00ffc8",highlightP3:"color(display-p3 0.2536 0.984 0.7981)"},grey:{solid:"#9fa8b2",fill:"#9fa8b2",linedFill:"#bbc1c9",frameHeadingStroke:"#aaaaab",frameHeadingFill:"#fbfcfc",frameStroke:"#aaaaab",frameFill:"#fcfcfd",frameText:"#000000",noteFill:"#C0CAD3",noteText:"#000000",semi:"#eceef0",pattern:"#bcc3c9",highlightSrgb:"#cbe7f1",highlightP3:"color(display-p3 0.8163 0.9023 0.9416)"},"light-blue":{solid:"#4ba1f1",fill:"#4ba1f1",linedFill:"#7abaf5",frameHeadingStroke:"#6cb2f3",frameHeadingFill:"#f8fbfe",frameStroke:"#6cb2f3",frameFill:"#fafcff",frameText:"#000000",noteFill:"#9BC4FD",noteText:"#000000",semi:"#ddedfa",pattern:"#6fbbf8",highlightSrgb:"#00f4ff",highlightP3:"color(display-p3 0.1512 0.9414 0.9996)"},"light-green":{solid:"#4cb05e",fill:"#4cb05e",linedFill:"#7ec88c",frameHeadingStroke:"#6dbe7c",frameHeadingFill:"#f8fcf9",frameStroke:"#6dbe7c",frameFill:"#fafdfa",frameText:"#000000",noteFill:"#98D08A",noteText:"#000000",semi:"#dbf0e0",pattern:"#65cb78",highlightSrgb:"#65f641",highlightP3:"color(display-p3 0.563 0.9495 0.3857)"},"light-red":{solid:"#f87777",fill:"#f87777",linedFill:"#f99a9a",frameHeadingStroke:"#f89090",frameHeadingFill:"#fffafa",frameStroke:"#f89090",frameFill:"#fffbfb",frameText:"#000000",noteFill:"#F7A5A1",noteText:"#000000",semi:"#f4dadb",pattern:"#fe9e9e",highlightSrgb:"#ff7fa3",highlightP3:"color(display-p3 0.9988 0.5301 0.6397)"},"light-violet":{solid:"#e085f4",fill:"#e085f4",linedFill:"#e9abf7",frameHeadingStroke:"#e59bf5",frameHeadingFill:"#fefaff",frameStroke:"#e59bf5",frameFill:"#fefbff",frameText:"#000000",noteFill:"#DFB0F9",noteText:"#000000",semi:"#f5eafa",pattern:"#e9acf8",highlightSrgb:"#ff88ff",highlightP3:"color(display-p3 0.9676 0.5652 0.9999)"},orange:{solid:"#e16919",fill:"#e16919",linedFill:"#ea8643",frameHeadingStroke:"#e68544",frameHeadingFill:"#fef9f6",frameStroke:"#e68544",frameFill:"#fef9f6",frameText:"#000000",noteFill:"#FAA475",noteText:"#000000",semi:"#f8e2d4",pattern:"#f78438",highlightSrgb:"#ffa500",highlightP3:"color(display-p3 0.9988 0.6905 0.266)"},red:{solid:"#e03131",fill:"#e03131",linedFill:"#e75f5f",frameHeadingStroke:"#e55757",frameHeadingFill:"#fef7f7",frameStroke:"#e55757",frameFill:"#fef9f9",frameText:"#000000",noteFill:"#FC8282",noteText:"#000000",semi:"#f4dadb",pattern:"#e55959",highlightSrgb:"#ff636e",highlightP3:"color(display-p3 0.9992 0.4376 0.45)"},violet:{solid:"#ae3ec9",fill:"#ae3ec9",linedFill:"#be68d4",frameHeadingStroke:"#bc62d3",frameHeadingFill:"#fcf7fd",frameStroke:"#bc62d3",frameFill:"#fdf9fd",frameText:"#000000",noteFill:"#DB91FD",noteText:"#000000",semi:"#ecdcf2",pattern:"#bd63d3",highlightSrgb:"#c77cff",highlightP3:"color(display-p3 0.7469 0.5089 0.9995)"},yellow:{solid:"#f1ac4b",fill:"#f1ac4b",linedFill:"#f5c27a",frameHeadingStroke:"#f3bb6c",frameHeadingFill:"#fefcf8",frameStroke:"#f3bb6c",frameFill:"#fffdfa",frameText:"#000000",noteFill:"#FED49A",noteText:"#000000",semi:"#f9f0e6",pattern:"#fecb92",highlightSrgb:"#fddd00",highlightP3:"color(display-p3 0.972 0.8705 0.05)"},white:{solid:"#FFFFFF",fill:"#FFFFFF",linedFill:"#ffffff",semi:"#f5f5f5",pattern:"#f9f9f9",frameHeadingStroke:"#7d7d7d",frameHeadingFill:"#ffffff",frameStroke:"#7d7d7d",frameFill:"#ffffff",frameText:"#000000",noteFill:"#FFFFFF",noteText:"#000000",highlightSrgb:"#ffffff",highlightP3:"color(display-p3 1 1 1)"}},dark:{text:"hsl(210, 17%, 98%)",background:"hsl(240, 5%, 6.5%)",negativeSpace:"hsl(240, 5%, 6.5%)",solid:"#010403",cursor:"white",snap:"hsl(0, 76%, 60%)",selectionStroke:"hsl(214, 84%, 56%)",selectionFill:"hsl(209, 100%, 57%, 20%)",brushFill:"hsl(0, 0%, 56%, 10.2%)",brushStroke:"hsl(0, 0%, 56%, 25.1%)",selectedContrast:"#ffffff",laser:"hsl(0, 100%, 50%)",noteBorder:"rgb(20, 20, 20)",black:{solid:"#f2f2f2",fill:"#f2f2f2",linedFill:"#ffffff",frameHeadingStroke:"#5c5c5c",frameHeadingFill:"#252525",frameStroke:"#5c5c5c",frameFill:"#0c0c0c",frameText:"#f2f2f2",noteFill:"#2c2c2c",noteText:"#f2f2f2",semi:"#2c3036",pattern:"#989898",highlightSrgb:"#d2b700",highlightP3:"color(display-p3 0.8078 0.6225 0.0312)"},blue:{solid:"#4f72fc",fill:"#4f72fc",linedFill:"#3c5cdd",frameHeadingStroke:"#384994",frameHeadingFill:"#1C2036",frameStroke:"#384994",frameFill:"#11141f",frameText:"#f2f2f2",noteFill:"#2A3F98",noteText:"#f2f2f2",semi:"#262d40",pattern:"#3a4b9e",highlightSrgb:"#0079d2",highlightP3:"color(display-p3 0.0032 0.4655 0.7991)"},green:{solid:"#099268",fill:"#099268",linedFill:"#087856",frameHeadingStroke:"#10513C",frameHeadingFill:"#14241f",frameStroke:"#10513C",frameFill:"#0E1614",frameText:"#f2f2f2",noteFill:"#014429",noteText:"#f2f2f2",semi:"#253231",pattern:"#366a53",highlightSrgb:"#009774",highlightP3:"color(display-p3 0.0085 0.582 0.4604)"},grey:{solid:"#9398b0",fill:"#9398b0",linedFill:"#8388a5",frameHeadingStroke:"#42474D",frameHeadingFill:"#23262A",frameStroke:"#42474D",frameFill:"#151719",frameText:"#f2f2f2",noteFill:"#56595F",noteText:"#f2f2f2",semi:"#33373c",pattern:"#7c8187",highlightSrgb:"#9cb4cb",highlightP3:"color(display-p3 0.6299 0.7012 0.7856)"},"light-blue":{solid:"#4dabf7",fill:"#4dabf7",linedFill:"#2793ec",frameHeadingStroke:"#075797",frameHeadingFill:"#142839",frameStroke:"#075797",frameFill:"#0B1823",frameText:"#f2f2f2",noteFill:"#1F5495",noteText:"#f2f2f2",semi:"#2a3642",pattern:"#4d7aa9",highlightSrgb:"#00bdc8",highlightP3:"color(display-p3 0.0023 0.7259 0.7735)"},"light-green":{solid:"#40c057",fill:"#40c057",linedFill:"#37a44b",frameHeadingStroke:"#1C5427",frameHeadingFill:"#18251A",frameStroke:"#1C5427",frameFill:"#0F1911",frameText:"#f2f2f2",noteFill:"#21581D",noteText:"#f2f2f2",semi:"#2a3830",pattern:"#4e874e",highlightSrgb:"#00a000",highlightP3:"color(display-p3 0.2711 0.6172 0.0195)"},"light-red":{solid:"#ff8787",fill:"#ff8787",linedFill:"#ff6666",frameHeadingStroke:"#6f3232",frameHeadingFill:"#341818",frameStroke:"#6f3232",frameFill:"#181212",frameText:"#f2f2f2",noteFill:"#7a3333",noteText:"#f2f2f2",semi:"#3c2b2b",pattern:"#a56767",highlightSrgb:"#db005b",highlightP3:"color(display-p3 0.7849 0.0585 0.3589)"},"light-violet":{solid:"#e599f7",fill:"#e599f7",linedFill:"#dc71f4",frameHeadingStroke:"#6c367a",frameHeadingFill:"#2D2230",frameStroke:"#6c367a",frameFill:"#1C151E",frameText:"#f2f2f2",noteFill:"#762F8E",noteText:"#f2f2f2",semi:"#383442",pattern:"#9770a9",highlightSrgb:"#c400c7",highlightP3:"color(display-p3 0.7024 0.0403 0.753)"},orange:{solid:"#f76707",fill:"#f76707",linedFill:"#f54900",frameHeadingStroke:"#773a0e",frameHeadingFill:"#2f1d13",frameStroke:"#773a0e",frameFill:"#1c1512",frameText:"#f2f2f2",noteFill:"#7c3905",noteText:"#f2f2f2",semi:"#3b2e27",pattern:"#9f552d",highlightSrgb:"#d07a00",highlightP3:"color(display-p3 0.7699 0.4937 0.0085)"},red:{solid:"#e03131",fill:"#e03131",linedFill:"#c31d1d",frameHeadingStroke:"#701e1e",frameHeadingFill:"#301616",frameStroke:"#701e1e",frameFill:"#1b1313",frameText:"#f2f2f2",noteFill:"#7e201f",noteText:"#f2f2f2",semi:"#382726",pattern:"#8f3734",highlightSrgb:"#de002c",highlightP3:"color(display-p3 0.7978 0.0509 0.2035)"},violet:{solid:"#ae3ec9",fill:"#ae3ec9",linedFill:"#8f2fa7",frameHeadingStroke:"#6d1583",frameHeadingFill:"#27152e",frameStroke:"#6d1583",frameFill:"#1b0f21",frameText:"#f2f2f2",noteFill:"#5f1c70",noteText:"#f2f2f2",semi:"#342938",pattern:"#763a8b",highlightSrgb:"#9e00ee",highlightP3:"color(display-p3 0.5651 0.0079 0.8986)"},yellow:{solid:"#ffc034",fill:"#ffc034",linedFill:"#ffae00",frameHeadingStroke:"#684e12",frameHeadingFill:"#2a2113",frameStroke:"#684e12",frameFill:"#1e1911",frameText:"#f2f2f2",noteFill:"#8a5e1c",noteText:"#f2f2f2",semi:"#3b352b",pattern:"#fecb92",highlightSrgb:"#d2b700",highlightP3:"color(display-p3 0.8078 0.7225 0.0312)"},white:{solid:"#f3f3f3",fill:"#f3f3f3",linedFill:"#f3f3f3",semi:"#f5f5f5",pattern:"#f9f9f9",frameHeadingStroke:"#ffffff",frameHeadingFill:"#ffffff",frameStroke:"#ffffff",frameFill:"#ffffff",frameText:"#000000",noteFill:"#eaeaea",noteText:"#1d1d1d",highlightSrgb:"#ffffff",highlightP3:"color(display-p3 1 1 1)"}}}};function ft(t,e,n){let o=t[e];return!o||typeof o=="string"?e:o[n]}var JT=_(j(),1);var $d=_(H(),1);var ch=_(H(),1);function Zi(t){let e=(0,ch.useRef)(void 0);return(0,ch.useLayoutEffect)(()=>{e.current=t}),(0,ch.useDebugValue)(t),(0,ch.useCallback)((...n)=>{let o=e.current;return ne(o,"fn does not exist"),o(...n)},[])}var T3=(0,$d.createContext)(null);function NZ({context:t,editor:e,children:n}){let o=e.options.exportProvider;return(0,JT.jsx)(hg,{editor:e,children:(0,JT.jsx)(IT,{container:e.getContainer(),children:(0,JT.jsx)(T3.Provider,{value:t,children:(0,JT.jsx)(o,{children:n})})})})}function gc(){return(0,$d.useContext)(T3)}function C3(){let t=(0,$d.useContext)(T3),[e]=(0,$d.useState)(Ym);return(0,$d.useEffect)(()=>(t?.waitUntil(e),()=>{e.resolve()}),[e,t]),Zi(()=>{e.resolve()})}var LCe=Object.defineProperty,NCe=Object.getOwnPropertyDescriptor,FCe=(t,e,n,o)=>{for(var r=o>1?void 0:o?NCe(e,n):e,i=t.length-1,s;i>=0;i--)(s=t[i])&&(r=(o?s(e,n,r):s(r))||r);return o&&r&&LCe(e,n,r),r},QT=class{constructor(e){this.maxDelayTimeMs=e}maxDelayTimeMs;isResolved=!1;promisesToWaitFor=[];waitUntil(e){if(this.isResolved)throw new Error("Cannot `waitUntil` - the export has already been resolved. Make sure to call `waitUntil` as soon as possible during an export - ie within the first react effect after rendering.");this.promisesToWaitFor.push(e.catch(n=>console.error("Error while waiting for export:",n)))}async resolvePromises(){let e=null;for(;this.promisesToWaitFor.length!==e;)e=this.promisesToWaitFor.length,await Promise.allSettled(this.promisesToWaitFor),await Vf(0)}async resolve(){let e=Vf(this.maxDelayTimeMs).then(()=>"timeout"),n=this.resolvePromises().then(()=>"resolved");await Promise.race([e,n])==="timeout"&&console.warn("[tldraw] Export delay timed out after ${this.maxDelayTimeMs}ms"),this.isResolved=!0}};FCe([Yt],QT.prototype,"waitUntil",1);function zZ(t,e,n={}){let o=t.getContainerDocument();if(!o)throw Error("No document");let{scale:r=1,background:i=t.getInstanceState().exportBackground,preserveAspectRatio:s}=n,a=typeof n.padding!="number",l=typeof n.padding=="number"?n.padding:t.options.defaultSvgPadding,c=n.darkMode!==void 0?n.darkMode?"dark":"light":t.getColorMode(),d=c==="dark",u=t.getShapeAndDescendantIds(e),p=t.getUnorderedRenderingShapes(!1).filter(({id:C})=>u.has(C)),f=e.length===1?t.getShape(e[0]):null,h=f&&t.isShapeFrameLike(f)?e[0]:null,g=null,y=!1;if(n.bounds)g=a?n.bounds.clone():n.bounds.clone().expandBy(l);else{let C=BCe(t,p,l,h);g=C.box,y=C.paddingApplied}if(!g)return;let m=a&&y?l:0,S=g.width*r,b=g.height*r;try{o.body.focus?.()}catch{}let v=new QT(t.options.maxExportDelayMs),w=Ym();return v.waitUntil(w),{jsx:(0,ri.jsx)(zCe,{editor:t,preserveAspectRatio:s,scale:r,pixelRatio:n.pixelRatio??null,bbox:g,background:i,singleFrameShapeId:h,isDarkMode:d,colorMode:c,renderingShapes:p,onMount:w.resolve,waitUntil:v.waitUntil}),width:S,height:b,exportDelay:v,trimPadding:m}}function BCe(t,e,n,o){let r=!1,i=null;for(let{id:a}of e){let l=t.getShapeMaskedPageBounds(a);if(!l)continue;let c=t.getShape(a),d=t.getShapeUtil(c).isExportBoundsContainer(c);i?d&&q.ContainsApproximately(l,i)?(r=!0,i=l.clone()):(r&&!q.ContainsApproximately(i,l)&&(r=!1),i.union(l)):(r=d,i=l.clone())}if(!i)return{box:null,paddingApplied:!1};let s=!o&&!r;return s&&i.expandBy(n),{box:i,paddingApplied:s}}function zCe({editor:t,preserveAspectRatio:e,scale:n,pixelRatio:o,bbox:r,background:i,singleFrameShapeId:s,isDarkMode:a,colorMode:l,renderingShapes:c,onMount:d,waitUntil:u}){let p=Wi(),f=t.getCurrentTheme(),h=Da("export state",{defsById:{},shapeElements:null}),{defsById:g,shapeElements:y}=z(h),m=Zi(x=>{h.update(C=>{if(Cn(C.defsById,x.key))return C;let P=Promise.resolve(x.getElement());return u(P.then(M=>{h.update(E=>({...E,defsById:{...E.defsById,[x.key]:{pending:!1,element:M}}}))})),{...C,defsById:{...C.defsById,[x.key]:{pending:!0,element:P}}}})}),S=(0,yc.useMemo)(()=>({isDarkMode:a,colorMode:l,waitUntil:u,addExportDef:m,scale:n,pixelRatio:o,async resolveAssetUrl(x,C){let P=t.getAsset(x);return!P||P.type!=="image"&&P.type!=="video"?null:await t.resolveAssetUrl(x,{screenScale:n*(C/P.props.w),shouldResolveToOriginal:o===null,dpr:o??void 0})}}),[a,l,u,m,n,o,t]),b=(0,yc.useRef)(!1);(0,yc.useLayoutEffect)(()=>{if(b.current)throw new Error("SvgExport should only render once - do not use with react strict mode");b.current=!0,(async()=>{let x={},C=c.map(async({id:M,opacity:E,index:I,backgroundIndex:R})=>{if(M===s)return[];let D=t.getShape(M);if(t.isShapeOfType(D,"group"))return[];let N=[],B=t.getShapeUtil(D);if(B.toSvg||B.toBackgroundSvg){let[F,k]=await Promise.all([B.toSvg?.(D,S),B.toBackgroundSvg?.(D,S)]),L=t.getShapePageTransform(D),U=L.toCssString(),V=1;"scale"in D.props&&D.props.scale!==1&&(V=D.props.scale,U=`${U} scale(${D.props.scale}, ${D.props.scale})`);let Y=t.getShapeMask(D.id),Z=Y?Q.From(Q.Inverse(L)).applyToPoints(Y):null,le=fg(p,D.id);Z&&(x[le]={pending:!1,element:(0,ri.jsx)("clipPath",{id:le,children:(0,ri.jsx)("path",{d:`M${Z.map(({x:Te,y:Ge})=>`${Te/V},${Ge/V}`).join("L")}Z`})})}),F&&N.push({zIndex:I,element:(0,ri.jsx)("g",{transform:U,opacity:E,clipPath:Y?`url(#${le})`:void 0,children:F},`fg_${D.id}`)}),k&&N.push({zIndex:R,element:(0,ri.jsx)("g",{transform:U,opacity:E,clipPath:Y?`url(#${le})`:void 0,children:k},`bg_${D.id}`)})}else N.push({zIndex:I,element:(0,ri.jsx)(FZ,{shape:D,util:B,component:Lz,className:"tl-shape",bbox:r,opacity:E},`fg_${D.id}`)}),B.backgroundComponent&&N.push({zIndex:R,element:(0,ri.jsx)(FZ,{shape:D,util:B,component:Nz,className:"tl-shape tl-shape-background",bbox:r,opacity:E},`bg_${D.id}`)});return N}),P=(await Promise.all(C)).flat();(0,BZ.flushSync)(()=>{h.update(M=>({...M,shapeElements:P.sort((E,I)=>E.zIndex-I.zIndex).map(({element:E})=>E),defsById:{...M.defsById,...x}}))})})()},[r,t,S,p,c,s,h]),(0,yc.useEffect)(()=>{let x=new Set;for(let{id:C}of c)for(let P of t.fonts.getShapeFontFaces(C))x.add(P);for(let C of x)m({key:Ne(),getElement:async()=>{let P=await t.fonts.toEmbeddedCssDeclaration(C);return(0,ri.jsx)("style",{nonce:t.options.nonce,children:P})}})},[t,c,m]),(0,yc.useEffect)(()=>{y!==null&&d()},[d,y]);let v=f.colors[l],w=i?v.background:"transparent";if(s&&i)if(t.getShapeUtil("frame")?.options.showColors){let C=t.getShape(s);w=ft(v,C.props.color,"frameFill")}else w=v.solid;return(0,ri.jsx)(NZ,{editor:t,context:S,children:(0,ri.jsxs)("svg",{preserveAspectRatio:e,direction:"ltr",width:r.width*n,height:r.height*n,viewBox:`${r.minX} ${r.minY} ${r.width} ${r.height}`,strokeLinecap:"round",strokeLinejoin:"round",style:{backgroundColor:w},"data-color-mode":a?"dark":"light",className:`tl-container tl-theme__force-sRGB ${a?"tl-theme__dark":"tl-theme__light"}`,children:[(0,ri.jsx)("defs",{children:Object.entries(g).map(([x,C])=>C.pending?null:(0,ri.jsx)(yc.Fragment,{children:C.element},x))}),y]})})}function FZ({shape:t,util:e,className:n,component:o,bbox:r,opacity:i}){let s=O(),a=Q.Translate(-r.minX,-r.minY).multiply(s.getShapePageTransform(t.id)),l=s.getShapeGeometry(t.id).bounds,c=Math.max(l.width,1),d=Math.max(l.height,1);return(0,ri.jsx)(ah,{fallback:()=>null,children:(0,ri.jsx)("foreignObject",{x:r.minX,y:r.minY,width:r.w,height:r.h,className:"tl-shape-foreign-object tl-export-embed-styles",children:(0,ri.jsx)("div",{className:n,"data-shape-type":t.type,style:{clipPath:s.getShapeClipPath(t.id),transform:a.toCssString(),width:c,height:d,opacity:i},children:(0,ri.jsx)(o,{shape:t,util:e})})})})}var Ka=(t,e,{currentColor:n})=>t==="currentColor"||t===n,xt=(t,e,{parentStyles:n})=>n[e]===t,Oo=t=>(e,n,{getStyle:o})=>{let r=o(`border-${t}-width`),i=o(`border-${t}-style`);return r==="0px"||i==="none"},P3={"border-block-end-color":Ka,"border-block-start-color":Ka,"border-bottom-color":Ka,"border-inline-end-color":Ka,"border-inline-start-color":Ka,"border-left-color":Ka,"border-right-color":Ka,"border-top-color":Ka,"caret-color":Ka,"column-rule-color":Ka,"outline-color":Ka,"text-decoration":(t,e,{currentColor:n})=>t==="none solid currentColor"||t==="none solid "+n,"text-decoration-color":Ka,"text-emphasis-color":Ka,"border-collapse":xt,"border-spacing":xt,"caption-side":xt,cursor:xt,direction:xt,"empty-cells":xt,"font-family":xt,"font-size":xt,"font-style":xt,"font-variant":xt,"font-weight":xt,"font-size-adjust":xt,"font-stretch":xt,font:xt,"letter-spacing":xt,"line-height":xt,"list-style-image":xt,"list-style-position":xt,"list-style-type":xt,"list-style":xt,orphans:xt,"overflow-wrap":xt,quotes:xt,"stroke-linecap":xt,"stroke-linejoin":xt,"tab-size":xt,"text-align":xt,"text-align-last":xt,"text-indent":xt,"text-justify":xt,"text-shadow":xt,"text-transform":xt,visibility:xt,"white-space":xt,"white-space-collapse":xt,widows:xt,"word-break":xt,"word-spacing":xt,"word-wrap":xt,"border-top":Oo("top"),"border-right":Oo("right"),"border-bottom":Oo("bottom"),"border-left":Oo("left"),"border-block-end":Oo("block-end"),"border-block-start":Oo("block-start"),"border-inline-end":Oo("inline-end"),"border-inline-start":Oo("inline-start"),"border-top-style":Oo("top"),"border-right-style":Oo("right"),"border-bottom-style":Oo("bottom"),"border-left-style":Oo("left"),"border-block-end-style":Oo("block-end"),"border-block-start-style":Oo("block-start"),"border-inline-end-style":Oo("inline-end"),"border-inline-start-style":Oo("inline-start"),"border-top-width":Oo("top"),"border-right-width":Oo("right"),"border-bottom-width":Oo("bottom"),"border-left-width":Oo("left"),"border-block-end-width":Oo("block-end"),"border-block-start-width":Oo("block-start"),"border-inline-end-width":Oo("inline-end")};var Zb={},eA=class{constructor(e){this.root=e}root;styles=new Map;fonts=new ZT;readRootElementStyles(e){this.readElementStyles(e,{shouldRespectDefaults:!1,shouldSkipInheritedParentStyles:!1});let n=Array.from(AT(e));for(;n.length;){let o=n.pop();n.push(...AT(o)),this.readElementStyles(o,{shouldRespectDefaults:!0,shouldSkipInheritedParentStyles:!0})}}readElementStyles(e,{shouldRespectDefaults:n=!0,shouldSkipInheritedParentStyles:o=!0}){let r=n?VCe(e.ownerDocument,e.tagName.toLowerCase()):Zb,i=Object.assign({},Zb);if(o){let a=e.parentElement;for(;a;){let l=this.styles.get(a)?.self;for(let c in l)i[c]||(i[c]=l[c]);a=a.parentElement}}let s={self:UCe(e,{defaultStyles:r,parentStyles:i}),before:UZ(e,"::before"),after:UZ(e,"::after")};this.styles.set(e,s)}fetchResources(){let e=[];for(let n of this.styles.values())for(let o of Vt(n))if(o)for(let[r,i]of Object.entries(o)){if(!i)continue;r==="font-family"&&this.fonts.onFontFamilyValue(i);let s=LZ(i);s.length!==0&&e.push(...s.map(async({url:a,original:l})=>{let c=await Ig(a)??"data:";o[r]=i.replace(l,`url("${c}")`)}))}return Promise.all(e)}unwrapCustomElements(){let e=new Set,n=(o,r)=>{if(e.has(o))return;e.add(o);let i=o.shadowRoot;if(i){let s=o.ownerDocument.createElement("div");this.styles.set(s,this.styles.get(o)),s.setAttribute("data-tl-custom-element",o.tagName),(r??o.parentElement).appendChild(s);for(let a of i.childNodes)RM(a)?n(a,s):s.appendChild(a.cloneNode(!0));o.remove()}else if(r){if(o.tagName.toLowerCase()==="style")return;let s=o.cloneNode(!1);this.styles.set(s,this.styles.get(o)),r.appendChild(s);for(let a of Cz(o))RM(a)?n(a,s):s.appendChild(a.cloneNode(!0))}};for(let o of this.styles.keys())n(o,null)}embedStyles(){let e="";for(let[n,o]of this.styles){if(o.after||o.before){let i=`pseudo-${Ne()}`;n.classList.add(i),o.before&&(e+=`.${i}::before {${HZ(o.before)}}
+`),o.after&&(e+=`.${i}::after {${HZ(o.after)}}
+`)}let r=UX(n);for(let[i,s]of Object.entries(o.self))s&&r.setProperty(i,s);r.fontKerning==="auto"&&(r.fontKerning="normal")}return e}async getFontFaceCss(){return await this.fonts.createCss()}dispose(){$Z()}};function UCe(t,{defaultStyles:e,parentStyles:n}){return t.computedStyleMap?jZ(t.computedStyleMap(),{defaultStyles:e,parentStyles:n}):E3(DM(t),{defaultStyles:e,parentStyles:n})}function UZ(t,e){let n=DM(t,e),o=n.getPropertyValue("content");if(!(o===""||o==="none"))return E3(n,{defaultStyles:Zb,parentStyles:Zb})}function jZ(t,{defaultStyles:e,parentStyles:n}){let o={},i={currentColor:t.get("color")?.toString()||"",parentStyles:n,defaultStyles:e,getStyle:s=>t.get(s)?.toString()??""};for(let s of t.keys()){if(!b3(s))continue;let a=t.get(s).toString();if(e[s]===a)continue;let l=qt(P3,s);l&&l(a,s,i)||(o[s]=a)}return o}function E3(t,{defaultStyles:e,parentStyles:n}){let o={},i={currentColor:t.color,parentStyles:n,defaultStyles:e,getStyle:s=>t.getPropertyValue(s)};for(let s in t){if(!b3(s))continue;let a=t.getPropertyValue(s);if(e[s]===a)continue;let l=qt(P3,s);l&&l(a,s,i)||(o[s]=a)}return o}function HZ(t){let e="";for(let[n,o]of Object.entries(t))e+=`${n}: ${o};`;return e}var _g,tA={};function HCe(t){if(!_g||_g.ownerDocument!==t){$Z();let e=t.createElement("iframe");e.style.display="none",t.body.appendChild(e);let n=Dn(e.contentDocument,"frame must have a document"),o=n.createElementNS("http://www.w3.org/2000/svg","svg"),r=n.createElementNS("http://www.w3.org/2000/svg","foreignObject");o.appendChild(r),n.body.appendChild(o),_g={iframe:e,foreignObject:r,document:n,ownerDocument:t}}return _g}function $Z(){_g&&(_g.iframe.remove(),_g=void 0);for(let t in tA)delete tA[t]}var VZ={defaultStyles:Zb,parentStyles:Zb};function VCe(t,e){let n=tA[e];if(!n){let{foreignObject:o,document:r}=HCe(t),i=r.createElement(e);o.appendChild(i),n=i.computedStyleMap?jZ(i.computedStyleMap(),VZ):E3(DM(i),VZ),o.removeChild(i),tA[e]=n}return n}var jCe=1;async function WZ(t,e,n={}){let o=zZ(t,e,n);if(!o)return;let r=t.getContainer(),i=r.ownerDocument.createElement("div");i.className=w3,i.inert=!0,i.tabIndex=-1,Object.assign(i.style,{position:"absolute",top:"0px",left:"0px",width:o.width+"px",height:o.height+"px",pointerEvents:"none",opacity:0}),r.appendChild(i);let s=(0,GZ.createRoot)(i,{identifierPrefix:`export_${jCe++}_`});try{await Promise.resolve(),(0,KZ.flushSync)(()=>{s.render(o.jsx)}),await o.exportDelay.resolve();let a=i.firstElementChild;return ne(a instanceof vl(r).SVGSVGElement,"Expected an SVG element"),await $Ce(a),{svg:a,width:o.width,height:o.height,trimPadding:o.trimPadding}}finally{setTimeout(()=>{s.unmount(),r.removeChild(i)},0)}}async function $Ce(t){let e=[...t.querySelectorAll("foreignObject.tl-export-embed-styles > *")];if(!e.length)return;let n=new eA(t);try{n.fonts.startFindingDocumentFontFaces(t.ownerDocument),await Promise.all(e.map(i=>y3(i)));for(let i of e)n.readRootElementStyles(i);await n.fetchResources();let o=await n.getFontFaceCss();n.unwrapCustomElements();let r=n.embedStyles();if(o||r){let i=t.ownerDocument.createElementNS("http://www.w3.org/2000/svg","style");i.textContent=`${o}
+${r}`,t.prepend(i)}}finally{n.dispose()}}var I3=null;function KCe(){return I3||(I3={maxWidth:_3("width"),maxHeight:_3("height"),maxArea:_3("area")}),I3}var YZ=8192,GCe=4096*4096,WCe={area:[16384,14188,11402,11180,10836,8192,4096],height:[8388607,65535,32767,16384,8192,4096],width:[4194303,65535,32767,16384,8192,4096]};function _3(t){let e=Ln().createElement("canvas");e.width=1,e.height=1;let n=e.getContext("2d");for(let o of WCe[t]){let r=t==="height"?1:o,i=t==="width"?1:o,s=Ln().createElement("canvas");s.width=r,s.height=i,s.getContext("2d").fillRect(r-1,i-1,1,1),n.drawImage(s,r-1,i-1,1,1,0,0,1,1);let l=n.getImageData(0,0,1,1).data[3]!==0;if(s.width=0,s.height=0,l)return e.width=0,e.height=0,t==="area"?o*o:o}throw e.width=0,e.height=0,Error("Failed to determine maximum canvas dimension")}function nA(t,e){if(t<=YZ&&e<=YZ&&t*e<=GCe)return[t,e];let{maxWidth:n,maxHeight:o,maxArea:r}=KCe(),i=t/e;if(t>n&&(t=n,e=t/i),e>o&&(e=o,t=e*i),t*e>r){let s=Math.sqrt(r/(t*e));t*=s,e*=s}return[t,e]}async function qZ(t,e){let{type:n,width:o,height:r,quality:i=1,pixelRatio:s=2,trimPadding:a=0,scale:l=1}=e;if(o<=0||r<=0)return null;let[c,d]=nA(o*s,r*s);c=Math.floor(c),d=Math.floor(d);let u=c/o,p=await XZ(t,c,d);if(!p)return null;let f=a>0?YCe(p,a*l*u):{canvas:p,width:c,height:d},h=await new Promise(y=>f.canvas.toBlob(m=>{(!m||Et.throwToBlob.get())&&y(null),y(m)},"image/"+n,i));if(!h)return null;let g;return n==="png"?g=Id.setPhysChunk(new DataView(await h.arrayBuffer()),u,{type:"image/"+n}):g=h,{blob:g,width:f.width/u,height:f.height/u}}async function XZ(t,e,n){let o=await Zn.blobToDataUrl(new Blob([t],{type:"image/svg+xml"}));return new Promise(r=>{let i=oc();i.crossOrigin="anonymous",i.onload=async()=>{He.isSafari&&await Vf(250);let s=Ln().createElement("canvas"),a=s.getContext("2d");s.width=e,s.height=n,a.imageSmoothingEnabled=!0,a.imageSmoothingQuality="high",a.drawImage(i,0,0,e,n),r(s)},i.onerror=()=>{r(null)},i.src=o})}function ZZ(t,e){let n=t.width,o=t.height,r=t.getContext("2d"),i=Math.ceil(e);if(i<=0||i*2>=n||i*2>=o)return null;let a=r.getImageData(0,0,n,o).data,l=a[0],c=a[1],d=a[2],u=a[3],p=u===0;function f(x){if(p)return a[x+3]>0;{if(a[x+3]!==u)return!0;let P=a[x],M=a[x+1],E=a[x+2];return P!==l||M!==c||E!==d}}let h=i,g=i,y=n-i,m=o-i,S=g;for(let x=0;x<g;x++){let C=!1;for(let P=0;P<n;P++)if(f((x*n+P)*4)){C=!0;break}if(C){S=x;break}}let b=m;for(let x=o-1;x>=m;x--){let C=!1;for(let P=0;P<n;P++)if(f((x*n+P)*4)){C=!0;break}if(C){b=x+1;break}}let v=h;for(let x=0;x<h;x++){let C=!1;for(let P=S;P<b;P++)if(f((P*n+x)*4)){C=!0;break}if(C){v=x;break}}let w=y;for(let x=n-1;x>=y;x--){let C=!1;for(let P=S;P<b;P++)if(f((P*n+x)*4)){C=!0;break}if(C){w=x+1;break}}return v===0&&S===0&&w===n&&b===o?null:{cropLeft:v,cropTop:S,cropRight:w,cropBottom:b}}function YCe(t,e){let n=t.width,o=t.height,r=ZZ(t,e);if(!r)return{canvas:t,width:n,height:o};let{cropLeft:i,cropTop:s,cropRight:a,cropBottom:l}=r,c=a-i,d=l-s,u=Ln().createElement("canvas");return u.width=c,u.height=d,u.getContext("2d").drawImage(t,i,s,c,d,0,0,c,d),{canvas:u,width:c,height:d}}async function JZ(t,e){let{width:n,height:o,trimPadding:r,scale:i}=e;if(r<=0)return null;let s=Math.floor(n),a=Math.floor(o);if(s<=0||a<=0)return null;let l=await XZ(t,s,a);if(!l)return null;let c=r*i,d=ZZ(l,c);if(!d)return null;let{cropLeft:u,cropTop:p,cropRight:f,cropBottom:h}=d,m=new DOMParser().parseFromString(t,"image/svg+xml").documentElement,S=m.getAttribute("viewBox");if(!S)return null;let[b,v,w,x]=S.split(/\s+/).map(Number),C=b+u/s*w,P=v+p/a*x,M=(f-u)/s*w,E=(h-p)/a*x,I=M*i,R=E*i;return m.setAttribute("viewBox",`${C} ${P} ${M} ${E}`),m.setAttribute("width",String(I)),m.setAttribute("height",String(R)),{svg:new XMLSerializer().serializeToString(m),width:I,height:R}}var Go={menus:ye("open menus",[]),getOpenMenus(t){return t?this.menus.get().filter(e=>e.endsWith("-"+t)):this.menus.get()},addOpenMenu(t,e=""){let n=e?`${t}-${e}`:t,o=new Set(this.menus.get());o.has(n)||(o.add(n),this.menus.set([...o]))},deleteOpenMenu(t,e=""){let n=e?`${t}-${e}`:t,o=new Set(this.menus.get());o.has(n)&&(o.delete(n),this.menus.set([...o]))},clearOpenMenus(t){this.menus.set(t?this.menus.get().filter(e=>!e.endsWith("-"+t)):[])},_hiddenMenus:[],hideOpenMenus(t){if(this._hiddenMenus=[...this.getOpenMenus(t)],this._hiddenMenus.length!==0)for(let e of this._hiddenMenus)this.deleteOpenMenu(e,t)},showOpenMenus(t){if(this._hiddenMenus.length!==0){for(let e of this._hiddenMenus)this.addOpenMenu(e,t);this._hiddenMenus=[]}},isMenuOpen(t,e){return this.getOpenMenus(e).includes(`${t}-${e}`)},hasOpenMenus(t){return this.getOpenMenus(t).length>0},hasAnyOpenMenus(){return this.getOpenMenus().length>0},forContext(t){return{getOpenMenus:()=>this.getOpenMenus(t),addOpenMenu:e=>this.addOpenMenu(e,t),deleteOpenMenu:e=>this.deleteOpenMenu(e,t),clearOpenMenus:()=>this.clearOpenMenus(t),isMenuOpen:e=>this.isMenuOpen(e,t),hasOpenMenus:()=>this.hasOpenMenus(t),hasAnyOpenMenus:()=>this.hasAnyOpenMenus()}}};var uh=new mx;var QZ=_(H(),1);var M3={maxShapesPerPage:4e3,maxFilesAtOnce:100,maxPages:40,animationMediumMs:320,followChaseViewportSnap:2,doubleClickDurationMs:450,multiClickDurationMs:200,coarseDragDistanceSquared:36,dragDistanceSquared:16,uiDragDistanceSquared:16,uiCoarseDragDistanceSquared:625,defaultSvgPadding:32,cameraSlideFriction:.09,gridSteps:[{min:-1,mid:.15,step:64},{min:.05,mid:.375,step:16},{min:.15,mid:1,step:4},{min:.7,mid:2.5,step:1}],collaboratorInactiveTimeoutMs:6e4,collaboratorIdleTimeoutMs:3e3,collaboratorCheckIntervalMs:1200,cameraMovingTimeoutMs:64,hitTestMargin:8,edgeScrollDelay:200,edgeScrollEaseDuration:200,edgeScrollSpeed:25,edgeScrollDistance:8,coarsePointerWidth:12,coarseHandleRadius:20,handleRadius:12,longPressDurationMs:500,textShadowLod:.35,adjacentShapeMargin:10,flattenImageBoundsExpand:64,flattenImageBoundsPadding:16,laserDelayMs:1200,laserFadeoutMs:500,maxExportDelayMs:5e3,tooltipDelayMs:700,temporaryAssetPreviewLifetimeMs:18e4,actionShortcutsLocation:"swap",createTextOnCanvasDoubleClick:!0,exportProvider:QZ.Fragment,enableToolbarKeyboardShortcuts:!0,maxFontsToLoadBeforeRender:1/0,nonce:void 0,debouncedZoom:!0,debouncedZoomThreshold:500,spacebarPanning:!0,rightClickPanning:!0,zoomToFitPadding:128,snapThreshold:8,selectLockedShapes:!1,camera:Xb,text:{},deepLinks:void 0,quickZoomPreservesScreenBounds:!0,onBeforeCopyToClipboard:void 0,onBeforePasteFromClipboard:void 0,onClipboardPasteRaw:void 0,experimental__onDropOnCanvas:void 0};var Jb="5.2.5",A3={major:"2026-05-06T16:28:18.473Z",minor:"2026-07-01T09:20:01.735Z",patch:"2026-07-15T23:10:03.621Z"};async function k3(t,e,n){let r=await(await tr(t)).arrayBuffer();return new File([r],e,{type:n})}var qCe="https://cdn.tldraw.com";function _o(){return`${qCe}/${Jb}`}function D3(t){switch(t.type){case"shapes":return`s${t.shapeIds.map(n=>R3(n.slice(6))).join(".")}`;case"page":return"p"+R3(mo.parseId(t.pageId));case"viewport":{let{bounds:e,pageId:n}=t,o=`v${Math.round(e.x)}.${Math.round(e.y)}.${Math.round(e.w)}.${Math.round(e.h)}`;return n&&(o+="."+R3(mo.parseId(n))),o}default:Ve(t)}}function O3(t){switch(t[0]){case"s":return{type:"shapes",shapeIds:t.slice(1).split(".").filter(Boolean).map(o=>Ke(decodeURIComponent(o)))};case"p":return{type:"page",pageId:mo.createId(decodeURIComponent(t.slice(1)))};case"v":{let[n,o,r,i,s]=t.slice(1).split(".");return{type:"viewport",bounds:new q(Number(n),Number(o),Number(r),Number(i)),pageId:s?mo.createId(decodeURIComponent(s)):void 0}}default:throw Error("Invalid deep link string")}}function R3(t){return encodeURIComponent(t).replace(/\./g,"%2E")}function L3(t,e){let n=t,o=new Set(e);for(;o.has(n);)n=/^.*(\d+)$/.exec(n)?.[1]?n.replace(/(\d+)$/,r=>(+r+1).toString()):`${n} 1`;return n}function eC(t,e,n,o){if(n.length===0)return[];let r=new Map;for(let s of we(n.map(a=>t.getShape(a)))){let{parentId:a}=s;r.has(a)||r.set(a,{children:we(t.getSortedChildIdsForParent(a).map(l=>t.getShape(l))),moving:new Set}),r.get(a).moving.add(s)}let i=[];switch(e){case"toBack":{r.forEach(({moving:s,children:a})=>XCe(s,a,i));break}case"toFront":{r.forEach(({moving:s,children:a})=>ZCe(s,a,i));break}case"forward":{r.forEach(({moving:s,children:a})=>JCe(t,s,a,i,o));break}case"backward":{r.forEach(({moving:s,children:a})=>QCe(t,s,a,i,o));break}}return i}function XCe(t,e,n){let o=e.length;if(t.size===o)return;let r,i;for(let s=0;s<o;s++){let a=e[s];if(t.has(a))r=a.index,t.delete(a);else{i=a.index;break}}if(t.size!==0){let s=rc(r,i,t.size);n.push(...Array.from(t.values()).sort(Un).map((a,l)=>({...a,index:s[l]})))}}function ZCe(t,e,n){let o=e.length;if(t.size===o)return;let r,i;for(let s=o-1;s>-1;s--){let a=e[s];if(t.has(a))i=a.index,t.delete(a);else{r=a.index;break}}if(t.size!==0){let s=rc(r,i,t.size);n.push(...Array.from(t.values()).sort(Un).map((a,l)=>({...a,index:s[l]})))}}function eJ(t,e){let n=we(Array.from(e).map(r=>{let i=t.getShapePageBounds(r);return i?{shape:r,bounds:i}:null}));return r=>{let i=t.getShapePageBounds(r);return i?n.some(s=>s.bounds.includes(i)):!1}}function JCe(t,e,n,o,r){let i=eJ(t,e),s=n.length;if(e.size===s)return;let a={name:"skipping"};for(let l=0;l<s;l++){let c=e.has(n[l]);switch(a.name){case"skipping":{if(!c)continue;a={name:"selecting",selectIndex:l};break}case"selecting":{if(c||!r?.considerAllShapes&&!i(n[l]))continue;let{selectIndex:d}=a;rc(n[l].index,n[l+1]?.index,l-d).forEach((u,p)=>{let f=n[d+p];e.has(f)&&o.push({...f,index:u})}),a={name:"skipping"};break}}}}function QCe(t,e,n,o,r){let i=eJ(t,e),s=n.length;if(e.size===s)return;let a={name:"skipping"};for(let l=s-1;l>-1;l--){let c=e.has(n[l]);switch(a.name){case"skipping":{if(!c)continue;a={name:"selecting",selectIndex:l};break}case"selecting":{if(c||!r?.considerAllShapes&&!i(n[l]))continue;rc(n[l-1]?.index,n[l].index,a.selectIndex-l).forEach((d,u)=>{let p=n[l+u+1];e.has(p)&&o.push({...p,index:d})}),a={name:"skipping"};break}}}}function ht(t,e,n){let o=new Set;for(let a of e){let l=t.getShape(a);if(!l)continue;o.add(l);let c=t.getShape(l.parentId);c&&o.add(c)}let r=new Map;for(let a of o){let l=t.getSortedChildIdsForParent(a);if(n?.filter&&!n.filter(a))r.set(a,l);else{let c=e1e(t,a.id,l);if(c.length<l.length){let d=t.getShapeUtil(a),u=l.filter(p=>{if(c.includes(p))return!1;let f=t.getShape(p);return f?d.canRemoveChildrenOfType(a,f.type):!1});u.length>0&&r.set(a,u)}}}let i=t.getCurrentPageShapesSorted().map(a=>a.id),s={};for(let[a,l]of r){let c=we(l.map(p=>t.getShape(p))),{reparenting:d,remainingShapesToReparent:u}=oA(t,c,(p,f)=>n?.filter&&!n.filter(f)?!1:f.id!==a.id&&i.indexOf(f.id)<i.indexOf(p.id));if(d.forEach((p,f)=>{p.length!==0&&(s[f]||(s[f]={parentId:f,shapeIds:[]}),s[f].shapeIds.push(...p.map(h=>h.id)))}),u.size>0){let p=t.findShapeAncestor(a,f=>t.isShapeOfType(f,"group"))?.id??t.getCurrentPageId();u.forEach(f=>{if(!s[p]){let h,g=t.getSortedChildIdsForParent(p),y=g.indexOf(a.id);if(y>-1){let m=g[y+1],S=m?t.getShape(m).index:void 0,b=S&&S>a.index?S:Sr(a.index);h=yl(a.index,b)}s[p]={parentId:p,shapeIds:[],index:h}}s[p].shapeIds.push(f.id)})}}t.run(()=>{Object.values(s).forEach(({parentId:a,shapeIds:l,index:c})=>{l.length!==0&&(l.sort((d,u)=>i.indexOf(d)<i.indexOf(u)?-1:1),t.reparentShapes(l,a,c))})})}function e1e(t,e,n){if(n.length===0)return pt;let o=t.getShapePageBounds(e);if(!o)return pt;let r=t.getShape(e);if(!r)return pt;let i=t.getShapeGeometry(e),s=t.getShapePageTransform(e),a=s.applyToPoints(i.vertices),l=t.getShapeUtil(r.type).getClipPath?.(r),c=l?s.applyToPoints(l):void 0,d=c?xg(c,a):a;return d?n.filter(u=>{let p=t.getShapePageBounds(u);if(!p||!o.includes(p))return!1;let f=t.getShapePageTransform(u).clone().invert().applyToPoints(d);return t.getShapeGeometry(u).overlapsPolygon(f)}):pt}function oA(t,e,n){let o=new Set(e),r=new Set;for(let c of e){let d=t.getShapeParent(c);d&&t.isShapeOfType(d,"group")&&(r.has(d)||r.add(d))}for(let c of r){let d=we(t.getSortedChildIdsForParent(c).map(u=>t.getShape(u)));for(let u of d)o.delete(u);o.add(c)}let i=new Map,s=new Map,a=new Set(o),l=t.getCurrentPageShapesSorted().filter(c=>{if(a.has(c))return!1;let d=t.getShapeUtil(c);for(let u of a)if(d.canReceiveNewChildrenOfType(c,u.type))return!0;return!1});e:for(let c=l.length-1;c>=0;c--){let d=l[c],u=t.findShapeAncestor(d,S=>t.isShapeOfType(S,"group"))?.id,p=t.getShapeGeometry(d),f=t.getShapePageTransform(d),h=t.getShapeMask(d),g=f.applyToPoints(p.vertices),y=h?xg(h,g):g;if(!y)continue e;let m=[];t:for(let S of a){if(d.id===S.id||n&&!n(S,d)||(i.has(S.id)||i.set(S.id,t.findShapeAncestor(S,w=>t.isShapeOfType(w,"group"))?.id),i.get(S.id)!==u)||t.findShapeAncestor(d,w=>S.id===w.id))continue t;let v=t.getShapePageTransform(S).clone().invert().applyToPoints(y);if(t.getShapeGeometry(S).overlapsPolygon(v)){if(!t.getShapeUtil(d).canReceiveNewChildrenOfType?.(d,S.type))continue t;S.parentId!==d.id&&m.push(S),a.delete(S);continue t}}m.length&&s.set(d.id,m)}return{reparenting:s,remainingShapesToReparent:a}}function tC({editor:t,ids:e}){let n=we(e.map(s=>t.getShape(s))),o=t.getShapesSharedRotation(e),r=t.getShapesRotatedPageBounds(e);if(!r)return null;let i=r.center.clone().rotWith(r.point,o);return{initialPageCenter:i,initialCursorAngle:i.angle(t.inputs.getOriginPagePoint()),initialShapesRotation:o,shapeSnapshots:n.map(s=>({shape:s,initialPagePoint:t.getShapePageTransform(s.id).point()}))}}function Mg({delta:t,editor:e,snapshot:n,stage:o,centerOverride:r}){let{initialPageCenter:i,shapeSnapshots:s}=n;e.updateShapes(s.map(({shape:l,initialPagePoint:c})=>{let d=On(l.parentId)?e.getShapePageTransform(l.parentId):Q.Identity(),u=T.RotWith(c,r??i,t),p=Q.applyToPoint(Q.Inverse(d),u),f=gg(l.rotation+t);return{id:l.id,type:l.type,x:p.x,y:p.y,rotation:f}}));let a=[];s.forEach(({shape:l})=>{let c=e.getShape(l.id);if(!c)return;let d=e.getShapeUtil(l);if(o==="start"||o==="one-off"){let p=d.onRotateStart?.(l);p&&a.push(p)}let u=d.onRotate?.(l,c);if(u&&a.push(u),o==="end"||o==="one-off"){let p=d.onRotateEnd?.(l,c);p&&a.push(p)}}),a.length>0&&e.updateShapes(a)}function tJ(t,e){if(!e)return!1;switch(t.type){case"mixed":return e.type==="mixed";case"shared":return e.type==="shared"&&t.value===e.value;default:throw Ve(t)}}var rA=class{map;constructor(e){this.map=new Map(e)}get(e){return this.map.get(e)}getAsKnownValue(e){let n=this.get(e);if(n&&n.type!=="mixed")return n.value}get size(){return this.map.size}equals(e){if(this.size!==e.size)return!1;let n=new Set;for(let[o,r]of this){if(!tJ(r,e.get(o)))return!1;n.add(o)}for(let[o,r]of e)if(!n.has(o)&&!tJ(r,this.get(o)))return!1;return!0}keys(){return this.map.keys()}values(){return this.map.values()}entries(){return this.map.entries()}[Symbol.iterator](){return this.map[Symbol.iterator]()}},dh=class extends rA{set(e,n){this.map.set(e,n)}applyValue(e,n){let o=this.get(e);if(!o){this.set(e,{type:"shared",value:n});return}switch(o.type){case"mixed":return;case"shared":o.value!==n&&this.set(e,{type:"mixed"});return;default:Ve(o,"type")}}};function nJ(t){let e=t.get(),n=new Map;for(let o of e){let{fromId:r,toId:i}=o,s=n.get(r);s?s.push(o):n.set(r,[o]);let a=n.get(i);a?a.push(o):n.set(i,[o])}return n}function oJ(t){let{store:e}=t,n=e.query.filterHistory("binding"),o=e.query.records("binding");return $("arrowBindingsIndex",(r,i)=>{if(ji(r))return nJ(o);let s=r,a=n.getDiffSince(i);if(a===Eo)return nJ(o);let l;function c(p){l??=new Map(s);let h=l.get(p.fromId)?.filter(m=>m.id!==p.id);h?.length?l.set(p.fromId,h):l.delete(p.fromId);let y=l.get(p.toId)?.filter(m=>m.id!==p.id);y?.length?l.set(p.toId,y):l.delete(p.toId)}function d(p){l??=new Map(s);let f=l.get(p);return f?f===s.get(p)&&(f=f.slice(0),l.set(p,f)):(f=[],l.set(p,f)),f}function u(p){d(p.fromId).push(p),d(p.toId).push(p)}for(let p of a){for(let f of Vt(p.added))u(f);for(let[f,h]of Vt(p.updated))c(f),u(h);for(let f of Vt(p.removed))c(f)}return l??s})}function rJ(t){let e=new Set,n=ir.prototype.canCull;return $("notVisibleShapes",function(o){let r=t.getCurrentPageShapeIds(),i=t.getViewportPageBounds(),s=t.getShapeIdsInsideBounds(i);if(s.size===r.size)return ji(o)||o.size>0?e:o;let a=new Set;for(let l of r){if(s.has(l))continue;let c=t.store.unsafeGetWithoutCapture(l);if(!c)continue;let d=t.getShapeUtil(c.type);if(d.canCull===n){a.add(l);continue}let u=t.getShape(l);u&&d.canCull(u)&&a.add(l)}if(ji(o))return a;if(a.size===o.size){let l=!0;for(let c of a)if(!o.has(c)){l=!1;break}if(l)return o}return a})}function iJ(t,e){let n={},o=t.get();return Array.from(o,i=>e.get(i)).sort(Un).forEach(i=>{n[i.parentId]??=[],n[i.parentId].push(i.id)}),n}function sJ(t){let e=t.query.ids("shape"),n=t.query.filterHistory("shape");return $("parentsToChildrenWithIndexes",(o,r)=>{if(ji(o))return iJ(e,t);let i=n.getDiffSince(r);if(i===Eo)return iJ(e,t);if(i.length===0)return o;let s=null,a=d=>{s||(s={...o}),s[d]?s[d]===o[d]&&(s[d]=[...s[d]]):s[d]=[]},l=new Set,c;for(let d=0,u=i.length;d<u;d++){c=i[d];for(let p of Object.values(c.added))Ba(p)&&(a(p.parentId),s[p.parentId].push(p.id),l.add(s[p.parentId]));for(let[p,f]of Object.values(c.updated))if(Ba(f)&&Ba(p)){if(p.parentId!==f.parentId)a(p.parentId),a(f.parentId),s[p.parentId].splice(s[p.parentId].indexOf(f.id),1),s[f.parentId].push(f.id),l.add(s[f.parentId]);else if(p.index!==f.index){a(f.parentId);let h=s[f.parentId].indexOf(f.id);s[f.parentId][h]=f.id,l.add(s[f.parentId])}}for(let p of Object.values(c.removed))Ba(p)&&(a(p.parentId),s[p.parentId].splice(s[p.parentId].indexOf(p.id),1))}for(let d of l){let u=0;for(let p=0;p<d.length;p++)t.get(d[p])&&(d[u++]=d[p]);d.length=u,d.sort((p,f)=>{let h=t.get(p),g=t.get(f);return Un(h,g)})}return s??o})}var N3=(t,e,n)=>{for(;!jo(n.parentId);){let o=t.get(n.parentId);if(!o)return!1;n=o}return n.parentId===e};function aJ(t,e){let n=t.query.ids("shape"),o=null;function r(){let i=e();return o=i,new Set([...n.get()].filter(s=>N3(t,i,t.get(s))))}return $("_shapeIdsInCurrentPage",(i,s)=>{if(ji(i))return r();let a=e();if(a!==o)return r();let l=t.history.getDiffSince(s);if(l===Eo)return r();let c=new Od(i);for(let u of l){for(let p of Object.values(u.added))Ba(p)&&N3(t,a,p)&&c.add(p.id);for(let[p,f]of Object.values(u.updated))Ba(f)&&(N3(t,a,f)?c.add(f.id):c.remove(f.id));for(let p of Object.keys(u.removed))On(p)&&c.remove(p)}let d=c.get();return d?Gf(d.value,d.diff):i})}var t1e=Object.defineProperty,n1e=Object.getOwnPropertyDescriptor,lJ=(t,e,n,o)=>{for(var r=o>1?void 0:o?n1e(e,n):e,i=t.length-1,s;i>=0;i--)(s=t[i])&&(r=(o?s(e,n,r):s(r))||r);return o&&r&&t1e(e,n,r),r},o1e=40,Ag=class{constructor(e){this.editor=e}editor;_clickId="";_clickTimeout;_clickScreenPoint;_previousScreenPoint;_isPressingWhilePending=!1;_getClickTimeout(e,n=Ne()){this._clickId=n,clearTimeout(this._clickTimeout),this._clickTimeout=this.editor.timers.setTimeout(()=>{this._clickState===e&&this._clickId===n&&(this._clickState==="pendingOverflow"&&this.editor.dispatch({...this.lastPointerInfo,type:"click",name:"double_click",phase:this._isPressingWhilePending?"settle-down":"settle-up"}),this._clickState="idle")},e==="idle"||e==="pendingDouble"?this.editor.options.doubleClickDurationMs:this.editor.options.multiClickDurationMs)}_clickState="idle";get clickState(){return this._clickState}lastPointerInfo={};handlePointerEvent(e){switch(e.name){case"pointer_down":{if(!this._clickState)return e;switch(this._clickScreenPoint=T.From(e.point),this._isPressingWhilePending=!0,this._previousScreenPoint&&T.Dist2(this._previousScreenPoint,this._clickScreenPoint)>o1e**2&&(this._clickState="idle"),this._previousScreenPoint=this._clickScreenPoint,this.lastPointerInfo=e,this._clickState){case"pendingDouble":return this._clickState="pendingOverflow",this._clickTimeout=this._getClickTimeout(this._clickState),{...e,type:"click",name:"double_click",phase:"down"};case"idle":{this._clickState="pendingDouble";break}case"pendingOverflow":{this._clickState="overflow";break}default:}return this._clickTimeout=this._getClickTimeout(this._clickState),e}case"pointer_up":return this._clickState?(this._clickScreenPoint=T.From(e.point),this._isPressingWhilePending=!1,this._clickState==="pendingOverflow"?{...this.lastPointerInfo,type:"click",name:"double_click",phase:"up"}:e):e;case"pointer_move":return this._clickState!=="idle"&&this._clickScreenPoint&&T.Dist2(this._clickScreenPoint,this.editor.inputs.getCurrentScreenPoint())>(this.editor.getInstanceState().isCoarsePointer?this.editor.options.coarseDragDistanceSquared:this.editor.options.dragDistanceSquared)&&this.cancelDoubleClickTimeout(),e}return e}cancelDoubleClickTimeout(){this._clickTimeout=clearTimeout(this._clickTimeout),this._clickState="idle",this._isPressingWhilePending=!1}};lJ([Yt],Ag.prototype,"_getClickTimeout",1);lJ([Yt],Ag.prototype,"cancelDoubleClickTimeout",1);var r1e=Object.defineProperty,i1e=Object.getOwnPropertyDescriptor,nC=(t,e,n,o)=>{for(var r=o>1?void 0:o?i1e(e,n):e,i=t.length-1,s;i>=0;i--)(s=t[i])&&(r=(o?s(e,n,r):s(r))||r);return o&&r&&r1e(e,n,r),r},fu=class{constructor(e){this.editor=e}editor;_visibilityClockStarted=!1;_startVisibilityClock(){this._visibilityClockStarted||(this._visibilityClockStarted=!0,this.editor.timers.setInterval(()=>{this._visibilityClock.set(Date.now())},this.editor.options.collaboratorCheckIntervalMs))}_visibilityClock=ye("collaboratorVisibilityClock",Date.now());_getCollaboratorsQuery(){return this.editor.store.query.records("instance_presence",()=>({userId:{neq:this.editor.user.getRecordId()}}))}getCollaborators(){let e=this._getCollaboratorsQuery().get();return e.length?[...new Set(e.map(o=>o.userId))].sort().map(o=>gB(e.filter(i=>i.userId===o),i=>i.lastActivityTimestamp??0)):pt}getCollaboratorsOnCurrentPage(){let e=this.editor.getCurrentPageId();return this.getCollaborators().filter(n=>n.currentPageId===e)}getVisibleCollaborators(){let{editor:e}=this,{collaboratorInactiveTimeoutMs:n,collaboratorIdleTimeoutMs:o}=e.options;this._startVisibilityClock(),this._visibilityClock.get();let r=Date.now(),i=this.getCollaborators();if(!i.length)return pt;let{followingUserId:s,highlightedUserIds:a}=this.editor.getInstanceState(),l=this.editor.user.getRecordId();return i.filter(c=>{let{lastActivityTimestamp:d,userId:u,chatMessage:p}=c,f=d?Math.max(0,r-d):0;return f>n?s===u||a.includes(u):f>o&&c.followingUserId===l?!!(p||a.includes(u)):!0})}getVisibleCollaboratorsOnCurrentPage(){let e=this.editor.getCurrentPageId();return this.getVisibleCollaborators().filter(n=>n.currentPageId===e)}};nC([$],fu.prototype,"_getCollaboratorsQuery",1);nC([$],fu.prototype,"getCollaborators",1);nC([$],fu.prototype,"getCollaboratorsOnCurrentPage",1);nC([$],fu.prototype,"getVisibleCollaborators",1);nC([$],fu.prototype,"getVisibleCollaboratorsOnCurrentPage",1);var cJ=1e3,uJ=.612,oC=class{constructor(e){this.editor=e}editor;_isEdgeScrolling=!1;_edgeScrollDuration=-1;getIsEdgeScrolling(){return this._isEdgeScrolling}updateEdgeScrolling(e){let{editor:n}=this;if(n.getCameraOptions().isLocked)return;let o=this.getEdgeScroll();if(o.x===0&&o.y===0)this._isEdgeScrolling&&(this._isEdgeScrolling=!1,this._edgeScrollDuration=0);else if(this._isEdgeScrolling||(this._isEdgeScrolling=!0,this._edgeScrollDuration=0),this._edgeScrollDuration+=e,this._edgeScrollDuration>n.options.edgeScrollDelay){let r=n.options.edgeScrollEaseDuration>0?Ko.easeInCubic(Math.min(1,this._edgeScrollDuration/(n.options.edgeScrollDelay+n.options.edgeScrollEaseDuration))):1;this.moveCameraWhenCloseToEdge({x:o.x*r,y:o.y*r})}}getEdgeProximityFactors(e,n,o,r,i){let{editor:s}=this,a=s.options.edgeScrollDistance,l=o?s.options.coarsePointerWidth:0,c=e-l,d=e+l,u=r?0:a,p=i?n:n-a;return c<u?Math.min(1,(u-c)/a):d>p?-Math.min(1,(d-p)/a):0}getEdgeScroll(){let{editor:e}=this,{x:n,y:o}=e.inputs.getCurrentScreenPoint(),r=e.getViewportScreenBounds(),{isCoarsePointer:i,insets:[s,a,l,c]}=e.getInstanceState(),d=this.getEdgeProximityFactors(n,r.w,i,c,a),u=this.getEdgeProximityFactors(o,r.h,i,s,l);return{x:d,y:u}}moveCameraWhenCloseToEdge(e){if(e.x===0&&e.y===0)return;let{editor:n}=this,o=n.getViewportScreenBounds(),r=o.w<cJ?uJ:1,i=o.h<cJ?uJ:1,s=n.getZoomLevel(),a=n.user.getEdgeScrollSpeed()*n.options.edgeScrollSpeed,l=a*e.x*r/s,c=a*e.y*i/s,{x:d,y:u,z:p}=n.getCamera();n.setCamera(new T(d+l,u+c,p))}};var s1e=Object.defineProperty,a1e=Object.getOwnPropertyDescriptor,dJ=(t,e,n,o)=>{for(var r=o>1?void 0:o?a1e(e,n):e,i=t.length-1,s;i>=0;i--)(s=t[i])&&(r=(o?s(e,n,r):s(r))||r);return o&&r&&s1e(e,n,r),r},Qb=class{constructor(e,n){this.editor=e,this.disposeSideEffectListener=e.sideEffects.registerAfterChangeHandler("instance",(i,s)=>{i.isFocused!==s.isFocused&&this.updateContainerClass()});let o=e.getInstanceState().isFocused;n!==o&&e.updateInstanceState({isFocused:!!n}),this.updateContainerClass();let r=e.getContainerDocument().body;r.addEventListener("keydown",this.handleKeyDown),r.addEventListener("mousedown",this.handleMouseDown)}editor;disposeSideEffectListener;updateContainerClass(){let e=this.editor.getContainer();this.editor.getInstanceState().isFocused?e.classList.add("tl-container__focused"):e.classList.remove("tl-container__focused"),e.classList.add("tl-container__no-focus-ring")}handleKeyDown(e){let n=this.editor.getContainer(),o=n.ownerDocument.activeElement;this.editor.getEditingShapeId()&&!o?.closest(".tlui-contextual-toolbar")||o===n&&this.editor.getSelectedShapeIds().length>0||["Tab","ArrowUp","ArrowDown"].includes(e.key)&&n.classList.remove("tl-container__no-focus-ring")}handleMouseDown(){this.editor.getContainer().classList.add("tl-container__no-focus-ring")}focus(){this.editor.getContainer().focus()}blur({blurContainer:e=!0}={}){this.editor.complete(),e&&this.editor.getContainer().blur()}dispose(){let e=this.editor.getContainerDocument().body;e.removeEventListener("keydown",this.handleKeyDown),e.removeEventListener("mousedown",this.handleMouseDown),this.disposeSideEffectListener?.()}};dJ([Yt],Qb.prototype,"handleKeyDown",1);dJ([Yt],Qb.prototype,"handleMouseDown",1);var l1e={get:()=>{}},c1e={get:()=>{}},rC=class{constructor(e,n){this.editor=e,this.assetUrls=n,this.shapeFontFacesCache=e.store.createComputedCache("shape font faces",o=>this.editor.getShapeUtil(o).getFontFaces(o),{areResultsEqual:Hf,areRecordsEqual:(o,r)=>o.props===r.props&&o.meta===r.meta}),this.shapeFontLoadStateCache=e.store.createCache(o=>{let r=$("font faces",()=>this.getShapeFontFaces(o));return $("font load state",()=>r.get().map(s=>this.getFontState(s)),{isEqual:Hf})})}editor;assetUrls;dispose(){this.fontStates.clear(),this.fontsToLoad.clear(),this.shapeFontFacesCache=l1e,this.shapeFontLoadStateCache=c1e}shapeFontFacesCache;shapeFontLoadStateCache;getShapeFontFaces(e){let n=typeof e=="string"?e:e.id;return this.shapeFontFacesCache.get(n)??pt}trackFontsForShape(e){let n=typeof e=="string"?e:e.id;this.shapeFontLoadStateCache.get(n)}async loadRequiredFontsForCurrentPage(e=1/0){let n=new Set;for(let r of this.editor.getCurrentPageShapeIds())for(let i of this.getShapeFontFaces(this.editor.getShape(r)))n.add(i);if(n.size>e)return;let o=Array.from(n,r=>this.ensureFontIsLoaded(r));await Promise.all(o)}fontStates=new au("font states");getFontState(e){return this.fontStates.get(e)??null}ensureFontIsLoaded(e){let n=this.getFontState(e);if(n)return n.loadingPromise;let o=this.findOrCreateFontFace(e),r={state:"loading",instance:o,loadingPromise:o.load().then(()=>{this.editor.getContainerDocument().fonts.add(o),this.fontStates.update(e,i=>({...i,state:"ready"}))}).catch(i=>{console.error(i),this.fontStates.update(e,s=>({...s,state:"error"}))})};return this.fontStates.set(e,r),r.loadingPromise}fontsToLoad=new Set;requestFonts(e){this.fontsToLoad.size||queueMicrotask(()=>{if(this.editor.isDisposed)return;let n=this.fontsToLoad;this.fontsToLoad=new Set,Vo(()=>{for(let o of n)this.ensureFontIsLoaded(o)})});for(let n of e)this.fontsToLoad.add(n)}findOrCreateFontFace(e){let n=this.editor.getContainerDocument(),o=pJ.get(n);o||(o=new Map,pJ.set(n,o));let r=u1e(e),i=o.get(r);if(i)return i;let s=n.fonts;for(let c of s)if(c.family===e.family&&Dr(F3).every(([d,u])=>c[d]===(e[d]??u)))return o.set(r,c),c;let a=this.assetUrls?.[e.src.url]??e.src.url,l=new FontFace(e.family,`url(${JSON.stringify(a)})`,{...ei(F3,c=>e[c]),display:"swap"});return s.add(l),o.set(r,l),l}async toEmbeddedCssDeclaration(e){let n=this.assetUrls?.[e.src.url]??e.src.url,o=await Zn.urlToDataUrl(n),r=we([`url("${o}")`,e.src.format?`format(${e.src.format})`:null,e.src.tech?`tech(${e.src.tech})`:null]).join(" ");return we(["@font-face {",`  font-family: "${e.family}";`,e.ascentOverride?`  ascent-override: ${e.ascentOverride};`:null,e.descentOverride?`  descent-override: ${e.descentOverride};`:null,e.stretch?`  font-stretch: ${e.stretch};`:null,e.style?`  font-style: ${e.style};`:null,e.weight?`  font-weight: ${e.weight};`:null,e.featureSettings?`  font-feature-settings: ${e.featureSettings};`:null,e.lineGapOverride?`  line-gap-override: ${e.lineGapOverride};`:null,e.unicodeRange?`  unicode-range: ${e.unicodeRange};`:null,`  src: ${r};`,"}"]).join(`
+`)}},F3={style:"normal",weight:"normal",stretch:"normal",unicodeRange:"U+0-10FFFF",featureSettings:"normal",ascentOverride:"normal",descentOverride:"normal",lineGapOverride:"normal"},pJ=new WeakMap;function u1e(t){return JSON.stringify([t.family,...Dr(F3).map(([e,n])=>t[e]??n)])}var hu={Recording:"recording",RecordingPreserveRedoStack:"recordingPreserveRedoStack",Paused:"paused"},sC=class{store;dispose;state=hu.Recording;pendingDiff=new z3;stacks=ye("HistoryManager.stacks",{undos:iC(),redos:iC()},{isEqual:(e,n)=>e.undos===n.undos&&e.redos===n.redos});annotateError;constructor(e){this.store=e.store,this.annotateError=e.annotateError??nc,this.dispose=this.store.addHistoryInterceptor((n,o)=>{if(o==="user")switch(this.state){case hu.Recording:this.pendingDiff.apply(n.changes),this.stacks.get().redos.length>0&&this.stacks.update(({undos:r})=>({undos:r,redos:iC()}));break;case hu.RecordingPreserveRedoStack:this.pendingDiff.apply(n.changes);break;case hu.Paused:break;default:Ve(this.state)}})}flushPendingDiff(){if(this.pendingDiff.isEmpty())return;let e=this.pendingDiff.clear();this.stacks.update(({undos:n,redos:o})=>({undos:n.push({type:"diff",diff:e}),redos:o}))}getNumUndos(){return this.stacks.get().undos.length+(this.pendingDiff.isEmpty()?0:1)}getNumRedos(){return this.stacks.get().redos.length}_isReplaying=!1;isReplaying(){return this._isReplaying}_isInBatch=!1;batch(e,n){let o=this.state;o!==hu.Paused&&n?.history&&(this.state=d1e[n.history]);try{if(this._isInBatch)return Vo(e),this;this._isInBatch=!0;try{Vo(e)}catch(r){throw this.annotateError(r),r}finally{this._isInBatch=!1}return this}finally{this.state=o}}_undo({pushToRedoStack:e,toMark:n=void 0}){let o=this.state,r=this._isReplaying;this.state=hu.Paused,this._isReplaying=!0;try{let{undos:i,redos:s}=this.stacks.get(),a=this.pendingDiff.clear(),l=Px(a),c=xb(a);e&&!l&&(s=s.push({type:"diff",diff:a}));let d=!1;if(l)for(;i.head?.type==="stop";){let u=i.head;if(i=i.tail,e&&(s=s.push(u)),u.id===n){d=!0;break}}if(!d)e:for(;i.head;){let u=i.head;switch(i=i.tail,e&&(s=s.push(u)),u.type){case"diff":ag(c,[xb(u.diff)]);break;case"stop":if(!n)break e;if(u.id===n){d=!0;break e}break;default:Ve(u)}}if(!d&&n)return this.pendingDiff.restore(a),this;this.store.applyDiff(c,{ignoreEphemeralKeys:!0}),this.store.ensureStoreIsUsable(),this.stacks.set({undos:i,redos:s})}finally{this._isReplaying=r,this.state=o}return this}undo(){return this._undo({pushToRedoStack:!0}),this}redo(){let e=this.state,n=this._isReplaying;this.state=hu.Paused,this._isReplaying=!0;try{this.flushPendingDiff();let{undos:o,redos:r}=this.stacks.get();if(r.length===0)return this;for(;r.head?.type==="stop";)o=o.push(r.head),r=r.tail;let i=wb();for(;r.head;){let s=r.head;if(o=o.push(s),r=r.tail,s.type==="diff")ag(i,[s.diff]);else break}this.store.applyDiff(i,{ignoreEphemeralKeys:!0}),this.store.ensureStoreIsUsable(),this.stacks.set({undos:o,redos:r})}finally{this._isReplaying=n,this.state=e}return this}bail(){return this._undo({pushToRedoStack:!1}),this}bailToMark(e){return e&&this._undo({pushToRedoStack:!1,toMark:e}),this}squashToMark(e){let n=this.stacks.get().undos,o=[];for(;n.head&&!(n.head.type==="stop"&&n.head.id===e);)n.head.type==="diff"&&o.push(n.head.diff),n=n.tail;if(!n.head||n.head?.id!==e)return console.error("Could not find mark to squash to: ",e),this;if(o.length===0)return this;let r=wb();return ag(r,o.reverse()),this.stacks.update(({redos:i})=>({undos:n.push({type:"diff",diff:r}),redos:i})),this}_mark(e){Vo(()=>{this.flushPendingDiff(),this.stacks.update(({undos:n,redos:o})=>({undos:n.push({type:"stop",id:e}),redos:o}))})}clear(){this.stacks.set({undos:iC(),redos:iC()}),this.pendingDiff.clear()}getMarkIdMatching(e){let n=this.stacks.get().undos;for(;n.head;){if(n.head.type==="stop"&&n.head.id.includes(e))return n.head.id;n=n.tail}return null}debug(){let{undos:e,redos:n}=this.stacks.get();return{undos:fJ(e),redos:fJ(n),pendingDiff:this.pendingDiff.debug(),state:this.state}}},d1e={record:hu.Recording,"record-preserveRedoStack":hu.RecordingPreserveRedoStack,ignore:hu.Paused},z3=class{diff=wb();isEmptyAtom=ye("PendingDiff.isEmpty",!0);clear(){let e=this.diff;return this.diff=wb(),this.isEmptyAtom.set(!0),e}restore(e){this.diff=e,this.isEmptyAtom.set(Px(e))}isEmpty(){return this.isEmptyAtom.get()}apply(e){ag(this.diff,[e]),B3(e.added)||B3(e.removed)?this.isEmptyAtom.set(Px(this.diff)):this.isEmptyAtom.__unsafe__getWithoutCapture()&&this.isEmptyAtom.set(!B3(e.updated))}debug(){return{diff:this.diff,isEmpty:this.isEmpty()}}};function B3(t){for(let e in t)return!0;return!1}function iC(){return p1e}var U3=class{length=0;head=null;tail=this;push(e){return new H3(e,this)}},p1e=new U3,H3=class t{constructor(e,n){this.head=e,this.tail=n,this.length=n.length+1}head;tail;length;push(e){return new t(e,this)}};function fJ(t){if(!t.length)return pt;let e=[];for(;t.length;)e.push(t.head),t=t.tail;return e}var f1e=Object.defineProperty,h1e=Object.getOwnPropertyDescriptor,hJ=(t,e,n,o)=>{for(var r=o>1?void 0:o?h1e(e,n):e,i=t.length-1,s;i>=0;i--)(s=t[i])&&(r=(o?s(e,n,r):s(r))||r);return o&&r&&f1e(e,n,r),r},m1e=16,g1e=.5,kg=class{constructor(e){this.editor=e,this.editor.on("frame",this._onFrame)}editor;dispose(){this.editor.off("frame",this._onFrame)}_onFrame(e){this.updatePointerVelocity(e)}_originPagePoint=ye("originPagePoint",new T);getOriginPagePoint(){return this._originPagePoint.get()}get originPagePoint(){return this.getOriginPagePoint()}_originScreenPoint=ye("originScreenPoint",new T);getOriginScreenPoint(){return this._originScreenPoint.get()}get originScreenPoint(){return this.getOriginScreenPoint()}_previousPagePoint=ye("previousPagePoint",new T);getPreviousPagePoint(){return this._previousPagePoint.get()}get previousPagePoint(){return this.getPreviousPagePoint()}_previousScreenPoint=ye("previousScreenPoint",new T);getPreviousScreenPoint(){return this._previousScreenPoint.get()}get previousScreenPoint(){return this.getPreviousScreenPoint()}_currentPagePoint=ye("currentPagePoint",new T);getCurrentPagePoint(){return this._currentPagePoint.get()}get currentPagePoint(){return this.getCurrentPagePoint()}_currentScreenPoint=ye("currentScreenPoint",new T);getCurrentScreenPoint(){return this._currentScreenPoint.get()}get currentScreenPoint(){return this.getCurrentScreenPoint()}_pointerVelocity=ye("pointerVelocity",new T);getPointerVelocity(){return this._pointerVelocity.get()}get pointerVelocity(){return this.getPointerVelocity()}setPointerVelocity(e){this._pointerVelocity.set(e)}keys=new bb("keys");buttons=new bb("buttons");_isPen=ye("isPen",!1);getIsPen(){return this._isPen.get()}get isPen(){return this.getIsPen()}set isPen(e){this.setIsPen(e)}setIsPen(e){this._isPen.set(e)}_shiftKey=ye("shiftKey",!1);getShiftKey(){return this._shiftKey.get()}get shiftKey(){return this.getShiftKey()}set shiftKey(e){this.setShiftKey(e)}setShiftKey(e){this._shiftKey.set(e)}_metaKey=ye("metaKey",!1);getMetaKey(){return this._metaKey.get()}get metaKey(){return this.getMetaKey()}set metaKey(e){this.setMetaKey(e)}setMetaKey(e){this._metaKey.set(e)}_ctrlKey=ye("ctrlKey",!1);getCtrlKey(){return this._ctrlKey.get()}get ctrlKey(){return this.getCtrlKey()}set ctrlKey(e){this.setCtrlKey(e)}setCtrlKey(e){this._ctrlKey.set(e)}_altKey=ye("altKey",!1);getAltKey(){return this._altKey.get()}get altKey(){return this.getAltKey()}set altKey(e){this.setAltKey(e)}setAltKey(e){this._altKey.set(e)}getAccelKey(){return Io({metaKey:this.getMetaKey(),ctrlKey:this.getCtrlKey()})}get accelKey(){return this.getAccelKey()}_isDragging=ye("isDragging",!1);getIsDragging(){return this._isDragging.get()}get isDragging(){return this.getIsDragging()}set isDragging(e){this.setIsDragging(e)}setIsDragging(e){this._isDragging.set(e)}_isPointing=ye("isPointing",!1);getIsPointing(){return this._isPointing.get()}get isPointing(){return this.getIsPointing()}set isPointing(e){this.setIsPointing(e)}setIsPointing(e){this._isPointing.set(e)}_isRightPointing=ye("isRightPointing",!1);getIsRightPointing(){return this._isRightPointing.get()}setIsRightPointing(e){this._isRightPointing.set(e)}_isPinching=ye("isPinching",!1);getIsPinching(){return this._isPinching.get()}get isPinching(){return this.getIsPinching()}set isPinching(e){this.setIsPinching(e)}setIsPinching(e){this._isPinching.set(e)}_isEditing=ye("isEditing",!1);getIsEditing(){return this._isEditing.get()}get isEditing(){return this.getIsEditing()}set isEditing(e){this.setIsEditing(e)}setIsEditing(e){this._isEditing.set(e)}_isPanning=ye("isPanning",!1);getIsPanning(){return this._isPanning.get()}get isPanning(){return this.getIsPanning()}set isPanning(e){this.setIsPanning(e)}setIsPanning(e){this._isPanning.set(e)}_isSpacebarPanning=ye("isSpacebarPanning",!1);getIsSpacebarPanning(){return this._isSpacebarPanning.get()}get isSpacebarPanning(){return this.getIsSpacebarPanning()}set isSpacebarPanning(e){this.setIsSpacebarPanning(e)}setIsSpacebarPanning(e){this._isSpacebarPanning.set(e)}_getHasCollaborators(){return this.editor.getCollaborators().length>0}_velocityPrevPoint=new T;updatePointerVelocity(e){let n=this.getCurrentScreenPoint(),o=this.getPointerVelocity();if(e===0)return;let r=T.Sub(n,this._velocityPrevPoint);this._velocityPrevPoint=n.clone();let i=r.len(),s=i?r.div(i):new T(0,0),a=1-Math.pow(1-g1e,e/m1e),l=o.clone().lrp(s.mul(i/e),a);Math.abs(l.x)<.01&&(l.x=0),Math.abs(l.y)<.01&&(l.y=0),o.equals(l)||this._pointerVelocity.set(l)}updateFromEvent(e){let n=this._currentScreenPoint.__unsafe__getWithoutCapture(),o=this._currentPagePoint.__unsafe__getWithoutCapture(),r=this._isPinching.__unsafe__getWithoutCapture(),{screenBounds:i}=this.editor.store.unsafeGetWithoutCapture($o),{x:s,y:a,z:l}=Ti(()=>this.editor.getCamera()),c=e.point.x-i.x,d=e.point.y-i.y,u=e.point.z??.5;this._previousScreenPoint.set(n),this._previousPagePoint.set(o),this._currentScreenPoint.set(new T(c,d));let p=c/l-s,f=d/l-a;isFinite(p)&&isFinite(f)&&this._currentPagePoint.set(new T(p,f,u)),this._isPen.set(e.type==="pointer"&&e.isPen),(e.name==="pointer_down"||r)&&(this._pointerVelocity.set(new T),this._originScreenPoint.set(this._currentScreenPoint.__unsafe__getWithoutCapture()),this._originPagePoint.set(this._currentPagePoint.__unsafe__getWithoutCapture())),this._getHasCollaborators()&&this.editor.run(()=>{let h=this._currentPagePoint.__unsafe__getWithoutCapture();this.editor.store.put([{id:Jf,typeName:"pointer",x:h.x,y:h.y,lastActivityTimestamp:e.type==="pointer"&&e.pointerId===JM.CAMERA_MOVE?this.editor.store.unsafeGetWithoutCapture(Jf)?.lastActivityTimestamp??Date.now():Date.now(),meta:{}}])},{history:"ignore"})}toJson(){return{originPagePoint:this._originPagePoint.get().toJson(),originScreenPoint:this._originScreenPoint.get().toJson(),previousPagePoint:this._previousPagePoint.get().toJson(),previousScreenPoint:this._previousScreenPoint.get().toJson(),currentPagePoint:this._currentPagePoint.get().toJson(),currentScreenPoint:this._currentScreenPoint.get().toJson(),pointerVelocity:this._pointerVelocity.get().toJson(),shiftKey:this._shiftKey.get(),metaKey:this._metaKey.get(),ctrlKey:this._ctrlKey.get(),altKey:this._altKey.get(),isPen:this._isPen.get(),isDragging:this._isDragging.get(),isPointing:this._isPointing.get(),isPinching:this._isPinching.get(),isEditing:this._isEditing.get(),isPanning:this._isPanning.get(),isSpacebarPanning:this._isSpacebarPanning.get(),keys:Array.from(this.keys.keys()),buttons:Array.from(this.buttons.keys())}}};hJ([Yt],kg.prototype,"_onFrame",1);hJ([$],kg.prototype,"_getHasCollaborators",1);var gJ=_(l3(),1),y1e=Object.defineProperty,S1e=Object.getOwnPropertyDescriptor,iA=(t,e,n,o)=>{for(var r=o>1?void 0:o?S1e(e,n):e,i=t.length-1,s;i>=0;i--)(s=t[i])&&(r=(o?s(e,n,r):s(r))||r);return o&&r&&y1e(e,n,r),r};function V3(t,e){let n=Math.ceil(e*t.length)-1;return t[Math.max(0,n)]}function mJ(t){if(t.length===0)return{avg:0,median:0,p95:0,p99:0,min:0,max:0};let e=[...t].sort((o,r)=>o-r);return{avg:e.reduce((o,r)=>o+r,0)/e.length,median:V3(e,.5),p95:V3(e,.95),p99:V3(e,.99),min:e[0],max:e[e.length-1]}}function b1e(t){let e=t;return typeof e.duration!="number"?null:{startTime:e.startTime,duration:e.duration,blockingDuration:e.blockingDuration??0,scripts:(e.scripts??[]).map(n=>({sourceURL:n.sourceURL??"",invoker:n.invoker??"",duration:n.duration??0}))}}var Kd=class{emitter=new gJ.default;editor;activeInteraction=null;activeCamera=null;frameCleanup=null;shapeCreatedCleanup=null;shapeEditedCleanup=null;shapeDeletedCleanup=null;loafObserver=null;constructor(e){this.editor=e}on(e,n){return this.emitter.on(e,n),this._maybeAttachLazyListeners(e),()=>{this.emitter.off(e,n),this._maybeDetachLazyListeners(e)}}once(e,n){let o=(...r)=>{n(...r),this._maybeDetachLazyListeners(e)};return this.emitter.once(e,o),this._maybeAttachLazyListeners(e),()=>{this.emitter.off(e,o),this._maybeDetachLazyListeners(e)}}dispose(){this.activeCamera?.timeout&&clearTimeout(this.activeCamera.timeout),this.activeInteraction=null,this.activeCamera=null,this.frameCleanup?.(),this.frameCleanup=null,this.shapeCreatedCleanup?.(),this.shapeCreatedCleanup=null,this.shapeEditedCleanup?.(),this.shapeEditedCleanup=null,this.shapeDeletedCleanup?.(),this.shapeDeletedCleanup=null,this._stopLoafObserver(),this.emitter.removeAllListeners()}_notifyInteractionStart(e,n){if(this.emitter.listenerCount("interaction-start")===0&&this.emitter.listenerCount("interaction-end")===0)return;this.activeInteraction&&console.warn(`[tldraw] New interaction '${e}' started while '${this.activeInteraction.name}' was still active`);let o={};for(let i of this.editor.getSelectedShapes())o[i.type]=(o[i.type]||0)+1;this.activeInteraction={name:e,path:n,startTime:performance.now(),frameTimes:[],selectedShapeTypes:o,loafEntries:[]};let r={name:e,path:n,timestamp:performance.now()};this.emitter.emit("interaction-start",r)}_notifyInteractionEnd(){let e=this.activeInteraction;if(!e||(this.activeInteraction=null,this.emitter.listenerCount("interaction-end")===0))return;let n=performance.now()-e.startTime,o=mJ(e.frameTimes),r={name:e.name,path:e.path,duration:n,fps:e.frameTimes.length>0?e.frameTimes.length/n*1e3:0,frameCount:e.frameTimes.length,avgFrameTime:o.avg,medianFrameTime:o.median,p95FrameTime:o.p95,p99FrameTime:o.p99,minFrameTime:o.min,maxFrameTime:o.max,frameTimes:e.frameTimes,shapeCount:this.editor.getCurrentPageShapeIds().size,selectedShapeTypes:e.selectedShapeTypes,longAnimationFrames:e.loafEntries.length>0?e.loafEntries:void 0,zoomLevel:this.editor.getCamera().z,timestamp:performance.now()};this.emitter.emit("interaction-end",r)}_notifyCameraOperation(e){this.emitter.listenerCount("camera-start")===0&&this.emitter.listenerCount("camera-end")===0||(this.activeCamera?(this.activeCamera.timeout&&clearTimeout(this.activeCamera.timeout),this.activeCamera.type!==e?(this._endCameraSession(),this._startCameraSession(e)):this.activeCamera.timeout=this.editor.timers.setTimeout(()=>this._endCameraSession(),50)):this._startCameraSession(e))}_notifyUndoRedo(e,n,o){if(this.emitter.listenerCount(e)===0)return;let r={type:e,undoDepth:n,redoDepth:o};this.emitter.emit(e,r)}_startCameraSession(e){if(this.activeCamera={type:e,startTime:performance.now(),frameTimes:[],timeout:this.editor.timers.setTimeout(()=>this._endCameraSession(),50),loafEntries:[]},this.emitter.listenerCount("camera-start")>0){let n={type:e,timestamp:performance.now()};this.emitter.emit("camera-start",n)}}_endCameraSession(){let e=this.activeCamera;if(!e||(this.activeCamera=null,e.timeout&&clearTimeout(e.timeout),this.emitter.listenerCount("camera-end")===0))return;let n=performance.now()-e.startTime,o=mJ(e.frameTimes),r=this.editor.getViewportScreenBounds(),i=this.editor.getCurrentPageShapeIds().size,s=this.editor.getCulledShapes().size,a={type:e.type,duration:n,fps:e.frameTimes.length>0?e.frameTimes.length/n*1e3:0,frameCount:e.frameTimes.length,avgFrameTime:o.avg,medianFrameTime:o.median,p95FrameTime:o.p95,p99FrameTime:o.p99,minFrameTime:o.min,maxFrameTime:o.max,frameTimes:e.frameTimes,shapeCount:i,viewportWidth:r.w,viewportHeight:r.h,longAnimationFrames:e.loafEntries.length>0?e.loafEntries:void 0,visibleShapeCount:i-s,culledShapeCount:s,zoomLevel:this.editor.getCamera().z,timestamp:performance.now()};this.emitter.emit("camera-end",a)}_onFrame(e){if(this.activeInteraction&&this.activeInteraction.frameTimes.push(e),this.activeCamera&&this.activeCamera.frameTimes.push(e),this.emitter.listenerCount("frame")>0){let n=this.editor.getCurrentPageShapeIds().size,r=this.editor.getCulledShapes().size,i={elapsed:e,shapeCount:n,culledShapeCount:r,visibleShapeCount:n-r};this.emitter.emit("frame",i)}}_onShapesCreated(e){if(this.emitter.listenerCount("shapes-created")===0)return;let n={};for(let i of e)i.typeName==="shape"&&(n[i.type]=(n[i.type]||0)+1);let o=Object.values(n).reduce((i,s)=>i+s,0);if(o===0)return;let r={operation:"create",count:o,shapeTypes:n,timestamp:performance.now()};this.emitter.emit("shapes-created",r)}_onShapesEdited(e){if(this.emitter.listenerCount("shapes-updated")===0)return;let n={};for(let i of e)i.typeName==="shape"&&(n[i.type]=(n[i.type]||0)+1);let o=Object.values(n).reduce((i,s)=>i+s,0);if(o===0)return;let r={operation:"update",count:o,shapeTypes:n,timestamp:performance.now()};this.emitter.emit("shapes-updated",r)}_onShapesDeleted(e){if(this.emitter.listenerCount("shapes-deleted")===0)return;let n={};for(let r of e){let i=this.editor.getShape(r);i&&(n[i.type]=(n[i.type]||0)+1)}let o={operation:"delete",count:e.length,shapeTypes:n,timestamp:performance.now()};this.emitter.emit("shapes-deleted",o)}_startLoafObserver(){if(!(typeof PerformanceObserver>"u")){try{if(!PerformanceObserver.supportedEntryTypes?.includes("long-animation-frame"))return}catch{return}this.loafObserver=new PerformanceObserver(e=>{let n=this.activeInteraction!==null,o=this.activeCamera!==null;if(!(!n&&!o))for(let r of e.getEntries()){let i=b1e(r);i&&(n&&this.activeInteraction.loafEntries.push(i),o&&this.activeCamera.loafEntries.push(i))}}),this.loafObserver.observe({type:"long-animation-frame",buffered:!1})}}_stopLoafObserver(){this.loafObserver&&(this.loafObserver.disconnect(),this.loafObserver=null)}_needsFrameListener(){return this.emitter.listenerCount("frame")>0||this.emitter.listenerCount("interaction-start")>0||this.emitter.listenerCount("interaction-end")>0||this.emitter.listenerCount("camera-start")>0||this.emitter.listenerCount("camera-end")>0}_needsLoafObserver(){return this.emitter.listenerCount("interaction-end")>0||this.emitter.listenerCount("camera-end")>0}_maybeAttachLazyListeners(e){!this.frameCleanup&&(e==="frame"||e==="interaction-start"||e==="interaction-end"||e==="camera-start"||e==="camera-end")&&this._needsFrameListener()&&(this.editor.on("frame",this._onFrame),this.frameCleanup=()=>this.editor.off("frame",this._onFrame)),!this.loafObserver&&(e==="interaction-end"||e==="camera-end")&&this._needsLoafObserver()&&this._startLoafObserver(),!this.shapeCreatedCleanup&&e==="shapes-created"&&(this.editor.on("created-shapes",this._onShapesCreated),this.shapeCreatedCleanup=()=>this.editor.off("created-shapes",this._onShapesCreated)),!this.shapeEditedCleanup&&e==="shapes-updated"&&(this.editor.on("edited-shapes",this._onShapesEdited),this.shapeEditedCleanup=()=>this.editor.off("edited-shapes",this._onShapesEdited)),!this.shapeDeletedCleanup&&e==="shapes-deleted"&&(this.editor.on("deleted-shapes",this._onShapesDeleted),this.shapeDeletedCleanup=()=>this.editor.off("deleted-shapes",this._onShapesDeleted))}_maybeDetachLazyListeners(e){this.frameCleanup&&(e==="frame"||e==="interaction-start"||e==="interaction-end"||e==="camera-start"||e==="camera-end")&&(this._needsFrameListener()||(this.frameCleanup(),this.frameCleanup=null)),this.loafObserver&&(e==="interaction-end"||e==="camera-end")&&(this._needsLoafObserver()||this._stopLoafObserver()),this.shapeCreatedCleanup&&e==="shapes-created"&&this.emitter.listenerCount("shapes-created")===0&&(this.shapeCreatedCleanup(),this.shapeCreatedCleanup=null),this.shapeEditedCleanup&&e==="shapes-updated"&&this.emitter.listenerCount("shapes-updated")===0&&(this.shapeEditedCleanup(),this.shapeEditedCleanup=null),this.shapeDeletedCleanup&&e==="shapes-deleted"&&this.emitter.listenerCount("shapes-deleted")===0&&(this.shapeDeletedCleanup(),this.shapeDeletedCleanup=null)}};iA([Yt],Kd.prototype,"_onFrame",1);iA([Yt],Kd.prototype,"_onShapesCreated",1);iA([Yt],Kd.prototype,"_onShapesEdited",1);iA([Yt],Kd.prototype,"_onShapesDeleted",1);var aC=class{constructor(e){this.editor=e}editor;sessions=new Map;startSession(e={}){let n=e.id??Ne(),o={id:n,items:[],state:"active",options:{selfConsume:e.selfConsume??!0,idleTimeoutMs:e.idleTimeoutMs??0,fadeMode:e.fadeMode??"individual",fadeEasing:e.fadeEasing??(e.fadeMode==="grouped"?"ease-in":"linear"),fadeDurationMs:e.fadeDurationMs??this.editor.options.laserFadeoutMs},fadeElapsed:0,totalPointsAtFadeStart:0};return this.sessions.set(n,o),o.options.idleTimeoutMs>0&&this.resetIdleTimeout(o),n}addScribbleToSession(e,n,o=Ne()){let r=this.sessions.get(e);if(!r)throw Error(`Session ${e} not found`);let i={id:o,scribble:{id:o,size:20,color:"accent",opacity:.8,delay:0,points:[],shrink:.1,taper:!0,...n,state:"starting"},timeoutMs:0,delayRemaining:n.delay??0,prev:null,next:null};return r.items.push(i),r.options.idleTimeoutMs>0&&this.resetIdleTimeout(r),i}addPointToSession(e,n,o,r,i=.5){let s=this.sessions.get(e);if(!s)throw Error(`Session ${e} not found`);let a=s.items.find(c=>c.id===n);if(!a)throw Error(`Scribble ${n} not found in session ${e}`);let l={x:o,y:r,z:i};return(!a.prev||T.Dist(a.prev,l)>=1)&&(a.next=l),s.options.idleTimeoutMs>0&&this.resetIdleTimeout(s),a}extendSession(e){let n=this.sessions.get(e);n&&n.options.idleTimeoutMs>0&&this.resetIdleTimeout(n)}stopSession(e){let n=this.sessions.get(e);if(!(!n||n.state!=="active"))if(this.clearIdleTimeout(n),n.state="stopping",n.options.fadeMode==="grouped"){n.totalPointsAtFadeStart=n.items.reduce((o,r)=>o+r.scribble.points.length,0),n.fadeElapsed=0;for(let o of n.items)o.scribble.state="stopping"}else for(let o of n.items)o.delayRemaining=Math.min(o.delayRemaining,200),o.scribble.state="stopping"}clearSession(e){let n=this.sessions.get(e);if(n){this.clearIdleTimeout(n);for(let o of n.items)o.scribble.points.length=0;n.state="complete"}}isSessionActive(e){return this.sessions.get(e)?.state==="active"}addScribble(e,n=Ne()){let o=this.startSession();return this.addScribbleToSession(o,e,n)}addPoint(e,n,o,r=.5){for(let i of this.sessions.values()){let s=i.items.find(a=>a.id===e);if(s){let a={x:n,y:o,z:r};return(!s.prev||T.Dist(s.prev,a)>=1)&&(s.next=a),i.options.idleTimeoutMs>0&&this.resetIdleTimeout(i),s}}throw Error(`Scribble with id ${e} not found`)}complete(e){for(let n of this.sessions.values()){let o=n.items.find(r=>r.id===e);if(o)return(o.scribble.state==="starting"||o.scribble.state==="active")&&(o.scribble.state="complete"),o}throw Error(`Scribble with id ${e} not found`)}stop(e){for(let n of this.sessions.values()){let o=n.items.find(r=>r.id===e);if(o)return o.delayRemaining=Math.min(o.delayRemaining,200),o.scribble.state="stopping",o}throw Error(`Scribble with id ${e} not found`)}reset(){for(let e of this.sessions.values())this.clearIdleTimeout(e);this.sessions.clear(),this.editor.updateInstanceState({scribbles:[]})}tick(e){let n=this.editor.getInstanceState().scribbles;this.sessions.size===0&&n.length===0||this.editor.run(()=>{for(let r of this.sessions.values())this.tickSession(r,e);for(let[r,i]of this.sessions)i.state==="complete"&&(this.clearIdleTimeout(i),this.sessions.delete(r));let o=[];for(let r of this.sessions.values())for(let i of r.items)i.scribble.points.length>0&&o.push({...i.scribble,points:[...i.scribble.points]});this.editor.updateInstanceState({scribbles:o})})}resetIdleTimeout(e){this.clearIdleTimeout(e),e.idleTimeoutHandle=this.editor.timers.setTimeout(()=>{this.stopSession(e.id)},e.options.idleTimeoutMs)}clearIdleTimeout(e){e.idleTimeoutHandle!==void 0&&(clearTimeout(e.idleTimeoutHandle),e.idleTimeoutHandle=void 0)}tickSession(e,n){if(e.state==="complete")return;e.state==="stopping"&&e.options.fadeMode==="grouped"?this.tickGroupedFade(e,n):this.tickSessionItems(e,n),!e.items.some(r=>r.scribble.points.length>0)&&(e.state==="stopping"||e.items.length===0)&&(e.state="complete")}tickSessionItems(e,n){for(let o of e.items)e.options.selfConsume||e.state==="stopping"||o.scribble.state==="stopping"?this.tickSelfConsumingItem(o,n):this.tickPersistentItem(o);if(e.options.fadeMode==="individual")for(let o=e.items.length-1;o>=0;o--)e.items[o].scribble.points.length===0&&e.items.splice(o,1)}tickPersistentItem(e){let{scribble:n}=e;if(n.state==="starting"){let{next:o,prev:r}=e;o&&o!==r&&(e.prev=o,n.points.push(o)),n.points.length>8&&(n.state="active");return}if(n.state==="active"){let{next:o,prev:r}=e;o&&o!==r&&(e.prev=o,n.points.push(o))}}tickSelfConsumingItem(e,n){let{scribble:o}=e;if(o.state==="starting"){let{next:l,prev:c}=e;l&&l!==c&&(e.prev=l,o.points.push(l)),o.points.length>8&&(o.state="active");return}e.delayRemaining>0&&(e.delayRemaining=Math.max(0,e.delayRemaining-n)),e.timeoutMs+=n,e.timeoutMs>=16&&(e.timeoutMs=0);let{delayRemaining:r,timeoutMs:i,prev:s,next:a}=e;switch(o.state){case"active":{a&&a!==s?(e.prev=a,o.points.push(a),r===0&&o.points.length>8&&o.points.shift()):i===0&&(o.points.length>1?o.points.shift():e.delayRemaining=o.delay);break}case"stopping":{if(r===0&&i===0){if(o.points.length<=1){o.points.length=0;return}o.shrink&&(o.size=Math.max(1,o.size*(1-o.shrink))),o.points.shift()}break}case"paused":break}}tickGroupedFade(e,n){e.fadeElapsed+=n;let o=0;for(let u of e.items)o+=u.scribble.points.length;if(o===0)return;if(e.fadeElapsed>=e.options.fadeDurationMs){for(let u of e.items)u.scribble.points.length=0;return}let r=e.fadeElapsed/e.options.fadeDurationMs,i=e.options.fadeEasing==="ease-in"?r*r:r,s=Math.floor(i*e.totalPointsAtFadeStart),a=e.totalPointsAtFadeStart-o,l=Math.max(1,s-a),c=0,d=0;for(;c<l&&d<e.items.length;){let u=e.items[d];u.scribble.points.length>0?(u.scribble.points.shift(),c++):d++}}};var v1e=Object.defineProperty,w1e=Object.getOwnPropertyDescriptor,sA=(t,e,n,o)=>{for(var r=o>1?void 0:o?w1e(e,n):e,i=t.length-1,s;i>=0;i--)(s=t[i])&&(r=(o?s(e,n,r):s(r))||r);return o&&r&&v1e(e,n,r),r},$e=t=>Math.round(t*10**8)/10**8;function Gd(t,e,n,o,r){let i=t.filter(a=>(o==="forward"?a.startNode.id===e:a.endNode.id===e)&&$e(a.length)===$e(n)&&Ys(a.breadthIntersection[0],a.breadthIntersection[1],r[0],r[1]));if(i.length===0)return[];let s=new Set;return i.forEach(a=>{let l=o==="forward"?a.endNode.id:a.startNode.id;if(!s.has(l)){s.add(l);let c=Gd(t,l,n,o,Ys(a.breadthIntersection[0],a.breadthIntersection[1],r[0],r[1]));i.push(...c)}}),i}function x1e(t){t.sort((e,n)=>n.gaps.length-e.gaps.length);for(let e=t.length-1;e>0;e--){let n=t[e];for(let o=e-1;o>=0;o--){let r=t[o];if(r.direction===n.direction&&n.gaps.every(i=>r.gaps.some(s=>$e(i.startEdge[0].x)===$e(s.startEdge[0].x)&&$e(i.startEdge[0].y)===$e(s.startEdge[0].y)&&$e(i.startEdge[1].x)===$e(s.startEdge[1].x)&&$e(i.startEdge[1].y)===$e(s.startEdge[1].y))&&r.gaps.some(s=>$e(i.endEdge[0].x)===$e(s.endEdge[0].x)&&$e(i.endEdge[0].y)===$e(s.endEdge[0].y)&&$e(i.endEdge[1].x)===$e(s.endEdge[1].x)&&$e(i.endEdge[1].y)===$e(s.endEdge[1].y)))){t.splice(e,1);break}}}}var Wd=class{constructor(e){this.manager=e,this.editor=e.editor}manager;editor;getSnapPointsCache(){let{editor:e}=this;return e.store.createComputedCache("snapPoints",n=>{let o=e.getShapePageTransform(n.id);if(!o)return;let i=e.getShapeUtil(n).getBoundsSnapGeometry(n).points??e.getShapeGeometry(n).bounds.cornersAndCenter;if(!(!o||!i))return i.map((s,a)=>{let{x:l,y:c}=Q.applyToPoint(o,s);return{x:l,y:c,id:`${n.id}:${a}`}})})}getSnapPoints(e){return this.getSnapPointsCache().get(e)??[]}getSnappablePoints(){let e=this.getSnapPointsCache(),n=this.manager.getSnappableShapes(),o=[];for(let r of n){let i=e.get(r);i&&o.push(...i)}return o}getSnappableGapNodes(){return Array.from(this.manager.getSnappableShapes(),e=>({id:e,pageBounds:Dn(this.editor.getShapePageBounds(e))}))}getVisibleGaps(){let e=[],n=[],o,r,i=this.getSnappableGapNodes().sort((a,l)=>a.pageBounds.minX-l.pageBounds.minX);for(let a=0;a<i.length;a++){o=i[a];for(let l=a+1;l<i.length;l++)r=i[l],o.pageBounds.maxX<r.pageBounds.minX&&Hb(o.pageBounds.minY,o.pageBounds.maxY,r.pageBounds.minY,r.pageBounds.maxY)&&e.push({startNode:o,endNode:r,startEdge:[new T(o.pageBounds.maxX,o.pageBounds.minY),new T(o.pageBounds.maxX,o.pageBounds.maxY)],endEdge:[new T(r.pageBounds.minX,r.pageBounds.minY),new T(r.pageBounds.minX,r.pageBounds.maxY)],length:r.pageBounds.minX-o.pageBounds.maxX,breadthIntersection:Ys(o.pageBounds.minY,o.pageBounds.maxY,r.pageBounds.minY,r.pageBounds.maxY)})}let s=i.sort((a,l)=>a.pageBounds.minY-l.pageBounds.minY);for(let a=0;a<s.length;a++){o=s[a];for(let l=a+1;l<s.length;l++)r=s[l],o.pageBounds.maxY<r.pageBounds.minY&&Hb(o.pageBounds.minX,o.pageBounds.maxX,r.pageBounds.minX,r.pageBounds.maxX)&&n.push({startNode:o,endNode:r,startEdge:[new T(o.pageBounds.minX,o.pageBounds.maxY),new T(o.pageBounds.maxX,o.pageBounds.maxY)],endEdge:[new T(r.pageBounds.minX,r.pageBounds.minY),new T(r.pageBounds.maxX,r.pageBounds.minY)],length:r.pageBounds.minY-o.pageBounds.maxY,breadthIntersection:Ys(o.pageBounds.minX,o.pageBounds.maxX,r.pageBounds.minX,r.pageBounds.maxX)})}return{horizontal:e,vertical:n}}snapTranslateShapes({lockedAxis:e,initialSelectionPageBounds:n,initialSelectionSnapPoints:o,dragDelta:r}){let i=this.manager.getSnapThreshold(),s=this.getSnappablePoints(),a=n.clone().translate(r),l=o.map(({x:y,y:m},S)=>({id:"selection:"+S,x:y+r.x,y:m+r.y})),c=s,d=[],u=[],p=new T(i,i);this.collectPointSnaps({minOffset:p,nearestSnapsX:d,nearestSnapsY:u,otherNodeSnapPoints:c,selectionSnapPoints:l}),this.collectGapSnaps({selectionPageBounds:a,nearestSnapsX:d,nearestSnapsY:u,minOffset:p});let f=new T(e==="x"?0:d[0]?.nudge??0,e==="y"?0:u[0]?.nudge??0);p.x=0,p.y=0,d.length=0,u.length=0,l.forEach(y=>{y.x+=f.x,y.y+=f.y}),a.translate(f),this.collectPointSnaps({minOffset:p,nearestSnapsX:d,nearestSnapsY:u,otherNodeSnapPoints:c,selectionSnapPoints:l}),this.collectGapSnaps({selectionPageBounds:a,nearestSnapsX:d,nearestSnapsY:u,minOffset:p});let h=this.getPointSnapLines({nearestSnapsX:d,nearestSnapsY:u}),g=this.getGapSnapLines({selectionPageBounds:a,nearestSnapsX:d,nearestSnapsY:u});return this.manager.setIndicators([...g,...h]),{nudge:f}}snapResizeShapes({initialSelectionPageBounds:e,dragDelta:n,handle:o,isAspectRatioLocked:r,isResizingFromCenter:i}){let s=this.manager.getSnapThreshold(),{box:a,scaleX:l,scaleY:c}=q.Resize(e,o,i?n.x*2:n.x,i?n.y*2:n.y,r),d=o;l<0&&(d=XX(d)),c<0&&(d=qX(d)),i&&(a.center=e.center);let u=d==="top"||d==="bottom",p=d==="left"||d==="right",f=yJ(d,a),h=this.getSnappablePoints(),g=[],y=[],m=new T(s,s);this.collectPointSnaps({minOffset:m,nearestSnapsX:g,nearestSnapsY:y,otherNodeSnapPoints:h,selectionSnapPoints:f});let S=new T(u?0:g[0]?.nudge??0,p?0:y[0]?.nudge??0);if(r&&ZX(d)&&S.len()!==0){let C=g.length&&y.length?Math.abs(S.x)<Math.abs(S.y)?"x":"y":g.length?"x":"y",P=e.aspectRatio;C==="x"?(y.length=0,S.y=S.x/P,(d==="bottom_left"||d==="top_right")&&(S.y=-S.y)):(g.length=0,S.x=S.y*P,(d==="bottom_left"||d==="top_right")&&(S.x=-S.x))}let b=T.Add(n,S),{box:v}=q.Resize(e,o,i?b.x*2:b.x,i?b.y*2:b.y,r);i&&(v.center=e.center);let w=yJ("any",v);g.length=0,y.length=0,m.x=0,m.y=0,this.collectPointSnaps({minOffset:m,nearestSnapsX:g,nearestSnapsY:y,otherNodeSnapPoints:h,selectionSnapPoints:w});let x=this.getPointSnapLines({nearestSnapsX:g,nearestSnapsY:y});return this.manager.setIndicators([...x]),{nudge:S}}collectPointSnaps({selectionSnapPoints:e,otherNodeSnapPoints:n,minOffset:o,nearestSnapsX:r,nearestSnapsY:i}){for(let s of e)for(let a of n){let l=T.Sub(s,a),c=Math.abs(l.x),d=Math.abs(l.y);$e(c)<=$e(o.x)&&($e(c)<$e(o.x)&&(r.length=0),r.push({type:"points",points:{thisPoint:s,otherPoint:a},nudge:a.x-s.x}),o.x=c),$e(d)<=$e(o.y)&&($e(d)<$e(o.y)&&(i.length=0),i.push({type:"points",points:{thisPoint:s,otherPoint:a},nudge:a.y-s.y}),o.y=d)}}collectGapSnaps({selectionPageBounds:e,minOffset:n,nearestSnapsX:o,nearestSnapsY:r}){let{horizontal:i,vertical:s}=this.getVisibleGaps();for(let a of i){if(!Hb(a.breadthIntersection[0],a.breadthIntersection[1],e.minY,e.maxY))continue;let c=a.startEdge[0].x+a.length/2-e.center.x;if(a.length>e.width&&$e(Math.abs(c))<=$e(n.x)){$e(Math.abs(c))<$e(n.x)&&(o.length=0),n.x=Math.abs(c);let m={type:"gap_center",gap:a,nudge:c},S=o.find(({type:v})=>v==="gap_center"),b=S&&Ys(a.breadthIntersection[0],a.breadthIntersection[1],S.gap.breadthIntersection[0],S.gap.breadthIntersection[1]);S&&S.gap.length>a.length&&b?o[o.indexOf(S)]=m:(!S||!b)&&o.push(m)}let u=a.startNode.pageBounds.minX-a.length,p=e.maxX,f=u-p;$e(Math.abs(f))<=$e(n.x)&&($e(Math.abs(f))<$e(n.x)&&(o.length=0),n.x=Math.abs(f),o.push({type:"gap_duplicate",gap:a,protrusionDirection:"left",nudge:f}));let h=a.endNode.pageBounds.maxX+a.length,g=e.minX,y=h-g;$e(Math.abs(y))<=$e(n.x)&&($e(Math.abs(y))<$e(n.x)&&(o.length=0),n.x=Math.abs(y),o.push({type:"gap_duplicate",gap:a,protrusionDirection:"right",nudge:y}))}for(let a of s){if(!Hb(a.breadthIntersection[0],a.breadthIntersection[1],e.minX,e.maxX))continue;let c=a.startEdge[0].y+a.length/2-e.center.y;if(a.length>e.height&&$e(Math.abs(c))<=$e(n.y)){$e(Math.abs(c))<$e(n.y)&&(r.length=0),n.y=Math.abs(c);let m={type:"gap_center",gap:a,nudge:c},S=r.find(({type:v})=>v==="gap_center"),b=S&&Hb(S.gap.breadthIntersection[0],S.gap.breadthIntersection[1],a.breadthIntersection[0],a.breadthIntersection[1]);S&&S.gap.length>a.length&&b?r[r.indexOf(S)]=m:(!S||!b)&&r.push(m);continue}let u=a.startNode.pageBounds.minY-a.length,p=e.maxY,f=u-p;$e(Math.abs(f))<=$e(n.y)&&($e(Math.abs(f))<$e(n.y)&&(r.length=0),n.y=Math.abs(f),r.push({type:"gap_duplicate",gap:a,protrusionDirection:"top",nudge:f}));let h=a.endNode.pageBounds.maxY+a.length,g=e.minY,y=h-g;$e(Math.abs(y))<=$e(n.y)&&($e(Math.abs(y))<$e(n.y)&&(r.length=0),n.y=Math.abs(y),r.push({type:"gap_duplicate",gap:a,protrusionDirection:"bottom",nudge:y}))}}getPointSnapLines({nearestSnapsX:e,nearestSnapsY:n}){let o={},r={};if(e.length>0){for(let i of e)if(i.type==="points"){let s=$e(i.points.otherPoint.x);o[s]||(o[s]=[]),o[s].push(i.points)}}if(n.length>0){for(let i of n)if(i.type==="points"){let s=$e(i.points.otherPoint.y);r[s]||(r[s]=[]),r[s].push(i.points)}}return Object.values(o).concat(Object.values(r)).map(i=>({id:Ne(),type:"points",points:ax(i.map(s=>T.From(s.otherPoint)).concat(i.map(s=>T.From(s.thisPoint))),(s,a)=>s.equals(a))}))}getGapSnapLines({selectionPageBounds:e,nearestSnapsX:n,nearestSnapsY:o}){let{vertical:r,horizontal:i}=this.getVisibleGaps(),s={top:e.sides[0],right:e.sides[1],bottom:[e.corners[3],e.corners[2]],left:[e.corners[0],e.corners[3]]},a=[];if(n.length>0)for(let l of n){if(l.type==="points")continue;let{gap:{breadthIntersection:c,startEdge:d,startNode:u,endNode:p,length:f,endEdge:h}}=l;switch(l.type){case"gap_center":{let g=(f-e.width)/2,y=Ys(c[0],c[1],e.minY,e.maxY);a.push({type:"gaps",direction:"horizontal",id:Ne(),gaps:[...Gd(i,u.id,g,"backward",y),{startEdge:d,endEdge:s.left},{startEdge:s.right,endEdge:h},...Gd(i,p.id,g,"forward",y)]});break}case"gap_duplicate":{let g=Ys(c[0],c[1],e.minY,e.maxY);a.push({type:"gaps",direction:"horizontal",id:Ne(),gaps:l.protrusionDirection==="left"?[{startEdge:s.right,endEdge:d.map(y=>y.clone().addXY(-u.pageBounds.width,0))},{startEdge:d,endEdge:h},...Gd(i,p.id,f,"forward",g)]:[...Gd(i,u.id,f,"backward",g),{startEdge:d,endEdge:h},{startEdge:h.map(y=>y.clone().addXY(l.gap.endNode.pageBounds.width,0)),endEdge:s.left}]});break}}}if(o.length>0)for(let l of o){if(l.type==="points")continue;let{gap:{breadthIntersection:c,startEdge:d,startNode:u,endNode:p,length:f,endEdge:h}}=l;switch(l.type){case"gap_center":{let g=(f-e.height)/2,y=Ys(c[0],c[1],e.minX,e.maxX);a.push({type:"gaps",direction:"vertical",id:Ne(),gaps:[...Gd(r,u.id,g,"backward",y),{startEdge:d,endEdge:s.top},{startEdge:s.bottom,endEdge:h},...Gd(r,l.gap.endNode.id,g,"forward",y)]});break}case"gap_duplicate":{let g=Ys(c[0],c[1],e.minX,e.maxX);a.push({type:"gaps",direction:"vertical",id:Ne(),gaps:l.protrusionDirection==="top"?[{startEdge:s.bottom,endEdge:d.map(y=>y.clone().addXY(0,-u.pageBounds.height))},{startEdge:d,endEdge:h},...Gd(r,p.id,f,"forward",g)]:[...Gd(r,u.id,f,"backward",g),{startEdge:d,endEdge:h},{startEdge:h.map(y=>y.clone().addXY(0,p.pageBounds.height)),endEdge:s.top}]})}break}}return x1e(a),a}};sA([$],Wd.prototype,"getSnapPointsCache",1);sA([$],Wd.prototype,"getSnappablePoints",1);sA([$],Wd.prototype,"getSnappableGapNodes",1);sA([$],Wd.prototype,"getVisibleGaps",1);function yJ(t,e){let{minX:n,maxX:o,minY:r,maxY:i}=e,s=[];switch(t){case"top":case"left":case"top_left":case"any":s.push({id:"top_left",handle:"top_left",x:n,y:r})}switch(t){case"top":case"right":case"top_right":case"any":s.push({id:"top_right",handle:"top_right",x:o,y:r})}switch(t){case"bottom":case"right":case"bottom_right":case"any":s.push({id:"bottom_right",handle:"bottom_right",x:o,y:i})}switch(t){case"bottom":case"left":case"bottom_left":case"any":s.push({id:"bottom_left",handle:"bottom_left",x:n,y:i})}return s}var T1e=Object.defineProperty,C1e=Object.getOwnPropertyDescriptor,P1e=(t,e,n,o)=>{for(var r=o>1?void 0:o?C1e(e,n):e,i=t.length-1,s;i>=0;i--)(s=t[i])&&(r=(o?s(e,n,r):s(r))||r);return o&&r&&T1e(e,n,r),r},E1e=()=>null,I1e=()=>[],ev=class{constructor(e){this.manager=e,this.editor=e.editor}manager;editor;getSnapGeometryCache(){let{editor:e}=this;return e.store.createComputedCache("handle snap geometry",n=>{let o=e.getShapeUtil(n).getHandleSnapGeometry(n),r=o.getSelfSnapOutline?o.getSelfSnapOutline.bind(o):E1e,i=o.getSelfSnapPoints?o.getSelfSnapPoints.bind(o):I1e;return{outline:o.outline===void 0?e.getShapeGeometry(n):o.outline,points:o.points??[],getSelfSnapOutline:r,getSelfSnapPoints:i}})}*iterateSnapPointsInPageSpace(e,n){let o=this.getSnapGeometryCache().get(e)?.getSelfSnapPoints(n);if(o&&o.length){let r=Dn(this.editor.getShapePageTransform(e));for(let i of o)yield r.applyToPoint(i)}for(let r of this.manager.getSnappableShapes()){if(r===e)continue;let i=this.getSnapGeometryCache().get(r)?.points;if(!i||!i.length)continue;let s=Dn(this.editor.getShapePageTransform(r));for(let a of i)yield s.applyToPoint(a)}}*iterateSnapOutlines(e,n){let o=this.getSnapGeometryCache().get(e)?.getSelfSnapOutline(n);o&&(yield{shapeId:e,outline:o});for(let r of this.manager.getSnappableShapes()){if(r===e)continue;let i=this.getSnapGeometryCache().get(r)?.outline;i&&(yield{shapeId:r,outline:i})}}getHandleSnapPosition({currentShapeId:e,handle:n,handleInPageSpace:o}){let r=this.manager.getSnapThreshold(),i=r,s=null;for(let c of this.iterateSnapPointsInPageSpace(e,n))T.DistMin(o,c,i)&&(i=T.Dist(o,c),s=c);if(s)return s;let a=r,l=null;for(let{shapeId:c,outline:d}of this.iterateSnapOutlines(e,n)){let u=Dn(this.editor.getShapePageTransform(c)),p=this.editor.getPointInShapeSpace(c,o),f=d.nearestPoint(p),h=u.applyToPoint(f);T.DistMin(o,h,a)&&(a=T.Dist(o,h),l=h)}return l||null}getHandleSnapData({handle:e,currentShapeId:n}){let o=this.manager.getSnapThreshold(),i=Dn(this.editor.getShapePageTransform(n)).applyToPoint(e),s=null,a=null,l=o,c=o;for(let f of this.iterateSnapPointsInPageSpace(n,e)){let h=Math.abs(i.x-f.x),g=Math.abs(i.y-f.y);h<l&&(l=h,s=f),g<c&&(c=g,a=f)}if(!s&&!a)return null;let d=new T(s?s.x-i.x:0,a?a.y-i.y:0),u=T.Add(i,d),p=[];if(s){let f=new T(s.x,u.y);p.push({id:Ne(),type:"points",points:[s,f]})}if(a){let f=new T(u.x,a.y);p.push({id:Ne(),type:"points",points:[a,f]})}return{snaps:p,nudge:d}}snapHandle({currentShapeId:e,handle:n}){let r=Dn(this.editor.getShapePageTransform(e)).applyToPoint(n),i=n.canSnap?"point":n.snapType;if(i==="point"){let s=this.getHandleSnapPosition({currentShapeId:e,handle:n,handleInPageSpace:r});return s?(this.manager.setIndicators([{id:Ne(),type:"points",points:[s]}]),{nudge:T.Sub(s,r)}):null}if(i==="align"){let s=this.getHandleSnapData({handle:n,currentShapeId:e});return s?(this.manager.setIndicators(s.snaps),{nudge:s.nudge}):null}return null}};P1e([$],ev.prototype,"getSnapGeometryCache",1);var _1e=Object.defineProperty,M1e=Object.getOwnPropertyDescriptor,j3=(t,e,n,o)=>{for(var r=o>1?void 0:o?M1e(e,n):e,i=t.length-1,s;i>=0;i--)(s=t[i])&&(r=(o?s(e,n,r):s(r))||r);return o&&r&&_1e(e,n,r),r},ph=class{constructor(e){this.editor=e,this.shapeBounds=new Wd(this),this.handles=new ev(this)}editor;shapeBounds;handles;_snapIndicators=ye("snapLines",void 0);getIndicators(){return this._snapIndicators.get()??pt}clearIndicators(){this.getIndicators().length&&this._snapIndicators.set(void 0)}setIndicators(e){this._snapIndicators.set(e)}getSnapThreshold(){return this.editor.options.snapThreshold/this.editor.getZoomLevel()}getSnappableShapes(){let{editor:e}=this,n=e.getViewportPageBounds(),o=e.getSelectedShapeIds(),r=new Set,i=s=>{if(On(s)){let l=e.getShape(s);l&&e.isShapeFrameLike(l)&&r.add(s)}let a=e.getSortedChildIdsForParent(s);for(let l of a){if(o.includes(l))continue;let c=e.getShape(l);if(!c||!e.getShapeUtil(c).canSnap(c))continue;let u=e.getShapePageBounds(l);if(u&&n.includes(u)){if(e.isShapeOfType(c,"group")){i(l);continue}r.add(l)}}};return i(this.getCurrentCommonAncestor()??e.getCurrentPageId()),r}getCurrentCommonAncestor(){return this.editor.findCommonAncestor(this.editor.getSelectedShapes())}};j3([$],ph.prototype,"getSnapThreshold",1);j3([$],ph.prototype,"getSnappableShapes",1);j3([$],ph.prototype,"getCurrentCommonAncestor",1);var bJ=_(SJ(),1),G3=class extends bJ.default{},aA=class{rBush;elementsInTree;constructor(){this.rBush=new G3,this.elementsInTree=new Map}search(e){let n=this.rBush.search({minX:e.minX,minY:e.minY,maxX:e.maxX,maxY:e.maxY});return new Set(n.map(o=>o.id))}upsert(e,n){let o=this.elementsInTree.get(e);o&&this.rBush.remove(o);let r={minX:n.minX,minY:n.minY,maxX:n.maxX,maxY:n.maxY,id:e};this.rBush.insert(r),this.elementsInTree.set(e,r)}remove(e){let n=this.elementsInTree.get(e);n&&(this.rBush.remove(n),this.elementsInTree.delete(e))}bulkLoad(e){this.rBush.load(e);for(let n of e)this.elementsInTree.set(n.id,n)}clear(){this.rBush.clear(),this.elementsInTree.clear()}has(e){return this.elementsInTree.has(e)}getSize(){return this.elementsInTree.size}getElement(e){return this.elementsInTree.get(e)}entries(){return this.elementsInTree.entries()}dispose(){this.clear()}};var lC=class{constructor(e){this.editor=e,this.rbush=new aA,this.spatialIndexComputed=this.createSpatialIndexComputed()}editor;rbush;spatialIndexComputed;lastPageId=null;_boundsEpoch=0;rebuildAndBumpEpoch(){return this.buildFromScratch(),this._boundsEpoch++,this._boundsEpoch}createSpatialIndexComputed(){let e=this.editor.store.query.filterHistory("shape"),n=this.editor.store.query.filterHistory("binding");return $("spatialIndex",(o,r)=>{if(ji(o))return this.rebuildAndBumpEpoch();let i=e.getDiffSince(r),s=n.getDiffSince(r);if(i===Eo||s===Eo)return this.rebuildAndBumpEpoch();let a=this.editor.getCurrentPageId();return this.lastPageId!==a?this.rebuildAndBumpEpoch():i.length===0&&s.length===0?this._boundsEpoch:(this.processIncrementalUpdate(i)&&this._boundsEpoch++,this._boundsEpoch)})}buildFromScratch(){this.rbush.clear(),this.lastPageId=this.editor.getCurrentPageId();let e=[];for(let n of this.editor.getCurrentPageShapes()){let o=this.editor.getShapePageBounds(n.id);o&&o.isValid()&&e.push({minX:o.minX,minY:o.minY,maxX:o.maxX,maxY:o.maxY,id:n.id})}this.rbush.bulkLoad(e)}processIncrementalUpdate(e){let n=new Set,o=!1;for(let r of e){for(let i of Vt(r.added))if(Ba(i)&&this.editor.getAncestorPageId(i)===this.lastPageId){let s=this.editor.getShapePageBounds(i.id);s&&s.isValid()&&(this.rbush.upsert(i.id,s),o=!0),n.add(i.id)}for(let i of Vt(r.removed))Ba(i)&&(this.rbush.has(i.id)&&(this.rbush.remove(i.id),o=!0),n.add(i.id));for(let[,i]of Vt(r.updated)){if(!Ba(i))continue;if(n.add(i.id),this.editor.getAncestorPageId(i)===this.lastPageId){let a=this.editor.getShapePageBounds(i.id);if(a&&a.isValid()){let l=this.rbush.getElement(i.id);this.areBoundsEqualToSpatialElement(a,l)||(this.rbush.upsert(i.id,a),o=!0)}else this.rbush.has(i.id)&&(this.rbush.remove(i.id),o=!0)}else this.rbush.has(i.id)&&(this.rbush.remove(i.id),o=!0)}}for(let[r,i]of this.rbush.entries()){if(n.has(r))continue;let s=this.editor.getShapePageBounds(r);this.areBoundsEqualToSpatialElement(s,i)||(s&&s.isValid()?this.rbush.upsert(r,s):this.rbush.remove(r),o=!0)}return o}areBoundsEqualToSpatialElement(e,n){return!e&&!n?!0:!e||!n?!1:e.minX===n.minX&&e.minY===n.minY&&e.maxX===n.maxX&&e.maxY===n.maxY}getShapeIdsInsideBounds(e){return this.spatialIndexComputed.get(),this.rbush.search(e)}getShapeIdsAtPoint(e,n=0){return this.spatialIndexComputed.get(),this.rbush.search(new q(e.x-n,e.y-n,n*2,n*2))}dispose(){this.rbush.dispose(),this.lastPageId=null}};function Qs(t,e){return Math.round(t*e)}var A1e=/\r?\n|\r/g;function vJ(t){return t.replace(A1e,`
+`).split(`
+`).map(e=>e||" ").join(`
+`)}var k1e={start:"left","start-legacy":"left",middle:"center","middle-legacy":"center",end:"right","end-legacy":"right"},R1e=/\s/,lA=Object.freeze({"overflow-wrap":"break-word","word-break":"auto",width:null,height:null,"max-width":null,"min-width":null}),cC=class{constructor(e){this.editor=e,this.elm=this.createMeasurementEl(),this.editor.getContainer().appendChild(this.elm)}editor;elm;poolElms=[];createMeasurementEl(){let e=this.editor.getContainerDocument().createElement("div");e.classList.add("tl-text"),e.classList.add("tl-text-measure"),e.setAttribute("dir","auto"),e.tabIndex=-1;for(let n of eg(lA))e.style.setProperty(n,lA[n]);return e}resetElementStyles(e,n){for(let o of n)o in lA?e.style.setProperty(o,lA[o]):e.style.removeProperty(o)}setElementStyles(e,n){let o=[];for(let[r,i]of Object.entries(n)){let s=e.style.getPropertyValue(r);if(typeof i=="string"){if(s===i)continue;o.push([r,s||null]),e.style.setProperty(r,i)}else{if(!s)continue;o.push([r,s]),e.style.removeProperty(r)}}return()=>{for(let[r,i]of o)i===null||i===""?e.style.removeProperty(r):e.style.setProperty(r,i)}}getMeasureStyles(e){return{"font-family":e.fontFamily,"font-style":e.fontStyle,"font-weight":e.fontWeight,"font-size":e.fontSize+"px","line-height":`${Qs(e.fontSize,e.lineHeight)}px`,padding:e.padding,"max-width":e.maxWidth?e.maxWidth+"px":void 0,"min-width":e.minWidth?e.minWidth+"px":void 0,"overflow-wrap":e.disableOverflowWrapBreaking?"normal":"break-word",...e.otherStyles}}dispose(){this.elm.remove();for(let{el:e}of this.poolElms)e.remove();this.poolElms.length=0}ensurePoolSize(e){if(this.poolElms.length>=e)return;let n=this.editor.getContainerDocument().createDocumentFragment();for(;this.poolElms.length<e;){let o=this.createMeasurementEl();this.poolElms.push({el:o,html:"",appliedStyleKeys:[]}),n.appendChild(o)}this.editor.getContainer().appendChild(n)}getPoolItem(e){return this.ensurePoolSize(e+1),this.poolElms[e]}measureHtmlBatch(e){if(e.length===0)return[];for(;this.poolElms.length>e.length;){let{el:o}=this.poolElms.pop();o.remove()}for(let o=0;o<e.length;o++){let{html:r,opts:i}=e[o],s=this.getPoolItem(o),{el:a}=s;this.resetElementStyles(a,s.appliedStyleKeys);let l=this.getMeasureStyles(i);this.setElementStyles(a,l),s.appliedStyleKeys=Object.keys(l),s.html!==r&&(a.innerHTML=r,s.html=r)}let n=[];for(let o=0;o<e.length;o++){let r=this.getPoolItem(o).el,i=e[o].opts.measureScrollWidth?r.scrollWidth:0,s=r.getBoundingClientRect();n.push({x:0,y:0,w:s.width,h:s.height,scrollWidth:i})}return n}measureText(e,n){let o=this.editor.getContainerDocument().createElement("div");return o.textContent=vJ(e),this.measureHtml(o.innerHTML,n)}measureHtml(e,n){let{elm:o}=this,r=this.setElementStyles(o,this.getMeasureStyles(n));try{o.innerHTML=e;let i=n.measureScrollWidth?o.scrollWidth:0,s=o.getBoundingClientRect();return{x:0,y:0,w:s.width,h:s.height,scrollWidth:i}}finally{r()}}measureElementTextNodeSpans(e,{shouldTruncateToFirstLine:n=!1}={}){let o=[],r=e.getBoundingClientRect(),i=-r.left,s=-r.top,a=new Range,l=e.childNodes[0],c=0,d=null,u=null,p=0,f=0,h=!1;for(let g of e.childNodes)if(g.nodeType===Node.TEXT_NODE)for(let y of g.textContent??""){a.setStart(l,c),a.setEnd(l,c+y.length);let m=a.getClientRects(),S=m[m.length-1],b=S.top+s,v=S.left+i,w=S.right+i,x=v<f,C=R1e.test(y);if(C!==u||b!==p||!d){if(d){if(n&&b!==p){h=!0;break}o.push(d)}d={box:{x:v,y:b,w:S.width,h:S.height},text:y},f=v}else x&&(d.box.x=v),d.box.w=x?d.box.w+S.width:w-d.box.x,d.text+=y;y===`
+`&&(f=0),u=C,p=b,c+=y.length}return d&&o.push(d),{spans:o,didTruncate:h}}measureTextSpans(e,n){if(e==="")return[];let{elm:o}=this,r=n.overflow==="truncate-ellipsis"||n.overflow==="truncate-clip",i=Math.ceil(n.width-n.padding*2),s={"font-family":n.fontFamily,"font-style":n.fontStyle,"font-weight":n.fontWeight,"font-size":n.fontSize+"px","line-height":`${Qs(n.fontSize,n.lineHeight)}px`,width:`${i}px`,height:"min-content","text-align":k1e[n.textAlign],"overflow-wrap":r?"anywhere":"break-word","word-break":r?"break-all":"normal",...n.otherStyles},a=this.setElementStyles(o,s);try{let l=vJ(e);o.textContent=l;let{spans:c,didTruncate:d}=this.measureElementTextNodeSpans(o,{shouldTruncateToFirstLine:r});if(n.overflow==="truncate-ellipsis"&&d){o.textContent="\u2026";let u=Math.ceil(this.measureElementTextNodeSpans(o).spans[0].box.w);o.style.setProperty("width",`${i-u}px`),o.textContent=l;let p=this.measureElementTextNodeSpans(o,{shouldTruncateToFirstLine:!0}).spans,f=p[p.length-1];return p.push({text:"\u2026",box:{x:Math.min(f.box.x+f.box.w,n.width-n.padding-u),y:f.box.y,w:u,h:f.box.h}}),p}return c}finally{a()}}};var D1e=Object.defineProperty,O1e=Object.getOwnPropertyDescriptor,L1e=(t,e,n,o)=>{for(var r=o>1?void 0:o?O1e(e,n):e,i=t.length-1,s;i>=0;i--)(s=t[i])&&(r=(o?s(e,n,r):s(r))||r);return o&&r&&D1e(e,n,r),r};function Rg(t){return{default:x3,...t}}var tv=class{constructor(e,n){this.editor=e,this._themes=ye("ThemeManager._definitions",n.themes),this._currentThemeId=ye("ThemeManager._currentThemeName",n.initial)}editor;_themes;_currentThemeId;getColorMode(){return this.editor.user.getIsDarkMode()?"dark":"light"}getThemes(){return this._themes.get()}getTheme(e){return this._themes.get()[e]}getCurrentThemeId(){return this._currentThemeId.get()}getCurrentTheme(){return this._themes.get()[this.getCurrentThemeId()]}setCurrentTheme(e){this._currentThemeId.set(e)}updateThemes(e){this._themes.update(n=>{let o=typeof e=="function"?e(yt(n)):e;return this._currentThemeId.get()in o||this._currentThemeId.set("default"),o})}updateTheme(e){this._themes.update(n=>({...n,[e.id]:e}))}dispose(){}};L1e([$],tv.prototype,"getColorMode",1);var N1e=Object.defineProperty,F1e=Object.getOwnPropertyDescriptor,xJ=(t,e,n,o)=>{for(var r=o>1?void 0:o?F1e(e,n):e,i=t.length-1,s;i>=0;i--)(s=t[i])&&(r=(o?s(e,n,r):s(r))||r);return o&&r&&N1e(e,n,r),r},wJ=(typeof process<"u",og),Dg=class{constructor(e){this.editor=e,this.editor.disposables.add(this.dispose),this.start()}editor;cancelRaf;isPaused=!0;now=0;start(){this.isPaused=!1,this.cancelRaf?.(),this.cancelRaf=wJ(this.tick),this.now=Date.now()}tick(){if(this.isPaused)return;let e=Date.now(),n=e-this.now;this.now=e,this.editor.emit("frame",n),this.editor.emit("tick",n),this.cancelRaf=wJ(this.tick)}dispose(){this.isPaused=!0,this.cancelRaf?.()}};xJ([Yt],Dg.prototype,"tick",1);xJ([Yt],Dg.prototype,"dispose",1);var B1e=Object.defineProperty,z1e=Object.getOwnPropertyDescriptor,ii=(t,e,n,o)=>{for(var r=o>1?void 0:o?z1e(e,n):e,i=t.length-1,s;i>=0;i--)(s=t[i])&&(r=(o?s(e,n,r):s(r))||r);return o&&r&&B1e(e,n,r),r},Lo=class{constructor(e,n){if(this.user=e,this.colorScheme=n,typeof window>"u"||!wr().matchMedia)return;let o=wr().matchMedia("(prefers-color-scheme: dark)");o?.matches&&this.systemColorScheme.set("dark");let r=i=>{i.matches?this.systemColorScheme.set("dark"):this.systemColorScheme.set("light")};o?.addEventListener("change",r),this.disposables.add(()=>o?.removeEventListener("change",r))}user;colorScheme;systemColorScheme=ye("systemColorScheme","light");disposables=new Set;dispose(){this.disposables.forEach(e=>e())}updateUserPreferences(e){this.user.setUserPreferences({...this.user.userPreferences.get(),...e})}getUserPreferences(){return{id:this.getExternalId(),name:this.getName(),locale:this.getLocale(),color:this.getColor(),animationSpeed:this.getAnimationSpeed(),areKeyboardShortcutsEnabled:this.getAreKeyboardShortcutsEnabled(),isSnapMode:this.getIsSnapMode(),colorScheme:this.user.userPreferences.get().colorScheme,isDarkMode:this.getIsDarkMode(),isWrapMode:this.getIsWrapMode(),isDynamicResizeMode:this.getIsDynamicResizeMode(),enhancedA11yMode:this.getEnhancedA11yMode(),inputMode:this.getInputMode(),isZoomDirectionInverted:this.getIsZoomDirectionInverted()}}getIsDarkMode(){switch(this.user.userPreferences.get().colorScheme??this.colorScheme){case"dark":return!0;case"light":return!1;case"system":return this.systemColorScheme.get()==="dark";default:return!1}}getEdgeScrollSpeed(){return this.user.userPreferences.get().edgeScrollSpeed??rr.edgeScrollSpeed}getAnimationSpeed(){return this.user.userPreferences.get().animationSpeed??rr.animationSpeed}getAreKeyboardShortcutsEnabled(){return this.user.userPreferences.get().areKeyboardShortcutsEnabled??rr.areKeyboardShortcutsEnabled}getExternalId(){return this.user.userPreferences.get().id}getId(){return this.getExternalId()}getRecordId(){return cu(this.getExternalId())}getName(){return this.user.userPreferences.get().name?.trim()??rr.name}getLocale(){return this.user.userPreferences.get().locale??rr.locale}getColor(){return this.user.userPreferences.get().color??rr.color}getIsSnapMode(){return this.user.userPreferences.get().isSnapMode??rr.isSnapMode}getIsWrapMode(){return this.user.userPreferences.get().isWrapMode??rr.isWrapMode}getIsDynamicResizeMode(){return this.user.userPreferences.get().isDynamicSizeMode??rr.isDynamicSizeMode}getIsPasteAtCursorMode(){return this.user.userPreferences.get().isPasteAtCursorMode??rr.isPasteAtCursorMode}getEnhancedA11yMode(){return this.user.userPreferences.get().enhancedA11yMode??rr.enhancedA11yMode}getInputMode(){return this.user.userPreferences.get().inputMode??rr.inputMode}getIsZoomDirectionInverted(){return this.user.userPreferences.get().isZoomDirectionInverted??rr.isZoomDirectionInverted}};ii([$],Lo.prototype,"getUserPreferences",1);ii([$],Lo.prototype,"getIsDarkMode",1);ii([$],Lo.prototype,"getEdgeScrollSpeed",1);ii([$],Lo.prototype,"getAnimationSpeed",1);ii([$],Lo.prototype,"getAreKeyboardShortcutsEnabled",1);ii([$],Lo.prototype,"getExternalId",1);ii([$],Lo.prototype,"getId",1);ii([$],Lo.prototype,"getRecordId",1);ii([$],Lo.prototype,"getName",1);ii([$],Lo.prototype,"getLocale",1);ii([$],Lo.prototype,"getColor",1);ii([$],Lo.prototype,"getIsSnapMode",1);ii([$],Lo.prototype,"getIsWrapMode",1);ii([$],Lo.prototype,"getIsDynamicResizeMode",1);ii([$],Lo.prototype,"getIsPasteAtCursorMode",1);ii([$],Lo.prototype,"getEnhancedA11yMode",1);ii([$],Lo.prototype,"getInputMode",1);ii([$],Lo.prototype,"getIsZoomDirectionInverted",1);var U1e=Object.defineProperty,H1e=Object.getOwnPropertyDescriptor,W3=(t,e,n,o)=>{for(var r=o>1?void 0:o?H1e(e,n):e,i=t.length-1,s;i>=0;i--)(s=t[i])&&(r=(o?s(e,n,r):s(r))||r);return o&&r&&U1e(e,n,r),r},fh=class{constructor(e){this.editor=e}editor;_overlayUtils=new Map;registerUtil(e){let n=e.constructor.type;if(!n)throw new Error(`Overlay util ${e.constructor.name} is missing a static 'type' property.`);if(this._overlayUtils.has(n))throw new Error(`Duplicate overlay util type: "${n}"`);this._overlayUtils.set(n,e)}dispose(){for(let e of this._overlayUtils.values())e.dispose()}getOverlayUtil(e){let n=typeof e=="string"?e:e.type,o=this._overlayUtils.get(n);if(!o)throw new Error(`No overlay util found for type: "${n}"`);return o}getOverlayUtilsInZOrder(){return Array.from(this._overlayUtils.values()).map((n,o)=>({util:n,i:o,z:n.options.zIndex??0})).sort((n,o)=>n.z-o.z||n.i-o.i).map(n=>n.util)}getActiveOverlayEntries(){let e=[];for(let n of this.getOverlayUtilsInZOrder())n.isActive()&&e.push({util:n,overlays:n.getOverlays()});return e}getCurrentOverlays(){let e=[];for(let{overlays:n}of this.getActiveOverlayEntries())e.push(...n);return e}_geometryCache=new WeakMap;getOverlayGeometry(e){let n=this._geometryCache.get(e);if(n!==void 0)return n;let r=this.getOverlayUtil(e).getGeometry(e);return this._geometryCache.set(e,r),r}_hoveredOverlayId=ye("hoveredOverlayId",null);getHoveredOverlayId(){return this._hoveredOverlayId.get()}getHoveredOverlay(){let e=this._hoveredOverlayId.get();return e?this.getCurrentOverlays().find(n=>n.id===e)??null:null}setHoveredOverlay(e){e!==this._hoveredOverlayId.get()&&this._hoveredOverlayId.set(e)}getOverlayAtPoint(e,n=0){let o=this.getActiveOverlayEntries();for(let r=o.length-1;r>=0;r--){let{overlays:i}=o[r];for(let s of i){let a=this.getOverlayGeometry(s);if(a&&a.hitTestPoint(e,a.isFilled?0:n,!0))return s}}return null}};W3([$],fh.prototype,"getOverlayUtilsInZOrder",1);W3([$],fh.prototype,"getActiveOverlayEntries",1);W3([$],fh.prototype,"getCurrentOverlays",1);var Y3={wheel:"onWheel",pointer_down:"onPointerDown",pointer_move:"onPointerMove",long_press:"onLongPress",pointer_up:"onPointerUp",right_click:"onRightClick",middle_click:"onMiddleClick",key_down:"onKeyDown",key_up:"onKeyUp",key_repeat:"onKeyRepeat",cancel:"onCancel",complete:"onComplete",interrupt:"onInterrupt",double_click:"onDoubleClick",tick:"onTick"};var X=class{constructor(e,n){this.editor=e;let{id:o,children:r,initial:i,isLockable:s,useCoalescedEvents:a}=this.constructor;this.id=o,this._isActive=ye("toolIsActive"+this.id,!1),this._current=ye("toolState"+this.id,void 0),this._path=$("toolPath"+this.id,()=>{let l=this.getCurrent();return this.id+(l?`.${l.getPath()}`:"")}),this.parent=n??{},n?r&&i?(this.type="branch",this.initial=i,this.children=Object.fromEntries(r().map(l=>[l.id,new l(this.editor,this)])),this._current.set(this.children[this.initial])):this.type="leaf":(this.type="root",r&&i&&(this.initial=i,this.children=Object.fromEntries(r().map(l=>[l.id,new l(this.editor,this)])),this._current.set(this.children[this.initial]))),this.isLockable=s,this.useCoalescedEvents=a,this.performanceTracker=new tg}editor;performanceTracker;static id;static initial;static children;static isLockable=!0;static useCoalescedEvents=!1;static trackPerformance=!1;id;type;shapeType;initial;children;isLockable;useCoalescedEvents;parent;getPath(){return this._path.get()}_path;getCurrent(){return this._current.get()}_current;getIsActive(){return this._isActive.get()}_isActive;transition(e,n={}){let o=e.split("."),r=this;for(let i=0;i<o.length;i++){let s=o[i],a=r.getCurrent(),l=r.children?.[s];if(!l)throw Error(`${r.id} - no child state exists with the id ${s}.`);if(a?.id!==l.id&&(a?.exit(n,s),r._current.set(l),l.enter(n,a?.id||"initial"),!l.getIsActive()))break;r=l}return this}handleEvent(e){let n=Y3[e.name],o=this._current.__unsafe__getWithoutCapture();this[n]?.(e),this._isActive.__unsafe__getWithoutCapture()&&o&&o===this._current.__unsafe__getWithoutCapture()&&o.handleEvent(e)}enter(e,n){if(this.constructor.trackPerformance&&(Et.measurePerformance.get()&&this.performanceTracker.start(this.id),this.editor.performance._notifyInteractionStart(this.id,this.getPath())),this._isActive.set(!0),this.onEnter?.(e,n),this.children&&this.initial&&this.getIsActive()){let r=this.children[this.initial];this._current.set(r),r.enter(e,n)}}exit(e,n){this.constructor.trackPerformance&&(Et.measurePerformance.get()&&this.performanceTracker.isStarted()&&this.performanceTracker.stop(),this.editor.performance._notifyInteractionEnd()),this._isActive.set(!1),this.onExit?.(e,n),this.getIsActive()||this.getCurrent()?.exit(e,n)}_currentToolIdMask=ye("curent tool id mask",void 0);getCurrentToolIdMask(){return this._currentToolIdMask.get()}setCurrentToolIdMask(e){this._currentToolIdMask.set(e)}addChild(e){if(this.type==="leaf")throw new Error("StateNode.addChild: cannot add child to a leaf node");this.children||(this.children={});let n=new e(this.editor,this);if(this.children[n.id])throw new Error(`StateNode.addChild: a child with id '${n.id}' already exists`);return this.children[n.id]=n,this}};var cA=class extends X{static id="root";static initial="";static children(){return[]}};var V1e=Object.defineProperty,j1e=Object.getOwnPropertyDescriptor,Se=(t,e,n,o)=>{for(var r=o>1?void 0:o?j1e(e,n):e,i=t.length-1,s;i>=0;i--)(s=t[i])&&(r=(o?s(e,n,r):s(r))||r);return o&&r&&V1e(e,n,r),r},$1e=100,pe=class extends PJ.default{id=Ne();constructor({store:e,user:n,shapeUtils:o,bindingUtils:r,assetUtils:i,overlayUtils:s,tools:a,getContainer:l,cameraOptions:c,initialState:d,autoFocus:u,options:p,textOptions:f,getShapeVisibility:h,colorScheme:g,fontAssetUrls:y,themes:m,initialTheme:S}){super(),this._getShapeVisibility=h;let b=f?{...p,text:p?.text??f}:p;this.options={...M3,...b},this.store=e,this.history=new sC({store:e,annotateError:k=>{this.annotateError(k,{origin:"history.batch",willCrashApp:!0}),this.crash(k)}}),this.snaps=new ph(this),this._spatialIndex=new lC(this),this.disposables.add(()=>this._spatialIndex.dispose()),this.disposables.add(this.timers.dispose),this._cameraOptions.set({...Xb,...c,...b?.camera}),this.getContainer=l,this._textOptions=ye("text options",b?.text??null),this.user=new Lo(n??$T(),g??"light"),this.disposables.add(()=>this.user.dispose()),this.textMeasure=new cC(this),this.disposables.add(()=>this.textMeasure.dispose()),this._themeManager=new tv(this,{themes:Rg(m),initial:S??"default"}),this.disposables.add(()=>this._themeManager.dispose()),this._tickManager=new Dg(this),this.disposables.add(()=>this._tickManager.dispose()),this.disposables.add(()=>{this._setCameraState("idle")}),this.fonts=new rC(this,y),this.disposables.add(()=>this.fonts.dispose()),this.inputs=new kg(this),this.disposables.add(()=>this.inputs.dispose()),this.performance=new Kd(this),this.disposables.add(()=>this.performance.dispose()),this.collaborators=new fu(this);class v extends cA{static initial=d??""}this.root=new v(this),this.root.children={},this.markEventAsHandled=this.markEventAsHandled.bind(this);let w=XM(o),x={},C={},P=new Map;for(let k of w){let L=new k(this);x[k.type]=L;let U=Fx(k.props??{});C[k.type]=U;for(let V of U.keys())if(!P.has(V.id))P.set(V.id,V);else if(P.get(V.id)!==V)throw Error(`Multiple style props with id "${V.id}" in use. Style prop IDs must be unique.`)}this.shapeUtils=x,this.styleProps=C;let M={};for(let k of w){let L=k.handledAssetTypes;if(L)for(let U of L)M[U]=x[k.type]}this._shapeUtilsByAssetType=M;let E=YM(r),I={};for(let k of E){let L=new k(this);I[k.type]=L}if(this.bindingUtils=I,i){let k=WM(i),L={};for(let U of k){let V=new U(this);L[U.type]=V}this.assetUtils=L}for(let k of[...a]){if(Cn(this.root.children,k.id))throw Error(`Can't override tool with id "${k.id}"`);this.root.children[k.id]=new k(this,this.root)}if(this.scribbles=new aC(this),this.overlays=new fh(this),this.disposables.add(()=>this.overlays.dispose()),s)for(let k of s){let L=new k(this);this.overlays.registerUtil(L)}let R=(k,L)=>{let U=null,V=k.selectedShapeIds.filter(le=>!L.has(le));V.length!==k.selectedShapeIds.length&&(U||(U={...k}),U.selectedShapeIds=V);let Y=k.erasingShapeIds.filter(le=>!L.has(le));Y.length!==k.erasingShapeIds.length&&(U||(U={...k}),U.erasingShapeIds=Y),k.hoveredShapeId&&L.has(k.hoveredShapeId)&&(U||(U={...k}),U.hoveredShapeId=null),k.editingShapeId&&L.has(k.editingShapeId)&&(U||(U={...k}),U.editingShapeId=null);let Z=k.hintingShapeIds.filter(le=>!L.has(le));return Z.length!==k.hintingShapeIds.length&&(U||(U={...k}),U.hintingShapeIds=Z),k.focusedGroupId&&L.has(k.focusedGroupId)&&(U||(U={...k}),U.focusedGroupId=null),U};this.sideEffects=this.store.sideEffects;let D=new Map,N=new Set,B=new Set,F=new Set;if(this.disposables.add(this.sideEffects.registerOperationCompleteHandler(()=>{N.clear();for(let k of B){B.delete(k);let L=this.getShape(k);if(!L)continue;let V=this.getShapeUtil(L).onChildrenChange?.(L);V?.length&&this.updateShapes(V)}if(F.size){let k=F;F=new Set;for(let L of k)this.getBindingUtil(L).onOperationComplete?.()}if(D.size){let k=D;D=new Map;for(let L of k.values())this.getBindingUtil(L.binding).onAfterDelete?.(L)}this.emit("update")})),this.disposables.add(this.sideEffects.register({shape:{afterChange:(k,L)=>{for(let U of this.getBindingsInvolvingShape(L))F.add(U.type),U.fromId===L.id&&this.getBindingUtil(U).onAfterChangeFromShape?.({binding:U,shapeBefore:k,shapeAfter:L,reason:"self"}),U.toId===L.id&&this.getBindingUtil(U).onAfterChangeToShape?.({binding:U,shapeBefore:k,shapeAfter:L,reason:"self"});if(k.parentId!==L.parentId){let U=V=>{let Y=this.getShape(V);if(Y)for(let Z of this.getBindingsInvolvingShape(Y))F.add(Z.type),Z.fromId===Y.id&&this.getBindingUtil(Z).onAfterChangeFromShape?.({binding:Z,shapeBefore:Y,shapeAfter:Y,reason:"ancestry"}),Z.toId===Y.id&&this.getBindingUtil(Z).onAfterChangeToShape?.({binding:Z,shapeBefore:Y,shapeAfter:Y,reason:"ancestry"})};U(L.id),this.visitDescendants(L.id,U)}if(k.parentId!==L.parentId&&jo(L.parentId)){let U=new Set([k.id]);this.visitDescendants(k.id,V=>{U.add(V)});for(let V of this.getPageStates()){if(V.pageId===L.parentId)continue;let Y=R(V,U);Y&&this.store.put([Y])}}k.parentId&&On(k.parentId)&&B.add(k.parentId),L.parentId!==k.parentId&&On(L.parentId)&&B.add(L.parentId)},beforeDelete:k=>{if(N.has(k.id))return;k.parentId&&On(k.parentId)&&B.add(k.parentId),N.add(k.id);let L=[];for(let Y of this.getBindingsInvolvingShape(k)){F.add(Y.type),L.push(Y.id);let Z=this.getBindingUtil(Y);Y.fromId===k.id?(Z.onBeforeIsolateToShape?.({binding:Y,removedShape:k}),Z.onBeforeDeleteFromShape?.({binding:Y,shape:k})):(Z.onBeforeIsolateFromShape?.({binding:Y,removedShape:k}),Z.onBeforeDeleteToShape?.({binding:Y,shape:k}))}L.length&&this.deleteBindings(L);let U=new Set([k.id]),V=we(this.getPageStates().map(Y=>R(Y,U)));V.length&&this.store.put(V)}},binding:{beforeCreate:k=>{let L=this.getBindingUtil(k).onBeforeCreate?.({binding:k});return L||k},afterCreate:k=>{F.add(k.type),this.getBindingUtil(k).onAfterCreate?.({binding:k})},beforeChange:(k,L)=>{let U=this.getBindingUtil(L).onBeforeChange?.({bindingBefore:k,bindingAfter:L});return U||L},afterChange:(k,L)=>{F.add(L.type),this.getBindingUtil(L).onAfterChange?.({bindingBefore:k,bindingAfter:L})},beforeDelete:k=>{this.getBindingUtil(k).onBeforeDelete?.({binding:k})},afterDelete:k=>{this.getBindingUtil(k).onAfterDelete?.({binding:k}),F.add(k.type)}},page:{afterCreate:k=>{let L=Gi.createId(k.id),U=Ei.createId(k.id);this.store.has(L)||this.store.put([Gi.create({id:L})]),this.store.has(U)||this.store.put([Ei.create({id:U,pageId:k.id})])},afterDelete:(k,L)=>{if(this.getInstanceState()?.currentPageId===k.id){let Y=this.getPages().find(Z=>Z.id!==k.id)?.id;Y?this.store.put([{...this.getInstanceState(),currentPageId:Y}]):L==="user"&&this.store.ensureStoreIsUsable()}let U=Gi.createId(k.id),V=Ei.createId(k.id);this.store.remove([U,V])}},instance:{afterChange:(k,L,U)=>{if(!this.store.has(L.currentPageId)){let V=this.store.has(k.currentPageId)?k.currentPageId:this.getPages()[0]?.id;V?this.store.update(L.id,Y=>({...Y,currentPageId:V})):U==="user"&&this.store.ensureStoreIsUsable()}}},instance_page_state:{afterChange:(k,L)=>{if(k?.selectedShapeIds!==L?.selectedShapeIds){let U=L.selectedShapeIds.filter(Y=>{let Z=this.getShape(Y)?.parentId;for(;On(Z);){if(L.selectedShapeIds.includes(Z))return!1;Z=this.getShape(Z)?.parentId}return!0}),V=null;if(U.length>0){let Y=this.findCommonAncestor(we(U.map(Z=>this.getShape(Z))),Z=>this.isShapeOfType(Z,"group"));Y&&(V=Y)}else L?.focusedGroupId&&(V=L.focusedGroupId);(U.length!==L.selectedShapeIds.length||V!==L.focusedGroupId)&&this.store.put([{...L,selectedShapeIds:U,focusedGroupId:V??null}])}}}})),this._currentPageShapeIds=aJ(this.store,()=>this.getCurrentPageId()),this._parentIdsToChildIds=sJ(this.store),this.disposables.add(this.store.listen(k=>{this.emit("change",k)})),this.disposables.add(this.history.dispose),this.run(()=>{this.store.ensureStoreIsUsable(),this._updateCurrentPageState({editingShapeId:null,hoveredShapeId:null,erasingShapeIds:[]})},{history:"ignore"}),d&&this.root.children[d]===void 0)throw Error(`No state found for initialState "${d}".`);if(this.root.enter(void 0,"initial"),this.edgeScrollManager=new oC(this),this.focusManager=new Qb(this,u),this.disposables.add(this.focusManager.dispose.bind(this.focusManager)),this.getInstanceState().followingUserId&&this.stopFollowingUser(),this.on("tick",this._flushEventsForTick),this.timers.requestAnimationFrame(()=>{this._tickManager.start()}),this.performanceTracker=new tg,this.store.props.collaboration?.mode){let k=this.store.props.collaboration.mode;this.disposables.add(Sn("update collaboration mode",()=>{this.store.put([{...this.getInstanceState(),isReadonly:k.get()==="readonly"}])}))}this.disposables.add(Sn("sync current user record",()=>{let k=this.store.props.users.currentUser.get();k&&this._ensureUserRecord(k)}))}_getShapeVisibility;getIsShapeHiddenCache(){return this._getShapeVisibility?this.store.createComputedCache("isShapeHidden",e=>{let n=this._getShapeVisibility(e,this);return(mo.isId(e.parentId)?!1:this.isShapeHidden(e.parentId))?n!=="visible":n==="hidden"}):null}isShapeHidden(e){return this._getShapeVisibility?!!this.getIsShapeHiddenCache().get(typeof e=="string"?e:e.id):!1}options;contextId=Ne();store;root;setTool(e,n){if(n??=this.root,Cn(n.children,e.id))throw Error(`Can't override tool with id "${e.id}"`);n.children[e.id]=new e(this,n)}removeTool(e,n){n??=this.root,Cn(n.children,e.id)&&delete n.children[e.id]}disposables=new Set;isDisposed=!1;_tickManager;inputs;snaps;performance;_spatialIndex;timers=uh.forContext(this.contextId);collaborators;user;_themeManager;textMeasure;fonts;scribbles;overlays;sideEffects;edgeScrollManager;focusManager;getContainer;getContainerDocument(){return this.getContainer().ownerDocument}getContainerWindow(){return vl(this.getContainer())}dispose(){this.stopCameraAnimation(),this.getInstanceState().followingUserId&&this.stopFollowingUser(),this.disposables.forEach(e=>e()),this.disposables.clear(),this.menus.clearOpenMenus(),this.store.dispose(),this.isDisposed=!0,this.emit("dispose"),this.removeAllListeners()}getColorMode(){return this._themeManager.getColorMode()}setColorMode(e){return this.user.updateUserPreferences({colorScheme:e}),this}getCurrentThemeId(){return this._themeManager.getCurrentThemeId()}getCurrentTheme(){return this._themeManager.getCurrentTheme()}setCurrentTheme(e){return this._themeManager.setCurrentTheme(e),this}getThemes(){return this._themeManager.getThemes()}getTheme(e){return this._themeManager.getTheme(e)}updateThemes(e){return this._themeManager.updateThemes(e),this}updateTheme(e){return this._themeManager.updateTheme(e),this}shapeUtils;_shapeUtilsByAssetType={};styleProps;getShapeUtil(e){let n=typeof e=="string"?e:e.type,o=qt(this.shapeUtils,n);return ne(o,`No shape util found for type "${n}"`),o}hasShapeUtil(e){let n=typeof e=="string"?e:e.type;return Cn(this.shapeUtils,n)}getShapeUtilForAssetType(e){return qt(this._shapeUtilsByAssetType,e)}bindingUtils;getBindingUtil(e){let n=typeof e=="string"?e:e.type,o=qt(this.bindingUtils,n);return ne(o,`No binding util found for type "${n}"`),o}assetUtils={};getAssetUtil(e){let n=typeof e=="string"?e:e.type,o=qt(this.assetUtils,n);return ne(o,`No asset util found for type "${n}"`),o}hasAssetUtil(e){let n=typeof e=="string"?e:e.type;return Cn(this.assetUtils,n)}getAssetUtilForMimeType(e){for(let n of Object.values(this.assetUtils))if(n&&n.acceptsMimeType(e))return n;return null}history;undo(){return this._flushEventsForTick(0),this.complete(),this.history.undo(),this.performance._notifyUndoRedo("undo",this.history.getNumUndos(),this.history.getNumRedos()),this}canUndo(){return this.history.getNumUndos()>0}getCanUndo(){return this.canUndo()}redo(){return this._flushEventsForTick(0),this.complete(),this.history.redo(),this.performance._notifyUndoRedo("redo",this.history.getNumUndos(),this.history.getNumRedos()),this}canRedo(){return this.history.getNumRedos()>0}getCanRedo(){return this.canRedo()}clearHistory(){return this.history.clear(),this}markHistoryStoppingPoint(e){let n=`[${e??"stop"}]_${Ne()}`;return this.history._mark(n),n}getMarkIdMatching(e){return this.history.getMarkIdMatching(e)}isReplayingHistory(){return this.history.isReplaying()}squashToMark(e){return this.history.squashToMark(e),this}bail(){return this.history.bail(),this}bailToMark(e){return this.history.bailToMark(e),this}_shouldIgnoreShapeLock=!1;run(e,n){let o=this._shouldIgnoreShapeLock;this._shouldIgnoreShapeLock=n?.ignoreShapeLock??o;try{this.history.batch(e,n)}finally{this._shouldIgnoreShapeLock=o}return this}annotateError(e,{origin:n,willCrashApp:o,tags:r,extras:i}){let s=this.createErrorAnnotations(n,o);return qm(e,{tags:{...s.tags,...r},extras:{...s.extras,...i}}),o&&this.store.markAsPossiblyCorrupted(),this}createErrorAnnotations(e,n){try{let o=this.getEditingShapeId();return{tags:{origin:e,willCrashApp:n},extras:{activeStateNode:this.root.getPath(),selectedShapes:this.getSelectedShapes().map(r=>{let{props:i,...s}=r,{text:a,richText:l,...c}=i;return{...s,props:c}}),selectionCount:this.getSelectedShapes().length,editingShape:o?this.getShape(o):void 0,inputs:this.inputs.toJson(),pageState:this.getCurrentPageState(),instanceState:this.getInstanceState(),collaboratorCount:this.getCollaboratorsOnCurrentPage().length}}}catch{return{tags:{origin:e,willCrashApp:n},extras:{}}}}_crashingError=null;getCrashingError(){return this._crashingError}crash(e){return this._crashingError=e,this.store.markAsPossiblyCorrupted(),this.emit("crash",{error:e}),this}getPath(){return this.root.getPath().split("root.")[1]}isIn(e){let n=e.split(".").reverse(),o=this.root;for(;n.length>0;){let r=n.pop();if(!r)return!0;let i=o.getCurrent();if(i?.id===r){if(n.length===0)return!0;o=i;continue}else return!1}return!1}isInAny(...e){return e.some(n=>this.isIn(n))}setCurrentTool(e,n={}){return this.root.transition(e,n),this}getCurrentTool(){return this.root.getCurrent()}getCurrentToolId(){let e=this.getCurrentTool();return e?e.getCurrentToolIdMask()??e.id:""}getStateDescendant(e){let n=e.split(".").reverse(),o=this.root;for(;n.length>0;){let r=n.pop();if(!r)return o;let i=o.children?.[r];if(!i)return;o=i}return o}getDocumentSettings(){return this.store.get(Lb)}updateDocumentSettings(e){return this.run(()=>{this.store.put([{...this.getDocumentSettings(),...e}])},{history:"ignore"}),this}getInstanceState(){return this.store.get($o)}updateInstanceState(e,n){return this._updateInstanceState(e,{history:"ignore",...n}),e.isChangingStyle!==void 0&&(clearTimeout(this._isChangingStyleTimeout),e.isChangingStyle===!0&&(this._isChangingStyleTimeout=this.timers.setTimeout(()=>{this._updateInstanceState({isChangingStyle:!1},{history:"ignore"})},1e3))),this}_updateInstanceState(e,n){this.run(()=>{this.store.put([{...this.getInstanceState(),...e}])},n)}_isChangingStyleTimeout=-1;menus=Go.forContext(this.contextId);setCursor(e){let n=this.getInstanceState().cursor;return(e.type===void 0||e.type===n.type)&&(e.rotation===void 0||e.rotation===n.rotation)?this:(this.updateInstanceState({cursor:{...n,...e}}),this)}getPageStates(){return this._getPageStatesQuery().get()}_getPageStatesQuery(){return this.store.query.records("instance_page_state")}getCurrentPageState(){return this.store.get(this._getCurrentPageStateId())}_getCurrentPageStateId(){return Ei.createId(this.getCurrentPageId())}updateCurrentPageState(e){return this._updateCurrentPageState(e),this}_updateCurrentPageState(e){this.store.update(e.id??this.getCurrentPageState().id,n=>({...n,...e}))}getSelectedShapeIds(){return this.getCurrentPageState().selectedShapeIds}getSelectedShapes(){return we(this.getSelectedShapeIds().map(e=>this.store.get(e)))}setSelectedShapes(e){return this.run(()=>{let n=e.map(i=>typeof i=="string"?i:i.id),{selectedShapeIds:o}=this.getCurrentPageState(),r=new Set(o);if(n.length===r.size&&n.every(i=>r.has(i)))return null;this.store.put([{...this.getCurrentPageState(),selectedShapeIds:n}])},{history:"record-preserveRedoStack"})}isAncestorSelected(e){let n=typeof e=="string"?e:e?.id??null,o=this.getShape(n);if(!o)return!1;let r=this.getSelectedShapeIds();return!!this.findShapeAncestor(o,i=>r.includes(i.id))}select(...e){let n=typeof e[0]=="string"?e:e.map(o=>o.id);return this.setSelectedShapes(n),this}deselect(...e){let n=typeof e[0]=="string"?e:e.map(r=>r.id),o=this.getSelectedShapeIds();return o.length>0&&n.length>0&&this.setSelectedShapes(o.filter(r=>!n.includes(r))),this}selectAll(){let e=null,n=this.getSelectedShapeIds();if(n.length>0)for(let r of n){let i=this.getShape(r);if(i){if(e===null)e=i.parentId;else if(e!==i.parentId)return this}}e||(e=this.getCurrentPageId());let o=this.getSortedChildIdsForParent(e);return o.length<=0?this:(this.setSelectedShapes(this._getUnlockedShapeIds(o)),this)}selectAdjacentShape(e){let n=this.getSelectedShapeIds(),o=n[0]?this.getShape(n[0])?.parentId:null,r=o&&n.every(d=>this.getShape(d)?.parentId===o)&&!jo(o),i=r?this.getCurrentPageShapes().filter(d=>d.parentId===o):this.getCurrentPageShapes().filter(d=>jo(d.parentId)),s=r?this._getShapesInReadingOrder(i):this.getCurrentPageShapesInReadingOrder(),a=n.length===1?n[0]:s.find(d=>n.includes(d.id))?.id,l;if(e==="next"||e==="prev"){let d=s.map(f=>f.id),p=((a?d.indexOf(a):-1)+(e==="next"?1:-1)+d.length)%d.length;l=d[p]}else{if(!a)return;l=this.getNearestAdjacentShape(i,a,e)}let c=this.getShape(l);c&&this._selectShapesAndZoom([c.id])}getCurrentPageShapesInReadingOrder(){let e=this.getCurrentPageShapes().filter(n=>jo(n.parentId));return this._getShapesInReadingOrder(e)}_getShapesInReadingOrder(e){let r=e.filter(a=>this.getShapeUtil(a).canTabTo(a));if(r.length<=1)return r;let i=r.map(a=>({shape:a,center:this.getShapePageBounds(a).center}));i.sort((a,l)=>a.center.y-l.center.y);let s=[];for(let a of i){let l=-1;for(let c=s.length-1;c>=0;c--){let d=s[c],u=d[d.length-1];if(Math.abs(a.center.y-u.center.y)<100){l=c;break}}l===-1?s.push([a]):s[l].push(a)}for(let a of s)a.sort((l,c)=>l.center.x-c.center.x);for(let a of s)if(!(a.length<=2))for(let l=0;l<a.length-2;l++){let c=a[l],d=a[l+1],u=a[l+2],p=T.Dist2(c.center,d.center);T.Dist2(c.center,u.center)<p*.9&&Math.abs(T.Angle(c.center,u.center)*(180/Math.PI))<=20&&([a[l+1],a[l+2]]=[a[l+2],a[l+1]])}return s.flat().map(a=>a.shape)}getNearestAdjacentShape(e,n,o){let r={right:0,left:180,down:90,up:270},i=this.getShape(n);if(!i)return n;let s=e.filter(u=>this.getShapeUtil(u).canTabTo(u)&&u.id!==n);if(!s.length)return n;let a=this.getShapePageBounds(i).center,c=s.map(u=>({shape:u,center:this.getShapePageBounds(u).center})).filter(({center:u})=>{let p=u.x>a.x,f=u.y>a.y,h=u.x-a.x,g=u.y-a.y,y=Math.abs(g)<Math.abs(h)*2,m=Math.abs(h)<Math.abs(g)*2;if(o==="left"||o==="right")return y&&(o==="right"?p:!p);if(o==="up"||o==="down")return m&&(o==="down"?f:!f)});return c.length===0?n:lx(c,({center:u})=>{let p=T.Dist2(a,u),f=["left","right"].includes(o)?"x":"y",h=Math.abs(u[f]-a[f]),g=["left","right"].includes(o)?"y":"x",y=Math.abs(u[g]-a[g]),m=Math.abs(T.Angle(a,u)*(180/Math.PI)),S=Math.abs(m-r[o]);return p*1+y*2+(p-h)*1.5+S*.5}).shape.id}selectParentShape(){let e=this.getOnlySelectedShape();if(!e)return;let n=this.getShape(e.parentId);n&&this._selectShapesAndZoom([n.id])}selectFirstChildShape(){let e=this.getSelectedShapes();if(!e.length)return;let n=e[0],o=this.getSortedChildIdsForParent(n.id).map(i=>this.getShape(i)).filter(i=>i),r=this._getShapesInReadingOrder(o);r.length!==0&&this._selectShapesAndZoom([r[0].id])}_selectShapesAndZoom(e){this.setSelectedShapes(e),this.zoomToSelectionIfOffscreen(256,{animation:{duration:this.options.animationMediumMs},inset:0})}selectNone(){return this.getSelectedShapeIds().length>0&&this.setSelectedShapes([]),this}getOnlySelectedShapeId(){return this.getOnlySelectedShape()?.id??null}getOnlySelectedShape(){let e=this.getSelectedShapes();return e.length===1?e[0]:null}getShapesPageBounds(e){let n=we(e.map(o=>this.getShapePageBounds(o)));return n.length===0?null:q.Common(n)}getSelectionPageBounds(){return this.getShapesPageBounds(this.getSelectedShapeIds())}getSelectionScreenBounds(){let e=this.getSelectionPageBounds();if(!e)return;let{x:n,y:o}=this.pageToScreen(e.point),r=this.getZoomLevel();return new q(n,o,e.width*r,e.height*r)}getShapesSharedRotation(e){let n=!1,o=0;for(let r=0,i=e.length;r<i;r++){let s=this.getShapePageTransform(e[r]);if(s)if(n){if(s.rotation()!==o)return 0}else n=!0,o=s.rotation()}return o}getSelectionRotation(){return this.getShapesSharedRotation(this.getSelectedShapeIds())}getShapesRotatedPageBounds(e){if(e.length===0)return;let n=this.getShapesSharedRotation(e);if(n===0)return this.getShapesPageBounds(e)??void 0;if(e.length===1){let r=this.getShapeGeometry(e[0]).bounds.clone(),i=this.getShapePageTransform(e[0]);return r.point=i.applyToPoint(r.point),r}let o=q.FromPoints(e.flatMap(r=>{let i=this.getShapePageTransform(r);return i?i.applyToPoints(this.getShapeGeometry(r).bounds.corners):[]}).map(r=>r.rot(-n)));return o.point=o.point.rot(n),o}getSelectionRotatedPageBounds(){return this.getShapesRotatedPageBounds(this.getSelectedShapeIds())}getSelectionRotatedScreenBounds(){let e=this.getSelectionRotatedPageBounds();if(!e)return;let{x:n,y:o}=this.pageToScreen(e.point),r=this.getZoomLevel();return new q(n,o,e.width*r,e.height*r)}getFocusedGroupId(){return this.getCurrentPageState().focusedGroupId??this.getCurrentPageId()}getFocusedGroup(){let e=this.getFocusedGroupId();return e?this.getShape(e):void 0}setFocusedGroup(e){let n=typeof e=="string"?e:e?.id??null;if(n!==null){let o=this.getShape(n);if(!o)throw Error(`Editor.setFocusedGroup: Shape with id ${n} does not exist`);if(!this.isShapeOfType(o,"group"))throw Error(`Editor.setFocusedGroup: Cannot set focused group to shape of type ${o.type}`)}return n===this.getFocusedGroupId()?this:this.run(()=>{this.store.update(this.getCurrentPageState().id,o=>({...o,focusedGroupId:n}))},{history:"record-preserveRedoStack"})}popFocusedGroupId(){let e=this.getFocusedGroup();if(e){let n=this.findShapeAncestor(e,o=>this.isShapeOfType(o,"group"));this.setFocusedGroup(n?.id??null),this.select(e.id)}else this.setFocusedGroup(null),this.selectNone();return this}getEditingShapeId(){return this.getCurrentPageState().editingShapeId}getEditingShape(){let e=this.getEditingShapeId();return e?this.getShape(e):void 0}canEditShape(e,n){let o=typeof e=="string"?e:e?.id??null;if(!o||o===this.getEditingShapeId())return!1;let r=this.getShape(o);if(!r)return!1;let i=this.getShapeUtil(r),s=n??{type:"unknown"};return!(!i.canEdit(r,s)||this.getIsReadonly()&&!i.canEditInReadonly(r)||this.isShapeOrAncestorLocked(r)&&!i.canEditWhileLocked(r))}setEditingShape(e){let n=typeof e=="string"?e:e?.id??null;return n?this.canEditShape(n)?(this.run(()=>{let o=this.getEditingShapeId();if(o){let i=this.getShape(o);i&&this.getShapeUtil(i).onEditEnd?.(i)}this._updateCurrentPageState({editingShapeId:null}),this._currentRichTextEditor.set(null),this.select(n),this._updateCurrentPageState({editingShapeId:n});let r=this.getShape(n);this.getShapeUtil(r).onEditStart?.(r)},{history:"ignore"}),this):this:(this.run(()=>{let o=this.getEditingShapeId();if(o){let r=this.getShape(o);r&&this.getShapeUtil(r).onEditEnd?.(r)}this._updateCurrentPageState({editingShapeId:null}),this._currentRichTextEditor.set(null)},{history:"ignore"}),this)}_currentRichTextEditor=ye("rich text editor",null);getRichTextEditor(){return this._currentRichTextEditor.get()}setRichTextEditor(e){return this._currentRichTextEditor.set(e),this}getHoveredShapeId(){return this.getCurrentPageState().hoveredShapeId}getHoveredShape(){let e=this.getHoveredShapeId();return e?this.getShape(e):void 0}setHoveredShape(e){let n=typeof e=="string"?e:e?.id??null;return n===this.getHoveredShapeId()?this:(this.run(()=>{this.updateCurrentPageState({hoveredShapeId:n})},{history:"ignore"}),this)}getHintingShapeIds(){return this.getCurrentPageState().hintingShapeIds}getHintingShape(){let e=this.getHintingShapeIds();return we(e.map(n=>this.getShape(n)))}setHintingShapes(e){let n=typeof e[0]=="string"?e:e.map(o=>o.id);return this.run(()=>{this._updateCurrentPageState({hintingShapeIds:ax(n)})},{history:"ignore"}),this}getErasingShapeIds(){return this.getCurrentPageState().erasingShapeIds}getErasingShapes(){let e=this.getErasingShapeIds();return we(e.map(n=>this.getShape(n)))}setErasingShapes(e){let n=typeof e[0]=="string"?e:e.map(r=>r.id);n.sort();let o=this.getErasingShapeIds();return this.run(()=>{if(n.length===o.length){for(let r=0;r<n.length;r++)if(n[r]!==o[r]){this._updateCurrentPageState({erasingShapeIds:n});break}}else this._updateCurrentPageState({erasingShapeIds:n})},{history:"ignore"}),this}getCroppingShapeId(){return this.getCurrentPageState().croppingShapeId}canCropShape(e){if(!e)return!1;let n=typeof e=="string"?e:e?.id??null;if(!n)return!1;let o=this.getShape(n);return!(!o||!this.getShapeUtil(o).canCrop(o)||this.isShapeOrAncestorLocked(o))}setCroppingShape(e){let n=typeof e=="string"?e:e?.id??null;return n!==this.getCroppingShapeId()&&this.run(()=>{n?this.canCropShape(n)&&this.updateCurrentPageState({croppingShapeId:n}):this.updateCurrentPageState({croppingShapeId:null})},{history:"ignore"}),this}_textOptions;getTextOptions(){return Dn(this._textOptions.get(),"Cannot use text without setting textOptions")}_unsafe_getCameraId(){return Gi.createId(this.getCurrentPageId())}getCamera(){let e=this.store.get(this._unsafe_getCameraId());if(this._isLockedOnFollowingUser.get()){let n=this.getCameraForFollowing();if(n)return{...e,...n}}return e}_getFollowingPresence(e){let n=[this.user.getRecordId()],o=this.getCollaborators(),r=null;for(;e&&!n.includes(e);)r=o.find(i=>i.userId===e)??null,e=r?.followingUserId??null,r&&n.push(r.userId);return r}getViewportPageBoundsForFollowing(){let e=this._getFollowingPresence(this.getInstanceState().followingUserId);if(!e?.camera||!e?.screenBounds)return null;let{w:n,h:o}=e.screenBounds,{x:r,y:i,z:s}=e.camera,a=new q(-r,-i,n/s,o/s),l=this.getViewportScreenBounds().clone(),c=l.width/l.height;return l.width=a.width,l.height=l.width/c,l.height<a.height&&(l.height=a.height,l.width=l.height*c),l.center=a.center,l}getCameraForFollowing(){let e=this.getViewportPageBoundsForFollowing();return e?{x:-e.x,y:-e.y,z:this.getViewportScreenBounds().w/e.width}:null}getZoomLevel(){return this.getCamera().z}getResizeScaleFactor(){return this.user.getIsDynamicResizeMode()?1/this.getZoomLevel():1}_debouncedZoomLevel=ye("debounced zoom level",1);getDebouncedZoomLevel(){return this.options.debouncedZoom?this.getCameraState()==="idle"?this.getZoomLevel():this._debouncedZoomLevel.get():this.getZoomLevel()}_getAboveDebouncedZoomThreshold(){return this.getCurrentPageShapeIds().size>this.options.debouncedZoomThreshold}getEfficientZoomLevel(){return this._getAboveDebouncedZoomThreshold()?this.getDebouncedZoomLevel():this.getZoomLevel()}getInitialZoom(){let e=this.getCameraOptions();if(!e.constraints||e.constraints.initialZoom==="default")return 1;let{zx:n,zy:o}=CJ(this,e);switch(e.constraints.initialZoom){case"fit-min":return Math.max(n,o);case"fit-max":return Math.min(n,o);case"fit-x":return n;case"fit-y":return o;case"fit-min-100":return Math.min(1,Math.max(n,o));case"fit-max-100":return Math.min(1,Math.min(n,o));case"fit-x-100":return Math.min(1,n);case"fit-y-100":return Math.min(1,o);default:throw Ve(e.constraints.initialZoom)}}getBaseZoom(){let e=this.getCameraOptions();if(!e.constraints||e.constraints.baseZoom==="default")return 1;let{zx:n,zy:o}=CJ(this,e);switch(e.constraints.baseZoom){case"fit-min":return Math.max(n,o);case"fit-max":return Math.min(n,o);case"fit-x":return n;case"fit-y":return o;case"fit-min-100":return Math.min(1,Math.max(n,o));case"fit-max-100":return Math.min(1,Math.min(n,o));case"fit-x-100":return Math.min(1,n);case"fit-y-100":return Math.min(1,o);default:throw Ve(e.constraints.baseZoom)}}_cameraOptions=ye("camera options",Xb);getCameraOptions(){return this._cameraOptions.get()}setCameraOptions(e){let n=yt({...this._cameraOptions.__unsafe__getWithoutCapture(),...e});return n.zoomSteps?.length<1&&(n.zoomSteps=[1]),this._cameraOptions.set(n),this.setCamera(this.getCamera()),this}getConstrainedCamera(e,n){let o=this.getCamera(),{x:r,y:i,z:s=o.z}=e,a=(l,c,d,u)=>{let p=o.z;return d===p?l:l+(c-l)*(1/u-1/p)/(1/d-1/p)};if(!n?.force){let l=this.getCameraOptions(),c=l.zoomSteps[0],d=Do(l.zoomSteps),u=this.getViewportScreenBounds();if(l.constraints){let{constraints:p}=l,f=Math.min(p.padding.y,u.w/2),h=Math.min(p.padding.x,u.h/2),g=q.From(l.constraints.bounds),y=(u.w-h*2)/g.w,m=(u.h-f*2)/g.h,S=this.getBaseZoom(),b=d*S,v=c*S;if(n?.reset&&(s=this.getInitialZoom()),s<v||s>b){let D=s;s=xe(s,v,b),r=a(o.x,r,D,s),i=a(o.y,i,D,s)}let w=h/s-g.x,x=f/s-g.y,C=(u.w-h*2)/s-g.w,P=(u.h-f*2)/s-g.h,M=w+C*p.origin.x,E=x+P*p.origin.y,I=typeof p.behavior=="string"?p.behavior:p.behavior.x,R=typeof p.behavior=="string"?p.behavior:p.behavior.y;if(n?.reset)r=M,i=E;else{switch(I){case"fixed":{r=M;break}case"contain":{s<y?r=M:r=xe(r,w+C,w);break}case"inside":{s<y?r=xe(r,w,(u.w-h)/s-g.w):r=xe(r,w+C,w);break}case"outside":{r=xe(r,h/s-g.w,(u.w-h)/s);break}case"free":break;default:throw Ve(I)}switch(R){case"fixed":{i=E;break}case"contain":{s<m?i=E:i=xe(i,x+P,x);break}case"inside":{s<m?i=xe(i,x,(u.h-f)/s-g.h):i=xe(i,x+P,x);break}case"outside":{i=xe(i,f/s-g.h,(u.h-f)/s);break}case"free":break;default:throw Ve(R)}}}else if(s>d||s<c){let p=s;s=xe(s,c,d),r=a(o.x,r,p,s),i=a(o.y,i,p,s)}}return{x:r,y:i,z:s}}_setCamera(e,n){let o=this.getCamera(),{x:r,y:i,z:s}=this.getConstrainedCamera(e,n);return o.x===r&&o.y===i&&o.z===s?this:(Vo(()=>{let a={...o,x:r,y:i,z:s};this.run(()=>{this.store.put([a])},{history:"ignore"});let l=this.inputs.getCurrentScreenPoint(),c=this.inputs.getCurrentPagePoint();(l.x/s-r!==c.x||l.y/s-i!==c.y)&&this.updatePointer({immediate:n?.immediate,pointerId:JM.CAMERA_MOVE}),this._tickCameraState()}),this)}setCamera(e,n){let{isLocked:o}=this._cameraOptions.__unsafe__getWithoutCapture();if(o&&!n?.force)return this;this.stopCameraAnimation(),this.getInstanceState().followingUserId&&this.stopFollowingUser();let r=T.Cast(e);Number.isFinite(r.x)||(r.x=0),Number.isFinite(r.y)||(r.y=0),(r.z===void 0||!Number.isFinite(r.z))&&(e.z=this.getZoomLevel());let i=this.getConstrainedCamera(r,n);if(n?.animation){let{width:s,height:a}=this.getViewportScreenBounds();this._animateToViewport(new q(-i.x,-i.y,s/i.z,a/i.z),n)}else this._setCamera(i,{...n,force:!0});return this}centerOnPoint(e,n){let{isLocked:o}=this.getCameraOptions();if(o&&!n?.force)return this;let{width:r,height:i}=this.getViewportPageBounds();return this.setCamera(new T(-(e.x-r/2),-(e.y-i/2),this.getCamera().z),n),this}zoomToFit(e){let n=[...this.getCurrentPageShapeIds()].filter(r=>!this.isShapeHidden(r));if(n.length<=0)return this;let o=q.Common(we(n.map(r=>this.getShapePageBounds(r))));return this.zoomToBounds(o,e),this}resetZoom(e=this.getViewportScreenCenter(),n){let{isLocked:o,constraints:r}=this.getCameraOptions();if(o&&!n?.force)return this;let i=this.getCamera(),{x:s,y:a,z:l}=i,{x:c,y:d}=e,u=1;if(r){let p=this.getInitialZoom();l!==p&&(u=p)}return this.setCamera(new T(s+(c/u-c)-(c/l-c),a+(d/u-d)-(d/l-d),u),n),this}zoomIn(e=this.getViewportScreenCenter(),n){let{isLocked:o}=this.getCameraOptions();if(o&&!n?.force)return this;let{x:r,y:i,z:s}=this.getCamera(),{zoomSteps:a}=this.getCameraOptions();if(a!==null&&a.length>1){let l=this.getBaseZoom(),c=Do(a)*l;for(let d=1;d<a.length;d++){let u=a[d-1]*l,p=a[d]*l;if(!(p-s<=(p-u)/2)){c=p;break}}this.setCamera(new T(r+(e.x/c-e.x)-(e.x/s-e.x),i+(e.y/c-e.y)-(e.y/s-e.y),c),n)}return this}zoomOut(e=this.getViewportScreenCenter(),n){let{isLocked:o}=this.getCameraOptions();if(o&&!n?.force)return this;let{zoomSteps:r}=this.getCameraOptions();if(r!==null&&r.length>1){let i=this.getBaseZoom(),{x:s,y:a,z:l}=this.getCamera(),c=r[0]*i;for(let d=r.length-1;d>0;d--){let u=r[d-1]*i,p=r[d]*i;if(!(p-l>=(p-u)/2)){c=u;break}}this.setCamera(new T(s+(e.x/c-e.x)-(e.x/l-e.x),a+(e.y/c-e.y)-(e.y/l-e.y),c),n)}return this}zoomToSelection(e){let{isLocked:n}=this.getCameraOptions();if(n&&!e?.force)return this;let o=this.getSelectionPageBounds();if(o){let r=this.getZoomLevel();Math.abs(r-1)<.01?this.zoomToBounds(o,e):this.zoomToBounds(o,{targetZoom:1,...e})}return this}zoomToSelectionIfOffscreen(e=16,n){let o=this.getSelectionPageBounds(),r=this.getViewportPageBounds();if(o&&!r.contains(o)){let i=o.clone().expandBy(e/this.getZoomLevel()).expand(r),s=r.clone().translate({x:(i.center.x-r.center.x)*2,y:(i.center.y-r.center.y)*2});this.zoomToBounds(s,n)}}zoomToBounds(e,n){let o=this._cameraOptions.__unsafe__getWithoutCapture();if(o.isLocked&&!n?.force)return this;let r=this.getViewportScreenBounds(),i=n?.inset??Math.min(this.options.zoomToFitPadding,r.width*.28),s=this.getBaseZoom(),a=o.zoomSteps[0],l=Do(o.zoomSteps),c=xe(Math.min((r.width-i)/e.w,(r.height-i)/e.h),a*s,l*s);return n?.targetZoom!==void 0&&(c=Math.min(n.targetZoom,c)),this.setCamera(new T(-e.x+(r.width-e.w*c)/2/c,-e.y+(r.height-e.h*c)/2/c,c),n),this}stopCameraAnimation(){return this.emit("stop-camera-animation"),this}_viewportAnimation=null;_animateViewport(e){if(!this._viewportAnimation)return;this._viewportAnimation.elapsed+=e;let{elapsed:n,easing:o,duration:r,start:i,end:s}=this._viewportAnimation;if(n>r){this.off("tick",this._animateViewport),this._viewportAnimation=null,this._setCamera(new T(-s.x,-s.y,this.getViewportScreenBounds().width/s.width));return}let a=r-n,l=o(1-a/r),c=i.minX+(s.minX-i.minX)*l,d=i.minY+(s.minY-i.minY)*l,u=i.maxX+(s.maxX-i.maxX)*l;this._setCamera(new T(-c,-d,this.getViewportScreenBounds().width/(u-c)),{force:!0})}_animateToViewport(e,n={animation:YT}){let{animation:o,...r}=n;if(!o)return;let{duration:i=0,easing:s=Ko.easeInOutCubic}=o,a=this.user.getAnimationSpeed(),l=this.getViewportPageBounds();return this.stopCameraAnimation(),this.getInstanceState().followingUserId&&this.stopFollowingUser(),i===0||a===0?this._setCamera(new T(-e.x,-e.y,this.getViewportScreenBounds().width/e.width),{...r}):(this._viewportAnimation={elapsed:0,duration:i/a,easing:s,start:l.clone(),end:e.clone()},this.once("stop-camera-animation",()=>{this.off("tick",this._animateViewport),this._viewportAnimation=null}),this.on("tick",this._animateViewport),this)}slideCamera(e={}){let{isLocked:n}=this.getCameraOptions();if(n&&!e?.force)return this;if(this.user.getAnimationSpeed()===0)return this;this.stopCameraAnimation();let{speed:r,friction:i=this.options.cameraSlideFriction,direction:s,speedThreshold:a=.01}=e,l=Math.min(r,1),c=()=>{this.off("tick",u),this.off("stop-camera-animation",c)};this.once("stop-camera-animation",c);let d=s.z??0,u=p=>{let{x:f,y:h,z:g}=this.getCamera(),y=s.x*(l*p)/g,m=s.y*(l*p)/g,S=f+y,b=h+m,v=g;if(d!==0){v=g*(1+d*l*p);let w=this.getViewportScreenCenter();S+=w.x/v-w.x/g,b+=w.y/v-w.y/g}l*=1-i,l<a?c():this._setCamera(new T(S,b,v))};return this.on("tick",u),this}zoomToUser(e,n={animation:{duration:500}}){let o=this.getCollaborators().find(i=>i.userId===e);if(!o)return this;let r=o.cursor;return r?(this.run(()=>{this.getInstanceState().followingUserId!==null&&this.stopFollowingUser();let i=o.currentPageId===this.getCurrentPageId();i||this.setCurrentPage(o.currentPageId),n&&n.animation&&!i&&(n.animation=void 0),this.centerOnPoint(r,n);let{highlightedUserIds:s}=this.getInstanceState();this.updateInstanceState({highlightedUserIds:[...s,e]}),this.timers.setTimeout(()=>{let a=[...this.getInstanceState().highlightedUserIds],l=a.indexOf(e);l<0||(a.splice(l,1),this.updateInstanceState({highlightedUserIds:a}))},this.options.collaboratorIdleTimeoutMs)}),this):this}_willSetInitialBounds=!0;updateViewportScreenBounds(e,n=!1){if(e instanceof q)e.width=Math.max(e.width,1),e.height=Math.max(e.height,1);else{let l=e.getBoundingClientRect();e=new q(l.left||l.x,l.top||l.y,Math.max(l.width,1),Math.max(l.height,1))}let o=this.getContainerDocument();if(!o.body)return this;let r=[e.minY!==0,!En(o.body.scrollWidth,e.maxX,1),!En(o.body.scrollHeight,e.maxY,1),e.minX!==0],{_willSetInitialBounds:i}=this;this._willSetInitialBounds=!1;let{screenBounds:s,insets:a}=this.getInstanceState();if(e.equals(s)&&r.every((l,c)=>l===a[c]))return this;if(i)this.updateInstanceState({screenBounds:e.toJson(),insets:r}),this.emit("resize",e.toJson()),this.setCamera(this.getCamera());else if(n&&!this.getInstanceState().followingUserId){let l=this.getViewportPageBounds().center;this.updateInstanceState({screenBounds:e.toJson(),insets:r}),this.emit("resize",e.toJson()),this.centerOnPoint(l)}else this.updateInstanceState({screenBounds:e.toJson(),insets:r}),this.emit("resize",e.toJson()),this._setCamera(T.From({...this.getCamera()}));return this}getViewportScreenBounds(){let{x:e,y:n,w:o,h:r}=this.getInstanceState().screenBounds;return new q(e,n,o,r)}getViewportScreenCenter(){let e=this.getViewportScreenBounds();return new T(e.w/2,e.h/2)}getViewportPageBounds(){let{w:e,h:n}=this.getViewportScreenBounds(),{x:o,y:r,z:i}=this.getCamera();return new q(-o,-r,e/i,n/i)}screenToPage(e){let{screenBounds:n}=this.store.unsafeGetWithoutCapture($o),{x:o,y:r,z:i=1}=this.getCamera();return new T((e.x-n.x)/i-o,(e.y-n.y)/i-r,e.z??.5)}pageToScreen(e){let{screenBounds:n}=this.store.unsafeGetWithoutCapture($o),{x:o,y:r,z:i=1}=this.getCamera();return new T((e.x+o)*i+n.x,(e.y+r)*i+n.y,e.z??.5)}pageToViewport(e){let{x:n,y:o,z:r=1}=this.getCamera();return new T((e.x+n)*r,(e.y+o)*r,e.z??.5)}getCollaborators(){return this.collaborators.getCollaborators()}getCollaboratorsOnCurrentPage(){return this.collaborators.getCollaboratorsOnCurrentPage()}getVisibleCollaborators(){return this.collaborators.getVisibleCollaborators()}getVisibleCollaboratorsOnCurrentPage(){return this.collaborators.getVisibleCollaboratorsOnCurrentPage()}getAttributionUserId(){let e=this.store.props.users.currentUser.get();return e?(this._ensureUserRecord(e),Zf.parseId(e.id)):null}_ensureUserRecord(e){let n=this.store.get(e.id);n&&n.name===e.name&&n.color===e.color&&n.imageUrl===e.imageUrl&&n.meta===e.meta||this.run(()=>{this.store.put([e])},{history:"ignore"})}getAttributionDisplayName(e){return e?this.store.props.users.resolve(e).get()?.name??this.store.get(cu(e))?.name??null:null}getAttributionUser(e){return e?this.store.props.users.resolve(e).get()??this.store.get(cu(e))??null:null}_getReferencedUserIds(e){let n=new Set;for(let o of e){let r=this.getShapeUtil(o);for(let i of r.getReferencedUserIds(o))n.add(i)}return n}_isLockedOnFollowingUser=ye("isLockedOnFollowingUser",!1);startFollowingUser(e){if(this.stopFollowingUser(),this.user.getExternalId()||console.warn("You should set the userId for the current instance before following a user"),!this._getFollowingPresence(e))return this;let r=$("latestLeaderPresence",()=>this._getFollowingPresence(e));return Vo(()=>{this.updateInstanceState({followingUserId:e},{history:"ignore"});let i=Sn("update current page",()=>{let l=r.get();if(!l){this.stopFollowingUser();return}l.currentPageId!==this.getCurrentPageId()&&this.getPage(l.currentPageId)&&this.run(()=>{this.store.put([{...this.getInstanceState(),currentPageId:l.currentPageId}]),this._isLockedOnFollowingUser.set(!0)},{history:"ignore"})}),s=()=>{i(),this._isLockedOnFollowingUser.set(!1),this.off("frame",a),this.off("stop-following",s)},a=()=>{if(!r.get()){this.stopFollowingUser();return}if(this._isLockedOnFollowingUser.get())return;let c=this.user.getAnimationSpeed();if(c===0){this._isLockedOnFollowingUser.set(!0);return}let d=this.getViewportPageBoundsForFollowing();if(!d){this.stopFollowingUser();return}let u=this.getViewportPageBounds(),p=Math.abs(d.minX-u.minX)+Math.abs(d.maxX-u.maxX),f=Math.abs(d.minY-u.minY)+Math.abs(d.maxY-u.maxY);if(p<this.options.followChaseViewportSnap&&f<this.options.followChaseViewportSnap){this._isLockedOnFollowingUser.set(!0);return}let h=xe(c*.5,.1,.8),g=new q(Me(u.minX,d.minX,h),Me(u.minY,d.minY,h),Me(u.width,d.width,h),Me(u.height,d.height,h)),y=new T(-g.x,-g.y,this.getViewportScreenBounds().width/g.width);this.stopCameraAnimation(),this._setCamera(y)};this.once("stop-following",s),this.addListener("frame",a),a()}),this}stopFollowingUser(){return this.run(()=>{this.store.put([this.getCamera()]),this._isLockedOnFollowingUser.set(!1),this.updateInstanceState({followingUserId:null}),this.emit("stop-following")},{history:"ignore"}),this}getUnorderedRenderingShapes(e){let n=[],o=this.options.maxShapesPerPage*2,r=this.options.maxShapesPerPage,i=this.getErasingShapeIds(),s=(l,c,d)=>{let u=this.getShape(l);if(!u)return;if(this.isShapeHidden(u)){let y=d||i.includes(l);for(let m of this.getSortedChildIdsForParent(l))s(m,c,y);return}c*=u.opacity;let p=!1,f=this.getShapeUtil(u);e&&(p=!d&&i.includes(l),p&&(c*=.32)),n.push({id:l,shape:u,util:f,index:o,backgroundIndex:r,opacity:c}),o+=1,r+=1;let h=this.getSortedChildIdsForParent(l);if(!h.length)return;let g=null;f.providesBackgroundForChildren(u)&&(g=r,r=o,o+=this.options.maxShapesPerPage);for(let y of h)s(y,c,d||p);g!==null&&(r=g)},a=e?[this.getCurrentPage()]:this.getPages();for(let l of a)for(let c of this.getSortedChildIdsForParent(l.id))s(c,1,!1);return n}_cameraStateTimeoutRemaining=0;_decayCameraStateTimeout(e){this._cameraStateTimeoutRemaining-=e,!(this._cameraStateTimeoutRemaining>0)&&(this.off("tick",this._decayCameraStateTimeout),this._setCameraState("idle"))}_tickCameraState(){this._cameraStateTimeoutRemaining=this.options.cameraMovingTimeoutMs,this.getInstanceState().cameraState==="idle"&&(this._setCameraState("moving"),this._debouncedZoomLevel.set(Ti(()=>this.getCamera().z)),this.on("tick",this._decayCameraStateTimeout))}_setCameraState(e){this.updateInstanceState({cameraState:e},{history:"ignore"})}getCameraState(){return this.getInstanceState().cameraState}getRenderingShapes(){let e=this.getUnorderedRenderingShapes(!0);if(e.length<=$1e)return this._renderingShapesSortCache=null,e.sort(tM);let n=this._renderingShapesSortCache;if(n!==null&&n.size===e.length){let r=new Array(e.length),i=!0;for(let s=0;s<e.length;s++){let a=e[s],l=n.get(a.id);if(l===void 0){i=!1;break}r[l]=a}if(i)return r}e.sort(tM);let o=new Map;for(let r=0;r<e.length;r++)o.set(e[r].id,r);return this._renderingShapesSortCache=o,e}_renderingShapesSortCache=null;_getAllPagesQuery(){return this.store.query.records("page")}getPages(){return Array.from(this._getAllPagesQuery().get()).sort(Un)}getCurrentPage(){return this.getPage(this.getCurrentPageId())}getCurrentPageId(){return this.getInstanceState().currentPageId}getPage(e){return this.store.get(typeof e=="string"?e:e.id)}_currentPageShapeIds;getCurrentPageShapeIds(){return this._currentPageShapeIds.get()}getCurrentPageShapeIdsSorted(){return Array.from(this.getCurrentPageShapeIds()).sort()}getPageShapeIds(e){let n=typeof e=="string"?e:e.id,o=this.store.query.exec("shape",{parentId:{eq:n}});return this.getShapeAndDescendantIds(o.map(r=>r.id))}setCurrentPage(e){let n=typeof e=="string"?e:e.id;return this.store.has(n)?(this.stopFollowingUser(),this.complete(),this.run(()=>{this.store.put([{...this.getInstanceState(),currentPageId:n}]),this.setCamera(this.getCamera())},{history:"record-preserveRedoStack"})):(console.error("Tried to set the current page id to a page that doesn't exist."),this)}updatePage(e){return this.getIsReadonly()?this:this.getPage(e.id)?this.run(()=>this.store.update(e.id,o=>({...o,...e}))):this}createPage(e){return this.run(()=>{if(this.getIsReadonly()||this.getPages().length>=this.options.maxPages)return;let n=this.getPages(),o=L3(e.name??"Page 1",n.map(s=>s.name)),r=e.index;(!r||n.some(s=>s.index===r))&&(r=Sr(n[n.length-1].index));let i=mo.create({meta:{},...e,name:o,index:r});this.store.put([i])}),this}deletePage(e){let n=typeof e=="string"?e:e.id;return this.run(()=>{if(this.getIsReadonly())return;let o=this.getPages();if(o.length===1)return;let r=this.getPage(n);if(!r)return;if(n===this.getCurrentPageId()){let s=o.findIndex(l=>l.id===n),a=o[s-1]??o[s+1];this.setCurrentPage(a.id)}let i=this.getSortedChildIdsForParent(r.id);this.deleteShapes(i),this.store.remove([r.id])},{ignoreShapeLock:!0}),this}duplicatePage(e,n=mo.createId()){if(this.getPages().length>=this.options.maxPages)return this;let o=typeof e=="string"?e:e.id,r=this.getPage(o);if(!r)return this;let i={...this.getCamera()},s=this.getContentFromCurrentPage(this.getSortedChildIdsForParent(r.id));return this.run(()=>{let a=this.getPages(),l=yl(r.index,a[a.indexOf(r)+1]?.index);if(this.createPage({name:r.name+" Copy",id:n,index:l}),this.setCurrentPage(n),this.setCamera(i),s)return this.putContentOntoCurrentPage(s)}),this}renamePage(e,n){let o=typeof e=="string"?e:e.id;return this.getIsReadonly()?this:(this.updatePage({id:o,name:n}),this)}_getAllAssetsQuery(){return this.store.query.records("asset")}getAssets(){return this._getAllAssetsQuery().get()}createAssets(e){return this.getIsReadonly()?this:e.length<=0?this:(this.run(()=>this.store.put(e),{history:"ignore"}),this)}updateAssets(e){return this.getIsReadonly()?this:e.length<=0?this:(this.run(()=>{this.store.put(e.map(n=>({...this.store.get(n.id),...n})))},{history:"ignore"}),this)}deleteAssets(e){if(this.getIsReadonly())return this;let n=typeof e[0]=="string"?e:e.map(o=>o.id);return n.length<=0?this:(this.run(()=>{this.store.props.assets.remove?.(n),this.store.remove(n)},{history:"ignore"}),this)}getAsset(e){return this.store.get(typeof e=="string"?e:e.id)}async resolveAssetUrl(e,n){if(!e)return null;let o=this.getAsset(e);if(!o)return null;let{screenScale:r=1,shouldResolveToOriginal:i=!1,dpr:s=this.getInstanceState().devicePixelRatio}=n,l=(d=>Math.pow(2,Math.ceil(Math.log2(d))))(r),c="connection"in navigator?navigator.connection?.effectiveType??null:null;return await this.store.props.assets.resolve(o,{screenScale:r||1,steppedScreenScale:l,dpr:s,networkEffectiveType:c,shouldResolveToOriginal:i})}async uploadAsset(e,n,o){return await this.store.props.assets.upload(e,n,o)}_shapeGeometryCaches={};getShapeGeometry(e,n){let o=n?.context??"none";return this._shapeGeometryCaches[o]||(this._shapeGeometryCaches[o]=this.store.createComputedCache("bounds",r=>(this.fonts.trackFontsForShape(r),this.getShapeUtil(r).getGeometry(r,n)),{areRecordsEqual:NT})),this._shapeGeometryCaches[o].get(typeof e=="string"?e:e.id)}_getShapeHandlesCache(){return this.store.createComputedCache("handles",e=>this.getShapeUtil(e).getHandles?.(e),{areRecordsEqual:NT})}getShapeHandles(e){return this._getShapeHandlesCache().get(typeof e=="string"?e:e.id)}getShapeLocalTransform(e){let n=typeof e=="string"?e:e.id,o=this.getShape(n);if(!o)throw Error("Editor.getTransform: shape not found");return Q.Identity().translate(o.x,o.y).rotate(o.rotation)}_getShapePageTransformCache(){return this.store.createComputedCache("pageTransformCache",e=>{if(jo(e.parentId))return this.getShapeLocalTransform(e);let n=this._getShapePageTransformCache().get(e.parentId)??Q.Identity();return Q.Compose(n,this.getShapeLocalTransform(e))})}getShapeParentTransform(e){let n=typeof e=="string"?e:e.id,o=this.getShape(n);return!o||jo(o.parentId)?Q.Identity():this._getShapePageTransformCache().get(o.parentId)??Q.Identity()}getShapePageTransform(e){let n=typeof e=="string"?e:e.id;return this._getShapePageTransformCache().get(n)??Q.Identity()}_getShapePageBoundsCache(){return this.store.createComputedCache("pageBoundsCache",e=>{let n=this.getShapePageTransform(e);if(n)return q.FromPoints(n.applyToPoints(this.getShapeGeometry(e).boundsVertices))})}getShapePageBounds(e){return this._getShapePageBoundsCache().get(typeof e=="string"?e:e.id)}_getShapeClipPathCache(){return this.store.createComputedCache("clipPathCache",e=>{let n=this._getShapeMaskCache().get(e.id);if(!n)return;if(n.length===0)return"polygon(0px 0px, 0px 0px, 0px 0px)";let o=this._getShapePageTransformCache().get(e.id);return o?`polygon(${Q.applyToPoints(Q.Inverse(o),n).map(i=>`${i.x}px ${i.y}px`).join(",")})`:void 0})}getShapeClipPath(e){return this._getShapeClipPathCache().get(typeof e=="string"?e:e.id)}_getShapeMaskCache(){return this.store.createComputedCache("pageMaskCache",e=>{if(jo(e.parentId))return;let n=[];for(let r of this.getShapeAncestors(e.id)){let i=this.getShapeUtil(r),s=i.getClipPath?.(r);if(!s||i.shouldClipChild?.(e)===!1)continue;let a=this.getShapePageTransform(r.id);n.push(a.applyToPoints(s))}return n.length===0?void 0:n.reduce((r,i)=>{let s=xg(r,i);return s?s.map(T.Cast):[]})})}getShapeMask(e){return this._getShapeMaskCache().get(typeof e=="string"?e:e.id)}getShapeMaskedPageBounds(e){return typeof e!="string"&&(e=e.id),this._getShapeMaskedPageBoundsCache().get(e)}_getShapeMaskedPageBoundsCache(){return this.store.createComputedCache("shapeMaskedPageBoundsCache",e=>{let n=this._getShapePageBoundsCache().get(e.id);if(!n)return;let o=this._getShapeMaskCache().get(e.id);if(o){if(o.length===0)return;let{corners:r}=n;if(r.every((s,a)=>s&&T.Equals(s,o[a])))return n.clone();let i=xg(o,r);return i?q.FromPoints(i):void 0}return n})}getShapeAncestors(e,n=[]){let o=typeof e=="string"?e:e.id,r=this.getShape(o);if(!r)return n;let i=r.parentId;if(jo(i))return n.reverse(),n;let s=this.store.get(i);return s?(n.push(s),this.getShapeAncestors(s,n)):n}findShapeAncestor(e,n){let o=typeof e=="string"?e:e.id,r=this.getShape(o);if(!r)return;let i=r.parentId;if(jo(i))return;let s=this.getShape(i);if(s)return n(s)?s:this.findShapeAncestor(s,n)}hasAncestor(e,n){let o=typeof e=="string"?e:e?.id,r=o&&this.getShape(o);return r?r.parentId===n?!0:this.hasAncestor(this.getShapeParent(r),n):!1}findCommonAncestor(e,n){if(e.length===0)return;let o=typeof e[0]=="string"?e:e.map(l=>l.id),r=we(o.map(l=>this.getShape(l)));if(r.length===1){let l=r[0].parentId;return jo(l)?void 0:n?this.findShapeAncestor(r[0],n)?.id:l}let[i,...s]=r,a=this.getShapeParent(i);for(;a;){if(n&&!n(a)){a=this.getShapeParent(a);continue}if(s.every(l=>this.hasAncestor(l,a.id)))return a.id;a=this.getShapeParent(a)}}isShapeOrAncestorLocked(e){let n=e&&this.getShape(e);return n===void 0?!1:n.isLocked?!0:this.isShapeOrAncestorLocked(this.getShapeParent(n))}getNotVisibleShapes(){return this._notVisibleShapes.get()}_notVisibleShapes=rJ(this);_culledShapesCache=null;getCulledShapes(){let e=this.getNotVisibleShapes(),n=this.getSelectedShapeIds(),o=this.getEditingShapeId(),r=new Set(e);o&&r.delete(o),n.forEach(s=>{r.delete(s)});let i=this._culledShapesCache;if(i){if(i.size!==r.size)return this._culledShapesCache=r,r;for(let s of i)if(!r.has(s))return this._culledShapesCache=r,r;return i}return this._culledShapesCache=r,r}getCurrentPageBounds(){let e;return this.getCurrentPageShapeIdsSorted().forEach(n=>{if(this.isShapeHidden(n))return;let o=this.getShapeMaskedPageBounds(n);o&&(e?e=e.expand(o):e=o.clone())}),e}getSelectedShapeAtPoint(e){let n=this.getSelectedShapeIds();return this.getCurrentPageShapesSorted().filter(o=>o.type!=="group"&&n.includes(o.id)).reverse().find(o=>this.isPointInShape(o,e,{hitInside:!0,margin:0}))}getShapeAtPoint(e,n={}){let o=this.getZoomLevel(),r=this.getViewportPageBounds(),{filter:i,margin:s=0,hitLocked:a=!1,hitLabels:l=!1,hitInside:c=!1,hitFrameInside:d=!1}=n,[u,p]=Array.isArray(s)?s:[s,s],f=1/0,h=null,g=1/0,y=null,m=Math.max(u,p,this.options.hitTestMargin/o),S=this._spatialIndex.getShapeIdsAtPoint(e,m),b=(n.renderingOnly?this.getCurrentPageRenderingShapesSorted():this.getCurrentPageShapesSorted()).filter(v=>{if(!S.has(v.id)&&!this.isShapeFrameLike(v)||v.isLocked&&!a||this.isShapeHidden(v)||this.isShapeOfType(v,"group"))return!1;let w=this.getShapeMask(v);return!(w&&!cn(e,w)||i&&!i(v))});for(let v=b.length-1;v>=0;v--){let w=b[v],x=this.getShapeGeometry(w),C=x instanceof go,P=this.getPointInShapeSpace(w,e),M=this.getShapeUtil(w),E=this.isShapeFrameLike(w);if(E||(this.isShapeOfType(w,"note")||this.isShapeOfType(w,"arrow")||this.isShapeOfType(w,"geo")&&w.props.fill==="none")&&M.getText(w)?.trim()){for(let R of x.children)if(R.isLabel&&R.isPointInBounds(P))return w}if(E){let R=x.distanceToPoint(P,d);if(d?R>0&&R<=p||R<=0&&R>-u:R>0&&R<=p)return y||w;if(x.hitTestPoint(P,0,!0))return y||h||(d?w:void 0);continue}let I;if(C){let R=1/0;for(let D of x.children){if(D.isLabel&&!l)continue;let N=D.distanceToPoint(P,c);N<R&&(R=N)}I=R}else p===0&&(x.bounds.w<1||x.bounds.h<1)||x.bounds.containsPoint(P,p)?I=x.distanceToPoint(P,c):I=1/0;if(x.isClosed){if(I<=p||c&&I<=0&&I>-u)if(x.isFilled||C&&x.children[0].isFilled){if(x.ignoreHit(P))continue;return y||w}else{if(this.getShapePageBounds(w).contains(r))continue;if(c?I>0&&I<=p||I<=0&&I>-u:Math.abs(I)<=Math.max(u,p))Math.abs(I)<g&&(g=Math.abs(I),y=w);else if(!y){let{area:R}=x;R<f&&(f=R,h=w)}}}else if(I<this.options.hitTestMargin/o)return w}return y||h||void 0}getShapesAtPoint(e,n={}){let o=n.margin??0,r=this._spatialIndex.getShapeIdsAtPoint(e,o);return this.getCurrentPageShapesSorted().filter(i=>this.isShapeHidden(i)||!r.has(i.id)&&!this.isShapeFrameLike(i)?!1:this.isPointInShape(i,e,n)).reverse()}getShapeIdsInsideBounds(e){return this._spatialIndex.getShapeIdsInsideBounds(e)}isPointInShape(e,n,o={}){let{hitInside:r=!1,margin:i=0}=o,s=typeof e=="string"?e:e.id,a=this.getShapeMask(s);return a&&!cn(n,a)?!1:this.getShapeGeometry(s).hitTestPoint(this.getPointInShapeSpace(e,n),i,r)}getPointInShapeSpace(e,n){let o=typeof e=="string"?e:e.id;return this._getShapePageTransformCache().get(o).clone().invert().applyToPoint(n)}getPointInParentSpace(e,n){let o=typeof e=="string"?e:e.id,r=this.getShape(o);if(!r)return new T(0,0);if(jo(r.parentId))return T.From(n);let i=this.getShapePageTransform(r.parentId);return i?i.clone().invert().applyToPoint(n):T.From(n)}getCurrentPageShapes(){return Array.from(this.getCurrentPageShapeIds(),e=>this.store.get(e))}getCurrentPageShapesSorted(){let e=[],n=this.getSortedChildIdsForParent(this.getCurrentPageId());for(let o=0,r=n.length;o<r;o++)EJ(this,n[o],e);return e}getCurrentPageRenderingShapesSorted(){let e=this.getCulledShapes();return this.getCurrentPageShapesSorted().filter(({id:n})=>!e.has(n)&&!this.isShapeHidden(n))}isShapeOfType(e,n){let o=typeof e=="string"?this.getShape(e):e;return o?o.type===n:!1}isShapeFrameLike(e){let n=typeof e=="string"?this.getShape(e):e;return n?this.getShapeUtil(n).isFrameLike(n):!1}getShape(e){let n=typeof e=="string"?e:e.id;if(On(n))return this.store.get(n)}getShapeParent(e){let n=typeof e=="string"?e:e?.id;if(!n)return;let o=this.getShape(n);if(!(o===void 0||!On(o.parentId)))return this.getShape(o.parentId)}getShapeNearestSibling(e,n){return n?n.parentId===e.parentId?n:this.findShapeAncestor(n,r=>r.parentId===e.parentId):void 0}isShapeInPage(e,n=this.getCurrentPageId()){let o=typeof e=="string"?e:e.id,r=this.getShape(o);if(!r)return!1;let i=!1;if(r.parentId===n)i=!0;else{let s=this.getShape(r.parentId);e:for(;s;){if(s.parentId===n){i=!0;break e}s=this.getShape(s.parentId)}}return i}getAncestorPageId(e){let n=typeof e=="string"?e:e?.id,o=n&&this.getShape(n);if(o)return jo(o.parentId)?o.parentId:this.getAncestorPageId(this.getShape(o.parentId))}_parentIdsToChildIds;reparentShapes(e,n,o){let r=typeof e[0]=="string"?e:e.map(p=>p.id);if(r.length===0)return this;let i=[],s=jo(n)?Q.Identity():this.getShapePageTransform(n),a=s.rotation(),l=[],c=we(this.getSortedChildIdsForParent(n).map(p=>this.getShape(p)));if(o){let p=c.find(f=>f.index===o);if(p){let f=c[c.indexOf(p)+1];f?l=rc(o,f.index,r.length):l=px(o,r.length)}else{let f=c.sort(Un).find(h=>h.index>o);f?l=rc(o,f.index,r.length):l=px(o,r.length)}}else{let p=c.length&&c[c.length-1];l=p?px(p.index,r.length):ru(r.length)}let d=s.clone().invert(),u=we(r.map(p=>this.getShape(p))).sort(Un);return this.run(()=>{for(let p=0;p<u.length;p++){let f=u[p],h=this.getShapePageTransform(f);if(!h)continue;let g=h.point();if(!g)continue;let y=d.applyToPoint(g),m=h.rotation()-a;if(f.id===n)throw Error("Attempted to reparent a shape to itself!");i.push({id:f.id,type:f.type,parentId:n,x:y.x,y:y.y,rotation:m,index:l[p]})}this.updateShapes(i)},{ignoreShapeLock:!0}),this}getHighestIndexForParent(e){let n=typeof e=="string"?e:e.id,o=this._parentIdsToChildIds.get()[n];if(!o||o.length===0)return Sr(ng);let r=this.getShape(o[o.length-1]);return Sr(r.index)}getSortedChildIdsForParent(e){let n=typeof e=="string"?e:e.id,o=this._parentIdsToChildIds.get()[n];return o||pt}visitDescendants(e,n){let o=this.getSortedChildIdsForParent(e);for(let r of o)n(r)!==!1&&this.visitDescendants(r,n);return this}getShapeAndDescendantIds(e){let n=new Set;for(let o of e.map(r=>this.getShape(r)).sort(Un))n.add(o.id),this.visitDescendants(o,r=>{n.add(r)});return n}getDraggingOverShape(e,n){let o=we(n.map(i=>this.getShape(i))).filter(i=>!i.isLocked&&!this.isShapeHidden(i)),r=this.getShapesAtPoint(e,{hitInside:!0,margin:0}).filter(i=>!n.includes(i)&&!i.isLocked&&!this.isShapeHidden(i)&&!o.includes(i));for(let i of r){let s=this.getShapeUtil(i);if(s.onDragShapesOver||s.onDragShapesIn||s.onDragShapesOut||s.onDropShapesOver)return i}}getOutermostSelectableShape(e,n){let o=typeof e=="string"?e:e.id,r=this.getShape(o),i=r,s=r,a=this.getFocusedGroup();for(;s;){if(this.isShapeOfType(s,"group")&&a?.id!==s.id&&!this.hasAncestor(a,s.id)&&(n?.(s)??!0))i=s;else if(a?.id===s.id)break;s=this.getShapeParent(s)}return i}_getBindingsIndexCache(){let e=oJ(this);return this.store.createComputedCache("bindingsIndex",n=>e.get().get(n.id),{areRecordsEqual:()=>!0})}getBinding(e){return this.store.get(e)}getBindingsFromShape(e,n){let o=typeof e=="string"?e:e.id;return this.getBindingsInvolvingShape(o).filter(r=>r.fromId===o&&r.type===n)}getBindingsToShape(e,n){let o=typeof e=="string"?e:e.id;return this.getBindingsInvolvingShape(o).filter(r=>r.toId===o&&r.type===n)}getBindingsInvolvingShape(e,n){let o=typeof e=="string"?e:e.id,r=this._getBindingsIndexCache().get(o)??pt;return n?r.filter(i=>i.type===n):r}createBindings(e){let n=[];for(let o of e){let r=this.getShape(o.fromId),i=this.getShape(o.toId);if(!r||!i||!this.canBindShapes({fromShape:r,toShape:i,binding:o}))continue;let a=this.getBindingUtil(o.type).getDefaultProps(),l=this.store.schema.types.binding.create({...o,id:o.id??ac(),props:{...a,...o.props}});n.push(l)}return this.store.put(n),this}createBinding(e){return this.createBindings([e])}updateBindings(e){let n=[];for(let o of e){if(!o)continue;let r=this.getBinding(o.id);if(!r)continue;let i=mu(r,o);if(i===r)continue;let s=this.getShape(i.fromId),a=this.getShape(i.toId);!s||!a||this.canBindShapes({fromShape:s,toShape:a,binding:i})&&n.push(i)}return this.store.put(n),this}updateBinding(e){return this.updateBindings([e])}deleteBindings(e,{isolateShapes:n=!1}={}){let o=e.map(r=>typeof r=="string"?r:r.id);return n?this.store.atomic(()=>{for(let r of o){let i=this.getBinding(r);if(!i)continue;let s=this.getBindingUtil(i);s.onBeforeIsolateFromShape?.({binding:i,removedShape:this.getShape(i.toId)}),s.onBeforeIsolateToShape?.({binding:i,removedShape:this.getShape(i.fromId)}),this.store.remove([r])}}):this.store.remove(o),this}deleteBinding(e,n){return this.deleteBindings([e],n)}canBindShapes({fromShape:e,toShape:n,binding:o}){let r=typeof e=="string"?e:e.type,i=typeof n=="string"?n:n.type,s=typeof o=="string"?o:o.type,a={fromShape:typeof e=="string"?{type:e}:e,toShape:typeof n=="string"?{type:n}:n,bindingType:s,fromShapeType:r,toShapeType:i};return r===i?this.getShapeUtil(r).canBind(a):this.getShapeUtil(r).canBind(a)&&this.getShapeUtil(i).canBind(a)}rotateShapesBy(e,n,o){let r=typeof e[0]=="string"?e:e.map(s=>s.id);if(r.length<=0)return this;let i=tC({editor:this,ids:r});return i?(Mg({delta:n,snapshot:i,editor:this,stage:"one-off",centerOverride:o?.center}),this):this}getChangesToTranslateShape(e,n){let o=e,r=this.getShapeUtil(e),i=r.onTranslateStart?.(o);i&&(o=mu(o,i)),o=mu(o,{id:e.id,type:e.type,x:n.x,y:n.y});let s=r.onTranslate?.(e,o);s&&(o=mu(o,s));let a=r.onTranslateEnd?.(e,o);return a&&(o=mu(o,a)),o}nudgeShapes(e,n){let o=typeof e[0]=="string"?e:e.map(i=>i.id);if(o.length<=0)return this;let r=[];for(let i of o){let s=this.getShape(i),a=T.From(n),l=this.getShapeParentTransform(s);l&&a.rot(-l.rotation()),r.push(this.getChangesToTranslateShape(s,a.add(s)))}return this.updateShapes(r),this}duplicateShapes(e,n){return this.run(()=>{let o=typeof e[0]=="string"?e:e.map(p=>p.id),r=this._shouldIgnoreShapeLock?o:this._getUnlockedShapeIds(o);if(r.length<=0)return this;let i=new Set(r),s=this.getShapeAndDescendantIds(r),a=[...s].reverse(),l=new Map;for(let p of s)l.set(p,Ke());let{shapesToCreateWithOriginals:c,bindingsToCreate:d}=TJ(this,s,p=>{let f=[];for(let g of p){let y=this.getBinding(g);if(!y)continue;let m=ac();f.push({...y,id:m,fromId:Dn(l.get(y.fromId)),toId:Dn(l.get(y.toId))})}let h=[];for(let g of a){let y=Dn(l.get(g)),m=this.getShape(g);if(!m)continue;let S=0,b=0;if(n&&i.has(g)){let v=this.getShapeParentTransform(m),w=new T(n.x,n.y).rot(-v.rotation());S=w.x,b=w.y}h.push({shape:{...m,id:y,x:m.x+S,y:m.y+b,index:"a1",parentId:l.get(m.parentId)??m.parentId},originalShape:m})}return{shapesToCreateWithOriginals:h,bindingsToCreate:f}});c.forEach(({shape:p,originalShape:f})=>{let h=f.parentId,g=this.getSortedChildIdsForParent(h),y=g.indexOf(f.id),m=g[y+1],S=m?this.getShape(m):void 0,b=yl(f.index,S?.index);p.index=b});let u=c.map(({shape:p})=>p);if(!this.canCreateShapes(u)){uA(this);return}if(this.createShapes(u),this.createBindings(d),this.setSelectedShapes(we(r.map(p=>{let f=l.get(p);return!f||!this.getShape(f)?null:f}))),n!==void 0){let p=this.getSelectionPageBounds(),f=this.getViewportPageBounds();p&&!f.contains(p)&&this.centerOnPoint(p.center,{animation:{duration:this.options.animationMediumMs}})}}),this}moveShapesToPage(e,n){let o=typeof e[0]=="string"?e:e.map(a=>a.id);if(o.length===0)return this;if(this.getIsReadonly())return this;let r=this.getCurrentPageId();if(n===r)return this;if(!this.store.has(n))return this;let i=this.getContentFromCurrentPage(o);if(!i)return this;if(this.getPageShapeIds(n).size+i.shapes.length>this.options.maxShapesPerPage)return uA(this,n),this;let s=this.getCamera().z;return this.run(()=>{this.deleteShapes(o),this.setCurrentPage(n),this.setFocusedGroup(null),this.selectNone(),this.putContentOntoCurrentPage(i,{select:!0,preserveIds:!0,preservePosition:!0}),this.setCamera({...this.getCamera(),z:s}),this.centerOnPoint(this.getSelectionRotatedPageBounds().center)}),this}toggleLock(e){let n=typeof e[0]=="string"?e:e.map(s=>s.id);if(this.getIsReadonly()||n.length===0)return this;let o=!0,r=!0,i=[];for(let s of n){let a=this.getShape(s);a&&(i.push(a),a.isLocked?r=!1:o=!1)}return this.run(()=>{r?(this.updateShapes(i.map(s=>({id:s.id,type:s.type,isLocked:!0}))),this.setSelectedShapes([])):o?this.updateShapes(i.map(s=>({id:s.id,type:s.type,isLocked:!1}))):this.updateShapes(i.map(s=>({id:s.id,type:s.type,isLocked:!0})))}),this}sendToBack(e){let n=typeof e[0]=="string"?e:e.map(r=>r.id),o=eC(this,"toBack",n,{considerAllShapes:!0});return o&&this.updateShapes(o),this}sendBackward(e,n={}){let o=typeof e[0]=="string"?e:e.map(i=>i.id),r=eC(this,"backward",o,n);return r&&this.updateShapes(r),this}bringForward(e,n={}){let o=typeof e[0]=="string"?e:e.map(i=>i.id),r=eC(this,"forward",o,n);return r&&this.updateShapes(r),this}bringToFront(e){let n=typeof e[0]=="string"?e:e.map(r=>r.id),o=eC(this,"toFront",n);return o&&this.updateShapes(o),this}getShapeClusters(e,n,o){let r=typeof e[0]=="string"?e:e.map(c=>c.id),i=we(r.map(c=>this.getShape(c)));o?.filterAxisAligned&&(i=i.filter(c=>this.getShapePageTransform(c)?.rotation()%(wt/2)===0));let s=[],a=[],l=new Set;for(let c of i){if(l.has(c.id))continue;l.add(c.id);let d=this.getShapePageBounds(c);if(!d||!this.getShapeUtil(c).canBeLaidOut?.(c,{type:n,shapes:i}))continue;let u=[c],p=[d];this.collectShapesViaArrowBindings({bindings:this.getBindingsToShape(c.id,"arrow"),initialShapes:i,resultShapes:u,resultBounds:p,visited:l});let f=q.Common(p);f&&(s.push({shapes:u,pageBounds:f}),a.push(f))}return{clusters:s,allBounds:a}}collectShapesViaArrowBindings(e){let{initialShapes:n,resultShapes:o,resultBounds:r,bindings:i,visited:s}=e;for(let a of i)for(let l of[a.fromId,a.toId])if(!s.has(l)){let c=n.find(d=>d.id===l);if(c&&!s.has(c.id)){s.add(c.id);let d=this.getShapePageBounds(c);if(!d)continue;o.push(c),r.push(d),this.collectShapesViaArrowBindings({...e,bindings:this.getBindingsInvolvingShape(c,"arrow")})}}}flipShapes(e,n){if(this.getIsReadonly())return this;let o=typeof e[0]=="string"?e:e.map(l=>l.id),r=we(o.map(l=>this.getShape(l)));for(let l of r)if(this.isShapeOfType(l,"group")){let c=we(this.getSortedChildIdsForParent(l.id).map(d=>this.getShape(d)));r.push(...c)}let i=[],s=[];for(let l of r){let c=this.getShapeUtil(l);if(!c.canBeLaidOut(l,{type:"flip",shapes:r}))continue;let d=this.getShapePageBounds(l),u=this.getShapeGeometry(l).bounds,p=this.getShapePageTransform(l.id);d&&u&&p&&(i.push({shape:l,localBounds:u,pageTransform:p,isAspectRatioLocked:c.isAspectRatioLocked(l)}),s.push(d))}if(!i.length)return this;let a=q.Common(s).center;return this.run(()=>{for(let{shape:l,localBounds:c,pageTransform:d,isAspectRatioLocked:u}of i)this.resizeShape(l.id,{x:n==="horizontal"?-1:1,y:n==="vertical"?-1:1},{initialBounds:c,initialPageTransform:d,initialShape:l,isAspectRatioLocked:u,mode:"scale_shape",scaleOrigin:a,scaleAxisRotation:0})}),this}stackShapes(e,n,o){let r=o??this.options.adjacentShapeMargin;if(this.getIsReadonly())return this;let{clusters:i}=this.getShapeClusters(e,"stack"),s=i.length;if(r===0&&s<3||s<2)return this;let a,l,c,d;n==="horizontal"?(a="x",l="minX",c="maxX",d="width"):(a="y",l="minY",c="maxY",d="height");let u=0;if(r===0){let h={};i.sort((y,m)=>y.pageBounds[l]-m.pageBounds[l]);for(let y=0;y<s-1;y++){let m=i[y],b=i[y+1].pageBounds[l]-m.pageBounds[c];h[b]||(h[b]=0),h[b]++}let g=1;for(let[y,m]of Object.entries(h))m>g&&(g=m,u=parseFloat(y));if(g===1){let y=0;for(let[m,S]of Object.entries(h))u+=parseFloat(m)*S,y+=S;u/=y}}else u=r;let p=[],f=i[0].pageBounds[c];for(let h=1;h<i.length;h++){let{shapes:g,pageBounds:y}=i[h],m=new T;m[a]=f+u-y[a];for(let S of g){let b=m.clone(),v=this.getShapeParent(S);if(v){let w=this.getShapePageTransform(v);w&&b.rot(-w.rotation())}b.add(S),p.push(this.getChangesToTranslateShape(S,b))}f+=y[d]+u}return this.updateShapes(p),this}packShapes(e,n){if(this.getIsReadonly())return this;let o=n??this.options.adjacentShapeMargin,{clusters:r,allBounds:i}=this.getShapeClusters(e,"pack"),s=r.map(b=>({...b,nextPageBounds:b.pageBounds.clone()}));if(s.length<2)return this;let a=0;for(let{pageBounds:b}of s)a+=b.width*b.height;let l=q.Common(i),c=l.width;s.sort((b,v)=>b.pageBounds.width-v.pageBounds.width).sort((b,v)=>b.pageBounds.height-v.pageBounds.height);let d=Math.max(Math.ceil(Math.sqrt(a/.95)),c),u=[new q(l.x,l.y,d,1/0)],p=0,f=0,h,g;for(let{nextPageBounds:b}of s)for(let v=u.length-1;v>=0;v--)if(h=u[v],!(b.width>h.width||b.height>h.height)){b.x=h.x,b.y=h.y,f=Math.max(f,b.maxY),p=Math.max(p,b.maxX),b.width===h.width&&b.height===h.height?(g=u.pop(),v<u.length&&(u[v]=g)):b.height===h.height?(h.x+=b.width+o,h.width-=b.width+o):b.width===h.width?(h.y+=b.height+o,h.height-=b.height+o):(u.push(new q(h.x+(b.width+o),h.y,h.width-(b.width+o),b.height)),h.y+=b.height+o,h.height-=b.height+o);break}let y=q.Common(s.map(b=>b.nextPageBounds)),m=T.Sub(l.center,y.center),S=[];for(let{shapes:b,pageBounds:v,nextPageBounds:w}of s){let x=T.Sub(w.point,v.point).add(m);for(let C of b){let P=x.clone();if(this.getShapeParent(C)){let E=this.getShapeParentTransform(C);E&&P.rot(-E.rotation())}P.add(C),S.push(this.getChangesToTranslateShape(C,P))}}return S.length&&this.updateShapes(S),this}alignShapes(e,n){if(this.getIsReadonly())return this;let{clusters:o,allBounds:r}=this.getShapeClusters(e,"align");if(o.length<2)return this;let i=q.Common(r),s=[];return o.forEach(({shapes:a,pageBounds:l})=>{let c=new T;switch(n){case"top":{c.y=i.minY-l.minY;break}case"center-vertical":{c.y=i.midY-l.minY-l.height/2;break}case"bottom":{c.y=i.maxY-l.minY-l.height;break}case"left":{c.x=i.minX-l.minX;break}case"center-horizontal":{c.x=i.midX-l.minX-l.width/2;break}case"right":{c.x=i.maxX-l.minX-l.width;break}}for(let d of a){let u=c.clone(),p=this.getShapeParent(d);if(p){let f=this.getShapePageTransform(p);f&&u.rot(-f.rotation())}u.add(d),s.push(this.getChangesToTranslateShape(d,u))}}),this.updateShapes(s),this}distributeShapes(e,n){if(this.getIsReadonly())return this;let{clusters:o}=this.getShapeClusters(e,"distribute");if(o.length<3)return this;let r,i,s,a;n==="horizontal"?(r="x",i="minX",s="maxX",a="width"):(r="y",i="minY",s="maxY",a="height");let l=[],c=o.sort((y,m)=>y.pageBounds[i]-m.pageBounds[i])[0],d=o.sort((y,m)=>m.pageBounds[s]-y.pageBounds[s])[0];if(c===d){let y=new Set(c.shapes.map(S=>S.id)),m=typeof e[0]=="string"?e:e.map(S=>S.id);return this.distributeShapes(m.filter(S=>!y.has(S)),n)}let u=o.filter(y=>y!==c&&y!==d).sort((y,m)=>y.pageBounds[i]===m.pageBounds[i]?y.shapes[0].id<m.shapes[0].id?-1:1:y.pageBounds[i]-m.pageBounds[i]),p=c.pageBounds[s],f=d.pageBounds[i]-p,h=u.reduce((y,m)=>y+m.pageBounds[a],0),g=(f-h)/(u.length+1);for(let y=p+g,m=0;m<u.length;m++){let{shapes:S,pageBounds:b}=u[m],v=new T;v[r]=y-b[r],y+b[a]>d.pageBounds[s]-1&&(v[r]=d.pageBounds[s]-b[s]-1);for(let w of S){let x=v.clone(),C=this.getShapeParent(w);if(C){let P=this.getShapePageTransform(C);P&&x.rot(-P.rotation())}x.add(w),l.push(this.getChangesToTranslateShape(w,x))}y+=b[a]+g}return this.updateShapes(l),this}stretchShapes(e,n){if(this.getIsReadonly())return this;let{clusters:o,allBounds:r}=this.getShapeClusters(e,"stretch",{filterAxisAligned:!0});if(o.length<2)return this;let i=q.Common(r),s,a,l;return n==="horizontal"?(s="x",a="minX",l="width"):(s="y",a="minY",l="height"),this.run(()=>{o.forEach(({shapes:c,pageBounds:d})=>{let u=new T;u[s]=i[a]-d[a];let p=d.center.clone();p[s]=i[a];let f=new T(1,1);f[s]=i[l]/d[l];for(let h of c){let g=u.clone(),y=this.getShapeParentTransform(h);y&&g.rot(-y.rotation()),g.add(h);let m=this.getChangesToTranslateShape(h,g);this.updateShape(m),this.resizeShape(h.id,f,{initialBounds:this.getShapeGeometry(h).bounds,scaleOrigin:p,isAspectRatioLocked:this.getShapeUtil(h).isAspectRatioLocked(h),scaleAxisRotation:0})}})}),this}resizeToBounds(e,n){if(this.getIsReadonly())return this;let o=q.From(n),{clusters:r,allBounds:i}=this.getShapeClusters(e,"resize_to_bounds",{filterAxisAligned:!0});if(r.length===0)return this;let s=q.Common(i);if(!s)return this;if(s.width===0||s.height===0)return this;let a=o.width/s.width,l=o.height/s.height,c=new T(a,l);return r.forEach(({shapes:d,pageBounds:u})=>{let p=new T(o.minX-s.minX+(u.minX-s.minX)*(a-1),o.minY-s.minY+(u.minY-s.minY)*(l-1)),f=new T(o.minX+(u.minX-s.minX)*a,o.minY+(u.minY-s.minY)*l);for(let h of d){let g=p.clone(),y=this.getShapeParentTransform(h);y&&g.rot(-y.rotation()),g.add(h);let m=this.getChangesToTranslateShape(h,g);this.updateShape(m),this.resizeShape(h.id,c,{initialBounds:this.getShapeGeometry(h).bounds,scaleOrigin:f,isAspectRatioLocked:this.getShapeUtil(h).isAspectRatioLocked(h),scaleAxisRotation:0})}}),this}resizeShape(e,n,o={}){let r=this.getResizeShapePartial(e,n,o);return r&&this.updateShapes([r]),this}getResizeShapePartial(e,n,o={}){let r=typeof e=="string"?e:e.id;if(this.getIsReadonly())return null;Number.isFinite(n.x)||(n=new T(1,n.y)),Number.isFinite(n.y)||(n=new T(n.x,1));let i=o.initialShape??this.getShape(r);if(!i)return null;let s=o.scaleOrigin??this.getShapePageBounds(r)?.center;if(!s)return null;let a=o.initialPageTransform?Q.Cast(o.initialPageTransform):this.getShapePageTransform(r);if(!a)return null;let l=a.rotation();if(l==null)return null;let c=o.scaleAxisRotation??l,d=o.initialBounds??this.getShapeGeometry(r).bounds;if(!d)return null;let u=o.isAspectRatioLocked??this.getShapeUtil(i).isAspectRatioLocked(i);if(!yg(l,c))return this._resizeUnalignedShape(r,n,{...o,initialBounds:d,scaleOrigin:s,scaleAxisRotation:c,initialPageTransform:a,isAspectRatioLocked:u,initialShape:i}),null;let p=this.getShapeUtil(i);u&&(Math.abs(n.x)>Math.abs(n.y)?n=new T(n.x,Math.sign(n.y)*Math.abs(n.x)):n=new T(Math.sign(n.x)*Math.abs(n.y),n.y));let f=null;if(p.onResize&&p.canResize(i)){let b=this._scalePagePoint(Q.applyToPoint(a,new T(0,0)),s,n,c),v=this.getPointInParentSpace(i.id,b),w=new T(n.x,n.y),x=En((l-c)%Math.PI,0);w.x=x?n.x:n.y,w.y=x?n.y:n.x;let C=Q.applyToPoint(a,new T),{x:P,y:M}=this.getPointInParentSpace(i.id,C);f=i,o.skipStartAndEndCallbacks||(f=mu(i,p.onResizeStart?.(i)??void 0));let E=p.onResize({...i,x:P,y:M},{newPoint:v,handle:o.dragHandle??"bottom_right",mode:o.mode??"scale_shape",scaleX:w.x,scaleY:w.y,initialBounds:d,initialShape:i});if(f=mu(f,{id:r,type:i.type,x:v.x,y:v.y,...E}),o.skipStartAndEndCallbacks||(f=mu(f,p.onResizeEnd?.(i,f)??void 0)),E)return f}let h=Q.applyToPoint(a,d.center),g=this._scalePagePoint(h,s,n,c),y=this.getPointInParentSpace(i.id,h),m=this.getPointInParentSpace(i.id,g),S=T.Sub(m,y);return f?{...f,x:i.x+S.x,y:i.y+S.y}:{id:r,type:i.type,x:i.x+S.x,y:i.y+S.y}}_scalePagePoint(e,n,o,r){let i=T.RotWith(e,n,-r).sub(n),s=T.MulV(i,o);return T.Add(s,n).rotWith(n,r)}_resizeUnalignedShape(e,n,o){let{type:r}=o.initialShape,i=new T(n.x,n.y);if(Math.abs(n.x)>Math.abs(n.y)?i.x=Math.sign(n.x)*Math.abs(n.y):i.y=Math.sign(n.y)*Math.abs(n.x),this.resizeShape(e,i,{initialShape:o.initialShape,initialBounds:o.initialBounds,isAspectRatioLocked:o.isAspectRatioLocked,initialPageTransform:o.initialPageTransform}),Math.sign(n.x)*Math.sign(n.y)<0){let y=this.getShapeParentTransform(e).rotation(),m=-o.initialShape.rotation-2*y;this.updateShapes([{id:e,type:r,rotation:m}])}let s=Q.applyToPoint(o.initialPageTransform,o.initialBounds.center),a=this._scalePagePoint(s,o.scaleOrigin,n,o.scaleAxisRotation),l=this.getShapePageTransform(e),c=this.getShapeGeometry(e).bounds,d=Q.applyToPoint(l,c.center),u=l.point();if(!d||!u)return this;let p=T.Sub(a,d),f=T.Add(u,p),{x:h,y:g}=this.getPointInParentSpace(e,f);return this.updateShapes([{id:e,type:r,x:h,y:g}]),this}getInitialMetaForShape(e){return{}}canCreateShape(e){return this.canCreateShapes([e])}canCreateShapes(e){return e.length+this.getCurrentPageShapeIds().size<=this.options.maxShapesPerPage}createShape(e){return this.createShapes([e]),this}createShapes(e){if(!Array.isArray(e))throw Error("Editor.createShapes: must provide an array of shapes or shape partials");if(this.getIsReadonly())return this;if(e.length<=0)return this;let n=this.getCurrentPageShapeIds();if(e.length+n.size>this.options.maxShapesPerPage)return uA(this),this;let r=this.getFocusedGroupId();return this.run(()=>{let i=this.getCurrentPageShapesSorted(),s=e.map(d=>{if(d.id||(d={id:Ke(),...d}),!d.parentId||!(this.store.has(d.parentId)||e.some(u=>u.id===d.parentId))){let u=this.getFocusedGroupId();if(d.x!==void 0&&d.y!==void 0)for(let h=i.length-1;h>=0;h--){let g=i[h];if(this.getShapeUtil(g).canReceiveNewChildrenOfType(g,d.type)&&!this.isShapeHidden(g)&&this.isPointInShape(g,{x:d.x??0,y:d.y??0},{margin:0,hitInside:!0})){u=g.id;break}}let f=d.parentId;if(u===d.id&&(u=r),u!==f&&(d={...d},d.parentId=u,On(u))){let h=this.getPointInShapeSpace(this.getShape(u),{x:d.x??0,y:d.y??0});d.x=h.x,d.y=h.y,d.rotation=-this.getShapePageTransform(u).rotation()+(d.rotation??0)}}return d}),a=new Map,l=[],{opacityForNextShape:c}=this.getInstanceState();for(let d of s){let u=this.getShapeUtil(d),p=d.index;if(!p){let y=d.parentId??r;a.has(y)||a.set(y,this.getHighestIndexForParent(y)),p=a.get(y),a.set(y,Sr(p))}let f=u.getDefaultProps();for(let[y,m]of this.styleProps[d.type])f[m]=this.getStyleForNextShape(y);let h=this.store.schema.types.shape.create({...d,index:p,opacity:d.opacity??c,parentId:d.parentId??r,props:"props"in d?{...f,...d.props}:f});if(h.index===void 0)throw Error("no index!");let g=this.getShapeUtil(h).onBeforeCreate?.(h);g&&(h=g),l.push(h)}l.forEach(d=>{d.meta={...this.getInitialMetaForShape(d),...d.meta}}),this.emit("created-shapes",l),this.emit("edit"),this.store.put(l)}),this}animatingShapes=new Map;animateShape(e,n={animation:YT}){return this.animateShapes([e],n)}animateShapes(e,n={animation:YT}){if(!n.animation)return this;let{duration:o=500,easing:r=Ko.linear}=n.animation,i=Ne(),s=o,a,l=[],c,d;for(let p=0,f=e.length;p<f;p++){if(c=e[p],!c)continue;let h=this.getShape(c.id);h&&(d={start:yt(h),end:mu(yt(h),c)},l.push(d),this.animatingShapes.set(h.id,i))}let u=p=>{if(s-=p,s<0){let{animatingShapes:y}=this,m=e.filter(S=>S&&y.get(S.id)===i);m.length&&this.updateShapes(m),this.off("tick",u);return}a=r(1-s/o);let{animatingShapes:f}=this,h=[],g;for(let y=0,m=l.length;y<m;y++){let{start:S,end:b}=l[y];g=f.get(S.id),g===i&&h.push({...b,x:S.x+(b.x-S.x)*a,y:S.y+(b.y-S.y)*a,opacity:S.opacity+(b.opacity-S.opacity)*a,rotation:S.rotation+(b.rotation-S.rotation)*a,props:this.getShapeUtil(b).getInterpolatedProps?.(S,b,a)??b.props})}this._updateShapes(h)};return this.on("tick",u),this}groupShapes(e,n={}){let{groupId:o=Ke(),select:r=!0}=n;if(!Array.isArray(e))throw Error("Editor.groupShapes: must provide an array of shapes or shape ids");if(this.getIsReadonly())return this;let i=typeof e[0]=="string"?e:e.map(g=>g.id);if(i.length<=1)return this;let s=we((this._shouldIgnoreShapeLock?i:this._getUnlockedShapeIds(i)).map(g=>this.getShape(g))),a=s.sort(Un).map(g=>g.id),l=we(s.map(g=>this.getShapePageBounds(g))),c=q.Common(l);if(!c.isValid())throw Error("Editor.groupShapes: group bounds are invalid (NaN).");let{x:d,y:u}=c.point,p=this.findCommonAncestor(s)??this.getCurrentPageId();if(this.getCurrentToolId()!=="select")return this;this.isIn("select.idle")||this.cancel();let f=s.filter(g=>g.parentId===p).sort(Un),h=f[f.length-1]?.index;return this.run(()=>{this.createShapes([{id:o,type:"group",parentId:p,index:h,x:d,y:u,opacity:1,props:{}}]),this.reparentShapes(a,o),r&&this.select(o)}),this}ungroupShapes(e,n={}){if(this.getIsReadonly())return this;let{select:o=!0}=n,r=typeof e[0]=="string"?e:e.map(l=>l.id),i=we((this._shouldIgnoreShapeLock?r:this._getUnlockedShapeIds(r)).map(l=>this.getShape(l)));if(i.length===0)return this;if(this.getCurrentToolId()!=="select")return this;this.isIn("select.idle")||this.cancel();let s=new Set,a=[];return i.forEach(l=>{this.isShapeOfType(l,"group")?a.push(l):s.add(l.id)}),a.length===0?this:(this.run(()=>{let l;for(let c=0,d=a.length;c<d;c++){l=a[c];let u=this.getSortedChildIdsForParent(l.id);for(let p=0,f=u.length;p<f;p++)s.add(u[p]);this.reparentShapes(u,l.parentId,l.index)}this.deleteShapes(a.map(c=>c.id)),o&&this.select(...s)}),this)}updateShape(e){return this.updateShapes([e]),this}updateShapes(e){let n=Array(e.length);for(let o=0,r=e.length;o<r;o++){let i=e[o];if(!i)continue;let s=this.getShape(i.id);if(s){if(!this._shouldIgnoreShapeLock){if(s.isLocked){if(!(Object.hasOwn(i,"isLocked")&&!i.isLocked))continue}else if(this.isShapeOrAncestorLocked(s))continue}this.animatingShapes.delete(i.id),n.push(i)}}return this._updateShapes(n),this}_updateShapes(e){this.getIsReadonly()||this.run(()=>{let n=[],o,r;for(let i=0,s=e.length;i<s;i++){let a=e[i];a&&(o=this.getShape(a.id),o&&(r=mu(o,a),r!==o&&(r=this.getShapeUtil(o).onBeforeUpdate?.(o,r)??r,n.push(r))))}this.emit("edited-shapes",n),this.emit("edit"),this.store.put(n)})}_getUnlockedShapeIds(e){return e.filter(n=>!this.getShape(n)?.isLocked)}deleteShapes(e){if(this.getIsReadonly())return this;if(!Array.isArray(e))throw Error("Editor.deleteShapes: must provide an array of shapes or shapeIds");let n=typeof e[0]=="string"?e:e.map(i=>i.id),o=this._shouldIgnoreShapeLock?n:this._getUnlockedShapeIds(n);if(o.length===0)return this;let r=new Set(o);for(let i of o)this.visitDescendants(i,s=>{r.add(s)});return this.emit("deleted-shapes",[...r]),this.emit("edit"),this.run(()=>this.store.remove([...r]))}deleteShape(e){return this.deleteShapes([typeof e=="string"?e:e.id]),this}_extractSharedStyles(e,n){if(this.isShapeOfType(e,"group")){let o=this._parentIdsToChildIds.get()[e.id];if(!o)return;for(let r=0,i=o.length;r<i;r++)this._extractSharedStyles(this.getShape(o[r]),n)}else for(let[o,r]of this.styleProps[e.type])n.applyValue(o,qt(e.props,r))}_getSelectionSharedStyles(){let e=this.getSelectedShapes(),n=new dh;for(let o of e)this._extractSharedStyles(o,n);return n}getStyleForNextShape(e){let n=this.getInstanceState().stylesForNextShape[e.id];return n===void 0?e.defaultValue:n}getShapeStyleIfExists(e,n){let o=this.styleProps[e.type].get(n);if(o!==void 0)return qt(e.props,o)}getSharedStyles(){if(this.isIn("select")&&this.getSelectedShapeIds().length>0)return this._getSelectionSharedStyles();let e=this.root.getCurrent(),n=new dh;if(!e)return n;if(e.shapeType)if(e.shapeType==="frame"&&!this.getShapeUtil("frame").options.showColors)for(let o of this.styleProps[e.shapeType].keys())o.id!=="tldraw:color"&&n.applyValue(o,this.getStyleForNextShape(o));else for(let o of this.styleProps[e.shapeType].keys())n.applyValue(o,this.getStyleForNextShape(o));return n}getSharedOpacity(){if(this.isIn("select")&&this.getSelectedShapeIds().length>0){let e=[],n=r=>{let i=this.getShape(r);if(i)if(this.isShapeOfType(i,"group"))for(let s of this.getSortedChildIdsForParent(i.id))n(s);else e.push(i)};for(let r of this.getSelectedShapeIds())n(r);let o=null;for(let r of e)if(o===null)o=r.opacity;else if(o!==r.opacity)return{type:"mixed"};if(o!==null)return{type:"shared",value:o}}return{type:"shared",value:this.getInstanceState().opacityForNextShape}}setOpacityForNextShapes(e,n){return this.updateInstanceState({opacityForNextShape:e},n),this}setOpacityForSelectedShapes(e){let n=this.getSelectedShapes();if(n.length>0){let o=[],r=i=>{if(this.isShapeOfType(i,"group")){let s=this.getSortedChildIdsForParent(i);for(let a of s)r(this.getShape(a))}else o.push(i)};for(let i of n)r(i);this.updateShapes(o.map(i=>({id:i.id,type:i.type,opacity:e})))}return this}setStyleForNextShapes(e,n,o){let r=this.getInstanceState().stylesForNextShape;return this.updateInstanceState({stylesForNextShape:{...r,[e.id]:n}},o),this}setStyleForSelectedShapes(e,n){let o=this.getSelectedShapes();if(o.length>0){let r=[],i=s=>{if(this.isShapeOfType(s,"group")){let a=this.getSortedChildIdsForParent(s.id);for(let l of a)i(this.getShape(l))}else{let a=this.getShapeUtil(s),l=this.styleProps[s.type].get(e);if(l){let c={id:s.id,type:s.type,props:{[l]:n}};r.push({util:a,originalShape:s,updatePartial:c})}}};for(let s of o)i(s);this.updateShapes(r.map(({updatePartial:s})=>s))}return this}externalAssetContentHandlers={file:null,url:null};temporaryAssetPreview=new Map;registerExternalAssetHandler(e,n){return this.externalAssetContentHandlers[e]=n,this}createTemporaryAssetPreview(e,n){if(this.temporaryAssetPreview.has(e))return this.temporaryAssetPreview.get(e);let o=URL.createObjectURL(n);return this.temporaryAssetPreview.set(e,o),setTimeout(()=>{this.temporaryAssetPreview.delete(e),URL.revokeObjectURL(o)},this.options.temporaryAssetPreviewLifetimeMs),o}getTemporaryAssetPreview(e){return this.temporaryAssetPreview.get(e)}async getAssetForExternalContent(e){return await this.externalAssetContentHandlers[e.type]?.(e)}hasExternalAssetHandler(e){return!!this.externalAssetContentHandlers[e]}externalContentHandlers={text:null,files:null,"file-replace":null,embed:null,"svg-text":null,url:null,tldraw:null,excalidraw:null};registerExternalContentHandler(e,n){return this.externalContentHandlers[e]=n,this}async putExternalContent(e,n={}){if(!(!n.force&&this.getIsReadonly()))return this.externalContentHandlers[e.type]?.(e)}async replaceExternalContent(e,n={}){if(!(!n.force&&this.getIsReadonly()))return this.externalContentHandlers[e.type]?.(e)}getContentFromCurrentPage(e){let n=typeof e[0]=="string"?e:e.map(r=>r.id);if(!n||n.length===0)return;let o=this.getShapeAndDescendantIds(n);return TJ(this,o,r=>{let i=[];for(let p of r){let f=this.getBinding(p);f&&i.push(f)}let s=[],a=[];for(let p of o){let f=this.getShape(p);if(!f)continue;if(!o.has(f.parentId)){let g=this.getShapePageTransform(f.id),y=g.point();a.push({...f,x:y.x,y:y.y,rotation:g.rotation(),parentId:this.getCurrentPageId()}),s.push(f.id)}else a.push(f)}let l=[],c=new Set;for(let p of a){if(!("assetId"in p.props))continue;let f=p.props.assetId;if(!f||c.has(f))continue;c.add(f);let h=this.getAsset(f);h&&l.push(h)}let d=[],u=new Set;for(let p of this._getReferencedUserIds(a)){let f=cu(p);if(u.has(f))continue;u.add(f);let h=this.store.get(f);h&&d.push(h)}return{schema:this.store.schema.serialize(),shapes:a,rootShapeIds:s,bindings:i,assets:l,users:d}})}async resolveAssetsInContent(e){if(!e)return;let n=[];return await Promise.allSettled(e.assets.map(async o=>{if((o.type==="image"||o.type==="video")&&!o.props.src?.startsWith("data:image")&&!o.props.src?.startsWith("data:video")&&!o.props.src?.startsWith("http")){let r=yt(o),i=await this.store.props.assets.resolve(o,{screenScale:1,steppedScreenScale:1,dpr:1,networkEffectiveType:null,shouldResolveToOriginal:!0});r.props.src=await Zn.blobToDataUrl(await tr(i).then(s=>s.blob())),n.push(r)}else n.push(o)})),e.assets=n,e}putContentOntoCurrentPage(e,n={}){if(this.getIsReadonly())return this;if(!e.schema)throw Error(`Could not put content:
+content is missing a schema.`);let{select:o=!1,preserveIds:r=!1,preservePosition:i=!1}=n,{point:s=void 0}=n,a=this.getCurrentPageId(),{rootShapeIds:l}=e,c=[],d=[],u=[],p=[],f={store:{...Object.fromEntries(e.assets.map(E=>[E.id,E])),...Object.fromEntries(e.shapes.map(E=>[E.id,E])),...Object.fromEntries(e.bindings?.map(E=>[E.id,E])??[]),...Object.fromEntries(e.users?.map(E=>[E.id,E])??[])},schema:e.schema},h=this.store.schema.migrateStoreSnapshot(f);if(h.type==="error")throw Error("Could not put content: could not migrate content");for(let E of Object.values(h.value))switch(E.typeName){case"asset":{c.push(E);break}case"shape":{d.push(E);break}case"binding":{u.push(E);break}case"user":{p.push(E);break}}if(p.length>0){let E=new Set(this.store.allRecords().filter(R=>R.typeName==="user").map(R=>R.id)),I=p.filter(R=>!E.has(R.id));I.length>0&&this.store.put(I)}let g=new Map(r?d.map(E=>[E.id,E.id]):d.map(E=>[E.id,Ke()])),y=new Map(r?u.map(E=>[E.id,E.id]):u.map(E=>[E.id,ac()])),m=a,S=new Map(d.map(E=>[E.id,E])),b=we(l.map(E=>S.get(E)));if(s)b.length>0&&(m=this.getShapeAtPoint(s,{hitInside:!0,hitFrameInside:!0,hitLocked:!0,filter:I=>{let R=this.getShapeUtil(I);return b.every(D=>R.canReceiveNewChildrenOfType?.(I,D.type))}})?.id??a);else if(!i){let E=this.getSelectedShapes(),I=null,R=D=>{let N=this.getShapeUtil(D);return b.every(B=>N.canReceiveNewChildrenOfType?.(D,B.type))};for(let D of E){let N=R(D)?D:this.findShapeAncestor(D,R)??(On(D.parentId)?this.getShape(D.parentId):null);if(!N){I=null;break}if(!I)I=N;else if(I.id!==N.id){let B=this.getShapeAncestors(I);R(I)&&B.push(I);let F=B.filter(R),k=new Set([N.id,...this.getShapeAncestors(N).map(U=>U.id)]),L=null;for(let U=F.length-1;U>=0;U--)if(k.has(F[U].id)){L=F[U];break}if(I=L,!I)break}}I&&g.has(I.id)&&(I=null),I&&(m=I.id)}let v=this.getHighestIndexForParent(m),w=[],x=d.map(E=>{let I=g.get(E.id),R={...E,id:I};return l.includes(E.id)&&(R.parentId=a,w.push(R)),g.has(R.parentId)?R.parentId=g.get(E.parentId):(l.push(R.id),R.index=v,v=Sr(v)),R});if(x.length+this.getCurrentPageShapeIds().size>this.options.maxShapesPerPage)return uA(this),this;let C=u.map(E=>({...E,id:Dn(y.get(E.id)),fromId:Dn(g.get(E.fromId)),toId:Dn(g.get(E.toId))})),P=[],M=[];for(let E of c)this.store.has(E.id)||((E.type==="image"&&E.props.src?.startsWith("data:image")||E.type==="video"&&E.props.src?.startsWith("data:video"))&&(M.push(yt(E)),E.props.src=null),P.push(E));return Promise.allSettled(M.map(async E=>{let I=await k3(E.props.src,E.props.name,E.props.mimeType??"image/png"),R=await this.getAssetForExternalContent({type:"file",file:I,assetId:E.id});if(!R){this.deleteAssets([E.id]);return}this.updateAssets([{...R,id:E.id}])})),this.run(()=>{P.length>0&&this.createAssets(P),this.createShapes(x),this.createBindings(C),o&&this.select(...w.map(B=>B.id)),m!==a&&this.reparentShapes(w.map(B=>B.id),m);let E=q.Common(we(w.map(B=>this.getShapePageBounds(B.id))));if(s===void 0)if(jo(m))if(i)s=E.center;else{let B=this.getViewportPageBounds();s=w.some(k=>{let L=this.getShapePageBounds(k.id);return L&&B.collides(L)})?E.center:B.center}else{let B=this.getShape(m);s=Q.applyToPoint(this.getShapePageTransform(B),this.getShapeGeometry(B).bounds.center)}let I=q.Common(we(w.map(({id:B})=>this.getShapePageBounds(B)))).center,R=T.Sub(s,I);if((R.x!==0||R.y!==0)&&this.updateShapes(w.map(({id:B})=>{let F=this.getShape(B),k=this.getShapeParentTransform(B).decompose().rotation,L=T.Rot(R,-k);return{id:F.id,type:F.type,x:F.x+L.x,y:F.y+L.y}})),jo(m)){let B=we(w.map(k=>this.getShape(k.id))),{reparenting:F}=oA(this,B,(k,L)=>{if(g.has(L.id))return!1;let U=this.getShapePageBounds(k),V=this.getShapePageBounds(L);return!U||!V?!1:V.containsPoint(U.center)});F.forEach((k,L)=>{k.length!==0&&this.reparentShapes(k.map(U=>U.id),L)})}let D=new Set(x.map(B=>B.id)),N=w.map(B=>B.id).filter(B=>{let F=this.getShape(B);return!F||jo(F.parentId)?!1:!this.getSortedChildIdsForParent(B).some(L=>D.has(L))});N.length>0&&ht(this,N)}),this}async getSvgElement(e,n={}){let o=e.length===0?this.getCurrentPageShapeIdsSorted():typeof e[0]=="string"?e:e.map(r=>r.id);if(o.length!==0)return await this.fonts.loadRequiredFontsForCurrentPage(this.options.maxFontsToLoadBeforeRender),WZ(this,o,n)}async getSvgString(e,n={}){let o=await this.getSvgElement(e,n);return o?{svg:new XMLSerializer().serializeToString(o.svg),width:o.width,height:o.height,trimPadding:o.trimPadding}:void 0}async toImage(e,n={}){let o={format:"png",scale:1,pixelRatio:n.format==="svg"?void 0:2,...n},r=await this.getSvgString(e,o);if(!r)throw new Error("Could not create SVG");switch(o.format){case"svg":{let i=r.svg,s=r.width,a=r.height;if(r.trimPadding>0){let l=await JZ(i,{width:s,height:a,trimPadding:r.trimPadding,scale:o.scale});l&&(i=l.svg,s=l.width,a=l.height)}return{blob:new Blob([i],{type:"image/svg+xml"}),width:s,height:a}}case"jpeg":case"png":case"webp":{let i=await qZ(r.svg,{type:o.format,quality:o.quality,pixelRatio:o.pixelRatio,width:r.width,height:r.height,trimPadding:r.trimPadding,scale:o.scale});if(!i)throw new Error("Could not construct image.");return i}default:Ve(o.format)}}async toImageDataUrl(e,n={}){let{blob:o,width:r,height:i}=await this.toImage(e,n);return{url:await Zn.blobToDataUrl(o),width:r,height:i}}cancel(){return this.dispatch({type:"misc",name:"cancel"}),this}interrupt(){return this.dispatch({type:"misc",name:"interrupt"}),this}complete(){return this.dispatch({type:"misc",name:"complete"}),this}updatePointer(e){let n={type:"pointer",target:"canvas",name:"pointer_move",point:e?.point??T.Add(this.inputs.getCurrentScreenPoint(),this.store.unsafeGetWithoutCapture($o).screenBounds),pointerId:e?.pointerId??0,button:e?.button??0,isPen:e?.isPen??this.inputs.getIsPen(),shiftKey:e?.shiftKey??this.inputs.getShiftKey(),altKey:e?.altKey??this.inputs.getAltKey(),ctrlKey:e?.ctrlKey??this.inputs.getCtrlKey(),metaKey:e?.metaKey??this.inputs.getMetaKey(),accelKey:!1};return n.accelKey=e?.accelKey??this.inputs.getAccelKey(),e?.immediate?this._flushEventForTick(n):this.dispatch(n),this}focus({focusContainer:e=!0}={}){return this.getIsFocused()?this:(e&&this.focusManager.focus(),this.updateInstanceState({isFocused:!0}),this)}blur({blurContainer:e=!0}={}){return this.getIsFocused()?(this.focusManager.blur({blurContainer:e}),this.updateInstanceState({isFocused:!1}),this):this}getIsFocused(){return this.getInstanceState().isFocused}getIsReadonly(){return this.getInstanceState().isReadonly}getSnapshot(){return WT(this.store)}loadSnapshot(e,n){return Eg(this.store,e,n),this}_zoomToFitPageContentAt100Percent(){let e=this.getCurrentPageBounds();e&&this.zoomToBounds(e,{immediate:!0,targetZoom:this.getBaseZoom()})}_navigateToDeepLink(e){this.run(()=>{switch(e.type){case"page":{let n=this.getPage(e.pageId);n&&this.setCurrentPage(n),this._zoomToFitPageContentAt100Percent();return}case"shapes":{let n=we(e.shapeIds.map(s=>this.getShape(s))),o={};for(let s of n){let a=this.getAncestorPageId(s);a&&(o[a]??=[],o[a].push(s))}let[r,i]=Object.entries(o).sort(([s,a],[l,c])=>c.length-a.length)[0]??["",[]];if(!r||!i.length)this._zoomToFitPageContentAt100Percent();else{this.setCurrentPage(r);let s=q.Common(i.map(a=>this.getShapePageBounds(a)));this.zoomToBounds(s,{immediate:!0,targetZoom:this.getBaseZoom()})}return}case"viewport":{if(e.pageId){if(!this.getPage(e.pageId)){this._zoomToFitPageContentAt100Percent();return}this.setCurrentPage(e.pageId)}this.zoomToBounds(e.bounds,{immediate:!0,inset:0});return}default:Ve(e)}})}navigateToDeepLink(e){if(e&&"type"in e)return this._navigateToDeepLink(e),this;let o=new URL(e?.url??window.location.href).searchParams.get(e?.param??"d");if(!o)return this._zoomToFitPageContentAt100Percent(),this;try{this._navigateToDeepLink(O3(o))}catch(r){console.warn(r),this._zoomToFitPageContentAt100Percent()}return this}createDeepLink(e){let n=new URL(e?.url??window.location.href);return n.searchParams.set(e?.param??"d",D3(e?.to??{type:"viewport",pageId:this.options.maxPages===1?void 0:this.getCurrentPageId(),bounds:this.getViewportPageBounds()})),n}registerDeepLinkListener(e){if(e?.getUrl&&!e?.onChange)throw Error("[tldraw:urlStateSync] If you specify getUrl, you must also specify the onChange callback.");let n=$("url with state",()=>{let s=e?.getUrl?.(this)??window.location.href;return this.createDeepLink({param:e?.param,url:s,to:e?.getTarget?.(this)}).toString()}),o=e?.onChange??(()=>{let s=this.createDeepLink({param:e?.param,to:e?.getTarget?.(this)});window.history.replaceState({},this.getContainerDocument().title,s.toString())}),r=Ed(s=>s(),e?.debounceMs??500),i=Sn("update url on state change",()=>o(new URL(n.get()),this),{scheduleEffect:r});return()=>{i(),r.cancel()}}_clickManager=new Ag(this);cancelDoubleClick(){this._clickManager.cancelDoubleClickTimeout()}_prevCursor="default";_shiftKeyTimeout=-1;_setShiftKeyTimeout(){this.inputs.setShiftKey(!1),this.dispatch({type:"keyboard",name:"key_up",key:"Shift",shiftKey:this.inputs.getShiftKey(),ctrlKey:this.inputs.getCtrlKey(),altKey:this.inputs.getAltKey(),metaKey:this.inputs.getMetaKey(),accelKey:this.inputs.getAccelKey(),code:"ShiftLeft"})}_altKeyTimeout=-1;_setAltKeyTimeout(){this.inputs.setAltKey(!1),this.dispatch({type:"keyboard",name:"key_up",key:"Alt",shiftKey:this.inputs.getShiftKey(),ctrlKey:this.inputs.getCtrlKey(),altKey:this.inputs.getAltKey(),metaKey:this.inputs.getMetaKey(),accelKey:this.inputs.getAccelKey(),code:"AltLeft"})}_ctrlKeyTimeout=-1;_setCtrlKeyTimeout(){this.inputs.setCtrlKey(!1),this.dispatch({type:"keyboard",name:"key_up",key:"Ctrl",shiftKey:this.inputs.getShiftKey(),ctrlKey:this.inputs.getCtrlKey(),altKey:this.inputs.getAltKey(),metaKey:this.inputs.getMetaKey(),accelKey:this.inputs.getAccelKey(),code:"ControlLeft"})}_metaKeyTimeout=-1;_setMetaKeyTimeout(){this.inputs.setMetaKey(!1),this.dispatch({type:"keyboard",name:"key_up",key:"Meta",shiftKey:this.inputs.getShiftKey(),ctrlKey:this.inputs.getCtrlKey(),altKey:this.inputs.getAltKey(),metaKey:this.inputs.getMetaKey(),accelKey:this.inputs.getAccelKey(),code:"MetaLeft"})}_restoreToolId="select";_didPinch=!1;_selectedShapeIdsAtPointerDown=[];_didCaptureSelectionAtPointerDown=!1;_longPressTimeout=-1;capturedPointerId=null;performanceTracker;performanceTrackerTimeout=-1;handledEvents=new WeakSet;markEventAsHandled(e){let n="nativeEvent"in e?e.nativeEvent:e;this.handledEvents.add(n)}wasEventAlreadyHandled(e){let n="nativeEvent"in e?e.nativeEvent:e;return this.handledEvents.has(n)}dispatch(e){return this._pendingEventsForNextTick.push(e),e.type==="pointer"&&e.name==="pointer_move"||e.type==="wheel"||e.type==="pinch"||this._flushEventsForTick(0),this}_pendingEventsForNextTick=[];_flushEventsForTick(e){this.run(()=>{if(this._pendingEventsForNextTick.length>0){let n=[...this._pendingEventsForNextTick];this._pendingEventsForNextTick.length=0;for(let o of n)this._flushEventForTick(o)}e>0&&this.root.handleEvent({type:"misc",name:"tick",elapsed:e}),this.scribbles.tick(e)})}_flushEventForTick(e){if(this.getCrashingError())return this;this.emit("before-event",e);let{inputs:n}=this,{type:o}=e;if(e.type==="misc"){(e.name==="cancel"||e.name==="complete")&&(this.inputs.setIsDragging(!1),this.inputs.getIsPanning()&&(this.inputs.setIsPanning(!1),this.inputs.setIsSpacebarPanning(!1),this.setCursor({type:this._prevCursor,rotation:0}))),this.root.handleEvent(e),this.emit("event",e);return}e.shiftKey?(clearTimeout(this._shiftKeyTimeout),this._shiftKeyTimeout=-1,n.setShiftKey(!0)):!e.shiftKey&&n.getShiftKey()&&this._shiftKeyTimeout===-1&&(this._shiftKeyTimeout=this.timers.setTimeout(this._setShiftKeyTimeout,150)),e.altKey?(clearTimeout(this._altKeyTimeout),this._altKeyTimeout=-1,n.setAltKey(!0)):!e.altKey&&n.getAltKey()&&this._altKeyTimeout===-1&&(this._altKeyTimeout=this.timers.setTimeout(this._setAltKeyTimeout,150)),e.ctrlKey?(clearTimeout(this._ctrlKeyTimeout),this._ctrlKeyTimeout=-1,n.setCtrlKey(!0)):!e.ctrlKey&&n.getCtrlKey()&&this._ctrlKeyTimeout===-1&&(this._ctrlKeyTimeout=this.timers.setTimeout(this._setCtrlKeyTimeout,150)),e.metaKey?(clearTimeout(this._metaKeyTimeout),this._metaKeyTimeout=-1,n.setMetaKey(!0)):!e.metaKey&&n.getMetaKey()&&this._metaKeyTimeout===-1&&(this._metaKeyTimeout=this.timers.setTimeout(this._setMetaKeyTimeout,150)),n.getIsPointing()||n.setIsDragging(!1);let r=this.store.unsafeGetWithoutCapture($o),i=this.store.get(this._getCurrentPageStateId()),s=this._cameraOptions.__unsafe__getWithoutCapture();switch(o){case"pinch":{if(s.isLocked)return;switch(clearTimeout(this._longPressTimeout),this.inputs.updateFromEvent(e),e.name){case"pinch_start":{if(n.getIsPinching())return;n.getIsEditing()||(this._didCaptureSelectionAtPointerDown||(this._selectedShapeIdsAtPointerDown=[...i.selectedShapeIds]),this._didPinch=!0,n.setIsPinching(!0),this.interrupt(),this._didCaptureSelectionAtPointerDown&&this.setSelectedShapes(this._selectedShapeIdsAtPointerDown)),this.emit("event",e);return}case"pinch":{if(!n.getIsPinching())return;let{point:{z:a=1},delta:{x:l,y:c}}=e,{x:d,y:u}=T.SubXY(e.point,r.screenBounds.x,r.screenBounds.y);this.stopCameraAnimation(),r.followingUserId&&this.stopFollowingUser();let{x:p,y:f,z:h}=Ti(()=>this.getCamera()),{panSpeed:g}=s;this._setCamera(new T(p+l*g/h-d/h+d/a,f+c*g/h-u/h+u/a,a),{immediate:!0}),this.performance._notifyCameraOperation("zooming"),this.emit("event",e);return}case"pinch_end":{if(!n.getIsPinching())return this;n.setIsPinching(!1);let{_selectedShapeIdsAtPointerDown:a}=this;this.setSelectedShapes(this._selectedShapeIdsAtPointerDown),this._selectedShapeIdsAtPointerDown=[],this._didCaptureSelectionAtPointerDown=!1,this._didPinch&&(this._didPinch=!1,a.length>0&&this.once("tick",()=>{this._didPinch||this.setSelectedShapes(a)})),this.emit("event",e);return}}}case"wheel":{if(s.isLocked)return;this.inputs.updateFromEvent(e);let{panSpeed:a,zoomSpeed:l}=s,c=s.wheelBehavior,d=this.user.getUserPreferences().inputMode;if(d!==null&&(c=d==="trackpad"?"pan":"zoom"),c!=="none"){this.stopCameraAnimation(),r.followingUserId&&this.stopFollowingUser();let{x:u,y:p,z:f}=Ti(()=>this.getCamera()),{x:h,y:g,z:y=0}=e.delta,m=c;switch(e.ctrlKey&&(m=c==="pan"?"zoom":"pan"),m){case"zoom":{let{x:S,y:b}=this.inputs.getCurrentScreenPoint(),v=y;c==="zoom"&&(Math.abs(g)>10?v=10*Math.sign(g)/100:v=g/100);let w=(this.user.getUserPreferences().isZoomDirectionInverted&&d==="mouse")??!1,x=v??0,C=w?-x:x,P=f+C*l*f;this._setCamera(new T(u+S/P-S/f,p+b/P-b/f,P),{immediate:!0}),this.maybeTrackPerformance("Zooming"),this.performance._notifyCameraOperation("zooming"),this.root.handleEvent(e),this.emit("event",e);return}case"pan":{this._setCamera(new T(u+h*a/f,p+g*a/f,f),{immediate:!0}),this.maybeTrackPerformance("Panning"),this.performance._notifyCameraOperation("panning"),this.root.handleEvent(e),this.emit("event",e);return}}}break}case"pointer":{if(n.getIsPinching())return;this.inputs.updateFromEvent(e);let{isPen:a}=e,{isPenMode:l}=r;switch(e.name){case"pointer_down":{if(l&&!a)return;if(this.inputs.getIsPanning()||(this._longPressTimeout=this.timers.setTimeout(()=>{let c=this.getViewportScreenBounds();this.dispatch({...e,point:this.inputs.getOriginScreenPoint().clone().addXY(c.x,c.y),name:"long_press"})},this.options.longPressDurationMs)),this._didCaptureSelectionAtPointerDown||(this._selectedShapeIdsAtPointerDown=this.getSelectedShapeIds(),this._didCaptureSelectionAtPointerDown=!0),e.button===h3&&(this.capturedPointerId=e.pointerId),n.buttons.add(e.button),n.setIsPointing(!0),n.setIsDragging(!1),!l&&e.isPenDirect&&(this.updateInstanceState({isPenMode:!0}),this.interrupt()),e.button===m3)this._restoreToolId=this.getCurrentToolId(),this.complete(),this.setCurrentTool("eraser");else if(e.button===qT)this.inputs.getIsPanning()||(this._prevCursor=this.getInstanceState().cursor.type),this.inputs.setIsPanning(!0),clearTimeout(this._longPressTimeout);else if(e.button===QM&&this.options.rightClickPanning)return this.inputs.setIsRightPointing(!0),clearTimeout(this._longPressTimeout),this;if(this.inputs.getIsPanning())return this.stopCameraAnimation(),this.setCursor({type:"grabbing",rotation:0}),this;break}case"pointer_move":{if(!a&&l)return;let{x:c,y:d,z:u}=Ti(()=>this.getCamera());if(this.inputs.getIsRightPointing()&&!this.inputs.getIsPanning()){let p=this.inputs.getCurrentScreenPoint(),f=this.inputs.getOriginScreenPoint();if(T.Dist2(f,p)>this.options.dragDistanceSquared){this._prevCursor=this.getInstanceState().cursor.type,this.inputs.setIsPanning(!0),this.setCursor({type:"grabbing",rotation:0}),this.stopCameraAnimation();let h=T.Sub(p,f);this.setCamera(new T(c+h.x/u,d+h.y/u,u),{immediate:!0}),this.maybeTrackPerformance("Panning")}return}if(this.inputs.getIsPanning()&&this.inputs.getIsPointing()){let p=this.inputs.getCurrentScreenPoint(),f=this.inputs.getPreviousScreenPoint(),h=T.Sub(p,f);this.setCamera(new T(c+h.x/u,d+h.y/u,u),{immediate:!0}),this.maybeTrackPerformance("Panning"),this.performance._notifyCameraOperation("panning");return}n.getIsPointing()&&!n.getIsDragging()&&T.Dist2(n.getOriginPagePoint(),n.getCurrentPagePoint())*this.getZoomLevel()>(r.isCoarsePointer?this.options.coarseDragDistanceSquared:this.options.dragDistanceSquared)/u&&(n.setIsDragging(!0),clearTimeout(this._longPressTimeout));break}case"pointer_up":{if(n.setIsDragging(!1),n.setIsPointing(!1),clearTimeout(this._longPressTimeout),n.buttons.delete(e.button),r.isPenMode&&!a)return;if(this.inputs.getIsRightPointing()&&!this.inputs.getIsPanning()){this.inputs.setIsRightPointing(!1),this._selectedShapeIdsAtPointerDown=[],this._didCaptureSelectionAtPointerDown=!1;break}if(this.inputs.setIsRightPointing(!1),this.capturedPointerId===e.pointerId&&(this.capturedPointerId=null,e.button=0),n.getIsPanning()){n.keys.has("Space")||(n.setIsPanning(!1),n.setIsSpacebarPanning(!1));let c=this.inputs.getPointerVelocity(),d=Math.min(2,c.len());switch(e.button){case h3:{this.setCursor({type:"grab",rotation:0});break}case qT:{this.inputs.keys.has("Space")?this.setCursor({type:"grab",rotation:0}):this.setCursor({type:this._prevCursor,rotation:0});break}case QM:return this.inputs.keys.has("Space")?this.setCursor({type:"grab",rotation:0}):this.setCursor({type:this._prevCursor,rotation:0}),d>0&&this.slideCamera({speed:d,direction:{x:c.x,y:c.y,z:0}}),this._selectedShapeIdsAtPointerDown=[],this._didCaptureSelectionAtPointerDown=!1,this}d>0&&this.slideCamera({speed:d,direction:{x:c.x,y:c.y,z:0}})}else e.button===m3&&(this.complete(),this.setCurrentTool(this._restoreToolId));this._selectedShapeIdsAtPointerDown=[],this._didCaptureSelectionAtPointerDown=!1;break}}break}case"keyboard":{switch(e.key==="ShiftRight"&&(e.key="ShiftLeft"),e.key==="AltRight"&&(e.key="AltLeft"),e.code==="ControlRight"&&(e.code="ControlLeft"),e.code==="MetaRight"&&(e.code="MetaLeft"),e.name){case"key_down":{if(n.keys.add(e.code),this.options.spacebarPanning&&(e.code==="Space"&&!e.ctrlKey&&(this.inputs.getIsPanning()||(this._prevCursor=r.cursor.type),this.inputs.setIsPanning(!0),this.inputs.setIsSpacebarPanning(!0),clearTimeout(this._longPressTimeout),this.setCursor({type:this.inputs.getIsPointing()?"grabbing":"grab",rotation:0})),this.inputs.getIsSpacebarPanning())){let a;switch(e.code){case"ArrowUp":{a=new T(0,-1);break}case"ArrowRight":{a=new T(1,0);break}case"ArrowDown":{a=new T(0,1);break}case"ArrowLeft":{a=new T(-1,0);break}}if(a){let l=this.getViewportPageBounds(),c=l.clone().translate(a.mulV({x:l.w,y:l.h}));this._animateToViewport(c,{animation:{duration:320}})}}break}case"key_up":{n.keys.delete(e.code),this.options.spacebarPanning&&e.code==="Space"&&(this.inputs.buttons.has(qT)||(this.inputs.setIsPanning(!1),this.inputs.setIsSpacebarPanning(!1),this.setCursor({type:this._prevCursor,rotation:0})));break}case"key_repeat":break}break}}if(e.type==="pointer"){e.button===qT?e.name="middle_click":e.button===QM&&(e.name="right_click"),e.name==="right_click"&&this.getCurrentToolId()!=="select"&&this.getStateDescendant("select")&&this.setCurrentTool("select");let{isPenMode:a}=this.store.unsafeGetWithoutCapture($o);if(e.isPen===a){let l=this._clickManager.handlePointerEvent(e);if(e.name!==l.name){this.root.handleEvent(e),this.emit("event",e),this.root.handleEvent(l),this.emit("event",l);return}}}return this.root.handleEvent(e),this.emit("event",e),e.type==="pointer"&&e.name==="pointer_down"&&this.menus.clearOpenMenus(),this}maybeTrackPerformance(e){Et.measurePerformance.get()&&(this.performanceTracker.isStarted()?clearTimeout(this.performanceTrackerTimeout):this.performanceTracker.start(e),this.performanceTrackerTimeout=this.timers.setTimeout(()=>{this.performanceTracker.stop()},50))}};Se([$],pe.prototype,"getIsShapeHiddenCache",1);Se([$],pe.prototype,"canUndo",1);Se([$],pe.prototype,"canRedo",1);Se([$],pe.prototype,"getPath",1);Se([$],pe.prototype,"getCurrentTool",1);Se([$],pe.prototype,"getCurrentToolId",1);Se([$],pe.prototype,"getDocumentSettings",1);Se([$],pe.prototype,"getInstanceState",1);Se([$],pe.prototype,"getPageStates",1);Se([$],pe.prototype,"_getPageStatesQuery",1);Se([$],pe.prototype,"getCurrentPageState",1);Se([$],pe.prototype,"_getCurrentPageStateId",1);Se([$],pe.prototype,"getSelectedShapeIds",1);Se([$],pe.prototype,"getSelectedShapes",1);Se([$],pe.prototype,"getCurrentPageShapesInReadingOrder",1);Se([$],pe.prototype,"getOnlySelectedShapeId",1);Se([$],pe.prototype,"getOnlySelectedShape",1);Se([$],pe.prototype,"getSelectionPageBounds",1);Se([$],pe.prototype,"getSelectionRotation",1);Se([$],pe.prototype,"getSelectionRotatedPageBounds",1);Se([$],pe.prototype,"getSelectionRotatedScreenBounds",1);Se([$],pe.prototype,"getFocusedGroupId",1);Se([$],pe.prototype,"getFocusedGroup",1);Se([$],pe.prototype,"getEditingShapeId",1);Se([$],pe.prototype,"getEditingShape",1);Se([$],pe.prototype,"getRichTextEditor",1);Se([$],pe.prototype,"getHoveredShapeId",1);Se([$],pe.prototype,"getHoveredShape",1);Se([$],pe.prototype,"getHintingShapeIds",1);Se([$],pe.prototype,"getHintingShape",1);Se([$],pe.prototype,"getErasingShapeIds",1);Se([$],pe.prototype,"getErasingShapes",1);Se([$],pe.prototype,"_unsafe_getCameraId",1);Se([$],pe.prototype,"getCamera",1);Se([$],pe.prototype,"getViewportPageBoundsForFollowing",1);Se([$],pe.prototype,"getCameraForFollowing",1);Se([$],pe.prototype,"getZoomLevel",1);Se([$],pe.prototype,"getResizeScaleFactor",1);Se([$],pe.prototype,"getDebouncedZoomLevel",1);Se([$],pe.prototype,"_getAboveDebouncedZoomThreshold",1);Se([$],pe.prototype,"getEfficientZoomLevel",1);Se([$],pe.prototype,"getViewportScreenBounds",1);Se([$],pe.prototype,"getViewportScreenCenter",1);Se([$],pe.prototype,"getViewportPageBounds",1);Se([$],pe.prototype,"getRenderingShapes",1);Se([$],pe.prototype,"_getAllPagesQuery",1);Se([$],pe.prototype,"getPages",1);Se([$],pe.prototype,"getCurrentPageId",1);Se([$],pe.prototype,"getCurrentPageShapeIdsSorted",1);Se([$],pe.prototype,"_getAllAssetsQuery",1);Se([$],pe.prototype,"_getShapeHandlesCache",1);Se([$],pe.prototype,"_getShapePageTransformCache",1);Se([$],pe.prototype,"_getShapePageBoundsCache",1);Se([$],pe.prototype,"_getShapeClipPathCache",1);Se([$],pe.prototype,"_getShapeMaskCache",1);Se([$],pe.prototype,"_getShapeMaskedPageBoundsCache",1);Se([$],pe.prototype,"getNotVisibleShapes",1);Se([$],pe.prototype,"getCulledShapes",1);Se([$],pe.prototype,"getCurrentPageBounds",1);Se([$],pe.prototype,"getCurrentPageShapes",1);Se([$],pe.prototype,"getCurrentPageShapesSorted",1);Se([$],pe.prototype,"getCurrentPageRenderingShapesSorted",1);Se([$],pe.prototype,"_getBindingsIndexCache",1);Se([$],pe.prototype,"_getSelectionSharedStyles",1);Se([$({isEqual:(t,e)=>t.equals(e)})],pe.prototype,"getSharedStyles",1);Se([$],pe.prototype,"getSharedOpacity",1);Se([$],pe.prototype,"getIsFocused",1);Se([$],pe.prototype,"getIsReadonly",1);Se([Yt],pe.prototype,"_setShiftKeyTimeout",1);Se([Yt],pe.prototype,"_setAltKeyTimeout",1);Se([Yt],pe.prototype,"_setCtrlKeyTimeout",1);Se([Yt],pe.prototype,"_setMetaKeyTimeout",1);function uA(t,e=t.getCurrentPageId()){let n=t.getPage(e).name;t.emit("max-shapes",{name:n,pageId:e,count:t.options.maxShapesPerPage})}function mu(t,e){if(!e)return t;let n=null,o=Object.entries(e);for(let r=0,i=o.length;r<i;r++){let[s,a]=o[r];if(a!==void 0&&!(s==="id"||s==="type"||s==="typeName")&&a!==t[s]){if(n||(n={...t}),s==="props"||s==="meta"){n[s]={...t[s]};for(let[l,c]of Object.entries(a))n[s][l]=c;continue}n[s]=a}}return n||t}function EJ(t,e,n){let o=t.getShape(e);if(!o)return;n.push(o);let r=t.getSortedChildIdsForParent(e);for(let i=0,s=r.length;i<s;i++)EJ(t,r[i],n)}function TJ(t,e,n){let o;if(t.run(()=>{let r=t.store.extractingChanges(()=>{let i=new Set,s=new Set;for(let a of e)if(t.getShape(a))for(let c of t.getBindingsInvolvingShape(a)){let d=e.has(c.fromId),u=e.has(c.toId);if(d&&u){i.add(c.id);continue}(!d||!u)&&s.add(c.id)}t.deleteBindings([...s],{isolateShapes:!0});try{o=Rr.ok(n(i))}catch(a){o=Rr.err(a)}});t.store.applyDiff(xb(r),{runCallbacks:!1})},{history:"ignore"}),o.ok)return o.value;throw o.error}function CJ(t,e){if(!e.constraints)throw Error("Should have constraints here");let{padding:{x:n,y:o}}=e.constraints,r=t.getViewportScreenBounds(),i=q.From(e.constraints.bounds),s=(r.w-n*2)/i.w,a=(r.h-o*2)/i.h;return{zx:s,zy:a}}var K1e=t=>t.props.src,G1e=$("defaultCurrentUser",()=>{let t=$b();return t.id?Zf.create({id:cu(t.id),name:t.name??"",color:t.color??rr.color}):null}),IJ={currentUser:G1e},_J={upload:async(t,e)=>({src:await Zn.blobToDataUrl(e)})};function X3(t){return"schema"in t&&t.schema?t.schema:hz({shapes:"shapeUtils"in t&&t.shapeUtils?q3(XM(t.shapeUtils)):void 0,bindings:"bindingUtils"in t&&t.bindingUtils?q3(YM(t.bindingUtils)):void 0,assets:"assetUtils"in t&&t.assetUtils?q3(WM(t.assetUtils)):void 0,records:"records"in t?t.records:void 0,migrations:"migrations"in t?t.migrations:void 0})}function hh({initialData:t,defaultName:e="",id:n,assets:o=_J,users:r=IJ,onMount:i,collaboration:s,themes:a,...l}={}){let c=Rg(a);Bx(c),Ux(c);let d=X3(l),u=new Wf({id:n,schema:d,initialData:t,props:{defaultName:e,assets:{upload:o.upload,resolve:o.resolve??K1e,remove:o.remove??(()=>Promise.resolve())},users:{currentUser:r.currentUser,resolve:r.resolve??fz(p=>{let f=r.currentUser.get();return f&&f.id===cu(p)?f:null})},onMount:p=>{ne(p instanceof pe),i?.(p)},collaboration:s}});if(l.snapshot){if(t)throw new Error("Cannot provide both initialData and snapshot");Eg(u,l.snapshot,{forceOverwriteSessionState:!0})}return u}function q3(t){return Object.fromEntries(t.map(e=>[e.type,{props:e.props,migrations:e.migrations}]))}var Yd=class{constructor(e){this.editor=e}editor;static configure(e){return class extends this{options={...this.options,...e}}}options={};static props;static migrations;static type;getSupportedMimeTypes(){return[]}acceptsMimeType(e){return this.getSupportedMimeTypes().includes(e)}async getAssetFromFile(e,n){return null}};var uC=class{constructor(e){this.editor=e}editor;static props;static migrations;static type};function Og(t,e,n={}){let{newPoint:o,handle:r,scaleX:i,scaleY:s}=e,{minWidth:a=1,maxWidth:l=1/0,minHeight:c=1,maxHeight:d=1/0}=n,u=t.props.w*i,p=t.props.h*s,f=new T(0,0);if(u>0){if(u<a){switch(r){case"top_left":case"left":case"bottom_left":{f.x=u-a;break}case"top":case"bottom":{f.x=(u-a)/2;break}default:f.x=0}u=a}}else if(f.x=u,u=-u,u<a){switch(r){case"top_left":case"left":case"bottom_left":{f.x=-u;break}default:f.x=-a}u=a}if(p>0){if(p<c){switch(r){case"top_left":case"top":case"top_right":{f.y=p-c;break}case"right":case"left":{f.y=(p-c)/2;break}default:f.y=0}p=c}}else if(f.y=p,p=-p,p<c){switch(r){case"top_left":case"top":case"top_right":{f.y=-p;break}default:f.y=-c}p=c}let{x:h,y:g}=f.rot(t.rotation).add(o);return{...t,x:h,y:g,props:{w:Math.min(l,u),h:Math.min(d,p)}}}var vs=class extends ir{getGeometry(e){return new Hn({width:e.props.w,height:e.props.h,isFilled:!0})}onResize(e,n){return Og(e,n)}getHandleSnapGeometry(e){return{points:this.getGeometry(e).bounds.cornersAndCenter}}getInterpolatedProps(e,n,o){return{...n.props,w:Me(e.props.w,n.props.w,o),h:Me(e.props.h,n.props.h,o)}}};var dC=class extends vs{isFrameLike(e){return!0}providesBackgroundForChildren(){return!0}canReceiveNewChildrenOfType(e,n){return!e.isLocked}canRemoveChildrenOfType(e,n){return!e.isLocked}getClipPath(e){return this.editor.getShapeGeometry(e.id).vertices}onDragShapesIn(e,n,{initialParentIds:o,initialIndices:r}){let{editor:i}=this;if(n.every(l=>l.parentId===e.id))return;let s=!1,a=n.filter(l=>e.id===o.get(l.id));if(a.length>0){let l=we(i.getSortedChildIdsForParent(e).map(c=>i.getShape(c)));a.every(c=>!l.find(d=>d.index===c.index))&&(s=!0)}if(!n.some(l=>i.hasAncestor(e,l.id))&&(i.reparentShapes(n,e.id),s))for(let l of a)i.updateShape({id:l.id,type:l.type,index:r.get(l.id)})}onDragShapesOut(e,n,o){let{editor:r}=this;o.nextDraggingOverShapeId||r.reparentShapes(n.filter(i=>i.parentId===e.id),r.getCurrentPageId())}};var MJ=new WeakMap;function dA(t,e,n){let o=t.editor.getCurrentTheme(),r=n??t.editor.getColorMode(),i=MJ.get(e);if(i&&i.theme===o&&i.colorMode===r)return i.values;let s={...t.options.getDefaultDisplayValues(t.editor,e,o,r),...t.options.getCustomDisplayValues(t.editor,e,o,r)};return MJ.set(e,{theme:o,colorMode:r,values:s}),s}var un=class{constructor(e){this.editor=e}editor;static type;options={};static configure(e){return class extends this{options={...this.options,...e}}}getGeometry(e){return null}getCursor(e){}render(e,n){}renderMinimap(e,n,o){}dispose(){}};var W1e=Na("shapeIndicatorPath",(t,e)=>t.getShapeUtil(e).getIndicatorPath(e),{areRecordsEqual(t,e){return t.props===e.props}});function nv(t,e,n){if(n.length===0)return;let o=new Path2D;for(let r of n){let i=t.getShape(r);if(!i||i.isLocked)continue;let s=t.getShapePageTransform(i);if(!s)continue;let a=W1e.get(t,i.id);if(!a)continue;if(a instanceof Path2D){o.addPath(a,s);continue}let{path:l,clipPath:c,additionalPaths:d}=a;if(!c){if(o.addPath(l,s),d)for(let u of d)o.addPath(u,s);continue}if(e.save(),e.transform(s.a,s.b,s.c,s.d,s.e,s.f),e.save(),e.clip(c,"evenodd"),e.stroke(l),e.restore(),d)for(let u of d)e.stroke(u);e.restore()}e.stroke(o)}function pC(t,{initialBounds:e,scaleX:n,scaleY:o,newPoint:r,handle:i}){let s;switch(i){case"bottom_left":case"bottom_right":case"top_left":case"top_right":{s=Math.max(.01,Math.max(Math.abs(n),Math.abs(o)));break}case"left":case"right":{s=Math.max(.01,Math.abs(n));break}case"bottom":case"top":{s=Math.max(.01,Math.abs(o));break}default:throw Ve(i)}let a=new T(0,0);n<0&&(a.x=-(e.width*s)),o<0&&(a.y=-(e.height*s));let{x:l,y:c}=T.Add(r,a.rot(t.rotation));return{x:l,y:c,props:{scale:s*t.props.scale}}}var pA=class extends X{static id="idle";onPointerDown(e){this.parent.transition("pointing",e)}onEnter(){this.editor.setCursor({type:"cross",rotation:0})}onCancel(){this.editor.setCurrentTool("select")}};function Ga(t,e){t.getInstanceState().isCoarsePointer&&e()}var fA=class extends X{static id="pointing";onPointerMove(e){let{editor:n}=this;if(n.inputs.getIsDragging()){let o=n.inputs.getOriginPagePoint(),r=this.parent.shapeType,i=Ke(),s=n.markHistoryStoppingPoint(`creating_box:${i}`),a=Wo(o,n);if(this.editor.createShapes([{id:i,type:r,x:a.x,y:a.y,props:{w:1,h:1}}]),!n.getShape(i)){this.cancel();return}n.select(i);let c=this.parent;this.editor.setCurrentTool("select.resizing",{...e,target:"selection",handle:"bottom_right",isCreating:!0,creatingMarkId:s,creationCursorOffset:{x:1,y:1},onInteractionEnd:this.parent.id,onCreate:c.onCreate?d=>c.onCreate?.(d):void 0})}}onPointerUp(){this.complete()}onLongPress(){Ga(this.editor,()=>this.cancel())}onCancel(){this.cancel()}onComplete(){this.complete()}onInterrupt(){this.cancel()}complete(){let e=this.editor.inputs.getOriginPagePoint(),n=this.parent.shapeType,o=Ke();this.editor.markHistoryStoppingPoint(`creating_box:${o}`),this.editor.createShapes([{id:o,type:n,x:e.x,y:e.y}]);let r=this.editor.getShape(o);if(!r){this.cancel();return}let{w:i,h:s}=r.props,a=new T(i/2,s/2),l=this.editor.getShapeParentTransform(r);l&&a.rot(-l.rotation());let c=this.editor.getResizeScaleFactor();c!==1&&(i*=c,s*=c,a.mul(c));let d=yt(r),u=Wo(new T(r.x-a.x,r.y-a.y),this.editor);d.x=u.x,d.y=u.y,d.props.w=i,d.props.h=s,"scale"in r.props&&(d.props.scale=c),this.editor.updateShape(d),this.editor.setSelectedShapes([o]),this.editor.getInstanceState().isToolLocked?this.parent.transition("idle"):this.editor.setCurrentTool("select.idle")}cancel(){this.parent.transition("idle")}};function Wo(t,e){let n=e.getInstanceState().isGridMode,o=e.getDocumentSettings().gridSize;return n?t.clone().snapToGrid(o):t.clone()}var fC=class extends X{static id="box";static initial="idle";static children(){return[pA,fA]}};function No(){let t=O(),e=gc();return z("colorMode",()=>e?e.colorMode:t.getColorMode(),[e,t])}var AJ="<path d='m19.7432 17.0869-4.072 4.068 2.829 2.828-8.473-.013-.013-8.47 2.841 2.842 4.075-4.068 1.414-1.415-2.844-2.842h8.486v8.484l-2.83-2.827z' fill='%23fff'/><path d='m18.6826 16.7334-4.427 4.424 1.828 1.828-5.056-.016-.014-5.054 1.842 1.841 4.428-4.422 2.474-2.475-1.844-1.843h5.073v5.071l-1.83-1.828z' fill='%23000'/>",kJ="<path d='m9 17.9907v.005l5.997 5.996.001-3.999h1.999 2.02v4l5.98-6.001-5.98-5.999.001 4.019-2.021.002h-2l.001-4.022zm1.411.003 3.587-3.588-.001 2.587h3.5 2.521v-2.585l3.565 3.586-3.564 3.585-.001-2.585h-2.521l-3.499-.001-.001 2.586z' fill='%23fff'/><path d='m17.4971 18.9932h2.521v2.586l3.565-3.586-3.565-3.585v2.605h-2.521-3.5v-2.607l-3.586 3.587 3.586 3.586v-2.587z' fill='%23000'/>",hA='<path d="M22.4789 9.45728L25.9935 12.9942L22.4789 16.5283V14.1032C18.126 14.1502 14.6071 17.6737 14.5675 22.0283H17.05L13.513 25.543L9.97889 22.0283H12.5674C12.6071 16.5691 17.0214 12.1503 22.4789 12.1031L22.4789 9.45728Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M21.4789 7.03223L27.4035 12.9945L21.4789 18.9521V15.1868C18.4798 15.6549 16.1113 18.0273 15.649 21.0284H19.475L13.5128 26.953L7.55519 21.0284H11.6189C12.1243 15.8155 16.2679 11.6677 21.4789 11.1559L21.4789 7.03223ZM22.4789 12.1031C17.0214 12.1503 12.6071 16.5691 12.5674 22.0284H9.97889L13.513 25.543L17.05 22.0284H14.5675C14.5705 21.6896 14.5947 21.3558 14.6386 21.0284C15.1157 17.4741 17.9266 14.6592 21.4789 14.1761C21.8063 14.1316 22.1401 14.1069 22.4789 14.1032V16.5284L25.9935 12.9942L22.4789 9.45729L22.4789 12.1031Z" fill="white"/>';function mh(t,e,n,o,r,i=16,s=16){let a=(-n-e)*(wt/180),l=Math.sin(a),c=Math.cos(a),d=1*c-1*l,u=1*l+1*c;return`url("data:image/svg+xml,<svg height='32' width='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' style='color: ${r};'><defs><filter id='shadow' y='-40%' x='-40%' width='180px' height='180%' color-interpolation-filters='sRGB'><feDropShadow dx='${d}' dy='${u}' stdDeviation='1.2' flood-opacity='.5'/></filter></defs><g fill='none' transform='rotate(${e+n} 16 16)${o?" scale(-1,-1) translate(0, -32)":""}' filter='url(%23shadow)'>`+t.replaceAll('"',"'")+`</g></svg>") ${i} ${s}, pointer`}var Y1e=["default","pointer","cross","move","grab","grabbing","text","zoom-in","zoom-out"],q1e={none:()=>"none","ew-resize":(t,e,n)=>mh(kJ,t,0,e,n),"ns-resize":(t,e,n)=>mh(kJ,t,90,e,n),"nesw-resize":(t,e,n)=>mh(AJ,t,0,e,n),"nwse-resize":(t,e,n)=>mh(AJ,t,90,e,n),"nwse-rotate":(t,e,n)=>mh(hA,t,0,e,n),"nesw-rotate":(t,e,n)=>mh(hA,t,90,e,n),"senw-rotate":(t,e,n)=>mh(hA,t,180,e,n),"swne-rotate":(t,e,n)=>mh(hA,t,270,e,n)};function RJ(t,e=0,n="black"){return q1e[t](Az(e),!1,n)}function DJ(){let t=O(),e=it();Oa("useCursor",()=>{let{type:n,rotation:o}=t.getInstanceState().cursor;if(Y1e.includes(n)){e.style.setProperty("--tl-cursor",`var(--tl-cursor-${n})`);return}let{cursor:r}=t.getCurrentTheme().colors[t.getColorMode()];e.style.setProperty("--tl-cursor",RJ(n,o,r))},[t,e])}var FJ=_(j(),1),BJ=_(H(),1);var Z3=_(j(),1);function OJ(){let{Spinner:t}=eo();return(0,Z3.jsx)("div",{className:"tl-loading","aria-busy":"true",tabIndex:0,children:t?(0,Z3.jsx)(t,{}):null})}var LJ=_(j(),1),NJ=function(){return(0,LJ.jsx)("div",{className:"tl-shape-error-boundary"})};function zJ({overrides:t={},children:e}){let n=ja(t),o=(0,BJ.useMemo)(()=>({Background:gz,Canvas:Kz,Grid:t3,InFrontOfTheCanvas:null,LoadingScreen:OJ,OnTheCanvas:null,ShapeWrapper:n3,Spinner:VT,SvgDefs:o3,ErrorFallback:HT,ShapeErrorFallback:NJ,...n}),[n]);return(0,FJ.jsx)(wz.Provider,{value:o,children:e})}var ov=_(H(),1);function J3(t,e,n){let o=(0,ov.useRef)(!1),r=(0,ov.useCallback)(s=>{o.current=s,s?Go.addOpenMenu(t):Go.deleteOpenMenu(t),e?.(s)},[t,e]),i=z("is menu open",()=>Go.getOpenMenus().includes(t),[t]);return(0,ov.useEffect)(()=>(o.current&&(n?.("open-menu"),Go.addOpenMenu(t)),()=>{o.current&&(Go.deleteOpenMenu(t),Go.getOpenMenus().forEach(s=>{s.startsWith(t)&&(n?.("close-menu"),Go.deleteOpenMenu(s))}),o.current=!1)}),[t,n]),[i,r]}function qd(t){let e=O();return z("isEditing",()=>e.getEditingShapeId()===t,[e,t])}var jJ=_(H(),1);function UJ(){window.alert(`Oops! We could not save changes to your browser's storage. We now need to reload the page and try again.
+
+Keep seeing this message?
+\u2022 If you're using tldraw in a private or "incognito" window, try loading tldraw in a regular window or in a different browser.
+\u2022 If your hard disk is full, try clearing up some space and then reload the page.`)}function HJ(){window.alert(`Oops! We could not access your browser's storage\u2014and the app won't work correctly without that. We now need to reload the page and try again.
+
+Keep seeing this message?
+\u2022 If you're using tldraw in a private or "incognito" window, try loading tldraw in a regular window or in a different browser.`)}var X1e=350,Z1e=1e4,VJ=Symbol("UPDATE_INSTANCE_STATE"),J1e=t=>t,Q3=class{onmessage;constructor(e){}postMessage(e){}close(){}},Q1e=typeof BroadcastChannel>"u"?Q3:BroadcastChannel,mA=class{constructor(e,{persistenceKey:n,sessionId:o=Wb,onLoad:r,onLoadError:i},s=new Q1e(`tldraw-tab-sync-${n}`)){this.store=e,this.channel=s,typeof window<"u"&&(window.tlsync=this),this.persistenceKey=n,this.sessionId=o,this.db=new Tg(n),this.disposables.add(()=>this.db.close()),this.serializedSchema=this.store.schema.serialize(),this.$sessionStateSnapshot=Yb(this.store),this.disposables.add(e.listen(({changes:a})=>{this.diffQueue.push(a),this.channel.postMessage(J1e({type:"diff",storeId:this.store.id,changes:a,schema:this.serializedSchema})),this.schedulePersist()},{source:"user",scope:"document"})),this.disposables.add(e.listen(()=>{this.diffQueue.push(VJ),this.schedulePersist()},{scope:"session"})),this.connect(r,i),this.documentTypes=new Set(Object.values(this.store.schema.types).filter(a=>a.scope==="document").map(a=>a.typeName))}store;channel;disposables=new Set;diffQueue=[];didDispose=!1;shouldDoFullDBWrite=!0;isReloading=!1;persistenceKey;sessionId;serializedSchema;isDebugging=!1;documentTypes;$sessionStateSnapshot;db;initTime=Date.now();debug(...e){this.isDebugging&&console.debug(...e)}async connect(e,n){this.debug("connecting");let o;try{o=await this.db.load({sessionId:this.sessionId})}catch(r){n(r),HJ();return}if(this.debug("loaded data from store",o,"didDispose",this.didDispose),!this.didDispose)try{if(o){let r=Object.fromEntries(o.records.map(l=>[l.id,l])),i=o.sessionStateSnapshot??p3(r),s=this.store.schema.migrateStoreSnapshot({store:r,schema:o.schema??this.store.schema.serializeEarliestVersion()});if(s.type==="error"){console.error("failed to migrate store",s),n(new Error(`Failed to migrate store: ${s.reason}`));return}let a=Object.values(s.value).filter(l=>this.documentTypes.has(l.typeName));a.length>0&&this.store.mergeRemoteChanges(()=>{this.store.put(a,"initialize")}),i&&qb(this.store,i,{forceOverwrite:!0})}this.channel.onmessage=({data:r})=>{this.debug("got message",r);let i=r,s=this.store.schema.getMigrationsSince(i.schema);if(s.ok){if(s.value.length>0){this.debug("telling them to reload"),this.channel.postMessage({type:"announce",schema:this.serializedSchema}),this.shouldDoFullDBWrite=!0,this.persistIfNeeded();return}}else{if(Date.now()-this.initTime<5e3){n(new Error("Schema mismatch, please close other tabs and reload the page"));return}this.debug("reloading"),this.isReloading=!0,window?.location?.reload?.();return}i.type==="diff"&&(this.debug("applying diff"),Vo(()=>{this.store.mergeRemoteChanges(()=>{this.store.applyDiff(i.changes)})}))},this.channel.postMessage({type:"announce",schema:this.serializedSchema}),this.disposables.add(()=>{this.channel.close()}),e(this)}catch(r){if(this.debug("error loading data from store",r),this.didDispose)return;n(r);return}}close(){this.debug("closing"),this.didDispose=!0,this.disposables.forEach(e=>e()),typeof window<"u"&&window.tlsync===this&&delete window.tlsync}isPersisting=!1;didLastWriteError=!1;scheduledPersistTimeout=null;schedulePersist(){this.debug("schedulePersist",this.scheduledPersistTimeout),!this.scheduledPersistTimeout&&(this.scheduledPersistTimeout=setTimeout(()=>{this.scheduledPersistTimeout=null,this.persistIfNeeded()},this.didLastWriteError?Z1e:X1e))}persistIfNeeded(){this.debug("persistIfNeeded",{isPersisting:this.isPersisting,isReloading:this.isReloading,shouldDoFullDBWrite:this.shouldDoFullDBWrite,diffQueueLength:this.diffQueue.length,storeIsPossiblyCorrupt:this.store.isPossiblyCorrupted()}),this.scheduledPersistTimeout&&(clearTimeout(this.scheduledPersistTimeout),this.scheduledPersistTimeout=null),!this.isPersisting&&(this.isReloading||this.store.isPossiblyCorrupted()||(this.shouldDoFullDBWrite||this.diffQueue.length>0)&&this.doPersist())}async doPersist(){if(ne(!this.isPersisting,"persist already in progress"),this.didDispose)return;this.isPersisting=!0,this.debug("doPersist start");let e=this.diffQueue;this.diffQueue=[];try{if(this.shouldDoFullDBWrite)this.shouldDoFullDBWrite=!1,await this.db.storeSnapshot({schema:this.store.schema,snapshot:this.store.serialize(),sessionId:this.sessionId,sessionStateSnapshot:this.$sessionStateSnapshot.get()});else{let n=Tb(e.filter(o=>o!==VJ));await this.db.storeChanges({changes:n,schema:this.store.schema,sessionId:this.sessionId,sessionStateSnapshot:this.$sessionStateSnapshot.get()})}this.didLastWriteError=!1}catch(n){this.shouldDoFullDBWrite=!0,this.didLastWriteError=!0,console.error("failed to store changes in indexed db",n),UJ(),typeof window<"u"&&window.location.reload()}this.isPersisting=!1,this.debug("doPersist end"),this.schedulePersist()}};var rv=_(H(),1);function hC(t){let e=(0,rv.useRef)(t),[n,o]=(0,rv.useState)(t);n!==e.current&&o(e.current);let r=(0,rv.useCallback)(i=>{typeof i=="function"?e.current=i(e.current):e.current=i,o(e.current)},[]);return[n,r]}function eU(t){let[e,n]=hC({status:"loading"});return t=ja(t),(0,jJ.useEffect)(()=>{let{persistenceKey:o,sessionId:r,...i}=t;if(!o){n({status:"not-synced",store:hh(i)});return}n({status:"loading"});let s=new Ot,a={upload:async(u,p)=>(await d.db.storeAsset(u.id,p),{src:u.id}),resolve:async u=>u.props.src?u.props.src.startsWith("asset:")?await s.get(u,async()=>{let p=await d.db.getAsset(u.id);return p?URL.createObjectURL(p):null}):u.props.src:null,remove:async u=>{await d.db.removeAssets(u)},...i.assets},l=hh({...i,assets:a}),c=!1,d=new mA(l,{sessionId:r,persistenceKey:o,onLoad(){c||n({store:l,status:"synced-local"})},onLoadError(u){c||n({status:"error",error:u})}});return()=>{c=!0,d.close()}},[t,n]),e}var $J=_(H(),1);function tU(t){if(!t)throw Error("usePassThroughWheelEvents must be passed a ref");let e=it(),n=rt();(0,$J.useEffect)(()=>{function o(i){if(!n?.getInstanceState().isFocused||i.isSpecialRedispatchedEvent)return;de(i);let s=e.querySelector(".tl-canvas");if(!s)return;let a=new PointerEvent(i.type,i);a.isSpecialRedispatchedEvent=!0,s.dispatchEvent(a)}let r=t.current;if(r)return r.addEventListener("mouseover",o,{passive:!1}),()=>{r.removeEventListener("mouseover",o)}},[e,n,t])}var KJ=_(H(),1);function xr(t){if(!t)throw Error("usePassThroughWheelEvents must be passed a ref");let e=it(),n=rt();(0,KJ.useEffect)(()=>{function o(i){if(!n?.getInstanceState().isFocused||i.isSpecialRedispatchedEvent)return;let s=t.current;if(s&&s.scrollHeight>s.clientHeight)return;de(i);let a=e.querySelector(".tl-canvas");if(!a)return;let l=new WheelEvent("wheel",i);l.isSpecialRedispatchedEvent=!0,a.dispatchEvent(l)}let r=t.current;if(r)return r.addEventListener("wheel",o,{passive:!1}),()=>{r.removeEventListener("wheel",o)}},[e,n,t])}function mC(t){return(0,IB.default)(t)}function nU(){let t=O(),e=NB("userIds",()=>mC(t.getVisibleCollaborators().map(n=>n.userId)).sort(),{isEqual:(n,o)=>n.join(",")===o.join?.(",")},[t]);return z(e)}function Lg(t){let e=O();return z(`latestPresence:${t}`,()=>e.getCollaborators().find(o=>o.userId===t),[e,t])??null}var GJ=_(H(),1);function oU(t){let[e,n]=(0,GJ.useState)(()=>({store:hh(t),opts:t}));if(!ux(e.opts,t)){let o={store:hh(t),opts:t};return n(o),o.store}return e.store}var WJ=_(H(),1);function gA(t){let e=new ArrayBuffer(t.length),n=new Uint8Array(e);for(let o=0,r=t.length;o<r;o++)n[o]=t.charCodeAt(o);return e}function YJ(t){let e=atob(t),n=gA(e);return crypto.subtle.importKey("spki",new Uint8Array(n),{name:"ECDSA",namedCurve:"P-256"},!0,["verify"])}var ePe=30,gu={ANNUAL_LICENSE:1,PERPETUAL_LICENSE:2,INTERNAL_LICENSE:4,WITH_WATERMARK:8,EVALUATION_LICENSE:16,NATIVE_LICENSE:32},tPe=Math.max(...Object.values(gu)),gC={ID:0,HOSTS:1,FLAGS:2,EXPIRY_DATE:3},nPe=Object.keys(gC).length,iv="sales@tldraw.com",oPe=`${_o()}/watermarks/watermark-track.svg`,Xd=class{publicKey="MFkwEwYHKoZIzj0CAQYIKoZIzj0DAQcDQgAEHJh0uUfxHtCGyerXmmatE368Hd9rI6LH9oPDQihnaCryRFWEVeOvf9U/SPbyxX74LFyJs5tYeAHq5Nc0Ax25LQ";isDevelopment;isTest;isCryptoAvailable;state=ye("license state","pending");verbose=!0;constructor(e,n){this.isTest=!1,this.isDevelopment=this.getIsDevelopment(),this.publicKey=n||this.publicKey,this.isCryptoAvailable=!!crypto.subtle,this.getLicenseFromKey(e).then(o=>{let r=rPe(o,i=>this.outputMessages(i),this.isDevelopment);this.maybeTrack(o,r),this.state.set(r)}).catch(o=>{console.error("License validation failed:",o),this.state.set("unlicensed")})}getIsDevelopment(){return!["https:","vscode-webview:"].includes(window.location.protocol)||this.isLoopbackHost(window.location.hostname)||!1}isLoopbackHost(e){let n=e.toLowerCase().replace(/^\[|\]$/g,"");return n==="localhost"||n==="::1"||/^127(?:\.\d{1,3}){3}$/.test(n)}getTrackType(e,n){return n==="unlicensed-production"?"unlicensed":this.isDevelopment||!e.isLicenseParseable?null:e.isEvaluationLicense?"evaluation":n==="licensed-with-watermark"?"with_watermark":null}maybeTrack(e,n){let o=this.getTrackType(e,n);if(!o)return;let r=new URL(oPe);if(r.searchParams.set("version",Jb),r.searchParams.set("license_type",o),"license"in e){r.searchParams.set("license_id",e.license.id);let i=this.isFlagEnabled(e.license.flags,gu.EVALUATION_LICENSE)?"evaluation":this.isFlagEnabled(e.license.flags,gu.ANNUAL_LICENSE)?"annual":this.isFlagEnabled(e.license.flags,gu.PERPETUAL_LICENSE)?"perpetual":"unknown";r.searchParams.set("sku",i)}r.searchParams.set("url",window.location.href),r.searchParams.set("environment","production"),fetch(r.toString())}async extractLicenseKey(e){let[n,o]=e.split("."),[r,i]=n.split("/");if(!r.startsWith("tldraw-"))throw new Error(`Unsupported prefix '${r}'`);let s=await YJ(this.publicKey),a;try{a=await crypto.subtle.verify({name:"ECDSA",hash:{name:"SHA-256"}},s,new Uint8Array(gA(atob(o))),new Uint8Array(gA(atob(i))))}catch(c){throw console.error(c),new Error("Could not perform signature validation")}if(!a)throw new Error("Invalid signature");let l;try{l=JSON.parse(atob(i))}catch{throw new Error("Could not parse object")}return l.length>nPe&&this.outputMessages(["License key contains some unknown properties.","You may want to update tldraw packages to a newer version to get access to new functionality."]),{id:l[gC.ID],hosts:l[gC.HOSTS],flags:l[gC.FLAGS],expiryDate:l[gC.EXPIRY_DATE]}}async getLicenseFromKey(e){if(!e)return this.isDevelopment||this.outputNoLicenseKeyProvided(),{isLicenseParseable:!1,reason:"no-key-provided"};if(this.isDevelopment&&!this.isCryptoAvailable)return this.verbose&&(console.log("tldraw: you seem to be in a development environment that does not support crypto. License not verified."),console.log("You should check that this works in production separately.")),{isLicenseParseable:!1,reason:"has-key-development-mode"};let n=e.replace(/[\u200B-\u200D\uFEFF]/g,"");n=n.replace(/\r?\n|\r/g,"");try{let o=await this.extractLicenseKey(n),r=new Date(o.expiryDate),i=this.isFlagEnabled(o.flags,gu.ANNUAL_LICENSE),s=this.isFlagEnabled(o.flags,gu.PERPETUAL_LICENSE),a=this.isFlagEnabled(o.flags,gu.EVALUATION_LICENSE),l=i&&this.isAnnualLicenseExpired(r),c=s&&this.isPerpetualLicenseExpired(r),d=s&&!c?0:this.getDaysSinceExpiry(r),u={license:o,isLicenseParseable:!0,isDevelopment:this.isDevelopment,isDomainValid:this.isDomainValid(o),expiryDate:r,isAnnualLicense:i,isAnnualLicenseExpired:l,isPerpetualLicense:s,isPerpetualLicenseExpired:c,isInternalLicense:this.isFlagEnabled(o.flags,gu.INTERNAL_LICENSE),isNativeLicense:this.isNativeLicense(o),isLicensedWithWatermark:this.isFlagEnabled(o.flags,gu.WITH_WATERMARK),isEvaluationLicense:a,isEvaluationLicenseExpired:a&&this.isEvaluationLicenseExpired(r),daysSinceExpiry:d};return this.outputLicenseInfoIfNeeded(u),u}catch(o){return this.outputInvalidLicenseKey(o.message),{isLicenseParseable:!1,reason:"invalid-license-key"}}}isDomainValid(e){let n=window.location.hostname.toLowerCase();return e.hosts.some(o=>{let r=o.toLowerCase().trim();if(r===n||`www.${r}`===n||r===`www.${n}`||o==="*")return!0;if(this.isNativeLicense(e))return new RegExp(r).test(window.location.href);if(o.includes("*")){let i=new RegExp(o.replace(/\*/g,".*?"));return i.test(n)||i.test(`www.${n}`)}if(window.location.protocol==="vscode-webview:"){let s=new URL(window.location.href).searchParams.get("extensionId");if(r===s)return!0}return!1})}isNativeLicense(e){return this.isFlagEnabled(e.flags,gu.NATIVE_LICENSE)}getExpirationDateWithoutGracePeriod(e){return new Date(e.getFullYear(),e.getMonth(),e.getDate())}getExpirationDateWithGracePeriod(e){return new Date(e.getFullYear(),e.getMonth(),e.getDate()+ePe+1)}isAnnualLicenseExpired(e){let n=this.getExpirationDateWithGracePeriod(e);return new Date>=n}isPerpetualLicenseExpired(e){let n=this.getExpirationDateWithGracePeriod(e),o={major:new Date(A3.major),minor:new Date(A3.minor)};return o.major>=n||o.minor>=n}getDaysSinceExpiry(e){let n=new Date,o=this.getExpirationDateWithoutGracePeriod(e),r=n.getTime()-o.getTime(),i=Math.floor(r/(1e3*60*60*24));return Math.max(0,i)}isEvaluationLicenseExpired(e){let n=new Date,o=this.getExpirationDateWithoutGracePeriod(e);return n>=o}isFlagEnabled(e,n){return(e&n)===n}outputNoLicenseKeyProvided(){}outputInvalidLicenseKey(e){this.outputMessages(["Invalid tldraw license key",`Reason: ${e}`])}outputLicenseInfoIfNeeded(e){e.license.flags>=tPe*2&&this.outputMessages(["Warning: This tldraw license contains some unknown flags.","This will still work, however, you may want to update tldraw packages to a newer version to get access to new functionality."],"warning")}outputMessages(e,n="error"){if(!this.isTest&&this.verbose){this.outputDelimiter(n);for(let o of e){let r=n==="warning"?"orange":"crimson";console.log(`%c${o}`,`color: white; background: ${r}; padding: 2px; border-radius: 3px;`)}this.outputDelimiter(n)}}outputDelimiter(e="error"){console.log("%c-------------------------------------------------------------------",`color: white; background: ${e==="warning"?"orange":"crimson"}; padding: 2px; border-radius: 3px;`)}static className="tl-watermark_SEE-LICENSE"};function rPe(t,e,n){if(!t.isLicenseParseable)return n?"unlicensed":(t.reason==="no-key-provided"?e(["No tldraw license key provided!","A license is required for production deployments.",`Please reach out to ${iv} to purchase a license.`]):e(["Invalid license key. tldraw requires a valid license for production use.",`Please reach out to ${iv} to purchase a license.`]),"unlicensed-production");if(!t.isDomainValid&&!t.isDevelopment)return e(["License key is not valid for this domain.","A license is required for production deployments.",`Please reach out to ${iv} to purchase a license.`]),"unlicensed-production";if(t.isEvaluationLicense)return t.isEvaluationLicenseExpired?(e(["Your tldraw evaluation license has expired!",`Please reach out to ${iv} to purchase a full license.`]),"expired"):"licensed";if(t.isPerpetualLicenseExpired||t.isAnnualLicenseExpired)return e(["Your tldraw license has been expired for more than 30 days!",`Please reach out to ${iv} to renew your license.`]),"expired";let o=t.daysSinceExpiry;return o>0&&!t.isEvaluationLicense?(e(["Your tldraw license has expired.",`License expired ${o} days ago.`,`Please reach out to ${iv} to renew your license.`]),"licensed"):t.isLicensedWithWatermark?"licensed-with-watermark":"licensed"}var SA=_(j(),1);var Zd=_(H(),1);var XJ=(0,Zd.createContext)({});function ZJ(){return(0,Zd.useContext)(XJ)}function qJ(t){return t==="expired"||t==="unlicensed-production"}var JJ=5e3;function QJ({licenseKey:t=sPe()??void 0,children:e}){let[n]=(0,Zd.useState)(()=>new Xd(t)),o=z(n.state),[r,i]=(0,Zd.useState)(!0);return(0,Zd.useEffect)(()=>{if(qJ(o)&&r){let s=setTimeout(()=>{i(!1)},JJ);return()=>clearTimeout(s)}},[o,r]),qJ(o)&&!r?(0,SA.jsx)(iPe,{}):(0,SA.jsx)(XJ.Provider,{value:n,children:e})}function iPe(){return(0,SA.jsx)("div",{"data-testid":"tl-license-expired",style:{display:"none"}})}var yA;function sPe(){return yA!==void 0||(yA=Tl(()=>process.env.TLDRAW_LICENSE_KEY)||Tl(()=>process.env.NEXT_PUBLIC_TLDRAW_LICENSE_KEY)||Tl(()=>process.env.REACT_APP_TLDRAW_LICENSE_KEY)||Tl(()=>process.env.GATSBY_TLDRAW_LICENSE_KEY)||Tl(()=>process.env.VITE_TLDRAW_LICENSE_KEY)||Tl(()=>process.env.PUBLIC_TLDRAW_LICENSE_KEY)||Tl(()=>import.meta.env.TLDRAW_LICENSE_KEY)||Tl(()=>import.meta.env.NEXT_PUBLIC_TLDRAW_LICENSE_KEY)||Tl(()=>import.meta.env.REACT_APP_TLDRAW_LICENSE_KEY)||Tl(()=>import.meta.env.GATSBY_TLDRAW_LICENSE_KEY)||Tl(()=>import.meta.env.VITE_TLDRAW_LICENSE_KEY)||Tl(()=>import.meta.env.PUBLIC_TLDRAW_LICENSE_KEY)||null),yA}function Tl(t){try{return t()}catch{return}}function Jd(t,e=20){return Math.max(8,Math.ceil(t/e))}var gh=class extends or{_center;_radius;_start;_end;_largeArcFlag;_sweepFlag;_measure;_angleStart;_angleEnd;constructor(e){super({...e,isFilled:!1,isClosed:!1});let{center:n,sweepFlag:o,largeArcFlag:r,start:i,end:s}=e;if(i.equals(s))throw Error("Arc must have different start and end points.");this._angleStart=T.Angle(n,i),this._angleEnd=T.Angle(n,s),this._radius=T.Dist(n,i),this._measure=kz(this._angleStart,this._angleEnd,o,r),this._start=i,this._end=s,this._sweepFlag=o,this._largeArcFlag=r,this._center=n}nearestPoint(e){let{_center:n,_measure:o,_radius:r,_angleEnd:i,_angleStart:s,_start:a,_end:l}=this,c=NM(o,s,i,n.angle(e));if(c<=0)return a;if(c>=1)return l;let d=e.x-n.x,u=e.y-n.y,p=Math.sqrt(d*d+u*u);if(p===0)return a;let f=r/p;return new T(n.x+d*f,n.y+u*f)}hitTestLineSegment(e,n){let{_center:o,_radius:r,_measure:i,_angleStart:s,_angleEnd:a}=this,l=Vd(e,n,o,r);return l===null?!1:l.some(c=>{let d=NM(i,s,a,o.angle(c));return d>=0&&d<=1})}getVertices(){let{_center:e,_measure:n,length:o,_radius:r,_angleStart:i}=this,s=[];for(let a=0,l=Jd(Math.abs(o));a<l+1;a++){let c=a/l*n,d=i+c;s.push(Sg(e,r,d))}return s}getSvgPathData(e=!0){let{_start:n,_end:o,_radius:r,_largeArcFlag:i,_sweepFlag:s}=this;return`${e?`M${n.toFixed()}`:""} A${r} ${r} 0 ${i} ${s} ${o.toFixed()}`}getLength(){return Math.abs(this._measure*this._radius)}};var Cl=class extends or{constructor(e){super({isClosed:!0,...e}),this.config=e;let{x:n=0,y:o=0,radius:r}=e;this._x=n,this._y=o,this._center=new T(r+n,r+o),this._radius=r}config;_center;_radius;_x;_y;getBounds(){return new q(this._x,this._y,this._radius*2,this._radius*2)}getVertices(){let{_center:e,_radius:n}=this,o=vt*n,r=[];for(let i=0,s=Jd(o);i<s;i++){let a=i/s*vt;r.push(Sg(e,n,a))}return r}nearestPoint(e){let{_center:n,_radius:o}=this,r=e.x-n.x,i=e.y-n.y,s=Math.sqrt(r*r+i*i);if(s===0)return new T(n.x+o,n.y);let a=o/s;return new T(n.x+r*a,n.y+i*a)}distanceToPoint(e,n=!1){let{_center:o,_radius:r}=this,i=e.x-o.x,s=e.y-o.y,l=Math.sqrt(i*i+s*s)-r;return l<0&&(this.isFilled||n)?l:Math.abs(l)}hitTestPoint(e,n=0,o=!1){let{_center:r,_radius:i}=this,s=e.x-r.x,a=e.y-r.y,l=s*s+a*a;if((this.isFilled||o)&&l<=i*i)return!0;let c=i+n;if(l>c*c)return!1;let d=i-n;return d<=0?!0:l>=d*d}hitTestLineSegment(e,n,o=0){let{_center:r,_radius:i}=this;return Vd(e,n,r,i+o)!==null}getSvgPathData(){let{_center:e,_radius:n}=this;return`M${e.x+n},${e.y} a${n},${n} 0 1,0 ${n*2},0a${n},${n} 0 1,0 -${n*2},0`}};var sv=class t extends $a{_a;_b;_c;_d;_resolution;constructor(e){let{start:n,cp1:o,cp2:r,end:i}=e;super({...e,points:[n,i]}),this._a=n,this._b=o,this._c=r,this._d=i,this._resolution=e.resolution??10}getVertices(){let e=[],{_a:n,_b:o,_c:r,_d:i}=this;for(let s=0,a=this._resolution;s<=a;s++){let l=s/a;e.push(new T((1-l)*(1-l)*(1-l)*n.x+3*((1-l)*(1-l))*l*o.x+3*(1-l)*(l*l)*r.x+l*l*l*i.x,(1-l)*(1-l)*(1-l)*n.y+3*((1-l)*(1-l))*l*o.y+3*(1-l)*(l*l)*r.y+l*l*l*i.y))}return e}nearestPoint(e){let n,o=1/0,r,i;for(let s of this.segments)i=s.nearestPoint(e),r=T.Dist2(i,e),r<o&&(n=i,o=r);if(!n)throw Error("nearest point not found");return n}distanceToPoint(e,n=!1){let{segments:o}=this,r=1/0;for(let i=0;i<o.length;i++){let s=o[i].distanceToPoint(e);s<r&&(r=s)}return r}getSvgPathData(e=!0){let{_a:n,_b:o,_c:r,_d:i}=this;return`${e?`M ${n.toFixed()} `:""} C${o.toFixed()} ${r.toFixed()} ${i.toFixed()}`}static GetAtT(e,n){let{_a:o,_b:r,_c:i,_d:s}=e;return new T((1-n)*(1-n)*(1-n)*o.x+3*((1-n)*(1-n))*n*r.x+3*(1-n)*(n*n)*i.x+n*n*n*s.x,(1-n)*(1-n)*(1-n)*o.y+3*((1-n)*(1-n))*n*r.y+3*(1-n)*(n*n)*i.y+n*n*n*s.y)}getLength(e,n=32){let o,r=this._a,i=0;for(let s=1;s<=n;s++)o=t.GetAtT(this,s/n),i+=T.Dist(r,o),r=o;return i}};var Ng=class extends or{constructor(e){super({...e,isClosed:!0}),this.config=e;let{width:n,height:o}=e;this._w=n,this._h=o}config;_w;_h;_edges;get edges(){if(!this._edges){let{vertices:e}=this;this._edges=[];for(let n=0,o=e.length;n<o;n++){let r=e[n],i=e[(n+1)%o];this._edges.push(new bs({start:r,end:i}))}}return this._edges}getVertices(){let e=Math.max(1,this._w),n=Math.max(1,this._h),o=e/2,r=n/2,i=Math.pow(o-r,2)/Math.pow(o+r,2),s=wt*(o+r)*(1+3*i/(10+Math.sqrt(4-3*i))),a=Jd(s),l=vt/a,c=Math.cos(l),d=Math.sin(l),u=0,p=1,f=0,h=1,g=Array(a);for(let y=0;y<a;y++)g[y]=new T(xe(o+o*p,0,e),xe(r+r*u,0,n)),f=d*p+c*u,h=c*p-d*u,u=f,p=h;return g}nearestPoint(e){let n,o=1/0,r,i;for(let s of this.edges)i=s.nearestPoint(e),r=T.Dist2(i,e),r<o&&(n=i,o=r);if(!n)throw Error("nearest point not found");return n}distanceToPoint(e,n=!1){let{edges:o}=this,r=1/0;for(let i=0;i<o.length;i++){let s=o[i].distanceToPoint(e);s<r&&(r=s)}return this.isClosed&&(this.isFilled||n)&&cn(e,this.vertices)?-r:r}hitTestLineSegment(e,n){return this.edges.some(o=>o.hitTestLineSegment(e,n))}getBounds(){return new q(0,0,this._w,this._h)}getLength(){let{_w:e,_h:n}=this,o=e/2,r=n/2,i=Math.max(0,o),s=Math.max(0,r);return Iz(i,s)}getSvgPathData(e=!1){let{_w:n,_h:o}=this,r=n/2,i=o/2,s=Math.max(0,r),a=Math.max(0,i);return`${e?`M${r-s},${i}`:""} a${s},${a},0,1,1,${s*2},0a${s},${a},0,1,1,-${s*2},0`}};var yo=_(j(),1);var dQ=_(Jt(),1),In=_(H(),1);var eQ=_(H(),1);function tQ(){let t=O(),e=it(),n=No(),o=z(Et.forceSrgb);eQ.default.useEffect(()=>{n==="dark"?(e.setAttribute("data-color-mode","dark"),e.classList.remove("tl-theme__light"),e.classList.add("tl-theme__dark")):(e.setAttribute("data-color-mode","light"),e.classList.remove("tl-theme__dark"),e.classList.add("tl-theme__light")),o?e.classList.add("tl-theme__force-sRGB"):e.classList.remove("tl-theme__force-sRGB")},[t,e,o,n])}var bA=_(H(),1);function nQ(){let[t,e]=(0,bA.useState)(0);(0,bA.useEffect)(()=>e(n=>n+1),[])}var oQ=_(H(),1);function rQ(){let t=O();(0,oQ.useLayoutEffect)(()=>Sn("stateAttribute",()=>{let e=t.getContainer(),n=t.getInstanceState();e.setAttribute("data-state",t.getPath()),e.setAttribute("data-coarse",String(n.isCoarsePointer))}),[t])}var iQ=_(H(),1);function sQ(){let t=O(),e=it();iQ.useEffect(()=>{let n=i=>e.style.setProperty("--tl-zoom",i.toString()),o=Ed(n,100),r=new Ra("useZoomCss",()=>n(t.getEfficientZoomLevel()));return r.attach(),r.execute(),()=>{r.detach(),o.cancel()}},[t,e])}var Wa=_(j(),1);var yh=_(H(),1);var aQ='<svg xmlns="http://www.w3.org/2000/svg" width="3001" height="1000" fill="none"><path fill="#000" d="M590.656 300.449c0 49.706-40.294 90-90 90-49.705 0-90-40.294-90-90 0-49.705 40.295-90 90-90 49.706 0 90 40.295 90 90M569.431 719.011c-15.247 32.821-56.006 91.589-98.338 91.438-32.004-.115-38.642-30.904-17.414-50.856 17.381-16.337 28.246-48.075 31.995-72.719.415-2.728-1.556-5.197-4.272-5.679-39.666-7.04-70.746-40.877-70.746-83.417 0-48.23 38.983-87.329 87.07-87.329 39.936 0 70.172 22.237 83.369 52.397 18.839 43.055 7.117 115.733-11.664 156.165M2613.29 385.681V239.319c0-11.363 9.22-20.569 20.59-20.569h8.26c11.37 0 20.59 9.206 20.59 20.569v36.911c0 8.629 7 15.625 15.63 15.625h35.25c8.63 0 15.63-6.996 15.63-15.625v-36.911c0-11.363 9.22-20.569 20.59-20.569h8.17c11.37 0 20.59 9.206 20.59 20.569v146.362c0 11.363-9.22 20.569-20.59 20.569h-8.17c-11.37 0-20.59-9.206-20.59-20.569v-36.999c0-8.63-7-15.625-15.63-15.625h-35.25c-8.63 0-15.63 6.995-15.63 15.625v36.999c0 11.363-9.22 20.569-20.59 20.569h-8.26c-11.37 0-20.59-9.206-20.59-20.569M2391.97 239.319v146.362c0 11.348-9.16 20.569-20.49 20.569h-8.2c-11.33 0-20.49-9.221-20.49-20.569V239.319c0-11.348 9.16-20.569 20.49-20.569h8.2c11.33 0 20.49 9.221 20.49 20.569M2098.23 391.43l-42.69-146.361c-3.85-13.171 6.06-26.319 19.79-26.319h10.6c9.59 0 17.93 6.611 20.08 15.952l17.01 73.045c1.48 6.348 10.47 6.478 12.14.176l19.47-73.838c2.38-9.04 10.57-15.335 19.93-15.335h12.1c9.37 0 17.56 6.3 19.94 15.346l19.49 74.067c1.66 6.305 10.65 6.178 12.13-.171l17.09-73.294c2.15-9.339 10.49-15.948 20.08-15.948h10.53c13.72 0 23.63 13.141 19.79 26.31l-42.63 146.361c-2.56 8.789-10.63 14.829-19.79 14.829h-15.68c-9.12 0-17.16-5.98-19.76-14.709l-21.17-71.059c-1.77-5.948-10.19-5.957-11.97-.012l-21.33 71.071c-2.6 8.729-10.64 14.709-19.76 14.709h-15.59c-9.17 0-17.23-6.035-19.8-14.82M2443.23 218.75h118.59c11.38 0 20.62 9.195 20.62 20.557s-9.24 20.556-20.62 20.556h-24.79c-5.53 0-10 4.477-10 10v115.818c0 11.368-9.25 20.569-20.63 20.569h-7.65c-11.39 0-20.63-9.201-20.63-20.569V269.863c0-5.523-4.48-10-10-10h-24.89c-11.37 0-20.61-9.195-20.61-20.556s9.24-20.557 20.61-20.557M1174.15 218.75h24.64c8.35 0 15.88 5.042 19.04 12.764l34.61 83.942c2.13 5.161 9.44 5.155 11.56-.01l34.43-83.932a20.58 20.58 0 0 1 19.04-12.764h24.64c11.37 0 20.58 9.208 20.58 20.569v146.362c0 11.361-9.21 20.569-20.58 20.569h-7.09c-11.36 0-20.58-9.208-20.58-20.569l-.12-50.645c-.01-6.888-9.53-8.688-12.06-2.283l-23.46 59.332a20.57 20.57 0 0 1-19.14 13.009h-3.03a20.57 20.57 0 0 1-19.15-13.046l-23.47-59.68c-2.52-6.416-12.05-4.623-12.06 2.271l-.13 51.042c0 11.361-9.21 20.569-20.57 20.569h-7.1c-11.36 0-20.57-9.208-20.57-20.569V239.319c0-11.361 9.21-20.569 20.57-20.569"/><path fill="#000" fill-rule="evenodd" d="m1449.94 391.836 6.12-19.392a6.255 6.255 0 0 1 5.96-4.369l50.22-.061a6.24 6.24 0 0 1 5.96 4.348l6.23 19.486c2.71 8.581 10.71 14.402 19.74 14.402h9.34c14.13 0 24.15-13.791 19.61-27.151l-49.74-146.361c-2.85-8.37-10.74-13.988-19.61-13.988h-33.16c-8.87 0-16.77 5.618-19.61 13.988l-49.74 146.361c-4.54 13.36 5.48 27.151 19.61 27.151h9.32c9.04 0 17.04-5.827 19.75-14.414m31.1-98.858c1.85-5.807 10.08-5.796 11.91.016l8.83 27.916c1.28 4.028-1.73 8.134-5.96 8.134h-17.74c-4.23 0-7.24-4.119-5.95-8.151zM1681.81 406.25c18.91 0 35.39-3.686 49.36-11.168 13.97-7.544 24.73-18.394 32.24-32.489 7.56-14.105 11.29-30.866 11.29-50.182 0-19.256-3.73-35.957-11.29-50.004-7.57-14.094-18.35-24.912-32.32-32.397-13.91-7.545-30.4-11.26-49.37-11.26h-49.5c-11.38 0-20.63 9.201-20.63 20.569v146.362c0 11.368 9.25 20.569 20.63 20.569zm23.13-47.701c-6.62 3.215-14.85 4.886-24.79 4.886-10.49 0-19-8.507-19-19v-64.34c0-10.149 8.23-18.376 18.38-18.376 10.18 0 18.56 1.703 25.23 4.974 6.59 3.149 11.63 8.315 15.08 15.633 3.45 7.269 5.28 17.268 5.28 30.162 0 12.891-1.82 22.951-5.28 30.347-3.39 7.319-8.36 12.509-14.9 15.714" clip-rule="evenodd"/><path fill="#000" d="M1804.21 385.681V239.319c0-11.361 9.21-20.569 20.58-20.569h91.28c11.36 0 20.57 9.202 20.57 20.557s-9.21 20.556-20.57 20.556h-54.64a7.807 7.807 0 0 0-7.81 7.813v16.366a7.806 7.806 0 0 0 7.81 7.812h48.13c11.37 0 20.58 9.246 20.58 20.602s-9.21 20.601-20.58 20.601h-48.13a7.806 7.806 0 0 0-7.81 7.812v16.455a7.807 7.807 0 0 0 7.81 7.813h54.64c11.36 0 20.57 9.202 20.57 20.556s-9.21 20.557-20.57 20.557h-91.28c-11.37 0-20.58-9.208-20.58-20.569"/><path fill="#000" fill-rule="evenodd" d="M2875.5 68.75h-2750c-31.066 0-56.25 25.184-56.25 56.25v750c0 31.066 25.184 56.25 56.25 56.25h2750c31.07 0 56.25-25.184 56.25-56.25V125c0-31.066-25.18-56.25-56.25-56.25M125.5 0C56.464 0 .5 55.964.5 125v750c0 69.036 55.965 125 125 125h2750c69.04 0 125-55.964 125-125V125c0-69.036-55.96-125-125-125z" clip-rule="evenodd"/><path fill="#000" d="M2476.06 804.813c-10.54 0-19.82-6.947-22.81-17.068L2390.79 575.7c-4.49-15.248 6.92-30.534 22.8-30.534h27.75c11.1 0 20.72 7.686 23.18 18.52L2489 671.402c2.07 9.093 14.93 9.321 17.32.308l28.83-108.844c2.76-10.435 12.19-17.7 22.98-17.7h25.17c10.8 0 20.25 7.293 22.99 17.755l28.27 107.739c2.36 9.001 15.18 8.829 17.3-.232l25.01-106.888c2.51-10.763 12.1-18.374 23.14-18.374h27.87c15.88 0 27.29 15.286 22.8 30.534l-62.46 212.045a23.78 23.78 0 0 1-22.81 17.068h-32.12c-10.39 0-19.58-6.763-22.69-16.696l-32.08-102.694c-2.62-8.397-14.51-8.331-17.04.095l-30.74 102.346c-3.02 10.061-12.27 16.949-22.76 16.949zM1742.44 804.813h-75.81c-13.09 0-23.71-10.656-23.71-23.801V568.967c0-13.145 10.62-23.801 23.71-23.801h74.8c26.6 0 49.59 5.198 68.95 15.594 19.45 10.312 34.44 25.187 44.96 44.627 10.61 19.355 15.91 42.556 15.91 69.602q0 40.57-15.78 69.73c-10.53 19.355-25.43 34.231-44.71 44.627-19.28 10.311-42.05 15.467-68.32 15.467m-29.3-83.642c0 13.145 10.61 23.801 23.71 23.801h3.06c12.8 0 23.7-2.07 32.71-6.212 9.09-4.141 16-11.283 20.71-21.426q7.2-15.213 7.2-42.345 0-27.13-7.32-42.344c-4.8-10.143-11.87-17.285-21.22-21.426-9.26-4.142-20.63-6.212-34.1-6.212h-1.04c-13.1 0-23.71 10.656-23.71 23.801zM1460.86 804.813c-13.12 0-23.76-10.656-23.76-23.801V568.967c0-13.145 10.64-23.801 23.76-23.801h22.84c13.13 0 23.76 10.656 23.76 23.801v155.247c0 13.145 10.64 23.801 23.76 23.801h57.27c13.12 0 23.76 10.656 23.76 23.801v9.196c0 13.145-10.64 23.801-23.76 23.801zM1204.45 601.964c-13.13 0-23.77-10.656-23.77-23.801v-9.196c0-13.145 10.64-23.801 23.77-23.801h177.89c13.13 0 23.78 10.656 23.78 23.801v9.196c0 13.145-10.65 23.801-23.78 23.801h-39.38c-8.21 0-14.86 6.66-14.86 14.875v164.173c0 13.145-10.64 23.801-23.78 23.801h-21.85c-13.13 0-23.78-10.656-23.78-23.801V616.839c0-8.215-6.65-14.875-14.86-14.875z"/><path fill="#000" fill-rule="evenodd" d="M2223.05 787.891c-3.02 10.047-12.27 16.922-22.74 16.922h-25.43c-16.19 0-27.64-15.862-22.57-31.261l69.88-212.045c3.21-9.753 12.31-16.341 22.56-16.341h61.84c10.25 0 19.35 6.588 22.56 16.341l69.87 212.045c5.08 15.399-6.37 31.261-22.56 31.261h-25.43c-10.48 0-19.72-6.875-22.74-16.922l-6.7-22.2a14.84 14.84 0 0 0-14.21-10.576h-63.42c-6.55 0-12.32 4.296-14.22 10.576zm76.13-96.945-14.13-48.436c-2.46-8.451-14.36-8.602-17.04-.217l-15.46 48.436c-1.84 5.759 2.45 11.645 8.48 11.645h29.6c5.94 0 10.22-5.715 8.55-11.428" clip-rule="evenodd"/><path fill="#000" d="M1939.6 804.813c-13.13 0-23.77-10.656-23.77-23.801V568.967c0-13.145 10.64-23.801 23.77-23.801h88.13c19.24 0 36.08 3.508 50.51 10.523s25.65 17.115 33.67 30.3q12.03 19.779 12.03 47.416c0 18.595-4.14 34.273-12.41 47.036-7.64 11.913-18.18 21.101-31.63 27.564-16.98 8.159-36 11.104-54.7 11.104h-43.07c-76.56 0 4.08-135.84 4.08-84.706v7.996c0 12.117 9.81 21.941 21.91 21.941 8.12 0 16.3-.345 24.04-3.043 5.91-2.113 10.43-5.451 13.55-10.015 3.2-4.565 4.81-10.523 4.81-17.877 0-7.437-1.61-13.481-4.81-18.129-3.12-4.733-7.64-8.199-13.55-10.396-7.05-2.766-14.67-3.423-22.18-3.423-13.13 0-23.77 10.656-23.77 23.801v47.71c0 11.825 11.14 16.003 19.91 20.752 12.31 6.671 7.58 25.389-6.42 25.389-7.45 0-13.49 6.048-13.49 13.508v48.395c0 13.145-10.63 23.801-23.76 23.801zm134.89-106.758 5.41 9.95 33.51 61.622c8.62 15.86-2.84 35.186-20.87 35.186h-22.27c-8.74 0-16.77-4.798-20.92-12.496l-35.05-65.04a15.52 15.52 0 0 0-13.66-8.168c-42.24 0 40.62-82.154 73.85-21.054M931.652 0h68.748v1000h-68.748z"/></svg>',lQ='<svg xmlns="http://www.w3.org/2000/svg" width="400" height="1601" fill="none"><path fill="#000" d="M72 1319.8c0-10.73 7.071-20.18 17.372-23.22l215.823-63.62c15.519-4.57 31.078 7.05 31.078 23.22v28.26c0 11.31-7.824 21.1-18.85 23.61l-109.636 24.94c-9.254 2.1-9.487 15.2-.313 17.63l110.784 29.37a24.21 24.21 0 0 1 18.015 23.4v25.64c0 11-7.423 20.62-18.071 23.41l-109.659 28.79c-9.162 2.41-8.986 15.47.236 17.63l108.792 25.46c10.955 2.56 18.702 12.33 18.702 23.57v28.39c0 16.17-15.559 27.79-31.078 23.22l-215.823-63.62c-10.3-3.04-17.372-12.49-17.372-23.22v-32.72c0-10.59 6.883-19.95 16.994-23.11l104.523-32.67c8.547-2.67 8.479-14.79-.096-17.36l-104.17-31.3C79.01 1372.42 72 1363 72 1352.31zM72 572.638V495.43c0-13.336 10.846-24.147 24.225-24.147h215.823c13.379 0 24.225 10.811 24.225 24.147v76.179q0 40.645-15.872 70.228-15.743 29.712-45.422 45.79-29.55 16.206-70.843 16.206-41.292 0-70.971-16.078-29.55-16.077-45.422-45.532Q72 612.767 72 572.638m85.132-29.84c-13.379 0-24.225 10.81-24.225 24.146v3.122q0 19.55 6.323 33.313 6.323 13.89 21.807 21.094 15.485 7.332 43.099 7.331t43.1-7.46q15.484-7.33 21.807-21.608 6.323-14.15 6.323-34.728v-1.064c0-13.336-10.846-24.146-24.225-24.146zM72 285.858c0-13.363 10.846-24.197 24.225-24.197h215.823c13.379 0 24.225 10.834 24.225 24.197v23.27c0 13.364-10.846 24.197-24.225 24.197H154.035c-13.379 0-24.225 10.834-24.225 24.197v58.328c0 13.364-10.846 24.197-24.225 24.197h-9.36C82.845 440.047 72 429.214 72 415.85zM278.463 24.72c0-13.374 10.846-24.216 24.225-24.216h9.36c13.379 0 24.225 10.842 24.225 24.216v181.174c0 13.374-10.846 24.216-24.225 24.216h-9.36c-13.379 0-24.225-10.842-24.225-24.216v-40.108c0-8.359-6.779-15.135-15.141-15.135H96.225c-13.38 0-24.225-10.842-24.225-24.216v-22.256c0-13.374 10.846-24.216 24.225-24.216h167.097c8.362 0 15.141-6.776 15.141-15.135z"/><path fill="#000" fill-rule="evenodd" d="M89.224 1062.13C78.997 1059.04 72 1049.63 72 1038.96v-25.9c0-16.486 16.145-28.147 31.818-22.979l215.823 71.169a24.19 24.19 0 0 1 16.632 22.98v62.97c0 10.45-6.706 19.71-16.632 22.98l-215.823 71.17C88.145 1246.51 72 1234.86 72 1218.37v-25.9c0-10.67 6.997-20.08 17.224-23.17l22.595-6.81a15.13 15.13 0 0 0 10.765-14.48v-64.59a15.13 15.13 0 0 0-10.765-14.48zm98.672 77.53 49.299-14.39c8.601-2.51 8.755-14.62.22-17.35l-49.299-15.75c-5.861-1.88-11.852 2.49-11.852 8.64v30.14c0 6.05 5.817 10.41 11.632 8.71" clip-rule="evenodd"/><path fill="#000" d="M72 773.439c0-13.367 10.846-24.203 24.225-24.203h215.823c13.379 0 24.225 10.836 24.225 24.203v89.762q0 29.395-10.711 51.439-10.71 22.046-30.84 34.293t-48.261 12.248q-28.388 0-47.873-12.635-18.187-11.672-28.056-32.218c-8.303-17.289-11.301-36.661-11.301-55.705v-43.867c0-77.976 138.26 4.16 86.215 4.16h-8.138c-12.334 0-22.332 9.989-22.332 22.311 0 8.269.351 16.6 3.097 24.487q3.225 9.024 10.194 13.794 6.968 4.899 18.194 4.899 11.356 0 18.453-4.899 7.226-4.77 10.581-13.794c2.815-7.188 3.484-14.944 3.484-22.596 0-13.366-10.846-24.202-24.225-24.202h-48.56c-12.036 0-16.288 11.345-21.122 20.272-6.79 12.539-25.841 7.72-25.841-6.536 0-7.586-6.156-13.736-13.749-13.736H96.225C82.845 820.916 72 810.08 72 796.714zm108.66 137.378-10.128 5.511-62.72 34.131C91.67 959.243 72 947.569 72 929.205V906.52a24.2 24.2 0 0 1 12.719-21.299l66.199-35.696a15.82 15.82 0 0 0 8.313-13.921c0-43.012 83.618 41.371 21.429 75.213"/></svg>';function cQ(t){return z("watermarkState",()=>t.state.get(),[t])}var aPe=`data:image/svg+xml;utf8,${encodeURIComponent(aQ)}`,lPe=`data:image/svg+xml;utf8,${encodeURIComponent(lQ)}`,uQ=(0,yh.memo)(function(){let e=ZJ(),n=O(),o=z("is mobile",()=>n.getViewportScreenBounds().width<700,[n]),r=cQ(e);return["licensed-with-watermark","unlicensed"].includes(r)?(0,Wa.jsxs)(Wa.Fragment,{children:[(0,Wa.jsx)(dPe,{}),(0,Wa.jsx)(uPe,{src:o?lPe:aPe,isUnlicensed:r==="unlicensed"})]}):null}),cPe=(0,yh.memo)(function({isDebugMode:e,isMobile:n}){let o=O(),r=mg(),i=(0,yh.useRef)(null);xr(i);let s="https://tldraw.dev/pricing?utm_source=sdk&utm_medium=organic&utm_campaign=watermark";return(0,Wa.jsx)("div",{ref:i,className:Xd.className,"data-debug":e,"data-mobile":n,"data-unlicensed":!0,"data-testid":"tl-watermark-unlicensed",draggable:!1,...r,children:(0,Wa.jsx)("button",{draggable:!1,role:"button",onPointerDown:a=>{o.markEventAsHandled(a),de(a)},title:"The tldraw SDK requires a license key to work in production. You can get a free 100-day trial license at tldraw.dev/pricing.",onClick:()=>{Cg.openWindow(s,"_blank",!0)},children:"Get a license for production"})})}),uPe=(0,yh.memo)(function({src:e,isUnlicensed:n}){let o=O(),r=z("debug mode",()=>o.getInstanceState().isDebugMode,[o]),i=z("is mobile",()=>o.getViewportScreenBounds().width<700,[o]),s=mg(),a=(0,yh.useRef)(null);xr(a);let l=`url('${e}') center 100% / 100% no-repeat`,c="https://tldraw.dev/?utm_source=sdk&utm_medium=organic&utm_campaign=watermark";return n?(0,Wa.jsx)(cPe,{isDebugMode:r,isMobile:i}):(0,Wa.jsx)("div",{ref:a,className:Xd.className,"data-debug":r,"data-mobile":i,"data-testid":"tl-watermark-licensed",draggable:!1,...s,children:(0,Wa.jsx)("button",{draggable:!1,role:"button",onPointerDown:d=>{o.markEventAsHandled(d),de(d)},title:"Build infinite canvas applications with the tldraw SDK. Learn more at https://tldraw.dev.",onClick:()=>{Cg.openWindow(c,"_blank")},style:{mask:l,WebkitMask:l}})})}),dPe=(0,yh.memo)(function(){let e=O(),n=Xd.className,o=`
+/* ------------------- SEE LICENSE -------------------
+The tldraw watermark is part of tldraw's license. It is shown for unlicensed
+or "licensed-with-watermark" users. By using this library, you agree to
+preserve the watermark's behavior, keeping it visible, unobscured, and
+available to user-interaction.
+
+To remove the watermark, please purchase a license at tldraw.dev.
+*/
+
+.${n} {
+	position: absolute;
+	bottom: max(var(--tl-space-2), env(safe-area-inset-bottom));
+	right: max(var(--tl-space-2), env(safe-area-inset-right));
+	width: 96px;
+	height: 32px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	z-index: var(--tl-layer-watermark) !important;
+	background-color: color-mix(in srgb, var(--tl-color-background) 62%, transparent);
+	opacity: 1;
+	border-radius: 5px;
+	pointer-events: all;
+	padding: 2px;
+	box-sizing: content-box;
+}
+
+.${n} > button {
+	position: absolute;
+	width: 96px;
+	height: 32px;
+	pointer-events: all;
+	cursor: inherit;
+	color: var(--tl-color-text);
+	opacity: .38;
+	border: 0;
+	padding: 0;
+	background-color: currentColor;
+}
+
+.${n}[data-debug='true'] {
+	bottom: max(46px, env(safe-area-inset-bottom));
+}
+
+.${n}[data-mobile='true'] {
+	border-radius: 4px 0px 0px 4px;
+	right: max(-2px, calc(env(safe-area-inset-right) - 2px));
+	width: 8px;
+	height: 48px;
+}
+
+.${n}[data-mobile='true'] > button {
+	width: 8px;
+	height: 32px;
+}
+
+.tl-container[dir='rtl'] .${n} {
+	right: auto;
+	left: max(var(--tl-space-2), env(safe-area-inset-left));
+}
+
+.tl-container[dir='rtl'] .${n}[data-mobile='true'] {
+	border-radius: 0px 4px 4px 0px;
+	left: max(-2px, calc(env(safe-area-inset-left) - 2px));
+}
+
+.${n}[data-unlicensed='true'] > button {
+	font-size: 100px;
+	position: absolute;
+	pointer-events: all;
+	cursor: pointer;
+	color: var(--tl-color-text);
+	opacity: 0.8;
+	border: 0;
+	padding: 0;
+	background-color: transparent;
+	font-size: 11px;
+	font-weight: 600;
+	text-align: center;
+}
+
+.${n}[data-mobile='true'][data-unlicensed='true'] > button {
+	display: none;
+}
+
+@media (hover: hover) {
+	.${n} > button {
+		pointer-events: none;
+	}
+
+	.${n}:hover {
+		background-color: var(--tl-color-background);
+		transition: background-color 0.2s ease-in-out;
+		transition-delay: 0.32s;
+	}
+
+	.${n}:hover > button {
+		animation: ${n}_delayed_link 0.2s forwards ease-in-out;
+		animation-delay: 0.32s;
+	}
+
+	.${n} > button:focus-visible {
+		opacity: 1;
+	}
+}
+
+@keyframes ${n}_delayed_link {
+	0% {
+		cursor: inherit;
+		opacity: .38;
+		pointer-events: none;
+	}
+	100% {
+		cursor: pointer;
+		opacity: 1;
+		pointer-events: all;
+	}
+}`;return(0,Wa.jsx)("style",{nonce:e.options.nonce,children:o})});var pPe=[],fPe=[],hPe=[],mPe=[],gPe="tl-container",iU=(0,In.memo)(function({store:e,components:n,className:o,user:r,options:i,textOptions:s,deepLinks:a,...l}){let c=Rg(l.themes);Bx(c),Ux(c);let[d,u]=(0,In.useState)(null),p=(0,In.useMemo)(()=>r??$T(),[r]),f=n?.ErrorFallback===void 0?HT:n?.ErrorFallback,h=(0,In.useMemo)(()=>{let y=i;return s&&(y={...y,text:y?.text??s}),a!==void 0&&(y={...y,deepLinks:y?.deepLinks??a}),y},[i,s,a]),g={...l,shapeUtils:l.shapeUtils??pPe,bindingUtils:l.bindingUtils??fPe,assetUtils:l.assetUtils??hPe,tools:l.tools??mPe,components:n,options:ja(h)};return(0,yo.jsx)("div",{ref:u,"data-tldraw":Jb,draggable:!1,className:(0,dQ.default)(`${gPe} tl-theme__light`,o),tabIndex:-1,role:"application","aria-label":i?.branding??"tldraw",children:(0,yo.jsx)(vg,{fallback:f,onError:y=>qm(y,{tags:{origin:"react.tldraw-before-app"}}),children:d&&(0,yo.jsx)(QJ,{licenseKey:l.licenseKey,children:(0,yo.jsx)(IT,{container:d,children:(0,yo.jsx)(zJ,{overrides:n,children:e?e instanceof Wf?(0,yo.jsx)(fQ,{...g,store:e,user:p}):(0,yo.jsx)(pQ,{...g,store:e,user:p}):(0,yo.jsx)(yPe,{...g,store:e,user:p})})})})})})});function yPe(t){let{defaultName:e,snapshot:n,initialData:o,shapeUtils:r,bindingUtils:i,assetUtils:s,persistenceKey:a,sessionId:l,user:c,assets:d,users:u,migrations:p,themes:f}=t,h=eU({shapeUtils:r,bindingUtils:i,assetUtils:s,initialData:o,persistenceKey:a,sessionId:l,defaultName:e,snapshot:n,assets:d,users:u,migrations:p,themes:f});return(0,yo.jsx)(pQ,{...t,store:h,user:c})}var pQ=(0,In.memo)(function({store:e,user:n,...o}){let r=it();(0,In.useLayoutEffect)(()=>{n.userPreferences.get().colorScheme==="dark"&&(r.classList.remove("tl-theme__light"),r.classList.add("tl-theme__dark"))},[r,n]);let{LoadingScreen:i}=eo();switch(e.status){case"error":throw e.error;case"loading":return i?(0,yo.jsx)(i,{}):null;case"not-synced":break;case"synced-local":break;case"synced-remote":break}return(0,yo.jsx)(fQ,{...o,store:e.store,user:n})}),rU=()=>Ln().location.search.includes("tldraw_preserve_focus");function fQ({onMount:t,children:e,store:n,tools:o,shapeUtils:r,bindingUtils:i,assetUtils:s,overlayUtils:a,user:l,initialState:c,autoFocus:d=!0,cameraOptions:u,options:p,licenseKey:f,getShapeVisibility:h,colorScheme:g,assetUrls:y,themes:m,initialTheme:S}){let{ErrorFallback:b}=eo(),v=it(),[w,x]=hC(null),C=(0,In.useRef)(null),P=p?.deepLinks,M=ja(P===!0?{}:P),E=(0,In.useRef)({autoFocus:d&&!rU(),initialState:c,colorScheme:g,cameraOptions:u,deepLinks:M,themes:m,initialTheme:S});(0,In.useLayoutEffect)(()=>{E.current={autoFocus:d&&!rU(),initialState:c,colorScheme:g,cameraOptions:u,deepLinks:M,themes:m,initialTheme:S}},[d,c,g,u,M,m,S]),(0,In.useLayoutEffect)(()=>{let{autoFocus:k,initialState:L,colorScheme:U,cameraOptions:V,deepLinks:Y,themes:Z,initialTheme:le}=E.current,Te=new pe({store:n,shapeUtils:r,bindingUtils:i,assetUtils:s,overlayUtils:a,tools:o,getContainer:()=>v,user:l,initialState:L,autoFocus:k,cameraOptions:V,options:p,licenseKey:f,getShapeVisibility:h,colorScheme:U,fontAssetUrls:y?.fonts,themes:Z,initialTheme:le});return Te.updateViewportScreenBounds(C.current??v),Y&&(Y?.getUrl?Te.navigateToDeepLink({...Y,url:Y.getUrl(Te)}):Te.navigateToDeepLink(Y)),x(Te),()=>{Te.dispose()}},[s,i,g,v,p,a,r,n,o,l,x,f,h,y]),(0,In.useLayoutEffect)(()=>{if(w&&M)return w.registerDeepLinkListener(M)},[w,M]),(0,In.useLayoutEffect)(()=>{w&&(u||p?.camera)&&w.setCameraOptions({...u,...p?.camera})},[w,u,p?.camera]),(0,In.useLayoutEffect)(()=>{if(w&&m)for(let k of Object.values(m))w.updateTheme(k)},[w,m]),(0,In.useLayoutEffect)(()=>{w&&S&&w.setCurrentTheme(S)},[w,S]);let I=(0,In.useSyncExternalStore)((0,In.useCallback)(k=>w?(w.on("crash",k),()=>w.off("crash",k)):()=>{},[w]),()=>w?.getCrashingError()??null);(0,In.useEffect)(function(){if(!w)return;function L(){w&&w.focus()}function U(){w&&w.blur()}if(d&&rU()){let V=w.getContainer();return V.addEventListener("pointerdown",L),V.ownerDocument.body.addEventListener("pointerdown",U),()=>{V.removeEventListener("pointerdown",L),V.ownerDocument.body.removeEventListener("pointerdown",U)}}},[w,d]);let[R,D]=(0,In.useState)(null),N=R;w!==N?.editor&&(N=null),(0,In.useLayoutEffect)(()=>{if(!w)return;if(w.options.maxFontsToLoadBeforeRender===0){D({editor:w,isLoaded:!0});return}let k=!1;return D({editor:w,isLoaded:!1}),w.fonts.loadRequiredFontsForCurrentPage(w.options.maxFontsToLoadBeforeRender).finally(()=>{k||D({editor:w,isLoaded:!0})}),()=>{k=!0}},[w]);let{Canvas:B,LoadingScreen:F}=eo();return!w||!N?.isLoaded?(0,yo.jsxs)(yo.Fragment,{children:[F&&(0,yo.jsx)(F,{}),(0,yo.jsx)("div",{className:"tl-canvas",ref:C})]}):(0,yo.jsx)(vg,{fallback:b,onError:k=>w.annotateError(k,{origin:"react.tldraw",willCrashApp:!0}),children:I?(0,yo.jsx)(bPe,{crashingError:I}):(0,yo.jsx)(hg,{editor:w,children:(0,yo.jsxs)(SPe,{onMount:t,children:[e??(B?(0,yo.jsx)(B,{},w.contextId):null),(0,yo.jsx)(uQ,{})]})})})}function SPe({children:t,onMount:e}){return sQ(),DJ(),tQ(),nQ(),rQ(),vA(n=>{let o=n.store.props.onMount(n),r=e?.(n);return()=>{o?.(),r?.()}}),t}function bPe({crashingError:t}){throw t}function sU({children:t}){return(0,yo.jsx)("div",{className:"tl-loading","aria-busy":"true",tabIndex:0,children:t})}function vA(t){let e=O(),n=Zi(o=>{let r;return o.run(()=>{r=t?.(o),o.emit("mount")},{history:"ignore"}),window.tldrawReady=!0,r});In.default.useLayoutEffect(()=>{if(e)return n?.(e)},[e,n])}var av=class{constructor(e,n){this.name=e,this.getInitialState=n}name;getInitialState;states=new Ot;getAtom(e){return this.states.get(e,()=>ye(this.name,this.getInitialState(e)))}get(e){return this.getAtom(e).get()}update(e,n){return this.getAtom(e).update(n)}set(e,n){return this.getAtom(e).set(n)}};function yC(t,e=!0){let n=t.length;if(n<2)return"";let o=t[0],r=t[1];if(n===2)return`M${rh(o)}L${rh(r)}`;let i="";for(let s=2,a=n-1;s<a;s++)o=t[s],r=t[s+1],i+=ih(o,r);return e?`M${ih(t[0],t[1])}Q${rh(t[1])}${ih(t[1],t[2])}T${i}${ih(t[n-1],t[0])}${ih(t[0],t[1])}Z`:`M${rh(t[0])}Q${rh(t[1])}${ih(t[1],t[2])}${t.length>3?"T":""}${i}L${rh(t[n-1])}`}function Ji(t){this.content=t}Ji.prototype={constructor:Ji,find:function(t){for(var e=0;e<this.content.length;e+=2)if(this.content[e]===t)return e;return-1},get:function(t){var e=this.find(t);return e==-1?void 0:this.content[e+1]},update:function(t,e,n){var o=n&&n!=t?this.remove(n):this,r=o.find(t),i=o.content.slice();return r==-1?i.push(n||t,e):(i[r+1]=e,n&&(i[r]=n)),new Ji(i)},remove:function(t){var e=this.find(t);if(e==-1)return this;var n=this.content.slice();return n.splice(e,2),new Ji(n)},addToStart:function(t,e){return new Ji([t,e].concat(this.remove(t).content))},addToEnd:function(t,e){var n=this.remove(t).content.slice();return n.push(t,e),new Ji(n)},addBefore:function(t,e,n){var o=this.remove(e),r=o.content.slice(),i=o.find(t);return r.splice(i==-1?r.length:i,0,e,n),new Ji(r)},forEach:function(t){for(var e=0;e<this.content.length;e+=2)t(this.content[e],this.content[e+1])},prepend:function(t){return t=Ji.from(t),t.size?new Ji(t.content.concat(this.subtract(t).content)):this},append:function(t){return t=Ji.from(t),t.size?new Ji(this.subtract(t).content.concat(t.content)):this},subtract:function(t){var e=this;t=Ji.from(t);for(var n=0;n<t.content.length;n+=2)e=e.remove(t.content[n]);return e},toObject:function(){var t={};return this.forEach(function(e,n){t[e]=n}),t},get size(){return this.content.length>>1}};Ji.from=function(t){if(t instanceof Ji)return t;var e=[];if(t)for(var n in t)e.push(n,t[n]);return new Ji(e)};var aU=Ji;function TQ(t,e,n){for(let o=0;;o++){if(o==t.childCount||o==e.childCount)return t.childCount==e.childCount?null:n;let r=t.child(o),i=e.child(o);if(r==i){n+=r.nodeSize;continue}if(!r.sameMarkup(i))return n;if(r.isText&&r.text!=i.text){let s=r.text,a=i.text,l=0;for(;s[l]==a[l];l++)n++;return l&&l<s.length&&l<a.length&&EQ(s.charCodeAt(l-1))&&PQ(s.charCodeAt(l))&&n--,n}if(r.content.size||i.content.size){let s=TQ(r.content,i.content,n+1);if(s!=null)return s}n+=r.nodeSize}}function CQ(t,e,n,o){for(let r=t.childCount,i=e.childCount;;){if(r==0||i==0)return r==i?null:{a:n,b:o};let s=t.child(--r),a=e.child(--i),l=s.nodeSize;if(s==a){n-=l,o-=l;continue}if(!s.sameMarkup(a))return{a:n,b:o};if(s.isText&&s.text!=a.text){let c=s.text,d=a.text,u=c.length,p=d.length;for(;u>0&&p>0&&c[u-1]==d[p-1];)u--,p--,n--,o--;return u&&p&&u<c.length&&EQ(c.charCodeAt(u-1))&&PQ(c.charCodeAt(u))&&(n++,o++),{a:n,b:o}}if(s.content.size||a.content.size){let c=CQ(s.content,a.content,n-1,o-1);if(c)return c}n-=l,o-=l}}function PQ(t){return t>=56320&&t<57344}function EQ(t){return t>=55296&&t<56320}var re=class t{constructor(e,n){if(this.content=e,this.size=n||0,n==null)for(let o=0;o<e.length;o++)this.size+=e[o].nodeSize}nodesBetween(e,n,o,r=0,i){for(let s=0,a=0;a<n;s++){let l=this.content[s],c=a+l.nodeSize;if(c>e&&o(l,r+a,i||null,s)!==!1&&l.content.size){let d=a+1;l.nodesBetween(Math.max(0,e-d),Math.min(l.content.size,n-d),o,r+d)}a=c}}descendants(e){this.nodesBetween(0,this.size,e)}textBetween(e,n,o,r){let i="",s=!0;return this.nodesBetween(e,n,(a,l)=>{let c=a.isText?a.text.slice(Math.max(e,l)-l,n-l):a.isLeaf?r?typeof r=="function"?r(a):r:a.type.spec.leafText?a.type.spec.leafText(a):"":"";a.isBlock&&(a.isLeaf&&c||a.isTextblock)&&o&&(s?s=!1:i+=o),i+=c},0),i}append(e){if(!e.size)return this;if(!this.size)return e;let n=this.lastChild,o=e.firstChild,r=this.content.slice(),i=0;for(n.isText&&n.sameMarkup(o)&&(r[r.length-1]=n.withText(n.text+o.text),i=1);i<e.content.length;i++)r.push(e.content[i]);return new t(r,this.size+e.size)}cut(e,n=this.size){if(e==0&&n==this.size)return this;let o=[],r=0;if(n>e)for(let i=0,s=0;s<n;i++){let a=this.content[i],l=s+a.nodeSize;l>e&&((s<e||l>n)&&(a.isText?a=a.cut(Math.max(0,e-s),Math.min(a.text.length,n-s)):a=a.cut(Math.max(0,e-s-1),Math.min(a.content.size,n-s-1))),o.push(a),r+=a.nodeSize),s=l}return new t(o,r)}cutByIndex(e,n){return e==n?t.empty:e==0&&n==this.content.length?this:new t(this.content.slice(e,n))}replaceChild(e,n){let o=this.content[e];if(o==n)return this;let r=this.content.slice(),i=this.size+n.nodeSize-o.nodeSize;return r[e]=n,new t(r,i)}addToStart(e){return new t([e].concat(this.content),this.size+e.nodeSize)}addToEnd(e){return new t(this.content.concat(e),this.size+e.nodeSize)}eq(e){if(this.content.length!=e.content.length)return!1;for(let n=0;n<this.content.length;n++)if(!this.content[n].eq(e.content[n]))return!1;return!0}get firstChild(){return this.content.length?this.content[0]:null}get lastChild(){return this.content.length?this.content[this.content.length-1]:null}get childCount(){return this.content.length}child(e){let n=this.content[e];if(!n)throw new RangeError("Index "+e+" out of range for "+this);return n}maybeChild(e){return this.content[e]||null}forEach(e){for(let n=0,o=0;n<this.content.length;n++){let r=this.content[n];e(r,o,n),o+=r.nodeSize}}findDiffStart(e,n=0){return TQ(this,e,n)}findDiffEnd(e,n=this.size,o=e.size){return CQ(this,e,n,o)}findIndex(e){if(e==0)return wA(0,e);if(e==this.size)return wA(this.content.length,e);if(e>this.size||e<0)throw new RangeError(`Position ${e} outside of fragment (${this})`);for(let n=0,o=0;;n++){let r=this.child(n),i=o+r.nodeSize;if(i>=e)return i==e?wA(n+1,i):wA(n,o);o=i}}toString(){return"<"+this.toStringInner()+">"}toStringInner(){return this.content.join(", ")}toJSON(){return this.content.length?this.content.map(e=>e.toJSON()):null}static fromJSON(e,n){if(!n)return t.empty;if(!Array.isArray(n))throw new RangeError("Invalid input for Fragment.fromJSON");return t.fromArray(n.map(e.nodeFromJSON))}static fromArray(e){if(!e.length)return t.empty;let n,o=0;for(let r=0;r<e.length;r++){let i=e[r];o+=i.nodeSize,r&&i.isText&&e[r-1].sameMarkup(i)?(n||(n=e.slice(0,r)),n[n.length-1]=i.withText(n[n.length-1].text+i.text)):n&&n.push(i)}return new t(n||e,o)}static from(e){if(!e)return t.empty;if(e instanceof t)return e;if(Array.isArray(e))return this.fromArray(e);if(e.attrs)return new t([e],e.nodeSize);throw new RangeError("Can not convert "+e+" to a Fragment"+(e.nodesBetween?" (looks like multiple versions of prosemirror-model were loaded)":""))}};re.empty=new re([],0);var lU={index:0,offset:0};function wA(t,e){return lU.index=t,lU.offset=e,lU}function CA(t,e){if(t===e)return!0;if(!(t&&typeof t=="object")||!(e&&typeof e=="object"))return!1;let n=Array.isArray(t);if(Array.isArray(e)!=n)return!1;if(n){if(t.length!=e.length)return!1;for(let o=0;o<t.length;o++)if(!CA(t[o],e[o]))return!1}else{for(let o in t)if(!(o in e)||!CA(t[o],e[o]))return!1;for(let o in e)if(!(o in t))return!1}return!0}var Qt=class t{constructor(e,n){this.type=e,this.attrs=n}addToSet(e){let n,o=!1;for(let r=0;r<e.length;r++){let i=e[r];if(this.eq(i))return e;if(this.type.excludes(i.type))n||(n=e.slice(0,r));else{if(i.type.excludes(this.type))return e;!o&&i.type.rank>this.type.rank&&(n||(n=e.slice(0,r)),n.push(this),o=!0),n&&n.push(i)}}return n||(n=e.slice()),o||n.push(this),n}removeFromSet(e){for(let n=0;n<e.length;n++)if(this.eq(e[n]))return e.slice(0,n).concat(e.slice(n+1));return e}isInSet(e){for(let n=0;n<e.length;n++)if(this.eq(e[n]))return!0;return!1}eq(e){return this==e||this.type==e.type&&CA(this.attrs,e.attrs)}toJSON(){let e={type:this.type.name};for(let n in this.attrs){e.attrs=this.attrs;break}return e}static fromJSON(e,n){if(!n)throw new RangeError("Invalid input for Mark.fromJSON");let o=e.marks[n.type];if(!o)throw new RangeError(`There is no mark type ${n.type} in this schema`);let r=o.create(n.attrs);return o.checkAttrs(r.attrs),r}static sameSet(e,n){if(e==n)return!0;if(e.length!=n.length)return!1;for(let o=0;o<e.length;o++)if(!e[o].eq(n[o]))return!1;return!0}static setFrom(e){if(!e||Array.isArray(e)&&e.length==0)return t.none;if(e instanceof t)return[e];let n=e.slice();return n.sort((o,r)=>o.type.rank-r.type.rank),n}};Qt.none=[];var Sh=class extends Error{},ge=class t{constructor(e,n,o){this.content=e,this.openStart=n,this.openEnd=o}get size(){return this.content.size-this.openStart-this.openEnd}insertAt(e,n){let o=_Q(this.content,e+this.openStart,n,this.openStart+1,this.openEnd+1);return o&&new t(o,this.openStart,this.openEnd)}removeBetween(e,n){return new t(IQ(this.content,e+this.openStart,n+this.openStart),this.openStart,this.openEnd)}eq(e){return this.content.eq(e.content)&&this.openStart==e.openStart&&this.openEnd==e.openEnd}toString(){return this.content+"("+this.openStart+","+this.openEnd+")"}toJSON(){if(!this.content.size)return null;let e={content:this.content.toJSON()};return this.openStart>0&&(e.openStart=this.openStart),this.openEnd>0&&(e.openEnd=this.openEnd),e}static fromJSON(e,n){if(!n)return t.empty;let o=n.openStart||0,r=n.openEnd||0;if(typeof o!="number"||typeof r!="number")throw new RangeError("Invalid input for Slice.fromJSON");return new t(re.fromJSON(e,n.content),o,r)}static maxOpen(e,n=!0){let o=0,r=0;for(let i=e.firstChild;i&&!i.isLeaf&&(n||!i.type.spec.isolating);i=i.firstChild)o++;for(let i=e.lastChild;i&&!i.isLeaf&&(n||!i.type.spec.isolating);i=i.lastChild)r++;return new t(e,o,r)}};ge.empty=new ge(re.empty,0,0);function IQ(t,e,n){let{index:o,offset:r}=t.findIndex(e),i=t.maybeChild(o),{index:s,offset:a}=t.findIndex(n);if(r==e||i.isText){if(a!=n&&!t.child(s).isText)throw new RangeError("Removing non-flat range");return t.cut(0,e).append(t.cut(n))}if(o!=s)throw new RangeError("Removing non-flat range");return t.replaceChild(o,i.copy(IQ(i.content,e-r-1,n-r-1)))}function _Q(t,e,n,o,r,i){let{index:s,offset:a}=t.findIndex(e),l=t.maybeChild(s);if(a==e||l.isText)return i&&o<=0&&r<=0&&!i.canReplace(s,s,n)?null:t.cut(0,e).append(n).append(t.cut(e));let c=_Q(l.content,e-a-1,n,s==0?o-1:0,s==t.childCount-1?r-1:0,l);return c&&t.replaceChild(s,l.copy(c))}function vPe(t,e,n){if(n.openStart>t.depth)throw new Sh("Inserted content deeper than insertion position");if(t.depth-n.openStart!=e.depth-n.openEnd)throw new Sh("Inconsistent open depths");return MQ(t,e,n,0)}function MQ(t,e,n,o){let r=t.index(o),i=t.node(o);if(r==e.index(o)&&o<t.depth-n.openStart){let s=MQ(t,e,n,o+1);return i.copy(i.content.replaceChild(r,s))}else if(n.content.size)if(!n.openStart&&!n.openEnd&&t.depth==o&&e.depth==o){let s=t.parent,a=s.content;return Bg(s,a.cut(0,t.parentOffset).append(n.content).append(a.cut(e.parentOffset)))}else{let{start:s,end:a}=wPe(n,t);return Bg(i,kQ(t,s,a,e,o))}else return Bg(i,PA(t,e,o))}function AQ(t,e){if(!e.type.compatibleContent(t.type))throw new Sh("Cannot join "+e.type.name+" onto "+t.type.name)}function cU(t,e,n){let o=t.node(n);return AQ(o,e.node(n)),o}function Fg(t,e){let n=e.length-1;n>=0&&t.isText&&t.sameMarkup(e[n])?e[n]=t.withText(e[n].text+t.text):e.push(t)}function SC(t,e,n,o){let r=(e||t).node(n),i=0,s=e?e.index(n):r.childCount;t&&(i=t.index(n),t.depth>n?i++:t.textOffset&&(Fg(t.nodeAfter,o),i++));for(let a=i;a<s;a++)Fg(r.child(a),o);e&&e.depth==n&&e.textOffset&&Fg(e.nodeBefore,o)}function Bg(t,e){if(!t.type.validContent(e))throw new Sh("Invalid content for node "+t.type.name);return t.copy(e)}function kQ(t,e,n,o,r){let i=t.depth>r&&cU(t,e,r+1),s=o.depth>r&&cU(n,o,r+1),a=[];return SC(null,t,r,a),i&&s&&e.index(r)==n.index(r)?(AQ(i,s),Fg(Bg(i,kQ(t,e,n,o,r+1)),a)):(i&&Fg(Bg(i,PA(t,e,r+1)),a),SC(e,n,r,a),s&&Fg(Bg(s,PA(n,o,r+1)),a)),SC(o,null,r,a),new re(a)}function PA(t,e,n){let o=[];if(SC(null,t,n,o),t.depth>n){let r=cU(t,e,n+1);Fg(Bg(r,PA(t,e,n+1)),o)}return SC(e,null,n,o),new re(o)}function wPe(t,e){let n=e.depth-t.openStart,r=e.node(n).copy(t.content);for(let i=n-1;i>=0;i--)r=e.node(i).copy(re.from(r));return{start:r.resolveNoCache(t.openStart+n),end:r.resolveNoCache(r.content.size-t.openEnd-n)}}var EA=class t{constructor(e,n,o){this.pos=e,this.path=n,this.parentOffset=o,this.depth=n.length/3-1}resolveDepth(e){return e==null?this.depth:e<0?this.depth+e:e}get parent(){return this.node(this.depth)}get doc(){return this.node(0)}node(e){return this.path[this.resolveDepth(e)*3]}index(e){return this.path[this.resolveDepth(e)*3+1]}indexAfter(e){return e=this.resolveDepth(e),this.index(e)+(e==this.depth&&!this.textOffset?0:1)}start(e){return e=this.resolveDepth(e),e==0?0:this.path[e*3-1]+1}end(e){return e=this.resolveDepth(e),this.start(e)+this.node(e).content.size}before(e){if(e=this.resolveDepth(e),!e)throw new RangeError("There is no position before the top-level node");return e==this.depth+1?this.pos:this.path[e*3-1]}after(e){if(e=this.resolveDepth(e),!e)throw new RangeError("There is no position after the top-level node");return e==this.depth+1?this.pos:this.path[e*3-1]+this.path[e*3].nodeSize}get textOffset(){return this.pos-this.path[this.path.length-1]}get nodeAfter(){let e=this.parent,n=this.index(this.depth);if(n==e.childCount)return null;let o=this.pos-this.path[this.path.length-1],r=e.child(n);return o?e.child(n).cut(o):r}get nodeBefore(){let e=this.index(this.depth),n=this.pos-this.path[this.path.length-1];return n?this.parent.child(e).cut(0,n):e==0?null:this.parent.child(e-1)}posAtIndex(e,n){n=this.resolveDepth(n);let o=this.path[n*3],r=n==0?0:this.path[n*3-1]+1;for(let i=0;i<e;i++)r+=o.child(i).nodeSize;return r}marks(){let e=this.parent,n=this.index();if(e.content.size==0)return Qt.none;if(this.textOffset)return e.child(n).marks;let o=e.maybeChild(n-1),r=e.maybeChild(n);if(!o){let a=o;o=r,r=a}let i=o.marks;for(var s=0;s<i.length;s++)i[s].type.spec.inclusive===!1&&(!r||!i[s].isInSet(r.marks))&&(i=i[s--].removeFromSet(i));return i}marksAcross(e){let n=this.parent.maybeChild(this.index());if(!n||!n.isInline)return null;let o=n.marks,r=e.parent.maybeChild(e.index());for(var i=0;i<o.length;i++)o[i].type.spec.inclusive===!1&&(!r||!o[i].isInSet(r.marks))&&(o=o[i--].removeFromSet(o));return o}sharedDepth(e){for(let n=this.depth;n>0;n--)if(this.start(n)<=e&&this.end(n)>=e)return n;return 0}blockRange(e=this,n){if(e.pos<this.pos)return e.blockRange(this);for(let o=this.depth-(this.parent.inlineContent||this.pos==e.pos?1:0);o>=0;o--)if(e.pos<=this.end(o)&&(!n||n(this.node(o))))return new zg(this,e,o);return null}sameParent(e){return this.pos-this.parentOffset==e.pos-e.parentOffset}max(e){return e.pos>this.pos?e:this}min(e){return e.pos<this.pos?e:this}toString(){let e="";for(let n=1;n<=this.depth;n++)e+=(e?"/":"")+this.node(n).type.name+"_"+this.index(n-1);return e+":"+this.parentOffset}static resolve(e,n){if(!(n>=0&&n<=e.content.size))throw new RangeError("Position "+n+" out of range");let o=[],r=0,i=n;for(let s=e;;){let{index:a,offset:l}=s.content.findIndex(i),c=i-l;if(o.push(s,a,r+l),!c||(s=s.child(a),s.isText))break;i=c-1,r+=l+1}return new t(n,o,i)}static resolveCached(e,n){let o=hQ.get(e);if(o)for(let i=0;i<o.elts.length;i++){let s=o.elts[i];if(s.pos==n)return s}else hQ.set(e,o=new uU);let r=o.elts[o.i]=t.resolve(e,n);return o.i=(o.i+1)%xPe,r}},uU=class{constructor(){this.elts=[],this.i=0}},xPe=12,hQ=new WeakMap,zg=class{constructor(e,n,o){this.$from=e,this.$to=n,this.depth=o}get start(){return this.$from.before(this.depth+1)}get end(){return this.$to.after(this.depth+1)}get parent(){return this.$from.node(this.depth)}get startIndex(){return this.$from.index(this.depth)}get endIndex(){return this.$to.indexAfter(this.depth)}},TPe=Object.create(null),si=class t{constructor(e,n,o,r=Qt.none){this.type=e,this.attrs=n,this.marks=r,this.content=o||re.empty}get children(){return this.content.content}get nodeSize(){return this.isLeaf?1:2+this.content.size}get childCount(){return this.content.childCount}child(e){return this.content.child(e)}maybeChild(e){return this.content.maybeChild(e)}forEach(e){this.content.forEach(e)}nodesBetween(e,n,o,r=0){this.content.nodesBetween(e,n,o,r,this)}descendants(e){this.nodesBetween(0,this.content.size,e)}get textContent(){return this.isLeaf&&this.type.spec.leafText?this.type.spec.leafText(this):this.textBetween(0,this.content.size,"")}textBetween(e,n,o,r){return this.content.textBetween(e,n,o,r)}get firstChild(){return this.content.firstChild}get lastChild(){return this.content.lastChild}eq(e){return this==e||this.sameMarkup(e)&&this.content.eq(e.content)}sameMarkup(e){return this.hasMarkup(e.type,e.attrs,e.marks)}hasMarkup(e,n,o){return this.type==e&&CA(this.attrs,n||e.defaultAttrs||TPe)&&Qt.sameSet(this.marks,o||Qt.none)}copy(e=null){return e==this.content?this:new t(this.type,this.attrs,e,this.marks)}mark(e){return e==this.marks?this:new t(this.type,this.attrs,this.content,e)}cut(e,n=this.content.size){return e==0&&n==this.content.size?this:this.copy(this.content.cut(e,n))}slice(e,n=this.content.size,o=!1){if(e==n)return ge.empty;let r=this.resolve(e),i=this.resolve(n),s=o?0:r.sharedDepth(n),a=r.start(s),c=r.node(s).content.cut(r.pos-a,i.pos-a);return new ge(c,r.depth-s,i.depth-s)}replace(e,n,o){return vPe(this.resolve(e),this.resolve(n),o)}nodeAt(e){for(let n=this;;){let{index:o,offset:r}=n.content.findIndex(e);if(n=n.maybeChild(o),!n)return null;if(r==e||n.isText)return n;e-=r+1}}childAfter(e){let{index:n,offset:o}=this.content.findIndex(e);return{node:this.content.maybeChild(n),index:n,offset:o}}childBefore(e){if(e==0)return{node:null,index:0,offset:0};let{index:n,offset:o}=this.content.findIndex(e);if(o<e)return{node:this.content.child(n),index:n,offset:o};let r=this.content.child(n-1);return{node:r,index:n-1,offset:o-r.nodeSize}}resolve(e){return EA.resolveCached(this,e)}resolveNoCache(e){return EA.resolve(this,e)}rangeHasMark(e,n,o){let r=!1;return n>e&&this.nodesBetween(e,n,i=>(o.isInSet(i.marks)&&(r=!0),!r)),r}get isBlock(){return this.type.isBlock}get isTextblock(){return this.type.isTextblock}get inlineContent(){return this.type.inlineContent}get isInline(){return this.type.isInline}get isText(){return this.type.isText}get isLeaf(){return this.type.isLeaf}get isAtom(){return this.type.isAtom}toString(){if(this.type.spec.toDebugString)return this.type.spec.toDebugString(this);let e=this.type.name;return this.content.size&&(e+="("+this.content.toStringInner()+")"),RQ(this.marks,e)}contentMatchAt(e){let n=this.type.contentMatch.matchFragment(this.content,0,e);if(!n)throw new Error("Called contentMatchAt on a node with invalid content");return n}canReplace(e,n,o=re.empty,r=0,i=o.childCount){let s=this.contentMatchAt(e).matchFragment(o,r,i),a=s&&s.matchFragment(this.content,n);if(!a||!a.validEnd)return!1;for(let l=r;l<i;l++)if(!this.type.allowsMarks(o.child(l).marks))return!1;return!0}canReplaceWith(e,n,o,r){if(r&&!this.type.allowsMarks(r))return!1;let i=this.contentMatchAt(e).matchType(o),s=i&&i.matchFragment(this.content,n);return s?s.validEnd:!1}canAppend(e){return e.content.size?this.canReplace(this.childCount,this.childCount,e.content):this.type.compatibleContent(e.type)}check(){this.type.checkContent(this.content),this.type.checkAttrs(this.attrs);let e=Qt.none;for(let n=0;n<this.marks.length;n++){let o=this.marks[n];o.type.checkAttrs(o.attrs),e=o.addToSet(e)}if(!Qt.sameSet(e,this.marks))throw new RangeError(`Invalid collection of marks for node ${this.type.name}: ${this.marks.map(n=>n.type.name)}`);this.content.forEach(n=>n.check())}toJSON(){let e={type:this.type.name};for(let n in this.attrs){e.attrs=this.attrs;break}return this.content.size&&(e.content=this.content.toJSON()),this.marks.length&&(e.marks=this.marks.map(n=>n.toJSON())),e}static fromJSON(e,n){if(!n)throw new RangeError("Invalid input for Node.fromJSON");let o;if(n.marks){if(!Array.isArray(n.marks))throw new RangeError("Invalid mark data for Node.fromJSON");o=n.marks.map(e.markFromJSON)}if(n.type=="text"){if(typeof n.text!="string")throw new RangeError("Invalid text node in JSON");return e.text(n.text,o)}let r=re.fromJSON(e,n.content),i=e.nodeType(n.type).create(n.attrs,r,o);return i.type.checkAttrs(i.attrs),i}};si.prototype.text=void 0;var dU=class t extends si{constructor(e,n,o,r){if(super(e,n,null,r),!o)throw new RangeError("Empty text nodes are not allowed");this.text=o}toString(){return this.type.spec.toDebugString?this.type.spec.toDebugString(this):RQ(this.marks,JSON.stringify(this.text))}get textContent(){return this.text}textBetween(e,n){return this.text.slice(e,n)}get nodeSize(){return this.text.length}mark(e){return e==this.marks?this:new t(this.type,this.attrs,this.text,e)}withText(e){return e==this.text?this:new t(this.type,this.attrs,e,this.marks)}cut(e=0,n=this.text.length){return e==0&&n==this.text.length?this:this.withText(this.text.slice(e,n))}eq(e){return this.sameMarkup(e)&&this.text==e.text}toJSON(){let e=super.toJSON();return e.text=this.text,e}};function RQ(t,e){for(let n=t.length-1;n>=0;n--)e=t[n].type.name+"("+e+")";return e}var Ug=class t{constructor(e){this.validEnd=e,this.next=[],this.wrapCache=[]}static parse(e,n){let o=new pU(e,n);if(o.next==null)return t.empty;let r=DQ(o);o.next&&o.err("Unexpected trailing text");let i=APe(MPe(r));return kPe(i,o),i}matchType(e){for(let n=0;n<this.next.length;n++)if(this.next[n].type==e)return this.next[n].next;return null}matchFragment(e,n=0,o=e.childCount){let r=this;for(let i=n;r&&i<o;i++)r=r.matchType(e.child(i).type);return r}get inlineContent(){return this.next.length!=0&&this.next[0].type.isInline}get defaultType(){for(let e=0;e<this.next.length;e++){let{type:n}=this.next[e];if(!(n.isText||n.hasRequiredAttrs()))return n}return null}compatible(e){for(let n=0;n<this.next.length;n++)for(let o=0;o<e.next.length;o++)if(this.next[n].type==e.next[o].type)return!0;return!1}fillBefore(e,n=!1,o=0){let r=[this];function i(s,a){let l=s.matchFragment(e,o);if(l&&(!n||l.validEnd))return re.from(a.map(c=>c.createAndFill()));for(let c=0;c<s.next.length;c++){let{type:d,next:u}=s.next[c];if(!(d.isText||d.hasRequiredAttrs())&&r.indexOf(u)==-1){r.push(u);let p=i(u,a.concat(d));if(p)return p}}return null}return i(this,[])}findWrapping(e){for(let o=0;o<this.wrapCache.length;o+=2)if(this.wrapCache[o]==e)return this.wrapCache[o+1];let n=this.computeWrapping(e);return this.wrapCache.push(e,n),n}computeWrapping(e){let n=Object.create(null),o=[{match:this,type:null,via:null}];for(;o.length;){let r=o.shift(),i=r.match;if(i.matchType(e)){let s=[];for(let a=r;a.type;a=a.via)s.push(a.type);return s.reverse()}for(let s=0;s<i.next.length;s++){let{type:a,next:l}=i.next[s];!a.isLeaf&&!a.hasRequiredAttrs()&&!(a.name in n)&&(!r.type||l.validEnd)&&(o.push({match:a.contentMatch,type:a,via:r}),n[a.name]=!0)}}return null}get edgeCount(){return this.next.length}edge(e){if(e>=this.next.length)throw new RangeError(`There's no ${e}th edge in this content match`);return this.next[e]}toString(){let e=[];function n(o){e.push(o);for(let r=0;r<o.next.length;r++)e.indexOf(o.next[r].next)==-1&&n(o.next[r].next)}return n(this),e.map((o,r)=>{let i=r+(o.validEnd?"*":" ")+" ";for(let s=0;s<o.next.length;s++)i+=(s?", ":"")+o.next[s].type.name+"->"+e.indexOf(o.next[s].next);return i}).join(`
+`)}};Ug.empty=new Ug(!0);var pU=class{constructor(e,n){this.string=e,this.nodeTypes=n,this.inline=null,this.pos=0,this.tokens=e.split(/\s*(?=\b|\W|$)/),this.tokens[this.tokens.length-1]==""&&this.tokens.pop(),this.tokens[0]==""&&this.tokens.shift()}get next(){return this.tokens[this.pos]}eat(e){return this.next==e&&(this.pos++||!0)}err(e){throw new SyntaxError(e+" (in content expression '"+this.string+"')")}};function DQ(t){let e=[];do e.push(CPe(t));while(t.eat("|"));return e.length==1?e[0]:{type:"choice",exprs:e}}function CPe(t){let e=[];do e.push(PPe(t));while(t.next&&t.next!=")"&&t.next!="|");return e.length==1?e[0]:{type:"seq",exprs:e}}function PPe(t){let e=_Pe(t);for(;;)if(t.eat("+"))e={type:"plus",expr:e};else if(t.eat("*"))e={type:"star",expr:e};else if(t.eat("?"))e={type:"opt",expr:e};else if(t.eat("{"))e=EPe(t,e);else break;return e}function mQ(t){/\D/.test(t.next)&&t.err("Expected number, got '"+t.next+"'");let e=Number(t.next);return t.pos++,e}function EPe(t,e){let n=mQ(t),o=n;return t.eat(",")&&(t.next!="}"?o=mQ(t):o=-1),t.eat("}")||t.err("Unclosed braced range"),{type:"range",min:n,max:o,expr:e}}function IPe(t,e){let n=t.nodeTypes,o=n[e];if(o)return[o];let r=[];for(let i in n){let s=n[i];s.isInGroup(e)&&r.push(s)}return r.length==0&&t.err("No node type or group '"+e+"' found"),r}function _Pe(t){if(t.eat("(")){let e=DQ(t);return t.eat(")")||t.err("Missing closing paren"),e}else if(/\W/.test(t.next))t.err("Unexpected token '"+t.next+"'");else{let e=IPe(t,t.next).map(n=>(t.inline==null?t.inline=n.isInline:t.inline!=n.isInline&&t.err("Mixing inline and block content"),{type:"name",value:n}));return t.pos++,e.length==1?e[0]:{type:"choice",exprs:e}}}function MPe(t){let e=[[]];return r(i(t,0),n()),e;function n(){return e.push([])-1}function o(s,a,l){let c={term:l,to:a};return e[s].push(c),c}function r(s,a){s.forEach(l=>l.to=a)}function i(s,a){if(s.type=="choice")return s.exprs.reduce((l,c)=>l.concat(i(c,a)),[]);if(s.type=="seq")for(let l=0;;l++){let c=i(s.exprs[l],a);if(l==s.exprs.length-1)return c;r(c,a=n())}else if(s.type=="star"){let l=n();return o(a,l),r(i(s.expr,l),l),[o(l)]}else if(s.type=="plus"){let l=n();return r(i(s.expr,a),l),r(i(s.expr,l),l),[o(l)]}else{if(s.type=="opt")return[o(a)].concat(i(s.expr,a));if(s.type=="range"){let l=a;for(let c=0;c<s.min;c++){let d=n();r(i(s.expr,l),d),l=d}if(s.max==-1)r(i(s.expr,l),l);else for(let c=s.min;c<s.max;c++){let d=n();o(l,d),r(i(s.expr,l),d),l=d}return[o(l)]}else{if(s.type=="name")return[o(a,void 0,s.value)];throw new Error("Unknown expr type")}}}}function OQ(t,e){return e-t}function gQ(t,e){let n=[];return o(e),n.sort(OQ);function o(r){let i=t[r];if(i.length==1&&!i[0].term)return o(i[0].to);n.push(r);for(let s=0;s<i.length;s++){let{term:a,to:l}=i[s];!a&&n.indexOf(l)==-1&&o(l)}}}function APe(t){let e=Object.create(null);return n(gQ(t,0));function n(o){let r=[];o.forEach(s=>{t[s].forEach(({term:a,to:l})=>{if(!a)return;let c;for(let d=0;d<r.length;d++)r[d][0]==a&&(c=r[d][1]);gQ(t,l).forEach(d=>{c||r.push([a,c=[]]),c.indexOf(d)==-1&&c.push(d)})})});let i=e[o.join(",")]=new Ug(o.indexOf(t.length-1)>-1);for(let s=0;s<r.length;s++){let a=r[s][1].sort(OQ);i.next.push({type:r[s][0],next:e[a.join(",")]||n(a)})}return i}}function kPe(t,e){for(let n=0,o=[t];n<o.length;n++){let r=o[n],i=!r.validEnd,s=[];for(let a=0;a<r.next.length;a++){let{type:l,next:c}=r.next[a];s.push(l.name),i&&!(l.isText||l.hasRequiredAttrs())&&(i=!1),o.indexOf(c)==-1&&o.push(c)}i&&e.err("Only non-generatable nodes ("+s.join(", ")+") in a required position (see https://prosemirror.net/docs/guide/#generatable)")}}function LQ(t){let e=Object.create(null);for(let n in t){let o=t[n];if(!o.hasDefault)return null;e[n]=o.default}return e}function NQ(t,e){let n=Object.create(null);for(let o in t){let r=e&&e[o];if(r===void 0){let i=t[o];if(i.hasDefault)r=i.default;else throw new RangeError("No value supplied for attribute "+o)}n[o]=r}return n}function FQ(t,e,n,o){for(let r in e)if(!(r in t))throw new RangeError(`Unsupported attribute ${r} for ${n} of type ${o}`);for(let r in t)t[r].validate&&t[r].validate(e[r])}function BQ(t,e){let n=Object.create(null);if(e)for(let o in e)n[o]=new fU(t,o,e[o]);return n}var IA=class t{constructor(e,n,o){this.name=e,this.schema=n,this.spec=o,this.markSet=null,this.groups=o.group?o.group.split(" "):[],this.attrs=BQ(e,o.attrs),this.defaultAttrs=LQ(this.attrs),this.contentMatch=null,this.inlineContent=null,this.isBlock=!(o.inline||e=="text"),this.isText=e=="text"}get isInline(){return!this.isBlock}get isTextblock(){return this.isBlock&&this.inlineContent}get isLeaf(){return this.contentMatch==Ug.empty}get isAtom(){return this.isLeaf||!!this.spec.atom}isInGroup(e){return this.groups.indexOf(e)>-1}get whitespace(){return this.spec.whitespace||(this.spec.code?"pre":"normal")}hasRequiredAttrs(){for(let e in this.attrs)if(this.attrs[e].isRequired)return!0;return!1}compatibleContent(e){return this==e||this.contentMatch.compatible(e.contentMatch)}computeAttrs(e){return!e&&this.defaultAttrs?this.defaultAttrs:NQ(this.attrs,e)}create(e=null,n,o){if(this.isText)throw new Error("NodeType.create can't construct text nodes");return new si(this,this.computeAttrs(e),re.from(n),Qt.setFrom(o))}createChecked(e=null,n,o){return n=re.from(n),this.checkContent(n),new si(this,this.computeAttrs(e),n,Qt.setFrom(o))}createAndFill(e=null,n,o){if(e=this.computeAttrs(e),n=re.from(n),n.size){let s=this.contentMatch.fillBefore(n);if(!s)return null;n=s.append(n)}let r=this.contentMatch.matchFragment(n),i=r&&r.fillBefore(re.empty,!0);return i?new si(this,e,n.append(i),Qt.setFrom(o)):null}validContent(e){let n=this.contentMatch.matchFragment(e);if(!n||!n.validEnd)return!1;for(let o=0;o<e.childCount;o++)if(!this.allowsMarks(e.child(o).marks))return!1;return!0}checkContent(e){if(!this.validContent(e))throw new RangeError(`Invalid content for node ${this.name}: ${e.toString().slice(0,50)}`)}checkAttrs(e){FQ(this.attrs,e,"node",this.name)}allowsMarkType(e){return this.markSet==null||this.markSet.indexOf(e)>-1}allowsMarks(e){if(this.markSet==null)return!0;for(let n=0;n<e.length;n++)if(!this.allowsMarkType(e[n].type))return!1;return!0}allowedMarks(e){if(this.markSet==null)return e;let n;for(let o=0;o<e.length;o++)this.allowsMarkType(e[o].type)?n&&n.push(e[o]):n||(n=e.slice(0,o));return n?n.length?n:Qt.none:e}static compile(e,n){let o=Object.create(null);e.forEach((i,s)=>o[i]=new t(i,n,s));let r=n.spec.topNode||"doc";if(!o[r])throw new RangeError("Schema is missing its top node type ('"+r+"')");if(!o.text)throw new RangeError("Every schema needs a 'text' type");for(let i in o.text.attrs)throw new RangeError("The text node type should not have attributes");return o}};function RPe(t,e,n){let o=n.split("|");return r=>{let i=r===null?"null":typeof r;if(o.indexOf(i)<0)throw new RangeError(`Expected value of type ${o} for attribute ${e} on type ${t}, got ${i}`)}}var fU=class{constructor(e,n,o){this.hasDefault=Object.prototype.hasOwnProperty.call(o,"default"),this.default=o.default,this.validate=typeof o.validate=="string"?RPe(e,n,o.validate):o.validate}get isRequired(){return!this.hasDefault}},vC=class t{constructor(e,n,o,r){this.name=e,this.rank=n,this.schema=o,this.spec=r,this.attrs=BQ(e,r.attrs),this.excluded=null;let i=LQ(this.attrs);this.instance=i?new Qt(this,i):null}create(e=null){return!e&&this.instance?this.instance:new Qt(this,NQ(this.attrs,e))}static compile(e,n){let o=Object.create(null),r=0;return e.forEach((i,s)=>o[i]=new t(i,r++,n,s)),o}removeFromSet(e){for(var n=0;n<e.length;n++)e[n].type==this&&(e=e.slice(0,n).concat(e.slice(n+1)),n--);return e}isInSet(e){for(let n=0;n<e.length;n++)if(e[n].type==this)return e[n]}checkAttrs(e){FQ(this.attrs,e,"mark",this.name)}excludes(e){return this.excluded.indexOf(e)>-1}},cv=class{constructor(e){this.linebreakReplacement=null,this.cached=Object.create(null);let n=this.spec={};for(let r in e)n[r]=e[r];n.nodes=aU.from(e.nodes),n.marks=aU.from(e.marks||{}),this.nodes=IA.compile(this.spec.nodes,this),this.marks=vC.compile(this.spec.marks,this);let o=Object.create(null);for(let r in this.nodes){if(r in this.marks)throw new RangeError(r+" can not be both a node and a mark");let i=this.nodes[r],s=i.spec.content||"",a=i.spec.marks;if(i.contentMatch=o[s]||(o[s]=Ug.parse(s,this.nodes)),i.inlineContent=i.contentMatch.inlineContent,i.spec.linebreakReplacement){if(this.linebreakReplacement)throw new RangeError("Multiple linebreak nodes defined");if(!i.isInline||!i.isLeaf)throw new RangeError("Linebreak replacement nodes must be inline leaf nodes");this.linebreakReplacement=i}i.markSet=a=="_"?null:a?yQ(this,a.split(" ")):a==""||!i.inlineContent?[]:null}for(let r in this.marks){let i=this.marks[r],s=i.spec.excludes;i.excluded=s==null?[i]:s==""?[]:yQ(this,s.split(" "))}this.nodeFromJSON=r=>si.fromJSON(this,r),this.markFromJSON=r=>Qt.fromJSON(this,r),this.topNodeType=this.nodes[this.spec.topNode||"doc"],this.cached.wrappings=Object.create(null)}node(e,n=null,o,r){if(typeof e=="string")e=this.nodeType(e);else if(e instanceof IA){if(e.schema!=this)throw new RangeError("Node type from different schema used ("+e.name+")")}else throw new RangeError("Invalid node type: "+e);return e.createChecked(n,o,r)}text(e,n){let o=this.nodes.text;return new dU(o,o.defaultAttrs,e,Qt.setFrom(n))}mark(e,n){return typeof e=="string"&&(e=this.marks[e]),e.create(n)}nodeType(e){let n=this.nodes[e];if(!n)throw new RangeError("Unknown node type: "+e);return n}};function yQ(t,e){let n=[];for(let o=0;o<e.length;o++){let r=e[o],i=t.marks[r],s=i;if(i)n.push(i);else for(let a in t.marks){let l=t.marks[a];(r=="_"||l.spec.group&&l.spec.group.split(" ").indexOf(r)>-1)&&n.push(s=l)}if(!s)throw new SyntaxError("Unknown mark type: '"+e[o]+"'")}return n}function DPe(t){return t.tag!=null}function OPe(t){return t.style!=null}var Sc=class t{constructor(e,n){this.schema=e,this.rules=n,this.tags=[],this.styles=[];let o=this.matchedStyles=[];n.forEach(r=>{if(DPe(r))this.tags.push(r);else if(OPe(r)){let i=/[^=]*/.exec(r.style)[0];o.indexOf(i)<0&&o.push(i),this.styles.push(r)}}),this.normalizeLists=!this.tags.some(r=>{if(!/^(ul|ol)\b/.test(r.tag)||!r.node)return!1;let i=e.nodes[r.node];return i.contentMatch.matchType(i)})}parse(e,n={}){let o=new _A(this,n,!1);return o.addAll(e,Qt.none,n.from,n.to),o.finish()}parseSlice(e,n={}){let o=new _A(this,n,!0);return o.addAll(e,Qt.none,n.from,n.to),ge.maxOpen(o.finish())}matchTag(e,n,o){for(let r=o?this.tags.indexOf(o)+1:0;r<this.tags.length;r++){let i=this.tags[r];if(FPe(e,i.tag)&&(i.namespace===void 0||e.namespaceURI==i.namespace)&&(!i.context||n.matchesContext(i.context))){if(i.getAttrs){let s=i.getAttrs(e);if(s===!1)continue;i.attrs=s||void 0}return i}}}matchStyle(e,n,o,r){for(let i=r?this.styles.indexOf(r)+1:0;i<this.styles.length;i++){let s=this.styles[i],a=s.style;if(!(a.indexOf(e)!=0||s.context&&!o.matchesContext(s.context)||a.length>e.length&&(a.charCodeAt(e.length)!=61||a.slice(e.length+1)!=n))){if(s.getAttrs){let l=s.getAttrs(n);if(l===!1)continue;s.attrs=l||void 0}return s}}}static schemaRules(e){let n=[];function o(r){let i=r.priority==null?50:r.priority,s=0;for(;s<n.length;s++){let a=n[s];if((a.priority==null?50:a.priority)<i)break}n.splice(s,0,r)}for(let r in e.marks){let i=e.marks[r].spec.parseDOM;i&&i.forEach(s=>{o(s=bQ(s)),s.mark||s.ignore||s.clearMark||(s.mark=r)})}for(let r in e.nodes){let i=e.nodes[r].spec.parseDOM;i&&i.forEach(s=>{o(s=bQ(s)),s.node||s.ignore||s.mark||(s.node=r)})}return n}static fromSchema(e){return e.cached.domParser||(e.cached.domParser=new t(e,t.schemaRules(e)))}},zQ={address:!0,article:!0,aside:!0,blockquote:!0,body:!0,canvas:!0,dd:!0,div:!0,dl:!0,fieldset:!0,figcaption:!0,figure:!0,footer:!0,form:!0,h1:!0,h2:!0,h3:!0,h4:!0,h5:!0,h6:!0,header:!0,hgroup:!0,hr:!0,li:!0,noscript:!0,ol:!0,output:!0,p:!0,pre:!0,section:!0,table:!0,tfoot:!0,ul:!0},LPe={head:!0,noscript:!0,object:!0,script:!0,style:!0,title:!0},UQ={ol:!0,ul:!0},wC=1,hU=2,bC=4;function SQ(t,e,n){return e!=null?(e?wC:0)|(e==="full"?hU:0):t&&t.whitespace=="pre"?wC|hU:n&~bC}var lv=class{constructor(e,n,o,r,i,s){this.type=e,this.attrs=n,this.marks=o,this.solid=r,this.options=s,this.content=[],this.activeMarks=Qt.none,this.match=i||(s&bC?null:e.contentMatch)}findWrapping(e){if(!this.match){if(!this.type)return[];let n=this.type.contentMatch.fillBefore(re.from(e));if(n)this.match=this.type.contentMatch.matchFragment(n);else{let o=this.type.contentMatch,r;return(r=o.findWrapping(e.type))?(this.match=o,r):null}}return this.match.findWrapping(e.type)}finish(e){if(!(this.options&wC)){let o=this.content[this.content.length-1],r;if(o&&o.isText&&(r=/[ \t\r\n\u000c]+$/.exec(o.text))){let i=o;o.text.length==r[0].length?this.content.pop():this.content[this.content.length-1]=i.withText(i.text.slice(0,i.text.length-r[0].length))}}let n=re.from(this.content);return!e&&this.match&&(n=n.append(this.match.fillBefore(re.empty,!0))),this.type?this.type.create(this.attrs,n,this.marks):n}inlineContext(e){return this.type?this.type.inlineContent:this.content.length?this.content[0].isInline:e.parentNode&&!zQ.hasOwnProperty(e.parentNode.nodeName.toLowerCase())}},_A=class{constructor(e,n,o){this.parser=e,this.options=n,this.isOpen=o,this.open=0,this.localPreserveWS=!1;let r=n.topNode,i,s=SQ(null,n.preserveWhitespace,0)|(o?bC:0);r?i=new lv(r.type,r.attrs,Qt.none,!0,n.topMatch||r.type.contentMatch,s):o?i=new lv(null,null,Qt.none,!0,null,s):i=new lv(e.schema.topNodeType,null,Qt.none,!0,null,s),this.nodes=[i],this.find=n.findPositions,this.needsBlock=!1}get top(){return this.nodes[this.open]}addDOM(e,n){e.nodeType==3?this.addTextNode(e,n):e.nodeType==1&&this.addElement(e,n)}addTextNode(e,n){let o=e.nodeValue,r=this.top,i=r.options&hU?"full":this.localPreserveWS||(r.options&wC)>0,{schema:s}=this.parser;if(i==="full"||r.inlineContext(e)||/[^ \t\r\n\u000c]/.test(o)){if(i)if(i==="full")o=o.replace(/\r\n?/g,`
+`);else if(s.linebreakReplacement&&/[\r\n]/.test(o)&&this.top.findWrapping(s.linebreakReplacement.create())){let a=o.split(/\r?\n|\r/);for(let l=0;l<a.length;l++)l&&this.insertNode(s.linebreakReplacement.create(),n,!0),a[l]&&this.insertNode(s.text(a[l]),n,!/\S/.test(a[l]));o=""}else o=o.replace(/\r?\n|\r/g," ");else if(o=o.replace(/[ \t\r\n\u000c]+/g," "),/^[ \t\r\n\u000c]/.test(o)&&this.open==this.nodes.length-1){let a=r.content[r.content.length-1],l=e.previousSibling;(!a||l&&l.nodeName=="BR"||a.isText&&/[ \t\r\n\u000c]$/.test(a.text))&&(o=o.slice(1))}o&&this.insertNode(s.text(o),n,!/\S/.test(o)),this.findInText(e)}else this.findInside(e)}addElement(e,n,o){let r=this.localPreserveWS,i=this.top;(e.tagName=="PRE"||/pre/.test(e.style&&e.style.whiteSpace))&&(this.localPreserveWS=!0);let s=e.nodeName.toLowerCase(),a;UQ.hasOwnProperty(s)&&this.parser.normalizeLists&&NPe(e);let l=this.options.ruleFromNode&&this.options.ruleFromNode(e)||(a=this.parser.matchTag(e,this,o));e:if(l?l.ignore:LPe.hasOwnProperty(s))this.findInside(e),this.ignoreFallback(e,n);else if(!l||l.skip||l.closeParent){l&&l.closeParent?this.open=Math.max(0,this.open-1):l&&l.skip.nodeType&&(e=l.skip);let c,d=this.needsBlock;if(zQ.hasOwnProperty(s))i.content.length&&i.content[0].isInline&&this.open&&(this.open--,i=this.top),c=!0,i.type||(this.needsBlock=!0);else if(!e.firstChild){this.leafFallback(e,n);break e}let u=l&&l.skip?n:this.readStyles(e,n);u&&this.addAll(e,u),c&&this.sync(i),this.needsBlock=d}else{let c=this.readStyles(e,n);c&&this.addElementByRule(e,l,c,l.consuming===!1?a:void 0)}this.localPreserveWS=r}leafFallback(e,n){e.nodeName=="BR"&&this.top.type&&this.top.type.inlineContent&&this.addTextNode(e.ownerDocument.createTextNode(`
+`),n)}ignoreFallback(e,n){e.nodeName=="BR"&&(!this.top.type||!this.top.type.inlineContent)&&this.findPlace(this.parser.schema.text("-"),n,!0)}readStyles(e,n){let o=e.style;if(o&&o.length)for(let r=0;r<this.parser.matchedStyles.length;r++){let i=this.parser.matchedStyles[r],s=o.getPropertyValue(i);if(s)for(let a=void 0;;){let l=this.parser.matchStyle(i,s,this,a);if(!l)break;if(l.ignore)return null;if(l.clearMark?n=n.filter(c=>!l.clearMark(c)):n=n.concat(this.parser.schema.marks[l.mark].create(l.attrs)),l.consuming===!1)a=l;else break}}return n}addElementByRule(e,n,o,r){let i,s;if(n.node)if(s=this.parser.schema.nodes[n.node],s.isLeaf)this.insertNode(s.create(n.attrs),o,e.nodeName=="BR")||this.leafFallback(e,o);else{let l=this.enter(s,n.attrs||null,o,n.preserveWhitespace);l&&(i=!0,o=l)}else{let l=this.parser.schema.marks[n.mark];o=o.concat(l.create(n.attrs))}let a=this.top;if(s&&s.isLeaf)this.findInside(e);else if(r)this.addElement(e,o,r);else if(n.getContent)this.findInside(e),n.getContent(e,this.parser.schema).forEach(l=>this.insertNode(l,o,!1));else{let l=e;typeof n.contentElement=="string"?l=e.querySelector(n.contentElement):typeof n.contentElement=="function"?l=n.contentElement(e):n.contentElement&&(l=n.contentElement),this.findAround(e,l,!0),this.addAll(l,o),this.findAround(e,l,!1)}i&&this.sync(a)&&this.open--}addAll(e,n,o,r){let i=o||0;for(let s=o?e.childNodes[o]:e.firstChild,a=r==null?null:e.childNodes[r];s!=a;s=s.nextSibling,++i)this.findAtPoint(e,i),this.addDOM(s,n);this.findAtPoint(e,i)}findPlace(e,n,o){let r,i;for(let s=this.open,a=0;s>=0;s--){let l=this.nodes[s],c=l.findWrapping(e);if(c&&(!r||r.length>c.length+a)&&(r=c,i=l,!c.length))break;if(l.solid){if(o)break;a+=2}}if(!r)return null;this.sync(i);for(let s=0;s<r.length;s++)n=this.enterInner(r[s],null,n,!1);return n}insertNode(e,n,o){if(e.isInline&&this.needsBlock&&!this.top.type){let i=this.textblockFromContext();i&&(n=this.enterInner(i,null,n))}let r=this.findPlace(e,n,o);if(r){this.closeExtra();let i=this.top;i.match&&(i.match=i.match.matchType(e.type));let s=Qt.none;for(let a of r.concat(e.marks))(i.type?i.type.allowsMarkType(a.type):vQ(a.type,e.type))&&(s=a.addToSet(s));return i.content.push(e.mark(s)),!0}return!1}enter(e,n,o,r){let i=this.findPlace(e.create(n),o,!1);return i&&(i=this.enterInner(e,n,o,!0,r)),i}enterInner(e,n,o,r=!1,i){this.closeExtra();let s=this.top;s.match=s.match&&s.match.matchType(e);let a=SQ(e,i,s.options);s.options&bC&&s.content.length==0&&(a|=bC);let l=Qt.none;return o=o.filter(c=>(s.type?s.type.allowsMarkType(c.type):vQ(c.type,e))?(l=c.addToSet(l),!1):!0),this.nodes.push(new lv(e,n,l,r,null,a)),this.open++,o}closeExtra(e=!1){let n=this.nodes.length-1;if(n>this.open){for(;n>this.open;n--)this.nodes[n-1].content.push(this.nodes[n].finish(e));this.nodes.length=this.open+1}}finish(){return this.open=0,this.closeExtra(this.isOpen),this.nodes[0].finish(!!(this.isOpen||this.options.topOpen))}sync(e){for(let n=this.open;n>=0;n--){if(this.nodes[n]==e)return this.open=n,!0;this.localPreserveWS&&(this.nodes[n].options|=wC)}return!1}get currentPos(){this.closeExtra();let e=0;for(let n=this.open;n>=0;n--){let o=this.nodes[n].content;for(let r=o.length-1;r>=0;r--)e+=o[r].nodeSize;n&&e++}return e}findAtPoint(e,n){if(this.find)for(let o=0;o<this.find.length;o++)this.find[o].node==e&&this.find[o].offset==n&&(this.find[o].pos=this.currentPos)}findInside(e){if(this.find)for(let n=0;n<this.find.length;n++)this.find[n].pos==null&&e.nodeType==1&&e.contains(this.find[n].node)&&(this.find[n].pos=this.currentPos)}findAround(e,n,o){if(e!=n&&this.find)for(let r=0;r<this.find.length;r++)this.find[r].pos==null&&e.nodeType==1&&e.contains(this.find[r].node)&&n.compareDocumentPosition(this.find[r].node)&(o?2:4)&&(this.find[r].pos=this.currentPos)}findInText(e){if(this.find)for(let n=0;n<this.find.length;n++)this.find[n].node==e&&(this.find[n].pos=this.currentPos-(e.nodeValue.length-this.find[n].offset))}matchesContext(e){if(e.indexOf("|")>-1)return e.split(/\s*\|\s*/).some(this.matchesContext,this);let n=e.split("/"),o=this.options.context,r=!this.isOpen&&(!o||o.parent.type==this.nodes[0].type),i=-(o?o.depth+1:0)+(r?0:1),s=(a,l)=>{for(;a>=0;a--){let c=n[a];if(c==""){if(a==n.length-1||a==0)continue;for(;l>=i;l--)if(s(a-1,l))return!0;return!1}else{let d=l>0||l==0&&r?this.nodes[l].type:o&&l>=i?o.node(l-i).type:null;if(!d||d.name!=c&&!d.isInGroup(c))return!1;l--}}return!0};return s(n.length-1,this.open)}textblockFromContext(){let e=this.options.context;if(e)for(let n=e.depth;n>=0;n--){let o=e.node(n).contentMatchAt(e.indexAfter(n)).defaultType;if(o&&o.isTextblock&&o.defaultAttrs)return o}for(let n in this.parser.schema.nodes){let o=this.parser.schema.nodes[n];if(o.isTextblock&&o.defaultAttrs)return o}}};function NPe(t){for(let e=t.firstChild,n=null;e;e=e.nextSibling){let o=e.nodeType==1?e.nodeName.toLowerCase():null;o&&UQ.hasOwnProperty(o)&&n?(n.appendChild(e),e=n):o=="li"?n=e:o&&(n=null)}}function FPe(t,e){return(t.matches||t.msMatchesSelector||t.webkitMatchesSelector||t.mozMatchesSelector).call(t,e)}function bQ(t){let e={};for(let n in t)e[n]=t[n];return e}function vQ(t,e){let n=e.schema.nodes;for(let o in n){let r=n[o];if(!r.allowsMarkType(t))continue;let i=[],s=a=>{i.push(a);for(let l=0;l<a.edgeCount;l++){let{type:c,next:d}=a.edge(l);if(c==e||i.indexOf(d)<0&&s(d))return!0}};if(s(r.contentMatch))return!0}}var Qd=class t{constructor(e,n){this.nodes=e,this.marks=n}serializeFragment(e,n={},o){o||(o=xA(n).createDocumentFragment());let r=o,i=[];return e.forEach(s=>{if(i.length||s.marks.length){let a=0,l=0;for(;a<i.length&&l<s.marks.length;){let c=s.marks[l];if(!this.marks[c.type.name]){l++;continue}if(!c.eq(i[a][0])||c.type.spec.spanning===!1)break;a++,l++}for(;a<i.length;)r=i.pop()[1];for(;l<s.marks.length;){let c=s.marks[l++],d=this.serializeMark(c,s.isInline,n);d&&(i.push([c,r]),r.appendChild(d.dom),r=d.contentDOM||d.dom)}}r.appendChild(this.serializeNodeInner(s,n))}),o}serializeNodeInner(e,n){if(e.isText)return xA(n).createTextNode(e.text);let{dom:o,contentDOM:r}=TA(xA(n),this.nodes[e.type.name](e),null,e.attrs);if(r){if(e.isLeaf)throw new RangeError("Content hole not allowed in a leaf node spec");this.serializeFragment(e.content,n,r)}return o}serializeNode(e,n={}){let o=this.serializeNodeInner(e,n);for(let r=e.marks.length-1;r>=0;r--){let i=this.serializeMark(e.marks[r],e.isInline,n);i&&((i.contentDOM||i.dom).appendChild(o),o=i.dom)}return o}serializeMark(e,n,o={}){let r=this.marks[e.type.name];return r&&TA(xA(o),r(e,n),null,e.attrs)}static renderSpec(e,n,o=null,r){return typeof n=="string"?{dom:e.createTextNode(n)}:TA(e,n,o,r)}static fromSchema(e){return e.cached.domSerializer||(e.cached.domSerializer=new t(this.nodesFromSchema(e),this.marksFromSchema(e)))}static nodesFromSchema(e){let n=wQ(e.nodes);return n.text||(n.text=o=>o.text),n}static marksFromSchema(e){return wQ(e.marks)}};function wQ(t){let e={};for(let n in t){let o=t[n].spec.toDOM;o&&(e[n]=o)}return e}function xA(t){return t.document||window.document}var xQ=new WeakMap;function BPe(t){let e=xQ.get(t);return e===void 0&&xQ.set(t,e=zPe(t)),e}function zPe(t){let e=null;function n(o){if(o&&typeof o=="object")if(Array.isArray(o))if(typeof o[0]=="string")e||(e=[]),e.push(o);else for(let r=0;r<o.length;r++)n(o[r]);else for(let r in o)n(o[r])}return n(t),e}function TA(t,e,n,o){if(e.nodeType==1)return{dom:e};if(e.dom&&e.dom.nodeType==1)return e;let r=e[0],i;if(typeof r!="string")throw new RangeError("Invalid array passed to renderSpec");if(o&&(i=BPe(o))&&i.indexOf(e)>-1)throw new RangeError("Using an array from an attribute object as a DOM spec. This may be an attempted cross site scripting attack.");let s=r.indexOf(" ");s>0&&(n=r.slice(0,s),r=r.slice(s+1));let a,l=n?t.createElementNS(n,r):t.createElement(r),c=e[1],d=1;if(c&&typeof c=="object"&&c.nodeType==null&&!Array.isArray(c)){d=2;for(let u in c)if(c[u]!=null){let p=u.indexOf(" ");p>0?l.setAttributeNS(u.slice(0,p),u.slice(p+1),c[u]):u=="style"&&l.style?l.style.cssText=c[u]:l.setAttribute(u,c[u])}}for(let u=d;u<e.length;u++){let p=e[u];if(p===0){if(u<e.length-1||u>d)throw new RangeError("Content hole must be the only child of its parent node");return{dom:l,contentDOM:l}}else if(typeof p=="string")l.appendChild(t.createTextNode(p));else{let{dom:f,contentDOM:h}=TA(t,p,n,o);if(l.appendChild(f),h){if(a)throw new RangeError("Multiple content holes");a=h}}}return{dom:l,contentDOM:a}}var jQ=65535,$Q=Math.pow(2,16);function UPe(t,e){return t+e*$Q}function HQ(t){return t&jQ}function HPe(t){return(t-(t&jQ))/$Q}var KQ=1,GQ=2,MA=4,WQ=8,CC=class{constructor(e,n,o){this.pos=e,this.delInfo=n,this.recover=o}get deleted(){return(this.delInfo&WQ)>0}get deletedBefore(){return(this.delInfo&(KQ|MA))>0}get deletedAfter(){return(this.delInfo&(GQ|MA))>0}get deletedAcross(){return(this.delInfo&MA)>0}},ep=class t{constructor(e,n=!1){if(this.ranges=e,this.inverted=n,!e.length&&t.empty)return t.empty}recover(e){let n=0,o=HQ(e);if(!this.inverted)for(let r=0;r<o;r++)n+=this.ranges[r*3+2]-this.ranges[r*3+1];return this.ranges[o*3]+n+HPe(e)}mapResult(e,n=1){return this._map(e,n,!1)}map(e,n=1){return this._map(e,n,!0)}_map(e,n,o){let r=0,i=this.inverted?2:1,s=this.inverted?1:2;for(let a=0;a<this.ranges.length;a+=3){let l=this.ranges[a]-(this.inverted?r:0);if(l>e)break;let c=this.ranges[a+i],d=this.ranges[a+s],u=l+c;if(e<=u){let p=c?e==l?-1:e==u?1:n:n,f=l+r+(p<0?0:d);if(o)return f;let h=e==(n<0?l:u)?null:UPe(a/3,e-l),g=e==l?GQ:e==u?KQ:MA;return(n<0?e!=l:e!=u)&&(g|=WQ),new CC(f,g,h)}r+=d-c}return o?e+r:new CC(e+r,0,null)}touches(e,n){let o=0,r=HQ(n),i=this.inverted?2:1,s=this.inverted?1:2;for(let a=0;a<this.ranges.length;a+=3){let l=this.ranges[a]-(this.inverted?o:0);if(l>e)break;let c=this.ranges[a+i],d=l+c;if(e<=d&&a==r*3)return!0;o+=this.ranges[a+s]-c}return!1}forEach(e){let n=this.inverted?2:1,o=this.inverted?1:2;for(let r=0,i=0;r<this.ranges.length;r+=3){let s=this.ranges[r],a=s-(this.inverted?i:0),l=s+(this.inverted?0:i),c=this.ranges[r+n],d=this.ranges[r+o];e(a,a+c,l,l+d),i+=d-c}}invert(){return new t(this.ranges,!this.inverted)}toString(){return(this.inverted?"-":"")+JSON.stringify(this.ranges)}static offset(e){return e==0?t.empty:new t(e<0?[0,-e,0]:[0,0,e])}};ep.empty=new ep([]);var PC=class t{constructor(e,n,o=0,r=e?e.length:0){this.mirror=n,this.from=o,this.to=r,this._maps=e||[],this.ownData=!(e||n)}get maps(){return this._maps}slice(e=0,n=this.maps.length){return new t(this._maps,this.mirror,e,n)}appendMap(e,n){this.ownData||(this._maps=this._maps.slice(),this.mirror=this.mirror&&this.mirror.slice(),this.ownData=!0),this.to=this._maps.push(e),n!=null&&this.setMirror(this._maps.length-1,n)}appendMapping(e){for(let n=0,o=this._maps.length;n<e._maps.length;n++){let r=e.getMirror(n);this.appendMap(e._maps[n],r!=null&&r<n?o+r:void 0)}}getMirror(e){if(this.mirror){for(let n=0;n<this.mirror.length;n++)if(this.mirror[n]==e)return this.mirror[n+(n%2?-1:1)]}}setMirror(e,n){this.mirror||(this.mirror=[]),this.mirror.push(e,n)}appendMappingInverted(e){for(let n=e.maps.length-1,o=this._maps.length+e._maps.length;n>=0;n--){let r=e.getMirror(n);this.appendMap(e._maps[n].invert(),r!=null&&r>n?o-r-1:void 0)}}invert(){let e=new t;return e.appendMappingInverted(this),e}map(e,n=1){if(this.mirror)return this._map(e,n,!0);for(let o=this.from;o<this.to;o++)e=this._maps[o].map(e,n);return e}mapResult(e,n=1){return this._map(e,n,!1)}_map(e,n,o){let r=0;for(let i=this.from;i<this.to;i++){let s=this._maps[i],a=s.mapResult(e,n);if(a.recover!=null){let l=this.getMirror(i);if(l!=null&&l>i&&l<this.to){i=l,e=this._maps[l].recover(a.recover);continue}}r|=a.delInfo,e=a.pos}return o?e:new CC(e,r,null)}},mU=Object.create(null),ai=class{getMap(){return ep.empty}merge(e){return null}static fromJSON(e,n){if(!n||!n.stepType)throw new RangeError("Invalid input for Step.fromJSON");let o=mU[n.stepType];if(!o)throw new RangeError(`No step type ${n.stepType} defined`);return o.fromJSON(e,n)}static jsonID(e,n){if(e in mU)throw new RangeError("Duplicate use of step JSON ID "+e);return mU[e]=n,n.prototype.jsonID=e,n}},_i=class t{constructor(e,n){this.doc=e,this.failed=n}static ok(e){return new t(e,null)}static fail(e){return new t(null,e)}static fromReplace(e,n,o,r){try{return t.ok(e.replace(n,o,r))}catch(i){if(i instanceof Sh)return t.fail(i.message);throw i}}};function vU(t,e,n){let o=[];for(let r=0;r<t.childCount;r++){let i=t.child(r);i.content.size&&(i=i.copy(vU(i.content,e,i))),i.isInline&&(i=e(i,n,r)),o.push(i)}return re.fromArray(o)}var EC=class t extends ai{constructor(e,n,o){super(),this.from=e,this.to=n,this.mark=o}apply(e){let n=e.slice(this.from,this.to),o=e.resolve(this.from),r=o.node(o.sharedDepth(this.to)),i=new ge(vU(n.content,(s,a)=>!s.isAtom||!a.type.allowsMarkType(this.mark.type)?s:s.mark(this.mark.addToSet(s.marks)),r),n.openStart,n.openEnd);return _i.fromReplace(e,this.from,this.to,i)}invert(){return new tp(this.from,this.to,this.mark)}map(e){let n=e.mapResult(this.from,1),o=e.mapResult(this.to,-1);return n.deleted&&o.deleted||n.pos>=o.pos?null:new t(n.pos,o.pos,this.mark)}merge(e){return e instanceof t&&e.mark.eq(this.mark)&&this.from<=e.to&&this.to>=e.from?new t(Math.min(this.from,e.from),Math.max(this.to,e.to),this.mark):null}toJSON(){return{stepType:"addMark",mark:this.mark.toJSON(),from:this.from,to:this.to}}static fromJSON(e,n){if(typeof n.from!="number"||typeof n.to!="number")throw new RangeError("Invalid input for AddMarkStep.fromJSON");return new t(n.from,n.to,e.markFromJSON(n.mark))}};ai.jsonID("addMark",EC);var tp=class t extends ai{constructor(e,n,o){super(),this.from=e,this.to=n,this.mark=o}apply(e){let n=e.slice(this.from,this.to),o=new ge(vU(n.content,r=>r.mark(this.mark.removeFromSet(r.marks)),e),n.openStart,n.openEnd);return _i.fromReplace(e,this.from,this.to,o)}invert(){return new EC(this.from,this.to,this.mark)}map(e){let n=e.mapResult(this.from,1),o=e.mapResult(this.to,-1);return n.deleted&&o.deleted||n.pos>=o.pos?null:new t(n.pos,o.pos,this.mark)}merge(e){return e instanceof t&&e.mark.eq(this.mark)&&this.from<=e.to&&this.to>=e.from?new t(Math.min(this.from,e.from),Math.max(this.to,e.to),this.mark):null}toJSON(){return{stepType:"removeMark",mark:this.mark.toJSON(),from:this.from,to:this.to}}static fromJSON(e,n){if(typeof n.from!="number"||typeof n.to!="number")throw new RangeError("Invalid input for RemoveMarkStep.fromJSON");return new t(n.from,n.to,e.markFromJSON(n.mark))}};ai.jsonID("removeMark",tp);var IC=class t extends ai{constructor(e,n){super(),this.pos=e,this.mark=n}apply(e){let n=e.nodeAt(this.pos);if(!n)return _i.fail("No node at mark step's position");let o=n.type.create(n.attrs,null,this.mark.addToSet(n.marks));return _i.fromReplace(e,this.pos,this.pos+1,new ge(re.from(o),0,n.isLeaf?0:1))}invert(e){let n=e.nodeAt(this.pos);if(n){let o=this.mark.addToSet(n.marks);if(o.length==n.marks.length){for(let r=0;r<n.marks.length;r++)if(!n.marks[r].isInSet(o))return new t(this.pos,n.marks[r]);return new t(this.pos,this.mark)}}return new uv(this.pos,this.mark)}map(e){let n=e.mapResult(this.pos,1);return n.deletedAfter?null:new t(n.pos,this.mark)}toJSON(){return{stepType:"addNodeMark",pos:this.pos,mark:this.mark.toJSON()}}static fromJSON(e,n){if(typeof n.pos!="number")throw new RangeError("Invalid input for AddNodeMarkStep.fromJSON");return new t(n.pos,e.markFromJSON(n.mark))}};ai.jsonID("addNodeMark",IC);var uv=class t extends ai{constructor(e,n){super(),this.pos=e,this.mark=n}apply(e){let n=e.nodeAt(this.pos);if(!n)return _i.fail("No node at mark step's position");let o=n.type.create(n.attrs,null,this.mark.removeFromSet(n.marks));return _i.fromReplace(e,this.pos,this.pos+1,new ge(re.from(o),0,n.isLeaf?0:1))}invert(e){let n=e.nodeAt(this.pos);return!n||!this.mark.isInSet(n.marks)?this:new IC(this.pos,this.mark)}map(e){let n=e.mapResult(this.pos,1);return n.deletedAfter?null:new t(n.pos,this.mark)}toJSON(){return{stepType:"removeNodeMark",pos:this.pos,mark:this.mark.toJSON()}}static fromJSON(e,n){if(typeof n.pos!="number")throw new RangeError("Invalid input for RemoveNodeMarkStep.fromJSON");return new t(n.pos,e.markFromJSON(n.mark))}};ai.jsonID("removeNodeMark",uv);var Mi=class t extends ai{constructor(e,n,o,r=!1){super(),this.from=e,this.to=n,this.slice=o,this.structure=r}apply(e){return this.structure&&SU(e,this.from,this.to)?_i.fail("Structure replace would overwrite content"):_i.fromReplace(e,this.from,this.to,this.slice)}getMap(){return new ep([this.from,this.to-this.from,this.slice.size])}invert(e){return new t(this.from,this.from+this.slice.size,e.slice(this.from,this.to))}map(e){let n=e.mapResult(this.to,-1),o=this.from==this.to&&t.MAP_BIAS<0?n:e.mapResult(this.from,1);return o.deletedAcross&&n.deletedAcross?null:new t(o.pos,Math.max(o.pos,n.pos),this.slice,this.structure)}merge(e){if(!(e instanceof t)||e.structure||this.structure)return null;if(this.from+this.slice.size==e.from&&!this.slice.openEnd&&!e.slice.openStart){let n=this.slice.size+e.slice.size==0?ge.empty:new ge(this.slice.content.append(e.slice.content),this.slice.openStart,e.slice.openEnd);return new t(this.from,this.to+(e.to-e.from),n,this.structure)}else if(e.to==this.from&&!this.slice.openStart&&!e.slice.openEnd){let n=this.slice.size+e.slice.size==0?ge.empty:new ge(e.slice.content.append(this.slice.content),e.slice.openStart,this.slice.openEnd);return new t(e.from,this.to,n,this.structure)}else return null}toJSON(){let e={stepType:"replace",from:this.from,to:this.to};return this.slice.size&&(e.slice=this.slice.toJSON()),this.structure&&(e.structure=!0),e}static fromJSON(e,n){if(typeof n.from!="number"||typeof n.to!="number")throw new RangeError("Invalid input for ReplaceStep.fromJSON");return new t(n.from,n.to,ge.fromJSON(e,n.slice),!!n.structure)}};Mi.MAP_BIAS=1;ai.jsonID("replace",Mi);var Tr=class t extends ai{constructor(e,n,o,r,i,s,a=!1){super(),this.from=e,this.to=n,this.gapFrom=o,this.gapTo=r,this.slice=i,this.insert=s,this.structure=a}apply(e){if(this.structure&&(SU(e,this.from,this.gapFrom)||SU(e,this.gapTo,this.to)))return _i.fail("Structure gap-replace would overwrite content");let n=e.slice(this.gapFrom,this.gapTo);if(n.openStart||n.openEnd)return _i.fail("Gap is not a flat range");let o=this.slice.insertAt(this.insert,n.content);return o?_i.fromReplace(e,this.from,this.to,o):_i.fail("Content does not fit in gap")}getMap(){return new ep([this.from,this.gapFrom-this.from,this.insert,this.gapTo,this.to-this.gapTo,this.slice.size-this.insert])}invert(e){let n=this.gapTo-this.gapFrom;return new t(this.from,this.from+this.slice.size+n,this.from+this.insert,this.from+this.insert+n,e.slice(this.from,this.to).removeBetween(this.gapFrom-this.from,this.gapTo-this.from),this.gapFrom-this.from,this.structure)}map(e){let n=e.mapResult(this.from,1),o=e.mapResult(this.to,-1),r=this.from==this.gapFrom?n.pos:e.map(this.gapFrom,-1),i=this.to==this.gapTo?o.pos:e.map(this.gapTo,1);return n.deletedAcross&&o.deletedAcross||r<n.pos||i>o.pos?null:new t(n.pos,o.pos,r,i,this.slice,this.insert,this.structure)}toJSON(){let e={stepType:"replaceAround",from:this.from,to:this.to,gapFrom:this.gapFrom,gapTo:this.gapTo,insert:this.insert};return this.slice.size&&(e.slice=this.slice.toJSON()),this.structure&&(e.structure=!0),e}static fromJSON(e,n){if(typeof n.from!="number"||typeof n.to!="number"||typeof n.gapFrom!="number"||typeof n.gapTo!="number"||typeof n.insert!="number")throw new RangeError("Invalid input for ReplaceAroundStep.fromJSON");return new t(n.from,n.to,n.gapFrom,n.gapTo,ge.fromJSON(e,n.slice),n.insert,!!n.structure)}};ai.jsonID("replaceAround",Tr);function SU(t,e,n){let o=t.resolve(e),r=n-e,i=o.depth;for(;r>0&&i>0&&o.indexAfter(i)==o.node(i).childCount;)i--,r--;if(r>0){let s=o.node(i).maybeChild(o.indexAfter(i));for(;r>0;){if(!s||s.isLeaf)return!0;s=s.firstChild,r--}}return!1}function VPe(t,e,n,o){let r=[],i=[],s,a;t.doc.nodesBetween(e,n,(l,c,d)=>{if(!l.isInline)return;let u=l.marks;if(!o.isInSet(u)&&d.type.allowsMarkType(o.type)){let p=Math.max(c,e),f=Math.min(c+l.nodeSize,n),h=o.addToSet(u);for(let g=0;g<u.length;g++)u[g].isInSet(h)||(s&&s.to==p&&s.mark.eq(u[g])?s.to=f:r.push(s=new tp(p,f,u[g])));a&&a.to==p?a.to=f:i.push(a=new EC(p,f,o))}}),r.forEach(l=>t.step(l)),i.forEach(l=>t.step(l))}function jPe(t,e,n,o){let r=[],i=0;t.doc.nodesBetween(e,n,(s,a)=>{if(!s.isInline)return;i++;let l=null;if(o instanceof vC){let c=s.marks,d;for(;d=o.isInSet(c);)(l||(l=[])).push(d),c=d.removeFromSet(c)}else o?o.isInSet(s.marks)&&(l=[o]):l=s.marks;if(l&&l.length){let c=Math.min(a+s.nodeSize,n);for(let d=0;d<l.length;d++){let u=l[d],p;for(let f=0;f<r.length;f++){let h=r[f];h.step==i-1&&u.eq(r[f].style)&&(p=h)}p?(p.to=c,p.step=i):r.push({style:u,from:Math.max(a,e),to:c,step:i})}}}),r.forEach(s=>t.step(new tp(s.from,s.to,s.style)))}function wU(t,e,n,o=n.contentMatch,r=!0){let i=t.doc.nodeAt(e),s=[],a=e+1;for(let l=0;l<i.childCount;l++){let c=i.child(l),d=a+c.nodeSize,u=o.matchType(c.type);if(!u)s.push(new Mi(a,d,ge.empty));else{o=u;for(let p=0;p<c.marks.length;p++)n.allowsMarkType(c.marks[p].type)||t.step(new tp(a,d,c.marks[p]));if(r&&c.isText&&n.whitespace!="pre"){let p,f=/\r?\n|\r/g,h;for(;p=f.exec(c.text);)h||(h=new ge(re.from(n.schema.text(" ",n.allowedMarks(c.marks))),0,0)),s.push(new Mi(a+p.index,a+p.index+p[0].length,h))}}a=d}if(!o.validEnd){let l=o.fillBefore(re.empty,!0);t.replace(a,a,new ge(l,0,0))}for(let l=s.length-1;l>=0;l--)t.step(s[l])}function $Pe(t,e,n){return(e==0||t.canReplace(e,t.childCount))&&(n==t.childCount||t.canReplace(0,n))}function np(t){let n=t.parent.content.cutByIndex(t.startIndex,t.endIndex);for(let o=t.depth,r=0,i=0;;--o){let s=t.$from.node(o),a=t.$from.index(o)+r,l=t.$to.indexAfter(o)-i;if(o<t.depth&&s.canReplace(a,l,n))return o;if(o==0||s.type.spec.isolating||!$Pe(s,a,l))break;a&&(r=1),l<s.childCount&&(i=1)}return null}function KPe(t,e,n){let{$from:o,$to:r,depth:i}=e,s=o.before(i+1),a=r.after(i+1),l=s,c=a,d=re.empty,u=0;for(let h=i,g=!1;h>n;h--)g||o.index(h)>0?(g=!0,d=re.from(o.node(h).copy(d)),u++):l--;let p=re.empty,f=0;for(let h=i,g=!1;h>n;h--)g||r.after(h+1)<r.end(h)?(g=!0,p=re.from(r.node(h).copy(p)),f++):c++;t.step(new Tr(l,c,s,a,new ge(d.append(p),u,f),d.size-u,!0))}function fv(t,e,n=null,o=t){let r=GPe(t,e),i=r&&WPe(o,e);return i?r.map(VQ).concat({type:e,attrs:n}).concat(i.map(VQ)):null}function VQ(t){return{type:t,attrs:null}}function GPe(t,e){let{parent:n,startIndex:o,endIndex:r}=t,i=n.contentMatchAt(o).findWrapping(e);if(!i)return null;let s=i.length?i[0]:e;return n.canReplaceWith(o,r,s)?i:null}function WPe(t,e){let{parent:n,startIndex:o,endIndex:r}=t,i=n.child(o),s=e.contentMatch.findWrapping(i.type);if(!s)return null;let l=(s.length?s[s.length-1]:e).contentMatch;for(let c=o;l&&c<r;c++)l=l.matchType(n.child(c).type);return!l||!l.validEnd?null:s}function YPe(t,e,n){let o=re.empty;for(let s=n.length-1;s>=0;s--){if(o.size){let a=n[s].type.contentMatch.matchFragment(o);if(!a||!a.validEnd)throw new RangeError("Wrapper type given to Transform.wrap does not form valid content of its parent wrapper")}o=re.from(n[s].type.create(n[s].attrs,o))}let r=e.start,i=e.end;t.step(new Tr(r,i,r,i,new ge(o,0,0),n.length,!0))}function qPe(t,e,n,o,r){if(!o.isTextblock)throw new RangeError("Type given to setBlockType should be a textblock");let i=t.steps.length;t.doc.nodesBetween(e,n,(s,a)=>{let l=typeof r=="function"?r(s):r;if(s.isTextblock&&!s.hasMarkup(o,l)&&XPe(t.doc,t.mapping.slice(i).map(a),o)){let c=null;if(o.schema.linebreakReplacement){let f=o.whitespace=="pre",h=!!o.contentMatch.matchType(o.schema.linebreakReplacement);f&&!h?c=!1:!f&&h&&(c=!0)}c===!1&&qQ(t,s,a,i),wU(t,t.mapping.slice(i).map(a,1),o,void 0,c===null);let d=t.mapping.slice(i),u=d.map(a,1),p=d.map(a+s.nodeSize,1);return t.step(new Tr(u,p,u+1,p-1,new ge(re.from(o.create(l,null,s.marks)),0,0),1,!0)),c===!0&&YQ(t,s,a,i),!1}})}function YQ(t,e,n,o){e.forEach((r,i)=>{if(r.isText){let s,a=/\r?\n|\r/g;for(;s=a.exec(r.text);){let l=t.mapping.slice(o).map(n+1+i+s.index);t.replaceWith(l,l+1,e.type.schema.linebreakReplacement.create())}}})}function qQ(t,e,n,o){e.forEach((r,i)=>{if(r.type==r.type.schema.linebreakReplacement){let s=t.mapping.slice(o).map(n+1+i);t.replaceWith(s,s+1,e.type.schema.text(`
+`))}})}function XPe(t,e,n){let o=t.resolve(e),r=o.index();return o.parent.canReplaceWith(r,r+1,n)}function ZPe(t,e,n,o,r){let i=t.doc.nodeAt(e);if(!i)throw new RangeError("No node at given position");n||(n=i.type);let s=n.create(o,null,r||i.marks);if(i.isLeaf)return t.replaceWith(e,e+i.nodeSize,s);if(!n.validContent(i.content))throw new RangeError("Invalid content for node type "+n.name);t.step(new Tr(e,e+i.nodeSize,e+1,e+i.nodeSize-1,new ge(re.from(s),0,0),1,!0))}function Ya(t,e,n=1,o){let r=t.resolve(e),i=r.depth-n,s=o&&o[o.length-1]||r.parent;if(i<0||r.parent.type.spec.isolating||!r.parent.canReplace(r.index(),r.parent.childCount)||!s.type.validContent(r.parent.content.cutByIndex(r.index(),r.parent.childCount)))return!1;for(let c=r.depth-1,d=n-2;c>i;c--,d--){let u=r.node(c),p=r.index(c);if(u.type.spec.isolating)return!1;let f=u.content.cutByIndex(p,u.childCount),h=o&&o[d+1];h&&(f=f.replaceChild(0,h.type.create(h.attrs)));let g=o&&o[d]||u;if(!u.canReplace(p+1,u.childCount)||!g.type.validContent(f))return!1}let a=r.indexAfter(i),l=o&&o[0];return r.node(i).canReplaceWith(a,a,l?l.type:r.node(i+1).type)}function JPe(t,e,n=1,o){let r=t.doc.resolve(e),i=re.empty,s=re.empty;for(let a=r.depth,l=r.depth-n,c=n-1;a>l;a--,c--){i=re.from(r.node(a).copy(i));let d=o&&o[c];s=re.from(d?d.type.create(d.attrs,s):r.node(a).copy(s))}t.step(new Mi(e,e,new ge(i.append(s),n,n),!0))}function Pl(t,e){let n=t.resolve(e),o=n.index();return XQ(n.nodeBefore,n.nodeAfter)&&n.parent.canReplace(o,o+1)}function QPe(t,e){e.content.size||t.type.compatibleContent(e.type);let n=t.contentMatchAt(t.childCount),{linebreakReplacement:o}=t.type.schema;for(let r=0;r<e.childCount;r++){let i=e.child(r),s=i.type==o?t.type.schema.nodes.text:i.type;if(n=n.matchType(s),!n||!t.type.allowsMarks(i.marks))return!1}return n.validEnd}function XQ(t,e){return!!(t&&e&&!t.isLeaf&&QPe(t,e))}function Hg(t,e,n=-1){let o=t.resolve(e);for(let r=o.depth;;r--){let i,s,a=o.index(r);if(r==o.depth?(i=o.nodeBefore,s=o.nodeAfter):n>0?(i=o.node(r+1),a++,s=o.node(r).maybeChild(a)):(i=o.node(r).maybeChild(a-1),s=o.node(r+1)),i&&!i.isTextblock&&XQ(i,s)&&o.node(r).canReplace(a,a+1))return e;if(r==0)break;e=n<0?o.before(r):o.after(r)}}function eEe(t,e,n){let o=null,{linebreakReplacement:r}=t.doc.type.schema,i=t.doc.resolve(e-n),s=i.node().type;if(r&&s.inlineContent){let d=s.whitespace=="pre",u=!!s.contentMatch.matchType(r);d&&!u?o=!1:!d&&u&&(o=!0)}let a=t.steps.length;if(o===!1){let d=t.doc.resolve(e+n);qQ(t,d.node(),d.before(),a)}s.inlineContent&&wU(t,e+n-1,s,i.node().contentMatchAt(i.index()),o==null);let l=t.mapping.slice(a),c=l.map(e-n);if(t.step(new Mi(c,l.map(e+n,-1),ge.empty,!0)),o===!0){let d=t.doc.resolve(c);YQ(t,d.node(),d.before(),t.steps.length)}return t}function tEe(t,e,n){let o=t.resolve(e);if(o.parent.canReplaceWith(o.index(),o.index(),n))return e;if(o.parentOffset==0)for(let r=o.depth-1;r>=0;r--){let i=o.index(r);if(o.node(r).canReplaceWith(i,i,n))return o.before(r+1);if(i>0)return null}if(o.parentOffset==o.parent.content.size)for(let r=o.depth-1;r>=0;r--){let i=o.indexAfter(r);if(o.node(r).canReplaceWith(i,i,n))return o.after(r+1);if(i<o.node(r).childCount)return null}return null}function RA(t,e,n){let o=t.resolve(e);if(!n.content.size)return e;let r=n.content;for(let i=0;i<n.openStart;i++)r=r.firstChild.content;for(let i=1;i<=(n.openStart==0&&n.size?2:1);i++)for(let s=o.depth;s>=0;s--){let a=s==o.depth?0:o.pos<=(o.start(s+1)+o.end(s+1))/2?-1:1,l=o.index(s)+(a>0?1:0),c=o.node(s),d=!1;if(i==1)d=c.canReplace(l,l,r);else{let u=c.contentMatchAt(l).findWrapping(r.firstChild.type);d=u&&c.canReplaceWith(l,l,u[0])}if(d)return a==0?o.pos:a<0?o.before(s+1):o.after(s+1)}return null}function _C(t,e,n=e,o=ge.empty){if(e==n&&!o.size)return null;let r=t.resolve(e),i=t.resolve(n);return ZQ(r,i,o)?new Mi(e,n,o):new bU(r,i,o).fit()}function ZQ(t,e,n){return!n.openStart&&!n.openEnd&&t.start()==e.start()&&t.parent.canReplace(t.index(),e.index(),n.content)}var bU=class{constructor(e,n,o){this.$from=e,this.$to=n,this.unplaced=o,this.frontier=[],this.placed=re.empty;for(let r=0;r<=e.depth;r++){let i=e.node(r);this.frontier.push({type:i.type,match:i.contentMatchAt(e.indexAfter(r))})}for(let r=e.depth;r>0;r--)this.placed=re.from(e.node(r).copy(this.placed))}get depth(){return this.frontier.length-1}fit(){for(;this.unplaced.size;){let c=this.findFittable();c?this.placeNodes(c):this.openMore()||this.dropNode()}let e=this.mustMoveInline(),n=this.placed.size-this.depth-this.$from.depth,o=this.$from,r=this.close(e<0?this.$to:o.doc.resolve(e));if(!r)return null;let i=this.placed,s=o.depth,a=r.depth;for(;s&&a&&i.childCount==1;)i=i.firstChild.content,s--,a--;let l=new ge(i,s,a);return e>-1?new Tr(o.pos,e,this.$to.pos,this.$to.end(),l,n):l.size||o.pos!=this.$to.pos?new Mi(o.pos,r.pos,l):null}findFittable(){let e=this.unplaced.openStart;for(let n=this.unplaced.content,o=0,r=this.unplaced.openEnd;o<e;o++){let i=n.firstChild;if(n.childCount>1&&(r=0),i.type.spec.isolating&&r<=o){e=o;break}n=i.content}for(let n=1;n<=2;n++)for(let o=n==1?e:this.unplaced.openStart;o>=0;o--){let r,i=null;o?(i=gU(this.unplaced.content,o-1).firstChild,r=i.content):r=this.unplaced.content;let s=r.firstChild;for(let a=this.depth;a>=0;a--){let{type:l,match:c}=this.frontier[a],d,u=null;if(n==1&&(s?c.matchType(s.type)||(u=c.fillBefore(re.from(s),!1)):i&&l.compatibleContent(i.type)))return{sliceDepth:o,frontierDepth:a,parent:i,inject:u};if(n==2&&s&&(d=c.findWrapping(s.type)))return{sliceDepth:o,frontierDepth:a,parent:i,wrap:d};if(i&&c.matchType(i.type))break}}}openMore(){let{content:e,openStart:n,openEnd:o}=this.unplaced,r=gU(e,n);return!r.childCount||r.firstChild.isLeaf?!1:(this.unplaced=new ge(e,n+1,Math.max(o,r.size+n>=e.size-o?n+1:0)),!0)}dropNode(){let{content:e,openStart:n,openEnd:o}=this.unplaced,r=gU(e,n);if(r.childCount<=1&&n>0){let i=e.size-n<=n+r.size;this.unplaced=new ge(xC(e,n-1,1),n-1,i?n-1:o)}else this.unplaced=new ge(xC(e,n,1),n,o)}placeNodes({sliceDepth:e,frontierDepth:n,parent:o,inject:r,wrap:i}){for(;this.depth>n;)this.closeFrontierNode();if(i)for(let g=0;g<i.length;g++)this.openFrontierNode(i[g]);let s=this.unplaced,a=o?o.content:s.content,l=s.openStart-e,c=0,d=[],{match:u,type:p}=this.frontier[n];if(r){for(let g=0;g<r.childCount;g++)d.push(r.child(g));u=u.matchFragment(r)}let f=a.size+e-(s.content.size-s.openEnd);for(;c<a.childCount;){let g=a.child(c),y=u.matchType(g.type);if(!y)break;c++,(c>1||l==0||g.content.size)&&(u=y,d.push(JQ(g.mark(p.allowedMarks(g.marks)),c==1?l:0,c==a.childCount?f:-1)))}let h=c==a.childCount;h||(f=-1),this.placed=TC(this.placed,n,re.from(d)),this.frontier[n].match=u,h&&f<0&&o&&o.type==this.frontier[this.depth].type&&this.frontier.length>1&&this.closeFrontierNode();for(let g=0,y=a;g<f;g++){let m=y.lastChild;this.frontier.push({type:m.type,match:m.contentMatchAt(m.childCount)}),y=m.content}this.unplaced=h?e==0?ge.empty:new ge(xC(s.content,e-1,1),e-1,f<0?s.openEnd:e-1):new ge(xC(s.content,e,c),s.openStart,s.openEnd)}mustMoveInline(){if(!this.$to.parent.isTextblock)return-1;let e=this.frontier[this.depth],n;if(!e.type.isTextblock||!yU(this.$to,this.$to.depth,e.type,e.match,!1)||this.$to.depth==this.depth&&(n=this.findCloseLevel(this.$to))&&n.depth==this.depth)return-1;let{depth:o}=this.$to,r=this.$to.after(o);for(;o>1&&r==this.$to.end(--o);)++r;return r}findCloseLevel(e){e:for(let n=Math.min(this.depth,e.depth);n>=0;n--){let{match:o,type:r}=this.frontier[n],i=n<e.depth&&e.end(n+1)==e.pos+(e.depth-(n+1)),s=yU(e,n,r,o,i);if(s){for(let a=n-1;a>=0;a--){let{match:l,type:c}=this.frontier[a],d=yU(e,a,c,l,!0);if(!d||d.childCount)continue e}return{depth:n,fit:s,move:i?e.doc.resolve(e.after(n+1)):e}}}}close(e){let n=this.findCloseLevel(e);if(!n)return null;for(;this.depth>n.depth;)this.closeFrontierNode();n.fit.childCount&&(this.placed=TC(this.placed,n.depth,n.fit)),e=n.move;for(let o=n.depth+1;o<=e.depth;o++){let r=e.node(o),i=r.type.contentMatch.fillBefore(r.content,!0,e.index(o));this.openFrontierNode(r.type,r.attrs,i)}return e}openFrontierNode(e,n=null,o){let r=this.frontier[this.depth];r.match=r.match.matchType(e),this.placed=TC(this.placed,this.depth,re.from(e.create(n,o))),this.frontier.push({type:e,match:e.contentMatch})}closeFrontierNode(){let n=this.frontier.pop().match.fillBefore(re.empty,!0);n.childCount&&(this.placed=TC(this.placed,this.frontier.length,n))}};function xC(t,e,n){return e==0?t.cutByIndex(n,t.childCount):t.replaceChild(0,t.firstChild.copy(xC(t.firstChild.content,e-1,n)))}function TC(t,e,n){return e==0?t.append(n):t.replaceChild(t.childCount-1,t.lastChild.copy(TC(t.lastChild.content,e-1,n)))}function gU(t,e){for(let n=0;n<e;n++)t=t.firstChild.content;return t}function JQ(t,e,n){if(e<=0)return t;let o=t.content;return e>1&&(o=o.replaceChild(0,JQ(o.firstChild,e-1,o.childCount==1?n-1:0))),e>0&&(o=t.type.contentMatch.fillBefore(o).append(o),n<=0&&(o=o.append(t.type.contentMatch.matchFragment(o).fillBefore(re.empty,!0)))),t.copy(o)}function yU(t,e,n,o,r){let i=t.node(e),s=r?t.indexAfter(e):t.index(e);if(s==i.childCount&&!n.compatibleContent(i.type))return null;let a=o.fillBefore(i.content,!0,s);return a&&!nEe(n,i.content,s)?a:null}function nEe(t,e,n){for(let o=n;o<e.childCount;o++)if(!t.allowsMarks(e.child(o).marks))return!0;return!1}function oEe(t){return t.spec.defining||t.spec.definingForContent}function rEe(t,e,n,o){if(!o.size)return t.deleteRange(e,n);let r=t.doc.resolve(e),i=t.doc.resolve(n);if(ZQ(r,i,o))return t.step(new Mi(e,n,o));let s=eee(r,i);s[s.length-1]==0&&s.pop();let a=-(r.depth+1);s.unshift(a);for(let p=r.depth,f=r.pos-1;p>0;p--,f--){let h=r.node(p).type.spec;if(h.defining||h.definingAsContext||h.isolating)break;s.indexOf(p)>-1?a=p:r.before(p)==f&&s.splice(1,0,-p)}let l=s.indexOf(a),c=[],d=o.openStart;for(let p=o.content,f=0;;f++){let h=p.firstChild;if(c.push(h),f==o.openStart)break;p=h.content}for(let p=d-1;p>=0;p--){let f=c[p],h=oEe(f.type);if(h&&!f.sameMarkup(r.node(Math.abs(a)-1)))d=p;else if(h||!f.type.isTextblock)break}for(let p=o.openStart;p>=0;p--){let f=(p+d+1)%(o.openStart+1),h=c[f];if(h)for(let g=0;g<s.length;g++){let y=s[(g+l)%s.length],m=!0;y<0&&(m=!1,y=-y);let S=r.node(y-1),b=r.index(y-1);if(S.canReplaceWith(b,b,h.type,h.marks))return t.replace(r.before(y),m?i.after(y):n,new ge(QQ(o.content,0,o.openStart,f),f,o.openEnd))}}let u=t.steps.length;for(let p=s.length-1;p>=0&&(t.replace(e,n,o),!(t.steps.length>u));p--){let f=s[p];f<0||(e=r.before(f),n=i.after(f))}}function QQ(t,e,n,o,r){if(e<n){let i=t.firstChild;t=t.replaceChild(0,i.copy(QQ(i.content,e+1,n,o,i)))}if(e>o){let i=r.contentMatchAt(0),s=i.fillBefore(t).append(t);t=s.append(i.matchFragment(s).fillBefore(re.empty,!0))}return t}function iEe(t,e,n,o){if(!o.isInline&&e==n&&t.doc.resolve(e).parent.content.size){let r=tEe(t.doc,e,o.type);r!=null&&(e=n=r)}t.replaceRange(e,n,new ge(re.from(o),0,0))}function sEe(t,e,n){let o=t.doc.resolve(e),r=t.doc.resolve(n);if(o.parent.isTextblock&&r.parent.isTextblock&&o.start()!=r.start()&&o.parentOffset==0&&r.parentOffset==0){let s=o.sharedDepth(n),a=!1;for(let l=o.depth;l>s;l--)o.node(l).type.spec.isolating&&(a=!0);for(let l=r.depth;l>s;l--)r.node(l).type.spec.isolating&&(a=!0);if(!a){for(let l=o.depth;l>0&&e==o.start(l);l--)e=o.before(l);for(let l=r.depth;l>0&&n==r.start(l);l--)n=r.before(l);o=t.doc.resolve(e),r=t.doc.resolve(n)}}let i=eee(o,r);for(let s=0;s<i.length;s++){let a=i[s],l=s==i.length-1;if(l&&a==0||o.node(a).type.contentMatch.validEnd)return t.delete(o.start(a),r.end(a));if(a>0&&(l||o.node(a-1).canReplace(o.index(a-1),r.indexAfter(a-1))))return t.delete(o.before(a),r.after(a))}for(let s=1;s<=o.depth&&s<=r.depth;s++)if(e-o.start(s)==o.depth-s&&n>o.end(s)&&r.end(s)-n!=r.depth-s&&o.start(s-1)==r.start(s-1)&&o.node(s-1).canReplace(o.index(s-1),r.index(s-1)))return t.delete(o.before(s),n);t.delete(e,n)}function eee(t,e){let n=[],o=Math.min(t.depth,e.depth);for(let r=o;r>=0;r--){let i=t.start(r);if(i<t.pos-(t.depth-r)||e.end(r)>e.pos+(e.depth-r)||t.node(r).type.spec.isolating||e.node(r).type.spec.isolating)break;(i==e.start(r)||r==t.depth&&r==e.depth&&t.parent.inlineContent&&e.parent.inlineContent&&r&&e.start(r-1)==i-1)&&n.push(r)}return n}var AA=class t extends ai{constructor(e,n,o){super(),this.pos=e,this.attr=n,this.value=o}apply(e){let n=e.nodeAt(this.pos);if(!n)return _i.fail("No node at attribute step's position");let o=Object.create(null);for(let i in n.attrs)o[i]=n.attrs[i];o[this.attr]=this.value;let r=n.type.create(o,null,n.marks);return _i.fromReplace(e,this.pos,this.pos+1,new ge(re.from(r),0,n.isLeaf?0:1))}getMap(){return ep.empty}invert(e){return new t(this.pos,this.attr,e.nodeAt(this.pos).attrs[this.attr])}map(e){let n=e.mapResult(this.pos,1);return n.deletedAfter?null:new t(n.pos,this.attr,this.value)}toJSON(){return{stepType:"attr",pos:this.pos,attr:this.attr,value:this.value}}static fromJSON(e,n){if(typeof n.pos!="number"||typeof n.attr!="string")throw new RangeError("Invalid input for AttrStep.fromJSON");return new t(n.pos,n.attr,n.value)}};ai.jsonID("attr",AA);var kA=class t extends ai{constructor(e,n){super(),this.attr=e,this.value=n}apply(e){let n=Object.create(null);for(let r in e.attrs)n[r]=e.attrs[r];n[this.attr]=this.value;let o=e.type.create(n,e.content,e.marks);return _i.ok(o)}getMap(){return ep.empty}invert(e){return new t(this.attr,e.attrs[this.attr])}map(e){return this}toJSON(){return{stepType:"docAttr",attr:this.attr,value:this.value}}static fromJSON(e,n){if(typeof n.attr!="string")throw new RangeError("Invalid input for DocAttrStep.fromJSON");return new t(n.attr,n.value)}};ai.jsonID("docAttr",kA);var dv=class extends Error{};dv=function t(e){let n=Error.call(this,e);return n.__proto__=t.prototype,n};dv.prototype=Object.create(Error.prototype);dv.prototype.constructor=dv;dv.prototype.name="TransformError";var pv=class{constructor(e){this.doc=e,this.steps=[],this.docs=[],this.mapping=new PC}get before(){return this.docs.length?this.docs[0]:this.doc}step(e){let n=this.maybeStep(e);if(n.failed)throw new dv(n.failed);return this}maybeStep(e){let n=e.apply(this.doc);return n.failed||this.addStep(e,n.doc),n}get docChanged(){return this.steps.length>0}changedRange(){let e=1e9,n=-1e9;for(let o=0;o<this.mapping.maps.length;o++){let r=this.mapping.maps[o];o&&(e=r.map(e,1),n=r.map(n,-1)),r.forEach((i,s,a,l)=>{e=Math.min(e,a),n=Math.max(n,l)})}return e==1e9?null:{from:e,to:n}}addStep(e,n){this.docs.push(this.doc),this.steps.push(e),this.mapping.appendMap(e.getMap()),this.doc=n}replace(e,n=e,o=ge.empty){let r=_C(this.doc,e,n,o);return r&&this.step(r),this}replaceWith(e,n,o){return this.replace(e,n,new ge(re.from(o),0,0))}delete(e,n){return this.replace(e,n,ge.empty)}insert(e,n){return this.replaceWith(e,e,n)}replaceRange(e,n,o){return rEe(this,e,n,o),this}replaceRangeWith(e,n,o){return iEe(this,e,n,o),this}deleteRange(e,n){return sEe(this,e,n),this}lift(e,n){return KPe(this,e,n),this}join(e,n=1){return eEe(this,e,n),this}wrap(e,n){return YPe(this,e,n),this}setBlockType(e,n=e,o,r=null){return qPe(this,e,n,o,r),this}setNodeMarkup(e,n,o=null,r){return ZPe(this,e,n,o,r),this}setNodeAttribute(e,n,o){return this.step(new AA(e,n,o)),this}setDocAttribute(e,n){return this.step(new kA(e,n)),this}addNodeMark(e,n){return this.step(new IC(e,n)),this}removeNodeMark(e,n){let o=this.doc.nodeAt(e);if(!o)throw new RangeError("No node at position "+e);if(n instanceof Qt)n.isInSet(o.marks)&&this.step(new uv(e,n));else{let r=o.marks,i,s=[];for(;i=n.isInSet(r);)s.push(new uv(e,i)),r=i.removeFromSet(r);for(let a=s.length-1;a>=0;a--)this.step(s[a])}return this}split(e,n=1,o){return JPe(this,e,n,o),this}addMark(e,n,o){return VPe(this,e,n,o),this}removeMark(e,n,o){return jPe(this,e,n,o),this}clearIncompatible(e,n,o){return wU(this,e,n,o),this}};var xU=Object.create(null),Xe=class{constructor(e,n,o){this.$anchor=e,this.$head=n,this.ranges=o||[new OA(e.min(n),e.max(n))]}get anchor(){return this.$anchor.pos}get head(){return this.$head.pos}get from(){return this.$from.pos}get to(){return this.$to.pos}get $from(){return this.ranges[0].$from}get $to(){return this.ranges[0].$to}get empty(){let e=this.ranges;for(let n=0;n<e.length;n++)if(e[n].$from.pos!=e[n].$to.pos)return!1;return!0}content(){return this.$from.doc.slice(this.from,this.to,!0)}replace(e,n=ge.empty){let o=n.content.lastChild,r=null;for(let a=0;a<n.openEnd;a++)r=o,o=o.lastChild;let i=e.steps.length,s=this.ranges;for(let a=0;a<s.length;a++){let{$from:l,$to:c}=s[a],d=e.mapping.slice(i);e.replaceRange(d.map(l.pos),d.map(c.pos),a?ge.empty:n),a==0&&oee(e,i,(o?o.isInline:r&&r.isTextblock)?-1:1)}}replaceWith(e,n){let o=e.steps.length,r=this.ranges;for(let i=0;i<r.length;i++){let{$from:s,$to:a}=r[i],l=e.mapping.slice(o),c=l.map(s.pos),d=l.map(a.pos);i?e.deleteRange(c,d):(e.replaceRangeWith(c,d,n),oee(e,o,n.isInline?-1:1))}}static findFrom(e,n,o=!1){let r=e.parent.inlineContent?new Ie(e):hv(e.node(0),e.parent,e.pos,e.index(),n,o);if(r)return r;for(let i=e.depth-1;i>=0;i--){let s=n<0?hv(e.node(0),e.node(i),e.before(i+1),e.index(i),n,o):hv(e.node(0),e.node(i),e.after(i+1),e.index(i)+1,n,o);if(s)return s}return null}static near(e,n=1){return this.findFrom(e,n)||this.findFrom(e,-n)||new ws(e.node(0))}static atStart(e){return hv(e,e,0,0,1)||new ws(e)}static atEnd(e){return hv(e,e,e.content.size,e.childCount,-1)||new ws(e)}static fromJSON(e,n){if(!n||!n.type)throw new RangeError("Invalid input for Selection.fromJSON");let o=xU[n.type];if(!o)throw new RangeError(`No selection type ${n.type} defined`);return o.fromJSON(e,n)}static jsonID(e,n){if(e in xU)throw new RangeError("Duplicate use of selection JSON ID "+e);return xU[e]=n,n.prototype.jsonID=e,n}getBookmark(){return Ie.between(this.$anchor,this.$head).getBookmark()}};Xe.prototype.visible=!0;var OA=class{constructor(e,n){this.$from=e,this.$to=n}},tee=!1;function nee(t){!tee&&!t.parent.inlineContent&&(tee=!0,console.warn("TextSelection endpoint not pointing into a node with inline content ("+t.parent.type.name+")"))}var Ie=class t extends Xe{constructor(e,n=e){nee(e),nee(n),super(e,n)}get $cursor(){return this.$anchor.pos==this.$head.pos?this.$head:null}map(e,n){let o=e.resolve(n.map(this.head));if(!o.parent.inlineContent)return Xe.near(o);let r=e.resolve(n.map(this.anchor));return new t(r.parent.inlineContent?r:o,o)}replace(e,n=ge.empty){if(super.replace(e,n),n==ge.empty){let o=this.$from.marksAcross(this.$to);o&&e.ensureMarks(o)}}eq(e){return e instanceof t&&e.anchor==this.anchor&&e.head==this.head}getBookmark(){return new LA(this.anchor,this.head)}toJSON(){return{type:"text",anchor:this.anchor,head:this.head}}static fromJSON(e,n){if(typeof n.anchor!="number"||typeof n.head!="number")throw new RangeError("Invalid input for TextSelection.fromJSON");return new t(e.resolve(n.anchor),e.resolve(n.head))}static create(e,n,o=n){let r=e.resolve(n);return new this(r,o==n?r:e.resolve(o))}static between(e,n,o){let r=e.pos-n.pos;if((!o||r)&&(o=r>=0?1:-1),!n.parent.inlineContent){let i=Xe.findFrom(n,o,!0)||Xe.findFrom(n,-o,!0);if(i)n=i.$head;else return Xe.near(n,o)}return e.parent.inlineContent||(r==0?e=n:(e=(Xe.findFrom(e,-o,!0)||Xe.findFrom(e,o,!0)).$anchor,e.pos<n.pos!=r<0&&(e=n))),new t(e,n)}};Xe.jsonID("text",Ie);var LA=class t{constructor(e,n){this.anchor=e,this.head=n}map(e){return new t(e.map(this.anchor),e.map(this.head))}resolve(e){return Ie.between(e.resolve(this.anchor),e.resolve(this.head))}},Re=class t extends Xe{constructor(e){let n=e.nodeAfter,o=e.node(0).resolve(e.pos+n.nodeSize);super(e,o),this.node=n}map(e,n){let{deleted:o,pos:r}=n.mapResult(this.anchor),i=e.resolve(r);return o?Xe.near(i):new t(i)}content(){return new ge(re.from(this.node),0,0)}eq(e){return e instanceof t&&e.anchor==this.anchor}toJSON(){return{type:"node",anchor:this.anchor}}getBookmark(){return new CU(this.anchor)}static fromJSON(e,n){if(typeof n.anchor!="number")throw new RangeError("Invalid input for NodeSelection.fromJSON");return new t(e.resolve(n.anchor))}static create(e,n){return new t(e.resolve(n))}static isSelectable(e){return!e.isText&&e.type.spec.selectable!==!1}};Re.prototype.visible=!1;Xe.jsonID("node",Re);var CU=class t{constructor(e){this.anchor=e}map(e){let{deleted:n,pos:o}=e.mapResult(this.anchor);return n?new LA(o,o):new t(o)}resolve(e){let n=e.resolve(this.anchor),o=n.nodeAfter;return o&&Re.isSelectable(o)?new Re(n):Xe.near(n)}},ws=class t extends Xe{constructor(e){super(e.resolve(0),e.resolve(e.content.size))}replace(e,n=ge.empty){if(n==ge.empty){e.delete(0,e.doc.content.size);let o=Xe.atStart(e.doc);o.eq(e.selection)||e.setSelection(o)}else super.replace(e,n)}toJSON(){return{type:"all"}}static fromJSON(e){return new t(e)}map(e){return new t(e)}eq(e){return e instanceof t}getBookmark(){return aEe}};Xe.jsonID("all",ws);var aEe={map(){return this},resolve(t){return new ws(t)}};function hv(t,e,n,o,r,i=!1){if(e.inlineContent)return Ie.create(t,n);for(let s=o-(r>0?0:1);r>0?s<e.childCount:s>=0;s+=r){let a=e.child(s);if(a.isAtom){if(!i&&Re.isSelectable(a))return Re.create(t,n-(r<0?a.nodeSize:0))}else{let l=hv(t,a,n+r,r<0?a.childCount:0,r,i);if(l)return l}n+=a.nodeSize*r}return null}function oee(t,e,n){let o=t.steps.length-1;if(o<e)return;let r=t.steps[o];if(!(r instanceof Mi||r instanceof Tr))return;let i=t.mapping.maps[o],s;i.forEach((a,l,c,d)=>{s==null&&(s=d)}),t.setSelection(Xe.near(t.doc.resolve(s),n))}var ree=1,DA=2,iee=4,PU=class extends pv{constructor(e){super(e.doc),this.curSelectionFor=0,this.updated=0,this.meta=Object.create(null),this.time=Date.now(),this.curSelection=e.selection,this.storedMarks=e.storedMarks}get selection(){return this.curSelectionFor<this.steps.length&&(this.curSelection=this.curSelection.map(this.doc,this.mapping.slice(this.curSelectionFor)),this.curSelectionFor=this.steps.length),this.curSelection}setSelection(e){if(e.$from.doc!=this.doc)throw new RangeError("Selection passed to setSelection must point at the current document");return this.curSelection=e,this.curSelectionFor=this.steps.length,this.updated=(this.updated|ree)&~DA,this.storedMarks=null,this}get selectionSet(){return(this.updated&ree)>0}setStoredMarks(e){return this.storedMarks=e,this.updated|=DA,this}ensureMarks(e){return Qt.sameSet(this.storedMarks||this.selection.$from.marks(),e)||this.setStoredMarks(e),this}addStoredMark(e){return this.ensureMarks(e.addToSet(this.storedMarks||this.selection.$head.marks()))}removeStoredMark(e){return this.ensureMarks(e.removeFromSet(this.storedMarks||this.selection.$head.marks()))}get storedMarksSet(){return(this.updated&DA)>0}addStep(e,n){super.addStep(e,n),this.updated=this.updated&~DA,this.storedMarks=null}setTime(e){return this.time=e,this}replaceSelection(e){return this.selection.replace(this,e),this}replaceSelectionWith(e,n=!0){let o=this.selection;return n&&(e=e.mark(this.storedMarks||(o.empty?o.$from.marks():o.$from.marksAcross(o.$to)||Qt.none))),o.replaceWith(this,e),this}deleteSelection(){return this.selection.replace(this),this}insertText(e,n,o){let r=this.doc.type.schema;if(n==null)return e?this.replaceSelectionWith(r.text(e),!0):this.deleteSelection();{if(o==null&&(o=n),!e)return this.deleteRange(n,o);let i=this.storedMarks;if(!i){let s=this.doc.resolve(n);i=o==n?s.marks():s.marksAcross(this.doc.resolve(o))}return this.replaceRangeWith(n,o,r.text(e,i)),!this.selection.empty&&this.selection.to==n+e.length&&this.setSelection(Xe.near(this.selection.$to)),this}}setMeta(e,n){return this.meta[typeof e=="string"?e:e.key]=n,this}getMeta(e){return this.meta[typeof e=="string"?e:e.key]}get isGeneric(){for(let e in this.meta)return!1;return!0}scrollIntoView(){return this.updated|=iee,this}get scrolledIntoView(){return(this.updated&iee)>0}};function see(t,e){return!e||!t?t:t.bind(e)}var Vg=class{constructor(e,n,o){this.name=e,this.init=see(n.init,o),this.apply=see(n.apply,o)}},lEe=[new Vg("doc",{init(t){return t.doc||t.schema.topNodeType.createAndFill()},apply(t){return t.doc}}),new Vg("selection",{init(t,e){return t.selection||Xe.atStart(e.doc)},apply(t){return t.selection}}),new Vg("storedMarks",{init(t){return t.storedMarks||null},apply(t,e,n,o){return o.selection.$cursor?t.storedMarks:null}}),new Vg("scrollToSelection",{init(){return 0},apply(t,e){return t.scrolledIntoView?e+1:e}})],MC=class{constructor(e,n){this.schema=e,this.plugins=[],this.pluginsByKey=Object.create(null),this.fields=lEe.slice(),n&&n.forEach(o=>{if(this.pluginsByKey[o.key])throw new RangeError("Adding different instances of a keyed plugin ("+o.key+")");this.plugins.push(o),this.pluginsByKey[o.key]=o,o.spec.state&&this.fields.push(new Vg(o.key,o.spec.state,o))})}},AC=class t{constructor(e){this.config=e}get schema(){return this.config.schema}get plugins(){return this.config.plugins}apply(e){return this.applyTransaction(e).state}filterTransaction(e,n=-1){for(let o=0;o<this.config.plugins.length;o++)if(o!=n){let r=this.config.plugins[o];if(r.spec.filterTransaction&&!r.spec.filterTransaction.call(r,e,this))return!1}return!0}applyTransaction(e){if(!this.filterTransaction(e))return{state:this,transactions:[]};let n=[e],o=this.applyInner(e),r=null;for(;;){let i=!1;for(let s=0;s<this.config.plugins.length;s++){let a=this.config.plugins[s];if(a.spec.appendTransaction){let l=r?r[s].n:0,c=r?r[s].state:this,d=l<n.length&&a.spec.appendTransaction.call(a,l?n.slice(l):n,c,o);if(d&&o.filterTransaction(d,s)){if(d.setMeta("appendedTransaction",e),!r){r=[];for(let u=0;u<this.config.plugins.length;u++)r.push(u<s?{state:o,n:n.length}:{state:this,n:0})}n.push(d),o=o.applyInner(d),i=!0}r&&(r[s]={state:o,n:n.length})}}if(!i)return{state:o,transactions:n}}}applyInner(e){if(!e.before.eq(this.doc))throw new RangeError("Applying a mismatched transaction");let n=new t(this.config),o=this.config.fields;for(let r=0;r<o.length;r++){let i=o[r];n[i.name]=i.apply(e,this[i.name],this,n)}return n}get tr(){return new PU(this)}static create(e){let n=new MC(e.doc?e.doc.type.schema:e.schema,e.plugins),o=new t(n);for(let r=0;r<n.fields.length;r++)o[n.fields[r].name]=n.fields[r].init(e,o);return o}reconfigure(e){let n=new MC(this.schema,e.plugins),o=n.fields,r=new t(n);for(let i=0;i<o.length;i++){let s=o[i].name;r[s]=this.hasOwnProperty(s)?this[s]:o[i].init(e,r)}return r}toJSON(e){let n={doc:this.doc.toJSON(),selection:this.selection.toJSON()};if(this.storedMarks&&(n.storedMarks=this.storedMarks.map(o=>o.toJSON())),e&&typeof e=="object")for(let o in e){if(o=="doc"||o=="selection")throw new RangeError("The JSON fields `doc` and `selection` are reserved");let r=e[o],i=r.spec.state;i&&i.toJSON&&(n[o]=i.toJSON.call(r,this[r.key]))}return n}static fromJSON(e,n,o){if(!n)throw new RangeError("Invalid input for EditorState.fromJSON");if(!e.schema)throw new RangeError("Required config field 'schema' missing");let r=new MC(e.schema,e.plugins),i=new t(r);return r.fields.forEach(s=>{if(s.name=="doc")i.doc=si.fromJSON(e.schema,n.doc);else if(s.name=="selection")i.selection=Xe.fromJSON(i.doc,n.selection);else if(s.name=="storedMarks")n.storedMarks&&(i.storedMarks=n.storedMarks.map(e.schema.markFromJSON));else{if(o)for(let a in o){let l=o[a],c=l.spec.state;if(l.key==s.name&&c&&c.fromJSON&&Object.prototype.hasOwnProperty.call(n,a)){i[s.name]=c.fromJSON.call(l,e,n[a],i);return}}i[s.name]=s.init(e,i)}}),i}};function aee(t,e,n){for(let o in t){let r=t[o];r instanceof Function?r=r.bind(e):o=="handleDOMEvents"&&(r=aee(r,e,{})),n[o]=r}return n}var Ye=class{constructor(e){this.spec=e,this.props={},e.props&&aee(e.props,this,this.props),this.key=e.key?e.key.key:lee("plugin")}getState(e){return e[this.key]}},TU=Object.create(null);function lee(t){return t in TU?t+"$"+ ++TU[t]:(TU[t]=0,t+"$")}var Tt=class{constructor(e="key"){this.key=lee(e)}get(e){return e.config.pluginsByKey[this.key]}getState(e){return e[this.key]}};var uee=(t,e)=>t.selection.empty?!1:(e&&e(t.tr.deleteSelection().scrollIntoView()),!0);function dee(t,e){let{$cursor:n}=t.selection;return!n||(e?!e.endOfTextblock("backward",t):n.parentOffset>0)?null:n}var IU=(t,e,n)=>{let o=dee(t,n);if(!o)return!1;let r=MU(o);if(!r){let s=o.blockRange(),a=s&&np(s);return a==null?!1:(e&&e(t.tr.lift(s,a).scrollIntoView()),!0)}let i=r.nodeBefore;if(vee(t,r,e,-1))return!0;if(o.parent.content.size==0&&(mv(i,"end")||Re.isSelectable(i)))for(let s=o.depth;;s--){let a=_C(t.doc,o.before(s),o.after(s),ge.empty);if(a&&a.slice.size<a.to-a.from){if(e){let l=t.tr.step(a);l.setSelection(mv(i,"end")?Xe.findFrom(l.doc.resolve(l.mapping.map(r.pos,-1)),-1):Re.create(l.doc,r.pos-i.nodeSize)),e(l.scrollIntoView())}return!0}if(s==1||o.node(s-1).childCount>1)break}return i.isAtom&&r.depth==o.depth-1?(e&&e(t.tr.delete(r.pos-i.nodeSize,r.pos).scrollIntoView()),!0):!1},pee=(t,e,n)=>{let o=dee(t,n);if(!o)return!1;let r=MU(o);return r?hee(t,r,e):!1},fee=(t,e,n)=>{let o=mee(t,n);if(!o)return!1;let r=RU(o);return r?hee(t,r,e):!1};function hee(t,e,n){let o=e.nodeBefore,r=o,i=e.pos-1;for(;!r.isTextblock;i--){if(r.type.spec.isolating)return!1;let d=r.lastChild;if(!d)return!1;r=d}let s=e.nodeAfter,a=s,l=e.pos+1;for(;!a.isTextblock;l++){if(a.type.spec.isolating)return!1;let d=a.firstChild;if(!d)return!1;a=d}let c=_C(t.doc,i,l,ge.empty);if(!c||c.from!=i||c instanceof Mi&&c.slice.size>=l-i)return!1;if(n){let d=t.tr.step(c);d.setSelection(Ie.create(d.doc,i)),n(d.scrollIntoView())}return!0}function mv(t,e,n=!1){for(let o=t;o;o=e=="start"?o.firstChild:o.lastChild){if(o.isTextblock)return!0;if(n&&o.childCount!=1)return!1}return!1}var _U=(t,e,n)=>{let{$head:o,empty:r}=t.selection,i=o;if(!r)return!1;if(o.parent.isTextblock){if(n?!n.endOfTextblock("backward",t):o.parentOffset>0)return!1;i=MU(o)}let s=i&&i.nodeBefore;return!s||!Re.isSelectable(s)?!1:(e&&e(t.tr.setSelection(Re.create(t.doc,i.pos-s.nodeSize)).scrollIntoView()),!0)};function MU(t){if(!t.parent.type.spec.isolating)for(let e=t.depth-1;e>=0;e--){if(t.index(e)>0)return t.doc.resolve(t.before(e+1));if(t.node(e).type.spec.isolating)break}return null}function mee(t,e){let{$cursor:n}=t.selection;return!n||(e?!e.endOfTextblock("forward",t):n.parentOffset<n.parent.content.size)?null:n}var AU=(t,e,n)=>{let o=mee(t,n);if(!o)return!1;let r=RU(o);if(!r)return!1;let i=r.nodeAfter;if(vee(t,r,e,1))return!0;if(o.parent.content.size==0&&(mv(i,"start")||Re.isSelectable(i))){let s=_C(t.doc,o.before(),o.after(),ge.empty);if(s&&s.slice.size<s.to-s.from){if(e){let a=t.tr.step(s);a.setSelection(mv(i,"start")?Xe.findFrom(a.doc.resolve(a.mapping.map(r.pos)),1):Re.create(a.doc,a.mapping.map(r.pos))),e(a.scrollIntoView())}return!0}}return i.isAtom&&r.depth==o.depth-1?(e&&e(t.tr.delete(r.pos,r.pos+i.nodeSize).scrollIntoView()),!0):!1},kU=(t,e,n)=>{let{$head:o,empty:r}=t.selection,i=o;if(!r)return!1;if(o.parent.isTextblock){if(n?!n.endOfTextblock("forward",t):o.parentOffset<o.parent.content.size)return!1;i=RU(o)}let s=i&&i.nodeAfter;return!s||!Re.isSelectable(s)?!1:(e&&e(t.tr.setSelection(Re.create(t.doc,i.pos)).scrollIntoView()),!0)};function RU(t){if(!t.parent.type.spec.isolating)for(let e=t.depth-1;e>=0;e--){let n=t.node(e);if(t.index(e)+1<n.childCount)return t.doc.resolve(t.after(e+1));if(n.type.spec.isolating)break}return null}var gee=(t,e)=>{let n=t.selection,o=n instanceof Re,r;if(o){if(n.node.isTextblock||!Pl(t.doc,n.from))return!1;r=n.from}else if(r=Hg(t.doc,n.from,-1),r==null)return!1;if(e){let i=t.tr.join(r);o&&i.setSelection(Re.create(i.doc,r-t.doc.resolve(r).nodeBefore.nodeSize)),e(i.scrollIntoView())}return!0},yee=(t,e)=>{let n=t.selection,o;if(n instanceof Re){if(n.node.isTextblock||!Pl(t.doc,n.to))return!1;o=n.to}else if(o=Hg(t.doc,n.to,1),o==null)return!1;return e&&e(t.tr.join(o).scrollIntoView()),!0},See=(t,e)=>{let{$from:n,$to:o}=t.selection,r=n.blockRange(o),i=r&&np(r);return i==null?!1:(e&&e(t.tr.lift(r,i).scrollIntoView()),!0)},DU=(t,e)=>{let{$head:n,$anchor:o}=t.selection;return!n.parent.type.spec.code||!n.sameParent(o)?!1:(e&&e(t.tr.insertText(`
+`).scrollIntoView()),!0)};function OU(t){for(let e=0;e<t.edgeCount;e++){let{type:n}=t.edge(e);if(n.isTextblock&&!n.hasRequiredAttrs())return n}return null}var LU=(t,e)=>{let{$head:n,$anchor:o}=t.selection;if(!n.parent.type.spec.code||!n.sameParent(o))return!1;let r=n.node(-1),i=n.indexAfter(-1),s=OU(r.contentMatchAt(i));if(!s||!r.canReplaceWith(i,i,s))return!1;if(e){let a=n.after(),l=t.tr.replaceWith(a,a,s.createAndFill());l.setSelection(Xe.near(l.doc.resolve(a),1)),e(l.scrollIntoView())}return!0},NU=(t,e)=>{let n=t.selection,{$from:o,$to:r}=n;if(n instanceof ws||o.parent.inlineContent||r.parent.inlineContent)return!1;let i=OU(r.parent.contentMatchAt(r.indexAfter()));if(!i||!i.isTextblock)return!1;if(e){let s=(!o.parentOffset&&r.index()<r.parent.childCount?o:r).pos,a=t.tr.insert(s,i.createAndFill());a.setSelection(Ie.create(a.doc,s+1)),e(a.scrollIntoView())}return!0},FU=(t,e)=>{let{$cursor:n}=t.selection;if(!n||n.parent.content.size)return!1;if(n.depth>1&&n.after()!=n.end(-1)){let i=n.before();if(Ya(t.doc,i))return e&&e(t.tr.split(i).scrollIntoView()),!0}let o=n.blockRange(),r=o&&np(o);return r==null?!1:(e&&e(t.tr.lift(o,r).scrollIntoView()),!0)};function cEe(t){return(e,n)=>{let{$from:o,$to:r}=e.selection;if(e.selection instanceof Re&&e.selection.node.isBlock)return!o.parentOffset||!Ya(e.doc,o.pos)?!1:(n&&n(e.tr.split(o.pos).scrollIntoView()),!0);if(!o.depth)return!1;let i=[],s,a,l=!1,c=!1;for(let f=o.depth;;f--)if(o.node(f).isBlock){l=o.end(f)==o.pos+(o.depth-f),c=o.start(f)==o.pos-(o.depth-f),a=OU(o.node(f-1).contentMatchAt(o.indexAfter(f-1)));let g=t&&t(r.parent,l,o);i.unshift(g||(l&&a?{type:a}:null)),s=f;break}else{if(f==1)return!1;i.unshift(null)}let d=e.tr;(e.selection instanceof Ie||e.selection instanceof ws)&&d.deleteSelection();let u=d.mapping.map(o.pos),p=Ya(d.doc,u,i.length,i);if(p||(i[0]=a?{type:a}:null,p=Ya(d.doc,u,i.length,i)),!p)return!1;if(d.split(u,i.length,i),!l&&c&&o.node(s).type!=a){let f=d.mapping.map(o.before(s)),h=d.doc.resolve(f);a&&o.node(s-1).canReplaceWith(h.index(),h.index()+1,a)&&d.setNodeMarkup(d.mapping.map(o.before(s)),a)}return n&&n(d.scrollIntoView()),!0}}var uEe=cEe();var bee=(t,e)=>{let{$from:n,to:o}=t.selection,r,i=n.sharedDepth(o);return i==0?!1:(r=n.before(i),e&&e(t.tr.setSelection(Re.create(t.doc,r))),!0)},dEe=(t,e)=>(e&&e(t.tr.setSelection(new ws(t.doc))),!0);function pEe(t,e,n){let o=e.nodeBefore,r=e.nodeAfter,i=e.index();return!o||!r||!o.type.compatibleContent(r.type)?!1:!o.content.size&&e.parent.canReplace(i-1,i)?(n&&n(t.tr.delete(e.pos-o.nodeSize,e.pos).scrollIntoView()),!0):!e.parent.canReplace(i,i+1)||!(r.isTextblock||Pl(t.doc,e.pos))?!1:(n&&n(t.tr.join(e.pos).scrollIntoView()),!0)}function vee(t,e,n,o){let r=e.nodeBefore,i=e.nodeAfter,s,a,l=r.type.spec.isolating||i.type.spec.isolating;if(!l&&pEe(t,e,n))return!0;let c=!l&&e.parent.canReplace(e.index(),e.index()+1);if(c&&(s=(a=r.contentMatchAt(r.childCount)).findWrapping(i.type))&&a.matchType(s[0]||i.type).validEnd){if(n){let f=e.pos+i.nodeSize,h=re.empty;for(let m=s.length-1;m>=0;m--)h=re.from(s[m].create(null,h));h=re.from(r.copy(h));let g=t.tr.step(new Tr(e.pos-1,f,e.pos,f,new ge(h,1,0),s.length,!0)),y=g.doc.resolve(f+2*s.length);y.nodeAfter&&y.nodeAfter.type==r.type&&Pl(g.doc,y.pos)&&g.join(y.pos),n(g.scrollIntoView())}return!0}let d=i.type.spec.isolating||o>0&&l?null:Xe.findFrom(e,1),u=d&&d.$from.blockRange(d.$to),p=u&&np(u);if(p!=null&&p>=e.depth)return n&&n(t.tr.lift(u,p).scrollIntoView()),!0;if(c&&mv(i,"start",!0)&&mv(r,"end")){let f=r,h=[];for(;h.push(f),!f.isTextblock;)f=f.lastChild;let g=i,y=1;for(;!g.isTextblock;g=g.firstChild)y++;if(f.canReplace(f.childCount,f.childCount,g.content)){if(n){let m=re.empty;for(let b=h.length-1;b>=0;b--)m=re.from(h[b].copy(m));let S=t.tr.step(new Tr(e.pos-h.length,e.pos+i.nodeSize,e.pos+y,e.pos+i.nodeSize-y,new ge(m,h.length,0),0,!0));n(S.scrollIntoView())}return!0}}return!1}function wee(t){return function(e,n){let o=e.selection,r=t<0?o.$from:o.$to,i=r.depth;for(;r.node(i).isInline;){if(!i)return!1;i--}return r.node(i).isTextblock?(n&&n(e.tr.setSelection(Ie.create(e.doc,t<0?r.start(i):r.end(i)))),!0):!1}}var BU=wee(-1),zU=wee(1);function xee(t,e=null){return function(n,o){let{$from:r,$to:i}=n.selection,s=r.blockRange(i),a=s&&fv(s,t,e);return a?(o&&o(n.tr.wrap(s,a).scrollIntoView()),!0):!1}}function UU(t,e=null){return function(n,o){let r=!1;for(let i=0;i<n.selection.ranges.length&&!r;i++){let{$from:{pos:s},$to:{pos:a}}=n.selection.ranges[i];n.doc.nodesBetween(s,a,(l,c)=>{if(r)return!1;if(!(!l.isTextblock||l.hasMarkup(t,e)))if(l.type==t)r=!0;else{let d=n.doc.resolve(c),u=d.index();r=d.parent.canReplaceWith(u,u+1,t)}})}if(!r)return!1;if(o){let i=n.tr;for(let s=0;s<n.selection.ranges.length;s++){let{$from:{pos:a},$to:{pos:l}}=n.selection.ranges[s];i.setBlockType(a,l,t,e)}o(i.scrollIntoView())}return!0}}function HU(...t){return function(e,n,o){for(let r=0;r<t.length;r++)if(t[r](e,n,o))return!0;return!1}}var EU=HU(uee,IU,_U),cee=HU(uee,AU,kU),bh={Enter:HU(DU,NU,FU,uEe),"Mod-Enter":LU,Backspace:EU,"Mod-Backspace":EU,"Shift-Backspace":EU,Delete:cee,"Mod-Delete":cee,"Mod-a":dEe},fEe={"Ctrl-h":bh.Backspace,"Alt-Backspace":bh["Mod-Backspace"],"Ctrl-d":bh.Delete,"Ctrl-Alt-Backspace":bh["Mod-Delete"],"Alt-Delete":bh["Mod-Delete"],"Alt-d":bh["Mod-Delete"],"Ctrl-a":BU,"Ctrl-e":zU};for(let t in bh)fEe[t]=bh[t];var Bst=typeof navigator<"u"?/Mac|iP(hone|[oa]d)/.test(navigator.platform):typeof os<"u"&&os.platform?os.platform()=="darwin":!1;function Tee(t,e=null){return function(n,o){let{$from:r,$to:i}=n.selection,s=r.blockRange(i);if(!s)return!1;let a=o?n.tr:null;return hEe(a,s,t,e)?(o&&o(a.scrollIntoView()),!0):!1}}function hEe(t,e,n,o=null){let r=!1,i=e,s=e.$from.doc;if(e.depth>=2&&e.$from.node(e.depth-1).type.compatibleContent(n)&&e.startIndex==0){if(e.$from.index(e.depth-1)==0)return!1;let l=s.resolve(e.start-2);i=new zg(l,l,e.depth),e.endIndex<e.parent.childCount&&(e=new zg(e.$from,s.resolve(e.$to.end(e.depth)),e.depth)),r=!0}let a=fv(i,n,o,e);return a?(t&&mEe(t,e,a,r,n),!0):!1}function mEe(t,e,n,o,r){let i=re.empty;for(let d=n.length-1;d>=0;d--)i=re.from(n[d].type.create(n[d].attrs,i));t.step(new Tr(e.start-(o?2:0),e.end,e.start,e.end,new ge(i,0,0),n.length,!0));let s=0;for(let d=0;d<n.length;d++)n[d].type==r&&(s=d+1);let a=n.length-s,l=e.start+n.length-(o?2:0),c=e.parent;for(let d=e.startIndex,u=e.endIndex,p=!0;d<u;d++,p=!1)!p&&Ya(t.doc,l,a)&&(t.split(l,a),l+=2*a),l+=c.child(d).nodeSize;return t}function Cee(t){return function(e,n){let{$from:o,$to:r}=e.selection,i=o.blockRange(r,s=>s.childCount>0&&s.firstChild.type==t);return i?n?o.node(i.depth-1).type==t?gEe(e,n,t,i):yEe(e,n,i):!0:!1}}function gEe(t,e,n,o){let r=t.tr,i=o.end,s=o.$to.end(o.depth);i<s&&(r.step(new Tr(i-1,s,i,s,new ge(re.from(n.create(null,o.parent.copy())),1,0),1,!0)),o=new zg(r.doc.resolve(o.$from.pos),r.doc.resolve(s),o.depth));let a=np(o);if(a==null)return!1;r.lift(o,a);let l=r.doc.resolve(r.mapping.map(i,-1)-1);return Pl(r.doc,l.pos)&&l.nodeBefore.type==l.nodeAfter.type&&r.join(l.pos),e(r.scrollIntoView()),!0}function yEe(t,e,n){let o=t.tr,r=n.parent;for(let f=n.end,h=n.endIndex-1,g=n.startIndex;h>g;h--)f-=r.child(h).nodeSize,o.delete(f-1,f+1);let i=o.doc.resolve(n.start),s=i.nodeAfter;if(o.mapping.map(n.end)!=n.start+i.nodeAfter.nodeSize)return!1;let a=n.startIndex==0,l=n.endIndex==r.childCount,c=i.node(-1),d=i.index(-1);if(!c.canReplace(d+(a?0:1),d+1,s.content.append(l?re.empty:re.from(r))))return!1;let u=i.pos,p=u+s.nodeSize;return o.step(new Tr(u-(a?1:0),p+(l?1:0),u+1,p-1,new ge((a?re.empty:re.from(r.copy(re.empty))).append(l?re.empty:re.from(r.copy(re.empty))),a?0:1,l?0:1),a?0:1)),e(o.scrollIntoView()),!0}function Pee(t){return function(e,n){let{$from:o,$to:r}=e.selection,i=o.blockRange(r,c=>c.childCount>0&&c.firstChild.type==t);if(!i)return!1;let s=i.startIndex;if(s==0)return!1;let a=i.parent,l=a.child(s-1);if(l.type!=t)return!1;if(n){let c=l.lastChild&&l.lastChild.type==a.type,d=re.from(c?t.create():null),u=new ge(re.from(t.create(null,re.from(a.type.create(null,d)))),c?3:1,0),p=i.start,f=i.end;n(e.tr.step(new Tr(p-(c?3:1),f,p,f,u,1,!0)).scrollIntoView())}return!0}}var Ai=function(t){for(var e=0;;e++)if(t=t.previousSibling,!t)return e},bv=function(t){let e=t.assignedSlot||t.parentNode;return e&&e.nodeType==11?e.host:e},WU=null,rp=function(t,e,n){let o=WU||(WU=document.createRange());return o.setEnd(t,n??t.nodeValue.length),o.setStart(t,e||0),o},SEe=function(){WU=null},Xg=function(t,e,n,o){return n&&(Eee(t,e,n,o,-1)||Eee(t,e,n,o,1))},bEe=/^(img|br|input|textarea|hr)$/i;function Eee(t,e,n,o,r){for(var i;;){if(t==n&&e==o)return!0;if(e==(r<0?0:Il(t))){let s=t.parentNode;if(!s||s.nodeType!=1||BC(t)||bEe.test(t.nodeName)||t.contentEditable=="false")return!1;e=Ai(t)+(r<0?0:1),t=s}else if(t.nodeType==1){let s=t.childNodes[e+(r<0?-1:0)];if(s.nodeType==1&&s.contentEditable=="false")if(!((i=s.pmViewDesc)===null||i===void 0)&&i.ignoreForSelection)e+=r;else return!1;else t=s,e=r<0?Il(t):0}else return!1}}function Il(t){return t.nodeType==3?t.nodeValue.length:t.childNodes.length}function vEe(t,e){for(;;){if(t.nodeType==3&&e)return t;if(t.nodeType==1&&e>0){if(t.contentEditable=="false")return null;t=t.childNodes[e-1],e=Il(t)}else if(t.parentNode&&!BC(t))e=Ai(t),t=t.parentNode;else return null}}function wEe(t,e){for(;;){if(t.nodeType==3&&e<t.nodeValue.length)return t;if(t.nodeType==1&&e<t.childNodes.length){if(t.contentEditable=="false")return null;t=t.childNodes[e],e=0}else if(t.parentNode&&!BC(t))e=Ai(t)+1,t=t.parentNode;else return null}}function xEe(t,e,n){for(let o=e==0,r=e==Il(t);o||r;){if(t==n)return!0;let i=Ai(t);if(t=t.parentNode,!t)return!1;o=o&&i==0,r=r&&i==Il(t)}}function BC(t){let e;for(let n=t;n&&!(e=n.pmViewDesc);n=n.parentNode);return e&&e.node&&e.node.isBlock&&(e.dom==t||e.contentDOM==t)}var WA=function(t){return t.focusNode&&Xg(t.focusNode,t.focusOffset,t.anchorNode,t.anchorOffset)};function jg(t,e){let n=document.createEvent("Event");return n.initEvent("keydown",!0,!0),n.keyCode=t,n.key=n.code=e,n}function TEe(t){let e=t.activeElement;for(;e&&e.shadowRoot;)e=e.shadowRoot.activeElement;return e}function CEe(t,e,n){if(t.caretPositionFromPoint)try{let o=t.caretPositionFromPoint(e,n);if(o)return{node:o.offsetNode,offset:Math.min(Il(o.offsetNode),o.offset)}}catch{}if(t.caretRangeFromPoint){let o=t.caretRangeFromPoint(e,n);if(o)return{node:o.startContainer,offset:Math.min(Il(o.startContainer),o.startOffset)}}}var yu=typeof navigator<"u"?navigator:null,Iee=typeof document<"u"?document:null,Ch=yu&&yu.userAgent||"",YU=/Edge\/(\d+)/.exec(Ch),nte=/MSIE \d/.exec(Ch),qU=/Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(Ch),ea=!!(nte||qU||YU),xh=nte?document.documentMode:qU?+qU[1]:YU?+YU[1]:0,_l=!ea&&/gecko\/(\d+)/i.test(Ch);_l&&+(/Firefox\/(\d+)/.exec(Ch)||[0,0])[1];var XU=!ea&&/Chrome\/(\d+)/.exec(Ch),ki=!!XU,ote=XU?+XU[1]:0,es=!ea&&!!yu&&/Apple Computer/.test(yu.vendor),vv=es&&(/Mobile\/\w+/.test(Ch)||!!yu&&yu.maxTouchPoints>2),El=vv||(yu?/Mac/.test(yu.platform):!1),rte=yu?/Win/.test(yu.platform):!1,ip=/Android \d/.test(Ch),zC=!!Iee&&"webkitFontSmoothing"in Iee.documentElement.style,PEe=zC?+(/\bAppleWebKit\/(\d+)/.exec(navigator.userAgent)||[0,0])[1]:0;function EEe(t){let e=t.defaultView&&t.defaultView.visualViewport;return e?{left:0,right:e.width,top:0,bottom:e.height}:{left:0,right:t.documentElement.clientWidth,top:0,bottom:t.documentElement.clientHeight}}function op(t,e){return typeof t=="number"?t:t[e]}function IEe(t){let e=t.getBoundingClientRect(),n=e.width/t.offsetWidth||1,o=e.height/t.offsetHeight||1;return{left:e.left,right:e.left+t.clientWidth*n,top:e.top,bottom:e.top+t.clientHeight*o}}function _ee(t,e,n){if(!ZU(e)&&e.left==0)return;let o=t.someProp("scrollThreshold")||0,r=t.someProp("scrollMargin")||5,i=t.dom.ownerDocument;for(let s=n||t.dom;s;){if(s.nodeType!=1){s=bv(s);continue}let a=s,l=a==i.body,c=l?EEe(i):IEe(a),d=0,u=0;if(e.top<c.top+op(o,"top")?u=-(c.top-e.top+op(r,"top")):e.bottom>c.bottom-op(o,"bottom")&&(u=e.bottom-e.top>c.bottom-c.top?e.top+op(r,"top")-c.top:e.bottom-c.bottom+op(r,"bottom")),e.left<c.left+op(o,"left")?d=-(c.left-e.left+op(r,"left")):e.right>c.right-op(o,"right")&&(d=e.right-c.right+op(r,"right")),d||u)if(l)i.defaultView.scrollBy(d,u);else{let f=a.scrollLeft,h=a.scrollTop;u&&(a.scrollTop+=u),d&&(a.scrollLeft+=d);let g=a.scrollLeft-f,y=a.scrollTop-h;e={left:e.left-g,top:e.top-y,right:e.right-g,bottom:e.bottom-y}}let p=l?"fixed":getComputedStyle(s).position;if(/^(fixed|sticky)$/.test(p))break;s=p=="absolute"?s.offsetParent:bv(s)}}function _Ee(t){let e=t.dom.getBoundingClientRect(),n=Math.max(0,e.top),o,r;for(let i=(e.left+e.right)/2,s=n+1;s<Math.min(innerHeight,e.bottom);s+=5){let a=t.root.elementFromPoint(i,s);if(!a||a==t.dom||!t.dom.contains(a))continue;let l=a.getBoundingClientRect();if(l.top>=n-20){o=a,r=l.top;break}}return{refDOM:o,refTop:r,stack:ite(t.dom)}}function ite(t){let e=[],n=t.ownerDocument;for(let o=t;o&&(e.push({dom:o,top:o.scrollTop,left:o.scrollLeft}),t!=n);o=bv(o));return e}function MEe({refDOM:t,refTop:e,stack:n}){let o=t?t.getBoundingClientRect().top:0;ste(n,o==0?0:o-e)}function ste(t,e){for(let n=0;n<t.length;n++){let{dom:o,top:r,left:i}=t[n];o.scrollTop!=r+e&&(o.scrollTop=r+e),o.scrollLeft!=i&&(o.scrollLeft=i)}}var gv=null;function AEe(t){if(t.setActive)return t.setActive();if(gv)return t.focus(gv);let e=ite(t);t.focus(gv==null?{get preventScroll(){return gv={preventScroll:!0},!0}}:void 0),gv||(gv=!1,ste(e,0))}function ate(t,e){let n,o=2e8,r,i=0,s=e.top,a=e.top,l,c;for(let d=t.firstChild,u=0;d;d=d.nextSibling,u++){let p;if(d.nodeType==1)p=d.getClientRects();else if(d.nodeType==3)p=rp(d).getClientRects();else continue;for(let f=0;f<p.length;f++){let h=p[f];if(h.top<=s&&h.bottom>=a){s=Math.max(h.bottom,s),a=Math.min(h.top,a);let g=h.left>e.left?h.left-e.left:h.right<e.left?e.left-h.right:0;if(g<o){n=d,o=g,r=g&&n.nodeType==3?{left:h.right<e.left?h.right:h.left,top:e.top}:e,d.nodeType==1&&g&&(i=u+(e.left>=(h.left+h.right)/2?1:0));continue}}else h.top>e.top&&!l&&h.left<=e.left&&h.right>=e.left&&(l=d,c={left:Math.max(h.left,Math.min(h.right,e.left)),top:h.top});!n&&(e.left>=h.right&&e.top>=h.top||e.left>=h.left&&e.top>=h.bottom)&&(i=u+1)}}return!n&&l&&(n=l,r=c,o=0),n&&n.nodeType==3?kEe(n,r):!n||o&&n.nodeType==1?{node:t,offset:i}:ate(n,r)}function kEe(t,e){let n=t.nodeValue.length,o=document.createRange(),r;for(let i=0;i<n;i++){o.setEnd(t,i+1),o.setStart(t,i);let s=vh(o,1);if(s.top!=s.bottom&&f5(e,s)){r={node:t,offset:i+(e.left>=(s.left+s.right)/2?1:0)};break}}return o.detach(),r||{node:t,offset:0}}function f5(t,e){return t.left>=e.left-1&&t.left<=e.right+1&&t.top>=e.top-1&&t.top<=e.bottom+1}function REe(t,e){let n=t.parentNode;return n&&/^li$/i.test(n.nodeName)&&e.left<t.getBoundingClientRect().left?n:t}function DEe(t,e,n){let{node:o,offset:r}=ate(e,n),i=-1;if(o.nodeType==1&&!o.firstChild){let s=o.getBoundingClientRect();i=s.left!=s.right&&n.left>(s.left+s.right)/2?1:-1}return t.docView.posFromDOM(o,r,i)}function OEe(t,e,n,o){let r=-1;for(let i=e,s=!1;i!=t.dom;){let a=t.docView.nearestDesc(i,!0),l;if(!a)return null;if(a.dom.nodeType==1&&(a.node.isBlock&&a.parent||!a.contentDOM)&&((l=a.dom.getBoundingClientRect()).width||l.height)&&(a.node.isBlock&&a.parent&&!/^T(R|BODY|HEAD|FOOT)$/.test(a.dom.nodeName)&&(!s&&l.left>o.left||l.top>o.top?r=a.posBefore:(!s&&l.right<o.left||l.bottom<o.top)&&(r=a.posAfter),s=!0),!a.contentDOM&&r<0&&!a.node.isText))return(a.node.isBlock?o.top<(l.top+l.bottom)/2:o.left<(l.left+l.right)/2)?a.posBefore:a.posAfter;i=a.dom.parentNode}return r>-1?r:t.docView.posFromDOM(e,n,-1)}function lte(t,e,n){let o=t.childNodes.length;if(o&&n.top<n.bottom)for(let r=Math.max(0,Math.min(o-1,Math.floor(o*(e.top-n.top)/(n.bottom-n.top))-2)),i=r;;){let s=t.childNodes[i];if(s.nodeType==1){let a=s.getClientRects();for(let l=0;l<a.length;l++){let c=a[l];if(f5(e,c))return lte(s,e,c)}}if((i=(i+1)%o)==r)break}return t}function LEe(t,e){let n=t.dom.ownerDocument,o,r=0,i=CEe(n,e.left,e.top);i&&({node:o,offset:r}=i);let s=(t.root.elementFromPoint?t.root:n).elementFromPoint(e.left,e.top),a;if(!s||!t.dom.contains(s.nodeType!=1?s.parentNode:s)){let c=t.dom.getBoundingClientRect();if(!f5(e,c)||(s=lte(t.dom,e,c),!s))return null}if(es)for(let c=s;o&&c;c=bv(c))c.draggable&&(o=void 0);if(s=REe(s,e),o){if(_l&&o.nodeType==1&&(r=Math.min(r,o.childNodes.length),r<o.childNodes.length)){let d=o.childNodes[r],u;d.nodeName=="IMG"&&(u=d.getBoundingClientRect()).right<=e.left&&u.bottom>e.top&&r++}let c;zC&&r&&o.nodeType==1&&(c=o.childNodes[r-1]).nodeType==1&&c.contentEditable=="false"&&c.getBoundingClientRect().top>=e.top&&r--,o==t.dom&&r==o.childNodes.length-1&&o.lastChild.nodeType==1&&e.top>o.lastChild.getBoundingClientRect().bottom?a=t.state.doc.content.size:(r==0||o.nodeType!=1||o.childNodes[r-1].nodeName!="BR")&&(a=OEe(t,o,r,e))}a==null&&(a=DEe(t,s,e));let l=t.docView.nearestDesc(s,!0);return{pos:a,inside:l?l.posAtStart-l.border:-1}}function ZU(t){return t.top<t.bottom||t.left<t.right}function vh(t,e){let n=t.getClientRects();if(n.length){let o=n[e<0?0:n.length-1];if(ZU(o))return o}return Array.prototype.find.call(n,ZU)||t.getBoundingClientRect()}var NEe=/[\u0590-\u05f4\u0600-\u06ff\u0700-\u08ac]/;function cte(t,e,n){let{node:o,offset:r,atom:i}=t.docView.domFromPos(e,n<0?-1:1),s=zC||_l;if(o.nodeType==3)if(s&&(NEe.test(o.nodeValue)||(n<0?!r:r==o.nodeValue.length))){let l=vh(rp(o,r,r),n);if(_l&&r&&/\s/.test(o.nodeValue[r-1])&&r<o.nodeValue.length){let c=vh(rp(o,r-1,r-1),-1);if(c.top==l.top){let d=vh(rp(o,r,r+1),-1);if(d.top!=l.top)return kC(d,d.left<c.left)}}return l}else{let l=r,c=r,d=n<0?1:-1;return n<0&&!r?(c++,d=-1):n>=0&&r==o.nodeValue.length?(l--,d=1):n<0?l--:c++,kC(vh(rp(o,l,c),d),d<0)}if(!t.state.doc.resolve(e-(i||0)).parent.inlineContent){if(i==null&&r&&(n<0||r==Il(o))){let l=o.childNodes[r-1];if(l.nodeType==1)return VU(l.getBoundingClientRect(),!1)}if(i==null&&r<Il(o)){let l=o.childNodes[r];if(l.nodeType==1)return VU(l.getBoundingClientRect(),!0)}return VU(o.getBoundingClientRect(),n>=0)}if(i==null&&r&&(n<0||r==Il(o))){let l=o.childNodes[r-1],c=l.nodeType==3?rp(l,Il(l)-(s?0:1)):l.nodeType==1&&(l.nodeName!="BR"||!l.nextSibling)?l:null;if(c)return kC(vh(c,1),!1)}if(i==null&&r<Il(o)){let l=o.childNodes[r];for(;l.pmViewDesc&&l.pmViewDesc.ignoreForCoords;)l=l.nextSibling;let c=l?l.nodeType==3?rp(l,0,s?0:1):l.nodeType==1?l:null:null;if(c)return kC(vh(c,-1),!0)}return kC(vh(o.nodeType==3?rp(o):o,-n),n>=0)}function kC(t,e){if(t.width==0)return t;let n=e?t.left:t.right;return{top:t.top,bottom:t.bottom,left:n,right:n}}function VU(t,e){if(t.height==0)return t;let n=e?t.top:t.bottom;return{top:n,bottom:n,left:t.left,right:t.right}}function ute(t,e,n){let o=t.state,r=t.root.activeElement;o!=e&&t.updateState(e),r!=t.dom&&t.focus();try{return n()}finally{o!=e&&t.updateState(o),r!=t.dom&&r&&r.focus()}}function FEe(t,e,n){let o=e.selection,r=n=="up"?o.$from:o.$to;return ute(t,e,()=>{let{node:i}=t.docView.domFromPos(r.pos,n=="up"?-1:1);for(;;){let a=t.docView.nearestDesc(i,!0);if(!a)break;if(a.node.isBlock){i=a.contentDOM||a.dom;break}i=a.dom.parentNode}let s=cte(t,r.pos,1);for(let a=i.firstChild;a;a=a.nextSibling){let l;if(a.nodeType==1)l=a.getClientRects();else if(a.nodeType==3)l=rp(a,0,a.nodeValue.length).getClientRects();else continue;for(let c=0;c<l.length;c++){let d=l[c];if(d.bottom>d.top+1&&(n=="up"?s.top-d.top>(d.bottom-s.top)*2:d.bottom-s.bottom>(s.bottom-d.top)*2))return!1}}return!0})}var BEe=/[\u0590-\u08ac]/;function zEe(t,e,n){let{$head:o}=e.selection;if(!o.parent.isTextblock)return!1;let r=o.parentOffset,i=!r,s=r==o.parent.content.size,a=t.domSelection();return a?!BEe.test(o.parent.textContent)||!a.modify?n=="left"||n=="backward"?i:s:ute(t,e,()=>{let{focusNode:l,focusOffset:c,anchorNode:d,anchorOffset:u}=t.domSelectionRange(),p=a.caretBidiLevel;a.modify("move",n,"character");let f=o.depth?t.docView.domAfterPos(o.before()):t.dom,{focusNode:h,focusOffset:g}=t.domSelectionRange(),y=h&&!f.contains(h.nodeType==1?h:h.parentNode)||l==h&&c==g;try{a.collapse(d,u),l&&(l!=d||c!=u)&&a.extend&&a.extend(l,c)}catch{}return p!=null&&(a.caretBidiLevel=p),y}):o.pos==o.start()||o.pos==o.end()}var Mee=null,Aee=null,kee=!1;function UEe(t,e,n){return Mee==e&&Aee==n?kee:(Mee=e,Aee=n,kee=n=="up"||n=="down"?FEe(t,e,n):zEe(t,e,n))}var Ml=0,Ree=1,$g=2,bc=3,Zg=class{constructor(e,n,o,r){this.parent=e,this.children=n,this.dom=o,this.contentDOM=r,this.dirty=Ml,o.pmViewDesc=this}matchesWidget(e){return!1}matchesMark(e){return!1}matchesNode(e,n,o){return!1}matchesHack(e){return!1}parseRule(e){return null}stopEvent(e){return!1}get size(){let e=0;for(let n=0;n<this.children.length;n++)e+=this.children[n].size;return e}get border(){return 0}destroy(){this.parent=void 0,this.dom.pmViewDesc==this&&(this.dom.pmViewDesc=void 0);for(let e=0;e<this.children.length;e++)this.children[e].destroy()}posBeforeChild(e){for(let n=0,o=this.posAtStart;;n++){let r=this.children[n];if(r==e)return o;o+=r.size}}get posBefore(){return this.parent.posBeforeChild(this)}get posAtStart(){return this.parent?this.parent.posBeforeChild(this)+this.border:0}get posAfter(){return this.posBefore+this.size}get posAtEnd(){return this.posAtStart+this.size-2*this.border}localPosFromDOM(e,n,o){if(this.contentDOM&&this.contentDOM.contains(e.nodeType==1?e:e.parentNode))if(o<0){let i,s;if(e==this.contentDOM)i=e.childNodes[n-1];else{for(;e.parentNode!=this.contentDOM;)e=e.parentNode;i=e.previousSibling}for(;i&&!((s=i.pmViewDesc)&&s.parent==this);)i=i.previousSibling;return i?this.posBeforeChild(s)+s.size:this.posAtStart}else{let i,s;if(e==this.contentDOM)i=e.childNodes[n];else{for(;e.parentNode!=this.contentDOM;)e=e.parentNode;i=e.nextSibling}for(;i&&!((s=i.pmViewDesc)&&s.parent==this);)i=i.nextSibling;return i?this.posBeforeChild(s):this.posAtEnd}let r;if(e==this.dom&&this.contentDOM)r=n>Ai(this.contentDOM);else if(this.contentDOM&&this.contentDOM!=this.dom&&this.dom.contains(this.contentDOM))r=e.compareDocumentPosition(this.contentDOM)&2;else if(this.dom.firstChild){if(n==0)for(let i=e;;i=i.parentNode){if(i==this.dom){r=!1;break}if(i.previousSibling)break}if(r==null&&n==e.childNodes.length)for(let i=e;;i=i.parentNode){if(i==this.dom){r=!0;break}if(i.nextSibling)break}}return r??o>0?this.posAtEnd:this.posAtStart}nearestDesc(e,n=!1){for(let o=!0,r=e;r;r=r.parentNode){let i=this.getDesc(r),s;if(i&&(!n||i.node))if(o&&(s=i.nodeDOM)&&!(s.nodeType==1?s.contains(e.nodeType==1?e:e.parentNode):s==e))o=!1;else return i}}getDesc(e){let n=e.pmViewDesc;for(let o=n;o;o=o.parent)if(o==this)return n}posFromDOM(e,n,o){for(let r=e;r;r=r.parentNode){let i=this.getDesc(r);if(i)return i.localPosFromDOM(e,n,o)}return-1}descAt(e){for(let n=0,o=0;n<this.children.length;n++){let r=this.children[n],i=o+r.size;if(o==e&&i!=o){for(;!r.border&&r.children.length;)for(let s=0;s<r.children.length;s++){let a=r.children[s];if(a.size){r=a;break}}return r}if(e<i)return r.descAt(e-o-r.border);o=i}}domFromPos(e,n){if(!this.contentDOM)return{node:this.dom,offset:0,atom:e+1};let o=0,r=0;for(let i=0;o<this.children.length;o++){let s=this.children[o],a=i+s.size;if(a>e||s instanceof BA){r=e-i;break}i=a}if(r)return this.children[o].domFromPos(r-this.children[o].border,n);for(let i;o&&!(i=this.children[o-1]).size&&i instanceof NA&&i.side>=0;o--);if(n<=0){let i,s=!0;for(;i=o?this.children[o-1]:null,!(!i||i.dom.parentNode==this.contentDOM);o--,s=!1);return i&&n&&s&&!i.border&&!i.domAtom?i.domFromPos(i.size,n):{node:this.contentDOM,offset:i?Ai(i.dom)+1:0}}else{let i,s=!0;for(;i=o<this.children.length?this.children[o]:null,!(!i||i.dom.parentNode==this.contentDOM);o++,s=!1);return i&&s&&!i.border&&!i.domAtom?i.domFromPos(0,n):{node:this.contentDOM,offset:i?Ai(i.dom):this.contentDOM.childNodes.length}}}parseRange(e,n,o=0){if(this.children.length==0)return{node:this.contentDOM,from:e,to:n,fromOffset:0,toOffset:this.contentDOM.childNodes.length};let r=-1,i=-1;for(let s=o,a=0;;a++){let l=this.children[a],c=s+l.size;if(r==-1&&e<=c){let d=s+l.border;if(e>=d&&n<=c-l.border&&l.node&&l.contentDOM&&this.contentDOM.contains(l.contentDOM))return l.parseRange(e,n,d);e=s;for(let u=a;u>0;u--){let p=this.children[u-1];if(p.size&&p.dom.parentNode==this.contentDOM&&!p.emptyChildAt(1)){r=Ai(p.dom)+1;break}e-=p.size}r==-1&&(r=0)}if(r>-1&&(c>n||a==this.children.length-1)){n=c;for(let d=a+1;d<this.children.length;d++){let u=this.children[d];if(u.size&&u.dom.parentNode==this.contentDOM&&!u.emptyChildAt(-1)){i=Ai(u.dom);break}n+=u.size}i==-1&&(i=this.contentDOM.childNodes.length);break}s=c}return{node:this.contentDOM,from:e,to:n,fromOffset:r,toOffset:i}}emptyChildAt(e){if(this.border||!this.contentDOM||!this.children.length)return!1;let n=this.children[e<0?0:this.children.length-1];return n.size==0||n.emptyChildAt(e)}domAfterPos(e){let{node:n,offset:o}=this.domFromPos(e,0);if(n.nodeType!=1||o==n.childNodes.length)throw new RangeError("No node after pos "+e);return n.childNodes[o]}setSelection(e,n,o,r=!1){let i=Math.min(e,n),s=Math.max(e,n);for(let f=0,h=0;f<this.children.length;f++){let g=this.children[f],y=h+g.size;if(i>h&&s<y)return g.setSelection(e-h-g.border,n-h-g.border,o,r);h=y}let a=this.domFromPos(e,e?-1:1),l=n==e?a:this.domFromPos(n,n?-1:1),c=o.root.getSelection(),d=o.domSelectionRange(),u=!1;if((_l||es)&&e==n){let{node:f,offset:h}=a;if(f.nodeType==3){if(u=!!(h&&f.nodeValue[h-1]==`
+`),u&&h==f.nodeValue.length)for(let g=f,y;g;g=g.parentNode){if(y=g.nextSibling){y.nodeName=="BR"&&(a=l={node:y.parentNode,offset:Ai(y)+1});break}let m=g.pmViewDesc;if(m&&m.node&&m.node.isBlock)break}}else{let g=f.childNodes[h-1];u=g&&(g.nodeName=="BR"||g.contentEditable=="false")}}if(_l&&d.focusNode&&d.focusNode!=l.node&&d.focusNode.nodeType==1){let f=d.focusNode.childNodes[d.focusOffset];f&&f.contentEditable=="false"&&(r=!0)}if(!(r||u&&es)&&Xg(a.node,a.offset,d.anchorNode,d.anchorOffset)&&Xg(l.node,l.offset,d.focusNode,d.focusOffset))return;let p=!1;if((c.extend||e==n)&&!(u&&_l)){c.collapse(a.node,a.offset);try{e!=n&&c.extend(l.node,l.offset),p=!0}catch{}}if(!p){if(e>n){let h=a;a=l,l=h}let f=document.createRange();f.setEnd(l.node,l.offset),f.setStart(a.node,a.offset),c.removeAllRanges(),c.addRange(f)}}ignoreMutation(e){return!this.contentDOM&&e.type!="selection"}get contentLost(){return this.contentDOM&&this.contentDOM!=this.dom&&!this.dom.contains(this.contentDOM)}markDirty(e,n){for(let o=0,r=0;r<this.children.length;r++){let i=this.children[r],s=o+i.size;if(o==s?e<=s&&n>=o:e<s&&n>o){let a=o+i.border,l=s-i.border;if(e>=a&&n<=l){this.dirty=e==o||n==s?$g:Ree,e==a&&n==l&&(i.contentLost||i.dom.parentNode!=this.contentDOM)?i.dirty=bc:i.markDirty(e-a,n-a);return}else i.dirty=i.dom==i.contentDOM&&i.dom.parentNode==this.contentDOM&&!i.children.length?$g:bc}o=s}this.dirty=$g}markParentsDirty(){let e=1;for(let n=this.parent;n;n=n.parent,e++){let o=e==1?$g:Ree;n.dirty<o&&(n.dirty=o)}}get domAtom(){return!1}get ignoreForCoords(){return!1}get ignoreForSelection(){return!1}isText(e){return!1}},NA=class extends Zg{constructor(e,n,o,r){let i,s=n.type.toDOM;if(typeof s=="function"&&(s=s(o,()=>{if(!i)return r;if(i.parent)return i.parent.posBeforeChild(i)})),!n.type.spec.raw){if(s.nodeType!=1){let a=document.createElement("span");a.appendChild(s),s=a}s.contentEditable="false",s.classList.add("ProseMirror-widget")}super(e,[],s,null),this.widget=n,this.widget=n,i=this}matchesWidget(e){return this.dirty==Ml&&e.type.eq(this.widget.type)}parseRule(){return{ignore:!0}}stopEvent(e){let n=this.widget.spec.stopEvent;return n?n(e):!1}ignoreMutation(e){return e.type!="selection"||this.widget.spec.ignoreSelection}destroy(){this.widget.type.destroy(this.dom),super.destroy()}get domAtom(){return!0}get ignoreForSelection(){return!!this.widget.type.spec.relaxedSide}get side(){return this.widget.type.side}},JU=class extends Zg{constructor(e,n,o,r){super(e,[],n,null),this.textDOM=o,this.text=r}get size(){return this.text.length}localPosFromDOM(e,n){return e!=this.textDOM?this.posAtStart+(n?this.size:0):this.posAtStart+n}domFromPos(e){return{node:this.textDOM,offset:e}}ignoreMutation(e){return e.type==="characterData"&&e.target.nodeValue==e.oldValue}},Gg=class t extends Zg{constructor(e,n,o,r,i){super(e,[],o,r),this.mark=n,this.spec=i}static create(e,n,o,r){let i=r.nodeViews[n.type.name],s=i&&i(n,r,o);return(!s||!s.dom)&&(s=Qd.renderSpec(document,n.type.spec.toDOM(n,o),null,n.attrs)),new t(e,n,s.dom,s.contentDOM||s.dom,s)}parseRule(){return this.dirty&bc||this.mark.type.spec.reparseInView?null:{mark:this.mark.type.name,attrs:this.mark.attrs,contentElement:this.contentDOM}}matchesMark(e){return this.dirty!=bc&&this.mark.eq(e)}markDirty(e,n){if(super.markDirty(e,n),this.dirty!=Ml){let o=this.parent;for(;!o.node;)o=o.parent;o.dirty<this.dirty&&(o.dirty=this.dirty),this.dirty=Ml}}slice(e,n,o){let r=t.create(this.parent,this.mark,!0,o),i=this.children,s=this.size;n<s&&(i=n5(i,n,s,o)),e>0&&(i=n5(i,0,e,o));for(let a=0;a<i.length;a++)i[a].parent=r;return r.children=i,r}ignoreMutation(e){return this.spec.ignoreMutation?this.spec.ignoreMutation(e):super.ignoreMutation(e)}destroy(){this.spec.destroy&&this.spec.destroy(),super.destroy()}},Th=class t extends Zg{constructor(e,n,o,r,i,s,a){super(e,[],i,s),this.node=n,this.outerDeco=o,this.innerDeco=r,this.nodeDOM=a}static create(e,n,o,r,i,s){let a=i.nodeViews[n.type.name],l,c=a&&a(n,i,()=>{if(!l)return s;if(l.parent)return l.parent.posBeforeChild(l)},o,r),d=c&&c.dom,u=c&&c.contentDOM;if(n.isText){if(!d)d=document.createTextNode(n.text);else if(d.nodeType!=3)throw new RangeError("Text must be rendered as a DOM text node")}else d||({dom:d,contentDOM:u}=Qd.renderSpec(document,n.type.spec.toDOM(n),null,n.attrs));!u&&!n.isText&&d.nodeName!="BR"&&(d.hasAttribute("contenteditable")||(d.contentEditable="false"),n.type.spec.draggable&&(d.draggable=!0));let p=d;return d=fte(d,o,n),c?l=new QU(e,n,o,r,d,u||null,p,c):n.isText?new FA(e,n,o,r,d,p):new t(e,n,o,r,d,u||null,p)}parseRule(e){if(this.node.type.spec.reparseInView)return null;let n={node:this.node.type.name,attrs:this.node.attrs};if(this.node.type.whitespace=="pre"&&(n.preserveWhitespace="full"),!this.contentDOM)n.getContent=()=>this.node.content;else if(!this.contentLost)n.contentElement=this.contentDOM;else{for(let o=this.children.length-1;o>=0;o--){let r=this.children[o];if(this.dom.contains(r.dom.parentNode)){n.contentElement=r.dom.parentNode;break}}if(!n.contentElement){let o=e&&e.find(r=>r.nodeType==1&&e.indexOf(r.parentNode)<0&&this.dom.contains(r));o?n.contentElement=o:n.getContent=()=>re.empty}}return n}matchesNode(e,n,o){return this.dirty==Ml&&e.eq(this.node)&&zA(n,this.outerDeco)&&o.eq(this.innerDeco)}get size(){return this.node.nodeSize}get border(){return this.node.isLeaf?0:1}updateChildren(e,n){let o=this.node.inlineContent,r=n,i=e.composing?this.localCompositionInfo(e,n):null,s=i&&i.pos>-1?i:null,a=i&&i.pos<0,l=new t5(this,s&&s.node,e);$Ee(this.node,this.innerDeco,(c,d,u)=>{c.spec.marks?l.syncToMarks(c.spec.marks,o,e,d):c.type.side>=0&&!u&&l.syncToMarks(d==this.node.childCount?Qt.none:this.node.child(d).marks,o,e,d),l.placeWidget(c,e,r)},(c,d,u,p)=>{l.syncToMarks(c.marks,o,e,p);let f;l.findNodeMatch(c,d,u,p)||a&&e.state.selection.from>r&&e.state.selection.to<r+c.nodeSize&&(f=l.findIndexWithChild(i.node))>-1&&l.updateNodeAt(c,d,u,f,e)||l.updateNextNode(c,d,u,e,p,r)||l.addNode(c,d,u,e,r),r+=c.nodeSize}),l.syncToMarks([],o,e,0),this.node.isTextblock&&l.addTextblockHacks(),l.destroyRest(),(l.changed||this.dirty==$g)&&(s&&this.protectLocalComposition(e,s),dte(this.contentDOM,this.children,e),vv&&KEe(this.dom))}localCompositionInfo(e,n){let{from:o,to:r}=e.state.selection;if(!(e.state.selection instanceof Ie)||o<n||r>n+this.node.content.size)return null;let i=e.input.compositionNode;if(!i||!this.dom.contains(i.parentNode))return null;if(this.node.inlineContent){let s=i.nodeValue,a=GEe(this.node.content,s,o-n,r-n);return a<0?null:{node:i,pos:a,text:s}}else return{node:i,pos:-1,text:""}}protectLocalComposition(e,{node:n,pos:o,text:r}){if(this.getDesc(n))return;let i=n;for(;i.parentNode!=this.contentDOM;i=i.parentNode){for(;i.previousSibling;)i.parentNode.removeChild(i.previousSibling);for(;i.nextSibling;)i.parentNode.removeChild(i.nextSibling);i.pmViewDesc&&(i.pmViewDesc=void 0)}let s=new JU(this,i,n,r);e.input.compositionNodes.push(s),this.children=n5(this.children,o,o+r.length,e,s)}update(e,n,o,r){return this.dirty==bc||!e.sameMarkup(this.node)?!1:(this.updateInner(e,n,o,r),!0)}updateInner(e,n,o,r){this.updateOuterDeco(n),this.node=e,this.innerDeco=o,this.contentDOM&&this.updateChildren(r,this.posAtStart),this.dirty=Ml}updateOuterDeco(e){if(zA(e,this.outerDeco))return;let n=this.nodeDOM.nodeType!=1,o=this.dom;this.dom=pte(this.dom,this.nodeDOM,e5(this.outerDeco,this.node,n),e5(e,this.node,n)),this.dom!=o&&(o.pmViewDesc=void 0,this.dom.pmViewDesc=this),this.outerDeco=e}selectNode(){this.nodeDOM.nodeType==1&&(this.nodeDOM.classList.add("ProseMirror-selectednode"),(this.contentDOM||!this.node.type.spec.draggable)&&(this.nodeDOM.draggable=!0))}deselectNode(){this.nodeDOM.nodeType==1&&(this.nodeDOM.classList.remove("ProseMirror-selectednode"),(this.contentDOM||!this.node.type.spec.draggable)&&this.nodeDOM.removeAttribute("draggable"))}get domAtom(){return this.node.isAtom}};function Dee(t,e,n,o,r){fte(o,e,t);let i=new Th(void 0,t,e,n,o,o,o);return i.contentDOM&&i.updateChildren(r,0),i}var FA=class t extends Th{constructor(e,n,o,r,i,s){super(e,n,o,r,i,null,s)}parseRule(){let e=this.nodeDOM.parentNode;for(;e&&e!=this.dom&&!e.pmIsDeco;)e=e.parentNode;return{skip:e||!0}}update(e,n,o,r){return this.dirty==bc||this.dirty!=Ml&&!this.inParent()||!e.sameMarkup(this.node)?!1:(this.updateOuterDeco(n),(this.dirty!=Ml||e.text!=this.node.text)&&e.text!=this.nodeDOM.nodeValue&&(this.nodeDOM.nodeValue=e.text,r.trackWrites==this.nodeDOM&&(r.trackWrites=null)),this.node=e,this.dirty=Ml,!0)}inParent(){let e=this.parent.contentDOM;for(let n=this.nodeDOM;n;n=n.parentNode)if(n==e)return!0;return!1}domFromPos(e){return{node:this.nodeDOM,offset:e}}localPosFromDOM(e,n,o){return e==this.nodeDOM?this.posAtStart+Math.min(n,this.node.text.length):super.localPosFromDOM(e,n,o)}ignoreMutation(e){return e.type!="characterData"&&e.type!="selection"}slice(e,n,o){let r=this.node.cut(e,n),i=document.createTextNode(r.text);return new t(this.parent,r,this.outerDeco,this.innerDeco,i,i)}markDirty(e,n){super.markDirty(e,n),this.dom!=this.nodeDOM&&(e==0||n==this.nodeDOM.nodeValue.length)&&(this.dirty=bc)}get domAtom(){return!1}isText(e){return this.node.text==e}},BA=class extends Zg{parseRule(){return{ignore:!0}}matchesHack(e){return this.dirty==Ml&&this.dom.nodeName==e}get domAtom(){return!0}get ignoreForCoords(){return this.dom.nodeName=="IMG"}},QU=class extends Th{constructor(e,n,o,r,i,s,a,l){super(e,n,o,r,i,s,a),this.spec=l}update(e,n,o,r){if(this.dirty==bc)return!1;if(this.spec.update&&(this.node.type==e.type||this.spec.multiType)){let i=this.spec.update(e,n,o);return i&&this.updateInner(e,n,o,r),i}else return!this.contentDOM&&!e.isLeaf?!1:super.update(e,n,o,r)}selectNode(){this.spec.selectNode?this.spec.selectNode():super.selectNode()}deselectNode(){this.spec.deselectNode?this.spec.deselectNode():super.deselectNode()}setSelection(e,n,o,r){this.spec.setSelection?this.spec.setSelection(e,n,o.root):super.setSelection(e,n,o,r)}destroy(){this.spec.destroy&&this.spec.destroy(),super.destroy()}stopEvent(e){return this.spec.stopEvent?this.spec.stopEvent(e):!1}ignoreMutation(e){return this.spec.ignoreMutation?this.spec.ignoreMutation(e):super.ignoreMutation(e)}};function dte(t,e,n){let o=t.firstChild,r=!1;for(let i=0;i<e.length;i++){let s=e[i],a=s.dom;if(a.parentNode==t){for(;a!=o;)o=Oee(o),r=!0;o=o.nextSibling}else r=!0,t.insertBefore(a,o);if(s instanceof Gg){let l=o?o.previousSibling:t.lastChild;dte(s.contentDOM,s.children,n),o=l?l.nextSibling:t.firstChild}}for(;o;)o=Oee(o),r=!0;r&&n.trackWrites==t&&(n.trackWrites=null)}var RC=function(t){t&&(this.nodeName=t)};RC.prototype=Object.create(null);var Kg=[new RC];function e5(t,e,n){if(t.length==0)return Kg;let o=n?Kg[0]:new RC,r=[o];for(let i=0;i<t.length;i++){let s=t[i].type.attrs;if(s){s.nodeName&&r.push(o=new RC(s.nodeName));for(let a in s){let l=s[a];l!=null&&(n&&r.length==1&&r.push(o=new RC(e.isInline?"span":"div")),a=="class"?o.class=(o.class?o.class+" ":"")+l:a=="style"?o.style=(o.style?o.style+";":"")+l:a!="nodeName"&&(o[a]=l))}}}return r}function pte(t,e,n,o){if(n==Kg&&o==Kg)return e;let r=e;for(let i=0;i<o.length;i++){let s=o[i],a=n[i];if(i){let l;a&&a.nodeName==s.nodeName&&r!=t&&(l=r.parentNode)&&l.nodeName.toLowerCase()==s.nodeName||(l=document.createElement(s.nodeName),l.pmIsDeco=!0,l.appendChild(r),a=Kg[0]),r=l}HEe(r,a||Kg[0],s)}return r}function HEe(t,e,n){for(let o in e)o!="class"&&o!="style"&&o!="nodeName"&&!(o in n)&&t.removeAttribute(o);for(let o in n)o!="class"&&o!="style"&&o!="nodeName"&&n[o]!=e[o]&&t.setAttribute(o,n[o]);if(e.class!=n.class){let o=e.class?e.class.split(" ").filter(Boolean):[],r=n.class?n.class.split(" ").filter(Boolean):[];for(let i=0;i<o.length;i++)r.indexOf(o[i])==-1&&t.classList.remove(o[i]);for(let i=0;i<r.length;i++)o.indexOf(r[i])==-1&&t.classList.add(r[i]);t.classList.length==0&&t.removeAttribute("class")}if(e.style!=n.style){if(e.style){let o=/\s*([\w\-\xa1-\uffff]+)\s*:(?:"(?:\\.|[^"])*"|'(?:\\.|[^'])*'|\(.*?\)|[^;])*/g,r;for(;r=o.exec(e.style);)t.style.removeProperty(r[1])}n.style&&(t.style.cssText+=n.style)}}function fte(t,e,n){return pte(t,t,Kg,e5(e,n,t.nodeType!=1))}function zA(t,e){if(t.length!=e.length)return!1;for(let n=0;n<t.length;n++)if(!t[n].type.eq(e[n].type))return!1;return!0}function Oee(t){let e=t.nextSibling;return t.parentNode.removeChild(t),e}var t5=class{constructor(e,n,o){this.lock=n,this.view=o,this.index=0,this.stack=[],this.changed=!1,this.top=e,this.preMatch=VEe(e.node.content,e)}destroyBetween(e,n){if(e!=n){for(let o=e;o<n;o++)this.top.children[o].destroy();this.top.children.splice(e,n-e),this.changed=!0}}destroyRest(){this.destroyBetween(this.index,this.top.children.length)}syncToMarks(e,n,o,r){let i=0,s=this.stack.length>>1,a=Math.min(s,e.length);for(;i<a&&(i==s-1?this.top:this.stack[i+1<<1]).matchesMark(e[i])&&e[i].type.spec.spanning!==!1;)i++;for(;i<s;)this.destroyRest(),this.top.dirty=Ml,this.index=this.stack.pop(),this.top=this.stack.pop(),s--;for(;s<e.length;){this.stack.push(this.top,this.index+1);let l=-1,c=this.top.children.length;r<this.preMatch.index&&(c=Math.min(this.index+3,c));for(let d=this.index;d<c;d++){let u=this.top.children[d];if(u.matchesMark(e[s])&&!this.isLocked(u.dom)){l=d;break}}if(l<0&&this.index<this.top.children.length){let d=this.top.children[this.index];d instanceof Gg&&d.dirty!=bc&&d.mark.type==e[s].type&&d.spec.update&&!this.isLocked(d.dom)&&d.spec.update(e[s])&&(d.mark=e[s],l=this.index,this.changed=!0)}if(l>-1)l>this.index&&(this.changed=!0,this.destroyBetween(this.index,l)),this.top=this.top.children[this.index];else{let d=Gg.create(this.top,e[s],n,o);this.top.children.splice(this.index,0,d),this.top=d,this.changed=!0}this.index=0,s++}}findNodeMatch(e,n,o,r){let i=-1,s;if(r>=this.preMatch.index&&(s=this.preMatch.matches[r-this.preMatch.index]).parent==this.top&&s.matchesNode(e,n,o))i=this.top.children.indexOf(s,this.index);else for(let a=this.index,l=Math.min(this.top.children.length,a+5);a<l;a++){let c=this.top.children[a];if(c.matchesNode(e,n,o)&&!this.preMatch.matched.has(c)){i=a;break}}return i<0?!1:(this.destroyBetween(this.index,i),this.index++,!0)}updateNodeAt(e,n,o,r,i){let s=this.top.children[r];return s.dirty==bc&&s.dom==s.contentDOM&&(s.dirty=$g),s.update(e,n,o,i)?(this.destroyBetween(this.index,r),this.index++,!0):!1}findIndexWithChild(e){for(;;){let n=e.parentNode;if(!n)return-1;if(n==this.top.contentDOM){let o=e.pmViewDesc;if(o){for(let r=this.index;r<this.top.children.length;r++)if(this.top.children[r]==o)return r}return-1}e=n}}updateNextNode(e,n,o,r,i,s){for(let a=this.index;a<this.top.children.length;a++){let l=this.top.children[a];if(l instanceof Th){let c=this.preMatch.matched.get(l);if(c!=null&&c!=i)return!1;let d=l.dom,u,p=this.isLocked(d)&&!(e.isText&&l.node&&l.node.isText&&l.nodeDOM.nodeValue==e.text&&l.dirty!=bc&&zA(n,l.outerDeco));if(!p&&l.update(e,n,o,r))return this.destroyBetween(this.index,a),l.dom!=d&&(this.changed=!0),this.index++,!0;if(!p&&(u=this.recreateWrapper(l,e,n,o,r,s)))return this.destroyBetween(this.index,a),this.top.children[this.index]=u,u.contentDOM&&(u.dirty=$g,u.updateChildren(r,s+1),u.dirty=Ml),this.changed=!0,this.index++,!0;break}}return!1}recreateWrapper(e,n,o,r,i,s){if(e.dirty||n.isAtom||!e.children.length||!e.node.content.eq(n.content)||!zA(o,e.outerDeco)||!r.eq(e.innerDeco))return null;let a=Th.create(this.top,n,o,r,i,s);if(a.contentDOM){a.children=e.children,e.children=[];for(let l of a.children)l.parent=a}return e.destroy(),a}addNode(e,n,o,r,i){let s=Th.create(this.top,e,n,o,r,i);s.contentDOM&&s.updateChildren(r,i+1),this.top.children.splice(this.index++,0,s),this.changed=!0}placeWidget(e,n,o){let r=this.index<this.top.children.length?this.top.children[this.index]:null;if(r&&r.matchesWidget(e)&&(e==r.widget||!r.widget.type.toDOM.parentNode))this.index++;else{let i=new NA(this.top,e,n,o);this.top.children.splice(this.index++,0,i),this.changed=!0}}addTextblockHacks(){let e=this.top.children[this.index-1],n=this.top;for(;e instanceof Gg;)n=e,e=n.children[n.children.length-1];(!e||!(e instanceof FA)||/\n$/.test(e.node.text)||this.view.requiresGeckoHackNode&&/\s$/.test(e.node.text))&&((es||ki)&&e&&e.dom.contentEditable=="false"&&this.addHackNode("IMG",n),this.addHackNode("BR",this.top))}addHackNode(e,n){if(n==this.top&&this.index<n.children.length&&n.children[this.index].matchesHack(e))this.index++;else{let o=document.createElement(e);e=="IMG"&&(o.className="ProseMirror-separator",o.alt=""),e=="BR"&&(o.className="ProseMirror-trailingBreak");let r=new BA(this.top,[],o,null);n!=this.top?n.children.push(r):n.children.splice(this.index++,0,r),this.changed=!0}}isLocked(e){return this.lock&&(e==this.lock||e.nodeType==1&&e.contains(this.lock.parentNode))}};function VEe(t,e){let n=e,o=n.children.length,r=t.childCount,i=new Map,s=[];e:for(;r>0;){let a;for(;;)if(o){let c=n.children[o-1];if(c instanceof Gg)n=c,o=c.children.length;else{a=c,o--;break}}else{if(n==e)break e;o=n.parent.children.indexOf(n),n=n.parent}let l=a.node;if(l){if(l!=t.child(r-1))break;--r,i.set(a,r),s.push(a)}}return{index:r,matched:i,matches:s.reverse()}}function jEe(t,e){return t.type.side-e.type.side}function $Ee(t,e,n,o){let r=e.locals(t),i=0;if(r.length==0){for(let c=0;c<t.childCount;c++){let d=t.child(c);o(d,r,e.forChild(i,d),c),i+=d.nodeSize}return}let s=0,a=[],l=null;for(let c=0;;){let d,u;for(;s<r.length&&r[s].to==i;){let y=r[s++];y.widget&&(d?(u||(u=[d])).push(y):d=y)}if(d)if(u){u.sort(jEe);for(let y=0;y<u.length;y++)n(u[y],c,!!l)}else n(d,c,!!l);let p,f;if(l)f=-1,p=l,l=null;else if(c<t.childCount)f=c,p=t.child(c++);else break;for(let y=0;y<a.length;y++)a[y].to<=i&&a.splice(y--,1);for(;s<r.length&&r[s].from<=i&&r[s].to>i;)a.push(r[s++]);let h=i+p.nodeSize;if(p.isText){let y=h;s<r.length&&r[s].from<y&&(y=r[s].from);for(let m=0;m<a.length;m++)a[m].to<y&&(y=a[m].to);y<h&&(l=p.cut(y-i),p=p.cut(0,y-i),h=y,f=-1)}else for(;s<r.length&&r[s].to<h;)s++;let g=p.isInline&&!p.isLeaf?a.filter(y=>!y.inline):a.slice();o(p,g,e.forChild(i,p),f),i=h}}function KEe(t){if(t.nodeName=="UL"||t.nodeName=="OL"){let e=t.style.cssText;t.style.cssText=e+"; list-style: square !important",window.getComputedStyle(t).listStyle,t.style.cssText=e}}function GEe(t,e,n,o){for(let r=0,i=0;r<t.childCount&&i<=o;){let s=t.child(r++),a=i;if(i+=s.nodeSize,!s.isText)continue;let l=s.text;for(;r<t.childCount;){let c=t.child(r++);if(i+=c.nodeSize,!c.isText)break;l+=c.text}if(i>=n){if(i>=o&&l.slice(o-e.length-a,o-a)==e)return o-e.length;let c=a<o?l.lastIndexOf(e,o-a-1):-1;if(c>=0&&c+e.length+a>=n)return a+c;if(n==o&&l.length>=o+e.length-a&&l.slice(o-a,o-a+e.length)==e)return o}}return-1}function n5(t,e,n,o,r){let i=[];for(let s=0,a=0;s<t.length;s++){let l=t[s],c=a,d=a+=l.size;c>=n||d<=e?i.push(l):(c<e&&i.push(l.slice(0,e-c,o)),r&&(i.push(r),r=void 0),d>n&&i.push(l.slice(n-c,l.size,o)))}return i}function h5(t,e=null){let n=t.domSelectionRange(),o=t.state.doc;if(!n.focusNode)return null;let r=t.docView.nearestDesc(n.focusNode),i=r&&r.size==0,s=t.docView.posFromDOM(n.focusNode,n.focusOffset,1);if(s<0)return null;let a=o.resolve(s),l,c;if(WA(n)){for(l=s;r&&!r.node;)r=r.parent;let u=r.node;if(r&&u.isAtom&&Re.isSelectable(u)&&r.parent&&!(u.isInline&&xEe(n.focusNode,n.focusOffset,r.dom))){let p=r.posBefore;c=new Re(s==p?a:o.resolve(p))}}else{if(n instanceof t.dom.ownerDocument.defaultView.Selection&&n.rangeCount>1){let u=s,p=s;for(let f=0;f<n.rangeCount;f++){let h=n.getRangeAt(f);u=Math.min(u,t.docView.posFromDOM(h.startContainer,h.startOffset,1)),p=Math.max(p,t.docView.posFromDOM(h.endContainer,h.endOffset,-1))}if(u<0)return null;[l,s]=p==t.state.selection.anchor?[p,u]:[u,p],a=o.resolve(s)}else l=t.docView.posFromDOM(n.anchorNode,n.anchorOffset,1);if(l<0)return null}let d=o.resolve(l);if(!c){let u=e=="pointer"||t.state.selection.head<a.pos&&!i?1:-1;c=m5(t,d,a,u)}return c}function hte(t){return t.editable?t.hasFocus():gte(t)&&document.activeElement&&document.activeElement.contains(t.dom)}function ap(t,e=!1){let n=t.state.selection;if(mte(t,n),!hte(t))return;let o=t.input.mouseDown;if(!e&&ki&&o){let r=t.domSelectionRange(),i=t.domObserver.currentSelection;if(r.anchorNode&&i.anchorNode&&Xg(r.anchorNode,r.anchorOffset,i.anchorNode,i.anchorOffset)&&o.delaySelUpdate()){t.domObserver.setCurSelection();return}}if(t.domObserver.disconnectSelection(),t.cursorWrapper)YEe(t);else{let{anchor:r,head:i}=n,s,a;Lee&&!(n instanceof Ie)&&(n.$from.parent.inlineContent||(s=Nee(t,n.from)),!n.empty&&!n.$from.parent.inlineContent&&(a=Nee(t,n.to))),t.docView.setSelection(r,i,t,e),Lee&&(s&&Fee(s),a&&Fee(a)),n.visible?t.dom.classList.remove("ProseMirror-hideselection"):(t.dom.classList.add("ProseMirror-hideselection"),"onselectionchange"in document&&WEe(t))}t.domObserver.setCurSelection(),t.domObserver.connectSelection()}var Lee=es||ki&&ote<63;function Nee(t,e){let{node:n,offset:o}=t.docView.domFromPos(e,0),r=o<n.childNodes.length?n.childNodes[o]:null,i=o?n.childNodes[o-1]:null;if(es&&r&&r.contentEditable=="false")return jU(r);if((!r||r.contentEditable=="false")&&(!i||i.contentEditable=="false")){if(r)return jU(r);if(i)return jU(i)}}function jU(t){return t.contentEditable="true",es&&t.draggable&&(t.draggable=!1,t.wasDraggable=!0),t}function Fee(t){t.contentEditable="false",t.wasDraggable&&(t.draggable=!0,t.wasDraggable=null)}function WEe(t){let e=t.dom.ownerDocument;e.removeEventListener("selectionchange",t.input.hideSelectionGuard);let n=t.domSelectionRange(),o=n.anchorNode,r=n.anchorOffset;e.addEventListener("selectionchange",t.input.hideSelectionGuard=()=>{(n.anchorNode!=o||n.anchorOffset!=r)&&(e.removeEventListener("selectionchange",t.input.hideSelectionGuard),setTimeout(()=>{(!hte(t)||t.state.selection.visible)&&t.dom.classList.remove("ProseMirror-hideselection")},20))})}function YEe(t){let e=t.domSelection();if(!e)return;let n=t.cursorWrapper.dom,o=n.nodeName=="IMG";o?e.collapse(n.parentNode,Ai(n)+1):e.collapse(n,0),!o&&!t.state.selection.visible&&ea&&xh<=11&&(n.disabled=!0,n.disabled=!1)}function mte(t,e){if(e instanceof Re){let n=t.docView.descAt(e.from);n!=t.lastSelectedViewDesc&&(Bee(t),n&&n.selectNode(),t.lastSelectedViewDesc=n)}else Bee(t)}function Bee(t){t.lastSelectedViewDesc&&(t.lastSelectedViewDesc.parent&&t.lastSelectedViewDesc.deselectNode(),t.lastSelectedViewDesc=void 0)}function m5(t,e,n,o){return t.someProp("createSelectionBetween",r=>r(t,e,n))||Ie.between(e,n,o)}function zee(t){return t.editable&&!t.hasFocus()?!1:gte(t)}function gte(t){let e=t.domSelectionRange();if(!e.anchorNode)return!1;try{return t.dom.contains(e.anchorNode.nodeType==3?e.anchorNode.parentNode:e.anchorNode)&&(t.editable||t.dom.contains(e.focusNode.nodeType==3?e.focusNode.parentNode:e.focusNode))}catch{return!1}}function qEe(t){let e=t.docView.domFromPos(t.state.selection.anchor,0),n=t.domSelectionRange();return Xg(e.node,e.offset,n.anchorNode,n.anchorOffset)}function o5(t,e){let{$anchor:n,$head:o}=t.selection,r=e>0?n.max(o):n.min(o),i=r.parent.inlineContent?r.depth?t.doc.resolve(e>0?r.after():r.before()):null:r;return i&&Xe.findFrom(i,e)}function wh(t,e){return t.dispatch(t.state.tr.setSelection(e).scrollIntoView()),!0}function Uee(t,e,n){let o=t.state.selection;if(o instanceof Ie)if(n.indexOf("s")>-1){let{$head:r}=o,i=r.textOffset?null:e<0?r.nodeBefore:r.nodeAfter;if(!i||i.isText||!i.isLeaf)return!1;let s=t.state.doc.resolve(r.pos+i.nodeSize*(e<0?-1:1));return wh(t,new Ie(o.$anchor,s))}else if(o.empty){if(t.endOfTextblock(e>0?"forward":"backward")){let r=o5(t.state,e);return r&&r instanceof Re?wh(t,r):!1}else if(!(El&&n.indexOf("m")>-1)){let r=o.$head,i=r.textOffset?null:e<0?r.nodeBefore:r.nodeAfter,s;if(!i||i.isText)return!1;let a=e<0?r.pos-i.nodeSize:r.pos;return i.isAtom||(s=t.docView.descAt(a))&&!s.contentDOM?Re.isSelectable(i)?wh(t,new Re(e<0?t.state.doc.resolve(r.pos-i.nodeSize):r)):zC?wh(t,new Ie(t.state.doc.resolve(e<0?a:a+i.nodeSize))):!1:!1}}else return!1;else{if(o instanceof Re&&o.node.isInline)return wh(t,new Ie(e>0?o.$to:o.$from));{let r=o5(t.state,e);return r?wh(t,r):!1}}}function UA(t){return t.nodeType==3?t.nodeValue.length:t.childNodes.length}function DC(t,e){let n=t.pmViewDesc;return n&&n.size==0&&(e<0||t.nextSibling||t.nodeName!="BR")}function yv(t,e){return e<0?XEe(t):ZEe(t)}function XEe(t){let e=t.domSelectionRange(),n=e.focusNode,o=e.focusOffset;if(!n)return;let r,i,s=!1;for(_l&&n.nodeType==1&&o<UA(n)&&DC(n.childNodes[o],-1)&&(s=!0);;)if(o>0){if(n.nodeType!=1)break;{let a=n.childNodes[o-1];if(DC(a,-1))r=n,i=--o;else if(a.nodeType==3)n=a,o=n.nodeValue.length;else break}}else{if(yte(n))break;{let a=n.previousSibling;for(;a&&DC(a,-1);)r=n.parentNode,i=Ai(a),a=a.previousSibling;if(a)n=a,o=UA(n);else{if(n=n.parentNode,n==t.dom)break;o=0}}}s?r5(t,n,o):r&&r5(t,r,i)}function ZEe(t){let e=t.domSelectionRange(),n=e.focusNode,o=e.focusOffset;if(!n)return;let r=UA(n),i,s;for(;;)if(o<r){if(n.nodeType!=1)break;let a=n.childNodes[o];if(DC(a,1))i=n,s=++o;else break}else{if(yte(n))break;{let a=n.nextSibling;for(;a&&DC(a,1);)i=a.parentNode,s=Ai(a)+1,a=a.nextSibling;if(a)n=a,o=0,r=UA(n);else{if(n=n.parentNode,n==t.dom)break;o=r=0}}}i&&r5(t,i,s)}function yte(t){let e=t.pmViewDesc;return e&&e.node&&e.node.isBlock}function JEe(t,e){for(;t&&e==t.childNodes.length&&!BC(t);)e=Ai(t)+1,t=t.parentNode;for(;t&&e<t.childNodes.length;){let n=t.childNodes[e];if(n.nodeType==3)return n;if(n.nodeType==1&&n.contentEditable=="false")break;t=n,e=0}}function QEe(t,e){for(;t&&!e&&!BC(t);)e=Ai(t),t=t.parentNode;for(;t&&e;){let n=t.childNodes[e-1];if(n.nodeType==3)return n;if(n.nodeType==1&&n.contentEditable=="false")break;t=n,e=t.childNodes.length}}function r5(t,e,n){if(e.nodeType!=3){let i,s;(s=JEe(e,n))?(e=s,n=0):(i=QEe(e,n))&&(e=i,n=i.nodeValue.length)}let o=t.domSelection();if(!o)return;if(WA(o)){let i=document.createRange();i.setEnd(e,n),i.setStart(e,n),o.removeAllRanges(),o.addRange(i)}else o.extend&&o.extend(e,n);t.domObserver.setCurSelection();let{state:r}=t;setTimeout(()=>{t.state==r&&ap(t)},50)}function Hee(t,e){let n=t.state.doc.resolve(e);if(!(ki||rte)&&n.parent.inlineContent){let r=t.coordsAtPos(e);if(e>n.start()){let i=t.coordsAtPos(e-1),s=(i.top+i.bottom)/2;if(s>r.top&&s<r.bottom&&Math.abs(i.left-r.left)>1)return i.left<r.left?"ltr":"rtl"}if(e<n.end()){let i=t.coordsAtPos(e+1),s=(i.top+i.bottom)/2;if(s>r.top&&s<r.bottom&&Math.abs(i.left-r.left)>1)return i.left>r.left?"ltr":"rtl"}}return getComputedStyle(t.dom).direction=="rtl"?"rtl":"ltr"}function Vee(t,e,n){let o=t.state.selection;if(o instanceof Ie&&!o.empty||n.indexOf("s")>-1||El&&n.indexOf("m")>-1)return!1;let{$from:r,$to:i}=o;if(!r.parent.inlineContent||t.endOfTextblock(e<0?"up":"down")){let s=o5(t.state,e);if(s&&s instanceof Re)return wh(t,s)}if(!r.parent.inlineContent){let s=e<0?r:i,a=o instanceof ws?Xe.near(s,e):Xe.findFrom(s,e);return a?wh(t,a):!1}return!1}function jee(t,e){if(!(t.state.selection instanceof Ie))return!0;let{$head:n,$anchor:o,empty:r}=t.state.selection;if(!n.sameParent(o))return!0;if(!r)return!1;if(t.endOfTextblock(e>0?"forward":"backward"))return!0;let i=!n.textOffset&&(e<0?n.nodeBefore:n.nodeAfter);if(i&&!i.isText){let s=t.state.tr;return e<0?s.delete(n.pos-i.nodeSize,n.pos):s.delete(n.pos,n.pos+i.nodeSize),t.dispatch(s),!0}return!1}function $ee(t,e,n){t.domObserver.stop(),e.contentEditable=n,t.domObserver.start()}function eIe(t){if(!es||t.state.selection.$head.parentOffset>0)return!1;let{focusNode:e,focusOffset:n}=t.domSelectionRange();if(e&&e.nodeType==1&&n==0&&e.firstChild&&e.firstChild.contentEditable=="false"){let o=e.firstChild;$ee(t,o,"true"),setTimeout(()=>$ee(t,o,"false"),20)}return!1}function tIe(t){let e="";return t.ctrlKey&&(e+="c"),t.metaKey&&(e+="m"),t.altKey&&(e+="a"),t.shiftKey&&(e+="s"),e}function nIe(t,e){let n=e.keyCode,o=tIe(e);if(n==8||El&&n==72&&o=="c")return jee(t,-1)||yv(t,-1);if(n==46&&!e.shiftKey||El&&n==68&&o=="c")return jee(t,1)||yv(t,1);if(n==13||n==27)return!0;if(n==37||El&&n==66&&o=="c"){let r=n==37?Hee(t,t.state.selection.from)=="ltr"?-1:1:-1;return Uee(t,r,o)||yv(t,r)}else if(n==39||El&&n==70&&o=="c"){let r=n==39?Hee(t,t.state.selection.from)=="ltr"?1:-1:1;return Uee(t,r,o)||yv(t,r)}else{if(n==38||El&&n==80&&o=="c")return Vee(t,-1,o)||yv(t,-1);if(n==40||El&&n==78&&o=="c")return eIe(t)||Vee(t,1,o)||yv(t,1);if(o==(El?"m":"c")&&(n==66||n==73||n==89||n==90))return!0}return!1}function g5(t,e){t.someProp("transformCopied",f=>{e=f(e,t)});let n=[],{content:o,openStart:r,openEnd:i}=e;for(;r>1&&i>1&&o.childCount==1&&o.firstChild.childCount==1;){r--,i--;let f=o.firstChild;n.push(f.type.name,f.attrs!=f.type.defaultAttrs?f.attrs:null),o=f.content}let s=t.someProp("clipboardSerializer")||Qd.fromSchema(t.state.schema),a=Tte(),l=a.createElement("div");l.appendChild(s.serializeFragment(o,{document:a}));let c=l.firstChild,d,u=0;for(;c&&c.nodeType==1&&(d=xte[c.nodeName.toLowerCase()]);){for(let f=d.length-1;f>=0;f--){let h=a.createElement(d[f]);for(;l.firstChild;)h.appendChild(l.firstChild);l.appendChild(h),u++}c=l.firstChild}c&&c.nodeType==1&&c.setAttribute("data-pm-slice",`${r} ${i}${u?` -${u}`:""} ${JSON.stringify(n)}`);let p=t.someProp("clipboardTextSerializer",f=>f(e,t))||e.content.textBetween(0,e.content.size,`
+
+`);return{dom:l,text:p,slice:e}}function Ste(t,e,n,o,r){let i=r.parent.type.spec.code,s,a;if(!n&&!e)return null;let l=!!e&&(o||i||!n);if(l){if(t.someProp("transformPastedText",p=>{e=p(e,i||o,t)}),i)return a=new ge(re.from(t.state.schema.text(e.replace(/\r\n?/g,`
+`))),0,0),t.someProp("transformPasted",p=>{a=p(a,t,!0)}),a;let u=t.someProp("clipboardTextParser",p=>p(e,r,o,t));if(u)a=u;else{let p=r.marks(),{schema:f}=t.state,h=Qd.fromSchema(f);s=document.createElement("div"),e.split(/(?:\r\n?|\n)+/).forEach(g=>{let y=s.appendChild(document.createElement("p"));g&&y.appendChild(h.serializeNode(f.text(g,p)))})}}else t.someProp("transformPastedHTML",u=>{n=u(n,t)}),s=sIe(n),zC&&aIe(s);let c=s&&s.querySelector("[data-pm-slice]"),d=c&&/^(\d+) (\d+)(?: -(\d+))? (.*)/.exec(c.getAttribute("data-pm-slice")||"");if(d&&d[3])for(let u=+d[3];u>0;u--){let p=s.firstChild;for(;p&&p.nodeType!=1;)p=p.nextSibling;if(!p)break;s=p}if(a||(a=(t.someProp("clipboardParser")||t.someProp("domParser")||Sc.fromSchema(t.state.schema)).parseSlice(s,{preserveWhitespace:!!(l||d),context:r,ruleFromNode(p){return p.nodeName=="BR"&&!p.nextSibling&&p.parentNode&&!oIe.test(p.parentNode.nodeName)?{ignore:!0}:null}})),d)a=lIe(Kee(a,+d[1],+d[2]),d[4]);else if(a=ge.maxOpen(rIe(a.content,r),!0),a.openStart||a.openEnd){let u=0,p=0;for(let f=a.content.firstChild;u<a.openStart&&!f.type.spec.isolating;u++,f=f.firstChild);for(let f=a.content.lastChild;p<a.openEnd&&!f.type.spec.isolating;p++,f=f.lastChild);a=Kee(a,u,p)}return t.someProp("transformPasted",u=>{a=u(a,t,l)}),a}var oIe=/^(a|abbr|acronym|b|cite|code|del|em|i|ins|kbd|label|output|q|ruby|s|samp|span|strong|sub|sup|time|u|tt|var)$/i;function rIe(t,e){if(t.childCount<2)return t;for(let n=e.depth;n>=0;n--){let r=e.node(n).contentMatchAt(e.index(n)),i,s=[];if(t.forEach(a=>{if(!s)return;let l=r.findWrapping(a.type),c;if(!l)return s=null;if(c=s.length&&i.length&&vte(l,i,a,s[s.length-1],0))s[s.length-1]=c;else{s.length&&(s[s.length-1]=wte(s[s.length-1],i.length));let d=bte(a,l);s.push(d),r=r.matchType(d.type),i=l}}),s)return re.from(s)}return t}function bte(t,e,n=0){for(let o=e.length-1;o>=n;o--)t=e[o].create(null,re.from(t));return t}function vte(t,e,n,o,r){if(r<t.length&&r<e.length&&t[r]==e[r]){let i=vte(t,e,n,o.lastChild,r+1);if(i)return o.copy(o.content.replaceChild(o.childCount-1,i));if(o.contentMatchAt(o.childCount).matchType(r==t.length-1?n.type:t[r+1]))return o.copy(o.content.append(re.from(bte(n,t,r+1))))}}function wte(t,e){if(e==0)return t;let n=t.content.replaceChild(t.childCount-1,wte(t.lastChild,e-1)),o=t.contentMatchAt(t.childCount).fillBefore(re.empty,!0);return t.copy(n.append(o))}function i5(t,e,n,o,r,i){let s=e<0?t.firstChild:t.lastChild,a=s.content;return t.childCount>1&&(i=0),r<o-1&&(a=i5(a,e,n,o,r+1,i)),r>=n&&(a=e<0?s.contentMatchAt(0).fillBefore(a,i<=r).append(a):a.append(s.contentMatchAt(s.childCount).fillBefore(re.empty,!0))),t.replaceChild(e<0?0:t.childCount-1,s.copy(a))}function Kee(t,e,n){return e<t.openStart&&(t=new ge(i5(t.content,-1,e,t.openStart,0,t.openEnd),e,t.openEnd)),n<t.openEnd&&(t=new ge(i5(t.content,1,n,t.openEnd,0,0),t.openStart,n)),t}var xte={thead:["table"],tbody:["table"],tfoot:["table"],caption:["table"],colgroup:["table"],col:["table","colgroup"],tr:["table","tbody"],td:["table","tbody","tr"],th:["table","tbody","tr"]};function Tte(){return document.implementation.createHTMLDocument("title")}var $U=null;function iIe(t){let e=window.trustedTypes;return e?($U||($U=e.defaultPolicy||e.createPolicy("ProseMirrorClipboard",{createHTML:n=>n})),$U.createHTML(t)):t}function sIe(t){let e=/^(\s*<meta [^>]*>)*/.exec(t);e&&(t=t.slice(e[0].length));let n=Tte(),o=n.body,r=/<([a-z][^>\s]+)/i.exec(t),i;if((i=r&&xte[r[1].toLowerCase()])&&(t=i.map(s=>"<"+s+">").join("")+t+i.map(s=>"</"+s+">").reverse().join("")),o.innerHTML=iIe(t),i)for(let s=0;s<i.length;s++)o=o.querySelector(i[s])||o;for(let s=0;s<n.styleSheets.length;s++){let a=n.styleSheets[s];for(let l=0;l<a.rules.length;l++){let c=a.rules[l];if(c instanceof CSSStyleRule){let d=o.querySelectorAll(c.selectorText);for(let u=0;u<d.length;u++)d[u].style.cssText+=c.style.cssText}}}return o}function aIe(t){let e=t.querySelectorAll(ki?"span:not([class]):not([style])":"span.Apple-converted-space");for(let n=0;n<e.length;n++){let o=e[n];o.childNodes.length==1&&o.textContent=="\xA0"&&o.parentNode&&o.parentNode.replaceChild(t.ownerDocument.createTextNode(" "),o)}}function lIe(t,e){if(!t.size)return t;let n=t.content.firstChild.type.schema,o;try{o=JSON.parse(e)}catch{return t}let{content:r,openStart:i,openEnd:s}=t;for(let a=o.length-2;a>=0;a-=2){let l=n.nodes[o[a]];if(!l||l.hasRequiredAttrs())break;r=re.from(l.create(o[a+1],r)),i++,s++}return new ge(r,i,s)}var xs={},Ts={},cIe={touchstart:!0,touchmove:!0},s5=class{constructor(){this.shiftKey=!1,this.mouseDown=null,this.lastKeyCode=null,this.lastKeyCodeTime=0,this.lastClick={time:0,x:0,y:0,type:"",button:0},this.lastSelectionOrigin=null,this.lastSelectionTime=0,this.lastIOSEnter=0,this.lastIOSEnterFallbackTimeout=-1,this.lastFocus=0,this.lastTouch=0,this.lastChromeDelete=0,this.composing=!1,this.compositionNode=null,this.composingTimeout=-1,this.compositionNodes=[],this.compositionEndedAt=-2e8,this.compositionID=1,this.badSafariComposition=!1,this.compositionPendingChanges=0,this.domChangeCount=0,this.eventHandlers=Object.create(null),this.hideSelectionGuard=null}};function uIe(t){for(let e in xs){let n=xs[e];t.dom.addEventListener(e,t.input.eventHandlers[e]=o=>{pIe(t,o)&&!y5(t,o)&&(t.editable||!(o.type in Ts))&&n(t,o)},cIe[e]?{passive:!0}:void 0)}es&&t.dom.addEventListener("input",()=>null),a5(t)}function sp(t,e){t.input.lastSelectionOrigin=e,t.input.lastSelectionTime=Date.now()}function dIe(t){t.input.mouseDown&&t.input.mouseDown.done(),t.domObserver.stop();for(let e in t.input.eventHandlers)t.dom.removeEventListener(e,t.input.eventHandlers[e]);clearTimeout(t.input.composingTimeout),clearTimeout(t.input.lastIOSEnterFallbackTimeout)}function a5(t){t.someProp("handleDOMEvents",e=>{for(let n in e)t.input.eventHandlers[n]||t.dom.addEventListener(n,t.input.eventHandlers[n]=o=>y5(t,o))})}function y5(t,e){return t.someProp("handleDOMEvents",n=>{let o=n[e.type];return o?o(t,e)||e.defaultPrevented:!1})}function pIe(t,e){if(!e.bubbles)return!0;if(e.defaultPrevented)return!1;for(let n=e.target;n!=t.dom;n=n.parentNode)if(!n||n.nodeType==11||n.pmViewDesc&&n.pmViewDesc.stopEvent(e))return!1;return!0}function fIe(t,e){!y5(t,e)&&xs[e.type]&&(t.editable||!(e.type in Ts))&&xs[e.type](t,e)}Ts.keydown=(t,e)=>{let n=e;if(t.input.shiftKey=n.keyCode==16||n.shiftKey,!Ete(t)&&(t.input.lastKeyCode=n.keyCode,t.input.lastKeyCodeTime=Date.now(),!(ip&&ki&&n.keyCode==13)))if(n.keyCode!=229&&t.domObserver.forceFlush(),vv&&n.keyCode==13&&!n.ctrlKey&&!n.altKey&&!n.metaKey){let o=Date.now();t.input.lastIOSEnter=o,t.input.lastIOSEnterFallbackTimeout=setTimeout(()=>{t.input.lastIOSEnter==o&&(t.someProp("handleKeyDown",r=>r(t,jg(13,"Enter"))),t.input.lastIOSEnter=0)},200)}else t.someProp("handleKeyDown",o=>o(t,n))||nIe(t,n)?n.preventDefault():sp(t,"key")};Ts.keyup=(t,e)=>{e.keyCode==16&&(t.input.shiftKey=!1)};Ts.keypress=(t,e)=>{let n=e;if(Ete(t)||!n.charCode||n.ctrlKey&&!n.altKey||El&&n.metaKey)return;if(t.someProp("handleKeyPress",r=>r(t,n))){n.preventDefault();return}let o=t.state.selection;if(!(o instanceof Ie)||!o.$from.sameParent(o.$to)){let r=String.fromCharCode(n.charCode),i=()=>t.state.tr.insertText(r).scrollIntoView();!/[\r\n]/.test(r)&&!t.someProp("handleTextInput",s=>s(t,o.$from.pos,o.$to.pos,r,i))&&t.dispatch(i()),n.preventDefault()}};function UC(t){return{left:t.clientX,top:t.clientY}}function hIe(t,e){let n=e.x-t.clientX,o=e.y-t.clientY;return n*n+o*o<100}function S5(t,e,n,o,r){if(o==-1)return!1;let i=t.state.doc.resolve(o);for(let s=i.depth+1;s>0;s--)if(t.someProp(e,a=>s>i.depth?a(t,n,i.nodeAfter,i.before(s),r,!0):a(t,n,i.node(s),i.before(s),r,!1)))return!0;return!1}function HC(t,e,n){if(t.focused||t.focus(),t.state.selection.eq(e))return;let o=t.state.tr.setSelection(e);n=="pointer"&&o.setMeta("pointer",!0),t.dispatch(o)}function mIe(t,e){if(e==-1)return!1;let n=t.state.doc.resolve(e),o=n.nodeAfter;return o&&o.isAtom&&Re.isSelectable(o)?(HC(t,new Re(n),"pointer"),!0):!1}function gIe(t,e){if(e==-1)return!1;let n=t.state.selection,o,r;n instanceof Re&&(o=n.node);let i=t.state.doc.resolve(e);for(let s=i.depth+1;s>0;s--){let a=s>i.depth?i.nodeAfter:i.node(s);if(Re.isSelectable(a)){o&&n.$from.depth>0&&s>=n.$from.depth&&i.before(n.$from.depth+1)==n.$from.pos?r=i.before(n.$from.depth):r=i.before(s);break}}return r!=null?(HC(t,Re.create(t.state.doc,r),"pointer"),!0):!1}function yIe(t,e,n,o,r){return S5(t,"handleClickOn",e,n,o)||t.someProp("handleClick",i=>i(t,e,o))||(r?gIe(t,n):mIe(t,n))}function SIe(t,e,n,o){return S5(t,"handleDoubleClickOn",e,n,o)||t.someProp("handleDoubleClick",r=>r(t,e,o))}function bIe(t,e,n,o){return S5(t,"handleTripleClickOn",e,n,o)||t.someProp("handleTripleClick",r=>r(t,e,o))||vIe(t,n,o)}function vIe(t,e,n){if(n.button!=0)return!1;let o=Cte(t,e,!0),r=t.state.doc;return o?(HC(t,o,"pointer"),o instanceof Ie&&r.eq(t.state.doc)&&(t.input.mouseDown=new c5(t,o)),!0):!1}function Cte(t,e,n){let o=t.state.doc;if(e==-1)return o.inlineContent?Ie.create(o,0,o.content.size):null;let r=o.resolve(e);for(let i=r.depth+1;i>0;i--){let s=i>r.depth?r.nodeAfter:r.node(i),a=r.before(i);if(s.inlineContent)return Ie.create(o,a+1,a+1+s.content.size);if(n&&Re.isSelectable(s))return Re.create(o,a)}return null}function b5(t){return VA(t)}var Pte=El?"metaKey":"ctrlKey";xs.mousedown=(t,e)=>{let n=e;t.input.shiftKey=n.shiftKey;let o=b5(t),r=Date.now(),i="singleClick";r-t.input.lastClick.time<500&&hIe(n,t.input.lastClick)&&!n[Pte]&&t.input.lastClick.button==n.button&&(t.input.lastClick.type=="singleClick"?i="doubleClick":t.input.lastClick.type=="doubleClick"&&(i="tripleClick")),t.input.lastClick={time:r,x:n.clientX,y:n.clientY,type:i,button:n.button},t.input.mouseDown&&t.input.mouseDown.done();let s=t.posAtCoords(UC(n));s&&(i=="singleClick"?t.input.mouseDown=new l5(t,s,n,!!o):(i=="doubleClick"?SIe:bIe)(t,s.pos,s.inside,n)?n.preventDefault():sp(t,"pointer"))};var HA=class{constructor(e){this.view=e,this.mightDrag=null,e.root.addEventListener("mouseup",this.up=this.up.bind(this)),e.root.addEventListener("mousemove",this.move=this.move.bind(this))}up(e){this.done()}move(e){e.buttons==0&&this.done()}done(){this.view.root.removeEventListener("mouseup",this.up),this.view.root.removeEventListener("mousemove",this.move),this.view.input.mouseDown==this&&(this.view.input.mouseDown=null)}delaySelUpdate(){return!1}},l5=class extends HA{constructor(e,n,o,r){super(e),this.pos=n,this.event=o,this.flushed=r,this.delayedSelectionSync=!1,this.startDoc=e.state.doc,this.selectNode=!!o[Pte],this.allowDefault=o.shiftKey;let i,s;if(n.inside>-1)i=e.state.doc.nodeAt(n.inside),s=n.inside;else{let d=e.state.doc.resolve(n.pos);i=d.parent,s=d.depth?d.before():0}let a=r?null:o.target,l=a?e.docView.nearestDesc(a,!0):null;this.target=l&&l.nodeDOM.nodeType==1?l.nodeDOM:null;let{selection:c}=e.state;o.button==0&&(i.type.spec.draggable&&i.type.spec.selectable!==!1||c instanceof Re&&c.from<=s&&c.to>s)&&(this.mightDrag={node:i,pos:s,addAttr:!!(this.target&&!this.target.draggable),setUneditable:!!(this.target&&_l&&!this.target.hasAttribute("contentEditable"))}),this.target&&this.mightDrag&&(this.mightDrag.addAttr||this.mightDrag.setUneditable)&&(this.view.domObserver.stop(),this.mightDrag.addAttr&&(this.target.draggable=!0),this.mightDrag.setUneditable&&setTimeout(()=>{this.view.input.mouseDown==this&&this.target.setAttribute("contentEditable","false")},20),this.view.domObserver.start()),sp(e,"pointer")}done(){super.done(),this.mightDrag&&this.target&&(this.view.domObserver.stop(),this.mightDrag.addAttr&&this.target.removeAttribute("draggable"),this.mightDrag.setUneditable&&this.target.removeAttribute("contentEditable"),this.view.domObserver.start()),this.delayedSelectionSync&&setTimeout(()=>{this.view.isDestroyed||ap(this.view)})}up(e){if(this.done(),!this.view.dom.contains(e.target))return;let n=this.pos;this.view.state.doc!=this.startDoc&&(n=this.view.posAtCoords(UC(e))),this.updateAllowDefault(e),this.allowDefault||!n?sp(this.view,"pointer"):yIe(this.view,n.pos,n.inside,e,this.selectNode)?e.preventDefault():e.button==0&&(this.flushed||es&&this.mightDrag&&!this.mightDrag.node.isAtom||ki&&!this.view.state.selection.visible&&Math.min(Math.abs(n.pos-this.view.state.selection.from),Math.abs(n.pos-this.view.state.selection.to))<=2)?(HC(this.view,Xe.near(this.view.state.doc.resolve(n.pos)),"pointer"),e.preventDefault()):sp(this.view,"pointer")}move(e){this.updateAllowDefault(e),sp(this.view,"pointer"),super.move(e)}updateAllowDefault(e){!this.allowDefault&&(Math.abs(this.event.x-e.clientX)>4||Math.abs(this.event.y-e.clientY)>4)&&(this.allowDefault=!0)}delaySelUpdate(){return this.allowDefault?(this.delayedSelectionSync=!0,!0):!1}},c5=class extends HA{constructor(e,n){super(e),this.startSelection=n,this.startDoc=e.state.doc}move(e){if(e.buttons==0||this.view.isDestroyed||!this.view.state.doc.eq(this.startDoc)){this.done();return}e.preventDefault(),sp(this.view,"pointer");let n=this.view.posAtCoords(UC(e)),o=n&&Cte(this.view,n.inside,!1);if(!o)return;let{doc:r}=this.view.state,i=this.startSelection,[s,a]=o.from<i.from?[i.to,o.from]:[i.from,o.to];HC(this.view,Ie.create(r,s,a),"pointer")}};xs.touchstart=t=>{t.input.lastTouch=Date.now(),b5(t),sp(t,"pointer")};xs.touchmove=t=>{t.input.lastTouch=Date.now(),sp(t,"pointer")};xs.contextmenu=t=>b5(t);function Ete(t,e){return t.composing?!0:es&&Math.abs(Date.now()-t.input.compositionEndedAt)<500?(t.input.compositionEndedAt=-2e8,!0):!1}var wIe=ip?5e3:-1;Ts.compositionstart=Ts.compositionupdate=t=>{if(!t.composing){t.domObserver.flush();let{state:e}=t,n=e.selection.$to;if(e.selection instanceof Ie&&(e.storedMarks||!n.textOffset&&n.parentOffset&&n.nodeBefore.marks.some(o=>o.type.spec.inclusive===!1)||ki&&rte&&xIe(t)))t.markCursor=t.state.storedMarks||n.marks(),VA(t,!0),t.markCursor=null;else if(VA(t,!e.selection.empty),_l&&e.selection.empty&&n.parentOffset&&!n.textOffset&&n.nodeBefore.marks.length){let o=t.domSelectionRange();for(let r=o.focusNode,i=o.focusOffset;r&&r.nodeType==1&&i!=0;){let s=i<0?r.lastChild:r.childNodes[i-1];if(!s)break;if(s.nodeType==3){let a=t.domSelection();a&&a.collapse(s,s.nodeValue.length);break}else r=s,i=-1}}t.input.composing=!0}Ite(t,wIe)};function xIe(t){let{focusNode:e,focusOffset:n}=t.domSelectionRange();if(!e||e.nodeType!=1||n>=e.childNodes.length)return!1;let o=e.childNodes[n];return o.nodeType==1&&o.contentEditable=="false"}Ts.compositionend=(t,e)=>{t.composing&&(t.input.composing=!1,t.input.compositionEndedAt=Date.now(),t.input.compositionPendingChanges=t.domObserver.pendingRecords().length?t.input.compositionID:0,t.input.compositionNode=null,t.input.badSafariComposition?t.domObserver.forceFlush():t.input.compositionPendingChanges&&Promise.resolve().then(()=>t.domObserver.flush()),t.input.compositionID++,Ite(t,20))};function Ite(t,e){clearTimeout(t.input.composingTimeout),e>-1&&(t.input.composingTimeout=setTimeout(()=>VA(t),e))}function _te(t){for(t.composing&&(t.input.composing=!1,t.input.compositionEndedAt=Date.now());t.input.compositionNodes.length>0;)t.input.compositionNodes.pop().markParentsDirty()}function TIe(t){let e=t.domSelectionRange();if(!e.focusNode)return null;let n=vEe(e.focusNode,e.focusOffset),o=wEe(e.focusNode,e.focusOffset);if(n&&o&&n!=o){let r=o.pmViewDesc,i=t.domObserver.lastChangedTextNode;if(n==i||o==i)return i;if(!r||!r.isText(o.nodeValue))return o;if(t.input.compositionNode==o){let s=n.pmViewDesc;if(!(!s||!s.isText(n.nodeValue)))return o}}return n||o}function VA(t,e=!1){if(!(ip&&t.domObserver.flushingSoon>=0)){if(t.domObserver.forceFlush(),_te(t),e||t.docView&&t.docView.dirty){let n=h5(t),o=t.state.selection;return n&&!n.eq(o)?t.dispatch(t.state.tr.setSelection(n)):(t.markCursor||e)&&!o.$from.node(o.$from.sharedDepth(o.to)).inlineContent?t.dispatch(t.state.tr.deleteSelection()):t.updateState(t.state),!0}return!1}}function CIe(t,e){if(!t.dom.parentNode)return;let n=t.dom.parentNode.appendChild(document.createElement("div"));n.appendChild(e),n.style.cssText="position: fixed; left: -10000px; top: 10px";let o=getSelection(),r=document.createRange();r.selectNodeContents(e),t.dom.blur(),o.removeAllRanges(),o.addRange(r),setTimeout(()=>{n.parentNode&&n.parentNode.removeChild(n),t.focus()},50)}var OC=ea&&xh<15||vv&&PEe<604;xs.copy=Ts.cut=(t,e)=>{let n=e,o=t.state.selection,r=n.type=="cut";if(o.empty)return;let i=OC?null:n.clipboardData,s=o.content(),{dom:a,text:l}=g5(t,s);i?(n.preventDefault(),i.clearData(),i.setData("text/html",a.innerHTML),i.setData("text/plain",l)):CIe(t,a),r&&t.dispatch(t.state.tr.deleteSelection().scrollIntoView().setMeta("uiEvent","cut"))};function PIe(t){return t.openStart==0&&t.openEnd==0&&t.content.childCount==1?t.content.firstChild:null}function EIe(t,e){if(!t.dom.parentNode)return;let n=t.input.shiftKey||t.state.selection.$from.parent.type.spec.code,o=t.dom.parentNode.appendChild(document.createElement(n?"textarea":"div"));n||(o.contentEditable="true"),o.style.cssText="position: fixed; left: -10000px; top: 10px",o.focus();let r=t.input.shiftKey&&t.input.lastKeyCode!=45;setTimeout(()=>{t.focus(),o.parentNode&&o.parentNode.removeChild(o),n?LC(t,o.value,null,r,e):LC(t,o.textContent,o.innerHTML,r,e)},50)}function LC(t,e,n,o,r){let i=Ste(t,e,n,o,t.state.selection.$from);if(t.someProp("handlePaste",l=>l(t,r,i||ge.empty)))return!0;if(!i)return!1;let s=PIe(i),a=s?t.state.tr.replaceSelectionWith(s,o):t.state.tr.replaceSelection(i);return t.dispatch(a.scrollIntoView().setMeta("paste",!0).setMeta("uiEvent","paste")),!0}function Mte(t){let e=t.getData("text/plain")||t.getData("Text");if(e)return e;let n=t.getData("text/uri-list");return n?n.replace(/\r?\n/g," "):""}Ts.paste=(t,e)=>{let n=e;if(t.composing&&!ip)return;let o=OC?null:n.clipboardData,r=t.input.shiftKey&&t.input.lastKeyCode!=45;o&&LC(t,Mte(o),o.getData("text/html"),r,n)?n.preventDefault():EIe(t,n)};var jA=class{constructor(e,n,o){this.slice=e,this.move=n,this.node=o}},IIe=El?"altKey":"ctrlKey";function Ate(t,e){let n;return t.someProp("dragCopies",o=>{n=n||o(e)}),n!=null?!n:!e[IIe]}xs.dragstart=(t,e)=>{let n=e,o=t.input.mouseDown;if(o&&o.done(),!n.dataTransfer)return;let r=t.state.selection,i=r.empty?null:t.posAtCoords(UC(n)),s;if(!(i&&i.pos>=r.from&&i.pos<=(r instanceof Re?r.to-1:r.to))){if(o&&o.mightDrag)s=Re.create(t.state.doc,o.mightDrag.pos);else if(n.target&&n.target.nodeType==1){let u=t.docView.nearestDesc(n.target,!0);u&&u.node.type.spec.draggable&&u!=t.docView&&(s=Re.create(t.state.doc,u.posBefore))}}let a=(s||t.state.selection).content(),{dom:l,text:c,slice:d}=g5(t,a);(!n.dataTransfer.files.length||!ki||ote>120)&&n.dataTransfer.clearData(),n.dataTransfer.setData(OC?"Text":"text/html",l.innerHTML),n.dataTransfer.effectAllowed="copyMove",OC||n.dataTransfer.setData("text/plain",c),t.dragging=new jA(d,Ate(t,n),s)};xs.dragend=t=>{let e=t.dragging;window.setTimeout(()=>{t.dragging==e&&(t.dragging=null)},50)};Ts.dragover=Ts.dragenter=(t,e)=>e.preventDefault();Ts.drop=(t,e)=>{try{_Ie(t,e,t.dragging)}finally{t.dragging=null}};function _Ie(t,e,n){if(!e.dataTransfer)return;let o=t.posAtCoords(UC(e));if(!o)return;let r=t.state.doc.resolve(o.pos),i=n&&n.slice;i?t.someProp("transformPasted",f=>{i=f(i,t,!1)}):i=Ste(t,Mte(e.dataTransfer),OC?null:e.dataTransfer.getData("text/html"),!1,r);let s=!!(n&&Ate(t,e));if(t.someProp("handleDrop",f=>f(t,e,i||ge.empty,s))){e.preventDefault();return}if(!i)return;e.preventDefault();let a=i?RA(t.state.doc,r.pos,i):r.pos;a==null&&(a=r.pos);let l=t.state.tr;if(s){let{node:f}=n;f?f.replace(l):l.deleteSelection()}let c=l.mapping.map(a),d=i.openStart==0&&i.openEnd==0&&i.content.childCount==1,u=l.doc;if(d?l.replaceRangeWith(c,c,i.content.firstChild):l.replaceRange(c,c,i),l.doc.eq(u))return;let p=l.doc.resolve(c);if(d&&Re.isSelectable(i.content.firstChild)&&p.nodeAfter&&p.nodeAfter.sameMarkup(i.content.firstChild))l.setSelection(new Re(p));else{let f=l.mapping.map(a);l.mapping.maps[l.mapping.maps.length-1].forEach((h,g,y,m)=>f=m),l.setSelection(m5(t,p,l.doc.resolve(f)))}t.focus(),t.dispatch(l.setMeta("uiEvent","drop"))}xs.focus=t=>{t.input.lastFocus=Date.now(),t.focused||(t.domObserver.stop(),t.dom.classList.add("ProseMirror-focused"),t.domObserver.start(),t.focused=!0,setTimeout(()=>{t.docView&&t.hasFocus()&&!t.domObserver.currentSelection.eq(t.domSelectionRange())&&ap(t)},20))};xs.blur=(t,e)=>{let n=e;t.focused&&(t.domObserver.stop(),t.dom.classList.remove("ProseMirror-focused"),t.domObserver.start(),n.relatedTarget&&t.dom.contains(n.relatedTarget)&&t.domObserver.currentSelection.clear(),t.focused=!1)};xs.beforeinput=(t,e)=>{if(ip&&e.inputType=="deleteContentBackward"){t.domObserver.flushSoon();let{domChangeCount:o}=t.input;setTimeout(()=>{if(t.input.domChangeCount!=o||(t.dom.blur(),t.focus(),t.someProp("handleKeyDown",i=>i(t,jg(8,"Backspace")))))return;let{$cursor:r}=t.state.selection;r&&r.pos>0&&t.dispatch(t.state.tr.delete(r.pos-1,r.pos).scrollIntoView())},50)}};for(let t in Ts)xs[t]=Ts[t];function NC(t,e){if(t==e)return!0;for(let n in t)if(t[n]!==e[n])return!1;for(let n in e)if(!(n in t))return!1;return!0}var $A=class t{constructor(e,n){this.toDOM=e,this.spec=n||Yg,this.side=this.spec.side||0}map(e,n,o,r){let{pos:i,deleted:s}=e.mapResult(n.from+r,this.side<0?-1:1);return s?null:new ts(i-o,i-o,this)}valid(){return!0}eq(e){return this==e||e instanceof t&&(this.spec.key&&this.spec.key==e.spec.key||this.toDOM==e.toDOM&&NC(this.spec,e.spec))}destroy(e){this.spec.destroy&&this.spec.destroy(e)}},Wg=class t{constructor(e,n){this.attrs=e,this.spec=n||Yg}map(e,n,o,r){let i=e.map(n.from+r,this.spec.inclusiveStart?-1:1)-o,s=e.map(n.to+r,this.spec.inclusiveEnd?1:-1)-o;return i>=s?null:new ts(i,s,this)}valid(e,n){return n.from<n.to}eq(e){return this==e||e instanceof t&&NC(this.attrs,e.attrs)&&NC(this.spec,e.spec)}static is(e){return e.type instanceof t}destroy(){}},u5=class t{constructor(e,n){this.attrs=e,this.spec=n||Yg}map(e,n,o,r){let i=e.mapResult(n.from+r,1);if(i.deleted)return null;let s=e.mapResult(n.to+r,-1);return s.deleted||s.pos<=i.pos?null:new ts(i.pos-o,s.pos-o,this)}valid(e,n){let{index:o,offset:r}=e.content.findIndex(n.from),i;return r==n.from&&!(i=e.child(o)).isText&&r+i.nodeSize==n.to}eq(e){return this==e||e instanceof t&&NC(this.attrs,e.attrs)&&NC(this.spec,e.spec)}destroy(){}},ts=class t{constructor(e,n,o){this.from=e,this.to=n,this.type=o}copy(e,n){return new t(e,n,this.type)}eq(e,n=0){return this.type.eq(e.type)&&this.from+n==e.from&&this.to+n==e.to}map(e,n,o){return this.type.map(e,this,n,o)}static widget(e,n,o){return new t(e,e,new $A(n,o))}static inline(e,n,o,r){return new t(e,n,new Wg(o,r))}static node(e,n,o,r){return new t(e,n,new u5(o,r))}get spec(){return this.type.spec}get inline(){return this.type instanceof Wg}get widget(){return this.type instanceof $A}},Sv=[],Yg={},to=class t{constructor(e,n){this.local=e.length?e:Sv,this.children=n.length?n:Sv}static create(e,n){return n.length?GA(n,e,0,Yg):Qi}find(e,n,o){let r=[];return this.findInner(e??0,n??1e9,r,0,o),r}findInner(e,n,o,r,i){for(let s=0;s<this.local.length;s++){let a=this.local[s];a.from<=n&&a.to>=e&&(!i||i(a.spec))&&o.push(a.copy(a.from+r,a.to+r))}for(let s=0;s<this.children.length;s+=3)if(this.children[s]<n&&this.children[s+1]>e){let a=this.children[s]+1;this.children[s+2].findInner(e-a,n-a,o,r+a,i)}}map(e,n,o){return this==Qi||e.maps.length==0?this:this.mapInner(e,n,0,0,o||Yg)}mapInner(e,n,o,r,i){let s;for(let a=0;a<this.local.length;a++){let l=this.local[a].map(e,o,r);l&&l.type.valid(n,l)?(s||(s=[])).push(l):i.onRemove&&i.onRemove(this.local[a].spec)}return this.children.length?MIe(this.children,s||[],e,n,o,r,i):s?new t(s.sort(qg),Sv):Qi}add(e,n){return n.length?this==Qi?t.create(e,n):this.addInner(e,n,0):this}addInner(e,n,o){let r,i=0;e.forEach((a,l)=>{let c=l+o,d;if(d=Rte(n,a,c)){for(r||(r=this.children.slice());i<r.length&&r[i]<l;)i+=3;r[i]==l?r[i+2]=r[i+2].addInner(a,d,c+1):r.splice(i,0,l,l+a.nodeSize,GA(d,a,c+1,Yg)),i+=3}});let s=kte(i?Dte(n):n,-o);for(let a=0;a<s.length;a++)s[a].type.valid(e,s[a])||s.splice(a--,1);return new t(s.length?this.local.concat(s).sort(qg):this.local,r||this.children)}remove(e){return e.length==0||this==Qi?this:this.removeInner(e,0)}removeInner(e,n){let o=this.children,r=this.local;for(let i=0;i<o.length;i+=3){let s,a=o[i]+n,l=o[i+1]+n;for(let d=0,u;d<e.length;d++)(u=e[d])&&u.from>a&&u.to<l&&(e[d]=null,(s||(s=[])).push(u));if(!s)continue;o==this.children&&(o=this.children.slice());let c=o[i+2].removeInner(s,a+1);c!=Qi?o[i+2]=c:(o.splice(i,3),i-=3)}if(r.length){for(let i=0,s;i<e.length;i++)if(s=e[i])for(let a=0;a<r.length;a++)r[a].eq(s,n)&&(r==this.local&&(r=this.local.slice()),r.splice(a--,1))}return o==this.children&&r==this.local?this:r.length||o.length?new t(r,o):Qi}forChild(e,n){if(this==Qi)return this;if(n.isLeaf)return t.empty;let o,r;for(let a=0;a<this.children.length;a+=3)if(this.children[a]>=e){this.children[a]==e&&(o=this.children[a+2]);break}let i=e+1,s=i+n.content.size;for(let a=0;a<this.local.length;a++){let l=this.local[a];if(l.from<s&&l.to>i&&l.type instanceof Wg){let c=Math.max(i,l.from)-i,d=Math.min(s,l.to)-i;c<d&&(r||(r=[])).push(l.copy(c,d))}}if(r){let a=new t(r.sort(qg),Sv);return o?new KA([a,o]):a}return o||Qi}eq(e){if(this==e)return!0;if(!(e instanceof t)||this.local.length!=e.local.length||this.children.length!=e.children.length)return!1;for(let n=0;n<this.local.length;n++)if(!this.local[n].eq(e.local[n]))return!1;for(let n=0;n<this.children.length;n+=3)if(this.children[n]!=e.children[n]||this.children[n+1]!=e.children[n+1]||!this.children[n+2].eq(e.children[n+2]))return!1;return!0}locals(e){return v5(this.localsInner(e))}localsInner(e){if(this==Qi)return Sv;if(e.inlineContent||!this.local.some(Wg.is))return this.local;let n=[];for(let o=0;o<this.local.length;o++)this.local[o].type instanceof Wg||n.push(this.local[o]);return n}forEachSet(e){e(this)}};to.empty=new to([],[]);to.removeOverlap=v5;var Qi=to.empty,KA=class t{constructor(e){this.members=e}map(e,n){let o=this.members.map(r=>r.map(e,n,Yg));return t.from(o)}forChild(e,n){if(n.isLeaf)return to.empty;let o=[];for(let r=0;r<this.members.length;r++){let i=this.members[r].forChild(e,n);i!=Qi&&(i instanceof t?o=o.concat(i.members):o.push(i))}return t.from(o)}eq(e){if(!(e instanceof t)||e.members.length!=this.members.length)return!1;for(let n=0;n<this.members.length;n++)if(!this.members[n].eq(e.members[n]))return!1;return!0}locals(e){let n,o=!0;for(let r=0;r<this.members.length;r++){let i=this.members[r].localsInner(e);if(i.length)if(!n)n=i;else{o&&(n=n.slice(),o=!1);for(let s=0;s<i.length;s++)n.push(i[s])}}return n?v5(o?n:n.sort(qg)):Sv}static from(e){switch(e.length){case 0:return Qi;case 1:return e[0];default:return new t(e.every(n=>n instanceof to)?e:e.reduce((n,o)=>n.concat(o instanceof to?o:o.members),[]))}}forEachSet(e){for(let n=0;n<this.members.length;n++)this.members[n].forEachSet(e)}};function MIe(t,e,n,o,r,i,s){let a=t.slice();for(let c=0,d=i;c<n.maps.length;c++){let u=0;n.maps[c].forEach((p,f,h,g)=>{let y=g-h-(f-p);for(let m=0;m<a.length;m+=3){let S=a[m+1];if(S<0||p>S+d-u)continue;let b=a[m]+d-u;f>=b?a[m+1]=p<=b?-2:-1:p>=d&&y&&(a[m]+=y,a[m+1]+=y)}u+=y}),d=n.maps[c].map(d,-1)}let l=!1;for(let c=0;c<a.length;c+=3)if(a[c+1]<0){if(a[c+1]==-2){l=!0,a[c+1]=-1;continue}let d=n.map(t[c]+i),u=d-r;if(u<0||u>=o.content.size){l=!0;continue}let p=n.map(t[c+1]+i,-1),f=p-r,{index:h,offset:g}=o.content.findIndex(u),y=o.maybeChild(h);if(y&&g==u&&g+y.nodeSize==f){let m=a[c+2].mapInner(n,y,d+1,t[c]+i+1,s);m!=Qi?(a[c]=u,a[c+1]=f,a[c+2]=m):(a[c+1]=-2,l=!0)}else l=!0}if(l){let c=AIe(a,t,e,n,r,i,s),d=GA(c,o,0,s);e=d.local;for(let u=0;u<a.length;u+=3)a[u+1]<0&&(a.splice(u,3),u-=3);for(let u=0,p=0;u<d.children.length;u+=3){let f=d.children[u];for(;p<a.length&&a[p]<f;)p+=3;a.splice(p,0,d.children[u],d.children[u+1],d.children[u+2])}}return new to(e.sort(qg),a)}function kte(t,e){if(!e||!t.length)return t;let n=[];for(let o=0;o<t.length;o++){let r=t[o];n.push(new ts(r.from+e,r.to+e,r.type))}return n}function AIe(t,e,n,o,r,i,s){function a(l,c){for(let d=0;d<l.local.length;d++){let u=l.local[d].map(o,r,c);u?n.push(u):s.onRemove&&s.onRemove(l.local[d].spec)}for(let d=0;d<l.children.length;d+=3)a(l.children[d+2],l.children[d]+c+1)}for(let l=0;l<t.length;l+=3)t[l+1]==-1&&a(t[l+2],e[l]+i+1);return n}function Rte(t,e,n){if(e.isLeaf)return null;let o=n+e.nodeSize,r=null;for(let i=0,s;i<t.length;i++)(s=t[i])&&s.from>n&&s.to<o&&((r||(r=[])).push(s),t[i]=null);return r}function Dte(t){let e=[];for(let n=0;n<t.length;n++)t[n]!=null&&e.push(t[n]);return e}function GA(t,e,n,o){let r=[],i=!1;e.forEach((a,l)=>{let c=Rte(t,a,l+n);if(c){i=!0;let d=GA(c,a,n+l+1,o);d!=Qi&&r.push(l,l+a.nodeSize,d)}});let s=kte(i?Dte(t):t,-n).sort(qg);for(let a=0;a<s.length;a++)s[a].type.valid(e,s[a])||(o.onRemove&&o.onRemove(s[a].spec),s.splice(a--,1));return s.length||r.length?new to(s,r):Qi}function qg(t,e){return t.from-e.from||t.to-e.to}function v5(t){let e=t;for(let n=0;n<e.length-1;n++){let o=e[n];if(o.from!=o.to)for(let r=n+1;r<e.length;r++){let i=e[r];if(i.from==o.from){i.to!=o.to&&(e==t&&(e=t.slice()),e[r]=i.copy(i.from,o.to),Gee(e,r+1,i.copy(o.to,i.to)));continue}else{i.from<o.to&&(e==t&&(e=t.slice()),e[n]=o.copy(o.from,i.from),Gee(e,r,o.copy(i.from,o.to)));break}}}return e}function Gee(t,e,n){for(;e<t.length&&qg(n,t[e])>0;)e++;t.splice(e,0,n)}function KU(t){let e=[];return t.someProp("decorations",n=>{let o=n(t.state);o&&o!=Qi&&e.push(o)}),t.cursorWrapper&&e.push(to.create(t.state.doc,[t.cursorWrapper.deco])),KA.from(e)}var kIe={childList:!0,characterData:!0,characterDataOldValue:!0,attributes:!0,attributeOldValue:!0,subtree:!0},RIe=ea&&xh<=11,d5=class{constructor(){this.anchorNode=null,this.anchorOffset=0,this.focusNode=null,this.focusOffset=0}set(e){this.anchorNode=e.anchorNode,this.anchorOffset=e.anchorOffset,this.focusNode=e.focusNode,this.focusOffset=e.focusOffset}clear(){this.anchorNode=this.focusNode=null}eq(e){return e.anchorNode==this.anchorNode&&e.anchorOffset==this.anchorOffset&&e.focusNode==this.focusNode&&e.focusOffset==this.focusOffset}},p5=class{constructor(e,n){this.view=e,this.handleDOMChange=n,this.queue=[],this.flushingSoon=-1,this.observer=null,this.currentSelection=new d5,this.onCharData=null,this.suppressingSelectionUpdates=!1,this.lastChangedTextNode=null,this.observer=window.MutationObserver&&new window.MutationObserver(o=>{for(let r=0;r<o.length;r++)this.queue.push(o[r]);ea&&xh<=11&&o.some(r=>r.type=="childList"&&r.removedNodes.length||r.type=="characterData"&&r.oldValue.length>r.target.nodeValue.length)?this.flushSoon():es&&e.composing&&o.some(r=>r.type=="childList"&&r.target.nodeName=="TR")?(e.input.badSafariComposition=!0,this.flushSoon()):this.flush()}),RIe&&(this.onCharData=o=>{this.queue.push({target:o.target,type:"characterData",oldValue:o.prevValue}),this.flushSoon()}),this.onSelectionChange=this.onSelectionChange.bind(this)}flushSoon(){this.flushingSoon<0&&(this.flushingSoon=window.setTimeout(()=>{this.flushingSoon=-1,this.flush()},20))}forceFlush(){this.flushingSoon>-1&&(window.clearTimeout(this.flushingSoon),this.flushingSoon=-1,this.flush())}start(){this.observer&&(this.observer.takeRecords(),this.observer.observe(this.view.dom,kIe)),this.onCharData&&this.view.dom.addEventListener("DOMCharacterDataModified",this.onCharData),this.connectSelection()}stop(){if(this.observer){let e=this.observer.takeRecords();if(e.length){for(let n=0;n<e.length;n++)this.queue.push(e[n]);window.setTimeout(()=>this.flush(),20)}this.observer.disconnect()}this.onCharData&&this.view.dom.removeEventListener("DOMCharacterDataModified",this.onCharData),this.disconnectSelection()}connectSelection(){this.view.dom.ownerDocument.addEventListener("selectionchange",this.onSelectionChange)}disconnectSelection(){this.view.dom.ownerDocument.removeEventListener("selectionchange",this.onSelectionChange)}suppressSelectionUpdates(){this.suppressingSelectionUpdates=!0,setTimeout(()=>this.suppressingSelectionUpdates=!1,50)}onSelectionChange(){if(zee(this.view)){if(this.suppressingSelectionUpdates)return ap(this.view);if(ea&&xh<=11&&!this.view.state.selection.empty){let e=this.view.domSelectionRange();if(e.focusNode&&Xg(e.focusNode,e.focusOffset,e.anchorNode,e.anchorOffset))return this.flushSoon()}this.flush()}}setCurSelection(){this.currentSelection.set(this.view.domSelectionRange())}ignoreSelectionChange(e){if(!e.focusNode)return!0;let n=new Set,o;for(let i=e.focusNode;i;i=bv(i))n.add(i);for(let i=e.anchorNode;i;i=bv(i))if(n.has(i)){o=i;break}let r=o&&this.view.docView.nearestDesc(o);if(r&&r.ignoreMutation({type:"selection",target:o.nodeType==3?o.parentNode:o}))return this.setCurSelection(),!0}pendingRecords(){if(this.observer)for(let e of this.observer.takeRecords())this.queue.push(e);return this.queue}flush(){let{view:e}=this;if(!e.docView||this.flushingSoon>-1)return;let n=this.pendingRecords();n.length&&(this.queue=[]);let o=e.domSelectionRange(),r=!this.suppressingSelectionUpdates&&!this.currentSelection.eq(o)&&zee(e)&&!this.ignoreSelectionChange(o),i=-1,s=-1,a=!1,l=[];if(e.editable)for(let d=0;d<n.length;d++){let u=this.registerMutation(n[d],l);u&&(i=i<0?u.from:Math.min(u.from,i),s=s<0?u.to:Math.max(u.to,s),u.typeOver&&(a=!0))}if(l.some(d=>d.nodeName=="BR")&&(e.input.lastKeyCode==8||e.input.lastKeyCode==46||ki&&(e.composing||e.input.compositionEndedAt>Date.now()-50)&&n.some(d=>d.type=="childList"&&d.removedNodes.length))){for(let d of l)if(d.nodeName=="BR"&&d.parentNode){let u=d.nextSibling;for(;u&&u.nodeType==1;){if(u.contentEditable=="false"){d.parentNode.removeChild(d);break}u=u.firstChild}}}else if(_l&&l.length){let d=l.filter(u=>u.nodeName=="BR");if(d.length==2){let[u,p]=d;u.parentNode&&u.parentNode.parentNode==p.parentNode?p.remove():u.remove()}else{let{focusNode:u}=this.currentSelection;for(let p of d){let f=p.parentNode;f&&f.nodeName=="LI"&&(!u||LIe(e,u)!=f)&&p.remove()}}}let c=null;i<0&&r&&e.input.lastFocus>Date.now()-200&&Math.max(e.input.lastTouch,e.input.lastClick.time)<Date.now()-300&&WA(o)&&(c=h5(e))&&c.eq(Xe.near(e.state.doc.resolve(0),1))?(e.input.lastFocus=0,ap(e),this.currentSelection.set(o),e.scrollToSelection()):(i>-1||r)&&(i>-1&&(e.docView.markDirty(i,s),DIe(e)),e.input.badSafariComposition&&(e.input.badSafariComposition=!1,NIe(e,l)),this.handleDOMChange(i,s,a,l),e.docView&&e.docView.dirty?e.updateState(e.state):this.currentSelection.eq(o)||ap(e),this.currentSelection.set(o))}registerMutation(e,n){if(n.indexOf(e.target)>-1)return null;let o=this.view.docView.nearestDesc(e.target);if(e.type=="attributes"&&(o==this.view.docView||e.attributeName=="contenteditable"||e.attributeName=="style"&&!e.oldValue&&!e.target.getAttribute("style"))||!o||o.ignoreMutation(e))return null;if(e.type=="childList"){for(let d=0;d<e.addedNodes.length;d++){let u=e.addedNodes[d];n.push(u),u.nodeType==3&&(this.lastChangedTextNode=u)}if(o.contentDOM&&o.contentDOM!=o.dom&&!o.contentDOM.contains(e.target))return{from:o.posBefore,to:o.posAfter};let r=e.previousSibling,i=e.nextSibling;if(ea&&xh<=11&&e.addedNodes.length)for(let d=0;d<e.addedNodes.length;d++){let{previousSibling:u,nextSibling:p}=e.addedNodes[d];(!u||Array.prototype.indexOf.call(e.addedNodes,u)<0)&&(r=u),(!p||Array.prototype.indexOf.call(e.addedNodes,p)<0)&&(i=p)}let s=r&&r.parentNode==e.target?Ai(r)+1:0,a=o.localPosFromDOM(e.target,s,-1),l=i&&i.parentNode==e.target?Ai(i):e.target.childNodes.length,c=o.localPosFromDOM(e.target,l,1);return{from:a,to:c}}else return e.type=="attributes"?{from:o.posAtStart-o.border,to:o.posAtEnd+o.border}:(this.lastChangedTextNode=e.target,{from:o.posAtStart,to:o.posAtEnd,typeOver:e.target.nodeValue==e.oldValue})}},Wee=new WeakMap,Yee=!1;function DIe(t){if(!Wee.has(t)&&(Wee.set(t,null),["normal","nowrap","pre-line"].indexOf(getComputedStyle(t.dom).whiteSpace)!==-1)){if(t.requiresGeckoHackNode=_l,Yee)return;console.warn("ProseMirror expects the CSS white-space property to be set, preferably to 'pre-wrap'. It is recommended to load style/prosemirror.css from the prosemirror-view package."),Yee=!0}}function qee(t,e){let n=e.startContainer,o=e.startOffset,r=e.endContainer,i=e.endOffset,s=t.domAtPos(t.state.selection.anchor);return Xg(s.node,s.offset,r,i)&&([n,o,r,i]=[r,i,n,o]),{anchorNode:n,anchorOffset:o,focusNode:r,focusOffset:i}}function OIe(t,e){if(e.getComposedRanges){let r=e.getComposedRanges(t.root)[0];if(r)return qee(t,r)}let n;function o(r){r.preventDefault(),r.stopImmediatePropagation(),n=r.getTargetRanges()[0]}return t.dom.addEventListener("beforeinput",o,!0),document.execCommand("indent"),t.dom.removeEventListener("beforeinput",o,!0),n?qee(t,n):null}function LIe(t,e){for(let n=e.parentNode;n&&n!=t.dom;n=n.parentNode){let o=t.docView.nearestDesc(n,!0);if(o&&o.node.isBlock)return n}return null}function NIe(t,e){var n;let{focusNode:o,focusOffset:r}=t.domSelectionRange();for(let i of e)if(((n=i.parentNode)===null||n===void 0?void 0:n.nodeName)=="TR"){let s=i.nextSibling;for(;s&&s.nodeName!="TD"&&s.nodeName!="TH";)s=s.nextSibling;if(s){let a=s;for(;;){let l=a.firstChild;if(!l||l.nodeType!=1||l.contentEditable=="false"||/^(BR|IMG)$/.test(l.nodeName))break;a=l}a.insertBefore(i,a.firstChild),o==i&&t.domSelection().collapse(i,r)}else i.parentNode.removeChild(i)}}function FIe(t,e,n,o){let{node:r,fromOffset:i,toOffset:s,from:a,to:l}=t.docView.parseRange(e,n),c=t.domSelectionRange(),d,u=c.anchorNode;if(u&&t.dom.contains(u.nodeType==1?u:u.parentNode)&&(d=[{node:u,offset:c.anchorOffset}],WA(c)||d.push({node:c.focusNode,offset:c.focusOffset})),ki&&t.input.lastKeyCode===8)for(let m=s;m>i;m--){let S=r.childNodes[m-1],b=S.pmViewDesc;if(S.nodeName=="BR"&&!b){s=m;break}if(!b||b.size)break}let p=t.state.doc,f=t.someProp("domParser")||Sc.fromSchema(t.state.schema),h=p.resolve(a),g=null,y=f.parse(r,{topNode:h.parent,topMatch:h.parent.contentMatchAt(h.index()),topOpen:!0,from:i,to:s,preserveWhitespace:h.parent.type.whitespace=="pre"?"full":!0,findPositions:d,ruleFromNode:BIe(o),context:h});if(d&&d[0].pos!=null){let m=d[0].pos,S=d[1]&&d[1].pos;S==null&&(S=m),g={anchor:m+a,head:S+a}}return{doc:y,sel:g,from:a,to:l}}var BIe=t=>e=>{let n=e.pmViewDesc;if(n)return n.parseRule(t);if(e.nodeName=="BR"&&e.parentNode){if(es&&/^(ul|ol)$/i.test(e.parentNode.nodeName)){let o=document.createElement("div");return o.appendChild(document.createElement("li")),{skip:o}}else if(e.parentNode.lastChild==e||es&&/^(tr|table)$/i.test(e.parentNode.nodeName))return{ignore:!0}}else if(e.nodeName=="IMG"&&e.getAttribute("mark-placeholder"))return{ignore:!0};return null},zIe=/^(a|abbr|acronym|b|bd[io]|big|br|button|cite|code|data(list)?|del|dfn|em|i|img|ins|kbd|label|map|mark|meter|output|q|ruby|s|samp|small|span|strong|su[bp]|time|u|tt|var)$/i;function UIe(t,e,n,o,r){let i=t.input.compositionPendingChanges||(t.composing?t.input.compositionID:0);if(t.input.compositionPendingChanges=0,e<0){let C=t.input.lastSelectionTime>Date.now()-50?t.input.lastSelectionOrigin:null,P=h5(t,C);if(P&&!t.state.selection.eq(P)){if(ki&&ip&&t.input.lastKeyCode===13&&Date.now()-100<t.input.lastKeyCodeTime&&t.someProp("handleKeyDown",E=>E(t,jg(13,"Enter"))))return;let M=t.state.tr.setSelection(P);C=="pointer"?M.setMeta("pointer",!0):C=="key"&&M.scrollIntoView(),i&&M.setMeta("composition",i),t.dispatch(M)}return}let s=t.state.doc.resolve(e),a=s.sharedDepth(n);e=s.before(a+1),n=t.state.doc.resolve(n).after(a+1);let l=t.state.selection,c=FIe(t,e,n,r),d=t.state.doc,u=d.slice(c.from,c.to),p,f;t.input.lastKeyCode===8&&Date.now()-100<t.input.lastKeyCodeTime?(p=t.state.selection.to,f="end"):(p=t.state.selection.from,f="start"),t.input.lastKeyCode=null;let h=jIe(u.content,c.doc.content,c.from,p,f);if(h&&t.input.domChangeCount++,(vv&&t.input.lastIOSEnter>Date.now()-225||ip)&&r.some(C=>C.nodeType==1&&!zIe.test(C.nodeName))&&(!h||h.endA>=h.endB)&&t.someProp("handleKeyDown",C=>C(t,jg(13,"Enter")))){t.input.lastIOSEnter=0;return}if(!h)if(o&&l instanceof Ie&&!l.empty&&l.$head.sameParent(l.$anchor)&&!t.composing&&!(c.sel&&c.sel.anchor!=c.sel.head))h={start:l.from,endA:l.to,endB:l.to};else{if(c.sel){let C=Xee(t,t.state.doc,c.sel);if(C&&!C.eq(t.state.selection)){let P=t.state.tr.setSelection(C);i&&P.setMeta("composition",i),t.dispatch(P)}}return}t.state.selection.from<t.state.selection.to&&h.start==h.endB&&t.state.selection instanceof Ie&&(h.start>t.state.selection.from&&h.start<=t.state.selection.from+2&&t.state.selection.from>=c.from?h.start=t.state.selection.from:h.endA<t.state.selection.to&&h.endA>=t.state.selection.to-2&&t.state.selection.to<=c.to&&(h.endB+=t.state.selection.to-h.endA,h.endA=t.state.selection.to)),ea&&xh<=11&&h.endB==h.start+1&&h.endA==h.start&&h.start>c.from&&c.doc.textBetween(h.start-c.from-1,h.start-c.from+1)==" \xA0"&&(h.start--,h.endA--,h.endB--);let g=c.doc.resolveNoCache(h.start-c.from),y=c.doc.resolveNoCache(h.endB-c.from),m=d.resolve(h.start),S=g.sameParent(y)&&g.parent.inlineContent&&m.end()>=h.endA;if((vv&&t.input.lastIOSEnter>Date.now()-225&&(!S||r.some(C=>C.nodeName=="DIV"||C.nodeName=="P"))||!S&&g.pos<c.doc.content.size&&(!g.sameParent(y)||!g.parent.inlineContent)&&g.pos<y.pos&&!/\S/.test(c.doc.textBetween(g.pos,y.pos,"","")))&&t.someProp("handleKeyDown",C=>C(t,jg(13,"Enter")))){t.input.lastIOSEnter=0;return}if(t.state.selection.anchor>h.start&&VIe(d,h.start,h.endA,g,y)&&t.someProp("handleKeyDown",C=>C(t,jg(8,"Backspace")))){ip&&ki&&t.domObserver.suppressSelectionUpdates();return}ki&&h.endB==h.start&&(t.input.lastChromeDelete=Date.now()),ip&&!S&&g.start()!=y.start()&&y.parentOffset==0&&g.depth==y.depth&&c.sel&&c.sel.anchor==c.sel.head&&c.sel.head==h.endA&&(h.endB-=2,y=c.doc.resolveNoCache(h.endB-c.from),setTimeout(()=>{t.someProp("handleKeyDown",function(C){return C(t,jg(13,"Enter"))})},20));let b=h.start,v=h.endA,w=C=>{let P=C||t.state.tr.replace(b,v,c.doc.slice(h.start-c.from,h.endB-c.from));if(c.sel){let M=Xee(t,P.doc,c.sel);M&&!(ki&&t.composing&&M.empty&&(h.start!=h.endB||t.input.lastChromeDelete<Date.now()-100)&&(M.head==b||M.head==P.mapping.map(v)-1)||ea&&M.empty&&M.head==b)&&P.setSelection(M)}return i&&P.setMeta("composition",i),P.scrollIntoView()},x;if(S)if(g.pos==y.pos){ea&&xh<=11&&g.parentOffset==0&&(t.domObserver.suppressSelectionUpdates(),setTimeout(()=>ap(t),20));let C=w(t.state.tr.delete(b,v)),P=d.resolve(h.start).marksAcross(d.resolve(h.endA));P&&C.ensureMarks(P),t.dispatch(C)}else if(h.endA==h.endB&&(x=HIe(g.parent.content.cut(g.parentOffset,y.parentOffset),m.parent.content.cut(m.parentOffset,h.endA-m.start())))){let C=w(t.state.tr);x.type=="add"?C.addMark(b,v,x.mark):C.removeMark(b,v,x.mark),t.dispatch(C)}else if(g.parent.child(g.index()).isText&&g.index()==y.index()-(y.textOffset?0:1)){let C=g.parent.textBetween(g.parentOffset,y.parentOffset),P=()=>w(t.state.tr.insertText(C,b,v));t.someProp("handleTextInput",M=>M(t,b,v,C,P))||t.dispatch(P())}else t.dispatch(w());else t.dispatch(w())}function Xee(t,e,n){return Math.max(n.anchor,n.head)>e.content.size?null:m5(t,e.resolve(n.anchor),e.resolve(n.head))}function HIe(t,e){let n=t.firstChild.marks,o=e.firstChild.marks,r=n,i=o,s,a,l;for(let d=0;d<o.length;d++)r=o[d].removeFromSet(r);for(let d=0;d<n.length;d++)i=n[d].removeFromSet(i);if(r.length==1&&i.length==0)a=r[0],s="add",l=d=>d.mark(a.addToSet(d.marks));else if(r.length==0&&i.length==1)a=i[0],s="remove",l=d=>d.mark(a.removeFromSet(d.marks));else return null;let c=[];for(let d=0;d<e.childCount;d++)c.push(l(e.child(d)));if(re.from(c).eq(t))return{mark:a,type:s}}function VIe(t,e,n,o,r){if(n-e<=r.pos-o.pos||GU(o,!0,!1)<r.pos)return!1;let i=t.resolve(e);if(!o.parent.isTextblock){let a=i.nodeAfter;return a!=null&&n==e+a.nodeSize}if(i.parentOffset<i.parent.content.size||!i.parent.isTextblock)return!1;let s=t.resolve(GU(i,!0,!0));return!s.parent.isTextblock||s.pos>n||GU(s,!0,!1)<n?!1:o.parent.content.cut(o.parentOffset).eq(s.parent.content)}function GU(t,e,n){let o=t.depth,r=e?t.end():t.pos;for(;o>0&&(e||t.indexAfter(o)==t.node(o).childCount);)o--,r++,e=!1;if(n){let i=t.node(o).maybeChild(t.indexAfter(o));for(;i&&!i.isLeaf;)i=i.firstChild,r++}return r}function jIe(t,e,n,o,r){let i=t.findDiffStart(e,n),s=n+t.size,a=n+e.size;if(i==null)return null;let{a:l,b:c}=t.findDiffEnd(e,s,a);if(r=="end"){let d=Math.max(0,i-Math.min(l,c));o-=l+d-i}if(l<i&&s<a){let d=o<=i&&o>=l?i-o:0;i-=d,c=i+(c-l),l=i}else if(c<i){let d=o<=i&&o>=c?i-o:0;i-=d,l=i+(l-c),c=i}return{start:i,endA:l,endB:c}}var FC=class{constructor(e,n){this._root=null,this.focused=!1,this.trackWrites=null,this.mounted=!1,this.markCursor=null,this.cursorWrapper=null,this.lastSelectedViewDesc=void 0,this.input=new s5,this.prevDirectPlugins=[],this.pluginViews=[],this.requiresGeckoHackNode=!1,this.dragging=null,this._props=n,this.state=n.state,this.directPlugins=n.plugins||[],this.directPlugins.forEach(tte),this.dispatch=this.dispatch.bind(this),this.dom=e&&e.mount||document.createElement("div"),e&&(e.appendChild?e.appendChild(this.dom):typeof e=="function"?e(this.dom):e.mount&&(this.mounted=!0)),this.editable=Qee(this),Jee(this),this.nodeViews=ete(this),this.docView=Dee(this.state.doc,Zee(this),KU(this),this.dom,this),this.domObserver=new p5(this,(o,r,i,s)=>UIe(this,o,r,i,s)),this.domObserver.start(),uIe(this),this.updatePluginViews()}get composing(){return this.input.composing}get props(){if(this._props.state!=this.state){let e=this._props;this._props={};for(let n in e)this._props[n]=e[n];this._props.state=this.state}return this._props}update(e){e.handleDOMEvents!=this._props.handleDOMEvents&&a5(this);let n=this._props;this._props=e,e.plugins&&(e.plugins.forEach(tte),this.directPlugins=e.plugins),this.updateStateInner(e.state,n)}setProps(e){let n={};for(let o in this._props)n[o]=this._props[o];n.state=this.state;for(let o in e)n[o]=e[o];this.update(n)}updateState(e){this.updateStateInner(e,this._props)}updateStateInner(e,n){var o;let r=this.state,i=!1,s=!1;e.storedMarks&&this.composing&&(_te(this),s=!0),this.state=e;let a=r.plugins!=e.plugins||this._props.plugins!=n.plugins;if(a||this._props.plugins!=n.plugins||this._props.nodeViews!=n.nodeViews){let f=ete(this);KIe(f,this.nodeViews)&&(this.nodeViews=f,i=!0)}(a||n.handleDOMEvents!=this._props.handleDOMEvents)&&a5(this),this.editable=Qee(this),Jee(this);let l=KU(this),c=Zee(this),d=r.plugins!=e.plugins&&!r.doc.eq(e.doc)?"reset":e.scrollToSelection>r.scrollToSelection?"to selection":"preserve",u=i||!this.docView.matchesNode(e.doc,c,l);(u||!e.selection.eq(r.selection))&&(s=!0);let p=d=="preserve"&&s&&this.dom.style.overflowAnchor==null&&_Ee(this);if(s){this.domObserver.stop();let f=u&&(ea||ki)&&!this.composing&&!r.selection.empty&&!e.selection.empty&&$Ie(r.selection,e.selection);if(u){let g=ki?this.trackWrites=this.domSelectionRange().focusNode:null;this.composing&&(this.input.compositionNode=TIe(this)),(i||!this.docView.update(e.doc,c,l,this))&&(this.docView.updateOuterDeco(c),this.docView.destroy(),this.docView=Dee(e.doc,c,l,this.dom,this)),g&&(!this.trackWrites||!this.dom.contains(this.trackWrites))&&(f=!0)}let h=this.input.mouseDown;f||!(h&&this.domObserver.currentSelection.eq(this.domSelectionRange())&&qEe(this)&&h.delaySelUpdate())?ap(this,f):(mte(this,e.selection),this.domObserver.setCurSelection()),this.domObserver.start()}this.updatePluginViews(r),!((o=this.dragging)===null||o===void 0)&&o.node&&!r.doc.eq(e.doc)&&this.updateDraggedNode(this.dragging,r),d=="reset"?this.dom.scrollTop=0:d=="to selection"?this.scrollToSelection():p&&MEe(p)}scrollToSelection(){let e=this.domSelectionRange().focusNode;if(!(!e||!this.dom.contains(e.nodeType==1?e:e.parentNode))){if(!this.someProp("handleScrollToSelection",n=>n(this)))if(this.state.selection instanceof Re){let n=this.docView.domAfterPos(this.state.selection.from);n.nodeType==1&&_ee(this,n.getBoundingClientRect(),e)}else _ee(this,this.coordsAtPos(this.state.selection.head,1),e)}}destroyPluginViews(){let e;for(;e=this.pluginViews.pop();)e.destroy&&e.destroy()}updatePluginViews(e){if(!e||e.plugins!=this.state.plugins||this.directPlugins!=this.prevDirectPlugins){this.prevDirectPlugins=this.directPlugins,this.destroyPluginViews();for(let n=0;n<this.directPlugins.length;n++){let o=this.directPlugins[n];o.spec.view&&this.pluginViews.push(o.spec.view(this))}for(let n=0;n<this.state.plugins.length;n++){let o=this.state.plugins[n];o.spec.view&&this.pluginViews.push(o.spec.view(this))}}else for(let n=0;n<this.pluginViews.length;n++){let o=this.pluginViews[n];o.update&&o.update(this,e)}}updateDraggedNode(e,n){let o=e.node,r=-1;if(o.from<this.state.doc.content.size&&this.state.doc.nodeAt(o.from)==o.node)r=o.from;else{let i=o.from+(this.state.doc.content.size-n.doc.content.size);(i>0&&i<this.state.doc.content.size&&this.state.doc.nodeAt(i))==o.node&&(r=i)}this.dragging=new jA(e.slice,e.move,r<0?void 0:Re.create(this.state.doc,r))}someProp(e,n){let o=this._props&&this._props[e],r;if(o!=null&&(r=n?n(o):o))return r;for(let s=0;s<this.directPlugins.length;s++){let a=this.directPlugins[s].props[e];if(a!=null&&(r=n?n(a):a))return r}let i=this.state.plugins;if(i)for(let s=0;s<i.length;s++){let a=i[s].props[e];if(a!=null&&(r=n?n(a):a))return r}}hasFocus(){if(ea){let e=this.root.activeElement;if(e==this.dom)return!0;if(!e||!this.dom.contains(e))return!1;for(;e&&this.dom!=e&&this.dom.contains(e);){if(e.contentEditable=="false")return!1;e=e.parentElement}return!0}return this.root.activeElement==this.dom}focus(){this.domObserver.stop(),this.editable&&AEe(this.dom),ap(this),this.domObserver.start()}get root(){let e=this._root;if(e==null){for(let n=this.dom.parentNode;n;n=n.parentNode)if(n.nodeType==9||n.nodeType==11&&n.host)return n.getSelection||(Object.getPrototypeOf(n).getSelection=()=>n.ownerDocument.getSelection()),this._root=n}return e||document}updateRoot(){this._root=null}posAtCoords(e){return LEe(this,e)}coordsAtPos(e,n=1){return cte(this,e,n)}domAtPos(e,n=0){return this.docView.domFromPos(e,n)}nodeDOM(e){let n=this.docView.descAt(e);return n?n.nodeDOM:null}posAtDOM(e,n,o=-1){let r=this.docView.posFromDOM(e,n,o);if(r==null)throw new RangeError("DOM position not inside the editor");return r}endOfTextblock(e,n){return UEe(this,n||this.state,e)}pasteHTML(e,n){return LC(this,"",e,!1,n||new ClipboardEvent("paste"))}pasteText(e,n){return LC(this,e,null,!0,n||new ClipboardEvent("paste"))}serializeForClipboard(e){return g5(this,e)}destroy(){this.docView&&(dIe(this),this.destroyPluginViews(),this.mounted?(this.docView.update(this.state.doc,[],KU(this),this),this.dom.textContent=""):this.dom.parentNode&&this.dom.parentNode.removeChild(this.dom),this.docView.destroy(),this.docView=null,SEe())}get isDestroyed(){return this.docView==null}dispatchEvent(e){return fIe(this,e)}domSelectionRange(){let e=this.domSelection();return e?es&&this.root.nodeType===11&&TEe(this.dom.ownerDocument)==this.dom&&OIe(this,e)||e:{focusNode:null,focusOffset:0,anchorNode:null,anchorOffset:0}}domSelection(){return this.root.getSelection()}};FC.prototype.dispatch=function(t){let e=this._props.dispatchTransaction;e?e.call(this,t):this.updateState(this.state.apply(t))};function Zee(t){let e=Object.create(null);return e.class="ProseMirror",e.contenteditable=String(t.editable),t.someProp("attributes",n=>{if(typeof n=="function"&&(n=n(t.state)),n)for(let o in n)o=="class"?e.class+=" "+n[o]:o=="style"?e.style=(e.style?e.style+";":"")+n[o]:!e[o]&&o!="contenteditable"&&o!="nodeName"&&(e[o]=String(n[o]))}),e.translate||(e.translate="no"),[ts.node(0,t.state.doc.content.size,e)]}function Jee(t){if(t.markCursor){let e=document.createElement("img");e.className="ProseMirror-separator",e.setAttribute("mark-placeholder","true"),e.setAttribute("alt",""),t.cursorWrapper={dom:e,deco:ts.widget(t.state.selection.from,e,{raw:!0,marks:t.markCursor})}}else t.cursorWrapper=null}function Qee(t){return!t.someProp("editable",e=>e(t.state)===!1)}function $Ie(t,e){let n=Math.min(t.$anchor.sharedDepth(t.head),e.$anchor.sharedDepth(e.head));return t.$anchor.start(n)!=e.$anchor.start(n)}function ete(t){let e=Object.create(null);function n(o){for(let r in o)Object.prototype.hasOwnProperty.call(e,r)||(e[r]=o[r])}return t.someProp("nodeViews",n),t.someProp("markViews",n),e}function KIe(t,e){let n=0,o=0;for(let r in t){if(t[r]!=e[r])return!0;n++}for(let r in e)o++;return n!=o}function tte(t){if(t.spec.state||t.spec.filterTransaction||t.spec.appendTransaction)throw new RangeError("Plugins passed directly to the view must not have a state component")}var lp={8:"Backspace",9:"Tab",10:"Enter",12:"NumLock",13:"Enter",16:"Shift",17:"Control",18:"Alt",20:"CapsLock",27:"Escape",32:" ",33:"PageUp",34:"PageDown",35:"End",36:"Home",37:"ArrowLeft",38:"ArrowUp",39:"ArrowRight",40:"ArrowDown",44:"PrintScreen",45:"Insert",46:"Delete",59:";",61:"=",91:"Meta",92:"Meta",106:"*",107:"+",108:",",109:"-",110:".",111:"/",144:"NumLock",145:"ScrollLock",160:"Shift",161:"Shift",162:"Control",163:"Control",164:"Alt",165:"Alt",173:"-",186:";",187:"=",188:",",189:"-",190:".",191:"/",192:"`",219:"[",220:"\\",221:"]",222:"'"},qA={48:")",49:"!",50:"@",51:"#",52:"$",53:"%",54:"^",55:"&",56:"*",57:"(",59:":",61:"+",173:"_",186:":",187:"+",188:"<",189:"_",190:">",191:"?",192:"~",219:"{",220:"|",221:"}",222:'"'},GIe=typeof navigator<"u"&&/Mac/.test(navigator.platform),WIe=typeof navigator<"u"&&/MSIE \d|Trident\/(?:[7-9]|\d{2,})\..*rv:(\d+)/.exec(navigator.userAgent);for(Cr=0;Cr<10;Cr++)lp[48+Cr]=lp[96+Cr]=String(Cr);var Cr;for(Cr=1;Cr<=24;Cr++)lp[Cr+111]="F"+Cr;var Cr;for(Cr=65;Cr<=90;Cr++)lp[Cr]=String.fromCharCode(Cr+32),qA[Cr]=String.fromCharCode(Cr);var Cr;for(YA in lp)qA.hasOwnProperty(YA)||(qA[YA]=lp[YA]);var YA;function Ote(t){var e=GIe&&t.metaKey&&t.shiftKey&&!t.ctrlKey&&!t.altKey||WIe&&t.shiftKey&&t.key&&t.key.length==1||t.key=="Unidentified",n=!e&&t.key||(t.shiftKey?qA:lp)[t.keyCode]||t.key||"Unidentified";return n=="Esc"&&(n="Escape"),n=="Del"&&(n="Delete"),n=="Left"&&(n="ArrowLeft"),n=="Up"&&(n="ArrowUp"),n=="Right"&&(n="ArrowRight"),n=="Down"&&(n="ArrowDown"),n}var YIe=typeof navigator<"u"&&/Mac|iP(hone|[oa]d)/.test(navigator.platform),qIe=typeof navigator<"u"&&/Win/.test(navigator.platform);function XIe(t){let e=t.split(/-(?!$)/),n=e[e.length-1];n=="Space"&&(n=" ");let o,r,i,s;for(let a=0;a<e.length-1;a++){let l=e[a];if(/^(cmd|meta|m)$/i.test(l))s=!0;else if(/^a(lt)?$/i.test(l))o=!0;else if(/^(c|ctrl|control)$/i.test(l))r=!0;else if(/^s(hift)?$/i.test(l))i=!0;else if(/^mod$/i.test(l))YIe?s=!0:r=!0;else throw new Error("Unrecognized modifier name: "+l)}return o&&(n="Alt-"+n),r&&(n="Ctrl-"+n),s&&(n="Meta-"+n),i&&(n="Shift-"+n),n}function ZIe(t){let e=Object.create(null);for(let n in t)e[XIe(n)]=t[n];return e}function w5(t,e,n=!0){return e.altKey&&(t="Alt-"+t),e.ctrlKey&&(t="Ctrl-"+t),e.metaKey&&(t="Meta-"+t),n&&e.shiftKey&&(t="Shift-"+t),t}function Lte(t){return new Ye({props:{handleKeyDown:x5(t)}})}function x5(t){let e=ZIe(t);return function(n,o){let r=Ote(o),i,s=e[w5(r,o)];if(s&&s(n.state,n.dispatch,n))return!0;if(r.length==1&&r!=" "){if(o.shiftKey){let a=e[w5(r,o,!1)];if(a&&a(n.state,n.dispatch,n))return!0}if((o.altKey||o.metaKey||o.ctrlKey)&&!(qIe&&o.ctrlKey&&o.altKey)&&(i=lp[o.keyCode])&&i!=r){let a=e[w5(i,o)];if(a&&a(n.state,n.dispatch,n))return!0}}return!1}}var JIe=Object.defineProperty,M5=(t,e)=>{for(var n in e)JIe(t,n,{get:e[n],enumerable:!0})};function nk(t){let{state:e,transaction:n}=t,{selection:o}=n,{doc:r}=n,{storedMarks:i}=n;return{...e,apply:e.apply.bind(e),applyTransaction:e.applyTransaction.bind(e),plugins:e.plugins,schema:e.schema,reconfigure:e.reconfigure.bind(e),toJSON:e.toJSON.bind(e),get storedMarks(){return i},get selection(){return o},get doc(){return r},get tr(){return o=n.selection,r=n.doc,i=n.storedMarks,n}}}var ok=class{constructor(t){this.editor=t.editor,this.rawCommands=this.editor.extensionManager.commands,this.customState=t.state}get hasCustomState(){return!!this.customState}get state(){return this.customState||this.editor.state}get commands(){let{rawCommands:t,editor:e,state:n}=this,{view:o}=e,{tr:r}=n,i=this.buildProps(r);return Object.fromEntries(Object.entries(t).map(([s,a])=>[s,(...c)=>{let d=a(...c)(i);return!r.getMeta("preventDispatch")&&!this.hasCustomState&&o.dispatch(r),d}]))}get chain(){return()=>this.createChain()}get can(){return()=>this.createCan()}createChain(t,e=!0){let{rawCommands:n,editor:o,state:r}=this,{view:i}=o,s=[],a=!!t,l=t||r.tr,c=()=>(!a&&e&&!l.getMeta("preventDispatch")&&!this.hasCustomState&&i.dispatch(l),s.every(u=>u===!0)),d={...Object.fromEntries(Object.entries(n).map(([u,p])=>[u,(...h)=>{let g=this.buildProps(l,e),y=p(...h)(g);return s.push(y),d}])),run:c};return d}createCan(t){let{rawCommands:e,state:n}=this,o=!1,r=t||n.tr,i=this.buildProps(r,o);return{...Object.fromEntries(Object.entries(e).map(([a,l])=>[a,(...c)=>l(...c)({...i,dispatch:void 0})])),chain:()=>this.createChain(r,o)}}buildProps(t,e=!0){let{rawCommands:n,editor:o,state:r}=this,{view:i}=o,s={tr:t,editor:o,view:i,state:nk({state:r,transaction:t}),dispatch:e?()=>{}:void 0,chain:()=>this.createChain(t,e),can:()=>this.createCan(t),get commands(){return Object.fromEntries(Object.entries(n).map(([a,l])=>[a,(...c)=>l(...c)(s)]))}};return s}},Wte={};M5(Wte,{blur:()=>QIe,clearContent:()=>e_e,clearNodes:()=>t_e,command:()=>n_e,createParagraphNear:()=>o_e,cut:()=>r_e,deleteCurrentNode:()=>i_e,deleteNode:()=>s_e,deleteRange:()=>a_e,deleteSelection:()=>u_e,enter:()=>d_e,exitCode:()=>p_e,extendMarkRange:()=>f_e,first:()=>h_e,focus:()=>g_e,forEach:()=>y_e,insertContent:()=>S_e,insertContentAt:()=>v_e,insertDefaultBlock:()=>w_e,joinBackward:()=>C_e,joinDown:()=>T_e,joinForward:()=>P_e,joinItemBackward:()=>E_e,joinItemForward:()=>I_e,joinTextblockBackward:()=>__e,joinTextblockForward:()=>M_e,joinUp:()=>x_e,keyboardShortcut:()=>k_e,lift:()=>R_e,liftEmptyBlock:()=>D_e,liftListItem:()=>O_e,newlineInCode:()=>L_e,resetAttributes:()=>N_e,scrollIntoView:()=>F_e,selectAll:()=>B_e,selectNodeBackward:()=>z_e,selectNodeForward:()=>U_e,selectParentNode:()=>H_e,selectTextblockEnd:()=>V_e,selectTextblockStart:()=>j_e,setContent:()=>$_e,setMark:()=>rMe,setMeta:()=>iMe,setNode:()=>sMe,setNodeSelection:()=>aMe,setTextDirection:()=>lMe,setTextSelection:()=>cMe,sinkListItem:()=>uMe,splitBlock:()=>dMe,splitListItem:()=>pMe,toggleList:()=>hMe,toggleMark:()=>mMe,toggleNode:()=>gMe,toggleWrap:()=>yMe,undoInputRule:()=>SMe,unsetAllMarks:()=>bMe,unsetMark:()=>vMe,unsetTextDirection:()=>wMe,updateAttributes:()=>xMe,wrapIn:()=>TMe,wrapInList:()=>CMe});var QIe=()=>({editor:t,view:e})=>(requestAnimationFrame(()=>{var n;t.isDestroyed||(e.dom.blur(),(n=window?.getSelection())==null||n.removeAllRanges())}),!0),e_e=(t=!0)=>({commands:e})=>e.setContent("",{emitUpdate:t}),t_e=()=>({state:t,tr:e,dispatch:n})=>{let{selection:o}=e,{ranges:r}=o;return n&&r.forEach(({$from:i,$to:s})=>{t.doc.nodesBetween(i.pos,s.pos,(a,l)=>{if(a.type.isText)return;let{doc:c,mapping:d}=e,u=c.resolve(d.map(l)),p=c.resolve(d.map(l+a.nodeSize)),f=u.blockRange(p);if(!f)return;let h=np(f);if(a.type.isTextblock){let{defaultType:g}=u.parent.contentMatchAt(u.index());e.setNodeMarkup(f.start,g)}(h||h===0)&&e.lift(f,h)})}),!0},n_e=t=>e=>t(e),o_e=()=>({state:t,dispatch:e})=>NU(t,e),r_e=(t,e)=>({editor:n,tr:o})=>{let{state:r}=n,i=r.doc.slice(t.from,t.to);o.deleteRange(t.from,t.to);let s=o.mapping.map(e);return o.insert(s,i.content),o.setSelection(new Ie(o.doc.resolve(Math.max(s-1,0)))),!0},i_e=()=>({tr:t,dispatch:e})=>{let{selection:n}=t,o=n.$anchor.node();if(o.content.size>0)return!1;let r=t.selection.$anchor;for(let i=r.depth;i>0;i-=1)if(r.node(i).type===o.type){if(e){let a=r.before(i),l=r.after(i);t.delete(a,l).scrollIntoView()}return!0}return!1};function Yo(t,e){if(typeof t=="string"){if(!e.nodes[t])throw Error(`There is no node type named '${t}'. Maybe you forgot to add the extension?`);return e.nodes[t]}return t}var s_e=t=>({tr:e,state:n,dispatch:o})=>{let r=Yo(t,n.schema),i=e.selection.$anchor;for(let s=i.depth;s>0;s-=1)if(i.node(s).type===r){if(o){let l=i.before(s),c=i.after(s);e.delete(l,c).scrollIntoView()}return!0}return!1},a_e=t=>({tr:e,dispatch:n})=>{let{from:o,to:r}=t;return n&&e.delete(o,r),!0},l_e=t=>t.content?/^text(\*|\+)/.test(t.content):!1,Nte=(t,e,n)=>{if(!t.parent.isInline||n==="left"&&t.pos>t.start()||n==="right"&&t.pos<t.end())return t.pos;let o=e.nodes[t.parent.type.name].spec;return l_e(o)?n==="left"?t.start()-1:t.end()+1:t.pos},c_e=(t,e,n)=>{let o=Nte(t,n,"left"),r=Nte(e,n,"right");return{from:o,to:r}},u_e=()=>({state:t,dispatch:e})=>{if(t.selection.empty)return!1;if(e){let n=t.tr,{ranges:o}=t.selection,r=n.steps.length;o.forEach(i=>{let s=n.mapping.slice(r),a=n.doc.resolve(s.map(i.$from.pos)),l=n.doc.resolve(s.map(i.$to.pos)),{from:c,to:d}=c_e(a,l,t.schema);n.deleteRange(c,d)}),n.selection.empty||n.setSelection(Ie.near(n.doc.resolve(n.selection.from))),n.scrollIntoView(),e(n)}return!0},d_e=()=>({commands:t})=>t.keyboardShortcut("Enter"),p_e=()=>({state:t,dispatch:e})=>LU(t,e);function A5(t){return Object.prototype.toString.call(t)==="[object RegExp]"}function ek(t,e,n={strict:!0}){let o=Object.keys(e);return o.length?o.every(r=>n.strict?e[r]===t[r]:A5(e[r])?e[r].test(t[r]):e[r]===t[r]):!0}function Yte(t,e,n={}){return t.find(o=>o.type===e&&ek(Object.fromEntries(Object.keys(n).map(r=>[r,o.attrs[r]])),n))}function Fte(t,e,n={}){return!!Yte(t,e,n)}function GC(t,e,n){if(!t||!e)return;let o=t.parent.childAfter(t.parentOffset);if((!o.node||!o.node.marks.some(c=>c.type===e))&&(o=t.parent.childBefore(t.parentOffset)),!o.node||!o.node.marks.some(c=>c.type===e))return;if(!n){let c=o.node.marks.find(d=>d.type===e);c&&(n=c.attrs)}if(!Yte([...o.node.marks],e,n))return;let i=o.index,s=t.start()+o.offset,a=i+1,l=s+o.node.nodeSize;for(;i>0&&Fte([...t.parent.child(i-1).marks],e,n);)i-=1,s-=t.parent.child(i).nodeSize;for(;a<t.parent.childCount&&Fte([...t.parent.child(a).marks],e,n);)l+=t.parent.child(a).nodeSize,a+=1;return{from:s,to:l}}function cp(t,e){if(typeof t=="string"){if(!e.marks[t])throw Error(`There is no mark type named '${t}'. Maybe you forgot to add the extension?`);return e.marks[t]}return t}var f_e=(t,e)=>({tr:n,state:o,dispatch:r})=>{let i=cp(t,o.schema),{doc:s,selection:a}=n,{$from:l,from:c,to:d}=a;if(r){let u=GC(l,i,e);if(u&&u.from<=c&&u.to>=d){let p=Ie.create(s,u.from,u.to);n.setSelection(p)}}return!0},h_e=t=>e=>{let n=typeof t=="function"?t(e):t;for(let o=0;o<n.length;o+=1)if(n[o](e))return!0;return!1};function qte(t){return t instanceof Ie}function Jg(t=0,e=0,n=0){return Math.min(Math.max(t,e),n)}function E5(t,e=null){if(!e)return null;let n=Xe.atStart(t),o=Xe.atEnd(t);if(e==="start"||e===!0)return n;if(e==="end")return o;let r=n.from,i=o.to;return e==="all"?Ie.create(t,Jg(0,r,i),Jg(t.content.size,r,i)):Ie.create(t,Jg(e,r,i),Jg(e,r,i))}function Bte(){return["Android"].includes(navigator.platform)||/android/i.test(navigator.userAgent)}function tk(){return["iPad Simulator","iPhone Simulator","iPod Simulator","iPad","iPhone","iPod"].includes(navigator.platform)||navigator.userAgent.includes("Mac")&&"ontouchend"in document}function m_e(){return typeof navigator<"u"?/^((?!chrome|android).)*safari/i.test(navigator.userAgent):!1}var g_e=(t=null,e={})=>({editor:n,view:o,tr:r,dispatch:i})=>{e={scrollIntoView:!0,...e};let s=()=>{(tk()||Bte())&&o.dom.focus(),m_e()&&!tk()&&!Bte()&&o.dom.focus({preventScroll:!0}),requestAnimationFrame(()=>{n.isDestroyed||(o.focus(),e?.scrollIntoView&&n.commands.scrollIntoView())})};try{if(o.hasFocus()&&t===null||t===!1)return!0}catch{return!1}if(i&&t===null&&!qte(n.state.selection))return s(),!0;let a=E5(r.doc,t)||n.state.selection,l=n.state.selection.eq(a);return i&&(l||r.setSelection(a),l&&r.storedMarks&&r.setStoredMarks(r.storedMarks),s()),!0},y_e=(t,e)=>n=>t.every((o,r)=>e(o,{...n,index:r})),S_e=(t,e)=>({tr:n,commands:o})=>o.insertContentAt({from:n.selection.from,to:n.selection.to},t,e),Xte=t=>{let e=t.childNodes;for(let n=e.length-1;n>=0;n-=1){let o=e[n];o.nodeType===3&&o.nodeValue&&/^(\n\s\s|\n)$/.test(o.nodeValue)?t.removeChild(o):o.nodeType===1&&Xte(o)}return t};function jC(t){if(typeof window>"u")throw new Error("[tiptap error]: there is no window object available, so this function cannot be used");let e=`<body>${t}</body>`,n=new window.DOMParser().parseFromString(e,"text/html").body;return Xte(n)}function wv(t,e,n){if(t instanceof si||t instanceof re)return t;n={slice:!0,parseOptions:{},...n};let o=typeof t=="object"&&t!==null,r=typeof t=="string";if(o)try{if(Array.isArray(t)&&t.length>0)return re.fromArray(t.map(a=>e.nodeFromJSON(a)));let s=e.nodeFromJSON(t);return n.errorOnInvalidContent&&s.check(),s}catch(i){if(n.errorOnInvalidContent)throw new Error("[tiptap error]: Invalid JSON content",{cause:i});return console.warn("[tiptap warn]: Invalid content.","Passed value:",t,"Error:",i),wv("",e,n)}if(r){if(n.errorOnInvalidContent){let s=!1,a="",l=new cv({topNode:e.spec.topNode,marks:e.spec.marks,nodes:e.spec.nodes.append({__tiptap__private__unknown__catch__all__node:{content:"inline*",group:"block",parseDOM:[{tag:"*",getAttrs:c=>(s=!0,a=typeof c=="string"?c:c.outerHTML,null)}]}})});if(n.slice?Sc.fromSchema(l).parseSlice(jC(t),n.parseOptions):Sc.fromSchema(l).parse(jC(t),n.parseOptions),n.errorOnInvalidContent&&s)throw new Error("[tiptap error]: Invalid HTML content",{cause:new Error(`Invalid element found: ${a}`)})}let i=Sc.fromSchema(e);return n.slice?i.parseSlice(jC(t),n.parseOptions).content:i.parse(jC(t),n.parseOptions)}return wv("",e,n)}function Zte(t,e,n){let o=t.steps.length-1;if(o<e)return;let r=t.steps[o];if(!(r instanceof Mi||r instanceof Tr))return;let i=t.mapping.maps[o],s=0;i.forEach((a,l,c,d)=>{s===0&&(s=d)}),t.setSelection(Xe.near(t.doc.resolve(s),n))}var b_e=t=>!("type"in t),v_e=(t,e,n)=>({tr:o,dispatch:r,editor:i})=>{var s;if(r){n={parseOptions:i.options.parseOptions,updateSelection:!0,applyInputRules:!1,applyPasteRules:!1,...n};let a,l=y=>{i.emit("contentError",{editor:i,error:y,disableCollaboration:()=>{"collaboration"in i.storage&&typeof i.storage.collaboration=="object"&&i.storage.collaboration&&(i.storage.collaboration.isDisabled=!0)}})},c={preserveWhitespace:"full",...n.parseOptions};if(!n.errorOnInvalidContent&&!i.options.enableContentCheck&&i.options.emitContentError)try{wv(e,i.schema,{parseOptions:c,errorOnInvalidContent:!0})}catch(y){l(y)}try{a=wv(e,i.schema,{parseOptions:c,errorOnInvalidContent:(s=n.errorOnInvalidContent)!=null?s:i.options.enableContentCheck})}catch(y){return l(y),!1}let{from:d,to:u}=typeof t=="number"?{from:t,to:t}:{from:t.from,to:t.to},p=!0,f=!0;if((b_e(a)?a:[a]).forEach(y=>{y.check(),p=p?y.isText&&y.marks.length===0:!1,f=f?y.isBlock:!1}),d===u&&f){let{parent:y}=o.doc.resolve(d);y.isTextblock&&!y.type.spec.code&&!y.childCount&&(d-=1,u+=1)}let g;if(p){if(Array.isArray(e))g=e.map(y=>y.text||"").join("");else if(e instanceof re){let y="";e.forEach(m=>{m.text&&(y+=m.text)}),g=y}else typeof e=="object"&&e&&e.text?g=e.text:g=e;o.insertText(g,d,u)}else{g=a;let y=o.doc.resolve(d),m=y.node(),S=y.parentOffset===0,b=m.isText||m.isTextblock,v=m.content.size>0;S&&b&&v&&f&&(d=Math.max(0,d-1)),o.replaceWith(d,u,g)}n.updateSelection&&Zte(o,o.steps.length-1,-1),n.applyInputRules&&o.setMeta("applyInputRules",{from:d,text:g}),n.applyPasteRules&&o.setMeta("applyPasteRules",{from:d,text:g})}return!0};function Jte(t){for(let e=0;e<t.edgeCount;e+=1){let{type:n}=t.edge(e);if(n.isTextblock&&!n.hasRequiredAttrs())return n}return null}var w_e=(t={})=>({tr:e,dispatch:n,editor:o})=>{let{pos:r,attrs:i,content:s,updateSelection:a=!0}=t,l;typeof r=="number"?l=e.doc.resolve(r):r?l=r:l=e.selection.$from;let c=Jte(l.parent.contentMatchAt(l.index()));if(!c)return!1;let d=Object.keys(c.spec.attrs||{}),u=i?Object.fromEntries(Object.entries(i).filter(([f])=>d.includes(f))):{},p;if(s){let f=wv(s,o.schema);p=c.createAndFill(u,f)}else p=c.createAndFill(u);return p?(n&&(e.insert(l.pos,p),a&&Zte(e,e.steps.length-1,-1)),!0):!1},x_e=()=>({state:t,dispatch:e})=>gee(t,e),T_e=()=>({state:t,dispatch:e})=>yee(t,e),C_e=()=>({state:t,dispatch:e})=>IU(t,e),P_e=()=>({state:t,dispatch:e})=>AU(t,e),E_e=()=>({state:t,dispatch:e,tr:n})=>{try{let o=Hg(t.doc,t.selection.$from.pos,-1);return o==null?!1:(n.join(o,2),e&&e(n),!0)}catch{return!1}},I_e=()=>({state:t,dispatch:e,tr:n})=>{try{let o=Hg(t.doc,t.selection.$from.pos,1);return o==null?!1:(n.join(o,2),e&&e(n),!0)}catch{return!1}},__e=()=>({state:t,dispatch:e})=>pee(t,e),M_e=()=>({state:t,dispatch:e})=>fee(t,e);function Qte(){return typeof navigator<"u"?/Mac/.test(navigator.platform):!1}function A_e(t){let e=t.split(/-(?!$)/),n=e[e.length-1];n==="Space"&&(n=" ");let o,r,i,s;for(let a=0;a<e.length-1;a+=1){let l=e[a];if(/^(cmd|meta|m)$/i.test(l))s=!0;else if(/^a(lt)?$/i.test(l))o=!0;else if(/^(c|ctrl|control)$/i.test(l))r=!0;else if(/^s(hift)?$/i.test(l))i=!0;else if(/^mod$/i.test(l))tk()||Qte()?s=!0:r=!0;else throw new Error(`Unrecognized modifier name: ${l}`)}return o&&(n=`Alt-${n}`),r&&(n=`Ctrl-${n}`),s&&(n=`Meta-${n}`),i&&(n=`Shift-${n}`),n}var k_e=t=>({editor:e,view:n,tr:o,dispatch:r})=>{let i=A_e(t).split(/-(?!$)/),s=i.find(c=>!["Alt","Ctrl","Meta","Shift"].includes(c)),a=new KeyboardEvent("keydown",{key:s==="Space"?" ":s,altKey:i.includes("Alt"),ctrlKey:i.includes("Ctrl"),metaKey:i.includes("Meta"),shiftKey:i.includes("Shift"),bubbles:!0,cancelable:!0}),l=e.captureTransaction(()=>{n.someProp("handleKeyDown",c=>c(n,a))});return l?.steps.forEach(c=>{let d=c.map(o.mapping);d&&r&&o.maybeStep(d)}),!0};function Su(t,e,n={}){let{from:o,to:r,empty:i}=t.selection,s=e?Yo(e,t.schema):null,a=[];t.doc.nodesBetween(o,r,(u,p)=>{if(u.isText)return;let f=Math.max(o,p),h=Math.min(r,p+u.nodeSize);a.push({node:u,from:f,to:h})});let l=r-o,c=a.filter(u=>s?s.name===u.node.type.name:!0).filter(u=>ek(u.node.attrs,n,{strict:!1}));return i?!!c.length:c.reduce((u,p)=>u+p.to-p.from,0)>=l}var R_e=(t,e={})=>({state:n,dispatch:o})=>{let r=Yo(t,n.schema);return Su(n,r,e)?See(n,o):!1},D_e=()=>({state:t,dispatch:e})=>FU(t,e),O_e=t=>({state:e,dispatch:n})=>{let o=Yo(t,e.schema);return Cee(o)(e,n)},L_e=()=>({state:t,dispatch:e})=>DU(t,e);function rk(t,e){return e.nodes[t]?"node":e.marks[t]?"mark":null}function zte(t,e){let n=typeof e=="string"?[e]:e;return Object.keys(t).reduce((o,r)=>(n.includes(r)||(o[r]=t[r]),o),{})}var N_e=(t,e)=>({tr:n,state:o,dispatch:r})=>{let i=null,s=null,a=rk(typeof t=="string"?t:t.name,o.schema);if(!a)return!1;a==="node"&&(i=Yo(t,o.schema)),a==="mark"&&(s=cp(t,o.schema));let l=!1;return n.selection.ranges.forEach(c=>{o.doc.nodesBetween(c.$from.pos,c.$to.pos,(d,u)=>{i&&i===d.type&&(l=!0,r&&n.setNodeMarkup(u,void 0,zte(d.attrs,e))),s&&d.marks.length&&d.marks.forEach(p=>{s===p.type&&(l=!0,r&&n.addMark(u,u+d.nodeSize,s.create(zte(p.attrs,e))))})})}),l},F_e=()=>({tr:t,dispatch:e})=>(e&&t.scrollIntoView(),!0),B_e=()=>({tr:t,dispatch:e})=>{if(e){let n=new ws(t.doc);t.setSelection(n)}return!0},z_e=()=>({state:t,dispatch:e})=>_U(t,e),U_e=()=>({state:t,dispatch:e})=>kU(t,e),H_e=()=>({state:t,dispatch:e})=>bee(t,e),V_e=()=>({state:t,dispatch:e})=>zU(t,e),j_e=()=>({state:t,dispatch:e})=>BU(t,e);function I5(t,e,n={},o={}){return wv(t,e,{slice:!1,parseOptions:n,errorOnInvalidContent:o.errorOnInvalidContent})}var $_e=(t,{errorOnInvalidContent:e,emitUpdate:n=!0,parseOptions:o={}}={})=>({editor:r,tr:i,dispatch:s,commands:a})=>{let{doc:l}=i;if(o.preserveWhitespace!=="full"){let c=I5(t,r.schema,o,{errorOnInvalidContent:e??r.options.enableContentCheck});return s&&i.replaceWith(0,l.content.size,c).setMeta("preventUpdate",!n),!0}return s&&i.setMeta("preventUpdate",!n),a.insertContentAt({from:0,to:l.content.size},t,{parseOptions:o,errorOnInvalidContent:e??r.options.enableContentCheck})};function ene(t,e){let n=cp(e,t.schema),{from:o,to:r,empty:i}=t.selection,s=[];i?(t.storedMarks&&s.push(...t.storedMarks),s.push(...t.selection.$head.marks())):t.doc.nodesBetween(o,r,l=>{s.push(...l.marks)});let a=s.find(l=>l.type.name===n.name);return a?{...a.attrs}:{}}function k5(t,e){let n=new pv(t);return e.forEach(o=>{o.steps.forEach(r=>{n.step(r)})}),n}function tne(t,e,n){let o=[];return t.nodesBetween(e.from,e.to,(r,i)=>{n(r)&&o.push({node:r,pos:i})}),o}function K_e(t,e){for(let n=t.depth;n>0;n-=1){let o=t.node(n);if(e(o))return{pos:n>0?t.before(n):0,start:t.start(n),depth:n,node:o}}}function ik(t){return e=>K_e(e.$from,t)}function Oe(t,e,n){return t.config[e]===void 0&&t.parent?Oe(t.parent,e,n):typeof t.config[e]=="function"?t.config[e].bind({...n,parent:t.parent?Oe(t.parent,e,n):null}):t.config[e]}function R5(t){return t.map(e=>{let n={name:e.name,options:e.options,storage:e.storage},o=Oe(e,"addExtensions",n);return o?[e,...R5(o())]:e}).flat(10)}function sk(t,e){let n=Qd.fromSchema(e).serializeFragment(t),r=document.implementation.createHTMLDocument().createElement("div");return r.appendChild(n),r.innerHTML}function nne(t){return typeof t=="function"}function dn(t,e=void 0,...n){return nne(t)?e?t.bind(e)(...n):t(...n):t}function G_e(t={}){return Object.keys(t).length===0&&t.constructor===Object}function xv(t){let e=t.filter(r=>r.type==="extension"),n=t.filter(r=>r.type==="node"),o=t.filter(r=>r.type==="mark");return{baseExtensions:e,nodeExtensions:n,markExtensions:o}}function one(t){let e=[],{nodeExtensions:n,markExtensions:o}=xv(t),r=[...n,...o],i={default:null,validate:void 0,rendered:!0,renderHTML:null,parseHTML:null,keepOnSplit:!0,isRequired:!1},s=n.filter(c=>c.name!=="text").map(c=>c.name),a=o.map(c=>c.name),l=[...s,...a];return t.forEach(c=>{let d={name:c.name,options:c.options,storage:c.storage,extensions:r},u=Oe(c,"addGlobalAttributes",d);if(!u)return;u().forEach(f=>{let h;Array.isArray(f.types)?h=f.types:f.types==="*"?h=l:f.types==="nodes"?h=s:f.types==="marks"?h=a:h=[],h.forEach(g=>{Object.entries(f.attributes).forEach(([y,m])=>{e.push({type:g,name:y,attribute:{...i,...m}})})})})}),r.forEach(c=>{let d={name:c.name,options:c.options,storage:c.storage},u=Oe(c,"addAttributes",d);if(!u)return;let p=u();Object.entries(p).forEach(([f,h])=>{let g={...i,...h};typeof g?.default=="function"&&(g.default=g.default()),g?.isRequired&&g?.default===void 0&&delete g.default,e.push({type:c.name,name:f,attribute:g})})}),e}function W_e(t){let e=[],n="",o=!1,r=!1,i=0,s=t.length;for(let a=0;a<s;a+=1){let l=t[a];if(l==="'"&&!r){o=!o,n+=l;continue}if(l==='"'&&!o){r=!r,n+=l;continue}if(!o&&!r){if(l==="("){i+=1,n+=l;continue}if(l===")"&&i>0){i-=1,n+=l;continue}if(l===";"&&i===0){e.push(n),n="";continue}}n+=l}return n&&e.push(n),e}function Ute(t){let e=[],n=W_e(t||""),o=n.length;for(let r=0;r<o;r+=1){let i=n[r],s=i.indexOf(":");if(s===-1)continue;let a=i.slice(0,s).trim(),l=i.slice(s+1).trim();a&&l&&e.push([a,l])}return e}function It(...t){return t.filter(e=>!!e).reduce((e,n)=>{let o={...e};return Object.entries(n).forEach(([r,i])=>{if(!o[r]){o[r]=i;return}if(r==="class"){let a=i?String(i).split(" "):[],l=o[r]?o[r].split(" "):[],c=a.filter(d=>!l.includes(d));o[r]=[...l,...c].join(" ")}else if(r==="style"){let a=new Map([...Ute(o[r]),...Ute(i)]);o[r]=Array.from(a.entries()).map(([l,c])=>`${l}: ${c}`).join("; ")}else o[r]=i}),o},{})}function Tv(t,e){return e.filter(n=>n.type===t.type.name).filter(n=>n.attribute.rendered).map(n=>n.attribute.renderHTML?n.attribute.renderHTML(t.attrs)||{}:{[n.name]:t.attrs[n.name]}).reduce((n,o)=>It(n,o),{})}function Y_e(t){return typeof t!="string"?t:t.match(/^[+-]?(?:\d*\.)?\d+$/)?Number(t):t==="true"?!0:t==="false"?!1:t}function Hte(t,e){return"style"in t?t:{...t,getAttrs:n=>{let o=t.getAttrs?t.getAttrs(n):t.attrs;if(o===!1)return!1;let r=e.reduce((i,s)=>{let a=s.attribute.parseHTML?s.attribute.parseHTML(n):Y_e(n.getAttribute(s.name));return a==null?i:{...i,[s.name]:a}},{});return{...o,...r}}}}function Vte(t){return Object.fromEntries(Object.entries(t).filter(([e,n])=>e==="attrs"&&G_e(n)?!1:n!=null))}function jte(t){var e,n;let o={};return!((e=t?.attribute)!=null&&e.isRequired)&&"default"in(t?.attribute||{})&&(o.default=t.attribute.default),((n=t?.attribute)==null?void 0:n.validate)!==void 0&&(o.validate=t.attribute.validate),[t.name,o]}function rne(t,e){var n;let o=one(t),{nodeExtensions:r,markExtensions:i}=xv(t),s=(n=r.find(c=>Oe(c,"topNode")))==null?void 0:n.name,a=Object.fromEntries(r.map(c=>{let d=o.filter(m=>m.type===c.name),u={name:c.name,options:c.options,storage:c.storage,editor:e},p=t.reduce((m,S)=>{let b=Oe(S,"extendNodeSchema",u);return{...m,...b?b(c):{}}},{}),f=Vte({...p,content:dn(Oe(c,"content",u)),marks:dn(Oe(c,"marks",u)),group:dn(Oe(c,"group",u)),inline:dn(Oe(c,"inline",u)),atom:dn(Oe(c,"atom",u)),selectable:dn(Oe(c,"selectable",u)),draggable:dn(Oe(c,"draggable",u)),code:dn(Oe(c,"code",u)),whitespace:dn(Oe(c,"whitespace",u)),linebreakReplacement:dn(Oe(c,"linebreakReplacement",u)),defining:dn(Oe(c,"defining",u)),isolating:dn(Oe(c,"isolating",u)),attrs:Object.fromEntries(d.map(jte))}),h=dn(Oe(c,"parseHTML",u));h&&(f.parseDOM=h.map(m=>Hte(m,d)));let g=Oe(c,"renderHTML",u);g&&(f.toDOM=m=>g({node:m,HTMLAttributes:Tv(m,d)}));let y=Oe(c,"renderText",u);return y&&(f.toText=y),[c.name,f]})),l=Object.fromEntries(i.map(c=>{let d=o.filter(y=>y.type===c.name),u={name:c.name,options:c.options,storage:c.storage,editor:e},p=t.reduce((y,m)=>{let S=Oe(m,"extendMarkSchema",u);return{...y,...S?S(c):{}}},{}),f=Vte({...p,inclusive:dn(Oe(c,"inclusive",u)),excludes:dn(Oe(c,"excludes",u)),group:dn(Oe(c,"group",u)),spanning:dn(Oe(c,"spanning",u)),code:dn(Oe(c,"code",u)),attrs:Object.fromEntries(d.map(jte))}),h=dn(Oe(c,"parseHTML",u));h&&(f.parseDOM=h.map(y=>Hte(y,d)));let g=Oe(c,"renderHTML",u);return g&&(f.toDOM=y=>g({mark:y,HTMLAttributes:Tv(y,d)})),[c.name,f]}));return new cv({topNode:s,nodes:a,marks:l})}function q_e(t){let e=t.filter((n,o)=>t.indexOf(n)!==o);return Array.from(new Set(e))}function KC(t){return t.sort((n,o)=>{let r=Oe(n,"priority")||100,i=Oe(o,"priority")||100;return r>i?-1:r<i?1:0})}function D5(t){let e=KC(R5(t)),n=q_e(e.map(o=>o.name));return n.length&&console.warn(`[tiptap warn]: Duplicate extension names found: [${n.map(o=>`'${o}'`).join(", ")}]. This can lead to issues.`),e}function WC(t,e){let n=D5(t);return rne(n,e)}function ine(t,e){let n=WC(e),o=si.fromJSON(n,t);return sk(o.content,n)}function sne(t,e){let n=WC(e),o=jC(t);return Sc.fromSchema(n).parse(o).toJSON()}function ane(t,e,n){let{from:o,to:r}=e,{blockSeparator:i=`
+
+`,textSerializers:s={}}=n||{},a="";return t.nodesBetween(o,r,(l,c,d,u)=>{var p;l.isBlock&&c>o&&(a+=i);let f=s?.[l.type.name];if(f)return d&&(a+=f({node:l,pos:c,parent:d,index:u,range:e})),!1;l.isText&&(a+=(p=l?.text)==null?void 0:p.slice(Math.max(o,c)-c,r-c))}),a}function lne(t,e){let n={from:0,to:t.content.size};return ane(t,n,e)}function O5(t){return Object.fromEntries(Object.entries(t.nodes).filter(([,e])=>e.spec.toText).map(([e,n])=>[e,n.spec.toText]))}function cne(t,e,n){let{blockSeparator:o=`
+
+`,textSerializers:r={}}=n||{},i=WC(e),s=si.fromJSON(i,t);return lne(s,{blockSeparator:o,textSerializers:{...O5(i),...r}})}function X_e(t,e){let n=Yo(e,t.schema),{from:o,to:r}=t.selection,i=[];t.doc.nodesBetween(o,r,a=>{i.push(a)});let s=i.reverse().find(a=>a.type.name===n.name);return s?{...s.attrs}:{}}function L5(t,e){let n=rk(typeof e=="string"?e:e.name,t.schema);return n==="node"?X_e(t,e):n==="mark"?ene(t,e):{}}function Z_e(t,e=JSON.stringify){let n={};return t.filter(o=>{let r=e(o);return Object.prototype.hasOwnProperty.call(n,r)?!1:n[r]=!0})}function J_e(t){let e=Z_e(t);return e.length===1?e:e.filter((n,o)=>!e.filter((i,s)=>s!==o).some(i=>n.oldRange.from>=i.oldRange.from&&n.oldRange.to<=i.oldRange.to&&n.newRange.from>=i.newRange.from&&n.newRange.to<=i.newRange.to))}function YC(t){let{mapping:e,steps:n}=t,o=[];return e.maps.forEach((r,i)=>{let s=[];if(r.ranges.length)r.forEach((a,l)=>{s.push({from:a,to:l})});else{let{from:a,to:l}=n[i];if(a===void 0||l===void 0)return;s.push({from:a,to:l})}s.forEach(({from:a,to:l})=>{let c=e.slice(i).map(a,-1),d=e.slice(i).map(l),u=e.invert().map(c,-1),p=e.invert().map(d);o.push({oldRange:{from:u,to:p},newRange:{from:c,to:d}})})}),J_e(o)}function ak(t,e,n){let o=[];return t===e?n.resolve(t).marks().forEach(r=>{let i=n.resolve(t),s=GC(i,r.type);s&&o.push({mark:r,...s})}):n.nodesBetween(t,e,(r,i)=>{!r||r?.nodeSize===void 0||o.push(...r.marks.map(s=>({from:i,to:i+r.nodeSize,mark:s})))}),o}var une=(t,e,n,o=20)=>{let r=t.doc.resolve(n),i=o,s=null;for(;i>0&&s===null;){let a=r.node(i);a?.type.name===e?s=a:i-=1}return[s,i]};function VC(t,e){return e.nodes[t]||e.marks[t]||null}function QA(t,e,n){return Object.fromEntries(Object.entries(n).filter(([o])=>{let r=t.find(i=>i.type===e&&i.name===o);return r?r.attribute.keepOnSplit:!1}))}var Q_e=(t,e=500)=>{let n="",o=t.parentOffset;return t.parent.nodesBetween(Math.max(0,o-e),o,(r,i,s,a)=>{var l,c;let d=((c=(l=r.type.spec).toText)==null?void 0:c.call(l,{node:r,pos:i,parent:s,index:a}))||r.textContent||"%leaf%";n+=r.isAtom&&!r.isText?d:d.slice(0,Math.max(0,o-i))}),n};function _5(t,e,n={}){let{empty:o,ranges:r}=t.selection,i=e?cp(e,t.schema):null;if(o)return!!(t.storedMarks||t.selection.$from.marks()).filter(u=>i?i.name===u.type.name:!0).find(u=>ek(u.attrs,n,{strict:!1}));let s=0,a=[];if(r.forEach(({$from:u,$to:p})=>{let f=u.pos,h=p.pos;t.doc.nodesBetween(f,h,(g,y)=>{if(i&&g.inlineContent&&!g.type.allowsMarkType(i))return!1;if(!g.isText&&!g.marks.length)return;let m=Math.max(f,y),S=Math.min(h,y+g.nodeSize),b=S-m;s+=b,a.push(...g.marks.map(v=>({mark:v,from:m,to:S})))})}),s===0)return!1;let l=a.filter(u=>i?i.name===u.mark.type.name:!0).filter(u=>ek(u.mark.attrs,n,{strict:!1})).reduce((u,p)=>u+p.to-p.from,0),c=a.filter(u=>i?u.mark.type!==i&&u.mark.type.excludes(i):!0).reduce((u,p)=>u+p.to-p.from,0);return(l>0?l+c:l)>=s}function eMe(t,e,n={}){if(!e)return Su(t,null,n)||_5(t,null,n);let o=rk(e,t.schema);return o==="node"?Su(t,e,n):o==="mark"?_5(t,e,n):!1}var dne=(t,e)=>{let{$from:n,$to:o,$anchor:r}=t.selection;if(e){let i=ik(a=>a.type.name===e)(t.selection);if(!i)return!1;let s=t.doc.resolve(i.pos+1);return r.pos+1===s.end()}return!(o.parentOffset<o.parent.nodeSize-2||n.pos!==o.pos)},pne=t=>{let{$from:e,$to:n}=t.selection;return!(e.parentOffset>0||e.pos!==n.pos)};function $te(t,e){return Array.isArray(e)?e.some(n=>(typeof n=="string"?n:n.name)===t.name):e}function T5(t,e){let{nodeExtensions:n}=xv(e),o=n.find(s=>s.name===t);if(!o)return!1;let r={name:o.name,options:o.options,storage:o.storage},i=dn(Oe(o,"group",r));return typeof i!="string"?!1:i.split(" ").includes("list")}function Cv(t,{checkChildren:e=!0,ignoreWhitespace:n=!1}={}){var o;if(n){if(t.type.name==="hardBreak")return!0;if(t.isText)return!/\S/.test((o=t.text)!=null?o:"")}if(t.isText)return!t.text;if(t.isAtom||t.isLeaf)return!1;if(t.content.childCount===0)return!0;if(e){let r=!0;return t.content.forEach(i=>{r!==!1&&(Cv(i,{ignoreWhitespace:n,checkChildren:e})||(r=!1))}),r}return!1}function lk(t){return t instanceof Re}var fne=class hne{constructor(e){this.position=e}static fromJSON(e){return new hne(e.position)}toJSON(){return{position:this.position}}};function tMe(t,e){let n=e.mapping.mapResult(t.position);return{position:new fne(n.pos),mapResult:n}}function nMe(t){return new fne(t)}function oMe(t,e,n){var o;let{selection:r}=e,i=null;if(qte(r)&&(i=r.$cursor),i){let a=(o=t.storedMarks)!=null?o:i.marks();return i.parent.type.allowsMarkType(n)&&(!!n.isInSet(a)||!a.some(c=>c.type.excludes(n)))}let{ranges:s}=r;return s.some(({$from:a,$to:l})=>{let c=a.depth===0?t.doc.inlineContent&&t.doc.type.allowsMarkType(n):!1;return t.doc.nodesBetween(a.pos,l.pos,(d,u,p)=>{if(c)return!1;if(d.isInline){let f=!p||p.type.allowsMarkType(n),h=!!n.isInSet(d.marks)||!d.marks.some(g=>g.type.excludes(n));c=f&&h}return!c}),c})}var rMe=(t,e={})=>({tr:n,state:o,dispatch:r})=>{let{selection:i}=n,{empty:s,ranges:a}=i,l=cp(t,o.schema);if(r)if(s){let c=ene(o,l);n.addStoredMark(l.create({...c,...e}))}else a.forEach(c=>{let d=c.$from.pos,u=c.$to.pos;o.doc.nodesBetween(d,u,(p,f)=>{let h=Math.max(f,d),g=Math.min(f+p.nodeSize,u);p.marks.find(m=>m.type===l)?p.marks.forEach(m=>{l===m.type&&n.addMark(h,g,l.create({...m.attrs,...e}))}):n.addMark(h,g,l.create(e))})});return oMe(o,n,l)},iMe=(t,e)=>({tr:n})=>(n.setMeta(t,e),!0),sMe=(t,e={})=>({state:n,dispatch:o,chain:r})=>{let i=Yo(t,n.schema),s;return n.selection.$anchor.sameParent(n.selection.$head)&&(s=n.selection.$anchor.parent.attrs),i.isTextblock?r().command(({commands:a})=>UU(i,{...s,...e})(n)?!0:a.clearNodes()).command(({state:a})=>UU(i,{...s,...e})(a,o)).run():(console.warn('[tiptap warn]: Currently "setNode()" only supports text block nodes.'),!1)},aMe=t=>({tr:e,dispatch:n})=>{if(n){let{doc:o}=e,r=Jg(t,0,o.content.size),i=Re.create(o,r);e.setSelection(i)}return!0},lMe=(t,e)=>({tr:n,state:o,dispatch:r})=>{let{selection:i}=o,s,a;return typeof e=="number"?(s=e,a=e):e&&"from"in e&&"to"in e?(s=e.from,a=e.to):(s=i.from,a=i.to),r&&n.doc.nodesBetween(s,a,(l,c)=>{l.isText||n.setNodeMarkup(c,void 0,{...l.attrs,dir:t})}),!0},cMe=t=>({tr:e,dispatch:n})=>{if(n){let{doc:o}=e,{from:r,to:i}=typeof t=="number"?{from:t,to:t}:t,s=Ie.atStart(o).from,a=Ie.atEnd(o).to,l=Jg(r,s,a),c=Jg(i,s,a),d=Ie.create(o,l,c);e.setSelection(d)}return!0},uMe=t=>({state:e,dispatch:n})=>{let o=Yo(t,e.schema);return Pee(o)(e,n)};function Kte(t,e){let n=t.storedMarks||t.selection.$to.parentOffset&&t.selection.$from.marks();if(n){let o=n.filter(r=>e?.includes(r.type.name));t.tr.ensureMarks(o)}}var dMe=({keepMarks:t=!0}={})=>({tr:e,state:n,dispatch:o,editor:r})=>{let{selection:i,doc:s}=e,{$from:a,$to:l}=i,c=r.extensionManager.attributes,d=QA(c,a.node().type.name,a.node().attrs);if(i instanceof Re&&i.node.isBlock)return!a.parentOffset||!Ya(s,a.pos)?!1:(o&&(t&&Kte(n,r.extensionManager.splittableMarks),e.split(a.pos).scrollIntoView()),!0);if(!a.parent.isBlock)return!1;let u=l.parentOffset===l.parent.content.size,p=a.depth===0?void 0:Jte(a.node(-1).contentMatchAt(a.indexAfter(-1))),f=u&&p?[{type:p,attrs:d}]:void 0,h=Ya(e.doc,e.mapping.map(a.pos),1,f);if(!f&&!h&&Ya(e.doc,e.mapping.map(a.pos),1,p?[{type:p}]:void 0)&&(h=!0,f=p?[{type:p,attrs:d}]:void 0),o){if(h&&(i instanceof Ie&&e.deleteSelection(),e.split(e.mapping.map(a.pos),1,f),p&&!u&&!a.parentOffset&&a.parent.type!==p)){let g=e.mapping.map(a.before()),y=e.doc.resolve(g);a.node(-1).canReplaceWith(y.index(),y.index()+1,p)&&e.setNodeMarkup(e.mapping.map(a.before()),p)}t&&Kte(n,r.extensionManager.splittableMarks),e.scrollIntoView()}return h},pMe=(t,e={})=>({tr:n,state:o,dispatch:r,editor:i})=>{var s;let a=Yo(t,o.schema),{$from:l,$to:c}=o.selection,d=o.selection.node;if(d&&d.isBlock||l.depth<2||!l.sameParent(c))return!1;let u=l.node(-1);if(u.type!==a)return!1;let p=i.extensionManager.attributes;if(l.parent.content.size===0&&l.node(-1).childCount===l.indexAfter(-1)){if(l.depth===2||l.node(-3).type!==a||l.index(-2)!==l.node(-2).childCount-1)return!1;if(r){let m=re.empty,S=l.index(-1)?1:l.index(-2)?2:3;for(let P=l.depth-S;P>=l.depth-3;P-=1)m=re.from(l.node(P).copy(m));let b=l.indexAfter(-1)<l.node(-2).childCount?1:l.indexAfter(-2)<l.node(-3).childCount?2:3,v={...QA(p,l.node().type.name,l.node().attrs),...e},w=((s=a.contentMatch.defaultType)==null?void 0:s.createAndFill(v))||void 0;m=m.append(re.from(a.createAndFill(null,w)||void 0));let x=l.before(l.depth-(S-1));n.replace(x,l.after(-b),new ge(m,4-S,0));let C=-1;n.doc.nodesBetween(x,n.doc.content.size,(P,M)=>{if(C>-1)return!1;P.isTextblock&&P.content.size===0&&(C=M+1)}),C>-1&&n.setSelection(Ie.near(n.doc.resolve(C))),n.scrollIntoView()}return!0}let f=c.pos===l.end()?u.contentMatchAt(0).defaultType:null,h={...QA(p,u.type.name,u.attrs),...e},g={...QA(p,l.node().type.name,l.node().attrs),...e};n.delete(l.pos,c.pos);let y=f?[{type:a,attrs:h},{type:f,attrs:g}]:[{type:a,attrs:h}];if(!Ya(n.doc,l.pos,2))return!1;if(r){let{selection:m,storedMarks:S}=o,{splittableMarks:b}=i.extensionManager,v=S||m.$to.parentOffset&&m.$from.marks();if(n.split(l.pos,2,y).scrollIntoView(),!v||!r)return!0;let w=v.filter(x=>b.includes(x.type.name));n.ensureMarks(w)}return!0};function Gte(t){return!t||t==="1"?null:t}function mne(t,e){return Gte(t)===Gte(e)}var C5=(t,e)=>{let n=ik(s=>s.type===e)(t.selection);if(!n)return!0;let o=t.doc.resolve(Math.max(0,n.pos-1)).before(n.depth);if(o===void 0)return!0;let r=t.doc.nodeAt(o);return!(n.node.type===r?.type&&Pl(t.doc,n.pos))||!mne(n.node.attrs.type,r?.attrs.type)||t.join(n.pos),!0},P5=(t,e)=>{let n=ik(s=>s.type===e)(t.selection);if(!n)return!0;let o=t.doc.resolve(n.start).after(n.depth);if(o===void 0)return!0;let r=t.doc.nodeAt(o);return!(n.node.type===r?.type&&Pl(t.doc,o))||!mne(n.node.attrs.type,r?.attrs.type)||t.join(o),!0};function fMe(t){let e=t.doc,n=e.firstChild;if(!n)return null;let o=e.resolve(1),r=e.resolve(n.nodeSize-1);return Ie.between(o,r)}var hMe=(t,e,n,o={})=>({editor:r,tr:i,state:s,dispatch:a,chain:l,commands:c,can:d})=>{let{extensions:u,splittableMarks:p}=r.extensionManager,f=Yo(t,s.schema),h=Yo(e,s.schema),{selection:g,storedMarks:y}=s,{$from:m,$to:S}=g,b=m.blockRange(S),v=y||g.$to.parentOffset&&g.$from.marks();if(!b)return!1;let w=ik(D=>T5(D.type.name,u))(g),x=g.from===0&&g.to===s.doc.content.size,C=s.doc.content.content,P=C.length===1?C[0]:null,M=x&&P&&T5(P.type.name,u)?{node:P,pos:0,depth:0}:null,E=w??M,I=!!w&&b.depth>=1&&b.depth-w.depth<=1,R=!!M;if((I||R)&&E){if(E.node.type===f)return x&&R?l().command(({tr:D,dispatch:N})=>{let B=fMe(D);return B?(D.setSelection(B),N&&N(D),!0):!1}).liftListItem(h).run():c.liftListItem(h);if(T5(E.node.type.name,u)&&f.validContent(E.node.content))return l().command(()=>(i.setNodeMarkup(E.pos,f),!0)).command(()=>C5(i,f)).command(()=>P5(i,f)).run()}return!n||!v||!a?l().command(()=>d().wrapInList(f,o)?!0:c.clearNodes()).wrapInList(f,o).command(()=>C5(i,f)).command(()=>P5(i,f)).run():l().command(()=>{let D=d().wrapInList(f,o),N=v.filter(B=>p.includes(B.type.name));return i.ensureMarks(N),D?!0:c.clearNodes()}).wrapInList(f,o).command(()=>C5(i,f)).command(()=>P5(i,f)).run()},mMe=(t,e={},n={})=>({state:o,commands:r})=>{let{extendEmptyMarkRange:i=!1}=n,s=cp(t,o.schema);return _5(o,s,e)?r.unsetMark(s,{extendEmptyMarkRange:i}):r.setMark(s,e)},gMe=(t,e,n={})=>({state:o,commands:r})=>{let i=Yo(t,o.schema),s=Yo(e,o.schema),a=Su(o,i,n),l;return o.selection.$anchor.sameParent(o.selection.$head)&&(l=o.selection.$anchor.parent.attrs),a?r.setNode(s,l):r.setNode(i,{...l,...n})},yMe=(t,e={})=>({state:n,commands:o})=>{let r=Yo(t,n.schema);return Su(n,r,e)?o.lift(r):o.wrapIn(r,e)},SMe=()=>({state:t,dispatch:e})=>{let n=t.plugins;for(let o=0;o<n.length;o+=1){let r=n[o],i;if(r.spec.isInputRules&&(i=r.getState(t))){if(e){let s=t.tr,a=i.transform;for(let l=a.steps.length-1;l>=0;l-=1)s.step(a.steps[l].invert(a.docs[l]));if(i.text){let l=s.doc.resolve(i.from).marks();s.replaceWith(i.from,i.to,t.schema.text(i.text,l))}else s.delete(i.from,i.to)}return!0}}return!1},bMe=(t={})=>({tr:e,dispatch:n,editor:o})=>{let{ignoreClearable:r=!1}=t,{selection:i}=e,{empty:s,ranges:a}=i;if(s)return!0;let{nonClearableMarks:l}=o.extensionManager;if(n){let c=Object.values(o.schema.marks).filter(d=>r||!l.includes(d.name));a.forEach(d=>{for(let u of c)e.removeMark(d.$from.pos,d.$to.pos,u)})}return!0},vMe=(t,e={})=>({tr:n,state:o,dispatch:r})=>{var i;let{extendEmptyMarkRange:s=!1}=e,{selection:a}=n,l=cp(t,o.schema),{$from:c,empty:d,ranges:u}=a;if(!r)return!0;if(d&&s){let{from:p,to:f}=a,h=(i=c.marks().find(y=>y.type===l))==null?void 0:i.attrs,g=GC(c,l,h);g&&(p=g.from,f=g.to),n.removeMark(p,f,l)}else u.forEach(p=>{n.removeMark(p.$from.pos,p.$to.pos,l)});return n.removeStoredMark(l),!0},wMe=t=>({tr:e,state:n,dispatch:o})=>{let{selection:r}=n,i,s;return typeof t=="number"?(i=t,s=t):t&&"from"in t&&"to"in t?(i=t.from,s=t.to):(i=r.from,s=r.to),o&&e.doc.nodesBetween(i,s,(a,l)=>{if(a.isText)return;let c={...a.attrs};delete c.dir,e.setNodeMarkup(l,void 0,c)}),!0},xMe=(t,e={})=>({tr:n,state:o,dispatch:r})=>{let i=null,s=null,a=rk(typeof t=="string"?t:t.name,o.schema);if(!a)return!1;a==="node"&&(i=Yo(t,o.schema)),a==="mark"&&(s=cp(t,o.schema));let l=!1;return n.selection.ranges.forEach(c=>{let d=c.$from.pos,u=c.$to.pos,p,f,h,g;n.selection.empty?o.doc.nodesBetween(d,u,(y,m)=>{i&&i===y.type&&(l=!0,h=Math.max(m,d),g=Math.min(m+y.nodeSize,u),p=m,f=y)}):o.doc.nodesBetween(d,u,(y,m)=>{m<d&&i&&i===y.type&&(l=!0,h=Math.max(m,d),g=Math.min(m+y.nodeSize,u),p=m,f=y),m>=d&&m<=u&&(i&&i===y.type&&(l=!0,r&&n.setNodeMarkup(m,void 0,{...y.attrs,...e})),s&&y.marks.length&&y.marks.forEach(S=>{if(s===S.type&&(l=!0,r)){let b=Math.max(m,d),v=Math.min(m+y.nodeSize,u);n.addMark(b,v,s.create({...S.attrs,...e}))}}))}),f&&(p!==void 0&&r&&n.setNodeMarkup(p,void 0,{...f.attrs,...e}),s&&f.marks.length&&f.marks.forEach(y=>{s===y.type&&r&&n.addMark(h,g,s.create({...y.attrs,...e}))}))}),l},TMe=(t,e={})=>({state:n,dispatch:o})=>{let r=Yo(t,n.schema);return xee(r,e)(n,o)},CMe=(t,e={})=>({state:n,dispatch:o})=>{let r=Yo(t,n.schema);return Tee(r,e)(n,o)},PMe=class{constructor(){this.callbacks={}}on(t,e){return this.callbacks[t]||(this.callbacks[t]=[]),this.callbacks[t].push(e),this}emit(t,...e){let n=this.callbacks[t];return n&&n.forEach(o=>o.apply(this,e)),this}off(t,e){let n=this.callbacks[t];return n&&(e?this.callbacks[t]=n.filter(o=>o!==e):delete this.callbacks[t]),this}once(t,e){let n=(...o)=>{this.off(t,n),e.apply(this,o)};return this.on(t,n)}removeAllListeners(){this.callbacks={}}};function gne(t,e){let{selection:n}=t,{$from:o}=n;if(n instanceof Re){let i=o.index();return o.parent.canReplaceWith(i,i+1,e)}let r=o.depth;for(;r>=0;){let i=o.index(r);if(o.node(r).contentMatchAt(i).matchType(e))return!0;r-=1}return!1}function EMe(t,e,n){let o=document.querySelector(`style[data-tiptap-style${n?`-${n}`:""}]`);if(o!==null)return o;let r=document.createElement("style");return e&&r.setAttribute("nonce",e),r.setAttribute(`data-tiptap-style${n?`-${n}`:""}`,""),r.innerHTML=t,document.getElementsByTagName("head")[0].appendChild(r),r}function yne(t,e){let n=t.getAttribute("style");if(!n)return null;let o=n.split(";").map(i=>i.trim()).filter(Boolean),r=e.toLowerCase();for(let i=o.length-1;i>=0;i-=1){let s=o[i],a=s.indexOf(":");if(a===-1)continue;if(s.slice(0,a).trim().toLowerCase()===r)return s.slice(a+1).trim()}return null}function IMe(t){return typeof t=="number"}function _Me(t){return Object.prototype.toString.call(t).slice(8,-1)}function XA(t){return _Me(t)!=="Object"?!1:t.constructor===Object&&Object.getPrototypeOf(t)===Object.prototype}var MMe={};M5(MMe,{createAtomBlockMarkdownSpec:()=>AMe,createBlockMarkdownSpec:()=>kMe,createInlineMarkdownSpec:()=>OMe,parseAttributes:()=>N5,parseIndentedBlocks:()=>ck,renderNestedMarkdownContent:()=>qC,serializeAttributes:()=>F5});function N5(t){if(!t?.trim())return{};let e={},n=[],o=t.replace(/["']([^"']*)["']/g,c=>(n.push(c),`__QUOTED_${n.length-1}__`)),r=o.match(/(?:^|\s)\.([\w-]+)/g);if(r){let c=r.map(d=>d.trim().slice(1));e.class=c.join(" ")}let i=o.match(/(?:^|\s)#([\w-]+)/);i&&(e.id=i[1]);let s=/([a-zA-Z][\w-]*)\s*=\s*(__QUOTED_\d+__)/g;Array.from(o.matchAll(s)).forEach(([,c,d])=>{var u;let p=parseInt(((u=d.match(/__QUOTED_(\d+)__/))==null?void 0:u[1])||"0",10),f=n[p];f&&(e[c]=f.slice(1,-1))});let l=o.replace(/(?:^|\s)\.([\w-]+)/g,"").replace(/(?:^|\s)#([\w-]+)/g,"").replace(/([a-zA-Z][\w-]*)\s*=\s*__QUOTED_\d+__/g,"").trim();return l&&l.split(/\s+/).filter(Boolean).forEach(d=>{d.match(/^[a-zA-Z][\w-]*$/)&&(e[d]=!0)}),e}function F5(t){if(!t||Object.keys(t).length===0)return"";let e=[];return t.class&&String(t.class).split(/\s+/).filter(Boolean).forEach(o=>e.push(`.${o}`)),t.id&&e.push(`#${t.id}`),Object.entries(t).forEach(([n,o])=>{n==="class"||n==="id"||(o===!0?e.push(n):o!==!1&&o!=null&&e.push(`${n}="${String(o)}"`))}),e.join(" ")}function AMe(t){let{nodeName:e,name:n,parseAttributes:o=N5,serializeAttributes:r=F5,defaultAttributes:i={},requiredAttributes:s=[],allowedAttributes:a}=t,l=n||e,c=d=>{if(!a)return d;let u={};return a.forEach(p=>{p in d&&(u[p]=d[p])}),u};return{parseMarkdown:(d,u)=>{let p={...i,...d.attributes};return u.createNode(e,p,[])},markdownTokenizer:{name:e,level:"block",start(d){var u;let p=new RegExp(`^:::${l}(?:\\s|$)`,"m"),f=(u=d.match(p))==null?void 0:u.index;return f!==void 0?f:-1},tokenize(d,u,p){let f=new RegExp(`^:::${l}(?:\\s+\\{([^}]*)\\})?\\s*:::(?:\\n|$)`),h=d.match(f);if(!h)return;let g=h[1]||"",y=o(g);if(!s.find(S=>!(S in y)))return{type:e,raw:h[0],attributes:y}}},renderMarkdown:d=>{let u=c(d.attrs||{}),p=r(u),f=p?` {${p}}`:"";return`:::${l}${f} :::`}}}function kMe(t){let{nodeName:e,name:n,getContent:o,parseAttributes:r=N5,serializeAttributes:i=F5,defaultAttributes:s={},content:a="block",allowedAttributes:l}=t,c=n||e,d=u=>{if(!l)return u;let p={};return l.forEach(f=>{f in u&&(p[f]=u[f])}),p};return{parseMarkdown:(u,p)=>{let f;if(o){let g=o(u);f=typeof g=="string"?[{type:"text",text:g}]:g}else a==="block"?f=p.parseChildren(u.tokens||[]):f=p.parseInline(u.tokens||[]);let h={...s,...u.attributes};return p.createNode(e,h,f)},markdownTokenizer:{name:e,level:"block",start(u){var p;let f=new RegExp(`^:::${c}`,"m"),h=(p=u.match(f))==null?void 0:p.index;return h!==void 0?h:-1},tokenize(u,p,f){var h;let g=new RegExp(`^:::${c}(?:\\s+\\{([^}]*)\\})?\\s*\\n`),y=u.match(g);if(!y)return;let[m,S=""]=y,b=r(S),v=1,w=m.length,x="",C=/^:::([\w-]*)(\s.*)?/gm,P=u.slice(w);for(C.lastIndex=0;;){let M=C.exec(P);if(M===null)break;let E=M.index,I=M[1];if(!((h=M[2])!=null&&h.endsWith(":::"))){if(I)v+=1;else if(v-=1,v===0){let R=P.slice(0,E);x=R.trim();let D=u.slice(0,w+E+M[0].length),N=[];if(x)if(a==="block")for(N=f.blockTokens(R),N.forEach(B=>{B.text&&(!B.tokens||B.tokens.length===0)&&(B.tokens=f.inlineTokens(B.text))});N.length>0;){let B=N[N.length-1];if(B.type==="paragraph"&&(!B.text||B.text.trim()===""))N.pop();else break}else N=f.inlineTokens(x);return{type:e,raw:D,attributes:b,content:x,tokens:N}}}}}},renderMarkdown:(u,p)=>{let f=d(u.attrs||{}),h=i(f),g=h?` {${h}}`:"",y=p.renderChildren(u.content||[],`
+
+`);return`:::${c}${g}
+
+${y}
+
+:::`}}}function RMe(t){if(!t.trim())return{};let e={},n=/(\w+)=(?:"([^"]*)"|'([^']*)')/g,o=n.exec(t);for(;o!==null;){let[,r,i,s]=o;e[r]=i||s,o=n.exec(t)}return e}function DMe(t){return Object.entries(t).filter(([,e])=>e!=null).map(([e,n])=>`${e}="${n}"`).join(" ")}function OMe(t){let{nodeName:e,name:n,getContent:o,parseAttributes:r=RMe,serializeAttributes:i=DMe,defaultAttributes:s={},selfClosing:a=!1,allowedAttributes:l}=t,c=n||e,d=p=>{if(!l)return p;let f={};return l.forEach(h=>{let g=typeof h=="string"?h:h.name,y=typeof h=="string"?void 0:h.skipIfDefault;if(g in p){let m=p[g];if(y!==void 0&&m===y)return;f[g]=m}}),f},u=c.replace(/[.*+?^${}()|[\]\\]/g,"\\$&");return{parseMarkdown:(p,f)=>{let h={...s,...p.attributes};if(a)return f.createNode(e,h);let g=o?o(p):p.content||"";return g?f.createNode(e,h,[f.createTextNode(g)]):f.createNode(e,h,[])},markdownTokenizer:{name:e,level:"inline",start(p){let f=a?new RegExp(`\\[${u}\\s*[^\\]]*\\]`):new RegExp(`\\[${u}\\s*[^\\]]*\\][\\s\\S]*?\\[\\/${u}\\]`),h=p.match(f),g=h?.index;return g!==void 0?g:-1},tokenize(p,f,h){let g=a?new RegExp(`^\\[${u}\\s*([^\\]]*)\\]`):new RegExp(`^\\[${u}\\s*([^\\]]*)\\]([\\s\\S]*?)\\[\\/${u}\\]`),y=p.match(g);if(!y)return;let m="",S="";if(a){let[,v]=y;S=v}else{let[,v,w]=y;S=v,m=w||""}let b=r(S.trim());return{type:e,raw:y[0],content:m.trim(),attributes:b}}},renderMarkdown:p=>{let f="";o?f=o(p):p.content&&p.content.length>0&&(f=p.content.filter(m=>m.type==="text").map(m=>m.text).join(""));let h=d(p.attrs||{}),g=i(h),y=g?` ${g}`:"";return a?`[${c}${y}]`:`[${c}${y}]${f}[/${c}]`}}}function ck(t,e,n){var o,r,i,s;let a=t.split(`
+`),l=[],c="",d=0,u=e.baseIndentSize||2;for(;d<a.length;){let p=a[d],f=p.match(e.itemPattern);if(!f){if(l.length>0)break;if(p.trim()===""){d+=1,c=`${c}${p}
+`;continue}else return}let h=e.extractItemData(f),{indentLevel:g,mainContent:y}=h;c=`${c}${p}
+`;let m=[y];for(d+=1;d<a.length;){let w=a[d];if(w.trim()===""){let C=a.slice(d+1).findIndex(E=>E.trim()!=="");if(C===-1)break;if((((r=(o=a[d+1+C].match(/^(\s*)/))==null?void 0:o[1])==null?void 0:r.length)||0)>g){m.push(w),c=`${c}${w}
+`,d+=1;continue}else break}if((((s=(i=w.match(/^(\s*)/))==null?void 0:i[1])==null?void 0:s.length)||0)>g)m.push(w),c=`${c}${w}
+`,d+=1;else break}let S,b=m.slice(1);if(b.length>0){let w=b.map(x=>x.slice(g+u)).join(`
+`);w.trim()&&(e.customNestedParser?S=e.customNestedParser(w):S=n.blockTokens(w))}let v=e.createToken(h,S);l.push(v)}if(l.length!==0)return{items:l,raw:c}}function qC(t,e,n,o){if(!t||!Array.isArray(t.content))return"";let r=typeof n=="function"?n(o):n,[i,...s]=t.content,a=e.renderChildren([i]),l=`${r}${a}`;return s&&s.length>0&&s.forEach((c,d)=>{var u,p;let f=(p=(u=e.renderChild)==null?void 0:u.call(e,c,d+1))!=null?p:e.renderChildren([c]);if(f!=null){let h=f.split(`
+`).map(g=>g?e.indent(g):e.indent("")).join(`
+`);l+=c.type==="paragraph"?`
+
+${h}`:`
+${h}`}}),l}function Sne(t,e){let n={...t};return XA(t)&&XA(e)&&Object.keys(e).forEach(o=>{XA(e[o])&&XA(t[o])?n[o]=Sne(t[o],e[o]):n[o]=e[o]}),n}function LMe(t,e,n={}){let{state:o}=e,{doc:r,tr:i}=o,s=t;r.descendants((a,l)=>{let c=i.mapping.map(l),d=i.mapping.map(l)+a.nodeSize,u=null;if(a.marks.forEach(f=>{if(f!==s)return!1;u=f}),!u)return;let p=!1;if(Object.keys(n).forEach(f=>{n[f]!==u.attrs[f]&&(p=!0)}),p){let f=t.type.create({...t.attrs,...n});i.removeMark(c,d,t.type),i.addMark(c,d,f)}}),i.docChanged&&e.view.dispatch(i)}var Pv=class{constructor(t){var e;this.find=t.find,this.handler=t.handler,this.undoable=(e=t.undoable)!=null?e:!0}},NMe=(t,e)=>{if(A5(e))return e.exec(t);let n=e(t);if(!n)return null;let o=[n.text];return o.index=n.index,o.input=t,o.data=n.data,n.replaceWith&&(n.text.includes(n.replaceWith)||console.warn('[tiptap warn]: "inputRuleMatch.replaceWith" must be part of "inputRuleMatch.text".'),o.push(n.replaceWith)),o};function ZA(t){var e;let{editor:n,from:o,to:r,text:i,rules:s,plugin:a}=t,{view:l}=n;if(l.composing)return!1;let c=l.state.doc.resolve(o);if(c.parent.type.spec.code||(e=c.nodeBefore||c.nodeAfter)!=null&&e.marks.find(p=>p.type.spec.code))return!1;let d=!1,u=Q_e(c)+i;return s.forEach(p=>{if(d)return;let f=NMe(u,p.find);if(!f)return;let h=f[0].length-i.length;if(h>0){let x=c.parentOffset-h;if(x<0||c.parent.textBetween(x,c.parentOffset)!==f[0].slice(0,h))return}let g=l.state.tr,y=nk({state:l.state,transaction:g}),m={from:o-(f[0].length-i.length),to:r},{commands:S,chain:b,can:v}=new ok({editor:n,state:y});p.handler({state:y,range:m,match:f,commands:S,chain:b,can:v})===null||!g.steps.length||(p.undoable&&g.setMeta(a,{transform:g,from:o,to:r,text:i}),l.dispatch(g),d=!0)}),d}function FMe(t){let{editor:e,rules:n}=t,o=new Ye({state:{init(){return null},apply(r,i,s){let a=r.getMeta(o);if(a)return a;let l=r.getMeta("applyInputRules");return l&&setTimeout(()=>{let{text:d}=l;typeof d=="string"?d=d:d=sk(re.from(d),s.schema);let{from:u}=l,p=u+d.length;ZA({editor:e,from:u,to:p,text:d,rules:n,plugin:o})}),r.selectionSet||r.docChanged?null:i}},props:{handleTextInput(r,i,s,a){return ZA({editor:e,from:i,to:s,text:a,rules:n,plugin:o})},handleDOMEvents:{compositionend:r=>(setTimeout(()=>{let{$cursor:i}=r.state.selection;i&&ZA({editor:e,from:i.pos,to:i.pos,text:"",rules:n,plugin:o})}),!1)},handleKeyDown(r,i){if(i.key!=="Enter")return!1;let{$cursor:s}=r.state.selection;return s?ZA({editor:e,from:s.pos,to:s.pos,text:`
+`,rules:n,plugin:o}):!1}},isInputRules:!0});return o}var B5=class{constructor(t={}){this.type="extendable",this.parent=null,this.child=null,this.name="",this.config={name:this.name},this.config={...this.config,...t},this.name=this.config.name}get options(){return{...dn(Oe(this,"addOptions",{name:this.name}))}}get storage(){return{...dn(Oe(this,"addStorage",{name:this.name,options:this.options}))}}configure(t={}){let e=this.extend({...this.config,addOptions:()=>Sne(this.options,t)});return e.name=this.name,e.parent=this.parent,this.child=null,e}extend(t={}){let e=new this.constructor({...this.config,...t});return e.parent=this,this.child=e,e.name="name"in t?t.name:e.parent.name,e}},Cs=class bne extends B5{constructor(){super(...arguments),this.type="mark"}static create(e={}){let n=typeof e=="function"?e():e;return new bne(n)}static handleExit({editor:e,mark:n}){let{tr:o}=e.state,r=e.state.selection.$from;if(r.pos===r.end()){let s=r.marks();if(!!!s.find(c=>c?.type.name===n.name))return!1;let l=s.find(c=>c?.type.name===n.name);return l&&o.removeStoredMark(l),o.insertText(" ",r.pos),e.view.dispatch(o),!0}return!1}configure(e){return super.configure(e)}extend(e){let n=typeof e=="function"?e():e;return super.extend(n)}},z5=class{constructor(t){this.find=t.find,this.handler=t.handler}},BMe=(t,e,n)=>{if(A5(e))return[...t.matchAll(e)];let o=e(t,n);return o?o.map(r=>{let i=[r.text];return i.index=r.index,i.input=t,i.data=r.data,r.replaceWith&&(r.text.includes(r.replaceWith)||console.warn('[tiptap warn]: "pasteRuleMatch.replaceWith" must be part of "pasteRuleMatch.text".'),i.push(r.replaceWith)),i}):[]};function zMe(t){let{editor:e,state:n,from:o,to:r,rule:i,pasteEvent:s,dropEvent:a}=t,{commands:l,chain:c,can:d}=new ok({editor:e,state:n}),u=[];return n.doc.nodesBetween(o,r,(f,h)=>{var g,y,m,S,b;if((y=(g=f.type)==null?void 0:g.spec)!=null&&y.code||!(f.isText||f.isTextblock||f.isInline))return;let v=(b=(S=(m=f.content)==null?void 0:m.size)!=null?S:f.nodeSize)!=null?b:0,w=Math.max(o,h),x=Math.min(r,h+v);if(w>=x)return;let C=f.isText?f.text||"":f.textBetween(w-h,x-h,void 0,"\uFFFC");BMe(C,i.find,s).forEach(M=>{if(M.index===void 0)return;let E=w+M.index+1,I=E+M[0].length,R={from:n.tr.mapping.map(E),to:n.tr.mapping.map(I)},D=i.handler({state:n,range:R,match:M,commands:l,chain:c,can:d,pasteEvent:s,dropEvent:a});u.push(D)})}),u.every(f=>f!==null)}var JA=null,UMe=t=>{var e;let n=new ClipboardEvent("paste",{clipboardData:new DataTransfer});return(e=n.clipboardData)==null||e.setData("text/html",t),n};function HMe(t){let{editor:e,rules:n}=t,o=null,r=!1,i=!1,s=typeof ClipboardEvent<"u"?new ClipboardEvent("paste"):null,a;try{a=typeof DragEvent<"u"?new DragEvent("drop"):null}catch{a=null}let l=({state:d,from:u,to:p,rule:f,pasteEvt:h})=>{let g=d.tr,y=nk({state:d,transaction:g});if(!(!zMe({editor:e,state:y,from:Math.max(u-1,0),to:p.b-1,rule:f,pasteEvent:h,dropEvent:a})||!g.steps.length)){try{a=typeof DragEvent<"u"?new DragEvent("drop"):null}catch{a=null}return s=typeof ClipboardEvent<"u"?new ClipboardEvent("paste"):null,g}};return n.map(d=>new Ye({view(u){let p=h=>{var g;o=(g=u.dom.parentElement)!=null&&g.contains(h.target)?u.dom.parentElement:null,o&&(JA=e)},f=()=>{JA&&(JA=null)};return window.addEventListener("dragstart",p),window.addEventListener("dragend",f),{destroy(){window.removeEventListener("dragstart",p),window.removeEventListener("dragend",f)}}},props:{handleDOMEvents:{drop:(u,p)=>{if(i=o===u.dom.parentElement,a=p,!i){let f=JA;f?.isEditable&&setTimeout(()=>{let h=f.state.selection;h&&f.commands.deleteRange({from:h.from,to:h.to})},10)}return!1},paste:(u,p)=>{var f;let h=(f=p.clipboardData)==null?void 0:f.getData("text/html");return s=p,r=!!h?.includes("data-pm-slice"),!1}}},appendTransaction:(u,p,f)=>{let h=u[0],g=h.getMeta("uiEvent")==="paste"&&!r,y=h.getMeta("uiEvent")==="drop"&&!i,m=h.getMeta("applyPasteRules"),S=!!m;if(!g&&!y&&!S)return;if(S){let{text:w}=m;typeof w=="string"?w=w:w=sk(re.from(w),f.schema);let{from:x}=m,C=x+w.length,P=UMe(w);return l({rule:d,state:f,from:x,to:{b:C},pasteEvt:P})}let b=p.doc.content.findDiffStart(f.doc.content),v=p.doc.content.findDiffEnd(f.doc.content);if(!(!IMe(b)||!v||b===v.b))return l({rule:d,state:f,from:b,to:v,pasteEvt:s})}}))}var uk=class{constructor(t,e){this.splittableMarks=[],this.nonClearableMarks=[],this.editor=e,this.baseExtensions=t,this.extensions=D5(t),this.schema=rne(this.extensions,e),this.setupExtensions()}get commands(){return this.extensions.reduce((t,e)=>{let n={name:e.name,options:e.options,storage:this.editor.extensionStorage[e.name],editor:this.editor,type:VC(e.name,this.schema)},o=Oe(e,"addCommands",n);return o?{...t,...o()}:t},{})}get plugins(){let{editor:t}=this;return KC([...this.extensions].reverse()).flatMap(o=>{let r={name:o.name,options:o.options,storage:this.editor.extensionStorage[o.name],editor:t,type:VC(o.name,this.schema)},i=[],s=Oe(o,"addKeyboardShortcuts",r),a={};if(o.type==="mark"&&Oe(o,"exitable",r)&&(a.ArrowRight=()=>Cs.handleExit({editor:t,mark:o})),s){let p=Object.fromEntries(Object.entries(s()).map(([f,h])=>[f,()=>h({editor:t})]));a={...a,...p}}let l=Lte(a);i.push(l);let c=Oe(o,"addInputRules",r);if($te(o,t.options.enableInputRules)&&c){let p=c();if(p&&p.length){let f=FMe({editor:t,rules:p}),h=Array.isArray(f)?f:[f];i.push(...h)}}let d=Oe(o,"addPasteRules",r);if($te(o,t.options.enablePasteRules)&&d){let p=d();if(p&&p.length){let f=HMe({editor:t,rules:p});i.push(...f)}}let u=Oe(o,"addProseMirrorPlugins",r);if(u){let p=u();i.push(...p)}return i})}get attributes(){return one(this.extensions)}get nodeViews(){let{editor:t}=this,{nodeExtensions:e}=xv(this.extensions);return Object.fromEntries(e.filter(n=>!!Oe(n,"addNodeView")).map(n=>{let o=this.attributes.filter(l=>l.type===n.name),r={name:n.name,options:n.options,storage:this.editor.extensionStorage[n.name],editor:t,type:Yo(n.name,this.schema)},i=Oe(n,"addNodeView",r);if(!i)return[];let s=i();if(!s)return[];let a=(l,c,d,u,p)=>{let f=Tv(l,o);return s({node:l,view:c,getPos:d,decorations:u,innerDecorations:p,editor:t,extension:n,HTMLAttributes:f})};return[n.name,a]}))}dispatchTransaction(t){let{editor:e}=this;return KC([...this.extensions].reverse()).reduceRight((o,r)=>{let i={name:r.name,options:r.options,storage:this.editor.extensionStorage[r.name],editor:e,type:VC(r.name,this.schema)},s=Oe(r,"dispatchTransaction",i);return s?a=>{s.call(i,{transaction:a,next:o})}:o},t)}transformPastedHTML(t){let{editor:e}=this;return KC([...this.extensions]).reduce((o,r)=>{let i={name:r.name,options:r.options,storage:this.editor.extensionStorage[r.name],editor:e,type:VC(r.name,this.schema)},s=Oe(r,"transformPastedHTML",i);return s?(a,l)=>{let c=o(a,l);return s.call(i,c)}:o},t||(o=>o))}get markViews(){let{editor:t}=this,{markExtensions:e}=xv(this.extensions);return Object.fromEntries(e.filter(n=>!!Oe(n,"addMarkView")).map(n=>{let o=this.attributes.filter(a=>a.type===n.name),r={name:n.name,options:n.options,storage:this.editor.extensionStorage[n.name],editor:t,type:cp(n.name,this.schema)},i=Oe(n,"addMarkView",r);if(!i)return[];let s=(a,l,c)=>{let d=Tv(a,o);return i()({mark:a,view:l,inline:c,editor:t,extension:n,HTMLAttributes:d,updateAttributes:u=>{LMe(a,t,u)}})};return[n.name,s]}))}destroy(){this.extensions.forEach(t=>{let e=t;for(;e.parent;){let n=e.parent;n.child===e&&(n.child=null),e=n}}),this.extensions=[],this.baseExtensions=[],this.schema=null,this.editor=null}setupExtensions(){let t=this.extensions;this.editor.extensionStorage=Object.fromEntries(t.map(e=>[e.name,e.storage])),t.forEach(e=>{var n,o;let r={name:e.name,options:e.options,storage:this.editor.extensionStorage[e.name],editor:this.editor,type:VC(e.name,this.schema)};e.type==="mark"&&(((n=dn(Oe(e,"keepOnSplit",r)))==null||n)&&this.splittableMarks.push(e.name),(o=dn(Oe(e,"clearable",r)))==null||o||this.nonClearableMarks.push(e.name));let i=Oe(e,"onBeforeCreate",r),s=Oe(e,"onCreate",r),a=Oe(e,"onUpdate",r),l=Oe(e,"onSelectionUpdate",r),c=Oe(e,"onTransaction",r),d=Oe(e,"onFocus",r),u=Oe(e,"onBlur",r),p=Oe(e,"onDestroy",r);i&&this.editor.on("beforeCreate",i),s&&this.editor.on("create",s),a&&this.editor.on("update",a),l&&this.editor.on("selectionUpdate",l),c&&this.editor.on("transaction",c),d&&this.editor.on("focus",d),u&&this.editor.on("blur",u),p&&this.editor.on("destroy",p)})}};uk.resolve=D5;uk.sort=KC;uk.flatten=R5;var U5={};M5(U5,{ClipboardTextSerializer:()=>wne,Commands:()=>xne,Delete:()=>Tne,Drop:()=>Cne,Editable:()=>Pne,FocusEvents:()=>Ine,Keymap:()=>_ne,Paste:()=>Mne,Tabindex:()=>Ane,TextDirection:()=>kne,focusEventsPluginKey:()=>Ene});var Lt=class vne extends B5{constructor(){super(...arguments),this.type="extension"}static create(e={}){let n=typeof e=="function"?e():e;return new vne(n)}configure(e){return super.configure(e)}extend(e){let n=typeof e=="function"?e():e;return super.extend(n)}},wne=Lt.create({name:"clipboardTextSerializer",addOptions(){return{blockSeparator:void 0}},addProseMirrorPlugins(){return[new Ye({key:new Tt("clipboardTextSerializer"),props:{clipboardTextSerializer:()=>{let{editor:t}=this,{state:e,schema:n}=t,{doc:o,selection:r}=e,i=O5(n),{blockSeparator:s}=this.options,a={...s!==void 0?{blockSeparator:s}:{},textSerializers:i};return[...r.ranges].sort((c,d)=>c.$from.pos-d.$from.pos).map(({$from:c,$to:d})=>ane(o,{from:c.pos,to:d.pos},a)).join(s??`
+
+`)}}})]}}),xne=Lt.create({name:"commands",addCommands(){return{...Wte}}}),Tne=Lt.create({name:"delete",onUpdate({transaction:t,appendedTransactions:e}){var n,o,r;let i=()=>{var s,a,l,c;if((c=(l=(a=(s=this.editor.options.coreExtensionOptions)==null?void 0:s.delete)==null?void 0:a.filterTransaction)==null?void 0:l.call(a,t))!=null?c:t.getMeta("y-sync$"))return;let d=k5(t.before,[t,...e]);YC(d).forEach(f=>{d.mapping.mapResult(f.oldRange.from).deletedAfter&&d.mapping.mapResult(f.oldRange.to).deletedBefore&&d.before.nodesBetween(f.oldRange.from,f.oldRange.to,(h,g)=>{let y=g+h.nodeSize-2,m=f.oldRange.from<=g&&y<=f.oldRange.to;this.editor.emit("delete",{type:"node",node:h,from:g,to:y,newFrom:d.mapping.map(g),newTo:d.mapping.map(y),deletedRange:f.oldRange,newRange:f.newRange,partial:!m,editor:this.editor,transaction:t,combinedTransform:d})})});let p=d.mapping;d.steps.forEach((f,h)=>{var g,y;if(f instanceof tp){let m=p.slice(h).map(f.from,-1),S=p.slice(h).map(f.to),b=p.invert().map(m,-1),v=p.invert().map(S),w=m>0?(g=d.doc.nodeAt(m-1))==null?void 0:g.marks.some(C=>C.eq(f.mark)):!1,x=(y=d.doc.nodeAt(S))==null?void 0:y.marks.some(C=>C.eq(f.mark));this.editor.emit("delete",{type:"mark",mark:f.mark,from:f.from,to:f.to,deletedRange:{from:b,to:v},newRange:{from:m,to:S},partial:!!(x||w),editor:this.editor,transaction:t,combinedTransform:d})}})};(r=(o=(n=this.editor.options.coreExtensionOptions)==null?void 0:n.delete)==null?void 0:o.async)==null||r?setTimeout(i,0):i()}}),Cne=Lt.create({name:"drop",addProseMirrorPlugins(){return[new Ye({key:new Tt("tiptapDrop"),props:{handleDrop:(t,e,n,o)=>{this.editor.emit("drop",{editor:this.editor,event:e,slice:n,moved:o})}}})]}}),Pne=Lt.create({name:"editable",addProseMirrorPlugins(){return[new Ye({key:new Tt("editable"),props:{editable:()=>this.editor.options.editable}})]}}),Ene=new Tt("focusEvents"),Ine=Lt.create({name:"focusEvents",addProseMirrorPlugins(){let{editor:t}=this;return[new Ye({key:Ene,props:{handleDOMEvents:{focus:(e,n)=>{t.isFocused=!0;let o=t.state.tr.setMeta("focus",{event:n}).setMeta("addToHistory",!1);return e.dispatch(o),!1},blur:(e,n)=>{t.isFocused=!1;let o=t.state.tr.setMeta("blur",{event:n}).setMeta("addToHistory",!1);return e.dispatch(o),!1}}}})]}}),_ne=Lt.create({name:"keymap",addKeyboardShortcuts(){let t=()=>this.editor.commands.first(({commands:s})=>[()=>s.undoInputRule(),()=>s.command(({tr:a})=>{let{selection:l,doc:c}=a,{empty:d,$anchor:u}=l,{pos:p,parent:f}=u,h=u.parent.isTextblock&&p>0?a.doc.resolve(p-1):u,g=h.parent.type.spec.isolating,y=u.pos-u.parentOffset,m=g&&h.parent.childCount===1?y===u.pos:Xe.atStart(c).from===p;return!d||!f.type.isTextblock||f.textContent.length||!m||m&&u.parent.type.name==="paragraph"?!1:s.clearNodes()}),()=>s.deleteSelection(),()=>s.joinBackward(),()=>s.selectNodeBackward()]),e=()=>this.editor.commands.first(({commands:s})=>[()=>s.deleteSelection(),()=>s.deleteCurrentNode(),()=>s.joinForward(),()=>s.selectNodeForward()]),o={Enter:()=>this.editor.commands.first(({commands:s})=>[()=>s.newlineInCode(),()=>s.createParagraphNear(),()=>s.liftEmptyBlock(),()=>s.splitBlock()]),"Mod-Enter":()=>this.editor.commands.exitCode(),Backspace:t,"Mod-Backspace":t,"Shift-Backspace":t,Delete:e,"Mod-Delete":e,"Mod-a":()=>this.editor.commands.selectAll()},r={...o},i={...o,"Ctrl-h":t,"Alt-Backspace":t,"Ctrl-d":e,"Ctrl-Alt-Backspace":e,"Alt-Delete":e,"Alt-d":e,"Ctrl-a":()=>this.editor.commands.selectTextblockStart(),"Ctrl-e":()=>this.editor.commands.selectTextblockEnd()};return tk()||Qte()?i:r},addProseMirrorPlugins(){return[new Ye({key:new Tt("clearDocument"),appendTransaction:(t,e,n)=>{if(t.some(g=>g.getMeta("composition")))return;let o=t.some(g=>g.docChanged)&&!e.doc.eq(n.doc),r=t.some(g=>g.getMeta("preventClearDocument"));if(!o||r)return;let{empty:i,from:s,to:a}=e.selection,l=Xe.atStart(e.doc).from,c=Xe.atEnd(e.doc).to;if(i||!(s===l&&a===c)||!Cv(n.doc))return;let p=n.tr,f=nk({state:n,transaction:p}),{commands:h}=new ok({editor:this.editor,state:f});if(h.clearNodes(),!!p.steps.length)return p}})]}}),Mne=Lt.create({name:"paste",addProseMirrorPlugins(){return[new Ye({key:new Tt("tiptapPaste"),props:{handlePaste:(t,e,n)=>{this.editor.emit("paste",{editor:this.editor,event:e,slice:n})}}})]}}),Ane=Lt.create({name:"tabindex",addOptions(){return{value:void 0}},addProseMirrorPlugins(){return[new Ye({key:new Tt("tabindex"),props:{attributes:()=>{var t;return!this.editor.isEditable&&this.options.value===void 0?{}:{tabindex:(t=this.options.value)!=null?t:"0"}}}})]}}),kne=Lt.create({name:"textDirection",addOptions(){return{direction:void 0}},addGlobalAttributes(){if(!this.options.direction)return[];let{nodeExtensions:t}=xv(this.extensions);return[{types:t.filter(e=>e.name!=="text").map(e=>e.name),attributes:{dir:{default:this.options.direction,parseHTML:e=>{let n=e.getAttribute("dir");return n&&(n==="ltr"||n==="rtl"||n==="auto")?n:this.options.direction},renderHTML:e=>e.dir?{dir:e.dir}:{}}}}]},addProseMirrorPlugins(){return[new Ye({key:new Tt("textDirection"),props:{attributes:()=>{let t=this.options.direction;return t?{dir:t}:{}}}})]}}),VMe=class $C{constructor(e,n,o=!1,r=null){this.currentNode=null,this.actualDepth=null,this.isBlock=o,this.resolvedPos=e,this.editor=n,this.currentNode=r}get name(){return this.node.type.name}get node(){return this.currentNode||this.resolvedPos.node()}get element(){return this.editor.view.domAtPos(this.pos).node}get depth(){var e;return(e=this.actualDepth)!=null?e:this.resolvedPos.depth}get pos(){return this.resolvedPos.pos}get content(){return this.node.content}set content(e){let n=this.from,o=this.to;if(this.isBlock){if(this.content.size===0){console.error(`You can\u2019t set content on a block node. Tried to set content on ${this.name} at ${this.pos}`);return}n=this.from+1,o=this.to-1}this.editor.commands.insertContentAt({from:n,to:o},e)}get attributes(){return this.node.attrs}get textContent(){return this.node.textContent}get size(){return this.node.nodeSize}get from(){return this.isBlock?this.pos:this.resolvedPos.start(this.resolvedPos.depth)}get range(){return{from:this.from,to:this.to}}get to(){return this.isBlock?this.pos+this.size:this.resolvedPos.end(this.resolvedPos.depth)+(this.node.isText?0:1)}get parent(){if(this.depth===0)return null;let e=this.resolvedPos.start(this.resolvedPos.depth-1),n=this.resolvedPos.doc.resolve(e);return new $C(n,this.editor)}get before(){let e=this.resolvedPos.doc.resolve(this.from-(this.isBlock?1:2));return e.depth!==this.depth&&(e=this.resolvedPos.doc.resolve(this.from-3)),new $C(e,this.editor)}get after(){let e=this.resolvedPos.doc.resolve(this.to+(this.isBlock?2:1));return e.depth!==this.depth&&(e=this.resolvedPos.doc.resolve(this.to+3)),new $C(e,this.editor)}get children(){let e=[];return this.node.content.forEach((n,o)=>{let r=n.isBlock&&!n.isTextblock,i=n.isAtom&&!n.isText,s=n.isInline,a=this.pos+o+(i?0:1);if(a<0||a>this.resolvedPos.doc.nodeSize-2)return;let l=this.resolvedPos.doc.resolve(a);if(!r&&!s&&l.depth<=this.depth)return;let c=new $C(l,this.editor,r,r||s?n:null);r&&(c.actualDepth=this.depth+1),e.push(c)}),e}get firstChild(){return this.children[0]||null}get lastChild(){let e=this.children;return e[e.length-1]||null}closest(e,n={}){let o=null,r=this.parent;for(;r&&!o;){if(r.node.type.name===e)if(Object.keys(n).length>0){let i=r.node.attrs,s=Object.keys(n);for(let a=0;a<s.length;a+=1){let l=s[a];if(i[l]!==n[l])break}}else o=r;r=r.parent}return o}querySelector(e,n={}){return this.querySelectorAll(e,n,!0)[0]||null}querySelectorAll(e,n={},o=!1){let r=[];if(!this.children||this.children.length===0)return r;let i=Object.keys(n);return this.children.forEach(s=>{o&&r.length>0||(s.node.type.name===e&&i.every(l=>n[l]===s.node.attrs[l])&&r.push(s),!(o&&r.length>0)&&(r=r.concat(s.querySelectorAll(e,n,o))))}),r}setAttribute(e){let{tr:n}=this.editor.state;n.setNodeMarkup(this.from,void 0,{...this.node.attrs,...e}),this.editor.view.dispatch(n)}},jMe=`.ProseMirror {
+  position: relative;
+}
+
+.ProseMirror {
+  word-wrap: break-word;
+  white-space: pre-wrap;
+  white-space: break-spaces;
+  -webkit-font-variant-ligatures: none;
+  font-variant-ligatures: none;
+  font-feature-settings: "liga" 0; /* the above doesn't seem to work in Edge */
+}
+
+.ProseMirror [contenteditable="false"] {
+  white-space: normal;
+}
+
+.ProseMirror [contenteditable="false"] [contenteditable="true"] {
+  white-space: pre-wrap;
+}
+
+.ProseMirror pre {
+  white-space: pre-wrap;
+}
+
+img.ProseMirror-separator {
+  display: inline !important;
+  border: none !important;
+  margin: 0 !important;
+  width: 0 !important;
+  height: 0 !important;
+}
+
+.ProseMirror-gapcursor {
+  display: none;
+  pointer-events: none;
+  position: absolute;
+  margin: 0;
+}
+
+.ProseMirror-gapcursor:after {
+  content: "";
+  display: block;
+  position: absolute;
+  top: -2px;
+  width: 20px;
+  border-top: 1px solid black;
+  animation: ProseMirror-cursor-blink 1.1s steps(2, start) infinite;
+}
+
+@keyframes ProseMirror-cursor-blink {
+  to {
+    visibility: hidden;
+  }
+}
+
+.ProseMirror-hideselection *::selection {
+  background: transparent;
+}
+
+.ProseMirror-hideselection *::-moz-selection {
+  background: transparent;
+}
+
+.ProseMirror-hideselection * {
+  caret-color: transparent;
+}
+
+.ProseMirror-focused .ProseMirror-gapcursor {
+  display: block;
+}`,Rne=class extends PMe{constructor(t={}){super(),this.css=null,this.className="tiptap",this.editorView=null,this.isFocused=!1,this.destroyed=!1,this.isInitialized=!1,this.extensionStorage={},this.instanceId=Math.random().toString(36).slice(2,9),this.options={element:typeof document<"u"?document.createElement("div"):null,content:"",injectCSS:!0,injectNonce:void 0,extensions:[],autofocus:!1,editable:!0,textDirection:void 0,editorProps:{},parseOptions:{},coreExtensionOptions:{},enableInputRules:!0,enablePasteRules:!0,enableCoreExtensions:!0,enableContentCheck:!1,emitContentError:!1,onBeforeCreate:()=>null,onCreate:()=>null,onMount:()=>null,onUnmount:()=>null,onUpdate:()=>null,onSelectionUpdate:()=>null,onTransaction:()=>null,onFocus:()=>null,onBlur:()=>null,onDestroy:()=>null,onContentError:({error:n})=>{throw n},onPaste:()=>null,onDrop:()=>null,onDelete:()=>null,enableExtensionDispatchTransaction:!0},this.isCapturingTransaction=!1,this.capturedTransaction=null,this.utils={getUpdatedPosition:tMe,createMappablePosition:nMe},this.setOptions(t),this.createExtensionManager(),this.createCommandManager(),this.createSchema(),this.on("beforeCreate",this.options.onBeforeCreate),this.emit("beforeCreate",{editor:this}),this.on("mount",this.options.onMount),this.on("unmount",this.options.onUnmount),this.on("contentError",this.options.onContentError),this.on("create",this.options.onCreate),this.on("update",this.options.onUpdate),this.on("selectionUpdate",this.options.onSelectionUpdate),this.on("transaction",this.options.onTransaction),this.on("focus",this.options.onFocus),this.on("blur",this.options.onBlur),this.on("destroy",this.options.onDestroy),this.on("drop",({event:n,slice:o,moved:r})=>this.options.onDrop(n,o,r)),this.on("paste",({event:n,slice:o})=>this.options.onPaste(n,o)),this.on("delete",this.options.onDelete);let e=this.createDoc();if(!this.editorState){let n=E5(e,this.options.autofocus);this.editorState=AC.create({doc:e,schema:this.schema,selection:n||void 0})}this.options.element&&this.mount(this.options.element)}mount(t){if(typeof document>"u")throw new Error("[tiptap error]: The editor cannot be mounted because there is no 'document' defined in this environment.");this.createView(t),this.emit("mount",{editor:this}),this.css&&!document.head.contains(this.css)&&document.head.appendChild(this.css),window.setTimeout(()=>{this.isDestroyed||(this.options.autofocus!==!1&&this.options.autofocus!==null&&this.commands.focus(this.options.autofocus),this.emit("create",{editor:this}),this.isInitialized=!0)},0)}unmount(){if(this.editorView){let t=this.editorView.dom;t?.editor&&delete t.editor,this.editorView.destroy()}if(this.editorView=null,this.isInitialized=!1,this.css&&!document.querySelectorAll(`.${this.className}`).length)try{typeof this.css.remove=="function"?this.css.remove():this.css.parentNode&&this.css.parentNode.removeChild(this.css)}catch(t){console.warn("Failed to remove CSS element:",t)}this.css=null,this.emit("unmount",{editor:this})}get storage(){return this.extensionStorage}get commands(){return this.commandManager.commands}chain(){return this.commandManager.chain()}can(){return this.commandManager.can()}injectCSS(){this.options.injectCSS&&typeof document<"u"&&(this.css=EMe(jMe,this.options.injectNonce))}setOptions(t={}){this.options={...this.options,...t},!(!this.editorView||!this.state||this.isDestroyed)&&(this.options.editorProps&&this.view.setProps(this.options.editorProps),this.view.updateState(this.state))}setEditable(t,e=!0){this.setOptions({editable:t}),e&&this.emit("update",{editor:this,transaction:this.state.tr,appendedTransactions:[]})}get isEditable(){return this.options.editable&&this.view&&this.view.editable}get view(){return this.editorView?this.editorView:new Proxy({state:this.editorState,updateState:t=>{this.editorState=t},dispatch:t=>{this.dispatchTransaction(t)},composing:!1,dragging:null,editable:!0,isDestroyed:!1},{get:(t,e)=>{if(this.editorView)return this.editorView[e];if(e==="state")return this.editorState;if(e in t)return Reflect.get(t,e);throw new Error(`[tiptap error]: The editor view is not available. Cannot access view['${e}']. The editor may not be mounted yet.`)}})}get state(){return this.editorView&&(this.editorState=this.view.state),this.editorState}registerPlugin(t,e){let n=nne(e)?e(t,[...this.state.plugins]):[...this.state.plugins,t],o=this.state.reconfigure({plugins:n});return this.view.updateState(o),o}unregisterPlugin(t){if(this.isDestroyed)return;let e=this.state.plugins,n=e;if([].concat(t).forEach(r=>{let i=typeof r=="string"?`${r}$`:r.key;n=n.filter(s=>!s.key.startsWith(i))}),e.length===n.length)return;let o=this.state.reconfigure({plugins:n});return this.view.updateState(o),o}createExtensionManager(){var t,e,n,o;let i=[...this.options.enableCoreExtensions?[Pne,wne.configure({blockSeparator:(e=(t=this.options.coreExtensionOptions)==null?void 0:t.clipboardTextSerializer)==null?void 0:e.blockSeparator}),xne,Ine,_ne,Ane.configure({value:(o=(n=this.options.coreExtensionOptions)==null?void 0:n.tabindex)==null?void 0:o.value}),Cne,Mne,Tne,kne.configure({direction:this.options.textDirection})].filter(s=>typeof this.options.enableCoreExtensions=="object"?this.options.enableCoreExtensions[s.name]!==!1:!0):[],...this.options.extensions].filter(s=>["extension","node","mark"].includes(s?.type));this.extensionManager=new uk(i,this)}createCommandManager(){this.commandManager=new ok({editor:this})}createSchema(){this.schema=this.extensionManager.schema}createDoc(){let t;try{t=I5(this.options.content,this.schema,this.options.parseOptions,{errorOnInvalidContent:this.options.enableContentCheck})}catch(e){if(!(e instanceof Error)||!["[tiptap error]: Invalid JSON content","[tiptap error]: Invalid HTML content"].includes(e.message))throw e;let n=I5(this.options.content,this.schema,this.options.parseOptions,{errorOnInvalidContent:!1});return this.editorState=AC.create({doc:n,schema:this.schema,selection:E5(n,this.options.autofocus)||void 0}),this.emit("contentError",{editor:this,error:e,disableCollaboration:()=>{"collaboration"in this.storage&&typeof this.storage.collaboration=="object"&&this.storage.collaboration&&(this.storage.collaboration.isDisabled=!0),this.options.extensions=this.options.extensions.filter(o=>o.name!=="collaboration"),this.createExtensionManager()}}),this.editorState.doc}return t}createView(t){let{editorProps:e,enableExtensionDispatchTransaction:n}=this.options,o=e.dispatchTransaction||this.dispatchTransaction.bind(this),r=n?this.extensionManager.dispatchTransaction(o):o,i=e.transformPastedHTML,s=this.extensionManager.transformPastedHTML(i);this.editorView=new FC(t,{...e,attributes:{role:"textbox",...e?.attributes},dispatchTransaction:r,transformPastedHTML:s,state:this.editorState,markViews:this.extensionManager.markViews,nodeViews:this.extensionManager.nodeViews});let a=this.state.reconfigure({plugins:this.extensionManager.plugins});this.view.updateState(a),this.prependClass(),this.injectCSS();let l=this.view.dom;l.editor=this}createNodeViews(){this.view.isDestroyed||this.view.setProps({markViews:this.extensionManager.markViews,nodeViews:this.extensionManager.nodeViews})}prependClass(){this.view.dom.className=`${this.className} ${this.view.dom.className}`}captureTransaction(t){this.isCapturingTransaction=!0,t(),this.isCapturingTransaction=!1;let e=this.capturedTransaction;return this.capturedTransaction=null,e}dispatchTransaction(t){if(this.view.isDestroyed)return;if(this.isCapturingTransaction){if(!this.capturedTransaction){this.capturedTransaction=t;return}t.steps.forEach(c=>{var d;return(d=this.capturedTransaction)==null?void 0:d.step(c)});return}let{state:e,transactions:n}=this.state.applyTransaction(t),o=!this.state.selection.eq(e.selection),r=n.includes(t),i=this.state;if(this.emit("beforeTransaction",{editor:this,transaction:t,nextState:e}),!r)return;this.view.updateState(e),this.emit("transaction",{editor:this,transaction:t,appendedTransactions:n.slice(1)}),o&&this.emit("selectionUpdate",{editor:this,transaction:t});let s=n.findLast(c=>c.getMeta("focus")||c.getMeta("blur")),a=s?.getMeta("focus"),l=s?.getMeta("blur");a&&this.emit("focus",{editor:this,event:a.event,transaction:s}),l&&this.emit("blur",{editor:this,event:l.event,transaction:s}),!(t.getMeta("preventUpdate")||!n.some(c=>c.docChanged)||i.doc.eq(e.doc))&&this.emit("update",{editor:this,transaction:t,appendedTransactions:n.slice(1)})}getAttributes(t){return L5(this.state,t)}isActive(t,e){let n=typeof t=="string"?t:null,o=typeof t=="string"?e:t;return eMe(this.state,n,o)}getJSON(){return this.state.doc.toJSON()}getHTML(){return sk(this.state.doc.content,this.schema)}getText(t){let{blockSeparator:e=`
+
+`,textSerializers:n={}}=t||{};return lne(this.state.doc,{blockSeparator:e,textSerializers:{...O5(this.schema),...n}})}get isEmpty(){return Cv(this.state.doc)}destroy(){this.destroyed||(this.destroyed=!0,this.emit("destroy"),this.unmount(),this.removeAllListeners(),this.extensionManager.destroy(),this.extensionManager=null,this.schema=null,this.commandManager=null,this.extensionStorage={})}get isDestroyed(){var t,e;return(e=(t=this.editorView)==null?void 0:t.isDestroyed)!=null?e:!0}$node(t,e){var n;return((n=this.$doc)==null?void 0:n.querySelector(t,e))||null}$nodes(t,e){var n;return((n=this.$doc)==null?void 0:n.querySelectorAll(t,e))||null}$pos(t){let e=this.state.doc.resolve(t),n=t>0&&e.nodeAfter&&!e.nodeAfter.isText&&e.nodeAfter.isAtom?e.nodeAfter:null;return new VMe(e,this,!1,n)}get $doc(){return this.$pos(0)}};function ta(t){return new Pv({find:t.find,handler:({state:e,range:n,match:o})=>{let r=dn(t.getAttributes,void 0,o);if(r===!1||r===null)return null;let{tr:i}=e,s=o[o.length-1],a=o[0];if(s){let l=a.search(/\S/),c=n.from+a.indexOf(s),d=c+s.length;if(ak(n.from,n.to,e.doc).filter(f=>f.mark.type.excluded.find(g=>g===t.type&&g!==f.mark.type)).filter(f=>f.to>c).length)return null;d<n.to&&i.delete(d,n.to),c>n.from&&i.delete(n.from+l,c);let p=n.from+l+s.length;i.addMark(n.from+l,p,t.type.create(r||{})),i.removeStoredMark(t.type)}},undoable:t.undoable})}function Dne(t){return new Pv({find:t.find,handler:({state:e,range:n,match:o})=>{let r=dn(t.getAttributes,void 0,o)||{},{tr:i}=e,s=n.from,a=n.to,l=t.type.create(r);if(o[1]){let c=o[0].lastIndexOf(o[1]),d=s+c;d>a?d=a:a=d+o[1].length;let u=o[0][o[0].length-1];i.insertText(u,s+o[0].length-1),i.replaceWith(d,a,l)}else if(o[0]){let c=t.type.isInline?s:s-1;i.insert(c,t.type.create(r)).delete(i.mapping.map(s),i.mapping.map(a))}i.scrollIntoView()},undoable:t.undoable})}function XC(t){return new Pv({find:t.find,handler:({state:e,range:n,match:o})=>{let r=e.doc.resolve(n.from),i=dn(t.getAttributes,void 0,o)||{};if(!r.node(-1).canReplaceWith(r.index(-1),r.indexAfter(-1),t.type))return null;e.tr.delete(n.from,n.to).setBlockType(n.from,n.from,t.type,i)},undoable:t.undoable})}function bu(t){return new Pv({find:t.find,handler:({state:e,range:n,match:o,chain:r})=>{let i=dn(t.getAttributes,void 0,o)||{},s=e.tr.delete(n.from,n.to),l=s.doc.resolve(n.from).blockRange(),c=l&&fv(l,t.type,i);if(!c)return null;if(s.wrap(l,c),t.keepMarks&&t.editor){let{selection:u,storedMarks:p}=e,{splittableMarks:f}=t.editor.extensionManager,h=p||u.$to.parentOffset&&u.$from.marks();if(h){let g=h.filter(y=>f.includes(y.type.name));s.ensureMarks(g)}}if(t.keepAttributes){let u=t.type.name==="bulletList"||t.type.name==="orderedList"?"listItem":"taskList";r().updateAttributes(u,i).run()}let d=s.doc.resolve(n.from-1).nodeBefore;d&&d.type===t.type&&Pl(s.doc,n.from-1)&&(!t.joinPredicate||t.joinPredicate(o,d))&&s.join(n.from-1)},undoable:t.undoable})}var no=class One extends B5{constructor(){super(...arguments),this.type="node"}static create(e={}){let n=typeof e=="function"?e():e;return new One(n)}configure(e){return super.configure(e)}extend(e){let n=typeof e=="function"?e():e;return super.extend(n)}};function ns(t){return new z5({find:t.find,handler:({state:e,range:n,match:o,pasteEvent:r})=>{let i=dn(t.getAttributes,void 0,o,r);if(i===!1||i===null)return null;let{tr:s}=e,a=o[o.length-1],l=o[0],c=n.to;if(a){let d=l.search(/\S/),u=n.from+l.indexOf(a),p=u+a.length;if(ak(n.from,n.to,e.doc).filter(g=>g.mark.type.excluded.find(m=>m===t.type&&m!==g.mark.type)).filter(g=>g.to>u).length)return null;p<n.to&&s.delete(p,n.to),u>n.from&&s.delete(n.from+d,u),c=n.from+d+a.length,s.addMark(n.from+d,c,t.type.create(i||{})),o.index!==void 0&&o.input!==void 0&&o.index+o[0].length>=o.input.length||s.removeStoredMark(t.type)}}})}var $Me=new Ot;function KMe(t){return $Me.get(t,()=>WC(t.extensions??[]))}function up(t,e,n){let{tipTapConfig:o,addFontsFromNode:r}=t.getTextOptions();ne(o,"textOptions.tipTapConfig must be set to use rich text"),ne(r,"textOptions.addFontsFromNode must be set to use rich text");let i=KMe(o),s=si.fromJSON(i,e),a=new Set;function l(d){a.add(d)}function c(d,u){u=r(d,u,l);for(let p of d.children)c(p,u)}return c(s,n),Array.from(a)}wi("@tldraw/editor","5.2.5","esm");var GMe=t=>t*.65+Ez(t*wt/2)*.35,WMe=t=>({size:t,thinning:.5,streamline:Qr(t,[9,16],[.64,.74],!0),smoothing:.62,easing:Ko.easeOutSine,simulatePressure:!0}),YMe=t=>({size:1+t*1.2,thinning:.62,streamline:.62,smoothing:.62,simulatePressure:!1,easing:GMe}),Lne=t=>({size:t,thinning:0,streamline:Qr(t,[9,16],[.64,.74],!0),smoothing:.62,simulatePressure:!1,easing:Ko.linear}),qMe=t=>({size:t,thinning:0,streamline:.62,smoothing:.62,simulatePressure:!1,easing:Ko.linear});function dk({strokeWidth:t,showAsComplete:e}){return{size:1+t,thinning:0,streamline:.5,smoothing:.5,simulatePressure:!1,easing:Ko.easeOutSine,last:e}}function pk(t,e,n,o){let r=t.isComplete||n;return o?t.isPen?{...qMe(e),last:r}:{...Lne(e),last:r}:t.dash==="draw"?t.isPen?{...YMe(e),last:r}:{...WMe(e),last:r}:{...Lne(e),last:r}}function Nne(t,e,n,o=[]){let r=qe.decodePoints(t.path,t.dim);if(e!==1||n!==1)for(let i of r)i.x*=e,i.y*=n;if(t.type==="free"||r.length<2)o.push(...r.map(T.From));else{let i=T.From(r[0]),s=T.From(r[1]),a=T.Dist(s,i);if(a===0)o.push(i);else{let l=T.Tan(s,i),c=Math.min(1,Math.floor(a/4)),d=T.Add(i,T.Mul(l,c)),u=T.Add(s,T.Mul(l,-c)),p=Math.max(4,Math.floor(a/16));o.push(i,...T.PointsBetween(d,u,p,Ko.easeInOutCubic),s)}}return o}function vu(t,e=1,n=1){let o=[];for(let r of t)Nne(r,e,n,o);return o}function Fne(t,e,n){return{draw:"none",solid:"none",dotted:`${n} ${e*2}`,dashed:`${e*2} ${e*2}`,none:"none"}[t.props.dash]}var ZC=_(j(),1);var Kt=class t{static lineThroughPoints(e,n){let o=new t;o.moveTo(e[0].x,e[0].y,{...n,offset:n?.endOffsets??n?.offset});for(let r=1;r<e.length;r++){let i=r===e.length-1;o.lineTo(e[r].x,e[r].y,i?{offset:n?.endOffsets}:void 0)}return o}static cubicSplineThroughPoints(e,n){let o=new t,r=e.length,i=r-2,s=1.25;o.moveTo(e[0].x,e[0].y,{...n,offset:n?.endOffsets??n?.offset});for(let a=0;a<r-1;a++){let l=a===0?e[0]:e[a-1],c=e[a],d=e[a+1],u=a===i?d:e[a+2],p,f,h,g;a===0?(p=l.x,f=l.y):(p=c.x+(d.x-l.x)/6*s,f=c.y+(d.y-l.y)/6*s);let y;a===i?(h=d.x,g=d.y,y={offset:n?.endOffsets}):(h=d.x-(u.x-c.x)/6*s,g=d.y-(u.y-c.y)/6*s),o.cubicBezierTo(d.x,d.y,p,f,h,g,y)}return o}constructor(){}commands=[];lastMoveTo=null;assertHasMoveTo(){return ne(this.lastMoveTo,"Start an SVGPathBuilder with `.moveTo()`"),this.lastMoveTo}moveTo(e,n,o){return this.lastMoveTo={type:"move",x:e,y:n,closeIdx:null,isClose:!1,opts:o},this.commands.push(this.lastMoveTo),this}lineTo(e,n,o){return this.assertHasMoveTo(),this.commands.push({type:"line",x:e,y:n,isClose:!1,opts:o}),this}circularArcTo(e,n,o,r,i,s){return this.arcTo(e,e,n,o,0,r,i,s)}arcTo(e,n,o,r,i,s,a,l){this.assertHasMoveTo();let c=this.commands[this.commands.length-1].x,d=this.commands[this.commands.length-1].y;if(c===s&&d===a)return this;if(e===0||n===0)return this.lineTo(s,a,l);let u=i,p=Math.sin(u),f=Math.cos(u),h=Math.abs(e),g=Math.abs(n),y=(c-s)/2,m=(d-a)/2,S=f*y+p*m,b=-p*y+f*m,v=S*S/(h*h)+b*b/(g*g);if(v>1){let ke=Math.sqrt(v);h*=ke,g*=ke}let w=o!==r?1:-1,x=h*h*g*g-h*h*b*b-g*g*S*S,C=h*h*b*b+g*g*S*S,P=x/C;P=P<0?0:P;let M=w*Math.sqrt(P),E=M*(h*b/g),I=M*(-(g*S)/h),R=f*E-p*I+(c+s)/2,D=p*E+f*I+(d+a)/2,N=(S-E)/h,B=(b-I)/g,F=(-S-E)/h,k=(-b-I)/g,L=Math.atan2(B,N),U=Math.atan2(k,F);!r&&U>L?U-=2*Math.PI:r&&U<L&&(U+=2*Math.PI);let V=U-L,Y=Math.max(h,g)*Math.abs(V),Z=Math.min(4,Math.ceil(Math.abs(V)/(Math.PI/2))),le=Math.ceil(Jd(Y)/Z),Te=V/Z,Ge=ke=>({x:R+h*Math.cos(ke)*f-g*Math.sin(ke)*p,y:D+h*Math.cos(ke)*p+g*Math.sin(ke)*f}),We=ke=>({x:-h*Math.sin(ke)*f-g*Math.cos(ke)*p,y:-h*Math.sin(ke)*p+g*Math.cos(ke)*f});for(let ke=0;ke<Z;ke++){let se=L+ke*Te,ze=L+(ke+1)*Te,Wt=ze-se,W=Ge(se),K=Ge(ze),ue=We(se),ut=We(ze),et=4/3*Math.tan(Wt/4),st=W.x+et*ue.x,Ce=W.y+et*ue.y,Pt=K.x-et*ut.x,Jo=K.y-et*ut.y,Bs=ke===0?l:{...l,mergeWithPrevious:!0};this.cubicBezierToWithResolution(K.x,K.y,st,Ce,Pt,Jo,Bs,le)}return this}cubicBezierTo(e,n,o,r,i,s,a){return this.cubicBezierToWithResolution(e,n,o,r,i,s,a)}cubicBezierToWithResolution(e,n,o,r,i,s,a,l){return this.assertHasMoveTo(),this.commands.push({type:"cubic",x:e,y:n,cp1:{x:o,y:r},cp2:{x:i,y:s},isClose:!1,opts:a,resolution:l}),this}close(){let e=this.assertHasMoveTo(),n=this.commands[this.commands.length-1];return En(e.x,n.x)&&En(e.y,n.y)?n.isClose=!0:this.commands.push({type:"line",x:e.x,y:e.y,isClose:!0}),e.closeIdx=this.commands.length-1,this.lastMoveTo=null,this}toD(e={}){let{startIdx:n=0,endIdx:o=this.commands.length,onlyFilled:r=!1}=e,i=[],s=!1,a=!1,l=!1,c=d=>{if(a||d===0)return;a=!0;let u=this.commands[d-1];i.push("M",be(u.x),be(u.y))};for(let d=n;d<o;d++){let u=this.commands[d];switch(u.type){case"move":{let p=u.opts?.geometry===!1?!1:u.opts?.geometry?.isFilled??!1;r&&!p?s=!0:(s=!1,a=!0,l=!0,i.push("M",be(u.x),be(u.y)));break}case"line":if(s)break;c(d),u.isClose&&l?i.push("Z"):i.push("L",be(u.x),be(u.y));break;case"cubic":if(s)break;c(d),i.push("C",be(u.cp1.x),be(u.cp1.y),be(u.cp2.x),be(u.cp2.y),be(u.x),be(u.y));break;default:Ve(u,"type")}}return i.join(" ")}toSvg(e){if(e.style==="none")return null;if(e.forceSolid)return this.toSolidSvg(e);switch(e.style){case"solid":return this.toSolidSvg(e);case"dashed":case"dotted":return this.toDashedSvg(e);case"draw":return this.toDrawSvg(e);default:Ve(e,"style")}}toPath2D(e){return e.style==="none"?new Path2D:e.forceSolid||e.style==="solid"?new Path2D(this.toD({onlyFilled:e.onlyFilled})):e.style==="draw"?new Path2D(this.toDrawD(e)):new Path2D(this.toD({onlyFilled:e.onlyFilled}))}toGeometry(){let e=[],n=null;for(let o=0;o<this.commands.length;o++){let r=this.commands[o];r.type==="move"&&(n&&n.opts?.geometry!==!1&&e.push(new Qg(this,n.startIdx,o,{...n.opts?.geometry,isFilled:n.opts?.geometry?.isFilled??!1,isClosed:n.moveCommand.closeIdx!==null})),n={startIdx:o,moveCommand:r,opts:r.opts,isClosed:!1}),r.isClose&&(ne(n,"No current move command"),n.isClosed=!0)}return n&&n.opts?.geometry!==!1&&e.push(new Qg(this,n.startIdx,this.commands.length,{...n.opts?.geometry,isFilled:n.opts?.geometry?.isFilled??!1,isClosed:n.moveCommand.closeIdx!==null})),ne(e.length>0),e.length===1?e[0]:new go({children:e})}toSolidSvg(e){let{strokeWidth:n,props:o}=e;return(0,ZC.jsx)("path",{strokeWidth:n,d:this.toD({onlyFilled:e.onlyFilled}),...o})}toDashedSvg(e){let{style:n,strokeWidth:o,snap:r,lengthRatio:i,props:{markerStart:s,markerEnd:a,...l}={}}=e,c=[],d=!1,u=!1,p,f=null,h=()=>{if(!f)return;let{startIdx:g,endIdx:y,isFirst:m,isLast:S,length:b,lineOpts:v,pathIsClosed:w}=f;if(f=null,g===y&&this.commands[g].type==="move")return;let x=v?.dashStart??e.start,C=v?.dashEnd??e.end,{strokeDasharray:P,strokeDashoffset:M}=jd(b,o,{style:n,snap:r,lengthRatio:i,start:m?x??(w?"outset":"none"):"outset",end:S?C??(w?"outset":"none"):"outset"}),E=this.toD({startIdx:g,endIdx:y+1});c.push((0,ZC.jsx)("path",{d:E,strokeDasharray:P,strokeDashoffset:M,markerStart:m?s:void 0,markerEnd:S?a:void 0},c.length))};for(let g=0;g<this.commands.length;g++){let y=this.commands[g],m=this.commands[g-1];if(y.type==="move"){d=y.closeIdx!==null;let w=y.opts?.geometry===!1?!1:y.opts?.geometry?.isFilled??!1;e.onlyFilled&&!w?u=!0:(u=!1,p=y.opts);continue}if(u)continue;let S=this.calculateSegmentLength(m,y),b=m.type==="move",v=y.isClose||g===this.commands.length-1||this.commands[g+1]?.type==="move";f&&y.opts?.mergeWithPrevious?(f.length+=S,f.endIdx=g,f.isLast=v):(h(),f={startIdx:g,endIdx:g,isFirst:b,isLast:v,length:S,lineOpts:p,pathIsClosed:d})}return h(),(0,ZC.jsx)("g",{strokeWidth:o,...l,children:c})}toDrawSvg(e){return(0,ZC.jsx)("path",{strokeWidth:e.strokeWidth,d:this.toDrawD(e),...e.props})}toDrawD(e){let{strokeWidth:n,randomSeed:o,offset:r=n/3,roundness:i=n*2,passes:s=2,onlyFilled:a=!1}=e,l=[],c=this.getCommandInfo(),d=[],u=null;for(let p=0;p<this.commands.length;p++){let f=this.commands[p],h=f.opts?.offset??r,g=f.opts?.roundness??i;f.type==="move"&&(u=p);let y=f.isClose?Dn(u)+1:!this.commands[p+1]||this.commands[p+1].type==="move"?void 0:p+1,m=y!==void 0&&this.commands[y]&&this.commands[y]?.type!=="move"?c[y]:void 0,S=Bne[f.type],b=y!==void 0?Bne[this.commands[y].type]:!1,v=c[p],w=v?.tangentEnd,x=m?.tangentStart,C=S&&b&&w&&x&&T.Len2(w)>.01&&T.Len2(x)>.01?Qr(Math.abs(T.AngleBetween(w,x)),[Math.PI/2,Math.PI],[g,0],!0):0,M=Math.min(v?.length??1/0,m?.length??1/0)-C*2,E=xe(h,0,M/4),I=Math.min(C,(v?.length??1/0)/4),R=Math.min(C,(m?.length??1/0)/4),D={command:f,offsetAmount:E,roundnessBefore:I,roundnessAfter:R,tangentToPrev:c[p]?.tangentEnd,tangentToNext:m?.tangentStart,moveDidClose:!1};if(d.push(D),f.isClose&&u!==null){let N=d[u];N.moveDidClose=!0,N.roundnessAfter=R}else f.type==="move"&&(u=p)}for(let p=0;p<s;p++){let f=ka(o+p),h={x:0,y:0},g=!1;for(let{command:y,offsetAmount:m,roundnessBefore:S,roundnessAfter:b,tangentToNext:v,tangentToPrev:w}of d){let x;if(y.isClose)x=h;else{let E=new T(f(),f()).uni(),I=Math.sqrt(Math.abs(f()))*m;x=T.Mul(E,I)}if(y.type==="move"){h=x;let E=y.opts?.geometry===!1?!1:y.opts?.geometry?.isFilled??!1;a&&!E?g=!0:g=!1}if(g)continue;let C=T.Add(y,x),P=v&&b>0?T.Mul(v,-b).add(C):C,M=w&&S>0?T.Mul(w,S).add(C):C;if(P===C||M===C)switch(y.type){case"move":l.push("M",be(P.x),be(P.y));break;case"line":l.push("L",be(P.x),be(P.y));break;case"cubic":{let E=T.Add(y.cp1,x),I=T.Add(y.cp2,x);l.push("C",be(E.x),be(E.y),be(I.x),be(I.y),be(P.x),be(P.y));break}default:Ve(y,"type")}else switch(y.type){case"move":l.push("M",be(P.x),be(P.y));break;case"line":l.push("L",be(M.x),be(M.y),"Q",be(C.x),be(C.y),be(P.x),be(P.y));break;case"cubic":{let E=T.Add(y.cp1,x),I=T.Add(y.cp2,x);l.push("C",be(E.x),be(E.y),be(I.x),be(I.y),be(C.x),be(C.y));break}default:Ve(y,"type")}}}return l.join(" ")}calculateSegmentLength(e,n){switch(n.type){case"move":return 0;case"line":return T.Dist(e,n);case"cubic":return JC.length(e.x,e.y,n.cp1.x,n.cp1.y,n.cp2.x,n.cp2.y,n.x,n.y);default:Ve(n,"type")}}getCommands(){return this.commands}getCommandInfo(){let e=[];for(let n=1;n<this.commands.length;n++){let o=this.commands[n-1],r=this.commands[n];if(r._info){e[n]=r._info;continue}if(r.type==="move")continue;let i,s;switch(r.type){case"line":i=s=T.Sub(o,r).uni();break;case"cubic":{i=T.Sub(r.cp1,o).uni(),s=T.Sub(r.cp2,r).uni();break}default:Ve(r,"type")}r._info={tangentStart:i,tangentEnd:s,length:this.calculateSegmentLength(o,r)},e[n]=r._info}return e}},Bne={line:!0,move:!0,cubic:!1},Qg=class extends or{constructor(e,n,o,r){super(r),this.path=e,this.startIdx=n,this.endIdx=o}path;startIdx;endIdx;_segments=null;getSegments(){if(this._segments)return this._segments;this._segments=[];let e=this.path.commands[this.startIdx];ne(e.type==="move");for(let n=this.startIdx+1;n<this.endIdx;n++){let o=this.path.commands[n];switch(ne(o.type!=="move"),o.type){case"line":this._segments.push(new bs({start:T.From(e),end:T.From(o)}));break;case"cubic":{this._segments.push(new sv({start:T.From(e),cp1:T.From(o.cp1),cp2:T.From(o.cp2),end:T.From(o),resolution:o.resolution}));break}default:Ve(o,"type")}e=o}return this._segments}getVertices(e){let n=this.getSegments().flatMap(o=>o.getVertices(e)).filter((o,r,i)=>{let s=i[r-1];return s?!T.Equals(s,o):!0});if(this.isClosed){let o=n[n.length-1],r=n[0];T.Equals(o,r)||n.push(r)}return n}nearestPoint(e,n){let o=null,r=1/0;for(let i of this.getSegments()){let s=i.nearestPoint(e),a=T.Dist2(e,s);a<r&&(r=a,o=s)}return ne(o,"No nearest point found"),o}hitTestLineSegment(e,n,o=0,r){return super.hitTestLineSegment(e,n,o,r)}getSvgPathData(){return this.path.toD({startIdx:this.startIdx,endIdx:this.endIdx})}};var JC={base3(t,e,n,o,r){let i=-3*e+9*n-9*o+3*r,s=t*i+6*e-12*n+6*o;return t*s-3*e+3*n},length(t,e,n,o,r,i,s,a,l=1){l=l>1?1:l<0?0:l;let c=l/2,d=12,u=0;u=0;for(let p=0;p<d;p++){let f=c*JC.Tvalues[p]+c,h=JC.base3(f,t,n,r,s),g=JC.base3(f,e,o,i,a),y=h*h+g*g;u+=JC.Cvalues[p]*Math.sqrt(y)}return c*u},Tvalues:[-.1252,.1252,-.3678,.3678,-.5873,.5873,-.7699,.7699,-.9041,.9041,-.9816,.9816],Cvalues:[.2491,.2491,.2335,.2335,.2032,.2032,.1601,.1601,.1069,.1069,.0472,.0472]};var fk=_(H(),1);function QC(){let t=rt(),e=z("animationSpeed",()=>t?.user.getAnimationSpeed(),[t]),[n,o]=(0,fk.useState)(!1);return(0,fk.useEffect)(()=>{if(e!==void 0){o(e===0);return}let r=t?.getContainerWindow()??window;if(!("matchMedia"in r))return;let i=r.matchMedia("(prefers-reduced-motion: reduce)"),s=()=>{o(i.matches)};return s(),i.addEventListener("change",s),()=>i.removeEventListener("change",s)},[e,t]),n}function H5(t){return"richText"in t.props&&lc.isValid(t.props.richText)}function oo(t,e,n={}){let o=typeof e=="string"?t.getShape(e):e;if(o&&t.canEditShape(o)){if(!H5(o))throw new Error("Shape does not have rich text");t.setEditingShape(o),t.setCurrentTool("select.editing_shape",{...n.info,target:"shape",shape:o}),n.selectAll&&t.emit("select-all-text",{shapeId:o.id})}}var o9=_(j(),1);var $p=_(H(),1);var e1=_(j(),1);var ey=_(H(),1),V5=(0,ey.createContext)(null);function j5({children:t}){let e=Da("a11y",{msg:"",priority:"assertive"}),n=(0,ey.useContext)(V5),o=(0,ey.useMemo)(()=>({currentMsg:e,announce(r){r&&e.set(r)}}),[e]);return n?(0,e1.jsx)(e1.Fragment,{children:t}):(0,e1.jsx)(V5.Provider,{value:o,children:t})}function Ph(){let t=(0,ey.useContext)(V5);if(!t)throw new Error("useA11y must be used within a A11yContext.Provider");return t}var jne=_(j(),1);var Al=_(H(),1);var zne=_(j(),1);var Ev=_(H(),1),Une=(0,Ev.createContext)(null);function t1({assetUrls:t,children:e}){return(0,Ev.useEffect)(()=>{let n=new Set;for(let o of[...Object.values(t.icons),...Object.values(t.embedIcons)]){if(!o)continue;let r=o.split("#")[0];if(n.has(r))continue;n.add(r);let i=oc();i.crossOrigin="anonymous",i.src=o,i.decode().catch(nc)}},[t]),(0,zne.jsx)(Une.Provider,{value:t,children:e})}function ty(){let t=(0,Ev.useContext)(Une);if(!t)throw new Error("useAssetUrls must be used within an AssetUrlsProvider");return t}var Iv={"action.toggle-auto-pan":"Auto (trackpad)","action.toggle-auto-zoom":"Auto (mouse)","action.toggle-auto-none":"Auto","action.toggle-mouse":"Mouse","action.toggle-trackpad":"Trackpad","action.convert-to-bookmark":"Convert to bookmark","action.convert-to-embed":"Convert to embed","action.open-embed-link":"Open link","action.align-bottom":"Align bottom","action.align-center-horizontal":"Align horizontally","action.align-center-vertical":"Align vertically","action.align-center-horizontal.short":"Align H","action.align-center-vertical.short":"Align V","action.align-left":"Align left","action.align-right":"Align right","action.align-top":"Align top","action.back-to-content":"Back to content","action.bring-forward":"Bring forward","action.bring-to-front":"Bring to front","action.copy-as-json.short":"JSON","action.copy-as-json":"Copy as JSON","action.copy-as-png.short":"PNG","action.copy-as-png":"Copy as PNG","action.copy-as-svg.short":"SVG","action.copy-as-svg":"Copy as SVG","action.copy":"Copy","action.copy-hovered-styles":"Copy hovered styles","action.cut":"Cut","action.delete":"Delete","action.unlock-all":"Unlock all","action.distribute-horizontal":"Distribute horizontally","action.distribute-vertical":"Distribute vertically","action.distribute-horizontal.short":"Distribute H","action.distribute-vertical.short":"Distribute V","action.download-original":"Download original","action.duplicate":"Duplicate","action.edit-link":"Edit link\u2026","action.exit-pen-mode":"Exit pen mode","action.export-as-png.short":"PNG","action.export-as-png":"Export as PNG","action.export-as-svg.short":"SVG","action.export-as-svg":"Export as SVG","action.export-all-as-png.short":"PNG","action.export-all-as-png":"Export as PNG","action.export-all-as-svg.short":"SVG","action.export-all-as-svg":"Export as SVG","action.fit-frame-to-content":"Fit to content","action.flip-horizontal":"Flip horizontally","action.flip-vertical":"Flip vertically","action.flip-horizontal.short":"Flip H","action.flip-vertical.short":"Flip V","action.fork-project":"Fork this project","action.fork-project-on-tldraw":"Fork project on tldraw","action.frame-selection":"Frame selection","action.group":"Group","action.insert-embed":"Insert embed\u2026","action.insert-media":"Upload media\u2026","action.leave-shared-project":"Leave shared project","action.new-project":"New project","action.new-shared-project":"New shared project","action.open-cursor-chat":"Cursor chat","action.open-kbd-shortcuts":"Keyboard shortcuts\u2026","action.open-file":"Open file","action.pack":"Pack","action.paste":"Paste","action.paste-error-title":"Pasting failed","action.paste-error-description":"Could not paste due to missing clipboard permissions. Please enable the permissions and try again.","action.print":"Print\u2026","action.redo":"Redo","action.remove-frame":"Remove frame","action.rename":"Rename","action.rotate-ccw":"Rotate counterclockwise","action.rotate-cw":"Rotate clockwise","action.save-copy":"Save a copy","action.select-all":"Select all","action.select-none":"Select none","action.send-backward":"Send backward","action.send-to-back":"Send to back","action.share-project":"Share this project","action.stack-horizontal":"Stack horizontally","action.stack-vertical":"Stack vertically","action.stack-horizontal.short":"Stack H","action.stack-vertical.short":"Stack V","action.stop-following":"Stop following","action.stretch-horizontal":"Stretch horizontally","action.stretch-vertical":"Stretch vertically","action.stretch-horizontal.short":"Stretch H","action.stretch-vertical.short":"Stretch V","action.toggle-auto-size":"Toggle auto size","action.toggle-dark-mode.menu":"Dark mode","action.toggle-dark-mode":"Toggle dark mode","action.toggle-paste-at-cursor.menu":"Paste at cursor","action.toggle-paste-at-cursor":"Toggle paste at cursor","action.toggle-wrap-mode.menu":"Select on wrap","action.toggle-wrap-mode":"Toggle select on wrap","action.toggle-reduce-motion.menu":"Reduce motion","action.toggle-reduce-motion":"Toggle reduce motion","action.toggle-keyboard-shortcuts.menu":"Enable keyboard shortcuts","action.toggle-keyboard-shortcuts":"Toggle keyboard shortcuts","action.enhanced-a11y-mode.menu":"Enhanced accessibility mode","action.enhanced-a11y-mode":"Toggle enhanced accessibility mode","action.toggle-edge-scrolling.menu":"Edge scrolling","action.toggle-edge-scrolling":"Toggle edge scrolling","action.toggle-invert-zoom.menu":"Invert mouse zoom","action.toggle-invert-zoom":"Toggle invert mouse zoom","action.toggle-debug-mode.menu":"Debug mode","action.toggle-debug-mode":"Toggle debug mode","action.toggle-focus-mode.menu":"Focus mode","action.toggle-focus-mode":"Toggle focus mode","action.toggle-dynamic-size-mode.menu":"Dynamic size","action.toggle-dynamic-size-mode":"Toggle dynamic size","action.toggle-grid.menu":"Show grid","action.toggle-grid":"Toggle grid","action.toggle-lock":"Toggle locked","action.flatten-to-image":"Flatten","action.toggle-snap-mode.menu":"Always snap","action.toggle-snap-mode":"Toggle always snap","action.toggle-tool-lock.menu":"Tool lock","action.toggle-tool-lock":"Toggle tool lock","action.toggle-transparent.context-menu":"Transparent","action.toggle-transparent.menu":"Transparent","action.toggle-transparent":"Toggle transparent background","action.undo":"Undo","action.ungroup":"Ungroup","action.zoom-in":"Zoom in","action.zoom-out":"Zoom out","action.zoom-to-100":"Zoom to 100%","action.zoom-to-fit":"Zoom to fit","action.zoom-to-selection":"Zoom to selection","action.zoom-quick":"Quick zoom","action.select-zoom-tool":"Zoom","assets.files.size-too-big":"File size is too big","assets.files.maximum-size":"Maximum file size is {size}","assets.files.type-not-allowed":"File type is not allowed","assets.files.upload-failed":"Upload failed","assets.files.amount-too-many":"Too many files","assets.url.failed":"Couldn\u2019t load URL preview","theme.dark":"Dark","theme.light":"Light","theme.system":"System","color-style.white":"White","color-style.black":"Black","color-style.blue":"Blue","color-style.green":"Green","color-style.grey":"Grey","color-style.light-blue":"Light blue","color-style.light-green":"Light green","color-style.light-red":"Light red","color-style.light-violet":"Light violet","color-style.orange":"Orange","color-style.red":"Red","color-style.violet":"Violet","color-style.yellow":"Yellow","fill-style.none":"None","document.default-name":"Untitled","fill-style.semi":"Semi","fill-style.solid":"Solid","fill-style.pattern":"Pattern","fill-style.fill":"Fill","fill-style.lined-fill":"Lined fill","dash-style.dashed":"Dashed","dash-style.dotted":"Dotted","dash-style.draw":"Draw","dash-style.solid":"Solid","size-style.s":"Small","size-style.m":"Medium","size-style.l":"Large","size-style.xl":"Extra large","opacity-style.0.1":"10%","opacity-style.0.25":"25%","opacity-style.0.5":"50%","opacity-style.0.75":"75%","opacity-style.1":"100%","font-style.draw":"Draw","font-style.sans":"Sans","font-style.serif":"Serif","font-style.mono":"Mono","align-style.start":"Start","align-style.middle":"Middle","align-style.end":"End","align-style.justify":"Justify","verticalAlign-style.start":"Top","verticalAlign-style.middle":"Middle","verticalAlign-style.end":"Bottom","geo-style.arrow-down":"Arrow down","geo-style.arrow-left":"Arrow left","geo-style.arrow-right":"Arrow right","geo-style.arrow-up":"Arrow up","geo-style.cloud":"Cloud","geo-style.diamond":"Diamond","geo-style.ellipse":"Ellipse","geo-style.heart":"Heart","geo-style.hexagon":"Hexagon","geo-style.octagon":"Octagon","geo-style.oval":"Oval","geo-style.pentagon":"Pentagon","geo-style.rectangle":"Rectangle","geo-style.rhombus":"Rhombus","geo-style.rhombus-2":"Rhombus left","geo-style.star":"Star","geo-style.trapezoid":"Trapezoid","geo-style.triangle":"Triangle","geo-style.x-box":"X box","geo-style.check-box":"Check box","arrowheadStart-style.none":"None","arrowheadStart-style.arrow":"Arrow","arrowheadStart-style.bar":"Bar","arrowheadStart-style.diamond":"Diamond","arrowheadStart-style.dot":"Dot","arrowheadStart-style.inverted":"Inverted","arrowheadStart-style.pipe":"Pipe","arrowheadStart-style.square":"Square","arrowheadStart-style.triangle":"Triangle","arrowheadEnd-style.none":"None","arrowheadEnd-style.arrow":"Arrow","arrowheadEnd-style.bar":"Bar","arrowheadEnd-style.diamond":"Diamond","arrowheadEnd-style.dot":"Dot","arrowheadEnd-style.inverted":"Inverted","arrowheadEnd-style.pipe":"Pipe","arrowheadEnd-style.square":"Square","arrowheadEnd-style.triangle":"Triangle","spline-style.line":"Line","spline-style.cubic":"Cubic","arrow-kind-style.arc":"Arc","arrow-kind-style.elbow":"Elbow","tool.select":"Select","tool.hand":"Hand","tool.draw":"Draw","tool.eraser":"Eraser","tool.arrow-down":"Arrow down","tool.arrow-left":"Arrow left","tool.arrow-right":"Arrow right","tool.arrow-up":"Arrow up","tool.arrow":"Arrow","tool.cloud":"Cloud","tool.diamond":"Diamond","tool.ellipse":"Ellipse","tool.heart":"Heart","tool.hexagon":"Hexagon","tool.highlight":"Highlight","tool.line":"Line","tool.octagon":"Octagon","tool.oval":"Oval","tool.pentagon":"Pentagon","tool.rectangle":"Rectangle","tool.rhombus":"Rhombus","tool.star":"Star","tool.trapezoid":"Trapezoid","tool.triangle":"Triangle","tool.x-box":"X box","tool.check-box":"Check box","tool.media":"Media","tool.frame":"Frame","tool.note":"Note","tool.laser":"Laser","tool.embed":"Embed","tool.text":"Text","tool.pointer-down":"Pointer down","tool.image-zoom":"Zoom","tool.replace-media":"Replace media\u2026","tool.flip-horz":"Flip horizontally","tool.flip-vert":"Flip vertically","tool.rotate-cw":"Rotate","tool.aspect-ratio":"Aspect ratio","tool.aspect-ratio.original":"Original","tool.aspect-ratio.square":"Square (1:1)","tool.aspect-ratio.circle":"Circle (1:1)","tool.aspect-ratio.landscape":"Landscape (4:3)","tool.aspect-ratio.portrait":"Portrait (3:4)","tool.aspect-ratio.wide":"Wide (16:9)","tool.image-toolbar-title":"Image tools","tool.image-crop":"Crop image","tool.image-crop-confirm":"Confirm","tool.media-alt-text":"Alternative text","tool.media-alt-text-desc":"Give a description\u2026","tool.media-alt-text-confirm":"Confirm","tool.rich-text-bold":"Bold","tool.rich-text-italic":"Italic","tool.rich-text-code":"Code","tool.rich-text-highlight":"Highlight","tool.rich-text-strikethrough":"Strikethrough","tool.rich-text-link":"Link","tool.rich-text-link-visit":"Visit link","tool.rich-text-link-remove":"Remove link","tool.rich-text-header":"Header","tool.rich-text-bulletList":"Bulleted list","tool.rich-text-toolbar-title":"Text formatting","tool.rich-text-orderedList":"Ordered list","tool.bookmark":"Bookmark","a11y.status":"Status","a11y.skip-to-main-content":"Move focus to canvas","a11y.shape-index":"{num} of {total}","a11y.shape-image":"Image","a11y.shape-video":"Video","a11y.multiple-shapes":"{num} shapes selected","a11y.select-shape":"Select next shape","a11y.select-shape-direction":"Select shape in direction","a11y.enter-leave-container":"Enter/leave container","a11y.repeat-shape":"Repeat shape","a11y.move-shape":"Move shape","a11y.move-shape-faster":"Move shape faster","a11y.rotate-shape-cw":"Rotate shape clockwise","a11y.rotate-shape-ccw":"Rotate shape counterclockwise","a11y.rotate-shape-cw-fine":"Rotate shape clockwise (fine)","a11y.rotate-shape-ccw-fine":"Rotate shape counterclockwise (fine)","a11y.enlarge-shape":"Enlarge shape","a11y.shrink-shape":"Shrink shape","a11y.pan-camera":"Pan camera","a11y.adjust-shape-styles":"Adjust shape styles","a11y.open-context-menu":"Context menu\u2026","a11y.open-keyboard-shortcuts":"Keyboard shortcuts\u2026","menu.title":"Menu","menu.theme":"Theme","menu.color-theme":"Color theme","menu.accessibility":"Accessibility","menu.copy-as":"Copy as","menu.edit":"Edit","menu.export-as":"Export as","menu.file":"File","menu.language":"Language","menu.preferences":"Preferences","menu.view":"View","menu.input-device":"Input device","context-menu.title":"Context menu","context-menu.edit":"Edit","context-menu.arrange":"Arrange","context-menu.copy-as":"Copy as","context-menu.export-as":"Export as","context-menu.export-all-as":"Export","context-menu.move-to-page":"Move to page","context-menu.reorder":"Reorder","page-menu.title":"Pages","page-menu.create-new-page":"Create new page","page-menu.max-pages-reached":"Maximum pages reached","page-menu.new-page-initial-name":"Page 1","page-menu.edit-start":"Edit","page-menu.edit-done":"Done","page-menu.go-to-page":"Go to page","page-menu.resize":"Resize page list","page-menu.submenu.rename":"Rename","page-menu.submenu.duplicate-page":"Duplicate","page-menu.submenu.title":"Menu","page-menu.submenu.move-down":"Move down","page-menu.submenu.move-up":"Move up","page-menu.submenu.delete":"Delete","share-menu.title":"Share","share-menu.save-note":"Download this project to your computer as a .tldr file.","share-menu.fork-note":"Create a new shared project based on this snapshot.","share-menu.share-project":"Share this project","share-menu.copy-link":"Copy editor link","share-menu.create-snapshot-link":"Copy snapshot link","share-menu.snapshot-link-note":"Capture and share this project as a read-only snapshot link.","share-menu.copy-readonly-link":"Copy viewer link","share-menu.offline-note":"Create a new shared project based on your current project.","share-menu.copy-link-note":"Anyone with the link will be able to view and edit this project.","share-menu.copy-readonly-link-note":"Anyone with the link will be able to access this project.","share-menu.project-too-large":"Sorry, this project can\u2019t be shared because it\u2019s too large. We\u2019re working on it!","share-menu.upload-failed":"Sorry, we couldn\u2019t upload your project at the moment. Please try again or let us know if the problem persists.","share-menu.creating-project":"Creating the new project\u2026","share-menu.copied":"Copied link","document-name-menu.copy-link":"Copy link","status.offline":"Offline","people-menu.title":"People","people-menu.change-name":"Change name","people-menu.avatar-color":"Avatar color","people-menu.change-color":"Change color","people-menu.follow":"Following","people-menu.following":"Following","people-menu.leading":"Following you","people-menu.user":"(You)","people-menu.invite":"Invite others","people-menu.anonymous-user":"New user","help-menu.import-tldr-file":"Import file\u2026","help-menu.title":"Help and resources","help-menu.about":"About tldraw","help-menu.discord":"Discord","help-menu.github":"GitHub","help-menu.keyboard-shortcuts":"Keyboard shortcuts\u2026","help-menu.twitter":"Twitter","help-menu.terms":"Terms of service","help-menu.privacy":"Privacy policy","actions-menu.title":"Actions","edit-link-dialog.title":"Edit link","edit-link-dialog.invalid-url":"A link must be a valid URL.","edit-link-dialog.detail":"Links will open in a new tab.","edit-link-dialog.url":"URL","edit-link-dialog.clear":"Clear","edit-link-dialog.save":"Continue","edit-link-dialog.cancel":"Cancel","edit-link-dialog.external-link":"External link","embed-dialog.title":"Insert embed","embed-dialog.back":"Back","embed-dialog.create":"Create","embed-dialog.cancel":"Cancel","embed-dialog.url":"URL","embed-dialog.instruction":"Paste in the site\u2019s URL to create the embed.","embed-dialog.invalid-url":"We could not create an embed from that URL.","shortcuts-dialog.title":"Keyboard shortcuts","shortcuts-dialog.edit":"Edit","shortcuts-dialog.file":"File","shortcuts-dialog.preferences":"Preferences","shortcuts-dialog.tools":"Tools","shortcuts-dialog.transform":"Transform","shortcuts-dialog.view":"View","shortcuts-dialog.collaboration":"Collaboration","shortcuts-dialog.a11y":"Accessibility","shortcuts-dialog.text-formatting":"Text formatting","style-panel.title":"Styles","style-panel.align":"Align","style-panel.label-align":"Label align","style-panel.vertical-align":"Vertical align","style-panel.position":"Position","style-panel.arrowheads":"Arrows","style-panel.arrowhead-start":"Start","style-panel.arrowhead-end":"End","style-panel.arrow-kind":"Line","style-panel.color":"Color","style-panel.dash":"Dash","style-panel.fill":"Fill","style-panel.font":"Font","style-panel.geo":"Shape","style-panel.mixed":"Mixed","style-panel.opacity":"Opacity","style-panel.size":"Size","style-panel.spline":"Spline","style-panel.selected":"selected","tool-panel.title":"Tools","tool-panel.more":"More","navigation-zone.title":"Navigation","navigation-zone.minimap":"Minimap","navigation-zone.toggle-minimap":"Toggle minimap","navigation-zone.zoom":"Zoom","focus-mode.toggle-focus-mode":"Toggle focus mode","toast.close":"Close","toast.success":"Success","toast.error":"Error","toast.info":"Info","toast.warning":"Warning","file-system.file-open-error.title":"Could not open file","file-system.file-open-error.not-a-tldraw-file":"The file you tried to open doesn\u2019t look like a tldraw file.","file-system.file-open-error.file-format-version-too-new":"The file you tried to open is from a newer version of tldraw. Please reload the page and try again.","file-system.file-open-error.generic-corrupted-file":"The file you tried to open is corrupted.","file-system.confirm-open.title":"Overwrite current project?","file-system.confirm-open.description":"Opening a file will replace your current project and any unsaved changes will be lost. Are you sure you want to continue?","file-system.confirm-open.cancel":"Cancel","file-system.confirm-open.open":"Open file","file-system.confirm-open.dont-show-again":"Don\u2019t ask again","file-system.confirm-clear.title":"Clear current project?","file-system.confirm-clear.description":"Creating a new project will clear your current project and any unsaved changes will be lost. Are you sure you want to continue?","file-system.confirm-clear.cancel":"Cancel","file-system.confirm-clear.continue":"Continue","file-system.confirm-clear.dont-show-again":"Don\u2019t ask again","file-system.shared-document-file-open-error.title":"Could not open file","file-system.shared-document-file-open-error.description":"Opening files from shared projects is not supported.","sharing.confirm-leave.title":"Leave current project?","sharing.confirm-leave.description":"Are you sure you want to leave this shared project? You can return to it by navigating to its URL.","sharing.confirm-leave.cancel":"Cancel","sharing.confirm-leave.leave":"Leave","sharing.confirm-leave.dont-show-again":"Don\u2019t ask again","toast.error.export-fail.title":"Failed export","toast.error.export-fail.desc":"Failed to export image","toast.error.copy-fail.title":"Failed copy","toast.error.copy-fail.desc":"Failed to copy image","context.pages.new-page":"New page","vscode.file-open.desc":"We\u2019ve updated this document to work with the current version of tldraw. If you\u2019d like to keep the original version (which will work on old.tldraw.com), click below to create a backup.","vscode.file-open.open":"Continue","vscode.file-open.backup":"Backup","vscode.file-open.backup-saved":"Backup saved","vscode.file-open.backup-failed":"Backup failed: this is not a .tldr file.","vscode.file-open.dont-show-again":"Don\u2019t ask again","cursor-chat.type-to-chat":"Type to chat\u2026","app.loading":"Loading tldraw\u2026","handle.resize-top":"Resize top","handle.resize-bottom":"Resize bottom","handle.resize-left":"Resize left","handle.resize-right":"Resize right","handle.resize-top-left":"Resize top left","handle.resize-top-right":"Resize top right","handle.resize-bottom-left":"Resize bottom left","handle.resize-bottom-right":"Resize bottom right","handle.rotate.top_left_rotate":"Rotate top left","handle.rotate.top_right_rotate":"Rotate top right","handle.rotate.bottom_left_rotate":"Rotate bottom left","handle.rotate.bottom_right_rotate":"Rotate bottom right","handle.rotate.mobile_rotate":"Rotate","handle.crop.top":"Crop top","handle.crop.bottom":"Crop bottom","handle.crop.left":"Crop left","handle.crop.right":"Crop right","handle.crop.top-left":"Crop top left","handle.crop.top-right":"Crop top right","handle.crop.bottom-left":"Crop bottom left","handle.crop.bottom-right":"Crop bottom right","ui.close":"Close","ui.checked":"Checked","ui.unchecked":"Unchecked"};var Hne=new Set(["ar","fa","he","ur","ku"]),_v={locale:"en",label:"English",messages:Iv,dir:"ltr"};async function Vne(t,e){if(!(await tr(e.translations.en)).ok)return console.warn("No main translations found."),_v;if(t==="en")return _v;let o=pu.find(a=>a.locale===t);if(!o)return console.warn(`No translation found for locale ${t}`),_v;let i=await(await tr(e.translations[o.locale])).json();if(!i)return console.warn(`No messages found for locale ${t}`),_v;let s=[];for(let a in _v.messages)i[a]||s.push(a);return s.length>0,{locale:t,label:o.label,dir:Hne.has(o.locale)?"rtl":"ltr",messages:{..._v.messages,...i}}}var n1=Al.createContext(null);function $ne(){let t=Al.useContext(n1);if(!t)throw new Error("useCurrentTranslation must be used inside of <TldrawUiContextProvider />");return t}function o1({overrides:t,locale:e,children:n}){let o=ty(),[r,i]=Al.useState(()=>t&&t.en?{locale:"en",label:"English",dir:"ltr",messages:{...Iv,...t.en}}:{locale:"en",label:"English",dir:"ltr",messages:Iv});return Al.useEffect(()=>{let s=!1;async function a(){let l=await Vne(e,o);l&&!s&&(t&&t[e]?i({...l,messages:{...l.messages,...t[e]}}):i(l))}return a(),()=>{s=!0}},[o,e,t]),(0,jne.jsx)(n1.Provider,{value:r,children:n})}function J(){let t=Al.useContext(n1),e=t?.messages??Iv;return Al.useEffect(()=>{t?.messages||pb("No translation messages found, falling back to default translation. Wrap your app in <TldrawUiContextProvider>, or in both <AssetUrlsProvider> and <TldrawUiTranslationProvider>, to provide translations.")},[t?.messages]),Al.useCallback(function(o){return e[o]??o},[e])}function ot(){return $ne().dir}var Sfe=_(j(),1);var bD=_(H(),1);var mfe=_(j(),1);var Tw=_(H(),1);var hk=300,mk=320,XMe=46,ZMe=101;function $5(t,e){let n=e?t.getAsset(e):null;return n&&!n.props.image?n.props.title?ZMe:XMe:mk}function K5(t,e){return{...e,props:{...e.props,h:$5(t,e.props.assetId)}}}function Gne(t){try{return new URL(t).hostname.replace(/^www\./,"")}catch{return t}}function Wne(t,e){let{url:n}=e.props,o=za.createId(Xm(n));t.getAsset(o)?e.props.assetId!==o&&t.updateShapes([{id:e.id,type:e.type,props:{assetId:o}}]):(t.updateShapes([{id:e.id,type:e.type,props:{assetId:null}}]),QMe(t,e))}function G5(t,e,n){if(e)return e;if(!n)return null;let o=za.createId(Xm(n));return t.getAsset(o)?o:null}function gk(t,e){let n=G5(t,e.props.assetId,e.props.url);return n===e.props.assetId?e.props.h:$5(t,n)}async function JMe(t,e){if(t.isDisposed)return;let{url:n}=e.props,o=await t.getAssetForExternalContent({type:"url",url:n});o&&t.run(()=>{t.createAssets([o]),t.updateShapes([{id:e.id,type:e.type,props:{assetId:o.id}}])})}var Kne=new WeakMap;function QMe(t,e){let n=Kne.get(t);n||(n=Ed(JMe,500),Kne.set(t,n)),n(t,e)}async function r1(t,{url:e,center:n=t.getViewportPageBounds().center}){try{let o=za.createId(Xm(e)),r=t.getAsset(o),i=Ke(),s={id:i,type:"bookmark",x:n.x-hk/2,y:n.y-mk/2,rotation:0,opacity:1,props:{url:e,assetId:r?.id??null,w:hk,h:$5(t,r?.id)}};t.run(()=>{t.createShapes([s])});let a=t.getShape(i);return a?r?Rr.ok(a):(eAe(t,i,e),Rr.ok(a)):Rr.err("Failed to create bookmark shape")}catch(o){return Rr.err(o instanceof Error?o.message:"Failed to create bookmark")}}async function eAe(t,e,n){let o;try{o=await t.getAssetForExternalContent({type:"url",url:n})}catch(i){console.error(i);return}if(t.isDisposed||!o)return;let r=t.getShape(e);r&&r.props.url===n&&(r.props.assetId||t.run(()=>{t.getAsset(o.id)||t.createAssets([o]),t.updateShapes([{id:e,type:"bookmark",props:{assetId:o.id}}])},{history:"ignore"}))}var Yne=8;function na(){return{topLeft:{x:0,y:0},bottomRight:{x:1,y:1}}}var W5=["original","square","circle","landscape","portrait","wide"],i1={original:0,square:1,circle:1,landscape:4/3,portrait:3/4,wide:16/9};function Es(t,e){if(!e)return{w:t.w,h:t.h};let n=t.w/(e.bottomRight.x-e.topLeft.x),o=t.h/(e.bottomRight.y-e.topLeft.y);return{w:n,h:o}}function yk(t){return{width:t.bottomRight.x-t.topLeft.x,height:t.bottomRight.y-t.topLeft.y}}function Y5(t){let{width:e,height:n}=yk(t);return{x:t.topLeft.x+e/2,y:t.topLeft.y+n/2}}function q5(t,e,n,o,r){let i=Math.max(0,Math.min(1-n,t-n/2)),s=Math.max(0,Math.min(1-o,e-o/2));return{topLeft:{x:i,y:s},bottomRight:{x:i+n,y:s+o},isCircle:r}}function X5(t,e,n={}){let{handle:o,change:r,crop:i,aspectRatioLocked:s}=e,{w:a,h:l}=e.uncroppedSize,{minWidth:c=Yne,minHeight:d=Yne}=n;if(a<c||l<d||r.x===0&&r.y===0)return;let u=new q(i.topLeft.x*a,i.topLeft.y*l,(i.bottomRight.x-i.topLeft.x)*a,(i.bottomRight.y-i.topLeft.y)*l),p=u.aspectRatio,f=u.clone();if(o==="top_left"||o==="bottom_left"||o==="left")f.x=xe(f.x+r.x,0,u.maxX-c),f.w=u.maxX-f.x;else if(o==="top_right"||o==="bottom_right"||o==="right"){let y=xe(f.maxX+r.x,u.x+c,a);f.w=y-f.x}if(o==="top_left"||o==="top_right"||o==="top")f.y=xe(f.y+r.y,0,u.maxY-d),f.h=u.maxY-f.y;else if(o==="bottom_left"||o==="bottom_right"||o==="bottom"){let y=xe(f.maxY+r.y,u.y+d,l);f.h=y-f.y}if(s)switch(f.aspectRatio>p?f.h=f.w/p:f.w=f.h*p,o){case"top_left":{f.x=u.maxX-f.w,f.y=u.maxY-f.h,f.x<=0&&(f.x=0,f.w=u.maxX-f.x,f.h=f.w/p,f.y=u.maxY-f.h),f.y<=0&&(f.y=0,f.h=u.maxY-f.y,f.w=f.h*p,f.x=u.maxX-f.w);break}case"top_right":{f.x=u.x,f.y=u.maxY-f.h,f.maxX>=a&&(f.w=a-u.x,f.h=f.w/p,f.y=u.maxY-f.h),f.y<=0&&(f.y=0,f.h=u.maxY-f.y,f.w=f.h*p);break}case"bottom_left":{f.x=u.maxX-f.w,f.y=u.y,f.x<=0&&(f.x=0,f.w=u.maxX-f.x,f.h=f.w/p),f.maxY>=l&&(f.h=l-u.y,f.w=f.h*p,f.x=u.maxX-f.w);break}case"bottom_right":{f.x=u.x,f.y=u.y,f.maxX>=a&&(f.w=a-u.x,f.h=f.w/p),f.maxY>=l&&(f.h=l-u.y,f.w=f.h*p);break}case"top":{if(f.h=u.maxY-f.y,f.w=f.h*p,f.x-=(f.w-u.w)/2,f.x<=0){let m=u.midX;f.w=m*2,f.h=f.w/p,f.x=0}if(f.maxX>=a){let m=a-u.midX;f.w=m*2,f.h=f.w/p,f.x=a-f.w}f.y=u.maxY-f.h;break}case"right":{if(f.w=f.maxX-u.x,f.h=f.w/p,f.y-=(f.h-u.h)/2,f.y<=0){let m=u.midY;f.h=m*2,f.w=f.h*p,f.y=0}if(f.maxY>=l){let m=l-u.midY;f.h=m*2,f.w=f.h*p,f.y=l-f.h}break}case"bottom":{if(f.h=f.maxY-u.y,f.w=f.h*p,f.x-=(f.w-u.w)/2,f.x<=0){let m=u.midX;f.w=m*2,f.h=f.w/p,f.x=0}if(f.maxX>=a){let m=a-u.midX;f.w=m*2,f.h=f.w/p,f.x=a-f.w}break}case"left":{if(f.w=u.maxX-f.x,f.h=f.w/p,f.y-=(f.h-u.h)/2,f.y<=0){let m=u.midY;f.h=m*2,f.w=f.h*p,f.y=0}if(f.maxY>=l){let m=l-u.midY;f.h=m*2,f.w=f.h*p,f.y=l-f.h}f.x=u.maxX-f.w;break}}let h={topLeft:{x:f.x/a,y:f.y/l},bottomRight:{x:f.maxX/a,y:f.maxY/l}};if(i.isCircle!=null&&(h.isCircle=i.isCircle),h.topLeft.x===i.topLeft.x&&h.topLeft.y===i.topLeft.y&&h.bottomRight.x===i.bottomRight.x&&h.bottomRight.y===i.bottomRight.y)return;let g=new T(f.x-i.topLeft.x*a,f.y-i.topLeft.y*l).rot(t.rotation).add(t);return{id:t.id,type:t.type,x:g.x,y:g.y,props:{...t.props,w:f.w,h:f.h,crop:h}}}function tAe(t,e,n,o=!0,r=!1){let{w:i,h:s}=Es(t.props,t.props.crop??na()),a=t.props.crop||na(),l=t.x+t.props.w/2,c=t.y+t.props.h/2,d,u;if(o){let{x:g,y}=Y5(a);d=g,u=y}else d=.5,u=.5;let p=q5(d,u,e,n,r),f=e*i,h=n*s;return{crop:p,w:f,h,x:l-f/2,y:c-h/2}}var Ps=3;function qne(t,e,n){let o=e.props.crop||na(),{width:r,height:i}=yk(o),s=r/i,a=n?1/(1-n):Ps,l=1+t*(a-1),c,d;s>1?(c=Math.min(1,1/l),d=c/s):(d=Math.min(1,1/l),c=d*s);let u=tAe(e,c,d,!0,o.isCircle),p=Math.min(Ps,r/c);u.w*=p,u.h*=p;let f=e.x+e.props.w/2,h=e.y+e.props.h/2;return u.x=f-u.w/2,u.y=h-u.h/2,u}function Xne(t,e,n){let o=na(),r=t.props.crop||o,i=t.props.w,s=t.props.h,a=e/n,l=o,c=i,d=s;if((0,Ho.default)(t.props.crop,o))c=i,d=i*n/e;else{let{w:y,h:m}=Es(t.props,t.props.crop||na()),{width:S,height:b}=yk(r),v=S/b,w=y/m,x,C,P=Y5(r);x=S;let M=a/w/v;C=x*M;let E=Ps/(Ps-1);if(M>E){let I=1/Ps;if(1/C<1/x){let R=C/I;C=C/R,x=x/R}else{let R=x/I;x=x/R,C=C/R}}x=Math.max(0,Math.min(1,x)),C=Math.max(0,Math.min(1,C)),l=q5(P.x,P.y,x,C,r.isCircle)}let p=t.x+i/2,f=t.y+s/2,h=p-c/2,g=f-d/2;return{crop:l,w:c,h:d,x:h,y:g}}function Zne(t,e){if(t==="original"){let{w:I,h:R}=Es(e.props,e.props.crop??na()),D=e.x+e.props.w/2,N=e.y+e.props.h/2;return{crop:na(),w:I,h:R,x:D-I/2,y:N-R/2}}let n=i1[t],o=t==="circle",{w:r,h:i}=Es(e.props,e.props.crop||na()),s=r/i,a=e.props.crop||na(),{width:l,height:c}=yk(a),d=Y5(a),u=Math.min(1/l,1/c),p,f;if(s===0||!Number.isFinite(s)||n===0)p=1,f=1;else{let I=l*r,R=c*i,D=Math.max(I,R),N=I>=R,B,F;N?(B=D,F=B/n):(F=D,B=F*n),p=B/r,f=F/i,p>1&&(p=1,f=s/n),f>1&&(f=1,p=n/s),p=Math.max(0,Math.min(1,p)),f=Math.max(0,Math.min(1,f))}let h=Math.min(1/p,1/f);p*=h/u,f*=h/u,p=Math.max(0,Math.min(1,p)),f=Math.max(0,Math.min(1,f));let g=q5(d.x,d.y,p,f,o),y=g.bottomRight.x-g.topLeft.x,m=g.bottomRight.y-g.topLeft.y,S=y*r,b=m*i,v=1;l>0?v=e.props.w/(l*r):c>0&&(v=e.props.h/(c*i));let w=S*v,x=b*v,C=e.x+e.props.w/2,P=e.y+e.props.h/2,M=C-w/2,E=P-x/2;return{crop:g,w,h:x,x:M,y:E}}var Lr={fontWeight:"normal",fontVariant:"normal",fontStyle:"normal",padding:"0px"},vn={s:1,m:1.75,l:2.5,xl:5},ny={s:1.125,m:1.5,l:2.25,xl:2.75},s1={s:1.125,m:1.375,l:1.625,xl:2},Jne={s:1.125,m:1.25,l:1.5,xl:1.75},nAe={draw:"var(--tl-font-draw)",sans:"var(--tl-font-sans)",serif:"var(--tl-font-serif)",mono:"var(--tl-font-mono)"};function qa(t,e){let n=t.fonts[e];return n?n.fontFamily:nAe[e]??e}var Qne=20,eoe=4.25,dp=16;async function Z5(t,e,n){let{elements:o,files:r}=e,i={shapes:[],bindings:[],rootShapeIds:[],assets:[],schema:t.store.schema.serialize()},s=new Map,a=new Map,l=t.getCurrentPageId(),c=new Map,d=[],u=new Set;o.forEach(m=>{if(c.set(m.id,Ke()),m.boundElements!==null)for(let S of m.boundElements)S.type==="text"&&u.add(S.id)});let p=ng;for(let m of o){if(u.has(m.id))continue;let S=c.get(m.id),b={id:S,typeName:"shape",parentId:l,index:p,x:m.x,y:m.y,rotation:0,isLocked:m.locked,opacity:oAe(m.opacity),meta:{}};switch(m.angle!==0&&a.set(S,m.angle),m.groupIds&&m.groupIds.length>0?s.has(m.groupIds[0])?s.get(m.groupIds[0])?.push(S):s.set(m.groupIds[0],[S]):d.push(S),m.type){case"rectangle":case"ellipse":case"diamond":{let v="",w="middle";if(m.boundElements!==null){for(let C of m.boundElements)if(C.type==="text"){let P=o.find(M=>M.id===C.id);P&&(v=P.text,w=uAe[P.textAlign])}}let x=m.backgroundColor==="transparent"?m.strokeColor:m.backgroundColor;i.shapes.push({...b,type:"geo",props:{...t.getShapeUtil("geo").getDefaultProps(),geo:m.type,url:m.link??"",w:m.width,h:m.height,size:Sk[m.strokeWidth]??"draw",color:a1[x]??"black",richText:jt(v),align:w,dash:bk(m),fill:fAe(m)}});break}case"freedraw":{let v=m.points.map(([x,C,P=.5])=>({x,y:C,z:P})),w=qe.encodePoints(v);i.shapes.push({...b,type:"draw",props:{...t.getShapeUtil("draw").getDefaultProps(),dash:bk(m),size:Sk[m.strokeWidth],color:a1[m.strokeColor]??"black",segments:[{type:"free",path:w}]}});break}case"line":{if(m.points.slice().length<2)break;let w=ru(m.points.length);i.shapes.push({...b,type:"line",props:{...t.getShapeUtil("line").getDefaultProps(),dash:bk(m),size:Sk[m.strokeWidth],color:a1[m.strokeColor]??"black",spline:m.roundness?"cubic":"line",points:{...Object.fromEntries(m.points.map(([x,C],P)=>{let M=w[P];return[M,{id:M,index:M,x,y:C}]}))}}});break}case"arrow":{let v="";if(m.boundElements!==null){for(let M of m.boundElements)if(M.type==="text"){let E=o.find(I=>I.id===M.id);E&&(v=E.text)}}let w=m.points[0],x=m.points[m.points.length-1],C=c.get(m.startBinding?.elementId),P=c.get(m.endBinding?.elementId);i.shapes.push({...b,type:"arrow",props:{...t.getShapeUtil("arrow").getDefaultProps(),richText:jt(v),kind:m.elbowed?"elbow":"arc",bend:pAe(m,w,x),dash:bk(m),size:Sk[m.strokeWidth]??"m",color:a1[m.strokeColor]??"black",start:{x:w[0],y:w[1]},end:{x:x[0],y:x[1]},arrowheadEnd:toe[m.endArrowhead]??"none",arrowheadStart:toe[m.startArrowhead]??"none"}}),C&&i.bindings.push({id:ac(),typeName:"binding",type:"arrow",fromId:S,toId:C,props:{terminal:"start",snap:"none",normalizedAnchor:{x:.5,y:.5},isPrecise:!1,isExact:!1},meta:{}}),P&&i.bindings.push({id:ac(),typeName:"binding",type:"arrow",fromId:S,toId:P,props:{terminal:"end",snap:"none",normalizedAnchor:{x:.5,y:.5},isPrecise:!1,isExact:!1},meta:{}});break}case"text":{let{size:v,scale:w}=iAe(m.fontSize);i.shapes.push({...b,type:"text",props:{...t.getShapeUtil("text").getDefaultProps(),size:v,scale:w,font:sAe[m.fontFamily]??"draw",color:a1[m.strokeColor]??"black",richText:jt(m.text),textAlign:dAe[m.textAlign]}});break}case"image":{let v=r[m.fileId];if(!v)break;let w=za.createId();i.assets.push({id:w,typeName:"asset",type:"image",props:{w:m.width,h:m.height,fileSize:v.size,name:m.id??"Untitled",isAnimated:!1,mimeType:v.mimeType,src:v.dataURL},meta:{}}),i.shapes.push({...b,type:"image",props:{...t.getShapeUtil("image").getDefaultProps(),w:m.width,h:m.height,assetId:w}})}}p=Sr(p)}let f=n??(t.inputs.getShiftKey()?t.inputs.getCurrentPagePoint():void 0);t.putContentOntoCurrentPage(i,{point:f,select:!1,preserveIds:!0});for(let m of s.values())if(m.length>1){t.groupShapes(m);let S=t.getShape(m[0]);S?.parentId&&On(S.parentId)&&d.push(S.parentId)}for(let[m,S]of a)t.select(m),t.rotateShapesBy([m],S);let h=we(d.map(m=>t.getShape(m))),g=q.Common(h.map(m=>t.getShapePageBounds(m))),y=t.getViewportPageBounds().center;t.updateShapes(h.map(m=>{let S={x:(m.x??0)-(g.x+g.w/2),y:(m.y??0)-(g.y+g.h/2)};return{id:m.id,type:m.type,x:y.x+S.x,y:y.y+S.y}})),t.setSelectedShapes(d)}var oAe=t=>{let e=t/100;return e<.2?.1:e<.4?.25:e<.6?.5:e<.8?.75:1},Sk={1:"s",2:"m",3:"l",4:"xl"},rAe={16:"s",20:"m",28:"l",36:"xl"};function iAe(t){let e=rAe[t];return e?{size:e,scale:1}:t<16?{size:"s",scale:t/16}:t>36?{size:"xl",scale:t/36}:{size:"m",scale:1}}var sAe={1:"draw",2:"sans",3:"mono"},aAe={gray:["#f8f9fa","#e9ecef","#ced4da","#868e96","#343a40"],red:["#fff5f5","#ffc9c9","#ff8787","#fa5252","#e03131"],pink:["#fff0f6","#fcc2d7","#f783ac","#e64980","#c2255c"],grape:["#f8f0fc","#eebefa","#da77f2","#be4bdb","#9c36b5"],violet:["#f3f0ff","#d0bfff","#9775fa","#7950f2","#6741d9"],indigo:["#edf2ff","#bac8ff","#748ffc","#4c6ef5","#3b5bdb"],blue:["#e7f5ff","#a5d8ff","#4dabf7","#228be6","#1971c2"],cyan:["#e3fafc","#99e9f2","#3bc9db","#15aabf","#0c8599"],teal:["#e6fcf5","#96f2d7","#38d9a9","#12b886","#099268"],green:["#ebfbee","#b2f2bb","#69db7c","#40c057","#2f9e44"],lime:["#f4fce3","#d8f5a2","#a9e34b","#82c91e","#66a80f"],yellow:["#fff9db","#ffec99","#ffd43b","#fab005","#f08c00"],orange:["#fff4e6","#ffd8a8","#ffa94d","#fd7e14","#e8590c"]};function wu(t,e,n){let o=[0,1,2,3,4].map(r=>aAe[t][r]);return Object.fromEntries(o.map((r,i)=>[r,i<3?e:n]))}var a1={...wu("gray","grey","black"),...wu("red","light-red","red"),...wu("pink","light-red","red"),...wu("grape","light-violet","violet"),...wu("blue","light-blue","blue"),...wu("cyan","light-blue","blue"),...wu("teal","light-green","green"),...wu("green","light-green","green"),...wu("yellow","yellow","orange"),...wu("orange","yellow","orange"),"#ffffff":"white","#000000":"black"},lAe={solid:"draw",dashed:"dashed",dotted:"dotted"},cAe={"cross-hatch":"pattern",hachure:"pattern",solid:"solid"},uAe={left:"start",center:"middle",right:"end"},dAe={left:"start",center:"middle",right:"end"},toe={arrow:"arrow",dot:"dot",triangle:"triangle",bar:"pipe"};function pAe(t,e,n){let o=0;if(t.points.length>2){let r=new T(e[0],e[1]),i=new T(n[0],n[1]),s=new T(t.points[1][0],t.points[1][1]),a=T.Sub(i,r),l=T.Per(a),c=T.Med(i,r),d=T.Sub(c,l),u=T.Add(c,l),p=T.NearestPointOnLineSegment(d,u,s,!1);o=T.Dist(p,c),T.Clockwise(p,i,c)&&(o*=-1)}return o}var bk=t=>{let e=lAe[t.strokeStyle]??"draw";return e==="draw"&&t.roughness===0&&(e="solid"),e},fAe=t=>t.backgroundColor==="transparent"?"none":cAe[t.fillStyle]??"solid";var hAe=t=>{let e=/`([^`]+)`(?!`)$/.exec(t);return!e||e.index>0&&t[e.index-1]==="`"?null:{index:e.index,text:e[0],replaceWith:e[1]}},mAe=t=>{let e=/`([^`]+)`(?!`)/g,n=[],o;for(;(o=e.exec(t))!==null;)o.index>0&&t[o.index-1]==="`"||n.push({index:o.index,text:o[0],replaceWith:o[1]});return n},vk=Cs.create({name:"code",addOptions(){return{HTMLAttributes:{}}},excludes:"_",code:!0,exitable:!0,parseHTML(){return[{tag:"code"}]},renderHTML({HTMLAttributes:t}){return["code",It(this.options.HTMLAttributes,t),0]},markdownTokenName:"codespan",parseMarkdown:(t,e)=>e.applyMark("code",[{type:"text",text:t.text||""}]),renderMarkdown:(t,e)=>t.content?`\`${e.renderChildren(t.content)}\``:"",addCommands(){return{setCode:()=>({commands:t})=>t.setMark(this.name),toggleCode:()=>({commands:t})=>t.toggleMark(this.name),unsetCode:()=>({commands:t})=>t.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-e":()=>this.editor.commands.toggleCode()}},addInputRules(){return[ta({find:hAe,type:this.type})]},addPasteRules(){return[ns({find:mAe,type:this.type})]}});var gAe=/(?:^|\s)(==(?!\s+==)((?:[^=]+))==(?!\s+==))$/,yAe=/(?:^|\s)(==(?!\s+==)((?:[^=]+))==(?!\s+==))/g,J5=Cs.create({name:"highlight",addOptions(){return{multicolor:!1,HTMLAttributes:{}}},addAttributes(){return this.options.multicolor?{color:{default:null,parseHTML:t=>t.getAttribute("data-color")||yne(t,"background-color")||t.style.backgroundColor,renderHTML:t=>t.color?{"data-color":t.color,style:`background-color: ${t.color}; color: inherit`}:{}}}:{}},parseHTML(){return[{tag:"mark"}]},renderHTML({HTMLAttributes:t}){return["mark",It(this.options.HTMLAttributes,t),0]},renderMarkdown:(t,e)=>`==${e.renderChildren(t)}==`,parseMarkdown:(t,e)=>e.applyMark("highlight",e.parseInline(t.tokens||[])),markdownTokenizer:{name:"highlight",level:"inline",start:t=>t.indexOf("=="),tokenize(t,e,n){let r=/^(==)([^=]+)(==)/.exec(t);if(r){let i=r[2].trim(),s=n.inlineTokens(i);return{type:"highlight",raw:r[0],text:i,tokens:s}}}},addCommands(){return{setHighlight:t=>({commands:e})=>e.setMark(this.name,t),toggleHighlight:t=>({commands:e})=>e.toggleMark(this.name,t),unsetHighlight:()=>({commands:t})=>t.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-Shift-h":()=>this.editor.commands.toggleHighlight()}},addInputRules(){return[ta({find:gAe,type:this.type})]},addPasteRules(){return[ns({find:yAe,type:this.type})]}});var Mv=(t,e)=>{if(t==="slot")return 0;if(t instanceof Function)return t(e);let{children:n,...o}=e??{};if(t==="svg")throw new Error("SVG elements are not supported in the JSX syntax, use the array syntax instead");return[t,o,n]};var SAe=(t,e)=>{var n;let{state:o,view:r}=t,{selection:i}=o;if(!i.empty)return!1;let{$from:s}=i;if(s.parentOffset!==0)return!1;let a=s.depth-1;if(a<0)return!1;let l=s.node(a),c=s.index(a);if(c===0)return!1;if(l.type===e)return t.commands.lift(e.name);let d=l.child(c-1);if(d.type!==e||!((n=d.lastChild)!=null&&n.isTextblock))return!1;let u=s.before(),f=u-1-1,{tr:h}=o;return h.delete(u,s.after()).insert(f,s.parent.content),h.setSelection(Ie.create(h.doc,f)),r.dispatch(h.scrollIntoView()),!0},bAe=/^\s*>\s$/,noe=no.create({name:"blockquote",addOptions(){return{HTMLAttributes:{}}},content:"block+",group:"block",defining:!0,parseHTML(){return[{tag:"blockquote"}]},renderHTML({HTMLAttributes:t}){return Mv("blockquote",{...It(this.options.HTMLAttributes,t),children:Mv("slot",{})})},parseMarkdown:(t,e)=>{var n;let o=(n=e.parseBlockChildren)!=null?n:e.parseChildren;return e.createNode("blockquote",void 0,o(t.tokens||[]))},renderMarkdown:(t,e)=>{if(!t.content)return"";let n=">",o=[];return t.content.forEach((r,i)=>{var s,a;let d=((a=(s=e.renderChild)==null?void 0:s.call(e,r,i))!=null?a:e.renderChildren([r])).split(`
+`).map(u=>u.trim()===""?n:`${n} ${u}`);o.push(d.join(`
+`))}),o.join(`
+${n}
+`)},addCommands(){return{setBlockquote:()=>({commands:t})=>t.wrapIn(this.name),toggleBlockquote:()=>({commands:t})=>t.toggleWrap(this.name),unsetBlockquote:()=>({commands:t})=>t.lift(this.name)}},addKeyboardShortcuts(){return{"Mod-Shift-b":()=>this.editor.commands.toggleBlockquote(),Backspace:()=>SAe(this.editor,this.type)}},addInputRules(){return[bu({find:bAe,type:this.type})]}});var vAe=/(?:^|\s)(\*\*(?!\s+\*\*)((?:[^*]+))\*\*(?!\s+\*\*))$/,wAe=/(?:^|\s)(\*\*(?!\s+\*\*)((?:[^*]+))\*\*(?!\s+\*\*))/g,xAe=/(?:^|\s)(__(?!\s+__)((?:[^_]+))__(?!\s+__))$/,TAe=/(?:^|\s)(__(?!\s+__)((?:[^_]+))__(?!\s+__))/g,ooe=Cs.create({name:"bold",addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:"strong"},{tag:"b",getAttrs:t=>t.style.fontWeight!=="normal"&&null},{style:"font-weight=400",clearMark:t=>t.type.name===this.name},{style:"font-weight",getAttrs:t=>/^(bold(er)?|[5-9]\d{2,})$/.test(t)&&null}]},renderHTML({HTMLAttributes:t}){return Mv("strong",{...It(this.options.HTMLAttributes,t),children:Mv("slot",{})})},markdownTokenName:"strong",parseMarkdown:(t,e)=>e.applyMark("bold",e.parseInline(t.tokens||[])),markdownOptions:{htmlReopen:{open:"<strong>",close:"</strong>"}},renderMarkdown:(t,e)=>`**${e.renderChildren(t)}**`,addCommands(){return{setBold:()=>({commands:t})=>t.setMark(this.name),toggleBold:()=>({commands:t})=>t.toggleMark(this.name),unsetBold:()=>({commands:t})=>t.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-b":()=>this.editor.commands.toggleBold(),"Mod-B":()=>this.editor.commands.toggleBold()}},addInputRules(){return[ta({find:vAe,type:this.type}),ta({find:xAe,type:this.type})]},addPasteRules(){return[ns({find:wAe,type:this.type}),ns({find:TAe,type:this.type})]}});var Q5=4,CAe=/^```([a-z]+)?[\s\n]$/,PAe=/^~~~([a-z]+)?[\s\n]$/,roe=no.create({name:"codeBlock",addOptions(){return{languageClassPrefix:"language-",exitOnTripleEnter:!0,exitOnArrowDown:!0,exitOnArrowUp:!0,defaultLanguage:null,enableTabIndentation:!1,tabSize:Q5,HTMLAttributes:{}}},content:"text*",marks:"",group:"block",code:!0,defining:!0,addAttributes(){return{language:{default:this.options.defaultLanguage,parseHTML:t=>{var e;let{languageClassPrefix:n}=this.options;if(!n)return null;let i=[...((e=t.firstElementChild)==null?void 0:e.classList)||[]].filter(s=>s.startsWith(n)).map(s=>s.replace(n,""))[0];return i||null},rendered:!1}}},parseHTML(){return[{tag:"pre",preserveWhitespace:"full"}]},renderHTML({node:t,HTMLAttributes:e}){return["pre",It(this.options.HTMLAttributes,e),["code",{class:t.attrs.language?this.options.languageClassPrefix+t.attrs.language:null},0]]},markdownTokenName:"code",parseMarkdown:(t,e)=>{var n,o;return((n=t.raw)==null?void 0:n.startsWith("```"))===!1&&((o=t.raw)==null?void 0:o.startsWith("~~~"))===!1&&t.codeBlockStyle!=="indented"?[]:e.createNode("codeBlock",{language:t.lang||null},t.text?[e.createTextNode(t.text)]:[])},renderMarkdown:(t,e)=>{var n;let o="",r=((n=t.attrs)==null?void 0:n.language)||"";return t.content?o=[`\`\`\`${r}`,e.renderChildren(t.content),"```"].join(`
+`):o=`\`\`\`${r}
+
+\`\`\``,o},addCommands(){return{setCodeBlock:t=>({commands:e})=>e.setNode(this.name,t),toggleCodeBlock:t=>({commands:e})=>e.toggleNode(this.name,"paragraph",t)}},addKeyboardShortcuts(){return{"Mod-Alt-c":()=>this.editor.commands.toggleCodeBlock(),Backspace:()=>{let{empty:t,$anchor:e}=this.editor.state.selection,n=e.pos===1;return!t||e.parent.type.name!==this.name?!1:n||!e.parent.textContent.length?this.editor.commands.clearNodes():!1},Tab:({editor:t})=>{var e;if(!this.options.enableTabIndentation)return!1;let n=(e=this.options.tabSize)!=null?e:Q5,{state:o}=t,{selection:r}=o,{$from:i,empty:s}=r;if(i.parent.type!==this.type)return!1;let a=" ".repeat(n);return s?t.commands.insertContent(a):t.commands.command(({tr:l})=>{let{from:c,to:d}=r,f=o.doc.textBetween(c,d,`
+`,`
+`).split(`
+`).map(h=>a+h).join(`
+`);return l.replaceWith(c,d,o.schema.text(f)),!0})},"Shift-Tab":({editor:t})=>{var e;if(!this.options.enableTabIndentation)return!1;let n=(e=this.options.tabSize)!=null?e:Q5,{state:o}=t,{selection:r}=o,{$from:i,empty:s}=r;return i.parent.type!==this.type?!1:s?t.commands.command(({tr:a})=>{var l;let{pos:c}=i,d=i.start(),u=i.end(),f=o.doc.textBetween(d,u,`
+`,`
+`).split(`
+`),h=0,g=0,y=c-d;for(let x=0;x<f.length;x+=1){if(g+f[x].length>=y){h=x;break}g+=f[x].length+1}let S=((l=f[h].match(/^ */))==null?void 0:l[0])||"",b=Math.min(S.length,n);if(b===0)return!0;let v=d;for(let x=0;x<h;x+=1)v+=f[x].length+1;return a.delete(v,v+b),c-v<=b&&a.setSelection(Ie.create(a.doc,v)),!0}):t.commands.command(({tr:a})=>{let{from:l,to:c}=r,p=o.doc.textBetween(l,c,`
+`,`
+`).split(`
+`).map(f=>{var h;let g=((h=f.match(/^ */))==null?void 0:h[0])||"",y=Math.min(g.length,n);return f.slice(y)}).join(`
+`);return a.replaceWith(l,c,o.schema.text(p)),!0})},Enter:({editor:t})=>{if(!this.options.exitOnTripleEnter)return!1;let{state:e}=t,{selection:n}=e,{$from:o,empty:r}=n;if(!r||o.parent.type!==this.type)return!1;let i=o.parentOffset===o.parent.nodeSize-2,s=o.parent.textContent.endsWith(`
+
+`);return!i||!s?!1:t.chain().command(({tr:a})=>(a.delete(o.pos-2,o.pos),!0)).exitCode().run()},ArrowUp:({editor:t})=>{if(!this.options.exitOnArrowUp)return!1;let{state:e}=t,{selection:n}=e,{$from:o,empty:r}=n;if(!r||o.parent.type!==this.type||o.parentOffset!==0)return!1;let i=o.before();return i>0?!1:t.commands.insertDefaultBlock({pos:i})},ArrowDown:({editor:t})=>{if(!this.options.exitOnArrowDown)return!1;let{state:e}=t,{selection:n,doc:o}=e,{$from:r,empty:i}=n;if(!i||r.parent.type!==this.type||!(r.parentOffset===r.parent.nodeSize-2))return!1;let a=r.after();return a===void 0?!1:o.nodeAt(a)?t.commands.command(({tr:c})=>(c.setSelection(Xe.near(o.resolve(a))),!0)):t.commands.exitCode()}}},addInputRules(){return[XC({find:CAe,type:this.type,getAttributes:t=>({language:t[1]})}),XC({find:PAe,type:this.type,getAttributes:t=>({language:t[1]})})]},addProseMirrorPlugins(){return[new Ye({key:new Tt("codeBlockVSCodeHandler"),props:{handlePaste:(t,e)=>{if(!e.clipboardData||this.editor.isActive(this.type.name))return!1;let n=e.clipboardData.getData("text/plain"),o=e.clipboardData.getData("vscode-editor-data"),r=o?JSON.parse(o):void 0,i=r?.mode;if(!n||!i)return!1;let{tr:s,schema:a}=t.state,l=a.text(n.replace(/\r\n?/g,`
+`));return s.replaceSelectionWith(this.type.create({language:i},l)),s.selection.$from.parent.type!==this.type&&s.setSelection(Ie.near(s.doc.resolve(Math.max(0,s.selection.from-2)))),s.setMeta("paste",!0),t.dispatch(s),!0}}})]}});var ioe=no.create({name:"doc",topNode:!0,content:"block+",renderMarkdown:(t,e)=>t.content?e.renderChildren(t.content,`
+
+`):""});var soe=no.create({name:"hardBreak",markdownTokenName:"br",addOptions(){return{keepMarks:!0,HTMLAttributes:{}}},inline:!0,group:"inline",selectable:!1,linebreakReplacement:!0,parseHTML(){return[{tag:"br"}]},renderHTML({HTMLAttributes:t}){return["br",It(this.options.HTMLAttributes,t)]},renderText(){return`
+`},renderMarkdown:()=>`  
+`,parseMarkdown:()=>({type:"hardBreak"}),addCommands(){return{setHardBreak:()=>({commands:t,chain:e,state:n,editor:o})=>t.first([()=>t.exitCode(),()=>t.command(()=>{let{selection:r,storedMarks:i}=n;if(r.$from.parent.type.spec.isolating)return!1;let{keepMarks:s}=this.options,{splittableMarks:a}=o.extensionManager,l=i||r.$to.parentOffset&&r.$from.marks();return e().insertContent({type:this.name}).command(({tr:c,dispatch:d})=>{if(d&&l&&s){let u=l.filter(p=>a.includes(p.type.name));c.ensureMarks(u)}return!0}).scrollIntoView().run()})])}},addKeyboardShortcuts(){return{"Mod-Enter":()=>this.editor.commands.setHardBreak(),"Shift-Enter":()=>this.editor.commands.setHardBreak()}}});var aoe=no.create({name:"heading",addOptions(){return{levels:[1,2,3,4,5,6],HTMLAttributes:{}}},content:"inline*",group:"block",defining:!0,addAttributes(){return{level:{default:1,rendered:!1}}},parseHTML(){return this.options.levels.map(t=>({tag:`h${t}`,attrs:{level:t}}))},renderHTML({node:t,HTMLAttributes:e}){return[`h${this.options.levels.includes(t.attrs.level)?t.attrs.level:this.options.levels[0]}`,It(this.options.HTMLAttributes,e),0]},parseMarkdown:(t,e)=>e.createNode("heading",{level:t.depth||1},e.parseInline(t.tokens||[])),renderMarkdown:(t,e)=>{var n;let o=(n=t.attrs)!=null&&n.level?parseInt(t.attrs.level,10):1,r="#".repeat(o);return t.content?`${r} ${e.renderChildren(t.content)}`:""},addCommands(){return{setHeading:t=>({commands:e})=>this.options.levels.includes(t.level)?e.setNode(this.name,t):!1,toggleHeading:t=>({commands:e})=>this.options.levels.includes(t.level)?e.toggleNode(this.name,"paragraph",t):!1}},addKeyboardShortcuts(){return this.options.levels.reduce((t,e)=>({...t,[`Mod-Alt-${e}`]:()=>this.editor.commands.toggleHeading({level:e})}),{})},addInputRules(){return this.options.levels.map(t=>XC({find:new RegExp(`^(#{${Math.min(...this.options.levels)},${t}})\\s$`),type:this.type,getAttributes:{level:t}}))}});var loe=no.create({name:"horizontalRule",addOptions(){return{HTMLAttributes:{},nextNodeType:"paragraph"}},group:"block",parseHTML(){return[{tag:"hr"}]},renderHTML({HTMLAttributes:t}){return["hr",It(this.options.HTMLAttributes,t)]},markdownTokenName:"hr",parseMarkdown:(t,e)=>e.createNode("horizontalRule"),renderMarkdown:()=>"---",addCommands(){return{setHorizontalRule:()=>({chain:t,state:e})=>{if(!gne(e,e.schema.nodes[this.name]))return!1;let{selection:n}=e,{$to:o}=n,r=t();return lk(n)?r.insertContentAt(o.pos,{type:this.name}):r.insertContent({type:this.name}),r.command(({state:i,tr:s,dispatch:a})=>{if(a){let{$to:l}=s.selection,c=l.end();if(l.nodeAfter)l.nodeAfter.isTextblock?s.setSelection(Ie.create(s.doc,l.pos+1)):l.nodeAfter.isBlock?s.setSelection(Re.create(s.doc,l.pos)):s.setSelection(Ie.create(s.doc,l.pos));else{let d=i.schema.nodes[this.options.nextNodeType]||l.parent.type.contentMatch.defaultType,u=d?.create();u&&(s.insert(c,u),s.setSelection(Ie.create(s.doc,c+1)))}s.scrollIntoView()}return!0}).run()}}},addInputRules(){return[Dne({find:/^(?:---|—-|___\s|\*\*\*\s)$/,type:this.type})]}});var EAe=/(?:^|\s)(\*(?!\s+\*)((?:[^*]+))\*(?!\s+\*))$/,IAe=/(?:^|\s)(\*(?!\s+\*)((?:[^*]+))\*(?!\s+\*))/g,_Ae=/(?:^|\s)(_(?!\s+_)((?:[^_]+))_(?!\s+_))$/,MAe=/(?:^|\s)(_(?!\s+_)((?:[^_]+))_(?!\s+_))/g,coe=Cs.create({name:"italic",addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:"em"},{tag:"i",getAttrs:t=>t.style.fontStyle!=="normal"&&null},{style:"font-style=normal",clearMark:t=>t.type.name===this.name},{style:"font-style=italic"}]},renderHTML({HTMLAttributes:t}){return["em",It(this.options.HTMLAttributes,t),0]},addCommands(){return{setItalic:()=>({commands:t})=>t.setMark(this.name),toggleItalic:()=>({commands:t})=>t.toggleMark(this.name),unsetItalic:()=>({commands:t})=>t.unsetMark(this.name)}},markdownTokenName:"em",parseMarkdown:(t,e)=>e.applyMark("italic",e.parseInline(t.tokens||[])),markdownOptions:{htmlReopen:{open:"<em>",close:"</em>"}},renderMarkdown:(t,e)=>`*${e.renderChildren(t)}*`,addKeyboardShortcuts(){return{"Mod-i":()=>this.editor.commands.toggleItalic(),"Mod-I":()=>this.editor.commands.toggleItalic()}},addInputRules(){return[ta({find:EAe,type:this.type}),ta({find:_Ae,type:this.type})]},addPasteRules(){return[ns({find:IAe,type:this.type}),ns({find:MAe,type:this.type})]}});var AAe="aaa1rp3bb0ott3vie4c1le2ogado5udhabi7c0ademy5centure6ountant0s9o1tor4d0s1ult4e0g1ro2tna4f0l1rica5g0akhan5ency5i0g1rbus3force5tel5kdn3l0ibaba4pay4lfinanz6state5y2sace3tom5m0azon4ericanexpress7family11x2fam3ica3sterdam8nalytics7droid5quan4z2o0l2partments8p0le4q0uarelle8r0ab1mco4chi3my2pa2t0e3s0da2ia2sociates9t0hleta5torney7u0ction5di0ble3o3spost5thor3o0s4w0s2x0a2z0ure5ba0by2idu3namex4d1k2r0celona5laycard4s5efoot5gains6seball5ketball8uhaus5yern5b0c1t1va3cg1n2d1e0ats2uty4er2rlin4st0buy5t2f1g1h0arti5i0ble3d1ke2ng0o3o1z2j1lack0friday9ockbuster8g1omberg7ue3m0s1w2n0pparibas9o0ats3ehringer8fa2m1nd2o0k0ing5sch2tik2on4t1utique6x2r0adesco6idgestone9oadway5ker3ther5ussels7s1t1uild0ers6siness6y1zz3v1w1y1z0h3ca0b1fe2l0l1vinklein9m0era3p2non3petown5ital0one8r0avan4ds2e0er0s4s2sa1e1h1ino4t0ering5holic7ba1n1re3c1d1enter4o1rn3f0a1d2g1h0anel2nel4rity4se2t2eap3intai5ristmas6ome4urch5i0priani6rcle4sco3tadel4i0c2y3k1l0aims4eaning6ick2nic1que6othing5ud3ub0med6m1n1o0ach3des3ffee4llege4ogne5m0mbank4unity6pany2re3uter5sec4ndos3struction8ulting7tact3ractors9oking4l1p2rsica5untry4pon0s4rses6pa2r0edit0card4union9icket5own3s1uise0s6u0isinella9v1w1x1y0mru3ou3z2dad1nce3ta1e1ing3sun4y2clk3ds2e0al0er2s3gree4livery5l1oitte5ta3mocrat6ntal2ist5si0gn4v2hl2iamonds6et2gital5rect0ory7scount3ver5h2y2j1k1m1np2o0cs1tor4g1mains5t1wnload7rive4tv2ubai3pont4rban5vag2r2z2earth3t2c0o2deka3u0cation8e1g1mail3erck5nergy4gineer0ing9terprises10pson4quipment8r0icsson6ni3s0q1tate5t1u0rovision8s2vents5xchange6pert3osed4ress5traspace10fage2il1rwinds6th3mily4n0s2rm0ers5shion4t3edex3edback6rrari3ero6i0delity5o2lm2nal1nce1ial7re0stone6mdale6sh0ing5t0ness6j1k1lickr3ghts4r2orist4wers5y2m1o0o0d1tball6rd1ex2sale4um3undation8x2r0ee1senius7l1ogans4ntier7tr2ujitsu5n0d2rniture7tbol5yi3ga0l0lery3o1up4me0s3p1rden4y2b0iz3d0n2e0a1nt0ing5orge5f1g0ee3h1i0ft0s3ves2ing5l0ass3e1obal2o4m0ail3bh2o1x2n1odaddy5ld0point6f2odyear5g0le4p1t1v2p1q1r0ainger5phics5tis4een3ipe3ocery4up4s1t1u0cci3ge2ide2tars5ru3w1y2hair2mburg5ngout5us3bo2dfc0bank7ealth0care8lp1sinki6re1mes5iphop4samitsu7tachi5v2k0t2m1n1ockey4ldings5iday5medepot5goods5s0ense7nda3rse3spital5t0ing5t0els3mail5use3w2r1sbc3t1u0ghes5yatt3undai7ibm2cbc2e1u2d1e0ee3fm2kano4l1m0amat4db2mo0bilien9n0c1dustries8finiti5o2g1k1stitute6urance4e4t0ernational10uit4vestments10o1piranga7q1r0ish4s0maili5t0anbul7t0au2v3jaguar4va3cb2e0ep2tzt3welry6io2ll2m0p2nj2o0bs1urg4t1y2p0morgan6rs3uegos4niper7kaufen5ddi3e0rryhotels6properties14fh2g1h1i0a1ds2m1ndle4tchen5wi3m1n1oeln3matsu5sher5p0mg2n2r0d1ed3uokgroup8w1y0oto4z2la0caixa5mborghini8er3nd0rover6xess5salle5t0ino3robe5w0yer5b1c1ds2ease3clerc5frak4gal2o2xus4gbt3i0dl2fe0insurance9style7ghting6ke2lly3mited4o2ncoln4k2ve1ing5k1lc1p2oan0s3cker3us3l1ndon4tte1o3ve3pl0financial11r1s1t0d0a3u0ndbeck6xe1ury5v1y2ma0drid4if1son4keup4n0agement7go3p1rket0ing3s4riott5shalls7ttel5ba2c0kinsey7d1e0d0ia3et2lbourne7me1orial6n0u2rck0msd7g1h1iami3crosoft7l1ni1t2t0subishi9k1l0b1s2m0a2n1o0bi0le4da2e1i1m1nash3ey2ster5rmon3tgage6scow4to0rcycles9v0ie4p1q1r1s0d2t0n1r2u0seum3ic4v1w1x1y1z2na0b1goya4me2vy3ba2c1e0c1t0bank4flix4work5ustar5w0s2xt0direct7us4f0l2g0o2hk2i0co2ke1on3nja3ssan1y5l1o0kia3rton4w0ruz3tv4p1r0a1w2tt2u1yc2z2obi1server7ffice5kinawa6layan0group9lo3m0ega4ne1g1l0ine5oo2pen3racle3nge4g0anic5igins6saka4tsuka4t2vh3pa0ge2nasonic7ris2s1tners4s1y3y2ccw3e0t2f0izer5g1h0armacy6d1ilips5one2to0graphy6s4ysio5ics1tet2ures6d1n0g1k2oneer5zza4k1l0ace2y0station9umbing5s3m1n0c2ohl2ker3litie5rn2st3r0axi3ess3ime3o0d0uctions8f1gressive8mo2perties3y5tection8u0dential9s1t1ub2w0c2y2qa1pon3uebec3st5racing4dio4e0ad1lestate6tor2y4cipes5d0umbrella9hab3ise0n3t2liance6n0t0als5pair3ort3ublican8st0aurant8view0s5xroth6ich0ardli6oh3l1o1p2o0cks3deo3gers4om3s0vp3u0gby3hr2n2w0e2yukyu6sa0arland6fe0ty4kura4le1on3msclub4ung5ndvik0coromant12ofi4p1rl2s1ve2xo3b0i1s2c0b1haeffler7midt4olarships8ol3ule3warz5ience5ot3d1e0arch3t2cure1ity6ek2lect4ner3rvices6ven3w1x0y3fr2g1h0angrila6rp3ell3ia1ksha5oes2p0ping5uji3w3i0lk2na1gles5te3j1k0i0n2y0pe4l0ing4m0art3ile4n0cf3o0ccer3ial4ftbank4ware6hu2lar2utions7ng1y2y2pa0ce3ort2t3r0l2s1t0ada2ples4r1tebank4farm7c0group6ockholm6rage3e3ream4udio2y3yle4u0cks3pplies3y2ort5rf1gery5zuki5v1watch4iss4x1y0dney4stems6z2tab1ipei4lk2obao4rget4tamotors6r2too4x0i3c0i2d0k2eam2ch0nology8l1masek5nnis4va3f1g1h0d1eater2re6iaa2ckets5enda4ps2res2ol4j0maxx4x2k0maxx5l1m0all4n1o0day3kyo3ols3p1ray3shiba5tal3urs3wn2yota3s3r0ade1ing4ining5vel0ers0insurance16ust3v2t1ube2i1nes3shu4v0s2w1z2ua1bank3s2g1k1nicom3versity8o2ol2ps2s1y1z2va0cations7na1guard7c1e0gas3ntures6risign5m\xF6gensberater2ung14sicherung10t2g1i0ajes4deo3g1king4llas4n1p1rgin4sa1ion4va1o3laanderen9n1odka3lvo3te1ing3o2yage5u2wales2mart4ter4ng0gou5tch0es6eather0channel12bcam3er2site5d0ding5ibo2r3f1hoswho6ien2ki2lliamhill9n0dows4e1ners6me2oodside6rk0s2ld3w2s1tc1f3xbox3erox4ihuan4n2xx2yz3yachts4hoo3maxun5ndex5e1odobashi7ga2kohama6u0tube6t1un3za0ppos4ra3ero3ip2m1one3uerich6w2",kAe="\u03B5\u03BB1\u03C52\u0431\u04331\u0435\u043B3\u0434\u0435\u0442\u04384\u0435\u044E2\u043A\u0430\u0442\u043E\u043B\u0438\u043A6\u043E\u043C3\u043C\u043A\u04342\u043E\u043D1\u0441\u043A\u0432\u04306\u043E\u043D\u043B\u0430\u0439\u043D5\u0440\u04333\u0440\u0443\u04412\u04442\u0441\u0430\u0439\u04423\u0440\u04313\u0443\u043A\u04403\u049B\u0430\u04373\u0570\u0561\u05753\u05D9\u05E9\u05E8\u05D0\u05DC5\u05E7\u05D5\u05DD3\u0627\u0628\u0648\u0638\u0628\u064A5\u0631\u0627\u0645\u0643\u06485\u0644\u0627\u0631\u062F\u06464\u0628\u062D\u0631\u064A\u06465\u062C\u0632\u0627\u0626\u06315\u0633\u0639\u0648\u062F\u064A\u06296\u0639\u0644\u064A\u0627\u06465\u0645\u063A\u0631\u06285\u0645\u0627\u0631\u0627\u062A5\u06CC\u0631\u0627\u06465\u0628\u0627\u0631\u062A2\u0632\u0627\u06314\u064A\u062A\u06433\u06BE\u0627\u0631\u062A5\u062A\u0648\u0646\u06334\u0633\u0648\u062F\u0627\u06463\u0631\u064A\u06295\u0634\u0628\u0643\u06294\u0639\u0631\u0627\u06422\u06282\u0645\u0627\u06464\u0641\u0644\u0633\u0637\u064A\u06466\u0642\u0637\u06313\u0643\u0627\u062B\u0648\u0644\u064A\u06436\u0648\u06453\u0645\u0635\u06312\u0644\u064A\u0633\u064A\u06275\u0648\u0631\u064A\u062A\u0627\u0646\u064A\u06277\u0642\u06394\u0647\u0645\u0631\u0627\u06475\u067E\u0627\u06A9\u0633\u062A\u0627\u06467\u0680\u0627\u0631\u062A4\u0915\u0949\u092E3\u0928\u0947\u091F3\u092D\u093E\u0930\u09240\u092E\u094D3\u094B\u09245\u0938\u0902\u0917\u0920\u09285\u09AC\u09BE\u0982\u09B2\u09BE5\u09AD\u09BE\u09B0\u09A42\u09F0\u09A44\u0A2D\u0A3E\u0A30\u0A244\u0AAD\u0ABE\u0AB0\u0AA44\u0B2D\u0B3E\u0B30\u0B244\u0B87\u0BA8\u0BCD\u0BA4\u0BBF\u0BAF\u0BBE6\u0BB2\u0B99\u0BCD\u0B95\u0BC86\u0B9A\u0BBF\u0B99\u0BCD\u0B95\u0BAA\u0BCD\u0BAA\u0BC2\u0BB0\u0BCD11\u0C2D\u0C3E\u0C30\u0C24\u0C4D5\u0CAD\u0CBE\u0CB0\u0CA44\u0D2D\u0D3E\u0D30\u0D24\u0D025\u0DBD\u0D82\u0D9A\u0DCF4\u0E04\u0E2D\u0E213\u0E44\u0E17\u0E223\u0EA5\u0EB2\u0EA73\u10D2\u10D42\u307F\u3093\u306A3\u30A2\u30DE\u30BE\u30F34\u30AF\u30E9\u30A6\u30C94\u30B0\u30FC\u30B0\u30EB4\u30B3\u30E02\u30B9\u30C8\u30A23\u30BB\u30FC\u30EB3\u30D5\u30A1\u30C3\u30B7\u30E7\u30F36\u30DD\u30A4\u30F3\u30C84\u4E16\u754C2\u4E2D\u4FE11\u56FD1\u570B1\u6587\u7F513\u4E9A\u9A6C\u900A3\u4F01\u4E1A2\u4F5B\u5C712\u4FE1\u606F2\u5065\u5EB72\u516B\u53662\u516C\u53F81\u76CA2\u53F0\u6E7E1\u70632\u5546\u57CE1\u5E971\u68072\u5609\u91CC0\u5927\u9152\u5E975\u5728\u7EBF2\u5927\u62FF2\u5929\u4E3B\u65593\u5A31\u4E502\u5BB6\u96FB2\u5E7F\u4E1C2\u5FAE\u535A2\u6148\u55842\u6211\u7231\u4F603\u624B\u673A2\u62DB\u80582\u653F\u52A11\u5E9C2\u65B0\u52A0\u57612\u95FB2\u65F6\u5C1A2\u66F8\u7C4D2\u673A\u67842\u6DE1\u9A6C\u95213\u6E38\u620F2\u6FB3\u95802\u70B9\u770B2\u79FB\u52A82\u7EC4\u7EC7\u673A\u67844\u7F51\u57401\u5E971\u7AD91\u7EDC2\u8054\u901A2\u8C37\u6B4C2\u8D2D\u72692\u901A\u8CA92\u96C6\u56E22\u96FB\u8A0A\u76C8\u79D14\u98DE\u5229\u6D663\u98DF\u54C12\u9910\u53852\u9999\u683C\u91CC\u62C93\u6E2F2\uB2F7\uB1371\uCEF42\uC0BC\uC1312\uD55C\uAD6D2",s4="numeric",a4="ascii",l4="alpha",u1="asciinumeric",c1="alphanumeric",c4="domain",moe="emoji",RAe="scheme",DAe="slashscheme",e4="whitespace";function OAe(t,e){return t in e||(e[t]=[]),e[t]}function oy(t,e,n){e[s4]&&(e[u1]=!0,e[c1]=!0),e[a4]&&(e[u1]=!0,e[l4]=!0),e[u1]&&(e[c1]=!0),e[l4]&&(e[c1]=!0),e[c1]&&(e[c4]=!0),e[moe]&&(e[c4]=!0);for(let o in e){let r=OAe(o,n);r.indexOf(t)<0&&r.push(t)}}function LAe(t,e){let n={};for(let o in e)e[o].indexOf(t)>=0&&(n[o]=!0);return n}function oa(t=null){this.j={},this.jr=[],this.jd=null,this.t=t}oa.groups={};oa.prototype={accepts(){return!!this.t},go(t){let e=this,n=e.j[t];if(n)return n;for(let o=0;o<e.jr.length;o++){let r=e.jr[o][0],i=e.jr[o][1];if(i&&r.test(t))return i}return e.jd},has(t,e=!1){return e?t in this.j:!!this.go(t)},ta(t,e,n,o){for(let r=0;r<t.length;r++)this.tt(t[r],e,n,o)},tr(t,e,n,o){o=o||oa.groups;let r;return e&&e.j?r=e:(r=new oa(e),n&&o&&oy(e,n,o)),this.jr.push([t,r]),r},ts(t,e,n,o){let r=this,i=t.length;if(!i)return r;for(let s=0;s<i-1;s++)r=r.tt(t[s]);return r.tt(t[i-1],e,n,o)},tt(t,e,n,o){o=o||oa.groups;let r=this;if(e&&e.j)return r.j[t]=e,e;let i=e,s,a=r.go(t);if(a?(s=new oa,Object.assign(s.j,a.j),s.jr.push.apply(s.jr,a.jr),s.jd=a.jd,s.t=a.t):s=new oa,i){if(o)if(s.t&&typeof s.t=="string"){let l=Object.assign(LAe(s.t,o),n);oy(i,l,o)}else n&&oy(i,n,o);s.t=i}return r.j[t]=s,s}};var Ct=(t,e,n,o,r)=>t.ta(e,n,o,r),qo=(t,e,n,o,r)=>t.tr(e,n,o,r),uoe=(t,e,n,o,r)=>t.ts(e,n,o,r),ae=(t,e,n,o,r)=>t.tt(e,n,o,r),hp="WORD",u4="UWORD",goe="ASCIINUMERICAL",yoe="ALPHANUMERICAL",g1="LOCALHOST",d4="TLD",p4="UTLD",Ck="SCHEME",Av="SLASH_SCHEME",h4="NUM",f4="WS",m4="NL",d1="OPENBRACE",p1="CLOSEBRACE",Pk="OPENBRACKET",Ek="CLOSEBRACKET",Ik="OPENPAREN",_k="CLOSEPAREN",Mk="OPENANGLEBRACKET",Ak="CLOSEANGLEBRACKET",kk="FULLWIDTHLEFTPAREN",Rk="FULLWIDTHRIGHTPAREN",Dk="LEFTCORNERBRACKET",Ok="RIGHTCORNERBRACKET",Lk="LEFTWHITECORNERBRACKET",Nk="RIGHTWHITECORNERBRACKET",Fk="FULLWIDTHLESSTHAN",Bk="FULLWIDTHGREATERTHAN",zk="AMPERSAND",Uk="APOSTROPHE",Hk="ASTERISK",Ih="AT",Vk="BACKSLASH",jk="BACKTICK",$k="CARET",ry="COLON",g4="COMMA",Kk="DOLLAR",xu="DOT",Gk="EQUALS",y4="EXCLAMATION",Rl="HYPHEN",f1="PERCENT",Wk="PIPE",Yk="PLUS",qk="POUND",h1="QUERY",S4="QUOTE",Soe="FULLWIDTHMIDDLEDOT",b4="SEMI",Tu="SLASH",m1="TILDE",Xk="UNDERSCORE",boe="EMOJI",Zk="SYM",voe=Object.freeze({__proto__:null,ALPHANUMERICAL:yoe,AMPERSAND:zk,APOSTROPHE:Uk,ASCIINUMERICAL:goe,ASTERISK:Hk,AT:Ih,BACKSLASH:Vk,BACKTICK:jk,CARET:$k,CLOSEANGLEBRACKET:Ak,CLOSEBRACE:p1,CLOSEBRACKET:Ek,CLOSEPAREN:_k,COLON:ry,COMMA:g4,DOLLAR:Kk,DOT:xu,EMOJI:boe,EQUALS:Gk,EXCLAMATION:y4,FULLWIDTHGREATERTHAN:Bk,FULLWIDTHLEFTPAREN:kk,FULLWIDTHLESSTHAN:Fk,FULLWIDTHMIDDLEDOT:Soe,FULLWIDTHRIGHTPAREN:Rk,HYPHEN:Rl,LEFTCORNERBRACKET:Dk,LEFTWHITECORNERBRACKET:Lk,LOCALHOST:g1,NL:m4,NUM:h4,OPENANGLEBRACKET:Mk,OPENBRACE:d1,OPENBRACKET:Pk,OPENPAREN:Ik,PERCENT:f1,PIPE:Wk,PLUS:Yk,POUND:qk,QUERY:h1,QUOTE:S4,RIGHTCORNERBRACKET:Ok,RIGHTWHITECORNERBRACKET:Nk,SCHEME:Ck,SEMI:b4,SLASH:Tu,SLASH_SCHEME:Av,SYM:Zk,TILDE:m1,TLD:d4,UNDERSCORE:Xk,UTLD:p4,UWORD:u4,WORD:hp,WS:f4}),pp=/[a-z]/,l1=/\p{L}/u,t4=/\p{Emoji}/u;var fp=/\d/,n4=/\s/;var doe="\r",o4=`
+`,NAe="\uFE0F",FAe="\u200D",r4="\uFFFC",wk=null,xk=null;function BAe(t=[]){let e={};oa.groups=e;let n=new oa;wk==null&&(wk=poe(AAe)),xk==null&&(xk=poe(kAe)),ae(n,"'",Uk),ae(n,"{",d1),ae(n,"}",p1),ae(n,"[",Pk),ae(n,"]",Ek),ae(n,"(",Ik),ae(n,")",_k),ae(n,"<",Mk),ae(n,">",Ak),ae(n,"\uFF08",kk),ae(n,"\uFF09",Rk),ae(n,"\u300C",Dk),ae(n,"\u300D",Ok),ae(n,"\u300E",Lk),ae(n,"\u300F",Nk),ae(n,"\uFF1C",Fk),ae(n,"\uFF1E",Bk),ae(n,"&",zk),ae(n,"*",Hk),ae(n,"@",Ih),ae(n,"`",jk),ae(n,"^",$k),ae(n,":",ry),ae(n,",",g4),ae(n,"$",Kk),ae(n,".",xu),ae(n,"=",Gk),ae(n,"!",y4),ae(n,"-",Rl),ae(n,"%",f1),ae(n,"|",Wk),ae(n,"+",Yk),ae(n,"#",qk),ae(n,"?",h1),ae(n,'"',S4),ae(n,"/",Tu),ae(n,";",b4),ae(n,"~",m1),ae(n,"_",Xk),ae(n,"\\",Vk),ae(n,"\u30FB",Soe);let o=qo(n,fp,h4,{[s4]:!0});qo(o,fp,o);let r=qo(o,pp,goe,{[u1]:!0}),i=qo(o,l1,yoe,{[c1]:!0}),s=qo(n,pp,hp,{[a4]:!0});qo(s,fp,r),qo(s,pp,s),qo(r,fp,r),qo(r,pp,r);let a=qo(n,l1,u4,{[l4]:!0});qo(a,pp),qo(a,fp,i),qo(a,l1,a),qo(i,fp,i),qo(i,pp),qo(i,l1,i);let l=ae(n,o4,m4,{[e4]:!0}),c=ae(n,doe,f4,{[e4]:!0}),d=qo(n,n4,f4,{[e4]:!0});ae(n,r4,d),ae(c,o4,l),ae(c,r4,d),qo(c,n4,d),ae(d,doe),ae(d,o4),qo(d,n4,d),ae(d,r4,d);let u=qo(n,t4,boe,{[moe]:!0});ae(u,"#"),qo(u,t4,u),ae(u,NAe,u);let p=ae(u,FAe);ae(p,"#"),qo(p,t4,u);let f=[[pp,s],[fp,r]],h=[[pp,null],[l1,a],[fp,i]];for(let g=0;g<wk.length;g++)Eh(n,wk[g],d4,hp,f);for(let g=0;g<xk.length;g++)Eh(n,xk[g],p4,u4,h);oy(d4,{tld:!0,ascii:!0},e),oy(p4,{utld:!0,alpha:!0},e),Eh(n,"file",Ck,hp,f),Eh(n,"mailto",Ck,hp,f),Eh(n,"http",Av,hp,f),Eh(n,"https",Av,hp,f),Eh(n,"ftp",Av,hp,f),Eh(n,"ftps",Av,hp,f),oy(Ck,{scheme:!0,ascii:!0},e),oy(Av,{slashscheme:!0,ascii:!0},e),t=t.sort((g,y)=>g[0]>y[0]?1:-1);for(let g=0;g<t.length;g++){let y=t[g][0],S=t[g][1]?{[RAe]:!0}:{[DAe]:!0};y.indexOf("-")>=0?S[c4]=!0:pp.test(y)?fp.test(y)?S[u1]=!0:S[a4]=!0:S[s4]=!0,uoe(n,y,y,S)}return uoe(n,"localhost",g1,{ascii:!0}),n.jd=new oa(Zk),{start:n,tokens:Object.assign({groups:e},voe)}}function woe(t,e){let n=zAe(e.replace(/[A-Z]/g,a=>a.toLowerCase())),o=n.length,r=[],i=0,s=0;for(;s<o;){let a=t,l=null,c=0,d=null,u=-1,p=-1;for(;s<o&&(l=a.go(n[s]));)a=l,a.accepts()?(u=0,p=0,d=a):u>=0&&(u+=n[s].length,p++),c+=n[s].length,i+=n[s].length,s++;i-=u,s-=p,c-=u,r.push({t:d.t,v:e.slice(i-c,i),s:i-c,e:i})}return r}function zAe(t){let e=[],n=t.length,o=0;for(;o<n;){let r=t.charCodeAt(o),i,s=r<55296||r>56319||o+1===n||(i=t.charCodeAt(o+1))<56320||i>57343?t[o]:t.slice(o,o+2);e.push(s),o+=s.length}return e}function Eh(t,e,n,o,r){let i,s=e.length;for(let a=0;a<s-1;a++){let l=e[a];t.j[l]?i=t.j[l]:(i=new oa(o),i.jr=r.slice(),t.j[l]=i),t=i}return i=new oa(n),i.jr=r.slice(),t.j[e[s-1]]=i,i}function poe(t){let e=[],n=[],o=0,r="0123456789";for(;o<t.length;){let i=0;for(;r.indexOf(t[o+i])>=0;)i++;if(i>0){e.push(n.join(""));for(let s=parseInt(t.substring(o,o+i),10);s>0;s--)n.pop();o+=i}else n.push(t[o]),o++}return e}var y1={defaultProtocol:"http",events:null,format:foe,formatHref:foe,nl2br:!1,tagName:"a",target:null,rel:null,validate:!0,truncate:1/0,className:null,attributes:null,ignoreTags:[],render:null};function v4(t,e=null){let n=Object.assign({},y1);t&&(n=Object.assign(n,t instanceof v4?t.o:t));let o=n.ignoreTags,r=[];for(let i=0;i<o.length;i++)r.push(o[i].toUpperCase());this.o=n,e&&(this.defaultRender=e),this.ignoreTags=r}v4.prototype={o:y1,ignoreTags:[],defaultRender(t){return t},check(t){return this.get("validate",t.toString(),t)},get(t,e,n){let o=e!=null,r=this.o[t];return r&&(typeof r=="object"?(r=n.t in r?r[n.t]:y1[t],typeof r=="function"&&o&&(r=r(e,n))):typeof r=="function"&&o&&(r=r(e,n.t,n)),r)},getObj(t,e,n){let o=this.o[t];return typeof o=="function"&&e!=null&&(o=o(e,n.t,n)),o},render(t){let e=t.render(this);return(this.get("render",null,t)||this.defaultRender)(e,t.t,t)}};function foe(t){return t}function xoe(t,e){this.t="token",this.v=t,this.tk=e}xoe.prototype={isLink:!1,toString(){return this.v},toHref(t){return this.toString()},toFormattedString(t){let e=this.toString(),n=t.get("truncate",e,this),o=t.get("format",e,this);return n&&o.length>n?o.substring(0,n)+"\u2026":o},toFormattedHref(t){return t.get("formatHref",this.toHref(t.get("defaultProtocol")),this)},startIndex(){return this.tk[0].s},endIndex(){return this.tk[this.tk.length-1].e},toObject(t=y1.defaultProtocol){return{type:this.t,value:this.toString(),isLink:this.isLink,href:this.toHref(t),start:this.startIndex(),end:this.endIndex()}},toFormattedObject(t){return{type:this.t,value:this.toFormattedString(t),isLink:this.isLink,href:this.toFormattedHref(t),start:this.startIndex(),end:this.endIndex()}},validate(t){return t.get("validate",this.toString(),this)},render(t){let e=this,n=this.toHref(t.get("defaultProtocol")),o=t.get("formatHref",n,this),r=t.get("tagName",n,e),i=this.toFormattedString(t),s={},a=t.get("className",n,e),l=t.get("target",n,e),c=t.get("rel",n,e),d=t.getObj("attributes",n,e),u=t.getObj("events",n,e);return s.href=o,a&&(s.class=a),l&&(s.target=l),c&&(s.rel=c),d&&Object.assign(s,d),{tagName:r,attributes:s,content:i,eventListeners:u}}};function Jk(t,e){class n extends xoe{constructor(r,i){super(r,i),this.t=t}}for(let o in e)n.prototype[o]=e[o];return n.t=t,n}var UAe=Jk("email",{isLink:!0,toHref(){return"mailto:"+this.toString()}}),hoe=Jk("text"),HAe=Jk("nl"),Tk=Jk("url",{isLink:!0,toHref(t=y1.defaultProtocol){return this.hasProtocol()?this.v:`${t}://${this.v}`},hasProtocol(){let t=this.tk;return t.length>=2&&t[0].t!==g1&&t[1].t===ry}});var kl=t=>new oa(t);function VAe({groups:t}){let e=t.domain.concat([zk,Hk,Ih,Vk,jk,$k,Kk,Gk,Rl,h4,f1,Wk,Yk,qk,Tu,Zk,m1,Xk]),n=[Uk,ry,g4,xu,y4,f1,h1,S4,b4,Mk,Ak,d1,p1,Ek,Pk,Ik,_k,kk,Rk,Dk,Ok,Lk,Nk,Fk,Bk],o=[zk,Uk,Hk,Vk,jk,$k,Kk,Gk,Rl,d1,p1,f1,Wk,Yk,qk,h1,Tu,Zk,m1,Xk],r=kl(),i=ae(r,m1);Ct(i,o,i),Ct(i,t.domain,i);let s=kl(),a=kl(),l=kl();Ct(r,t.domain,s),Ct(r,t.scheme,a),Ct(r,t.slashscheme,l),Ct(s,o,i),Ct(s,t.domain,s);let c=ae(s,Ih);ae(i,Ih,c),ae(a,Ih,c),ae(l,Ih,c);let d=ae(i,xu);Ct(d,o,i),Ct(d,t.domain,i);let u=kl();Ct(c,t.domain,u),Ct(u,t.domain,u);let p=ae(u,xu);Ct(p,t.domain,u);let f=kl(UAe);Ct(p,t.tld,f),Ct(p,t.utld,f),ae(c,g1,f);let h=ae(u,Rl);ae(h,Rl,h),Ct(h,t.domain,u),Ct(f,t.domain,u),ae(f,xu,p),ae(f,Rl,h);let g=ae(s,Rl),y=ae(s,xu);ae(g,Rl,g),Ct(g,t.domain,s),Ct(y,o,i),Ct(y,t.domain,s);let m=kl(Tk);Ct(y,t.tld,m),Ct(y,t.utld,m),Ct(m,t.domain,s),Ct(m,o,i),ae(m,xu,y),ae(m,Rl,g),ae(m,Ih,c);let S=ae(m,ry),b=kl(Tk);Ct(S,t.numeric,b);let v=kl(Tk),w=kl();Ct(v,e,v),Ct(v,n,w),Ct(w,e,v),Ct(w,n,w),ae(m,Tu,v),ae(b,Tu,v);let x=ae(a,ry),C=ae(l,ry),P=ae(C,Tu),M=ae(P,Tu);Ct(a,t.domain,s),ae(a,xu,y),ae(a,Rl,g),Ct(l,t.domain,s),ae(l,xu,y),ae(l,Rl,g),Ct(x,t.domain,v),ae(x,Tu,v),ae(x,h1,v),Ct(M,t.domain,v),Ct(M,e,v),ae(M,Tu,v);let E=[[d1,p1],[Pk,Ek],[Ik,_k],[Mk,Ak],[kk,Rk],[Dk,Ok],[Lk,Nk],[Fk,Bk]];for(let I=0;I<E.length;I++){let[R,D]=E[I],N=ae(v,R);ae(w,R,N);let B=kl(Tk);Ct(N,e,B);let F=kl();Ct(N,n,F),ae(N,D,v),Ct(B,e,B),Ct(B,n,F),Ct(F,e,B),Ct(F,n,F),ae(B,D,v),ae(F,D,v)}return ae(r,g1,m),ae(r,m4,HAe),{start:r,tokens:voe}}function jAe(t,e,n){let o=n.length,r=0,i=[],s=[];for(;r<o;){let a=t,l=null,c=null,d=0,u=null,p=-1;for(;r<o&&!(l=a.go(n[r].t));)s.push(n[r++]);for(;r<o&&(c=l||a.go(n[r].t));)l=null,a=c,a.accepts()?(p=0,u=a):p>=0&&p++,r++,d++;if(p<0)r-=d,r<o&&(s.push(n[r]),r++);else{s.length>0&&(i.push(i4(hoe,e,s)),s=[]),r-=p,d-=p;let f=u.t,h=n.slice(r-d,r);i.push(i4(f,e,h))}}return s.length>0&&i.push(i4(hoe,e,s)),i}function i4(t,e,n){let o=n[0].s,r=n[n.length-1].e,i=e.slice(o,r);return new t(i,n)}var $Ae=typeof console<"u"&&console&&console.warn||(()=>{}),KAe="until manual call of linkify.init(). Register all schemes and plugins before invoking linkify the first time.",So={scanner:null,parser:null,tokenQueue:[],pluginQueue:[],customSchemes:[],initialized:!1};function Toe(){return oa.groups={},So.scanner=null,So.parser=null,So.tokenQueue=[],So.pluginQueue=[],So.customSchemes=[],So.initialized=!1,So}function w4(t,e=!1){if(So.initialized&&$Ae(`linkifyjs: already initialized - will not register custom scheme "${t}" ${KAe}`),!/^[0-9a-z]+(-[0-9a-z]+)*$/.test(t))throw new Error(`linkifyjs: incorrect scheme format.
+1. Must only contain digits, lowercase ASCII letters or "-"
+2. Cannot start or end with "-"
+3. "-" cannot repeat`);So.customSchemes.push([t,e])}function GAe(){So.scanner=BAe(So.customSchemes);for(let t=0;t<So.tokenQueue.length;t++)So.tokenQueue[t][1]({scanner:So.scanner});So.parser=VAe(So.scanner.tokens);for(let t=0;t<So.pluginQueue.length;t++)So.pluginQueue[t][1]({scanner:So.scanner,parser:So.parser});return So.initialized=!0,So}function Qk(t){return So.initialized||GAe(),jAe(So.parser.start,t,woe(So.scanner.start,t))}Qk.scan=woe;function eR(t,e=null,n=null){if(e&&typeof e=="object"){if(n)throw Error(`linkifyjs: Invalid link type ${e}; must be a string`);n=e,e=null}let o=new v4(n),r=Qk(t),i=[];for(let s=0;s<r.length;s++){let a=r[s];a.isLink&&(!e||a.t===e)&&o.check(a)&&i.push(a.toFormattedObject(o))}return i}var x4="[\0- \xA0\u1680\u180E\u2000-\u2029\u205F\u3000]",WAe=new RegExp(x4),YAe=new RegExp(`${x4}$`),qAe=new RegExp(x4,"g");function XAe(t){return t.length===1?t[0].isLink:t.length===3&&t[1].isLink?["()","[]"].includes(t[0].value+t[2].value):!1}function ZAe(t){return new Ye({key:new Tt("autolink"),appendTransaction:(e,n,o)=>{let r=e.some(c=>c.docChanged)&&!n.doc.eq(o.doc),i=e.some(c=>c.getMeta("preventAutolink"));if(!r||i)return;let{tr:s}=o,a=k5(n.doc,[...e]);if(YC(a).forEach(({newRange:c})=>{let d=tne(o.doc,c,f=>f.isTextblock),u,p;if(d.length>1)u=d[0],p=o.doc.textBetween(u.pos,u.pos+u.node.nodeSize,void 0," ");else if(d.length){let f=o.doc.textBetween(c.from,c.to," "," ");if(!YAe.test(f))return;u=d[0],p=o.doc.textBetween(u.pos,c.to,void 0," ")}if(u&&p){let f=p.split(WAe).filter(Boolean);if(f.length<=0)return!1;let h=f[f.length-1],g=u.pos+p.lastIndexOf(h);if(!h)return!1;let y=Qk(h).map(m=>m.toObject(t.defaultProtocol));if(!XAe(y))return!1;y.filter(m=>m.isLink).map(m=>({...m,from:g+m.start+1,to:g+m.end+1})).filter(m=>o.schema.marks.code?!o.doc.rangeHasMark(m.from,m.to,o.schema.marks.code):!0).filter(m=>t.validate(m.value)).filter(m=>t.shouldAutoLink(m.value)).forEach(m=>{ak(m.from,m.to,o.doc).some(S=>S.mark.type===t.type)||s.addMark(m.from,m.to,t.type.create({href:m.href}))})}}),!!s.steps.length)return s}})}function JAe(t){return new Ye({key:new Tt("handleClickLink"),props:{handleClick:(e,n,o)=>{var r,i;if(o.button!==0||!e.editable)return!1;let s=null;if(o.target instanceof HTMLAnchorElement)s=o.target;else{let l=o.target;if(!l)return!1;let c=t.editor.view.dom;s=l.closest("a"),s&&!c.contains(s)&&(s=null)}if(!s)return!1;let a=!1;if(t.enableClickSelection&&(a=t.editor.commands.extendMarkRange(t.type.name)),t.openOnClick){let l=L5(e.state,t.type.name),c=(r=s.href)!=null?r:l.href,d=(i=s.target)!=null?i:l.target;c&&(window.open(c,d),a=!0)}return a}}})}var QAe=/\[([^[\]]+)\]\(((?:[^\s()]|\([^\s()]*\))+)(?:\s+(?:(["'])(.*?)\3|“(.*?)”|‘(.*?)’))?\)$/,eke=/\[([^[\]]+)\]\(((?:[^\s()]|\([^\s()]*\))+)(?:\s+(?:(["'])(.*?)\3|“(.*?)”|‘(.*?)’))?\)/g;function Coe(t,e){let n=0;for(let o=e-1;o>=0&&t[o]==="\\";o-=1)n+=1;return n%2===1}function tke(t,e){let n=0,o=0;for(;o<e;){if(t[o]!=="`"){o+=1;continue}if(n===0&&Coe(t,o)){o+=1;continue}let r=0;for(;o<e&&t[o]==="`";)r+=1,o+=1;n===0?n=r:r===n&&(n=0)}return n>0}function Poe(t,e,n){var o,r;let[,i,s]=e;return(e.index?t[e.index-1]:void 0)==="!"||Coe(t,(o=e.index)!=null?o:0)||tke(t,(r=e.index)!=null?r:0)?!1:!!i.trim()&&n(s)}function Eoe(t){var e,n;let[o,r,i,,s,a,l]=t,c=(e=s??a)!=null?e:l;return{index:(n=t.index)!=null?n:0,text:o,replaceWith:r,data:{href:i,title:c||null,markdown:!0}}}function nke(t,e){return t.index<e.index+e.text.length&&e.index<t.index+t.text.length}function Ioe(t){var e,n,o;return{href:(e=t.data)==null?void 0:e.href,title:(o=(n=t.data)==null?void 0:n.title)!=null?o:null}}function oke(t){let e=ta({find:n=>{let o=QAe.exec(n);return!o||!Poe(n,o,t.isAllowedHref)?null:Eoe(o)},type:t.type,getAttributes:Ioe});return new Pv({find:e.find,handler:n=>{let o=e.handler(n);return o!==null&&n.state.tr.steps.length&&n.state.tr.setMeta("preventAutolink",!0),o}})}function rke(t){let e=ns({find:n=>{var o,r;let i=[];for(let a of n.matchAll(eke))Poe(n,a,t.isAllowedHref)&&i.push(Eoe(a));let s=((r=(o=t.findPlainUrls)==null?void 0:o.call(t,n))!=null?r:[]).filter(a=>!i.some(l=>nke(l,a)));return[...i,...s]},type:t.type,getAttributes:Ioe});return new z5({find:e.find,handler:n=>{var o;let r=e.handler(n);return r!==null&&n.state.tr.steps.length&&((o=n.match.data)!=null&&o.markdown)&&n.state.tr.setMeta("preventAutolink",!0),r}})}function ike(t){return new Ye({key:new Tt("handlePasteLink"),props:{handlePaste:(e,n,o)=>{let{shouldAutoLink:r}=t,{state:i}=e,{selection:s}=i,{empty:a}=s;if(a)return!1;let l="";o.content.forEach(d=>{l+=d.textContent});let c=eR(l,{defaultProtocol:t.defaultProtocol}).find(d=>d.isLink&&d.value===l);return!l||!c||r!==void 0&&!r(c.value)?!1:t.editor.commands.setMark(t.type,{href:c.href})}}})}function mp(t,e){let n=["http","https","ftp","ftps","mailto","tel","callto","sms","cid","xmpp"];return e&&e.forEach(o=>{let r=typeof o=="string"?o:o.scheme;r&&n.push(r)}),!t||t.replace(qAe,"").match(new RegExp(`^(?:(?:${n.map(o=>o.replace(/[-/\\^$*+?.()|[\]{}]/g,"\\$&")).join("|")}):|[^a-z]|[a-z0-9+.\\-]+(?:[^a-z+.\\-:]|$))`,"i"))}var _oe=Cs.create({name:"link",priority:1e3,keepOnSplit:!1,exitable:!0,onCreate(){this.options.validate&&!this.options.shouldAutoLink&&(this.options.shouldAutoLink=this.options.validate,console.warn("The `validate` option is deprecated. Rename to the `shouldAutoLink` option instead.")),this.options.protocols.forEach(t=>{if(typeof t=="string"){w4(t);return}w4(t.scheme,t.optionalSlashes)})},onDestroy(){Toe()},inclusive(){return this.options.autolink},addOptions(){return{openOnClick:!0,enableClickSelection:!1,linkOnPaste:!0,markdownLinks:!1,autolink:!0,protocols:[],defaultProtocol:"http",HTMLAttributes:{target:"_blank",rel:"noopener noreferrer nofollow",class:null},isAllowedUri:(t,e)=>!!mp(t,e.protocols),validate:t=>!!t,shouldAutoLink:t=>{let e=/^[a-z][a-z0-9+.-]*:\/\//i.test(t),n=/^[a-z][a-z0-9+.-]*:/i.test(t);if(e||n&&!t.includes("@"))return!0;let r=(t.includes("@")?t.split("@").pop():t).split(/[/?#:]/)[0];return!(/^\d{1,3}(\.\d{1,3}){3}$/.test(r)||!/\./.test(r))}}},addAttributes(){var t,e,n;return{href:{default:null,parseHTML(o){return o.getAttribute("href")}},target:{default:(t=this.options.HTMLAttributes.target)!=null?t:null},rel:{default:(e=this.options.HTMLAttributes.rel)!=null?e:null},class:{default:(n=this.options.HTMLAttributes.class)!=null?n:null},title:{default:null}}},parseHTML(){return[{tag:"a[href]",getAttrs:t=>{let e=t.getAttribute("href");return!e||!this.options.isAllowedUri(e,{defaultValidate:n=>!!mp(n,this.options.protocols),protocols:this.options.protocols,defaultProtocol:this.options.defaultProtocol})?!1:null}}]},renderHTML({HTMLAttributes:t}){return this.options.isAllowedUri(t.href,{defaultValidate:e=>!!mp(e,this.options.protocols),protocols:this.options.protocols,defaultProtocol:this.options.defaultProtocol})?["a",It(this.options.HTMLAttributes,t),0]:["a",It(this.options.HTMLAttributes,{...t,href:""}),0]},markdownTokenName:"link",parseMarkdown:(t,e)=>e.applyMark("link",e.parseInline(t.tokens||[]),{href:t.href,title:t.title||null}),renderMarkdown:(t,e)=>{var n,o,r,i;let s=(o=(n=t.attrs)==null?void 0:n.href)!=null?o:"",a=(i=(r=t.attrs)==null?void 0:r.title)!=null?i:"",l=e.renderChildren(t);return a?`[${l}](${s} "${a}")`:`[${l}](${s})`},addCommands(){return{setLink:t=>({chain:e})=>{let{href:n}=t;return this.options.isAllowedUri(n,{defaultValidate:o=>!!mp(o,this.options.protocols),protocols:this.options.protocols,defaultProtocol:this.options.defaultProtocol})?e().setMark(this.name,t).setMeta("preventAutolink",!0).run():!1},toggleLink:t=>({chain:e})=>{let{href:n}=t||{};return n&&!this.options.isAllowedUri(n,{defaultValidate:o=>!!mp(o,this.options.protocols),protocols:this.options.protocols,defaultProtocol:this.options.defaultProtocol})?!1:e().toggleMark(this.name,t,{extendEmptyMarkRange:!0}).setMeta("preventAutolink",!0).run()},unsetLink:()=>({chain:t})=>t().unsetMark(this.name,{extendEmptyMarkRange:!0}).setMeta("preventAutolink",!0).run()}},addInputRules(){return this.options.markdownLinks?[oke({type:this.type,isAllowedHref:t=>this.options.isAllowedUri(t,{defaultValidate:e=>!!mp(e,this.options.protocols),protocols:this.options.protocols,defaultProtocol:this.options.defaultProtocol})})]:[]},addPasteRules(){let t=e=>{let n=[];if(e){let{protocols:o,defaultProtocol:r}=this.options;eR(e).filter(s=>s.isLink&&this.options.isAllowedUri(s.value,{defaultValidate:a=>!!mp(a,o),protocols:o,defaultProtocol:r})).forEach(s=>{this.options.shouldAutoLink(s.value)&&n.push({text:s.value,data:{href:s.href},index:s.start})})}return n};return this.options.markdownLinks?[rke({type:this.type,isAllowedHref:e=>this.options.isAllowedUri(e,{defaultValidate:n=>!!mp(n,this.options.protocols),protocols:this.options.protocols,defaultProtocol:this.options.defaultProtocol}),findPlainUrls:t})]:[ns({find:t,type:this.type,getAttributes:e=>{var n;return{href:(n=e.data)==null?void 0:n.href}}})]},addProseMirrorPlugins(){let t=[],{protocols:e,defaultProtocol:n}=this.options;return this.options.autolink&&t.push(ZAe({type:this.type,defaultProtocol:this.options.defaultProtocol,validate:o=>this.options.isAllowedUri(o,{defaultValidate:r=>!!mp(r,e),protocols:e,defaultProtocol:n}),shouldAutoLink:this.options.shouldAutoLink})),t.push(JAe({type:this.type,editor:this.editor,openOnClick:this.options.openOnClick==="whenNotEditable"?!0:this.options.openOnClick,enableClickSelection:this.options.enableClickSelection})),this.options.linkOnPaste&&t.push(ike({editor:this.editor,defaultProtocol:this.options.defaultProtocol,type:this.type,shouldAutoLink:this.options.shouldAutoLink})),t}});var ske=Object.defineProperty,ake=(t,e)=>{for(var n in e)ske(t,n,{get:e[n],enumerable:!0})},lke="listItem",Moe="textStyle",Aoe=/^\s*([-+*])\s$/,E4=no.create({name:"bulletList",addOptions(){return{itemTypeName:"listItem",HTMLAttributes:{},keepMarks:!1,keepAttributes:!1}},group:"block list",content(){return`${this.options.itemTypeName}+`},parseHTML(){return[{tag:"ul"}]},renderHTML({HTMLAttributes:t}){return["ul",It(this.options.HTMLAttributes,t),0]},markdownTokenName:"list",parseMarkdown:(t,e)=>t.type!=="list"||t.ordered?[]:{type:"bulletList",content:t.items?e.parseChildren(t.items):[]},renderMarkdown:(t,e)=>t.content?e.renderChildren(t.content,`
+`):"",markdownOptions:{indentsContent:!0},addCommands(){return{toggleBulletList:()=>({commands:t,chain:e})=>this.options.keepAttributes?e().toggleList(this.name,this.options.itemTypeName,this.options.keepMarks).updateAttributes(lke,this.editor.getAttributes(Moe)).run():t.toggleList(this.name,this.options.itemTypeName,this.options.keepMarks)}},addKeyboardShortcuts(){return{"Mod-Shift-8":()=>this.editor.commands.toggleBulletList()}},addInputRules(){let t=bu({find:Aoe,type:this.type});return(this.options.keepMarks||this.options.keepAttributes)&&(t=bu({find:Aoe,type:this.type,keepMarks:this.options.keepMarks,keepAttributes:this.options.keepAttributes,getAttributes:()=>this.editor.getAttributes(Moe),editor:this.editor})),[t]}}),cke=(t,e,n)=>{let{selection:o}=t;if(!o.empty)return null;let{$from:r}=o;if(!r.parent.isTextblock||r.parentOffset!==r.parent.content.size)return null;let i=-1;for(let f=r.depth;f>0;f-=1)if(r.node(f).type.name===e){i=f;break}if(i<0)return null;let s=r.node(i),a=r.index(i);if(a+1>=s.childCount)return null;let l=s.child(a+1);if(!n.includes(l.type.name))return null;let c=t.schema.nodes[e],d=!1;if(l.forEach(f=>{f.type===c&&f.childCount>1&&(d=!0)}),!d)return null;let u=t.doc.resolve(r.after()).nodeAfter;if(!u||!n.includes(u.type.name))return null;let p=[];return u.forEach(f=>{p.push(f)}),p.length===0?null:{listItemDepth:i,nestedList:u,nestedListPos:r.after(),insertPos:r.after(i),items:p}},uke=(t,e,n,o)=>{let r=cke(t,n,o);if(!r)return!1;let{selection:i}=t,{nestedList:s,nestedListPos:a,insertPos:l,items:c}=r,d=t.tr;d.delete(a,a+s.nodeSize);let u=d.mapping.map(l);return d.insert(u,re.from(c)),d.setSelection(i.map(d.doc,d.mapping)),e&&e(d),!0},dke=(t,e,n)=>uke(t.state,t.view.dispatch,e,n),Ooe=(t,e)=>Lt.create({name:`${t}BranchingDeleteKeymap`,priority:101,addKeyboardShortcuts(){let n=()=>dke(this.editor,t,e);return{Delete:n,"Mod-Delete":n}}}),Loe=[[1e3,"m"],[900,"cm"],[500,"d"],[400,"cd"],[100,"c"],[90,"xc"],[50,"l"],[40,"xl"],[10,"x"],[9,"ix"],[5,"v"],[4,"iv"],[1,"i"]],tR="abcdefghijklmnopqrstuvwxyz",pke="[a-zA-Z]{1,2}",Noe=String.raw`\d+|[ivxlcdmIVXLCDM]+|${pke}`;function oR(t){let e=t,n="";for(let[o,r]of Loe)for(;e>=o;)n+=r,e-=o;return n}function I4(t){return oR(t).toUpperCase()}function Foe(t){let e=t.toLowerCase(),n=0,o=0;for(;n<e.length;){let r=!1;for(let[i,s]of Loe)if(e.startsWith(s,n)){o+=i,n+=s.length,r=!0;break}if(!r)return 0}return o}function fke(t){if(!/^[ivxlcdmIVXLCDM]+$/.test(t))return!1;let e=Foe(t);return e<=0?!1:(t===t.toLowerCase()?oR(e):I4(e))===t}function hke(t){let e=t.toLowerCase();if(e.length===1)return e.charCodeAt(0)-97+1;if(e.length===2){let n=e.charCodeAt(0)-97,o=e.charCodeAt(1)-97;return(n+1)*26+o+1}return 0}function nR(t){if(t<=26)return tR[t-1];let e=Math.floor((t-1)/26)-1,n=(t-1)%26;return e<0?tR[n]:tR[e]+tR[n]}function rR(t){if(!(!t||/^\d+$/.test(t))){if(fke(t))return t===t.toLowerCase()?"i":"I";if(/^[a-z]{1,2}$/.test(t))return"a";if(/^[A-Z]{1,2}$/.test(t))return"A"}}function _4(t){if(/^\d+$/.test(t))return parseInt(t,10);let e=rR(t);if(e==="i"||e==="I")return Foe(t);if(e==="a"||e==="A"){let o=hke(t);return o>0?o:1}let n=parseInt(t,10);return Number.isNaN(n)?1:n}function mke(t,e){if(t==="numeric")return String(e);switch(t){case"a":return nR(e);case"A":return nR(e).toUpperCase();case"i":return oR(e);case"I":return I4(e);default:return String(e)}}function gke(t){var e;if(t.length===0)return!1;let n=(e=rR(t[0]))!=null?e:"numeric",o=_4(t[0]);if(o<1)return!1;for(let r=0;r<t.length;r++){let i=mke(n,o+r);if(t[r]!==i)return!1}return!0}function yke(t){return{type:rR(t),start:_4(t)}}function Ske(t){let{type:e,start:n}=yke(t),o={};return e&&(o.type=e),n!==1&&(o.start=n),o}function bke(t,e,n=". "){let o=e+1;if(!t||t==="1")return`${o}${n}`;switch(t){case"a":return`${nR(o)}${n}`;case"A":return`${nR(o).toUpperCase()}${n}`;case"i":return`${oR(o)}${n}`;case"I":return`${I4(o)}${n}`;default:return`${o}${n}`}}function vke(t){var e,n;let o=(e=t.tokens)==null?void 0:e[0];return!!(t.text&&((n=t.tokens)==null?void 0:n.length)===1&&o?.type==="list"&&o.ordered&&o.raw===t.text)}function wke(t,e){return e.tokenizeInline?e.parseInline(e.tokenizeInline(t)):e.parseInline([{type:"text",raw:t,text:t}])}var M4=no.create({name:"listItem",addOptions(){return{HTMLAttributes:{},bulletListTypeName:"bulletList",orderedListTypeName:"orderedList"}},content:"paragraph block*",defining:!0,parseHTML(){return[{tag:"li"}]},renderHTML({HTMLAttributes:t}){return["li",It(this.options.HTMLAttributes,t),0]},markdownTokenName:"list_item",parseMarkdown:(t,e)=>{var n;if(t.type!=="list_item")return[];let o=(n=e.parseBlockChildren)!=null?n:e.parseChildren,r=[];if(t.tokens&&t.tokens.length>0){if(vke(t))return{type:"listItem",content:[{type:"paragraph",content:wke(t.text||"",e)}]};if(t.tokens.some(s=>s.type==="paragraph"))r=o(t.tokens);else{let s=t.tokens[0];if(s&&s.type==="text"&&s.tokens&&s.tokens.length>0){if(r=[{type:"paragraph",content:e.parseInline(s.tokens)}],t.tokens.length>1){let l=t.tokens.slice(1),c=o(l);r.push(...c)}}else r=o(t.tokens)}}return r.length===0&&(r=[{type:"paragraph",content:[]}]),{type:"listItem",content:r}},renderMarkdown:(t,e,n)=>qC(t,e,o=>{var r,i,s,a;if(o.parentType==="bulletList")return"- ";if(o.parentType==="orderedList"){let l=((i=(r=o.meta)==null?void 0:r.parentAttrs)==null?void 0:i.start)||1,c=(a=(s=o.meta)==null?void 0:s.parentAttrs)==null?void 0:a.type,d=l-1+(o.index||0);return bke(c,d,". ")}return"- "},n),addExtensions(){return[Ooe(this.name,[this.options.bulletListTypeName,this.options.orderedListTypeName])]},addKeyboardShortcuts(){return{Enter:()=>this.editor.commands.splitListItem(this.name),Tab:()=>this.editor.commands.sinkListItem(this.name),"Shift-Tab":()=>this.editor.commands.liftListItem(this.name)}}}),xke={};ake(xke,{findListItemPos:()=>iR,getNextListDepth:()=>A4,handleBackspace:()=>T4,handleDelete:()=>C4,hasListBefore:()=>Boe,hasListItemAfter:()=>Tke,hasListItemBefore:()=>Cke,listItemHasSubList:()=>Pke,nextListIsDeeper:()=>zoe,nextListIsHigher:()=>Uoe});var iR=(t,e)=>{let{$from:n}=e.selection,o=Yo(t,e.schema),r=null,i=n.depth,s=n.pos,a=null;for(;i>0&&a===null;)r=n.node(i),r.type===o?a=i:(i-=1,s-=1);return a===null?null:{$pos:e.doc.resolve(s),depth:a}},A4=(t,e)=>{let n=iR(t,e);if(!n)return!1;let[,o]=une(e,t,n.$pos.pos+4);return o},Boe=(t,e,n)=>{let{$anchor:o}=t.selection,r=Math.max(0,o.pos-2),i=t.doc.resolve(r).node();return!(!i||!n.includes(i.type.name))},T4=(t,e,n)=>{if(t.commands.undoInputRule())return!0;if(t.state.selection.from!==t.state.selection.to)return!1;if(!Su(t.state,e)&&Boe(t.state,e,n)){let{$anchor:o}=t.state.selection,r=t.state.doc.resolve(o.before()-1),i=[];r.node().descendants((l,c)=>{l.type.name===e&&i.push({node:l,pos:c})});let s=i.at(-1);if(!s)return!1;let a=t.state.doc.resolve(r.start()+s.pos+1);return t.chain().cut({from:o.start()-1,to:o.end()+1},a.end()).joinForward().run()}return!Su(t.state,e)||!pne(t.state)?!1:t.chain().liftListItem(e).run()},zoe=(t,e)=>{let n=A4(t,e),o=iR(t,e);return!o||!n?!1:n>o.depth},Uoe=(t,e)=>{let n=A4(t,e),o=iR(t,e);return!o||!n?!1:n<o.depth},C4=(t,e)=>{if(!Su(t.state,e)||!dne(t.state,e))return!1;let{selection:n}=t.state,{$from:o,$to:r}=n;return!n.empty&&o.sameParent(r)?!1:zoe(e,t.state)?t.chain().focus(t.state.selection.from+4).lift(e).joinBackward().run():Uoe(e,t.state)?t.chain().joinForward().joinBackward().run():t.commands.joinItemForward()},Tke=(t,e)=>{var n;let{$anchor:o}=e.selection,r=e.doc.resolve(o.pos-o.parentOffset-2);return!(r.index()===r.parent.childCount-1||((n=r.nodeAfter)==null?void 0:n.type.name)!==t)},Cke=(t,e)=>{var n;let{$anchor:o}=e.selection,r=e.doc.resolve(o.pos-2);return!(r.index()===0||((n=r.nodeBefore)==null?void 0:n.type.name)!==t)},Pke=(t,e,n)=>{if(!n)return!1;let o=Yo(t,e.schema),r=!1;return n.descendants(i=>{i.type===o&&(r=!0)}),r},k4=Lt.create({name:"listKeymap",addOptions(){return{listTypes:[{itemName:"listItem",wrapperNames:["bulletList","orderedList"]},{itemName:"taskItem",wrapperNames:["taskList"]}]}},addKeyboardShortcuts(){return{Delete:({editor:t})=>{let e=!1;return this.options.listTypes.forEach(({itemName:n})=>{t.state.schema.nodes[n]!==void 0&&C4(t,n)&&(e=!0)}),e},"Mod-Delete":({editor:t})=>{let e=!1;return this.options.listTypes.forEach(({itemName:n})=>{t.state.schema.nodes[n]!==void 0&&C4(t,n)&&(e=!0)}),e},Backspace:({editor:t})=>{let e=!1;return this.options.listTypes.forEach(({itemName:n,wrapperNames:o})=>{t.state.schema.nodes[n]!==void 0&&T4(t,n,o)&&(e=!0)}),e},"Mod-Backspace":({editor:t})=>{let e=!1;return this.options.listTypes.forEach(({itemName:n,wrapperNames:o})=>{t.state.schema.nodes[n]!==void 0&&T4(t,n,o)&&(e=!0)}),e}}}}),P4=new RegExp(`^(\\s*)(${Noe})([.)])\\s+(.*)$`),Eke=/^\s/,S1={heading:/^#{1,6}(?:\s|$)/,bulletItem:/^[-+*]\s+/,codeFence:/^(?:```|~~~)/,thematicBreak:/^(?:(?:-[ \t]*){3,}|(?:_[ \t]*){3,}|(?:\*[ \t]*){3,})$/};function Ike(t){return P4.test(t.trimStart())}function _ke(t){let e=t.trimStart();return S1.bulletItem.test(e)||Ike(e)||S1.heading.test(e)||S1.thematicBreak.test(e)&&!e.startsWith("-")||/^>\s?/.test(e)||S1.codeFence.test(e)}function Mke(t){return Object.values(S1).some(e=>e.test(t))}function Ake(t){let e=[],n=[],o=!1;return t.forEach(r=>{if(o){n.push(r);return}if(r.trim()===""){o=!0,n.push(r);return}if(e.length>0&&_ke(r)){o=!0,n.push(r);return}e.push(r)}),{paragraphLines:e,blockLines:n}}function kke(t){let e=[],n=0,o=0;for(;n<t.length;){let r=t[n],i=r.match(P4);if(!i)break;let[,s,a,l,c]=i,d=s.length,u=parseInt(a,10),p=isNaN(u)?rR(a):void 0,f=isNaN(u)?_4(a):u,h=[c],g=n+1,y=[r],m=!1;for(;g<t.length;){let S=t[g];if(S.match(P4))break;if(S.trim()==="")y.push(S),h.push(""),m=!0,g+=1;else if(S.match(Eke)){let v=S.length-S.trimStart().length,w=d+a.length+1;y.push(S),h.push(S.slice(Math.min(v,w))),g+=1}else{if(m||Mke(S))break;y.push(S),h.push(S),g+=1}}e.push({indent:d,number:f,type:p,content:h.join(`
+`).trim(),contentLines:h,raw:y.join(`
+`)}),o=g,n=g}return[e,o]}var Rke=new RegExp(`^(${Noe})([.)])\\s+(.+)$`);function Dke(t){let e=t.split(`
+`).filter(i=>i.trim().length>0);if(e.length===0)return null;let n=[];for(let i of e){let s=i.trim().match(Rke);if(!s)return null;n.push({marker:s[1],content:s[3]})}let o=n.map(i=>i.marker);return gke(o)?{type:"orderedList",attrs:Ske(n[0].marker),content:n.map(i=>({type:"listItem",content:[{type:"paragraph",content:[{type:"text",text:i.content}]}]}))}:null}function Hoe(t,e,n){let o=[],r=0;for(;r<t.length;){let i=t[r];if(i.indent===e){let{paragraphLines:s,blockLines:a}=Ake(i.contentLines),l=s.join(`
+`).trim(),c=[];l&&c.push({type:"paragraph",raw:l,tokens:n.inlineTokens(l)});let d=a.join(`
+`).trim();if(d){let f=n.blockTokens(d);c.push(...f)}let u=r+1,p=[];for(;u<t.length&&t[u].indent>e;)p.push(t[u]),u+=1;if(p.length>0){let f=Math.min(...p.map(g=>g.indent)),h=Hoe(p,f,n);c.push({type:"list",ordered:!0,start:p[0].number,typeMarker:p[0].type,items:h,raw:p.map(g=>g.raw).join(`
+`)})}o.push({type:"list_item",raw:i.raw,tokens:c}),r=u}else r+=1}return o}function Oke(t,e){return t.map(n=>{if(n.type!=="list_item")return e.parseChildren([n])[0];let o=[];return n.tokens&&n.tokens.length>0&&n.tokens.forEach(r=>{if(r.type==="paragraph"||r.type==="list"||r.type==="blockquote"||r.type==="code")o.push(...e.parseChildren([r]));else if(r.type==="text"&&r.tokens){let i=e.parseChildren([r]);o.push({type:"paragraph",content:i})}else{let i=e.parseChildren([r]);i.length>0&&o.push(...i)}}),{type:"listItem",content:o}})}var Lke="listItem",koe="textStyle",Roe=/^(\d+)\.\s$/;function Doe(t){let e=t.match(/list-style-type\s*:\s*([^;]+)/i);if(!e)return null;switch(e[1].trim().toLowerCase()){case"upper-roman":return"I";case"lower-roman":return"i";case"upper-alpha":case"upper-latin":return"A";case"lower-alpha":case"lower-latin":return"a";default:return null}}var R4=no.create({name:"orderedList",addOptions(){return{itemTypeName:"listItem",HTMLAttributes:{},keepMarks:!1,keepAttributes:!1}},group:"block list",content(){return`${this.options.itemTypeName}+`},addAttributes(){return{start:{default:1,parseHTML:t=>t.hasAttribute("start")?parseInt(t.getAttribute("start")||"",10):1},type:{default:null,parseHTML:t=>{let e=t.getAttribute("type");if(e)return e;let n=t.getAttribute("style");if(n){let r=Doe(n);if(r)return r}let o=t.querySelector("li");if(o){let r=o.getAttribute("style");if(r){let i=Doe(r);if(i)return i}}return null}}}},parseHTML(){return[{tag:"ol"}]},renderHTML({HTMLAttributes:t}){let{start:e,type:n,...o}=t,r=It(this.options.HTMLAttributes,o);return e!==1&&(r.start=e),n&&n!=="1"&&(r.type=n),["ol",r,0]},markdownTokenName:"list",parseMarkdown:(t,e)=>{if(t.type!=="list"||!t.ordered)return[];let n=t.start||1,o=t.typeMarker,r=t.items?Oke(t.items,e):[],i={};return n!==1&&(i.start=n),o&&(i.type=o),Object.keys(i).length>0?{type:"orderedList",attrs:i,content:r}:{type:"orderedList",content:r}},renderMarkdown:(t,e)=>t.content?e.renderChildren(t.content,`
+`):"",markdownTokenizer:{name:"orderedList",level:"block",start:()=>-1,tokenize:(t,e,n)=>{var o,r;let i=t.split(`
+`),[s,a]=kke(i);if(s.length===0)return;let l=Hoe(s,s[0].indent,n);if(l.length===0)return;let c=((o=s[0])==null?void 0:o.number)||1,d=(r=s[0])==null?void 0:r.type;return{type:"list",ordered:!0,start:c,typeMarker:d,items:l,raw:i.slice(0,a).join(`
+`)}}},markdownOptions:{indentsContent:!0},addCommands(){return{toggleOrderedList:()=>({commands:t,chain:e})=>this.options.keepAttributes?e().toggleList(this.name,this.options.itemTypeName,this.options.keepMarks).updateAttributes(Lke,this.editor.getAttributes(koe)).run():t.toggleList(this.name,this.options.itemTypeName,this.options.keepMarks)}},addKeyboardShortcuts(){return{"Mod-Shift-7":()=>this.editor.commands.toggleOrderedList()}},addProseMirrorPlugins(){return[new Ye({props:{handlePaste:(t,e)=>{var n,o;let r=(n=e.clipboardData)==null?void 0:n.getData("text/html");if(r?.trim())return!1;let i=(o=e.clipboardData)==null?void 0:o.getData("text/plain");if(!i)return!1;let s=Dke(i);if(!s)return!1;try{let a=t.state.schema.nodeFromJSON(s),l=t.state.tr.replaceSelectionWith(a);return t.dispatch(l),!0}catch{return!1}}}})]},addInputRules(){let t=(n,o)=>(!o.attrs.type||o.attrs.type==="1")&&o.childCount+o.attrs.start===+n[1],e=bu({find:Roe,type:this.type,getAttributes:n=>({start:+n[1]}),joinPredicate:t});return(this.options.keepMarks||this.options.keepAttributes)&&(e=bu({find:Roe,type:this.type,keepMarks:this.options.keepMarks,keepAttributes:this.options.keepAttributes,getAttributes:n=>({start:+n[1],...this.editor.getAttributes(koe)}),joinPredicate:t,editor:this.editor})),[e]}}),Nke=/^\s*(\[([( |x])?\])\s$/,Fke=no.create({name:"taskItem",addOptions(){return{nested:!1,HTMLAttributes:{},taskListTypeName:"taskList",a11y:void 0}},content(){return this.options.nested?"paragraph block*":"paragraph+"},defining:!0,addAttributes(){return{checked:{default:!1,keepOnSplit:!1,parseHTML:t=>{let e=t.getAttribute("data-checked");return e===""||e==="true"},renderHTML:t=>({"data-checked":t.checked})}}},parseHTML(){return[{tag:`li[data-type="${this.name}"]`,priority:51}]},renderHTML({node:t,HTMLAttributes:e}){return["li",It(this.options.HTMLAttributes,e,{"data-type":this.name}),["label",["input",{type:"checkbox",checked:t.attrs.checked?"checked":null}],["span"]],["div",0]]},parseMarkdown:(t,e)=>{let n=[];if(t.tokens&&t.tokens.length>0?n.push(e.createNode("paragraph",{},e.parseInline(t.tokens))):t.text?n.push(e.createNode("paragraph",{},[e.createNode("text",{text:t.text})])):n.push(e.createNode("paragraph",{},[])),t.nestedTokens&&t.nestedTokens.length>0){let o=e.parseChildren(t.nestedTokens);n.push(...o)}return e.createNode("taskItem",{checked:t.checked||!1},n)},renderMarkdown:(t,e)=>{var n;let r=`- [${(n=t.attrs)!=null&&n.checked?"x":" "}] `;return qC(t,e,r)},addExtensions(){return this.options.nested?[Ooe(this.name,[this.options.taskListTypeName])]:[]},addKeyboardShortcuts(){let t={Enter:()=>this.editor.commands.splitListItem(this.name),"Shift-Tab":()=>this.editor.commands.liftListItem(this.name)};return this.options.nested?{...t,Tab:()=>this.editor.commands.sinkListItem(this.name)}:t},addNodeView(){return({node:t,HTMLAttributes:e,getPos:n,editor:o})=>{let r=document.createElement("li"),i=document.createElement("label"),s=document.createElement("span"),a=document.createElement("input"),l=document.createElement("div"),c=u=>{var p,f;a.ariaLabel=((f=(p=this.options.a11y)==null?void 0:p.checkboxLabel)==null?void 0:f.call(p,u,a.checked))||`Task item checkbox for ${u.textContent||"empty task item"}`};c(t),i.contentEditable="false",a.type="checkbox",a.addEventListener("mousedown",u=>u.preventDefault()),a.addEventListener("change",u=>{if(!o.isEditable&&!this.options.onReadOnlyChecked){a.checked=!a.checked;return}let{checked:p}=u.target;o.isEditable&&typeof n=="function"&&o.chain().focus(void 0,{scrollIntoView:!1}).command(({tr:f})=>{let h=n();if(typeof h!="number")return!1;let g=f.doc.nodeAt(h);return f.setNodeMarkup(h,void 0,{...g?.attrs,checked:p}),!0}).run(),!o.isEditable&&this.options.onReadOnlyChecked&&(this.options.onReadOnlyChecked(t,p)||(a.checked=!a.checked))}),Object.entries(this.options.HTMLAttributes).forEach(([u,p])=>{r.setAttribute(u,p)}),r.dataset.checked=t.attrs.checked,a.checked=t.attrs.checked,i.append(a,s),r.append(i,l),Object.entries(e).forEach(([u,p])=>{r.setAttribute(u,p)});let d=new Set(Object.keys(e));return{dom:r,contentDOM:l,update:u=>{if(u.type!==this.type)return!1;r.dataset.checked=u.attrs.checked,a.checked=u.attrs.checked,c(u);let p=o.extensionManager.attributes,f=Tv(u,p),h=new Set(Object.keys(f)),g=this.options.HTMLAttributes;return d.forEach(y=>{h.has(y)||(y in g?r.setAttribute(y,g[y]):r.removeAttribute(y))}),Object.entries(f).forEach(([y,m])=>{m==null?y in g?r.setAttribute(y,g[y]):r.removeAttribute(y):r.setAttribute(y,m)}),d=h,!0}}}},addInputRules(){return[bu({find:Nke,type:this.type,getAttributes:t=>({checked:t[t.length-1]==="x"})})]}}),Bke=no.create({name:"taskList",addOptions(){return{itemTypeName:"taskItem",HTMLAttributes:{}}},group:"block list",content(){return`${this.options.itemTypeName}+`},parseHTML(){return[{tag:`ul[data-type="${this.name}"]`,priority:51}]},renderHTML({HTMLAttributes:t}){return["ul",It(this.options.HTMLAttributes,t,{"data-type":this.name}),0]},parseMarkdown:(t,e)=>e.createNode("taskList",{},e.parseChildren(t.items||[])),renderMarkdown:(t,e)=>t.content?e.renderChildren(t.content,`
+`):"",markdownTokenizer:{name:"taskList",level:"block",start(t){var e;let n=(e=t.match(/^\s*[-+*]\s+\[([ xX])\]\s+/))==null?void 0:e.index;return n!==void 0?n:-1},tokenize(t,e,n){let o=i=>{let s=ck(i,{itemPattern:/^(\s*)([-+*])\s+\[([ xX])\]\s+(.*)$/,extractItemData:a=>({indentLevel:a[1].length,mainContent:a[4],checked:a[3].toLowerCase()==="x"}),createToken:(a,l)=>({type:"taskItem",raw:"",mainContent:a.mainContent,indentLevel:a.indentLevel,checked:a.checked,text:a.mainContent,tokens:n.inlineTokens(a.mainContent),nestedTokens:l}),customNestedParser:o},n);if(s){let a={type:"taskList",raw:s.raw,items:s.items},l=i.slice(s.raw.length);return l.trim()?[a,...n.blockTokens(l)]:[a]}return n.blockTokens(i)},r=ck(t,{itemPattern:/^(\s*)([-+*])\s+\[([ xX])\]\s+(.*)$/,extractItemData:i=>({indentLevel:i[1].length,mainContent:i[4],checked:i[3].toLowerCase()==="x"}),createToken:(i,s)=>({type:"taskItem",raw:"",mainContent:i.mainContent,indentLevel:i.indentLevel,checked:i.checked,text:i.mainContent,tokens:n.inlineTokens(i.mainContent),nestedTokens:s}),customNestedParser:o},n);if(r)return{type:"taskList",raw:r.raw,items:r.items}}},markdownOptions:{indentsContent:!0},addCommands(){return{toggleTaskList:()=>({commands:t})=>t.toggleList(this.name,this.options.itemTypeName)}},addKeyboardShortcuts(){return{"Mod-Shift-9":()=>this.editor.commands.toggleTaskList()}}}),Xpt=Lt.create({name:"listKit",addExtensions(){let t=[];return this.options.bulletList!==!1&&t.push(E4.configure(this.options.bulletList)),this.options.listItem!==!1&&t.push(M4.configure(this.options.listItem)),this.options.listKeymap!==!1&&t.push(k4.configure(this.options.listKeymap)),this.options.orderedList!==!1&&t.push(R4.configure(this.options.orderedList)),this.options.taskItem!==!1&&t.push(Fke.configure(this.options.taskItem)),this.options.taskList!==!1&&t.push(Bke.configure(this.options.taskList)),t}});var sR="&nbsp;",D4="\xA0",Voe=no.create({name:"paragraph",priority:1e3,addOptions(){return{HTMLAttributes:{}}},group:"block",content:"inline*",parseHTML(){return[{tag:"p"}]},renderHTML({HTMLAttributes:t}){return["p",It(this.options.HTMLAttributes,t),0]},parseMarkdown:(t,e)=>{let n=t.tokens||[];if(n.length===1&&n[0].type==="image")return e.parseChildren([n[0]]);let o=e.parseInline(n);return n.length===1&&n[0].type==="text"&&(n[0].raw===sR||n[0].text===sR||n[0].raw===D4||n[0].text===D4)&&o.length===1&&o[0].type==="text"&&(o[0].text===sR||o[0].text===D4)?e.createNode("paragraph",void 0,[]):e.createNode("paragraph",void 0,o)},renderMarkdown:(t,e,n)=>{var o,r;if(!t)return"";let i=Array.isArray(t.content)?t.content:[];if(i.length===0){let s=Array.isArray((o=n?.previousNode)==null?void 0:o.content)?n.previousNode.content:[];return((r=n?.previousNode)==null?void 0:r.type)==="paragraph"&&s.length===0?sR:""}return e.renderChildren(i)},addCommands(){return{setParagraph:()=>({commands:t})=>t.setNode(this.name)}},addKeyboardShortcuts(){return{"Mod-Alt-0":()=>this.editor.commands.setParagraph()}}});var zke=/(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))$/,Uke=/(?:^|\s)(~~(?!\s+~~)((?:[^~]+))~~(?!\s+~~))/g,joe=Cs.create({name:"strike",addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:"s"},{tag:"del"},{tag:"strike"},{style:"text-decoration",consuming:!1,getAttrs:t=>t.includes("line-through")?{}:!1}]},renderHTML({HTMLAttributes:t}){return["s",It(this.options.HTMLAttributes,t),0]},markdownTokenName:"del",parseMarkdown:(t,e)=>e.applyMark("strike",e.parseInline(t.tokens||[])),renderMarkdown:(t,e)=>`~~${e.renderChildren(t)}~~`,addCommands(){return{setStrike:()=>({commands:t})=>t.setMark(this.name),toggleStrike:()=>({commands:t})=>t.toggleMark(this.name),unsetStrike:()=>({commands:t})=>t.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-Shift-s":()=>this.editor.commands.toggleStrike()}},addInputRules(){return[ta({find:zke,type:this.type})]},addPasteRules(){return[ns({find:Uke,type:this.type})]}});var $oe=no.create({name:"text",group:"inline",parseMarkdown:t=>({type:"text",text:t.text||""}),renderMarkdown:t=>t.text||""});var Koe=Cs.create({name:"underline",addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:"u"},{style:"text-decoration",consuming:!1,getAttrs:t=>t.includes("underline")?{}:!1}]},renderHTML({HTMLAttributes:t}){return["u",It(this.options.HTMLAttributes,t),0]},parseMarkdown(t,e){return e.applyMark(this.name||"underline",e.parseInline(t.tokens||[]))},renderMarkdown(t,e){return`++${e.renderChildren(t)}++`},markdownTokenizer:{name:"underline",level:"inline",start(t){return t.indexOf("++")},tokenize(t,e,n){let r=/^(\+\+)([\s\S]+?)(\+\+)/.exec(t);if(!r)return;let i=r[2].trim();return{type:"underline",raw:r[0],text:i,tokens:n.inlineTokens(i)}}},addCommands(){return{setUnderline:()=>({commands:t})=>t.setMark(this.name),toggleUnderline:()=>({commands:t})=>t.toggleMark(this.name),unsetUnderline:()=>({commands:t})=>t.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-u":()=>this.editor.commands.toggleUnderline(),"Mod-U":()=>this.editor.commands.toggleUnderline()}}});function Goe(t={}){return new Ye({view(e){return new O4(e,t)}})}var O4=class{constructor(e,n){var o;this.editorView=e,this.cursorPos=null,this.element=null,this.timeout=-1,this.lastDragEvent=null,this.width=(o=n.width)!==null&&o!==void 0?o:1,this.color=n.color===!1?void 0:n.color||"black",this.class=n.class,this.handlers=["dragover","dragend","drop","dragleave"].map(r=>{let i=s=>{this[r](s)};return e.dom.addEventListener(r,i),{name:r,handler:i}})}destroy(){this.handlers.forEach(({name:e,handler:n})=>this.editorView.dom.removeEventListener(e,n))}update(e,n){if(this.cursorPos!=null&&n.doc!=e.state.doc)if(this.lastDragEvent){let o=this.computeTarget(this.lastDragEvent);o==this.cursorPos?this.updateOverlay():this.setCursor(o)}else this.updateOverlay()}setCursor(e){e!=this.cursorPos&&(this.cursorPos=e,e==null?(this.element.parentNode.removeChild(this.element),this.element=null):this.updateOverlay())}updateOverlay(){let e=this.editorView.state.doc.resolve(this.cursorPos),n=!e.parent.inlineContent,o,r=this.editorView.dom,i=r.getBoundingClientRect(),s=i.width/r.offsetWidth,a=i.height/r.offsetHeight;if(n){let u=e.nodeBefore,p=e.nodeAfter;if(u||p){let f=this.editorView.nodeDOM(this.cursorPos-(u?u.nodeSize:0));if(f){let h=f.getBoundingClientRect(),g=u?h.bottom:h.top;u&&p&&(g=(g+this.editorView.nodeDOM(this.cursorPos).getBoundingClientRect().top)/2);let y=this.width/2*a;o={left:h.left,right:h.right,top:g-y,bottom:g+y}}}}if(!o){let u=this.editorView.coordsAtPos(this.cursorPos),p=this.width/2*s;o={left:u.left-p,right:u.left+p,top:u.top,bottom:u.bottom}}let l=this.editorView.dom.offsetParent;this.element||(this.element=l.appendChild(document.createElement("div")),this.class&&(this.element.className=this.class),this.element.style.cssText="position: absolute; z-index: 50; pointer-events: none;",this.color&&(this.element.style.backgroundColor=this.color)),this.element.classList.toggle("prosemirror-dropcursor-block",n),this.element.classList.toggle("prosemirror-dropcursor-inline",!n);let c,d;if(!l||l==document.body&&getComputedStyle(l).position=="static")c=-pageXOffset,d=-pageYOffset;else{let u=l.getBoundingClientRect(),p=u.width/l.offsetWidth,f=u.height/l.offsetHeight;c=u.left-l.scrollLeft*p,d=u.top-l.scrollTop*f}this.element.style.left=(o.left-c)/s+"px",this.element.style.top=(o.top-d)/a+"px",this.element.style.width=(o.right-o.left)/s+"px",this.element.style.height=(o.bottom-o.top)/a+"px"}scheduleRemoval(e){clearTimeout(this.timeout),this.timeout=setTimeout(()=>this.setCursor(null),e)}computeTarget(e){let n=this.editorView.posAtCoords({left:e.clientX,top:e.clientY}),o=n&&n.inside>=0&&this.editorView.state.doc.nodeAt(n.inside),r=o&&o.type.spec.disableDropCursor,i=typeof r=="function"?r(this.editorView,n,e):r;if(!n||i)return null;let s=n.pos;if(this.editorView.dragging&&this.editorView.dragging.slice){let a=RA(this.editorView.state.doc,s,this.editorView.dragging.slice);a!=null&&(s=a)}return s}dragover(e){if(!this.editorView.editable)return;this.lastDragEvent=e;let n=this.computeTarget(e);n!=null&&(this.setCursor(n),this.scheduleRemoval(5e3))}dragend(){this.scheduleRemoval(20)}drop(){this.scheduleRemoval(20)}dragleave(e){this.editorView.dom.contains(e.relatedTarget)||this.setCursor(null)}};var rs=class t extends Xe{constructor(e){super(e,e)}map(e,n){let o=e.resolve(n.map(this.head));return t.valid(o)?new t(o):Xe.near(o)}content(){return ge.empty}eq(e){return e instanceof t&&e.head==this.head}toJSON(){return{type:"gapcursor",pos:this.head}}static fromJSON(e,n){if(typeof n.pos!="number")throw new RangeError("Invalid input for GapCursor.fromJSON");return new t(e.resolve(n.pos))}getBookmark(){return new L4(this.anchor)}static valid(e){let n=e.parent;if(n.inlineContent||!Hke(e)||!Vke(e))return!1;let o=n.type.spec.allowGapCursor;if(o!=null)return o;let r=n.contentMatchAt(e.index()).defaultType;return r&&r.isTextblock}static findGapCursorFrom(e,n,o=!1){e:for(;;){if(!o&&t.valid(e))return e;let r=e.pos,i=null;for(let s=e.depth;;s--){let a=e.node(s);if(n>0?e.indexAfter(s)<a.childCount:e.index(s)>0){i=a.child(n>0?e.indexAfter(s):e.index(s)-1);break}else if(s==0)return null;r+=n;let l=e.doc.resolve(r);if(t.valid(l))return l}for(;;){let s=n>0?i.firstChild:i.lastChild;if(!s){if(i.isAtom&&!i.isText&&!Re.isSelectable(i)){e=e.doc.resolve(r+i.nodeSize*n),o=!1;continue e}break}i=s,r+=n;let a=e.doc.resolve(r);if(t.valid(a))return a}return null}}};rs.prototype.visible=!1;rs.findFrom=rs.findGapCursorFrom;Xe.jsonID("gapcursor",rs);var L4=class t{constructor(e){this.pos=e}map(e){return new t(e.map(this.pos))}resolve(e){let n=e.resolve(this.pos);return rs.valid(n)?new rs(n):Xe.near(n)}};function Woe(t){return t.isAtom||t.spec.isolating||t.spec.createGapCursor}function Hke(t){for(let e=t.depth;e>=0;e--){let n=t.index(e),o=t.node(e);if(n==0){if(o.type.spec.isolating)return!0;continue}for(let r=o.child(n-1);;r=r.lastChild){if(r.childCount==0&&!r.inlineContent||Woe(r.type))return!0;if(r.inlineContent)return!1}}return!0}function Vke(t){for(let e=t.depth;e>=0;e--){let n=t.indexAfter(e),o=t.node(e);if(n==o.childCount){if(o.type.spec.isolating)return!0;continue}for(let r=o.child(n);;r=r.firstChild){if(r.childCount==0&&!r.inlineContent||Woe(r.type))return!0;if(r.inlineContent)return!1}}return!0}function Yoe(){return new Ye({props:{decorations:Gke,createSelectionBetween(t,e,n){return e.pos==n.pos&&rs.valid(n)?new rs(n):null},handleClick:$ke,handleKeyDown:jke,handleDOMEvents:{beforeinput:Kke}}})}var jke=x5({ArrowLeft:aR("horiz",-1),ArrowRight:aR("horiz",1),ArrowUp:aR("vert",-1),ArrowDown:aR("vert",1)});function aR(t,e){let n=t=="vert"?e>0?"down":"up":e>0?"right":"left";return function(o,r,i){let s=o.selection,a=e>0?s.$to:s.$from,l=s.empty;if(s instanceof Ie){if(!i.endOfTextblock(n)||a.depth==0)return!1;l=!1,a=o.doc.resolve(e>0?a.after():a.before())}let c=rs.findGapCursorFrom(a,e,l);return c?(r&&r(o.tr.setSelection(new rs(c))),!0):!1}}function $ke(t,e,n){if(!t||!t.editable)return!1;let o=t.state.doc.resolve(e);if(!rs.valid(o))return!1;let r=t.posAtCoords({left:n.clientX,top:n.clientY});return r&&r.inside>-1&&Re.isSelectable(t.state.doc.nodeAt(r.inside))?!1:(t.dispatch(t.state.tr.setSelection(new rs(o))),!0)}function Kke(t,e){if(e.inputType!="insertCompositionText"||!(t.state.selection instanceof rs))return!1;let{$from:n}=t.state.selection,o=n.parent.contentMatchAt(n.index()).findWrapping(t.state.schema.nodes.text);if(!o)return!1;let r=re.empty;for(let s=o.length-1;s>=0;s--)r=re.from(o[s].createAndFill(null,r));let i=t.state.tr.replace(n.pos,n.pos,new ge(r,0,0));return i.setSelection(Ie.near(i.doc.resolve(n.pos+1))),t.dispatch(i),!1}function Gke(t){if(!(t.selection instanceof rs))return null;let e=document.createElement("div");return e.className="ProseMirror-gapcursor",to.create(t.doc,[ts.widget(t.selection.head,e,{key:"gapcursor"})])}var lR=200,Ri=function(){};Ri.prototype.append=function(e){return e.length?(e=Ri.from(e),!this.length&&e||e.length<lR&&this.leafAppend(e)||this.length<lR&&e.leafPrepend(this)||this.appendInner(e)):this};Ri.prototype.prepend=function(e){return e.length?Ri.from(e).append(this):this};Ri.prototype.appendInner=function(e){return new Wke(this,e)};Ri.prototype.slice=function(e,n){return e===void 0&&(e=0),n===void 0&&(n=this.length),e>=n?Ri.empty:this.sliceInner(Math.max(0,e),Math.min(this.length,n))};Ri.prototype.get=function(e){if(!(e<0||e>=this.length))return this.getInner(e)};Ri.prototype.forEach=function(e,n,o){n===void 0&&(n=0),o===void 0&&(o=this.length),n<=o?this.forEachInner(e,n,o,0):this.forEachInvertedInner(e,n,o,0)};Ri.prototype.map=function(e,n,o){n===void 0&&(n=0),o===void 0&&(o=this.length);var r=[];return this.forEach(function(i,s){return r.push(e(i,s))},n,o),r};Ri.from=function(e){return e instanceof Ri?e:e&&e.length?new qoe(e):Ri.empty};var qoe=(function(t){function e(o){t.call(this),this.values=o}t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e;var n={length:{configurable:!0},depth:{configurable:!0}};return e.prototype.flatten=function(){return this.values},e.prototype.sliceInner=function(r,i){return r==0&&i==this.length?this:new e(this.values.slice(r,i))},e.prototype.getInner=function(r){return this.values[r]},e.prototype.forEachInner=function(r,i,s,a){for(var l=i;l<s;l++)if(r(this.values[l],a+l)===!1)return!1},e.prototype.forEachInvertedInner=function(r,i,s,a){for(var l=i-1;l>=s;l--)if(r(this.values[l],a+l)===!1)return!1},e.prototype.leafAppend=function(r){if(this.length+r.length<=lR)return new e(this.values.concat(r.flatten()))},e.prototype.leafPrepend=function(r){if(this.length+r.length<=lR)return new e(r.flatten().concat(this.values))},n.length.get=function(){return this.values.length},n.depth.get=function(){return 0},Object.defineProperties(e.prototype,n),e})(Ri);Ri.empty=new qoe([]);var Wke=(function(t){function e(n,o){t.call(this),this.left=n,this.right=o,this.length=n.length+o.length,this.depth=Math.max(n.depth,o.depth)+1}return t&&(e.__proto__=t),e.prototype=Object.create(t&&t.prototype),e.prototype.constructor=e,e.prototype.flatten=function(){return this.left.flatten().concat(this.right.flatten())},e.prototype.getInner=function(o){return o<this.left.length?this.left.get(o):this.right.get(o-this.left.length)},e.prototype.forEachInner=function(o,r,i,s){var a=this.left.length;if(r<a&&this.left.forEachInner(o,r,Math.min(i,a),s)===!1||i>a&&this.right.forEachInner(o,Math.max(r-a,0),Math.min(this.length,i)-a,s+a)===!1)return!1},e.prototype.forEachInvertedInner=function(o,r,i,s){var a=this.left.length;if(r>a&&this.right.forEachInvertedInner(o,r-a,Math.max(i,a)-a,s+a)===!1||i<a&&this.left.forEachInvertedInner(o,Math.min(r,a),i,s)===!1)return!1},e.prototype.sliceInner=function(o,r){if(o==0&&r==this.length)return this;var i=this.left.length;return r<=i?this.left.slice(o,r):o>=i?this.right.slice(o-i,r-i):this.left.slice(o,i).append(this.right.slice(0,r-i))},e.prototype.leafAppend=function(o){var r=this.right.leafAppend(o);if(r)return new e(this.left,r)},e.prototype.leafPrepend=function(o){var r=this.left.leafPrepend(o);if(r)return new e(r,this.right)},e.prototype.appendInner=function(o){return this.left.depth>=Math.max(this.right.depth,o.depth)+1?new e(this.left,new e(this.right,o)):new e(this,o)},e})(Ri),N4=Ri;var Yke=500,sy=class t{constructor(e,n){this.items=e,this.eventCount=n}popEvent(e,n){if(this.eventCount==0)return null;let o=this.items.length;for(;;o--)if(this.items.get(o-1).selection){--o;break}let r,i;n&&(r=this.remapping(o,this.items.length),i=r.maps.length);let s=e.tr,a,l,c=[],d=[];return this.items.forEach((u,p)=>{if(!u.step){r||(r=this.remapping(o,p+1),i=r.maps.length),i--,d.push(u);return}if(r){d.push(new Cu(u.map));let f=u.step.map(r.slice(i)),h;f&&s.maybeStep(f).doc&&(h=s.mapping.maps[s.mapping.maps.length-1],c.push(new Cu(h,void 0,void 0,c.length+d.length))),i--,h&&r.appendMap(h,i)}else s.maybeStep(u.step);if(u.selection)return a=r?u.selection.map(r.slice(i)):u.selection,l=new t(this.items.slice(0,o).append(d.reverse().concat(c)),this.eventCount-1),!1},this.items.length,0),{remaining:l,transform:s,selection:a}}addTransform(e,n,o,r){let i=[],s=this.eventCount,a=this.items,l=!r&&a.length?a.get(a.length-1):null;for(let d=0;d<e.steps.length;d++){let u=e.steps[d].invert(e.docs[d]),p=new Cu(e.mapping.maps[d],u,n),f;(f=l&&l.merge(p))&&(p=f,d?i.pop():a=a.slice(0,a.length-1)),i.push(p),n&&(s++,n=void 0),r||(l=p)}let c=s-o.depth;return c>Xke&&(a=qke(a,c),s-=c),new t(a.append(i),s)}remapping(e,n){let o=new PC;return this.items.forEach((r,i)=>{let s=r.mirrorOffset!=null&&i-r.mirrorOffset>=e?o.maps.length-r.mirrorOffset:void 0;o.appendMap(r.map,s)},e,n),o}addMaps(e){return this.eventCount==0?this:new t(this.items.append(e.map(n=>new Cu(n))),this.eventCount)}rebased(e,n){if(!this.eventCount)return this;let o=[],r=Math.max(0,this.items.length-n),i=e.mapping,s=e.steps.length,a=this.eventCount;this.items.forEach(p=>{p.selection&&a--},r);let l=n;this.items.forEach(p=>{let f=i.getMirror(--l);if(f==null)return;s=Math.min(s,f);let h=i.maps[f];if(p.step){let g=e.steps[f].invert(e.docs[f]),y=p.selection&&p.selection.map(i.slice(l+1,f));y&&a++,o.push(new Cu(h,g,y))}else o.push(new Cu(h))},r);let c=[];for(let p=n;p<s;p++)c.push(new Cu(i.maps[p]));let d=this.items.slice(0,r).append(c).append(o),u=new t(d,a);return u.emptyItemCount()>Yke&&(u=u.compress(this.items.length-o.length)),u}emptyItemCount(){let e=0;return this.items.forEach(n=>{n.step||e++}),e}compress(e=this.items.length){let n=this.remapping(0,e),o=n.maps.length,r=[],i=0;return this.items.forEach((s,a)=>{if(a>=e)r.push(s),s.selection&&i++;else if(s.step){let l=s.step.map(n.slice(o)),c=l&&l.getMap();if(o--,c&&n.appendMap(c,o),l){let d=s.selection&&s.selection.map(n.slice(o));d&&i++;let u=new Cu(c.invert(),l,d),p,f=r.length-1;(p=r.length&&r[f].merge(u))?r[f]=p:r.push(u)}}else s.map&&o--},this.items.length,0),new t(N4.from(r.reverse()),i)}};sy.empty=new sy(N4.empty,0);function qke(t,e){let n;return t.forEach((o,r)=>{if(o.selection&&e--==0)return n=r,!1}),t.slice(n)}var Cu=class t{constructor(e,n,o,r){this.map=e,this.step=n,this.selection=o,this.mirrorOffset=r}merge(e){if(this.step&&e.step&&!e.selection){let n=e.step.merge(this.step);if(n)return new t(n.getMap().invert(),n,this.selection)}}},Pu=class{constructor(e,n,o,r,i){this.done=e,this.undone=n,this.prevRanges=o,this.prevTime=r,this.prevComposition=i}},Xke=20;function Zke(t,e,n,o){let r=n.getMeta(iy),i;if(r)return r.historyState;n.getMeta(eRe)&&(t=new Pu(t.done,t.undone,null,0,-1));let s=n.getMeta("appendedTransaction");if(n.steps.length==0)return t;if(s&&s.getMeta(iy))return s.getMeta(iy).redo?new Pu(t.done.addTransform(n,void 0,o,cR(e)),t.undone,Xoe(n.mapping.maps),t.prevTime,t.prevComposition):new Pu(t.done,t.undone.addTransform(n,void 0,o,cR(e)),null,t.prevTime,t.prevComposition);if(n.getMeta("addToHistory")!==!1&&!(s&&s.getMeta("addToHistory")===!1)){let a=n.getMeta("composition"),l=t.prevTime==0||!s&&t.prevComposition!=a&&(t.prevTime<(n.time||0)-o.newGroupDelay||!Jke(n,t.prevRanges)),c=s?F4(t.prevRanges,n.mapping):Xoe(n.mapping.maps);return new Pu(t.done.addTransform(n,l?e.selection.getBookmark():void 0,o,cR(e)),sy.empty,c,n.time,a??t.prevComposition)}else return(i=n.getMeta("rebased"))?new Pu(t.done.rebased(n,i),t.undone.rebased(n,i),F4(t.prevRanges,n.mapping),t.prevTime,t.prevComposition):new Pu(t.done.addMaps(n.mapping.maps),t.undone.addMaps(n.mapping.maps),F4(t.prevRanges,n.mapping),t.prevTime,t.prevComposition)}function Jke(t,e){if(!e)return!1;if(!t.docChanged)return!0;let n=!1;return t.mapping.maps[0].forEach((o,r)=>{for(let i=0;i<e.length;i+=2)o<=e[i+1]&&r>=e[i]&&(n=!0)}),n}function Xoe(t){let e=[];for(let n=t.length-1;n>=0&&e.length==0;n--)t[n].forEach((o,r,i,s)=>e.push(i,s));return e}function F4(t,e){if(!t)return null;let n=[];for(let o=0;o<t.length;o+=2){let r=e.map(t[o],1),i=e.map(t[o+1],-1);r<=i&&n.push(r,i)}return n}function Qke(t,e,n){let o=cR(e),r=iy.get(e).spec.config,i=(n?t.undone:t.done).popEvent(e,o);if(!i)return null;let s=i.selection.resolve(i.transform.doc),a=(n?t.done:t.undone).addTransform(i.transform,e.selection.getBookmark(),r,o),l=new Pu(n?a:i.remaining,n?i.remaining:a,null,0,-1);return i.transform.setSelection(s).setMeta(iy,{redo:n,historyState:l})}var B4=!1,Zoe=null;function cR(t){let e=t.plugins;if(Zoe!=e){B4=!1,Zoe=e;for(let n=0;n<e.length;n++)if(e[n].spec.historyPreserveItems){B4=!0;break}}return B4}var iy=new Tt("history"),eRe=new Tt("closeHistory");function Joe(t={}){return t={depth:t.depth||100,newGroupDelay:t.newGroupDelay||500},new Ye({key:iy,state:{init(){return new Pu(sy.empty,sy.empty,null,0,-1)},apply(e,n,o){return Zke(n,o,e,t)}},config:t,props:{handleDOMEvents:{beforeinput(e,n){let o=n.inputType,r=o=="historyUndo"?z4:o=="historyRedo"?U4:null;return!r||!e.editable?!1:(n.preventDefault(),r(e.state,e.dispatch))}}}})}function uR(t,e){return(n,o)=>{let r=iy.getState(n);if(!r||(t?r.undone:r.done).eventCount==0)return!1;if(o){let i=Qke(r,n,t);i&&o(e?i.scrollIntoView():i)}return!0}}var z4=uR(!1,!0),U4=uR(!0,!0),xft=uR(!1,!1),Tft=uR(!0,!1);var Mft=Lt.create({name:"characterCount",addOptions(){return{limit:null,autoTrim:!0,mode:"textSize",textCounter:t=>t.length,wordCounter:t=>t.split(" ").filter(e=>e!=="").length}},addStorage(){return{characters:()=>0,words:()=>0}},onBeforeCreate(){this.storage.characters=t=>{let e=t?.node||this.editor.state.doc;if((t?.mode||this.options.mode)==="textSize"){let o=e.textBetween(0,e.content.size,void 0," ");return this.options.textCounter(o)}return e.nodeSize},this.storage.words=t=>{let e=t?.node||this.editor.state.doc,n=e.textBetween(0,e.content.size," "," ");return this.options.wordCounter(n)}},addProseMirrorPlugins(){let t=!1;return[new Ye({key:new Tt("characterCount"),appendTransaction:(e,n,o)=>{if(t)return;let r=this.options.limit,i=this.options.autoTrim;if(r==null||r===0||i===!1){t=!0;return}let s=this.storage.characters({node:o.doc});if(s>r){let a=s-r,l=0,c=a;console.warn(`[CharacterCount] Initial content exceeded limit of ${r} characters. Content was automatically trimmed.`);let d=o.tr.deleteRange(l,c);return t=!0,d}t=!0},filterTransaction:(e,n)=>{let o=this.options.limit;if(!e.docChanged||o===0||o===null||o===void 0)return!0;let r=this.storage.characters({node:n.doc}),i=this.storage.characters({node:e.doc});if(i<=o||r>o&&i>o&&i<=r)return!0;if(r>o&&i>o&&i>r||!e.getMeta("paste"))return!1;let a=e.selection.$head.pos,l=i-o,c=a-l,d=a;return e.deleteRange(c,d),!(this.storage.characters({node:e.doc})>o)}})]}}),tre=Lt.create({name:"dropCursor",addOptions(){return{color:"currentColor",width:1,class:void 0}},addProseMirrorPlugins(){return[Goe(this.options)]}}),Lft=Lt.create({name:"focus",addOptions(){return{className:"has-focus",mode:"all"}},addProseMirrorPlugins(){return[new Ye({key:new Tt("focus"),props:{decorations:({doc:t,selection:e})=>{let{isEditable:n,isFocused:o}=this.editor,{anchor:r}=e,i=[];if(!n||!o)return to.create(t,[]);let s=0;this.options.mode==="deepest"&&t.descendants((l,c)=>{if(l.isText)return;if(!(r>=c&&r<=c+l.nodeSize-1))return!1;s+=1});let a=0;return t.descendants((l,c)=>{if(l.isText||!(r>=c&&r<=c+l.nodeSize-1))return!1;if(a+=1,this.options.mode==="deepest"&&s-a>0||this.options.mode==="shallowest"&&a>1)return this.options.mode==="deepest";i.push(ts.node(c,c+l.nodeSize,{class:this.options.className}))}),to.create(t,i)}}})]}}),nre=Lt.create({name:"gapCursor",addProseMirrorPlugins(){return[Yoe()]},extendNodeSchema(t){var e;let n={name:t.name,options:t.options,storage:t.storage};return{allowGapCursor:(e=dn(Oe(t,"allowGapCursor",n)))!=null?e:null}}}),ore="placeholder",Qoe=new Tt("tiptap__placeholder");function rre(t){let{editor:e,placeholder:n,dataAttribute:o,pos:r,node:i,isEmptyDoc:s,hasAnchor:a,classes:{emptyNode:l,emptyEditor:c}}=t,d=[l];return s&&d.push(c),ts.node(r,r+i.nodeSize,{class:d.join(" "),[o]:typeof n=="function"?n({editor:e,node:i,pos:r,hasAnchor:a}):n})}function ire(t,e){return typeof t=="function"?t(e):t}function sre({editor:t,options:e,dataAttribute:n,doc:o,selection:r,from:i,to:s}){let{anchor:a}=r,l=[],c=t.isEmpty;return o.nodesBetween(i,s,(d,u)=>{let p=a>=u&&a<=u+d.nodeSize,f=!d.isLeaf&&Cv(d);return d.type.isTextblock&&(p||!e.showOnlyCurrent)&&f&&l.push(rre({editor:t,isEmptyDoc:c,dataAttribute:n,hasAnchor:p,placeholder:e.placeholder,classes:{emptyEditor:e.emptyEditorClass,emptyNode:ire(e.emptyNodeClass,{editor:t,node:d,pos:u,hasAnchor:p})},node:d,pos:u})),e.includeChildren}),l}function are({editor:t,options:e,dataAttribute:n,doc:o,selection:r}){if(!(t.isEditable||!e.showOnlyWhenEditable))return null;let{anchor:s}=r,a=[],l=t.isEmpty;if(e.showOnlyCurrent&&!e.includeChildren){let d=o.resolve(s),u=d.depth>0?d.node(1):d.nodeAfter,p=d.depth>0?d.before(1):s;if(u&&u.type.isTextblock&&Cv(u)){let f=s>=p&&s<=p+u.nodeSize;a.push(rre({editor:t,isEmptyDoc:l,dataAttribute:n,hasAnchor:f,placeholder:e.placeholder,classes:{emptyEditor:e.emptyEditorClass,emptyNode:ire(e.emptyNodeClass,{editor:t,node:u,pos:p,hasAnchor:f})},node:u,pos:p}))}}else a.push(...sre({editor:t,options:e,dataAttribute:n,doc:o,selection:r,from:0,to:o.content.size}));return to.create(o,a)}function b1(t,e){var n;let o=t.resolve(e);if(o.depth===0){let s=(n=o.nodeAfter)!=null?n:o.nodeBefore;if(!s)return{from:e,to:e};let a=o.nodeAfter?e:e-s.nodeSize;return{from:a,to:a+s.nodeSize}}let r=o.before(1),i=o.node(1);return{from:r,to:r+i.nodeSize}}function v1(t,e){return{from:Math.max(0,e.from-1),to:Math.min(t.content.size,e.to-1)}}function tRe(t,e,n){let o=[];return t.forEach((r,i)=>{let s=i,a=s+r.nodeSize,l=s+1,c=a+1;l<n&&c>e&&o.push({from:s,to:a})}),o}function nRe(t){if(t.length===0)return[];let e=[...t].sort((o,r)=>o.from-r.from),n=[{...e[0]}];for(let o=1;o<e.length;o+=1){let r=n[n.length-1],i=e[o];i.from<=r.to?r.to=Math.max(r.to,i.to):n.push({...i})}return n}function oRe(t,e){let n=tRe(t,e.from,e.to);return n.push(v1(t,b1(t,e.from))),e.to>e.from?n.push(v1(t,b1(t,Math.min(e.to,t.content.size+1)-1))):e.from<t.content.size+1&&n.push(v1(t,b1(t,Math.min(e.from+1,t.content.size)))),n}function rRe(t,e,n){let o=[];if(t.docChanged){let r=YC(t);for(let i of r)o.push(...oRe(n.doc,i.newRange))}return t.selectionSet&&(o.push(v1(n.doc,b1(n.doc,t.mapping.map(e.selection.anchor)))),o.push(v1(n.doc,b1(n.doc,n.selection.anchor)))),nRe(o)}function iRe(t,e,n){let o=Math.max(0,Math.min(t,n.content.size)),r=Math.max(o,Math.min(e,n.content.size));return{from:o,to:r}}function sRe({decorations:t,ranges:e,editor:n,options:o,dataAttribute:r,doc:i,selection:s}){let a=t;for(let l of e){let{from:c,to:d}=iRe(l.from,l.to,i),u=a.find(c,d).filter(f=>f.from>=c&&f.to<=d);u.length&&(a=a.remove(u));let p=sre({editor:n,options:o,dataAttribute:r,doc:i,selection:s,from:c,to:d});p.length&&(a=a.add(i,p))}return a}function aRe({editor:t,options:e,dataAttribute:n}){return{init(o,r){let i=are({editor:t,options:e,dataAttribute:n,doc:r.doc,selection:r.selection});return i??to.empty},apply(o,r,i,s){if(!o.docChanged&&!o.selectionSet)return r;let a=r.map(o.mapping,o.doc),l=rRe(o,i,s);return sRe({decorations:a,ranges:l,editor:t,options:e,dataAttribute:n,doc:s.doc,selection:s.selection})}}}function lRe(t){return t.replace(/\s+/g,"-").replace(/[^a-zA-Z0-9-]/g,"").replace(/^[0-9-]+/,"").replace(/^-+/,"").toLowerCase()}function cRe({editor:t,options:e}){let n=e.dataAttribute?`data-${lRe(e.dataAttribute)}`:`data-${ore}`,o=e.showOnlyCurrent&&!e.includeChildren;return new Ye({key:Qoe,...o?{}:{state:aRe({editor:t,options:e,dataAttribute:n})},props:{decorations:o?({doc:r,selection:i})=>are({editor:t,options:e,dataAttribute:n,doc:r,selection:i}):r=>{var i;return e.showOnlyWhenEditable&&!t.isEditable?to.empty:(i=Qoe.getState(r))!=null?i:to.empty}}})}var Wft=Lt.create({name:"placeholder",addOptions(){return{emptyEditorClass:"is-editor-empty",emptyNodeClass:"is-empty",dataAttribute:ore,placeholder:"Write something \u2026",showOnlyWhenEditable:!0,showOnlyCurrent:!0,includeChildren:!1}},addProseMirrorPlugins(){return[cRe({editor:this.editor,options:this.options})]}});function H4(t,e){return!t.selection.empty&&!lk(t.selection)&&e.isEditable}function uRe(t,e){return H4(t,e)&&!e.isFocused&&!e.view.dragging}function dRe(){var t;(t=window.getSelection())==null||t.removeAllRanges()}function pRe(t){t.focus()}var Zft=Lt.create({name:"selection",addOptions(){return{className:"selection"}},addProseMirrorPlugins(){let{editor:t,options:e}=this;return[new Ye({key:new Tt("selection"),props:{decorations(n){return uRe(n,t)?to.create(n.doc,[ts.inline(n.selection.from,n.selection.to,{class:e.className})]):null},handleDOMEvents:{blur(n){return H4(n.state,t)&&dRe(),!1},focus(n){return H4(n.state,t)&&requestAnimationFrame(()=>{!t.isDestroyed&&n.hasFocus()&&pRe(n)}),!1}}}})]}}),fRe="skipTrailingNode";function ere({types:t,node:e}){return e&&Array.isArray(t)&&t.includes(e.type)||e?.type===t}var lre=Lt.create({name:"trailingNode",addOptions(){return{node:void 0,notAfter:[]}},addProseMirrorPlugins(){var t;let e=new Tt(this.name),n=this.options.node||((t=this.editor.schema.topNodeType.contentMatch.defaultType)==null?void 0:t.name)||"paragraph",o=Object.entries(this.editor.schema.nodes).map(([,r])=>r).filter(r=>(this.options.notAfter||[]).concat(n).includes(r.name));return[new Ye({key:e,appendTransaction:(r,i,s)=>{let{doc:a,tr:l,schema:c}=s,d=e.getState(s),u=a.content.size,p=c.nodes[n];if(!r.some(f=>f.getMeta(fRe))&&d)return l.insert(u,p.create())},state:{init:(r,i)=>{let s=i.tr.doc.lastChild;return!ere({node:s,types:o})},apply:(r,i)=>{if(!r.docChanged||r.getMeta("__uniqueIDTransaction"))return i;let s=r.doc.lastChild;return!ere({node:s,types:o})}}})]}}),cre=Lt.create({name:"undoRedo",addOptions(){return{depth:100,newGroupDelay:500}},addCommands(){return{undo:()=>({state:t,dispatch:e})=>z4(t,e),redo:()=>({state:t,dispatch:e})=>U4(t,e)}},addProseMirrorPlugins(){return[Joe(this.options)]},addKeyboardShortcuts(){return{"Mod-z":()=>this.editor.commands.undo(),"Shift-Mod-z":()=>this.editor.commands.redo(),"Mod-y":()=>this.editor.commands.redo(),"Mod-\u044F":()=>this.editor.commands.undo(),"Shift-Mod-\u044F":()=>this.editor.commands.redo()}}});var ure=Lt.create({name:"starterKit",addExtensions(){var t,e,n,o;let r=[];return this.options.bold!==!1&&r.push(ooe.configure(this.options.bold)),this.options.blockquote!==!1&&r.push(noe.configure(this.options.blockquote)),this.options.bulletList!==!1&&r.push(E4.configure(this.options.bulletList)),this.options.code!==!1&&r.push(vk.configure(this.options.code)),this.options.codeBlock!==!1&&r.push(roe.configure(this.options.codeBlock)),this.options.document!==!1&&r.push(ioe.configure(this.options.document)),this.options.dropcursor!==!1&&r.push(tre.configure(this.options.dropcursor)),this.options.gapcursor!==!1&&r.push(nre.configure(this.options.gapcursor)),this.options.hardBreak!==!1&&r.push(soe.configure(this.options.hardBreak)),this.options.heading!==!1&&r.push(aoe.configure(this.options.heading)),this.options.undoRedo!==!1&&r.push(cre.configure(this.options.undoRedo)),this.options.horizontalRule!==!1&&r.push(loe.configure(this.options.horizontalRule)),this.options.italic!==!1&&r.push(coe.configure(this.options.italic)),this.options.listItem!==!1&&r.push(M4.configure(this.options.listItem)),this.options.listKeymap!==!1&&r.push(k4.configure((t=this.options)==null?void 0:t.listKeymap)),this.options.link!==!1&&r.push(_oe.configure((e=this.options)==null?void 0:e.link)),this.options.orderedList!==!1&&r.push(R4.configure(this.options.orderedList)),this.options.paragraph!==!1&&r.push(Voe.configure(this.options.paragraph)),this.options.strike!==!1&&r.push(joe.configure(this.options.strike)),this.options.text!==!1&&r.push($oe.configure(this.options.text)),this.options.underline!==!1&&r.push(Koe.configure((n=this.options)==null?void 0:n.underline)),this.options.trailingNode!==!1&&r.push(lre.configure((o=this.options)==null?void 0:o.trailingNode)),r}});var ay={tldraw_draw:{normal:{normal:{family:"tldraw_draw",src:{url:"tldraw_draw",format:"woff2"},weight:"normal"},bold:{family:"tldraw_draw",src:{url:"tldraw_draw_bold",format:"woff2"},weight:"bold"}},italic:{normal:{family:"tldraw_draw",src:{url:"tldraw_draw_italic",format:"woff2"},weight:"normal",style:"italic"},bold:{family:"tldraw_draw",src:{url:"tldraw_draw_italic_bold",format:"woff2"},weight:"bold",style:"italic"}}},tldraw_sans:{normal:{normal:{family:"tldraw_sans",src:{url:"tldraw_sans",format:"woff2"},weight:"normal",style:"normal"},bold:{family:"tldraw_sans",src:{url:"tldraw_sans_bold",format:"woff2"},weight:"bold",style:"normal"}},italic:{normal:{family:"tldraw_sans",src:{url:"tldraw_sans_italic",format:"woff2"},weight:"normal",style:"italic"},bold:{family:"tldraw_sans",src:{url:"tldraw_sans_italic_bold",format:"woff2"},weight:"bold",style:"italic"}}},tldraw_serif:{normal:{normal:{family:"tldraw_serif",src:{url:"tldraw_serif",format:"woff2"},weight:"normal",style:"normal"},bold:{family:"tldraw_serif",src:{url:"tldraw_serif_bold",format:"woff2"},weight:"bold",style:"normal"}},italic:{normal:{family:"tldraw_serif",src:{url:"tldraw_serif_italic",format:"woff2"},weight:"normal",style:"italic"},bold:{family:"tldraw_serif",src:{url:"tldraw_serif_italic_bold",format:"woff2"},weight:"bold",style:"italic"}}},tldraw_mono:{normal:{normal:{family:"tldraw_mono",src:{url:"tldraw_mono",format:"woff2"},weight:"normal",style:"normal"},bold:{family:"tldraw_mono",src:{url:"tldraw_mono_bold",format:"woff2"},weight:"bold",style:"normal"}},italic:{normal:{family:"tldraw_mono",src:{url:"tldraw_mono_italic",format:"woff2"},weight:"normal",style:"italic"},bold:{family:"tldraw_mono",src:{url:"tldraw_mono_italic_bold",format:"woff2"},weight:"bold",style:"italic"}}}},V4=Vt(ay).flatMap(t=>Vt(t).flatMap(e=>Object.values(e)));function _h(t,e){return`tldraw_${e}`in ay?void 0:t.fonts[e]?.faces??pt}var dre=Lt.create({name:"keyboardShiftEnterHandler",addKeyboardShortcuts(){return{"Shift-Enter":({editor:t})=>t.commands.enter()}}});vk.config.excludes=void 0;J5.config.priority=1100;var Mh=[ure.configure({blockquote:!1,codeBlock:!1,horizontalRule:!1,link:{openOnClick:!1,autolink:!0},trailingNode:{notAfter:["paragraph","bulletList","orderedList","listItem"]}}),J5,dre,U5.TextDirection.configure({direction:"auto"})],hRe=new Ot;function w1(t,e){return hRe.get(e,()=>{let n=t.getTextOptions().tipTapConfig?.extensions??Mh;return ine(e,n).replaceAll('<p dir="auto"></p>',"<p><br /></p>")??""})}function Xa(t,e){return`<div class="tl-rich-text">${w1(t,e)}</div>`}var mRe=new Ot;function pn(t){if(t.content.length===0)return!0;if(t.content.length===1){let e=t.content[0];if(!e.content||e.content.length===0)return!0}return!1}function dR(t){let e=t.getRichTextEditor();return!!(e?.isActive("bulletList")||e?.isActive("orderedList"))}function Za(t,e){return pn(e)?"":mRe.get(e,()=>{let n=t.getTextOptions().tipTapConfig?.extensions??Mh;return cne(e,n,{blockSeparator:`
+`})})}function j4(t,e){let n=t.getTextOptions().tipTapConfig?.extensions??Mh;return sne(e,n)}function x1(t,e,n){for(let s of t.marks)s.type.name==="bold"&&e.weight!=="bold"&&(e={...e,weight:"bold"}),s.type.name==="italic"&&e.style!=="italic"&&(e={...e,style:"italic"}),s.type.name==="code"&&e.family!=="tldraw_mono"&&(e={...e,family:"tldraw_mono"});let o=qt(ay,e.family);if(!o)return e;let r=qt(o,e.style);if(!r)return e;let i=qt(r,e.weight);return i&&n(i),e}var kv=class t{static fixNewLines=/\r?\n|\r/g;static normalizeText(e){return e.replace(t.fixNewLines,`
+`)}static normalizeTextForDom(e){return e.replace(t.fixNewLines,`
+`).split(`
+`).map(n=>n||" ").join(`
+`)}};var yRe=/[\u0590-\u05FF\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF\uFB50-\uFDFF\uFE70-\uFEFF]/;function pR(t){return yRe.test(t)}function SRe(t){return t.replace(/\t/g,"  ")}function bRe(t){let e=t.split(`
+`);for(;e[0]&&e[0].trim().length===0;)e.shift();let n=1/0;for(let o of e)if(o.trim().length>0){let r=o.length-o.trimStart().length;n=Math.min(n,r)}return e.map(o=>o.slice(n)).join(`
+`)}var pre={"&amp;":"&","&quot;":'"',"&apos;":"'","&#27;":"'","&#34;":'"',"&#38;":"&","&#39;":"'","&#8211;":"\u2013","&#8212;":"\u2014","&#8216;":"\u2018","&#8217;":"\u2019","&#8220;":"\u201C","&#8221;":"\u201D","&#8230;":"\u2026"},vRe=new RegExp(Object.keys(pre).join("|"),"g");function $4(t){return t.replace(vRe,e=>pre[e])}function wRe(t){return t.replace(/[ \t]+$/gm,"").replace(/\n+$/,"")}function fre(t){return wRe(bRe(SRe(t)))}var W4=5e3,wre=10*1024*1024;function Y4(t,e){t.registerExternalAssetHandler("file",async n=>xre(t,n,e)),t.registerExternalAssetHandler("url",async n=>Cre(t,n,e)),t.registerExternalContentHandler("svg-text",async n=>Pre(t,n)),t.registerExternalContentHandler("embed",n=>Ere(t,n)),t.registerExternalContentHandler("files",async n=>Ire(t,n,e)),t.registerExternalContentHandler("file-replace",async n=>Tre(t,n,e)),t.registerExternalContentHandler("text",async n=>Dv(t,n)),t.registerExternalContentHandler("url",async n=>_re(t,n,e)),t.registerExternalContentHandler("tldraw",async n=>Mre(t,n)),t.registerExternalContentHandler("excalidraw",async n=>Are(t,n))}async function xre(t,{file:e,assetId:n},o){yR(t,e,o)||ne(!1,"File checks failed");let i=await X4(e);i||ne(!1,"SVG file contained no safe content");let s=await SR(t,i,n);s||ne(!1,`No asset util found for MIME type "${e.type}"`);let a=await t.uploadAsset(s,i);return s.props.src=a.src,a.meta&&(s.meta={...s.meta,...a.meta}),za.create(s)}async function Tre(t,{file:e,shapeId:n},o){yR(t,e,o)||ne(!1,"File checks failed");let i=await X4(e);if(!i)return;let s=t.getShape(n);s||ne(!1,"Shape not found");let a=J_(await i.arrayBuffer()),l=za.createId(a);t.createTemporaryAssetPreview(l,i);let c=await SR(t,i,l);if(!c)return;if(t.createAssets([c]),s.type==="image"){let u=s,p=u.props.crop,f=c.props.w,h=c.props.h,g=u.x,y=u.y,m=p;if(p){let S=Xne(u,c.props.w,c.props.h);m=S.crop,f=S.w,h=S.h,g=S.x,y=S.y}t.updateShapes([{id:u.id,type:u.type,props:{assetId:l,crop:m,w:f,h},x:g,y}])}else s.type==="video"&&t.updateShapes([{id:s.id,type:s.type,props:{assetId:l,w:c.props.w,h:c.props.h}}]);let d=await t.getAssetForExternalContent({type:"file",file:i,assetId:l});return t.updateAssets([{...d,id:l}]),d}async function Cre(t,{url:e},{toasts:n,msg:o}){let r;try{let s=await(await tr(e,{method:"GET",mode:"no-cors"})).text(),a=new DOMParser().parseFromString(s,"text/html");r={image:a.head.querySelector('meta[property="og:image"]')?.getAttribute("content")??"",favicon:a.head.querySelector('link[rel="apple-touch-icon"]')?.getAttribute("href")??a.head.querySelector('link[rel="icon"]')?.getAttribute("href")??"",title:a.head.querySelector('meta[property="og:title"]')?.getAttribute("content")??e,description:a.head.querySelector('meta[property="og:description"]')?.getAttribute("content")??""},r.image.startsWith("http")||(r.image=new URL(r.image,e).href),r.favicon.startsWith("http")||(r.favicon=new URL(r.favicon,e).href)}catch(i){console.error(i),n.addToast({title:o("assets.url.failed"),severity:"error"}),r={image:"",favicon:"",title:"",description:""}}return{id:za.createId(Xm(e)),typeName:"asset",type:"bookmark",props:{src:e,description:r.description,image:r.image,favicon:r.favicon,title:r.title},meta:{}}}async function Pre(t,{point:e,text:n}){let{sanitizeSvg:o}=await Promise.resolve().then(()=>(gR(),G4));if(n=o(n),!n)return;let r=e??(t.inputs.getShiftKey()?t.inputs.getCurrentPagePoint():t.getViewportPageBounds().center),i=new DOMParser().parseFromString(n,"image/svg+xml").querySelector("svg");if(!i)throw new Error("No <svg/> element present");let s=parseFloat(i.getAttribute("width")||"0"),a=parseFloat(i.getAttribute("height")||"0");if(!(s&&a)){let c=t.getContainerDocument();c.body.appendChild(i);let d=i.getBoundingClientRect();c.body.removeChild(i),s=d.width,a=d.height}let l=await t.getAssetForExternalContent({type:"file",file:new File([n],"asset.svg",{type:"image/svg+xml"})});if(!l)throw Error("Could not create an asset");q4(t,[l],r)}function Ere(t,{point:e,url:n,embed:o}){let r=e??(t.inputs.getShiftKey()?t.inputs.getCurrentPagePoint():t.getViewportPageBounds().center),{width:i,height:s}=o,a=Ke(),l=Wo(new T(r.x-(i||450)/2,r.y-(s||450)/2),t),c={id:a,type:"embed",x:l.x,y:l.y,props:{w:i,h:s,url:n}};t.canCreateShape(c)&&t.createShape(c).select(a)}async function Ire(t,{point:e,files:n},o){let{toasts:r,msg:i}=o;if(n.length>t.options.maxFilesAtOnce){r.addToast({title:i("assets.files.amount-too-many"),severity:"error"});return}let s=e??(t.inputs.getShiftKey()?t.inputs.getCurrentPagePoint():t.getViewportPageBounds().center),a=new T(s.x,s.y),l=[],c=[];for(let d of n){if(!yR(t,d,o))continue;let p=await X4(d);if(!p){r.addToast({title:i("assets.files.upload-failed"),severity:"error"});continue}let f=await SR(t,p);f&&(f.type==="image"&&t.createTemporaryAssetPreview(f.id,p),l.push(f),c.push({asset:f,file:p}))}Promise.allSettled(c.map(async d=>{try{let u=await t.getAssetForExternalContent({type:"file",file:d.file});if(!u)throw Error("Could not create an asset");t.updateAssets([{...u,id:d.asset.id}])}catch(u){r.addToast({title:i("assets.files.upload-failed"),severity:"error"}),console.error(u),t.deleteAssets([d.asset.id]);return}})),q4(t,l,a)}async function Dv(t,{point:e,text:n,html:o}){let r=e??(t.inputs.getShiftKey()?t.inputs.getCurrentPagePoint():t.getViewportPageBounds().center),i=t.getShapeUtil("text").getDefaultProps(),s=fre(n),a=o?j4(t,o):jt(s),l,c,d,u="middle",p=Xa(t,a),f=a.content.length>1,h=pR(s);f&&(u=f?h?"end":"start":"middle");let g=t.getCurrentTheme(),y=t.textMeasure.measureHtml(p,{...Lr,lineHeight:g.lineHeight,fontFamily:qa(g,i.font),fontSize:g.fontSize*ny[i.size],maxWidth:null}),m=Math.min(f?t.getViewportPageBounds().width*.9:920,Math.max(200,t.getViewportPageBounds().width*.9));if(y.w>m){let v=t.textMeasure.measureHtml(p,{...Lr,lineHeight:g.lineHeight,fontFamily:qa(g,i.font),fontSize:g.fontSize*ny[i.size],maxWidth:m});l=v.w,c=v.h,d=!1,u=h?"end":"start"}else l=Math.max(y.w,10),c=Math.max(y.h,10),d=!0;r.y-c/2<t.getViewportPageBounds().minY+40&&(r.y=t.getViewportPageBounds().minY+40+c/2);let S=Wo(new T(r.x-l/2,r.y-c/2),t),b=Ke();t.createShapes([{id:b,type:"text",x:S.x,y:S.y,props:{richText:a,textAlign:u,autoSize:d,w:l}}])}async function _re(t,{point:e,url:n},{toasts:o,msg:r}){let s=t.getShapeUtil("embed")?.getEmbedDefinition(n);if(s&&s.definition.embedOnPaste!==!1)return t.putExternalContent({type:"embed",url:s.url,point:e,embed:s.definition});let a=e??(t.inputs.getShiftKey()?t.inputs.getCurrentPagePoint():t.getViewportPageBounds().center);if(!(await r1(t,{url:n,center:a})).ok){o.addToast({title:r("assets.url.failed"),severity:"error"});return}}async function Mre(t,{point:e,content:n}){t.run(()=>{let o=t.getSelectionPageBounds();t.markHistoryStoppingPoint("paste");for(let s of n.shapes)n.rootShapeIds.includes(s.id)&&(s.isLocked=!1);let r=t.isInAny("select.dragging_handle","select.translating","select.resizing","select.rotating");t.putContentOntoCurrentPage(n,{point:e,select:!r});let i=t.getSelectionPageBounds();!r&&o&&i&&o?.collides(i)&&(t.updateInstanceState({isChangingStyle:!0}),t.timers.setTimeout(()=>{t.updateInstanceState({isChangingStyle:!1})},150))})}async function Are(t,{point:e,content:n}){t.run(()=>{Z5(t,n,e)})}async function q4(t,e,n){if(!e.length)return[];let o=T.From(n),r=[];for(let i=0;i<e.length;i++){let s=e[i],l=t.getShapeUtilForAssetType(s.type)?.createShapeForAsset?.(s,o)??null;l&&(r.push(l),"w"in s.props&&typeof s.props.w=="number"&&(o.x+=s.props.w))}return t.run(()=>{let i=e.filter(s=>!t.getAsset(s.id));t.store.atomic(()=>{t.canCreateShapes(r)&&(i.length&&t.createAssets(i),t.createShapes(r).select(...r.map(s=>s.id)),kre(t,n))})}),r.map(i=>i.id)}function kre(t,e){let n=t.getViewportPageBounds(),o=t.getSelectionPageBounds();if(o){let r=o.center.sub(e);t.updateShapes(t.getSelectedShapes().map(i=>{let s=t.getShapeParentTransform(i).decompose().rotation,a=T.Rot(r,-s);return{id:i.id,type:i.type,x:i.x-a.x,y:i.y-a.y}}))}if(o=t.getSelectionPageBounds(),o&&t.getInstanceState().isGridMode){let r=t.getDocumentSettings().gridSize,i=new T(o.minX,o.minY),s=i.clone().snapToGrid(r),a=T.Sub(i,s);t.updateShapes(t.getSelectedShapes().map(l=>{let c={x:l.x-a.x,y:l.y-a.y};return{id:l.id,type:l.type,x:c.x,y:c.y}}))}o=t.getSelectionPageBounds(),o&&!n.contains(o)&&t.zoomToSelection({animation:{duration:t.options.animationMediumMs}})}async function X4(t){if(t.type!=="image/svg+xml")return t;try{let e=await t.text(),{sanitizeSvg:n}=await Promise.resolve().then(()=>(gR(),G4)),o=n(e);return o?new File([o],t.name,{type:t.type,lastModified:t.lastModified}):null}catch{return null}}function yR(t,e,n){let{maxAssetSize:o=wre,acceptedImageMimeTypes:r,acceptedVideoMimeTypes:i,toasts:s,msg:a}=n;if(!(!!t.getAssetUtilForMimeType(e.type)||(r?.includes(e.type)??!1)||(i?.includes(e.type)??!1)))return s.addToast({title:a("assets.files.type-not-allowed"),severity:"error"}),!1;if(e.size>o){let c=d=>{if(d===0)return"0 bytes";let u=["bytes","KB","MB","GB","TB","PB"],p=1024,f=Math.floor(Math.log(d)/Math.log(p)),h=d/Math.pow(p,f);return`${h%1===0?h.toString():h.toFixed(1)} ${u[f]}`};return s.addToast({title:a("assets.files.size-too-big"),description:a("assets.files.maximum-size").replace("{size}",c(o)),severity:"error"}),!1}return e.type?!0:(s.addToast({title:a("assets.files.upload-failed"),severity:"error"}),console.error("No mime type"),!1)}async function SR(t,e,n){if(!n){let r=J_(await e.arrayBuffer());n=za.createId(r)}let o=t.getAssetUtilForMimeType(e.type);return o?await o.getAssetFromFile(e,n):null}async function Z4(t,e,n){let o=n.name;if(!o&&(o=`shapes at ${Rre()}`,e.length===1)){let s=t.getShape(e[0]);t.isShapeOfType(s,"frame")?o=s.props.name||"frame":o=`${Bb(s.id)} at ${Rre()}`}o+=`.${n.format}`;let{blob:r}=await t.toImage(e,n),i=new File([r],o,{type:r.type});bR(i,t.getContainerDocument())}function Rre(){let t=new Date,e=String(t.getFullYear()).slice(2),n=String(t.getMonth()+1).padStart(2,"0"),o=String(t.getDate()).padStart(2,"0"),r=String(t.getHours()).padStart(2,"0"),i=String(t.getMinutes()).padStart(2,"0"),s=String(t.getSeconds()).padStart(2,"0");return`${e}-${n}-${o} ${r}.${i}.${s}`}function bR(t,e){let n=(e??Ln()).createElement("a"),o=URL.createObjectURL(t);n.href=o,n.download=t.name,n.click(),URL.revokeObjectURL(o)}function vR(t,e){let n=we(e.map(r=>t.getShape(r)).filter(r=>r&&t.isShapeFrameLike(r)));if(!n.length)return;let o=[];t.run(()=>{n.map(r=>{let i=t.getSortedChildIdsForParent(r.id);i.length&&(ht(t,i,{filter:s=>!n.find(a=>a.id===s.id)}),o.push(...i))}),t.setSelectedShapes(o),t.deleteShapes(e)})}var Dre=50;function J4(t,e,n={padding:Dre}){let o=q.FromPoints(t.flatMap(c=>{if(!c)return[];let d=e.getShapeGeometry(c.id);return e.getShapeLocalTransform(c)?.applyToPoints(d.vertices)??[]})),r=n.padding??Dre,i=o.w+2*r,s=o.h+2*r,a=r-o.minX,l=r-o.minY;return{w:i,h:s,dx:a,dy:l}}function Ov(t,e,n={}){let o=t.getShape(e);if(!o||!t.isShapeFrameLike(o))return;let r=t.getSortedChildIdsForParent(o.id),i=we(r.map(u=>t.getShape(u)));if(!i.length)return;let{w:s,h:a,dx:l,dy:c}=J4(i,t,n);if(l===0&&c===0&&o.props.w===s&&o.props.h===a)return;let d=new T(l,c).rot(o.rotation);t.run(()=>{let u=r.map(p=>{let f=t.getShape(p);return{id:f.id,type:f.type,x:f.x+l,y:f.y+c}});u.push({id:o.id,type:o.type,x:o.x-d.x,y:o.y-d.y,props:{w:s,h:a}}),t.updateShapes(u)})}var _r=_(j(),1);var Vl=_(H(),1);var z6=_(j(),1),eue=_(Jt(),1),tue=_(H(),1);var Fi=_(j(),1);var $re=_(H(),1);var Hre=_(H(),1),Vre=_(Jl(),1);var Lv={};il(Lv,{Root:()=>$Re,Slot:()=>$Re,Slottable:()=>KRe,createSlot:()=>Nr,createSlottable:()=>T1});var Di=_(H(),1);var Ore=_(H(),1),VRe=Object.defineProperty,eH=(t,e)=>VRe(t,"name",{value:e,configurable:!0});function Q4(t,e){if(typeof t=="function")return t(e);t!=null&&(t.current=e)}eH(Q4,"setRef");function Lre(...t){return e=>{let n=!1,o=t.map(r=>{let i=Q4(r,e);return!n&&typeof i=="function"&&(n=!0),i});if(n)return()=>{for(let r=0;r<o.length;r++){let i=o[r];typeof i=="function"?i():Q4(t[r],null)}}}}eH(Lre,"composeRefs");function De(...t){return Ore.useCallback(Lre(...t),t)}eH(De,"useComposedRefs");var jRe=Object.defineProperty,vc=(t,e)=>jRe(t,"name",{value:e,configurable:!0});function Nr(t){let e=Di.forwardRef((n,o)=>{let{children:r,...i}=n,s=null,a=!1,l=[];tH(r)&&typeof wR=="function"&&(r=wR(r._payload)),Di.Children.forEach(r,p=>{if(zre(p)){a=!0;let f=p,h="child"in f.props?f.props.child:f.props.children;tH(h)&&typeof wR=="function"&&(h=wR(h._payload)),s=GRe(f,h),l.push(s?.props?.children)}else l.push(p)}),s?s=Di.cloneElement(s,void 0,l):!a&&Di.Children.count(r)===1&&Di.isValidElement(r)&&(s=r);let c=s?Bre(s):void 0,d=De(o,c);if(!s){if(r||r===0)throw new Error(a?qRe(t):YRe(t));return r}let u=Fre(i,s.props??{});return s.type!==Di.Fragment&&(u.ref=o?d:c),Di.cloneElement(s,u)});return e.displayName=`${t}.Slot`,e}vc(Nr,"createSlot");var $Re=Nr("Slot"),Nre=Symbol.for("radix.slottable");function T1(t){let e=vc(n=>"child"in n?n.children(n.child):n.children,"Slottable");return e.displayName=`${t}.Slottable`,e.__radixId=Nre,e}vc(T1,"createSlottable");var KRe=T1("Slottable"),GRe=vc((t,e)=>{if("child"in t.props){let n=t.props.child;return Di.isValidElement(n)?Di.cloneElement(n,void 0,t.props.children(n.props.children)):null}return Di.isValidElement(e)?e:null},"getSlottableElementFromSlottable");function Fre(t,e){let n={...e};for(let o in e){let r=t[o],i=e[o];/^on[A-Z]/.test(o)?r&&i?n[o]=(...a)=>{let l=i(...a);return r(...a),l}:r&&(n[o]=r):o==="style"?n[o]={...r,...i}:o==="className"&&(n[o]=[r,i].filter(Boolean).join(" "))}return{...t,...n}}vc(Fre,"mergeProps");function Bre(t){let e=Object.getOwnPropertyDescriptor(t.props,"ref")?.get,n=e&&"isReactWarning"in e&&e.isReactWarning;return n?t.ref:(e=Object.getOwnPropertyDescriptor(t,"ref")?.get,n=e&&"isReactWarning"in e&&e.isReactWarning,n?t.props.ref:t.props.ref||t.ref)}vc(Bre,"getElementRef");function zre(t){return Di.isValidElement(t)&&typeof t.type=="function"&&"__radixId"in t.type&&t.type.__radixId===Nre}vc(zre,"isSlottable");var WRe=Symbol.for("react.lazy");function tH(t){return t!=null&&typeof t=="object"&&"$$typeof"in t&&t.$$typeof===WRe&&"_payload"in t&&Ure(t._payload)}vc(tH,"isLazyComponent");function Ure(t){return typeof t=="object"&&t!==null&&"then"in t}vc(Ure,"isPromiseLike");var YRe=vc(t=>`${t} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`,"createSlotError"),qRe=vc(t=>`${t} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`,"createSlottableError"),wR=Di[" use ".trim().toString()];var jre=_(j(),1),XRe=Object.defineProperty,ZRe=(t,e)=>XRe(t,"name",{value:e,configurable:!0}),JRe=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],me=JRe.reduce((t,e)=>{let n=Nr(`Primitive.${e}`),o=Hre.forwardRef((r,i)=>{let{asChild:s,...a}=r,l=s?n:e;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),(0,jre.jsx)(l,{...a,ref:i})});return o.displayName=`Primitive.${e}`,{...t,[e]:o}},{});function ly(t,e){t&&Vre.flushSync(()=>t.dispatchEvent(e))}ZRe(ly,"dispatchDiscreteCustomEvent");var Kre=_(j(),1),QRe=Object.defineProperty,e2e=(t,e)=>QRe(t,"name",{value:e,configurable:!0}),nH=Object.freeze({position:"absolute",border:0,width:1,height:1,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",wordWrap:"normal"}),xR=$re.forwardRef(e2e(function(e,n){return(0,Kre.jsx)(me.span,{...e,ref:n,style:{...nH,...e.style}})},"VisuallyHidden")),Gre=xR;var Ol=_(H(),1),oH=_(j(),1),n2e=Object.defineProperty,Dl=(t,e)=>n2e(t,"name",{value:e,configurable:!0});function o2e(t,e){let n=Ol.createContext(e);n.displayName=t+"Context";let o=Dl(i=>{let{children:s,...a}=i,l=Ol.useMemo(()=>a,Object.values(a));return(0,oH.jsx)(n.Provider,{value:l,children:s})},"Provider");o.displayName=t+"Provider";function r(i,s={}){let{optional:a=!1}=s,l=Ol.useContext(n);if(l)return l;if(e!==void 0)return e;if(!a)throw new Error(`\`${i}\` must be used within \`${t}\``)}return Dl(r,"useContext"),[o,r]}Dl(o2e,"createContext");function fn(t,e=[]){let n=[];function o(i,s){let a=Ol.createContext(s);a.displayName=i+"Context";let l=n.length;n=[...n,s];let c=Dl(u=>{let{scope:p,children:f,...h}=u,g=p?.[t]?.[l]||a,y=Ol.useMemo(()=>h,Object.values(h));return(0,oH.jsx)(g.Provider,{value:y,children:f})},"Provider");c.displayName=i+"Provider";function d(u,p,f={}){let{optional:h=!1}=f,g=p?.[t]?.[l]||a,y=Ol.useContext(g);if(y)return y;if(s!==void 0)return s;if(!h)throw new Error(`\`${u}\` must be used within \`${i}\``)}return Dl(d,"useContext"),[c,d]}Dl(o,"createContext");let r=Dl(()=>{let i=n.map(s=>Ol.createContext(s));return Dl(function(a){let l=a?.[t]||i;return Ol.useMemo(()=>({[`__scope${t}`]:{...a,[t]:l}}),[a,l])},"useScope")},"createScope");return r.scopeName=t,[o,Wre(r,...e)]}Dl(fn,"createContextScope");function Wre(...t){let e=t[0];if(t.length===1)return e;let n=Dl(()=>{let o=t.map(r=>({useScope:r(),scopeName:r.scopeName}));return Dl(function(i){let s=o.reduce((a,{useScope:l,scopeName:c})=>{let u=l(i)[`__scope${c}`];return{...a,...u}},{});return Ol.useMemo(()=>({[`__scope${e.scopeName}`]:s}),[s])},"useComposedScopes")},"createScope");return n.scopeName=e.scopeName,n}Dl(Wre,"composeContextScopes");var wc=_(H(),1);var TR=_(j(),1),ra=_(H(),1);var cy=_(j(),1),r2e=Object.defineProperty,li=(t,e)=>r2e(t,"name",{value:e,configurable:!0});function xc(t){let e=t+"CollectionProvider",[n,o]=fn(e),[r,i]=n(e,{collectionRef:{current:null},itemMap:new Map}),s=li(g=>{let{scope:y,children:m}=g,S=wc.useRef(null),b=wc.useRef(new Map).current;return(0,TR.jsx)(r,{scope:y,itemMap:b,collectionRef:S,children:m})},"CollectionProvider");s.displayName=e;let a=t+"CollectionSlot",l=Nr(a),c=wc.forwardRef((g,y)=>{let{scope:m,children:S}=g,b=i(a,m),v=De(y,b.collectionRef);return(0,TR.jsx)(l,{ref:v,children:S})});c.displayName=a;let d=t+"CollectionItemSlot",u="data-radix-collection-item",p=Nr(d),f=wc.forwardRef((g,y)=>{let{scope:m,children:S,...b}=g,v=wc.useRef(null),w=De(y,v),x=i(d,m);return wc.useEffect(()=>(x.itemMap.set(v,{ref:v,...b}),()=>{x.itemMap.delete(v)})),(0,TR.jsx)(p,{[u]:"",ref:w,children:S})});f.displayName=d;function h(g){let y=i(t+"CollectionConsumer",g);return wc.useCallback(()=>{let S=y.collectionRef.current;if(!S)return[];let b=Array.from(S.querySelectorAll(`[${u}]`));return Array.from(y.itemMap.values()).sort((x,C)=>b.indexOf(x.ref.current)-b.indexOf(C.ref.current))},[y.collectionRef,y.itemMap])}return li(h,"useCollection"),[{Provider:s,Slot:c,ItemSlot:f},h,o]}li(xc,"createCollection");var Yre=new WeakMap,rH=class Ah extends Map{static{li(this,"OrderedDict")}#e;constructor(e){super(e),this.#e=[...super.keys()],Yre.set(this,!0)}set(e,n){return Yre.get(this)&&(this.has(e)?this.#e[this.#e.indexOf(e)]=e:this.#e.push(e)),super.set(e,n),this}insert(e,n,o){let r=this.has(n),i=this.#e.length,s=sH(e),a=s>=0?s:i+s,l=a<0||a>=i?-1:a;if(l===this.size||r&&l===this.size-1||l===-1)return this.set(n,o),this;let c=this.size+(r?0:1);s<0&&a++;let d=[...this.#e],u,p=!1;for(let f=a;f<c;f++)if(a===f){let h=d[f];d[f]===n&&(h=d[f+1]),r&&this.delete(n),u=this.get(h),this.set(n,o)}else{!p&&d[f-1]===n&&(p=!0);let h=d[p?f:f-1],g=u;u=this.get(h),this.delete(h),this.set(h,g)}return this}with(e,n,o){let r=new Ah(this);return r.insert(e,n,o),r}before(e){let n=this.#e.indexOf(e)-1;if(!(n<0))return this.entryAt(n)}setBefore(e,n,o){let r=this.#e.indexOf(e);return r===-1?this:this.insert(r,n,o)}after(e){let n=this.#e.indexOf(e);if(n=n===-1||n===this.size-1?-1:n+1,n!==-1)return this.entryAt(n)}setAfter(e,n,o){let r=this.#e.indexOf(e);return r===-1?this:this.insert(r+1,n,o)}first(){return this.entryAt(0)}last(){return this.entryAt(-1)}clear(){return this.#e=[],super.clear()}delete(e){let n=super.delete(e);return n&&this.#e.splice(this.#e.indexOf(e),1),n}deleteAt(e){let n=this.keyAt(e);return n!==void 0?this.delete(n):!1}at(e){let n=CR(this.#e,e);if(n!==void 0)return this.get(n)}entryAt(e){let n=CR(this.#e,e);if(n!==void 0)return[n,this.get(n)]}indexOf(e){return this.#e.indexOf(e)}keyAt(e){return CR(this.#e,e)}from(e,n){let o=this.indexOf(e);if(o===-1)return;let r=o+n;return r<0&&(r=0),r>=this.size&&(r=this.size-1),this.at(r)}keyFrom(e,n){let o=this.indexOf(e);if(o===-1)return;let r=o+n;return r<0&&(r=0),r>=this.size&&(r=this.size-1),this.keyAt(r)}find(e,n){let o=0;for(let r of this){if(Reflect.apply(e,n,[r,o,this]))return r;o++}}findIndex(e,n){let o=0;for(let r of this){if(Reflect.apply(e,n,[r,o,this]))return o;o++}return-1}filter(e,n){let o=[],r=0;for(let i of this)Reflect.apply(e,n,[i,r,this])&&o.push(i),r++;return new Ah(o)}map(e,n){let o=[],r=0;for(let i of this)o.push([i[0],Reflect.apply(e,n,[i,r,this])]),r++;return new Ah(o)}reduce(...e){let[n,o]=e,r=0,i=o??this.at(0);for(let s of this)r===0&&e.length===1?i=s:i=Reflect.apply(n,this,[i,s,r,this]),r++;return i}reduceRight(...e){let[n,o]=e,r=o??this.at(-1);for(let i=this.size-1;i>=0;i--){let s=this.at(i);i===this.size-1&&e.length===1?r=s:r=Reflect.apply(n,this,[r,s,i,this])}return r}toSorted(e){let n=[...this.entries()].sort(e);return new Ah(n)}toReversed(){let e=new Ah;for(let n=this.size-1;n>=0;n--){let o=this.keyAt(n),r=this.get(o);e.set(o,r)}return e}toSpliced(...e){let n=[...this.entries()];return n.splice(...e),new Ah(n)}slice(e,n){let o=new Ah,r=this.size-1;if(e===void 0)return o;e<0&&(e=e+this.size),n!==void 0&&n>0&&(r=n-1);for(let i=e;i<=r;i++){let s=this.keyAt(i),a=this.get(s);o.set(s,a)}return o}every(e,n){let o=0;for(let r of this){if(!Reflect.apply(e,n,[r,o,this]))return!1;o++}return!0}some(e,n){let o=0;for(let r of this){if(Reflect.apply(e,n,[r,o,this]))return!0;o++}return!1}};function CR(t,e){if("at"in Array.prototype)return Array.prototype.at.call(t,e);let n=qre(t,e);return n===-1?void 0:t[n]}li(CR,"at");function qre(t,e){let n=t.length,o=sH(e),r=o>=0?o:n+o;return r<0||r>=n?-1:r}li(qre,"toSafeIndex");function sH(t){return t!==t||t===0?0:Math.trunc(t)}li(sH,"toSafeInteger");function i2e(t){let e=t+"CollectionProvider",[n,o]=fn(e),[r,i]=n(e,{collectionElement:null,collectionRef:{current:null},collectionRefObject:{current:null},itemMap:new rH,setItemMap:li(()=>{},"setItemMap")}),s=li(({state:b,...v})=>b?(0,cy.jsx)(l,{...v,state:b}):(0,cy.jsx)(a,{...v}),"CollectionProvider");s.displayName=e;let a=li(b=>{let v=y();return(0,cy.jsx)(l,{...b,state:v})},"CollectionInit");a.displayName=e+"Init";let l=li(b=>{let{scope:v,children:w,state:x}=b,C=ra.useRef(null),[P,M]=ra.useState(null),E=De(C,M),[I,R]=x;return ra.useEffect(()=>{if(!P)return;let D=Jre(()=>{});return D.observe(P,{childList:!0,subtree:!0}),()=>{D.disconnect()}},[P]),(0,cy.jsx)(r,{scope:v,itemMap:I,setItemMap:R,collectionRef:E,collectionRefObject:C,collectionElement:P,children:w})},"CollectionProviderImpl");l.displayName=e+"Impl";let c=t+"CollectionSlot",d=Nr(c),u=ra.forwardRef((b,v)=>{let{scope:w,children:x}=b,C=i(c,w),P=De(v,C.collectionRef);return(0,cy.jsx)(d,{ref:P,children:x})});u.displayName=c;let p=t+"CollectionItemSlot",f="data-radix-collection-item",h=Nr(p),g=ra.forwardRef((b,v)=>{let{scope:w,children:x,...C}=b,P=ra.useRef(null),[M,E]=ra.useState(null),I=De(v,P,E),R=i(p,w),{setItemMap:D}=R,N=ra.useRef(C);Xre(N.current,C)||(N.current=C);let B=N.current;return ra.useEffect(()=>{let F=B;return D(k=>M?k.has(M)?k.set(M,{...F,element:M}).toSorted(iH):(k.set(M,{...F,element:M}),k.toSorted(iH)):k),()=>{D(k=>!M||!k.has(M)?k:(k.delete(M),new rH(k)))}},[M,B,D]),(0,cy.jsx)(h,{[f]:"",ref:I,children:x})});g.displayName=p;function y(){return ra.useState(new rH)}li(y,"useInitCollection");function m(b){let{itemMap:v}=i(t+"CollectionConsumer",b);return v}return li(m,"useCollection"),[{Provider:s,Slot:u,ItemSlot:g},{createCollectionScope:o,useCollection:m,useInitCollection:y}]}li(i2e,"createCollection");function Xre(t,e){if(t===e)return!0;if(typeof t!="object"||typeof e!="object"||t==null||e==null)return!1;let n=Object.keys(t),o=Object.keys(e);if(n.length!==o.length)return!1;for(let r of n)if(!Object.prototype.hasOwnProperty.call(e,r)||t[r]!==e[r])return!1;return!0}li(Xre,"shallowEqual");function Zre(t,e){return!!(e.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_PRECEDING)}li(Zre,"isElementPreceding");function iH(t,e){return!t[1].element||!e[1].element?0:Zre(t[1].element,e[1].element)?-1:1}li(iH,"sortByDocumentPosition");function Jre(t){return new MutationObserver(n=>{for(let o of n)if(o.type==="childList"){t();return}})}li(Jre,"getChildListObserver");var s2e=Object.defineProperty,Nv=(t,e)=>s2e(t,"name",{value:e,configurable:!0}),Qre=!!(typeof window<"u"&&window.document&&window.document.createElement);function oe(t,e,{checkForDefaultPrevented:n=!0}={}){return Nv(function(r){if(t?.(r),n===!1||!r||!r.defaultPrevented)return e?.(r)},"handleEvent")}Nv(oe,"composeEventHandlers");function a2e(t){if(!Qre)throw new Error("Cannot access window outside of the DOM");return t?.ownerDocument?.defaultView??window}Nv(a2e,"getOwnerWindow");function aH(t){if(!Qre)throw new Error("Cannot access document outside of the DOM");return t?.ownerDocument??document}Nv(aH,"getOwnerDocument");function eie(t,e=!1){let{activeElement:n}=aH(t);if(!n?.nodeName)return null;if(tie(n)&&n.contentDocument)return eie(n.contentDocument.body,e);if(e){let o=n.getAttribute("aria-activedescendant");if(o){let r=aH(n).getElementById(o);if(r)return r}}return n}Nv(eie,"getActiveElement");function tie(t){return t.tagName==="IFRAME"}Nv(tie,"isFrame");var Ll=_(H(),1);var Fv=!1;var nie=_(H(),1),Ut=globalThis?.document?nie.useLayoutEffect:()=>{};var Tc=_(H(),1);var Bv=_(H(),1),l2e=Object.defineProperty,c2e=(t,e)=>l2e(t,"name",{value:e,configurable:!0}),oie=Bv[" useEffectEvent ".trim().toString()],rie=Bv[" useInsertionEffect ".trim().toString()];function lH(t){if(typeof oie=="function")return oie(t);let e=Bv.useRef(()=>{throw new Error("Cannot call an event handler while rendering.")});return typeof rie=="function"?rie(()=>{e.current=t}):Ut(()=>{e.current=t}),Bv.useMemo(()=>((...n)=>e.current?.(...n)),[])}c2e(lH,"useEffectEvent");var u2e=Object.defineProperty,C1=(t,e)=>u2e(t,"name",{value:e,configurable:!0}),d2e=Ll[" useInsertionEffect ".trim().toString()]||Ut;function Vn({prop:t,defaultProp:e,onChange:n=C1(()=>{},"onChange"),caller:o}){let[r,i,s]=sie({defaultProp:e,onChange:n}),a=t!==void 0,l=a?t:r;if(Fv){let d=Ll.useRef(t!==void 0);Ll.useEffect(()=>{let u=d.current;u!==a&&console.warn(`${o} is changing from ${u?"controlled":"uncontrolled"} to ${a?"controlled":"uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`),d.current=a},[a,o])}let c=Ll.useCallback(d=>{if(a){let u=aie(d)?d(t):d;u!==t&&s.current?.(u)}else i(d)},[a,t,i,s]);return[l,c]}C1(Vn,"useControllableState");function sie({defaultProp:t,onChange:e}){let[n,o]=Ll.useState(t),r=Ll.useRef(n),i=Ll.useRef(e);return d2e(()=>{i.current=e},[e]),Ll.useEffect(()=>{r.current!==n&&(i.current?.(n),r.current=n)},[n,r]),[n,o,i]}C1(sie,"useUncontrolledState");function aie(t){return typeof t=="function"}C1(aie,"isFunction");var iie=Symbol("RADIX:SYNC_STATE");function p2e(t,e,n,o){let{prop:r,defaultProp:i,onChange:s,caller:a}=e,l=r!==void 0,c=lH(s);if(Fv){let y=Tc.useRef(r!==void 0);Tc.useEffect(()=>{let m=y.current;m!==l&&console.warn(`${a} is changing from ${m?"controlled":"uncontrolled"} to ${l?"controlled":"uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`),y.current=l},[l,a])}let d=[{...n,state:i}];o&&d.push(o);let[u,p]=Tc.useReducer((y,m)=>{if(m.type===iie)return{...y,state:m.state};let S=t(y,m);return l&&!Object.is(S.state,y.state)&&c(S.state),S},...d),f=u.state,h=Tc.useRef(f);Tc.useEffect(()=>{h.current!==f&&(h.current=f,l||c(f))},[f,h,l]);let g=Tc.useMemo(()=>r!==void 0?{...u,state:r}:u,[u,r]);return Tc.useEffect(()=>{l&&!Object.is(r,u.state)&&p({type:iie,state:r})},[r,u.state,l]),[g,p]}C1(p2e,"useControllableStateReducer");var Oi=_(H(),1);var lie=_(H(),1),f2e=Object.defineProperty,gp=(t,e)=>f2e(t,"name",{value:e,configurable:!0});function cie(t,e){return lie.useReducer((n,o)=>e[n][o]??n,t)}gp(cie,"useStateMachine");var Fr=gp(t=>{let{present:e,children:n}=t,o=uie(e),r=typeof n=="function"?n({present:o.isPresent}):Oi.Children.only(n),i=die(o.ref,pie(r));return typeof n=="function"||o.isPresent?Oi.cloneElement(r,{ref:i}):null},"Presence");function uie(t){let[e,n]=Oi.useState(),o=Oi.useRef(null),r=Oi.useRef(t),i=Oi.useRef("none"),s=Oi.useRef(void 0),a=t?"mounted":"unmounted",[l,c]=cie(a,{mounted:{UNMOUNT:"unmounted",ANIMATION_OUT:"unmountSuspended"},unmountSuspended:{MOUNT:"mounted",ANIMATION_END:"unmounted"},unmounted:{MOUNT:"mounted"}});return Oi.useEffect(()=>{l==="mounted"?(i.current=s.current??zv(o.current),s.current=void 0):i.current="none"},[l]),Ut(()=>{let d=o.current,u=r.current;if(u!==t){let f=i.current,h=zv(d);t?(s.current=h,c("MOUNT")):h==="none"||d?.display==="none"?c("UNMOUNT"):c(u&&f!==h?"ANIMATION_OUT":"UNMOUNT"),r.current=t}},[t,c]),Ut(()=>{if(e){let d,u=e.ownerDocument.defaultView??window,p=gp(h=>{let y=zv(o.current).includes(CSS.escape(h.animationName));if(h.target===e&&y&&(c("ANIMATION_END"),!r.current)){let m=e.style.animationFillMode;e.style.animationFillMode="forwards",d=u.setTimeout(()=>{e.style.animationFillMode==="forwards"&&(e.style.animationFillMode=m)})}},"handleAnimationEnd"),f=gp(h=>{h.target===e&&(i.current=zv(o.current))},"handleAnimationStart");return e.addEventListener("animationstart",f),e.addEventListener("animationcancel",p),e.addEventListener("animationend",p),()=>{u.clearTimeout(d),e.removeEventListener("animationstart",f),e.removeEventListener("animationcancel",p),e.removeEventListener("animationend",p)}}else c("ANIMATION_END")},[e,c]),{isPresent:["mounted","unmountSuspended"].includes(l),ref:Oi.useCallback(d=>{if(d){let u=getComputedStyle(d);o.current=u,s.current=zv(u)}else o.current=null;n(d)},[])}}gp(uie,"usePresence");function cH(t,e){if(typeof t=="function")return t(e);t!=null&&(t.current=e)}gp(cH,"setRef");function die(...t){let e=Oi.useRef(t);return e.current=t,Oi.useCallback(n=>{let o=e.current,r=!1,i=o.map(s=>{let a=cH(s,n);return!r&&typeof a=="function"&&(r=!0),a});if(r)return()=>{for(let s=0;s<i.length;s++){let a=i[s];typeof a=="function"?a():cH(o[s],null)}}},[])}gp(die,"useStableComposedRefs");function zv(t){return t?.animationName||"none"}gp(zv,"getAnimationName");function pie(t){let e=Object.getOwnPropertyDescriptor(t.props,"ref")?.get,n=e&&"isReactWarning"in e&&e.isReactWarning;return n?t.ref:(e=Object.getOwnPropertyDescriptor(t,"ref")?.get,n=e&&"isReactWarning"in e&&e.isReactWarning,n?t.props.ref:t.props.ref||t.ref)}gp(pie,"getElementRef");var uH=_(H(),1);var h2e=Object.defineProperty,m2e=(t,e)=>h2e(t,"name",{value:e,configurable:!0}),g2e=uH[" useId ".trim().toString()]||(()=>{}),y2e=0;function sr(t){let[e,n]=uH.useState(g2e());return Ut(()=>{t||n(o=>o??String(y2e++))},[t]),t||(e?`radix-${e}`:"")}m2e(sr,"useId");var PR=_(H(),1),v2e=_(j(),1),S2e=Object.defineProperty,b2e=(t,e)=>S2e(t,"name",{value:e,configurable:!0}),w2e=PR.createContext(void 0);function Ja(t){let e=PR.useContext(w2e);return t||e||"ltr"}b2e(Ja,"useDirection");var Iu={};il(Iu,{Close:()=>CDe,Content:()=>gDe,Description:()=>xDe,Dialog:()=>lDe,DialogClose:()=>CDe,DialogContent:()=>gDe,DialogDescription:()=>xDe,DialogOverlay:()=>fDe,DialogPortal:()=>pDe,DialogTitle:()=>vDe,DialogTrigger:()=>uDe,Overlay:()=>fDe,Portal:()=>pDe,Root:()=>lDe,Title:()=>vDe,Trigger:()=>uDe,WarningProvider:()=>PDe,createDialogScope:()=>sDe});var ro=_(H(),1);var en=_(H(),1);var Uv=_(H(),1),x2e=Object.defineProperty,T2e=(t,e)=>x2e(t,"name",{value:e,configurable:!0});function bo(t){let e=Uv.useRef(t);return Uv.useEffect(()=>{e.current=t}),Uv.useMemo(()=>((...n)=>e.current?.(...n)),[])}T2e(bo,"useCallbackRef");var fH=_(j(),1),C2e=Object.defineProperty,Br=(t,e)=>C2e(t,"name",{value:e,configurable:!0}),dH="dismissableLayer.update",P2e="dismissableLayer.pointerDownOutside",E2e="dismissableLayer.focusOutside",fie,hH=en.createContext({layers:new Set,layersWithOutsidePointerEventsDisabled:new Set,branches:new Set,dismissableSurfaces:new Set}),Cc=en.forwardRef(Br(function(e,n){let{disableOutsidePointerEvents:o=!1,deferPointerDownOutside:r=!1,onEscapeKeyDown:i,onPointerDownOutside:s,onFocusOutside:a,onInteractOutside:l,onDismiss:c,...d}=e,u=en.useContext(hH),[p,f]=en.useState(null),h=p?.ownerDocument??globalThis?.document,[,g]=en.useState({}),y=De(n,f),m=Array.from(u.layers),[S]=[...u.layersWithOutsidePointerEventsDisabled].slice(-1),b=S?m.indexOf(S):-1,v=p?m.indexOf(p):-1,w=u.layersWithOutsidePointerEventsDisabled.size>0,x=v>=b,C=en.useRef(!1),P=hie(R=>{s?.(R),l?.(R),R.defaultPrevented||c?.()},{ownerDocument:h,deferPointerDownOutside:r,isDeferredPointerDownOutsideRef:C,dismissableSurfaces:u.dismissableSurfaces,shouldHandlePointerDownOutside:en.useCallback(R=>{if(!(R instanceof Node))return!1;let D=[...u.branches].some(N=>N.contains(R));return x&&!D},[u.branches,x])}),M=mie(R=>{if(r&&C.current)return;let D=R.target;[...u.branches].some(B=>B.contains(D))||(a?.(R),l?.(R),R.defaultPrevented||c?.())},h),E=p?v===m.length-1:!1,I=bo(R=>{R.key==="Escape"&&(i?.(R),!R.defaultPrevented&&c&&(R.preventDefault(),c()))});return en.useEffect(()=>{if(E)return h.addEventListener("keydown",I,{capture:!0}),()=>h.removeEventListener("keydown",I,{capture:!0})},[h,E,I]),en.useEffect(()=>{if(p)return o&&(u.layersWithOutsidePointerEventsDisabled.size===0&&(fie=h.body.style.pointerEvents,h.body.style.pointerEvents="none"),u.layersWithOutsidePointerEventsDisabled.add(p)),u.layers.add(p),pH(),()=>{o&&(u.layersWithOutsidePointerEventsDisabled.delete(p),u.layersWithOutsidePointerEventsDisabled.size===0&&(h.body.style.pointerEvents=fie))}},[p,h,o,u]),en.useEffect(()=>()=>{p&&(u.layers.delete(p),u.layersWithOutsidePointerEventsDisabled.delete(p),pH())},[p,u]),en.useEffect(()=>{let R=Br(()=>g({}),"handleUpdate");return document.addEventListener(dH,R),()=>document.removeEventListener(dH,R)},[]),(0,fH.jsx)(me.div,{...d,ref:y,style:{pointerEvents:w?x?"auto":"none":void 0,...e.style},onFocusCapture:oe(e.onFocusCapture,M.onFocusCapture),onBlurCapture:oe(e.onBlurCapture,M.onBlurCapture),onPointerDownCapture:oe(e.onPointerDownCapture,P.onPointerDownCapture)})},"DismissableLayer")),I2e=en.forwardRef(Br(function(e,n){let o=en.useContext(hH),r=en.useRef(null),i=De(n,r);return en.useEffect(()=>{let s=r.current;if(s)return o.branches.add(s),()=>{o.branches.delete(s)}},[o.branches]),(0,fH.jsx)(me.div,{...e,ref:i})},"DismissableLayerBranch"));function mH(){let t=en.useContext(hH),[e,n]=en.useState(null);return en.useEffect(()=>{if(e)return t.dismissableSurfaces.add(e),()=>{t.dismissableSurfaces.delete(e)}},[e,t.dismissableSurfaces]),n}Br(mH,"useDismissableLayerSurface");var _2e=Br(()=>!0,"IS_TRUE");function hie(t,e){let{ownerDocument:n=globalThis?.document,deferPointerDownOutside:o=!1,isDeferredPointerDownOutsideRef:r,dismissableSurfaces:i,shouldHandlePointerDownOutside:s=_2e}=e,a=bo(t),l=en.useRef(!1),c=en.useRef(!1),d=en.useRef(new Map),u=en.useRef(()=>{});return en.useEffect(()=>{function p(){c.current=!1,r.current=!1,d.current.clear()}Br(p,"resetOutsideInteraction");function f(){return Array.from(d.current.values()).some(Boolean)}Br(f,"isOutsideInteractionIntercepted");function h(b){if(!c.current)return;let v=b.target;v instanceof Node&&[...i].some(x=>x.contains(v))||d.current.set(b.type,!0),b.type==="click"&&window.setTimeout(()=>{c.current&&u.current()},0)}Br(h,"handleInteractionCapture");function g(b){c.current&&d.current.set(b.type,!1)}Br(g,"handleInteractionBubble");let y=Br(b=>{if(b.target&&!l.current){let w=function(){n.removeEventListener("click",u.current);let C=f();p(),C||gH(P2e,a,x,{discrete:!0})};var v=w;if(Br(w,"handleAndDispatchPointerDownOutsideEvent"),!s(b.target)){n.removeEventListener("click",u.current),p(),l.current=!1;return}let x={originalEvent:b};c.current=!0,r.current=o&&b.button===0,d.current.clear(),!o||b.button!==0?w():(n.removeEventListener("click",u.current),u.current=w,n.addEventListener("click",u.current,{once:!0}))}else n.removeEventListener("click",u.current),p();l.current=!1},"handlePointerDown"),m=["pointerup","mousedown","mouseup","touchstart","touchend","click"];for(let b of m)n.addEventListener(b,h,!0),n.addEventListener(b,g);let S=window.setTimeout(()=>{n.addEventListener("pointerdown",y)},0);return()=>{window.clearTimeout(S),n.removeEventListener("pointerdown",y),n.removeEventListener("click",u.current);for(let b of m)n.removeEventListener(b,h,!0),n.removeEventListener(b,g)}},[n,a,o,r,i,s]),{onPointerDownCapture:Br(()=>l.current=!0,"onPointerDownCapture")}}Br(hie,"usePointerDownOutside");function mie(t,e=globalThis?.document){let n=bo(t),o=en.useRef(!1);return en.useEffect(()=>{let r=Br(i=>{i.target&&!o.current&&gH(E2e,n,{originalEvent:i},{discrete:!1})},"handleFocus");return e.addEventListener("focusin",r),()=>e.removeEventListener("focusin",r)},[e,n]),{onFocusCapture:Br(()=>o.current=!0,"onFocusCapture"),onBlurCapture:Br(()=>o.current=!1,"onBlurCapture")}}Br(mie,"useFocusOutside");function pH(){let t=new CustomEvent(dH);document.dispatchEvent(t)}Br(pH,"dispatchUpdate");function gH(t,e,n,{discrete:o}){let r=n.originalEvent.target,i=new CustomEvent(t,{bubbles:!1,cancelable:!0,detail:n});e&&r.addEventListener(t,e,{once:!0}),o?ly(r,i):r.dispatchEvent(i)}Br(gH,"handleAndDispatchCustomEvent");var gie=Cc,yie=I2e;var Nl=_(H(),1);var vie=_(j(),1),A2e=Object.defineProperty,Is=(t,e)=>A2e(t,"name",{value:e,configurable:!0}),yH="focusScope.autoFocusOnMount",SH="focusScope.autoFocusOnUnmount",Sie={bubbles:!1,cancelable:!0},kh=Nl.forwardRef(Is(function(e,n){let{loop:o=!1,trapped:r=!1,onMountAutoFocus:i,onUnmountAutoFocus:s,...a}=e,[l,c]=Nl.useState(null),d=bo(i),u=bo(s),p=Nl.useRef(null),f=De(n,c),h=Nl.useRef({paused:!1,pause(){this.paused=!0},resume(){this.paused=!1}}).current;Nl.useEffect(()=>{if(r){let b=function(C){if(h.paused||!l)return;let P=C.target;l.contains(P)?p.current=P:yp(p.current,{select:!0})},v=function(C){if(h.paused||!l)return;let P=C.relatedTarget;P!==null&&(l.contains(P)||yp(p.current,{select:!0}))},w=function(C){if(document.activeElement===document.body)for(let M of C)M.removedNodes.length>0&&yp(l)};var y=b,m=v,S=w;Is(b,"handleFocusIn"),Is(v,"handleFocusOut"),Is(w,"handleMutations"),document.addEventListener("focusin",b),document.addEventListener("focusout",v);let x=new MutationObserver(w);return l&&x.observe(l,{childList:!0,subtree:!0}),()=>{document.removeEventListener("focusin",b),document.removeEventListener("focusout",v),x.disconnect()}}},[r,l,h.paused]),Nl.useEffect(()=>{if(l){bie.add(h);let y=document.activeElement;if(!l.contains(y)){let S=new CustomEvent(yH,Sie);l.addEventListener(yH,d),l.dispatchEvent(S),S.defaultPrevented||(wie(Eie(wH(l)),{select:!0}),document.activeElement===y&&yp(l))}return()=>{l.removeEventListener(yH,d),setTimeout(()=>{let S=new CustomEvent(SH,Sie);l.addEventListener(SH,u),l.dispatchEvent(S),S.defaultPrevented||yp(y??document.body,{select:!0}),l.removeEventListener(SH,u),bie.remove(h)},0)}}},[l,d,u,h]);let g=Nl.useCallback(y=>{if(!o&&!r||h.paused)return;let m=y.key==="Tab"&&!y.altKey&&!y.ctrlKey&&!y.metaKey,S=document.activeElement;if(m&&S){let b=y.currentTarget,[v,w]=xie(b);v&&w?!y.shiftKey&&S===w?(y.preventDefault(),o&&yp(v,{select:!0})):y.shiftKey&&S===v&&(y.preventDefault(),o&&yp(w,{select:!0})):S===b&&y.preventDefault()}},[o,r,h.paused]);return(0,vie.jsx)(me.div,{tabIndex:-1,...a,ref:f,onKeyDown:g})},"FocusScope"));function wie(t,{select:e=!1}={}){let n=document.activeElement;for(let o of t)if(yp(o,{select:e}),document.activeElement!==n)return}Is(wie,"focusFirst");function xie(t){let e=wH(t),n=bH(e,t),o=bH(e.reverse(),t);return[n,o]}Is(xie,"getTabbableEdges");function wH(t){let e=[],n=document.createTreeWalker(t,NodeFilter.SHOW_ELEMENT,{acceptNode:Is(o=>{let r=o.tagName==="INPUT"&&o.type==="hidden";return o.disabled||o.hidden||r?NodeFilter.FILTER_SKIP:o.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP},"acceptNode")});for(;n.nextNode();)e.push(n.currentNode);return e}Is(wH,"getTabbableCandidates");function bH(t,e){let n=typeof e.checkVisibility=="function"&&e.checkVisibility({checkVisibilityCSS:!0});for(let o of t)if(!(n?!o.checkVisibility({checkVisibilityCSS:!0}):Tie(o,{upTo:e})))return o}Is(bH,"findVisible");function Tie(t,{upTo:e}){if(getComputedStyle(t).visibility==="hidden")return!0;for(;t;){if(e!==void 0&&t===e)return!1;if(getComputedStyle(t).display==="none")return!0;t=t.parentElement}return!1}Is(Tie,"isHidden");function Cie(t){return t instanceof HTMLInputElement&&"select"in t}Is(Cie,"isSelectableInput");function yp(t,{select:e=!1}={}){if(t&&t.focus){let n=document.activeElement;t.focus({preventScroll:!0}),t!==n&&Cie(t)&&e&&t.select()}}Is(yp,"focus");var bie=Pie();function Pie(){let t=[];return{add(e){let n=t[0];e!==n&&n?.pause(),t=vH(t,e),t.unshift(e)},remove(e){t=vH(t,e),t[0]?.resume()}}}Is(Pie,"createFocusScopesStack");function vH(t,e){let n=[...t],o=n.indexOf(e);return o!==-1&&n.splice(o,1),n}Is(vH,"arrayRemove");function Eie(t){return t.filter(e=>e.tagName!=="A")}Is(Eie,"removeLinks");var ER=_(H(),1),Iie=_(Jl(),1);var _ie=_(j(),1),k2e=Object.defineProperty,R2e=(t,e)=>k2e(t,"name",{value:e,configurable:!0}),Fl=ER.forwardRef(R2e(function(e,n){let{container:o,...r}=e,[i,s]=ER.useState(!1);Ut(()=>s(!0),[]);let a=o||i&&globalThis?.document?.body;return a?Iie.createPortal((0,_ie.jsx)(me.div,{...r,ref:n}),a):null},"Portal"));var Mie=_(H(),1),D2e=Object.defineProperty,TH=(t,e)=>D2e(t,"name",{value:e,configurable:!0}),IR=0,Hv=null;function O2e(t){return Eu(),t.children}TH(O2e,"FocusGuards");function Eu(){Mie.useEffect(()=>{Hv||(Hv={start:xH(),end:xH()});let{start:t,end:e}=Hv;return document.body.firstElementChild!==t&&document.body.insertAdjacentElement("afterbegin",t),document.body.lastElementChild!==e&&document.body.insertAdjacentElement("beforeend",e),IR++,()=>{IR===1&&(Hv?.start.remove(),Hv?.end.remove(),Hv=null),IR=Math.max(0,IR-1)}},[])}TH(Eu,"useFocusGuards");function xH(){let t=document.createElement("span");return t.setAttribute("data-radix-focus-guard",""),t.tabIndex=0,t.style.outline="none",t.style.opacity="0",t.style.position="fixed",t.style.pointerEvents="none",t}TH(xH,"createFocusGuard");var ia=function(){return ia=Object.assign||function(e){for(var n,o=1,r=arguments.length;o<r;o++){n=arguments[o];for(var i in n)Object.prototype.hasOwnProperty.call(n,i)&&(e[i]=n[i])}return e},ia.apply(this,arguments)};function _R(t,e){var n={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&e.indexOf(o)<0&&(n[o]=t[o]);if(t!=null&&typeof Object.getOwnPropertySymbols=="function")for(var r=0,o=Object.getOwnPropertySymbols(t);r<o.length;r++)e.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(t,o[r])&&(n[o[r]]=t[o[r]]);return n}function Aie(t,e,n){if(n||arguments.length===2)for(var o=0,r=e.length,i;o<r;o++)(i||!(o in e))&&(i||(i=Array.prototype.slice.call(e,0,o)),i[o]=e[o]);return t.concat(i||Array.prototype.slice.call(e))}var DR=_(H());var is=_(H());var uy="right-scroll-bar-position",dy="width-before-scroll-bar",CH="with-scroll-bars-hidden",PH="--removed-body-scroll-bar-size";function MR(t,e){return typeof t=="function"?t(e):t&&(t.current=e),t}var kie=_(H());function Rie(t,e){var n=(0,kie.useState)(function(){return{value:t,callback:e,facade:{get current(){return n.value},set current(o){var r=n.value;r!==o&&(n.value=o,n.callback(o,r))}}}})[0];return n.callback=e,n.facade}var AR=_(H());var L2e=typeof window<"u"?AR.useLayoutEffect:AR.useEffect,Die=new WeakMap;function EH(t,e){var n=Rie(e||null,function(o){return t.forEach(function(r){return MR(r,o)})});return L2e(function(){var o=Die.get(n);if(o){var r=new Set(o),i=new Set(t),s=n.current;r.forEach(function(a){i.has(a)||MR(a,null)}),i.forEach(function(a){r.has(a)||MR(a,s)})}Die.set(n,t)},[t]),n}function N2e(t){return t}function F2e(t,e){e===void 0&&(e=N2e);var n=[],o=!1,r={read:function(){if(o)throw new Error("Sidecar: could not `read` from an `assigned` medium. `read` could be used only with `useMedium`.");return n.length?n[n.length-1]:t},useMedium:function(i){var s=e(i,o);return n.push(s),function(){n=n.filter(function(a){return a!==s})}},assignSyncMedium:function(i){for(o=!0;n.length;){var s=n;n=[],s.forEach(i)}n={push:function(a){return i(a)},filter:function(){return n}}},assignMedium:function(i){o=!0;var s=[];if(n.length){var a=n;n=[],a.forEach(i),s=n}var l=function(){var d=s;s=[],d.forEach(i)},c=function(){return Promise.resolve().then(l)};c(),n={push:function(d){s.push(d),c()},filter:function(d){return s=s.filter(d),n}}}};return r}function IH(t){t===void 0&&(t={});var e=F2e(null);return e.options=ia({async:!0,ssr:!1},t),e}var Oie=_(H()),Lie=function(t){var e=t.sideCar,n=_R(t,["sideCar"]);if(!e)throw new Error("Sidecar: please provide `sideCar` property to import the right car");var o=e.read();if(!o)throw new Error("Sidecar medium not found");return Oie.createElement(o,ia({},n))};Lie.isSideCarExport=!0;function _H(t,e){return t.useMedium(e),Lie}var kR=IH();var MH=function(){},P1=is.forwardRef(function(t,e){var n=is.useRef(null),o=is.useState({onScrollCapture:MH,onWheelCapture:MH,onTouchMoveCapture:MH}),r=o[0],i=o[1],s=t.forwardProps,a=t.children,l=t.className,c=t.removeScrollBar,d=t.enabled,u=t.shards,p=t.sideCar,f=t.noRelative,h=t.noIsolation,g=t.inert,y=t.allowPinchZoom,m=t.as,S=m===void 0?"div":m,b=t.gapMode,v=_R(t,["forwardProps","children","className","removeScrollBar","enabled","shards","sideCar","noRelative","noIsolation","inert","allowPinchZoom","as","gapMode"]),w=p,x=EH([n,e]),C=ia(ia({},v),r);return is.createElement(is.Fragment,null,d&&is.createElement(w,{sideCar:kR,removeScrollBar:c,shards:u,noRelative:f,noIsolation:h,inert:g,setCallbacks:i,allowPinchZoom:!!y,lockRef:n,gapMode:b}),s?is.cloneElement(is.Children.only(a),ia(ia({},C),{ref:x})):is.createElement(S,ia({},C,{className:l,ref:x}),a))});P1.defaultProps={enabled:!0,removeScrollBar:!0,inert:!1};P1.classNames={fullWidth:dy,zeroRight:uy};var vo=_(H());var jv=_(H());var Bie=_(H());var Nie;var Fie=function(){if(Nie)return Nie;if(typeof __webpack_nonce__<"u")return __webpack_nonce__};function B2e(){if(!document)return null;var t=document.createElement("style");t.type="text/css";var e=Fie();return e&&t.setAttribute("nonce",e),t}function z2e(t,e){t.styleSheet?t.styleSheet.cssText=e:t.appendChild(document.createTextNode(e))}function U2e(t){var e=document.head||document.getElementsByTagName("head")[0];e.appendChild(t)}var AH=function(){var t=0,e=null;return{add:function(n){t==0&&(e=B2e())&&(z2e(e,n),U2e(e)),t++},remove:function(){t--,!t&&e&&(e.parentNode&&e.parentNode.removeChild(e),e=null)}}};var kH=function(){var t=AH();return function(e,n){Bie.useEffect(function(){return t.add(e),function(){t.remove()}},[e&&n])}};var E1=function(){var t=kH(),e=function(n){var o=n.styles,r=n.dynamic;return t(o,r),null};return e};var H2e={left:0,top:0,right:0,gap:0},RH=function(t){return parseInt(t||"",10)||0},V2e=function(t){var e=window.getComputedStyle(document.body),n=e[t==="padding"?"paddingLeft":"marginLeft"],o=e[t==="padding"?"paddingTop":"marginTop"],r=e[t==="padding"?"paddingRight":"marginRight"];return[RH(n),RH(o),RH(r)]},DH=function(t){if(t===void 0&&(t="margin"),typeof window>"u")return H2e;var e=V2e(t),n=document.documentElement.clientWidth,o=window.innerWidth;return{left:e[0],top:e[1],right:e[2],gap:Math.max(0,o-n+e[2]-e[0])}};var j2e=E1(),Vv="data-scroll-locked",$2e=function(t,e,n,o){var r=t.left,i=t.top,s=t.right,a=t.gap;return n===void 0&&(n="margin"),`
+  .`.concat(CH,` {
+   overflow: hidden `).concat(o,`;
+   padding-right: `).concat(a,"px ").concat(o,`;
+  }
+  body[`).concat(Vv,`] {
+    overflow: hidden `).concat(o,`;
+    overscroll-behavior: contain;
+    `).concat([e&&"position: relative ".concat(o,";"),n==="margin"&&`
+    padding-left: `.concat(r,`px;
+    padding-top: `).concat(i,`px;
+    padding-right: `).concat(s,`px;
+    margin-left:0;
+    margin-top:0;
+    margin-right: `).concat(a,"px ").concat(o,`;
+    `),n==="padding"&&"padding-right: ".concat(a,"px ").concat(o,";")].filter(Boolean).join(""),`
+  }
+  
+  .`).concat(uy,` {
+    right: `).concat(a,"px ").concat(o,`;
+  }
+  
+  .`).concat(dy,` {
+    margin-right: `).concat(a,"px ").concat(o,`;
+  }
+  
+  .`).concat(uy," .").concat(uy,` {
+    right: 0 `).concat(o,`;
+  }
+  
+  .`).concat(dy," .").concat(dy,` {
+    margin-right: 0 `).concat(o,`;
+  }
+  
+  body[`).concat(Vv,`] {
+    `).concat(PH,": ").concat(a,`px;
+  }
+`)},zie=function(){var t=parseInt(document.body.getAttribute(Vv)||"0",10);return isFinite(t)?t:0},K2e=function(){jv.useEffect(function(){return document.body.setAttribute(Vv,(zie()+1).toString()),function(){var t=zie()-1;t<=0?document.body.removeAttribute(Vv):document.body.setAttribute(Vv,t.toString())}},[])},OH=function(t){var e=t.noRelative,n=t.noImportant,o=t.gapMode,r=o===void 0?"margin":o;K2e();var i=jv.useMemo(function(){return DH(r)},[r]);return jv.createElement(j2e,{styles:$2e(i,!e,r,n?"":"!important")})};var LH=!1;if(typeof window<"u")try{I1=Object.defineProperty({},"passive",{get:function(){return LH=!0,!0}}),window.addEventListener("test",I1,I1),window.removeEventListener("test",I1,I1)}catch{LH=!1}var I1,py=LH?{passive:!1}:!1;var G2e=function(t){return t.tagName==="TEXTAREA"},Uie=function(t,e){if(!(t instanceof Element))return!1;var n=window.getComputedStyle(t);return n[e]!=="hidden"&&!(n.overflowY===n.overflowX&&!G2e(t)&&n[e]==="visible")},W2e=function(t){return Uie(t,"overflowY")},Y2e=function(t){return Uie(t,"overflowX")},NH=function(t,e){var n=e.ownerDocument,o=e;do{typeof ShadowRoot<"u"&&o instanceof ShadowRoot&&(o=o.host);var r=Hie(t,o);if(r){var i=Vie(t,o),s=i[1],a=i[2];if(s>a)return!0}o=o.parentNode}while(o&&o!==n.body);return!1},q2e=function(t){var e=t.scrollTop,n=t.scrollHeight,o=t.clientHeight;return[e,n,o]},X2e=function(t){var e=t.scrollLeft,n=t.scrollWidth,o=t.clientWidth;return[e,n,o]},Hie=function(t,e){return t==="v"?W2e(e):Y2e(e)},Vie=function(t,e){return t==="v"?q2e(e):X2e(e)},Z2e=function(t,e){return t==="h"&&e==="rtl"?-1:1},jie=function(t,e,n,o,r){var i=Z2e(t,window.getComputedStyle(e).direction),s=i*o,a=n.target,l=e.contains(a),c=!1,d=s>0,u=0,p=0;do{if(!a)break;var f=Vie(t,a),h=f[0],g=f[1],y=f[2],m=g-y-i*h;(h||m)&&Hie(t,a)&&(u+=m,p+=h);var S=a.parentNode;a=S&&S.nodeType===Node.DOCUMENT_FRAGMENT_NODE?S.host:S}while(!l&&a!==document.body||l&&(e.contains(a)||e===a));return(d&&(r&&Math.abs(u)<1||!r&&s>u)||!d&&(r&&Math.abs(p)<1||!r&&-s>p))&&(c=!0),c};var RR=function(t){return"changedTouches"in t?[t.changedTouches[0].clientX,t.changedTouches[0].clientY]:[0,0]},$ie=function(t){return[t.deltaX,t.deltaY]},Kie=function(t){return t&&"current"in t?t.current:t},J2e=function(t,e){return t[0]===e[0]&&t[1]===e[1]},Q2e=function(t){return`
+  .block-interactivity-`.concat(t,` {pointer-events: none;}
+  .allow-interactivity-`).concat(t,` {pointer-events: all;}
+`)},eDe=0,$v=[];function Gie(t){var e=vo.useRef([]),n=vo.useRef([0,0]),o=vo.useRef(),r=vo.useState(eDe++)[0],i=vo.useState(E1)[0],s=vo.useRef(t);vo.useEffect(function(){s.current=t},[t]),vo.useEffect(function(){if(t.inert){document.body.classList.add("block-interactivity-".concat(r));var g=Aie([t.lockRef.current],(t.shards||[]).map(Kie),!0).filter(Boolean);return g.forEach(function(y){return y.classList.add("allow-interactivity-".concat(r))}),function(){document.body.classList.remove("block-interactivity-".concat(r)),g.forEach(function(y){return y.classList.remove("allow-interactivity-".concat(r))})}}},[t.inert,t.lockRef.current,t.shards]);var a=vo.useCallback(function(g,y){if("touches"in g&&g.touches.length===2||g.type==="wheel"&&g.ctrlKey)return!s.current.allowPinchZoom;var m=RR(g),S=n.current,b="deltaX"in g?g.deltaX:S[0]-m[0],v="deltaY"in g?g.deltaY:S[1]-m[1],w,x=g.target,C=Math.abs(b)>Math.abs(v)?"h":"v";if("touches"in g&&C==="h"&&x.type==="range")return!1;var P=window.getSelection(),M=P&&P.anchorNode,E=M?M===x||M.contains(x):!1;if(E)return!1;var I=NH(C,x);if(!I)return!0;if(I?w=C:(w=C==="v"?"h":"v",I=NH(C,x)),!I)return!1;if(!o.current&&"changedTouches"in g&&(b||v)&&(o.current=w),!w)return!0;var R=o.current||w;return jie(R,y,g,R==="h"?b:v,!0)},[]),l=vo.useCallback(function(g){var y=g;if(!(!$v.length||$v[$v.length-1]!==i)){var m="deltaY"in y?$ie(y):RR(y),S=e.current.filter(function(w){return w.name===y.type&&(w.target===y.target||y.target===w.shadowParent)&&J2e(w.delta,m)})[0];if(S&&S.should){y.cancelable&&y.preventDefault();return}if(!S){var b=(s.current.shards||[]).map(Kie).filter(Boolean).filter(function(w){return w.contains(y.target)}),v=b.length>0?a(y,b[0]):!s.current.noIsolation;v&&y.cancelable&&y.preventDefault()}}},[]),c=vo.useCallback(function(g,y,m,S){var b={name:g,delta:y,target:m,should:S,shadowParent:tDe(m)};e.current.push(b),setTimeout(function(){e.current=e.current.filter(function(v){return v!==b})},1)},[]),d=vo.useCallback(function(g){n.current=RR(g),o.current=void 0},[]),u=vo.useCallback(function(g){c(g.type,$ie(g),g.target,a(g,t.lockRef.current))},[]),p=vo.useCallback(function(g){c(g.type,RR(g),g.target,a(g,t.lockRef.current))},[]);vo.useEffect(function(){return $v.push(i),t.setCallbacks({onScrollCapture:u,onWheelCapture:u,onTouchMoveCapture:p}),document.addEventListener("wheel",l,py),document.addEventListener("touchmove",l,py),document.addEventListener("touchstart",d,py),function(){$v=$v.filter(function(g){return g!==i}),document.removeEventListener("wheel",l,py),document.removeEventListener("touchmove",l,py),document.removeEventListener("touchstart",d,py)}},[]);var f=t.removeScrollBar,h=t.inert;return vo.createElement(vo.Fragment,null,h?vo.createElement(i,{styles:Q2e(r)}):null,f?vo.createElement(OH,{noRelative:t.noRelative,gapMode:t.gapMode}):null)}function tDe(t){for(var e=null;t!==null;)t instanceof ShadowRoot&&(e=t.host,t=t.host),t=t.parentNode;return e}var Wie=_H(kR,Gie);var Yie=DR.forwardRef(function(t,e){return DR.createElement(P1,ia({},t,{ref:e,sideCar:Wie}))});Yie.classNames=P1.classNames;var Sp=Yie;var nDe=function(t){if(typeof document>"u")return null;var e=Array.isArray(t)?t[0]:t;return e.ownerDocument.body},Kv=new WeakMap,OR=new WeakMap,LR={},FH=0,qie=function(t){return t&&(t.host||qie(t.parentNode))},oDe=function(t,e){return e.map(function(n){if(t.contains(n))return n;var o=qie(n);return o&&t.contains(o)?o:(console.error("aria-hidden",n,"in not contained inside",t,". Doing nothing"),null)}).filter(function(n){return!!n})},rDe=function(t,e,n,o){var r=oDe(e,Array.isArray(t)?t:[t]);LR[n]||(LR[n]=new WeakMap);var i=LR[n],s=[],a=new Set,l=new Set(r),c=function(u){!u||a.has(u)||(a.add(u),c(u.parentNode))};r.forEach(c);var d=function(u){!u||l.has(u)||Array.prototype.forEach.call(u.children,function(p){if(a.has(p))d(p);else try{var f=p.getAttribute(o),h=f!==null&&f!=="false",g=(Kv.get(p)||0)+1,y=(i.get(p)||0)+1;Kv.set(p,g),i.set(p,y),s.push(p),g===1&&h&&OR.set(p,!0),y===1&&p.setAttribute(n,"true"),h||p.setAttribute(o,"true")}catch(m){console.error("aria-hidden: cannot operate on ",p,m)}})};return d(e),a.clear(),FH++,function(){s.forEach(function(u){var p=Kv.get(u)-1,f=i.get(u)-1;Kv.set(u,p),i.set(u,f),p||(OR.has(u)||u.removeAttribute(o),OR.delete(u)),f||u.removeAttribute(n)}),FH--,FH||(Kv=new WeakMap,Kv=new WeakMap,OR=new WeakMap,LR={})}},Rh=function(t,e,n){n===void 0&&(n="data-aria-hidden");var o=Array.from(Array.isArray(t)?t:[t]),r=e||nDe(t);return r?(o.push.apply(o,Array.from(r.querySelectorAll("[aria-live], script"))),rDe(o,r,n,"aria-hidden")):function(){return null}};var Fo=_(j(),1),iDe=Object.defineProperty,sa=(t,e)=>iDe(t,"name",{value:e,configurable:!0}),zH="Dialog",[Xie,sDe]=fn(zH),[aDe,Pc]=Xie(zH),lDe=sa(t=>{let{__scopeDialog:e,children:n,open:o,defaultOpen:r,onOpenChange:i,modal:s=!0}=t,a=ro.useRef(null),l=ro.useRef(null),[c,d]=Vn({prop:o,defaultProp:r??!1,onChange:i,caller:zH}),[u,p]=ro.useState(0),[f,h]=ro.useState(0);return(0,Fo.jsx)(aDe,{scope:e,triggerRef:a,contentRef:l,contentId:sr(),titleId:sr(),descriptionId:sr(),titlePresent:u>0,descriptionPresent:f>0,setTitleCount:p,setDescriptionCount:h,open:c,onOpenChange:d,onOpenToggle:ro.useCallback(()=>d(g=>!g),[d]),modal:s,children:n})},"Dialog"),cDe="DialogTrigger",uDe=ro.forwardRef(sa(function(e,n){let{__scopeDialog:o,...r}=e,i=Pc(cDe,o),s=De(n,i.triggerRef);return(0,Fo.jsx)(me.button,{type:"button","aria-haspopup":"dialog","aria-expanded":i.open,"aria-controls":i.open?i.contentId:void 0,"data-state":NR(i.open),...r,ref:s,onClick:oe(e.onClick,i.onOpenToggle)})},"DialogTrigger")),Zie="DialogPortal",[dDe,Jie]=Xie(Zie,{forceMount:void 0}),pDe=sa(t=>{let{__scopeDialog:e,forceMount:n,children:o,container:r}=t,i=Pc(Zie,e);return(0,Fo.jsx)(dDe,{scope:e,forceMount:n,children:ro.Children.map(o,s=>(0,Fo.jsx)(Fr,{present:n||i.open,children:(0,Fo.jsx)(Fl,{asChild:!0,container:r,children:s})}))})},"DialogPortal"),BH="DialogOverlay",fDe=ro.forwardRef(sa(function(e,n){let o=Jie(BH,e.__scopeDialog),{forceMount:r=o.forceMount,...i}=e,s=Pc(BH,e.__scopeDialog);return s.modal?(0,Fo.jsx)(Fr,{present:r||s.open,children:(0,Fo.jsx)(mDe,{...i,ref:n})}):null},"DialogOverlay")),hDe=Nr("DialogOverlay.RemoveScroll"),mDe=ro.forwardRef(sa(function(e,n){let{__scopeDialog:o,...r}=e,i=Pc(BH,o),s=mH(),a=De(n,s);return(0,Fo.jsx)(Sp,{as:hDe,allowPinchZoom:!0,shards:[i.contentRef],children:(0,Fo.jsx)(me.div,{"data-state":NR(i.open),...r,ref:a,style:{pointerEvents:"auto",...r.style}})})},"DialogOverlayImpl")),_1="DialogContent",gDe=ro.forwardRef(sa(function(e,n){let o=Jie(_1,e.__scopeDialog),{forceMount:r=o.forceMount,...i}=e,s=Pc(_1,e.__scopeDialog);return(0,Fo.jsx)(Fr,{present:r||s.open,children:s.modal?(0,Fo.jsx)(yDe,{...i,ref:n}):(0,Fo.jsx)(SDe,{...i,ref:n})})},"DialogContent")),yDe=ro.forwardRef(sa(function(e,n){let o=Pc(_1,e.__scopeDialog),r=ro.useRef(null),i=De(n,o.contentRef,r);return ro.useEffect(()=>{let s=r.current;if(s)return Rh(s)},[]),(0,Fo.jsx)(Qie,{...e,ref:i,trapFocus:o.open,disableOutsidePointerEvents:o.open,onCloseAutoFocus:oe(e.onCloseAutoFocus,s=>{s.preventDefault(),o.triggerRef.current?.focus()}),onPointerDownOutside:oe(e.onPointerDownOutside,s=>{let a=s.detail.originalEvent,l=a.button===0&&a.ctrlKey===!0;(a.button===2||l)&&s.preventDefault()}),onFocusOutside:oe(e.onFocusOutside,s=>s.preventDefault())})},"DialogContentModal")),SDe=ro.forwardRef(sa(function(e,n){let o=Pc(_1,e.__scopeDialog),r=ro.useRef(!1),i=ro.useRef(!1);return(0,Fo.jsx)(Qie,{...e,ref:n,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:s=>{e.onCloseAutoFocus?.(s),s.defaultPrevented||(r.current||o.triggerRef.current?.focus(),s.preventDefault()),r.current=!1,i.current=!1},onInteractOutside:s=>{e.onInteractOutside?.(s),s.defaultPrevented||(r.current=!0,s.detail.originalEvent.type==="pointerdown"&&(i.current=!0));let a=s.target;o.triggerRef.current?.contains(a)&&s.preventDefault(),s.detail.originalEvent.type==="focusin"&&i.current&&s.preventDefault()}})},"DialogContentNonModal")),Qie=ro.forwardRef(sa(function(e,n){let{__scopeDialog:o,trapFocus:r,onOpenAutoFocus:i,onCloseAutoFocus:s,...a}=e,l=Pc(_1,o);return Eu(),(0,Fo.jsx)(Fo.Fragment,{children:(0,Fo.jsx)(kh,{asChild:!0,loop:!0,trapped:r,onMountAutoFocus:i,onUnmountAutoFocus:s,children:(0,Fo.jsx)(Cc,{role:"dialog",id:l.contentId,"aria-describedby":l.descriptionPresent?l.descriptionId:void 0,"aria-labelledby":l.titlePresent?l.titleId:void 0,"data-state":NR(l.open),...a,ref:n,deferPointerDownOutside:!0,onDismiss:()=>l.onOpenChange(!1)})})})},"DialogContentImpl")),bDe="DialogTitle",vDe=ro.forwardRef(sa(function(e,n){let{__scopeDialog:o,...r}=e,i=Pc(bDe,o),{setTitleCount:s}=i;return Ut(()=>(s(a=>a+1),()=>s(a=>a-1)),[s]),(0,Fo.jsx)(me.h2,{id:i.titleId,...r,ref:n})},"DialogTitle")),wDe="DialogDescription",xDe=ro.forwardRef(sa(function(e,n){let{__scopeDialog:o,...r}=e,i=Pc(wDe,o),{setDescriptionCount:s}=i;return Ut(()=>(s(a=>a+1),()=>s(a=>a-1)),[s]),(0,Fo.jsx)(me.p,{id:i.descriptionId,...r,ref:n})},"DialogDescription")),TDe="DialogClose",CDe=ro.forwardRef(sa(function(e,n){let{__scopeDialog:o,...r}=e,i=Pc(TDe,o);return(0,Fo.jsx)(me.button,{type:"button",...r,ref:n,onClick:oe(e.onClick,()=>i.onOpenChange(!1))})},"DialogClose")),PDe=sa(t=>t.children,"WarningProvider");function NR(t){return t?"open":"closed"}sa(NR,"getState");var ese=_(H(),1);var EDe=Object.defineProperty,IDe=(t,e)=>EDe(t,"name",{value:e,configurable:!0});function M1(t){let[e,n]=ese.useState(void 0);return Ut(()=>{if(t){n({width:t.offsetWidth,height:t.offsetHeight});let o=new ResizeObserver(r=>{if(!Array.isArray(r)||!r.length)return;let i=r[0],s,a;if("borderBoxSize"in i){let l=i.borderBoxSize,c=Array.isArray(l)?l[0]:l;s=c.inlineSize,a=c.blockSize}else s=t.offsetWidth,a=t.offsetHeight;n({width:s,height:a})});return o.observe(t,{box:"border-box"}),()=>o.unobserve(t)}else n(void 0)},[t]),e}IDe(M1,"useSize");var as={};il(as,{Arrow:()=>_Le,CheckboxItem:()=>TLe,Content:()=>bLe,ContextMenu:()=>Dae,ContextMenuArrow:()=>Kae,ContextMenuCheckboxItem:()=>Uae,ContextMenuContent:()=>Nae,ContextMenuGroup:()=>Fae,ContextMenuItem:()=>zae,ContextMenuItemIndicator:()=>jae,ContextMenuLabel:()=>Bae,ContextMenuPortal:()=>Lae,ContextMenuRadioGroup:()=>Hae,ContextMenuRadioItem:()=>Vae,ContextMenuSeparator:()=>$ae,ContextMenuSub:()=>Gae,ContextMenuSubContent:()=>Yae,ContextMenuSubTrigger:()=>Wae,ContextMenuTrigger:()=>Oae,Group:()=>vLe,Item:()=>xLe,ItemIndicator:()=>ELe,Label:()=>wLe,Portal:()=>SLe,RadioGroup:()=>CLe,RadioItem:()=>PLe,Root:()=>gLe,Separator:()=>ILe,Sub:()=>MLe,SubContent:()=>kLe,SubTrigger:()=>ALe,Trigger:()=>yLe,createContextMenuScope:()=>dLe});var _n=_(H(),1);var Le=_(H(),1);var Li=_(H(),1);var ose=["top","right","bottom","left"];var _u=Math.min,Ec=Math.max,k1=Math.round,R1=Math.floor,Mu=t=>({x:t,y:t}),_De={left:"right",right:"left",bottom:"top",top:"bottom"};function UH(t,e,n){return Ec(t,_u(e,n))}function Au(t,e){return typeof t=="function"?t(e):t}function bp(t){return t.split("-")[0]}function fy(t){return t.split("-")[1]}function BR(t){return t==="x"?"y":"x"}function zR(t){return t==="y"?"height":"width"}function Ic(t){let e=t[0];return e==="t"||e==="b"?"y":"x"}function UR(t){return BR(Ic(t))}function rse(t,e,n){n===void 0&&(n=!1);let o=fy(t),r=UR(t),i=zR(r),s=r==="x"?o===(n?"end":"start")?"right":"left":o==="start"?"bottom":"top";return e.reference[i]>e.floating[i]&&(s=A1(s)),[s,A1(s)]}function ise(t){let e=A1(t);return[FR(t),e,FR(e)]}function FR(t){return t.includes("start")?t.replace("start","end"):t.replace("end","start")}var tse=["left","right"],nse=["right","left"],MDe=["top","bottom"],ADe=["bottom","top"];function kDe(t,e,n){switch(t){case"top":case"bottom":return n?e?nse:tse:e?tse:nse;case"left":case"right":return e?MDe:ADe;default:return[]}}function sse(t,e,n,o){let r=fy(t),i=kDe(bp(t),n==="start",o);return r&&(i=i.map(s=>s+"-"+r),e&&(i=i.concat(i.map(FR)))),i}function A1(t){let e=bp(t);return _De[e]+t.slice(e.length)}function RDe(t){var e,n,o,r;return{top:(e=t.top)!=null?e:0,right:(n=t.right)!=null?n:0,bottom:(o=t.bottom)!=null?o:0,left:(r=t.left)!=null?r:0}}function HH(t){return typeof t!="number"?RDe(t):{top:t,right:t,bottom:t,left:t}}function hy(t){let{x:e,y:n,width:o,height:r}=t;return{width:o,height:r,top:n,left:e,right:e+o,bottom:n+r,x:e,y:n}}function ase(t,e,n){let{reference:o,floating:r}=t,i=Ic(e),s=UR(e),a=zR(s),l=bp(e),c=i==="y",d=o.x+o.width/2-r.width/2,u=o.y+o.height/2-r.height/2,p=o[a]/2-r[a]/2,f;switch(l){case"top":f={x:d,y:o.y-r.height};break;case"bottom":f={x:d,y:o.y+o.height};break;case"right":f={x:o.x+o.width,y:u};break;case"left":f={x:o.x-r.width,y:u};break;default:f={x:o.x,y:o.y}}let h=fy(e);return h&&(f[s]+=p*(h==="end"?1:-1)*(n&&c?-1:1)),f}async function use(t,e){var n;e===void 0&&(e={});let{x:o,y:r,platform:i,rects:s,elements:a,strategy:l}=t,{boundary:c="clippingAncestors",rootBoundary:d="viewport",elementContext:u="floating",altBoundary:p=!1,padding:f=0}=Au(e,t),h=HH(f),y=a[p?u==="floating"?"reference":"floating":u],m=hy(await i.getClippingRect({element:(n=await(i.isElement==null?void 0:i.isElement(y)))==null||n?y:y.contextElement||await(i.getDocumentElement==null?void 0:i.getDocumentElement(a.floating)),boundary:c,rootBoundary:d,strategy:l})),S=u==="floating"?{x:o,y:r,width:s.floating.width,height:s.floating.height}:s.reference,b=await(i.getOffsetParent==null?void 0:i.getOffsetParent(a.floating)),v=await(i.isElement==null?void 0:i.isElement(b))&&await(i.getScale==null?void 0:i.getScale(b))||{x:1,y:1},w=hy(i.convertOffsetParentRelativeRectToViewportRelativeRect?await i.convertOffsetParentRelativeRectToViewportRelativeRect({elements:a,rect:S,offsetParent:b,strategy:l}):S);return{top:(m.top-w.top+h.top)/v.y,bottom:(w.bottom-m.bottom+h.bottom)/v.y,left:(m.left-w.left+h.left)/v.x,right:(w.right-m.right+h.right)/v.x}}var DDe=50,dse=async(t,e,n)=>{let{placement:o="bottom",strategy:r="absolute",middleware:i=[],platform:s}=n,a=s.detectOverflow?s:{...s,detectOverflow:use},l=await(s.isRTL==null?void 0:s.isRTL(e)),c=await s.getElementRects({reference:t,floating:e,strategy:r}),{x:d,y:u}=ase(c,o,l),p=o,f=0,h={};for(let g=0;g<i.length;g++){let y=i[g];if(!y)continue;let{name:m,fn:S}=y,{x:b,y:v,data:w,reset:x}=await S({x:d,y:u,initialPlacement:o,placement:p,strategy:r,middlewareData:h,rects:c,platform:a,elements:{reference:t,floating:e}});d=b??d,u=v??u,h[m]={...h[m],...w},x&&f<DDe&&(f++,typeof x=="object"&&(x.placement&&(p=x.placement),x.rects&&(c=x.rects===!0?await s.getElementRects({reference:t,floating:e,strategy:r}):x.rects),{x:d,y:u}=ase(c,p,l)),g=-1)}return{x:d,y:u,placement:p,strategy:r,middlewareData:h}},pse=t=>({name:"arrow",options:t,async fn(e){let{x:n,y:o,placement:r,rects:i,platform:s,elements:a,middlewareData:l}=e,{element:c,padding:d=0}=Au(t,e)||{};if(c==null)return{};let u=HH(d),p={x:n,y:o},f=UR(r),h=zR(f),g=await s.getDimensions(c),y=f==="y",m=y?"top":"left",S=y?"bottom":"right",b=y?"clientHeight":"clientWidth",v=i.reference[h]+i.reference[f]-p[f]-i.floating[h],w=p[f]-i.reference[f],x=await(s.getOffsetParent==null?void 0:s.getOffsetParent(c)),C=x?x[b]:0;(!C||!await(s.isElement==null?void 0:s.isElement(x)))&&(C=a.floating[b]||i.floating[h]);let P=v/2-w/2,M=C/2-g[h]/2-1,E=_u(u[m],M),I=_u(u[S],M),R=C-g[h]-I,D=C/2-g[h]/2+P,N=UH(E,D,R),B=!l.arrow&&fy(r)!=null&&D!==N&&i.reference[h]/2-(D<E?E:I)-g[h]/2<0,F=B?D<E?D-E:D-R:0;return{[f]:p[f]+F,data:{[f]:N,centerOffset:D-N-F,...B&&{alignmentOffset:F}},reset:B}}});var fse=function(t){return t===void 0&&(t={}),{name:"flip",options:t,async fn(e){var n,o;let{placement:r,middlewareData:i,rects:s,initialPlacement:a,platform:l,elements:c}=e,{mainAxis:d=!0,crossAxis:u=!0,fallbackPlacements:p,fallbackStrategy:f="bestFit",fallbackAxisSideDirection:h="none",flipAlignment:g=!0,...y}=Au(t,e);if((n=i.arrow)!=null&&n.alignmentOffset)return{};let m=bp(r),S=Ic(a),b=bp(a)===a,v=await(l.isRTL==null?void 0:l.isRTL(c.floating)),w=p||(b||!g?[A1(a)]:ise(a)),x=h!=="none";!p&&x&&w.push(...sse(a,g,h,v));let C=[a,...w],P=await l.detectOverflow(e,y),M=[],E=((o=i.flip)==null?void 0:o.overflows)||[];if(d&&M.push(P[m]),u){let N=rse(r,s,v);M.push(P[N[0]],P[N[1]])}if(E=[...E,{placement:r,overflows:M}],!M.every(N=>N<=0)){var I,R;let N=(((I=i.flip)==null?void 0:I.index)||0)+1,B=C[N];if(B&&(!(u==="alignment"?S!==Ic(B):!1)||E.every(L=>Ic(L.placement)===S?L.overflows[0]>0:!0)))return{data:{index:N,overflows:E},reset:{placement:B}};let F=(R=E.filter(k=>k.overflows[0]<=0).sort((k,L)=>k.overflows[1]-L.overflows[1])[0])==null?void 0:R.placement;if(!F)switch(f){case"bestFit":{var D;let k=(D=E.filter(L=>{if(x){let U=Ic(L.placement);return U===S||U==="y"}return!0}).map(L=>[L.placement,L.overflows.filter(U=>U>0).reduce((U,V)=>U+V,0)]).sort((L,U)=>L[1]-U[1])[0])==null?void 0:D[0];k&&(F=k);break}case"initialPlacement":F=a;break}if(r!==F)return{reset:{placement:F}}}return{}}}};function lse(t,e){return{top:t.top-e.height,right:t.right-e.width,bottom:t.bottom-e.height,left:t.left-e.width}}function cse(t){return ose.some(e=>t[e]>=0)}var hse=function(t){return t===void 0&&(t={}),{name:"hide",options:t,async fn(e){let{rects:n,platform:o}=e,{strategy:r="referenceHidden",...i}=Au(t,e);switch(r){case"referenceHidden":{let s=await o.detectOverflow(e,{...i,elementContext:"reference"}),a=lse(s,n.reference);return{data:{referenceHiddenOffsets:a,referenceHidden:cse(a)}}}case"escaped":{let s=await o.detectOverflow(e,{...i,altBoundary:!0}),a=lse(s,n.floating);return{data:{escapedOffsets:a,escaped:cse(a)}}}default:return{}}}}};var mse=new Set(["left","top"]);async function ODe(t,e){let{placement:n,platform:o,elements:r}=t,i=await(o.isRTL==null?void 0:o.isRTL(r.floating)),s=bp(n),a=fy(n),l=Ic(n)==="y",c=mse.has(s)?-1:1,d=i&&l?-1:1,u=Au(e,t),{mainAxis:p,crossAxis:f,alignmentAxis:h}=typeof u=="number"?{mainAxis:u,crossAxis:0,alignmentAxis:null}:{mainAxis:u.mainAxis||0,crossAxis:u.crossAxis||0,alignmentAxis:u.alignmentAxis};return a&&typeof h=="number"&&(f=a==="end"?h*-1:h),l?{x:f*d,y:p*c}:{x:p*c,y:f*d}}var gse=function(t){return t===void 0&&(t=0),{name:"offset",options:t,async fn(e){var n,o;let{x:r,y:i,placement:s,middlewareData:a}=e,l=await ODe(e,t);return s===((n=a.offset)==null?void 0:n.placement)&&(o=a.arrow)!=null&&o.alignmentOffset?{}:{x:r+l.x,y:i+l.y,data:{...l,placement:s}}}}},yse=function(t){return t===void 0&&(t={}),{name:"shift",options:t,async fn(e){let{x:n,y:o,placement:r,platform:i}=e,{mainAxis:s=!0,crossAxis:a=!1,limiter:l={fn:S=>{let{x:b,y:v}=S;return{x:b,y:v}}},...c}=Au(t,e),d={x:n,y:o},u=await i.detectOverflow(e,c),p=Ic(r),f=BR(p),h=d[f],g=d[p],y=(S,b)=>UH(b+u[S==="y"?"top":"left"],b,b-u[S==="y"?"bottom":"right"]);s&&(h=y(f,h)),a&&(g=y(p,g));let m=l.fn({...e,[f]:h,[p]:g});return{...m,data:{x:m.x-n,y:m.y-o,enabled:{[f]:s,[p]:a}}}}}},Sse=function(t){return t===void 0&&(t={}),{options:t,fn(e){var n,o;let{x:r,y:i,placement:s,rects:a,middlewareData:l}=e,{offset:c=0,mainAxis:d=!0,crossAxis:u=!0}=Au(t,e),p={x:r,y:i},f=Ic(s),h=BR(f),g=p[h],y=p[f],m=Au(c,e),S=typeof m=="number"?{mainAxis:m,crossAxis:0}:{mainAxis:(n=m.mainAxis)!=null?n:0,crossAxis:(o=m.crossAxis)!=null?o:0};if(d){let w=h==="y"?"height":"width",x=a.reference[h]-a.floating[w]+S.mainAxis,C=a.reference[h]+a.reference[w]-S.mainAxis;g<x?g=x:g>C&&(g=C)}if(u){var b,v;let w=h==="y"?"width":"height",x=mse.has(bp(s)),C=a.reference[f]-a.floating[w]+(x&&((b=l.offset)==null?void 0:b[f])||0)+(x?0:S.crossAxis),P=a.reference[f]+a.reference[w]+(x?0:((v=l.offset)==null?void 0:v[f])||0)-(x?S.crossAxis:0);y<C?y=C:y>P&&(y=P)}return{[h]:g,[f]:y}}}},bse=function(t){return t===void 0&&(t={}),{name:"size",options:t,async fn(e){let{placement:n,rects:o,platform:r,elements:i}=e,{apply:s=()=>{},...a}=Au(t,e),l=await r.detectOverflow(e,a),c=bp(n),d=fy(n),u=Ic(n)==="y",{width:p,height:f}=o.floating,h,g;c==="top"||c==="bottom"?(h=c,g=d===(await(r.isRTL==null?void 0:r.isRTL(i.floating))?"start":"end")?"left":"right"):(g=c,h=d==="end"?"top":"bottom");let y=f-l.top-l.bottom,m=p-l.left-l.right,S=_u(f-l[h],y),b=_u(p-l[g],m),v=e.middlewareData.shift,w=!v,x=S,C=b;v!=null&&v.enabled.x&&(C=m),v!=null&&v.enabled.y&&(x=y),w&&!d&&(u?C=p-2*Ec(l.left,l.right):x=f-2*Ec(l.top,l.bottom)),await s({...e,availableWidth:C,availableHeight:x});let P=await r.getDimensions(i.floating);return p!==P.width||f!==P.height?{reset:{rects:!0}}:{}}}};function HR(){return typeof window<"u"}function yy(t){return wse(t)?(t.nodeName||"").toLowerCase():"#document"}function _s(t){var e;return(t==null||(e=t.ownerDocument)==null?void 0:e.defaultView)||window}function ku(t){var e;return(e=(wse(t)?t.ownerDocument:t.document)||window.document)==null?void 0:e.documentElement}function wse(t){return HR()?t instanceof Node||t instanceof _s(t).Node:!1}function _c(t){return HR()?t instanceof Element||t instanceof _s(t).Element:!1}function vp(t){return HR()?t instanceof HTMLElement||t instanceof _s(t).HTMLElement:!1}function vse(t){return!HR()||typeof ShadowRoot>"u"?!1:t instanceof ShadowRoot||t instanceof _s(t).ShadowRoot}function D1(t){let{overflow:e,overflowX:n,overflowY:o,display:r}=Mc(t);return/auto|scroll|overlay|hidden|clip/.test(e+o+n)&&r!=="inline"&&r!=="contents"}function xse(t){return/^(table|td|th)$/.test(yy(t))}function O1(t){try{if(t.matches(":popover-open"))return!0}catch{}try{return t.matches(":modal")}catch{return!1}}var LDe=/transform|translate|scale|rotate|perspective|filter/,NDe=/paint|layout|strict|content/,my=t=>!!t&&t!=="none",VH;function VR(t){let e=_c(t)?Mc(t):t;return my(e.transform)||my(e.translate)||my(e.scale)||my(e.rotate)||my(e.perspective)||!jR()&&(my(e.backdropFilter)||my(e.filter))||LDe.test(e.willChange||"")||NDe.test(e.contain||"")}function Tse(t){let e=Dh(t);for(;vp(e)&&!Gv(e);){if(VR(e))return e;if(O1(e))return null;e=Dh(e)}return null}function jR(){return VH==null&&(VH=typeof CSS<"u"&&CSS.supports&&CSS.supports("-webkit-backdrop-filter","none")),VH}function Gv(t){return/^(html|body|#document)$/.test(yy(t))}function Mc(t){return _s(t).getComputedStyle(t)}function L1(t){return _c(t)?{scrollLeft:t.scrollLeft,scrollTop:t.scrollTop}:{scrollLeft:t.scrollX,scrollTop:t.scrollY}}function Dh(t){if(yy(t)==="html")return t;let e=t.assignedSlot||t.parentNode||vse(t)&&t.host||ku(t);return vse(e)?e.host:e}function Cse(t){let e=Dh(t);return Gv(e)?(t.ownerDocument||t).body:vp(e)&&D1(e)?e:Cse(e)}function gy(t,e,n){var o;e===void 0&&(e=[]),n===void 0&&(n=!0);let r=Cse(t),i=r===((o=t.ownerDocument)==null?void 0:o.body),s=_s(r);if(i){let a=$R(s);return e.concat(s,s.visualViewport||[],D1(r)?r:[],a&&n?gy(a):[])}else return e.concat(r,gy(r,[],n))}function $R(t){return t.parent&&Object.getPrototypeOf(t.parent)?t.frameElement:null}function Ise(t){let e=Mc(t),n=parseFloat(e.width)||0,o=parseFloat(e.height)||0,r=vp(t),i=r?t.offsetWidth:n,s=r?t.offsetHeight:o,a=k1(n)!==i||k1(o)!==s;return a&&(n=i,o=s),{width:n,height:o,$:a}}function $H(t){return _c(t)?t:t.contextElement}function Wv(t){let e=$H(t);if(!vp(e))return Mu(1);let n=e.getBoundingClientRect(),{width:o,height:r,$:i}=Ise(e),s=(i?k1(n.width):n.width)/o,a=(i?k1(n.height):n.height)/r;return(!s||!Number.isFinite(s))&&(s=1),(!a||!Number.isFinite(a))&&(a=1),{x:s,y:a}}var FDe=Mu(0);function _se(t){let e=_s(t);return!jR()||!e.visualViewport?FDe:{x:e.visualViewport.offsetLeft,y:e.visualViewport.offsetTop}}function BDe(t,e,n){return e===void 0&&(e=!1),!!n&&e&&n===_s(t)}function Sy(t,e,n,o){e===void 0&&(e=!1),n===void 0&&(n=!1);let r=t.getBoundingClientRect(),i=$H(t),s=Mu(1);e&&(o?_c(o)&&(s=Wv(o)):s=Wv(t));let a=BDe(i,n,o)?_se(i):Mu(0),l=(r.left+a.x)/s.x,c=(r.top+a.y)/s.y,d=r.width/s.x,u=r.height/s.y;if(i&&o){let p=_s(i),f=_c(o)?_s(o):o,h=p,g=$R(h);for(;g&&f!==h;){let y=Wv(g),m=g.getBoundingClientRect(),S=Mc(g),b=m.left+(g.clientLeft+parseFloat(S.paddingLeft))*y.x,v=m.top+(g.clientTop+parseFloat(S.paddingTop))*y.y;l*=y.x,c*=y.y,d*=y.x,u*=y.y,l+=b,c+=v,h=_s(g),g=$R(h)}}return hy({width:d,height:u,x:l,y:c})}function KR(t,e){let n=L1(t).scrollLeft;return e?e.left+n:Sy(ku(t)).left+n}function Mse(t,e){let n=t.getBoundingClientRect(),o=n.left+e.scrollLeft-KR(t,n),r=n.top+e.scrollTop;return{x:o,y:r}}function zDe(t){let{elements:e,rect:n,offsetParent:o,strategy:r}=t,i=r==="fixed",s=ku(o),a=e?O1(e.floating):!1;if(o===s||a&&i)return n;let l={scrollLeft:0,scrollTop:0},c=Mu(1),d=Mu(0),u=vp(o);if((u||!i)&&((yy(o)!=="body"||D1(s))&&(l=L1(o)),u)){let f=Sy(o);c=Wv(o),d.x=f.x+o.clientLeft,d.y=f.y+o.clientTop}let p=s&&!u&&!i?Mse(s,l):Mu(0);return{width:n.width*c.x,height:n.height*c.y,x:n.x*c.x-l.scrollLeft*c.x+d.x+p.x,y:n.y*c.y-l.scrollTop*c.y+d.y+p.y}}function UDe(t){return t.getClientRects?Array.from(t.getClientRects()):[]}function HDe(t){let e=L1(t),n=t.ownerDocument.body,o=Ec(t.scrollWidth,t.clientWidth,n.scrollWidth,n.clientWidth),r=Ec(t.scrollHeight,t.clientHeight,n.scrollHeight,n.clientHeight),i=-e.scrollLeft+KR(t),s=-e.scrollTop;return Mc(n).direction==="rtl"&&(i+=Ec(t.clientWidth,n.clientWidth)-o),{width:o,height:r,x:i,y:s}}var VDe=25;function jDe(t,e,n){n===void 0&&(n="viewport");let o=n==="layoutViewport",r=_s(t),i=ku(t),s=r.visualViewport,a=i.clientWidth,l=i.clientHeight,c=0,d=0;if(s){let p=!jR()||e==="fixed";o?p||(c=-s.offsetLeft,d=-s.offsetTop):(a=s.width,l=s.height,p&&(c=s.offsetLeft,d=s.offsetTop))}if(KR(i)<=0){let p=i.ownerDocument,f=p.body,h=getComputedStyle(f),g=p.compatMode==="CSS1Compat"&&parseFloat(h.marginLeft)+parseFloat(h.marginRight)||0,y=Math.abs(i.clientWidth-f.clientWidth-g),m=getComputedStyle(i).scrollbarGutter==="stable both-edges"?y/2:y;m<=VDe&&(a-=m)}return{width:a,height:l,x:c,y:d}}function $De(t,e){let n=Sy(t,!0,e==="fixed"),o=n.top+t.clientTop,r=n.left+t.clientLeft,i=Wv(t),s=t.clientWidth*i.x,a=t.clientHeight*i.y,l=r*i.x,c=o*i.y;return{width:s,height:a,x:l,y:c}}function Pse(t,e,n){let o;if(e==="viewport"||e==="layoutViewport")o=jDe(t,n,e);else if(e==="document")o=HDe(ku(t));else if(_c(e))o=$De(e,n);else{let r=_se(t);o={x:e.x-r.x,y:e.y-r.y,width:e.width,height:e.height}}return hy(o)}function KDe(t,e){let n=e.get(t);if(n)return n;let o=gy(t,[],!1).filter(a=>_c(a)&&yy(a)!=="body"),r=null,i=Mc(t).position==="fixed",s=i?Dh(t):t;for(;_c(s)&&!Gv(s);){let a=Mc(s),l=VR(s),c=r?r.position:i?"fixed":"";!l&&(c==="fixed"||c==="absolute"&&a.position==="static")?o=o.filter(u=>u!==s):r=a,s=Dh(s)}return e.set(t,o),o}function GDe(t){let{element:e,boundary:n,rootBoundary:o,strategy:r}=t,s=[...n==="clippingAncestors"?O1(e)?[]:KDe(e,this._c):[].concat(n),o],a=Pse(e,s[0],r),l=a.top,c=a.right,d=a.bottom,u=a.left;for(let p=1;p<s.length;p++){let f=Pse(e,s[p],r);l=Ec(f.top,l),c=_u(f.right,c),d=_u(f.bottom,d),u=Ec(f.left,u)}return{width:c-u,height:d-l,x:u,y:l}}function WDe(t){let{width:e,height:n}=Ise(t);return{width:e,height:n}}function YDe(t,e,n){let o=vp(e),r=ku(e),i=n==="fixed",s=Sy(t,!0,i,e),a={scrollLeft:0,scrollTop:0},l=Mu(0);if((o||!i)&&((yy(e)!=="body"||D1(r))&&(a=L1(e)),o)){let p=Sy(e,!0,i,e);l.x=p.x+e.clientLeft,l.y=p.y+e.clientTop}!o&&r&&(l.x=KR(r));let c=r&&!o&&!i?Mse(r,a):Mu(0),d=s.left+a.scrollLeft-l.x-c.x,u=s.top+a.scrollTop-l.y-c.y;return{x:d,y:u,width:s.width,height:s.height}}function jH(t){return Mc(t).position==="static"}function Ese(t,e){if(!vp(t)||Mc(t).position==="fixed")return null;if(e)return e(t);let n=t.offsetParent;return ku(t)===n&&(n=n.ownerDocument.body),n}function Ase(t,e){let n=_s(t);if(O1(t))return n;if(!vp(t)){let r=Dh(t);for(;r&&!Gv(r);){if(_c(r)&&!jH(r))return r;r=Dh(r)}return n}let o=Ese(t,e);for(;o&&xse(o)&&jH(o);)o=Ese(o,e);return o&&Gv(o)&&jH(o)&&!VR(o)?n:o||Tse(t)||n}var qDe=async function(t){let e=this.getOffsetParent||Ase,n=this.getDimensions,o=await n(t.floating);return{reference:YDe(t.reference,await e(t.floating),t.strategy),floating:{x:0,y:0,width:o.width,height:o.height}}};function XDe(t){return Mc(t).direction==="rtl"}var kse={convertOffsetParentRelativeRectToViewportRelativeRect:zDe,getDocumentElement:ku,getClippingRect:GDe,getOffsetParent:Ase,getElementRects:qDe,getClientRects:UDe,getDimensions:WDe,getScale:Wv,isElement:_c,isRTL:XDe};function Rse(t,e){return t.x===e.x&&t.y===e.y&&t.width===e.width&&t.height===e.height}function ZDe(t,e,n){let o=null,r,i=ku(t);function s(){var d;clearTimeout(r),(d=o)==null||d.disconnect(),o=null}function a(d,u){d===void 0&&(d=!1),u===void 0&&(u=1),s();let p=t.getBoundingClientRect(),{left:f,top:h,width:g,height:y}=p;if(d||e(),!g||!y)return;let m=R1(h),S=R1(i.clientWidth-(f+g)),b=R1(i.clientHeight-(h+y)),v=R1(f),x={rootMargin:-m+"px "+-S+"px "+-b+"px "+-v+"px",threshold:Ec(0,_u(1,u))||1},C=!0;function P(M){let E=M[0].intersectionRatio;if(!Rse(p,t.getBoundingClientRect()))return a();if(E!==u){if(!C)return a();E?a(!1,E):r=setTimeout(()=>{a(!1,1e-7)},1e3)}C=!1}try{o=new IntersectionObserver(P,{...x,root:i.ownerDocument})}catch{o=new IntersectionObserver(P,x)}o.observe(t)}let l=_s(t),c=()=>a(n);return l.addEventListener("resize",c),a(!0),()=>{l.removeEventListener("resize",c),s()}}function KH(t,e,n,o){o===void 0&&(o={});let{ancestorScroll:r=!0,ancestorResize:i=!0,elementResize:s=typeof ResizeObserver=="function",layoutShift:a=typeof IntersectionObserver=="function",animationFrame:l=!1}=o,c=$H(t),d=r||i?[...c?gy(c):[],...e?gy(e):[]]:[];d.forEach(m=>{r&&m.addEventListener("scroll",n),i&&m.addEventListener("resize",n)});let u=c&&a?ZDe(c,n,i):null,p=-1,f=null;s&&(f=new ResizeObserver(m=>{let[S]=m;S&&S.target===c&&f&&e&&(f.unobserve(e),cancelAnimationFrame(p),p=requestAnimationFrame(()=>{var b;(b=f)==null||b.observe(e)})),n()}),c&&!l&&f.observe(c),e&&f.observe(e));let h,g=l?Sy(t):null;l&&y();function y(){let m=Sy(t);g&&!Rse(g,m)&&n(),g=m,h=requestAnimationFrame(y)}return n(),()=>{var m;d.forEach(S=>{r&&S.removeEventListener("scroll",n),i&&S.removeEventListener("resize",n)}),u?.(),(m=f)==null||m.disconnect(),f=null,l&&cancelAnimationFrame(h)}}var Dse=gse;var Ose=yse,Lse=fse,Nse=bse,Fse=hse,GH=pse;var Bse=Sse,WH=(t,e,n)=>{let o=new Map,r=n??{},i={...kse,...r.platform,_c:o};return dse(t,e,{...r,platform:i})};var Pr=_(H(),1),Use=_(H(),1),Hse=_(Jl(),1),JDe=typeof document<"u",QDe=function(){},GR=JDe?Use.useLayoutEffect:QDe;function WR(t,e){if(t===e)return!0;if(typeof t!=typeof e)return!1;if(typeof t=="function"&&t.toString()===e.toString())return!0;let n,o,r;if(t&&e&&typeof t=="object"){if(Array.isArray(t)){if(n=t.length,n!==e.length)return!1;for(o=n;o--!==0;)if(!WR(t[o],e[o]))return!1;return!0}if(r=Object.keys(t),n=r.length,n!==Object.keys(e).length)return!1;for(o=n;o--!==0;)if(!{}.hasOwnProperty.call(e,r[o]))return!1;for(o=n;o--!==0;){let i=r[o];if(!(i==="_owner"&&t.$$typeof)&&!WR(t[i],e[i]))return!1}return!0}return t!==t&&e!==e}function Vse(t){return typeof window>"u"?1:(t.ownerDocument.defaultView||window).devicePixelRatio||1}function zse(t,e){let n=Vse(t);return Math.round(e*n)/n}function YH(t){let e=Pr.useRef(t);return GR(()=>{e.current=t}),e}function jse(t){t===void 0&&(t={});let{placement:e="bottom",strategy:n="absolute",middleware:o=[],platform:r,elements:{reference:i,floating:s}={},transform:a=!0,whileElementsMounted:l,open:c}=t,[d,u]=Pr.useState({x:0,y:0,strategy:n,placement:e,middlewareData:{},isPositioned:!1}),[p,f]=Pr.useState(o);WR(p,o)||f(o);let[h,g]=Pr.useState(null),[y,m]=Pr.useState(null),S=Pr.useCallback(L=>{L!==x.current&&(x.current=L,g(L))},[]),b=Pr.useCallback(L=>{L!==C.current&&(C.current=L,m(L))},[]),v=i||h,w=s||y,x=Pr.useRef(null),C=Pr.useRef(null),P=Pr.useRef(d),M=l!=null,E=YH(l),I=YH(r),R=YH(c),D=Pr.useCallback(()=>{if(!x.current||!C.current)return;let L={placement:e,strategy:n,middleware:p};I.current&&(L.platform=I.current),WH(x.current,C.current,L).then(U=>{let V={...U,isPositioned:R.current!==!1};N.current&&!WR(P.current,V)&&(P.current=V,Hse.flushSync(()=>{u(V)}))})},[p,e,n,I,R]);GR(()=>{c===!1&&P.current.isPositioned&&(P.current.isPositioned=!1,u(L=>({...L,isPositioned:!1})))},[c]);let N=Pr.useRef(!1);GR(()=>(N.current=!0,()=>{N.current=!1}),[]),GR(()=>{if(v&&(x.current=v),w&&(C.current=w),v&&w){if(E.current)return E.current(v,w,D);D()}},[v,w,D,E,M]);let B=Pr.useMemo(()=>({reference:x,floating:C,setReference:S,setFloating:b}),[S,b]),F=Pr.useMemo(()=>({reference:v,floating:w}),[v,w]),k=Pr.useMemo(()=>{let L={position:n,left:0,top:0};if(!F.floating)return L;let U=zse(F.floating,d.x),V=zse(F.floating,d.y);return a?{...L,transform:"translate("+U+"px, "+V+"px)",...Vse(F.floating)>=1.5&&{willChange:"transform"}}:{position:n,left:U,top:V}},[n,a,F.floating,d.x,d.y]);return Pr.useMemo(()=>({...d,update:D,refs:B,elements:F,floatingStyles:k}),[d,D,B,F,k])}var eOe=t=>{function e(n){return{}.hasOwnProperty.call(n,"current")}return{name:"arrow",options:t,fn(n){let{element:o,padding:r}=typeof t=="function"?t(n):t;return o&&e(o)?o.current!=null?GH({element:o.current,padding:r}).fn(n):{}:o?GH({element:o,padding:r}).fn(n):{}}}},$se=(t,e)=>{let n=Dse(t);return{name:n.name,fn:n.fn,options:[t,e]}},Kse=(t,e)=>{let n=Ose(t);return{name:n.name,fn:n.fn,options:[t,e]}},Gse=(t,e)=>({fn:Bse(t).fn,options:[t,e]}),Wse=(t,e)=>{let n=Lse(t);return{name:n.name,fn:n.fn,options:[t,e]}},Yse=(t,e)=>{let n=Nse(t);return{name:n.name,fn:n.fn,options:[t,e]}};var qse=(t,e)=>{let n=Fse(t);return{name:n.name,fn:n.fn,options:[t,e]}};var Xse=(t,e)=>{let n=eOe(t);return{name:n.name,fn:n.fn,options:[t,e]}};var Zse=_(H(),1);var qH=_(j(),1),tOe=Object.defineProperty,nOe=(t,e)=>tOe(t,"name",{value:e,configurable:!0}),oOe=Zse.forwardRef(nOe(function(e,n){let{children:o,width:r=10,height:i=5,...s}=e;return(0,qH.jsx)(me.svg,{...s,ref:n,width:r,height:i,viewBox:"0 0 30 10",preserveAspectRatio:"none",children:e.asChild?o:(0,qH.jsx)("polygon",{points:"0,0 30,0 15,10"})})},"Arrow")),Jse=oOe;var Oh=_(j(),1),iOe=Object.defineProperty,wp=(t,e)=>iOe(t,"name",{value:e,configurable:!0});var Qse="Popper",[eae,Bl]=fn(Qse),[sOe,tae]=eae(Qse),aOe=wp(t=>{let{__scopePopper:e,children:n}=t,[o,r]=Li.useState(null),[i,s]=Li.useState(void 0);return(0,Oh.jsx)(sOe,{scope:e,anchor:o,onAnchorChange:r,placementState:i,setPlacementState:s,children:n})},"Popper"),lOe="PopperAnchor",cOe=Li.forwardRef(wp(function(e,n){let{__scopePopper:o,virtualRef:r,...i}=e,s=tae(lOe,o),a=Li.useRef(null),l=s.onAnchorChange,c=Li.useCallback(g=>{a.current=g,g&&l(g)},[l]),d=De(n,c),u=Li.useRef(null);Li.useEffect(()=>{if(!r)return;let g=u.current;u.current=r.current,g!==u.current&&l(u.current)});let p=s.placementState&&YR(s.placementState),f=p?.[0],h=p?.[1];return r?null:(0,Oh.jsx)(me.div,{"data-radix-popper-side":f,"data-radix-popper-align":h,...i,ref:d})},"PopperAnchor")),nae="PopperContent",[uOe,dOe]=eae(nae),pOe=Li.forwardRef(wp(function(e,n){let{__scopePopper:o,side:r="bottom",sideOffset:i=0,align:s="center",alignOffset:a=0,arrowPadding:l=0,avoidCollisions:c=!0,collisionBoundary:d=[],collisionPadding:u=0,sticky:p="partial",hideWhenDetached:f=!1,updatePositionStrategy:h="optimized",onPlaced:g,...y}=e,m=tae(nae,o),[S,b]=Li.useState(null),v=De(n,b),[w,x]=Li.useState(null),C=M1(w),P=C?.width??0,M=C?.height??0,E=r+(s!=="center"?"-"+s:""),I=typeof u=="number"?u:{top:0,right:0,bottom:0,left:0,...u},R=Array.isArray(d)?d:[d],D=R.length>0,N={padding:I,boundary:R.filter(oae),altBoundary:D},{refs:B,floatingStyles:F,placement:k,isPositioned:L,middlewareData:U}=jse({strategy:"fixed",placement:E,whileElementsMounted:wp((...ze)=>KH(...ze,{animationFrame:h==="always"}),"whileElementsMounted"),elements:{reference:m.anchor},middleware:[$se({mainAxis:i+M,alignmentAxis:a}),c&&Kse({mainAxis:!0,crossAxis:!1,limiter:p==="partial"?Gse():void 0,...N}),c&&Wse({...N}),Yse({...N,apply:wp(({elements:ze,rects:Wt,availableWidth:W,availableHeight:K})=>{let{width:ue,height:ut}=Wt.reference,et=ze.floating.style;et.setProperty("--radix-popper-available-width",`${W}px`),et.setProperty("--radix-popper-available-height",`${K}px`),et.setProperty("--radix-popper-anchor-width",`${ue}px`),et.setProperty("--radix-popper-anchor-height",`${ut}px`)},"apply")}),w&&Xse({element:w,padding:l}),gOe({arrowWidth:P,arrowHeight:M}),f&&qse({strategy:"referenceHidden",...N,boundary:D?N.boundary:void 0})]}),V=m.setPlacementState;Ut(()=>(V(k),()=>{V(void 0)}),[k,V]);let[Y,Z]=YR(k),le=bo(g);Ut(()=>{L&&le?.()},[L,le]);let Te=U.arrow?.x,Ge=U.arrow?.y,We=U.arrow?.centerOffset!==0,[ke,se]=Li.useState();return Ut(()=>{S&&se(window.getComputedStyle(S).zIndex)},[S]),(0,Oh.jsx)("div",{ref:B.setFloating,"data-radix-popper-content-wrapper":"",style:{...F,transform:L?F.transform:"translate(0, -200%)",minWidth:"max-content",zIndex:ke,"--radix-popper-transform-origin":[U.transformOrigin?.x,U.transformOrigin?.y].join(" "),...U.hide?.referenceHidden&&{visibility:"hidden",pointerEvents:"none"}},dir:e.dir,children:(0,Oh.jsx)(uOe,{scope:o,placedSide:Y,placedAlign:Z,onArrowChange:x,arrowX:Te,arrowY:Ge,shouldHideArrow:We,children:(0,Oh.jsx)(me.div,{"data-side":Y,"data-align":Z,...y,ref:v,style:{...y.style,animation:L?y.style?.animation:"none"}})})})},"PopperContent")),fOe="PopperArrow",hOe={top:"bottom",right:"left",bottom:"top",left:"right"},mOe=Li.forwardRef(wp(function(e,n){let{__scopePopper:o,...r}=e,i=dOe(fOe,o),s=hOe[i.placedSide];return(0,Oh.jsx)("span",{ref:i.onArrowChange,style:{position:"absolute",left:i.arrowX,top:i.arrowY,[s]:0,transformOrigin:{top:"",right:"0 0",bottom:"center 0",left:"100% 0"}[i.placedSide],transform:{top:"translateY(100%)",right:"translateY(50%) rotate(90deg) translateX(-50%)",bottom:"rotate(180deg)",left:"translateY(50%) rotate(-90deg) translateX(50%)"}[i.placedSide],visibility:i.shouldHideArrow?"hidden":void 0},children:(0,Oh.jsx)(Jse,{...r,ref:n,style:{...r.style,display:"block"}})})},"PopperArrow"));function oae(t){return t!==null}wp(oae,"isNotNull");var gOe=wp(t=>({name:"transformOrigin",options:t,fn(e){let{placement:n,rects:o,middlewareData:r}=e,s=r.arrow?.centerOffset!==0,a=s?0:t.arrowWidth,l=s?0:t.arrowHeight,[c,d]=YR(n),u={start:"0%",center:"50%",end:"100%"}[d],p=(r.arrow?.x??0)+a/2,f=(r.arrow?.y??0)+l/2,h="",g="";return c==="bottom"?(h=s?u:`${p}px`,g=`${-l}px`):c==="top"?(h=s?u:`${p}px`,g=`${o.floating.height+l}px`):c==="right"?(h=`${-l}px`,g=s?u:`${f}px`):c==="left"&&(h=`${o.floating.width+l}px`,g=s?u:`${f}px`),{data:{x:h,y:g}}}}),"transformOrigin");function YR(t){let[e,n="center"]=t.split("-");return[e,n]}wp(YR,"getSideAndAlignFromPlacement");var xp=aOe,Tp=cOe,Lh=pOe,Nh=mOe;var ci=_(H(),1);var SOe=_(H(),1),XR=_(H(),1),yOe=Object.defineProperty,ZH=(t,e)=>yOe(t,"name",{value:e,configurable:!0}),XH=!1;function rae(){let[t,e]=XR.useState(XH);return XR.useEffect(()=>{XH||(XH=!0,e(!0))},[]),t}ZH(rae,"useIsHydrated");var iae=SOe[" useSyncExternalStore ".trim().toString()];function sae(){return()=>{}}ZH(sae,"subscribe");function aae(){return iae(sae,()=>!0,()=>!1)}ZH(aae,"useIsHydratedModern");var lae=typeof iae=="function"?aae:rae;var Fh=_(j(),1),bOe=Object.defineProperty,by=(t,e)=>bOe(t,"name",{value:e,configurable:!0}),JH="rovingFocusGroup.onEntryFocus",vOe={bubbles:!1,cancelable:!0},ZR="RovingFocusGroup",[QH,cae,wOe]=xc(ZR),[xOe,Cp]=fn(ZR,[wOe]),[TOe,COe]=xOe(ZR),POe=ci.forwardRef(by(function(e,n){return(0,Fh.jsx)(QH.Provider,{scope:e.__scopeRovingFocusGroup,children:(0,Fh.jsx)(QH.Slot,{scope:e.__scopeRovingFocusGroup,children:(0,Fh.jsx)(EOe,{...e,ref:n})})})},"RovingFocusGroup")),EOe=ci.forwardRef(by(function(e,n){let{__scopeRovingFocusGroup:o,orientation:r,loop:i=!1,dir:s,currentTabStopId:a,defaultCurrentTabStopId:l,onCurrentTabStopIdChange:c,onEntryFocus:d,preventScrollOnEntryFocus:u=!1,...p}=e,f=ci.useRef(null),h=De(n,f),g=Ja(s),[y,m]=Vn({prop:a,defaultProp:l??null,onChange:c,caller:ZR}),[S,b]=ci.useState(!1),v=bo(d),w=cae(o),x=ci.useRef(!1),[C,P]=ci.useState(0);return ci.useEffect(()=>{let M=f.current;if(M)return M.addEventListener(JH,v),()=>M.removeEventListener(JH,v)},[v]),(0,Fh.jsx)(TOe,{scope:o,orientation:r,dir:g,loop:i,currentTabStopId:y,onItemFocus:ci.useCallback(M=>m(M),[m]),onItemShiftTab:ci.useCallback(()=>b(!0),[]),onFocusableItemAdd:ci.useCallback(()=>P(M=>M+1),[]),onFocusableItemRemove:ci.useCallback(()=>P(M=>M-1),[]),children:(0,Fh.jsx)(me.div,{tabIndex:S||C===0?-1:0,"data-orientation":r,...p,ref:h,style:{outline:"none",...e.style},onMouseDown:oe(e.onMouseDown,()=>{x.current=!0}),onFocus:oe(e.onFocus,M=>{let E=!x.current;if(M.target===M.currentTarget&&E&&!S){let I=new CustomEvent(JH,vOe);if(M.currentTarget.dispatchEvent(I),!I.defaultPrevented){let R=w().filter(k=>k.focusable),D=R.find(k=>k.active),N=R.find(k=>k.id===y),F=[D,N,...R].filter(Boolean).map(k=>k.ref.current);e6(F,u)}}x.current=!1}),onBlur:oe(e.onBlur,()=>b(!1))})})},"RovingFocusGroupImpl")),IOe="RovingFocusGroupItem",_Oe=ci.forwardRef(by(function(e,n){let{__scopeRovingFocusGroup:o,focusable:r=!0,active:i=!1,tabStopId:s,children:a,...l}=e,c=sr(),d=s||c,u=COe(IOe,o),p=u.currentTabStopId===d,f=cae(o),{onFocusableItemAdd:h,onFocusableItemRemove:g,currentTabStopId:y}=u,m=lae();return Ut(()=>{if(!(!m||!r))return h(),()=>g()},[m,r,h,g]),ci.useEffect(()=>{if(!(m||!r))return h(),()=>g()},[m,r,h,g]),(0,Fh.jsx)(QH.ItemSlot,{scope:o,id:d,focusable:r,active:i,children:(0,Fh.jsx)(me.span,{tabIndex:p?0:-1,"data-orientation":u.orientation,...l,ref:n,onMouseDown:oe(e.onMouseDown,S=>{r?u.onItemFocus(d):S.preventDefault()}),onFocus:oe(e.onFocus,()=>u.onItemFocus(d)),onKeyDown:oe(e.onKeyDown,S=>{if(S.key==="Tab"&&S.shiftKey){u.onItemShiftTab();return}if(S.target!==S.currentTarget)return;let b=dae(S,u.orientation,u.dir);if(b!==void 0){if(S.metaKey||S.ctrlKey||S.altKey||S.shiftKey)return;S.preventDefault();let w=f().filter(x=>x.focusable).map(x=>x.ref.current);if(b==="last")w.reverse();else if(b==="prev"||b==="next"){b==="prev"&&w.reverse();let x=w.indexOf(S.currentTarget);w=u.loop?pae(w,x+1):w.slice(x+1)}setTimeout(()=>e6(w))}}),children:typeof a=="function"?a({isCurrentTabStop:p,hasTabStop:y!=null}):a})})},"RovingFocusGroupItem")),MOe={ArrowLeft:"prev",ArrowUp:"prev",ArrowRight:"next",ArrowDown:"next",PageUp:"first",Home:"first",PageDown:"last",End:"last"};function uae(t,e){return e!=="rtl"?t:t==="ArrowLeft"?"ArrowRight":t==="ArrowRight"?"ArrowLeft":t}by(uae,"getDirectionAwareKey");function dae(t,e,n){let o=uae(t.key,n);if(!(e==="vertical"&&["ArrowLeft","ArrowRight"].includes(o))&&!(e==="horizontal"&&["ArrowUp","ArrowDown"].includes(o)))return MOe[o]}by(dae,"getFocusIntent");function e6(t,e=!1){let n=document.activeElement;for(let o of t)if(o===n||(o.focus({preventScroll:e}),document.activeElement!==n))return}by(e6,"focusFirst");function pae(t,e){return t.map((n,o)=>t[(e+o)%t.length])}by(pae,"wrapArray");var Yv=POe,vy=_Oe;var tt=_(j(),1),AOe=Object.defineProperty,Nt=(t,e)=>AOe(t,"name",{value:e,configurable:!0}),n6=["Enter"," "],kOe=["ArrowDown","PageUp","Home"],hae=["ArrowUp","PageDown","End"],ROe=[...kOe,...hae],DOe={ltr:[...n6,"ArrowRight"],rtl:[...n6,"ArrowLeft"]},OOe={ltr:["ArrowLeft"],rtl:["ArrowRight"]},QR="Menu",[N1,LOe,NOe]=xc(QR),[wy,Xv]=fn(QR,[NOe,Bl,Cp]),B1=Bl(),mae=Cp(),[gae,Bh]=wy(QR),[FOe,z1]=wy(QR),BOe=Nt(t=>{let{__scopeMenu:e,open:n=!1,children:o,dir:r,onOpenChange:i,modal:s=!0}=t,a=B1(e),[l,c]=Le.useState(null),d=Le.useRef(!1),u=bo(i),p=Ja(r);return Le.useEffect(()=>{let f=Nt(()=>{d.current=!0,document.addEventListener("pointerdown",h,{capture:!0,once:!0}),document.addEventListener("pointermove",h,{capture:!0,once:!0})},"handleKeyDown"),h=Nt(()=>d.current=!1,"handlePointer");return document.addEventListener("keydown",f,{capture:!0}),()=>{document.removeEventListener("keydown",f,{capture:!0}),document.removeEventListener("pointerdown",h,{capture:!0}),document.removeEventListener("pointermove",h,{capture:!0})}},[]),Le.useEffect(()=>{if(!n)return;let f=Nt(()=>u(!1),"handleBlur");return window.addEventListener("blur",f),()=>window.removeEventListener("blur",f)},[n,u]),(0,tt.jsx)(xp,{...a,children:(0,tt.jsx)(gae,{scope:e,open:n,onOpenChange:u,content:l,onContentChange:c,children:(0,tt.jsx)(FOe,{scope:e,onClose:Le.useCallback(()=>u(!1),[u]),isUsingKeyboardRef:d,dir:p,modal:s,children:o})})})},"Menu"),yae=Le.forwardRef(Nt(function(e,n){let{__scopeMenu:o,...r}=e,i=B1(o);return(0,tt.jsx)(Tp,{...i,...r,ref:n})},"MenuAnchor")),Sae="MenuPortal",[zOe,bae]=wy(Sae,{forceMount:void 0}),UOe=Nt(t=>{let{__scopeMenu:e,forceMount:n,children:o,container:r}=t,i=Bh(Sae,e);return(0,tt.jsx)(zOe,{scope:e,forceMount:n,children:(0,tt.jsx)(Fr,{present:n||i.open,children:(0,tt.jsx)(Fl,{asChild:!0,container:r,children:o})})})},"MenuPortal"),Ac="MenuContent",[HOe,r6]=wy(Ac),VOe=Le.forwardRef(Nt(function(e,n){let o=bae(Ac,e.__scopeMenu),{forceMount:r=o.forceMount,...i}=e,s=Bh(Ac,e.__scopeMenu),a=z1(Ac,e.__scopeMenu);return(0,tt.jsx)(N1.Provider,{scope:e.__scopeMenu,children:(0,tt.jsx)(Fr,{present:r||s.open,children:(0,tt.jsx)(N1.Slot,{scope:e.__scopeMenu,children:a.modal?(0,tt.jsx)(jOe,{...i,ref:n}):(0,tt.jsx)($Oe,{...i,ref:n})})})})},"MenuContent")),jOe=Le.forwardRef(Nt(function(e,n){let o=Bh(Ac,e.__scopeMenu),r=Le.useRef(null),i=De(n,r);return Le.useEffect(()=>{let s=r.current;if(s)return Rh(s)},[]),(0,tt.jsx)(i6,{...e,ref:i,trapFocus:o.open,disableOutsidePointerEvents:o.open,disableOutsideScroll:!0,onFocusOutside:oe(e.onFocusOutside,s=>s.preventDefault(),{checkForDefaultPrevented:!1}),onDismiss:()=>o.onOpenChange(!1)})},"MenuRootContentModal")),$Oe=Le.forwardRef(Nt(function(e,n){let o=Bh(Ac,e.__scopeMenu);return(0,tt.jsx)(i6,{...e,ref:n,trapFocus:!1,disableOutsidePointerEvents:!1,disableOutsideScroll:!1,onDismiss:()=>o.onOpenChange(!1)})},"MenuRootContentNonModal")),KOe=Nr("MenuContent.ScrollLock"),i6=Le.forwardRef(Nt(function(e,n){let{__scopeMenu:o,loop:r=!1,trapFocus:i,onOpenAutoFocus:s,onCloseAutoFocus:a,disableOutsidePointerEvents:l,onEntryFocus:c,onEscapeKeyDown:d,onPointerDownOutside:u,onFocusOutside:p,onInteractOutside:f,onDismiss:h,disableOutsideScroll:g,...y}=e,m=Bh(Ac,o),S=z1(Ac,o),b=B1(o),v=mae(o),w=LOe(o),[x,C]=Le.useState(null),P=Le.useRef(null),M=De(n,P,m.onContentChange),E=Le.useRef(0),I=Le.useRef(""),R=Le.useRef(0),D=Le.useRef(null),N=Le.useRef("right"),B=Le.useRef(0),F=g?Sp:Le.Fragment,k=g?{as:KOe,allowPinchZoom:!0}:void 0,L=Nt(V=>{let Y=I.current+V,Z=w().filter(se=>!se.disabled),le=document.activeElement,Te=Z.find(se=>se.ref.current===le)?.textValue,Ge=Z.map(se=>se.textValue),We=_ae(Ge,Y,Te),ke=Z.find(se=>se.textValue===We)?.ref.current;Nt((function se(ze){I.current=ze,window.clearTimeout(E.current),ze!==""&&(E.current=window.setTimeout(()=>se(""),1e3))}),"updateSearch")(Y),ke&&setTimeout(()=>ke.focus())},"handleTypeaheadSearch");Le.useEffect(()=>()=>window.clearTimeout(E.current),[]),Eu();let U=Le.useCallback(V=>N.current===D.current?.side&&Aae(V,D.current?.area),[]);return(0,tt.jsx)(HOe,{scope:o,searchRef:I,onItemEnter:Le.useCallback(V=>{U(V)&&V.preventDefault()},[U]),onItemLeave:Le.useCallback(V=>{U(V)||(P.current?.focus(),C(null))},[U]),onTriggerLeave:Le.useCallback(V=>{U(V)&&V.preventDefault()},[U]),pointerGraceTimerRef:R,onPointerGraceIntentChange:Le.useCallback(V=>{D.current=V},[]),children:(0,tt.jsx)(F,{...k,children:(0,tt.jsx)(kh,{asChild:!0,trapped:i,onMountAutoFocus:oe(s,V=>{V.preventDefault(),P.current?.focus({preventScroll:!0})}),onUnmountAutoFocus:a,children:(0,tt.jsx)(Cc,{asChild:!0,disableOutsidePointerEvents:l,onEscapeKeyDown:d,onPointerDownOutside:u,onFocusOutside:p,onInteractOutside:f,onDismiss:h,children:(0,tt.jsx)(Yv,{asChild:!0,...v,dir:S.dir,orientation:"vertical",loop:r,currentTabStopId:x,onCurrentTabStopIdChange:C,onEntryFocus:oe(c,V=>{S.isUsingKeyboardRef.current||V.preventDefault()}),preventScrollOnEntryFocus:!0,children:(0,tt.jsx)(Lh,{role:"menu","aria-orientation":"vertical","data-state":a6(m.open),"data-radix-menu-content":"",dir:S.dir,...b,...y,ref:M,style:{outline:"none",...y.style},onKeyDown:oe(y.onKeyDown,V=>{let Z=V.target.closest("[data-radix-menu-content]")===V.currentTarget,le=V.ctrlKey||V.altKey||V.metaKey,Te=V.key.length===1;Z&&(V.key==="Tab"&&V.preventDefault(),!le&&Te&&L(V.key));let Ge=P.current;if(V.target!==Ge||!ROe.includes(V.key))return;V.preventDefault();let ke=w().filter(se=>!se.disabled).map(se=>se.ref.current);hae.includes(V.key)&&ke.reverse(),Eae(ke)}),onBlur:oe(e.onBlur,V=>{V.currentTarget.contains(V.target)||(window.clearTimeout(E.current),I.current="")}),onPointerMove:oe(e.onPointerMove,qv(V=>{let Y=V.target,Z=B.current!==V.clientX;if(V.currentTarget.contains(Y)&&Z){let le=V.clientX>B.current?"right":"left";N.current=le,B.current=V.clientX}}))})})})})})})},"MenuContentImpl")),vae=Le.forwardRef(Nt(function(e,n){let{__scopeMenu:o,...r}=e;return(0,tt.jsx)(me.div,{role:"group",...r,ref:n})},"MenuGroup")),GOe=Le.forwardRef(Nt(function(e,n){let{__scopeMenu:o,...r}=e;return(0,tt.jsx)(me.div,{...r,ref:n})},"MenuLabel")),o6="MenuItem",fae="menu.itemSelect",s6=Le.forwardRef(Nt(function(e,n){let{disabled:o=!1,onSelect:r,...i}=e,s=Le.useRef(null),a=z1(o6,e.__scopeMenu),l=r6(o6,e.__scopeMenu),c=De(n,s),d=Le.useRef(!1),u=Nt(()=>{let p=s.current;if(!o&&p){let f=new CustomEvent(fae,{bubbles:!0,cancelable:!0});p.addEventListener(fae,h=>r?.(h),{once:!0}),ly(p,f),f.defaultPrevented?d.current=!1:a.onClose()}},"handleSelect");return(0,tt.jsx)(wae,{...i,ref:c,disabled:o,onClick:oe(e.onClick,u),onPointerDown:p=>{e.onPointerDown?.(p),d.current=!0},onPointerUp:oe(e.onPointerUp,p=>{d.current||p.currentTarget?.click()}),onKeyDown:oe(e.onKeyDown,p=>{o||p.target!==p.currentTarget||l.searchRef.current!==""&&p.key===" "||n6.includes(p.key)&&(p.currentTarget.click(),p.preventDefault())})})},"MenuItem")),wae=Le.forwardRef(Nt(function(e,n){let{__scopeMenu:o,disabled:r=!1,textValue:i,...s}=e,a=r6(o6,o),l=mae(o),c=Le.useRef(null),d=De(n,c),[u,p]=Le.useState(!1),[f,h]=Le.useState("");return Le.useEffect(()=>{let g=c.current;g&&h((g.textContent??"").trim())},[s.children]),(0,tt.jsx)(N1.ItemSlot,{scope:o,disabled:r,textValue:i??f,children:(0,tt.jsx)(vy,{asChild:!0,...l,focusable:!r,children:(0,tt.jsx)(me.div,{role:"menuitem","data-highlighted":u?"":void 0,"aria-disabled":r||void 0,"data-disabled":r?"":void 0,...s,ref:d,onPointerMove:oe(e.onPointerMove,qv(g=>{r?a.onItemLeave(g):(a.onItemEnter(g),g.defaultPrevented||g.currentTarget.focus({preventScroll:!0}))})),onPointerLeave:oe(e.onPointerLeave,qv(g=>a.onItemLeave(g))),onFocus:oe(e.onFocus,()=>p(!0)),onBlur:oe(e.onBlur,()=>p(!1))})})})},"MenuItemImpl")),WOe=Le.forwardRef(Nt(function(e,n){let{checked:o=!1,onCheckedChange:r,...i}=e;return(0,tt.jsx)(Tae,{scope:e.__scopeMenu,checked:o,children:(0,tt.jsx)(s6,{role:"menuitemcheckbox","aria-checked":F1(o)?"mixed":o,...i,ref:n,"data-state":e2(o),onSelect:oe(i.onSelect,()=>r?.(F1(o)?!0:!o),{checkForDefaultPrevented:!1})})})},"MenuCheckboxItem")),YOe="MenuRadioGroup",[qOe,XOe]=wy(YOe,{value:void 0,onValueChange:Nt(()=>{},"onValueChange")}),ZOe=Le.forwardRef(Nt(function(e,n){let{value:o,onValueChange:r,...i}=e,s=bo(r);return(0,tt.jsx)(qOe,{scope:e.__scopeMenu,value:o,onValueChange:s,children:(0,tt.jsx)(vae,{...i,ref:n})})},"MenuRadioGroup")),JOe="MenuRadioItem",QOe=Le.forwardRef(Nt(function(e,n){let{value:o,...r}=e,i=XOe(JOe,e.__scopeMenu),s=o===i.value;return(0,tt.jsx)(Tae,{scope:e.__scopeMenu,checked:s,children:(0,tt.jsx)(s6,{role:"menuitemradio","aria-checked":s,...r,ref:n,"data-state":e2(s),onSelect:oe(r.onSelect,()=>i.onValueChange?.(o),{checkForDefaultPrevented:!1})})})},"MenuRadioItem")),xae="MenuItemIndicator",[Tae,eLe]=wy(xae,{checked:!1}),tLe=Le.forwardRef(Nt(function(e,n){let{__scopeMenu:o,forceMount:r,...i}=e,s=eLe(xae,o);return(0,tt.jsx)(Fr,{present:r||F1(s.checked)||s.checked===!0,children:(0,tt.jsx)(me.span,{...i,ref:n,"data-state":e2(s.checked)})})},"MenuItemIndicator")),nLe=Le.forwardRef(Nt(function(e,n){let{__scopeMenu:o,...r}=e;return(0,tt.jsx)(me.div,{role:"separator","aria-orientation":"horizontal",...r,ref:n})},"MenuSeparator")),oLe=Le.forwardRef(Nt(function(e,n){let{__scopeMenu:o,...r}=e,i=B1(o);return(0,tt.jsx)(Nh,{...i,...r,ref:n})},"MenuArrow")),Cae="MenuSub",[rLe,Pae]=wy(Cae),iLe=Nt(t=>{let{__scopeMenu:e,children:n,open:o=!1,onOpenChange:r}=t,i=Bh(Cae,e),s=B1(e),[a,l]=Le.useState(null),[c,d]=Le.useState(null),u=bo(r);return Le.useEffect(()=>(i.open===!1&&u(!1),()=>u(!1)),[i.open,u]),(0,tt.jsx)(xp,{...s,children:(0,tt.jsx)(gae,{scope:e,open:o,onOpenChange:u,content:c,onContentChange:d,children:(0,tt.jsx)(rLe,{scope:e,contentId:sr(),triggerId:sr(),trigger:a,onTriggerChange:l,children:n})})})},"MenuSub"),JR="MenuSubTrigger",sLe=Le.forwardRef(Nt(function(e,n){let o=Bh(JR,e.__scopeMenu),r=z1(JR,e.__scopeMenu),i=Pae(JR,e.__scopeMenu),s=r6(JR,e.__scopeMenu),a=Le.useRef(null),{pointerGraceTimerRef:l,onPointerGraceIntentChange:c}=s,d={__scopeMenu:e.__scopeMenu},u=Le.useCallback(()=>{a.current&&window.clearTimeout(a.current),a.current=null},[]);Le.useEffect(()=>u,[u]),Le.useEffect(()=>{let f=l.current;return()=>{window.clearTimeout(f),c(null)}},[l,c]);let p=De(n,i.onTriggerChange);return(0,tt.jsx)(yae,{asChild:!0,...d,children:(0,tt.jsx)(wae,{id:i.triggerId,"aria-haspopup":"menu","aria-expanded":o.open,"aria-controls":o.open?i.contentId:void 0,"data-state":a6(o.open),...e,ref:p,onClick:f=>{e.onClick?.(f),!(e.disabled||f.defaultPrevented)&&(f.currentTarget.focus(),o.open||o.onOpenChange(!0))},onPointerMove:oe(e.onPointerMove,qv(f=>{s.onItemEnter(f),!f.defaultPrevented&&!e.disabled&&!o.open&&!a.current&&(s.onPointerGraceIntentChange(null),a.current=window.setTimeout(()=>{o.onOpenChange(!0),u()},100))})),onPointerLeave:oe(e.onPointerLeave,qv(f=>{u();let h=o.content?.getBoundingClientRect();if(h){let g=o.content?.dataset.side,y=g==="right",m=y?-5:5,S=h[y?"left":"right"],b=h[y?"right":"left"];s.onPointerGraceIntentChange({area:[{x:f.clientX+m,y:f.clientY},{x:S,y:h.top},{x:b,y:h.top},{x:b,y:h.bottom},{x:S,y:h.bottom}],side:g}),window.clearTimeout(l.current),l.current=window.setTimeout(()=>s.onPointerGraceIntentChange(null),300)}else{if(s.onTriggerLeave(f),f.defaultPrevented)return;s.onPointerGraceIntentChange(null)}})),onKeyDown:oe(e.onKeyDown,f=>{e.disabled||f.target!==f.currentTarget||s.searchRef.current!==""&&f.key===" "||DOe[r.dir].includes(f.key)&&(o.onOpenChange(!0),o.content?.focus(),f.preventDefault())})})})},"MenuSubTrigger")),aLe="MenuSubContent",lLe=Le.forwardRef(Nt(function(e,n){let o=bae(Ac,e.__scopeMenu),{forceMount:r=o.forceMount,align:i="start",...s}=e,a=Bh(Ac,e.__scopeMenu),l=z1(Ac,e.__scopeMenu),c=Pae(aLe,e.__scopeMenu),d=Le.useRef(null),u=De(n,d);return(0,tt.jsx)(N1.Provider,{scope:e.__scopeMenu,children:(0,tt.jsx)(Fr,{present:r||a.open,children:(0,tt.jsx)(N1.Slot,{scope:e.__scopeMenu,children:(0,tt.jsx)(i6,{id:c.contentId,"aria-labelledby":c.triggerId,...s,ref:u,align:i,side:l.dir==="rtl"?"left":"right",disableOutsidePointerEvents:!1,disableOutsideScroll:!1,trapFocus:!1,onOpenAutoFocus:p=>{l.isUsingKeyboardRef.current&&d.current?.focus(),p.preventDefault()},onCloseAutoFocus:p=>p.preventDefault(),onFocusOutside:oe(e.onFocusOutside,p=>{p.target!==c.trigger&&a.onOpenChange(!1)}),onEscapeKeyDown:oe(e.onEscapeKeyDown,p=>{l.onClose(),p.preventDefault()}),onKeyDown:oe(e.onKeyDown,p=>{let f=p.currentTarget.contains(p.target),h=OOe[l.dir].includes(p.key);f&&h&&(a.onOpenChange(!1),c.trigger?.focus(),p.preventDefault())})})})})})},"MenuSubContent"));function a6(t){return t?"open":"closed"}Nt(a6,"getOpenState");function F1(t){return t==="indeterminate"}Nt(F1,"isIndeterminate");function e2(t){return F1(t)?"indeterminate":t?"checked":"unchecked"}Nt(e2,"getCheckedState");function Eae(t){let e=document.activeElement;for(let n of t)if(n===e||(n.focus(),document.activeElement!==e))return}Nt(Eae,"focusFirst");function Iae(t,e){return t.map((n,o)=>t[(e+o)%t.length])}Nt(Iae,"wrapArray");function _ae(t,e,n){let r=e.length>1&&Array.from(e).every(c=>c===e[0])?e[0]:e,i=n?t.indexOf(n):-1,s=Iae(t,Math.max(i,0));r.length===1&&(s=s.filter(c=>c!==n));let l=s.find(c=>c.toLowerCase().startsWith(r.toLowerCase()));return l!==n?l:void 0}Nt(_ae,"getNextMatch");function Mae(t,e){let{x:n,y:o}=t,r=!1;for(let i=0,s=e.length-1;i<e.length;s=i++){let a=e[i],l=e[s],c=a.x,d=a.y,u=l.x,p=l.y;d>o!=p>o&&n<(u-c)*(o-d)/(p-d)+c&&(r=!r)}return r}Nt(Mae,"isPointInPolygon");function Aae(t,e){if(!e)return!1;let n={x:t.clientX,y:t.clientY};return Mae(n,e)}Nt(Aae,"isPointerInGraceArea");function qv(t){return e=>e.pointerType==="mouse"?t(e):void 0}Nt(qv,"whenMouse");var t2=BOe,n2=yae,o2=UOe,r2=VOe,i2=vae,s2=GOe,a2=s6,l2=WOe,c2=ZOe,u2=QOe,d2=tLe,p2=nLe,f2=oLe,h2=iLe,m2=sLe,g2=lLe;var Bo=_(j(),1),cLe=Object.defineProperty,zr=(t,e)=>cLe(t,"name",{value:e,configurable:!0}),l6="ContextMenu",[uLe,dLe]=fn(l6,[Xv]),ss=Xv(),[pLe,Rae]=uLe(l6),Dae=zr(t=>{let{__scopeContextMenu:e,children:n,onOpenChange:o,open:r,dir:i,modal:s=!0}=t,a=_n.useRef(!1);if(Fv){let u=_n.useRef(!1);_n.useEffect(()=>{r===!0&&!a.current&&!u.current&&(u.current=!0,console.warn("ContextMenu: The `open` prop has been set to `true` before the user has interacted with the trigger, so its position is indeterminate. This is likely unintended and will result in the menu being anchored to the top-left corner of the viewport."))},[r])}let[l,c]=Vn({prop:r,defaultProp:!1,onChange:o,caller:l6}),d=ss(e);return(0,Bo.jsx)(pLe,{scope:e,open:l,onOpenChange:c,modal:s,hasInteractedRef:a,children:(0,Bo.jsx)(t2,{...d,dir:i,open:l,onOpenChange:c,modal:s,children:n})})},"ContextMenu"),fLe="ContextMenuTrigger",Oae=_n.forwardRef(zr(function(e,n){let{__scopeContextMenu:o,disabled:r=!1,...i}=e,s=Rae(fLe,o),a=ss(o),[l,c]=_n.useState({x:0,y:0}),d=_n.useMemo(()=>({current:{getBoundingClientRect:zr(()=>DOMRect.fromRect({width:0,height:0,...l}),"getBoundingClientRect")}}),[l]),u=_n.useRef(0),p=_n.useCallback(()=>window.clearTimeout(u.current),[]),f=zr(h=>{s.hasInteractedRef.current=!0,c({x:h.clientX,y:h.clientY}),s.onOpenChange(!0)},"handleOpen");return _n.useEffect(()=>p,[p]),_n.useEffect(()=>{r&&p()},[r,p]),(0,Bo.jsxs)(Bo.Fragment,{children:[(0,Bo.jsx)(n2,{...a,virtualRef:d}),(0,Bo.jsx)(me.span,{"data-state":s.open?"open":"closed","data-disabled":r?"":void 0,...i,ref:n,style:{WebkitTouchCallout:"none",...e.style},onContextMenu:r?e.onContextMenu:oe(e.onContextMenu,h=>{p(),f(h),h.preventDefault()}),onPointerDown:r?e.onPointerDown:oe(e.onPointerDown,U1(h=>{p(),s.open&&s.onOpenChange(!1),u.current=window.setTimeout(()=>f(h),700)})),onPointerMove:r?e.onPointerMove:oe(e.onPointerMove,U1(p)),onPointerCancel:r?e.onPointerCancel:oe(e.onPointerCancel,U1(p)),onPointerUp:r?e.onPointerUp:oe(e.onPointerUp,U1(p))})]})},"ContextMenuTrigger")),Lae=zr(t=>{let{__scopeContextMenu:e,...n}=t,o=ss(e);return(0,Bo.jsx)(o2,{...o,...n})},"ContextMenuPortal"),hLe="ContextMenuContent",Nae=_n.forwardRef(zr(function(e,n){let{__scopeContextMenu:o,...r}=e,i=Rae(hLe,o),s=ss(o),a=_n.useRef(!1);return(0,Bo.jsx)(r2,{...s,...r,ref:n,side:"right",sideOffset:2,align:"start",onCloseAutoFocus:l=>{e.onCloseAutoFocus?.(l),!l.defaultPrevented&&a.current&&l.preventDefault(),a.current=!1},onInteractOutside:l=>{e.onInteractOutside?.(l),!l.defaultPrevented&&!i.modal&&(a.current=!0)},style:{...e.style,"--radix-context-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-context-menu-content-available-width":"var(--radix-popper-available-width)","--radix-context-menu-content-available-height":"var(--radix-popper-available-height)","--radix-context-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-context-menu-trigger-height":"var(--radix-popper-anchor-height)"}})},"ContextMenuContent")),Fae=_n.forwardRef(zr(function(e,n){let{__scopeContextMenu:o,...r}=e,i=ss(o);return(0,Bo.jsx)(i2,{...i,...r,ref:n})},"ContextMenuGroup")),Bae=_n.forwardRef(zr(function(e,n){let{__scopeContextMenu:o,...r}=e,i=ss(o);return(0,Bo.jsx)(s2,{...i,...r,ref:n})},"ContextMenuLabel")),zae=_n.forwardRef(zr(function(e,n){let{__scopeContextMenu:o,...r}=e,i=ss(o);return(0,Bo.jsx)(a2,{...i,...r,ref:n})},"ContextMenuItem")),Uae=_n.forwardRef(zr(function(e,n){let{__scopeContextMenu:o,...r}=e,i=ss(o);return(0,Bo.jsx)(l2,{...i,...r,ref:n})},"ContextMenuCheckboxItem")),Hae=_n.forwardRef(zr(function(e,n){let{__scopeContextMenu:o,...r}=e,i=ss(o);return(0,Bo.jsx)(c2,{...i,...r,ref:n})},"ContextMenuRadioGroup")),Vae=_n.forwardRef(zr(function(e,n){let{__scopeContextMenu:o,...r}=e,i=ss(o);return(0,Bo.jsx)(u2,{...i,...r,ref:n})},"ContextMenuRadioItem")),jae=_n.forwardRef(zr(function(e,n){let{__scopeContextMenu:o,...r}=e,i=ss(o);return(0,Bo.jsx)(d2,{...i,...r,ref:n})},"ContextMenuItemIndicator")),$ae=_n.forwardRef(zr(function(e,n){let{__scopeContextMenu:o,...r}=e,i=ss(o);return(0,Bo.jsx)(p2,{...i,...r,ref:n})},"ContextMenuSeparator")),Kae=_n.forwardRef(zr(function(e,n){let{__scopeContextMenu:o,...r}=e,i=ss(o);return(0,Bo.jsx)(f2,{...i,...r,ref:n})},"ContextMenuArrow")),mLe="ContextMenuSub",Gae=zr(t=>{let{__scopeContextMenu:e,children:n,onOpenChange:o,open:r,defaultOpen:i}=t,s=ss(e),[a,l]=Vn({prop:r,defaultProp:i??!1,onChange:o,caller:mLe});return(0,Bo.jsx)(h2,{...s,open:a,onOpenChange:l,children:n})},"ContextMenuSub"),Wae=_n.forwardRef(zr(function(e,n){let{__scopeContextMenu:o,...r}=e,i=ss(o);return(0,Bo.jsx)(m2,{...i,...r,ref:n})},"ContextMenuSubTrigger")),Yae=_n.forwardRef(zr(function(e,n){let{__scopeContextMenu:o,...r}=e,i=ss(o);return(0,Bo.jsx)(g2,{...i,...r,ref:n,style:{...e.style,"--radix-context-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-context-menu-content-available-width":"var(--radix-popper-available-width)","--radix-context-menu-content-available-height":"var(--radix-popper-available-height)","--radix-context-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-context-menu-trigger-height":"var(--radix-popper-anchor-height)"}})},"ContextMenuSubContent"));function U1(t){return e=>e.pointerType!=="mouse"?t(e):void 0}zr(U1,"whenTouchOrPen");var gLe=Dae,yLe=Oae,SLe=Lae,bLe=Nae,vLe=Fae,wLe=Bae,xLe=zae,TLe=Uae,CLe=Hae,PLe=Vae,ELe=jae,ILe=$ae,_Le=Kae,MLe=Gae,ALe=Wae,kLe=Yae;var io={};il(io,{Arrow:()=>XLe,CheckboxItem:()=>KLe,Content:()=>HLe,DropdownMenu:()=>Xae,DropdownMenuArrow:()=>lle,DropdownMenuCheckboxItem:()=>ole,DropdownMenuContent:()=>Qae,DropdownMenuGroup:()=>ele,DropdownMenuItem:()=>nle,DropdownMenuItemIndicator:()=>sle,DropdownMenuLabel:()=>tle,DropdownMenuPortal:()=>Jae,DropdownMenuRadioGroup:()=>rle,DropdownMenuRadioItem:()=>ile,DropdownMenuSeparator:()=>ale,DropdownMenuSub:()=>cle,DropdownMenuSubContent:()=>dle,DropdownMenuSubTrigger:()=>ule,DropdownMenuTrigger:()=>Zae,Group:()=>VLe,Item:()=>$Le,ItemIndicator:()=>YLe,Label:()=>jLe,Portal:()=>ULe,RadioGroup:()=>GLe,RadioItem:()=>WLe,Root:()=>BLe,Separator:()=>qLe,Sub:()=>ZLe,SubContent:()=>QLe,SubTrigger:()=>JLe,Trigger:()=>zLe,createDropdownMenuScope:()=>OLe});var Hr=_(H(),1);var Ur=_(j(),1),RLe=Object.defineProperty,ls=(t,e)=>RLe(t,"name",{value:e,configurable:!0}),c6="DropdownMenu",[DLe,OLe]=fn(c6,[Xv]),cs=Xv(),[LLe,qae]=DLe(c6),Xae=ls(t=>{let{__scopeDropdownMenu:e,children:n,dir:o,open:r,defaultOpen:i,onOpenChange:s,modal:a=!0}=t,l=cs(e),c=Hr.useRef(null),[d,u]=Vn({prop:r,defaultProp:i??!1,onChange:s,caller:c6});return(0,Ur.jsx)(LLe,{scope:e,triggerId:sr(),triggerRef:c,contentId:sr(),open:d,onOpenChange:u,onOpenToggle:Hr.useCallback(()=>u(p=>!p),[u]),modal:a,children:(0,Ur.jsx)(t2,{...l,open:d,onOpenChange:u,dir:o,modal:a,children:n})})},"DropdownMenu"),NLe="DropdownMenuTrigger",Zae=Hr.forwardRef(ls(function(e,n){let{__scopeDropdownMenu:o,disabled:r=!1,...i}=e,s=qae(NLe,o),a=cs(o),l=De(n,s.triggerRef);return(0,Ur.jsx)(n2,{asChild:!0,...a,children:(0,Ur.jsx)(me.button,{type:"button",id:s.triggerId,"aria-haspopup":"menu","aria-expanded":s.open,"aria-controls":s.open?s.contentId:void 0,"data-state":s.open?"open":"closed","data-disabled":r?"":void 0,disabled:r,...i,ref:l,onPointerDown:oe(e.onPointerDown,c=>{!r&&c.button===0&&c.ctrlKey===!1&&(s.onOpenToggle(),s.open||c.preventDefault())}),onKeyDown:oe(e.onKeyDown,c=>{r||(["Enter"," "].includes(c.key)&&s.onOpenToggle(),c.key==="ArrowDown"&&s.onOpenChange(!0),["Enter"," ","ArrowDown"].includes(c.key)&&c.preventDefault())})})})},"DropdownMenuTrigger")),Jae=ls(t=>{let{__scopeDropdownMenu:e,...n}=t,o=cs(e);return(0,Ur.jsx)(o2,{...o,...n})},"DropdownMenuPortal"),FLe="DropdownMenuContent",Qae=Hr.forwardRef(ls(function(e,n){let{__scopeDropdownMenu:o,...r}=e,i=qae(FLe,o),s=cs(o),a=Hr.useRef(!1);return(0,Ur.jsx)(r2,{id:i.contentId,"aria-labelledby":i.triggerId,...s,...r,ref:n,onCloseAutoFocus:oe(e.onCloseAutoFocus,l=>{a.current||i.triggerRef.current?.focus(),a.current=!1,l.preventDefault()}),onInteractOutside:oe(e.onInteractOutside,l=>{let c=l.detail.originalEvent,d=c.button===0&&c.ctrlKey===!0,u=c.button===2||d;(!i.modal||u)&&(a.current=!0)}),style:{...e.style,"--radix-dropdown-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-dropdown-menu-content-available-width":"var(--radix-popper-available-width)","--radix-dropdown-menu-content-available-height":"var(--radix-popper-available-height)","--radix-dropdown-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-dropdown-menu-trigger-height":"var(--radix-popper-anchor-height)"}})},"DropdownMenuContent")),ele=Hr.forwardRef(ls(function(e,n){let{__scopeDropdownMenu:o,...r}=e,i=cs(o);return(0,Ur.jsx)(i2,{...i,...r,ref:n})},"DropdownMenuGroup")),tle=Hr.forwardRef(ls(function(e,n){let{__scopeDropdownMenu:o,...r}=e,i=cs(o);return(0,Ur.jsx)(s2,{...i,...r,ref:n})},"DropdownMenuLabel")),nle=Hr.forwardRef(ls(function(e,n){let{__scopeDropdownMenu:o,...r}=e,i=cs(o);return(0,Ur.jsx)(a2,{...i,...r,ref:n})},"DropdownMenuItem")),ole=Hr.forwardRef(ls(function(e,n){let{__scopeDropdownMenu:o,...r}=e,i=cs(o);return(0,Ur.jsx)(l2,{...i,...r,ref:n})},"DropdownMenuCheckboxItem")),rle=Hr.forwardRef(ls(function(e,n){let{__scopeDropdownMenu:o,...r}=e,i=cs(o);return(0,Ur.jsx)(c2,{...i,...r,ref:n})},"DropdownMenuRadioGroup")),ile=Hr.forwardRef(ls(function(e,n){let{__scopeDropdownMenu:o,...r}=e,i=cs(o);return(0,Ur.jsx)(u2,{...i,...r,ref:n})},"DropdownMenuRadioItem")),sle=Hr.forwardRef(ls(function(e,n){let{__scopeDropdownMenu:o,...r}=e,i=cs(o);return(0,Ur.jsx)(d2,{...i,...r,ref:n})},"DropdownMenuItemIndicator")),ale=Hr.forwardRef(ls(function(e,n){let{__scopeDropdownMenu:o,...r}=e,i=cs(o);return(0,Ur.jsx)(p2,{...i,...r,ref:n})},"DropdownMenuSeparator")),lle=Hr.forwardRef(ls(function(e,n){let{__scopeDropdownMenu:o,...r}=e,i=cs(o);return(0,Ur.jsx)(f2,{...i,...r,ref:n})},"DropdownMenuArrow")),cle=ls(t=>{let{__scopeDropdownMenu:e,children:n,open:o,onOpenChange:r,defaultOpen:i}=t,s=cs(e),[a,l]=Vn({prop:o,defaultProp:i??!1,onChange:r,caller:"DropdownMenuSub"});return(0,Ur.jsx)(h2,{...s,open:a,onOpenChange:l,children:n})},"DropdownMenuSub"),ule=Hr.forwardRef(ls(function(e,n){let{__scopeDropdownMenu:o,...r}=e,i=cs(o);return(0,Ur.jsx)(m2,{...i,...r,ref:n})},"DropdownMenuSubTrigger")),dle=Hr.forwardRef(ls(function(e,n){let{__scopeDropdownMenu:o,...r}=e,i=cs(o);return(0,Ur.jsx)(g2,{...i,...r,ref:n,style:{...e.style,"--radix-dropdown-menu-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-dropdown-menu-content-available-width":"var(--radix-popper-available-width)","--radix-dropdown-menu-content-available-height":"var(--radix-popper-available-height)","--radix-dropdown-menu-trigger-width":"var(--radix-popper-anchor-width)","--radix-dropdown-menu-trigger-height":"var(--radix-popper-anchor-height)"}})},"DropdownMenuSubContent")),BLe=Xae,zLe=Zae,ULe=Jae,HLe=Qae,VLe=ele,jLe=tle,$Le=nle,KLe=ole,GLe=rle,WLe=ile,YLe=sle,qLe=ale,XLe=lle,ZLe=cle,JLe=ule,QLe=dle;var y2=_(H(),1),eNe=Object.defineProperty,tNe=(t,e)=>eNe(t,"name",{value:e,configurable:!0});function H1(t){let e=y2.useRef({value:t,previous:t});return y2.useMemo(()=>(e.current.value!==t&&(e.current.previous=e.current.value,e.current.value=t),e.current.previous),[t])}tNe(H1,"usePrevious");var nNe=Object.defineProperty,oNe=(t,e)=>nNe(t,"name",{value:e,configurable:!0});function xy(t,[e,n]){return Math.min(n,Math.max(e,t))}oNe(xy,"clamp");var Ni={};il(Ni,{Anchor:()=>gNe,Arrow:()=>wNe,Close:()=>vNe,Content:()=>bNe,Popover:()=>fle,PopoverAnchor:()=>hle,PopoverArrow:()=>wle,PopoverClose:()=>vle,PopoverContent:()=>Sle,PopoverPortal:()=>yle,PopoverTrigger:()=>mle,Portal:()=>SNe,Root:()=>mNe,Trigger:()=>yNe,createPopoverScope:()=>iNe});var Mo=_(H(),1);var Er=_(j(),1),rNe=Object.defineProperty,kc=(t,e)=>rNe(t,"name",{value:e,configurable:!0}),u6="Popover",[ple,iNe]=fn(u6,[Bl]),j1=Bl(),[sNe,zh]=ple(u6),fle=kc(t=>{let{__scopePopover:e,children:n,open:o,defaultOpen:r,onOpenChange:i,modal:s=!1}=t,a=j1(e),l=Mo.useRef(null),[c,d]=Mo.useState(!1),[u,p]=Vn({prop:o,defaultProp:r??!1,onChange:i,caller:u6});return(0,Er.jsx)(xp,{...a,children:(0,Er.jsx)(sNe,{scope:e,contentId:sr(),triggerRef:l,open:u,onOpenChange:p,onOpenToggle:Mo.useCallback(()=>p(f=>!f),[p]),hasCustomAnchor:c,onCustomAnchorAdd:Mo.useCallback(()=>d(!0),[]),onCustomAnchorRemove:Mo.useCallback(()=>d(!1),[]),modal:s,children:n})})},"Popover"),aNe="PopoverAnchor",hle=Mo.forwardRef(kc(function(e,n){let{__scopePopover:o,...r}=e,i=zh(aNe,o),s=j1(o),{onCustomAnchorAdd:a,onCustomAnchorRemove:l}=i;return Mo.useEffect(()=>(a(),()=>l()),[a,l]),(0,Er.jsx)(Tp,{...s,...r,ref:n})},"PopoverAnchor")),lNe="PopoverTrigger",mle=Mo.forwardRef(kc(function(e,n){let{__scopePopover:o,...r}=e,i=zh(lNe,o),s=j1(o),a=De(n,i.triggerRef),l=(0,Er.jsx)(me.button,{type:"button","aria-haspopup":"dialog","aria-expanded":i.open,"aria-controls":i.open?i.contentId:void 0,"data-state":d6(i.open),...r,ref:a,onClick:oe(e.onClick,i.onOpenToggle)});return i.hasCustomAnchor?l:(0,Er.jsx)(Tp,{asChild:!0,...s,children:l})},"PopoverTrigger")),gle="PopoverPortal",[cNe,uNe]=ple(gle,{forceMount:void 0}),yle=kc(t=>{let{__scopePopover:e,forceMount:n,children:o,container:r}=t,i=zh(gle,e);return(0,Er.jsx)(cNe,{scope:e,forceMount:n,children:(0,Er.jsx)(Fr,{present:n||i.open,children:(0,Er.jsx)(Fl,{asChild:!0,container:r,children:o})})})},"PopoverPortal"),V1="PopoverContent",Sle=Mo.forwardRef(kc(function(e,n){let o=uNe(V1,e.__scopePopover),{forceMount:r=o.forceMount,...i}=e,s=zh(V1,e.__scopePopover);return(0,Er.jsx)(Fr,{present:r||s.open,children:s.modal?(0,Er.jsx)(pNe,{...i,ref:n}):(0,Er.jsx)(fNe,{...i,ref:n})})},"PopoverContent")),dNe=Nr("PopoverContent.RemoveScroll"),pNe=Mo.forwardRef(kc(function(e,n){let o=zh(V1,e.__scopePopover),r=Mo.useRef(null),i=De(n,r),s=Mo.useRef(!1);return Mo.useEffect(()=>{let a=r.current;if(a)return Rh(a)},[]),(0,Er.jsx)(Sp,{as:dNe,allowPinchZoom:!0,children:(0,Er.jsx)(ble,{...e,ref:i,trapFocus:o.open,disableOutsidePointerEvents:!0,onCloseAutoFocus:oe(e.onCloseAutoFocus,a=>{a.preventDefault(),s.current||o.triggerRef.current?.focus()}),onPointerDownOutside:oe(e.onPointerDownOutside,a=>{let l=a.detail.originalEvent,c=l.button===0&&l.ctrlKey===!0,d=l.button===2||c;s.current=d},{checkForDefaultPrevented:!1}),onFocusOutside:oe(e.onFocusOutside,a=>a.preventDefault(),{checkForDefaultPrevented:!1})})})},"PopoverContentModal")),fNe=Mo.forwardRef(kc(function(e,n){let o=zh(V1,e.__scopePopover),r=Mo.useRef(!1),i=Mo.useRef(!1);return(0,Er.jsx)(ble,{...e,ref:n,trapFocus:!1,disableOutsidePointerEvents:!1,onCloseAutoFocus:s=>{e.onCloseAutoFocus?.(s),s.defaultPrevented||(r.current||o.triggerRef.current?.focus(),s.preventDefault()),r.current=!1,i.current=!1},onInteractOutside:s=>{e.onInteractOutside?.(s),s.defaultPrevented||(r.current=!0,s.detail.originalEvent.type==="pointerdown"&&(i.current=!0));let a=s.target;o.triggerRef.current?.contains(a)&&s.preventDefault(),s.detail.originalEvent.type==="focusin"&&i.current&&s.preventDefault()}})},"PopoverContentNonModal")),ble=Mo.forwardRef(kc(function(e,n){let{__scopePopover:o,trapFocus:r,onOpenAutoFocus:i,onCloseAutoFocus:s,disableOutsidePointerEvents:a,onEscapeKeyDown:l,onPointerDownOutside:c,onFocusOutside:d,onInteractOutside:u,...p}=e,f=zh(V1,o),h=j1(o);return Eu(),(0,Er.jsx)(kh,{asChild:!0,loop:!0,trapped:r,onMountAutoFocus:i,onUnmountAutoFocus:s,children:(0,Er.jsx)(Cc,{asChild:!0,disableOutsidePointerEvents:a,onInteractOutside:u,onEscapeKeyDown:l,onPointerDownOutside:c,onFocusOutside:d,onDismiss:()=>f.onOpenChange(!1),deferPointerDownOutside:!0,children:(0,Er.jsx)(Lh,{"data-state":d6(f.open),role:"dialog",id:f.contentId,...h,...p,ref:n,style:{...p.style,"--radix-popover-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-popover-content-available-width":"var(--radix-popper-available-width)","--radix-popover-content-available-height":"var(--radix-popper-available-height)","--radix-popover-trigger-width":"var(--radix-popper-anchor-width)","--radix-popover-trigger-height":"var(--radix-popper-anchor-height)"}})})})},"PopoverContentImpl")),hNe="PopoverClose",vle=Mo.forwardRef(kc(function(e,n){let{__scopePopover:o,...r}=e,i=zh(hNe,o);return(0,Er.jsx)(me.button,{type:"button",...r,ref:n,onClick:oe(e.onClick,()=>i.onOpenChange(!1))})},"PopoverClose")),wle=Mo.forwardRef(kc(function(e,n){let{__scopePopover:o,...r}=e,i=j1(o);return(0,Er.jsx)(Nh,{...i,...r,ref:n})},"PopoverArrow"));function d6(t){return t?"open":"closed"}kc(d6,"getState");var mNe=fle,gNe=hle,yNe=mle,SNe=yle,bNe=Sle,vNe=vle,wNe=wle;var K1={};il(K1,{Arrow:()=>lFe,Content:()=>UNe,Group:()=>XNe,Icon:()=>LNe,Item:()=>eFe,ItemIndicator:()=>oFe,ItemText:()=>tFe,Label:()=>JNe,Portal:()=>zNe,Root:()=>ANe,ScrollDownButton:()=>iFe,ScrollUpButton:()=>rFe,Select:()=>ANe,SelectArrow:()=>lFe,SelectContent:()=>UNe,SelectGroup:()=>XNe,SelectIcon:()=>LNe,SelectItem:()=>eFe,SelectItemIndicator:()=>oFe,SelectItemText:()=>tFe,SelectLabel:()=>JNe,SelectPortal:()=>zNe,SelectScrollDownButton:()=>iFe,SelectScrollUpButton:()=>rFe,SelectSeparator:()=>sFe,SelectTrigger:()=>RNe,SelectValue:()=>ONe,SelectViewport:()=>GNe,Separator:()=>sFe,Trigger:()=>RNe,Value:()=>ONe,Viewport:()=>GNe,createSelectScope:()=>ENe,unstable_BubbleInput:()=>Mle,unstable_Provider:()=>h6,unstable_SelectBubbleInput:()=>Mle,unstable_SelectProvider:()=>h6});var he=_(H(),1),f6=_(Jl(),1);var Be=_(j(),1),xNe=Object.defineProperty,kt=(t,e)=>xNe(t,"name",{value:e,configurable:!0}),TNe=[" ","Enter","ArrowUp","ArrowDown"],CNe=[" ","Enter"],Zv="Select",[b2,v2,PNe]=xc(Zv),[Cy,ENe]=fn(Zv,[PNe,Bl]),w2=Bl(),[INe,Uh]=Cy(Zv),[_Ne,MNe]=Cy(Zv);function h6(t){let{__scopeSelect:e,children:n,open:o,defaultOpen:r,onOpenChange:i,value:s,defaultValue:a,onValueChange:l,dir:c,name:d,autoComplete:u,disabled:p,required:f,form:h,internal_do_not_use_render:g}=t,y=w2(e),[m,S]=he.useState(null),[b,v]=he.useState(null),[w,x]=he.useState(!1),C=Ja(c),[P,M]=Vn({prop:o,defaultProp:r??!1,onChange:i,caller:Zv}),[E,I]=Vn({prop:s,defaultProp:a,onChange:l,caller:Zv}),R=he.useRef(null),D=he.useRef(E);he.useEffect(()=>{let Z=h?m?.ownerDocument.getElementById(h):m?.form;if(Z instanceof HTMLFormElement){let le=kt(()=>I(D.current),"reset");return Z.addEventListener("reset",le),()=>Z.removeEventListener("reset",le)}},[h,m,I]);let N=m?!!h||!!m.closest("form"):!0,[B,F]=he.useState(new Set),k=sr(),L=Array.from(B).map(Z=>Z.props.value).join(";"),U=he.useCallback(Z=>{F(le=>new Set(le).add(Z))},[]),V=he.useCallback(Z=>{F(le=>{let Te=new Set(le);return Te.delete(Z),Te})},[]),Y={required:f,trigger:m,onTriggerChange:S,valueNode:b,onValueNodeChange:v,valueNodeHasChildren:w,onValueNodeHasChildrenChange:x,contentId:k,value:E,onValueChange:I,open:P,onOpenChange:M,dir:C,triggerPointerDownPosRef:R,disabled:p,name:d,autoComplete:u,form:h,nativeOptions:B,nativeSelectKey:L,isFormControl:N};return(0,Be.jsx)(xp,{...y,children:(0,Be.jsx)(INe,{scope:e,...Y,children:(0,Be.jsx)(b2.Provider,{scope:e,children:(0,Be.jsx)(_Ne,{scope:e,onNativeOptionAdd:U,onNativeOptionRemove:V,children:Ale(g)?g(Y):n})})})})}kt(h6,"SelectProvider");var ANe=kt(t=>{let{__scopeSelect:e,children:n,...o}=t;return(0,Be.jsx)(h6,{__scopeSelect:e,...o,internal_do_not_use_render:({isFormControl:r})=>(0,Be.jsxs)(Be.Fragment,{children:[n,r?(0,Be.jsx)(Mle,{__scopeSelect:e}):null]})})},"Select"),kNe="SelectTrigger",RNe=he.forwardRef(kt(function(e,n){let{__scopeSelect:o,disabled:r=!1,...i}=e,s=w2(o),a=Uh(kNe,o),l=a.disabled||r,c=De(n,a.onTriggerChange),d=v2(o),u=he.useRef("touch"),[p,f,h]=g6(y=>{let m=d().filter(v=>!v.disabled),S=m.find(v=>v.value===a.value),b=y6(m,y,S);b!==void 0&&a.onValueChange(b.value)}),g=kt(y=>{l||(a.onOpenChange(!0),h()),y&&(a.triggerPointerDownPosRef.current={x:Math.round(y.pageX),y:Math.round(y.pageY)})},"handleOpen");return(0,Be.jsx)(Tp,{asChild:!0,...s,children:(0,Be.jsx)(me.button,{type:"button",role:"combobox","aria-controls":a.open?a.contentId:void 0,"aria-expanded":a.open,"aria-required":a.required,"aria-autocomplete":"none",dir:a.dir,"data-state":a.open?"open":"closed",disabled:l,"data-disabled":l?"":void 0,"data-placeholder":$1(a.value)?"":void 0,...i,ref:c,onClick:oe(i.onClick,y=>{y.currentTarget.focus(),u.current!=="mouse"&&g(y)}),onPointerDown:oe(i.onPointerDown,y=>{u.current=y.pointerType;let m=y.target;m.hasPointerCapture(y.pointerId)&&m.releasePointerCapture(y.pointerId),y.button===0&&y.ctrlKey===!1&&y.pointerType==="mouse"&&(g(y),y.preventDefault())}),onKeyDown:oe(i.onKeyDown,y=>{let m=p.current!=="";!(y.ctrlKey||y.altKey||y.metaKey)&&y.key.length===1&&f(y.key),!(m&&y.key===" ")&&TNe.includes(y.key)&&(g(),y.preventDefault())})})})},"SelectTrigger")),DNe="SelectValue",ONe=he.forwardRef(kt(function(e,n){let{__scopeSelect:o,className:r,style:i,children:s,placeholder:a="",...l}=e,c=Uh(DNe,o),{onValueNodeHasChildrenChange:d}=c,u=s!==void 0,p=De(n,c.onValueNodeChange);Ut(()=>{d(u)},[d,u]);let f=$1(c.value);return(0,Be.jsx)(me.span,{...l,asChild:f?!1:l.asChild,ref:p,style:{pointerEvents:"none"},children:(0,Be.jsx)(he.Fragment,{children:f?a:s},f?"placeholder":"value")})},"SelectValue")),LNe=he.forwardRef(kt(function(e,n){let{__scopeSelect:o,children:r,...i}=e;return(0,Be.jsx)(me.span,{"aria-hidden":!0,...i,ref:n,children:r||"\u25BC"})},"SelectIcon")),NNe="SelectPortal",[FNe,BNe]=Cy(NNe,{forceMount:void 0}),zNe=kt(t=>{let{__scopeSelect:e,forceMount:n,...o}=t;return(0,Be.jsx)(FNe,{scope:t.__scopeSelect,forceMount:n,children:(0,Be.jsx)(Fl,{asChild:!0,...o})})},"SelectPortal"),Ty="SelectContent",UNe=he.forwardRef(kt(function(e,n){let o=BNe(Ty,e.__scopeSelect),{forceMount:r=o.forceMount,...i}=e,s=Uh(Ty,e.__scopeSelect),[a,l]=he.useState();return Ut(()=>{l(new DocumentFragment)},[]),(0,Be.jsx)(Fr,{present:r||s.open,children:({present:c})=>c?(0,Be.jsx)(jNe,{...i,ref:n}):(0,Be.jsx)(HNe,{...i,fragment:a})})},"SelectContent")),HNe=he.forwardRef(kt(function(e,n){let{__scopeSelect:o,children:r,fragment:i}=e;return i?f6.createPortal((0,Be.jsx)(Ele,{scope:o,children:(0,Be.jsx)(b2.Slot,{scope:o,children:(0,Be.jsx)("div",{ref:n,children:r})})}),i):null},"SelectContentFragment")),Rc=10,[Ele,Hh]=Cy(Ty),VNe=Nr("SelectContent.RemoveScroll"),jNe=he.forwardRef(kt(function(e,n){let{__scopeSelect:o}=e,{position:r="item-aligned",onCloseAutoFocus:i,onEscapeKeyDown:s,onPointerDownOutside:a,side:l,sideOffset:c,align:d,alignOffset:u,arrowPadding:p,collisionBoundary:f,collisionPadding:h,sticky:g,hideWhenDetached:y,avoidCollisions:m,...S}=e,b=Uh(Ty,o),[v,w]=he.useState(null),[x,C]=he.useState(null),P=De(n,w),[M,E]=he.useState(null),[I,R]=he.useState(null),D=v2(o),[N,B]=he.useState(!1),F=he.useRef(!1);he.useEffect(()=>{if(v)return Rh(v)},[v]),Eu();let k=he.useCallback(se=>{let[ze,...Wt]=D().map(ue=>ue.ref.current),[W]=Wt.slice(-1),K=document.activeElement;for(let ue of se)if(ue===K||(ue?.scrollIntoView({block:"nearest"}),ue===ze&&x&&(x.scrollTop=0),ue===W&&x&&(x.scrollTop=x.scrollHeight),ue?.focus(),document.activeElement!==K))return},[D,x]),L=he.useCallback(()=>k([M,v]),[k,M,v]);he.useEffect(()=>{N&&L()},[N,L]);let{onOpenChange:U,triggerPointerDownPosRef:V}=b;he.useEffect(()=>{if(v){let se={x:0,y:0},ze=kt(W=>{se={x:Math.abs(Math.round(W.pageX)-(V.current?.x??0)),y:Math.abs(Math.round(W.pageY)-(V.current?.y??0))}},"handlePointerMove"),Wt=kt(W=>{se.x<=10&&se.y<=10?W.preventDefault():W.composedPath().includes(v)||U(!1),document.removeEventListener("pointermove",ze),V.current=null},"handlePointerUp");return V.current!==null&&(document.addEventListener("pointermove",ze),document.addEventListener("pointerup",Wt,{capture:!0,once:!0})),()=>{document.removeEventListener("pointermove",ze),document.removeEventListener("pointerup",Wt,{capture:!0})}}},[v,U,V]),he.useEffect(()=>{let se=kt(()=>U(!1),"close");return window.addEventListener("blur",se),window.addEventListener("resize",se),()=>{window.removeEventListener("blur",se),window.removeEventListener("resize",se)}},[U]);let[Y,Z]=g6(se=>{let ze=D().filter(K=>!K.disabled),Wt=ze.find(K=>K.ref.current===document.activeElement),W=y6(ze,se,Wt);W&&setTimeout(()=>W.ref.current?.focus())}),le=he.useCallback((se,ze,Wt)=>{let W=!F.current&&!Wt;(b.value!==void 0&&b.value===ze||W)&&(E(se),W&&(F.current=!0))},[b.value]),Te=he.useCallback(()=>v?.focus(),[v]),Ge=he.useCallback((se,ze,Wt)=>{let W=!F.current&&!Wt;(b.value!==void 0&&b.value===ze||W)&&R(se)},[b.value]),We=r==="popper"?xle:$Ne,ke=We===xle?{side:l,sideOffset:c,align:d,alignOffset:u,arrowPadding:p,collisionBoundary:f,collisionPadding:h,sticky:g,hideWhenDetached:y,avoidCollisions:m}:{};return(0,Be.jsx)(Ele,{scope:o,content:v,viewport:x,onViewportChange:C,itemRefCallback:le,selectedItem:M,onItemLeave:Te,itemTextRefCallback:Ge,focusSelectedItem:L,selectedItemText:I,position:r,isPositioned:N,searchRef:Y,children:(0,Be.jsx)(Sp,{as:VNe,allowPinchZoom:!0,children:(0,Be.jsx)(kh,{asChild:!0,trapped:b.open,onMountAutoFocus:se=>{se.preventDefault()},onUnmountAutoFocus:oe(i,se=>{b.trigger?.focus({preventScroll:!0}),se.preventDefault()}),children:(0,Be.jsx)(Cc,{asChild:!0,disableOutsidePointerEvents:!0,onEscapeKeyDown:s,onPointerDownOutside:a,onFocusOutside:se=>se.preventDefault(),onDismiss:()=>b.onOpenChange(!1),children:(0,Be.jsx)(We,{role:"listbox",id:b.contentId,"data-state":b.open?"open":"closed",dir:b.dir,onContextMenu:se=>se.preventDefault(),...S,...ke,onPlaced:()=>B(!0),ref:P,style:{display:"flex",flexDirection:"column",outline:"none",...S.style},onKeyDown:oe(S.onKeyDown,se=>{let ze=se.ctrlKey||se.altKey||se.metaKey;if(se.key==="Tab"&&se.preventDefault(),!ze&&se.key.length===1&&Z(se.key),["ArrowUp","ArrowDown","Home","End"].includes(se.key)){let W=D().filter(K=>!K.disabled).map(K=>K.ref.current);if(["ArrowUp","End"].includes(se.key)&&(W=W.slice().reverse()),["ArrowUp","ArrowDown"].includes(se.key)){let K=se.target,ue=W.indexOf(K);W=W.slice(ue+1)}setTimeout(()=>k(W)),se.preventDefault()}})})})})})})},"SelectContentImpl")),$Ne=he.forwardRef(kt(function(e,n){let{__scopeSelect:o,onPlaced:r,...i}=e,s=Uh(Ty,o),a=Hh(Ty,o),[l,c]=he.useState(null),[d,u]=he.useState(null),p=De(n,u),f=v2(o),h=he.useRef(!1),g=he.useRef(!0),{viewport:y,selectedItem:m,selectedItemText:S,focusSelectedItem:b}=a,v=he.useCallback(()=>{if(s.trigger&&s.valueNode&&l&&d&&y&&m&&S){let P=s.trigger.getBoundingClientRect(),M=d.getBoundingClientRect(),E=s.valueNode.getBoundingClientRect(),I=S.getBoundingClientRect();if(s.dir!=="rtl"){let K=I.left-M.left,ue=E.left-K,ut=P.left-ue,et=P.width+ut,st=Math.max(et,M.width),Ce=window.innerWidth-Rc,Pt=xy(ue,[Rc,Math.max(Rc,Ce-st)]);l.style.minWidth=et+"px",l.style.left=Pt+"px"}else{let K=M.right-I.right,ue=window.innerWidth-E.right-K,ut=window.innerWidth-P.right-ue,et=P.width+ut,st=Math.max(et,M.width),Ce=window.innerWidth-Rc,Pt=xy(ue,[Rc,Math.max(Rc,Ce-st)]);l.style.minWidth=et+"px",l.style.right=Pt+"px"}let R=f(),D=window.innerHeight-Rc*2,N=y.scrollHeight,B=window.getComputedStyle(d),F=parseInt(B.borderTopWidth,10),k=parseInt(B.paddingTop,10),L=parseInt(B.borderBottomWidth,10),U=parseInt(B.paddingBottom,10),V=F+k+N+U+L,Y=Math.min(m.offsetHeight*5,V),Z=window.getComputedStyle(y),le=parseInt(Z.paddingTop,10),Te=parseInt(Z.paddingBottom,10),Ge=P.top+P.height/2-Rc,We=D-Ge,ke=m.offsetHeight/2,se=m.offsetTop+ke,ze=F+k+se,Wt=V-ze;if(ze<=Ge){let K=R.length>0&&m===R[R.length-1].ref.current;l.style.bottom="0px";let ue=d.clientHeight-y.offsetTop-y.offsetHeight,ut=Math.max(We,ke+(K?Te:0)+ue+L),et=ze+ut;l.style.height=et+"px"}else{let K=R.length>0&&m===R[0].ref.current;l.style.top="0px";let ut=Math.max(Ge,F+y.offsetTop+(K?le:0)+ke)+Wt;l.style.height=ut+"px",y.scrollTop=ze-Ge+y.offsetTop}l.style.margin=`${Rc}px 0`,l.style.minHeight=Y+"px",l.style.maxHeight=D+"px",r?.(),requestAnimationFrame(()=>h.current=!0)}},[f,s.trigger,s.valueNode,l,d,y,m,S,s.dir,r]);Ut(()=>v(),[v]);let[w,x]=he.useState();Ut(()=>{d&&x(window.getComputedStyle(d).zIndex)},[d]);let C=he.useCallback(P=>{P&&g.current===!0&&(v(),b?.(),g.current=!1)},[v,b]);return(0,Be.jsx)(KNe,{scope:o,contentWrapper:l,shouldExpandOnScrollRef:h,onScrollButtonChange:C,children:(0,Be.jsx)("div",{ref:c,style:{display:"flex",flexDirection:"column",position:"fixed",zIndex:w},children:(0,Be.jsx)(me.div,{...i,ref:p,style:{boxSizing:"border-box",maxHeight:"100%",...i.style}})})})},"SelectItemAlignedPosition")),xle=he.forwardRef(kt(function(e,n){let{__scopeSelect:o,align:r="start",collisionPadding:i=Rc,...s}=e,a=w2(o);return(0,Be.jsx)(Lh,{...a,...s,ref:n,align:r,collisionPadding:i,style:{boxSizing:"border-box",...s.style,"--radix-select-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-select-content-available-width":"var(--radix-popper-available-width)","--radix-select-content-available-height":"var(--radix-popper-available-height)","--radix-select-trigger-width":"var(--radix-popper-anchor-width)","--radix-select-trigger-height":"var(--radix-popper-anchor-height)"}})},"SelectPopperPosition")),[KNe,m6]=Cy(Ty,{}),Tle="SelectViewport",GNe=he.forwardRef(kt(function(e,n){let{__scopeSelect:o,nonce:r,...i}=e,s=Hh(Tle,o),a=m6(Tle,o),l=De(n,s.onViewportChange),c=he.useRef(0);return(0,Be.jsxs)(Be.Fragment,{children:[(0,Be.jsx)("style",{dangerouslySetInnerHTML:{__html:"[data-radix-select-viewport]{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;}[data-radix-select-viewport]::-webkit-scrollbar{display:none}"},nonce:r}),(0,Be.jsx)(b2.Slot,{scope:o,children:(0,Be.jsx)(me.div,{"data-radix-select-viewport":"",role:"presentation",...i,ref:l,style:{position:"relative",flex:1,overflow:"hidden auto",...i.style},onScroll:oe(i.onScroll,d=>{let u=d.currentTarget,{contentWrapper:p,shouldExpandOnScrollRef:f}=a;if(f?.current&&p){let h=Math.abs(c.current-u.scrollTop);if(h>0){let g=window.innerHeight-Rc*2,y=parseFloat(p.style.minHeight),m=parseFloat(p.style.height),S=Math.max(y,m);if(S<g){let b=S+h,v=Math.min(g,b),w=b-v;p.style.height=v+"px",p.style.bottom==="0px"&&(u.scrollTop=w>0?w:0,p.style.justifyContent="flex-end")}}}c.current=u.scrollTop})})})]})},"SelectViewport")),WNe="SelectGroup",[YNe,qNe]=Cy(WNe),XNe=he.forwardRef(kt(function(e,n){let{__scopeSelect:o,...r}=e,i=sr();return(0,Be.jsx)(YNe,{scope:o,id:i,children:(0,Be.jsx)(me.div,{role:"group","aria-labelledby":i,...r,ref:n})})},"SelectGroup")),ZNe="SelectLabel",JNe=he.forwardRef(kt(function(e,n){let{__scopeSelect:o,...r}=e,i=qNe(ZNe,o);return(0,Be.jsx)(me.div,{id:i.id,...r,ref:n})},"SelectLabel")),p6="SelectItem",[QNe,Ile]=Cy(p6),eFe=he.forwardRef(kt(function(e,n){let{__scopeSelect:o,value:r,disabled:i=!1,textValue:s,...a}=e,l=Uh(p6,o),c=Hh(p6,o),d=l.value===r,[u,p]=he.useState(s??""),[f,h]=he.useState(!1),g=bo(v=>c.itemRefCallback?.(v,r,i)),y=De(n,g),m=sr(),S=he.useRef("touch"),b=kt(()=>{i||(l.onValueChange(r),l.onOpenChange(!1))},"handleSelect");return(0,Be.jsx)(QNe,{scope:o,value:r,disabled:i,textId:m,isSelected:d,onItemTextChange:he.useCallback(v=>{p(w=>w||(v?.textContent??"").trim())},[]),children:(0,Be.jsx)(b2.ItemSlot,{scope:o,value:r,disabled:i,textValue:u,children:(0,Be.jsx)(me.div,{role:"option","aria-labelledby":m,"data-highlighted":f?"":void 0,"aria-selected":d&&f,"data-state":d?"checked":"unchecked","aria-disabled":i||void 0,"data-disabled":i?"":void 0,tabIndex:i?void 0:-1,...a,ref:y,onFocus:oe(a.onFocus,()=>h(!0)),onBlur:oe(a.onBlur,()=>h(!1)),onClick:oe(a.onClick,()=>{S.current!=="mouse"&&b()}),onPointerUp:oe(a.onPointerUp,()=>{S.current==="mouse"&&b()}),onPointerDown:oe(a.onPointerDown,v=>{S.current=v.pointerType}),onPointerMove:oe(a.onPointerMove,v=>{S.current=v.pointerType,i?c.onItemLeave?.():S.current==="mouse"&&v.currentTarget.focus({preventScroll:!0})}),onPointerLeave:oe(a.onPointerLeave,v=>{v.currentTarget===document.activeElement&&c.onItemLeave?.()}),onKeyDown:oe(a.onKeyDown,v=>{i||v.target!==v.currentTarget||c.searchRef?.current!==""&&v.key===" "||(CNe.includes(v.key)&&b(),v.key===" "&&v.preventDefault())})})})})},"SelectItem")),S2="SelectItemText",tFe=he.forwardRef(kt(function(e,n){let{__scopeSelect:o,className:r,style:i,...s}=e,a=Uh(S2,o),l=Hh(S2,o),c=Ile(S2,o),d=MNe(S2,o),[u,p]=he.useState(null),f=bo(b=>l.itemTextRefCallback?.(b,c.value,c.disabled)),h=De(n,p,c.onItemTextChange,f),g=u?.textContent,y=he.useMemo(()=>(0,Be.jsx)("option",{value:c.value,disabled:c.disabled,children:g},c.value),[c.disabled,c.value,g]),{onNativeOptionAdd:m,onNativeOptionRemove:S}=d;return Ut(()=>(m(y),()=>S(y)),[m,S,y]),(0,Be.jsxs)(Be.Fragment,{children:[(0,Be.jsx)(me.span,{id:c.textId,...s,ref:h}),c.isSelected&&a.valueNode&&!a.valueNodeHasChildren&&!$1(a.value)?f6.createPortal(s.children,a.valueNode):null]})},"SelectItemText")),nFe="SelectItemIndicator",oFe=he.forwardRef(kt(function(e,n){let{__scopeSelect:o,...r}=e;return Ile(nFe,o).isSelected?(0,Be.jsx)(me.span,{"aria-hidden":!0,...r,ref:n}):null},"SelectItemIndicator")),Cle="SelectScrollUpButton",rFe=he.forwardRef(kt(function(e,n){let o=Hh(Cle,e.__scopeSelect),r=m6(Cle,e.__scopeSelect),[i,s]=he.useState(!1),a=De(n,r.onScrollButtonChange);return Ut(()=>{if(o.viewport&&o.isPositioned){let c=function(){let u=d.scrollTop>0;s(u)};var l=c;kt(c,"handleScroll");let d=o.viewport;return c(),d.addEventListener("scroll",c),()=>d.removeEventListener("scroll",c)}},[o.viewport,o.isPositioned]),i?(0,Be.jsx)(_le,{...e,ref:a,onAutoScroll:()=>{let{viewport:l,selectedItem:c}=o;l&&c&&(l.scrollTop=l.scrollTop-c.offsetHeight)}}):null},"SelectScrollUpButton")),Ple="SelectScrollDownButton",iFe=he.forwardRef(kt(function(e,n){let o=Hh(Ple,e.__scopeSelect),r=m6(Ple,e.__scopeSelect),[i,s]=he.useState(!1),a=De(n,r.onScrollButtonChange);return Ut(()=>{if(o.viewport&&o.isPositioned){let c=function(){let u=d.scrollHeight-d.clientHeight,p=Math.ceil(d.scrollTop)<u;s(p)};var l=c;kt(c,"handleScroll");let d=o.viewport;return c(),d.addEventListener("scroll",c),()=>d.removeEventListener("scroll",c)}},[o.viewport,o.isPositioned]),i?(0,Be.jsx)(_le,{...e,ref:a,onAutoScroll:()=>{let{viewport:l,selectedItem:c}=o;l&&c&&(l.scrollTop=l.scrollTop+c.offsetHeight)}}):null},"SelectScrollDownButton")),_le=he.forwardRef(kt(function(e,n){let{__scopeSelect:o,onAutoScroll:r,...i}=e,s=Hh("SelectScrollButton",o),a=he.useRef(null),l=v2(o),c=he.useCallback(()=>{a.current!==null&&(window.clearInterval(a.current),a.current=null)},[]);return he.useEffect(()=>()=>c(),[c]),Ut(()=>{l().find(u=>u.ref.current===document.activeElement)?.ref.current?.scrollIntoView({block:"nearest"})},[l]),(0,Be.jsx)(me.div,{"aria-hidden":!0,...i,ref:n,style:{flexShrink:0,...i.style},onPointerDown:oe(i.onPointerDown,()=>{a.current===null&&(a.current=window.setInterval(r,50))}),onPointerMove:oe(i.onPointerMove,()=>{s.onItemLeave?.(),a.current===null&&(a.current=window.setInterval(r,50))}),onPointerLeave:oe(i.onPointerLeave,()=>{c()})})},"SelectScrollButtonImpl")),sFe=he.forwardRef(kt(function(e,n){let{__scopeSelect:o,...r}=e;return(0,Be.jsx)(me.div,{"aria-hidden":!0,...r,ref:n})},"SelectSeparator")),aFe="SelectArrow",lFe=he.forwardRef(kt(function(e,n){let{__scopeSelect:o,...r}=e,i=w2(o);return Hh(aFe,o).position==="popper"?(0,Be.jsx)(Nh,{...i,...r,ref:n}):null},"SelectArrow")),cFe="SelectBubbleInput",Mle=he.forwardRef(kt(function({__scopeSelect:e,...n},o){let r=Uh(cFe,e),{value:i,onValueChange:s,required:a,disabled:l,name:c,autoComplete:d,form:u}=r,{nativeOptions:p,nativeSelectKey:f}=r,h=he.useRef(null),g=De(o,h),y=i??"",m=H1(y),S=Array.from(p).some(b=>(b.props.value??"")==="");return he.useEffect(()=>{let b=h.current;if(!b)return;let v=window.HTMLSelectElement.prototype,x=Object.getOwnPropertyDescriptor(v,"value").set;if(m!==y&&x){let C=new Event("change",{bubbles:!0});x.call(b,y),b.dispatchEvent(C)}},[m,y]),(0,Be.jsxs)(me.select,{"aria-hidden":!0,required:a,tabIndex:-1,name:c,autoComplete:d,disabled:l,form:u,onChange:b=>s(b.target.value),...n,style:{...nH,...n.style},ref:g,defaultValue:y,children:[$1(i)&&!S?(0,Be.jsx)("option",{value:""}):null,Array.from(p)]},f)},"SelectBubbleInput"));function Ale(t){return typeof t=="function"}kt(Ale,"isFunction");function $1(t){return t===""||t===void 0}kt($1,"shouldShowPlaceholder");function g6(t){let e=bo(t),n=he.useRef(""),o=he.useRef(0),r=he.useCallback(s=>{let a=n.current+s;e(a),kt((function l(c){n.current=c,window.clearTimeout(o.current),c!==""&&(o.current=window.setTimeout(()=>l(""),1e3))}),"updateSearch")(a)},[e]),i=he.useCallback(()=>{n.current="",window.clearTimeout(o.current)},[]);return he.useEffect(()=>()=>window.clearTimeout(o.current),[]),[n,r,i]}kt(g6,"useTypeaheadSearch");function y6(t,e,n){let r=e.length>1&&Array.from(e).every(c=>c===e[0])?e[0]:e,i=n?t.indexOf(n):-1,s=kle(t,Math.max(i,0));r.length===1&&(s=s.filter(c=>c!==n));let l=s.find(c=>c.textValue.toLowerCase().startsWith(r.toLowerCase()));return l!==n?l:void 0}kt(y6,"findNextItem");function kle(t,e){return t.map((n,o)=>t[(e+o)%t.length])}kt(kle,"wrapArray");var Ole=_(H(),1);var Lle=_(j(),1),uFe=Object.defineProperty,Dle=(t,e)=>uFe(t,"name",{value:e,configurable:!0}),Rle="horizontal",dFe=["horizontal","vertical"],pFe=Ole.forwardRef(Dle(function(e,n){let{decorative:o,orientation:r=Rle,...i}=e,s=Nle(r)?r:Rle,l=o?{role:"none"}:{"aria-orientation":s==="vertical"?s:void 0,role:"separator"};return(0,Lle.jsx)(me.div,{"data-orientation":s,...l,...i,ref:n})},"Separator"));function Nle(t){return dFe.includes(t)}Dle(Nle,"isValidOrientation");var Fle=pFe;var Py={};il(Py,{Range:()=>CFe,Root:()=>bFe,Slider:()=>bFe,SliderRange:()=>CFe,SliderThumb:()=>_Fe,SliderTrack:()=>TFe,Thumb:()=>_Fe,Track:()=>TFe,createSliderScope:()=>yFe,unstable_BubbleInput:()=>Wle,unstable_SliderBubbleInput:()=>Wle,unstable_SliderThumbProvider:()=>w6,unstable_SliderThumbTrigger:()=>Gle,unstable_ThumbProvider:()=>w6,unstable_ThumbTrigger:()=>Gle});var hn=_(H(),1);var Ao=_(j(),1),hFe=Object.defineProperty,tn=(t,e)=>hFe(t,"name",{value:e,configurable:!0}),zle=["PageUp","PageDown"],Ule=["ArrowUp","ArrowDown","ArrowLeft","ArrowRight"],Hle={"from-left":["Home","PageDown","ArrowDown","ArrowLeft"],"from-right":["Home","PageDown","ArrowDown","ArrowRight"],"from-bottom":["Home","PageDown","ArrowDown","ArrowLeft"],"from-top":["Home","PageDown","ArrowUp","ArrowLeft"]},W1="Slider",[b6,mFe,gFe]=xc(W1),[v6,yFe]=fn(W1,[gFe]),[SFe,Y1]=v6(W1),bFe=hn.forwardRef(tn(function(e,n){let{name:o,min:r=0,max:i=100,step:s=1,orientation:a="horizontal",disabled:l=!1,minStepsBetweenThumbs:c=0,defaultValue:d=[r],value:u,onValueChange:p=tn(()=>{},"onValueChange"),onValueCommit:f=tn(()=>{},"onValueCommit"),inverted:h=!1,form:g,...y}=e,m=hn.useRef(new Set),S=hn.useRef(0),b=hn.useRef(!1),w=a==="horizontal"?vFe:wFe,[x,C]=hn.useState(null),P=De(n,C),[M=[],E]=Vn({prop:u,defaultProp:d,onChange:tn(k=>{[...m.current][S.current]?.focus({preventScroll:!0,focusVisible:b.current}),b.current=!1,p(k)},"onChange")}),I=hn.useRef(M),R=hn.useRef(M);hn.useEffect(()=>{let k=g?x?.ownerDocument.getElementById(g):x?.closest("form");if(k instanceof HTMLFormElement){let L=tn(()=>E(R.current),"reset");return k.addEventListener("reset",L),()=>k.removeEventListener("reset",L)}},[x,g,E]);function D(k){let L=Xle(M,k);F(k,L)}tn(D,"handleSlideStart");function N(k){F(k,S.current)}tn(N,"handleSlideMove");function B(){String(M)!==String(I.current)&&f(M)}tn(B,"handleSlideEnd");function F(k,L,{commit:U}={commit:!1}){let V=T6(s),Y=G1(Math.round((k-r)/s)*s+r,V),Z=xy(Y,[r,i]);E((le=[])=>{let Te=Yle(le,Z,L);if(Qle(Te,c*s)){S.current=Te.indexOf(Z);let Ge=String(Te)!==String(le);return Ge&&U&&f(Te),Ge?Te:le}else return le})}return tn(F,"updateValues"),(0,Ao.jsx)(SFe,{scope:e.__scopeSlider,name:o,disabled:l,min:r,max:i,valueIndexToChangeRef:S,thumbs:m.current,values:M,orientation:a,form:g,children:(0,Ao.jsx)(b6.Provider,{scope:e.__scopeSlider,children:(0,Ao.jsx)(b6.Slot,{scope:e.__scopeSlider,children:(0,Ao.jsx)(w,{"aria-disabled":l,"data-disabled":l?"":void 0,...y,ref:P,onPointerDown:oe(y.onPointerDown,()=>{l||(I.current=M,b.current=!1)}),min:r,max:i,inverted:h,onSlideStart:l?void 0:D,onSlideMove:l?void 0:N,onSlideEnd:l?void 0:B,onHomeKeyDown:()=>{l||(b.current=!0,F(r,0,{commit:!0}))},onEndKeyDown:()=>{l||(b.current=!0,F(i,M.length-1,{commit:!0}))},onStepKeyDown:({event:k,direction:L})=>{if(!l){b.current=!0;let Y=zle.includes(k.key)||k.shiftKey&&Ule.includes(k.key)?10:1,Z=S.current,le=M[Z],Te=ece(le,{min:r,step:s,direction:L,multiplier:Y});F(Te,Z,{commit:!0})}}})})})})},"Slider")),[Vle,jle]=v6(W1,{startEdge:"left",endEdge:"right",size:"width",direction:1}),vFe=hn.forwardRef(tn(function(e,n){let{min:o,max:r,dir:i,inverted:s,onSlideStart:a,onSlideMove:l,onSlideEnd:c,onStepKeyDown:d,...u}=e,[p,f]=hn.useState(null),h=De(n,f),g=hn.useRef(void 0),y=Ja(i),m=y==="ltr",S=m&&!s||!m&&s;function b(v){let w=g.current||p.getBoundingClientRect(),x=[0,w.width],P=x2(x,S?[o,r]:[r,o]);return g.current=w,P(v-w.left)}return tn(b,"getValueFromPointer"),(0,Ao.jsx)(Vle,{scope:e.__scopeSlider,startEdge:S?"left":"right",endEdge:S?"right":"left",direction:S?1:-1,size:"width",children:(0,Ao.jsx)($le,{dir:y,"data-orientation":"horizontal",...u,ref:h,style:{...u.style,"--radix-slider-thumb-transform":"translateX(-50%)"},onSlideStart:v=>{let w=b(v.clientX);a?.(w)},onSlideMove:v=>{let w=b(v.clientX);l?.(w)},onSlideEnd:()=>{g.current=void 0,c?.()},onStepKeyDown:v=>{let x=Hle[S?"from-left":"from-right"].includes(v.key);d?.({event:v,direction:x?-1:1})}})})},"SliderHorizontal")),wFe=hn.forwardRef(tn(function(e,n){let{min:o,max:r,inverted:i,onSlideStart:s,onSlideMove:a,onSlideEnd:l,onStepKeyDown:c,...d}=e,u=hn.useRef(null),p=De(n,u),f=hn.useRef(void 0),h=!i;function g(y){let m=f.current||u.current.getBoundingClientRect(),S=[0,m.height],v=x2(S,h?[r,o]:[o,r]);return f.current=m,v(y-m.top)}return tn(g,"getValueFromPointer"),(0,Ao.jsx)(Vle,{scope:e.__scopeSlider,startEdge:h?"bottom":"top",endEdge:h?"top":"bottom",size:"height",direction:h?1:-1,children:(0,Ao.jsx)($le,{"data-orientation":"vertical",...d,ref:p,style:{...d.style,"--radix-slider-thumb-transform":"translateY(50%)"},onSlideStart:y=>{let m=g(y.clientY);s?.(m)},onSlideMove:y=>{let m=g(y.clientY);a?.(m)},onSlideEnd:()=>{f.current=void 0,l?.()},onStepKeyDown:y=>{let S=Hle[h?"from-bottom":"from-top"].includes(y.key);c?.({event:y,direction:S?-1:1})}})})},"SliderVertical")),$le=hn.forwardRef(tn(function(e,n){let{__scopeSlider:o,onSlideStart:r,onSlideMove:i,onSlideEnd:s,onHomeKeyDown:a,onEndKeyDown:l,onStepKeyDown:c,...d}=e,u=Y1(W1,o);return(0,Ao.jsx)(me.span,{...d,ref:n,onKeyDown:oe(e.onKeyDown,p=>{p.key==="Home"?(a(p),p.preventDefault()):p.key==="End"?(l(p),p.preventDefault()):zle.concat(Ule).includes(p.key)&&(c(p),p.preventDefault())}),onPointerDown:oe(e.onPointerDown,p=>{let f=p.target;f.setPointerCapture(p.pointerId),p.preventDefault(),u.thumbs.has(f)?f.focus({preventScroll:!0,focusVisible:!1}):r(p)}),onPointerMove:oe(e.onPointerMove,p=>{p.target.hasPointerCapture(p.pointerId)&&i(p)}),onPointerUp:oe(e.onPointerUp,p=>{let f=p.target;f.hasPointerCapture(p.pointerId)&&(f.releasePointerCapture(p.pointerId),s(p))})})},"SliderImpl")),xFe="SliderTrack",TFe=hn.forwardRef(tn(function(e,n){let{__scopeSlider:o,...r}=e,i=Y1(xFe,o);return(0,Ao.jsx)(me.span,{"data-disabled":i.disabled?"":void 0,"data-orientation":i.orientation,...r,ref:n})},"SliderTrack")),Ble="SliderRange",CFe=hn.forwardRef(tn(function(e,n){let{__scopeSlider:o,...r}=e,i=Y1(Ble,o),s=jle(Ble,o),a=hn.useRef(null),l=De(n,a),c=i.values.length,d=i.values.map(f=>x6(f,i.min,i.max)),u=c>1?Math.min(...d):0,p=100-Math.max(...d);return(0,Ao.jsx)(me.span,{"data-orientation":i.orientation,"data-disabled":i.disabled?"":void 0,...r,ref:l,style:{...e.style,[s.startEdge]:u+"%",[s.endEdge]:p+"%"}})},"SliderRange")),PFe="SliderThumb",[EFe,Kle]=v6(PFe),IFe="SliderThumbProvider";function w6(t){let{__scopeSlider:e,name:n,children:o,internal_do_not_use_render:r}=t,i=Y1(IFe,e),s=mFe(e),[a,l]=hn.useState(null),c=hn.useMemo(()=>a?s().findIndex(y=>y.ref.current===a):-1,[s,a]),d=M1(a),u=a?!!i.form||!!a.closest("form"):!0,p=i.values[c],f=n??(i.name?i.name+(i.values.length>1?"[]":""):void 0),h=p===void 0?0:x6(p,i.min,i.max);hn.useEffect(()=>{if(a)return i.thumbs.add(a),()=>{i.thumbs.delete(a)}},[a,i.thumbs]);let g={value:p,name:f,form:i.form,isFormControl:u,index:c,thumb:a,onThumbChange:l,percent:h,size:d};return(0,Ao.jsx)(EFe,{scope:e,...g,children:tce(r)?r(g):o})}tn(w6,"SliderThumbProvider");var S6="SliderThumbTrigger",Gle=hn.forwardRef(tn(function(e,n){let{__scopeSlider:o,...r}=e,i=Y1(S6,o),s=jle(S6,o),{index:a,value:l,percent:c,size:d,onThumbChange:u}=Kle(S6,o),p=De(n,u),f=qle(a,i.values.length),h=d?.[s.size],g=h?Zle(h,c,s.direction):0;return(0,Ao.jsx)("span",{style:{transform:"var(--radix-slider-thumb-transform)",position:"absolute",[s.startEdge]:`calc(${c}% + ${g}px)`},children:(0,Ao.jsx)(b6.ItemSlot,{scope:o,children:(0,Ao.jsx)(me.span,{role:"slider","aria-label":e["aria-label"]||f,"aria-valuemin":i.min,"aria-valuenow":l,"aria-valuemax":i.max,"aria-orientation":i.orientation,"data-orientation":i.orientation,"data-disabled":i.disabled?"":void 0,tabIndex:i.disabled?void 0:0,...r,ref:p,style:l===void 0?{display:"none"}:e.style,onFocus:oe(e.onFocus,()=>{i.valueIndexToChangeRef.current=a})})})})},"SliderThumbTrigger")),_Fe=hn.forwardRef(tn(function(e,n){let{__scopeSlider:o,name:r,...i}=e;return(0,Ao.jsx)(w6,{__scopeSlider:o,name:r,internal_do_not_use_render:({index:s,isFormControl:a})=>(0,Ao.jsxs)(Ao.Fragment,{children:[(0,Ao.jsx)(Gle,{...i,ref:n,__scopeSlider:o}),a?(0,Ao.jsx)(Wle,{__scopeSlider:o},s):null]})})},"SliderThumb")),MFe="SliderBubbleInput",Wle=hn.forwardRef(tn(function({__scopeSlider:e,...n},o){let{value:r,name:i,form:s}=Kle(MFe,e),a=hn.useRef(null),l=De(a,o),c=H1(r);return hn.useEffect(()=>{let d=a.current;if(!d)return;let u=window.HTMLInputElement.prototype,f=Object.getOwnPropertyDescriptor(u,"value").set;if(c!==r&&f){let h=new Event("input",{bubbles:!0});f.call(d,r),d.dispatchEvent(h)}},[c,r]),(0,Ao.jsx)(me.input,{style:{display:"none"},name:i,form:s,...n,ref:l,defaultValue:r})},"SliderBubbleInput"));function Yle(t=[],e,n){let o=[...t];return o[n]=e,o.sort((r,i)=>r-i)}tn(Yle,"getNextSortedValues");function x6(t,e,n){let i=100/(n-e)*(t-e);return xy(i,[0,100])}tn(x6,"convertValueToPercentage");function qle(t,e){return e>2?`Value ${t+1} of ${e}`:e===2?["Minimum","Maximum"][t]:void 0}tn(qle,"getLabel");function Xle(t,e){if(t.length===1)return 0;let n=t.map(r=>Math.abs(r-e)),o=Math.min(...n);return n.indexOf(o)}tn(Xle,"getClosestValueIndex");function Zle(t,e,n){let o=t/2,i=x2([0,50],[0,o]);return(o-i(e)*n)*n}tn(Zle,"getThumbInBoundsOffset");function Jle(t){return t.slice(0,-1).map((e,n)=>t[n+1]-e)}tn(Jle,"getStepsBetweenValues");function Qle(t,e){if(e>0){let n=Jle(t);return Math.min(...n)>=e}return!0}tn(Qle,"hasMinStepsBetweenValues");function x2(t,e){return n=>{if(t[0]===t[1]||e[0]===e[1])return e[0];let o=(e[1]-e[0])/(t[1]-t[0]);return e[0]+o*(n-t[0])}}tn(x2,"linearScale");function T6(t){if(!Number.isFinite(t))return 0;let e=t.toString();if(e.includes("e")){let[o,r]=e.split("e"),i=o.split(".")[1]||"",s=Number(r);return Math.max(0,i.length-s)}let n=e.split(".")[1];return n?n.length:0}tn(T6,"getDecimalCount");function G1(t,e){let n=Math.pow(10,e);return Math.round(t*n)/n}tn(G1,"roundValue");function ece(t,{min:e,step:n,direction:o,multiplier:r}){let i=T6(n),s=(t-e)/n,a=Math.round(s),l=G1(a*n+e,i)===G1(t,i),c;return l?c=a+r*o:o>0?c=Math.ceil(s):c=Math.floor(s),G1(c*n+e,i)}tn(ece,"getNextStepValue");function tce(t){return typeof t=="function"}tn(tce,"isFunction");var zl={};il(zl,{Action:()=>JFe,Close:()=>QFe,Description:()=>ZFe,Provider:()=>WFe,Root:()=>qFe,Title:()=>XFe,Toast:()=>uce,ToastAction:()=>fce,ToastClose:()=>I6,ToastDescription:()=>pce,ToastProvider:()=>lce,ToastTitle:()=>dce,ToastViewport:()=>cce,Viewport:()=>YFe,createToastScope:()=>RFe});var lt=_(H(),1),rce=_(Jl(),1);var mn=_(j(),1),AFe=Object.defineProperty,jn=(t,e)=>AFe(t,"name",{value:e,configurable:!0}),ice="ToastProvider",[E6,sce,kFe]=xc("Toast"),[ace,RFe]=fn("Toast",[kFe]),[DFe,C2]=ace(ice),lce=jn(t=>{let{__scopeToast:e,label:n="Notification",duration:o=5e3,swipeDirection:r="right",swipeThreshold:i=50,announcerContainer:s,children:a}=t,[l,c]=lt.useState(null),[d,u]=lt.useState(0),p=lt.useRef(!1);return n.trim()||console.error(`Invalid prop \`label\` supplied to \`${ice}\`. Expected non-empty \`string\`.`),(0,mn.jsx)(E6.Provider,{scope:e,children:(0,mn.jsx)(DFe,{scope:e,label:n,duration:o,swipeDirection:r,swipeThreshold:i,toastCount:d,viewport:l,onViewportChange:c,onToastAdd:lt.useCallback(()=>u(f=>f+1),[]),onToastRemove:lt.useCallback(()=>u(f=>f-1),[]),isClosePausedRef:p,announcerContainer:s,children:a})})},"ToastProvider"),OFe="ToastViewport",LFe=["F8"],C6="toast.viewportPause",P6="toast.viewportResume",cce=lt.forwardRef(jn(function(e,n){let{__scopeToast:o,hotkey:r=LFe,label:i="Notifications ({hotkey})",...s}=e,a=C2(OFe,o),l=sce(o),c=lt.useRef(null),d=lt.useRef(null),u=lt.useRef(null),p=lt.useRef(null),f=De(n,p,a.onViewportChange),h=r.join("+").replace(/Key/g,"").replace(/Digit/g,""),g=a.toastCount>0;lt.useEffect(()=>{let m=jn(S=>{r.length!==0&&r.every(v=>S[v]||S.code===v)&&p.current?.focus()},"handleKeyDown");return document.addEventListener("keydown",m),()=>document.removeEventListener("keydown",m)},[r]),lt.useEffect(()=>{let m=c.current,S=p.current;if(g&&m&&S){let b=jn(()=>{if(!a.isClosePausedRef.current){let C=new CustomEvent(C6);S.dispatchEvent(C),a.isClosePausedRef.current=!0}},"handlePause"),v=jn(()=>{if(a.isClosePausedRef.current){let C=new CustomEvent(P6);S.dispatchEvent(C),a.isClosePausedRef.current=!1}},"handleResume"),w=jn(C=>{!m.contains(C.relatedTarget)&&v()},"handleFocusOutResume"),x=jn(()=>{m.contains(document.activeElement)||v()},"handlePointerLeaveResume");return m.addEventListener("focusin",b),m.addEventListener("focusout",w),m.addEventListener("pointermove",b),m.addEventListener("pointerleave",x),window.addEventListener("blur",b),window.addEventListener("focus",v),()=>{m.removeEventListener("focusin",b),m.removeEventListener("focusout",w),m.removeEventListener("pointermove",b),m.removeEventListener("pointerleave",x),window.removeEventListener("blur",b),window.removeEventListener("focus",v)}}},[g,a.isClosePausedRef]);let y=lt.useCallback(({tabbingDirection:m})=>{let b=l().map(v=>{let w=v.ref.current,x=[w,...yce(w)];return m==="forwards"?x:x.reverse()});return(m==="forwards"?b.reverse():b).flat()},[l]);return lt.useEffect(()=>{let m=p.current;if(m){let S=jn(b=>{let v=b.altKey||b.ctrlKey||b.metaKey;if(b.key==="Tab"&&!v){let x=document.activeElement,C=b.shiftKey;if(b.target===m&&C){d.current?.focus();return}let E=y({tabbingDirection:C?"backwards":"forwards"}),I=E.findIndex(R=>R===x);T2(E.slice(I+1))?b.preventDefault():C?d.current?.focus():u.current?.focus()}},"handleKeyDown");return m.addEventListener("keydown",S),()=>m.removeEventListener("keydown",S)}},[l,y]),(0,mn.jsxs)(yie,{ref:c,role:"region","aria-label":i.replace("{hotkey}",h),tabIndex:-1,style:{pointerEvents:g?void 0:"none"},children:[g&&(0,mn.jsx)(nce,{ref:d,onFocusFromOutsideViewport:()=>{let m=y({tabbingDirection:"forwards"});T2(m)}}),(0,mn.jsx)(E6.Slot,{scope:o,children:(0,mn.jsx)(me.ol,{tabIndex:-1,...s,ref:f})}),g&&(0,mn.jsx)(nce,{ref:u,onFocusFromOutsideViewport:()=>{let m=y({tabbingDirection:"backwards"});T2(m)}})]})},"ToastViewport")),NFe="ToastFocusProxy",nce=lt.forwardRef(jn(function(e,n){let{__scopeToast:o,onFocusFromOutsideViewport:r,...i}=e,s=C2(NFe,o);return(0,mn.jsx)(xR,{tabIndex:0,...i,ref:n,style:{position:"fixed"},onFocus:a=>{let l=a.relatedTarget;!s.viewport?.contains(l)&&r()}})},"ToastFocusProxy")),P2="Toast",FFe="toast.swipeStart",BFe="toast.swipeMove",zFe="toast.swipeCancel",UFe="toast.swipeEnd",uce=lt.forwardRef(jn(function(e,n){let{forceMount:o,open:r,defaultOpen:i,onOpenChange:s,...a}=e,[l,c]=Vn({prop:r,defaultProp:i??!0,onChange:s,caller:P2});return(0,mn.jsx)(Fr,{present:o||l,children:(0,mn.jsx)(jFe,{open:l,...a,ref:n,onClose:()=>c(!1),onPause:bo(e.onPause),onResume:bo(e.onResume),onSwipeStart:oe(e.onSwipeStart,d=>{d.currentTarget.setAttribute("data-swipe","start")}),onSwipeMove:oe(e.onSwipeMove,d=>{let{x:u,y:p}=d.detail.delta;d.currentTarget.setAttribute("data-swipe","move"),d.currentTarget.style.setProperty("--radix-toast-swipe-move-x",`${u}px`),d.currentTarget.style.setProperty("--radix-toast-swipe-move-y",`${p}px`)}),onSwipeCancel:oe(e.onSwipeCancel,d=>{d.currentTarget.setAttribute("data-swipe","cancel"),d.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),d.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),d.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"),d.currentTarget.style.removeProperty("--radix-toast-swipe-end-y")}),onSwipeEnd:oe(e.onSwipeEnd,d=>{let{x:u,y:p}=d.detail.delta;d.currentTarget.setAttribute("data-swipe","end"),d.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),d.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),d.currentTarget.style.setProperty("--radix-toast-swipe-end-x",`${u}px`),d.currentTarget.style.setProperty("--radix-toast-swipe-end-y",`${p}px`),c(!1)})})})},"Toast")),[HFe,VFe]=ace(P2,{onClose(){}}),jFe=lt.forwardRef(jn(function(e,n){let{__scopeToast:o,type:r="foreground",duration:i,open:s,onClose:a,onEscapeKeyDown:l,onPause:c,onResume:d,onSwipeStart:u,onSwipeMove:p,onSwipeCancel:f,onSwipeEnd:h,...g}=e,y=C2(P2,o),m=sce(o),[S,b]=lt.useState(null),v=De(n,b),w=lt.useRef(null),x=lt.useRef(null),C=i||y.duration,P=lt.useRef(0),M=lt.useRef(C),E=lt.useRef(0),{onToastAdd:I,onToastRemove:R}=y,D=bo(()=>{S?.contains(document.activeElement)&&y.viewport?.focus(),a()}),N=lt.useCallback(F=>{!F||F===1/0||(window.clearTimeout(E.current),P.current=new Date().getTime(),E.current=window.setTimeout(D,F))},[D]);lt.useEffect(()=>{let F=y.viewport;if(F){let k=jn(()=>{N(M.current),d?.()},"handleResume"),L=jn(()=>{let U=new Date().getTime()-P.current;M.current=M.current-U,window.clearTimeout(E.current),c?.()},"handlePause");return F.addEventListener(C6,L),F.addEventListener(P6,k),()=>{F.removeEventListener(C6,L),F.removeEventListener(P6,k)}}},[y.viewport,C,c,d,N]),lt.useEffect(()=>{s&&!y.isClosePausedRef.current&&N(C)},[s,C,y.isClosePausedRef,N]),lt.useEffect(()=>()=>{window.clearTimeout(E.current)},[]),lt.useEffect(()=>(I(),()=>R()),[I,R]);let B=lt.useMemo(()=>S?_6(S):null,[S]);return y.viewport?(0,mn.jsxs)(mn.Fragment,{children:[B&&(0,mn.jsx)($Fe,{__scopeToast:o,role:"status","aria-live":r==="foreground"?"assertive":"polite",children:B}),(0,mn.jsx)(HFe,{scope:o,onClose:D,children:rce.createPortal((0,mn.jsx)(E6.ItemSlot,{scope:o,children:(0,mn.jsx)(gie,{asChild:!0,onEscapeKeyDown:oe(l,F=>{m().some(L=>L.ref.current?.contains(F.target))||D()}),children:(0,mn.jsx)(me.li,{tabIndex:0,"data-state":s?"open":"closed","data-swipe-direction":y.swipeDirection,...g,ref:v,style:{userSelect:"none",touchAction:"none",...e.style},onKeyDown:oe(e.onKeyDown,F=>{F.key==="Escape"&&(l?.(F.nativeEvent),F.nativeEvent.defaultPrevented||D())}),onPointerDown:oe(e.onPointerDown,F=>{F.button===0&&(w.current={x:F.clientX,y:F.clientY})}),onPointerMove:oe(e.onPointerMove,F=>{if(!w.current)return;let k=F.clientX-w.current.x,L=F.clientY-w.current.y,U=!!x.current,V=["left","right"].includes(y.swipeDirection),Y=["left","up"].includes(y.swipeDirection)?Math.min:Math.max,Z=V?Y(0,k):0,le=V?0:Y(0,L),Te=F.pointerType==="touch"?10:2,Ge={x:Z,y:le},We={originalEvent:F,delta:Ge};U?(x.current=Ge,q1(BFe,p,We,{discrete:!1})):oce(Ge,y.swipeDirection,Te)?(x.current=Ge,q1(FFe,u,We,{discrete:!1}),F.target.setPointerCapture(F.pointerId)):(Math.abs(k)>Te||Math.abs(L)>Te)&&(w.current=null)}),onPointerUp:oe(e.onPointerUp,F=>{let k=x.current,L=F.target;if(L.hasPointerCapture(F.pointerId)&&L.releasePointerCapture(F.pointerId),x.current=null,w.current=null,k){let U=F.currentTarget,V={originalEvent:F,delta:k};oce(k,y.swipeDirection,y.swipeThreshold)?q1(UFe,h,V,{discrete:!0}):q1(zFe,f,V,{discrete:!0}),U.addEventListener("click",Y=>Y.preventDefault(),{once:!0})}})})})}),y.viewport)})]}):null},"ToastImpl")),$Fe=jn(t=>{let{__scopeToast:e,children:n,...o}=t,r=C2(P2,e),[i,s]=lt.useState(!1),[a,l]=lt.useState(!1);return mce(()=>s(!0)),lt.useEffect(()=>{let c=window.setTimeout(()=>l(!0),1e3);return()=>window.clearTimeout(c)},[]),a?null:(0,mn.jsx)(Fl,{asChild:!0,container:r.announcerContainer||void 0,children:(0,mn.jsx)(xR,{...o,children:i&&(0,mn.jsxs)(mn.Fragment,{children:[r.label," ",n]})})})},"ToastAnnounce"),dce=lt.forwardRef(jn(function(e,n){let{__scopeToast:o,...r}=e;return(0,mn.jsx)(me.div,{...r,ref:n})},"ToastTitle")),pce=lt.forwardRef(jn(function(e,n){let{__scopeToast:o,...r}=e;return(0,mn.jsx)(me.div,{...r,ref:n})},"ToastDescription")),KFe="ToastAction",fce=lt.forwardRef(jn(function(e,n){let{altText:o,...r}=e;return o.trim()?(0,mn.jsx)(hce,{altText:o,asChild:!0,children:(0,mn.jsx)(I6,{...r,ref:n})}):(console.error(`Invalid prop \`altText\` supplied to \`${KFe}\`. Expected non-empty \`string\`.`),null)},"ToastAction")),GFe="ToastClose",I6=lt.forwardRef(jn(function(e,n){let{__scopeToast:o,...r}=e,i=VFe(GFe,o);return(0,mn.jsx)(hce,{asChild:!0,children:(0,mn.jsx)(me.button,{type:"button",...r,ref:n,onClick:oe(e.onClick,i.onClose)})})},"ToastClose")),hce=lt.forwardRef(jn(function(e,n){let{__scopeToast:o,altText:r,...i}=e;return(0,mn.jsx)(me.div,{"data-radix-toast-announce-exclude":"","data-radix-toast-announce-alt":r||void 0,...i,ref:n})},"ToastAnnounceExclude"));function _6(t){let e=[];return Array.from(t.childNodes).forEach(o=>{if(o.nodeType===o.TEXT_NODE&&o.textContent&&e.push(o.textContent),gce(o)){let r=o.ariaHidden||o.hidden||o.style.display==="none",i=o.dataset.radixToastAnnounceExclude==="";if(!r)if(i){let s=o.dataset.radixToastAnnounceAlt;s&&e.push(s)}else e.push(..._6(o))}}),e}jn(_6,"getAnnounceTextContent");function q1(t,e,n,{discrete:o}){let r=n.originalEvent.currentTarget,i=new CustomEvent(t,{bubbles:!0,cancelable:!0,detail:n});e&&r.addEventListener(t,e,{once:!0}),o?ly(r,i):r.dispatchEvent(i)}jn(q1,"handleAndDispatchCustomEvent");var oce=jn((t,e,n=0)=>{let o=Math.abs(t.x),r=Math.abs(t.y),i=o>r;return e==="left"||e==="right"?i&&o>n:!i&&r>n},"isDeltaInDirection");function mce(t=()=>{}){let e=bo(t);Ut(()=>{let n=0,o=0;return n=window.requestAnimationFrame(()=>o=window.requestAnimationFrame(e)),()=>{window.cancelAnimationFrame(n),window.cancelAnimationFrame(o)}},[e])}jn(mce,"useNextFrame");function gce(t){return t.nodeType===t.ELEMENT_NODE}jn(gce,"isHTMLElement");function yce(t){let e=[],n=document.createTreeWalker(t,NodeFilter.SHOW_ELEMENT,{acceptNode:jn(o=>{let r=o.tagName==="INPUT"&&o.type==="hidden";return o.disabled||o.hidden||r?NodeFilter.FILTER_SKIP:o.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP},"acceptNode")});for(;n.nextNode();)e.push(n.currentNode);return e}jn(yce,"getTabbableCandidates");function T2(t){let e=document.activeElement;return t.some(n=>n===e?!0:(n.focus(),document.activeElement!==e))}jn(T2,"focusFirst");var WFe=lce,YFe=cce,qFe=uce,XFe=dce,ZFe=pce,JFe=fce,QFe=I6;var Sce=_(H(),1);var bce=_(j(),1),eBe=Object.defineProperty,tBe=(t,e)=>eBe(t,"name",{value:e,configurable:!0}),nBe="Toggle",vce=Sce.forwardRef(tBe(function(e,n){let{pressed:o,defaultPressed:r,onPressedChange:i,...s}=e,[a,l]=Vn({prop:o,onChange:i,defaultProp:r??!1,caller:nBe});return(0,bce.jsx)(me.button,{type:"button","aria-pressed":a,"data-state":a?"on":"off","data-disabled":e.disabled?"":void 0,...s,ref:n,onClick:oe(e.onClick,()=>{e.disabled||l(!a)})})},"Toggle"));var As=_(H(),1);var Ms=_(j(),1),oBe=Object.defineProperty,Vh=(t,e)=>oBe(t,"name",{value:e,configurable:!0}),Jv="ToggleGroup",[xce,A6]=fn(Jv,[Cp]),Tce=Cp(),Cce=As.forwardRef(Vh(function(e,n){let{type:o,...r}=e;if(o==="single")return(0,Ms.jsx)(rBe,{role:"radiogroup",...r,ref:n});if(o==="multiple")return(0,Ms.jsx)(iBe,{role:"toolbar",...r,ref:n});throw new Error(`Missing prop \`type\` expected on \`${Jv}\``)},"ToggleGroup")),[Pce,Ece]=xce(Jv),rBe=As.forwardRef(Vh(function(e,n){let{value:o,defaultValue:r,onValueChange:i=Vh(()=>{},"onValueChange"),...s}=e,[a,l]=Vn({prop:o,defaultProp:r??"",onChange:i,caller:Jv});return(0,Ms.jsx)(Pce,{scope:e.__scopeToggleGroup,type:"single",value:As.useMemo(()=>a?[a]:[],[a]),onItemActivate:l,onItemDeactivate:As.useCallback(()=>l(""),[l]),children:(0,Ms.jsx)(Ice,{...s,ref:n})})},"ToggleGroupImplSingle")),iBe=As.forwardRef(Vh(function(e,n){let{value:o,defaultValue:r,onValueChange:i=Vh(()=>{},"onValueChange"),...s}=e,[a,l]=Vn({prop:o,defaultProp:r??[],onChange:i,caller:Jv}),c=As.useCallback(u=>l((p=[])=>[...p,u]),[l]),d=As.useCallback(u=>l((p=[])=>p.filter(f=>f!==u)),[l]);return(0,Ms.jsx)(Pce,{scope:e.__scopeToggleGroup,type:"multiple",value:a,onItemActivate:c,onItemDeactivate:d,children:(0,Ms.jsx)(Ice,{...s,ref:n})})},"ToggleGroupImplMultiple")),[sBe,aBe]=xce(Jv),Ice=As.forwardRef(Vh(function(e,n){let{__scopeToggleGroup:o,disabled:r=!1,rovingFocus:i=!0,orientation:s,dir:a,loop:l=!0,...c}=e,d=Tce(o),u=Ja(a),p={dir:u,...c};return(0,Ms.jsx)(sBe,{scope:o,rovingFocus:i,disabled:r,children:i?(0,Ms.jsx)(Yv,{asChild:!0,...d,orientation:s,dir:u,loop:l,children:(0,Ms.jsx)(me.div,{...p,ref:n})}):(0,Ms.jsx)(me.div,{...p,ref:n})})},"ToggleGroupImpl")),M6="ToggleGroupItem",_ce=As.forwardRef(Vh(function(e,n){let o=Ece(M6,e.__scopeToggleGroup),r=aBe(M6,e.__scopeToggleGroup),i=Tce(e.__scopeToggleGroup),s=o.value.includes(e.value),a=r.disabled||e.disabled,l={...e,pressed:s,disabled:a},c=As.useRef(null);return r.rovingFocus?(0,Ms.jsx)(vy,{asChild:!0,...i,focusable:!a,active:s,ref:c,children:(0,Ms.jsx)(wce,{...l,ref:n})}):(0,Ms.jsx)(wce,{...l,ref:n})},"ToggleGroupItem")),wce=As.forwardRef(Vh(function(e,n){let{__scopeToggleGroup:o,value:r,...i}=e,s=Ece(M6,o),a={role:"radio","aria-checked":e.pressed,"aria-pressed":void 0},l=s.type==="single"?a:void 0;return(0,Ms.jsx)(vce,{...l,...i,ref:n,onPressedChange:c=>{c?s.onItemActivate(r):s.onItemDeactivate(r)}})},"ToggleGroupItemImpl"));var Iy={};il(Iy,{Button:()=>yBe,Link:()=>SBe,Root:()=>mBe,Separator:()=>gBe,ToggleGroup:()=>bBe,ToggleItem:()=>vBe,Toolbar:()=>Rce,ToolbarButton:()=>R6,ToolbarLink:()=>Oce,ToolbarSeparator:()=>Dce,ToolbarToggleGroup:()=>Lce,ToolbarToggleItem:()=>Nce,createToolbarScope:()=>dBe});var Ey=_(H(),1);var Ul=_(j(),1),cBe=Object.defineProperty,Qv=(t,e)=>cBe(t,"name",{value:e,configurable:!0}),Mce="Toolbar",[uBe,dBe]=fn(Mce,[Cp,A6]),k6=Cp(),Ace=A6(),[pBe,kce]=uBe(Mce),Rce=Ey.forwardRef(Qv(function(e,n){let{__scopeToolbar:o,orientation:r="horizontal",dir:i,loop:s=!0,...a}=e,l=k6(o),c=Ja(i);return(0,Ul.jsx)(pBe,{scope:o,orientation:r,dir:c,children:(0,Ul.jsx)(Yv,{asChild:!0,...l,orientation:r,dir:c,loop:s,children:(0,Ul.jsx)(me.div,{role:"toolbar","aria-orientation":r,dir:c,...a,ref:n})})})},"Toolbar")),fBe="ToolbarSeparator",Dce=Ey.forwardRef(Qv(function(e,n){let{__scopeToolbar:o,...r}=e,i=kce(fBe,o);return(0,Ul.jsx)(Fle,{orientation:i.orientation==="horizontal"?"vertical":"horizontal",...r,ref:n})},"ToolbarSeparator")),R6=Ey.forwardRef(Qv(function(e,n){let{__scopeToolbar:o,...r}=e,i=k6(o);return(0,Ul.jsx)(vy,{asChild:!0,...i,focusable:!e.disabled,children:(0,Ul.jsx)(me.button,{type:"button",...r,ref:n})})},"ToolbarButton")),Oce=Ey.forwardRef(Qv(function(e,n){let{__scopeToolbar:o,...r}=e,i=k6(o);return(0,Ul.jsx)(vy,{asChild:!0,...i,focusable:!0,children:(0,Ul.jsx)(me.a,{...r,ref:n,onKeyDown:oe(e.onKeyDown,s=>{s.target===s.currentTarget&&s.key===" "&&s.currentTarget.click()})})})},"ToolbarLink")),hBe="ToolbarToggleGroup",Lce=Ey.forwardRef(Qv(function(e,n){let{__scopeToolbar:o,...r}=e,i=kce(hBe,o),s=Ace(o);return(0,Ul.jsx)(Cce,{"data-orientation":i.orientation,dir:i.dir,...s,...r,ref:n,rovingFocus:!1})},"ToolbarToggleGroup")),Nce=Ey.forwardRef(Qv(function(e,n){let{__scopeToolbar:o,...r}=e,i=Ace(o),s={__scopeToolbar:e.__scopeToolbar};return(0,Ul.jsx)(R6,{asChild:!0,...s,children:(0,Ul.jsx)(_ce,{...i,...r,ref:n})})},"ToolbarToggleItem")),mBe=Rce,gBe=Dce,yBe=R6,SBe=Oce,bBe=Lce,vBe=Nce;var Hl={};il(Hl,{Arrow:()=>NBe,Content:()=>LBe,Portal:()=>OBe,Provider:()=>kBe,Root:()=>RBe,Tooltip:()=>zce,TooltipArrow:()=>Kce,TooltipContent:()=>jce,TooltipPortal:()=>Vce,TooltipProvider:()=>Bce,TooltipTrigger:()=>Uce,Trigger:()=>DBe,createTooltipScope:()=>xBe});var ct=_(H(),1);var jr=_(j(),1),wBe=Object.defineProperty,Vr=(t,e)=>wBe(t,"name",{value:e,configurable:!0}),[L6,xBe]=fn("Tooltip",[Bl]),E2=Bl(),TBe="TooltipProvider",CBe=700,D6="tooltip.open",[PBe,N6]=L6(TBe),Bce=Vr(t=>{let{__scopeTooltip:e,delayDuration:n=CBe,skipDelayDuration:o=300,disableHoverableContent:r=!1,children:i}=t,s=ct.useRef(!0),a=ct.useRef(!1),l=ct.useRef(0);return ct.useEffect(()=>{let c=l.current;return()=>window.clearTimeout(c)},[]),(0,jr.jsx)(PBe,{scope:e,isOpenDelayedRef:s,delayDuration:n,onOpen:ct.useCallback(()=>{o<=0||(window.clearTimeout(l.current),s.current=!1)},[o]),onClose:ct.useCallback(()=>{o<=0||(window.clearTimeout(l.current),l.current=window.setTimeout(()=>s.current=!0,o))},[o]),isPointerInTransitRef:a,onPointerInTransitChange:ct.useCallback(c=>{a.current=c},[]),disableHoverableContent:r,children:i})},"TooltipProvider"),O6="Tooltip",[EBe,Z1]=L6(O6),zce=Vr(t=>{let{__scopeTooltip:e,children:n,open:o,defaultOpen:r,onOpenChange:i,disableHoverableContent:s,delayDuration:a}=t,l=N6(O6,t.__scopeTooltip),c=E2(e),[d,u]=ct.useState(null),[p,f]=ct.useState(void 0),h=sr(),g=ct.useRef(0),y=s??l.disableHoverableContent,m=a??l.delayDuration,S=ct.useRef(!1),[b,v]=Vn({prop:o,defaultProp:r??!1,onChange:Vr(E=>{E?(l.onOpen(),document.dispatchEvent(new CustomEvent(D6))):l.onClose(),i?.(E)},"onChange"),caller:O6}),w=ct.useMemo(()=>b?S.current?"delayed-open":"instant-open":"closed",[b]),x=ct.useCallback(()=>{window.clearTimeout(g.current),g.current=0,S.current=!1,v(!0)},[v]),C=ct.useCallback(()=>{window.clearTimeout(g.current),g.current=0,v(!1)},[v]),P=ct.useCallback(()=>{window.clearTimeout(g.current),g.current=window.setTimeout(()=>{S.current=!0,v(!0),g.current=0},m)},[m,v]);return ct.useEffect(()=>()=>{g.current&&(window.clearTimeout(g.current),g.current=0)},[]),(0,jr.jsx)(xp,{...c,children:(0,jr.jsx)(EBe,{scope:e,contentId:p??h,setContentId:f,open:b,stateAttribute:w,trigger:d,onTriggerChange:u,onTriggerEnter:ct.useCallback(()=>{l.isOpenDelayedRef.current?P():x()},[l.isOpenDelayedRef,P,x]),onTriggerLeave:ct.useCallback(()=>{y?C():(window.clearTimeout(g.current),g.current=0)},[C,y]),onOpen:x,onClose:C,disableHoverableContent:y,children:n})})},"Tooltip"),Fce="TooltipTrigger",Uce=ct.forwardRef(Vr(function(e,n){let{__scopeTooltip:o,...r}=e,i=Z1(Fce,o),s=N6(Fce,o),a=E2(o),l=ct.useRef(null),c=De(n,l,i.onTriggerChange),d=ct.useRef(!1),u=ct.useRef(!1),p=ct.useCallback(()=>d.current=!1,[]);return ct.useEffect(()=>()=>document.removeEventListener("pointerup",p),[p]),(0,jr.jsx)(Tp,{asChild:!0,...a,children:(0,jr.jsx)(me.button,{"aria-describedby":i.open?i.contentId:void 0,"data-state":i.stateAttribute,...r,ref:c,onPointerMove:oe(e.onPointerMove,f=>{f.pointerType!=="touch"&&!u.current&&!s.isPointerInTransitRef.current&&(i.onTriggerEnter(),u.current=!0)}),onPointerLeave:oe(e.onPointerLeave,()=>{i.onTriggerLeave(),u.current=!1}),onPointerDown:oe(e.onPointerDown,()=>{i.open&&i.onClose(),d.current=!0,document.addEventListener("pointerup",p,{once:!0})}),onFocus:oe(e.onFocus,()=>{d.current||i.onOpen()}),onBlur:oe(e.onBlur,i.onClose),onClick:oe(e.onClick,i.onClose)})})},"TooltipTrigger")),Hce="TooltipPortal",[IBe,_Be]=L6(Hce,{forceMount:void 0}),Vce=Vr(t=>{let{__scopeTooltip:e,forceMount:n,children:o,container:r}=t,i=Z1(Hce,e);return(0,jr.jsx)(IBe,{scope:e,forceMount:n,children:(0,jr.jsx)(Fr,{present:n||i.open,children:(0,jr.jsx)(Fl,{asChild:!0,container:r,children:o})})})},"TooltipPortal"),X1="TooltipContent",jce=ct.forwardRef(Vr(function(e,n){let o=_Be(X1,e.__scopeTooltip),{forceMount:r=o.forceMount,side:i="top",...s}=e,a=Z1(X1,e.__scopeTooltip);return(0,jr.jsx)(Fr,{present:r||a.open,children:a.disableHoverableContent?(0,jr.jsx)($ce,{side:i,...s,ref:n}):(0,jr.jsx)(MBe,{side:i,...s,ref:n})})},"TooltipContent")),MBe=ct.forwardRef(Vr(function(e,n){let o=Z1(X1,e.__scopeTooltip),r=N6(X1,e.__scopeTooltip),i=ct.useRef(null),s=De(n,i),[a,l]=ct.useState(null),{trigger:c,onClose:d}=o,u=i.current,{onPointerInTransitChange:p}=r,f=ct.useCallback(()=>{l(null),p(!1)},[p]),h=ct.useCallback((g,y)=>{let m=g.currentTarget,S={x:g.clientX,y:g.clientY},b=Gce(S,m.getBoundingClientRect()),v=Wce(S,b),w=Yce(y.getBoundingClientRect()),x=Xce([...v,...w]);l(x),p(!0)},[p]);return ct.useEffect(()=>()=>f(),[f]),ct.useEffect(()=>{if(c&&u){let g=Vr(m=>h(m,u),"handleTriggerLeave"),y=Vr(m=>h(m,c),"handleContentLeave");return c.addEventListener("pointerleave",g),u.addEventListener("pointerleave",y),()=>{c.removeEventListener("pointerleave",g),u.removeEventListener("pointerleave",y)}}},[c,u,h,f]),ct.useEffect(()=>{if(a){let g=Vr(y=>{let m=y.target,S={x:y.clientX,y:y.clientY},b=c?.contains(m)||u?.contains(m),v=!qce(S,a);b?f():v&&(f(),d())},"handleTrackPointerGrace");return document.addEventListener("pointermove",g),()=>document.removeEventListener("pointermove",g)}},[c,u,a,d,f]),(0,jr.jsx)($ce,{...e,ref:s})},"TooltipContentHoverable")),ABe=T1("TooltipContent"),$ce=ct.forwardRef(Vr(function(e,n){let{__scopeTooltip:o,children:r,"aria-label":i,id:s,onEscapeKeyDown:a,onPointerDownOutside:l,...c}=e,d=Z1(X1,o),u=E2(o),{onClose:p}=d;ct.useEffect(()=>(document.addEventListener(D6,p),()=>document.removeEventListener(D6,p)),[p]),ct.useEffect(()=>{if(d.trigger){let h=Vr(g=>{g.target instanceof Node&&g.target.contains(d.trigger)&&p()},"handleScroll");return window.addEventListener("scroll",h,{capture:!0}),()=>window.removeEventListener("scroll",h,{capture:!0})}},[d.trigger,p]);let{setContentId:f}=d;return Ut(()=>(f(s),()=>{f(void 0)}),[s,f]),(0,jr.jsx)(Cc,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:a,onPointerDownOutside:l,onFocusOutside:h=>h.preventDefault(),onDismiss:p,children:(0,jr.jsxs)(Lh,{"data-state":d.stateAttribute,role:i?void 0:"tooltip",id:i?void 0:d.contentId,...u,...c,ref:n,style:{...c.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-tooltip-content-available-width":"var(--radix-popper-available-width)","--radix-tooltip-content-available-height":"var(--radix-popper-available-height)","--radix-tooltip-trigger-width":"var(--radix-popper-anchor-width)","--radix-tooltip-trigger-height":"var(--radix-popper-anchor-height)"},children:[(0,jr.jsx)(ABe,{children:r}),i?(0,jr.jsx)(Gre,{id:d.contentId,role:"tooltip",children:i}):null]})})},"TooltipContentImpl")),Kce=ct.forwardRef(Vr(function(e,n){let{__scopeTooltip:o,...r}=e,i=E2(o);return(0,jr.jsx)(Nh,{...i,...r,ref:n})},"TooltipArrow"));function Gce(t,e){let n=Math.abs(e.top-t.y),o=Math.abs(e.bottom-t.y),r=Math.abs(e.right-t.x),i=Math.abs(e.left-t.x);switch(Math.min(n,o,r,i)){case i:return"left";case r:return"right";case n:return"top";case o:return"bottom";default:throw new Error("unreachable")}}Vr(Gce,"getExitSideFromRect");function Wce(t,e,n=5){let o=[];switch(e){case"top":o.push({x:t.x-n,y:t.y+n},{x:t.x+n,y:t.y+n});break;case"bottom":o.push({x:t.x-n,y:t.y-n},{x:t.x+n,y:t.y-n});break;case"left":o.push({x:t.x+n,y:t.y-n},{x:t.x+n,y:t.y+n});break;case"right":o.push({x:t.x-n,y:t.y-n},{x:t.x-n,y:t.y+n});break}return o}Vr(Wce,"getPaddedExitPoints");function Yce(t){let{top:e,right:n,bottom:o,left:r}=t;return[{x:r,y:e},{x:n,y:e},{x:n,y:o},{x:r,y:o}]}Vr(Yce,"getPointsFromRect");function qce(t,e){let{x:n,y:o}=t,r=!1;for(let i=0,s=e.length-1;i<e.length;s=i++){let a=e[i],l=e[s],c=a.x,d=a.y,u=l.x,p=l.y;d>o!=p>o&&n<(u-c)*(o-d)/(p-d)+c&&(r=!r)}return r}Vr(qce,"isPointInPolygon");function Xce(t){let e=t.slice();return e.sort((n,o)=>n.x<o.x?-1:n.x>o.x?1:n.y<o.y?-1:n.y>o.y?1:0),Zce(e)}Vr(Xce,"getHull");function Zce(t){if(t.length<=1)return t.slice();let e=[];for(let o=0;o<t.length;o++){let r=t[o];for(;e.length>=2;){let i=e[e.length-1],s=e[e.length-2];if((i.x-s.x)*(r.y-s.y)>=(i.y-s.y)*(r.x-s.x))e.pop();else break}e.push(r)}e.pop();let n=[];for(let o=t.length-1;o>=0;o--){let r=t[o];for(;n.length>=2;){let i=n[n.length-1],s=n[n.length-2];if((i.x-s.x)*(r.y-s.y)>=(i.y-s.y)*(r.x-s.x))n.pop();else break}n.push(r)}return n.pop(),e.length===1&&n.length===1&&e[0].x===n[0].x&&e[0].y===n[0].y?e:e.concat(n)}Vr(Zce,"getHullPresorted");var kBe=Bce,RBe=zce,DBe=Uce,OBe=Vce,LBe=jce,NBe=Kce;var Xo=_(H(),1);var jh=_(j(),1),I2=_(Jt(),1);var $h=_(H(),1),Jce=(0,$h.createContext)({orientation:"horizontal",tooltipSide:"bottom"});function ew({children:t,orientation:e,tooltipSide:n}){let o=Ru(),r=n??(e===o.orientation?o.tooltipSide:e==="horizontal"?"bottom":"right");return(0,jh.jsx)(Jce.Provider,{value:{orientation:e,tooltipSide:r},children:t})}function Ru(){return(0,$h.useContext)(Jce)}var Qa=(0,$h.forwardRef)(({asChild:t,className:e,tooltipSide:n,...o},r)=>{let i=t?Lv.Root:"div";return(0,jh.jsx)(ew,{orientation:"horizontal",tooltipSide:n,children:(0,jh.jsx)(i,{ref:r,className:(0,I2.default)("tlui-row",e),...o})})}),_y=(0,$h.forwardRef)(({asChild:t,className:e,tooltipSide:n,...o},r)=>{let i=t?Lv.Root:"div";return(0,jh.jsx)(ew,{orientation:"vertical",tooltipSide:n,children:(0,jh.jsx)(i,{ref:r,className:(0,I2.default)("tlui-column",e),...o})})}),Pp=(0,$h.forwardRef)(({asChild:t,className:e,tooltipSide:n,...o},r)=>{let i=t?Lv.Root:"div";return(0,jh.jsx)(ew,{orientation:"horizontal",tooltipSide:n,children:(0,jh.jsx)(i,{ref:r,className:(0,I2.default)("tlui-grid",e),...o})})});var FBe=700,F6=class t{static instance=null;state=ye("tooltip state",{name:"idle"});static getInstance(){return t.instance||(t.instance=new t),t.instance}hideAllTooltips(){this.handleEvent({type:"hide_all"})}handleEvent(e){let n=this.state.get();switch(e.type){case"pointer_down":{n.name==="waiting_to_hide"&&clearTimeout(n.timeoutId),this.state.set({name:"pointer_down"});break}case"pointer_up":{n.name==="pointer_down"&&this.state.set({name:"idle"});break}case"show":{if(n.name==="pointer_down")return;n.name==="waiting_to_hide"&&clearTimeout(n.timeoutId),this.state.set({name:"showing",tooltip:e.tooltip});break}case"hide":{let{tooltipId:o,editor:r,instant:i}=e;if(n.name==="showing"&&n.tooltip.id===o)if(r&&!i){let s=r.timers.setTimeout(()=>{let a=this.state.get();a.name==="waiting_to_hide"&&a.tooltip.id===o&&this.state.set({name:"idle"})},300);this.state.set({name:"waiting_to_hide",tooltip:n.tooltip,timeoutId:s})}else this.state.set({name:"idle"});else n.name==="waiting_to_hide"&&n.tooltip.id===o&&i&&(clearTimeout(n.timeoutId),this.state.set({name:"idle"}));break}case"hide_all":{if(n.name==="waiting_to_hide"&&clearTimeout(n.timeoutId),n.name==="pointer_down")return;this.state.set({name:"idle"});break}}}getCurrentTooltipData(){let e=this.state.get(),n=null;return(e.name==="showing"||e.name==="waiting_to_hide")&&(n=e.tooltip),!n||bl.get().isCoarsePointer&&!n.showOnMobile?null:n}},Dc=F6.getInstance();function tw(){Dc.hideAllTooltips()}var Qce=(0,Xo.createContext)(!1);function B6({children:t}){return(0,Fi.jsx)(Hl.Provider,{skipDelayDuration:700,children:(0,Fi.jsxs)(Qce.Provider,{value:!0,children:[t,(0,Fi.jsx)(BBe,{})]})})}function BBe(){let[t,e]=(0,Xo.useState)(!1),n=(0,Xo.useRef)(null),o=(0,Xo.useRef)(!0),r=rt(),i=ot(),s=z("current tooltip",()=>Dc.getCurrentTooltipData(),[]),a=z("camera state",()=>r?.getCameraState(),[r]);return(0,Xo.useEffect)(()=>{a==="moving"&&t&&s&&Dc.handleEvent({type:"hide",tooltipId:s.id,editor:r,instant:!0})},[a,t,s,r]),(0,Xo.useEffect)(()=>{let l=r?.getContainerDocument()??Ln();function c(d){d.key==="Escape"&&s&&t&&(tw(),d.stopPropagation())}return l.addEventListener("keydown",c,{capture:!0}),()=>{l.removeEventListener("keydown",c,{capture:!0})}},[r,s,t]),(0,Xo.useEffect)(()=>{let l=r?.getContainerDocument()??Ln();function c(){Dc.handleEvent({type:"pointer_down"})}function d(){Dc.handleEvent({type:"pointer_up"})}return l.addEventListener("pointerdown",c,{capture:!0}),l.addEventListener("pointerup",d,{capture:!0}),l.addEventListener("pointercancel",d,{capture:!0}),()=>{l.removeEventListener("pointerdown",c,{capture:!0}),l.removeEventListener("pointerup",d,{capture:!0}),l.removeEventListener("pointercancel",d,{capture:!0}),Dc.handleEvent({type:"pointer_up"})}},[r]),(0,Xo.useEffect)(()=>{let l=null;if(s&&n.current){let c=s.targetElement.getBoundingClientRect(),d=n.current;d.style.position="fixed",d.style.left="0px",d.style.top="0px";let u=d.getBoundingClientRect();d.style.left=`${c.left-u.left}px`,d.style.top=`${c.top-u.top}px`,d.style.width=`${c.width}px`,d.style.height=`${c.height}px`,d.style.pointerEvents="none",d.style.zIndex="9999",o.current?l=setTimeout(()=>{e(!0),o.current=!1},s.delayDuration):e(!0)}else e(!1),o.current=!0;return()=>{l!==null&&clearTimeout(l)}},[s]),s?(0,Fi.jsxs)(Hl.Root,{open:t,delayDuration:0,children:[(0,Fi.jsx)(Hl.Trigger,{asChild:!0,children:(0,Fi.jsx)("div",{ref:n})}),(0,Fi.jsxs)(Hl.Content,{className:"tlui-tooltip",side:s.side,sideOffset:s.sideOffset,avoidCollisions:!0,collisionPadding:8,dir:i,children:[s.content,(0,Fi.jsx)(Hl.Arrow,{className:"tlui-tooltip__arrow"})]})]}):null}var aa=(0,Xo.forwardRef)(({children:t,content:e,side:n,sideOffset:o=5,disabled:r=!1,showOnMobile:i=!1,delayDuration:s},a)=>{let l=rt(),c=ot(),d=(0,Xo.useRef)(Ne()),u=(0,Xo.useContext)(Qce),p=z("enhancedA11yMode",()=>l?.user.getEnhancedA11yMode(),[l]),f=Ru(),h=n??f.tooltipSide;if((0,Xo.useEffect)(()=>{let C=d.current;return()=>{u&&Dc.handleEvent({type:"hide",tooltipId:C,editor:l,instant:!0})}},[l,u]),r||!e)return(0,Fi.jsx)(Fi.Fragment,{children:t});let g;if(p?g=0:g=s??(l?.options.tooltipDelayMs||FBe),!u||p)return(0,Fi.jsxs)(Hl.Root,{delayDuration:g,disableHoverableContent:!p,children:[(0,Fi.jsx)(Hl.Trigger,{asChild:!0,ref:a,children:t}),(0,Fi.jsxs)(Hl.Content,{className:"tlui-tooltip",side:h,sideOffset:o,avoidCollisions:!0,collisionPadding:8,dir:c,children:[e,(0,Fi.jsx)(Hl.Arrow,{className:"tlui-tooltip__arrow"})]})]});let y=Xo.default.Children.only(t);ne(Xo.default.isValidElement(y),"TldrawUiTooltip children must be a single element");let m=y,S=C=>{m.props.onMouseEnter?.(C),Dc.handleEvent({type:"show",tooltip:{id:d.current,content:e,targetElement:C.currentTarget,side:h,sideOffset:o,showOnMobile:i,delayDuration:g}})},b=C=>{m.props.onMouseLeave?.(C),Dc.handleEvent({type:"hide",tooltipId:d.current,editor:l,instant:!1})},v=C=>{m.props.onFocus?.(C),Dc.handleEvent({type:"show",tooltip:{id:d.current,content:e,targetElement:C.currentTarget,side:h,sideOffset:o,showOnMobile:i,delayDuration:g}})},w=C=>{m.props.onBlur?.(C),Dc.handleEvent({type:"hide",tooltipId:d.current,editor:l,instant:!1})};return Xo.default.cloneElement(m,{onMouseEnter:S,onMouseLeave:b,onFocus:v,onBlur:w})});var zBe={normal:"tlui-button__normal",primary:"tlui-button__primary",danger:"tlui-button__danger",low:"tlui-button__low",icon:"tlui-button__icon",tool:"tlui-button__tool",menu:"tlui-button__menu",help:"tlui-button__help"},Ae=tue.forwardRef(function({children:e,type:n,htmlButtonType:o,isActive:r,tooltip:i,...s},a){let l=(0,z6.jsx)("button",{ref:a,type:o||"button",draggable:!1,"data-isactive":r,...s,className:(0,eue.default)("tlui-button",zBe[n],s.className),"aria-label":s["aria-label"]??s.title,title:i?void 0:s.title,children:e});return i?(0,z6.jsx)(aa,{content:i,children:l}):l});var nue=_(j(),1);function Xt({children:t}){return(0,nue.jsx)("span",{className:"tlui-button__label",children:t})}var Ep=_(j(),1),J1=_(Jt(),1);var oue=_(j(),1);var _2=_(j(),1),M2=_(Jt(),1),Kh=_(H(),1);var ar=(0,Kh.memo)(function({label:e,small:n,invertIcon:o,icon:r,tiny:i,color:s,className:a,...l}){return typeof r=="string"?(0,_2.jsx)(UBe,{label:e,small:n,tiny:i,invertIcon:o,icon:r,color:s,className:a,...l}):(0,Kh.cloneElement)(r,{...l,className:(0,M2.default)({"tlui-icon__small":n,"tlui-icon__tiny":i},a,r.props.className),"aria-label":e,style:{color:s,transform:o?"scale(-1, 1)":void 0,...r.props.style}})});function UBe({label:t,small:e,tiny:n,invertIcon:o,icon:r,color:i,className:s,...a}){let l=ty(),c=l.icons[r]??l.icons["question-mark-circle"],d=(0,Kh.useRef)(null);return(0,Kh.useLayoutEffect)(()=>{c||console.error(`Icon not found: ${r}. Add it to the assetUrls.icons object.`),d?.current&&(d.current.style.webkitMask=`url(${c}) center 100% / 100% no-repeat`)},[d,c,r]),r==="none"?(0,_2.jsx)("div",{className:(0,M2.default)("tlui-icon tlui-icon__placeholder",{"tlui-icon__small":e,"tlui-icon__tiny":n},s),...a}):(0,_2.jsx)("div",{...a,ref:d,"aria-label":t,role:"img",className:(0,M2.default)("tlui-icon",{"tlui-icon__small":e,"tlui-icon__tiny":n},s),style:{color:i,mask:`url(${c}) center 100% / 100% no-repeat`,transform:o?"scale(-1, 1)":void 0}})}function fe({icon:t,small:e,invertIcon:n}){return(0,oue.jsx)(ar,{"aria-hidden":"true",label:"",className:"tlui-button__icon",icon:t,small:e,invertIcon:n})}function Ip({className:t,children:e}){return(0,Ep.jsx)("div",{className:(0,J1.default)("tlui-dialog__header",t),children:e})}function _p({className:t,children:e,style:n}){let o=ot();return(0,Ep.jsx)(Iu.Title,{dir:o,className:(0,J1.default)("tlui-dialog__header__title",t),style:n,children:e})}function Mp(){let t=J(),e=ot();return(0,Ep.jsx)("div",{className:"tlui-dialog__header__close",children:(0,Ep.jsx)(Iu.DialogClose,{"data-testid":"dialog.close",dir:e,asChild:!0,children:(0,Ep.jsx)(Ae,{type:"icon","aria-label":t("ui.close"),onTouchEnd:n=>n.target.click(),children:(0,Ep.jsx)(fe,{small:!0,icon:"cross-2"})})})})}function Du({className:t,children:e,style:n}){return(0,Ep.jsx)("div",{className:(0,J1.default)("tlui-dialog__body",t),style:n,tabIndex:0,children:e})}function My({className:t,children:e}){return(0,Ep.jsx)("div",{className:(0,J1.default)("tlui-dialog__footer",t),children:e})}var Ay=_(j(),1);var rue=_(Jt(),1),Ir=_(H(),1);var el=Ir.forwardRef(function({className:e,label:n,icon:o,iconLeft:r,iconLabel:i,autoSelect:s=!1,autoFocus:a=!1,defaultValue:l,maxLength:c,placeholder:d,onComplete:u,onValueChange:p,onCancel:f,onFocus:h,onBlur:g,shouldManuallyMaintainScrollPositionWhenFocused:y=!1,children:m,value:S,"data-testid":b,disabled:v,"aria-label":w},x){let C=rt(),P=Ir.useRef(null);Ir.useImperativeHandle(x,()=>P.current);let M=J(),E=Ir.useRef(l??""),I=Ir.useRef(l??""),R=Ir.useRef(!1),[D,N]=Ir.useState(!1),B=Ir.useCallback(Y=>{N(!0);let Z=Y.currentTarget;I.current=Z.value,C?C.timers.requestAnimationFrame(()=>{s&&Z.select()}):uh.requestAnimationFrame("anon",()=>{s&&Z.select()}),h?.()},[s,C,h]),F=Ir.useCallback(Y=>{let Z=Y.currentTarget.value;I.current=Z,p?.(Z)},[p]),k=Ir.useCallback(Y=>{switch(Y.key){case"Enter":{if(R.current)return;Y.currentTarget.blur(),Y.stopPropagation(),u?.(Y.currentTarget.value);break}case"Escape":{Y.currentTarget.value=E.current,f?.(Y.currentTarget.value),Y.currentTarget.blur(),Y.stopPropagation();break}}},[u,f]),L=Ir.useCallback(Y=>{N(!1);let Z=Y.currentTarget.value;g?.(Z)},[g]),U=Ir.useCallback(()=>R.current=!0,[]),V=Ir.useCallback(()=>R.current=!1,[]);return Ir.useEffect(()=>{if(!He.isIos)return;let Z=(C?.getContainerWindow()??window).visualViewport;if(D&&y&&Z){let le=()=>{P.current?.scrollIntoView({block:"center"})};return Z.addEventListener("resize",le),Z.addEventListener("scroll",le),C?C.timers.requestAnimationFrame(()=>{P.current?.scrollIntoView({block:"center"})}):uh.requestAnimationFrame("anon",()=>{P.current?.scrollIntoView({block:"center"})}),()=>{Z.removeEventListener("resize",le),Z.removeEventListener("scroll",le)}}},[D,C,y]),(0,Ay.jsxs)("div",{draggable:!1,className:"tlui-input__wrapper",children:[m,n&&(0,Ay.jsx)("label",{children:M(n)}),r&&(0,Ay.jsx)(ar,{label:i?M(i):"",icon:r,className:"tlui-icon-left",small:!0}),(0,Ay.jsx)("input",{ref:P,className:(0,rue.default)("tlui-input",e),type:"text",defaultValue:l,maxLength:c,onKeyDownCapture:k,onChange:F,onFocus:B,onBlur:L,onCompositionStart:U,onCompositionEnd:V,autoFocus:a,"aria-label":w,placeholder:d,value:S,"data-testid":b,disabled:v}),o&&(0,Ay.jsx)(ar,{label:i?M(i):"",icon:o,small:!!n})]})});function iue(t){return A.linkUrl.isValid(t)?{isValid:!0,hasProtocol:!0}:A.linkUrl.isValid("https://"+t)?{isValid:!0,hasProtocol:!1}:{isValid:!1,hasProtocol:!1}}function aue(t){return!!(t&&"url"in t.props&&typeof t.props.url=="string")}function sue(t){if(!aue(t))throw new Error("Shape is not a valid ShapeWithUrl")}var lue=sn(function({onClose:e}){let o=O().getOnlySelectedShape();return aue(o)?(0,_r.jsx)(HBe,{onClose:e,selectedShape:o}):null}),HBe=sn(function({onClose:e,selectedShape:n}){let o=O(),r=J(),i=(0,Vl.useRef)(null);(0,Vl.useEffect)(()=>{o.timers.requestAnimationFrame(()=>i.current?.focus())},[o]);let s=(0,Vl.useRef)(n.props.url),[a,l]=(0,Vl.useState)(()=>{let h=iue(n.props.url),g=h.isValid===!0?h.hasProtocol?n.props.url:"https://"+n.props.url:"https://";return{actual:g,safe:g,valid:!0}}),c=(0,Vl.useCallback)(h=>{let g=h.replace(/https?:\/\/(https?:\/\/)/,(S,b)=>b),y=iue(g),m=y.isValid===!0?y.hasProtocol?g:"https://"+g:"https://";l({actual:g,safe:m,valid:y.isValid})},[]),d=(0,Vl.useCallback)(()=>{let h=o.getOnlySelectedShape();h&&(sue(h),o.updateShapes([{id:h.id,type:h.type,props:{url:""}}]),e())},[o,e]),u=(0,Vl.useCallback)(()=>{let h=o.getOnlySelectedShape();h&&(sue(h),h&&"url"in h.props&&h.props.url!==a.safe&&o.updateShapes([{id:h.id,type:h.type,props:{url:a.safe}}]),e())},[o,e,a]),p=(0,Vl.useCallback)(()=>{e()},[e]);if(!n)return e(),null;let f=s.current&&!a.valid;return(0,_r.jsxs)(_r.Fragment,{children:[(0,_r.jsxs)(Ip,{children:[(0,_r.jsx)(_p,{children:r("edit-link-dialog.title")}),(0,_r.jsx)(Mp,{})]}),(0,_r.jsx)(Du,{children:(0,_r.jsxs)("div",{className:"tlui-edit-link-dialog",children:[(0,_r.jsx)(el,{ref:i,className:"tlui-edit-link-dialog__input",label:"edit-link-dialog.url",autoFocus:!0,autoSelect:!0,placeholder:"https://example.com",value:a.actual,onValueChange:c,onComplete:u,onCancel:p}),(0,_r.jsx)("div",{children:a.valid?r("edit-link-dialog.detail"):r("edit-link-dialog.invalid-url")})]})}),(0,_r.jsxs)(My,{className:"tlui-dialog__footer__actions",children:[(0,_r.jsx)(Ae,{type:"normal",onClick:p,onTouchEnd:p,children:(0,_r.jsx)(Xt,{children:r("edit-link-dialog.cancel")})}),f?(0,_r.jsx)(Ae,{type:"danger",onTouchEnd:d,onClick:d,children:(0,_r.jsx)(Xt,{children:r("edit-link-dialog.clear")})}):(0,_r.jsx)(Ae,{type:"primary",disabled:!a.valid,onTouchEnd:u,onClick:u,children:(0,_r.jsx)(Xt,{children:r("edit-link-dialog.save")})})]})]})});var nn=_(j(),1);var ky=_(H(),1);var cue=/(^\/[f|p|r|ro|s|v]\/[^/]+\/?$)/,nw=[{type:"tldraw",title:"tldraw",hostnames:["beta.tldraw.com","tldraw.com","localhost:3000"],minWidth:300,minHeight:300,width:720,height:500,doesResize:!0,overridePermissions:{"allow-top-navigation":!0},toEmbedUrl:t=>{let e=je(t);if(e&&e.pathname.match(cue))return e.searchParams.append("embed","true"),t},fromEmbedUrl:t=>{let e=je(t);if(e&&e.pathname.match(cue))return e.searchParams.delete("embed"),t},embedOnPaste:!1},{type:"figma",title:"Figma",hostnames:["figma.com"],width:720,height:500,doesResize:!0,toEmbedUrl:t=>{if(t.match(/https:\/\/([\w\.-]+\.)?figma.com\/(file|proto|design)\/([0-9a-zA-Z]{22,128})(?:\/.*)?$/)&&!t.includes("figma.com/embed"))return`https://www.figma.com/embed?embed_host=share&url=${t}`},fromEmbedUrl:t=>{let e=je(t);if(e&&e.pathname.match(/^\/embed\/?$/)){let n=e.searchParams.get("url");if(n)return n}},embedOnPaste:!0},{type:"canva",title:"Canva",hostnames:["canva.com"],width:720,height:500,doesResize:!0,toEmbedUrl:t=>{let e=je(t);if(e&&e.pathname.match(/^\/design\/([^/]+)\/.+/)&&!e.searchParams.has("embed"))return e.searchParams.set("embed",""),e.href},fromEmbedUrl:t=>{let e=je(t);if(e&&e.pathname.match(/^\/design\/([^/]+)\/.+/)&&e.searchParams.has("embed"))return e.searchParams.delete("embed"),e.href},embedOnPaste:!0},{type:"google_maps",title:"Google Maps",hostnames:["google.*"],width:720,height:500,doesResize:!0,overridePermissions:{"allow-presentation":!0},toEmbedUrl:(t,e)=>{if(t.includes("/maps/embed?"))return t;if(t.includes("/maps/")){let n=t.match(/@(.*?),(.*?),(.*?)(z|m)/),o;if(n){let[,r,i,s,a]=n,l=a==="z"?"roadmap":"satellite",c=l==="roadmap"?s:-Math.log2(parseInt(s)/14772321)/.8,d=new URL(t).host.replace("www.",""),u=e?.apiKey??process.env.NEXT_PUBLIC_GC_API_KEY;o=`https://${d}/maps/embed/v1/view?key=${u}&center=${r},${i}&zoom=${c}&maptype=${l}`}else o="";return o}},fromEmbedUrl:t=>{let e=je(t);if(!e)return;if(e.pathname.match(/^\/maps\/embed\/v1\/view\/?$/)&&e.searchParams.has("center")&&e.searchParams.get("zoom")){let o=e.searchParams.get("zoom")??"12",r=e.searchParams.get("maptype")??"roadmap",i=r==="roadmap"?o:14772321*Math.pow(2,parseInt(o)*-.8),[s,a]=e.searchParams.get("center").split(",");return`https://www.google.com/maps/@${s},${a},${i}${r==="roadmap"?"z":"m"}`}},embedOnPaste:!0},{type:"val_town",title:"Val Town",hostnames:["val.town"],minWidth:260,minHeight:100,width:720,height:500,doesResize:!0,toEmbedUrl:t=>{let e=je(t),n=e&&e.pathname.match(/\/v\/(.+)\/?/);if(n)return`https://www.val.town/embed/${n[1]}`},fromEmbedUrl:t=>{let e=je(t),n=e&&e.pathname.match(/\/embed\/(.+)\/?/);if(n)return`https://www.val.town/v/${n[1]}`},embedOnPaste:!0},{type:"codesandbox",title:"CodeSandbox",hostnames:["codesandbox.io"],minWidth:300,minHeight:300,width:720,height:500,doesResize:!0,toEmbedUrl:t=>{let e=je(t),n=e&&e.pathname.match(/\/s\/([^/]+)\/?/);if(n)return`https://codesandbox.io/embed/${n[1]}`},fromEmbedUrl:t=>{let e=je(t),n=e&&e.pathname.match(/\/embed\/([^/]+)\/?/);if(n)return`https://codesandbox.io/s/${n[1]}`},embedOnPaste:!0},{type:"codepen",title:"Codepen",hostnames:["codepen.io"],minWidth:300,minHeight:300,width:520,height:400,doesResize:!0,toEmbedUrl:t=>{let e=/https:\/\/codepen.io\/([^/]+)\/pen\/([^/]+)/,n=t.match(e);if(n){let[o,r,i]=n;return`https://codepen.io/${r}/embed/${i}`}},fromEmbedUrl:t=>{let e=/https:\/\/codepen.io\/([^/]+)\/embed\/([^/]+)/,n=t.match(e);if(n){let[o,r,i]=n;return`https://codepen.io/${r}/pen/${i}`}},embedOnPaste:!0},{type:"scratch",title:"Scratch",hostnames:["scratch.mit.edu"],width:520,height:400,doesResize:!1,embedOnPaste:!0,toEmbedUrl:t=>{let e=/https?:\/\/scratch.mit.edu\/projects\/([^/]+)/,n=t.match(e);if(n){let[o,r]=n;return`https://scratch.mit.edu/projects/embed/${r}`}},fromEmbedUrl:t=>{let e=/https:\/\/scratch.mit.edu\/projects\/embed\/([^/]+)/,n=t.match(e);if(n){let[o,r]=n;return`https://scratch.mit.edu/projects/${r}`}}},{type:"youtube",title:"YouTube",hostnames:["*.youtube.com","youtube.com","youtu.be"],width:800,height:450,doesResize:!0,overridePermissions:{"allow-presentation":!0,"allow-popups-to-escape-sandbox":!0},isAspectRatioLocked:!0,embedOnPaste:!0,toEmbedUrl:t=>{let e=je(t);if(!e)return;let n=e.hostname.replace(/^www./,"");if(n==="youtu.be"){let o=e.pathname.split("/").filter(Boolean)[0],r=new URLSearchParams(e.search),i=r.get("t");i&&(r.set("start",i),r.delete("t"));let s=r.toString()?"?"+r.toString():"";return`https://www.youtube.com/embed/${o}${s}`}else if((n==="youtube.com"||n==="m.youtube.com")&&e.pathname.match(/^\/watch/)){let o=e.searchParams.get("v"),r=new URLSearchParams(e.search);r.delete("v");let i=r.get("t");i&&(r.set("start",i),r.delete("t"));let s=r.toString()?"?"+r.toString():"";return`https://www.youtube.com/embed/${o}${s}`}},fromEmbedUrl:t=>{let e=je(t);if(!e)return;if(e.hostname.replace(/^www./,"")==="youtube.com"){let o=e.pathname.match(/^\/embed\/([^/]+)\/?/);if(o){let r=new URLSearchParams(e.search);r.set("v",o?.[1]??"");let i=r.get("start");return i&&(r.set("t",i),r.delete("start")),`https://www.youtube.com/watch?${r.toString()}`}}}},{type:"google_calendar",title:"Google Calendar",hostnames:["calendar.google.*"],width:720,height:500,minWidth:460,minHeight:360,doesResize:!0,instructionLink:"https://support.google.com/calendar/answer/41207?hl=en",overridePermissions:{"allow-popups-to-escape-sandbox":!0},embedOnPaste:!0,toEmbedUrl:t=>{let e=je(t),n=e?.searchParams.get("cid");if(e?.pathname.match(/\/calendar\/u\/0/)&&n){e.pathname="/calendar/embed";let o=Array.from(e.searchParams.keys());for(let r of o)e.searchParams.delete(r);return e.searchParams.set("src",n),e.href}},fromEmbedUrl:t=>{let e=je(t),n=e?.searchParams.get("src");if(e?.pathname.match(/\/calendar\/embed/)&&n){e.pathname="/calendar/u/0";let o=Array.from(e.searchParams.keys());for(let r of o)e.searchParams.delete(r);return e.searchParams.set("cid",n),e.href}}},{type:"google_slides",title:"Google Slides",hostnames:["docs.google.*"],width:720,height:500,minWidth:460,minHeight:360,doesResize:!0,overridePermissions:{"allow-popups-to-escape-sandbox":!0},embedOnPaste:!0,toEmbedUrl:t=>{let e=je(t);if(e?.pathname.match(/^\/presentation/)&&e?.pathname.match(/\/pub\/?$/)){e.pathname=e.pathname.replace(/\/pub$/,"/embed");let n=Array.from(e.searchParams.keys());for(let o of n)e.searchParams.delete(o);return e.href}},fromEmbedUrl:t=>{let e=je(t);if(e?.pathname.match(/^\/presentation/)&&e?.pathname.match(/\/embed\/?$/)){e.pathname=e.pathname.replace(/\/embed$/,"/pub");let n=Array.from(e.searchParams.keys());for(let o of n)e.searchParams.delete(o);return e.href}}},{type:"github_gist",title:"GitHub Gist",hostnames:["gist.github.com"],width:720,height:500,doesResize:!0,embedOnPaste:!0,toEmbedUrl:t=>{let e=je(t);if(e&&e.pathname.match(/\/([^/]+)\/([0-9a-f]+)$/))return t.split("/").pop()?t:void 0},fromEmbedUrl:t=>{let e=je(t);if(e&&e.pathname.match(/\/([^/]+)\/([0-9a-f]+)$/))return t.split("/").pop()?t:void 0}},{type:"replit",title:"Replit",hostnames:["replit.com"],width:720,height:500,doesResize:!0,embedOnPaste:!0,toEmbedUrl:t=>{let e=je(t);if(e&&e.pathname.match(/\/@([^/]+)\/([^/]+)/))return e.searchParams.append("embed","true"),e.href},fromEmbedUrl:t=>{let e=je(t);if(e&&e.pathname.match(/\/@([^/]+)\/([^/]+)/)&&e.searchParams.has("embed"))return e.searchParams.delete("embed"),e.href}},{type:"felt",title:"Felt",hostnames:["felt.com"],width:720,height:500,doesResize:!0,embedOnPaste:!0,toEmbedUrl:t=>{let e=je(t);if(e&&e.pathname.match(/^\/map\//))return e.origin+"/embed"+e.pathname},fromEmbedUrl:t=>{let e=je(t);if(e&&e.pathname.match(/^\/embed\/map\//))return e.pathname=e.pathname.replace(/^\/embed/,""),e.href}},{type:"spotify",title:"Spotify",hostnames:["open.spotify.com"],width:720,height:500,minHeight:500,overrideOutlineRadius:12,doesResize:!0,embedOnPaste:!0,toEmbedUrl:t=>{let e=je(t);if(e&&e.pathname.match(/^\/(artist|album)\//))return e.origin+"/embed"+e.pathname},fromEmbedUrl:t=>{let e=je(t);if(e&&e.pathname.match(/^\/embed\/(artist|album)\//))return e.origin+e.pathname.replace(/^\/embed/,"")}},{type:"vimeo",title:"Vimeo",hostnames:["vimeo.com","player.vimeo.com"],width:640,height:360,doesResize:!0,isAspectRatioLocked:!0,embedOnPaste:!0,toEmbedUrl:t=>{let e=je(t);if(e&&e.hostname==="vimeo.com"&&e.pathname.match(/^\/[0-9]+/))return"https://player.vimeo.com/video/"+e.pathname.split("/")[1]+"?title=0&byline=0"},fromEmbedUrl:t=>{let e=je(t);if(e&&e.hostname==="player.vimeo.com"){let n=e.pathname.match(/^\/video\/([^/]+)\/?$/);if(n)return"https://vimeo.com/"+n[1]}}},{type:"observable",title:"Observable",hostnames:["observablehq.com"],width:720,height:500,doesResize:!0,isAspectRatioLocked:!1,backgroundColor:"#fff",embedOnPaste:!0,toEmbedUrl:t=>{let e=je(t);if(e&&e.pathname.match(/^\/@([^/]+)\/([^/]+)\/?$/))return`${e.origin}/embed${e.pathname}?cell=*`;if(e&&e.pathname.match(/^\/d\/([^/]+)\/?$/)){let n=e.pathname.replace(/^\/d/,"");return`${e.origin}/embed${n}?cell=*`}},fromEmbedUrl:t=>{let e=je(t);if(e&&e.pathname.match(/^\/embed\/@([^/]+)\/([^/]+)\/?$/))return`${e.origin}${e.pathname.replace("/embed","")}#cell-*`;if(e&&e.pathname.match(/^\/embed\/([^/]+)\/?$/))return`${e.origin}${e.pathname.replace("/embed","/d")}#cell-*`}},{type:"desmos",title:"Desmos",hostnames:["desmos.com"],width:700,height:450,doesResize:!0,embedOnPaste:!0,toEmbedUrl:t=>{let e=je(t);if(e&&e.hostname==="www.desmos.com"&&e.pathname.match(/^\/calculator\/([^/]+)\/?$/)&&e.search===""&&e.hash==="")return`${t}?embed`},fromEmbedUrl:t=>{let e=je(t);if(e&&e.hostname==="www.desmos.com"&&e.pathname.match(/^\/calculator\/([^/]+)\/?$/)&&e.search==="?embed"&&e.hash==="")return t.replace("?embed","")}}],A2={"allow-downloads-without-user-activation":!1,"allow-downloads":!1,"allow-modals":!1,"allow-orientation-lock":!1,"allow-pointer-lock":!1,"allow-popups":!0,"allow-popups-to-escape-sandbox":!1,"allow-presentation":!1,"allow-storage-access-by-user-activation":!1,"allow-top-navigation":!1,"allow-top-navigation-by-user-activation":!1,"allow-scripts":!0,"allow-same-origin":!0,"allow-forms":!0},U6={"allow-same-origin":!1,"allow-forms":!1,"allow-popups":!1},VBe=nw.map(t=>t.type);function uue(t){return VBe.includes(t)}function due(t){return"icon"in t}function H6(){let t=rt();if(t&&t.hasShapeUtil("embed"))return t.getShapeUtil("embed")}function ow(){let t=H6();return e=>t?t.getEmbedDefinition(e):void 0}function pue(){let t=H6();return t?t.getEmbedDefinitions():[]}var k2=sn(function({onClose:e}){let n=O(),o=J(),r=ty(),[i,s]=(0,ky.useState)(null),[a,l]=(0,ky.useState)(""),[c,d]=(0,ky.useState)(null),[u,p]=(0,ky.useState)(!1),f=(0,ky.useRef)(-1),h=pue(),g=ow();return(0,nn.jsxs)(nn.Fragment,{children:[(0,nn.jsxs)(Ip,{children:[(0,nn.jsx)(_p,{children:i?`${o("embed-dialog.title")} \u2014 ${i.title}`:o("embed-dialog.title")}),(0,nn.jsx)(Mp,{})]}),i?(0,nn.jsxs)(nn.Fragment,{children:[(0,nn.jsxs)(Du,{className:"tlui-embed-dialog__enter",children:[(0,nn.jsx)(el,{className:"tlui-embed-dialog__input",label:"embed-dialog.url",placeholder:"https://example.com",autoFocus:!0,onValueChange:y=>{l(y);let m=g(y);d(m&&m.definition.type===i.type?m:null),p(!1),clearTimeout(f.current),f.current=n.timers.setTimeout(()=>p(!m),320)}}),a===""?(0,nn.jsxs)("div",{className:"tlui-embed-dialog__instruction",children:[(0,nn.jsx)("span",{children:o("embed-dialog.instruction")})," ",i.instructionLink&&(0,nn.jsxs)(nn.Fragment,{children:[(0,nn.jsx)("a",{target:"_blank",rel:"noopener noreferrer",href:i.instructionLink,className:"tlui-embed-dialog__instruction__link",children:"Learn more"}),"."]})]}):(0,nn.jsx)("div",{className:"tlui-embed-dialog__warning",children:u?o("embed-dialog.invalid-url"):"\xA0"})]}),(0,nn.jsxs)(My,{className:"tlui-dialog__footer__actions",children:[(0,nn.jsx)(Ae,{type:"normal",onClick:()=>{s(null),d(null),l("")},children:(0,nn.jsx)(Xt,{children:o("embed-dialog.back")})}),(0,nn.jsx)("div",{className:"tlui-embed__spacer"}),(0,nn.jsx)(Ae,{type:"normal",onClick:e,children:(0,nn.jsx)(Xt,{children:o("embed-dialog.cancel")})}),(0,nn.jsx)(Ae,{type:"primary",disabled:!c,onClick:()=>{c&&(n.putExternalContent({type:"embed",url:a,point:n.getViewportPageBounds().center,embed:c.definition}),e())},children:(0,nn.jsx)(Xt,{children:o("embed-dialog.create")})})]})]}):(0,nn.jsx)(nn.Fragment,{children:(0,nn.jsx)(Du,{className:"tlui-embed-dialog__list",children:h.map(y=>{let m=uue(y.type)?r.embedIcons[y.type]:due(y)?y.icon:void 0;return(0,nn.jsxs)(Ae,{type:"menu",onClick:()=>s(y),children:[(0,nn.jsx)(Xt,{children:y.title}),m&&(0,nn.jsx)("div",{className:"tlui-embed-dialog__item__image",style:{backgroundImage:`url(${m})`}})]},y.type)})})})]})});var jl=_(j(),1),Wue=_(Jt(),1),Yue=_(H(),1);var rw=[0,389,436,476,580,640,840,1023],mt={ZERO:0,MOBILE_XXS:1,MOBILE_XS:2,MOBILE_SM:3,MOBILE:4,TABLET_SM:5,TABLET:6,DESKTOP:7};var fue=_(j(),1);var R2=_(H(),1);var hue=R2.default.createContext(null);function V6({forceMobile:t=!1,children:e}){let n=rt(),o=z("breakpoint",()=>{let{width:r}=n?.getViewportScreenBounds()??{width:wr().innerWidth},i=t?mt.MOBILE_SM:rw.length-1;for(let s=0;s<i;s++)if(r>rw[s]&&r<=rw[s+1])return s;return i},[n]);return(0,fue.jsx)(hue.Provider,{value:o,children:e})}function Ft(){let t=(0,R2.useContext)(hue);if(t===null)throw new Error("useBreakpoint must be used inside of the <BreakpointProvider /> component");return t}var mue=_(j(),1),D2=_(H(),1),gue=(0,D2.createContext)(null);function Gh(){let t=(0,D2.useContext)(gue);if(!t)throw new Error("useTldrawUiMenuContext must be used within a TldrawUiMenuContextProvider");return t}function Mn({type:t,sourceId:e,children:n}){return(0,mue.jsx)(gue.Provider,{value:{type:t,sourceId:e},children:n})}var ie=_(j(),1);function Ap(){return rt()?.store.props.collaboration!==void 0}function j6(){let t=rt();return z("sync status",()=>t?.store.props.collaboration?.status?t.store.props.collaboration.status.get():null,[t])}var Cue=_(j(),1);var gn=_(j(),1);var L2=_(H(),1);function Zo(){let t=rt();return z("isReadonlyMode",()=>!!t?.getIsReadonly(),[t])}var yue=He.isDarwin?"\u2318":"__CTRL__",$Be=He.isDarwin?"\u2303":"__CTRL__",Sue=He.isDarwin?"\u2325":"__ALT__";function $6(t){return t===","?[","]:t.split(",")[0].split(/(\[\[[^\]]+\]\])/g).map(e=>e.startsWith("[[")?e.replace(/[[\]]/g,""):e.replace(/cmd\+/g,yue).replace(/ctrl\+/g,$Be).replace(/alt\+/g,Sue).replace(/shift\+/g,"\u21E7").replace(/\$/g,yue).replace(/\?/g,Sue).replace(/!/g,"\u21E7").match(/__CTRL__|__ALT__|./g)||[]).flat().map((e,n)=>{if(e[0]==="+")return[];let o;return e==="__CTRL__"?o="Ctrl":e==="__ALT__"?o="Alt":o=e[0].toUpperCase()+e.slice(1),He.isDarwin||!n?o:["+",o]}).flat()}function Ry(t){return"\u2014 "+$6(t).join("\u2009")}var bue=_(j(),1);function Q1(t){let e=J();return(0,bue.jsx)(VT,{"aria-label":e("app.loading"),...t})}var Kr=_(j(),1);var W6=_(Jt(),1);var G6=_(H(),1);var vue=_(j(),1),O2=_(H(),1),wue=()=>{},xue=O2.createContext(null);function K6({onEvent:t,children:e}){return(0,vue.jsx)(xue.Provider,{value:t??wue,children:e})}function nt(){return O2.useContext(xue)??wue}function $r(t,e){let n=rt(),o=(0,G6.useCallback)(s=>{s&&n?.complete(),e?.(s)},[n,e]),r=nt(),i=(0,G6.useCallback)(s=>{r(s,{source:"unknown",id:t})},[t,r]);return J3(n?`${t}-${n.contextId}`:t,o,i)}function kp({id:t,children:e,modal:n=!1,debugOpen:o=!1}){let[r,i]=$r(t),s=ot();return(0,Kr.jsx)(io.Root,{open:o||r,dir:s,modal:n,onOpenChange:i,children:e})}function Rp({children:t,...e}){let n=ot();return(0,Kr.jsx)(io.Trigger,{dir:n,asChild:!0,onTouchEnd:o=>de(o),...e,children:t})}function Dp({className:t,side:e="bottom",align:n="start",sideOffset:o=8,alignOffset:r=8,collisionPadding:i=4,children:s}){let a=it();return(0,Kr.jsx)(io.Portal,{container:a,children:(0,Kr.jsx)(io.Content,{className:(0,W6.default)("tlui-menu",t),side:e,sideOffset:o,align:n,alignOffset:r,collisionPadding:i,children:s})})}function Y6({id:t,children:e}){let[n,o]=$r(t);return(0,Kr.jsx)(io.Sub,{open:n,onOpenChange:o,children:e})}function q6({id:t,label:e,title:n,disabled:o}){let r=ot();return(0,Kr.jsx)(io.SubTrigger,{dir:r,asChild:!0,disabled:o,children:(0,Kr.jsxs)(Ae,{"data-testid":t,type:"menu",className:"tlui-menu__submenu__trigger",disabled:o,title:n,children:[(0,Kr.jsx)(Xt,{children:e}),(0,Kr.jsx)(fe,{icon:r==="rtl"?"chevron-left":"chevron-right",small:!0})]})})}function X6({id:t,alignOffset:e=-1,sideOffset:n=-6,size:o="small",children:r}){let i=it();return(0,Kr.jsx)(io.Portal,{container:i,children:(0,Kr.jsx)(io.SubContent,{"data-testid":t,className:"tlui-menu tlui-menu__submenu__content",alignOffset:e,sideOffset:n,collisionPadding:4,"data-size":o,children:r})})}function Z6({className:t,children:e}){let n=ot();return(0,Kr.jsx)("div",{dir:n,className:(0,W6.default)("tlui-menu__group",t),children:e})}function J6({noClose:t,children:e}){let n=ot();return(0,Kr.jsx)(io.Item,{dir:n,asChild:!0,onClick:t?de:void 0,children:e})}function Q6({children:t,onSelect:e,...n}){let o=J(),r=ot();return(0,Kr.jsxs)(io.CheckboxItem,{dir:r,className:"tlui-button tlui-button__menu tlui-button__checkbox",onSelect:i=>{e?.(i),de(i)},...n,children:[(0,Kr.jsx)("div",{className:"tlui-button__checkbox__indicator",children:(0,Kr.jsx)(io.ItemIndicator,{dir:r,children:(0,Kr.jsx)(ar,{label:o("ui.checked"),icon:"check",small:!0})})}),t]})}var eV=_(j(),1);function Wh({children:t,visibleOnMobileLayout:e=!1}){let n=Ft();return!e&&n<mt.MOBILE?null:(0,eV.jsx)("kbd",{className:"tlui-kbd",children:$6(t).map((o,r)=>(0,eV.jsx)("span",{children:o},r))})}var Yh=_(j(),1),eP=_(Jt(),1);var tV=_(H(),1);var KBe={horizontal:Qa,vertical:_y,grid:Pp},$n=tV.default.forwardRef(({children:t,className:e,label:n,orientation:o="horizontal",tooltipSide:r,...i},s)=>{let a=KBe[o];return(0,Yh.jsx)(a,{asChild:!0,tooltipSide:r,children:(0,Yh.jsx)(Iy.Root,{ref:s,...i,className:(0,eP.default)("tlui-toolbar",e),"aria-label":n,orientation:o==="grid"?"horizontal":o,children:t})})}),gt=tV.default.forwardRef(({asChild:t,children:e,type:n,isActive:o,tooltip:r,...i},s)=>{let a=(0,Yh.jsx)(Iy.Button,{ref:s,asChild:t,draggable:!1,"data-isactive":o,...i,"aria-label":i.title,title:void 0,className:(0,eP.default)("tlui-button",`tlui-button__${n}`,i.className),children:e}),l=r||i.title;return(0,Yh.jsx)(aa,{content:l,children:a})});function nV({children:t,className:e,type:n,asChild:o,...r}){return(0,Yh.jsx)(Iy.ToggleGroup,{asChild:o,type:n,...r,role:"radiogroup",className:(0,eP.default)("tlui-toolbar-toggle-group",e),children:t})}function oV({children:t,className:e,type:n,value:o,tooltip:r,...i}){let s=(0,Yh.jsx)(Iy.ToggleItem,{...i,title:void 0,className:(0,eP.default)("tlui-button",`tlui-button__${n}`,"tlui-toolbar-toggle-group-item",e),value:o,children:t}),a=r||i.title;return(0,Yh.jsx)(aa,{content:a,children:s})}function Ze({disabled:t=!1,spinner:e=!1,readonlyOk:n=!1,id:o,kbd:r,label:i,icon:s,iconLeft:a,onSelect:l,noClose:c,isSelected:d,onDragStart:u}){let{type:p,sourceId:f}=Gh(),h=J(),g=ot(),[y,m]=(0,L2.useState)(!1);if(Zo()&&!n)return null;let b=Ou(i,p),v=r?Ry(r):void 0,w=b?h(b):void 0,x=w&&v?`${w} ${v}`:w;switch(p){case"menu":return(0,gn.jsx)(J6,{children:(0,gn.jsxs)(Ae,{type:"menu","data-testid":`${f}.${o}`,disabled:t,onClick:C=>{c&&de(C),y?m(!1):l(f)},children:[a&&(0,gn.jsx)(fe,{icon:a,small:!0}),(0,gn.jsx)(Xt,{children:w}),r&&(0,gn.jsx)(Wh,{children:r})]})});case"context-menu":return t?null:(0,gn.jsxs)(as.Item,{dir:g,draggable:!1,className:"tlui-button tlui-button__menu","data-testid":`${f}.${o}`,onPointerUp:C=>{C.button!==0&&de(C)},onSelect:C=>{c&&de(C),y?m(!1):l(f)},children:[(0,gn.jsx)("span",{className:"tlui-button__label",draggable:!1,children:w}),a&&(0,gn.jsx)(fe,{icon:a,small:!0}),r&&(0,gn.jsx)(Wh,{children:r}),e&&(0,gn.jsx)(Q1,{})]});case"small-icons":case"icons":return(0,gn.jsx)(gt,{"data-testid":`${f}.${o}`,type:"icon",title:x,disabled:t,onClick:()=>l(f),children:(0,gn.jsx)(fe,{icon:s,small:!0})});case"keyboard-shortcuts":return r?(0,gn.jsxs)("div",{className:"tlui-shortcuts-dialog__key-pair","data-testid":`${f}.${o}`,children:[(0,gn.jsx)("div",{className:"tlui-shortcuts-dialog__key-pair__key",children:w}),(0,gn.jsx)("div",{className:"tlui-shortcuts-dialog__key-pair__value",children:(0,gn.jsx)(Wh,{visibleOnMobileLayout:!0,children:r})})]}):(console.warn(`Menu item '${i}' isn't shown in the keyboard shortcuts dialog because it doesn't have a keyboard shortcut.`),null);case"helper-buttons":return(0,gn.jsxs)(Ae,{type:"low","data-testid":`${f}.${o}`,onClick:()=>l(f),children:[(0,gn.jsx)(fe,{icon:s}),(0,gn.jsx)(Xt,{children:w})]});case"toolbar":return u?(0,gn.jsx)(Tue,{id:o,icon:s,onSelect:l,onDragStart:u,labelStr:w,titleStr:x,disabled:t,isSelected:d}):(0,gn.jsx)(gt,{"aria-label":w,"aria-pressed":d?"true":"false","data-testid":`tools.${o}`,"data-value":o,disabled:t,onClick:()=>l("toolbar"),onTouchStart:C=>{de(C),l("toolbar")},title:x,type:"tool",children:(0,gn.jsx)(fe,{icon:s})});case"toolbar-overflow":return u?(0,gn.jsx)(Tue,{id:o,icon:s,onSelect:l,onDragStart:u,labelStr:w,titleStr:x,disabled:t,isSelected:d,overflow:!0}):(0,gn.jsx)(gt,{"aria-label":w,"aria-pressed":d?"true":"false",isActive:d,"data-testid":`tools.more.${o}`,"data-value":o,disabled:t,onClick:()=>l("toolbar"),title:x,type:"icon",children:(0,gn.jsx)(fe,{icon:s})});default:throw Ve(p)}}function GBe(t,e){let n=O();return(0,L2.useMemo)(()=>{let r={name:"idle"};function i(c){r={name:"pointing",screenSpaceStart:{x:c.clientX,y:c.clientY}},c.currentTarget.setPointerCapture(c.pointerId)}function s(c){if(!c.isSpecialRedispatchedEvent&&r.name==="pointing"&&T.Dist2(r.screenSpaceStart,{x:c.clientX,y:c.clientY})>(n.getInstanceState().isCoarsePointer?n.options.uiCoarseDragDistanceSquared:n.options.uiDragDistanceSquared)){let u=r.screenSpaceStart;r={name:"dragging",screenSpaceStart:u},n.run(()=>{n.setCurrentTool("select"),n.dispatch({type:"pointer",target:"canvas",name:"pointer_down",...ni(n,c),point:u}),n.selectNone(),t?.("toolbar",{type:"pointer",target:"canvas",name:"pointer_move",...ni(n,c),point:u}),tw(),n.getContainer().focus()})}}function a(c){c.isSpecialRedispatchedEvent||(c.currentTarget.releasePointerCapture(c.pointerId),n.dispatch({type:"pointer",target:"canvas",name:"pointer_up",...ni(n,c)}))}function l(){return r.name==="dragging"||r.name==="dragged"?(r={name:"idle"},!0):(r={name:"idle"},e?.("toolbar"),!1)}return{onPointerDown:i,onPointerMove:s,onPointerUp:a,onClick:l}},[t,n,e])}function Tue({id:t,labelStr:e,titleStr:n,disabled:o,isSelected:r,icon:i,onSelect:s,onDragStart:a,overflow:l}){let c=GBe(a,s);return l?(0,gn.jsx)(gt,{"aria-label":e,"aria-pressed":r?"true":"false",isActive:r,className:"tlui-button-grid__button","data-testid":`tools.more.${t}`,"data-value":t,disabled:o,title:n,type:"icon",...c,children:(0,gn.jsx)(fe,{icon:i})}):(0,gn.jsx)(gt,{"aria-label":e,"aria-pressed":r?"true":"false","data-testid":`tools.${t}`,"data-value":t,disabled:o,onTouchStart:d=>{de(d),s("toolbar")},title:n,type:"tool",...c,children:(0,gn.jsx)(fe,{icon:i})})}function G({actionId:t="",...e}){let o=lr()[t];return o?(0,Cue.jsx)(Ze,{...o,...e}):null}var Op=_(j(),1),Pue=_(Jt(),1);function Fe({id:t,label:e,className:n,children:o}){let r=Gh(),{orientation:i}=Ru(),s=J(),a=ot(),l=Ou(e,r.type),c=l?s(l):void 0;switch(r.type){case"menu":return(0,Op.jsx)(Z6,{className:n,"data-testid":`${r.sourceId}-group.${t}`,children:o});case"context-menu":return(0,Op.jsx)("div",{dir:a,className:(0,Pue.default)("tlui-menu__group",n),"data-testid":`${r.sourceId}-group.${t}`,children:o});case"keyboard-shortcuts":return(0,Op.jsxs)("div",{className:"tlui-shortcuts-dialog__group","data-testid":`${r.sourceId}-group.${t}`,children:[(0,Op.jsx)("h2",{className:"tlui-shortcuts-dialog__group__title",children:c}),(0,Op.jsx)("div",{className:"tlui-shortcuts-dialog__group__content",children:o})]});case"toolbar":return(0,Op.jsx)(i==="horizontal"?Qa:_y,{className:"tlui-main-toolbar__group","data-testid":`${r.sourceId}-group.${t}`,children:o});case"toolbar-overflow":return(0,Op.jsx)(Pp,{className:"tlui-main-toolbar__group","data-testid":`${r.sourceId}-group.${t}`,children:o});default:return o}}var Gue=_(j(),1);var jue=_(j(),1);var qh=_(H(),1);var la=_(H(),1);var tP=_(j(),1);var Dy=_(H(),1);var rV=(0,Dy.createContext)(null);function iV({context:t,children:e}){let n=(0,Dy.useContext)(rV),o=nt(),r=Da("dialogs",[]),i=(0,Dy.useMemo)(()=>({dialogs:r,addDialog(s){let a=s.id??Ne();return r.update(l=>[...l.filter(c=>c.id!==s.id),{...s,id:a}]),o("open-menu",{source:"dialog",id:a}),Go.addOpenMenu(a,t),a},removeDialog(s){let a=r.get().find(l=>l.id===s);return a&&(a.onClose?.(),o("close-menu",{source:"dialog",id:s}),Go.deleteOpenMenu(s,t),r.update(l=>l.filter(c=>c!==a))),s},clearDialogs(){let s=r.get();s.length!==0&&(s.forEach(a=>{a.onClose?.(),o("close-menu",{source:"dialog",id:a.id}),Go.deleteOpenMenu(a.id,t)}),r.set([]))}}),[o,r,t]);return n?(0,tP.jsx)(tP.Fragment,{children:e}):(0,tP.jsx)(rV.Provider,{value:i,children:e})}function Lu(){let t=(0,Dy.useContext)(rV);if(!t)throw new Error("useDialogs must be used within a DialogsProvider");return t}var iw=_(j(),1);var Oy=_(H(),1),sV=(0,Oy.createContext)(null);function aV({children:t}){let e=Da("toasts",[]),n=(0,Oy.useContext)(sV),o=(0,Oy.useMemo)(()=>({toasts:e,addToast(r){let i=r.id??Ne();return e.update(s=>[...s.filter(a=>a.id!==r.id),{...r,id:i}]),i},removeToast(r){return e.update(i=>i.filter(s=>s.id!==r)),r},clearToasts(){e.set([])}}),[e]);return n?(0,iw.jsx)(iw.Fragment,{children:t}):(0,iw.jsx)(zl.Provider,{children:(0,iw.jsx)(sV.Provider,{value:o,children:t})})}function ui(){let t=(0,Oy.useContext)(sV);if(!t)throw new Error("useToasts must be used within a ToastsProvider");return t}function lV(t){return new Promise(e=>{let{allowMultiple:n=!0,mimeTypes:o=[],document:r=Ln()}=t||{},i=r.createElement("input");i.type="file",i.accept=o?.join(","),i.multiple=n,i.style.display="none";function s(){i.removeEventListener("change",a),i.removeEventListener("cancel",l),i.remove()}async function a(c){let d=c.target.files;if(!d||d.length===0){e([]),s();return}let u=Array.from(d);i.value="",e(u),s()}function l(){e([]),s()}r.body.appendChild(i),i.addEventListener("cancel",l),i.addEventListener("change",a),i?.click()})}var z2=_(Eue(),1),sw=_(H(),1);var F2="web image/vnd.tldraw+png",WBe={png:F2},YBe={[F2]:"image/png"};function Iue(t){return qt(WBe,t)??null}function _ue(t){return qt(YBe,t)??t}function Mue(t){return typeof ClipboardItem<"u"&&"supports"in ClipboardItem&&ClipboardItem.supports(t)}function Aue(t){let e=Object.entries(t);for(let[n,o]of e)o.catch(r=>console.error(r));return navigator.clipboard.write([new ClipboardItem(t)]).catch(n=>(console.error(n),Promise.all(e.map(async([o,r])=>[o,await r])).then(o=>{let r=cx(o);return navigator.clipboard.write([new ClipboardItem(r)])})))}async function Oc(t,e,n){let o=n.point??("point"in e?e.point:void 0);if(t.options.onBeforePasteFromClipboard){let r=await t.options.onBeforePasteFromClipboard({editor:t,content:e,source:n.source,point:o});if(r===!1)return;r!=null&&(e=r)}return t.putExternalContent(e)}async function kue(t,e,n,o,r="native-event"){let i=e.map(s=>s instanceof File?s:new File([s],"tldrawFile",{type:s.type}));t.markHistoryStoppingPoint("paste"),await Oc(t,{type:"files",files:i,point:n,sources:o},{source:r,point:n})}async function B2(t,e,n,o,r="native-event"){return t.markHistoryStoppingPoint("paste"),await Oc(t,{type:"url",point:n,url:e,sources:o},{source:r,point:n})}var qBe=[F2,"image/png","image/jpeg","image/webp","image/svg+xml"];function uV(t){let e=Ln().implementation.createHTMLDocument("");return e.documentElement.innerHTML=t.trim(),e.body.textContent||e.body.innerText||""}function Rue(t){if(!t.includes("<iframe"))return null;let n=new DOMParser().parseFromString(t,"text/html").querySelector("iframe");if(!n)return null;let o=n.getAttribute("src");if(!o||!Due(o))return null;let r=parseInt(n.getAttribute("width")||"",10),i=parseInt(n.getAttribute("height")||"",10),s=NaN,a=NaN,l=n.getAttribute("style");if(l){let u=l.match(/\bwidth:\s*(\d+)px/),p=l.match(/\bheight:\s*(\d+)px/);u&&(s=parseInt(u[1],10)),p&&(a=parseInt(p[1],10))}return{src:o,width:r||s||425,height:i||a||350}}function Due(t){try{let e=new URL(t);return e.protocol==="http:"||e.protocol==="https:"}catch{return!1}}var XBe=t=>{let e=t.split(/[\n\s]/);for(let n of e)try{let o=new URL(n);if(!(o.protocol==="http:"||o.protocol==="https:"))return}catch{return}return mC(e)},ZBe=t=>/^<svg/.test(t);function dV(t){return t.menus.hasAnyOpenMenus()||Hd(!1,t.getContainerDocument())}var pV=(t,e,n,o,r="native-event")=>{let i=XBe(e);if(i)for(let s of i)B2(t,s,n,o,r);else Due(e)?B2(t,e,n,o,r):ZBe(e)?(t.markHistoryStoppingPoint("paste"),Oc(t,{type:"svg-text",text:e,point:n,sources:o},{source:r,point:n})):(t.markHistoryStoppingPoint("paste"),Oc(t,{type:"text",text:e,point:n,sources:o},{source:r,point:n}))},JBe=async(t,e,n)=>{if(t.getEditingShapeId()!==null)return;if(!e)throw Error("No clipboard data");let o=[];for(let r of Object.values(e.items))switch(r.kind){case"file":{o.push({type:"file",source:new Promise(i=>i(r.getAsFile()))});break}case"string":{r.type==="text/html"?o.push({type:"html",source:new Promise(i=>r.getAsString(i))}):r.type==="text/plain"?o.push({type:"text",source:new Promise(i=>r.getAsString(i))}):o.push({type:r.type,source:new Promise(i=>r.getAsString(i))});break}}Lue(t,o,n,"native-event")},Oue=async({editor:t,clipboardItems:e,point:n,fallbackFiles:o,clipboardPasteSource:r})=>{let i=[];for(let s of e){let a=qBe.filter(l=>s.types.includes(l));a.length>0&&i.push({type:"blob",source:(async()=>{for(let l of a){let c=await s.getType(l);if(c.size!==0)return Zn.rewriteMimeType(c,_ue(l))}return null})()}),s.types.includes("text/html")&&i.push({type:"html",source:(async()=>{let l=await s.getType("text/html");return await Zn.blobToText(l)})()}),s.types.includes("text/uri-list")&&i.push({type:"url",source:(async()=>{let l=await s.getType("text/uri-list");return await Zn.blobToText(l)})()}),s.types.includes("text/plain")&&i.push({type:"text",source:(async()=>{let l=await s.getType("text/plain");return await Zn.blobToText(l)})()})}return o?.length&&i.length===1&&i[0].type==="text"?(i.pop(),i.push(...o.map(s=>({type:"file",source:Promise.resolve(s)})))):o?.length&&i.length===0&&i.push(...o.map(s=>({type:"file",source:Promise.resolve(s)}))),await Lue(t,i,n,r)};async function Lue(t,e,n,o){let r=e.filter(s=>(s.type==="file"||s.type==="blob")&&s.source!==null);if(r.length){if(r.length>t.options.maxFilesAtOnce)throw Error("Too many files");let s=we(await Promise.all(r.map(a=>a.source)));return await kue(t,s,n,void 0,o)}let i=await Promise.all(e.filter(s=>s.type!=="file").map(s=>new Promise(a=>{let l=s;if(l.type==="file"){a({type:"error",data:null,reason:"unexpected file"});return}l.source.then(c=>{let d=c.match(/<div data-tldraw[^>]*>(.*)<\/div>/)?.[1];if(d)try{let u;try{u=JSON.parse(d)}catch{let p=z2.default.decompressFromBase64(d);if(p===null){a({type:"error",data:null,reason:"found tldraw data comment but could not parse"});return}u=JSON.parse(p)}if(u.type!=="application/tldraw"){a({type:"error",data:u,reason:`found tldraw data comment but JSON was of a different type: ${u.type}`});return}if(u.version===3)try{let p=JSON.parse(z2.default.decompressFromBase64(u.data.otherCompressed)||"{}"),f={assets:u.data.assets||[],...p};a({type:"tldraw",data:f});return}catch(p){a({type:"error",data:u,reason:`failed to decompress version 2 clipboard data: ${p}`});return}if(u.version===2)a({type:"tldraw",data:u.data});else{if(typeof u.data=="string"){a({type:"error",data:u,reason:"found tldraw json but data was a string instead of a TLClipboardModel object"});return}a({type:"tldraw",data:u.data});return}}catch{a({type:"error",data:d,reason:"found tldraw json but data was a string instead of a TLClipboardModel object"});return}else{if(l.type==="html"){a({type:"text",data:c,subtype:"html"});return}if(l.type==="url"){a({type:"text",data:c,subtype:"url"});return}try{let u=JSON.parse(c);if(u.type==="excalidraw/clipboard"){a({type:"excalidraw",data:u});return}else{a({type:"text",data:c,subtype:"json"});return}}catch{a({type:"text",data:c,subtype:"text"});return}}a({type:"error",data:c,reason:"unhandled case"})})})));for(let s of i)if(s.type==="tldraw"){t.markHistoryStoppingPoint("paste"),Oc(t,{type:"tldraw",content:s.data,point:n},{source:o,point:n});return}for(let s of i)if(s.type==="excalidraw"){t.markHistoryStoppingPoint("paste"),Oc(t,{type:"excalidraw",content:s.data,point:n},{source:o,point:n});return}for(let s of i){if(s.type==="text"&&s.subtype==="html"){let l=new DOMParser().parseFromString(s.data,"text/html").querySelector("body"),c=Rue(s.data);if(c){t.markHistoryStoppingPoint("paste"),t.putExternalContent({type:"embed",url:c.src,point:n,embed:{width:c.width,height:c.height,doesResize:!0}});return}if(l&&Array.from(l.children).filter(u=>u.nodeType===1).length===1&&l.firstElementChild&&l.firstElementChild.tagName==="A"&&l.firstElementChild.hasAttribute("href")&&l.firstElementChild.getAttribute("href")!==""){let u=l.firstElementChild.getAttribute("href");pV(t,u,n,i,o);return}if(!i.some(u=>u.type==="text"&&u.subtype!=="html")&&s.data.trim()&&(uV(s.data)??"")){pV(t,uV(s.data),n,i,o);return}if(i.some(u=>u.type==="text"&&u.subtype!=="html")){let u=uV(s.data)??"";if(u){t.markHistoryStoppingPoint("paste"),Oc(t,{type:"text",text:u,html:s.data,point:n,sources:i},{source:o,point:n});return}}}if(s.type==="text"&&s.subtype==="text"){let a=Rue(s.data);if(a){t.markHistoryStoppingPoint("paste"),t.putExternalContent({type:"embed",url:a.src,point:n,embed:{width:a.width,height:a.height,doesResize:!0}});return}}}for(let s of i)if(s.type==="text"&&s.subtype==="url"){B2(t,s.data,n,i,o);return}for(let s of i)if(s.type==="text"&&s.subtype==="text"&&s.data.trim()){pV(t,s.data,n,i,o);return}}async function nP(t,e={operation:"copy",source:"menu"}){let n=t.getContainerWindow().navigator,o=await t.resolveAssetsInContent(t.getContentFromCurrentPage(t.getSelectedShapeIds()));if(!o)return n?.clipboard?.writeText?.(""),!0;if(t.options.onBeforeCopyToClipboard){let c=await t.options.onBeforeCopyToClipboard({editor:t,content:o,...e});if(c===!1)return!1;c!=null&&(o=c)}let{assets:r,...i}=o,s={type:"application/tldraw",kind:"content",version:3,data:{assets:r||[],otherCompressed:z2.default.compressToBase64(JSON.stringify(i))}},a=JSON.stringify(s);if(typeof n>"u")return!0;let l=o.shapes.map(c=>t.getShapeUtil(c).getText(c)).filter(EB);if(n.clipboard?.write){let c=new Blob([`<div data-tldraw>${a}</div>`],{type:"text/html"}),d=l.join(" ");d===""&&(d=" ");let u=t.getContainerWindow().ClipboardItem;n.clipboard.write([new u({"text/html":c,"text/plain":new Blob([d],{type:"text/plain"})})])}else n.clipboard?.writeText&&n.clipboard.writeText(`<div data-tldraw>${a}</div>`);return!0}function fV(){let t=rt(),e=nt(),n=(0,sw.useCallback)(async function(s){if(ne(t,"editor is required for copy"),t.getSelectedShapeIds().length===0)return;await nP(t,{operation:"copy",source:"menu"})&&e("copy",{source:s})},[t,e]),o=(0,sw.useCallback)(async function(s){if(!t||t.getSelectedShapeIds().length===0)return;await nP(t,{operation:"cut",source:"menu"})&&(t.deleteShapes(t.getSelectedShapeIds()),e("cut",{source:s}))},[t,e]),r=(0,sw.useCallback)(async function(s,a,l){if(!t||t.getEditingShapeId()!==null)return;let c=t.getContainerWindow();if(Array.isArray(s)&&s[0]instanceof c.ClipboardItem){if(t.options.onClipboardPasteRaw?.({editor:t,source:"clipboard-read",clipboardItems:s,point:l})===!1){e("paste",{source:"menu"});return}Oue({editor:t,clipboardItems:s,point:l,clipboardPasteSource:"clipboard-read"}),e("paste",{source:"menu"})}else c.navigator.clipboard.read().then(u=>{r(u,a,l)})},[t,e]);return{copy:n,cut:o,paste:r}}function hV(){let t=O(),e=t.getContainerDocument(),n=nt(),o=z("editor.isFocused",()=>t.getInstanceState().isFocused,[t]);(0,sw.useEffect)(()=>{if(!o)return;let r=async u=>{if(t.getSelectedShapeIds().length===0||t.getEditingShapeId()!==null||dV(t))return;de(u),await nP(t,{operation:"copy",source:"native"})&&n("copy",{source:"kbd"})};async function i(u){if(t.getSelectedShapeIds().length===0||t.getEditingShapeId()!==null||dV(t))return;de(u),await nP(t,{operation:"cut",source:"native"})&&(t.deleteShapes(t.getSelectedShapeIds()),n("cut",{source:"kbd"}))}let s=!1,a=u=>{u.button===1&&(s=!0,t.timers.requestAnimationFrame(()=>{s=!1}))},l=!1,c=u=>{l=u.shiftKey},d=u=>{if(s){t.markEventAsHandled(u);return}if(t.getEditingShapeId()!==null||dV(t))return;if(l){let y=u.clipboardData?.getData("text/plain");if(y?.trim()){let m=t.user.getIsPasteAtCursorMode()?t.inputs.getCurrentPagePoint():t.getViewportPageBounds().center;t.markHistoryStoppingPoint("paste"),Dv(t,{text:y,point:m}),de(u),n("paste",{source:"kbd"});return}}let p=t.user.getIsPasteAtCursorMode()?t.inputs.getCurrentPagePoint():void 0;if(t.options.onClipboardPasteRaw?.({editor:t,source:"native-event",event:u,clipboardData:u.clipboardData,point:p})===!1){de(u),n("paste",{source:"kbd"});return}let f=()=>{u.clipboardData&&JBe(t,u.clipboardData,p)},h=t.getContainerWindow(),g=h.navigator;if(g.clipboard?.read){let y=Array.from(u.clipboardData?.files||[]);g.clipboard.read().then(m=>{Array.isArray(m)&&m[0]instanceof h.ClipboardItem&&Oue({editor:t,clipboardItems:m,point:p,fallbackFiles:y,clipboardPasteSource:"native-event"})},()=>{f()})}else f();de(u),n("paste",{source:"kbd"})};return e?.addEventListener("copy",r),e?.addEventListener("cut",i),e?.addEventListener("paste",d),e?.addEventListener("pointerup",a),e?.addEventListener("keydown",c,!0),e?.addEventListener("keyup",c,!0),()=>{e?.removeEventListener("copy",r),e?.removeEventListener("cut",i),e?.removeEventListener("paste",d),e?.removeEventListener("pointerup",a),e?.removeEventListener("keydown",c,!0),e?.removeEventListener("keyup",c,!0)}},[t,n,o,e])}var Bue=_(H(),1);var Nue={jpeg:"image/jpeg",png:"image/png",webp:"image/webp",svg:"text/plain"};function Fue(t,e,n={}){let o=e?.length?e:[...t.getCurrentPageShapeIds()],r=n.format??"png";return{blobPromise:t.toImage(o,n).then(i=>Zn.rewriteMimeType(i.blob,Nue[r])),mimeType:Nue[r]}}function mV(t,e,n){if(!navigator.clipboard)return Promise.reject(new Error("Copy not supported"));if(n.format==="json"){let r=t.getContentFromCurrentPage(e),i=JSON.stringify(r,null,"	");return navigator.clipboard.writeText(i)}let o={...n,format:n.format};if(navigator.clipboard.write){let{blobPromise:r,mimeType:i}=Fue(t,e,o),s={[i]:r},a=Iue(n.format);return a&&Mue(a)&&(s[a]=r.then(l=>Zn.rewriteMimeType(l,a))),Aue(s)}switch(n.format){case"svg":return QBe(async()=>{let r=await t.getSvgString(e,o);if(!r)throw new Error("Failed to copy");return r.svg});case"png":throw new Error("Copy not supported");default:Ve(n.format)}}async function QBe(t){await navigator.clipboard?.writeText?.(await t())}function gV(){let t=rt(),{addToast:e}=ui(),n=J();return(0,Bue.useCallback)((o,r="svg")=>{ne(t,"useCopyAs: editor is required"),mV(t,o,{format:r}).catch(()=>{e({id:"copy-fail",severity:"warning",title:n("toast.error.copy-fail.title"),description:n("toast.error.copy-fail.desc")})})},[t,e,n])}var zue=_(H(),1);function yV(){let t=rt(),{addToast:e}=ui(),n=J();return(0,zue.useCallback)((o,r={})=>{ne(t,"useExportAs: editor is required");let{format:i="png",name:s,scale:a=1}=r;Z4(t,o,{format:i,name:s,scale:a}).catch(l=>{console.error(l.message),e({id:"export-fail",title:n("toast.error.export-fail.title"),description:n("toast.error.export-fail.desc"),severity:"error"})})},[t,e,n])}var oP=_(H(),1);function Uue(){let t=rt(),e=(0,oP.useRef)(null),n=(0,oP.useRef)(null);return(0,oP.useCallback)(async function(){ne(t,"usePrint: editor is required");let r=t.getContainerDocument(),i=t.getContainerWindow(),s=r.createElement("div"),a=r.createElement("style"),l=(w,x)=>{w&&(w.innerHTML=""),x&&r.head.contains(x)&&r.head.removeChild(x),w&&r.body.contains(w)&&r.body.removeChild(w)};l(e.current,n.current),e.current=s,n.current=a;let c=`tl-print-surface-${Ne()}`;s.className=c;let d=!1,u=!1;a.innerHTML=`
+			.${c} {
+				display: none;
+			}
+
+			.${c} svg {
+				max-width: 100%;
+				height: 100%;
+				display: block;
+			}
+
+			@media print {				  
+				html, body {
+					min-height: 100%;
+					height: 100%;
+					margin: 0;
+				}
+
+				body {
+					position: relative;
+				}
+
+				body > * {
+					display: none;
+				}
+
+				.tldraw__editor {
+					display: none;
+				}
+
+				.${c} {
+					display: block !important;
+					background: white;
+					min-height: 100%;
+					height: 100%;
+					max-width: 100%;
+				}
+
+				.${c}__item {
+					padding: 10mm;
+					display: flex;
+					min-height: 100%;
+					flex-direction: column;
+					page-break-after: always;
+					position: relative;
+					overflow: hidden;
+					height: 100%;
+				}
+
+				.${c}__item__main {
+					flex: 1;
+					display: flex;
+					align-items: center;
+					justify-content: center;
+					max-height: 100%;
+				}
+
+				.${c}__item__header {
+					display: none;
+				}
+
+				.${c}__item__footer {
+					display: none;
+					text-align: right;
+				}
+
+				.${c}__item__footer__hide {
+					display: none;
+				}
+
+				${d?`
+					/**
+					 * Note: Safari doesn't support removing the page margins to remove them all!
+					 */
+					@page {
+						margin:0;
+					}
+
+					.${c} .${c}__item__header {
+						display: block;
+					}
+
+					.${c} .${c}__item__footer {
+						display: block;
+					}
+				`:""}
+			}
+
+		`;let p=()=>{r.head.appendChild(a),r.body.appendChild(s)},f=()=>{t.once("tick",()=>{l(s,a)})};i.addEventListener("beforeprint",p),i.addEventListener("afterprint",f);function h(w,x,C){try{s.innerHTML+=`<div class="${c}__item">
+        <div class="${c}__item__header">
+          ${w.replace(/</g,"&lt;").replace(/>/g,"&gt;")}
+        </div>
+        <div class="${c}__item__main">
+          ${C}
+        </div>
+        <div class="${c}__item__footer ${c}__item__footer__${x?"":"hide"}">
+          ${x??""}
+        </div>
+      </div>`}catch(P){console.error(P)}}function g(){He.isChromeForIos?(p(),i.print()):He.isSafari?(p(),r.execCommand("print",!1)):i.print()}let y=t.getSelectedShapeIds(),m=t.getCurrentPageId(),S=t.getPages(),v={scale:1,background:!1,darkMode:!1,preserveAspectRatio:"xMidYMid meet"};if(t.getSelectedShapeIds().length>0){let w=await t.getSvgString(y,v);if(w){let x=S.find(C=>C.id===m);h(`tldraw \u2014 ${x?.name}`,null,w.svg),g()}}else if(u){for(let w=0;w<S.length;w++){let x=S[w],C=await t.getSvgString(t.getSortedChildIdsForParent(x.id),v);C&&h(`tldraw \u2014 ${x.name}`,`${w}/${S.length}`,C.svg)}g()}else{let w=t.getCurrentPage(),x=await t.getSvgString(t.getSortedChildIdsForParent(w.id),v);x&&(h(`tldraw \u2014 ${w.name}`,null,x.svg),g())}i.removeEventListener("beforeprint",p),i.removeEventListener("afterprint",f)},[t])}var SV=(0,la.createContext)([]);function aw(){let t=rt(),{addToast:e,removeToast:n,clearToasts:o}=ui(),{addDialog:r,clearDialogs:i,removeDialog:s}=Lu(),a=J(),l=Uue(),{cut:c,copy:d,paste:u}=fV(),p=gV(),f=yV(),h=ow(),y=Ft()<mt.TABLET_SM,m=Zs((0,la.useContext)(SV)),S=(0,la.useCallback)(async()=>{if(!t)return;let x=await lV({allowMultiple:!0,mimeTypes:m,document:t.getContainerDocument()});x.length&&(t.markHistoryStoppingPoint("insert media"),t.putExternalContent({type:"files",files:x,point:t.getViewportPageBounds().center}))},[t,m]),b=(0,la.useCallback)(async x=>{if(!t)return;let C=await lV({allowMultiple:!1,mimeTypes:m?.filter(E=>x?E.startsWith("image/"):E.startsWith("video/")),document:t.getContainerDocument()});if(!C.length)return;let P=t.getOnlySelectedShape();if(!P||x&&P.type!=="image"||!x&&P.type!=="video")return;t.markHistoryStoppingPoint("replace media");let M=C[0];t.replaceExternalContent({type:"file-replace",file:M,shapeId:P.id,isImage:x})},[t,m]),v=(0,la.useCallback)(()=>b(!0),[b]),w=(0,la.useCallback)(()=>b(!1),[b]);return(0,la.useMemo)(()=>({addToast:e,removeToast:n,clearToasts:o,addDialog:r,removeDialog:s,clearDialogs:i,msg:a,isMobile:y,insertMedia:S,replaceImage:v,replaceVideo:w,printSelectionOrPages:l,cut:c,copy:d,paste:u,copyAs:p,exportAs:f,getEmbedDefinition:h}),[e,n,o,r,s,i,a,y,S,v,w,l,c,d,u,p,f,h])}function eze(t,e){let n={};for(let o of t)if(o.translations)for(let[r,i]of Dr(o.translations)){let s=n[r];s||(s=n[r]={}),Object.assign(s,i)}return{actions:(o,r,i)=>{for(let s of t)s.actions&&(r=s.actions(o,r,i));return r},tools:(o,r,i)=>{for(let s of t)s.tools&&(r=s.tools(o,r,{...e,...i}));return r},translations:n}}function Hue(t){return(0,la.useMemo)(()=>t,t)}function U2(t){let e=Hue(t==null?[]:Array.isArray(t)?t:[t]);return(0,la.useMemo)(()=>{let n={};for(let o of e)if(o.translations)for(let[r,i]of Dr(o.translations)){let s=n[r];s||(s=n[r]={}),Object.assign(s,i)}return n},[e])}function Vue(t){let e=aw(),n=Hue(t==null?[]:Array.isArray(t)?t:[t]);return(0,la.useMemo)(()=>eze(n,e),[n,e])}var $ue=qh.createContext(null);function Kue({overrides:t,children:e}){let n=rt(),o=nt(),r=Ph(),i=J(),s=aw(),a=qh.useCallback((c,d,u)=>{r.announce({msg:i(d.label)}),o("select-tool",{source:c,id:u??d.id})},[r,i,o]),l=qh.useMemo(()=>{if(!n)return{};let c=[{id:"select",label:"tool.select",icon:"tool-pointer",kbd:"v",readonlyOk:!0,onSelect(u){if(n.isIn("select")){let p=n.root.getCurrent();p.exit({},p.id),p.enter({},p.id)}n.setCurrentTool("select"),a(u,this)}},{id:"hand",label:"tool.hand",icon:"tool-hand",kbd:"h",readonlyOk:!0,onSelect(u){n.setCurrentTool("hand"),a(u,this)}},{id:"eraser",label:"tool.eraser",icon:"tool-eraser",kbd:"e",onSelect(u){n.setCurrentTool("eraser"),a(u,this)}},{id:"draw",label:"tool.draw",icon:"tool-pencil",kbd:"d,b,x",onSelect(u){n.setCurrentTool("draw"),a(u,this)}},...[...Or.values].map(u=>({id:u,label:`tool.${u}`,meta:{geo:u},kbd:u==="rectangle"?"r":u==="ellipse"?"o":void 0,icon:"geo-"+u,onSelect(p){n.run(()=>{n.setStyleForNextShapes(Or,u),n.setCurrentTool("geo"),a(p,this,`geo-${u}`)})},onDragStart(p,f){let h=n.getResizeScaleFactor();Ly(n,f,{createShape:g=>n.createShape({id:g,type:"geo",props:{w:200*h,h:200*h,geo:u,scale:h}})}),o("drag-tool",{source:p,id:"geo"})}})),{id:"arrow",label:"tool.arrow",icon:"tool-arrow",kbd:"a",onSelect(u){n.setCurrentTool("arrow"),a(u,this)},onDragStart(u,p){let f=n.getResizeScaleFactor();Ly(n,p,{createShape:h=>n.createShape({id:h,type:"arrow",props:{start:{x:0,y:200*f},end:{x:200*f,y:0},scale:f}})}),o("drag-tool",{source:u,id:"arrow"})}},{id:"line",label:"tool.line",icon:"tool-line",kbd:"l",onSelect(u){n.setCurrentTool("line"),a(u,this)},onDragStart(u,p){let f=n.getResizeScaleFactor();Ly(n,p,{createShape:h=>{let[g,y]=rc(null,null,2);n.createShape({id:h,type:"line",props:{points:{[g]:{id:g,index:g,x:0,y:200*f},[y]:{id:y,index:y,x:200*f,y:0}},scale:f}})}}),o("drag-tool",{source:u,id:"line"})}},{id:"frame",label:"tool.frame",icon:"tool-frame",kbd:"f",onSelect(u){n.setCurrentTool("frame"),a(u,this)},onDragStart(u,p){let f=n.getResizeScaleFactor();Ly(n,p,{createShape:h=>n.createShape({id:h,type:"frame",props:{w:320*f,h:180*f}})}),o("drag-tool",{source:u,id:"frame"})}},{id:"text",label:"tool.text",icon:"tool-text",kbd:"t",onSelect(u){n.setCurrentTool("text"),a(u,this)},onDragStart(u,p){let f=n.getResizeScaleFactor();Ly(n,p,{createShape:h=>n.createShape({id:h,type:"text",props:{richText:jt("Text"),scale:f}}),onDragEnd:h=>{oo(n,h,{selectAll:!0})}}),o("drag-tool",{source:u,id:"text"})}},{id:"asset",label:"tool.media",icon:"tool-media",kbd:"cmd+u,ctrl+u",onSelect(u){s.insertMedia(),a(u,this,"media")}},{id:"note",label:"tool.note",icon:"tool-note",kbd:"n",onSelect(u){n.setCurrentTool("note"),a(u,this)},onDragStart(u,p){let f=n.getResizeScaleFactor();Ly(n,p,{createShape:h=>n.createShape({id:h,type:"note",props:{scale:f}}),onDragEnd:h=>{oo(n,h,{selectAll:!0})}}),o("drag-tool",{source:u,id:"note"})}},{id:"laser",label:"tool.laser",readonlyOk:!0,icon:"tool-laser",kbd:"k",onSelect(u){n.setCurrentTool("laser"),a(u,this)}},{id:"embed",label:"tool.embed",icon:"dot",onSelect(u){s.addDialog({component:k2}),a(u,this)}},{id:"highlight",label:"tool.highlight",icon:"tool-highlight",kbd:"shift+d",onSelect(u){n.setCurrentTool("highlight"),a(u,this)}}];c.forEach(u=>u.onSelect=u.onSelect.bind(u));let d=Object.fromEntries(c.map(u=>[u.id,u]));return t?t(n,d,s):d},[t,n,s,a,o]);return(0,jue.jsx)($ue.Provider,{value:l,children:e})}function Ny(){let t=qh.useContext($ue);if(!t)throw new Error("useTools must be used within a ToolProvider");return t}function Ly(t,e,n){let{x:o,y:r}=t.inputs.getCurrentPagePoint(),i=t.markHistoryStoppingPoint("drag shape tool");t.setCurrentTool("select.translating");let s=Ke();n.createShape(s);let a=Dn(t.getShape(s),"Shape not found"),{w:l,h:c}=t.getShapePageBounds(s);t.updateShape({id:s,type:a.type,x:o-l/2,y:r-c/2}),t.select(s),t.setCurrentTool("select.translating",{...e,target:"shape",shape:t.getShape(s),isCreating:!0,creatingMarkId:i,onCreate(){t.setCurrentTool("select.idle"),t.select(s),n.onDragEnd?.(s)}}),t.getCurrentTool().setCurrentToolIdMask(n.maskedToolId??a.type)}function di({toolId:t="",...e}){let o=Ny()[t];return o?(0,Gue.jsx)(Ze,{...o,...e}):null}function bV(){let t=Ap();return(0,ie.jsxs)(ie.Fragment,{children:[(0,ie.jsxs)(Fe,{label:"shortcuts-dialog.tools",id:"tools",children:[(0,ie.jsx)(G,{actionId:"toggle-tool-lock"}),(0,ie.jsx)(G,{actionId:"insert-media"}),(0,ie.jsx)(G,{actionId:"insert-embed"}),(0,ie.jsx)(di,{toolId:"select"}),(0,ie.jsx)(di,{toolId:"draw"}),(0,ie.jsx)(di,{toolId:"highlight"}),(0,ie.jsx)(di,{toolId:"eraser"}),(0,ie.jsx)(di,{toolId:"hand"}),(0,ie.jsx)(di,{toolId:"rectangle"}),(0,ie.jsx)(di,{toolId:"ellipse"}),(0,ie.jsx)(di,{toolId:"arrow"}),(0,ie.jsx)(di,{toolId:"line"}),(0,ie.jsx)(di,{toolId:"text"}),(0,ie.jsx)(di,{toolId:"frame"}),(0,ie.jsx)(di,{toolId:"note"}),(0,ie.jsx)(di,{toolId:"laser"}),(0,ie.jsx)(Ze,{id:"pointer-down",label:"tool.pointer-down",kbd:",",onSelect:()=>{}})]}),(0,ie.jsxs)(Fe,{label:"shortcuts-dialog.preferences",id:"preferences",children:[(0,ie.jsx)(G,{actionId:"toggle-dark-mode"}),(0,ie.jsx)(G,{actionId:"toggle-focus-mode"}),(0,ie.jsx)(G,{actionId:"toggle-grid"})]}),(0,ie.jsxs)(Fe,{label:"shortcuts-dialog.edit",id:"edit",children:[(0,ie.jsx)(G,{actionId:"undo"}),(0,ie.jsx)(G,{actionId:"redo"}),(0,ie.jsx)(G,{actionId:"cut"}),(0,ie.jsx)(G,{actionId:"copy"}),(0,ie.jsx)(G,{actionId:"copy-as-png"}),(0,ie.jsx)(G,{actionId:"copy-hovered-styles"}),(0,ie.jsx)(G,{actionId:"paste"}),(0,ie.jsx)(G,{actionId:"select-all"}),(0,ie.jsx)(G,{actionId:"delete"}),(0,ie.jsx)(G,{actionId:"duplicate"}),(0,ie.jsx)(G,{actionId:"print"})]}),(0,ie.jsxs)(Fe,{label:"shortcuts-dialog.view",id:"view",children:[(0,ie.jsx)(G,{actionId:"select-zoom-tool"}),(0,ie.jsx)(G,{actionId:"zoom-in"}),(0,ie.jsx)(G,{actionId:"zoom-out"}),(0,ie.jsx)(G,{actionId:"zoom-to-100"}),(0,ie.jsx)(G,{actionId:"zoom-to-fit"}),(0,ie.jsx)(G,{actionId:"zoom-to-selection"}),(0,ie.jsx)(Ze,{id:"zoom-quick",label:"action.zoom-quick",kbd:"shift+z",onSelect:()=>{}})]}),(0,ie.jsxs)(Fe,{label:"shortcuts-dialog.transform",id:"transform",children:[(0,ie.jsx)(G,{actionId:"bring-to-front"}),(0,ie.jsx)(G,{actionId:"bring-forward"}),(0,ie.jsx)(G,{actionId:"send-backward"}),(0,ie.jsx)(G,{actionId:"send-to-back"}),(0,ie.jsx)(G,{actionId:"group"}),(0,ie.jsx)(G,{actionId:"ungroup"}),(0,ie.jsx)(G,{actionId:"frame-selection"}),(0,ie.jsx)(G,{actionId:"flatten-to-image"}),(0,ie.jsx)(G,{actionId:"toggle-lock"}),(0,ie.jsx)(G,{actionId:"flip-horizontal"}),(0,ie.jsx)(G,{actionId:"flip-vertical"}),(0,ie.jsx)(G,{actionId:"align-top"}),(0,ie.jsx)(G,{actionId:"align-center-vertical"}),(0,ie.jsx)(G,{actionId:"align-bottom"}),(0,ie.jsx)(G,{actionId:"align-left"}),(0,ie.jsx)(G,{actionId:"align-center-horizontal"}),(0,ie.jsx)(G,{actionId:"align-right"}),(0,ie.jsx)(G,{actionId:"distribute-horizontal"}),(0,ie.jsx)(G,{actionId:"distribute-vertical"})]}),(0,ie.jsxs)(Fe,{label:"shortcuts-dialog.text-formatting",id:"text",children:[(0,ie.jsx)(Ze,{id:"text-bold",label:"tool.rich-text-bold",kbd:"cmd+b",onSelect:()=>{}}),(0,ie.jsx)(Ze,{id:"text-italic",label:"tool.rich-text-italic",kbd:"cmd+i",onSelect:()=>{}}),(0,ie.jsx)(Ze,{id:"text-code",label:"tool.rich-text-code",kbd:"cmd+e",onSelect:()=>{}}),(0,ie.jsx)(Ze,{id:"text-highlight",label:"tool.rich-text-highlight",kbd:"cmd+shift+h",onSelect:()=>{}}),(0,ie.jsx)(Ze,{id:"text-strikethrough",label:"tool.rich-text-strikethrough",kbd:"cmd+shift+s",onSelect:()=>{}}),(0,ie.jsx)(Ze,{id:"text-link",label:"tool.rich-text-link",kbd:"cmd+shift+k",onSelect:()=>{}}),(0,ie.jsx)(Ze,{id:"text-header",label:"tool.rich-text-header",kbd:"cmd+alt+[[1-6]]",onSelect:()=>{}}),(0,ie.jsx)(Ze,{id:"text-orderedList",label:"tool.rich-text-orderedList",kbd:"cmd+shift+7",onSelect:()=>{}}),(0,ie.jsx)(Ze,{id:"text-bulletedlist",label:"tool.rich-text-bulletList",kbd:"cmd+shift+8",onSelect:()=>{}})]}),(0,ie.jsxs)(Fe,{label:"shortcuts-dialog.a11y",id:"a11y",children:[(0,ie.jsx)(Ze,{id:"a11y-select-next-shape",label:"a11y.select-shape",kbd:"[[Tab]]",onSelect:()=>{}}),(0,ie.jsx)(Ze,{id:"a11y-select-next-shape-direction",label:"a11y.select-shape-direction",kbd:"cmd+[[\u2191\u2192\u2193\u2190]]",onSelect:()=>{}}),(0,ie.jsx)(Ze,{id:"a11y-select-next-shape-container",label:"a11y.enter-leave-container",kbd:"cmd+shift+[[\u2191\u2193]]",onSelect:()=>{}}),(0,ie.jsx)(Ze,{id:"a11y-pan-camera",label:"a11y.pan-camera",kbd:"[[Space]]+[[\u2191\u2192\u2193\u2190]]",onSelect:()=>{}}),(0,ie.jsx)(Ze,{id:"adjust-shape-styles",label:"a11y.adjust-shape-styles",kbd:"cmd+[[Enter]]",onSelect:()=>{}}),(0,ie.jsx)(Ze,{id:"open-context-menu",label:"a11y.open-context-menu",kbd:"cmd+shift+[[Enter]]",onSelect:()=>{}}),(0,ie.jsx)(Ze,{id:"a11y-move-shape",label:"a11y.move-shape",kbd:"[[\u2191\u2192\u2193\u2190]]",onSelect:()=>{}}),(0,ie.jsx)(Ze,{id:"a11y-move-shape-faster",label:"a11y.move-shape-faster",kbd:"shift+[[\u2191\u2192\u2193\u2190]]",onSelect:()=>{}}),(0,ie.jsx)(Ze,{id:"a11y-rotate-shape-cw",label:"a11y.rotate-shape-cw",kbd:"shift+\uFE65",onSelect:()=>{}}),(0,ie.jsx)(Ze,{id:"a11y-rotate-shape-cw-fine",label:"a11y.rotate-shape-cw-fine",kbd:"shift+alt+\uFE65",onSelect:()=>{}}),(0,ie.jsx)(Ze,{id:"a11y-rotate-shape-ccw",label:"a11y.rotate-shape-ccw",kbd:"shift+\uFE64",onSelect:()=>{}}),(0,ie.jsx)(Ze,{id:"a11y-rotate-shape-ccw-fine",label:"a11y.rotate-shape-ccw-fine",kbd:"shift+alt+\uFE64",onSelect:()=>{}}),(0,ie.jsx)(G,{actionId:"enlarge-shapes"}),(0,ie.jsx)(G,{actionId:"shrink-shapes"}),(0,ie.jsx)(G,{actionId:"a11y-repeat-shape-announce"}),(0,ie.jsx)(Ze,{id:"a11y-open-keyboard-shortcuts",label:"a11y.open-keyboard-shortcuts",kbd:"cmd+alt+/",onSelect:()=>{}})]}),t&&(0,ie.jsx)(Fe,{label:"shortcuts-dialog.collaboration",id:"collaboration",children:(0,ie.jsx)(G,{actionId:"open-cursor-chat"})})]})}var rP=(0,Yue.memo)(function({children:e}){let n=J(),o=Ft(),r=e??(0,jl.jsx)(bV,{});return(0,jl.jsxs)(jl.Fragment,{children:[(0,jl.jsxs)(Ip,{className:"tlui-shortcuts-dialog__header",children:[(0,jl.jsx)(_p,{children:n("shortcuts-dialog.title")}),(0,jl.jsx)(Mp,{})]}),(0,jl.jsx)(Du,{className:(0,Wue.default)("tlui-shortcuts-dialog__body",{"tlui-shortcuts-dialog__body__mobile":o<=mt.MOBILE_XS,"tlui-shortcuts-dialog__body__tablet":o<=mt.TABLET}),children:(0,jl.jsx)(Mn,{type:"keyboard-shortcuts",sourceId:"kbd",children:r})}),(0,jl.jsx)("div",{className:"tlui-dialog__scrim"})]})});var tze=_(H(),1);async function que(t,e,n){let o=we(e.map(a=>{let l=t.getShape(a);if(!(!l||t.getShapeUtil(l.type).toSvg===void 0))return l}));if(o.length===0)return;if(o.length===1){let a=o[0];if(!a||t.isShapeOfType(a,"image"))return}let r=[];if(n!==void 0){let a=o.map(l=>({shape:l,bounds:t.getShapeMaskedPageBounds(l).clone().expandBy(n)}));for(let l=0;l<a.length;l++){let c=a[l];if(l===0){r[0]={shapes:[c.shape],bounds:c.bounds};continue}let d=!1;for(let u of r)if(u.bounds.includes(c.bounds)){u.shapes.push(c.shape),u.bounds.expand(c.bounds),d=!0;break}d||r.push({shapes:[c.shape],bounds:c.bounds})}}else{let a=q.Common(o.map(l=>t.getShapeMaskedPageBounds(l)));r.push({shapes:o,bounds:a})}let i=t.options.flattenImageBoundsPadding;for(let a of r){n!==void 0&&a.bounds.expandBy(-n);let l=await t.getSvgString(a.shapes,{padding:i,background:!1});if(!l?.svg)continue;let c=await t.getAssetForExternalContent({type:"file",file:new File([l.svg],"asset.svg",{type:"image/svg+xml"})});c&&(a.asset=c)}let s=[];return Vo(()=>{for(let a of r){let{asset:l,bounds:c,shapes:d}=a;if(!l)continue;let u=t.findCommonAncestor(d)??t.getCurrentPageId();if(!u)continue;let p="a1";for(let m of d)if(m.parentId===u){m.index>p&&(p=m.index);break}let f,h,g;if(On(u)){let m=t.getShape(u);if(!m)continue;let S=t.getPointInShapeSpace(m,{x:c.x,y:c.y});g=t.getShapePageTransform(u).rotation(),S.sub(new T(i,i).rot(-g)),f=S.x,h=S.y}else f=c.x-i,h=c.y-i,g=0;t.deleteShapes(d),t.createAssets([{...l,id:l.id}]);let y=Ke();t.createShape({id:y,type:"image",index:p,parentId:u,x:f,y:h,rotation:-g,props:{assetId:l.id,w:c.w+i*2,h:c.h+i*2}}),s.push(y)}}),s}var ffe=_(j(),1);var xw=_(H(),1);var Bu=_(j(),1);var Q2=_(H(),1);var lw=_(j(),1);var Xue=_(Jt(),1);var vV=_(H(),1);function ca({id:t,children:e,onOpenChange:n,open:o,className:r}){let[i,s]=$r(t,n);return(0,lw.jsx)(Ni.Root,{onOpenChange:s,open:o||i,children:(0,lw.jsx)("div",{className:(0,Xue.default)("tlui-popover",r),children:e})})}function ua({children:t}){let e=ot();return(0,lw.jsx)(Ni.Trigger,{asChild:!0,dir:e,children:t})}function da({side:t,children:e,align:n="center",sideOffset:o=8,alignOffset:r=0,collisionPadding:i,disableEscapeKeyDown:s=!1,autoFocusFirstButton:a=!0}){let l=it(),c=ot(),d=vV.default.useRef(null),u=vV.default.useCallback(()=>{if(!a)return;let h=[...d.current?.querySelectorAll("button:not([disabled])")??[]].filter(g=>g.offsetWidth||g.offsetHeight)[0];h&&h.focus()},[a]);return(0,lw.jsx)(Ni.Portal,{container:l,children:(0,lw.jsx)(Ni.Content,{className:"tlui-popover__content",side:t,sideOffset:o,align:n,alignOffset:r,collisionPadding:i,dir:c,ref:d,onOpenAutoFocus:u,onEscapeKeyDown:p=>s&&p.preventDefault(),children:e})})}var Qe=_(j(),1);var nze=8,Zue=.001;function oze(t){let e=n=>Math.max(Zue,Math.min(1-Zue,n));return{x:e(t.x),y:e(t.y)}}function Que(t){return t.props.kind!=="arc"?!1:Math.abs(t.props.bend)<nze*t.props.scale}function cw(t,e,n){let o=t.getBindingsFromShape(e,"arrow").find(l=>l.props.terminal===n);if(!o)return;let r=t.getShape(o.toId);if(!r)return;let i=t.getShapePageTransform(r),s=n==="start"?e.props.arrowheadStart!=="none":e.props.arrowheadEnd!=="none",a=t.getShapeGeometry(r,s?void 0:{context:"@tldraw/arrow-without-arrowhead"});return{shape:r,transform:i,isClosed:a.isClosed,isExact:o.props.isExact,didIntersect:!1,geometry:a}}function Jue(t,e,n,o){let r=t.getShape(n.toId);if(r){let{point:i,size:s}=t.getShapeGeometry(r).bounds,l=n.props.isPrecise||o?oze(n.props.normalizedAnchor):{x:.5,y:.5},c=T.Add(i,T.MulV(l,s)),d=Q.applyToPoint(t.getShapePageTransform(r),c);return Q.applyToPoint(Q.Inverse(e),d)}else return new T(0,0)}var rze=Na("arrow bindings",(t,e)=>{let n=t.getBindingsFromShape(e.id,"arrow");return{start:n.find(o=>o.props.terminal==="start"),end:n.find(o=>o.props.terminal==="end")}},{areRecordsEqual:(t,e)=>t.id===e.id,areResultsEqual:(t,e)=>t.start===e.start&&t.end===e.end});function wn(t,e){return rze.get(t,e.id)}function Nu(t,e,n){let o=t.getShapePageTransform(e),r=iP(t,n.start?.toId,n.end?.toId),i=n.start?Jue(t,o,n.start,r==="double-bound"||r==="start-contains-end"):T.From(e.props.start),s=n.end?Jue(t,o,n.end,r==="double-bound"||r==="end-contains-start"):T.From(e.props.end);return{start:i,end:s}}function uw(t,e,n,o){let r=typeof e=="string"?e:e.id,i=typeof n=="string"?n:n.id,s=t.getBindingsFromShape(r,"arrow").filter(l=>l.props.terminal===o.terminal);s.length>1&&t.deleteBindings(s.slice(1));let a=s[0];a?t.updateBinding({...a,toId:i,props:o}):t.createBinding({type:"arrow",fromId:r,toId:i,props:o})}function Lp(t,e,n){let o=t.getBindingsFromShape(e,"arrow").filter(r=>r.props.terminal===n);t.deleteBindings(o)}var Xh=10,Zh=10,ede=10;function iP(t,e,n){if(!e||!n)return"safe";if(e===n)return"double-bound";let o=t.getShapePageBounds(e),r=t.getShapePageBounds(n);if(o&&r){if(o.contains(r))return"start-contains-end";if(r.contains(o))return"end-contains-start"}return"safe"}function dw(t,e,n,o,r){if(!r)return;let i=t.getShapeMask(r.shape.id);if(!i)return;let s=Q.applyToPoint(o,e);if(cn(s,i))return;let a=Q.applyToPoint(o,n),l=T.Sub(a,s).uni(),c=T.Add(a,T.Mul(l,1)),d=wg(c,s,i);if(!d||d.length===0)return;let u=d[0],p=T.Dist2(u,s);for(let h=1;h<d.length;h++){let g=T.Dist2(d[h],s);g<p&&(u=d[h],p=g)}let f=Q.applyToPoint(Q.Inverse(o),u);e.setTo(f)}function ize(t){return t.getSelectedShapeIds().map(o=>t.getShape(o)).filter(o=>{if(!o)return!1;if(t.isShapeOfType(o,"arrow")){let r=wn(t,o);if(r.start||r.end)return!1}return!0})}function H2(){let t=O();return z("threeStackableItems",()=>ize(t).length>2,[t])}function Lc(){let t=O();return z("isInSelectState",()=>t.isIn("select"),[t])}function sP(){let t=O();return z("allow group",()=>{let e=t.getSelectedShapes();if(e.length<2)return!1;for(let n of e)if(t.isShapeOfType(n,"arrow")){let o=wn(t,n);if(o.start&&!e.some(r=>r.id===o.start.toId)||o.end&&!e.some(r=>r.id===o.end.toId))return!1}return!0},[t])}function V2(){let t=O();return z("allowUngroup",()=>t.getSelectedShapeIds().some(e=>t.getShape(e)?.type==="group"),[t])}var tde=typeof window<"u"&&"navigator"in window&&!!navigator.clipboard&&!!navigator.clipboard.read;function wV(t,e){let n=O();return z("selectedShapes",()=>{let o=n.getSelectedShapes().length;return t===void 0?e===void 0?o:o<=e:e===void 0?o>=t:o>=t&&o<=e},[n,t,e])}function Gr(t,e){let n=O();return z("selectedShapes",()=>{let o=n.getSelectedShapes().filter(r=>!n.isShapeOrAncestorLocked(r)).length;return t===void 0?e===void 0?o:o<=e:e===void 0?o>=t:o>=t&&o<=e},[n])}function nde(){let t=O();return z("showAutoSizeToggle",()=>{let e=t.getSelectedShapes();return e.length===1&&t.isShapeOfType(e[0],"text")&&e[0].props.autoSize===!1},[t])}function j2(){let t=O();return z("hasLinkShapeSelected",()=>{let e=t.getOnlySelectedShape();return!!(e&&e.type!=="embed"&&"url"in e.props&&!e.isLocked)},[t])}function ode(){let t=O();return z("onlyFlippableShape",()=>{let e=t.getOnlySelectedShape();return e&&(t.isShapeOfType(e,"group")||t.isShapeOfType(e,"image")||t.isShapeOfType(e,"arrow")||t.isShapeOfType(e,"line")||t.isShapeOfType(e,"draw"))},[t])}function aP(){let t=O();return z("useCanRedo",()=>t.getCanRedo(),[t])}function lP(){let t=O();return z("useCanUndo",()=>t.getCanUndo(),[t])}function pw(){let t=O();return z("hasShapesOnPage",()=>t.getCurrentPageShapeIds().size>0,[t])}function fw(){let t=O();return z("canApplySelectionAction",()=>t.isIn("select")&&t.getSelectedShapeIds().length>0,[t])}var te=_(j(),1);var rde=_(j(),1);var Fu=_(j(),1);function Nc({id:t,kbd:e,label:n,lang:o,readonlyOk:r,onSelect:i,toggle:s=!1,disabled:a=!1,checked:l=!1}){let{type:c,sourceId:d}=Gh(),u=Zo(),p=J(),f=ot();if(u&&!r)return null;let h=Ou(n,c),g=h?p(h):void 0;switch(c){case"menu":return(0,Fu.jsxs)(io.CheckboxItem,{dir:f,lang:o,className:"tlui-button tlui-button__menu tlui-button__checkbox",onSelect:y=>{i?.(d),de(y)},disabled:a,checked:l,children:[(0,Fu.jsx)(ar,{small:!0,label:p(l?"ui.checked":"ui.unchecked"),icon:s?l?"toggle-on":"toggle-off":l?"check":"none"}),g&&(0,Fu.jsx)("span",{className:"tlui-button__label",draggable:!1,children:g}),e&&(0,Fu.jsx)(Wh,{children:e})]});case"context-menu":return(0,Fu.jsxs)(as.CheckboxItem,{className:"tlui-button tlui-button__menu tlui-button__checkbox",dir:f,lang:o,onSelect:y=>{i(d),de(y)},disabled:a,checked:l,children:[(0,Fu.jsx)(ar,{small:!0,label:p(l?"ui.checked":"ui.unchecked"),icon:s?l?"toggle-on":"toggle-off":l?"check":"none"}),g&&(0,Fu.jsx)("span",{className:"tlui-button__label",draggable:!1,children:g}),e&&(0,Fu.jsx)(Wh,{children:e})]},t);default:return null}}function us({actionId:t="",...e}){let o=lr()[t];return o?(0,rde.jsx)(Nc,{...o,...e}):null}var tl=_(j(),1);function ko({id:t,disabled:e=!1,label:n,size:o="small",children:r}){let{type:i,sourceId:s}=Gh(),a=it(),l=J(),c=ot(),d=n?typeof n=="string"?n:n[i]??n.default:void 0,u=d?l(d):void 0;switch(i){case"menu":return(0,tl.jsxs)(Y6,{id:`${s}-sub.${t}`,children:[(0,tl.jsx)(q6,{id:`${s}-sub.${t}-button`,disabled:e,label:u}),(0,tl.jsx)(X6,{id:`${s}-sub.${t}-content`,size:o,children:r})]});case"context-menu":return e?null:(0,tl.jsxs)(sze,{id:`${s}-sub.${t}`,children:[(0,tl.jsx)(as.ContextMenuSubTrigger,{dir:c,disabled:e,asChild:!0,children:(0,tl.jsxs)(Ae,{"data-testid":`${s}-sub.${t}-button`,type:"menu",className:"tlui-menu__submenu__trigger",children:[(0,tl.jsx)(Xt,{children:u}),(0,tl.jsx)(fe,{icon:c==="rtl"?"chevron-left":"chevron-right",small:!0})]})}),(0,tl.jsx)(as.ContextMenuPortal,{container:a,children:(0,tl.jsx)(as.ContextMenuSubContent,{"data-testid":`${s}-sub.${t}-content`,className:"tlui-menu tlui-menu__submenu__content",alignOffset:-1,sideOffset:-4,collisionPadding:4,"data-size":o,children:r})})]});default:return r}}function sze({id:t,children:e}){let[n,o]=$r(t);return(0,tl.jsx)(as.ContextMenuSub,{open:n,onOpenChange:o,children:e})}function $2(){return nde()?(0,te.jsx)(G,{actionId:"toggle-auto-size"}):null}function K2(){return j2()?(0,te.jsx)(G,{actionId:"edit-link"}):null}function ide(){return Gr(1)?(0,te.jsx)(G,{actionId:"duplicate"}):null}function xV(){let t=O();return z("should display flatten option",()=>{if(t.getSelectedShapeIds().length===0)return!1;let o=t.getOnlySelectedShape();return!(o&&t.isShapeOfType(o,"image"))},[t])?(0,te.jsx)(G,{actionId:"flatten-to-image"}):null}function aze(){let t=O();return z("should display download original option",()=>{let n=t.getSelectedShapes();return n.length===0?!1:n.some(o=>VV(o,t))},[t])?(0,te.jsx)(G,{actionId:"download-original"}):null}function G2(){return sP()?(0,te.jsx)(G,{actionId:"group"}):null}function W2(){return V2()?(0,te.jsx)(G,{actionId:"ungroup"}):null}function lze(){return sP()?(0,te.jsx)(G,{actionId:"frame-selection"}):null}function Y2(){let t=O();return z("allow unframe",()=>{let n=t.getSelectedShapes();return n.length===0?!1:n.every(o=>t.isShapeFrameLike(o))},[t])?(0,te.jsx)(G,{actionId:"remove-frame"}):null}function q2(){let t=O();return z("allow fit frame to content",()=>{let n=t.getOnlySelectedShape();return n?t.isShapeFrameLike(n)&&t.getSortedChildIdsForParent(n).length>0:!1},[t])?(0,te.jsx)(G,{actionId:"fit-frame-to-content"}):null}function X2(){return wV(1)?(0,te.jsx)(G,{actionId:"toggle-lock"}):null}function cP(){let t=O(),e=z("isTransparentBg",()=>!t.getInstanceState().exportBackground,[t]);return(0,te.jsx)(us,{actionId:"toggle-transparent",checked:e,toggle:!0})}function TV(){let t=pw();return(0,te.jsx)(G,{actionId:"unlock-all",disabled:!t})}function Fy(){let t=O(),e=z("zoomed to 100",()=>t.getEfficientZoomLevel()===1,[t]);return(0,te.jsx)(G,{actionId:"zoom-to-100",noClose:!0,disabled:e})}function uP(){let t=pw();return(0,te.jsx)(G,{actionId:"zoom-to-fit",disabled:!t,"data-testid":"minimap.zoom-menu.zoom-to-fit",noClose:!0})}function dP(){let t=fw();return(0,te.jsx)(G,{actionId:"zoom-to-selection",disabled:!t,"data-testid":"minimap.zoom-menu.zoom-to-selection",noClose:!0})}function pP(){return(0,te.jsxs)(Fe,{id:"clipboard",children:[(0,te.jsx)(ade,{}),(0,te.jsx)(lde,{}),(0,te.jsx)(cde,{}),(0,te.jsx)(ide,{}),(0,te.jsx)(ude,{})]})}function sde(){let t=O(),e=pw(),n=z("isDebugMode",()=>t.getInstanceState().isDebugMode,[t]);return(0,te.jsxs)(ko,{id:"copy-as",label:"context-menu.copy-as",size:"small",disabled:!e,children:[(0,te.jsxs)(Fe,{id:"copy-as-group",children:[(0,te.jsx)(G,{actionId:"copy-as-svg"}),!!t.getContainerWindow().navigator.clipboard?.write&&(0,te.jsx)(G,{actionId:"copy-as-png"}),n&&(0,te.jsx)(G,{actionId:"copy-as-json"})]}),(0,te.jsx)(Fe,{id:"copy-as-bg",children:(0,te.jsx)(cP,{})})]})}function ade(){let t=fw(),e=Gr(1);return(0,te.jsx)(G,{actionId:"cut",disabled:!t||!e})}function lde(){let t=fw();return(0,te.jsx)(G,{actionId:"copy",disabled:!t})}function cde(){return(0,te.jsx)(G,{actionId:"paste",disabled:!tde})}function fP(){return pw()?(0,te.jsxs)(Fe,{id:"conversions",children:[(0,te.jsx)(sde,{}),(0,te.jsxs)(ko,{id:"export-as",label:"context-menu.export-as",size:"small",children:[(0,te.jsxs)(Fe,{id:"export-as-group",children:[(0,te.jsx)(G,{actionId:"export-as-svg"}),(0,te.jsx)(G,{actionId:"export-as-png"})]}),(0,te.jsx)(Fe,{id:"export-as-bg",children:(0,te.jsx)(cP,{})})]}),(0,te.jsx)(aze,{})]}):null}function hP(){let t=pw();return(0,te.jsx)(G,{actionId:"select-all",disabled:!t})}function ude(){let t=fw(),e=Gr(1);return(0,te.jsx)(G,{actionId:"delete",disabled:!t||!e})}function CV(){let t=Zo();return!wV(1)||t?null:(0,te.jsxs)(ko,{id:"edit",label:"context-menu.edit",size:"small",children:[(0,te.jsx)(G2,{}),(0,te.jsx)(W2,{}),(0,te.jsx)(xV,{}),(0,te.jsx)(lze,{}),(0,te.jsx)(K2,{}),(0,te.jsx)(q2,{}),(0,te.jsx)(Y2,{}),(0,te.jsx)(J2,{}),(0,te.jsx)(Z2,{}),(0,te.jsx)($2,{}),(0,te.jsx)(X2,{})]})}function PV(){let t=Gr(2),e=ode();return Zo()||!(t||e)?null:(0,te.jsxs)(ko,{id:"arrange",label:"context-menu.arrange",size:"small",children:[t&&(0,te.jsxs)(Fe,{id:"align",children:[(0,te.jsx)(G,{actionId:"align-left"}),(0,te.jsx)(G,{actionId:"align-center-horizontal"}),(0,te.jsx)(G,{actionId:"align-right"}),(0,te.jsx)(G,{actionId:"align-top"}),(0,te.jsx)(G,{actionId:"align-center-vertical"}),(0,te.jsx)(G,{actionId:"align-bottom"})]}),(0,te.jsx)(cze,{}),t&&(0,te.jsxs)(Fe,{id:"stretch",children:[(0,te.jsx)(G,{actionId:"stretch-horizontal"}),(0,te.jsx)(G,{actionId:"stretch-vertical"})]}),(t||e)&&(0,te.jsxs)(Fe,{id:"flip",children:[(0,te.jsx)(G,{actionId:"flip-horizontal"}),(0,te.jsx)(G,{actionId:"flip-vertical"})]}),(0,te.jsx)(uze,{})]})}function cze(){return Gr(3)?(0,te.jsxs)(Fe,{id:"distribute",children:[(0,te.jsx)(G,{actionId:"distribute-horizontal"}),(0,te.jsx)(G,{actionId:"distribute-vertical"})]}):null}function uze(){let t=Gr(2),e=H2();return t?(0,te.jsxs)(Fe,{id:"order",children:[(0,te.jsx)(G,{actionId:"pack"}),e&&(0,te.jsx)(G,{actionId:"stack-horizontal"}),e&&(0,te.jsx)(G,{actionId:"stack-vertical"})]}):null}function EV(){let t=Zo(),e=Gr(1);return t||!e?null:(0,te.jsx)(ko,{id:"reorder",label:"context-menu.reorder",size:"small",children:(0,te.jsxs)(Fe,{id:"reorder",children:[(0,te.jsx)(G,{actionId:"bring-to-front"}),(0,te.jsx)(G,{actionId:"bring-forward"}),(0,te.jsx)(G,{actionId:"send-backward"}),(0,te.jsx)(G,{actionId:"send-to-back"})]})})}function IV(){let t=O(),e=z("pages",()=>t.getPages(),[t]),n=z("current page id",()=>t.getCurrentPageId(),[t]),{addToast:o}=ui(),r=nt(),i=Zo();return!Gr(1)||i?null:(0,te.jsxs)(ko,{id:"move-to-page",label:"context-menu.move-to-page",size:"small",children:[(0,te.jsx)(Fe,{id:"pages",children:e.map(a=>(0,te.jsx)(Ze,{id:a.id,disabled:n===a.id,label:a.name.length>30?`${a.name.slice(0,30)}\u2026`:a.name,onSelect:()=>{t.markHistoryStoppingPoint("move_shapes_to_page"),t.moveShapesToPage(t.getSelectedShapeIds(),a.id);let l=t.getPage(a.id);l&&o({title:"Changed page",description:`Moved to ${l.name}.`,actions:[{label:"Go back",type:"primary",onClick:()=>{t.markHistoryStoppingPoint("change-page"),t.setCurrentPage(n)}}]}),r("move-to-page",{source:"context-menu"})}},a.id))}),(0,te.jsx)(Fe,{id:"new-page",children:(0,te.jsx)(G,{actionId:"move-to-new-page"})})]})}function Z2(){let t=O();return z("oneEmbedSelected",()=>{let n=t.getOnlySelectedShape();return n?!!(t.isShapeOfType(n,"embed")&&n.props.url&&!t.isShapeOrAncestorLocked(n)):!1},[t])?(0,te.jsx)(G,{actionId:"convert-to-bookmark"}):null}function J2(){let t=O(),e=ow();return z("oneEmbeddableBookmarkSelected",()=>{let o=t.getOnlySelectedShape();return o?!!(t.isShapeOfType(o,"bookmark")&&o.props.url&&e(o.props.url)&&!t.isShapeOrAncestorLocked(o)):!1},[t])?(0,te.jsx)(G,{actionId:"convert-to-embed"}):null}function _V(){let t=O(),e=z("isSnapMode",()=>t.user.getIsSnapMode(),[t]);return(0,te.jsx)(us,{actionId:"toggle-snap-mode",checked:e})}function MV(){let t=O(),e=z("isToolLock",()=>t.getInstanceState().isToolLocked,[t]);return(0,te.jsx)(us,{actionId:"toggle-tool-lock",checked:e})}function AV(){let t=O(),e=z("isGridMode",()=>t.getInstanceState().isGridMode,[t]);return(0,te.jsx)(us,{actionId:"toggle-grid",checked:e})}function kV(){let t=O(),e=z("isWrapMode",()=>t.user.getIsWrapMode(),[t]);return(0,te.jsx)(us,{actionId:"toggle-wrap-mode",checked:e})}function RV(){let t=O(),e=z("isFocusMode",()=>t.getInstanceState().isFocusMode,[t]);return(0,te.jsx)(us,{actionId:"toggle-focus-mode",checked:e})}function DV(){let t=O(),e=z("edgeScrollSpeed",()=>t.user.getEdgeScrollSpeed(),[t]);return(0,te.jsx)(us,{actionId:"toggle-edge-scrolling",checked:e===1})}function OV(){let t=O(),e=z("inputMode",()=>t.user.getUserPreferences().inputMode==="mouse",[t]),n=z("isZoomDirectionInverted",()=>t.user.getIsZoomDirectionInverted(),[t]);return(0,te.jsx)(us,{actionId:"toggle-invert-zoom",checked:n,disabled:!e})}function LV(){let t=O(),e=z("animationSpeed",()=>t.user.getAnimationSpeed(),[t]);return(0,te.jsx)(us,{actionId:"toggle-reduce-motion",checked:e===0})}function NV(){let t=O(),e=z("keyboardShortcuts",()=>t.user.getAreKeyboardShortcutsEnabled(),[t]);return(0,te.jsx)(us,{actionId:"toggle-keyboard-shortcuts",checked:e})}function FV(){let t=O(),e=z("enhancedA11yMode",()=>t.user.getEnhancedA11yMode(),[t]);return(0,te.jsx)(us,{actionId:"enhanced-a11y-mode",checked:e})}function BV(){let t=O(),e=z("isDebugMode",()=>t.getInstanceState().isDebugMode,[t]);return(0,te.jsx)(us,{actionId:"toggle-debug-mode",checked:e})}function zV(){let t=O(),e=z("dynamic resize",()=>t.user.getIsDynamicResizeMode(),[t]);return(0,te.jsx)(us,{actionId:"toggle-dynamic-size-mode",checked:e})}function UV(){let t=O(),e=z("paste at cursor",()=>t.user.getIsPasteAtCursorMode(),[t]);return(0,te.jsx)(us,{actionId:"toggle-paste-at-cursor",checked:e})}function HV(){let t=O();return z("show cursor chat",()=>t.getCurrentToolId()==="select"&&!t.getInstanceState().isCoarsePointer,[t])?(0,te.jsx)(G,{actionId:"open-cursor-chat"}):null}function jV(){return(0,Qe.jsxs)(Qe.Fragment,{children:[(0,Qe.jsx)(pde,{}),(0,Qe.jsx)(fde,{}),(0,Qe.jsx)(hde,{}),(0,Qe.jsx)(mde,{}),(0,Qe.jsx)(gde,{}),(0,Qe.jsx)(yde,{}),(0,Qe.jsx)(pze,{}),(0,Qe.jsx)(Sde,{})]})}function pde(){let t=Gr(2),e=Lc(),n=t&&e;return(0,Qe.jsxs)(Qe.Fragment,{children:[(0,Qe.jsx)(G,{actionId:"align-left",disabled:!n}),(0,Qe.jsx)(G,{actionId:"align-center-horizontal",disabled:!n}),(0,Qe.jsx)(G,{actionId:"align-right",disabled:!n}),(0,Qe.jsx)(G,{actionId:"stretch-horizontal",disabled:!n}),(0,Qe.jsx)(G,{actionId:"align-top",disabled:!n}),(0,Qe.jsx)(G,{actionId:"align-center-vertical",disabled:!n}),(0,Qe.jsx)(G,{actionId:"align-bottom",disabled:!n}),(0,Qe.jsx)(G,{actionId:"stretch-vertical",disabled:!n})]})}function fde(){let t=Gr(3),e=Lc(),n=t&&e;return(0,Qe.jsxs)(Qe.Fragment,{children:[(0,Qe.jsx)(G,{actionId:"distribute-horizontal",disabled:!n}),(0,Qe.jsx)(G,{actionId:"distribute-vertical",disabled:!n})]})}function hde(){let t=H2(),e=Lc(),n=t&&e;return(0,Qe.jsxs)(Qe.Fragment,{children:[(0,Qe.jsx)(G,{actionId:"stack-horizontal",disabled:!n}),(0,Qe.jsx)(G,{actionId:"stack-vertical",disabled:!n})]})}function mde(){let t=Gr(1),e=Lc(),n=t&&e;return(0,Qe.jsxs)(Qe.Fragment,{children:[(0,Qe.jsx)(G,{actionId:"send-to-back",disabled:!n}),(0,Qe.jsx)(G,{actionId:"send-backward",disabled:!n}),(0,Qe.jsx)(G,{actionId:"bring-forward",disabled:!n}),(0,Qe.jsx)(G,{actionId:"bring-to-front",disabled:!n})]})}function gde(){return Ft()<mt.TABLET_SM?(0,Qe.jsx)(Fy,{}):(0,Qe.jsx)(dze,{})}function dze(){let t=Gr(1),e=Lc();return(0,Qe.jsx)(G,{actionId:"rotate-ccw",disabled:!(t&&e)})}function yde(){let t=Gr(1),e=Lc();return(0,Qe.jsx)(G,{actionId:"rotate-cw",disabled:!(t&&e)})}function pze(){let t=j2(),e=Lc();return(0,Qe.jsx)(G,{actionId:"edit-link",disabled:!(t&&e)})}function Sde(){let t=sP(),e=V2();return t?(0,Qe.jsx)(dde,{}):e?(0,Qe.jsx)(fze,{}):(0,Qe.jsx)(dde,{})}function dde(){let t=Gr(2),e=Lc();return(0,Qe.jsx)(G,{actionId:"group",disabled:!(t&&e)})}function fze(){return(0,Qe.jsx)(G,{actionId:"ungroup"})}var $V=(0,Q2.memo)(function({children:e}){let n=J(),o=Ft(),r=Zo(),{orientation:i}=Ru(),s=(0,Q2.useRef)(null);xr(s);let a=O(),l=z("should display quick actions when in readonly",()=>a.isInAny("hand","zoom"),[a]),c=e??(0,Bu.jsx)(jV,{});if(!(r&&!l))return(0,Bu.jsxs)(ca,{id:"actions-menu",children:[(0,Bu.jsx)(ua,{children:(0,Bu.jsx)(gt,{type:"icon","data-testid":"actions-menu.button",title:n("actions-menu.title"),children:(0,Bu.jsx)(fe,{icon:i==="horizontal"?"dots-vertical":"dots-horizontal",small:!0})})}),(0,Bu.jsx)(da,{side:i==="horizontal"?o>=mt.TABLET?"bottom":"top":"right",sideOffset:6,children:(0,Bu.jsx)($n,{ref:s,label:n("actions-menu.title"),className:"tlui-actions-menu","data-testid":"actions-menu.content",orientation:"grid",children:(0,Bu.jsx)(Mn,{type:"icons",sourceId:"actions-menu",children:c})})})]})});var Np=_(j(),1);var Fp=_(H(),1);var ks=_(j(),1);function KV(){let t=O(),e=Ap(),n=z("isSinglePageMode",()=>t.options.maxPages<=1,[t]);return(0,ks.jsxs)(ks.Fragment,{children:[e&&(0,ks.jsx)(HV,{}),(0,ks.jsxs)(Fe,{id:"modify",children:[(0,ks.jsx)(CV,{}),(0,ks.jsx)(PV,{}),(0,ks.jsx)(EV,{}),!n&&(0,ks.jsx)(IV,{})]}),(0,ks.jsx)(pP,{}),(0,ks.jsx)(fP,{}),(0,ks.jsx)(Fe,{id:"select-all",children:(0,ks.jsx)(hP,{})})]})}var eD=(0,Fp.memo)(function({children:e,disabled:n=!1}){let o=O(),r=J(),{Canvas:i}=eo(),s=z("context menu can open",()=>!o.getInstanceState().isCoarsePointer||o.isIn("select"),[o]),a=(0,Fp.useCallback)(g=>{g.key==="Escape"&&(g.stopPropagation(),o.getContainer().focus())},[o]);(0,Fp.useEffect)(()=>{let g=o.getContainerDocument().body;return()=>{g.removeEventListener("keydown",a,{capture:!0})}},[o,a]);let l=(0,Fp.useRef)(0),c=(0,Fp.useCallback)(g=>{let y=o.getContainerDocument().body;if(g){if(y.addEventListener("keydown",a,{capture:!0}),o.getInstanceState().isCoarsePointer){l.current=Date.now()+500;let m=o.getSelectedShapes(),S=o.inputs.getCurrentPagePoint(),b=o.getShapesAtPoint(S);if(!o.getSelectedShapes().length||!b.some(v=>m.includes(v))){let v=b.filter(w=>o.isShapeOrAncestorLocked(w));v.length&&o.select(...v.map(w=>w.id))}}}else{let m=o.getOnlySelectedShape();m&&o.isShapeOrAncestorLocked(m)&&o.setSelectedShapes([]),o.timers.requestAnimationFrame(()=>{y.removeEventListener("keydown",a,{capture:!0})})}},[o,a]),d=it(),u=ot(),[p,f]=$r("context menu",c),h=e??(0,Np.jsx)(KV,{});return(0,Np.jsxs)(as.Root,{dir:u,onOpenChange:f,modal:!1,children:[(0,Np.jsx)(as.Trigger,{onContextMenu:s?void 0:de,dir:"ltr",disabled:n||!s,children:i?(0,Np.jsx)(i,{}):null}),p&&(0,Np.jsx)(as.Portal,{container:d,children:(0,Np.jsx)(as.Content,{className:"tlui-menu tlui-scrollable","data-testid":"context-menu","aria-label":r("context-menu.title"),alignOffset:-4,collisionPadding:4,onContextMenu:de,onPointerDownOutside:g=>{Date.now()<l.current&&g.preventDefault()},onInteractOutside:g=>{Date.now()<l.current&&g.preventDefault()},onFocusOutside:g=>{Date.now()<l.current&&g.preventDefault()},children:(0,Np.jsx)(Mn,{type:"context-menu",sourceId:"context-menu",children:h})})})]})});var mP=_(j(),1);var Bi=_(H(),1);var hze=2e3,mze=5e3,bde=sn(function(){let e=O(),{isChatting:n,chatMessage:o}=e.getInstanceState(),r=(0,Bi.useRef)(-1),[i,s]=(0,Bi.useState)("");return(0,Bi.useEffect)(()=>{if(!n&&o||n){let l=n?mze:hze;r.current=e.timers.setTimeout(()=>{e.updateInstanceState({chatMessage:"",isChatting:!1}),s(""),e.focus()},l)}return()=>{clearTimeout(r.current)}},[e,o,n]),n?(0,mP.jsx)(yze,{value:i,setValue:s,chatMessage:o}):o.trim()?(0,mP.jsx)(gze,{chatMessage:o}):null});function vde(t){let e=O();(0,Bi.useLayoutEffect)(()=>{if(!t.current)return;let{x:o,y:r}=e.inputs.getCurrentScreenPoint();t.current?.style.setProperty("transform",`translate(${o}px, ${r}px)`);function i(a){let{minX:l,minY:c}=e.getViewportScreenBounds();t.current?.style.setProperty("transform",`translate(${a.clientX-l}px, ${a.clientY-c}px)`)}let s=e.getContainerWindow();return s.addEventListener("pointermove",i),()=>{s.removeEventListener("pointermove",i)}},[t,e])}var gze=({chatMessage:t})=>{let e=O(),n=(0,Bi.useRef)(null);return vde(n),(0,mP.jsx)("div",{ref:n,className:"tl-cursor-chat tl-cursor-chat__bubble",style:{backgroundColor:e.user.getColor()},children:t})},yze=sn(function({chatMessage:e,value:n,setValue:o}){let r=O(),i=J(),s=(0,Bi.useRef)(null),a=e||i("cursor-chat.type-to-chat");vde(s),(0,Bi.useLayoutEffect)(()=>{let p=s.current;if(!p)return;let f=r.textMeasure.measureText(n||a,{fontFamily:"inherit",fontSize:12,fontWeight:"500",fontStyle:"normal",maxWidth:null,lineHeight:1,padding:"6px"});p.style.setProperty("width",f.w+"px")},[r,n,a]),(0,Bi.useLayoutEffect)(()=>{let p=r.timers.requestAnimationFrame(()=>{s.current?.focus()});return()=>{cancelAnimationFrame(p)}},[r]);let l=(0,Bi.useCallback)(()=>{r.updateInstanceState({isChatting:!1}),r.focus()},[r]),c=(0,Bi.useCallback)(p=>{let{value:f}=p.target;o(f.slice(0,64)),r.updateInstanceState({chatMessage:f})},[r,o]),d=(0,Bi.useCallback)(p=>{let f=s.current;if(!f)return;let{value:h}=f;switch(p.key){case"Enter":{if(de(p),p.stopPropagation(),!h){l();return}o("");break}case"Escape":{de(p),p.stopPropagation(),l();break}}},[l,o]),u=(0,Bi.useCallback)(p=>{p.stopPropagation()},[]);return(0,mP.jsx)("input",{ref:s,className:"tl-cursor-chat",style:{backgroundColor:r.user.getColor()},onBlur:l,onChange:c,onKeyDown:d,onPaste:u,value:n,placeholder:a,spellCheck:!1})});var Bp=_(j(),1);var Ide=_(H(),1);var Rt=_(j(),1);var WV=_(H(),1);var wde=_(j(),1);function GV({checked:t}){let e=J();return(0,wde.jsx)(ar,{"data-checked":!!t,label:e(t?"ui.checked":"ui.unchecked"),icon:t?"check":"none",className:"tlui-button__icon",small:!0})}function YV({customDebugFlags:t,customFeatureFlags:e}){let n=O(),{addToast:o}=ui(),{addDialog:r}=Lu(),[i,s]=WV.default.useState(!1);return(0,Rt.jsxs)(Rt.Fragment,{children:[(0,Rt.jsxs)(Fe,{id:"items",children:[(0,Rt.jsx)(Ze,{id:"hard-reset",onSelect:UT,label:"Hard reset"}),(0,Rt.jsx)(Ze,{id:"add-toast",onSelect:()=>{o({id:Ne(),title:"Something good happened",description:"Hey, attend to this thing over here. It might be important!",keepOpen:!0,severity:"success"}),o({id:Ne(),title:"Something happened",description:"Hey, attend to this thing over here. It might be important!",keepOpen:!0,severity:"info",actions:[{label:"Primary",type:"primary",onClick:()=>{}},{label:"Normal",type:"normal",onClick:()=>{}},{label:"Danger",type:"danger",onClick:()=>{}}]}),o({id:Ne(),title:"Something maybe bad happened",description:"Hey, attend to this thing over here. It might be important!",keepOpen:!0,severity:"warning",actions:[{label:"Primary",type:"primary",onClick:()=>{}},{label:"Normal",type:"normal",onClick:()=>{}},{label:"Danger",type:"danger",onClick:()=>{}}]}),o({id:Ne(),title:"Something bad happened",severity:"error",keepOpen:!0})},label:"Show toast"}),(0,Rt.jsx)(Ze,{id:"show-dialog",label:"Show dialog",onSelect:()=>{r({component:({onClose:a})=>(0,Rt.jsx)(Pde,{displayDontShowAgain:!0,onCancel:()=>a(),onContinue:()=>a()}),onClose:()=>{}})}}),(0,Rt.jsx)(Ze,{id:"create-shapes",label:"Create 100 shapes",onSelect:()=>Sze(n,100)}),(0,Rt.jsx)(Ze,{id:"count-nodes",label:"Count shapes / nodes",onSelect:()=>{let a=n.getSelectedShapes(),l=a.length===0?n.getRenderingShapes():a;window.alert(`Shapes ${l.length}, DOM nodes:${n.getContainerDocument().querySelector(".tl-shapes").querySelectorAll("*")?.length}`)}}),(()=>{if(i)throw Error("oh no!");return null})(),(0,Rt.jsx)(Ze,{id:"throw-error",onSelect:()=>s(!0),label:"Throw error"})]}),(0,Rt.jsxs)(Fe,{id:"flags",children:[(0,Rt.jsx)(Tde,{customDebugFlags:t}),(0,Rt.jsx)(Cde,{customFeatureFlags:e})]})]})}function Tde(t){let e=Object.values(t.customDebugFlags??Et);return e.length?(0,Rt.jsx)(ko,{id:"debug flags",label:"Debug flags",children:(0,Rt.jsx)(Fe,{id:"debug flags",children:e.map(n=>(0,Rt.jsx)(Ede,{flag:n},n.name))})}):null}function Cde(t){let e=Object.values(t.customFeatureFlags??Sz);return e.length?(0,Rt.jsx)(ko,{id:"feature flags",label:"Feature flags",children:(0,Rt.jsx)(Fe,{id:"feature flags",children:e.map(n=>(0,Rt.jsx)(Ede,{flag:n},n.name))})}):null}function Pde({title:t="title",body:e="hello hello hello",cancel:n="Cancel",confirm:o="Continue",displayDontShowAgain:r=!1,maxWidth:i="350",onCancel:s,onContinue:a}){let[l,c]=WV.default.useState(!1);return(0,Rt.jsxs)(Rt.Fragment,{children:[(0,Rt.jsxs)(Ip,{children:[(0,Rt.jsx)(_p,{children:t}),(0,Rt.jsx)(Mp,{})]}),(0,Rt.jsx)(Du,{style:{maxWidth:i},children:e}),(0,Rt.jsxs)(My,{className:"tlui-dialog__footer__actions",children:[r&&(0,Rt.jsxs)(Ae,{type:"normal",onClick:()=>c(!l),style:{marginRight:"auto"},children:[(0,Rt.jsx)(GV,{checked:l}),(0,Rt.jsx)(Xt,{children:"Don\u2019t show again"})]}),(0,Rt.jsx)(Ae,{type:"normal",onClick:s,children:(0,Rt.jsx)(Xt,{children:n})}),(0,Rt.jsx)(Ae,{type:"primary",onClick:async()=>a(),children:(0,Rt.jsx)(Xt,{children:o})})]})]})}var Ede=sn(function({flag:e,onChange:n}){let o=e.get();return(0,Rt.jsx)(Nc,{id:e.name,title:e.name,label:e.name.replace(/([a-z0-9])([A-Z])/g,r=>`${r[0]} ${r[1].toLowerCase()}`).replace(/^[a-z]/,r=>r.toUpperCase()),checked:o,onSelect:()=>{e.set(!o),n?.(!o)}})}),xde=0;function Sze(t,e){let n=t.options.adjacentShapeMargin,o=Array(e),r=Math.floor(Math.sqrt(e));for(let i=0;i<e;i++)xde++,o[i]={id:Ke("box"+xde),type:"geo",x:i%r*(100+n),y:Math.floor(i/r)*(100+n)};t.run(()=>{t.createShapes(o).setSelectedShapes(o.map(i=>i.id))})}function qV({children:t}){let e=O(),n=t??(0,Bp.jsx)(YV,{});return(0,Ide.useEffect)(()=>{let o=window;return o.editor=e,()=>{o.editor===e&&delete o.editor}},[e]),(0,Bp.jsxs)(kp,{id:"debug",children:[(0,Bp.jsx)(Rp,{children:(0,Bp.jsx)(Ae,{type:"icon",title:"Debug menu",children:(0,Bp.jsx)(fe,{icon:"dots-horizontal"})})}),(0,Bp.jsx)(Dp,{side:"top",align:"end",alignOffset:0,children:(0,Bp.jsx)(Mn,{type:"menu",sourceId:"debug-panel",children:n})})]})}var Jh=_(j(),1);var By=_(H(),1);var _de=(0,By.memo)(function(){let{DebugMenu:e}=Fn(),n=(0,By.useRef)(null);return xr(n),(0,Jh.jsxs)("footer",{ref:n,className:"tlui-debug-panel",children:[(0,Jh.jsx)(bze,{}),(0,Jh.jsx)(vze,{}),e&&(0,Jh.jsx)(e,{})]})}),bze=sn(function(){let n=O().getPath();return(0,Jh.jsx)("div",{className:"tlui-debug-panel__current-state",children:`${n}`})});function vze(){let t=O(),e=z("show_fps",()=>Et.showFps.get(),[Et]),n=(0,By.useRef)(null);return(0,By.useEffect)(()=>{if(!e)return;let o=250,r=0,i=-1,s=performance.now(),a=0,l=0,c=!1;function d(){if(l++,a=performance.now()-s,a>o){let u=Math.round(l*(o/a)*(1e3/o));u>r&&(r=u);let p=r*.75;(u<p&&!c||u>=p&&c)&&(c=!c),n.current.innerHTML=`FPS ${u.toString()} (max: ${r})`,n.current.className="tlui-debug-panel__fps"+(c?" tlui-debug-panel__fps__slow":""),a-=o,l=0,s=performance.now()}i=t.timers.requestAnimationFrame(d)}return d(),()=>{cancelAnimationFrame(i)}},[e,t]),e?(0,Jh.jsx)("div",{ref:n}):null}var XV=_(j(),1);function ZV(){let t=O(),e=z("follow",()=>t.getInstanceState().followingUserId,[t]);return e?(0,XV.jsx)(wze,{userId:e}):null}function wze({userId:t}){let e=Lg(t);return e?(0,XV.jsx)("div",{className:"tlui-following-indicator",style:{borderColor:e.color}}):null}var zp=_(j(),1);var tD=_(H(),1);var JV=(0,tD.memo)(function(){let e=Ft(),n=J(),o=(0,tD.useRef)(null);xr(o);let{MainMenu:r,QuickActions:i,ActionsMenu:s,PageMenu:a}=Fn(),l=O(),c=z("isSinglePageMode",()=>l.options.maxPages<=1,[l]),d=l.options.actionShortcutsLocation==="menu"?!0:l.options.actionShortcutsLocation==="toolbar"?!1:e>=mt.TABLET;return!r&&!a&&!d?null:(0,zp.jsx)("nav",{ref:o,className:"tlui-menu-zone",children:(0,zp.jsxs)(Qa,{children:[r&&(0,zp.jsx)(r,{}),a&&!c&&(0,zp.jsx)(a,{}),d?(0,zp.jsxs)($n,{orientation:"horizontal",label:n("actions-menu.title"),children:[i&&(0,zp.jsx)(i,{}),s&&(0,zp.jsx)(s,{})]}):null]})})});var Up=_(j(),1);var nD=_(H(),1);var xze=({id:t,component:e,preventBackgroundClose:n})=>{let{removeDialog:o}=Lu(),r=it(),i=ot(),s=(0,nD.useCallback)(a=>{a||o(t)},[t,o]);return(0,Up.jsx)(Iu.Root,{onOpenChange:s,defaultOpen:!0,children:(0,Up.jsxs)(Iu.Portal,{container:r,children:[(0,Up.jsx)(Iu.Overlay,{dir:i,className:"tlui-dialog__overlay"}),(0,Up.jsx)("div",{dir:i,className:"tlui-dialog__positioner",children:(0,Up.jsx)(Iu.Content,{dir:i,className:"tlui-dialog__content","aria-describedby":void 0,onInteractOutside:a=>{n&&a.preventDefault()},children:(0,Up.jsx)(e,{onClose:()=>s(!1)})})})]})})},QV=(0,nD.memo)(function(){let{dialogs:e}=Lu();return z("dialogs",()=>e.get(),[e]).map(o=>(0,Up.jsx)(xze,{...o},o.id))});var oD=_(j(),1);var Qh=_(j(),1);var Mde=_(j(),1);function Ade(){let t=O();return z("is pen mode",()=>t.getInstanceState().isPenMode,[t])?(0,Mde.jsx)(G,{actionId:"exit-pen-mode"}):null}var kde=_(j(),1);function Rde(){let t=O(),e=lr();return z("is following user",()=>!!t.getInstanceState().followingUserId,[t])?(0,kde.jsx)(Ze,{...e["stop-following"]}):null}function e8(){return(0,Qh.jsxs)(Qh.Fragment,{children:[(0,Qh.jsx)(Ade,{}),(0,Qh.jsx)(Dde,{}),(0,Qh.jsx)(Rde,{})]})}function t8({children:t}){return(0,oD.jsx)("div",{className:"tlui-helper-buttons",children:(0,oD.jsx)(Mn,{type:"helper-buttons",sourceId:"helper-buttons",children:t??(0,oD.jsx)(e8,{})})})}var zu=_(j(),1);var jde=_(H(),1);var ve=_(j(),1);var zy=_(j(),1);function n8(){return(0,zy.jsx)(ko,{id:"help menu accessibility",label:"menu.accessibility",children:(0,zy.jsxs)(Fe,{id:"accessibility",children:[(0,zy.jsx)(LV,{}),(0,zy.jsx)(NV,{}),(0,zy.jsx)(FV,{})]})})}var rD=_(j(),1);var Tze=[{colorScheme:"light",label:"theme.light"},{colorScheme:"dark",label:"theme.dark"},{colorScheme:"system",label:"theme.system"}];function o8(){let t=O(),e=nt(),n=z("colorScheme",()=>t.user.getUserPreferences().colorScheme??(t.user.getIsDarkMode()?"dark":"light"),[t]);return(0,rD.jsx)(ko,{id:"help menu color-scheme",label:"menu.theme",children:(0,rD.jsx)(Fe,{id:"theme",children:Tze.map(({colorScheme:o,label:r})=>(0,rD.jsx)(Nc,{id:`color-scheme-${o}`,label:r,checked:o===n,readonlyOk:!0,onSelect:()=>{t.user.updateUserPreferences({colorScheme:o}),e("color-scheme",{source:"menu",value:o})}},o))})})}var em=_(j(),1),Ode=_(H(),1);var iD=_(j(),1);function gP(){let t=rt(),e=nt(),n=z("locale",()=>t?.user.getLocale(),[t]);return t?(0,iD.jsx)(ko,{id:"help menu language",label:"menu.language",children:(0,iD.jsx)(Fe,{id:"languages",className:"tlui-language-menu",children:pu.map(({locale:o,label:r})=>(0,iD.jsx)(Nc,{id:`language-${o}`,lang:o,title:o,label:r,checked:o===n,readonlyOk:!0,onSelect:()=>{t.user.updateUserPreferences({locale:o}),e("change-language",{source:"menu",locale:o})}},o))})}):null}function r8(){return(0,em.jsxs)(em.Fragment,{children:[(0,em.jsx)(gP,{}),(0,em.jsx)(sD,{})]})}function sD(){let{KeyboardShortcutsDialog:t}=Fn(),{addDialog:e}=Lu(),n=(0,Ode.useCallback)(()=>{t&&e({component:t})},[e,t]);return t?(0,em.jsx)(Ze,{id:"keyboard-shortcuts-button",label:"help-menu.keyboard-shortcuts",readonlyOk:!0,onSelect:n}):null}var Uy=_(j(),1);var Cze=["auto","trackpad","mouse"];function i8(){let t=O(),e=nt(),n=z("inputMode",()=>t.user.getUserPreferences().inputMode,[t]),o=z("wheelBehavior",()=>t.getCameraOptions().wheelBehavior,[t]),r=s=>s==="auto"?n===null:n===s,i=(s,a)=>s==="auto"?`action.toggle-auto-${a}`:s==="trackpad"?"action.toggle-trackpad":"action.toggle-mouse";return(0,Uy.jsxs)(ko,{id:"help menu input-mode",label:"menu.input-device",children:[(0,Uy.jsx)(Fe,{id:"peripheral-mode",children:Cze.map(s=>(0,Uy.jsx)(Nc,{id:`peripheral-mode-${s}`,label:i(s,o),checked:r(s),readonlyOk:!0,onSelect:()=>{switch(e("input-mode",{source:"menu",value:s}),s){case"auto":t.user.updateUserPreferences({inputMode:null});break;case"trackpad":t.user.updateUserPreferences({inputMode:"trackpad"});break;case"mouse":t.user.updateUserPreferences({inputMode:"mouse"});break}}},s))}),(0,Uy.jsx)(Fe,{id:"invert-zoom-group",children:(0,Uy.jsx)(OV,{})})]})}function s8(){return(0,ve.jsxs)(ve.Fragment,{children:[(0,ve.jsxs)(Fe,{id:"basic",children:[(0,ve.jsx)(Nde,{}),(0,ve.jsx)(Ude,{}),(0,ve.jsx)(Lde,{}),(0,ve.jsx)(Hde,{})]}),(0,ve.jsx)(Vde,{})]})}function Lde(){return(0,ve.jsxs)(ko,{id:"export-all-as",label:"context-menu.export-all-as",size:"small",children:[(0,ve.jsxs)(Fe,{id:"export-all-as-group",children:[(0,ve.jsx)(G,{actionId:"export-all-as-svg"}),(0,ve.jsx)(G,{actionId:"export-all-as-png"})]}),(0,ve.jsx)(Fe,{id:"export-all-as-bg",children:(0,ve.jsx)(cP,{})})]})}function Nde(){return(0,ve.jsxs)(ko,{id:"edit",label:"menu.edit",children:[(0,ve.jsx)(zde,{}),(0,ve.jsx)(pP,{}),(0,ve.jsx)(fP,{}),(0,ve.jsx)(Fde,{}),(0,ve.jsx)(Bde,{}),(0,ve.jsx)(Fe,{id:"select-all",children:(0,ve.jsx)(hP,{})})]})}function Fde(){return(0,ve.jsxs)(Fe,{id:"misc",children:[(0,ve.jsx)(G2,{}),(0,ve.jsx)(W2,{}),(0,ve.jsx)(K2,{}),(0,ve.jsx)($2,{}),(0,ve.jsx)(Y2,{}),(0,ve.jsx)(q2,{}),(0,ve.jsx)(J2,{}),(0,ve.jsx)(Z2,{}),(0,ve.jsx)(xV,{})]})}function Bde(){return(0,ve.jsxs)(Fe,{id:"lock",children:[(0,ve.jsx)(X2,{}),(0,ve.jsx)(TV,{})]})}function zde(){let t=lP(),e=aP();return(0,ve.jsxs)(Fe,{id:"undo-redo",children:[(0,ve.jsx)(G,{actionId:"undo",disabled:!t}),(0,ve.jsx)(G,{actionId:"redo",disabled:!e})]})}function Ude(){return(0,ve.jsx)(ko,{id:"view",label:"menu.view",children:(0,ve.jsxs)(Fe,{id:"view-actions",children:[(0,ve.jsx)(G,{actionId:"zoom-in"}),(0,ve.jsx)(G,{actionId:"zoom-out"}),(0,ve.jsx)(Fy,{}),(0,ve.jsx)(uP,{}),(0,ve.jsx)(dP,{})]})})}function Hde(){return(0,ve.jsxs)(ve.Fragment,{children:[(0,ve.jsx)(G,{actionId:"insert-embed"}),(0,ve.jsx)(G,{actionId:"insert-media"})]})}function Vde(){return(0,ve.jsxs)(Fe,{id:"preferences",children:[(0,ve.jsxs)(ko,{id:"preferences",label:"menu.preferences",children:[(0,ve.jsxs)(Fe,{id:"preferences-actions",children:[(0,ve.jsx)(_V,{}),(0,ve.jsx)(MV,{}),(0,ve.jsx)(AV,{}),(0,ve.jsx)(kV,{}),(0,ve.jsx)(RV,{}),(0,ve.jsx)(DV,{}),(0,ve.jsx)(zV,{}),(0,ve.jsx)(UV,{}),(0,ve.jsx)(BV,{})]}),(0,ve.jsxs)(Fe,{id:"user-interface-submenus",children:[(0,ve.jsx)(n8,{}),(0,ve.jsx)(i8,{}),(0,ve.jsx)(o8,{})]})]}),(0,ve.jsx)(gP,{}),(0,ve.jsx)(sD,{})]})}var a8=(0,jde.memo)(function({children:e}){let n=it(),[o,r]=$r("main menu"),i=J(),s=ot(),a=e??(0,zu.jsx)(s8,{});return(0,zu.jsxs)(io.Root,{dir:s,open:o,onOpenChange:r,modal:!1,children:[(0,zu.jsx)(io.Trigger,{asChild:!0,dir:s,children:(0,zu.jsx)(Ae,{type:"icon","data-testid":"main-menu.button",title:i("menu.title"),children:(0,zu.jsx)(fe,{icon:"menu",small:!0})})}),(0,zu.jsx)(io.Portal,{container:n,children:(0,zu.jsx)(io.Content,{className:"tlui-menu",side:"bottom",align:"start",collisionPadding:4,alignOffset:0,sideOffset:6,children:(0,zu.jsx)(Mn,{type:"menu",sourceId:"main-menu",children:a})})})]})});var l8=_(j(),1);var pa=_(H(),1);var Pze=Object.defineProperty,Eze=Object.getOwnPropertyDescriptor,tm=(t,e,n,o)=>{for(var r=o>1?void 0:o?Eze(e,n):e,i=t.length-1,s;i>=0;i--)(s=t[i])&&(r=(o?s(e,n,r):s(r))||r);return o&&r&&Pze(e,n,r),r},$l=class{constructor(e,n,o){this.editor=e,this.elem=n,this.container=o;let r=n.getContext("2d");if(!r)throw new Error("Minimap: could not get 2D canvas context");this.ctx=r,this.shapeRectCache=e.store.createComputedCache("minimap-shape-rect",i=>e.getShapeUtil(i.type).hideInMinimap?.(i)?null:e.getShapeMaskedPageBounds(i.id)??null),this.colors=this._getColors(),this.disposables.push(this._listenForCanvasResize(),Sn("minimap render",this.render))}editor;elem;container;disposables=[];close(){this.disposables.forEach(e=>e())}ctx;shapeRectCache;_getColors(){let e=this.editor.getContainerWindow().getComputedStyle(this.editor.getContainer());return{shapeFill:e.getPropertyValue("--tl-color-text-3").trim(),selectFill:e.getPropertyValue("--tl-color-selected").trim(),viewportFill:e.getPropertyValue("--tl-color-muted-1").trim(),background:e.getPropertyValue("--tl-color-low").trim()}}colors;updateColors(){this.colors=this._getColors()}id=Ne();getDpr(){return this.editor.getInstanceState().devicePixelRatio}getContentPageBounds(){let e=this.editor.getViewportPageBounds(),n=this.editor.getCurrentPageBounds();return n?q.Expand(n,e):e}_getCanvasBoundingRect(){let{x:e,y:n,width:o,height:r}=this.elem.getBoundingClientRect();return new q(e,n,o,r)}canvasBoundingClientRect=ye("canvasBoundingClientRect",new q);getCanvasScreenBounds(){return this.canvasBoundingClientRect.get()}_listenForCanvasResize(){let e=new ResizeObserver(()=>{let n=this._getCanvasBoundingRect();this.canvasBoundingClientRect.set(n)});return e.observe(this.elem),e.observe(this.container),()=>e.disconnect()}getCanvasSize(){let e=this.canvasBoundingClientRect.get(),n=this.getDpr();return new T(e.width*n,e.height*n)}originPagePoint=new T;originPageCenter=new T;isInViewport=!1;getCanvasPageBounds(){let e=this.getCanvasScreenBounds(),n=this.getContentPageBounds(),o=e.width/e.height,r=n.width,i=r/o;i<n.height&&(i=n.height,r=i*o);let s=new q(0,0,r,i);return s.center=n.center,s}getZoom(){return this.getCanvasScreenBounds().width/this.getCanvasPageBounds().width}getMinimapPagePoint(e,n){let o=this.getCanvasPageBounds(),r=this.getCanvasScreenBounds(),i=e-r.x,s=n-r.y;return i*=o.width/r.width,s*=o.height/r.height,i+=o.minX,s+=o.minY,new T(i,s,1)}minimapScreenPointToPagePoint(e,n,o=!1,r=!1){let{editor:i}=this,s=i.getViewportPageBounds(),{x:a,y:l}=this.getMinimapPagePoint(e,n);if(r){let c=this.editor.getCurrentPageBounds()??new q,d=c.minX-s.width/2,u=c.maxX+s.width/2,p=c.minY-s.height/2,f=c.maxY+s.height/2,h=Math.max(0,d+s.width-a),g=Math.max(0,-(u-s.width-a)),y=Math.max(0,p+s.height-l),m=Math.max(0,-(f-s.height-l));a+=(h-g)/2,l+=(y-m)/2,a=xe(a,d,u),l=xe(l,p,f)}if(o){let{originPagePoint:c}=this,d=Math.abs(a-c.x),u=Math.abs(l-c.y);d>u?l=c.y:a=c.x}return new T(a,l)}getShapePaths(){let{editor:e}=this,n=new Set(e.getSelectedShapeIds()),o=e.getCurrentPageShapeIdsSorted(),r=new Path2D,i=new Path2D;for(let s=0,a=o.length;s<a;s++){let l=o[s],c=this.shapeRectCache.get(l);if(!c)continue;(n.has(l)?i:r).rect(c.x,c.y,c.w,c.h)}return{shapes:r,selected:i}}render(){let{ctx:e,editor:n,elem:o}=this,r=this.getCanvasSize(),i=this.getCanvasPageBounds(),s=this.getDpr(),a=this.getZoom();(o.width!==r.x||o.height!==r.y)&&(o.width=r.x,o.height=r.y),e.resetTransform(),e.fillStyle=this.colors.background,e.fillRect(0,0,r.x,r.y),e.scale(s*a,s*a),e.translate(-i.minX,-i.minY);let{shapes:l,selected:c}=this.getShapePaths();e.fillStyle=this.colors.shapeFill,e.fill(l),e.fillStyle=this.colors.selectFill,e.fill(c);let d=n.getViewportPageBounds(),{minX:u,minY:p,width:f,height:h}=d,g=Math.min(f/4,h/4,4/a);e.beginPath(),g*a<1?e.rect(u,p,f,h):e.roundRect(u,p,f,h,g),e.fillStyle=this.colors.viewportFill,e.fill();let y=n.overlays.getActiveOverlayEntries();for(let{util:m,overlays:S}of y)e.save(),m.renderMinimap(e,S,a),e.restore()}};tm([Yt],$l.prototype,"close",1);tm([$],$l.prototype,"getDpr",1);tm([$],$l.prototype,"getContentPageBounds",1);tm([$],$l.prototype,"getCanvasSize",1);tm([$],$l.prototype,"getCanvasPageBounds",1);tm([$],$l.prototype,"getZoom",1);tm([$],$l.prototype,"getShapePaths",1);tm([Yt],$l.prototype,"render",1);var Ize=4;function c8(){let t=O(),e=it(),n=J(),o=pa.useRef(null),r=pa.useRef(!1),i=pa.useRef(null),s=pa.useRef(new T),a=pa.useRef(void 0);pa.useEffect(()=>{try{let h=new $l(t,o.current,e);return a.current=h,a.current.close}catch(h){t.annotateError(h,{origin:"minimap",willCrashApp:!1}),t.timers.setTimeout(()=>{throw h});return}},[t,e]);let l=pa.useCallback(h=>{if(!t.getCurrentPageShapeIds().size)return;let g=a.current;if(!g)return;let{clientX:y,clientY:m}=h,S=g.minimapScreenPointToPagePoint(y,m,!1,!0);g.originPagePoint.setTo(S),g.originPageCenter.setTo(t.getViewportPageBounds().center);let b=g.minimapScreenPointToPagePoint(y,m,!1,!1);t.centerOnPoint(b,{animation:{duration:t.options.animationMediumMs}})},[t]),c=pa.useCallback(h=>{let g=a.current;if(!g||h.button!==0)return;let y=h.currentTarget;if(Ud(y,h),!t.getCurrentPageShapeIds().size)return;let{clientX:m,clientY:S}=h;r.current=!0,i.current=h.pointerId,s.current=new T(m,S),g.isInViewport=!1;let b=g.minimapScreenPointToPagePoint(m,S,!1,!1),v=t.getViewportPageBounds(),w=g.getContentPageBounds();if(new q(w.x-v.width/2,w.y-v.height/2,w.width+v.width,w.height+v.height).containsPoint(b)&&!v.containsPoint(b)){let M=T.Sub(v.center,v.point),E=T.Add(b,M);g.originPagePoint.setTo(E),g.originPageCenter.setTo(b),t.centerOnPoint(b,{animation:{duration:t.options.animationMediumMs}})}else{let M=g.minimapScreenPointToPagePoint(m,S,!1,!0);g.isInViewport=v.containsPoint(M),g.originPagePoint.setTo(M),g.originPageCenter.setTo(v.center)}let C=t.getContainerDocument().body;function P(){i.current!==null&&y.hasPointerCapture(i.current)&&y.releasePointerCapture(i.current),r.current=!1,i.current=null,C.removeEventListener("pointerup",P),C.removeEventListener("pointercancel",P),C.removeEventListener("contextmenu",P,!0)}C.addEventListener("pointerup",P),C.addEventListener("pointercancel",P),C.addEventListener("contextmenu",P,!0)},[t]),d=pa.useCallback(h=>{let g=a.current;if(!g)return;let{clientX:y,clientY:m}=h,S=g.minimapScreenPointToPagePoint(y,m,h.shiftKey,!0);if(r.current){if(T.Dist2(s.current,new T(y,m))<=Ize)return;if(g.isInViewport){let x=g.originPagePoint.clone().sub(g.originPageCenter);t.centerOnPoint(T.Sub(S,x));return}t.centerOnPoint(S)}let b=g.getMinimapPagePoint(y,m),v=t.pageToScreen(b),w={type:"pointer",target:"canvas",name:"pointer_move",...ni(t,h),point:v,isPen:t.getInstanceState().isPenMode};t.dispatch(w)},[t]),u=pa.useCallback(h=>{let g=MT(h);t.dispatch({type:"wheel",name:"wheel",delta:g,point:new T(h.clientX,h.clientY),shiftKey:h.shiftKey,altKey:h.altKey,ctrlKey:h.metaKey||h.ctrlKey,metaKey:h.metaKey,accelKey:Io(h)})},[t]),p=No(),f=z("current theme id",()=>t.getCurrentThemeId(),[t]);return pa.useEffect(()=>{t.timers.setTimeout(()=>{a.current?.updateColors(),a.current?.render()})},[p,f,t]),(0,l8.jsx)("div",{className:"tlui-minimap",children:(0,l8.jsx)("canvas",{ref:o,role:"img","aria-label":n("navigation-zone.minimap"),"data-testid":"minimap.canvas",className:"tlui-minimap__canvas",onDoubleClick:l,onPointerMove:d,onPointerDown:c,onWheelCapture:u})})}var pi=_(j(),1);var hw=_(H(),1);var aD=_(H(),1);function u8(t,e){let[n,o]=aD.default.useState(e);aD.default.useLayoutEffect(()=>{let i=$f(t);if(i)try{o(JSON.parse(i))}catch{console.error(`Could not restore value ${t} from local storage.`)}},[t]);let r=aD.default.useCallback(i=>{o(s=>{let a=typeof i=="function"?i(s):i;return Kf(t,JSON.stringify(a)),a})},[t]);return[n,r]}var d8=(0,hw.memo)(function(){let e=lr(),n=J(),o=ot(),r=Ft(),i=(0,hw.useRef)(null);xr(i);let[s,a]=u8("minimap",!0),l=(0,hw.useCallback)(()=>{a(u=>!u)},[a]),{ZoomMenu:c,Minimap:d}=Fn();return r<mt.MOBILE?null:(0,pi.jsxs)("div",{ref:i,className:"tlui-navigation-panel",children:[(0,pi.jsx)($n,{orientation:"horizontal",label:n("navigation-zone.title"),children:c&&r<mt.TABLET?(0,pi.jsx)(c,{}):(0,pi.jsxs)(pi.Fragment,{children:[d&&o==="rtl"&&(0,pi.jsx)(gt,{type:"icon","data-testid":"minimap.toggle-button",title:n("navigation-zone.toggle-minimap"),onClick:l,children:(0,pi.jsx)(fe,{small:!0,icon:s?"chevron-left":"chevron-right"})}),!s&&(0,pi.jsx)(gt,{type:"icon","data-testid":"minimap.zoom-out",title:`${n(Ou(e["zoom-out"].label))} ${Ry(e["zoom-out"].kbd)}`,onClick:()=>e["zoom-out"].onSelect("navigation-zone"),children:(0,pi.jsx)(fe,{small:!0,icon:"minus"})}),c&&(0,pi.jsx)(c,{},"zoom-menu"),!s&&(0,pi.jsx)(gt,{type:"icon","data-testid":"minimap.zoom-in",title:`${n(Ou(e["zoom-in"].label))} ${Ry(e["zoom-in"].kbd)}`,onClick:()=>e["zoom-in"].onSelect("navigation-zone"),children:(0,pi.jsx)(fe,{small:!0,icon:"plus"})}),d&&o!=="rtl"&&(0,pi.jsx)(gt,{type:"icon","data-testid":"minimap.toggle-button",title:n("navigation-zone.toggle-minimap"),onClick:l,children:(0,pi.jsx)(fe,{small:!0,icon:s?"chevron-right":"chevron-left"})})]})}),d&&r>=mt.TABLET&&!s&&(0,pi.jsx)(d,{})]})});var Kn=_(j(),1);var Ht=_(H(),1);function yP(t,e,n,o,r){if(n===o)return;let i,s=t.getPages(),a=n>o?s[o-1]:s[o],l=n>o?s[o]:s[o+1];a&&!l?i=Sr(a.index):!a&&l?i=TB(s[0].index):i=yl(a.index,l.index),i!==s[n].index&&(t.markHistoryStoppingPoint("moving page"),t.updatePage({id:e,index:i}),r("move-page",{source:"page-menu"}))}var $de=_(j(),1);var Hy=_(H(),1);var p8=function({name:e,id:n,isCurrentPage:o,onCancel:r,onComplete:i}){let s=O(),a=nt(),l=(0,Hy.useRef)(null),c=(0,Hy.useCallback)(()=>{l.current=s.markHistoryStoppingPoint("rename page")},[s]),d=(0,Hy.useCallback)(f=>{s.renamePage(n,f||"New Page"),a("rename-page",{source:"page-menu"})},[s,n,a]),u=(0,Hy.useCallback)(()=>{l.current&&s.bailToMark(l.current),r()},[s,r]),p=(0,Hy.useCallback)(()=>{i?.()},[i]);return(0,$de.jsx)(el,{className:"tlui-page-menu__item__input",defaultValue:e,onValueChange:d,onComplete:i,onCancel:u,onFocus:c,onBlur:p,shouldManuallyMaintainScrollPositionWhenFocused:!0,autoFocus:!0,autoSelect:!0})};var Rs=_(j(),1);var SP=_(H(),1);var f8=sn(function({index:e,listSize:n,item:o,onRename:r}){let i=O(),s=J(),a=nt(),l=(0,SP.useCallback)(()=>{i.markHistoryStoppingPoint("creating page");let p=mo.createId();i.duplicatePage(o.id,p),a("duplicate-page",{source:"page-menu"})},[i,o,a]),c=(0,SP.useCallback)(()=>{yP(i,o.id,e,e-1,a)},[i,o,e,a]),d=(0,SP.useCallback)(()=>{yP(i,o.id,e,e+1,a)},[i,o,e,a]),u=(0,SP.useCallback)(()=>{i.markHistoryStoppingPoint("deleting page"),i.deletePage(o.id),a("delete-page",{source:"page-menu"})},[i,o,a]);return(0,Rs.jsxs)(kp,{id:`page item submenu ${e}`,children:[(0,Rs.jsx)(Rp,{children:(0,Rs.jsx)(Ae,{type:"icon",tooltip:s("page-menu.submenu.title"),title:s("page-menu.submenu.title"),"data-testid":"page-menu.item-submenu",children:(0,Rs.jsx)(fe,{icon:"dots-vertical",small:!0})})}),(0,Rs.jsx)(Dp,{side:"bottom",align:"start",alignOffset:0,sideOffset:0,children:(0,Rs.jsxs)(Mn,{type:"menu",sourceId:"page-menu",children:[(0,Rs.jsxs)(Fe,{id:"modify",children:[r&&(0,Rs.jsx)(Ze,{id:"rename",label:"page-menu.submenu.rename",onSelect:r}),(0,Rs.jsx)(Ze,{id:"duplicate",label:"page-menu.submenu.duplicate-page",onSelect:l,disabled:n>=i.options.maxPages}),e>0&&(0,Rs.jsx)(Ze,{id:"move-up",onSelect:c,label:"page-menu.submenu.move-up"}),e<n-1&&(0,Rs.jsx)(Ze,{id:"move-down",label:"page-menu.submenu.move-down",onSelect:d})]}),n>1&&(0,Rs.jsx)(Fe,{id:"delete",children:(0,Rs.jsx)(Ze,{id:"delete",onSelect:u,label:"page-menu.submenu.delete"})})]})})]})});var h8="tldraw_page_menu_list_height",_ze=800,Yde=4,Mze=.62,Aze=40,kze=1,Kl=36,cD=Kl+Yde,Rze=5,Kde=16,Gde=48,lD=1,Wde=6;function Dze(){if(typeof window>"u")return null;try{let t=window.localStorage.getItem(h8);if(!t)return null;let e=Number(t);return Number.isFinite(e)&&e>=cD?e:null}catch{return null}}function Oze(t){let e=Math.min(_ze,t*Mze),n=Aze+kze;return Math.max(cD,e-n)}function Lze(t){return Math.max(cD,t*Kl+Yde)}var m8=(0,Ht.memo)(function(){let e=O(),n=nt(),o=J(),r=Ft(),[i,s]=(0,Ht.useState)(null),a=(0,Ht.useCallback)(W=>{let K=`-${e.contextId}`;for(let ue of e.menus.getOpenMenus()){let ut=ue.endsWith(K)?ue.slice(0,-K.length):ue;ut.startsWith("page item submenu ")&&(W!==void 0&&ut===`page item submenu ${W}`||e.menus.deleteOpenMenu(ut))}},[e]),l=(0,Ht.useCallback)(W=>{s(null),W||a()},[a]),[c,d]=$r("page-menu",l),u=(0,Ht.useRef)(null),p=z("pages",()=>e.getPages(),[e]),f=z("currentPage",()=>e.getCurrentPage(),[e]),h=Zo(),g=z("isCoarsePointer",()=>e.getInstanceState().isCoarsePointer,[e]),[y,m]=(0,Ht.useState)(Dze),[S,b]=(0,Ht.useState)(!1),[v,w]=(0,Ht.useState)(()=>typeof window>"u"?800:window.innerHeight),x=(0,Ht.useCallback)(()=>{if(typeof window>"u")return;let W=u.current?.closest(".tlui-popover__content"),K=W?Number.parseFloat(getComputedStyle(W).getPropertyValue("--radix-popover-content-available-height")):NaN;w(Number.isFinite(K)?K:window.innerHeight)},[]);(0,Ht.useEffect)(()=>{let W=()=>x();return window.addEventListener("resize",W),()=>window.removeEventListener("resize",W)},[x]),(0,Ht.useEffect)(()=>{c&&e.timers.requestAnimationFrame(x)},[e,c,x]);let C=Oze(v),P=Lze(p.length),M=Math.min(y??P,C),E=p.length>=e.options.maxPages,I=o(E?"page-menu.max-pages-reached":"page-menu.create-new-page"),R=(0,Ht.useCallback)(W=>{W.preventDefault();let K=W.currentTarget;K.setPointerCapture(W.pointerId);let ue=W.clientY,ut=K.previousElementSibling?.getBoundingClientRect().height??0,et=ut;b(!0);let st=Pt=>{et=Math.max(cD,ut+(Pt.clientY-ue)),m(et)},Ce=()=>{K.removeEventListener("pointermove",st),K.removeEventListener("pointerup",Ce),K.removeEventListener("pointercancel",Ce),b(!1);try{window.localStorage.setItem(h8,String(et))}catch{}};K.addEventListener("pointermove",st),K.addEventListener("pointerup",Ce,{once:!0}),K.addEventListener("pointercancel",Ce,{once:!0})},[]),D=(0,Ht.useCallback)(()=>{m(null);try{window.localStorage.removeItem(h8)}catch{}},[]);(0,Ht.useEffect)(function(){let K=e.getContainerDocument();function ue(){i||K.activeElement===K.body&&e.menus.clearOpenMenus()}return K.addEventListener("keydown",ue,{passive:!0}),()=>{K.removeEventListener("keydown",ue)}},[e,i]);let N=(0,Ht.useRef)({status:"idle",id:null,startIndex:0,dragIndex:0,startY:0,startScrollTop:0,lastClientY:0,justDragged:!1,startedOnDragHandle:!1,autoScrollScheduled:!1}),[B,F]=(0,Ht.useState)(null);(0,Ht.useEffect)(()=>{c&&e.timers.requestAnimationFrame(()=>{let W=u.current;if(!W)return;let K=e.getPages().findIndex(Jo=>Jo.id===f.id);if(K===-1)return;e.getContainerDocument().querySelector(`[data-pageid="${f.id}"]`)?.querySelector("button.tlui-page-menu__item__button")?.focus();let et=K*Kl,st=et+Kl,Ce=W.scrollTop,Pt=Ce+W.clientHeight;et<Ce?W.scrollTo({top:et}):st>Pt&&W.scrollTo({top:st-W.clientHeight})})},[f.id,c,e]);let k=(0,Ht.useCallback)(W=>{let K=N.current;if(K.status!=="dragging"||!K.id)return;let ue=u.current?.scrollTop??0,ut=W-K.startY+(ue-K.startScrollTop),et=0,st=(p.length-1)*Kl,Ce=Math.max(et,Math.min(st,K.startIndex*Kl+ut)),Pt=Ce-K.startIndex*Kl,Jo=Math.max(0,Math.min(Math.round(Ce/Kl),p.length-1));K.dragIndex=Jo,K.lastClientY=W,F({id:K.id,startIndex:K.startIndex,dragIndex:Jo,offsetY:Pt})},[p.length]);(0,Ht.useEffect)(()=>{if(!c)return;let W=u.current;if(!W)return;function K(ue){N.current.status==="dragging"&&ue.preventDefault()}return W.addEventListener("wheel",K,{passive:!1}),()=>W.removeEventListener("wheel",K)},[c]);let L=(0,Ht.useCallback)(()=>{let W=N.current,K=u.current;if(W.status!=="dragging"||!K){W.autoScrollScheduled=!1;return}let ue=K.getBoundingClientRect(),ut=W.lastClientY-ue.top,et=ue.bottom-W.lastClientY,st=K.scrollHeight-K.clientHeight,Ce=Kde-ut,Pt=Kde-et,Jo=0;if(Ce>0&&K.scrollTop>0){let Bs=Math.min(1,Ce/Gde),af=lD+(Wde-lD)*Bs;Jo=-Math.ceil(af)}else if(Pt>0&&K.scrollTop<st){let Bs=Math.min(1,Pt/Gde),af=lD+(Wde-lD)*Bs;Jo=Math.ceil(af)}if(Jo!==0){let Bs=K.scrollTop;K.scrollTop=Math.max(0,Math.min(st,Bs+Jo)),K.scrollTop!==Bs&&k(W.lastClientY)}e.timers.requestAnimationFrame(L)},[e,k]),U=(0,Ht.useCallback)(()=>{let W=N.current;W.autoScrollScheduled||(W.autoScrollScheduled=!0,e.timers.requestAnimationFrame(L))},[e,L]),V=(0,Ht.useCallback)(W=>{if(W.button!==0)return;let{clientY:K,currentTarget:ue}=W,{id:ut,index:et}=ue.dataset;if(!ut||et===void 0)return;let st=ue.dataset.dragHandle==="true";st&&(W.preventDefault(),W.stopPropagation());let Ce=N.current;Ud(ue,W),Ce.status="pointing",Ce.id=ut,Ce.startIndex=+et,Ce.dragIndex=+et,Ce.startY=K,Ce.lastClientY=K,Ce.startScrollTop=u.current?.scrollTop??0,Ce.startedOnDragHandle=st},[]),Y=(0,Ht.useCallback)(W=>{let K=N.current,{clientY:ue}=W;if(K.status==="pointing"){if(Math.abs(ue-K.startY)<=Rze)return;K.status="dragging",K.lastClientY=ue,U()}K.status==="dragging"&&(W.preventDefault(),k(ue))},[U,k]),Z=(0,Ht.useCallback)(W=>{let K=N.current;K.status==="dragging"&&K.id&&(yP(e,K.id,K.startIndex,K.dragIndex,n),K.startedOnDragHandle||(K.justDragged=!0)),th(W.currentTarget,W),K.status="idle",K.id=null,K.startedOnDragHandle=!1,F(null)},[e,n]),le=(0,Ht.useCallback)((W,K)=>{W.preventDefault(),W.stopPropagation(),a(K),e.menus.addOpenMenu(`page item submenu ${K}`)},[a,e]),Te=(0,Ht.useCallback)(W=>{let K=N.current;th(W.currentTarget,W),K.status="idle",K.id=null,K.startedOnDragHandle=!1,F(null)},[]),Ge=(0,Ht.useCallback)(W=>{let K=N.current;W.key==="Escape"&&K.status!=="idle"&&(K.status="idle",K.id=null,K.startedOnDragHandle=!1,F(null))},[]),We=r<mt.TABLET_SM&&g,ke=!h&&g,se=(0,Ht.useCallback)((W,K)=>{if(!h){if(We){let ue=window.prompt(o("action.rename"),K);ue&&ue!==K&&(e.renamePage(W,ue),n("rename-page",{source:"page-menu"}));return}s(W)}},[e,o,h,We,n]),ze=(0,Ht.useCallback)(()=>{if(h)return;let W=mo.createId(),K=o("page-menu.new-page-initial-name"),ue=K;if(We){let ut=window.prompt(o("page-menu.create-new-page"),K);if(ut===null)return;ue=ut||K}e.run(()=>{e.markHistoryStoppingPoint("creating page"),e.createPage({name:ue,id:W}),e.setCurrentPage(W)}),We||se(W,K),n("new-page",{source:"page-menu"})},[e,o,h,We,se,n]),Wt=(0,Ht.useCallback)(W=>{e.setCurrentPage(W),n("change-page",{source:"page-menu"})},[e,n]);return(0,Kn.jsxs)(ca,{id:"pages",onOpenChange:d,open:c,children:[(0,Kn.jsx)(ua,{"data-testid":"main.page-menu",children:(0,Kn.jsxs)(Ae,{type:"menu",tooltip:f.name,title:f.name,"data-testid":"page-menu.button",className:"tlui-page-menu__trigger",children:[(0,Kn.jsx)(Xt,{children:f.name}),(0,Kn.jsx)(fe,{icon:"chevron-down",small:!0})]})}),(0,Kn.jsx)(da,{side:"bottom",align:"start",sideOffset:0,disableEscapeKeyDown:i!==null,children:(0,Kn.jsxs)("div",{className:"tlui-page-menu__wrapper",children:[(0,Kn.jsx)("div",{"data-testid":"page-menu.list",className:"tlui-page-menu__list",ref:u,style:{height:M},children:(0,Kn.jsx)("div",{className:"tlui-page-menu__list__content","data-dragging":B!==null,style:{height:P},children:p.map((W,K)=>{let ue=W.id===f.id,ut=i===W.id,et=B?.id===W.id,st=K*Kl;if(B)if(et)st=B.startIndex*Kl+B.offsetY;else{let{startIndex:Ce,dragIndex:Pt}=B;Pt<Ce&&K>=Pt&&K<Ce?st=(K+1)*Kl:Pt>Ce&&K>Ce&&K<=Pt&&(st=(K-1)*Kl)}return(0,Kn.jsxs)("div",{"data-pageid":W.id,"data-testid":"page-menu.item","data-iscurrent":ue,"data-dragging":et,"data-editing":ut,className:"tlui-page-menu__item",onContextMenu:!h&&!ut?Ce=>le(Ce,K):void 0,style:{zIndex:et?p.length+2:ue?p.length+1:K,transform:`translateY(${st}px)`},children:[ut?(0,Kn.jsx)("div",{className:"tlui-page-menu__item__title",children:(0,Kn.jsx)(p8,{id:W.id,name:W.name,isCurrentPage:ue,onComplete:()=>s(null),onCancel:()=>s(null)})}):(0,Kn.jsxs)(Kn.Fragment,{children:[ke&&(0,Kn.jsx)(Ae,{type:"icon",className:"tlui-page-menu__item__drag-handle","data-testid":"page-menu.item-drag-handle","data-id":W.id,"data-index":K,"data-drag-handle":"true",onPointerDown:V,onPointerMove:Y,onPointerUp:Z,onPointerCancel:Te,onKeyDown:Ge,tooltip:o("context-menu.reorder"),title:o("context-menu.reorder"),children:(0,Kn.jsx)(fe,{icon:"drag-handle-dots",small:!0})}),(0,Kn.jsx)(Ae,{type:"normal",className:"tlui-page-menu__item__button",onClick:()=>{if(N.current.justDragged){N.current.justDragged=!1;return}Wt(W.id)},onDoubleClick:()=>se(W.id,W.name),onPointerDown:h||ke?void 0:V,onPointerMove:h||ke?void 0:Y,onPointerUp:h||ke?void 0:Z,onPointerCancel:h||ke?void 0:Te,tooltip:o("page-menu.go-to-page"),title:o("page-menu.go-to-page"),"data-id":W.id,"data-index":K,onKeyDown:Ce=>{if(Ce.key==="Escape"){Ge(Ce);return}Ce.key==="Enter"&&ue&&(se(W.id,W.name),e.markEventAsHandled(Ce))},children:(0,Kn.jsx)(Xt,{children:W.name})})]}),!h&&!ut&&(0,Kn.jsx)("div",{className:"tlui-page-menu__item__submenu",children:(0,Kn.jsx)(f8,{index:K,item:W,listSize:p.length,onRename:()=>se(W.id,W.name)})})]},W.id)})})}),(0,Kn.jsx)("div",{className:"tlui-page-menu__resize-handle","data-resizing":S,onPointerDown:R,onDoubleClick:D,role:"separator","aria-orientation":"horizontal","aria-label":o("page-menu.resize")}),(0,Kn.jsxs)(Ae,{type:"menu",className:"tlui-page-menu__create-button","data-testid":"page-menu.create",tooltip:I,title:I,disabled:h||E,onClick:ze,children:[(0,Kn.jsx)(Xt,{children:I}),!E&&(0,Kn.jsx)(fe,{icon:"plus",small:!0})]})]})})]})});var y8=_(j(),1),qde=_(H(),1);var Ds=_(j(),1);function g8(){let t=O(),e=Zo(),n=z("should display quick actions",()=>t.isInAny("select","hand","zoom"),[t]);if(!(e&&!n))return(0,Ds.jsxs)(Ds.Fragment,{children:[(0,Ds.jsx)(Fze,{}),(0,Ds.jsx)(Nze,{})]})}function Nze(){let t=Gr(1),e=Lc(),n=t&&e;return(0,Ds.jsxs)(Ds.Fragment,{children:[(0,Ds.jsx)(G,{actionId:"delete",disabled:!n}),(0,Ds.jsx)(G,{actionId:"duplicate",disabled:!n})]})}function Fze(){let t=lP(),e=aP();return(0,Ds.jsxs)(Ds.Fragment,{children:[(0,Ds.jsx)(G,{actionId:"undo",disabled:!t}),(0,Ds.jsx)(G,{actionId:"redo",disabled:!e})]})}var S8=(0,qde.memo)(function({children:e}){return(0,y8.jsx)(Mn,{type:"small-icons",sourceId:"quick-actions",children:e??(0,y8.jsx)(g8,{})})});var Fc=_(j(),1);var uD=_(j(),1);function b8(){let t=J();return(0,uD.jsx)(aa,{content:t("status.offline"),children:(0,uD.jsx)("div",{className:"tlui-offline-indicator",children:(0,uD.jsx)(ar,{icon:"status-offline",label:t("status.offline"),small:!0})})})}var Hp=_(j(),1);function v8({userIds:t}){let{PeopleMenuItem:e,UserPresenceEditor:n}=Fn();return(0,Hp.jsxs)(Hp.Fragment,{children:[n&&(0,Hp.jsx)("div",{className:"tlui-people-menu__section",children:(0,Hp.jsx)(n,{})}),e&&t.length>0&&(0,Hp.jsx)("div",{className:"tlui-people-menu__section",children:t.map(o=>(0,Hp.jsx)(e,{userId:o},o+"_presence"))})]})}function dD({children:t}){let e=J(),n=ot(),o=it(),r=O(),i=nU(),s=z("user",()=>r.user.getColor(),[r]),a=z("user",()=>r.user.getName(),[r]),[l,c]=$r("people menu"),d=j6(),{PeopleMenuFacePile:u}=Fn();if(d==="offline")return(0,Fc.jsx)(b8,{});if(!i.length||!t&&!u)return null;let p=t??(0,Fc.jsx)(v8,{userIds:i});return(0,Fc.jsxs)(Ni.Root,{onOpenChange:c,open:l,children:[(0,Fc.jsx)(Ni.Trigger,{dir:n,asChild:!0,children:(0,Fc.jsx)("button",{className:"tlui-people-menu__avatars-button",title:e("people-menu.title"),children:u?(0,Fc.jsx)(u,{userColor:s,userIds:i,userName:a}):null})}),(0,Fc.jsx)(Ni.Portal,{container:o,children:(0,Fc.jsx)(Ni.Content,{dir:n,className:"tlui-menu",side:"bottom",sideOffset:2,collisionPadding:4,children:(0,Fc.jsx)("div",{className:"tlui-people-menu__wrapper",children:p})})})]})}var Xde=_(j(),1);function w8({userId:t}){let e=Lg(t);return e?(0,Xde.jsx)("div",{className:"tlui-people-menu__avatar",style:{backgroundColor:e.color},children:e.userName?.[0]??""}):null}var mw=_(j(),1);function x8({userIds:t,userName:e,userColor:n}){let{PeopleMenuAvatar:o}=Fn(),i=Ft()<=mt.MOBILE_XS?1:5;return(0,mw.jsxs)("div",{className:"tlui-people-menu__avatars",children:[o&&t.slice(-i).map(s=>(0,mw.jsx)(o,{userId:s},s)),t.length>0&&(0,mw.jsx)("div",{className:"tlui-people-menu__avatar",style:{backgroundColor:n},children:e?.[0]??""}),t.length>i&&(0,mw.jsx)("div",{className:"tlui-people-menu__avatar tlui-people-menu__more",children:Math.abs(t.length-i)})]})}var nm=_(j(),1);var Zde=_(H(),1);var T8=sn(function({userId:e}){let n=O(),o=J(),r=nt(),i=Lg(e),s=(0,Zde.useCallback)(()=>{n.getInstanceState().followingUserId===e?(n.stopFollowingUser(),r("stop-following",{source:"people-menu"})):(n.startFollowingUser(e),r("start-following",{source:"people-menu"}))},[n,e,r]),a=i?.followingUserId===n.user.getRecordId(),l=n.getInstanceState().followingUserId===e;return i?(0,nm.jsxs)(Qa,{className:"tlui-people-menu__item","data-follow":l||a,children:[(0,nm.jsxs)(Ae,{type:"menu",className:"tlui-people-menu__item__button",onClick:()=>n.zoomToUser(e),onDoubleClick:s,children:[(0,nm.jsx)(ar,{label:o("people-menu.avatar-color"),icon:"color",color:i.color}),(0,nm.jsx)("div",{className:"tlui-people-menu__name",children:i.userName?.trim()||o("people-menu.anonymous-user")})]}),(0,nm.jsx)(Ae,{type:"icon",className:"tlui-people-menu__item__follow",title:o(a?"people-menu.leading":l?"people-menu.following":"people-menu.follow"),onClick:s,disabled:a,children:(0,nm.jsx)(fe,{icon:a?"leading":l?"following":"follow"})})]}):null});var C8=_(j(),1);function P8(){let{PeopleMenu:t}=Fn();return t?(0,C8.jsx)("div",{className:"tlui-share-zone",draggable:!1,children:(0,C8.jsx)(t,{})}):null}var Gl=_(j(),1);var Uu=_(H(),1);var Bc=_(j(),1);var Vp=_(H(),1);var Jde=sn(function(){let e=O(),n=it(),o=J(),r=ot(),i=nt(),s=(0,Vp.useRef)(!1),[a,l]=(0,Vp.useState)(!1),c=(0,Vp.useCallback)(y=>{l(y)},[]),d=e.user.getColor(),u=(0,Vp.useCallback)(y=>{e.user.updateUserPreferences({color:y}),i("set-color",{source:"people-menu"})},[e,i]),{handleButtonClick:p,handleButtonPointerDown:f,handleButtonPointerEnter:h,handleButtonPointerUp:g}=Vp.default.useMemo(()=>{let y=()=>{s.current=!1,vl(n).removeEventListener("pointerup",y)};return{handleButtonClick:w=>{let{id:x}=w.currentTarget.dataset;x&&d!==x&&u(x)},handleButtonPointerDown:w=>{let{id:x}=w.currentTarget.dataset;x&&(u(x),s.current=!0,vl(n).addEventListener("pointerup",y))},handleButtonPointerEnter:w=>{if(!s.current)return;let{id:x}=w.currentTarget.dataset;x&&u(x)},handleButtonPointerUp:w=>{let{id:x}=w.currentTarget.dataset;x&&u(x)}}},[n,d,u]);return(0,Bc.jsxs)(Ni.Root,{onOpenChange:c,open:a,children:[(0,Bc.jsx)(Ni.Trigger,{dir:r,asChild:!0,children:(0,Bc.jsx)(Ae,{type:"icon",className:"tlui-people-menu__user__color",style:{color:e.user.getColor()},title:o("people-menu.change-color"),children:(0,Bc.jsx)(fe,{icon:"color"})})}),(0,Bc.jsx)(Ni.Portal,{container:n,children:(0,Bc.jsx)(Ni.Content,{dir:r,className:"tlui-menu tlui-people-menu__user__color-picker",align:"start",side:"left",sideOffset:8,children:(0,Bc.jsx)(Pp,{children:jT.map(y=>(0,Bc.jsx)(Ae,{type:"icon","data-id":y,"data-testid":y,"aria-label":y,isActive:d===y,title:y,style:{color:y},onPointerEnter:h,onPointerDown:f,onPointerUp:g,onClick:p,children:(0,Bc.jsx)(fe,{icon:"color"})},y))})})})]})});function E8(){let t=O(),e=nt(),n=z("userName",()=>t.user.getName(),[]),o=J(),r=(0,Uu.useRef)(n),i=(0,Uu.useRef)(n),[s,a]=(0,Uu.useState)(!1),l=(0,Uu.useCallback)(()=>{a(p=>!p)},[]),c=(0,Uu.useCallback)(p=>{i.current=p,t.user.updateUserPreferences({name:p})},[t]),d=(0,Uu.useCallback)(()=>{r.current!==i.current&&(e("change-user-name",{source:"people-menu"}),r.current=i.current)},[e]),u=(0,Uu.useCallback)(()=>{a(!1),t.user.updateUserPreferences({name:r.current}),t.menus.clearOpenMenus()},[t]);return(0,Gl.jsxs)("div",{className:"tlui-people-menu__user",children:[(0,Gl.jsx)(Jde,{}),s?(0,Gl.jsx)(el,{className:"tlui-people-menu__user__input",defaultValue:n,onValueChange:c,onComplete:l,onCancel:u,onBlur:d,shouldManuallyMaintainScrollPositionWhenFocused:!0,autoFocus:!0,autoSelect:!0}):(0,Gl.jsxs)(Gl.Fragment,{children:[(0,Gl.jsx)("div",{className:"tlui-people-menu__user__name",onDoubleClick:()=>{s||a(!0)},children:n||o("people-menu.anonymous-user")}),n?null:(0,Gl.jsx)("div",{className:"tlui-people-menu__user__label",children:o("people-menu.user")})]}),(0,Gl.jsx)(Ae,{type:"icon",className:"tlui-people-menu__user__edit","data-testid":"people-menu.change-name",title:o("people-menu.change-name"),onClick:l,children:(0,Gl.jsx)(fe,{icon:s?"check":"edit"})})]})}var pD=_(j(),1);var bpe=_(Jt(),1),bw=_(H(),1);var Bze=Object.freeze([zt,Ws,Ki,br]);function bP(t=Bze){let e=O();return z("getRelevantStyles",()=>{let n=new dh(e.getSharedStyles()),o=!!e.root.getCurrent()?.shapeType,r=e.isIn("select")&&e.getSelectedShapeIds().length>0;if(n.size===0&&e.isIn("select")&&e.getSelectedShapeIds().length===0)for(let i of t)n.applyValue(i,e.getStyleForNextShape(i));return o||r||n.size>0?n:null},[e])}var Ue=_(j(),1);var spe=_(H(),1);var gw={rectangle:{snapType:"polygon",icon:"geo-rectangle",getPath(t,e,n){let o=n.props.fill!=="none";return new Kt().moveTo(0,0,{geometry:{isFilled:o}}).lineTo(t,0).lineTo(t,e).lineTo(0,e).close()}},ellipse:{snapType:"blobby",icon:"geo-ellipse",getPath(t,e,n){let o=n.props.fill!=="none",r=t/2,i=e/2;return new Kt().moveTo(0,i,{geometry:{isFilled:o}}).arcTo(r,i,!1,!0,0,t,i).arcTo(r,i,!1,!0,0,0,i).close()}},triangle:{snapType:"polygon",icon:"geo-triangle",getPath(t,e,n){let o=n.props.fill!=="none",r=t/2;return new Kt().moveTo(r,0,{geometry:{isFilled:o}}).lineTo(t,e).lineTo(0,e).close()}},diamond:{snapType:"polygon",icon:"geo-diamond",getPath(t,e,n){let o=n.props.fill!=="none",r=t/2,i=e/2;return new Kt().moveTo(r,0,{geometry:{isFilled:o}}).lineTo(t,i).lineTo(r,e).lineTo(0,i).close()}},star:{snapType:"polygon",icon:"geo-star",defaultSize:{w:200,h:190},getPath(t,e,n){let o=n.props.fill!=="none";return jze(t,e,o)}},pentagon:{snapType:"polygon",icon:"geo-pentagon",getPath(t,e,n){let o=n.props.fill!=="none";return Kt.lineThroughPoints(OT(t,e,5),{geometry:{isFilled:o}}).close()}},hexagon:{snapType:"polygon",icon:"geo-hexagon",getPath(t,e,n){let o=n.props.fill!=="none";return Kt.lineThroughPoints(OT(t,e,6),{geometry:{isFilled:o}}).close()}},octagon:{snapType:"polygon",icon:"geo-octagon",getPath(t,e,n){let o=n.props.fill!=="none";return Kt.lineThroughPoints(OT(t,e,8),{geometry:{isFilled:o}}).close()}},rhombus:{snapType:"polygon",icon:"geo-rhombus",getPath(t,e,n){let o=n.props.fill!=="none",r=Math.min(t*.38,e*.38);return new Kt().moveTo(r,0,{geometry:{isFilled:o}}).lineTo(t,0).lineTo(t-r,e).lineTo(0,e).close()}},"rhombus-2":{snapType:"polygon",icon:"geo-rhombus-2",getPath(t,e,n){let o=n.props.fill!=="none",r=Math.min(t*.38,e*.38);return new Kt().moveTo(0,0,{geometry:{isFilled:o}}).lineTo(t-r,0).lineTo(t,e).lineTo(r,e).close()}},oval:{snapType:"blobby",icon:"geo-oval",getPath(t,e,n){let o=n.props.fill!=="none";return Vze(t,e,o)}},trapezoid:{snapType:"polygon",icon:"geo-trapezoid",getPath(t,e,n){let o=n.props.fill!=="none",r=Math.min(t*.38,e*.38);return new Kt().moveTo(r,0,{geometry:{isFilled:o}}).lineTo(t-r,0).lineTo(t,e).lineTo(0,e).close()}},"arrow-left":{snapType:"polygon",icon:"geo-arrow-left",getPath(t,e,n){let o=n.props.fill!=="none",r=Math.min(t,e)*.38,i=e*.16;return new Kt().moveTo(r,0,{geometry:{isFilled:o}}).lineTo(r,i).lineTo(t,i).lineTo(t,e-i).lineTo(r,e-i).lineTo(r,e).lineTo(0,e/2).close()}},"arrow-up":{snapType:"polygon",icon:"geo-arrow-up",getPath(t,e,n){let o=n.props.fill!=="none",r=t*.16,i=Math.min(t,e)*.38;return new Kt().moveTo(t/2,0,{geometry:{isFilled:o}}).lineTo(t,i).lineTo(t-r,i).lineTo(t-r,e).lineTo(r,e).lineTo(r,i).lineTo(0,i).close()}},"arrow-down":{snapType:"polygon",icon:"geo-arrow-down",getPath(t,e,n){let o=n.props.fill!=="none",r=t*.16,i=Math.min(t,e)*.38;return new Kt().moveTo(r,0,{geometry:{isFilled:o}}).lineTo(t-r,0).lineTo(t-r,e-i).lineTo(t,e-i).lineTo(t/2,e).lineTo(0,e-i).lineTo(r,e-i).close()}},"arrow-right":{snapType:"polygon",icon:"geo-arrow-right",getPath(t,e,n){let o=n.props.fill!=="none",r=Math.min(t,e)*.38,i=e*.16;return new Kt().moveTo(0,i,{geometry:{isFilled:o}}).lineTo(t-r,i).lineTo(t-r,0).lineTo(t,e/2).lineTo(t-r,e).lineTo(t-r,e-i).lineTo(0,e-i).close()}},cloud:{snapType:"blobby",icon:"geo-cloud",defaultSize:{w:300,h:180},getPath(t,e,n){let o=n.props.fill!=="none";return Wze(t,e,n.id,n.props.size,n.props.scale,o)}},"x-box":{snapType:"polygon",icon:"geo-x-box",getPath(t,e,n,o){let r=n.props.fill!=="none";return Hze(t,e,o,n.props.dash,r)}},"check-box":{snapType:"polygon",icon:"geo-check-box",getPath(t,e,n){let o=n.props.fill!=="none",r=Math.min(t,e)*.82,i=(t-r)/2,s=(e-r)/2;return new Kt().moveTo(0,0,{geometry:{isFilled:o}}).lineTo(t,0).lineTo(t,e).lineTo(0,e).close().moveTo(xe(i+r*.25,0,t),xe(s+r*.52,0,e),{geometry:{isInternal:!0,isFilled:!1},offset:0}).lineTo(xe(i+r*.45,0,t),xe(s+r*.82,0,e)).lineTo(xe(i+r*.82,0,t),xe(s+r*.22,0,e),{offset:0})}},heart:{snapType:"blobby",icon:"geo-heart",getPath(t,e,n){let o=n.props.fill!=="none",r=t/2,i=t/4,s=e/4;return new Kt().moveTo(r,e,{geometry:{isFilled:o}}).cubicBezierTo(0,s*1.2,i*1.5,s*3,0,s*2.5).cubicBezierTo(r,s*.9,0,-s*.32,i*1.85,-s*.32).cubicBezierTo(t,s*1.2,i*2.15,-s*.32,t,-s*.32).cubicBezierTo(r,e,t,s*2.5,i*2.5,s*3).close()}}};function Vy(t,e){return e?.[t]??gw[t]}var zze=new Ot;function vP(t,e,n){return zze.get(t,o=>Uze(o,e,n))}function Uze(t,e,n){let o=Math.max(1,t.props.w),r=Math.max(1,t.props.h+t.props.growY),i=e*t.props.scale,s=Vy(t.props.geo,n);if(!s)throw new Error(`Unknown geo type: ${t.props.geo}`);return s.getPath(o,r,t,i)}function Hze(t,e,n,o,r){let i=t/2,s=e/2,a=new Kt().moveTo(0,0,{geometry:{isFilled:r}}).lineTo(t,0).lineTo(t,e).lineTo(0,e).close();if(o==="none")return a;if(o==="dashed"||o==="dotted")return a.moveTo(0,0,{geometry:{isInternal:!0,isFilled:!1},dashStart:"skip",dashEnd:"outset"}).lineTo(i,s).moveTo(t,e,{geometry:{isInternal:!0,isFilled:!1},dashStart:"skip",dashEnd:"outset"}).lineTo(i,s).moveTo(0,e,{geometry:{isInternal:!0,isFilled:!1},dashStart:"skip",dashEnd:"outset"}).lineTo(i,s).moveTo(t,0,{geometry:{isInternal:!0,isFilled:!1},dashStart:"skip",dashEnd:"outset"}).lineTo(i,s);let l=o==="draw"?.62:0;return a.moveTo(xe(n*l,0,t),xe(n*l,0,e),{geometry:{isInternal:!0,isFilled:!1}}).lineTo(xe(t-n*l,0,t),xe(e-n*l,0,e)).moveTo(xe(t-n*l,0,t),xe(n*l,0,e)).lineTo(xe(n*l,0,t),xe(e-n*l,0,e)),a}function Vze(t,e,n){if(e>t){let r=t/2;return new Kt().moveTo(0,r,{geometry:{isFilled:n}}).arcTo(r,r,!1,!0,0,t,r).lineTo(t,e-r).arcTo(r,r,!1,!0,0,0,e-r).close()}let o=e/2;return new Kt().moveTo(o,e,{geometry:{isFilled:n}}).arcTo(o,o,!1,!0,0,o,0).lineTo(t-o,0).arcTo(o,o,!1,!0,0,t-o,e).close()}function jze(t,e,n){let r=vt/5/2,i=Math.floor(5/4)*2,s=10-i,a=0,l=Math.floor(5/2)*2,c=Math.cos(-Nn+i*r)*t/2,d=Math.cos(-Nn+s*r)*t/2,u=Math.sin(-Nn+a*r)*e/2,p=Math.sin(-Nn+l*r)*e/2,f=t-Math.abs(c-d),h=e-Math.abs(p-u),g=t/2+d-(t/2-c),y=e/2+u-(e/2-p),m=1,S=(t-g)/2,b=(e-y)/2,v=(t+f)/2,w=(e+h)/2,x=v*m/2,C=w*m/2;return Kt.lineThroughPoints(Array.from(Array(10),(P,M)=>{let E=-Nn+M*r;return new T(S+(M%2?x:v)*Math.cos(E),b+(M%2?C:w)*Math.sin(E))}),{geometry:{isFilled:n}}).close()}function Qde(t,e){return t>e?(wt*(e/2)+(t-e))*2:(wt*(t/2)+(e-t))*2}function $ze(t,e,n){let o=Math.min(t,e)/2,r=Math.max(t,e)-o*2,s=(Math.PI*(o*2)+2*r)/n,a=t>e?[{type:"straight",start:new T(o,0),delta:new T(1,0)},{type:"arc",center:new T(t-o,o),startAngle:-wt/2},{type:"straight",start:new T(t-o,e),delta:new T(-1,0)},{type:"arc",center:new T(o,o),startAngle:wt/2}]:[{type:"straight",start:new T(t,o),delta:new T(0,1)},{type:"arc",center:new T(o,e-o),startAngle:0},{type:"straight",start:new T(0,e-o),delta:new T(0,-1)},{type:"arc",center:new T(o,o),startAngle:wt}],l=0,c=[];for(let d=0;d<n;d++){let u=a[0];u.type==="straight"?c.push(T.Add(u.start,T.Mul(u.delta,l))):c.push(Sg(u.center,o,u.startAngle+l/o)),l+=s;let p=u.type==="straight"?r:wt*o;for(;l>p;)l-=p,a.push(a.shift()),p=a[0].type==="straight"?r:wt*o}return c}var Kze={s:50,m:70,l:100,xl:130},Gze=.2;function Wze(t,e,n,o,r,i){let s=new Kt,a=ka(n),l=Qde(t,e),c=Math.max(Math.ceil(l/Kze[o]),6,Math.ceil(l/Math.min(t,e))),d=l/c*Gze,u=Math.max(t-d*2,1),p=Math.max(e-d*2,1),h=Qde(u,p)/c,g=(t-u)/2,y=(e-p)/2,m=$ze(u,p,c).map(w=>w.addXY(g,y)),S=t<20?0:d*.3,b=e<20?0:d*.3,v=m.slice(0);for(let w=0;w<Math.floor(c/2);w++)v[w]=T.AddXY(v[w],a()*S*r,a()*b*r),v[c-w-1]=T.AddXY(v[c-w-1],a()*S*r,a()*b*r);for(let w=0;w<v.length;w++){let x=w===v.length-1?0:w+1,C=v[w],P=v[x],M=m[w],E=m[x],I=T.Dist(M,E),R=h-I,N=T.Dist(C,P)/I,B=(Math.max(g,y)+R)*N,F=T.Lrp(M,E,.5).add(T.Sub(E,M).uni().per().mul(B));F.x<0?F.x=0:F.x>t&&(F.x=t),F.y<0?F.y=0:F.y>e&&(F.y=e);let k=LT(C,P,F),L=T.Dist(k||T.Average([C,P]),C);w===0&&s.moveTo(C.x,C.y,{geometry:{isFilled:i}}),s.circularArcTo(L,!1,!0,P.x,P.y)}return s.close()}function epe(t){return typeof t=="object"&&t!==null&&"solid"in t}function I8(t){let e=[],n=new Set;for(let o of zt.values)if(o in t&&epe(t[o])){if(o==="white")continue;e.push({value:o,icon:"color"}),n.add(o)}for(let[o,r]of Object.entries(t))!n.has(o)&&o!=="white"&&epe(r)&&e.push({value:o,icon:"color"});return e}var Yze={draw:"font-draw",sans:"font-sans",serif:"font-serif",mono:"font-mono"};function _8(t){let e=[],n=new Set;for(let o of nr.values){let r=t.fonts[o];o in t.fonts&&zx(r)&&(e.push({value:o,icon:tpe(r,o)}),n.add(o))}for(let[o,r]of Object.entries(t.fonts))!n.has(o)&&zx(r)&&e.push({value:o,icon:tpe(r,o)});return e}function tpe(t,e){return t.icon!=null?t.icon:Yze[e]??"font-draw"}var Wl={fill:[{value:"none",icon:"fill-none"},{value:"semi",icon:"fill-semi"},{value:"solid",icon:"fill-solid"}],fillExtra:[{value:"pattern",icon:"fill-pattern"},{value:"lined-fill",icon:"fill-lined-fill"},{value:"fill",icon:"fill-fill"}],dash:[{value:"draw",icon:"dash-draw"},{value:"dashed",icon:"dash-dashed"},{value:"dotted",icon:"dash-dotted"},{value:"solid",icon:"dash-solid"}],size:[{value:"s",icon:"size-small"},{value:"m",icon:"size-medium"},{value:"l",icon:"size-large"},{value:"xl",icon:"size-extra-large"}],font:[{value:"draw",icon:"font-draw"},{value:"sans",icon:"font-sans"},{value:"serif",icon:"font-serif"},{value:"mono",icon:"font-mono"}],textAlign:[{value:"start",icon:"text-align-left"},{value:"middle",icon:"text-align-center"},{value:"end",icon:"text-align-right"}],horizontalAlign:[{value:"start",icon:"horizontal-align-start"},{value:"middle",icon:"horizontal-align-middle"},{value:"end",icon:"horizontal-align-end"}],verticalAlign:[{value:"start",icon:"vertical-align-start"},{value:"middle",icon:"vertical-align-middle"},{value:"end",icon:"vertical-align-end"}],arrowKind:[{value:"arc",icon:"arrow-arc"},{value:"elbow",icon:"arrow-elbow"}],arrowheadStart:[{value:"none",icon:"arrowhead-none"},{value:"arrow",icon:"arrowhead-arrow"},{value:"triangle",icon:"arrowhead-triangle"},{value:"square",icon:"arrowhead-square"},{value:"dot",icon:"arrowhead-dot"},{value:"diamond",icon:"arrowhead-diamond"},{value:"inverted",icon:"arrowhead-triangle-inverted"},{value:"bar",icon:"arrowhead-bar"}],arrowheadEnd:[{value:"none",icon:"arrowhead-none"},{value:"arrow",icon:"arrowhead-arrow"},{value:"triangle",icon:"arrowhead-triangle"},{value:"square",icon:"arrowhead-square"},{value:"dot",icon:"arrowhead-dot"},{value:"diamond",icon:"arrowhead-diamond"},{value:"inverted",icon:"arrowhead-triangle-inverted"},{value:"bar",icon:"arrowhead-bar"}],spline:[{value:"line",icon:"spline-line"},{value:"cubic",icon:"spline-cubic"}]};var om=_(j(),1);var Yl=_(H(),1);var wP=Yl.default.forwardRef(function({onHistoryMark:e,title:n,min:o,steps:r,value:i,label:s,onValueChange:a,["data-testid"]:l,ariaValueModifier:c=1},d){let u=J(),p=ot(),[f,h]=(0,Yl.useState)(""),[g,y]=(0,Yl.useState)(-1);(0,Yl.useEffect)(()=>{y(0)},[]);let m=(0,Yl.useCallback)(v=>{a(v[0])},[a]),S=(0,Yl.useCallback)(()=>{tw(),e?.("click slider")},[e]);(0,Yl.useEffect)(()=>{let v=uh.setTimeout("set title and label",()=>{h(n+" \u2014 "+u(s))},0);return()=>clearTimeout(v)},[s,u,n]);let b=(0,Yl.useCallback)(v=>{v.key==="Tab"&&v.stopPropagation()},[]);return(0,om.jsx)("div",{className:"tlui-slider__container",children:(0,om.jsx)(aa,{content:f,children:(0,om.jsxs)(Py.Root,{"data-testid":l,className:"tlui-slider",dir:p,min:o??0,max:r,step:1,value:i!==null?[i]:void 0,onPointerDown:S,onValueChange:m,onKeyDownCapture:b,onKeyUpCapture:b,children:[(0,om.jsx)(Py.Track,{className:"tlui-slider__track",dir:p,children:i!==null&&(0,om.jsx)(Py.Range,{className:"tlui-slider__range",dir:p})}),i!==null&&(0,om.jsx)(Py.Thumb,{"aria-valuemin":(o??0)*c,"aria-valuenow":i*c,"aria-valuemax":r*c,"aria-label":f,className:"tlui-slider__thumb",dir:p,ref:d,tabIndex:g})]})})})});var ds=_(j(),1);var sm=_(H(),1);var npe=_(j(),1);var rm=_(H(),1);var ope=(0,rm.createContext)(null);function M8({children:t,styles:e}){let n=O(),o=nt(),r=(0,rm.useCallback)(l=>n.markHistoryStoppingPoint(l),[n]),i=z("enhancedA11yMode",()=>n.user.getEnhancedA11yMode(),[n]),s=(0,rm.useCallback)(function(l,c){let d=Ti(()=>n.getSelectedShapeIds().length>0&&n.inputs.getAccelKey());n.run(()=>{n.isIn("select")&&n.setStyleForSelectedShapes(l,c),d||n.setStyleForNextShapes(l,c),n.updateInstanceState({isChangingStyle:!0})}),o("set-style",{source:"style-panel",id:l.id,value:c})},[n,o]),a=(0,rm.useCallback)(function(l){let c=Ti(()=>n.getSelectedShapeIds().length>0&&n.inputs.getAccelKey());n.run(()=>{n.isIn("select")&&n.setOpacityForSelectedShapes(l),c||n.setOpacityForNextShapes(l),n.updateInstanceState({isChangingStyle:!0})}),o("set-style",{source:"style-panel",id:"opacity",value:l})},[n,o]);return(0,npe.jsx)(ope.Provider,{value:{styles:e,enhancedA11yMode:i,onHistoryMark:r,onValueChange:s,onOpacityChange:a},children:t})}function cr(){let t=(0,rm.useContext)(ope);if(!t)throw new Error("useStylePanelContext must be used within a StylePanelContextProvider");return t}var rpe=_(j(),1);function im({children:t}){return(0,rpe.jsx)("h3",{className:"tlui-style-panel__subheading",children:t})}function qze(t){let{enhancedA11yMode:e}=cr();return(0,ds.jsxs)(ds.Fragment,{children:[e&&(0,ds.jsx)(im,{children:t.title}),(0,ds.jsx)($n,{label:t.title,children:(0,ds.jsx)(Sw,{...t})})]})}function Xze(t){let e=cr(),{uiType:n,items:o,title:r,style:i,value:s,onValueChange:a=e.onValueChange,onHistoryMark:l=e.onHistoryMark}=t,c=O(),d=z("style panel button picker colors",()=>c.getCurrentTheme().colors[c.getColorMode()],[c]),u=J(),p=Ft(),f=(0,sm.useRef)(!1),h=(0,sm.useRef)(null),{handleButtonClick:g,handleButtonPointerDown:y,handleButtonPointerEnter:m,handleButtonPointerUp:S}=(0,sm.useMemo)(()=>{let v=()=>{f.current=!1,c.getContainerWindow().removeEventListener("pointerup",v);let M=h.current;M&&nh(M,!1)?M.focus():p>=mt.TABLET_SM&&c.getContainer().focus(),h.current=null};return{handleButtonClick:M=>{let{id:E}=M.currentTarget.dataset;s.type==="shared"&&s.value===E||(l?.("point picker item"),a(i,E))},handleButtonPointerDown:M=>{let{id:E}=M.currentTarget.dataset;l?.("point picker item"),a(i,E),f.current=!0,h.current=c.getContainerDocument().activeElement,c.getContainerWindow().addEventListener("pointerup",v)},handleButtonPointerEnter:M=>{if(!f.current)return;let{id:E}=M.currentTarget.dataset;a(i,E)},handleButtonPointerUp:M=>{if(!f.current)return;let{id:E}=M.currentTarget.dataset;s.type==="shared"&&s.value===E||a(i,E)}}},[c,p,s,l,a,i]),b=o.length>4?Pp:Qa;return(0,ds.jsx)(nV,{"data-testid":`style.${n}`,type:"single",value:s.type==="shared"?s.value:null,asChild:!0,children:(0,ds.jsx)(b,{children:o.map(v=>{let w=s.type==="shared"&&s.value===v.value,x=r+" \u2014 "+u(`${n}-style.${v.value}`);return(0,ds.jsx)(oV,{type:"icon","data-id":v.value,"data-testid":`style.${n}.${v.value}`,"aria-label":x+(w?` (${u("style-panel.selected")})`:""),tooltip:(0,ds.jsxs)(ds.Fragment,{children:[(0,ds.jsx)("div",{children:x}),w?(0,ds.jsxs)("div",{children:["(",u("style-panel.selected"),")"]}):null]}),value:v.value,"data-state":s.type==="shared"&&s.value===v.value?"on":"off","data-isactive":w,title:x,style:i===zt?{color:ft(d,v.value,"solid")}:void 0,onPointerEnter:m,onPointerDown:y,onPointerUp:S,onClick:g,children:(0,ds.jsx)(fe,{icon:v.icon})},v.value)})})})}var yw=(0,sm.memo)(qze),Sw=(0,sm.memo)(Xze);var Gn=_(j(),1);var jp=_(H(),1);function Zze(t){let e=J();return(0,Gn.jsxs)("div",{className:"tlui-style-panel__double-select-picker",children:[(0,Gn.jsx)("div",{title:e(t.label),className:"tlui-style-panel__double-select-picker-label",children:e(t.label)}),(0,Gn.jsx)($n,{orientation:"horizontal",label:e(t.label),children:(0,Gn.jsx)(ipe,{...t})})]})}function Jze(t){let e=cr(),{uiTypeA:n,uiTypeB:o,labelA:r,labelB:i,itemsA:s,itemsB:a,styleA:l,styleB:c,valueA:d,valueB:u,onValueChange:p=e.onValueChange}=t,f=O(),h=J(),[g,y]=jp.useState(!1),[m,S]=jp.useState(!1),b=jp.useMemo(()=>s.find(C=>d.type==="shared"&&d.value===C.value)?.icon??"mixed",[s,d]),v=jp.useMemo(()=>a.find(C=>u.type==="shared"&&u.value===C.value)?.icon??"mixed",[a,u]);if(d===void 0&&u===void 0)return null;let w=`style panel ${n} A`,x=`style panel ${o} B`;return(0,Gn.jsxs)(Gn.Fragment,{children:[(0,Gn.jsxs)(ca,{id:w,open:g,onOpenChange:y,children:[(0,Gn.jsx)(ua,{children:(0,Gn.jsx)(gt,{type:"icon","data-testid":`style.${n}`,title:h(r)+" \u2014 "+(d===null||d.type==="mixed"?h("style-panel.mixed"):h(`${n}-style.${d.value}`)),children:(0,Gn.jsx)(fe,{icon:b,small:!0,invertIcon:!0})})}),(0,Gn.jsx)(da,{side:"left",align:"center",sideOffset:80,alignOffset:0,children:(0,Gn.jsx)($n,{orientation:"grid",label:h(r),children:(0,Gn.jsx)(Mn,{type:"icons",sourceId:"style-panel",children:s.map(C=>(0,Gn.jsx)(gt,{"data-testid":`style.${n}.${C.value}`,type:"icon",onClick:()=>{p(l,C.value),Go.deleteOpenMenu(w,f.contextId),y(!1)},title:`${h(r)} \u2014 ${h(`${n}-style.${C.value}`)}`,children:(0,Gn.jsx)(fe,{icon:C.icon,invertIcon:!0})},C.value))})})})]}),(0,Gn.jsxs)(ca,{id:x,open:m,onOpenChange:S,children:[(0,Gn.jsx)(ua,{children:(0,Gn.jsx)(gt,{type:"icon","data-testid":`style.${o}`,title:h(i)+" \u2014 "+(u===null||u.type==="mixed"?h("style-panel.mixed"):h(`${o}-style.${u.value}`)),children:(0,Gn.jsx)(fe,{icon:v,small:!0})})}),(0,Gn.jsx)(da,{side:"left",align:"center",sideOffset:116,alignOffset:0,children:(0,Gn.jsx)($n,{orientation:"grid",label:h(i),children:(0,Gn.jsx)(Mn,{type:"icons",sourceId:"style-panel",children:a.map(C=>(0,Gn.jsx)(gt,{type:"icon",title:`${h(i)} \u2014 ${h(`${o}-style.${C.value}`)}`,"data-testid":`style.${o}.${C.value}`,onClick:()=>{p(c,C.value),Go.deleteOpenMenu(x,f.contextId),S(!1)},children:(0,Gn.jsx)(fe,{icon:C.icon})},C.value))})})})]})]})}var A8=jp.memo(Zze),ipe=jp.memo(Jze);var fa=_(j(),1);var jy=_(H(),1);function Qze(t){let e=J(),n=t.label?e(t.label):e(`style-panel.${t.stylePanelType}`);return(0,fa.jsx)($n,{label:n,children:(0,fa.jsx)(TP,{...t})})}function e3e(t){let e=cr(),{id:n,label:o,uiType:r,stylePanelType:i,style:s,items:a,type:l,value:c,onValueChange:d=e.onValueChange,testIdType:u=r,sideOffset:p=0}=t,f=J(),h=O(),[g,y]=jy.useState(!1),m=jy.useMemo(()=>c.type==="mixed"?"mixed":a.find(P=>P.value===c.value)?.icon??a[0]?.icon,[a,c]),S=f(`style-panel.${i}`),b=c.type!=="mixed"&&a.some(C=>C.value===c.value),v=c.type==="mixed"?f("style-panel.mixed"):b?S+" \u2014 "+f(`${r}-style.${c.value}`):S,w=o?f(o):"",x=`style panel ${n}`;return(0,fa.jsxs)(ca,{id:x,open:g,onOpenChange:y,className:"tlui-style-panel__dropdown-picker",children:[(0,fa.jsx)(ua,{children:(0,fa.jsxs)(gt,{type:l,"data-testid":`style.${u}`,"data-direction":"left",title:v,children:[w&&(0,fa.jsx)(Xt,{children:w}),(0,fa.jsx)(fe,{icon:m})]})}),(0,fa.jsx)(da,{side:"left",align:"center",sideOffset:p,children:(0,fa.jsx)($n,{orientation:a.length>4?"grid":"horizontal",label:w,children:(0,fa.jsx)(Mn,{type:"icons",sourceId:"style-panel",children:a.map(C=>(0,fa.jsx)(gt,{type:"icon","data-testid":`style.${u}.${C.value}`,title:S+" \u2014 "+f(`${r}-style.${C.value}`),isActive:m===C.icon,onClick:()=>{e.onHistoryMark("select style dropdown item"),d(s,C.value),Go.deleteOpenMenu(x,h.contextId),y(!1)},children:(0,fa.jsx)(fe,{icon:C.icon})},C.value))})})})]})}var xP=jy.memo(Qze),TP=jy.memo(e3e);function k8(){return(0,Ue.jsxs)(Ue.Fragment,{children:[(0,Ue.jsxs)(PP,{children:[(0,Ue.jsx)(ape,{}),(0,Ue.jsx)(lpe,{})]}),(0,Ue.jsxs)(PP,{children:[(0,Ue.jsx)(cpe,{}),(0,Ue.jsx)(upe,{}),(0,Ue.jsx)(dpe,{})]}),(0,Ue.jsxs)(PP,{children:[(0,Ue.jsx)(ppe,{}),(0,Ue.jsx)(fpe,{}),(0,Ue.jsx)(hpe,{})]}),(0,Ue.jsxs)(PP,{children:[(0,Ue.jsx)(mpe,{}),(0,Ue.jsx)(gpe,{}),(0,Ue.jsx)(ype,{}),(0,Ue.jsx)(Spe,{})]})]})}function PP({children:t}){return(0,Ue.jsx)("div",{className:"tlui-style-panel__section",children:t})}function ape(){let t=O(),{styles:e}=cr(),n=J(),o=e.get(zt),r=z("style panel color items",()=>I8(t.getCurrentTheme().colors[t.getColorMode()]),[t]);return o===void 0?null:(0,Ue.jsx)(yw,{title:n("style-panel.color"),uiType:"color",style:zt,items:r,value:o})}var CP=[.1,.25,.5,.75,1];function lpe(){let t=O(),{onHistoryMark:e,onOpacityChange:n,enhancedA11yMode:o}=cr(),r=z("opacity",()=>t.getSharedOpacity(),[t]),i=J(),s=spe.default.useCallback(l=>{n(CP[l])},[n]);if(r===void 0)return null;let a=r.type==="mixed"?-1:CP.indexOf(lx(CP,l=>Math.abs(l-r.value)));return(0,Ue.jsxs)(Ue.Fragment,{children:[o&&(0,Ue.jsx)(im,{children:i("style-panel.opacity")}),(0,Ue.jsx)(wP,{"data-testid":"style.opacity",value:a>=0?a:CP.length-1,label:r.type==="mixed"?"style-panel.mixed":`opacity-style.${r.value}`,onValueChange:s,steps:CP.length-1,title:i("style-panel.opacity"),onHistoryMark:e,ariaValueModifier:25})]})}function cpe(){let{styles:t,enhancedA11yMode:e}=cr(),n=J(),o=t.get(Ki);if(o===void 0)return null;let r=n("style-panel.fill");return(0,Ue.jsxs)(Ue.Fragment,{children:[e&&(0,Ue.jsx)(im,{children:r}),(0,Ue.jsxs)($n,{orientation:"horizontal",label:r,children:[(0,Ue.jsx)(Sw,{title:r,uiType:"fill",style:Ki,items:Wl.fill,value:o}),(0,Ue.jsx)(TP,{type:"icon",id:"fill-extra",uiType:"fill",testIdType:"fill-extra",stylePanelType:"fill",style:Ki,items:Wl.fillExtra,value:o,sideOffset:116})]})]})}function upe(){let{styles:t}=cr(),e=J(),n=t.get(Ws);return n===void 0?null:(0,Ue.jsx)(yw,{title:e("style-panel.dash"),uiType:"dash",style:Ws,items:Wl.dash,value:n})}function dpe(){let t=O(),{styles:e,onValueChange:n}=cr(),o=J(),r=e.get(br);return r===void 0?null:(0,Ue.jsx)(yw,{title:o("style-panel.size"),uiType:"size",style:br,items:Wl.size,value:r,onValueChange:(i,s)=>{n(i,s);let a=t.getSelectedShapeIds();a.length>0&&ht(t,a)}})}function ppe(){let t=O(),{styles:e}=cr(),n=J(),o=e.get(nr),r=z("style panel font items",()=>_8(t.getCurrentTheme()),[t]);return o===void 0?null:(0,Ue.jsx)(yw,{title:n("style-panel.font"),uiType:"font",style:nr,items:r,value:o})}function fpe(){let{styles:t,enhancedA11yMode:e}=cr(),n=J(),o=t.get(Nb);if(o===void 0)return null;let r=n("style-panel.align");return(0,Ue.jsxs)(Ue.Fragment,{children:[e&&(0,Ue.jsx)(im,{children:r}),(0,Ue.jsxs)($n,{orientation:"horizontal",label:r,children:[(0,Ue.jsx)(Sw,{title:r,uiType:"align",style:Nb,items:Wl.textAlign,value:o}),(0,Ue.jsx)(gt,{type:"icon",title:n("style-panel.vertical-align"),"data-testid":"vertical-align",disabled:!0,children:(0,Ue.jsx)(fe,{icon:"vertical-align-middle"})})]})]})}function hpe(){let{styles:t,enhancedA11yMode:e}=cr(),n=J(),o=t.get(Qf),r=t.get(eh);if(o===void 0)return null;let i=n("style-panel.label-align");return(0,Ue.jsxs)(Ue.Fragment,{children:[e&&(0,Ue.jsx)(im,{children:i}),(0,Ue.jsxs)($n,{orientation:"horizontal",label:i,children:[(0,Ue.jsx)(Sw,{title:i,uiType:"align",style:Qf,items:Wl.horizontalAlign,value:o}),r===void 0?(0,Ue.jsx)(gt,{type:"icon",title:n("style-panel.vertical-align"),"data-testid":"vertical-align",disabled:!0,children:(0,Ue.jsx)(fe,{icon:"vertical-align-middle"})}):(0,Ue.jsx)(TP,{type:"icon",id:"geo-vertical-alignment",uiType:"verticalAlign",stylePanelType:"vertical-align",style:eh,items:Wl.verticalAlign,value:r,sideOffset:116})]})]})}function mpe(){let t=O(),{styles:e}=cr(),n=e.get(Or);if(n===void 0)return null;let o=t.getShapeUtil("geo").options.customGeoTypes,r={...gw,...o},i=Object.entries(r).map(([s,a])=>({value:s,icon:a.icon}));return(0,Ue.jsx)(xP,{label:"style-panel.geo",type:"menu",id:"geo",uiType:"geo",stylePanelType:"geo",style:Or,items:i,value:n})}function gpe(){let{styles:t}=cr(),e=t.get(dg);return e===void 0?null:(0,Ue.jsx)(xP,{id:"arrow-kind",type:"menu",label:"style-panel.arrow-kind",uiType:"arrow-kind",stylePanelType:"arrow-kind",style:dg,items:Wl.arrowKind,value:e})}function ype(){let{styles:t}=cr(),e=t.get(Vx),n=t.get(Hx);return e===void 0||n===void 0?null:(0,Ue.jsx)(A8,{label:"style-panel.arrowheads",uiTypeA:"arrowheadStart",styleA:Hx,itemsA:Wl.arrowheadStart,valueA:n,uiTypeB:"arrowheadEnd",styleB:Vx,itemsB:Wl.arrowheadEnd,valueB:e,labelA:"style-panel.arrowhead-start",labelB:"style-panel.arrowhead-end"})}function Spe(){let{styles:t}=cr(),e=t.get(mT);return e===void 0?null:(0,Ue.jsx)(xP,{type:"menu",id:"spline",uiType:"spline",stylePanelType:"spline",label:"style-panel.spline",style:mT,items:Wl.spline,value:e})}var R8=(0,bw.memo)(function({isMobile:e,styles:n,children:o}){let r=O(),i=z("enhancedA11yMode",()=>r.user.getEnhancedA11yMode(),[r]),s=(0,bw.useRef)(null);xr(s);let a=bP();return n===void 0&&(n=a),(0,bw.useEffect)(()=>{let l=s.current;if(!l)return;function c(u){r.markEventAsHandled(u)}function d(u){u.key==="Escape"&&s.current?.contains(r.getContainerDocument().activeElement)&&(u.stopPropagation(),r.getContainer().focus())}return l.addEventListener("pointermove",c),l.addEventListener("keydown",d,{capture:!0}),()=>{l.removeEventListener("pointermove",c),l.removeEventListener("keydown",d,{capture:!0})}},[r]),n&&(0,pD.jsx)("div",{ref:s,"data-testid":"style.panel",className:(0,bpe.default)("tlui-style-panel",{"tlui-style-panel__wrapper":!e}),"data-ismobile":e,"data-enhanced-a11y-mode":i,children:(0,pD.jsx)(M8,{styles:n,children:o??(0,pD.jsx)(k8,{})})})});var Ro=_(j(),1);var vpe=_(H(),1);var t3e=4e3,n3e={success:"check-circle",warning:"warning-triangle",error:"cross-circle",info:"info-circle"};function o3e({toast:t}){let{removeToast:e}=ui(),n=J(),o=a=>{a||e(t.id)},r=t.actions&&t.actions.length>0,i=t.icon||t.severity&&n3e[t.severity],s=t.iconLabel||(t.severity?n(`toast.${t.severity}`):"");return(0,Ro.jsxs)(zl.Root,{onOpenChange:o,className:"tlui-toast__container",duration:t.keepOpen?1/0:t3e,"data-severity":t.severity,children:[i&&(0,Ro.jsx)("div",{className:"tlui-toast__icon",children:(0,Ro.jsx)(ar,{label:s,icon:i})}),(0,Ro.jsxs)("div",{className:"tlui-toast__main","data-title":!!t.title,"data-description":!!t.description,"data-actions":!!t.actions,children:[(0,Ro.jsxs)("div",{className:"tlui-toast__content",children:[t.title&&(0,Ro.jsx)(zl.Title,{className:"tlui-toast__title",children:t.title}),t.description&&(0,Ro.jsx)(zl.Description,{className:"tlui-toast__description",children:t.description})]}),t.actions&&(0,Ro.jsxs)("div",{className:"tlui-toast__actions",children:[t.actions.map((a,l)=>(0,Ro.jsx)(zl.Action,{altText:a.label,asChild:!0,onClick:a.onClick,children:(0,Ro.jsx)(Ae,{type:a.type,children:(0,Ro.jsx)(Xt,{children:a.label})})},l)),(0,Ro.jsx)(zl.Close,{asChild:!0,children:(0,Ro.jsx)(Ae,{type:"normal",className:"tlui-toast__close",style:{marginLeft:"auto"},children:(0,Ro.jsx)(Xt,{children:t.closeLabel??n("toast.close")})})})]})]}),!r&&(0,Ro.jsx)(zl.Close,{asChild:!0,children:(0,Ro.jsx)(Ae,{type:"normal",className:"tlui-toast__close",children:(0,Ro.jsx)(Xt,{children:t.closeLabel??n("toast.close")})})})]})}var D8=(0,vpe.memo)(function(){let{toasts:e}=ui(),n=z("toasts",()=>e.get(),[]);return(0,Ro.jsxs)(Ro.Fragment,{children:[n.map(o=>(0,Ro.jsx)(o3e,{toast:o},o.id)),(0,Ro.jsx)(zl.ToastViewport,{className:"tlui-toast__viewport"})]})});var EP=_(j(),1);var ql=_(H(),1);var O8=_(j(),1);var xpe=_(Jt(),1),wo=_(H(),1),Tpe=_(Jl(),1);var r3e=150,i3e=16,s3e=16,wpe=16**2,a3e=8,am=16,l3e=!1,c3e=!1;function $y({children:t,className:e,isMousingDown:n,getSelectionBounds:o,changeOnlyWhenYChanges:r=!1,label:i}){let s=O(),a=(0,wo.useRef)(null);xr(a),tU(a);let{isVisible:l,isInteractive:c,hide:d,show:u,position:p,move:f}=p3e(r),h=(0,wo.useRef)(!1),[g,y]=(0,wo.useState)(!1),m=Da("content size update counter",0);(0,wo.useEffect)(()=>{ne(a.current);let b=new ResizeObserver(()=>{m.update(v=>v+1)});return b.observe(a.current),()=>b.disconnect()},[m]),(0,wo.useEffect)(()=>{let b=m.get();return Sn("toolbar position",function(){let w=a.current;if(!w)return;let x=m.get();s.getCamera(),m.get();let C=u3e(s,w,o);if(!C)h.current&&(h.current=!1,y(!1));else{if(s.getCameraState()==="moving"){let M=a.current;M&&M.style.setProperty("transform",`translate(${C.x}px, ${C.y}px)`)}else{let M=b!==x;f(C.x,C.y,M)}h.current||(h.current=!0,y(!0))}b=x})},[s,o,m,f]);let S=z("camera state",()=>s.getCameraState(),[s]);return(0,wo.useEffect)(()=>{if(S==="moving"&&l3e){d(!0);return}if(n||!g){d();return}u()},[g,S,n,u,d]),(0,wo.useLayoutEffect)(()=>{let b=a.current;b&&(b.dataset.visible=`${l}`)},[l,p]),(0,wo.useLayoutEffect)(()=>{let b=a.current;b&&b.style.setProperty("transform",`translate(${p.x}px, ${p.y}px)`)},[p]),(0,wo.useLayoutEffect)(()=>{let b=a.current;b&&(b.dataset.interactive=`${c}`)},[c]),(0,O8.jsx)("div",{ref:a,"data-interactive":!1,"data-visible":!1,"data-testid":"contextual-toolbar",className:(0,xpe.default)("tlui-contextual-toolbar",e),onPointerDown:s.markEventAsHandled,children:(0,O8.jsx)($n,{orientation:"horizontal",className:"tlui-menu",label:i,tooltipSide:"top",children:t})})}function L8(t){return new q(t.x,t.y,t.width,t.height)}function u3e(t,e,n){let o=n()?.clone();if(!o)return;let r=t.getViewportScreenBounds();if(o.x-=r.x,o.y-=r.y,o.midY<am||o.midY>r.h-am||o.midX<am||o.midX>r.w-am)return;let i=L8(e.getBoundingClientRect());if(!i.width||!i.height)return;let{scrollLeft:s,scrollTop:a}=t.getContainer(),l=c3e?o.x:o.midX-i.w/2,c=o.y-i.h-a3e;return l=xe(l,am,r.w-i.w-am),c=xe(c,am,r.h-i.h-am),l+=s,c+=a,l=Math.round(l),c=Math.round(c),{x:l,y:c}}function d3e(t,e,n){return n?T.Sub(e,t).y**2>=wpe:T.Len2(T.Sub(e,t))>=wpe}function p3e(t){let e=O(),n=(0,wo.useRef)({name:"hidden"}),[o,r]=(0,wo.useState)(!1),[i,s]=(0,wo.useState)(!1),[a,l]=(0,wo.useState)({x:-1e3,y:-1e3}),c=(0,wo.useRef)(new T(-1e3,-1e3)),d=(0,wo.useRef)(new T(-1e3,-1e3)),u=(0,wo.useRef)(-1),p=(0,wo.useRef)(-1),f=(0,wo.useCallback)((y,m,S=!1)=>{if(d.current.x=y,d.current.y=m,n.current.name==="hidden"||n.current.name==="showing")return;clearTimeout(p.current);let b=()=>{if(n.current.name==="shown"&&d3e(d.current,c.current,t)){let{x:v,y:w}=d.current;c.current=new T(v,w),S?(0,Tpe.flushSync)(()=>l({x:v,y:w})):l({x:v,y:w})}};S?b():p.current=e.timers.setTimeout(b,r3e)},[e,t]),h=(0,wo.useCallback)((y=!1)=>{switch(n.current.name){case"showing":{clearTimeout(u.current),n.current={name:"hidden"};break}case"shown":{n.current={name:"hiding"},r(!1),y?(n.current={name:"hidden"},s(!1)):u.current=e.timers.setTimeout(()=>{n.current={name:"hidden"},s(!1)},i3e);break}default:}},[e]),g=(0,wo.useCallback)(()=>{switch(n.current.name){case"hidden":{n.current={name:"showing"},u.current=e.timers.setTimeout(()=>{let{x:y,y:m}=d.current;c.current=new T(y,m),l({x:y,y:m}),n.current={name:"shown"},s(!0),r(!0)},s3e);break}case"hiding":{clearTimeout(u.current),n.current={name:"shown"},r(!0),f(d.current.x,d.current.y);break}default:}},[e,f]);return{isVisible:i,isInteractive:o,show:g,hide:h,move:f,position:a}}var lm=_(j(),1);var Hu=_(H(),1);function fD({shapeId:t,onClose:e,source:n}){let o=O(),[r,i]=(0,Hu.useState)(()=>{let h=o.getShape(t);if(!h)return"";if(!("altText"in h.props))throw Error("Shape does not have altText property");return h.props.altText||""}),s=J(),a=(0,Hu.useRef)(null),l=nt(),c=o.getIsReadonly(),d=h=>i(h),u=(0,Hu.useCallback)(()=>{l("set-alt-text",{source:n});let h=o.getShape(t);h&&(o.updateShapes([{id:h.id,type:h.type,props:{altText:r}}]),e())},[l,n,o,t,r,e]),p=()=>u(),f=(0,Hu.useCallback)(()=>e(),[e]);return(0,Hu.useEffect)(()=>{let h=o.getContainerDocument();a.current?.select();function g(y){y.key==="Escape"&&(y.stopPropagation(),f())}return h.addEventListener("keydown",g,{capture:!0}),()=>{h.removeEventListener("keydown",g,{capture:!0})}},[o,f]),(0,Hu.useEffect)(()=>{let h=o.getContainerDocument(),g=y=>{h.querySelector(".tlui-media__toolbar")?.contains(y.target)||u()};return h.addEventListener("pointerdown",g,{capture:!0}),()=>{h.removeEventListener("pointerdown",g,{capture:!0})}},[o,u]),(0,lm.jsxs)(lm.Fragment,{children:[(0,lm.jsx)(el,{ref:a,className:"tlui-media__toolbar-alt-text-input","data-testid":"media-toolbar.alt-text-input",value:r,placeholder:s("tool.media-alt-text-desc"),"aria-label":s("tool.media-alt-text-desc"),onValueChange:d,onComplete:u,onCancel:f,disabled:c}),!c&&(0,lm.jsx)(Ae,{title:s("tool.media-alt-text-confirm"),"data-testid":"tool.media-alt-text-confirm",type:"icon",onPointerDown:de,onClick:p,children:(0,lm.jsx)(fe,{small:!0,icon:"check"})})]})}var xo=_(j(),1);var ha=_(H(),1);var N8=sn(function({imageShapeId:e,isManipulating:n,onEditAltTextStart:o,onManipulatingStart:r,onManipulatingEnd:i}){let s=O(),a=nt(),l=J(),c="image-toolbar",d=(0,ha.useRef)(null),u=s.getIsReadonly(),p=z("crop",()=>s.getShape(e).props.crop,[s,e]),f=p?Math.min(1-(p.bottomRight.x-p.topLeft.x),1-(p.bottomRight.y-p.topLeft.y)):0,[h,g]=(0,ha.useState)(p?Math.max(f,1-1/Ps):Ps),y=lr();(0,ha.useEffect)(()=>{g(p?Math.max(f,1-1/Ps):Ps)},[p,f,h]);let m=(0,ha.useCallback)(I=>s.markHistoryStoppingPoint(I),[s]),S=(0,ha.useCallback)((I,R)=>{let D=Ps/(Ps-1);return Math.pow(I/R,D)*R},[]),b=p&&h?Qr(S(f,h),[0,h],[0,100],!0):0,v=(0,ha.useCallback)(I=>{s.setCurrentTool("select.crop.idle");let R=I/100,D=1-1/Ps,N=Math.min(D,h??D),B=Ps/(Ps-1),F=Math.pow(R,1/B)*N,k=F>=1?1:F/(2*(1-F)),L=s.getShape(e);if(!L)return;let U=qne(k,L,h);s.updateShape({id:L.id,type:L.type,x:U.x,y:U.y,props:{w:U.w,h:U.h,crop:U.crop}}),a("set-style",{source:"image-toolbar",id:"zoom",value:I})},[s,a,e,h]),w=(0,ha.useCallback)(()=>y["image-replace"].onSelect("image-toolbar"),[y]),x=(0,ha.useCallback)(()=>y["download-original"].onSelect("image-toolbar"),[y]),C=I=>{let R=s.getShape(e);R&&s.run(()=>{s.setCurrentTool("select.crop.idle");let D=Zne(I,R);s.markHistoryStoppingPoint("aspect ratio"),s.updateShape({id:e,type:"image",x:D.x,y:D.y,props:{crop:D.crop,w:D.w,h:D.h}}),ht(s,[e])})},P=z("altText",()=>s.getShape(e).props.altText,[s,e]),M=z("shapeAspectRatio",()=>{let I=s.getShape(e);return I.props.w/I.props.h},[s,e]),E=!p||(0,Ho.default)(p,na());return(0,ha.useEffect)(()=>{n&&s.timers.setTimeout(()=>d.current?.focus(),0)},[s,n]),(0,ha.useEffect)(()=>{function I(D){n&&(D.key==="Escape"?(s.cancel(),i()):D.key==="Enter"&&(s.complete(),i()))}let R=d.current;return R&&R.addEventListener("keydown",I),()=>{R&&R.removeEventListener("keydown",I)}},[s,n,i]),n?(0,xo.jsxs)(xo.Fragment,{children:[(0,xo.jsx)(wP,{ref:d,value:b,label:"tool.image-zoom",onValueChange:v,onHistoryMark:m,min:0,steps:100,"data-testid":"tool.image-zoom",title:l("tool.image-zoom")}),(0,xo.jsxs)(kp,{id:"image-toolbar-aspect-ratio",children:[(0,xo.jsx)(Rp,{children:(0,xo.jsx)(gt,{title:l("tool.aspect-ratio"),type:"icon","data-testid":"tool.image-aspect-ratio",children:(0,xo.jsx)(fe,{icon:"corners"})})}),(0,xo.jsx)(Dp,{side:"top",align:"center",children:W5.map(I=>{let R=!1;return E?I==="original"&&(R=!0):I==="circle"?R=!!p.isCircle:I==="square"?R=!p?.isCircle&&En(M,i1[I],.1):I==="original"?R=!1:R=!E&&En(M,i1[I],.01),(0,xo.jsx)(Q6,{onSelect:()=>C(I),checked:R,title:l(`tool.aspect-ratio.${I}`),children:(0,xo.jsx)(Xt,{children:l(`tool.aspect-ratio.${I}`)})},I)})})]}),(0,xo.jsx)(gt,{type:"icon",onClick:i,"data-testid":"tool.image-crop-confirm",style:{borderLeft:"1px solid var(--tl-color-divider)",marginLeft:"2px"},title:l("tool.image-crop-confirm"),children:(0,xo.jsx)(fe,{small:!0,icon:"check"})})]}):(0,xo.jsxs)(xo.Fragment,{children:[!u&&(0,xo.jsx)(gt,{type:"icon","data-testid":"tool.image-replace",onClick:w,title:l("tool.replace-media"),children:(0,xo.jsx)(fe,{small:!0,icon:"tool-media"})}),!u&&(0,xo.jsx)(gt,{type:"icon",title:l("tool.image-crop"),onClick:r,"data-testid":"tool.image-crop",children:(0,xo.jsx)(fe,{small:!0,icon:"crop"})}),(0,xo.jsx)(gt,{type:"icon",title:l("action.download-original"),onClick:x,"data-testid":"tool.image-download",children:(0,xo.jsx)(fe,{small:!0,icon:"download"})}),(P||!u)&&(0,xo.jsx)(gt,{type:"icon",title:l("tool.media-alt-text"),"data-testid":"tool.image-alt-text",onClick:()=>{a("alt-text-start",{source:c}),o()},children:(0,xo.jsx)(fe,{small:!0,icon:"alt"})})]})});function F8({children:t}){let e=O(),n=z("imageShape",()=>{let i=e.getOnlySelectedShape();return!i||i.type!=="image"?null:i.id},[e]),o=z("showToolbar",()=>e.isInAny("select.idle","select.pointing_shape","select.crop"),[e]),r=z("locked",()=>n?e.getShape(n)?.isLocked:!1,[e,n]);return!n||!o||r?null:(0,EP.jsx)(f3e,{imageShapeId:n,children:t},n)}function f3e({children:t,imageShapeId:e}){let n=O(),o=J(),r=z("editor path",()=>n.isInAny("select.crop.cropping","select.crop.pointing_crop_handle","select.crop.translating_crop"),[n]),i=z("camera",()=>n.getCamera(),[n]),s=z("editor path",()=>n.isIn("select.crop."),[n]),a=(0,ql.useRef)(void 0),l=(0,ql.useCallback)(()=>{n.setCroppingShape(null),n.setCurrentTool("select.idle")},[n]),[c,d]=(0,ql.useState)(!1),u=(0,ql.useCallback)(()=>d(!0),[]),p=(0,ql.useCallback)(()=>n.setCurrentTool("select.crop.idle"),[n]),f=(0,ql.useCallback)(()=>d(!1),[]);(0,ql.useEffect)(()=>{a.current=void 0},[i]);let h=(0,ql.useCallback)(()=>{if(s&&a.current)return a.current;let g=n.getSelectionScreenBounds();if(!g)return;let y=new q(g.x,g.y,g.width,0);return a.current=y,y},[n,s]);return r?(a.current=void 0,null):(0,EP.jsx)($y,{className:"tlui-media__toolbar tlui-image__toolbar",getSelectionBounds:h,label:o("tool.image-toolbar-title"),children:t||(c?(0,EP.jsx)(fD,{shapeId:e,onClose:f,source:"image-toolbar"}):(0,EP.jsx)(N8,{imageShapeId:e,isManipulating:s,onEditAltTextStart:u,onManipulatingStart:p,onManipulatingEnd:l}))})}var IP=_(j(),1);var ps=_(H(),1);var B8=_(j(),1);var Ky=_(H(),1);function z8({textEditor:t,onEditLinkStart:e}){let n=O(),o=nt(),r=J(),i="rich-text-menu",[s,a]=(0,Ky.useState)(0);return(0,Ky.useEffect)(function(){function d(){a(u=>u+1)}t.on("update",d),t.on("selectionUpdate",d)},[t]),(0,Ky.useEffect)(()=>{function c(u){e&&Io(u)&&u.shiftKey&&u.key==="k"&&(u.preventDefault(),e())}let d=n.getContainerDocument();return d.addEventListener("keydown",c),()=>{d.removeEventListener("keydown",c)}},[n,e]),(0,Ky.useMemo)(()=>{function c(d,u){t.view&&(o("rich-text",{operation:d,source:i}),t.chain().focus()[u]().run())}return[{name:"bold",onSelect(){c("bold","toggleBold")}},{name:"italic",onSelect(){c("bold","toggleItalic")}},{name:"code",onSelect(){c("bold","toggleCode")}},e?{name:"link",onSelect(){e()}}:void 0,{name:"bulletList",onSelect(){c("bulletList","toggleBulletList")}},{name:"highlight",onSelect(){c("bulletList","toggleHighlight")}}].filter(Boolean)},[t,o,e]).map(({name:c,attrs:d,onSelect:u})=>{let p=t.view?t.isActive(c,d):!1;return(0,B8.jsx)(gt,{title:r(`tool.rich-text-${c}`),"data-testid":`rich-text.${c}`,type:"icon",isActive:p,onPointerDown:de,onClick:u,role:"option","aria-pressed":p,children:(0,B8.jsx)(fe,{small:!0,icon:c})},c)})}var Vu=_(j(),1);var zc=_(H(),1);function Cpe({textEditor:t,value:e,onClose:n}){let o=O(),[r,i]=(0,zc.useState)(e),s=J(),a=(0,zc.useRef)(null),l=nt(),c="rich-text-menu",d=r.startsWith("http")?r:`https://${r}`,u=y=>i(y),p=(0,zc.useCallback)(y=>{l("rich-text",{operation:"link-edit",source:c}),!y.startsWith("http://")&&!y.startsWith("https://")&&(y=`https://${y}`),t.chain().setLink({href:y}).run(),o.getInstanceState().isCoarsePointer?t.commands.blur():t.commands.focus(),n()},[l,c,t,o,n]),f=()=>{l("rich-text",{operation:"link-visit",source:c}),lh(d,"_blank"),n()},h=(0,zc.useCallback)(()=>{l("rich-text",{operation:"link-remove",source:c}),t.chain().unsetLink().focus().run(),n()},[l,c,t,n]),g=()=>n();return(0,zc.useEffect)(()=>{let y=o.getContainerDocument(),m=S=>{y.querySelector(".tlui-rich-text__toolbar")?.contains(S.target)||(r?p(r):h())};return y.addEventListener("pointerdown",m,{capture:!0}),()=>{y.removeEventListener("pointerdown",m,{capture:!0})}},[o,p,h,r]),(0,zc.useEffect)(()=>{a.current?.focus()},[r]),(0,zc.useEffect)(()=>{i(e)},[e]),(0,Vu.jsxs)(Vu.Fragment,{children:[(0,Vu.jsx)(el,{ref:a,"data-testid":"rich-text.link-input",className:"tlui-rich-text__toolbar-link-input",value:r,onValueChange:u,onComplete:p,onCancel:g,placeholder:"example.com","aria-label":"example.com"}),(0,Vu.jsx)(Ae,{className:"tlui-rich-text__toolbar-link-visit",title:s("tool.rich-text-link-visit"),type:"icon",onPointerDown:de,onClick:f,disabled:!r,children:(0,Vu.jsx)(fe,{small:!0,icon:"external-link"})}),(0,Vu.jsx)(Ae,{className:"tlui-rich-text__toolbar-link-remove",title:s("tool.rich-text-link-remove"),"data-testid":"rich-text.link-remove",type:"icon",onPointerDown:de,onClick:h,children:(0,Vu.jsx)(fe,{small:!0,icon:"trash"})})]})}var U8=sn(function({children:e}){let n=O(),o=z("textEditor",()=>n.getRichTextEditor(),[n]);return n.getInstanceState().isCoarsePointer||!o?null:(0,IP.jsx)(h3e,{textEditor:o,children:e})});function h3e({textEditor:t,children:e}){let n=O(),{isEditingLink:o,onEditLinkStart:r,onEditLinkClose:i}=m3e(t),[s,a]=(0,ps.useState)(null),l=(0,ps.useRef)(void 0),c=g3e(t),d=J(),u=(0,ps.useCallback)(()=>{if(o)return l.current;let p=n.getContainerWindow().getSelection();if(!s||!p||p.rangeCount===0||p.isCollapsed)return;let f=[];for(let g=0;g<p.rangeCount;g++){let y=p.getRangeAt(g);f.push(L8(y.getBoundingClientRect()))}let h=q.Common(f);return l.current=h,h},[n,s,o]);return(0,ps.useEffect)(()=>{let p=({editor:f})=>a(f.state.selection);return t.on("selectionUpdate",p),p({editor:t}),()=>{t.off("selectionUpdate",p)}},[t]),(0,IP.jsx)($y,{className:"tlui-rich-text__toolbar",getSelectionBounds:u,isMousingDown:c,changeOnlyWhenYChanges:!0,label:d("tool.rich-text-toolbar-title"),children:e||(o?(0,IP.jsx)(Cpe,{textEditor:t,value:t.isActive("link")?t.getAttributes("link").href:"",onClose:i}):(0,IP.jsx)(z8,{textEditor:t,onEditLinkStart:r}))})}function m3e(t){let[e,n]=(0,ps.useState)(!1);(0,ps.useEffect)(()=>{if(!t){n(!1);return}let s=()=>{let a=t.isActive("link");n(a)};return t.view.dom.addEventListener("click",s),()=>{t.isInitialized&&t.view.dom.removeEventListener("click",s)}},[t,e]),(0,ps.useEffect)(()=>{if(t&&t.isActive("link"))try{let{from:s,to:a}=GC(t.state.doc.resolve(t.state.selection.from),t.schema.marks.link);t.state.selection.empty&&t.commands.setTextSelection({from:s,to:a})}catch{}},[t,e]);let o=(0,ps.useCallback)(()=>{n(!0)},[]),r=(0,ps.useCallback)(()=>{n(!1)},[]),i=(0,ps.useCallback)(()=>{if(n(!1),!t)return;let s=t.state.selection.from;t.commands.setTextSelection({from:s,to:s})},[t]);return{isEditingLink:e,onEditLinkStart:o,onEditLinkClose:i,onEditLinkCancel:r}}function g3e(t){let[e,n]=(0,ps.useState)(!1);return(0,ps.useEffect)(()=>{if(!t)return;let o=Ed(({isPointing:c})=>{n(c)},16),r=()=>o({isPointing:!0}),i=()=>o({isPointing:!1}),s=["touchstart","pointerdown","mousedown"],a=["touchend","pointerup","mouseup"];s.forEach(c=>{t.view.dom.addEventListener(c,r)});let l=t.view.dom.ownerDocument;return a.forEach(c=>{l.body.addEventListener(c,i)}),()=>{s.forEach(c=>{t.isInitialized&&t.view.dom.removeEventListener(c,r)}),a.forEach(c=>{l.body.removeEventListener(c,i)})}},[t]),e}var Ls=_(j(),1);var pfe=_(Jt(),1),gD=_(H(),1);var cm=_(j(),1);var Ppe=_(H(),1);function H8(){let t=O(),e=J(),{orientation:n}=Ru(),r=bP()?.get(zt),i=z("mobile style panel current color",()=>{let c=t.getCurrentTheme().colors[t.getColorMode()];return r?.type==="shared"?ft(c,r.value,"solid"):ft(c,"black","solid")},[t,r]),s=z("disable style panel",()=>t.isInAny("hand","zoom","eraser","laser"),[t]),a=(0,Ppe.useCallback)(c=>{c||t.updateInstanceState({isChangingStyle:!1})},[t]),{StylePanel:l}=Fn();return l?(0,cm.jsxs)(ca,{id:"mobile style menu",onOpenChange:a,children:[(0,cm.jsx)(ua,{children:(0,cm.jsx)(Ae,{type:"tool","data-testid":"mobile-styles.button",style:{color:s?"var(--tl-color-muted-1)":i},title:e("style-panel.title"),disabled:s,children:(0,cm.jsx)(fe,{icon:s?"blob":r?.type==="mixed"?"mixed":"blob"})})}),(0,cm.jsx)(da,{side:n==="horizontal"?"top":"right",align:"end",children:l&&(0,cm.jsx)(l,{isMobile:!0})})]}):null}var _e=_(j(),1);function V8(){return(0,_e.jsxs)(_e.Fragment,{children:[(0,_e.jsx)(Ipe,{}),(0,_e.jsx)(_pe,{}),(0,_e.jsx)(Mpe,{}),(0,_e.jsx)(Ape,{}),(0,_e.jsx)(kpe,{}),(0,_e.jsx)(Rpe,{}),(0,_e.jsx)(Dpe,{}),(0,_e.jsx)(Ope,{}),(0,_e.jsx)(Lpe,{}),(0,_e.jsx)(Npe,{}),(0,_e.jsx)(Bpe,{}),(0,_e.jsx)(Fpe,{}),(0,_e.jsx)(Hpe,{}),(0,_e.jsx)($pe,{}),(0,_e.jsx)(zpe,{}),(0,_e.jsx)(jpe,{}),(0,_e.jsx)(Vpe,{}),(0,_e.jsx)(Upe,{}),(0,_e.jsx)(Kpe,{}),(0,_e.jsx)(Gpe,{}),(0,_e.jsx)(Wpe,{}),(0,_e.jsx)(Ype,{}),(0,_e.jsx)(qpe,{}),(0,_e.jsx)(Xpe,{}),(0,_e.jsx)(Zpe,{}),(0,_e.jsx)(Jpe,{}),(0,_e.jsx)(efe,{}),(0,_e.jsx)(Qpe,{})]})}function Epe(t){let e=O(),n=t?.meta?.geo;return z("is tool selected",()=>{if(!t)return!1;let o=e.getCurrentToolId();return o==="geo"?n===e.getSharedStyles().getAsKnownValue(Or):o===t.id},[e,t?.id,n])}function Bn({tool:t}){let e=Ny(),n=Epe(e[t]);return(0,_e.jsx)(di,{toolId:t,isSelected:n})}function Ipe(){return(0,_e.jsx)(Bn,{tool:"select"})}function _pe(){return(0,_e.jsx)(Bn,{tool:"hand"})}function Mpe(){return(0,_e.jsx)(Bn,{tool:"draw"})}function Ape(){return(0,_e.jsx)(Bn,{tool:"eraser"})}function kpe(){return(0,_e.jsx)(Bn,{tool:"arrow"})}function Rpe(){return(0,_e.jsx)(Bn,{tool:"text"})}function Dpe(){return(0,_e.jsx)(Bn,{tool:"note"})}function Ope(){return(0,_e.jsx)(di,{toolId:"asset"})}function Lpe(){return(0,_e.jsx)(Bn,{tool:"rectangle"})}function Npe(){return(0,_e.jsx)(Bn,{tool:"ellipse"})}function Fpe(){return(0,_e.jsx)(Bn,{tool:"diamond"})}function Bpe(){return(0,_e.jsx)(Bn,{tool:"triangle"})}function zpe(){return(0,_e.jsx)(Bn,{tool:"rhombus"})}function Upe(){return(0,_e.jsx)(Bn,{tool:"heart"})}function Hpe(){return(0,_e.jsx)(Bn,{tool:"hexagon"})}function Vpe(){return(0,_e.jsx)(Bn,{tool:"cloud"})}function jpe(){return(0,_e.jsx)(Bn,{tool:"star"})}function $pe(){return(0,_e.jsx)(Bn,{tool:"oval"})}function Kpe(){return(0,_e.jsx)(Bn,{tool:"x-box"})}function Gpe(){return(0,_e.jsx)(Bn,{tool:"check-box"})}function Wpe(){return(0,_e.jsx)(Bn,{tool:"arrow-left"})}function Ype(){return(0,_e.jsx)(Bn,{tool:"arrow-up"})}function qpe(){return(0,_e.jsx)(Bn,{tool:"arrow-down"})}function Xpe(){return(0,_e.jsx)(Bn,{tool:"arrow-right"})}function Zpe(){return(0,_e.jsx)(Bn,{tool:"line"})}function Jpe(){return(0,_e.jsx)(Bn,{tool:"highlight"})}function Qpe(){return(0,_e.jsx)(Bn,{tool:"frame"})}function efe(){return(0,_e.jsx)(Bn,{tool:"laser"})}var fs=_(j(),1);var ufe=_(Jt(),1),Os=_(H(),1);var afe=_(H(),1);var tfe=["copy","cut","paste","asset"];function j8(){let t=O(),e=Zo(),n=lr(),o=Ny(),r=z("is focused",()=>t.getInstanceState().isFocused,[t]);(0,afe.useEffect)(()=>{if(!r)return;let i=[],s=(u,p,f)=>{let h=b3e(u);h.length!==0&&i.push({parsed:h,onKeyDown:p,onKeyUp:f})};for(let u of Object.values(n))u.kbd&&(e&&!u.readonlyOk||tfe.includes(u.id)||s(sfe(u.kbd),p=>{vw(t)&&!u.isRequiredA11yAction||(de(p),u.onSelect("kbd"))}));for(let u of Object.values(o))!u.kbd||!u.readonlyOk&&t.getIsReadonly()||tfe.includes(u.id)||s(sfe(u.kbd),p=>{vw(t)||(de(p),u.onSelect("kbd"))});s(",",u=>{if(vw(t)||t.inputs.keys.has("Comma"))return;de(u),t.focus(),t.inputs.keys.add("Comma");let{x:p,y:f,z:h}=t.inputs.getCurrentPagePoint(),g=t.pageToScreen({x:p,y:f}),y={type:"pointer",name:"pointer_down",point:{x:g.x,y:g.y,z:h},shiftKey:u.shiftKey,altKey:u.altKey,ctrlKey:u.metaKey||u.ctrlKey,metaKey:u.metaKey,accelKey:Io(u),pointerId:0,button:0,isPen:t.getInstanceState().isPenMode,target:"canvas"};t.dispatch(y)},u=>{if(vw(t)||!t.inputs.keys.has("Comma"))return;t.inputs.keys.delete("Comma");let{x:p,y:f,z:h}=t.inputs.getCurrentPagePoint(),g=t.pageToScreen({x:p,y:f}),y={type:"pointer",name:"pointer_up",point:{x:g.x,y:g.y,z:h},shiftKey:u.shiftKey,altKey:u.altKey,ctrlKey:u.metaKey||u.ctrlKey,metaKey:u.metaKey,accelKey:Io(u),pointerId:0,button:0,isPen:t.getInstanceState().isPenMode,target:"canvas"};t.dispatch(y)});let a=t.getContainerDocument().body,l=new Map,c=u=>{if(ife(u))return;let p=u.code;for(let f of i)if(f.onKeyDown){for(let h of f.parsed)if(rfe(u,h)){if(p)if(u.repeat){let g=l.get(p);if(g&&g!==f)return}else l.set(p,f);f.onKeyDown(u);break}}},d=u=>{if(u.code&&l.delete(u.code),!ife(u)){for(let p of i)if(p.onKeyUp){for(let f of p.parsed)if(rfe(u,f)){p.onKeyUp(u);break}}}};return a.addEventListener("keydown",c),a.addEventListener("keyup",d),()=>{a.removeEventListener("keydown",c),a.removeEventListener("keyup",d)}},[n,o,e,t,r])}function vw(t){return t.menus.hasAnyOpenMenus()||t.getEditingShapeId()!==null||t.getCrashingError()||!t.user.getAreKeyboardShortcutsEnabled()}var y3e={shift:"shift","\u21E7":"shift",alt:"alt",option:"alt","\u2325":"alt",ctrl:"ctrl",control:"ctrl","\u2303":"ctrl",cmd:"meta",command:"meta",meta:"meta","\u2318":"meta"},nfe={"\u232B":"backspace","\u21A9":"enter",return:"enter",esc:"escape",del:"delete",ins:"insert",left:"arrowleft",right:"arrowright",up:"arrowup",down:"arrowdown",space:" "},ofe={"<":",",">":".","?":"/",":":";",'"':"'","{":"[","}":"]","|":"\\",_:"-","+":"=","~":"`","!":"1","@":"2","#":"3",$:"4","%":"5","^":"6","&":"7","*":"8","(":"9",")":"0"},S3e={KeyA:"a",KeyB:"b",KeyC:"c",KeyD:"d",KeyE:"e",KeyF:"f",KeyG:"g",KeyH:"h",KeyI:"i",KeyJ:"j",KeyK:"k",KeyL:"l",KeyM:"m",KeyN:"n",KeyO:"o",KeyP:"p",KeyQ:"q",KeyR:"r",KeyS:"s",KeyT:"t",KeyU:"u",KeyV:"v",KeyW:"w",KeyX:"x",KeyY:"y",KeyZ:"z",Digit0:"0",Digit1:"1",Digit2:"2",Digit3:"3",Digit4:"4",Digit5:"5",Digit6:"6",Digit7:"7",Digit8:"8",Digit9:"9",Comma:",",Period:".",Slash:"/",Semicolon:";",Quote:"'",BracketLeft:"[",BracketRight:"]",Backslash:"\\",Minus:"-",Equal:"=",Backquote:"`"};function b3e(t){let e=[];for(let n of lfe(t)){let o=v3e(n);o&&e.push(o)}return e}function v3e(t){let e=t.split("+"),n={key:"",shift:!1,alt:!1,ctrl:!1,meta:!1},o="";for(let i=0;i<e.length;i++){let s=e[i];if(i===e.length-1)o=s;else{let l=y3e[s.toLowerCase()];l&&(n[l]=!0)}}if(!o)return null;let r=o.toLowerCase();return nfe[r]&&(r=nfe[r]),n.key=r,n}function w3e(t){let e=t.key.toLowerCase();return t.shiftKey&&ofe[e]&&(e=ofe[e]),e}function rfe(t,e){if(t.shiftKey!==e.shift||t.altKey!==e.alt||t.ctrlKey!==e.ctrl||t.metaKey!==e.meta)return!1;let n=w3e(t);return n===e.key?!0:n.length===1&&/^[\x20-\x7e]$/.test(n)?!1:S3e[t.code]===e.key}function ife(t){if(t.isComposing)return!0;let e=t.target;if(!e)return!1;if(e.isContentEditable)return!0;let n=e.tagName;if(n==="SELECT")return!0;if(n==="TEXTAREA")return!e.readOnly;if(n==="INPUT"){let o=e;return["checkbox","radio","range","button","file","reset","submit","color"].includes(o.type)?!1:!o.readOnly}return!1}function sfe(t){return lfe(t).map(e=>{let n="",o=e.includes("!"),r=e.includes("?"),i=e.includes("$"),s=e.replace(/[!?$]/g,"");return o&&r&&i?n=`cmd+shift+alt+${s},ctrl+shift+alt+${s}`:o&&i?n=`cmd+shift+${s},ctrl+shift+${s}`:r&&i?n=`cmd+alt+${s},ctrl+alt+${s}`:r&&o?n=`shift+alt+${s}`:o?n=`shift+${s}`:r?n=`alt+${s}`:i?n=`cmd+${s},ctrl+${s}`:n=s,n}).join(",")}function lfe(t){typeof t!="string"&&(t=""),t=t.replace(/\s/g,"");let e=t.split(","),n=e.lastIndexOf("");for(;n>=0;)e[n-1]+=",",e.splice(n,1),n=e.lastIndexOf("");return e}var x3e=(0,Os.createContext)(!1),T3e={1:0,2:1,3:2,4:3,5:4,6:5,7:6,8:7,9:8,0:9};function $8({children:t,orientation:e,sizingParentClassName:n,minItems:o,minSizePx:r,maxItems:i,maxSizePx:s}){let a=O(),l=Wi(),c=Ft(),d=J(),u=(0,Os.useRef)([]),[p,f]=(0,Os.useState)(!1),h=(0,Os.useRef)(null),[g,y]=(0,Os.useState)(null),[m,S]=(0,Os.useState)(null),[b,v]=(0,Os.useState)(!1),w=Zi(()=>{if(!h.current)return;let P=e==="horizontal"?"offsetWidth":"offsetHeight",M=I(h.current.children),E=g?I(g.children):null;function I(Y){let Z=[];for(let le of Y)le.classList.contains("tlui-main-toolbar__group")?Z.push({type:"group",items:I(le.children),element:le}):le.hasAttribute("data-radix-popper-content-wrapper")||Z.push({type:"item",element:le});return Z}let D=cfe(h.current,n)[P],N=Math.floor(Qr(D,[r,s],[o,i],!0)),B=0,F=null,k=!1,L=[];function U(Y,Z){Z&&ne(Y.length===Z.length);let le=!1,Te=!1;for(let Ge=0;Ge<Y.length;Ge++){let We=Y[Ge],ke=Z?.[Ge];if(We.type==="item"){let se=We.element.getAttribute("data-value")===m,ze;m?ze=B<N||se:ze=B<=N;let Wt=B>=N;le||=ze,Te||=Wt,hD(We.element,"data-toolbar-visible",ze?"true":"false"),ke&&(ne(ke.type==="item"),hD(ke.element,"data-toolbar-visible",Wt?"true":"false")),Wt&&We.element.getAttribute("aria-pressed")==="true"&&(F=We.element.getAttribute("data-value")),ze&&We.element.tagName==="BUTTON"&&L.push(We.element),!Wt&&se&&(k=!0),B++}else{let se,ze;ke?(ne(ke.type==="group"),ze=ke,se=U(We.items,ze.items)):se=U(We.items,null),le||=se.didShowAnyInMain,Te||=se.didShowAnyInOverflow,hD(We.element,"data-toolbar-visible",se.didShowAnyInMain?"true":"false"),ze&&hD(ze.element,"data-toolbar-visible",se.didShowAnyInOverflow?"true":"false")}}return{didShowAnyInMain:le,didShowAnyInOverflow:Te}}let{didShowAnyInOverflow:V}=U(M,E);v(V),F?S(F):k&&S(null),u.current=L});(0,Os.useLayoutEffect)(()=>{w()}),(0,Os.useLayoutEffect)(()=>{if(!h.current)return;let P=new MutationObserver(w);P.observe(h.current,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["aria-pressed","data-value"]});let M=cfe(h.current,n),E=new ResizeObserver(w);return E.observe(M),()=>{P.disconnect(),E.disconnect()}},[w,n]),(0,Os.useEffect)(()=>{if(!a.options.enableToolbarKeyboardShortcuts)return;function P(E){if(vw(a)||Hd(!1,a.getContainerDocument())||E.ctrlKey||E.metaKey||E.altKey||E.shiftKey)return;let I=T3e[E.key];typeof I=="number"&&(de(E),u.current[I]?.click())}let M=a.getContainerDocument();return M.addEventListener("keydown",P),()=>{M.removeEventListener("keydown",P)}},[a]);let x="toolbar overflow",C=e==="horizontal"?Qa:_y;return(0,fs.jsx)(fs.Fragment,{children:(0,fs.jsxs)($n,{orientation:e,className:(0,ufe.default)("tlui-main-toolbar__tools",{"tlui-main-toolbar__tools__mobile":c<mt.TABLET_SM}),label:d("tool-panel.title"),children:[(0,fs.jsx)(C,{id:`${l}_main`,ref:h,children:(0,fs.jsx)(Mn,{type:"toolbar",sourceId:"toolbar",children:t})}),b&&(0,fs.jsx)(x3e.Provider,{value:!0,children:(0,fs.jsxs)(ca,{id:x,open:p,onOpenChange:f,children:[(0,fs.jsx)(ua,{children:(0,fs.jsx)(gt,{title:d("tool-panel.more"),type:"tool",className:"tlui-main-toolbar__overflow","data-testid":"tools.more-button",children:(0,fs.jsx)(fe,{icon:e==="horizontal"?"chevron-up":"chevron-right"})})}),(0,fs.jsx)(da,{side:e==="horizontal"?"top":"right",align:e==="horizontal"?"center":"end",children:(0,fs.jsx)($n,{orientation:"grid",className:"tlui-main-toolbar__overflow-content",ref:y,"data-testid":"tools.more-content",label:d("tool-panel.more"),id:`${l}_more`,onClick:()=>{Go.deleteOpenMenu(x,a.contextId),f(!1)},children:(0,fs.jsx)(Mn,{type:"toolbar-overflow",sourceId:"toolbar",children:t})})})]})})]})})}function cfe(t,e){let n=t;for(;n;){if(n.classList.contains(e))return n;n=n.parentElement}throw new Error("Could not find parent with class name "+e)}function hD(t,e,n){t.getAttribute(e)!==n&&t.setAttribute(e,n)}var mD=_(j(),1);var dfe=_(Jt(),1);function K8({activeToolId:t}){let e=O(),n=Ft(),o=J(),r=lr(),i=z("is tool locked",()=>e.getInstanceState().isToolLocked,[e]),s=z("current tool",()=>e.getCurrentTool(),[e]);if(!t||!s.isLockable)return null;let a=r["toggle-tool-lock"],l=a?.kbd?`${o("action.toggle-tool-lock")} ${Ry(a.kbd)}`:o("action.toggle-tool-lock");return(0,mD.jsx)(aa,{content:l,children:(0,mD.jsx)(Ae,{type:"normal","data-testid":"tool-lock",className:(0,dfe.default)("tlui-main-toolbar__lock-button",{"tlui-main-toolbar__lock-button__mobile":n<mt.TABLET_SM}),onClick:()=>e.updateInstanceState({isToolLocked:!i}),children:(0,mD.jsx)(fe,{icon:i?"lock":"unlock",small:!0})})})}var G8=(0,gD.memo)(function({children:e,orientation:n="horizontal",minItems:o=4,minSizePx:r=310,maxItems:i=8,maxSizePx:s=470}){let a=O(),l=J(),c=Ft(),d=Zo(),u=z("current tool id",()=>a.getCurrentToolId(),[a]),p=(0,gD.useRef)(null);xr(p);let{ActionsMenu:f,QuickActions:h}=Fn(),g=a.options.actionShortcutsLocation==="menu"?!1:a.options.actionShortcutsLocation==="toolbar"?!0:c<mt.TABLET;return(0,Ls.jsx)(ew,{orientation:n,tooltipSide:n==="horizontal"?"top":"right",children:(0,Ls.jsx)("div",{ref:p,className:(0,pfe.default)("tlui-main-toolbar",`tlui-main-toolbar--${n}`),children:(0,Ls.jsxs)("div",{className:"tlui-main-toolbar__inner",children:[(0,Ls.jsxs)("div",{className:"tlui-main-toolbar__left",children:[!d&&(0,Ls.jsxs)("div",{className:"tlui-main-toolbar__extras",children:[g&&(0,Ls.jsxs)($n,{orientation:n,className:"tlui-main-toolbar__extras__controls",label:l("actions-menu.title"),children:[h&&(0,Ls.jsx)(h,{}),f&&(0,Ls.jsx)(f,{})]}),(0,Ls.jsx)(K8,{activeToolId:u})]}),(0,Ls.jsx)($8,{orientation:n,sizingParentClassName:"tlui-main-toolbar",minItems:o,maxItems:i,minSizePx:r,maxSizePx:s,children:e??(0,Ls.jsx)(V8,{})})]}),c<mt.TABLET_SM&&!d&&(0,Ls.jsx)("div",{className:"tlui-main-toolbar__tools tlui-main-toolbar__mobile-style-panel",children:(0,Ls.jsx)(H8,{})})]})})})});var _P=_(j(),1);var ww=_(H(),1);var Uc=_(j(),1);var W8=_(H(),1);var Y8=sn(function({videoShapeId:e,onEditAltTextStart:n}){let o=O(),r=nt(),i=J(),s="video-toolbar",a=o.getIsReadonly(),l=lr(),c=(0,W8.useCallback)(()=>l["video-replace"].onSelect("video-toolbar"),[l]),d=(0,W8.useCallback)(()=>l["download-original"].onSelect("video-toolbar"),[l]),u=z("altText",()=>o.getShape(e).props.altText,[o,e]);return(0,Uc.jsxs)(Uc.Fragment,{children:[!a&&(0,Uc.jsx)(gt,{type:"icon",title:i("tool.replace-media"),onClick:c,"data-testid":"tool.video-replace",children:(0,Uc.jsx)(fe,{small:!0,icon:"tool-media"})}),(0,Uc.jsx)(gt,{type:"icon",title:i("action.download-original"),onClick:d,"data-testid":"tool.video-download",children:(0,Uc.jsx)(fe,{small:!0,icon:"download"})}),(u||!a)&&(0,Uc.jsx)(gt,{type:"icon",isActive:!!u,title:i("tool.media-alt-text"),"data-testid":"tool.video-alt-text",onClick:()=>{r("alt-text-start",{source:s}),n()},children:(0,Uc.jsx)(fe,{small:!0,icon:"alt"})})]})});var q8=sn(function({children:e}){let n=O(),o=z("videoShape",()=>{let s=n.getOnlySelectedShape();return!s||s.type!=="video"?null:s.id},[n]),r=n.isInAny("select.idle","select.pointing_shape"),i=z("locked",()=>o?n.getShape(o)?.isLocked:!1,[n,o]);return!o||!r||i?null:(0,_P.jsx)(C3e,{videoShapeId:o,children:e},o)});function C3e({children:t,videoShapeId:e}){let n=O(),o=J(),[r,i]=(0,ww.useState)(!1),s=(0,ww.useCallback)(()=>i(!0),[]),a=(0,ww.useCallback)(()=>i(!1),[]),l=(0,ww.useCallback)(()=>{let c=n.getSelectionScreenBounds();if(c)return new q(c.x,c.y,c.width,0)},[n]);return(0,_P.jsx)($y,{className:"tlui-media__toolbar tlui-video__toolbar",getSelectionBounds:l,label:o("tool.video-toolbar-title"),children:t||(r?(0,_P.jsx)(fD,{shapeId:e,onClose:a,source:"video-toolbar"}):(0,_P.jsx)(Y8,{videoShapeId:e,onEditAltTextStart:s}))})}var Hc=_(j(),1);var yD=_(H(),1);var ju=_(j(),1);function X8(){return(0,ju.jsxs)(ju.Fragment,{children:[(0,ju.jsx)(G,{actionId:"zoom-in",noClose:!0}),(0,ju.jsx)(G,{actionId:"zoom-out",noClose:!0}),(0,ju.jsx)(Fy,{}),(0,ju.jsx)(uP,{}),(0,ju.jsx)(dP,{})]})}var Z8=(0,yD.memo)(function({children:e}){let n=it(),[o,r]=$r("zoom menu"),i=ot(),s=e??(0,Hc.jsx)(X8,{});return(0,Hc.jsxs)(io.Root,{dir:i,open:o,onOpenChange:r,modal:!1,children:[(0,Hc.jsx)(P3e,{}),(0,Hc.jsx)(io.Portal,{container:n,children:(0,Hc.jsx)(io.Content,{className:"tlui-menu",side:"top",align:"start",alignOffset:0,sideOffset:8,collisionPadding:4,children:(0,Hc.jsx)(Mn,{type:"menu",sourceId:"zoom-menu",children:s})})})]})}),P3e=()=>{let t=O(),e=Ft(),n=z("zoom",()=>t.getZoomLevel(),[t]),o=J(),r=ot(),i=(0,yD.useCallback)(()=>{t.resetZoom(t.getViewportScreenCenter(),{animation:{duration:t.options.animationMediumMs}})},[t]),s=`${Math.floor(n*100)}%`;return(0,Hc.jsx)(gt,{asChild:!0,type:"icon","aria-label":`${o("navigation-zone.zoom")} \u2014 ${s}`,title:`${o("navigation-zone.zoom")} \u2014 ${s}`,"data-testid":"minimap.zoom-menu-button",className:"tlui-zoom-menu__button",onDoubleClick:i,children:(0,Hc.jsx)(io.Trigger,{dir:r,children:e<mt.MOBILE?null:(0,Hc.jsx)("span",{style:{flexGrow:0,textAlign:"center"},children:s})})})};var hfe=(0,xw.createContext)(null);function J8({overrides:t={},children:e}){let n=ja(t),o=Ap();return(0,ffe.jsx)(hfe.Provider,{value:(0,xw.useMemo)(()=>({ContextMenu:eD,ActionsMenu:$V,HelpMenu:null,ZoomMenu:Z8,MainMenu:a8,Minimap:c8,StylePanel:R8,PageMenu:m8,NavigationPanel:d8,Toolbar:G8,RichTextToolbar:U8,ImageToolbar:F8,VideoToolbar:q8,KeyboardShortcutsDialog:rP,QuickActions:S8,HelperButtons:t8,DebugPanel:_de,DebugMenu:qV,MenuPanel:JV,SharePanel:o?P8:null,CursorChatBubble:o?bde:null,TopPanel:null,Dialogs:QV,Toasts:D8,A11y:Q8,FollowingIndicator:ZV,PeopleMenu:dD,PeopleMenuAvatar:w8,PeopleMenuItem:T8,PeopleMenuFacePile:x8,UserPresenceEditor:E8,...n}),[n,o]),children:e})}function Fn(){let t=(0,xw.useContext)(hfe);if(!t)throw new Error("useTldrawUiComponents must be used within a TldrawUiComponentsProvider");return t}var gfe=Tw.createContext(null);function VV(t,e){return(e.isShapeOfType(t,"image")||e.isShapeOfType(t,"video"))&&!!t.props.assetId}function E3e(t){return Object.fromEntries(t.map(e=>[e.id,e]))}function SD(t,e){if(t.getSelectedShapes().length===0)return t.getDocumentSettings().name||e}function yfe({overrides:t,children:e}){let n=rt(),o=Ap(),r=aw(),i=Fn(),s=nt(),a=Ph(),l=J(),c=r.msg("document.default-name"),d=Tw.useMemo(()=>{let u=n;if(!u)return{};function p(){return u.isIn("select")||(u.complete(),u.setCurrentTool("select")),!1}function f(){return u.isIn("select")&&u.getSelectedShapeIds().length>0}function h(m){if(!f()||p())return;u.markHistoryStoppingPoint("resize shapes");let S=u.getSelectedShapeIds();S.length!==0&&u.run(()=>{S.map(v=>u.getShape(v)).filter(Boolean).forEach(v=>{u.resizeShape(v.id,new T(m,m),{scaleOrigin:u.getSelectionPageBounds()?.center})})})}let g=[{id:"edit-link",label:"action.edit-link",icon:"link",onSelect(m){f()&&(p()||(s("edit-link",{source:m}),u.markHistoryStoppingPoint("edit-link"),r.addDialog({component:lue})))}},{id:"insert-embed",label:"action.insert-embed",kbd:"cmd+i,ctrl+i",onSelect(m){s("insert-embed",{source:m}),r.addDialog({component:k2})}},{id:"open-kbd-shortcuts",label:"action.open-kbd-shortcuts",kbd:"cmd+alt+/,ctrl+alt+/",onSelect(m){s("open-kbd-shortcuts",{source:m}),r.addDialog({component:i.KeyboardShortcutsDialog??rP})}},{id:"insert-media",label:"action.insert-media",kbd:"cmd+u,ctrl+u",onSelect(m){s("insert-media",{source:m}),r.insertMedia()}},{id:"undo",label:"action.undo",icon:"undo",kbd:"cmd+z,ctrl+z",onSelect(m){s("undo",{source:m}),u.undo()}},{id:"redo",label:"action.redo",icon:"redo",kbd:"cmd+shift+z,ctrl+shift+z",onSelect(m){s("redo",{source:m}),u.redo()}},{id:"export-as-svg",label:{default:"action.export-as-svg",menu:"action.export-as-svg.short","context-menu":"action.export-as-svg.short"},readonlyOk:!0,onSelect(m){let S=u.getSelectedShapeIds();S.length===0&&(S=Array.from(u.getCurrentPageShapeIds().values())),S.length!==0&&(s("export-as",{format:"svg",source:m}),r.exportAs(S,{format:"svg",name:SD(u,c)}))}},{id:"export-as-png",label:{default:"action.export-as-png",menu:"action.export-as-png.short","context-menu":"action.export-as-png.short"},readonlyOk:!0,onSelect(m){let S=u.getSelectedShapeIds();S.length===0&&(S=Array.from(u.getCurrentPageShapeIds().values())),S.length!==0&&(s("export-as",{format:"png",source:m}),r.exportAs(S,{format:"png",name:SD(u,c)}))}},{id:"export-all-as-svg",label:{default:"action.export-all-as-svg",menu:"action.export-all-as-svg.short","context-menu":"action.export-all-as-svg.short"},readonlyOk:!0,onSelect(m){let S=u.getSelectedShapeIds();S.length===0&&(S=Array.from(u.getCurrentPageShapeIds().values())),S.length!==0&&(s("export-all-as",{format:"svg",source:m}),r.exportAs(Array.from(u.getCurrentPageShapeIds()),{format:"svg",name:SD(u,c)}))}},{id:"export-all-as-png",label:{default:"action.export-all-as-png",menu:"action.export-all-as-png.short","context-menu":"action.export-all-as-png.short"},readonlyOk:!0,onSelect(m){let S=Array.from(u.getCurrentPageShapeIds().values());S.length!==0&&(s("export-all-as",{format:"png",source:m}),r.exportAs(S,{format:"png",name:SD(u,c)}))}},{id:"copy-as-svg",label:{default:"action.copy-as-svg",menu:"action.copy-as-svg.short","context-menu":"action.copy-as-svg.short"},readonlyOk:!0,onSelect(m){let S=u.getSelectedShapeIds();S.length===0&&(S=Array.from(u.getCurrentPageShapeIds().values())),S.length!==0&&(s("copy-as",{format:"svg",source:m}),r.copyAs(S,"svg"))}},{id:"copy-as-png",label:{default:"action.copy-as-png",menu:"action.copy-as-png.short","context-menu":"action.copy-as-png.short"},readonlyOk:!0,kbd:"cmd+shift+c,ctrl+shift+c",onSelect(m){let S=u.getSelectedShapeIds();S.length===0&&(S=Array.from(u.getCurrentPageShapeIds().values())),S.length!==0&&(s("copy-as",{format:"png",source:m}),r.copyAs(S,"png"))}},{id:"copy-as-json",label:{default:"action.copy-as-json",menu:"action.copy-as-json.short","context-menu":"action.copy-as-json.short"},readonlyOk:!0,onSelect(m){let S=u.getSelectedShapeIds();S.length===0&&(S=Array.from(u.getCurrentPageShapeIds().values())),S.length!==0&&(s("copy-as",{format:"json",source:m}),r.copyAs(S,"json"))}},{id:"toggle-auto-size",label:"action.toggle-auto-size",onSelect(m){f()&&(p()||(s("toggle-auto-size",{source:m}),u.markHistoryStoppingPoint("toggling auto size"),u.run(()=>{let S=u.getSelectedShapes().filter(b=>u.isShapeOfType(b,"text")&&b.props.autoSize===!1);u.updateShapes(S.map(b=>({id:b.id,type:b.type,props:{...b.props,w:8,autoSize:!0}}))),ht(u,S.map(b=>b.id))})))}},{id:"open-embed-link",label:"action.open-embed-link",readonlyOk:!0,onSelect(m){s("open-embed-link",{source:m});let S=u.getSelectedShapeIds(),b="No embed shapes selected";if(S.length!==1){console.error(b);return}let v=u.getShape(S[0]);if(!v||!u.isShapeOfType(v,"embed")){console.error(b);return}lh(v.props.url,"_blank")}},{id:"select-zoom-tool",label:"action.select-zoom-tool",readonlyOk:!0,kbd:"z, !z",onSelect(m){if(u.inputs.getAccelKey())return;let S=u.getPath();S.endsWith(".idle")&&u.root.getCurrent()?.id!=="zoom"&&(s("zoom-tool",{source:m}),u.setCurrentTool("zoom",{onInteractionEnd:S,maskAs:"zoom"}))}},{id:"convert-to-bookmark",label:"action.convert-to-bookmark",async onSelect(m){if(!f()||p())return;s("convert-to-bookmark",{source:m});let S=u.getSelectedShapes(),b=u.markHistoryStoppingPoint("convert shapes to bookmark"),v=[];for(let w of S){if(!w||!u.isShapeOfType(w,"embed")||!w.props.url)continue;let x=u.getShapePageBounds(w)?.center;x&&(u.deleteShapes([w.id]),v.push(r1(u,{url:w.props.url,center:x}).then(C=>{if(!C.ok)throw new Error(C.error);return C})))}await Promise.all(v).catch(w=>{u.bailToMark(b),console.error(w)})}},{id:"convert-to-embed",label:"action.convert-to-embed",onSelect(m){f()&&(p()||(s("convert-to-embed",{source:m}),u.run(()=>{let S=u.getSelectedShapeIds(),b=we(S.map(x=>u.getShape(x))),v=[],w=[];for(let x of b){if(!u.isShapeOfType(x,"bookmark"))continue;let{url:C}=x.props,P=r.getEmbedDefinition(C);if(!P||!P.definition)continue;let{width:M,height:E}=P.definition,I=new T(x.x,x.y);I.rot(-x.rotation),I.add(new T(x.props.w/2-M/2,x.props.h/2-E/2)),I.rot(x.rotation);let R={id:Ke(),type:"embed",x:I.x,y:I.y,rotation:x.rotation,props:{url:C,w:M,h:E}};v.push(R),w.push(x.id)}u.markHistoryStoppingPoint("convert shapes to embed"),u.deleteShapes(w),u.createShapes(v)})))}},{id:"duplicate",kbd:"cmd+d,ctrl+d",label:"action.duplicate",icon:"duplicate",onSelect(m){if(!f()||p())return;s("duplicate-shapes",{source:m});let S=u.getInstanceState(),b,v;if(S.duplicateProps)b=S.duplicateProps.shapeIds,v=S.duplicateProps.offset;else{b=u.getSelectedShapeIds();let w=q.Common(we(b.map(x=>u.getShapePageBounds(x))));v=u.getCameraOptions().isLocked?{x:u.options.adjacentShapeMargin,y:u.options.adjacentShapeMargin}:{x:w.width+u.options.adjacentShapeMargin,y:0}}u.markHistoryStoppingPoint("duplicate shapes"),u.duplicateShapes(b,v),S.duplicateProps&&u.updateInstanceState({duplicateProps:{...S.duplicateProps,shapeIds:u.getSelectedShapeIds()}})}},{id:"ungroup",label:"action.ungroup",kbd:"cmd+shift+g,ctrl+shift+g",icon:"ungroup",onSelect(m){f()&&(p()||(s("ungroup-shapes",{source:m}),u.markHistoryStoppingPoint("ungroup"),u.ungroupShapes(u.getSelectedShapeIds())))}},{id:"group",label:"action.group",kbd:"cmd+g,ctrl+g",icon:"group",onSelect(m){if(!f()||p())return;s("group-shapes",{source:m});let S=u.getOnlySelectedShape();S&&u.isShapeOfType(S,"group")?(u.markHistoryStoppingPoint("ungroup"),u.ungroupShapes(u.getSelectedShapeIds())):(u.markHistoryStoppingPoint("group"),u.groupShapes(u.getSelectedShapeIds()))}},{id:"frame-selection",label:"action.frame-selection",kbd:"cmd+alt+g",onSelect(m){if(!f()||p())return;let S=u.getSelectedShapes();if(S.length>0&&S.every(M=>u.isShapeOfType(M,"frame"))){s("remove-frame",{source:m}),u.markHistoryStoppingPoint("remove-frame"),vR(u,S.map(M=>M.id));return}let b=u.getSelectedShapeIds();if(b.length<2)return;let v=we(b.map(M=>u.getShape(M))),w=u.getSelectionPageBounds();if(!w)return;s("frame-selection",{source:m}),u.markHistoryStoppingPoint("frame-selection");let x=u.findCommonAncestor(v)??u.getCurrentPageId(),C=Ke(),P=25/u.getZoomLevel();u.run(()=>{u.createShapes([{id:C,type:"frame",parentId:x,x:w.x,y:w.y,props:{w:w.w,h:w.h}}]),u.reparentShapes(b,C),Ov(u,C,{padding:P}),u.select(C)})}},{id:"remove-frame",label:"action.remove-frame",onSelect(m){if(!f())return;s("remove-frame",{source:m});let S=u.getSelectedShapes();S.length>0&&S.every(b=>u.isShapeFrameLike(b))&&(u.markHistoryStoppingPoint("remove-frame"),vR(u,S.map(b=>b.id)))}},{id:"fit-frame-to-content",label:"action.fit-frame-to-content",onSelect(m){if(!f())return;s("fit-frame-to-content",{source:m});let S=u.getOnlySelectedShape();S&&u.isShapeFrameLike(S)&&(u.markHistoryStoppingPoint("fit-frame-to-content"),Ov(u,S.id))}},{id:"align-left",label:"action.align-left",kbd:"alt+A",icon:"align-left",onSelect(m){f()&&(p()||(s("align-shapes",{operation:"left",source:m}),u.markHistoryStoppingPoint("align left"),u.run(()=>{let S=u.getSelectedShapeIds();u.alignShapes(S,"left"),ht(u,S)})))}},{id:"align-center-horizontal",label:{default:"action.align-center-horizontal","context-menu":"action.align-center-horizontal.short"},kbd:"alt+H",icon:"align-center-horizontal",onSelect(m){f()&&(p()||(s("align-shapes",{operation:"center-horizontal",source:m}),u.markHistoryStoppingPoint("align center horizontal"),u.run(()=>{let S=u.getSelectedShapeIds();u.alignShapes(S,"center-horizontal"),ht(u,S)})))}},{id:"align-right",label:"action.align-right",kbd:"alt+D",icon:"align-right",onSelect(m){f()&&(p()||(s("align-shapes",{operation:"right",source:m}),u.markHistoryStoppingPoint("align right"),u.run(()=>{let S=u.getSelectedShapeIds();u.alignShapes(S,"right"),ht(u,S)})))}},{id:"align-center-vertical",label:{default:"action.align-center-vertical","context-menu":"action.align-center-vertical.short"},kbd:"alt+V",icon:"align-center-vertical",onSelect(m){f()&&(p()||(s("align-shapes",{operation:"center-vertical",source:m}),u.markHistoryStoppingPoint("align center vertical"),u.run(()=>{let S=u.getSelectedShapeIds();u.alignShapes(S,"center-vertical"),ht(u,S)})))}},{id:"align-top",label:"action.align-top",icon:"align-top",kbd:"alt+W",onSelect(m){f()&&(p()||(s("align-shapes",{operation:"top",source:m}),u.markHistoryStoppingPoint("align top"),u.run(()=>{let S=u.getSelectedShapeIds();u.alignShapes(S,"top"),ht(u,S)})))}},{id:"align-bottom",label:"action.align-bottom",icon:"align-bottom",kbd:"alt+S",onSelect(m){f()&&(p()||(s("align-shapes",{operation:"bottom",source:m}),u.markHistoryStoppingPoint("align bottom"),u.run(()=>{let S=u.getSelectedShapeIds();u.alignShapes(S,"bottom"),ht(u,S)})))}},{id:"distribute-horizontal",label:{default:"action.distribute-horizontal","context-menu":"action.distribute-horizontal.short"},icon:"distribute-horizontal",kbd:"alt+shift+h",onSelect(m){f()&&(p()||(s("distribute-shapes",{operation:"horizontal",source:m}),u.markHistoryStoppingPoint("distribute horizontal"),u.run(()=>{let S=u.getSelectedShapeIds();u.distributeShapes(S,"horizontal"),ht(u,S)})))}},{id:"distribute-vertical",label:{default:"action.distribute-vertical","context-menu":"action.distribute-vertical.short"},icon:"distribute-vertical",kbd:"alt+shift+V",onSelect(m){f()&&(p()||(s("distribute-shapes",{operation:"vertical",source:m}),u.markHistoryStoppingPoint("distribute vertical"),u.run(()=>{let S=u.getSelectedShapeIds();u.distributeShapes(S,"vertical"),ht(u,S)})))}},{id:"stretch-horizontal",label:{default:"action.stretch-horizontal","context-menu":"action.stretch-horizontal.short"},icon:"stretch-horizontal",onSelect(m){f()&&(p()||(s("stretch-shapes",{operation:"horizontal",source:m}),u.markHistoryStoppingPoint("stretch horizontal"),u.run(()=>{let S=u.getSelectedShapeIds();u.stretchShapes(S,"horizontal"),ht(u,S)})))}},{id:"stretch-vertical",label:{default:"action.stretch-vertical","context-menu":"action.stretch-vertical.short"},icon:"stretch-vertical",onSelect(m){f()&&(p()||(s("stretch-shapes",{operation:"vertical",source:m}),u.markHistoryStoppingPoint("stretch vertical"),u.run(()=>{let S=u.getSelectedShapeIds();u.stretchShapes(S,"vertical"),ht(u,S)})))}},{id:"flip-horizontal",label:{default:"action.flip-horizontal","context-menu":"action.flip-horizontal.short"},kbd:"shift+h",onSelect(m){f()&&(p()||(s("flip-shapes",{operation:"horizontal",source:m}),u.markHistoryStoppingPoint("flip horizontal"),u.run(()=>{let S=u.getSelectedShapeIds();u.flipShapes(S,"horizontal"),ht(u,S)})))}},{id:"flip-vertical",label:{default:"action.flip-vertical","context-menu":"action.flip-vertical.short"},kbd:"shift+v",onSelect(m){f()&&(p()||(s("flip-shapes",{operation:"vertical",source:m}),u.markHistoryStoppingPoint("flip vertical"),u.run(()=>{let S=u.getSelectedShapeIds();u.flipShapes(S,"vertical"),ht(u,S)})))}},{id:"pack",label:"action.pack",icon:"pack",onSelect(m){f()&&(p()||(s("pack-shapes",{source:m}),u.markHistoryStoppingPoint("pack"),u.run(()=>{let S=u.getSelectedShapeIds();u.packShapes(S,u.options.adjacentShapeMargin),ht(u,S)})))}},{id:"stack-vertical",label:{default:"action.stack-vertical","context-menu":"action.stack-vertical.short"},icon:"stack-vertical",onSelect(m){f()&&(p()||(s("stack-shapes",{operation:"vertical",source:m}),u.markHistoryStoppingPoint("stack-vertical"),u.run(()=>{let S=u.getSelectedShapeIds();u.stackShapes(S,"vertical",u.options.adjacentShapeMargin),ht(u,S)})))}},{id:"stack-horizontal",label:{default:"action.stack-horizontal","context-menu":"action.stack-horizontal.short"},icon:"stack-horizontal",onSelect(m){f()&&(p()||(s("stack-shapes",{operation:"horizontal",source:m}),u.markHistoryStoppingPoint("stack-horizontal"),u.run(()=>{let S=u.getSelectedShapeIds();u.stackShapes(S,"horizontal",u.options.adjacentShapeMargin),ht(u,S)})))}},{id:"bring-to-front",label:"action.bring-to-front",kbd:"]",icon:"bring-to-front",onSelect(m){f()&&(p()||(s("reorder-shapes",{operation:"toFront",source:m}),u.markHistoryStoppingPoint("bring to front"),u.bringToFront(u.getSelectedShapeIds())))}},{id:"bring-forward",label:"action.bring-forward",icon:"bring-forward",kbd:"alt+]",onSelect(m){f()&&(p()||(s("reorder-shapes",{operation:"forward",source:m}),u.markHistoryStoppingPoint("bring forward"),u.bringForward(u.getSelectedShapeIds())))}},{id:"send-backward",label:"action.send-backward",icon:"send-backward",kbd:"alt+[",onSelect(m){f()&&(p()||(s("reorder-shapes",{operation:"backward",source:m}),u.markHistoryStoppingPoint("send backward"),u.sendBackward(u.getSelectedShapeIds())))}},{id:"send-to-back",label:"action.send-to-back",icon:"send-to-back",kbd:"[",onSelect(m){f()&&(p()||(s("reorder-shapes",{operation:"toBack",source:m}),u.markHistoryStoppingPoint("send to back"),u.sendToBack(u.getSelectedShapeIds())))}},{id:"cut",label:"action.cut",kbd:"cmd+x,ctrl+x",onSelect(m){f()&&(p()||(u.markHistoryStoppingPoint("cut"),r.cut(m)))}},{id:"copy",label:"action.copy",kbd:"cmd+c,ctrl+c",readonlyOk:!0,onSelect(m){f()&&(p()||r.copy(m))}},{id:"paste",label:"action.paste",kbd:"cmd+v,ctrl+v",onSelect(m){navigator.clipboard?.read().then(S=>{r.paste(S,m,m==="context-menu"?u.inputs.getCurrentPagePoint():void 0)}).catch(()=>{r.addToast({title:r.msg("action.paste-error-title"),description:r.msg("action.paste-error-description"),severity:"error"})})}},{id:"paste-at-cursor",label:"action.paste",kbd:"$?v",onSelect(m){let b=!u.user.getIsPasteAtCursorMode()?u.inputs.getCurrentPagePoint():void 0;navigator.clipboard?.read().then(v=>{r.paste(v,m,b)}).catch(()=>{r.addToast({title:r.msg("action.paste-error-title"),description:r.msg("action.paste-error-description"),severity:"error"})})}},{id:"paste-plain-text-at-cursor",label:"action.paste",kbd:"$!?v",onSelect(){let S=!u.user.getIsPasteAtCursorMode()?u.inputs.getCurrentPagePoint():u.getViewportPageBounds().center;navigator.clipboard?.readText().then(b=>{b?.trim()&&(u.markHistoryStoppingPoint("paste"),Dv(u,{text:b,point:S}))}).catch(()=>{r.addToast({title:r.msg("action.paste-error-title"),description:r.msg("action.paste-error-description"),severity:"error"})})}},{id:"select-all",label:"action.select-all",kbd:"cmd+a,ctrl+a",readonlyOk:!0,onSelect(m){u.run(()=>{p()||(s("select-all-shapes",{source:m}),u.markHistoryStoppingPoint("select all kbd"),u.selectAll())})}},{id:"select-none",label:"action.select-none",readonlyOk:!0,onSelect(m){f()&&(p()||(s("select-none-shapes",{source:m}),u.markHistoryStoppingPoint("select none"),u.selectNone()))}},{id:"delete",label:"action.delete",kbd:"\u232B,del",icon:"trash",onSelect(m){f()&&(p()||(s("delete-shapes",{source:m}),u.markHistoryStoppingPoint("delete"),u.deleteShapes(u.getSelectedShapeIds())))}},{id:"rotate-cw",label:"action.rotate-cw",icon:"rotate-cw",kbd:"shift+.,shift+alt+.",onSelect(m){if(!f()||p())return;let S=u.inputs.getAltKey();s("rotate-cw",{source:m,fine:S}),u.markHistoryStoppingPoint("rotate-cw"),u.run(()=>{let b=Nn/(S?96:6),v=u.getSelectionRotation()%b,w=En(v,0)||En(v,b),x=u.getSelectedShapeIds();u.rotateShapesBy(x,b-(w?0:v)),ht(u,x)})}},{id:"rotate-ccw",label:"action.rotate-ccw",icon:"rotate-ccw",kbd:"shift+,,shift+alt+,",onSelect(m){if(!f()||p())return;let S=u.inputs.getAltKey();s("rotate-ccw",{source:m,fine:S}),u.markHistoryStoppingPoint("rotate-ccw"),u.run(()=>{let b=Nn/(S?96:6),v=u.getSelectionRotation()%b,w=En(v,0),x=u.getSelectedShapeIds();u.rotateShapesBy(x,w?-b:-v),ht(u,x)})}},{id:"zoom-in",label:"action.zoom-in",kbd:"cmd+=,ctrl+=,=",readonlyOk:!0,onSelect(m){s("zoom-in",{source:m,towardsCursor:!1}),u.zoomIn(void 0,{animation:{duration:u.options.animationMediumMs}})}},{id:"zoom-in-on-cursor",label:"action.zoom-in",kbd:"shift+cmd+=,shift+ctrl+=,shift+=",readonlyOk:!0,onSelect(m){s("zoom-in",{source:m,towardsCursor:!0}),u.zoomIn(u.inputs.getCurrentScreenPoint(),{animation:{duration:u.options.animationMediumMs}})}},{id:"zoom-out",label:"action.zoom-out",kbd:"cmd+-,ctrl+-,-",readonlyOk:!0,onSelect(m){s("zoom-out",{source:m,towardsCursor:!1}),u.zoomOut(void 0,{animation:{duration:u.options.animationMediumMs}})}},{id:"zoom-out-on-cursor",label:"action.zoom-out",kbd:"shift+cmd+-,shift+ctrl+-,shift+-",readonlyOk:!0,onSelect(m){s("zoom-out",{source:m,towardsCursor:!0}),u.zoomOut(u.inputs.getCurrentScreenPoint(),{animation:{duration:u.options.animationMediumMs}})}},{id:"zoom-to-100",label:"action.zoom-to-100",icon:"reset-zoom",kbd:"shift+0",readonlyOk:!0,onSelect(m){s("reset-zoom",{source:m}),u.resetZoom(void 0,{animation:{duration:u.options.animationMediumMs}})}},{id:"zoom-to-fit",label:"action.zoom-to-fit",kbd:"shift+1",readonlyOk:!0,onSelect(m){s("zoom-to-fit",{source:m}),u.zoomToFit({animation:{duration:u.options.animationMediumMs}})}},{id:"zoom-to-selection",label:"action.zoom-to-selection",kbd:"shift+2",readonlyOk:!0,onSelect(m){f()&&(p()||(s("zoom-to-selection",{source:m}),u.zoomToSelection({animation:{duration:u.options.animationMediumMs}})))}},{id:"toggle-snap-mode",label:{default:"action.toggle-snap-mode",menu:"action.toggle-snap-mode.menu"},onSelect(m){s("toggle-snap-mode",{source:m}),u.user.updateUserPreferences({isSnapMode:!u.user.getIsSnapMode()})},checkbox:!0},{id:"toggle-dark-mode",label:{default:"action.toggle-dark-mode",menu:"action.toggle-dark-mode.menu"},kbd:"cmd+/,ctrl+/",readonlyOk:!0,onSelect(m){let S=u.user.getIsDarkMode()?"light":"dark";s("color-scheme",{source:m,value:S}),u.user.updateUserPreferences({colorScheme:S})},checkbox:!0},{id:"toggle-wrap-mode",label:{default:"action.toggle-wrap-mode",menu:"action.toggle-wrap-mode.menu"},readonlyOk:!0,onSelect(m){s("toggle-wrap-mode",{source:m}),u.user.updateUserPreferences({isWrapMode:!u.user.getIsWrapMode()})},checkbox:!0},{id:"toggle-dynamic-size-mode",label:{default:"action.toggle-dynamic-size-mode",menu:"action.toggle-dynamic-size-mode.menu"},readonlyOk:!1,onSelect(m){s("toggle-dynamic-size-mode",{source:m}),u.user.updateUserPreferences({isDynamicSizeMode:!u.user.getIsDynamicResizeMode()})},checkbox:!0},{id:"toggle-paste-at-cursor",label:{default:"action.toggle-paste-at-cursor",menu:"action.toggle-paste-at-cursor.menu"},readonlyOk:!1,onSelect(m){s("toggle-paste-at-cursor",{source:m}),u.user.updateUserPreferences({isPasteAtCursorMode:!u.user.getIsPasteAtCursorMode()})},checkbox:!0},{id:"toggle-reduce-motion",label:{default:"action.toggle-reduce-motion",menu:"action.toggle-reduce-motion.menu"},readonlyOk:!0,onSelect(m){s("toggle-reduce-motion",{source:m}),u.user.updateUserPreferences({animationSpeed:u.user.getAnimationSpeed()===0?1:0})},checkbox:!0},{id:"toggle-keyboard-shortcuts",label:{default:"action.toggle-keyboard-shortcuts",menu:"action.toggle-keyboard-shortcuts.menu"},readonlyOk:!0,onSelect(m){s("toggle-keyboard-shortcuts",{source:m}),u.user.updateUserPreferences({areKeyboardShortcutsEnabled:!u.user.getAreKeyboardShortcutsEnabled()})},checkbox:!0},{id:"enhanced-a11y-mode",label:{default:"action.enhanced-a11y-mode",menu:"action.enhanced-a11y-mode.menu"},readonlyOk:!0,onSelect(m){s("enhanced-a11y-mode",{source:m}),u.user.updateUserPreferences({enhancedA11yMode:!u.user.getEnhancedA11yMode()})},checkbox:!0},{id:"toggle-edge-scrolling",label:{default:"action.toggle-edge-scrolling",menu:"action.toggle-edge-scrolling.menu"},readonlyOk:!0,onSelect(m){s("toggle-edge-scrolling",{source:m}),u.user.updateUserPreferences({edgeScrollSpeed:u.user.getEdgeScrollSpeed()===0?1:0})},checkbox:!0},{id:"toggle-invert-zoom",label:{default:"action.toggle-invert-zoom",menu:"action.toggle-invert-zoom.menu"},readonlyOk:!0,onSelect(m){s("toggle-invert-zoom",{source:m}),u.user.updateUserPreferences({isZoomDirectionInverted:!u.user.getIsZoomDirectionInverted()})},checkbox:!0},{id:"toggle-transparent",label:{default:"action.toggle-transparent",menu:"action.toggle-transparent.menu","context-menu":"action.toggle-transparent.context-menu"},readonlyOk:!0,onSelect(m){s("toggle-transparent",{source:m}),u.updateInstanceState({exportBackground:!u.getInstanceState().exportBackground})},checkbox:!0},{id:"toggle-tool-lock",label:{default:"action.toggle-tool-lock",menu:"action.toggle-tool-lock.menu"},kbd:"q",onSelect(m){s("toggle-tool-lock",{source:m}),u.updateInstanceState({isToolLocked:!u.getInstanceState().isToolLocked})},checkbox:!0},{id:"unlock-all",label:"action.unlock-all",onSelect(m){s("unlock-all",{source:m});let S=[];for(let b of u.getCurrentPageShapes())b.isLocked&&S.push({id:b.id,type:b.type,isLocked:!1});S.length>0&&u.updateShapes(S)}},{id:"toggle-focus-mode",label:{default:"action.toggle-focus-mode",menu:"action.toggle-focus-mode.menu"},readonlyOk:!0,kbd:"cmd+.,ctrl+.",checkbox:!0,onSelect(m){u.timers.requestAnimationFrame(()=>{u.run(()=>{s("toggle-focus-mode",{source:m}),r.clearDialogs(),r.clearToasts(),u.updateInstanceState({isFocusMode:!u.getInstanceState().isFocusMode})})})}},{id:"toggle-grid",label:{default:"action.toggle-grid",menu:"action.toggle-grid.menu"},readonlyOk:!0,kbd:"cmd+',ctrl+'",onSelect(m){s("toggle-grid-mode",{source:m}),u.updateInstanceState({isGridMode:!u.getInstanceState().isGridMode})},checkbox:!0},{id:"toggle-debug-mode",label:{default:"action.toggle-debug-mode",menu:"action.toggle-debug-mode.menu"},readonlyOk:!0,onSelect(m){s("toggle-debug-mode",{source:m}),u.updateInstanceState({isDebugMode:!u.getInstanceState().isDebugMode})},checkbox:!0},{id:"print",label:"action.print",kbd:"cmd+p,ctrl+p",readonlyOk:!0,onSelect(m){s("print",{source:m}),r.printSelectionOrPages()}},{id:"exit-pen-mode",label:"action.exit-pen-mode",icon:"cross-2",readonlyOk:!0,onSelect(m){s("exit-pen-mode",{source:m}),u.updateInstanceState({isPenMode:!1})}},{id:"stop-following",label:"action.stop-following",icon:"cross-2",readonlyOk:!0,onSelect(m){s("stop-following",{source:m}),u.stopFollowingUser()}},{id:"back-to-content",label:"action.back-to-content",icon:"arrow-left",readonlyOk:!0,onSelect(m){s("zoom-to-content",{source:m});let S=u.getSelectionPageBounds()??u.getCurrentPageBounds();S&&u.zoomToBounds(S,{targetZoom:Math.min(1,u.getZoomLevel()),animation:{duration:220}})}},{id:"toggle-lock",label:"action.toggle-lock",kbd:"shift+l",onSelect(m){f()&&(u.markHistoryStoppingPoint("locking"),s("toggle-lock",{source:m}),u.toggleLock(u.getSelectedShapeIds()))}},{id:"move-to-new-page",label:"context.pages.new-page",onSelect(m){let S=mo.createId(),b=u.getSelectedShapeIds();u.run(()=>{u.markHistoryStoppingPoint("move_shapes_to_page"),u.createPage({name:r.msg("page-menu.new-page-initial-name"),id:S}),u.moveShapesToPage(b,S)}),s("move-to-new-page",{source:m})}},{id:"select-white-color",label:"color-style.white",kbd:"alt+t",onSelect(m){let S=zt;u.run(()=>{u.updateInstanceState({isChangingStyle:!0}),u.markHistoryStoppingPoint("change-color"),u.isIn("select")&&u.setStyleForSelectedShapes(S,"white"),u.setStyleForNextShapes(S,"white")}),s("set-style",{source:m,id:S.id,value:"white"})}},{id:"select-fill-fill",label:"fill-style.fill",kbd:"alt+f",onSelect(m){let S=Ki;u.run(()=>{u.updateInstanceState({isChangingStyle:!0}),u.markHistoryStoppingPoint("change-fill"),u.isIn("select")&&u.setStyleForSelectedShapes(S,"fill"),u.setStyleForNextShapes(S,"fill")}),s("set-style",{source:m,id:S.id,value:"fill"})}},{id:"select-fill-lined-fill",label:"fill-style.lined-fill",kbd:"alt+shift+f",onSelect(m){let S=Ki;u.run(()=>{u.updateInstanceState({isChangingStyle:!0}),u.markHistoryStoppingPoint("change-fill"),u.isIn("select")&&u.setStyleForSelectedShapes(S,"lined-fill"),u.setStyleForNextShapes(S,"lined-fill")}),s("set-style",{source:m,id:S.id,value:"lined-fill"})}},{id:"flatten-to-image",label:"action.flatten-to-image",kbd:"shift+f",onSelect:async m=>{let S=u.getSelectedShapeIds();if(S.length===0)return;u.markHistoryStoppingPoint("flattening to image"),s("flatten-to-image",{source:m});let b=await que(u,S,u.options.flattenImageBoundsExpand);b?.length&&u.setSelectedShapes(b)}},{id:"select-geo-tool",kbd:"g",onSelect:async m=>{s("select-tool",{source:m,id:"geo-previous"}),u.setCurrentTool("geo")}},{id:"change-page-prev",kbd:"alt+left,alt+up",readonlyOk:!0,onSelect:async m=>{let S=u.getPages(),b=S.findIndex(v=>v.id===u.getCurrentPageId());b<1||(s("change-page",{source:m,direction:"prev"}),u.setCurrentPage(S[b-1].id))}},{id:"change-page-next",kbd:"alt+right,alt+down",readonlyOk:!0,onSelect:async m=>{let S=u.getPages(),b=S.findIndex(v=>v.id===u.getCurrentPageId());if(b===-1||b>=S.length-1){if(u.getCurrentPageShapes().length<=0||u.getIsReadonly())return;s("new-page",{source:m}),u.run(()=>{u.markHistoryStoppingPoint("creating page");let v=mo.createId();u.createPage({name:r.msg("page-menu.new-page-initial-name"),id:v}),u.setCurrentPage(v)});return}u.setCurrentPage(S[b+1].id),s("change-page",{source:m,direction:"next"})}},{id:"adjust-shape-styles",label:"a11y.adjust-shape-styles",kbd:"cmd+Enter,ctrl+Enter",isRequiredA11yAction:!0,onSelect:async m=>{if(!f())return;let S=u.getOnlySelectedShape();if(S&&(u.isShapeOfType(S,"image")||u.isShapeOfType(S,"video"))){u.getContainer().querySelector(".tlui-contextual-toolbar button:first-child")?.focus();return}u.getContainer().querySelector(".tlui-style-panel button")?.focus(),s("adjust-shape-styles",{source:m})}},{id:"a11y-open-context-menu",kbd:"cmd+shift+Enter,ctrl+shift+Enter",isRequiredA11yAction:!0,readonlyOk:!0,onSelect:async m=>{if(!f())return;let S=u.getSelectionPageBounds();if(!S)return;let b=S.x+S.width/2,v=S.y+S.height/2,w=u.pageToScreen(new T(b,v));u.getContainer().querySelector(".tl-canvas")?.dispatchEvent(new PointerEvent("contextmenu",{clientX:w.x,clientY:w.y,bubbles:!0})),s("open-context-menu",{source:m})}},{id:"enlarge-shapes",label:"a11y.enlarge-shape",kbd:"cmd+alt+shift+=,ctrl+alt+shift+=",onSelect:async m=>{f()&&(h(1.1),s("enlarge-shapes",{source:m}))}},{id:"shrink-shapes",label:"a11y.shrink-shape",kbd:"cmd+alt+shift+-,ctrl+alt+shift+-",onSelect:async m=>{f()&&(h(1/1.1),s("shrink-shapes",{source:m}))}},{id:"a11y-repeat-shape-announce",kbd:"alt+r",label:"a11y.repeat-shape",isRequiredA11yAction:!0,readonlyOk:!0,onSelect:async m=>{let S=u.getSelectedShapeIds();if(!S.length)return;let b=e9({editor:u,selectedShapeIds:S,msg:l});b&&(a.announce({msg:""}),u.timers.requestAnimationFrame(()=>{a.announce({msg:b})}),s("a11y-repeat-shape-announce",{source:m}))}},{id:"image-replace",label:"tool.replace-media",icon:"arrow-cycle",readonlyOk:!1,onSelect:async m=>{s("image-replace",{source:m}),r.replaceImage()}},{id:"video-replace",label:"tool.replace-media",icon:"arrow-cycle",readonlyOk:!1,onSelect:async m=>{s("video-replace",{source:m}),r.replaceVideo()}},{id:"download-original",label:"action.download-original",readonlyOk:!0,onSelect:async m=>{let S=u.getSelectedShapes();if(S.length===0)return;let b=S.filter(v=>VV(v,u));if(b.length!==0){for(let v of b){let w=u.getAsset(v.props.assetId);if(!w||!w.props.src)continue;let x=await u.resolveAssetUrl(w.id,{shouldResolveToOriginal:!0});if(!x)continue;let C=(w.type==="video"||w.type==="image")&&!w.props.src.startsWith("asset:")?w.props.name:"download";try{let P=await tr(x);if(!P.ok)throw new Error(`Failed to fetch asset: ${P.status}`);let M=await P.blob();bR(new File([M],C,{type:M.type}),u.getContainerDocument())}catch{lh(x,"_blank")}}s("download-original",{source:m})}}},{id:"copy-hovered-styles",label:"action.copy-hovered-styles",kbd:"shift+q",async onSelect(m){let S=u.getShapeAtPoint(u.inputs.getCurrentPagePoint(),{hitInside:!1,hitLabels:!1,hitLocked:u.options.selectLockedShapes,margin:u.options.hitTestMargin/u.getZoomLevel()}),b=u.getPath();!S||!b.endsWith(".idle")||(u.run(()=>{for(let v of u.styleProps[S.type].keys()){let w=u.getShapeStyleIfExists(S,v);w===void 0||v===Or||u.setStyleForNextShapes(v,w)}}),s("copy-hovered-styles",{source:m}))}}];o&&g.push({id:"open-cursor-chat",label:"action.open-cursor-chat",readonlyOk:!0,kbd:"/",onSelect(m){s("open-cursor-chat",{source:m}),!u.getInstanceState().isCoarsePointer&&u.timers.requestAnimationFrame(()=>{u.updateInstanceState({isChatting:!0})})}});let y=E3e(g);return t?t(u,y,r):y},[r,n,s,t,c,o,l,a,i]);return(0,mfe.jsx)(gfe.Provider,{value:d,children:e})}function lr(){let t=Tw.useContext(gfe);if(!t)throw new Error("useTools must be used within a ToolProvider");return t}function Ou(t,e){return t?typeof t=="string"?t:e?t[e]??t.default:void 0:void 0}var n9=new av("backToContentSuppressed",()=>!1),t9=new av("backToContentSuppressTimeout",()=>null);function bfe(t,e){n9.set(t,!0);let n=t9.get(t);n!==null&&clearTimeout(n);let o=t.timers.setTimeout(()=>{n9.set(t,!1),t9.set(t,null)},e);t9.set(t,o)}function Dde(){let t=O(),e=lr(),[n,o]=(0,bD.useState)(!1),r=(0,bD.useRef)(!1);return Oa("toggle showback to content",()=>{let i=r.current,s=!1;if(!n9.get(t)){let a=t.getCurrentPageShapeIds();a.size&&(s=a.size===t.getNotVisibleShapes().size)}i!==s&&(o(s),r.current=s)},[t]),n?(0,Sfe.jsx)(G,{actionId:"back-to-content",onSelect:()=>{e["back-to-content"].onSelect("helper-buttons"),o(!1)}}):null}function vfe(){let t=O(),e=J(),n=(0,$p.useRef)(null),o=(0,$p.useCallback)(r=>{t.markEventAsHandled(r),n.current?.blur();let i=t.getCurrentPageShapesInReadingOrder();i.length&&(t.setSelectedShapes([i[0].id]),bfe(t,t.options.animationMediumMs),t.zoomToSelectionIfOffscreen(256,{animation:{duration:t.options.animationMediumMs},inset:0}),t.timers.setTimeout(()=>t.getContainer().focus(),100))},[t]);return(0,o9.jsx)(Ae,{ref:n,type:"low",tabIndex:0,className:"tl-skip-to-main-content",onClick:o,children:e("a11y.skip-to-main-content")})}var Q8=(0,$p.memo)(function(){let e=Ph(),n=J(),o=z("a11y-msg",()=>e.currentMsg.get(),[]);return I3e(o.msg),wfe(),o.msg&&(0,o9.jsx)("div",{"aria-label":n("a11y.status"),"aria-live":o.priority||"assertive",role:"status","aria-hidden":"false",style:{position:"absolute",top:"-10000px",left:"-10000px"},children:o.msg})});function e9(t){let{editor:e,selectedShapeIds:n,msg:o}=t,r="",i=n.length;if(i>1)r=o("a11y.multiple-shapes").replace("{num}",i.toString());else if(i===1){let s=n[0],a=e.getShape(s);if(!a)return"";let l=e.getShapeUtil(a.type),c=["image","video"].includes(a.type),d="";a.type==="geo"?d=o(`geo-style.${a.props.geo}`):c?d=o(`a11y.shape-${a.type}`):d=o(`tool.${a.type}`);let u=e.getCurrentPageShapesInReadingOrder(),p=(u.findIndex(y=>y.id===s)+1).toString(),f=u.length.toString(),h=o("a11y.shape-index").replace("{num}",p).replace("{total}",f),g=l.getAriaDescriptor(a)||l.getText(a)||"";r=(g?`${g}, `:"")+`${d}. ${h}`}return r}function wfe(){let t=rt(),e=Ph(),n=J(),o=(0,$p.useRef)([]);kd("announce selection",()=>{if(!t)return;if(t.isIn("select.idle")){let i=t.getSelectedShapeIds();i!==o.current&&(o.current=i,Ti(()=>{let s=e9({editor:t,selectedShapeIds:i,msg:n});s&&e.announce({msg:s})}))}},[t,e,n])}var I3e=t=>{let e=it();(0,$p.useEffect)(()=>{if(Et.a11y.get()){let n=i=>{console.debug(`%ca11y%c: ${i}`,"color: white; background: #40C057; padding: 2px;border-radius: 3px;","font-weight: normal")},o=e.ownerDocument,r=i=>{let s=o.activeElement;if(i.key==="Tab"&&s&&s!==o.body&&!s.classList.contains("tl-container")){let a=s.getAttribute("aria-label")||s.getAttribute("title")||s.textContent;a&&n(a)}};return t&&n(t),o.addEventListener("keyup",r),()=>o.removeEventListener("keyup",r)}},[e,t])};var MP=class extends Yd{static type="bookmark";static props=Ib;static migrations=Rx;getDefaultProps(){return{title:"",description:"",image:"",favicon:"",src:null}}};function r9(t,e){let n=t.w/e.w,o=t.h/e.h;return n<=1&&o<=1?t:n>o?{w:t.w/n,h:t.h/n}:{w:t.w/o,h:t.h/o}}var AP=class extends Yd{static type="image";static props=Mb;static migrations=Dx;options={maxDimension:W4,supportedMimeTypes:null};getDefaultProps(){return{w:0,h:0,name:"",isAnimated:!1,mimeType:null,src:null}}getSupportedMimeTypes(){return this.options.supportedMimeTypes??Qm}async getAssetFromFile(e,n){let o=this.editor.getContainerDocument(),r=await xi.getImageSize(e,o),i=await xi.isAnimated(e),s="pixelRatio"in r&&r.pixelRatio!==1?r.pixelRatio:void 0,a={id:n,type:"image",typeName:"asset",props:{name:e.name,src:"",w:r.w,h:r.h,fileSize:e.size,mimeType:e.type,isAnimated:i,...s?{pixelRatio:s}:void 0},meta:{}},l=this.options.maxDimension;if(l&&isFinite(l)){let c={w:a.props.w,h:a.props.h},d=r9(c,{w:l,h:l});c!==d&&xi.isStaticImageType(e.type)&&(a.props.w=d.w,a.props.h=d.h)}return a}};var kP=class extends Yd{static type="video";static props=Ab;static migrations=Lx;options={supportedMimeTypes:null};getDefaultProps(){return{w:0,h:0,name:"",isAnimated:!0,mimeType:null,src:null}}getSupportedMimeTypes(){return this.options.supportedMimeTypes??ab}async getAssetFromFile(e,n){let o=e.type;o==="video/quicktime"&&(o="video/mp4");let r=this.editor.getContainerDocument(),i=await xi.getVideoSize(e,r);return{id:n,type:"video",typeName:"asset",props:{name:e.name,src:"",w:i.w,h:i.h,fileSize:e.size,mimeType:o,isAnimated:!0},meta:{}}}};var xfe=new WeakMap;function Ee(t,e,n){let o=t.editor.getCurrentTheme(),r=n??t.editor.getColorMode(),i=xfe.get(e);if(i&&i.theme===o&&i.colorMode===r)return i.values;let s={...t.options.getDefaultDisplayValues(t.editor,e,o,r),...t.options.getCustomDisplayValues(t.editor,e,o,r)};return xfe.set(e,{theme:o,colorMode:r,values:s}),s}function Cw(t,e,n,o){let{arrowheadStart:r,arrowheadEnd:i}=e.props,s=Nu(t,e,n),a=s.start.clone(),l=s.end.clone(),c=T.Med(a,l);if(T.Equals(a,l))return{bindings:n,type:"straight",start:{handle:a,point:a,arrowhead:e.props.arrowheadStart},end:{handle:l,point:l,arrowhead:e.props.arrowheadEnd},middle:c,isValid:!1,length:0};let d=T.Sub(l,a).uni(),u=cw(t,e,"start"),p=cw(t,e,"end"),f=t.getShapePageTransform(e);Tfe(l,s.start,f,p),Tfe(a,s.end,f,u),dw(t,l,s.end,f,p),dw(t,a,s.start,f,u);let h=0,g=0,y=0,m=0,S=Xh*e.props.scale,b=t.getCurrentTheme(),v=o??b.strokeWidth*vn[e.props.size],w=u&&p&&u.shape===p.shape,x=u&&p?iP(t,u.shape.id,p.shape.id):"safe";x==="safe"&&u&&p&&!w&&!u.isExact&&!p.isExact&&(p.didIntersect&&!u.didIntersect?u.isClosed&&a.setTo(l.clone().add(d.clone().mul(Xh*e.props.scale))):p.didIntersect||p.isClosed&&l.setTo(a.clone().sub(d.clone().mul(Xh*e.props.scale))));let C=T.Sub(l,a),P=T.Len(C)?C.uni():T.From(C),M=!T.Equals(P,d);w||(x!=="start-contains-end"&&u&&r!=="none"&&!u.isExact&&(y=v/2+("size"in u.shape.props?b.strokeWidth*vn[u.shape.props.size]/2:0),h=(Zh+y)*e.props.scale,S+=y*e.props.scale),x!=="end-contains-start"&&p&&i!=="none"&&!p.isExact&&(m=v/2+("size"in p.shape.props?b.strokeWidth*vn[p.shape.props.size]/2:0),g=(Zh+m)*e.props.scale,S+=m*e.props.scale));let E=a.clone().add(P.clone().mul(h*(M?-1:1))),I=l.clone().sub(P.clone().mul(g*(M?-1:1)));T.DistMin(E,I,S)&&(h!==0&&g!==0?(h*=-1.5,g*=-1.5):h!==0?h*=-1:g!==0&&(g*=-1)),a.add(P.clone().mul(h*(M?-1:1))),l.sub(P.clone().mul(g*(M?-1:1))),M?(u&&p&&l.setTo(T.Add(a,P.clone().mul(-Xh*e.props.scale))),c.setTo(T.Med(s.start,s.end))):c.setTo(T.Med(a,l));let R=T.Dist(a,l);return{bindings:n,type:"straight",start:{handle:s.start,point:a,arrowhead:e.props.arrowheadStart},end:{handle:s.end,point:l,arrowhead:e.props.arrowheadEnd},middle:c,isValid:R>0,length:R}}function Tfe(t,e,n,o){if(o===void 0||o.isExact)return;let r=Q.applyToPoint(n,e),i=Q.applyToPoint(n,t),s=Q.applyToPoint(Q.Inverse(o.transform),r),a=Q.applyToPoint(Q.Inverse(o.transform),i),l=Array.from(o.geometry.intersectLineSegment(s,a,{includeLabels:!1,includeInternal:!1})),c;if(l.length&&(c=l.sort((p,f)=>T.Dist2(p,s)-T.Dist2(f,s))[0]??(o.isClosed?void 0:a)),c===void 0&&(c=o.geometry.nearestPoint(a,{includeLabels:!1,includeInternal:!1}),!T.DistMin(c,a,1)))return;let d=Q.applyToPoint(o.transform,c),u=Q.applyToPoint(Q.Inverse(n),d);t.setTo(u),o.didIntersect=!0}function Pfe(t,e,n,o){let{arrowheadEnd:r,arrowheadStart:i}=e.props,s=e.props.bend;if(Math.abs(s)>Math.abs(e.props.bend*(ede*e.props.scale)))return Cw(t,e,n,o);let a=Nu(t,e,n),l=T.Med(a.start,a.end),c=T.Sub(a.end,a.start),d=T.Len(c)?c.uni():T.From(c),u=T.Add(l,d.per().mul(-s)),p=t.getCurrentTheme(),f=o??p.strokeWidth*vn[e.props.size],h=cw(t,e,"start"),g=cw(t,e,"end"),y=a.start.clone(),m=a.end.clone(),S=u.clone();if(T.Equals(y,m))return{bindings:n,type:"straight",start:{handle:y,point:y,arrowhead:e.props.arrowheadStart},end:{handle:m,point:m,arrowhead:e.props.arrowheadEnd},middle:S,isValid:!1,length:0};let b=e.props.bend<0,v=b?RT:_z,w=Cfe(y,m,S),x=T.Angle(w.center,y),C=T.Angle(w.center,m),P=v(x,C);if(w.length===0||w.size===0||!LM(w.length)||!LM(w.size))return Cw(t,e,n,o);let M=y.clone(),E=m.clone(),I=S.clone(),R=t.getShapePageTransform(e),D=0,N=0,B=Xh*e.props.scale;if(h&&!h.isExact){let le=Q.applyToPoint(R,M),Te=Q.applyToPoint(R,w.center),Ge=Q.applyToPoint(R,E),We=Q.Inverse(h.transform),ke=Q.applyToPoint(We,le),se=Q.applyToPoint(We,Te),ze=Q.applyToPoint(We,Ge),{isClosed:Wt}=h,W,K=Array.from(h.geometry.intersectCircle(se,w.radius,{includeLabels:!1,includeInternal:!1}));if(K.length){let ue=se.angle(ke),ut=se.angle(ze),et=v(ue,ut);K=K.filter(Ce=>v(ue,se.angle(Ce))<=et);let st=et*.25;K.sort(Wt?(Ce,Pt)=>Math.abs(v(ue,se.angle(Ce))-st)<Math.abs(v(ue,se.angle(Pt))-st)?-1:1:(Ce,Pt)=>v(ue,se.angle(Ce))<v(ue,se.angle(Pt))?-1:1),W=K[0]}if(!W)if(Wt){let ue=h.geometry.nearestPoint(ke,{includeInternal:!1,includeLabels:!1});T.DistMin(ue,ke,1)&&(W=ue)}else W=ke;if(W&&(M.setTo(t.getPointInShapeSpace(e,Q.applyToPoint(h.transform,W))),h.didIntersect=!0,i!=="none")){let ue=f/2+("size"in h.shape.props?p.strokeWidth*vn[h.shape.props.size]/2:0);D=(Zh+ue)*e.props.scale,B+=ue*e.props.scale}}if(g&&!g.isExact){let le=Q.applyToPoint(R,M),Te=Q.applyToPoint(R,E),Ge=Q.applyToPoint(R,w.center),We=Q.Inverse(g.transform),ke=Q.applyToPoint(We,le),se=Q.applyToPoint(We,Ge),ze=Q.applyToPoint(We,Te),Wt=g.isClosed,W,K=Array.from(g.geometry.intersectCircle(se,w.radius,{includeLabels:!1,includeInternal:!1}));if(K.length){let ue=se.angle(ke),ut=se.angle(ze),et=v(ue,ut),st=et*.75;K=K.filter(Ce=>v(ue,se.angle(Ce))<=et),K.sort(Wt?(Ce,Pt)=>Math.abs(v(ue,se.angle(Ce))-st)<Math.abs(v(ue,se.angle(Pt))-st)?-1:1:(Ce,Pt)=>v(ue,se.angle(Ce))<v(ue,se.angle(Pt))?-1:1),W=K[0]}if(!W)if(Wt){let ue=g.geometry.nearestPoint(ze,{includeInternal:!1,includeLabels:!1});T.DistMin(ue,ze,1)&&(W=ue)}else W=ze;if(W&&(E.setTo(t.getPointInShapeSpace(e,Q.applyToPoint(g.transform,W))),g.didIntersect=!0,r!=="none")){let ue=f/2+("size"in g.shape.props?p.strokeWidth*vn[g.shape.props.size]/2:0);N=(Zh+ue)*e.props.scale,B+=ue*e.props.scale}}dw(t,M,y,R,h),dw(t,E,m,R,g);let F=T.Angle(w.center,M),k=T.Angle(w.center,E),L=v(F,k),U=L*w.radius,V=M.clone(),Y=E.clone();if(D!==0&&V.setTo(w.center).add(T.FromAngle(F+L*(D/U*(b?1:-1))).mul(w.radius)),N!==0&&Y.setTo(w.center).add(T.FromAngle(k+L*(N/U*(b?-1:1))).mul(w.radius)),T.DistMin(V,Y,B)){D!==0&&N!==0?(D*=-1.5,N*=-1.5):D!==0?D*=-2:N!==0&&(N*=-2);let le=.1-v(x,F)*w.radius,Te=.1-v(k,C)*w.radius;D=Math.max(D,le),N=Math.max(N,Te)}if(D!==0&&M.setTo(w.center).add(T.FromAngle(F+L*(D/U*(b?1:-1))).mul(w.radius)),N!==0&&E.setTo(w.center).add(T.FromAngle(k+L*(N/U*(b?-1:1))).mul(w.radius)),h&&g&&!h.isExact&&!g.isExact){F=T.Angle(w.center,M),k=T.Angle(w.center,E),L=v(F,k),U=L*w.radius;let le=iP(t,h.shape.id,g.shape.id);le==="double-bound"&&U<30?(M.setTo(y),E.setTo(m),I.setTo(S)):le==="safe"&&(h&&!h.didIntersect&&M.setTo(y),(g&&!g.didIntersect||v(x,F)>v(x,k))&&E.setTo(w.center).add(T.FromAngle(F+L*(Math.min(.9,Xh*e.props.scale/U)*(b?1:-1))).mul(w.radius)))}_3e(w.center,w.radius,M,E,I,P,b),M.equals(E)&&(M.setTo(I.clone().addXY(1,1)),E.setTo(I.clone().subXY(1,1))),y.setTo(M),m.setTo(E),S.setTo(I);let Z=Cfe(y,m,S);return{bindings:n,type:"arc",start:{point:y,handle:a.start,arrowhead:e.props.arrowheadStart},end:{point:m,handle:a.end,arrowhead:e.props.arrowheadEnd},middle:S,handleArc:w,bodyArc:Z,isValid:Z.length!==0&&isFinite(Z.center.x)&&isFinite(Z.center.y)}}function Cfe(t,e,n){let o=LT(t,e,n)??T.Med(t,e),r=T.Dist(o,t),i=+T.Clockwise(t,n,e),s=((t.y-e.y)**2+(t.x-e.x)**2)**.5,a=((e.y-n.y)**2+(e.x-n.x)**2)**.5,l=((n.y-t.y)**2+(n.x-t.x)**2)**.5,c=Math.acos((a*a+l*l-s*s)/(2*a*l))*2,d=+(wt>c),u=(vt-c)*(i?1:-1),p=u*r;return{center:o,radius:r,size:u,length:p,largeArcFlag:d,sweepFlag:i}}function _3e(t,e,n,o,r,i,s){let a=T.Angle(t,n),l=T.Angle(t,o),c=RT(a,l);if(s||(c=vt-c),r.setTo(t).add(T.FromAngle(a+c*(.5*(s?1:-1))).mul(e)),c>i){r.rotWith(t,wt);let d=o.clone();o.setTo(n),n.setTo(d)}}var i9=["right","bottom","left","top"],Efe={top:{x:0,y:-1},right:{x:1,y:0},bottom:{x:0,y:1},left:{x:-1,y:0}},Ife={left:"x",right:"x",top:"y",bottom:"y"},Gy={top:"bottom",right:"left",bottom:"top",left:"right"},um={x:{v:(t,e)=>new T(t,e),loEdge:"left",hiEdge:"right",crossMid:"midY",gap:"gapX",midRange:"midXRange",self:"x",cross:"y",size:"width"},y:{v:(t,e)=>new T(e,t),loEdge:"top",hiEdge:"bottom",crossMid:"midX",gap:"gapY",midRange:"midYRange",self:"y",cross:"x",size:"height"}};function _fe(t,e){let n={min:t.min-e,max:t.max+e};return n.min>n.max?null:n}function Mfe(t,e){return ne(t.min<=t.max&&e.min<=e.max),t.min<=e.min&&e.max<=t.max?[{min:t.min,max:e.min},{min:e.max,max:t.max}]:e.max<=t.min||e.min>=t.max?[t]:e.min<=t.min&&t.max<=e.max?[]:RP(t.min,e)?[{min:e.max,max:t.max}]:RP(t.max,e)?[{min:t.min,max:e.min}]:[]}function vD(t,e){return{min:Math.min(t,e),max:Math.max(t,e)}}function RP(t,e){return t>=e.min&&t<=e.max}function s9(t){return t.max-t.min}function wD(t){if(!t)return;let e=t.cross.min;t.cross.min=-t.cross.max,t.cross.max=-e,t.crossTarget=-t.crossTarget}function xD(t){t&&(t.value=-t.value,t.expanded=t.expanded===null?null:-t.expanded)}var ur={Identity:{x:1,y:1,transpose:!1},Rotate90:{x:-1,y:1,transpose:!0},Rotate180:{x:-1,y:-1,transpose:!1},Rotate270:{x:1,y:-1,transpose:!0},FlipX:{x:-1,y:1,transpose:!1},FlipY:{x:1,y:-1,transpose:!1}};function M3e(t){return t.transpose?{x:t.y,y:t.x,transpose:!0}:t}function A3e(t,e){let n={...t};return e.transpose&&(dm(n,"x","y"),n.transpose=!n.transpose),e.x===-1&&(n.x=-n.x),e.y===-1&&(n.y=-n.y),n}function dm(t,e,n){let o=t[e];t[e]=t[n],t[n]=o}function Afe(t,e){e.x=t.x*e.x,e.y=t.y*e.y,t.transpose&&dm(e,"x","y")}function Pw(t,e){t.x===-1&&(e.x=-(e.x+e.width)),t.y===-1&&(e.y=-(e.y+e.height)),t.transpose&&(dm(e,"x","y"),dm(e,"width","height"))}function kfe(t,e){t.x===-1&&(dm(e,"left","right"),wD(e.top),wD(e.bottom),xD(e.left),xD(e.right)),t.y===-1&&(dm(e,"top","bottom"),wD(e.left),wD(e.right),xD(e.top),xD(e.bottom)),t.transpose&&(dm(e,"left","top"),dm(e,"right","bottom"))}var TD=class{options;A;B;common;gapX;gapY;midX;midY;bias;constructor(e){this.options=e.options,this.A=e.A,this.B=e.B,this.common=e.common,this.midX=e.midX,this.midY=e.midY,this.gapX=e.gapX,this.gapY=e.gapY,this.bias=new T(1,1)}transform=ur.Identity;inverse=ur.Identity;apply(e){if(this.transform=A3e(e,this.transform),this.inverse=M3e(this.transform),Pw(e,this.A.original),Pw(e,this.B.original),Pw(e,this.common.original),Pw(e,this.A.expanded),Pw(e,this.B.expanded),Pw(e,this.common.expanded),kfe(e,this.A.edges),kfe(e,this.B.edges),Afe(e,this.bias),e.x===-1&&(this.gapX=-this.gapX,this.midX=this.midX===null?null:-this.midX),e.y===-1&&(this.gapY=-this.gapY,this.midY=this.midY===null?null:-this.midY),e.transpose){let n=this.midX;this.midX=this.midY,this.midY=n,n=this.gapX,this.gapX=this.gapY,this.gapY=n}}reset(){this.apply(this.inverse)}vec(e,n){let o=new T(e,n);return Afe(this.inverse,o),o}};var Ew=.01,zi=class{constructor(e,n){this.info=e,this.name=n}info;name;points=[];add(e,n){return this.points.push(this.info.vec(e,n)),this}_midpointHandle=null;midpointHandle(e){ne(this._midpointHandle===null,"midX/midY called multiple times");let n=T.Lrp(this.points[this.points.length-2],this.points[this.points.length-1],.5);return this._midpointHandle={axis:this.info.transform.transpose?e==="x"?"y":"x":e,point:n,segmentStart:this.points[this.points.length-2].clone(),segmentEnd:this.points[this.points.length-1].clone()},this}build(){let e=[];for(let n=0;n<this.points.length;n++){let o=this.points[n],r=e[e.length-1],i=e[e.length-2];if(!r||!i)e.push(o);else{let s=Math.abs(o.x-r.x),a=Math.abs(o.y-r.y),l=Math.abs(o.x-i.x),c=Math.abs(o.y-i.y);s<Ew&&a<Ew||(s<Ew&&l<Ew?r.y=o.y:a<Ew&&c<Ew?r.x=o.x:e.push(o))}}return{name:this.name,points:e,distance:k3e(e),aEdgePicking:"manual",bEdgePicking:"manual",skipPointsWhenDrawing:new Set,midpointHandle:this._midpointHandle}}};function k3e(t){let e=0;for(let n=0;n<t.length-1;n++){let o=t[n],r=t[n+1];e+=Math.abs(r.x-o.x)+Math.abs(r.y-o.y)}return e}function CD(t){let e=t.A.edges.right,n=t.B.edges.left;if(!e||!n)return null;if(e.crossTarget>n.crossTarget&&t.apply(ur.FlipY),t.gapX>0&&t.midX!==null)return new zi(t,"to left 1").add(e.value,e.crossTarget).add(t.midX,e.crossTarget).add(t.midX,n.crossTarget).midpointHandle("x").add(n.value,n.crossTarget).build();if(e.expanded===null||n.expanded===null)return null;if(t.midY!==null)return new zi(t,"to left 2").add(e.value,e.crossTarget).add(e.expanded,e.crossTarget).add(e.expanded,t.midY).add(n.expanded,t.midY).midpointHandle("y").add(n.expanded,n.crossTarget).add(n.value,n.crossTarget).build();let o=Math.abs(e.value-t.common.expanded.right)+Math.abs(e.crossTarget-t.common.expanded.bottom)+Math.abs(t.common.expanded.right-n.expanded)+Math.abs(t.common.expanded.bottom-n.crossTarget)+t.options.expandElbowLegLength+6,r=t.options.expandElbowLegLength+Math.abs(e.crossTarget-t.common.expanded.top)+Math.abs(e.expanded-t.common.expanded.left)+Math.abs(t.common.expanded.top-n.crossTarget)+Math.abs(t.common.expanded.left-n.value)+6+t.bias.y,i=t.gapX<0&&t.midX!==null?t.options.expandElbowLegLength+Math.abs(e.crossTarget-t.A.expanded.bottom)+t.common.expanded.width+Math.abs(t.A.expanded.bottom-t.B.expanded.top)+Math.abs(t.B.expanded.top-n.crossTarget)+t.options.expandElbowLegLength+8:1/0;return o<r&&o<i?new zi(t,"to left 3").add(e.value,e.crossTarget).add(t.common.expanded.right,e.crossTarget).add(t.common.expanded.right,t.common.expanded.bottom).add(n.expanded,t.common.expanded.bottom).add(n.expanded,n.crossTarget).add(n.value,n.crossTarget).build():r<i?new zi(t,"to left 4").add(e.value,e.crossTarget).add(e.expanded,e.crossTarget).add(e.expanded,t.common.expanded.top).add(t.common.expanded.left,t.common.expanded.top).add(t.common.expanded.left,n.crossTarget).add(n.value,n.crossTarget).build():t.midX!==null?new zi(t,"to left 5").add(e.value,e.crossTarget).add(e.expanded,e.crossTarget).add(e.expanded,t.A.expanded.bottom).add(t.midX,t.A.expanded.bottom).add(t.midX,t.B.expanded.top).midpointHandle("y").add(n.expanded,t.B.expanded.top).add(n.expanded,n.crossTarget).add(n.value,n.crossTarget).build():null}function DP(t){let e=t.A.edges.right,n=t.B.edges.top;if(!e||!n)return null;if(e.crossTarget<(n.expanded??n.value)&&n.crossTarget>(e.expanded??e.value)||t.A.isPoint&&t.B.expanded.containsPoint(t.A.original.center))return new zi(t,"to top 1").add(e.value,e.crossTarget).add(n.crossTarget,e.crossTarget).add(n.crossTarget,n.value).build();if(t.gapX>0&&t.midX!==null&&n.expanded!==null)return new zi(t,"to top 2").add(e.value,e.crossTarget).add(t.midX,e.crossTarget).add(t.midX,n.expanded).midpointHandle("x").add(n.crossTarget,n.expanded).add(n.crossTarget,n.value).build();if(t.gapY>0&&e.expanded!==null&&n.crossTarget<e.expanded&&t.midY!==null)return new zi(t,"to top 3").add(e.value,e.crossTarget).add(e.expanded,e.crossTarget).add(e.expanded,t.midY).add(n.crossTarget,t.midY).midpointHandle("y").add(n.crossTarget,n.value).build();let o=Math.abs(e.value-t.common.expanded.right)+Math.abs(e.crossTarget-t.common.expanded.top)+Math.abs(n.crossTarget-t.common.expanded.right)+Math.abs(n.value-t.common.expanded.top),r=e.expanded!==null&&t.midY!==null&&n.expanded!==null?Math.abs(e.value-e.expanded)+Math.abs(t.B.expanded.left-e.expanded)+Math.abs(t.B.expanded.left-n.crossTarget)+Math.abs(e.crossTarget-t.B.expanded.top)+Math.abs(n.value-n.expanded):1/0,i=e.expanded!==null&&t.midX!==null&&n.expanded!==null?Math.abs(e.value-t.common.expanded.right)+Math.abs(e.crossTarget-t.A.expanded.bottom)+Math.abs(e.expanded-n.crossTarget)+Math.abs(t.A.expanded.bottom-n.expanded)+Math.abs(n.expanded-n.value):1/0;return o<r&&o<i?new zi(t,"to top 4").add(e.value,e.crossTarget).add(t.common.expanded.right,e.crossTarget).add(t.common.expanded.right,t.common.expanded.top).add(n.crossTarget,t.common.expanded.top).add(n.crossTarget,n.value).build():n.expanded!==null&&e.expanded!==null&&t.midY!==null&&r<i?new zi(t,"to top 5").add(e.value,e.crossTarget).add(e.expanded,e.crossTarget).add(e.expanded,t.midY).add(t.B.expanded.left,t.midY).midpointHandle("y").add(t.B.expanded.left,n.expanded).add(n.crossTarget,n.expanded).add(n.crossTarget,n.value).build():n.expanded!==null&&e.expanded!==null&&t.midX!==null?new zi(t,"to top 6").add(e.value,e.crossTarget).add(e.expanded,e.crossTarget).add(e.expanded,t.A.expanded.bottom).add(t.midX,t.A.expanded.bottom).add(t.midX,n.expanded).midpointHandle("x").add(n.crossTarget,n.expanded).add(n.crossTarget,n.value).build():null}function PD(t){return t.apply(ur.FlipY),DP(t)}function ED(t){let e=t.A.edges.right,n=t.B.edges.right;if(!e||!n)return null;if((t.gapX<=0||e.crossTarget>t.B.expanded.bottom||e.crossTarget<t.B.expanded.top)&&(n.value>t.A.original.left||n.crossTarget>t.A.expanded.bottom||n.crossTarget<t.A.expanded.top))return new zi(t,"to right 1").add(e.value,e.crossTarget).add(t.common.expanded.right,e.crossTarget).add(t.common.expanded.right,n.crossTarget).add(n.value,n.crossTarget).build();if(t.midX===null)return null;if(n.expanded!==null&&t.gapX>=0){let o=Math.abs(n.crossTarget-t.B.expanded.bottom)+Math.abs(e.crossTarget-t.B.expanded.bottom),r=Math.abs(n.crossTarget-t.B.expanded.top)+Math.abs(e.crossTarget-t.B.expanded.top),i=o<r?"bottom":"top";return new zi(t,`to right 2 via ${i}`).add(e.value,e.crossTarget).add(t.midX,e.crossTarget).add(t.midX,t.B.expanded[i]).midpointHandle("x").add(n.expanded,t.B.expanded[i]).add(n.expanded,n.crossTarget).add(n.value,n.crossTarget).build()}if(e.expanded!==null&&t.gapX<=0){let o=Math.abs(n.crossTarget-t.A.expanded.bottom)+Math.abs(e.crossTarget-t.A.expanded.bottom),r=Math.abs(n.crossTarget-t.A.expanded.top)+Math.abs(e.crossTarget-t.A.expanded.top),i=o<r?"bottom":"top";return new zi(t,`to right 3 via ${i}`).add(e.value,e.crossTarget).add(e.expanded,e.crossTarget).add(e.expanded,t.A.expanded[i]).add(t.midX,t.A.expanded[i]).add(t.midX,n.crossTarget).midpointHandle("x").add(n.value,n.crossTarget).build()}return null}var R3e={top:{top:[ur.Rotate270,ED],left:[ur.Rotate270,DP],bottom:[ur.Rotate270,CD],right:[ur.Rotate270,PD]},right:{top:[ur.Identity,DP],right:[ur.Identity,ED],bottom:[ur.Identity,PD],left:[ur.Identity,CD]},bottom:{top:[ur.Rotate90,CD],left:[ur.Rotate90,PD],bottom:[ur.Rotate90,ED],right:[ur.Rotate90,DP]},left:{top:[ur.Rotate180,PD],left:[ur.Rotate180,ED],bottom:[ur.Rotate180,DP],right:[ur.Rotate180,CD]}};function dr(t,e,n){let[o,r]=R3e[e][n];t.apply(o);let i=r(t);return t.reset(),i}function Rfe(t,e){let n=null;if(Math.abs(t.gapX)+1>Math.abs(t.gapY)&&t.midX!==null)t.gapX>0?n=dr(t,"right","left"):n=dr(t,"left","right");else{let s=t.A.edges.right,a=t.A.edges.left,l=t.B.edges.top,c=t.B.edges.bottom;t.A.isPoint&&t.B.isPoint?t.gapY>0?n=dr(t,"bottom","top"):n=dr(t,"top","bottom"):s&&l&&(s.expanded??s.value)<=l.crossTarget&&s.crossTarget<=(l.expanded??l.value)?n=dr(t,"right","top"):s&&c&&(s.expanded??s.value)<=c.crossTarget&&s.crossTarget>=(c.expanded??c.value)?n=dr(t,"right","bottom"):a&&l&&(a.expanded??a.value)>=l.crossTarget&&a.crossTarget<=(l.expanded??l.value)?n=dr(t,"left","top"):a&&c&&(a.expanded??a.value)>=c.crossTarget&&a.crossTarget>=(c.expanded??c.value)?n=dr(t,"left","bottom"):t.gapY>0&&t.midY!==null?n=dr(t,"bottom","top"):t.gapY<0&&t.midY!==null&&(n=dr(t,"top","bottom"))}if(n)return n.aEdgePicking=e,n.bEdgePicking=e,n;let o=i9.filter(s=>t.A.edges[s]),r=i9.filter(s=>t.B.edges[s]),i=o.flatMap(s=>r.map(a=>[s,a,e,e]));return Iw(t,i)}function Dfe(t,e){let n=null,o=t.A.edges.right,r=t.A.edges.left,i=t.B.edges.top,s=t.B.edges.bottom;switch(e){case"right":t.gapX>0&&t.gapX>Math.abs(t.gapY)&&t.midX!==null?n=dr(t,"right","left"):o&&i&&(o.expanded??o.value)<=i.crossTarget&&o.crossTarget<=(i.expanded??i.value)?n=dr(t,"right","top"):o&&s&&(o.expanded??o.value)<=s.crossTarget&&o.crossTarget>=(s.expanded??s.value)&&(n=dr(t,"right","bottom"));break;case"left":t.gapX<0&&Math.abs(t.gapX)>Math.abs(t.gapY)&&t.midX!==null?n=dr(t,"left","right"):r&&i&&(r.expanded??r.value)>=i.crossTarget&&r.crossTarget<=(i.expanded??i.value)?n=dr(t,"left","top"):r&&s&&(r.expanded??r.value)>=s.crossTarget&&r.crossTarget>=(s.expanded??s.value)&&(n=dr(t,"left","bottom"));break;case"top":case"bottom":break;default:Ve(e)}if(n)return n.aEdgePicking="manual",n.bEdgePicking="auto",n;switch(e){case"top":return Iw(t,[["top","bottom","manual","auto"],["top","right","manual","auto"],["top","left","manual","auto"],["top","top","manual","auto"]]);case"bottom":return Iw(t,[["bottom","top","manual","auto"],["bottom","right","manual","auto"],["bottom","left","manual","auto"],["bottom","bottom","manual","auto"]]);case"left":return Iw(t,[["left","right","manual","auto"],["left","bottom","manual","auto"],["left","left","manual","auto"],["left","top","manual","auto"]]);case"right":return Iw(t,[["right","left","manual","auto"],["right","bottom","manual","auto"],["right","right","manual","auto"],["right","top","manual","auto"]])}}function Ofe(t,e,n){let o=dr(t,e,n);return o||(t.A.isPoint&&t.B.isPoint?Iw(t,[[Gy[e],Gy[n],"manual","manual"],[e,Gy[n],"manual","auto"],[Gy[e],n,"auto","manual"]]):t.A.isPoint?dr(t,Gy[e],n):t.B.isPoint?dr(t,e,Gy[n]):null)}function Iw(t,e){let n=null,o=1/0,r=1/0,i=0;for(let[s,a,l,c]of e){i+=1;let d=dr(t,s,a);d&&(d.aEdgePicking=l,d.bEdgePicking=c,d.points.length<o?(o=d.points.length,r=d.distance,n=d):d.points.length===o&&d.distance+i<r&&(r=d.distance,n=d))}return n}function ID(t,e,n,o){let r=t.getShapeUtil(e.type).options,i={elbowMidpoint:e.props.elbowMidPoint,expandElbowLegLength:r.expandElbowLegLength[e.props.size]*e.props.scale,minElbowLegLength:r.minElbowLegLength[e.props.size]*e.props.scale},s=Lfe(t,e,n.start,e.props.start,o),a=Lfe(t,e,n.end,e.props.end,o);s=zfe(s,a,i),a=zfe(a,s,i);let l=!!(!s.side&&a.side),{aTerminal:c,bTerminal:d}=l?{aTerminal:a,bTerminal:s}:{aTerminal:s,bTerminal:a},u={top:hs(c,d,"top",i),right:hs(c,d,"right",i),bottom:hs(c,d,"bottom",i),left:hs(c,d,"left",i)},p={top:hs(d,c,"top",i),right:hs(d,c,"right",i),bottom:hs(d,c,"bottom",i),left:hs(d,c,"left",i)},f=Nfe(u,c.side),h=Nfe(p,d.side),g=!1;(!f||!h)&&(g=!0,f||(d=OP(d)),h||(c=OP(c)),d.bounds.containsPoint(c.target,i.expandElbowLegLength)&&(d=OP(d)),c.bounds.containsPoint(d.target,i.expandElbowLegLength)&&(c=OP(c))),g&&(u={top:hs(c,d,"top",i),right:hs(c,d,"right",i),bottom:hs(c,d,"bottom",i),left:hs(c,d,"left",i)},p={top:hs(d,c,"top",i),right:hs(d,c,"right",i),bottom:hs(d,c,"bottom",i),left:hs(d,c,"left",i)});let y=c.isPoint?c.bounds:c.bounds.clone().expandBy(i.expandElbowLegLength),m=d.isPoint?d.bounds:d.bounds.clone().expandBy(i.expandElbowLegLength),S={original:q.Common([c.bounds,d.bounds]),expanded:q.Common([y,m])},b=d.bounds.minX-c.bounds.maxX;b<0&&(b=c.bounds.minX-d.bounds.maxX,b<0&&(b=0),b=-b);let v=d.bounds.minY-c.bounds.maxY;v<0&&(v=c.bounds.minY-d.bounds.maxY,v<0&&(v=0),v=-v);let w=c.minEndSegmentLength*3,x=d.minEndSegmentLength*3,C=(c.isPoint?w:i.minElbowLegLength)+(d.isPoint?x:i.minElbowLegLength),P=null;b>C?P={a:c.isPoint?c.bounds.maxX+w:y.maxX,b:d.isPoint?d.bounds.minX-x:m.minX}:b<-C&&(P={a:c.isPoint?c.bounds.minX-w:y.minX,b:d.isPoint?d.bounds.maxX+x:m.maxX});let M=null;v>C?M={a:c.isPoint?c.bounds.maxY+w:y.maxY,b:d.isPoint?d.bounds.minY-x:m.minY}:v<-C&&(M={a:c.isPoint?c.bounds.minY-w:y.minY,b:d.isPoint?d.bounds.maxY+x:m.maxY});let E=l?1-i.elbowMidpoint:i.elbowMidpoint,I=P?Me(P.a,P.b,E):null,R=M?Me(M.a,M.b,E):null,D={options:i,swapOrder:l,A:{isPoint:c.isPoint,target:c.target,isExact:c.isExact,arrowheadOffset:c.arrowheadOffset,minEndSegmentLength:c.minEndSegmentLength,original:c.bounds,expanded:y,edges:u,geometry:c.geometry},B:{isPoint:d.isPoint,target:d.target,isExact:d.isExact,arrowheadOffset:d.arrowheadOffset,minEndSegmentLength:d.minEndSegmentLength,original:d.bounds,expanded:m,edges:p,geometry:d.geometry},common:S,gapX:b,gapY:v,midX:I,midY:R},N=new TD(D),B=Ffe(c,d,D.A.edges),F=Ffe(d,c,D.B.edges),k;return B&&F?k=Ofe(N,B,F):B&&!F&&(k=Dfe(N,B)),k||(k=Rfe(N,B||F?"fallback":"auto")),k&&(Bfe("first",D.A,D.B,k),Bfe("last",D.B,D.A,k),N3e(k,c,d),l&&k.points.reverse()),{...D,route:k,midXRange:P?l?{lo:P.b,hi:P.a}:{lo:P.a,hi:P.b}:null,midYRange:M?l?{lo:M.b,hi:M.a}:{lo:M.a,hi:M.b}:null}}function D3e(t){return En(t.x,.5)&&En(t.y,.5)?null:Math.abs(t.x-.5)>Math.abs(t.y-.5)-1e-4?t.x<.5?"left":"right":t.y<.5?"top":"bottom"}function Lfe(t,e,n,o,r){let i=t.getCurrentTheme(),a=(r??i.strokeWidth*vn[e.props.size])*e.props.scale/2,l=a*3;if(n){let c=t.getShape(n.toId),d=O3e(t,e,n.toId,n.props);if(d&&c){let u=0,p=n.props.terminal==="start"?"arrowheadStart":"arrowheadEnd";if(e.props[p]!=="none"){let g="scale"in c.props?c.props.scale:1,y="size"in c.props?i.strokeWidth*(vn[c.props.size]??0)*g/2:0;u=a+y+Zh*e.props.scale}let f=null,h=d.target;return n.props.isPrecise&&(f=D3e(T.RotWith(n.props.normalizedAnchor,{x:.5,y:.5},d.shapeToArrowTransform.rotation()))),{targetShapeId:n.toId,isPoint:!1,isExact:n.props.isExact,bounds:d.bounds,geometry:d.geometry,target:h,arrowheadOffset:u,minEndSegmentLength:l,side:f,snap:n.props.snap}}}return{targetShapeId:null,bounds:q.FromCenter(o,{x:0,y:0}),geometry:null,isExact:!1,isPoint:!0,target:T.From(o),arrowheadOffset:0,minEndSegmentLength:l,side:null,snap:"none"}}function O3e(t,e,n,o){let r=o.terminal==="start"?e.props.arrowheadStart!=="none":e.props.arrowheadEnd!=="none",i=t.getShapeGeometry(n,r?void 0:{context:"@tldraw/arrow-without-arrowhead"});if(!i)return null;let s=t.getShapePageTransform(e.id),a=t.getShapePageTransform(n),l=s.clone().invert().multiply(a),c=i.transform(l),d={x:.5,y:.5},u=o.isPrecise?o.normalizedAnchor:d,p={x:Me(i.bounds.minX,i.bounds.maxX,u.x),y:Me(i.bounds.minY,i.bounds.maxY,u.y)},f={x:Me(i.bounds.minX,i.bounds.maxX,d.x),y:Me(i.bounds.minY,i.bounds.maxY,d.y)},h=Q.applyToPoint(l,p),g=Q.applyToPoint(l,f);return{bounds:c.bounds,geometry:c,target:h,center:g,shapeToArrowTransform:l}}var L3e={top:{expand:-1,main:"minY",opposite:"maxY",crossMid:"midX",crossMin:"minX",crossMax:"maxX",bRangeExpand:"max",crossAxis:"x"},bottom:{expand:1,main:"maxY",opposite:"minY",crossMid:"midX",crossMin:"minX",crossMax:"maxX",bRangeExpand:"min",crossAxis:"x"},left:{expand:-1,main:"minX",opposite:"maxX",crossMid:"midY",crossMin:"minY",crossMax:"maxY",bRangeExpand:"max",crossAxis:"y"},right:{expand:1,main:"maxX",opposite:"minX",crossMid:"midY",crossMin:"minY",crossMax:"maxY",bRangeExpand:"min",crossAxis:"y"}};function hs(t,e,n,o){let r=L3e[n],i=t.targetShapeId===e.targetShapeId&&t.targetShapeId!==null&&(t.snap==="edge"||t.snap==="edge-point")&&(e.snap==="edge"||e.snap==="edge-point"),s=t.bounds[r.main],a=t.isPoint?null:s+r.expand*o.expandElbowLegLength,l=vD(t.bounds[r.crossMin],t.bounds[r.crossMax]),c=l;if(!c)return null;ne(l);let d=vD(e.bounds[r.main],e.bounds[r.opposite]);e.isPoint||(d[r.bRangeExpand]-=o.minElbowLegLength*2*r.expand);let u=_fe(vD(e.bounds[r.crossMin],e.bounds[r.crossMax]),o.expandElbowLegLength);ne(d&&u);let p=!1;if(RP(s,d)&&!t.isPoint&&!e.isPoint&&!i){let h=Mfe(c,u);switch(h.length){case 0:return null;case 1:p=h[0]!==c,c=h[0];break;case 2:p=!0,c=s9(h[0])>s9(h[1])?h[0]:h[1];break;default:Ve(h)}}if(!RP(t.target[r.crossAxis],c))return null;let f=t.target[r.crossAxis];return{value:s,expanded:a,cross:c,crossTarget:f,isPartial:p}}function Nfe(t,e){return e===null?!!(t.bottom||t.left||t.right||t.top):e==="x"?!!t.left||!!t.right:e==="y"?!!t.top||!!t.bottom:!!t[e]}function Ffe(t,e,n){switch(t.side){case null:return null;case"x":return t.bounds.center.x>e.bounds.center.x&&n?.left?"left":n?.right?"right":null;case"y":return t.bounds.center.y>e.bounds.center.y&&n?.top?"top":n?.bottom?"bottom":null;default:return t.side}}function OP(t){if(t.isPoint)return t;let e=null,n=0;return(t.snap==="edge"||t.snap==="edge-point")&&(n=t.arrowheadOffset,(t.side==="x"||t.side==="left"||t.side==="right")&&(e="x"),(t.side==="y"||t.side==="top"||t.side==="bottom")&&(e="y")),{targetShapeId:t.targetShapeId,side:e,bounds:new q(t.target.x,t.target.y,0,0),geometry:t.geometry,target:t.target,arrowheadOffset:n,minEndSegmentLength:t.minEndSegmentLength,isExact:t.isExact,isPoint:!0,snap:t.snap}}function Bfe(t,e,n,o){if(!e.geometry)return;let r=t==="first"?o.points[0]:o.points[o.points.length-1],i=t==="first"?o.points[1]:o.points[o.points.length-2],s=e.geometry.isClosed?i:e.target,a=T.ManhattanDist(r,s),l=null,c=1/0;if(e.isExact)l=e.target;else if(e.geometry){let d=e.geometry.intersectLineSegment(i,e.target,{includeLabels:!1,includeInternal:!1});e.geometry.hitTestPoint(e.target,Math.max(1,e.arrowheadOffset),!0,qs.EXCLUDE_NON_STANDARD)&&d.push(e.target);for(let u of d){let p=T.ManhattanDist(s,u);p<c&&(c=p,l=u)}}if(l){let d=e.arrowheadOffset,u=T.ManhattanDist(i,l),p=e.arrowheadOffset*2;if(u<p){let y=p-e.arrowheadOffset;d=u-y}d<e.minEndSegmentLength&&(e.geometry.bounds.containsPoint(n.target)?d=Math.max(0,d):d=-e.arrowheadOffset);let f=l,h=!1;if(!e.isExact&&d!==0){let y=T.Nudge(l,i,d);f=y,d<0&&!e.geometry.hitTestPoint(y,0,!0,qs.EXCLUDE_NON_STANDARD)?f=l:(d<0&&(h=!0),f=y)}let g=T.ManhattanDist(i,f);if(o.distance+=g-a,r.x=f.x,r.y=f.y,h){let y=T.Lrp(i,r,.5);o.skipPointsWhenDrawing.add(y),o.points.splice(t==="first"?1:o.points.length-1,0,y)}}}function N3e(t,e,n){if(t){if(t.points.length>=3){let o=t.points[0],r=t.points[1];if(T.ManhattanDist(o,r)<e.minEndSegmentLength&&(t.points.splice(1,1),t.points.length>=3)){let s=En(o.x,r.x)?"y":"x";t.points[1][s]=o[s]}}if(t.points.length>=3){let o=t.points[t.points.length-1],r=t.points[t.points.length-2];if(T.ManhattanDist(o,r)<n.minEndSegmentLength&&(t.points.splice(t.points.length-2,1),t.points.length>=3)){let s=En(o.x,r.x)?"y":"x";t.points[t.points.length-2][s]=o[s]}}}}function zfe(t,e,n){if(!t.geometry||t.geometry.isClosed)return t;let o=t.geometry.uninterpolateAlongEdge(t.target,qs.EXCLUDE_NON_STANDARD),r=t.geometry.interpolateAlongEdge(o-.01/t.geometry.length),s=t.geometry.interpolateAlongEdge(o+.01/t.geometry.length).sub(r).per().uni(),a=Math.abs(s.x)>Math.abs(s.y)?um.x:um.y;if(t.geometry.bounds.containsPoint(e.target,n.expandElbowLegLength))return t.side=a.self,OP(t);let l=a.v(t.target[a.self]-t.bounds[a.size]*2,t.target[a.cross]),c=a.v(t.target[a.self]+t.bounds[a.size]*2,t.target[a.cross]),d=null,u=0,p=null,f=0,h=a.self;for(let g of t.geometry.intersectLineSegment(l,c,qs.EXCLUDE_NON_STANDARD))Math.abs(g[a.self]-t.target[a.self])<1||(g[a.self]<t.target[a.self]?T.ManhattanDist(g,t.target)>u&&(u=T.ManhattanDist(g,t.target),d=g):T.ManhattanDist(g,t.target)>f&&(f=T.ManhattanDist(g,t.target),p=g));return d&&p?u>f?h=a.hiEdge:h=a.loEdge:d&&!p?h=a.hiEdge:!d&&p&&(h=a.loEdge),t.side=h,t}var F3e=Na("arrow info",(t,e)=>{let n=wn(t,e),o=t.getShapeUtil(e),r="getDisplayValues"in o.options?Ee(o,e).strokeWidth:t.getCurrentTheme().strokeWidth*vn[e.props.size];if(e.props.kind==="elbow"){let i=ID(t,e,n,r);if(!i?.route)return Cw(t,e,n,r);let s=i.swapOrder?i.B:i.A,a=i.swapOrder?i.A:i.B;return{type:"elbow",bindings:n,start:{handle:s.target,point:i.route.points[0],arrowhead:e.props.arrowheadStart},end:{handle:a.target,point:i.route.points[i.route.points.length-1],arrowhead:e.props.arrowheadEnd},elbow:i,route:i.route,isValid:!0}}return Que(e)?Cw(t,e,n,r):Pfe(t,e,n,r)},{areRecordsEqual:(t,e)=>t.props===e.props,areResultsEqual:bB});function fi(t,e){let n=typeof e=="string"?e:e.id;return F3e.get(t,n)}var LP=class extends un{static type="arrow_binding_hint";options={zIndex:150,strokeWidth:2,opacity:.16,dashLengthRatio:2.5,dotRadius:4,crossSize:6,dashedMinZoom:.2};isActive(){let e=this.editor;if(e.getIsReadonly())return!1;let n=e.getOnlySelectedShapeId();if(!n)return!1;let o=e.getShape(n);if(!o||o.type!=="arrow"||!e.isInAny("select.idle","select.pointing_handle","select.dragging_handle","select.translating","arrow.dragging"))return!1;let r=wn(e,o);return!!(r.start||r.end)}getOverlays(){let e=this.editor.getOnlySelectedShapeId();return e?[{id:"arrow_binding_hint",type:"arrow_binding_hint",props:{arrowId:e}}]:[]}render(e,n){let o=n[0];if(!o)return;let r=this.editor,i=r.getShape(o.props.arrowId);if(!i)return;let s=fi(r,i);if(!s?.isValid)return;let a=wn(r,i);if(!a.start&&!a.end)return;let l=r.getShapePageTransform(i);if(!l)return;let c=r.getZoomLevel(),d=r.getCurrentTheme().colors[r.getColorMode()],u=this.options.strokeWidth/c;e.save(),e.transform(l.a,l.b,l.c,l.d,l.e,l.f),e.strokeStyle=d.text,e.fillStyle=d.text,e.lineWidth=u,e.lineCap="round",e.lineJoin="round",e.globalAlpha=this.options.opacity,a.start&&this.drawEndpoint(e,s,"start",a.start.props.isExact,a.start.props.isPrecise,u,c),a.end&&this.drawEndpoint(e,s,"end",a.end.props.isExact,a.end.props.isPrecise,u,c),e.restore()}drawEndpoint(e,n,o,r,i,s,a){let l=n[o].handle,c=n[o].point,d=T.Dist(l,c),u=(i?this.options.crossSize/2*Math.SQRT2:this.options.dotRadius)/a;if(d>u+.5){e.save(),e.beginPath();let f;if(n.type==="arc"){let{center:h,radius:g,sweepFlag:y}=n.bodyArc,m=Math.atan2(c.y-h.y,c.x-h.x),S=Math.atan2(l.y-h.y,l.x-h.x),b=!y,v=(y?1:-1)*(o==="start"?1:-1),w=S+v*(u/g),x=m-S;x>Math.PI?x-=vt:x<-Math.PI&&(x+=vt),f=Math.max(0,g*Math.abs(x)-u),o==="start"?e.arc(h.x,h.y,g,w,m,b):e.arc(h.x,h.y,g,m,w,b)}else{f=d-u;let h=u/d,g={x:l.x+(c.x-l.x)*h,y:l.y+(c.y-l.y)*h};e.moveTo(g.x,g.y),e.lineTo(c.x,c.y)}if(a>=this.options.dashedMinZoom){let{strokeDasharray:h,strokeDashoffset:g}=jd(f,s,{style:"dashed",end:"skip",start:"skip"});if(h!=="none"){let[y,m]=h.split(" ").map(Number);e.setLineDash([y,m]),e.lineDashOffset=Number(g)}}e.stroke(),e.restore()}if(r)return;let p=d>.5?this.getMarkerAngle(n,o,l,c):0;if(i){let f=this.options.crossSize/a/2;e.save(),e.translate(l.x,l.y),e.rotate(p),e.beginPath(),e.moveTo(-f,-f),e.lineTo(f,f),e.moveTo(-f,f),e.lineTo(f,-f),e.stroke(),e.restore()}else{let f=this.options.dotRadius/a;e.beginPath(),e.arc(l.x,l.y,f,0,vt),e.stroke()}}getMarkerAngle(e,n,o,r){if(e.type==="arc"){let{center:i,sweepFlag:s}=e.bodyArc,a=Math.atan2(o.y-i.y,o.x-i.x),l=(s?1:-1)*(n==="start"?1:-1);return a+l*Math.PI/2}return Math.atan2(r.y-o.y,r.x-o.x)}};var NP=class extends uC{static type="arrow";static props=Kx;static migrations=Gx;getDefaultProps(){return{isPrecise:!1,isExact:!1,normalizedAnchor:{x:.5,y:.5},snap:"none"}}onAfterCreate({binding:e}){let n=this.editor.getShape(e.fromId);n&&a9(this.editor,n)}onAfterChange({bindingAfter:e}){let n=this.editor.getShape(e.fromId);n&&a9(this.editor,n)}onAfterChangeFromShape({shapeBefore:e,shapeAfter:n,reason:o}){o!=="ancestry"&&e.parentId===n.parentId&&e.index===n.index||a9(this.editor,n)}onAfterChangeToShape({binding:e,shapeBefore:n,shapeAfter:o,reason:r}){r!=="ancestry"&&n.parentId===o.parentId&&n.index===o.index||Ufe(this.editor,e.fromId)}onBeforeIsolateFromShape({binding:e}){if(this.editor.isReplayingHistory())return;let n=this.editor.getShape(e.fromId);n&&FP({editor:this.editor,arrow:n,terminal:e.props.terminal})}};function Ufe(t,e){let n=t.getShape(e);if(!n)return;let o=wn(t,n),{start:r,end:i}=o,s=r?t.getShape(r.toId):void 0,a=i?t.getShape(i.toId):void 0,l=t.getAncestorPageId(n);if(!l)return;let c;if(s&&a)c=t.findCommonAncestor([s,a])??l;else if(s||a){let y=(s||a)?.parentId;y&&y===n.parentId?c=n.parentId:c=l}else return;c&&c!==n.parentId&&t.reparentShapes([e],c);let d=t.getShape(e);if(!d)throw Error("no reparented arrow");let u=t.getShapeNearestSibling(d,s),p=t.getShapeNearestSibling(d,a),f;if(u&&p)f=u.index>p.index?u:p;else if(u&&!p)f=u;else if(p&&!u)f=p;else return;let h,g=t.getSortedChildIdsForParent(f.parentId).map(y=>t.getShape(y)).filter(y=>y.index>f.index);if(g.length){let y=g.find(m=>m.type!=="arrow");if(d.index>f.index&&(!y||d.index<y.index))return;h=yl(f.index,g[0].index)}else h=Sr(f.index);h!==d.index&&t.updateShapes([{id:e,type:"arrow",index:h}])}function a9(t,e){let n=wn(t,e);for(let o of["start","end"]){let r=n[o];if(!r)continue;let i=t.getShape(r.toId),s=t.getAncestorPageId(e)===t.getAncestorPageId(i);(!i||!s)&&FP({editor:t,arrow:e,terminal:o,unbind:!0})}Ufe(t,e.id)}function FP({editor:t,arrow:e,terminal:n,unbind:o=!1,useHandle:r=!1}){let i=fi(t,e);if(!i)throw new Error("expected arrow info");let s=_D(r?i.start.handle:i.start.point,e.props.start),a=_D(r?i.end.handle:i.end.point,e.props.end),l=n==="start"?s:a,c={id:e.id,type:"arrow",props:{[n]:{x:l.x,y:l.y},bend:e.props.bend}};if(i.type==="arc"){let d=n==="start"?s:_D(i.start.handle,e.props.start),u=n==="end"?a:_D(i.end.handle,e.props.end),p=T.Med(d,u),f=T.Sub(d,u);if(En(T.Len2(f),0)){t.updateShape(c),o&&Lp(t,e,n);return}let h=f.per().uni().mul(i.handleArc.radius*2*Math.sign(e.props.bend)),g=T.Add(p,h);if(!T.IsFinite(i.handleArc.center)||!Number.isFinite(i.handleArc.radius)||!T.IsFinite(g)){t.updateShape(c),o&&Lp(t,e,n);return}let y=Vd(i.handleArc.center,g,i.handleArc.center,i.handleArc.radius);if(y?.length){let m=y.reduce((b,v)=>T.Dist2(v,g)<T.Dist2(b,g)?v:b),S=T.Dist(p,m)*Math.sign(e.props.bend);En(S,c.props.bend)||(c.props.bend=S)}}t.updateShape(c),o&&Lp(t,e,n)}function _D(t,e){return T.From(T.IsFinite(t)?t:e)}var B3e=new Ot;function BP(t){return B3e.get(t,()=>ye("arrowTarget",null))}function l9(t){return BP(t).get()}function Wy(t){BP(t).set(null)}function Kp({editor:t,pointInPageSpace:e,arrow:n,isPrecise:o,currentBinding:r,oppositeBinding:i}){let s=t.getShapeUtil("arrow");if(s.options.shouldIgnoreTargets(t))return BP(t).set(null),null;let a=n?n.props.kind:t.getStyleForNextShape(dg),l=t.getShapeAtPoint(e,{hitInside:!0,hitFrameInside:!0,margin:a==="elbow"?8:[8,0],filter:B=>!B.isLocked&&t.canBindShapes({fromShape:n??z3e,toShape:B,binding:"arrow"})});if(!l)return BP(t).set(null),null;let c=t.getShapeGeometry(l),d=q.ZeroFix(c.bounds),u=c.center,p=t.getShapePageTransform(l),f=t.getPointInShapeSpace(l,e),h=Math.max(c.bounds.width,c.bounds.height),g=ei(Efe,(B,F)=>{let k=um[Ife[B]],L=T.Mul(F,h).add(u),U=!1,V=k.v(d[B],d[k.crossMid]),Y=0,Z=c.intersectLineSegment(u,L,qs.EXCLUDE_NON_STANDARD);for(let Te of Z){let Ge=T.Dist2(Te,u);Ge>Y&&(Y=Ge,V=Te,U=c.isClosed)}return{point:p.applyToPoint(V),isEnabled:U,far:p.applyToPoint(L)}}),y=t.getZoomLevel(),m=s.options.minElbowHandleDistance/y,S=p.applyToPoint(u);for(let B of eg(g)){let F=g[B];T.DistMin(F.point,S,m)&&(F.isEnabled=!1)}let b=o;b||(!r||r&&l.id!==r.toId)&&(b=t.inputs.getPointerVelocity().len()<.5),o||(c.isClosed||(b=!0),i&&l.id===i.toId&&i.props.isPrecise&&(b=!0));let v=s.options.shouldBeExact(t,b);v&&(b=!0);let w=!v&&b&&c.isClosed,x=!v&&(b&&a==="elbow"||!c.isClosed),C=!v&&b&&a==="elbow"&&c.isClosed,P=b&&(c.isClosed||v),M=!v&&b&&a==="elbow"&&c.isClosed,E="none",I=e;if(P||(E="center",I=S),x){let B=P?MD(t,d,s.options.elbowArrowEdgeSnapDistance):1/0,F=c.nearestPoint(f,{includeLabels:!1,includeInternal:!1}),k=p.applyToPoint(F);T.Dist(k,e)<B&&(E="edge",I=k)}if(M){let B=MD(t,d,s.options.elbowArrowAxisSnapDistance),F=T.DistanceToLineSegment(g.left.far,g.right.far,e),k=T.DistanceToLineSegment(g.top.far,g.bottom.far,e),L=F<k&&F<B?"x":k<B?"y":null;if(L){let U=um[L],V=T.Dist2(g[U.loEdge].far,e),Y=T.Dist2(g[U.hiEdge].far,e),Z=V<Y?U.loEdge:U.hiEdge;g[Z].isEnabled&&(E="edge-point",I=g[Z].point)}}if(C){let B=MD(t,d,s.options.elbowArrowPointSnapDistance),F=null,k=1/0;for(let[L,U]of Dr(g)){if(!U.isEnabled)continue;let V=T.Dist(U.point,e);V<B&&V<k&&(k=V,F=L)}F&&(E="edge-point",I=g[F].point)}if(w){let B=MD(t,d,a==="elbow"?s.options.elbowArrowCenterSnapDistance:s.options.arcArrowCenterSnapDistance);T.Dist(f,d.center)<B&&(E="center",I=S)}let R=t.getPointInShapeSpace(l,I),D={x:ou(d.minX,d.maxX,R.x),y:ou(d.minY,d.maxY,R.y)},N={target:l,arrowKind:a,handlesInPageSpace:g,centerInPageSpace:S,anchorInPageSpace:I,isExact:v,isPrecise:b,snap:E,normalizedAnchor:D};return BP(t).set(N),N}var z3e={type:"arrow"};function MD(t,e,n){return xe(Math.min(e.width,e.height)*.15,4,n)/t.getZoomLevel()}var U3e=Na("arrowHintIndicatorPath",(t,e)=>t.getShapeUtil(e).getIndicatorPath(e),{areRecordsEqual(t,e){return t.props===e.props}}),zP=class extends un{static type="arrow_hint";options={zIndex:1e3,lineWidth:1.5,edgeRadius:8,edgePointRadius:12,handleRadius:4};isActive(){let e=this.editor;if(e.isInAny("arrow.idle","arrow.pointing"))return!0;if(e.isIn("select.pointing_handle")){let n=e.getStateDescendant("select.pointing_handle");if(n.info.shape.type==="arrow"&&(n.info.handle.id==="start"||n.info.handle.id==="end"))return!0}if(e.isIn("select.dragging_handle")){let n=e.getStateDescendant("select.dragging_handle");if(n.info.shape.type==="arrow"&&(n.info.handle.id==="start"||n.info.handle.id==="end"))return!0}return!1}getOverlays(){let e=l9(this.editor);if(!e)return[];let{handlesInPageSpace:n,snap:o,anchorInPageSpace:r,arrowKind:i,isExact:s,isPrecise:a}=e,l=!s&&i==="elbow";return[{id:"arrow_hint",type:"arrow_hint",props:{targetId:e.target.id,handles:{top:{x:n.top.point.x,y:n.top.point.y,isEnabled:n.top.isEnabled},bottom:{x:n.bottom.point.x,y:n.bottom.point.y,isEnabled:n.bottom.isEnabled},left:{x:n.left.point.x,y:n.left.point.y,isEnabled:n.left.isEnabled},right:{x:n.right.point.x,y:n.right.point.y,isEnabled:n.right.isEnabled}},anchorX:r.x,anchorY:r.y,snap:o,isExact:s,isPrecise:a,arrowKind:i,showEdgeHints:l}}]}render(e,n){let o=n[0];if(!o)return;let r=this.editor,i=r.getZoomLevel(),s=r.getCurrentTheme().colors[r.getColorMode()],{targetId:a,handles:l,anchorX:c,anchorY:d,snap:u,showEdgeHints:p}=o.props,f=r.getShape(a);if(f){let g=r.getShapePageTransform(f),y=U3e.get(r,a);g&&y&&(e.save(),e.transform(g.a,g.b,g.c,g.d,g.e,g.f),e.strokeStyle=s.selectionStroke,e.lineWidth=this.options.lineWidth/i,e.lineCap="round",e.lineJoin="round",this._renderIndicatorPath(e,y),e.restore())}if(!p)return;if(u==="edge"||u==="edge-point"){let g=(u==="edge-point"?this.options.edgePointRadius:this.options.edgeRadius)/i;e.beginPath(),e.arc(c,d,g,0,Math.PI*2),e.fillStyle=s.selectionFill,e.fill()}let h=this.options.handleRadius/i;e.fillStyle=s.selectedContrast,e.strokeStyle=s.selectionStroke,e.lineWidth=this.options.lineWidth/i,e.beginPath();for(let g of Object.values(l))g.isEnabled&&(e.moveTo(g.x+h,g.y),e.arc(g.x,g.y,h,0,Math.PI*2));e.fill(),e.stroke()}_renderIndicatorPath(e,n){if(n instanceof Path2D)e.stroke(n);else{let{path:o,clipPath:r,additionalPaths:i}=n;if(r?(e.save(),e.clip(r,"evenodd"),e.stroke(o),e.restore()):e.stroke(o),i)for(let s of i)e.stroke(s)}}};var UP=class extends un{static type="brush";options={zIndex:300,getDefaultDisplayValues(e,n,o,r){let i=o.colors[r];return{fillColor:i.brushFill,strokeColor:i.brushStroke,lineWidth:1}},getCustomDisplayValues(){return{}}};isActive(){return this.editor.getInstanceState().brush!==null}getOverlays(){let e=this.editor.getInstanceState().brush;return e?[{id:"brush",type:"brush",props:{x:e.x,y:e.y,w:Math.max(1,e.w),h:Math.max(1,e.h)}}]:[]}render(e,n){let o=n[0];if(!o)return;let{x:r,y:i,w:s,h:a}=o.props,l=this.editor.getZoomLevel(),c=dA(this,o);e.fillStyle=c.fillColor,e.fillRect(r,i,s,a),e.lineWidth=c.lineWidth/l,e.strokeStyle=c.strokeColor,e.strokeRect(r,i,s,a)}renderMinimap(e,n,o){let r=n[0];if(!r)return;let{x:i,y:s,w:a,h:l}=r.props,c=dA(this,r);e.fillStyle=c.fillColor,e.fillRect(i,s,a,l),e.lineWidth=c.lineWidth/o,e.strokeStyle=c.strokeColor,e.strokeRect(i,s,a,l)}};var HP=class extends un{static type="zoom_brush";options={zIndex:400,lineWidth:1};isActive(){return this.editor.getInstanceState().zoomBrush!==null}getOverlays(){let e=this.editor.getInstanceState().zoomBrush;return e?[{id:"zoom_brush",type:"zoom_brush",props:{x:e.x,y:e.y,w:Math.max(1,e.w),h:Math.max(1,e.h)}}]:[]}render(e,n){let o=n[0];if(!o)return;let{x:r,y:i,w:s,h:a}=o.props,l=this.editor.getZoomLevel(),c=this.editor.getCurrentTheme().colors[this.editor.getColorMode()];e.fillStyle=c.brushFill,e.fillRect(r,i,s,a),e.lineWidth=this.options.lineWidth/l,e.strokeStyle=c.brushStroke,e.strokeRect(r,i,s,a)}renderMinimap(e,n,o){let r=n[0];if(!r)return;let{x:i,y:s,w:a,h:l}=r.props,c=this.editor.getCurrentTheme().colors[this.editor.getColorMode()];e.fillStyle=c.brushFill,e.fillRect(i,s,a,l),e.lineWidth=this.options.lineWidth/o,e.strokeStyle=c.brushStroke,e.strokeRect(i,s,a,l)}};var H3e=t=>t*(2-t),V3e=t=>--t*t*t+1,{min:pm}=Math,pr=256,Wp=new Float64Array(pr),Yp=new Float64Array(pr),qp=new Float64Array(pr),Xp=new Float64Array(pr),_w=new Float64Array(pr),jP=new Float64Array(pr),$P=new Float64Array(pr),Yy=new Float64Array(pr),fm=new Float64Array(pr),$u=0;function j3e(t){if(!(t<=pr)){for(;pr<t;)pr*=2;Wp=new Float64Array(pr),Yp=new Float64Array(pr),qp=new Float64Array(pr),Xp=new Float64Array(pr),_w=new Float64Array(pr),jP=new Float64Array(pr),$P=new Float64Array(pr),Yy=new Float64Array(pr),fm=new Float64Array(pr)}}var Gp=256,Hfe=new Float64Array(Gp),Vfe=new Float64Array(Gp),jfe=new Float64Array(Gp);function $3e(t){if(!(t<=Gp)){for(;Gp<t;)Gp*=2;Hfe=new Float64Array(Gp),Vfe=new Float64Array(Gp),jfe=new Float64Array(Gp)}}function c9(t,e){let n=t.z===void 0?1:t.z;return e&&n<.025?.025:n}function Mw(t,e={}){let{streamline:n=.5,size:o=16,simulatePressure:r=!1}=e;$u=0;let i=t.length;if(i===0)return;let s=.15+(1-n)*.85;$3e(i+8),j3e(i+8);let a=Hfe,l=Vfe,c=jfe,d=(o/3)**2,u=!r,p=t[0],f=c9(p,u),h=1;for(;h<i;){let k=t[h],L=k.x-p.x,U=k.y-p.y;if(L*L+U*U>d)break;f=Math.max(f,c9(k,u)),h++}a[0]=p.x,l[0]=p.y,c[0]=f;let g=1;for(let k=h;k<i;k++){let L=t[k];a[g]=L.x,l[g]=L.y,c[g]=c9(L,u),g++}let y=0;if(g>1){let k=a[g-1],L=l[g-1],U=g-2;for(;U>=0;){let V=a[U]-k,Y=l[U]-L;if(V*V+Y*Y>d)break;U--,y++}U<g-2&&(a[U+1]=k,l[U+1]=L,c[U+1]=c[g-1],g=U+2)}let m=e.last||!e.simulatePressure||g>1&&(a[g-1]-a[g-2])*(a[g-1]-a[g-2])+(l[g-1]-l[g-2])*(l[g-1]-l[g-2])<o**2||y>0;if(g===2&&e.simulatePressure){let k=a[0],L=l[0],U=c[0],V=a[1],Y=l[1],Z=c[1];for(let le=1;le<5;le++){let Te=le/4;a[le]=k+(V-k)*Te,l[le]=L+(Y-L)*Te,c[le]=(U+(Z-U))*le/4}g=5}let S=Wp,b=Yp,v=qp,w=Xp,x=_w,C=jP,P=$P,M=Yy,E=fm;S[0]=a[0],b[0]=l[0],v[0]=a[0],w[0]=l[0],x[0]=c[0],C[0]=r?.5:c[0],P[0]=0,M[0]=0,E[0]=1;let I=1;m&&n>0&&(a[g]=a[g-1],l[g]=l[g-1],c[g]=c[g-1],g++);let R=0,D=a[0],N=l[0],B=1-s,F=e.last;for(let k=1;k<g;k++){let L,U;if(!s||F&&k===g-1?(L=a[k],U=l[k]):(L=a[k]+(D-a[k])*B,U=l[k]+(N-l[k])*B),Math.abs(D-L)<1e-4&&Math.abs(N-U)<1e-4)continue;let V=((U-N)**2+(L-D)**2)**.5;R+=V,!(k<4&&R<o)&&(S[I]=L,b[I]=U,v[I]=a[k],w[I]=l[k],x[I]=c[k],C[I]=r?.5:c[k],P[I]=V,M[I]=R,E[I]=1,I++,D=L,N=U)}if(R<1){let k=.5;for(let L=0;L<I;L++)k=Math.max(k,C[L]);for(let L=0;L<I;L++)C[L]=k}$u=I}function VP(t,e,n){return t?t===!0?Math.max(e,n):t:0}function AD(t){let{size:e=16,thinning:n=.5,simulatePressure:o=!0,easing:r=b=>b,start:i={},end:s={}}=t,{easing:a=H3e}=i,{easing:l=V3e}=s,c=$u,d=jP,u=$P,p=Yy,f=fm,h=p[c-1];if(!o&&h<e){let b=.5;for(let v=0;v<c;v++)b=Math.max(b,d[v]);for(let v=0;v<c;v++)d[v]=b,f[v]=e*r(.5-n*(.5-b));return}let g=d[0];for(let b=0;b<c&&!(p[b]>e*5);b++){let v=pm(1,u[b]/e),w;if(o){let x=pm(1,1-v);w=pm(1,g+(x-g)*(v*.275))}else w=pm(1,g+(d[b]-g)*.5);g=g+(w-g)*.5}let y=VP(i.taper,e,h),m=VP(s.taper,e,h),S=y||m;for(let b=0;b<c;b++){let v;if(n){let w=d[b],x=pm(1,u[b]/e);if(o){let C=pm(1,1-x);w=pm(1,g+(C-g)*(x*.275))}else w=pm(1,g+(w-g)*(x*.275));v=e*r(.5-n*(.5-w)),g=w}else v=e/2;if(S){let w=p[b],x=w<y?a(w/y):1,C=h-w<m?l((h-w)/m):1;v=Math.max(.01,v*Math.min(x,C))}f[b]=v}}var Wr=256,Ns=new Float64Array(Wr),Fs=new Float64Array(Wr),Aw=new Float64Array(Wr),KP=new Float64Array(Wr),GP=new Float64Array(Wr),Vc=new Float64Array(Wr),kw=new Float64Array(Wr),WP=new Uint8Array(Wr),qy=0;function $fe(t){if(!(t<=Wr)){for(;Wr<t;)Wr*=2;Ns=new Float64Array(Wr),Fs=new Float64Array(Wr),Aw=new Float64Array(Wr),KP=new Float64Array(Wr),GP=new Float64Array(Wr),Vc=new Float64Array(Wr),kw=new Float64Array(Wr),WP=new Uint8Array(Wr)}}function kD(){let t=$u;$fe(t);let e=Ns,n=Fs,o=Aw,r=KP,i=GP,s=Vc,a=kw,l=WP,c=Wp,d=Yp,u=qp,p=Xp,f=_w,h=Yy,g=fm;for(let y=0;y<t;y++)e[y]=c[y],n[y]=d[y],o[y]=f[y],r[y]=u[y],i[y]=p[y],s[y]=g[y],a[y]=h[y],l[y]=y===0||y===t-1?1:0;qy=t}function Kfe(t,e,n,o,r,i,s){$fe(o-n+3);let a=Ns,l=Fs,c=Aw,d=KP,u=GP,p=Vc,f=kw,h=WP,g=Wp,y=Yp,m=qp,S=Xp,b=_w,v=Yy,w=fm;a[0]=e?m[t]:g[t],l[0]=e?S[t]:y[t],c[0]=b[t],d[0]=m[t],u[0]=S[t],p[0]=w[t],f[0]=v[t],h[0]=1;let x=1;for(let C=n;C<=o;C++)a[x]=g[C],l[x]=y[C],c[x]=b[C],d[x]=m[C],u[x]=S[C],p[x]=w[C],f[x]=v[C],h[x]=0,x++;s&&(h[x-1]=1),a[x]=i?m[r]:g[r],l[x]=i?S[r]:y[r],c[x]=b[r],d[x]=m[r],u[x]=S[r],p[x]=w[r],f[x]=v[r],h[x]=1,qy=x+1}var{PI:K3e}=Math,Zp=K3e+1e-4,G3e=.05,Gfe=8,W3e=8,RD=13,Y3e=8,q3e=29,X3e=-.62,jc=1024,Jp=new Float64Array(jc),Qp=new Float64Array(jc),Gu=new Float64Array(jc),Wu=new Float64Array(jc),Rw=0,Ku=0;function Z3e(){jc*=2;let t=new Float64Array(jc);t.set(Jp),Jp=t;let e=new Float64Array(jc);e.set(Qp),Qp=e;let n=new Float64Array(jc);n.set(Gu),Gu=n;let o=new Float64Array(jc);o.set(Wu),Wu=o}function Wfe(t,e,n,o){if(n<=2||o<=0)return n;let r=o*o,i=1,s=0,a=n-1;for(;s<a;){let l=s+1,c=s+Gfe>a?a:s+Gfe,d=t[s],u=e[s];e:for(let p=s+2;p<=c;p++){let f=t[p]-d,h=e[p]-u,g=f*f+h*h;for(let y=s+1;y<p;y++){let m=g===0?0:((t[y]-d)*f+(e[y]-u)*h)/g;m=m<0?0:m>1?1:m;let S=t[y]-(d+f*m),b=e[y]-(u+h*m);if(S*S+b*b>r)break e}l=p}t[i]=t[l],e[i]=e[l],i++,s=l}return i}function d9(t,e,n,o){let{size:r=16,smoothing:i=.5}=t,s=0,a=0;Rw=0,Ku=0;let l=qy;if(l===0||r<=0)return;let c=Ns,d=Fs,u=KP,p=GP,f=Vc,h=kw,g=WP,y=Jp,m=Qp,S=Gu,b=Wu,v=h[l-1],w=Math.pow(r*i,2),x=1,C=1;if(l>1){let V=c[0]-c[1],Y=d[0]-d[1],Z=(V*V+Y*Y)**.5;Z===0?(x=V,C=Y):(x=V/Z,C=Y/Z)}let P=x,M=C,E=c[0],I=d[0],R=E,D=I,N=E,B=I,F=R,k=D,L=!1;for(let V=0;V<l;V++){let Y=c[V],Z=d[V],le=f[V],Te=x,Ge=C,We=Te,ke=Ge;if(V<l-1){let st=V===0&&l>2&&e?n:Y,Ce=V===0&&l>2&&e?o:Z,Pt=st-c[V+1],Jo=Ce-d[V+1],Bs=(Pt*Pt+Jo*Jo)**.5;Bs===0?(We=Pt,ke=Jo):(We=Pt/Bs,ke=Jo/Bs)}x=We,C=ke,(s+RD+1>jc||a+RD+1>jc)&&(Z3e(),y=Jp,m=Qp,S=Gu,b=Wu);let se=Te*P+Ge*M,ze=V<l-1?We*Te+ke*Ge:1,Wt=se<0&&!L,W=ze<.2;if(Wt||W){if(ze>X3e&&v-h[V]>le){let st=P*le,Ce=M*le;P*ke-M*We<0?(N=Y+st,B=Z+Ce,F=Y-st,k=Z-Ce):(N=Y-st,B=Z-Ce,F=Y+st,k=Z+Ce),y[s]=N,m[s]=B,s++,S[a]=F,b[a]=k,a++}else{let st=u[V],Ce=p[V],Pt=-M*le,Jo=P*le;for(let Bs=1/RD,af=0;af<1;af+=Bs){let Ww=Zp*af,Yw=Math.sin(Ww),qw=Math.cos(Ww);N=st+(Pt*qw-Jo*Yw),B=Ce+(Pt*Yw+Jo*qw),y[s]=N,m[s]=B,s++,Ww=Zp+Zp*-af,Yw=Math.sin(Ww),qw=Math.cos(Ww),F=st+(Pt*qw-Jo*Yw),k=Ce+(Pt*Yw+Jo*qw),S[a]=F,b[a]=k,a++}}E=N,I=B,R=F,D=k,W&&(L=!0);continue}if(L=!1,g[V]){let st=Ge*le,Ce=-Te*le;y[s]=Y-st,m[s]=Z-Ce,s++,S[a]=Y+st,b[a]=Z+Ce,a++;continue}let K=We+(Te-We)*ze,ut=(ke+(Ge-ke)*ze)*le,et=-K*le;N=Y-ut,B=Z-et,(V<=1||(E-N)**2+(I-B)**2>w)&&(y[s]=N,m[s]=B,s++,E=N,I=B),F=Y+ut,k=Z+et,(V<=1||(R-F)**2+(D-k)**2>w)&&(S[a]=F,b[a]=k,a++,R=F,D=k),P=Te,M=Ge}let U=r*G3e;Rw=Wfe(Jp,Qp,s,U),Ku=Wfe(Gu,Wu,a,U)}function u9(t,e,n,o,r){if(t<=n)return o;let i=2*Math.acos(1-n/t),s=Math.ceil(e/i);return s<o?o:s>r?r:s}function Yfe(t={}){let{size:e=16,start:n={},end:o={},last:r=!1}=t,{cap:i=!0}=n,{cap:s=!0}=o,a=qy;if(a===0||e<=0)return[];let l=kw[a-1],c=VP(n.taper,e,l),d=VP(o.taper,e,l);d9(t,!1,0,0);let u=Math.max(.05,e*.02),p=Vc[0],f=new T(Ns[0],Fs[0],Aw[0]),h=a>1?new T(Ns[a-1],Fs[a-1],Aw[a-1]):T.AddXY(f,1,1);if(a===1&&(!(c||d)||r)){let I=T.Add(f,T.Sub(f,h).uni().per().mul(-p)),R=[],D=u9(p,Zp*2,u,W3e,RD);for(let N=1/D,B=N;B<=1;B+=N)R.push(T.RotWith(I,f,Zp*2*B));return R}let g=[];if(!(c||d&&a===1))if(i){let I=new T(Gu[0],Wu[0]),R=u9(p,Zp,u,4,8);for(let D=1/R,N=D;N<=1;N+=D){let B=T.RotWith(I,f,Zp*N);g.push(B)}}else{let I=new T(Jp[0]-Gu[0],Qp[0]-Wu[0]),R=T.Mul(I,.5),D=T.Mul(I,.51);g.push(T.Sub(f,R),T.Sub(f,D),T.Add(f,D),T.Add(f,R))}let y=[],m=Vc[a-1],S=1,b=1;if(a>1){let I=Ns[a-2]-Ns[a-1],R=Fs[a-2]-Fs[a-1],D=(I*I+R*R)**.5;D===0?(S=I,b=R):(S=I/D,b=R/D)}let v=new T(-b,S);if(d||c&&a===1)y.push(h);else if(s){let I=T.Add(h,T.Mul(v,m)),R=u9(m,Zp*3,u,Y3e,q3e);for(let D=1/R,N=D;N<1;N+=D)y.push(T.RotWith(I,h,Zp*3*N))}else y.push(T.Add(h,T.Mul(v,m)),T.Add(h,T.Mul(v,m*.99)),T.Sub(h,T.Mul(v,m*.99)),T.Sub(h,T.Mul(v,m)));let w=Jp,x=Qp,C=Gu,P=Wu,M=new Array(Rw);for(let I=0;I<Rw;I++)M[I]=new T(w[I],x[I]);let E=new Array(Ku);for(let I=0;I<Ku;I++)E[I]=new T(C[Ku-1-I],P[Ku-1-I]);return M.concat(y,E,g)}function Xy(t,e={}){return Mw(t,e),$u===0?[]:(AD(e),kD(),Yfe(e))}var YP=class extends un{static type="scribble";options={zIndex:600,streamline:.32,cacheSize:500};_scribblePathCache=new Map;isActive(){return this.editor.getInstanceState().scribbles.length>0}getOverlays(){return this.editor.getInstanceState().scribbles.map(e=>({id:`scribble:${e.id}`,type:"scribble",props:{scribble:e}}))}render(e,n){let o=this.editor.getZoomLevel(),r=this.editor.getCurrentTheme().colors[this.editor.getColorMode()];for(let i of n){let{scribble:s}=i.props,a=s.points.length;if(!a)continue;let l=s.points[a-1],c=this._scribblePathCache.get(s.id),d;if(c&&c.len===a&&c.lastX===l.x&&c.lastY===l.y&&c.zoom===o&&c.size===s.size&&c.taper===s.taper&&c.state===s.state)d=c.path;else{let u=Xy(s.points,{size:s.size/o,start:{taper:s.taper,easing:Ko.linear},last:s.state==="complete"||s.state==="stopping",simulatePressure:!1,streamline:this.options.streamline}),p;if(u.length<4){let f=s.size/o/2,{x:h,y:g}=l;p=`M ${h-f},${g} a ${f},${f} 0 1,0 ${f*2},0 a ${f},${f} 0 1,0 ${-f*2},0`}else p=yC(u);d=new Path2D(p),this._scribblePathCache.set(s.id,{len:a,lastX:l.x,lastY:l.y,zoom:o,size:s.size,taper:s.taper,state:s.state,path:d}),this._scribblePathCache.size>this.options.cacheSize&&this._scribblePathCache.clear()}e.fillStyle=J3e(r,s.color),e.globalAlpha=s.opacity,e.fill(d),e.globalAlpha=1}}};function J3e(t,e){switch(e){case"accent":case"selection-stroke":return t.selectionStroke;case"selection-fill":return t.selectionFill;case"white":return t.selectedContrast;case"black":return t.text;case"laser":return t.laser;case"muted-1":return t.brushFill;default:return t.text}}var qP=class extends un{static type="collaborator_brush";options={zIndex:700,lineWidth:1};isActive(){return this.editor.getVisibleCollaboratorsOnCurrentPage().some(e=>e.brush!==null)}getOverlays(){let e=[];for(let n of this.editor.getVisibleCollaboratorsOnCurrentPage()){let{brush:o,color:r,userId:i}=n;o&&e.push({id:`collaborator_brush:${i}`,type:"collaborator_brush",props:{x:o.x,y:o.y,w:Math.max(1,o.w),h:Math.max(1,o.h),color:r}})}return e}render(e,n){let o=this.editor.getZoomLevel();for(let r of n){let{x:i,y:s,w:a,h:l,color:c}=r.props;e.globalAlpha=.075,e.fillStyle=c,e.fillRect(i,s,a,l),e.globalAlpha=.1,e.strokeStyle=c,e.lineWidth=this.options.lineWidth/o,e.strokeRect(i,s,a,l),e.globalAlpha=1}}renderMinimap(e,n){for(let o of n){let{x:r,y:i,w:s,h:a,color:l}=o.props;e.globalAlpha=.75,e.fillStyle=l,e.fillRect(r,i,s,a)}e.globalAlpha=1}};var XP=class extends un{static type="collaborator_scribble";options={zIndex:800,streamline:.32,cacheSize:500};_collabScribblePathCache=new Map;isActive(){return this.editor.getVisibleCollaboratorsOnCurrentPage().some(e=>e.scribbles.length>0)}getOverlays(){let e=[];for(let n of this.editor.getVisibleCollaboratorsOnCurrentPage()){let{scribbles:o,color:r,userId:i}=n;for(let s of o)e.push({id:`collaborator_scribble:${i}:${s.id}`,type:"collaborator_scribble",props:{scribble:s,color:r}})}return e}render(e,n){let o=this.editor.getZoomLevel();for(let r of n){let{scribble:i,color:s}=r.props,a=i.points.length;if(!a)continue;let l=i.points[a-1],c=r.id,d=this._collabScribblePathCache.get(c),u;if(d&&d.len===a&&d.lastX===l.x&&d.lastY===l.y&&d.zoom===o&&d.size===i.size&&d.taper===i.taper&&d.state===i.state)u=d.path;else{let p=Xy(i.points,{size:i.size/o,start:{taper:i.taper,easing:Ko.linear},last:i.state==="complete"||i.state==="stopping",simulatePressure:!1,streamline:this.options.streamline}),f;if(p.length<4){let h=i.size/o/2,{x:g,y}=l;f=`M ${g-h},${y} a ${h},${h} 0 1,0 ${h*2},0 a ${h},${h} 0 1,0 ${-h*2},0`}else f=yC(p);u=new Path2D(f),this._collabScribblePathCache.set(c,{len:a,lastX:l.x,lastY:l.y,zoom:o,size:i.size,taper:i.taper,state:i.state,path:u}),this._collabScribblePathCache.size>this.options.cacheSize&&this._collabScribblePathCache.clear()}e.fillStyle=s,e.globalAlpha=i.color==="laser"?.5:.1,e.fill(u),e.globalAlpha=1}}};var p9=null;function Q3e(){return p9||(p9=new Path2D("M -2 -5 L 2 0 L -2 5 Z")),p9}var ZP=class extends un{static type="collaborator_hint";options={zIndex:900,lineWidth:3,viewportPadding:5};isActive(){let e=this.editor.getViewportPageBounds(),n=this.editor.getZoomLevel();return this.editor.getVisibleCollaboratorsOnCurrentPage().some(o=>{let{cursor:r}=o;return r?!this._isCursorInViewport(r,e,n):!1})}getOverlays(){let e=[],n=this.editor.getViewportPageBounds(),o=this.editor.getZoomLevel();for(let r of this.editor.getVisibleCollaboratorsOnCurrentPage()){let{cursor:i,color:s,userId:a}=r;if(!i||this._isCursorInViewport(i,n,o))continue;let l=this.options.viewportPadding/o,c=xe(i.x,n.minX+l,n.maxX-l),d=xe(i.y,n.minY+l,n.maxY-l),u=T.Angle(n.center,i);e.push({id:`collaborator_hint:${a}`,type:"collaborator_hint",props:{x:c,y:d,rotation:u,color:s}})}return e}render(e,n){let r=1/this.editor.getZoomLevel();for(let i of n){let{x:s,y:a,rotation:l,color:c}=i.props;e.save(),e.translate(s,a),e.scale(r,r),e.rotate(l);let d=Q3e();e.lineWidth=this.options.lineWidth,e.strokeStyle="#ffffff",e.stroke(d),e.fillStyle=c,e.fill(d),e.restore()}}_isCursorInViewport(e,n,o){return!(e.x<n.minX-12/o||e.y<n.minY-16/o||e.x>n.maxX-12/o||e.y>n.maxY-16/o)}};var f9=null,qfe=null,Xfe=null,Zfe=null,Jfe=null,Qfe=null;function eUe(){return f9||(f9=new Path2D("M 1 13.4219 V -2.593 L 12.591 9.026 H 5.81 L 5.399 9.15 Z"),qfe=new Path2D("M 10.0595 13.9498 L 6.3715 15.4978 L 2.4965 6.2803 L 6.1845 4.7323 Z"),Xfe=new Path2D("M 0 12.4219 V -3.593 L 11.591 8.026 H 4.81 L 4.399 8.15 Z"),Zfe=new Path2D("M 9.0595 12.9498 L 5.3715 14.4978 L 1.4965 5.2803 L 5.1845 3.7323 Z"),Jfe=new Path2D("M 1 -1.186 V 10.002 L 3.969 7.136 L 4.397 6.997 H 9.165 Z"),Qfe=new Path2D("M 7.751 12.4155 L 5.907 13.1895 L 2.807 5.8155 L 4.648 5.0405 Z")),{shadowHead:f9,shadowTail:qfe,whiteHead:Xfe,whiteTail:Zfe,fillHead:Jfe,fillTail:Qfe}}var tUe=200,nUe="'tldraw_sans', sans-serif";function oUe(t,e){let n=e.getComputedStyle(t).getPropertyValue("--tl-font-sans").trim();return n&&!n.includes("var(")?n:nUe}var JP=class extends un{static type="collaborator_cursor";options={zIndex:1100,fontSize:12,nameMaxWidth:120,chatMaxWidth:200};_truncateCache=new Map;isActive(){return this.editor.getVisibleCollaboratorsOnCurrentPage().some(e=>!!e.cursor)}getOverlays(){let e=[];for(let n of this.editor.getVisibleCollaboratorsOnCurrentPage()){let{cursor:o,color:r,userName:i,chatMessage:s,userId:a}=n;o&&e.push({id:`collaborator_cursor:${a}`,type:"collaborator_cursor",props:{x:o.x,y:o.y,color:r,name:i!=="New User"?i:null,chatMessage:s??""}})}return e}render(e,n){let o=this.editor.getZoomLevel(),r=1/o,i=this.editor.getViewportPageBounds(),s=12/o,a=16/o,l=oUe(this.editor.getContainer(),this.editor.getContainerWindow()),c=null;for(let d of n){let{x:u,y:p,color:f,name:h,chatMessage:g}=d.props;u<i.minX-s||p<i.minY-a||u>i.maxX-s||p>i.maxY-a||(e.save(),e.translate(u,p),e.scale(r,r),c??=eUe(),e.fillStyle="rgba(0,0,0,0.2)",e.fill(c.shadowHead),e.fill(c.shadowTail),e.fillStyle="#ffffff",e.fill(c.whiteHead),e.fill(c.whiteTail),e.fillStyle=f,e.fill(c.fillHead),e.fill(c.fillTail),g?(h&&this._drawNameTitle(e,h,f,l),this._drawChatBubble(e,g,f,l)):h&&this._drawNameTag(e,h,f,l),e.restore())}}_drawNameTag(e,n,o,r){let{fontSize:i,nameMaxWidth:s}=this.options;e.font=`${i}px ${r}`;let a=this._truncateText(e,n,s),l=e.measureText(a),c=Math.min(l.width,s),d=6,u=3,p=13,f=16,h=i+u*2,g=c+d*2;e.fillStyle=o,e.beginPath(),e.roundRect(p,f,g,h,4),e.fill(),e.fillStyle="#ffffff",e.textBaseline="top",e.fillText(a,p+d,f+u)}_drawNameTitle(e,n,o,r){let{fontSize:i,nameMaxWidth:s}=this.options;e.font=`${i}px ${r}`;let a=this._truncateText(e,n,s),l=13,c=-2;e.strokeStyle="#ffffff",e.lineWidth=3,e.lineJoin="round",e.textBaseline="top",e.strokeText(a,l,c),e.fillStyle=o,e.fillText(a,l,c)}_drawChatBubble(e,n,o,r){let{fontSize:i,chatMaxWidth:s}=this.options;e.font=`${i}px ${r}`;let a=this._truncateText(e,n,s),l=e.measureText(a),c=Math.min(l.width,s),d=6,u=3,p=13,f=16,h=i+u*2,g=c+d*2;e.fillStyle=o,e.beginPath(),e.roundRect(p,f,g,h,4),e.fill(),e.fillStyle="#ffffff",e.textBaseline="top",e.fillText(a,p+d,f+u)}renderMinimap(e,n,o){let r=3/o;for(let i of n){let{x:s,y:a,color:l}=i.props;e.beginPath(),e.arc(s,a,r,0,vt),e.fillStyle=l,e.fill()}}_truncateText(e,n,o){let r=`${e.font}|${o}|${n}`,i=this._truncateCache.get(r);if(i!==void 0)return i;if(e.measureText(n).width<=o)return this._setTruncatedTextCache(r,n);let s="\u2026",a=0,l=n.length;for(;a<l;){let c=Math.ceil((a+l)/2);e.measureText(n.slice(0,c)+s).width<=o?a=c:l=c-1}return this._setTruncatedTextCache(r,n.slice(0,a)+s)}_setTruncatedTextCache(e,n){return this._truncateCache.size>=tUe&&this._truncateCache.clear(),this._truncateCache.set(e,n),n}};var QP=class extends un{static type="collaborator_shape_indicator";options={zIndex:49,lineWidth:1.5,alpha:.7};isActive(){return this.editor.getVisibleCollaboratorsOnCurrentPage().some(e=>e.selectedShapeIds.length>0)}getOverlays(){let e=this.editor,n=e.getVisibleCollaboratorsOnCurrentPage().filter(i=>i.selectedShapeIds.length>0);if(n.length===0)return[];let o=new Set(e.getRenderingShapes().map(i=>i.id)),r=[];for(let i of n){let s=i.selectedShapeIds.filter(a=>o.has(a)&&!e.isShapeHidden(a));s.length!==0&&r.push({color:i.color,shapeIds:s})}return r.length===0?[]:[{id:"collaborator_shape_indicator",type:"collaborator_shape_indicator",props:{indicators:r}}]}render(e,n){let o=n[0];if(!o)return;let r=this.editor,i=r.getZoomLevel();e.lineCap="round",e.lineJoin="round",e.lineWidth=this.options.lineWidth/i,e.globalAlpha=this.options.alpha;for(let{color:s,shapeIds:a}of o.props.indicators)e.strokeStyle=s,nv(r,e,a);e.globalAlpha=1}};var eE=class extends un{static type="shape_handle";options={zIndex:200,lineWidth:1.5};isActive(){let e=this.editor;if(e.getIsReadonly()||e.getInstanceState().isChangingStyle)return!1;let n=e.getOnlySelectedShape();return!n||!e.getShapeHandles(n)?!1:e.isInAny("select.idle","select.pointing_handle")?!0:e.isIn("select.editing_shape")?e.isShapeOfType(n,"note"):!1}getOverlays(){let e=this.editor,n=e.getOnlySelectedShape();if(!n)return[];let o=e.getShapeHandles(n);if(!o)return[];if(e.isShapeHidden(n))return[];let r=e.getZoomLevel(),s=(e.getInstanceState().isCoarsePointer?e.options.coarseHandleRadius:e.options.handleRadius)/r*2,a=o.filter(d=>d.type==="vertex"),l=[],c=[];for(let d of o)d.type==="virtual"&&a.some(u=>T.Dist(d,u)<s)||(d.type==="vertex"?l.push(d):c.push(d));return l.concat(c).map(d=>({id:`handle:${n.id}:${d.id}`,type:"shape_handle",props:{shapeId:n.id,handle:d}}))}getGeometry(e){let n=this.editor,{shapeId:o,handle:r}=e.props,i=n.getShapePageTransform(o);if(!i)return null;let s=n.getZoomLevel(),l=(n.getInstanceState().isCoarsePointer?n.options.coarseHandleRadius:n.options.handleRadius)/s,c=Q.applyToPoint(i,{x:r.x,y:r.y});return new Cl({x:c.x-l,y:c.y-l,radius:l,isFilled:!0})}getCursor(e){return"grab"}render(e,n){if(n.length===0)return;let o=this.editor,r=n[0].props.shapeId,i=o.getShapePageTransform(r);if(!i)return;let s=o.getZoomLevel(),a=o.getInstanceState().isCoarsePointer,l=o.getCurrentTheme().colors[o.getColorMode()],c=l.selectedContrast,d=l.selectionStroke,u=l.selectionFill,p=o.overlays.getHoveredOverlayId(),f=(a?o.options.coarseHandleRadius:o.options.handleRadius)/s;e.save(),e.transform(i.a,i.b,i.c,i.d,i.e,i.f),e.strokeStyle=d,e.lineWidth=this.options.lineWidth/s;for(let h=n.length-1;h>=0;h--){let g=n[h],{handle:y}=g.props,m=g.id===p;if(y.type==="create"&&!a&&!m)continue;if(m&&(e.fillStyle=u,e.beginPath(),e.arc(y.x,y.y,f,0,Math.PI*2),e.fill()),y.type==="clone"){let b=3/s,v=f3.indexOf(y.id),w=-Math.PI/2*(1-v);e.save(),e.translate(y.x,y.y),e.rotate(w),e.fillStyle=d,e.beginPath(),e.moveTo(0,-b),e.arc(0,0,b,-Math.PI/2,Math.PI/2),e.closePath(),e.fill(),e.restore();continue}let S=(y.type==="create"&&a?3:4)/Math.max(s,.25);e.fillStyle=c,e.beginPath(),e.arc(y.x,y.y,S,0,Math.PI*2),e.fill(),e.stroke()}e.restore()}};var tE=class extends un{static type="shape_indicator";options={zIndex:50,lineWidth:1.5,hintedLineWidth:2.5};_instanceFlags$=$("shape indicator instance flags",()=>{let e=this.editor.getInstanceState();return{isChangingStyle:e.isChangingStyle,isHoveringCanvas:e.isHoveringCanvas,isCoarsePointer:e.isCoarsePointer}},{isEqual:(e,n)=>e.isChangingStyle===n.isChangingStyle&&e.isHoveringCanvas===n.isHoveringCanvas&&e.isCoarsePointer===n.isCoarsePointer});isActive(){return!0}getOverlays(){let e=this.editor,n=new Set(e.getRenderingShapes().map(d=>d.id)),o=[],{isChangingStyle:r,isHoveringCanvas:i,isCoarsePointer:s}=this._instanceFlags$.get(),a=e.isInAny("select.idle","select.editing_shape"),l=e.isInAny("select.brushing","select.scribble_brushing","select.pointing_shape","select.pointing_selection","select.pointing_handle","select.pointing_resize_handle","select.pointing_rotate_handle");if(!r&&(a||l)){for(let d of e.getSelectedShapeIds())n.has(d)&&o.push(d);if(a&&i&&!s){let d=e.getHoveredShapeId();d&&n.has(d)&&!o.includes(d)&&o.push(d)}}let c=[];for(let d of e.getHintingShapeIds())n.has(d)&&c.push(d);return o.length===0&&c.length===0?[]:[{id:"shape_indicator",type:"shape_indicator",props:{idsToDisplay:o,hintingShapeIds:c}}]}render(e,n){let o=n[0];if(!o)return;let r=this.editor,i=r.getZoomLevel(),{idsToDisplay:s,hintingShapeIds:a}=o.props;e.lineCap="round",e.lineJoin="round",e.strokeStyle=r.getCurrentTheme().colors[r.getColorMode()].selectionStroke,e.lineWidth=this.options.lineWidth/i,nv(r,e,s),a.length>0&&(e.lineWidth=this.options.hintedLineWidth/i,nv(r,e,a))}};var rUe=Math.sqrt(Math.PI),iUe={top_left_rotate:"nwse-rotate",top_right_rotate:"nesw-rotate",bottom_left_rotate:"swne-rotate",bottom_right_rotate:"senw-rotate"},sUe={top_left:"nwse-resize",top_right:"nesw-resize",bottom_right:"nwse-resize",bottom_left:"nesw-resize",top:"ns-resize",bottom:"ns-resize",left:"ew-resize",right:"ew-resize"},nE=class extends un{static type="selection_foreground";options={zIndex:100,lineWidth:1.5};isActive(){return this.editor.getSelectionRotatedPageBounds()?this.editor.isInAny("select.idle","select.brushing","select.scribble_brushing","select.pointing_canvas","select.pointing_selection","select.pointing_shape","select.pointing_resize_handle","select.pointing_rotate_handle","select.resizing","select.crop.idle","select.crop.pointing_crop","select.crop.pointing_crop_handle"):!1}getOverlays(){let e=this._computeSelectionState();if(!e)return[];let n=[];return this._collectResizeCornerOverlays(e,n),this._collectResizeEdgeOverlays(e,n),this._collectRotateOverlays(e,n),n}getGeometry(e){let n=this._computeSelectionState();if(!n)return null;let o=Q.Compose(Q.Translate(n.bounds.x,n.bounds.y),Q.Rotate(n.rotation),Q.Translate(n.expandOffsetX,n.expandOffsetY)),{overlayType:r,handle:i}=e.props;switch(r){case"resize_handle":return this._getResizeHandleGeometry(i,n,o);case"rotate_handle":return this._getRotateHandleGeometry(i,n,o);case"mobile_rotate":return this._getMobileRotateGeometry(n,o);default:return null}}render(e,n){let o=this._computeSelectionState();if(!o)return;e.save(),e.translate(o.bounds.x,o.bounds.y),e.rotate(o.rotation),e.translate(o.expandOffsetX,o.expandOffsetY);let r=this._getThemeColors();this._renderSelectionBox(e,o,r),this._renderResizeCorners(e,o,r),this._renderCropHandles(e,o,r),this._renderMobileRotateHandle(e,o,r),this._renderTextResizeHandles(e,o,r),e.restore()}getCursor(e){let{overlayType:n,handle:o}=e.props;switch(n){case"rotate_handle":return iUe[o];case"mobile_rotate":return"grab";case"resize_handle":return sUe[o];default:return}}_collectResizeCornerOverlays(e,n){e.showHandles&&(n.push(this._makeOverlay("resize_handle","top_left")),e.hideAlternateCornerHandles||(n.push(this._makeOverlay("resize_handle","top_right")),n.push(this._makeOverlay("resize_handle","bottom_left"))),(!e.showOnlyOneHandle||e.showCropHandles)&&n.push(this._makeOverlay("resize_handle","bottom_right")))}_collectResizeEdgeOverlays(e,n){if(!e.showHandles)return;let{showCropHandles:o,hideAlternateCropHandles:r,hideAlternateCornerHandles:i,showOnlyOneHandle:s,isCoarsePointer:a,onlyShape:l}=e,c=o?r:i||s||a,d=a&&!!l&&l.type==="text",u=o?r:c&&!d;c||(n.push(this._makeOverlay("resize_handle","top")),n.push(this._makeOverlay("resize_handle","bottom"))),u||(n.push(this._makeOverlay("resize_handle","right")),n.push(this._makeOverlay("resize_handle","left")))}_collectRotateOverlays(e,n){e.showCornerRotateHandles&&(n.push(this._makeOverlay("rotate_handle","top_left_rotate")),n.push(this._makeOverlay("rotate_handle","top_right_rotate")),n.push(this._makeOverlay("rotate_handle","bottom_left_rotate")),n.push(this._makeOverlay("rotate_handle","bottom_right_rotate"))),e.showMobileRotateHandle&&n.push(this._makeOverlay("mobile_rotate","mobile_rotate"))}_getResizeHandleGeometry(e,n,o){if(e==="top"||e==="bottom"||e==="left"||e==="right"){let s=this._getEdgeLocalRect(e,n);return new Xi({points:this._localRectToPoints(s.x,s.y,s.w,s.h).map(a=>Q.applyToPoint(o,a)),isFilled:!0})}let r=this._getCornerLocalPoint(e,n.width,n.height),i=Math.max(n.hitTargetSizeX,n.hitTargetSizeY)*1.5;return new Xi({points:this._localRectToPoints(r.x-i,r.y-i,i*2,i*2).map(s=>Q.applyToPoint(o,s)),isFilled:!0})}_getRotateHandleGeometry(e,n,o){let r=Math.max(n.hitTargetSizeX,n.hitTargetSizeY)*1.62,i=this._getRotateHandleLocalCenter(e,n.width,n.height,r),s=r;return new Hn({x:i.x-s,y:i.y-s,width:s*2,height:s*2,isFilled:!0}).transform(o)}_getMobileRotateGeometry(e,n){let o=Math.max(14*(1/e.zoom),20/Math.max(1,e.zoom)),{cx:r,cy:i}=this._getMobileRotateCenter(e);return new Xi({points:this._localRectToPoints(r-o,i-o,o*2,o*2).map(s=>Q.applyToPoint(n,s)),isFilled:!0})}_renderSelectionBox(e,n,o){n.shouldDisplayBox&&(e.strokeStyle=o.strokeColor,e.lineWidth=this.options.lineWidth/n.zoom,e.strokeRect(0,0,n.width,n.height))}_renderResizeCorners(e,n,o){if(!n.showResizeHandles)return;let{handleSize:r,width:i,height:s,hideAlternateCornerHandles:a,showOnlyOneHandle:l,zoom:c}=n;e.fillStyle=o.bgColor,e.strokeStyle=o.strokeColor,e.lineWidth=this.options.lineWidth/c;let d=(u,p,f)=>{f||(e.fillRect(u-r/2,p-r/2,r,r),e.strokeRect(u-r/2,p-r/2,r,r))};d(0,0,!1),d(i,0,a),d(i,s,l),d(0,s,a)}_renderCropHandles(e,n,o){if(!n.showCropHandles)return;let{handleSize:r,width:i,height:s,hideAlternateCropHandles:a}=n,l=r/3,c=l/2;e.beginPath(),e.strokeStyle=o.strokeColor,e.lineWidth=l,e.lineCap="butt",e.lineJoin="miter",e.moveTo(-c,r),e.lineTo(-c,-c),e.lineTo(r,-c),e.moveTo(i+c,s-r),e.lineTo(i+c,s+c),e.lineTo(i-r,s+c),a||(e.moveTo(i-r,-c),e.lineTo(i+c,-c),e.lineTo(i+c,r),e.moveTo(r,s+c),e.lineTo(-c,s+c),e.lineTo(-c,s-r),e.moveTo(i/2-r,-c),e.lineTo(i/2+r,-c),e.moveTo(i+c,s/2-r),e.lineTo(i+c,s/2+r),e.moveTo(i/2-r,s+c),e.lineTo(i/2+r,s+c),e.moveTo(-c,s/2-r),e.lineTo(-c,s/2+r)),e.stroke()}_renderMobileRotateHandle(e,n,o){if(!n.showMobileRotateHandle)return;let{cx:r,cy:i}=this._getMobileRotateCenter(n),s=n.handleSize/rUe;e.fillStyle=o.bgColor,e.strokeStyle=o.strokeColor,e.lineWidth=this.options.lineWidth/n.zoom,e.beginPath(),e.arc(r,i,s,0,Math.PI*2),e.fill(),e.stroke()}_renderTextResizeHandles(e,n,o){let{shouldDisplayControls:r,isCoarsePointer:i,onlyShape:s,zoom:a,width:l,height:c,handleSize:d,hitTargetSizeY:u}=n;if(!r||!i||!s||s.type!=="text")return;let p=Math.min(24/a,c-u*3);if(p*a<4)return;let f=d/2,h=d/4;e.fillStyle=o.strokeColor,e.beginPath(),e.roundRect(0-f/2,c/2-p/2,f,p,h),e.fill(),e.beginPath(),e.roundRect(l-f/2,c/2-p/2,f,p,h),e.fill()}_computeSelectionState(){let e=this.editor,n=e.getSelectionRotatedPageBounds();if(!n)return null;let o=e.getOnlySelectedShape();if(o&&e.isShapeHidden(o))return null;let r=o?e.getShapeUtil(o):null,i=!!(o&&e.isShapeOrAncestorLocked(o)),s=o&&r?r.expandSelectionOutlinePx(o):0,a=s instanceof q?n.clone().expand(s).zeroFix():n.clone().expandBy(s).zeroFix(),l=e.getInstanceState(),c=l.isCoarsePointer,d=l.isChangingStyle,u=e.getIsReadonly(),p=e.getZoomLevel(),f=e.getSelectionRotation(),h=a.width,g=a.height,y=8/p,m=h<y*2,S=g<y*2,b=h<y*4,v=g<y*4,w=h<y*5,x=g<y*5,C=c?1.75:1,P=6/p*C,M=(b?P/2:P)*(C*.75),E=(v?P/2:P)*(C*.75),I=a.x-n.x,R=a.y-n.y,D=e.isInAny("select.idle","select.pointing_selection","select.pointing_shape","select.pointing_resize_handle","select.pointing_rotate_handle","select.crop.idle")&&!d&&!u,N=e.isInAny("select.crop.idle","select.crop.pointing_crop","select.crop.pointing_crop_handle")&&!u,B=o&&r?r.canResize(o)&&!r.hideResizeHandles(o):!0,F=o&&r?r.hideRotateHandle(o):!1,k=o&&r?r.hideSelectionBoundsFg(o):!1,L=D&&!i&&!N&&B,U=D&&!i&&!c&&!(m||S)&&!F,V=D&&!i&&c&&(!b||!v)&&!F,Y=m||S,Z=w||x,le=m&&S,Te=L||N,Ge=!k&&!d,We=Ge&&e.isInAny("select.idle","select.brushing","select.scribble_brushing","select.pointing_canvas","select.pointing_selection","select.pointing_shape","select.crop.idle","select.crop.pointing_crop","select.crop.pointing_crop_handle","select.pointing_resize_handle","select.pointing_rotate_handle")||Ge&&e.isIn("select.resizing")&&!!(o&&e.isShapeOfType(o,"text"));return{bounds:n,onlyShape:o,isCoarsePointer:c,zoom:p,rotation:f,width:h,height:g,handleSize:y,hitTargetSize:P,hitTargetSizeX:M,hitTargetSizeY:E,expandOffsetX:I,expandOffsetY:R,isSmallX:b,shouldDisplayControls:D,shouldDisplayBox:We,showCropHandles:N,showResizeHandles:L,showCornerRotateHandles:U,showMobileRotateHandle:V,showHandles:Te,hideAlternateCornerHandles:Y,hideAlternateCropHandles:Z,showOnlyOneHandle:le}}_getMobileRotateCenter(e){let{width:n,height:o,hitTargetSize:r,isSmallX:i,onlyShape:s,rotation:a}=e,l=this.editor,c=!!s&&(l.isShapeOfType(s,"image")||l.isShapeOfType(s,"video")),d=a/Nn>1.6&&a/Nn<2.4,u=i?-r*1.5:n/2,p=i?o/2:c&&!d?o+r*1.5:-r*1.5;return{cx:u,cy:p}}_getThemeColors(){let e=this.editor,n=e.getCurrentTheme().colors[e.getColorMode()];return{strokeColor:n.selectionStroke,bgColor:n.background}}_makeOverlay(e,n){return{id:`selection_fg:${n}`,type:"selection_foreground",props:{overlayType:e,handle:n}}}_getEdgeLocalRect(e,n){let{width:o,height:r,hitTargetSizeX:i,hitTargetSizeY:s}=n;switch(e){case"top":return{x:0,y:-s,w:o,h:s*2};case"right":return{x:o-i,y:0,w:i*2,h:r};case"bottom":return{x:0,y:r-s,w:o,h:s*2};case"left":return{x:-i,y:0,w:i*2,h:r}}}_getRotateHandleLocalCenter(e,n,o,r){switch(e){case"top_left_rotate":return new T(-r,-r);case"top_right_rotate":return new T(n+r,-r);case"bottom_left_rotate":return new T(-r,o+r);case"bottom_right_rotate":return new T(n+r,o+r);default:return new T(0,0)}}_getCornerLocalPoint(e,n,o){switch(e){case"top_left":return new T(0,0);case"top_right":return new T(n,0);case"bottom_right":return new T(n,o);case"bottom_left":return new T(0,o)}}_localRectToPoints(e,n,o,r){return[new T(e,n),new T(e+o,n),new T(e+o,n+r),new T(e,n+r)]}};var oE=class extends un{static type="snap_indicator";options={zIndex:500,lineWidth:1};isActive(){return this.editor.snaps.getIndicators().length>0}getOverlays(){return this.editor.snaps.getIndicators().map(e=>({id:`snap:${e.id}`,type:"snap_indicator",props:{line:e}}))}render(e,n){let o=this.editor.getZoomLevel(),r=this.editor.getCurrentTheme().colors[this.editor.getColorMode()].snap;for(let i of n){let{line:s}=i.props;s.type==="points"?this._renderPoints(e,s,o,r):s.type==="gaps"&&this._renderGaps(e,s,o,r)}}_renderPoints(e,n,o,r){let{points:i}=n;if(i.length===0)return;let s=2.5/o,a=1/0,l=-1/0,c=1/0,d=-1/0;for(let y of i)y.x<a&&(a=y.x),y.x>l&&(l=y.x),y.y<c&&(c=y.y),y.y>d&&(d=y.y);let u=!1;for(let y of i)if(y.x===a&&y.y===c){u=!0;break}let p,f,h,g;u?(p=a,f=c,h=l,g=d):(p=a,f=d,h=l,g=c),e.strokeStyle=r,e.lineWidth=this.options.lineWidth/o,e.beginPath(),e.moveTo(p,f),e.lineTo(h,g),e.stroke(),e.beginPath();for(let y of i)e.moveTo(y.x-s,y.y-s),e.lineTo(y.x+s,y.y+s),e.moveTo(y.x-s,y.y+s),e.lineTo(y.x+s,y.y-s);e.stroke()}_renderGaps(e,n,o,r){let{gaps:i,direction:s}=n;if(i.length===0)return;let a=3.5/o,l=2*a,c=s==="horizontal",d=[-1/0,1/0],u=null;for(let f of i){if(u=Ys(d[0],d[1],c?f.startEdge[0].y:f.startEdge[0].x,c?f.startEdge[1].y:f.startEdge[1].x),u)d=u;else continue;if(u=Ys(d[0],d[1],c?f.endEdge[0].y:f.endEdge[0].x,c?f.endEdge[1].y:f.endEdge[1].x),u)d=u;else continue}let p=(d[0]+d[1])/2;e.strokeStyle=r,e.lineWidth=this.options.lineWidth/o,e.beginPath();for(let{startEdge:f,endEdge:h}of i)if(c){e.moveTo(f[0].x,p-l),e.lineTo(f[1].x,p+l),e.moveTo(h[0].x,p-l),e.lineTo(h[1].x,p+l),e.moveTo(f[0].x,p),e.lineTo(h[0].x,p);let g=(f[0].x+h[0].x)/2;e.moveTo(g,p-a),e.lineTo(g,p+a)}else{e.moveTo(p-l,f[0].y),e.lineTo(p+l,f[1].y),e.moveTo(p-l,h[0].y),e.lineTo(p+l,h[1].y),e.moveTo(p,f[0].y),e.lineTo(p,h[0].y);let g=(f[0].y+h[0].y)/2;e.moveTo(p-a,g),e.lineTo(p+a,g)}e.stroke()}};var h9=[AP,kP,MP];var rE=[NP];var m9=[LP,zP,UP,qP,JP,ZP,XP,QP,YP,nE,eE,tE,oE,HP];var DD=class extends X{static id="idle";isPrecise=!1;isPreciseTimerId=null;preciseTargetId=null;onPointerMove(){this.update()}onPointerDown(e){this.parent.transition("pointing",{...e,isPrecise:this.isPrecise})}onEnter(){this.editor.setCursor({type:"cross",rotation:0}),this.update()}onCancel(){this.editor.setCurrentTool("select")}onExit(){Wy(this.editor),this.isPreciseTimerId!==null&&clearTimeout(this.isPreciseTimerId)}onKeyDown(){this.update()}onKeyUp(e){if(this.update(),e.key==="Enter"){let n=this.editor.getOnlySelectedShape();this.editor.canEditShape(n)&&oo(this.editor,n,{selectAll:!0})}}update(){let e=this.editor.getShapeUtil("arrow"),n=Kp({editor:this.editor,pointInPageSpace:this.editor.inputs.getCurrentPagePoint(),arrow:void 0,isPrecise:this.isPrecise,currentBinding:void 0,oppositeBinding:void 0});n&&n.target.id!==this.preciseTargetId?(this.isPreciseTimerId!==null&&clearTimeout(this.isPreciseTimerId),this.preciseTargetId=n.target.id,this.isPreciseTimerId=this.editor.timers.setTimeout(()=>{this.isPrecise=!0,this.update()},e.options.hoverPreciseTimeout)):!n&&this.preciseTargetId&&(this.isPrecise=!1,this.preciseTargetId=null,this.isPreciseTimerId!==null&&clearTimeout(this.isPreciseTimerId))}};var OD=class extends X{static id="pointing";shape;isPrecise=!1;isPreciseTimerId=null;markId="";onEnter(e){if(this.markId="",this.isPrecise=!!e.isPrecise,!Kp({editor:this.editor,pointInPageSpace:this.editor.inputs.getCurrentPagePoint(),arrow:void 0,isPrecise:this.isPrecise,currentBinding:void 0,oppositeBinding:void 0})&&(this.createArrowShape(),!this.shape)){this.cancel();return}this.startPreciseTimeout()}onExit(){this.shape=void 0,Wy(this.editor),this.clearPreciseTimeout()}onPointerMove(){if(this.editor.inputs.getIsDragging()){if(this.shape||this.createArrowShape(),!this.shape){this.cancel();return}this.updateArrowShapeEndHandle(),this.editor.setCurrentTool("select.dragging_handle",{shape:this.shape,handle:{id:"end",type:"vertex",index:"a3",x:0,y:0},isCreating:!0,creatingMarkId:this.markId||void 0,onInteractionEnd:"arrow"})}}onPointerUp(){this.cancel()}onLongPress(){Ga(this.editor,()=>this.cancel())}onCancel(){this.cancel()}onComplete(){this.cancel()}onInterrupt(){this.cancel()}cancel(){this.shape&&this.editor.bailToMark(this.markId),this.parent.transition("idle")}createArrowShape(){let e=this.editor.inputs.getOriginPagePoint(),n=Ke();this.markId=this.editor.markHistoryStoppingPoint(`creating_arrow:${n}`);let o=Wo(e,this.editor);this.editor.createShape({id:n,type:"arrow",x:o.x,y:o.y,props:{scale:this.editor.getResizeScaleFactor()}});let r=this.editor.getShape(n);if(!r)return;let i=this.editor.getShapeHandles(r);if(!i)throw Error("expected handles for arrow");let s=this.editor.getShapeUtil("arrow"),a=this.shape,l=i.find(d=>d.id==="start"),c=s.onHandleDrag?.(r,{handle:{...l,x:0,y:0},isPrecise:!0,isCreatingShape:!0,initial:a});c&&this.editor.updateShapes([c]),this.shape=this.editor.getShape(n),this.editor.select(n)}updateArrowShapeEndHandle(){let e=this.shape;if(!e)throw Error("expected shape");let n=this.editor.getShapeHandles(e);if(!n)throw Error("expected handles for arrow");{let o=this.editor.getShapeUtil("arrow"),r=this.shape,i=n.find(a=>a.id==="start"),s=o.onHandleDrag?.(e,{handle:{...i,x:0,y:0},isPrecise:this.isPrecise,isCreatingShape:!0,initial:r});s&&this.editor.updateShapes([s])}{let o=this.editor.getShapeUtil("arrow"),r=this.shape,i=this.editor.getPointInShapeSpace(e,this.editor.inputs.getCurrentPagePoint()),s=n.find(l=>l.id==="end"),a=o.onHandleDrag?.(this.editor.getShape(e),{handle:{...s,x:i.x,y:i.y},isPrecise:this.isPrecise,isCreatingShape:!0,initial:r});a&&this.editor.updateShapes([a])}this.shape=this.editor.getShape(e.id)}startPreciseTimeout(){let e=this.editor.getShapeUtil("arrow");this.isPreciseTimerId=this.editor.timers.setTimeout(()=>{this.getIsActive()&&(this.isPrecise=!0)},e.options.pointingPreciseTimeout)}clearPreciseTimeout(){this.isPreciseTimerId!==null&&clearTimeout(this.isPreciseTimerId)}};var iE=class extends X{static id="arrow";static initial="idle";static children(){return[DD,OD]}shapeType="arrow"};var Dw=class extends X{static id="drawing";static trackPerformance=!0;info={};initialShape;shapeType=this.parent.id==="highlight"?"highlight":"draw";util=this.editor.getShapeUtil(this.shapeType);isPen=!1;isPenOrStylus=!1;segmentDim=void 0;segmentMode="free";didJustShiftClickToExtendPreviousShapeLine=!1;pagePointWhereCurrentSegmentChanged={};pagePointWhereNextSegmentChanged=null;lastRecordedPoint={};mergeNextPoint=!1;currentLineLength=0;zoomOnEnter=1;currentSegmentPoints=[];markId=null;onEnter(e){this.markId=null,this.info=e,this.lastRecordedPoint=this.editor.inputs.getCurrentPagePoint().clone(),this.zoomOnEnter=this.editor.getZoomLevel(),this.startShape()}onPointerMove(){let{inputs:e}=this.editor,n=e.getIsPen();if(this.isPen&&!n&&this.markId){this.editor.bailToMark(this.markId),this.startShape();return}if(this.isPenOrStylus){let o=e.getCurrentPagePoint();T.Dist(o,this.lastRecordedPoint)>=1/this.zoomOnEnter?(this.lastRecordedPoint=o.clone(),this.mergeNextPoint=!1):this.mergeNextPoint=!0}else this.mergeNextPoint=!1;this.updateDrawingShape()}onKeyDown(e){if(e.key==="Shift")switch(this.segmentMode){case"free":{this.segmentMode="starting_straight",this.pagePointWhereNextSegmentChanged=this.editor.inputs.getCurrentPagePoint().clone();break}case"starting_free":this.segmentMode="starting_straight"}this.updateDrawingShape()}onKeyUp(e){if(e.key==="Shift")switch(this.editor.snaps.clearIndicators(),this.segmentMode){case"straight":{this.segmentMode="starting_free",this.pagePointWhereNextSegmentChanged=this.editor.inputs.getCurrentPagePoint().clone();break}case"starting_straight":{this.pagePointWhereNextSegmentChanged=null,this.segmentMode="free";break}}this.updateDrawingShape()}onExit(){this.editor.snaps.clearIndicators(),this.pagePointWhereCurrentSegmentChanged=this.editor.inputs.getCurrentPagePoint().clone()}canClose(){return this.shapeType!=="highlight"}getIsClosed(e,n,o,r){if(!this.canClose())return!1;r===void 0&&(r=this.editor.getCurrentTheme().strokeWidth*vn[n]);let i=qe.decodeFirstPoint(e[0].path,e[0].dim),s=e[e.length-1],a=qe.decodeLastPoint(s.path,s.dim),c=this.editor.user.getIsDynamicResizeMode()?(r+2)*o:6+2*Math.sqrt(r*.8)+100/(1+Math.pow(this.zoomOnEnter/.18,3));return i!==null&&a!==null&&i!==a&&this.currentLineLength>r*4*o&&T.DistMin(i,a,c)}makeSegment(e,n){let o=qe.encodePoints(n,this.segmentDim);return this.segmentDim===2?{type:e,path:o,dim:2}:{type:e,path:o}}startShape(){let e=this.editor.inputs,n=e.getOriginPagePoint(),o=e.getIsPen();this.markId=this.editor.markHistoryStoppingPoint("draw start");let{z:r=.5}=this.info.point;this.isPen=o,this.isPenOrStylus=o&&r!==0||r>0&&r<.5||r>.5&&r<1,this.segmentDim=this.isPenOrStylus?void 0:2;let i=this.isPenOrStylus?r*1.25:.5;if(this.segmentMode=this.editor.inputs.getShiftKey()?"straight":"free",this.didJustShiftClickToExtendPreviousShapeLine=!1,this.lastRecordedPoint=n.clone(),this.initialShape){let c=this.editor.getShape(this.initialShape.id);if(c&&this.segmentMode==="straight"){this.didJustShiftClickToExtendPreviousShapeLine=!0;let d=Do(c.props.segments);if(!d)throw Error("Expected a previous segment!");let u=qe.decodeLastPoint(d.path,d.dim);if(!u)throw Error("Expected a previous point!");let{x:p,y:f}=this.editor.getPointInShapeSpace(c,n).toFixed(),h=this.makeSegment(this.segmentMode,[{x:u.x,y:u.y,z:+i.toFixed(2)},{x:p,y:f,z:+i.toFixed(2)}]),g=Q.applyToPoint(this.editor.getShapePageTransform(c.id),u);this.pagePointWhereCurrentSegmentChanged=g,this.pagePointWhereNextSegmentChanged=null;let y=[...c.props.segments,h],m=Ee(this.util,c).strokeWidth;this.currentLineLength<m*4&&(this.currentLineLength=this.getLineLength(y));let S={id:c.id,type:this.shapeType,props:{segments:y}};this.canClose()&&(S.props.isClosed=this.getIsClosed(y,c.props.size,c.props.scale)),this.editor.updateShapes([S]);return}}this.pagePointWhereCurrentSegmentChanged=n.clone();let s=Ke(),a=new T(0,0,+i.toFixed(2));if(this.currentSegmentPoints=[a],this.editor.createShape({id:s,type:this.shapeType,x:n.x,y:n.y,props:{isPen:this.isPenOrStylus,scale:this.editor.getResizeScaleFactor(),segments:[this.makeSegment(this.segmentMode,[a])]}}),!this.editor.getShape(s)){this.cancel();return}this.currentLineLength=0,this.initialShape=this.editor.getShape(s)}updateDrawingShape(){let{initialShape:e}=this,{inputs:n}=this.editor;if(!e)return;let{id:o,props:{size:r,scale:i}}=e,s=this.editor.getShape(o);if(!s)return;let{segments:a}=s.props,l=n.getCurrentPagePoint(),{x:c,y:d,z:u}=this.editor.getPointInShapeSpace(s,l).toFixed(),p=this.isPenOrStylus?+(l.z*1.25).toFixed(2):.5,f={x:c,y:d,z:p};switch(this.segmentMode){case"starting_straight":{let{pagePointWhereNextSegmentChanged:h}=this;if(h===null)throw Error("We should have a point where the segment changed");if(T.Dist2(h,n.getCurrentPagePoint())>this.editor.options.dragDistanceSquared){this.pagePointWhereCurrentSegmentChanged=this.pagePointWhereNextSegmentChanged.clone(),this.pagePointWhereNextSegmentChanged=null,this.segmentMode="straight";let y=Do(a);if(!y)throw Error("Expected a previous segment!");let m=qe.decodeLastPoint(y.path,y.dim);if(!m)throw Error("Expected a previous last point!");let S,b=this.editor.getPointInShapeSpace(s,this.pagePointWhereCurrentSegmentChanged).toFixed().toJson();if(y.type==="straight"){this.currentLineLength+=T.Dist(m,b),S=this.makeSegment("straight",[m,b]);let w=this.editor.getShapePageTransform(s);this.pagePointWhereCurrentSegmentChanged=Q.applyToPoint(w,m)}else S=this.makeSegment("straight",[b,f]);let v={id:o,type:this.shapeType,props:{segments:[...a,S]}};this.canClose()&&(v.props.isClosed=this.getIsClosed(a,r,i)),this.editor.updateShapes([v])}break}case"starting_free":{let{pagePointWhereNextSegmentChanged:h}=this;if(h===null)throw Error("We should have a point where the segment changed");if(T.Dist2(h,n.getCurrentPagePoint())>this.editor.options.dragDistanceSquared){this.pagePointWhereCurrentSegmentChanged=this.pagePointWhereNextSegmentChanged.clone(),this.pagePointWhereNextSegmentChanged=null,this.segmentMode="free";let y=a.slice(),m=y[y.length-1],S=qe.decodeLastPoint(m.path,m.dim);if(!S)throw Error("No previous point!");let b=T.PointsBetween(S,f,6).map(P=>new T(bg(P.x),bg(P.y),bg(P.z)));this.currentSegmentPoints=b;let v=this.makeSegment("free",b),w=[...y,v],x=Ee(this.util,s).strokeWidth;this.currentLineLength<x*4&&(this.currentLineLength=this.getLineLength(w));let C={id:o,type:this.shapeType,props:{segments:w}};this.canClose()&&(C.props.isClosed=this.getIsClosed(w,r,i)),this.editor.updateShapes([C])}break}case"straight":{let h=a.slice(),g=h[h.length-1],{pagePointWhereCurrentSegmentChanged:y}=this,m=this.editor.inputs,S=m.getCtrlKey(),b=m.getCurrentPagePoint();if(!y)throw Error("We should have a point where the segment changed");let v,w=!1;this.didJustShiftClickToExtendPreviousShapeLine?this.editor.inputs.getIsDragging()&&(w=!S,this.didJustShiftClickToExtendPreviousShapeLine=!1):w=!S;let x=this.editor.getPointInShapeSpace(s,b).toFixed().toJson(),C=!1,P;if((this.editor.user.getIsSnapMode()?!S:S)&&h.length>2){let I,R=8/this.zoomOnEnter;for(let D=0,N=a.length-2;D<N;D++){let B=a[D];if(!B)break;if(B.type==="free")continue;let F=qe.decodeFirstPoint(B.path,B.dim),k=qe.decodeLastPoint(B.path,B.dim);if(!(F&&k))continue;let L=T.NearestPointOnLineSegment(F,k,x);if(T.DistMin(L,x,R)){I=L.toFixed().toJson(),R=T.Dist(L,x),P=B;break}}I&&(C=!0,x=I)}if(C&&P){let I=this.editor.getShapePageTransform(s),R=qe.decodeFirstPoint(P.path,P.dim),D=qe.decodeLastPoint(P.path,P.dim);if(!R||!D)throw Error("Expected a last point!");let N=Q.applyToPoint(I,R),B=Q.applyToPoint(I,D),F=Q.applyToPoint(I,x);this.editor.snaps.setIndicators([{id:Ne(),type:"points",points:[N,F,B]}])}else{if(this.editor.snaps.clearIndicators(),w){let I=T.Angle(y,b),D=sh(I,24)-I;v=T.RotWith(b,y,D)}else v=b.clone();x=this.editor.getPointInShapeSpace(s,v).toFixed().toJson()}this.currentLineLength+=h.length&&qe.decodeFirstPoint(g.path,g.dim)?T.Dist(qe.decodeFirstPoint(g.path,g.dim),T.From(x)):0,h[h.length-1]={...g,type:"straight",path:qe.encodePoints([qe.decodeFirstPoint(g.path,g.dim),T.From(x)],g.dim)};let E={id:o,type:this.shapeType,props:{segments:h}};this.canClose()&&(E.props.isClosed=this.getIsClosed(a,r,i)),this.editor.updateShapes([E]);break}case"free":{let h=this.currentSegmentPoints;if(h.length&&this.mergeNextPoint){let b=h[h.length-1];b.x=f.x,b.y=f.y,b.z=b.z?Math.max(b.z,f.z):f.z}else this.currentLineLength+=h.length?T.Dist(h[h.length-1],f):0,h.push(new T(f.x,f.y,f.z));let g=a.slice(),y=g[g.length-1];g[g.length-1]={...y,path:qe.encodePoints(h,y.dim)};let m=Ee(this.util,s).strokeWidth;this.currentLineLength<m*4&&(this.currentLineLength=this.getLineLength(g));let S={id:o,type:this.shapeType,props:{segments:g}};if(this.canClose()&&(S.props.isClosed=this.getIsClosed(g,r,i)),this.editor.updateShapes([S]),h.length>this.util.options.maxPointsPerShape){this.editor.updateShapes([{id:o,type:this.shapeType,props:{isComplete:!0}}]);let b=Ke(),v=this.editor.getShape(o).props;if(!this.editor.canCreateShapes([b]))return this.cancel();let w=n.getCurrentPagePoint(),x=new T(0,0,this.isPenOrStylus?+(u*1.25).toFixed():.5);this.currentSegmentPoints=[x],this.editor.createShape({id:b,type:this.shapeType,x:bg(w.x),y:bg(w.y),props:{isPen:this.isPenOrStylus,scale:v.scale,segments:[this.makeSegment("free",[x])]}});let C=this.editor.getShape(b);if(!C)return this.cancel();this.initialShape=yt(C),this.mergeNextPoint=!1,this.lastRecordedPoint=w.clone(),this.currentLineLength=0}break}}}getLineLength(e){let n=0;for(let o=0;o<e.length;o++){let r=qe.decodePoints(e[o].path,e[o].dim);for(let i=0;i<r.length-1;i++)n+=T.Dist2(r[i],r[i+1])}return Math.sqrt(n)}onPointerUp(){this.complete()}onCancel(){this.cancel()}onComplete(){this.complete()}onInterrupt(){this.editor.inputs.getIsDragging()||(this.markId&&this.editor.bailToMark(this.markId),this.cancel())}complete(){let{initialShape:e}=this;e&&(this.editor.updateShapes([{id:e.id,type:e.type,props:{isComplete:!0}}]),this.parent.transition("idle"))}cancel(){this.parent.transition("idle",this.info)}};var Ow=class extends X{static id="idle";onPointerDown(e){if(e.accelKey&&!e.shiftKey){this.editor.setCurrentTool("eraser.pointing",{...e,onInteractionEnd:this.parent.id});return}this.parent.transition("drawing",e)}onEnter(){this.editor.setCursor({type:"cross",rotation:0})}onCancel(){this.editor.setCurrentTool("select")}};var sE=class extends X{static id="draw";static initial="idle";static isLockable=!1;static useCoalescedEvents=!0;static children(){return[Ow,Dw]}shapeType="draw";onExit(){let e=this.children.drawing;e.initialShape=void 0}};var aE=class extends fC{static id="frame";static initial="idle";shapeType="frame";onCreate(e){e&&(this.editor.reparentShapes(g9(this.editor,e),e.id),this.editor.getInstanceState().isToolLocked?this.editor.setCurrentTool("frame"):this.editor.setCurrentTool("select.idle"))}};function g9(t,e){let n=t.getShapePageBounds(e);if(!n)return[];let o=[],r=t.getShapeAncestors(e).map(i=>i.id);return t.getSortedChildIdsForParent(e.parentId).map(i=>{let s=t.getShape(i);if(!s||s.id===e.id||s.isLocked)return;let a=t.getShapePageBounds(s);a&&n.contains(a)&&aUe(s,r,e)&&o.push(s.id)}),o}function aUe(t,e,n){return e.includes(t.id)?!1:t.parentId===n.parentId}var LD=class extends X{static id="idle";onPointerDown(e){this.parent.transition("pointing",e)}onEnter(){this.editor.setCursor({type:"cross",rotation:0})}onKeyUp(e){let{editor:n}=this;if(e.key==="Enter"){let o=n.getOnlySelectedShape();n.canEditShape(o)&&oo(n,o,{selectAll:!0})}}onCancel(){this.editor.setCurrentTool("select")}};var ND=class extends X{static id="pointing";onPointerUp(){this.complete()}onLongPress(){Ga(this.editor,()=>this.cancel())}onPointerMove(e){if(this.editor.inputs.getIsDragging()){let n=this.editor.inputs.getOriginPagePoint(),o=Ke(),r=this.editor.markHistoryStoppingPoint(`creating_geo:${o}`),i=Wo(n,this.editor);if(this.editor.createShapes([{id:o,type:"geo",x:i.x,y:i.y,props:{w:1,h:1,geo:this.editor.getStyleForNextShape(Or),scale:this.editor.getResizeScaleFactor()}}]).select(o),!this.editor.getShape(o)){this.cancel();return}this.editor.setCurrentTool("select.resizing",{...e,target:"selection",handle:"bottom_right",isCreating:!0,creatingMarkId:r,creationCursorOffset:{x:1,y:1},onInteractionEnd:"geo"})}}onCancel(){this.cancel()}onComplete(){this.complete()}onInterrupt(){this.cancel()}complete(){let e=this.editor.inputs.getOriginPagePoint(),n=Ke();this.editor.markHistoryStoppingPoint(`creating_geo:${n}`);let o=this.editor.getResizeScaleFactor(),r=this.editor.getStyleForNextShape(Or),i=this.editor.getShapeUtil("geo"),a=Vy(r,i.options.customGeoTypes)?.defaultSize??{w:200,h:200};this.editor.createShapes([{id:n,type:"geo",x:e.x,y:e.y,props:{geo:this.editor.getStyleForNextShape(Or),scale:o,...a}}]);let l=this.editor.getShape(n);if(!l){this.cancel();return}let{w:c,h:d}=l.props,u=new T(c/2,d/2).mul(o),p=this.editor.getShapeParentTransform(l);p&&u.rot(-p.rotation());let f=Wo(new T(l.x-u.x,l.y-u.y),this.editor);this.editor.select(n),this.editor.updateShape({id:l.id,type:"geo",x:f.x,y:f.y,props:{geo:this.editor.getStyleForNextShape(Or),w:c*o,h:d*o}}),this.editor.getInstanceState().isToolLocked?this.parent.transition("idle"):this.editor.setCurrentTool("select",{})}cancel(){this.parent.transition("idle")}};var lE=class extends X{static id="geo";static initial="idle";static children(){return[LD,ND]}shapeType="geo"};var cE=class extends X{static id="highlight";static initial="idle";static useCoalescedEvents=!0;static children(){return[Ow,Dw]}static isLockable=!1;shapeType="highlight";onExit(){let e=this.children.drawing;e.initialShape=void 0}};var FD=class extends X{static id="idle";shapeId="";onEnter(e){this.shapeId=e.shapeId,this.editor.setCursor({type:"cross",rotation:0})}onPointerDown(){this.parent.transition("pointing",{shapeId:this.shapeId})}onCancel(){this.editor.setCurrentTool("select")}};var lUe=2,BD=class extends X{static id="pointing";shape={};markId;onEnter(e){let{inputs:n}=this.editor,o=n.getCurrentPagePoint();this.markId=void 0;let r=e.shapeId&&this.editor.getShape(e.shapeId);if(r&&n.getShiftKey()){this.markId=this.editor.markHistoryStoppingPoint(`creating_line:${r.id}`),this.shape=r;let i=this.editor.getShapeHandles(this.shape);if(!i)return;let s=i.filter(h=>h.type==="vertex").sort(Un),a=s[s.length-1],l=s[s.length-2],c=Q.applyToPoint(this.editor.getShapeParentTransform(this.shape),new T(this.shape.x,this.shape.y)),d=T.Sub(o,c).addXY(.1,.1),u=Wo(d,this.editor),p=yt(this.shape.props.points),f=lUe/this.editor.getZoomLevel();if(T.DistMin(a,l,f)||T.DistMin(u,a,f))p[a.id]={id:a.id,index:a.index,x:u.x,y:u.y};else{let h=Sr(a.index);p[h]={id:h,index:h,x:u.x,y:u.y}}this.editor.updateShapes([{id:this.shape.id,type:this.shape.type,props:{points:p}}])}else{let i=Ke();this.markId=this.editor.markHistoryStoppingPoint(`creating_line:${i}`);let s=Wo(o,this.editor);if(this.editor.createShapes([{id:i,type:"line",x:s.x,y:s.y,props:{scale:this.editor.getResizeScaleFactor()}}]),!this.editor.getShape(i)){this.cancel();return}this.editor.select(i),this.shape=this.editor.getShape(i)}}onPointerMove(){if(this.shape&&this.editor.inputs.getIsDragging()){let e=this.editor.getShapeHandles(this.shape);if(!e)throw this.markId&&this.editor.bailToMark(this.markId),Error("No handles found");let n=Do(e);this.editor.setCurrentTool("select.dragging_handle",{shape:this.shape,isCreating:!0,creatingMarkId:this.markId,handle:{...n,x:n.x-.1,y:n.y-.1},onInteractionEnd:"line"})}}onPointerUp(){this.complete()}onLongPress(){Ga(this.editor,()=>this.cancel())}onCancel(){this.cancel()}onComplete(){this.complete()}onInterrupt(){this.parent.transition("idle"),this.markId&&this.editor.bailToMark(this.markId),this.editor.snaps.clearIndicators()}complete(){this.parent.transition("idle",{shapeId:this.shape.id}),this.editor.snaps.clearIndicators()}cancel(){this.markId&&this.editor.bailToMark(this.markId),this.parent.transition("idle",{shapeId:this.shape.id}),this.editor.snaps.clearIndicators()}};var uE=class extends X{static id="line";static initial="idle";static children(){return[FD,BD]}shapeType="line"};var zD=class extends X{static id="idle";onPointerDown(e){this.parent.transition("pointing",e)}onEnter(){this.editor.setCursor({type:"cross",rotation:0})}onCancel(){this.editor.setCurrentTool("select")}};var ehe=0,UD=10,cUe=(t,e,n)=>[[["a1"],new T(e*.5,n*-.5-t.options.adjacentShapeMargin)],[["a2"],new T(e*1.5+t.options.adjacentShapeMargin,n*.5)],[["a3"],new T(e*.5,n*1.5+t.options.adjacentShapeMargin)],[["a4"],new T(e*-.5-t.options.adjacentShapeMargin,n*.5)]];function uUe(t,e,n,o){if(e===1)return cUe(t,n,o);let r=n*e,i=o*e,s=t.options.adjacentShapeMargin*e;return[[["a1"],new T(r*.5,i*-.5-s)],[["a2"],new T(r*1.5+s,i*.5)],[["a3"],new T(r*.5,i*1.5+s)],[["a4"],new T(r*-.5-s,i*.5)]]}function y9(t,e){let{pagePoint:n,pageRotation:o,growY:r,extraHeight:i,scale:s,noteWidth:a,noteHeight:l}=e;return Object.fromEntries(uUe(t,s,a,l).map(([c,d],u)=>{let p=d.clone();return u===0&&i?p.y-=i:u===2&&r&&(p.y+=r),[c,p.rot(o).add(n)]}))}function HD(t,e){let{rotation:n,scale:o,extraHeight:r,noteWidth:i,noteHeight:s}=e,a=new Set(t.getSelectedShapeIds()),l=(Math.max(i,s)+t.options.adjacentShapeMargin+r)**2,c=new Map,d=[];for(let f of t.getCurrentPageShapes()){if(!t.isShapeOfType(f,"note")||o!==f.props.scale||a.has(f.id))continue;let h=t.getShapePageTransform(f.id);n===h.rotation()&&(c.set(f,t.getShapePageBounds(f).center),d.push(...Object.values(y9(t,{pagePoint:h.point(),pageRotation:n,growY:f.props.growY,extraHeight:r,scale:o,noteWidth:i,noteHeight:s}))))}let u=d.length,p;for(let[f,h]of c)for(let g=0;g<u;g++)p=d[g],p&&(T.Dist2(h,p)>l||t.isPointInShape(f,p)&&(d[g]=void 0));return we(d)}function VD(t,e){let{shape:n,center:o,pageRotation:r,noteWidth:i,noteHeight:s,forceNew:a=!1}=e,l,c=t.getCurrentPageShapesSorted(),d=(Math.max(i,s)+t.options.adjacentShapeMargin**2)**n.props.scale;for(let u=c.length-1;u>=0;u--){let p=c[u];if(p.type==="note"&&p.id!==n.id){let f=t.getShapePageBounds(p);if(f&&T.Dist2(f.center,o)<d&&t.isPointInShape(p,o)){l=p;break}}}if(t.complete(),!l||a){t.markHistoryStoppingPoint("creating note shape");let u=Ke();t.createShape({id:u,type:"note",x:o.x,y:o.y,rotation:r,opacity:n.opacity,props:{...n.props,richText:jt(""),growY:0,fontSizeAdjustment:1,url:"",textLastEditedBy:null}});let p=t.getShape(u);if(!p)return;let f=t.getPointInParentSpace(p,T.Sub(o,T.Rot(new T(i/2,s/2).mul(p.props.scale),r)));t.updateShape({id:u,type:"note",x:f.x,y:f.y}),l=t.getShape(u)}return t.zoomToSelectionIfOffscreen(16,{animation:{duration:t.options.animationMediumMs},inset:0}),l}var jD=class extends X{static id="pointing";dragged=!1;info={};markId="";shape={};shapeId;shapeCenter=new T;hasCreatedShape=!1;onEnter(){let{editor:e}=this;this.hasCreatedShape=!1,this.shapeId=Ke(),this.markId=e.markHistoryStoppingPoint(`creating_note:${this.shapeId}`);let n=e.getShapeUtil("note"),o=Ee(n,{props:n.getDefaultProps()}),r=e.inputs.getOriginPagePoint().clone(),i=dUe(e,r,e.getResizeScaleFactor(),o.noteWidth,o.noteHeight);i&&r.sub(i),this.shapeCenter=r,e.getInstanceState().isCoarsePointer||this.ensureShapeCreated()}ensureShapeCreated(){if(this.hasCreatedShape)return;let e=pUe(this.editor,this.shapeId,this.shapeCenter);e?(this.shape=e,this.hasCreatedShape=!0):this.cancel()}onPointerMove(e){if(this.editor.inputs.getIsDragging()){if(this.ensureShapeCreated(),!this.hasCreatedShape)return;this.editor.setCurrentTool("select.translating",{...e,target:"shape",shape:this.shape,onInteractionEnd:"note",isCreating:!0,creatingMarkId:this.markId,onCreate:()=>{oo(this.editor,this.shape.id)}})}}onPointerUp(){this.complete()}onLongPress(){Ga(this.editor,()=>this.cancel())}onInterrupt(){this.cancel()}onComplete(){this.complete()}onCancel(){this.cancel()}complete(){this.ensureShapeCreated(),this.hasCreatedShape&&(this.editor.getInstanceState().isToolLocked?this.parent.transition("idle"):oo(this.editor,this.shape.id,{info:this.info}))}cancel(){this.editor.bailToMark(this.markId),this.parent.transition("idle",this.info)}};function dUe(t,e,n,o,r){let i=UD/t.getZoomLevel(),s;for(let a of HD(t,{rotation:0,scale:n,extraHeight:0,noteWidth:o,noteHeight:r})){let l=T.Sub(e,a),c=l.len();c<i&&(i=c,s=l)}return s}function pUe(t,e,n){t.createShape({id:e,type:"note",x:n.x,y:n.y,props:{scale:t.getResizeScaleFactor()}});let o=t.getShape(e);if(!o)return;t.select(e);let r=t.getShapeGeometry(o).bounds,i=Wo(new T(o.x-r.width/2,o.y-r.height/2),t);return t.updateShapes([{id:e,type:"note",x:i.x,y:i.y}]),t.getShape(e)}var dE=class extends X{static id="note";static initial="idle";static children(){return[zD,jD]}shapeType="note"};var $D=new WeakMap;function the(t){let e=t.getShapeAtPoint(t.inputs.getCurrentPagePoint(),{hitInside:!1,hitLabels:!1,hitLocked:t.options.selectLockedShapes,margin:t.options.hitTestMargin/t.getZoomLevel(),renderingOnly:!0});if(!e)return null;let n,o=t.getOutermostSelectableShape(e);return o===e||o.id===t.getFocusedGroupId()||t.getSelectedShapeIds().includes(o.id)?n=e:n=o,n.id}function fUe(t){if(t.isDisposed)return;if(!(t.getCameraState()==="moving")){$D.set(t,!1);let r=the(t);return t.setHoveredShape(r)}if($D.get(t))return;let n=t.getHoveredShapeId();if(!n){$D.set(t,!0);return}the(t)!==n&&(t.setHoveredShape(null),$D.set(t,!0))}var hUe=32,S9=new WeakMap;function mUe(t){let e=S9.get(t);return e||(e=(0,yx.default)(fUe,hUe),S9.set(t,e)),e}function $c(t){mUe(t)(t)}function hm(t){S9.get(t)?.cancel()}var KD=class extends X{static id="idle";onPointerMove(e){switch(e.target){case"shape":case"canvas":$c(this.editor)}}onPointerDown(e){this.parent.transition("pointing",e)}onEnter(){this.editor.setCursor({type:"cross",rotation:0})}onExit(){hm(this.editor)}onKeyDown(e){if(e.key==="Enter"){let n=this.editor.getOnlySelectedShape();if(!this.editor.canEditShape(n))return;this.editor.setCurrentTool("select"),oo(this.editor,n.id,{info:e})}}onCancel(){this.editor.setCurrentTool("select")}};var GD=class extends X{static id="pointing";shape;markId="";enterTime=0;onEnter(){this.enterTime=Date.now()}onExit(){this.editor.setHintingShapes([])}onPointerMove(e){if(Date.now()-this.enterTime<150)return;let{editor:n}=this;if(!n.inputs.getIsPointing())return;let r=n.inputs.getOriginPagePoint(),i=n.inputs.getCurrentPagePoint(),s=Math.abs(r.x-i.x),l=Math.sqrt(n.getInstanceState().isCoarsePointer?n.options.coarseDragDistanceSquared:n.options.dragDistanceSquared)*6/n.getZoomLevel();if(s>l){let c=Ke();this.markId=n.markHistoryStoppingPoint(`creating_text:${c}`);let d=this.createTextShape(c,r,!1,s);if(!d){this.cancel();return}this.shape=n.getShape(d),n.select(c);let u=this.editor.getResizeScaleFactor();n.setCurrentTool("select.resizing",{...e,target:"selection",handle:"right",isCreating:!0,creatingMarkId:this.markId,creationCursorOffset:{x:s*u,y:1},onInteractionEnd:"text",onCreate:()=>{oo(n,d.id)}})}}onPointerUp(){this.complete()}onLongPress(){Ga(this.editor,()=>this.cancel())}onComplete(){this.cancel()}onCancel(){this.cancel()}onInterrupt(){this.cancel()}complete(){this.editor.markHistoryStoppingPoint("creating text shape");let e=Ke(),n=this.editor.inputs.getOriginPagePoint();this.createTextShape(e,n,!0,20)&&(this.editor.select(e),oo(this.editor,e))}cancel(){this.parent.transition("idle"),this.editor.bailToMark(this.markId)}createTextShape(e,n,o,r){this.editor.createShape({id:e,type:"text",x:n.x,y:n.y,props:{richText:jt(""),autoSize:o,w:r,scale:this.editor.getResizeScaleFactor()}});let i=this.editor.getShape(e);if(!i){this.cancel();return}let s=this.editor.getShapePageBounds(i),a=new T;if(o)switch(i.props.textAlign){case"start":{a.x=0;break}case"middle":{a.x=-s.width/2;break}case"end":{a.x=-s.width;break}}else a.x=0;if(a.y=-s.height/2,On(i.parentId)){let d=this.editor.getShapeParentTransform(i);a.rot(-d.rotation())}let l=i.x+a.x,c=i.y+a.y;if(this.editor.getInstanceState().isGridMode){let d=new T(l,c),u=Wo(d,this.editor),p=T.Sub(d,u);this.editor.updateShape({...i,x:l-p.x,y:c-p.y})}else this.editor.updateShape({...i,x:l,y:c});return i}};var pE=class extends X{static id="text";static initial="idle";static children(){return[KD,GD]}shapeType="text"};var b9=[pE,sE,lE,dE,uE,aE,iE,cE];var Wn=_(j(),1);var mhe=_(H(),1);var Lw={solid:"semi",pattern:"pattern",fill:"fill","lined-fill":"linedFill"};var Yr=_(j(),1);var Yu=_(H(),1);function Nw(t){return{key:`${nr.id}:${t}`,async getElement(){return t!=="pattern"?null:(0,Yr.jsx)(gUe,{})}}}function gUe(){let t=WD(),e=Wi(),n=O(),o=No(),r=n.getCurrentTheme().colors[o],i=8/12;return(0,Yr.jsxs)(Yr.Fragment,{children:[(0,Yr.jsxs)("mask",{id:e,children:[(0,Yr.jsx)("rect",{x:"0",y:"0",width:"8",height:"8",fill:"white"}),(0,Yr.jsxs)("g",{strokeLinecap:"round",stroke:"black",children:[(0,Yr.jsx)("line",{x1:i*1,y1:i*3,x2:i*3,y2:i*1}),(0,Yr.jsx)("line",{x1:i*5,y1:i*7,x2:i*7,y2:i*5}),(0,Yr.jsx)("line",{x1:i*9,y1:i*11,x2:i*11,y2:i*9})]})]}),(0,Yr.jsx)("pattern",{id:t(1,o),width:"8",height:"8",patternUnits:"userSpaceOnUse",children:(0,Yr.jsx)("rect",{x:"0",y:"0",width:"8",height:"8",fill:r.solid,mask:`url(#${e})`})})]})}function Fw(){return{key:`${nr.id}:pattern`,component:wUe}}var fE=8,yUe=(t,e,n)=>new Promise((o,r)=>{let i=fE*e*t,s=Ln().createElement("canvas");s.width=i,s.height=i;let a=s.getContext("2d");if(!a){r();return}a.fillStyle=n,a.fillRect(0,0,i,i),a.globalCompositeOperation="destination-out",a.lineCap="round",a.lineWidth=1.25*e*t;let l=8/12,c=d=>d*e*t;a.beginPath(),a.moveTo(c(l*1),c(l*3)),a.lineTo(c(l*3),c(l*1)),a.moveTo(c(l*5),c(l*7)),a.lineTo(c(l*7),c(l*5)),a.moveTo(c(l*9),c(l*11)),a.lineTo(c(l*11),c(l*9)),a.stroke(),s.toBlob(d=>{!d||Et.throwToBlob.get()?r():o(d)})}),v9=new Map;function nhe(t,e,n){let o=`${t}_${e}_${n}`,r=v9.get(o);return r||(r=yUe(t,e,n),r.catch(()=>v9.delete(o)),v9.set(o,r)),r}var ohe=(t,e)=>{let n=Ln().createElement("canvas");n.width=t[0],n.height=t[1];let o=n.getContext("2d");return o?(e(o),n.toDataURL()):""},w9=null;function SUe(){return w9||(w9={white:ohe([1,1],t=>{t.fillStyle="#f8f9fa",t.fillRect(0,0,1,1)}),black:ohe([1,1],t=>{t.fillStyle="#212529",t.fillRect(0,0,1,1)})}),w9}function rhe(t){return Math.ceil(Math.log2(Math.max(1,t)))}function WD(){let t=PT("hash_pattern");return(0,Yu.useCallback)((e,n)=>{let o=rhe(e);return fg(t,`${n}_${o}`)},[t])}function ihe(t){let e=[],o=rhe(t);for(let r=0;r<=o;r++)e.push(Math.pow(2,r));return e}function bUe(t){let e=SUe();return ihe(t).flatMap(n=>[{zoom:n,url:e.white,theme:"light"},{zoom:n,url:e.black,theme:"dark"}])}function vUe(){let t=O(),e=z("devicePixelRatio",()=>t.getInstanceState().devicePixelRatio,[t]),n=z("maxEffectiveZoom",()=>{let c=t.getCameraOptions().zoomSteps;return Do(c)/c[0]},[t]),[o,r]=(0,Yu.useState)(!1),[i,s]=(0,Yu.useState)(()=>bUe(n)),a=WD();return(0,Yu.useEffect)(()=>{let c=t.getCurrentTheme(),d=c.colors.light.solid,u=c.colors.dark.solid,p=Promise.all(ihe(n).flatMap(h=>[nhe(e,h,d).then(g=>({zoom:h,theme:"light",url:URL.createObjectURL(g)})),nhe(e,h,u).then(g=>({zoom:h,theme:"dark",url:URL.createObjectURL(g)}))])),f=!1;return p.then(h=>{f||(s(h),r(!0))}),()=>{f=!0,r(!1),p.then(h=>{for(let{url:g}of h)URL.revokeObjectURL(g)})}},[e,n,t]),{defs:(0,Yr.jsx)(Yr.Fragment,{children:i.map(c=>{let d=a(c.zoom,c.theme);return(0,Yr.jsx)("pattern",{id:d,width:fE,height:fE,patternUnits:"userSpaceOnUse",children:(0,Yr.jsx)("image",{href:c.url,width:fE,height:fE})},d)})}),isReady:o}}function wUe(){let t=O(),e=(0,Yu.useRef)(null),{defs:n,isReady:o}=vUe();return(0,Yu.useEffect)(()=>{if(o&&He.isSafari){let r=she(e.current);r&&t.timers.requestAnimationFrame(()=>{r.style.display="none",t.timers.requestAnimationFrame(()=>{r.style.display=""})})}},[t,o]),(0,Yr.jsx)("g",{ref:e,"data-testid":o?"ready-pattern-fill-defs":void 0,children:n})}function she(t){return t.classList.contains("tl-html-layer")?t:t.parentElement?she(t.parentElement):null}var mm=_(j(),1);function gm({d:t,fillColor:e,patternFillFallbackColor:n,scale:o=1}){let r=O(),i=gc(),s=z("zoomLevel",()=>r.getEfficientZoomLevel(),[r]),a=No(),l=WD(),c=Wi(),d=s*o,u=d<=.18,p=l(d,a);return(0,mm.jsxs)(mm.Fragment,{children:[!i&&!u&&o!==1&&(0,mm.jsx)("pattern",{id:c,href:`#${p}`,patternTransform:`scale(${o})`}),(0,mm.jsx)("path",{fill:e,d:t}),(0,mm.jsx)("path",{fill:i?`url(#${l(1,a)})`:u?n:o!==1?`url(#${c})`:`url(#${p})`,d:t})]})}var Xu=_(j(),1);var I9=_(Jt(),1),gE=_(H(),1);var x9=_(j(),1);var Kc=_(H(),1);var T9=Kc.default.forwardRef(function({shapeId:e,isEditing:n,richText:o,handleFocus:r,handleChange:i,handleBlur:s,handleKeyDown:a,handleDoubleClick:l,hasCustomTabBehavior:c,handlePaste:d},u){let p=O(),f=Wi("tip-tap-editor"),h=p.getTextOptions().tipTapConfig,g=(0,Kc.useRef)(o),y=(0,Kc.useRef)(null),m=(0,Kc.useRef)(null);(0,Kc.useLayoutEffect)(()=>{y.current?(0,Ho.default)(g.current,o)||y.current.commands.setContent(o):g.current=o},[o]);let S=(0,Kc.useRef)({selectAll:!1,caretPosition:null});(0,Kc.useLayoutEffect)(()=>{function M(I){I.shapeId===p.getEditingShapeId()&&(S.current.selectAll=!0)}function E(I){I.shapeId===p.getEditingShapeId()&&(S.current.caretPosition=I.point)}return p.on("select-all-text",M),p.on("place-caret",E),()=>{p.off("select-all-text",M),p.off("place-caret",E)}},[p,n]);let b=Zi(i),v=Zi(a),w=Zi(r),x=Zi(s),C=Zi(l),P=Zi(d);return(0,Kc.useLayoutEffect)(()=>{if(!n||!h||!m.current)return;let{editorProps:M,...E}=h,I=new Rne({element:m.current,autofocus:!0,editable:n,onUpdate:D=>{let N=D.editor.state.doc.toJSON();g.current=N,b({richText:N})},onFocus:w,onBlur:x,onCreate:D=>{if(p.getEditingShapeId()!==e)return;let N=D.editor;p.setRichTextEditor(N);let{selectAll:B,caretPosition:F}=S.current;if(B)N.chain().focus().selectAll().run();else if(F){let k=N.view.posAtCoords({left:F.x,top:F.y})?.pos;k?N.chain().focus().setTextSelection(k).run():N.chain().focus().selectAll().run()}},editorProps:{handleKeyDown:(D,N)=>{!c&&N.key==="Tab"&&xUe(p,D,N),v(N)},handlePaste:(D,N)=>(P(N),!!N.defaultPrevented),handleDoubleClick:(D,N,B)=>C(B),...M},coreExtensionOptions:{clipboardTextSerializer:{blockSeparator:`
+`}},enableCoreExtensions:{textDirection:!1},textDirection:"auto",...E,content:g.current}),R=p.timers.setTimeout(()=>{S.current.caretPosition||S.current.selectAll?I.commands.focus():I.commands.focus("end"),S.current.selectAll=!1,S.current.caretPosition=null},100);return y.current=I,()=>{y.current=null,clearTimeout(R),I.destroy()}},[n,h,w,x,C,b,P,v,p,e,c]),!n||!h?null:(0,x9.jsx)("div",{id:f,ref:u,tabIndex:-1,"data-testid":"rich-text-area",className:"tl-rich-text tl-text tl-text-input",onContextMenu:n?M=>M.stopPropagation():void 0,onPointerDownCapture:M=>M.stopPropagation(),onTouchEnd:M=>M.stopPropagation(),onDragStart:de,children:(0,x9.jsx)("div",{className:"tl-rich-text",ref:m})})});function xUe(t,e,n){if(n.preventDefault(),dR(t))return;let{state:o,dispatch:r}=e,{$from:i,$to:s}=o.selection,a=n.shiftKey,l=o.tr,c=s.end();for(;c>=i.start();){let u=o.doc.resolve(c).blockRange();if(!u)break;let p=u.start,f=u.end,h=o.doc.textBetween(p,f,`
+`),g=!1;o.doc.nodesBetween(p,f,y=>y.type.name==="bulletList"||y.type.name==="orderedList"?(g=!0,!1):!0),g||(a?h.startsWith("	")&&(l=l.delete(p+1,p+2)):l=l.insertText("	",p+1)),c=p-1}let d=o.selection.map(l.doc,l.mapping);l.setSelection(d),l.docChanged&&r(l)}function hE(t){return t==="start-legacy"||t==="middle-legacy"||t==="end-legacy"}var Zy=_(H(),1);var qu=_(H(),1);function C9(t,e,n){let o=P9(t),r=o.isEditing,i=O(),s=(0,qu.useRef)(null),a=(n||"").trim().length===0;(0,qu.useEffect)(()=>{function d(u){u.shapeId===t&&s.current?.select?.()}return i.on("select-all-text",d),()=>{i.off("select-all-text",d)}},[i,t,r]),(0,qu.useEffect)(()=>{r&&(i.getContainerDocument().activeElement!==s.current&&s.current?.focus(),i.getInstanceState().isCoarsePointer&&s.current?.select(),He.isSafari&&(s.current?.blur(),s.current?.focus()))},[i,r]);let l=(0,qu.useCallback)(d=>{i.getEditingShapeId()===t&&d.key==="Enter"&&(d.ctrlKey||d.metaKey)&&i.complete()},[i,t]),c=(0,qu.useCallback)(({plaintext:d})=>{if(i.getEditingShapeId()!==t)return;let u=kv.normalizeText(d||"");i.updateShape({id:t,type:e,props:{text:u}})},[i,t,e]);return{rInput:s,handleKeyDown:l,handleChange:c,isEmpty:a,...o}}function mE(t,e){return z("isReadyForEditing",()=>{let n=t.getEditingShapeId();return n!==null&&(n===e||t.getHoveredShapeId()===e)},[t,e])}function P9(t){let e=O(),n=z("isEditing",()=>e.getEditingShapeId()===t,[e]),o=mE(e,t),r=(0,qu.useCallback)(s=>{e.dispatch({...ni(e,s),type:"pointer",name:"pointer_down",target:"shape",shape:e.getShape(t)}),s.stopPropagation()},[e,t]),i=(0,qu.useCallback)(s=>{if(e.getEditingShapeId()===t&&s.clipboardData){let a=s.clipboardData.getData("text/html");if(a&&a.includes("<div data-tldraw")){let l=s.clipboardData.getData("text/plain");de(s),l&&e.getContainerDocument().execCommand("insertText",!1,l)}}},[e,t]);return{handleFocus:()=>{},handleBlur:()=>{},handleInputPointerDown:r,handleDoubleClick:e.markEventAsHandled,handlePaste:i,isEditing:n,isReadyForEditing:o}}function E9(t,e,n){let o=P9(t),r=o.isEditing,i=O(),s=(0,Zy.useRef)(null),a=n&&pn(n);(0,Zy.useEffect)(()=>{if(!r)return;let d=s.current?.querySelector("[contenteditable]");d&&i.getContainerDocument().activeElement!==s.current&&d.focus()},[i,r]);let l=(0,Zy.useCallback)(d=>{i.getEditingShapeId()===t&&d.key==="Enter"&&Io(d)&&i.complete()},[i,t]),c=(0,Zy.useCallback)(({richText:d})=>{i.getEditingShapeId()===t&&i.updateShape({id:t,type:e,props:{richText:d}})},[i,t,e]);return{rInput:s,handleKeyDown:l,handleChange:c,isEmpty:a,...o}}var ef=gE.default.memo(function({shapeId:e,type:n,richText:o,labelColor:r,fontFamily:i,fontSize:s,lineHeight:a,textAlign:l,verticalAlign:c,wrap:d,isSelected:u,padding:p=0,onKeyDown:f,classNamePrefix:h,style:g,textWidth:y,textHeight:m,hasCustomTabBehavior:S,showTextOutline:b=!0}){let v=O(),w=gE.default.useRef(!1),x=hE(l),{rInput:C,isEmpty:P,isEditing:M,isReadyForEditing:E,...I}=E9(e,n,o),R=(0,gE.useMemo)(()=>{if(o)return w1(v,o)},[v,o]),D=z("isSelectToolActive",()=>v.getCurrentToolId()==="select",[v]);kd("isDragging",()=>{v.getInstanceState(),w.current=v.inputs.getIsDragging()},[v]);let N=F=>{let k=v.getContainerWindow().HTMLElement;if(F.target instanceof k&&(F.target.tagName==="A"||F.target.closest("a"))){if(de(F),!D)return;let L=F.target.closest("a")?.getAttribute("href")??"",U=V=>{V.name!=="pointer_up"||!L||(w.current||lh(L,"_blank",!1),v.off("event",U))};v.on("event",U)}};if(!M&&P)return null;let B=h||"tl-text";return(0,Xu.jsx)("div",{className:(0,I9.default)(`${B}-label tl-text-wrapper tl-rich-text-wrapper`,b?"tl-text__outline":"tl-text__no-outline"),"aria-hidden":!M,"data-hastext":!P,"data-isediting":M,"data-textwrap":!!d,"data-isselected":u,style:{fontFamily:i,textAlign:l,justifyContent:l==="center"||x?"center":l==="end"?"flex-end":"flex-start",alignItems:c==="middle"?"center":c==="end"?"flex-end":"flex-start",padding:p,...g},children:(0,Xu.jsxs)("div",{className:`${B}-label__inner tl-text-content__wrapper`,style:{fontSize:s,lineHeight:`${Qs(s,a)}px`,minHeight:`${Qs(s,a)}px`,minWidth:Math.ceil(y||0),color:r,width:y?Math.ceil(y):void 0,height:m?Math.ceil(m):void 0},children:[(0,Xu.jsx)("div",{className:`${B} tl-text tl-text-content`,dir:"auto",children:o&&(0,Xu.jsx)("div",{className:"tl-rich-text","data-is-select-tool-active":D,dangerouslySetInnerHTML:{__html:R||""},onPointerDown:N,"data-is-ready-for-editing":E})}),(E||u)&&(0,Xu.jsx)(T9,{ref:C,richText:o,isEditing:M,shapeId:e,...I,hasCustomTabBehavior:S,handleKeyDown:f??I.handleKeyDown})]})})});function tf({bounds:t,richText:e,fontSize:n,fontFamily:o,lineHeight:r,textAlign:i,verticalAlign:s,wrap:a,labelColor:l,padding:c,showTextOutline:d=!0}){let u=O(),p=w1(u,e),f=hE(i),y={display:"flex",fontFamily:o,height:"100%",justifyContent:i==="center"||f?"center":i==="start"?"flex-start":"flex-end",alignItems:s==="middle"?"center":s==="start"?"flex-start":"flex-end",padding:`${c}px`},m={fontSize:`${n}px`,wrap:a?"wrap":"nowrap",color:l,lineHeight:`${Qs(n,r)}px`,textAlign:i,width:"100%",wordWrap:"break-word",overflowWrap:"break-word",whiteSpace:"pre-wrap",textShadow:d?"var(--tl-text-outline)":"none",tabSize:"var(--tl-tab-size, 2)"};return(0,Xu.jsx)("foreignObject",{x:t.minX,y:t.minY,width:t.w,height:t.h,className:(0,I9.default)("tl-export-embed-styles tl-rich-text tl-rich-text-svg",d?"tl-text__outline":"tl-text__no-outline"),children:(0,Xu.jsx)("div",{style:y,children:(0,Xu.jsx)("div",{dangerouslySetInnerHTML:{__html:p},style:m})})})}function ym(t=.25){let e=O();return z("efficient zoom threshold",()=>e.getEfficientZoomLevel()<t,[e,t])}function TUe(t,e,n){let o=e==="end"?t.end.point:t.start.point,r;switch(t.type){case"straight":{let i=e==="end"?t.start.point:t.end.point,s=T.Dist(i,o),a=xe(s/5,n,n*3);r=T.Nudge(o,i,a);break}case"arc":{let i=Math.abs(t.bodyArc.length),s=xe(i/5,n,n*3),a=Bz(o,s,t.handleArc.center,t.handleArc.radius);r=e==="end"?t.handleArc.sweepFlag?a[0]:a[1]:t.handleArc.sweepFlag?a[1]:a[0];break}case"elbow":{let i=e==="end"?t.route.points[t.route.points.length-2]:t.route.points[1],s=T.ManhattanDist(i,o),a=xe(s/2,n,n*3);r=i?T.Nudge(o,i,a):o;break}default:Ve(t,"type")}return T.IsNaN(r)&&(r=o),{point:o,int:r}}function CUe({point:t,int:e}){let n=T.RotWith(e,t,wt/6),o=T.RotWith(e,t,-wt/6);return`M ${n.x} ${n.y} L ${t.x} ${t.y} L ${o.x} ${o.y}`}function PUe({point:t,int:e}){let n=T.RotWith(e,t,wt/6),o=T.RotWith(e,t,-wt/6);return`M ${n.x} ${n.y} L ${o.x} ${o.y} L ${t.x} ${t.y} Z`}function EUe({point:t,int:e}){let n=T.Sub(e,t).div(2),o=T.Add(t,T.Rot(n,Nn)),r=T.Sub(t,T.Rot(n,Nn));return`M ${o.x} ${o.y} L ${e.x} ${e.y} L ${r.x} ${r.y} Z`}function IUe({point:t,int:e}){let n=T.Lrp(t,e,.45),o=T.Dist(n,t);return`M ${n.x-o},${n.y}
+  a ${o},${o} 0 1,0 ${o*2},0
+  a ${o},${o} 0 1,0 -${o*2},0 `}function _Ue({point:t,int:e}){let n=T.Lrp(t,e,.75),o=T.RotWith(n,t,wt/4),r=T.RotWith(n,t,-wt/4),i=T.Lrp(o,r,.5);return i.add(T.Sub(i,t)),`M ${i.x} ${i.y} L ${r.x} ${r.y} ${t.x} ${t.y} L ${o.x} ${o.y} Z`}function MUe({int:t,point:e}){let n=T.Lrp(e,t,.85),o=T.Sub(n,e).div(2),r=T.Add(e,T.Rot(o,Nn)),i=T.Sub(e,T.Rot(o,Nn)),s=T.Add(n,T.Rot(o,Nn)),a=T.Sub(n,T.Rot(o,Nn));return`M ${r.x} ${r.y} L ${s.x} ${s.y} L ${a.x} ${a.y} L ${i.x} ${i.y} Z`}function AUe({int:t,point:e}){let n=T.Sub(t,e).div(2),o=T.Add(e,T.Rot(n,Nn)),r=T.Sub(e,T.Rot(n,Nn));return`M ${o.x} ${o.y} L ${r.x} ${r.y}`}function yE(t,e,n){let o=e==="end"?t.end.arrowhead:t.start.arrowhead;if(o==="none")return;let r=TUe(t,e,n);if(r){switch(o){case"bar":return AUe(r);case"square":return MUe(r);case"diamond":return _Ue(r);case"dot":return IUe(r);case"inverted":return EUe(r);case"arrow":return CUe(r);case"triangle":return PUe(r)}return""}}function kUe(t,e){return Ee(t.getShapeUtil("arrow"),e)}function Jy(t,e){let n=fi(t,e);switch(n.type){case"straight":return new bs({start:T.From(n.start.point),end:T.From(n.end.point)});case"arc":return new gh({center:T.Cast(n.handleArc.center),start:T.Cast(n.start.point),end:T.Cast(n.end.point),sweepFlag:n.bodyArc.sweepFlag,largeArcFlag:n.bodyArc.largeArcFlag});case"elbow":return new $a({points:n.route.points});default:Ve(n,"type")}}var RUe=Na("arrow label size",(t,e)=>{t.fonts.trackFontsForShape(e);let n=0,o=0,r=Jy(t,e),i=pn(e.props.richText),s=Xa(t,i?jt("i"):e.props.richText),a=r.bounds,l=kUe(t,e),c=l.labelFontSize*e.props.scale,{w:d,h:u}=t.textMeasure.measureHtml(s,{...Lr,lineHeight:l.labelLineHeight,fontFamily:l.labelFontFamily,fontSize:c,maxWidth:null});n=d,o=u;let p=!1,f=fi(t,e),h=che(e,t.getCurrentTheme()),g=f.type==="elbow"?Math.max(f.elbow.A.arrowheadOffset+h,32)+Math.max(f.elbow.B.arrowheadOffset+h,32):64;if(a.width>a.height?(n=Math.max(Math.min(d,g),Math.min(a.width-g,d)),p=!0):n>16*c&&(n=16*c,p=!0),p){let{w:y,h:m}=t.textMeasure.measureHtml(s,{...Lr,lineHeight:l.labelLineHeight,fontFamily:l.labelFontFamily,fontSize:c,maxWidth:n});n=y,o=m}return new T(n,o).addScalar(l.labelPadding*2*e.props.scale)},{areRecordsEqual:(t,e)=>{if(t.props===e.props)return!0;let n=SB(t.props,e.props);return n.length===1&&n[0]==="labelPosition"}});function lhe(t,e){return RUe.get(t,e.id)??new T(0,0)}function che(t,e){let n=e.strokeWidth*vn[t.props.size],o=e.strokeWidth*vn.s,r=e.strokeWidth*vn.xl;return(Qne+(n-o)*2+(n>=r?20:0))*t.props.scale}function DUe(t,e,n){let o=Jy(t,e),r=[],i=[new go({children:[o],debugColor:"lime"})],s=lhe(t,e),a=che(e,t.getCurrentTheme()),l=a/o.length,c,d;if(n.type==="elbow")r.push(n.start.point,n.end.point),c=q.FromCenter(n.start.point,s).expandBy(a),d=q.FromCenter(n.end.point,s).expandBy(a);else{let m=o.interpolateAlongEdge(l),S=o.interpolateAlongEdge(1-l);r.push(m,S),c=q.FromCenter(m,s),d=q.FromCenter(S,s)}let u=o.intersectPolygon(c.corners),p=o.intersectPolygon(d.corners),f=ahe(n.start.point,u),h=ahe(n.end.point,p),g=f?o.uninterpolateAlongEdge(f):.5,y=h?o.uninterpolateAlongEdge(h):.5;g>y&&(g=.5,y=.5);for(let m of[...u,...p,...r])i.push(new Cl({x:m.x-3,y:m.y-3,radius:3,isFilled:!1,debugColor:"magenta",ignore:!0}));return i.push(new Xi({points:c.corners,debugColor:"lime",isFilled:!1,ignore:!0}),new Xi({points:d.corners,debugColor:"lime",isFilled:!1,ignore:!0})),{start:g,end:y,dbg:i}}function SE(t,e,n){if(!n&&pn(e.props.richText)){let p=Jy(t,e).interpolateAlongEdge(.5);return{box:q.FromCenter(p,new T(0,0)),debugGeom:[]}}let o=[],r=fi(t,e),i={hasStartBinding:!!r.bindings.start,hasEndBinding:!!r.bindings.end,hasStartArrowhead:r.start.arrowhead!=="none",hasEndArrowhead:r.end.arrowhead!=="none"},s=DUe(t,e,r);s.dbg&&o.push(...s.dbg);let a=OUe(e,s,i),c=Jy(t,e).interpolateAlongEdge(a),d=lhe(t,e);return{box:q.FromCenter(c,d),debugGeom:o}}function OUe(t,e,n){let{hasEndArrowhead:o,hasEndBinding:r,hasStartBinding:i,hasStartArrowhead:s}=n;return xe(t.props.labelPosition,s||i?e.start:0,o||r?e.end:1)}function ahe(t,e){let n=null,o=-1/0;for(let r of e){let i=T.Dist2(t,r);i>o&&(n=r,o=i)}return n}function YD(t,e){let n=fi(t,e);switch(n.type){case"straight":case"arc":return .5;case"elbow":{let o=n.route.midpointHandle,r=Jy(t,e);return o&&r?r.uninterpolateAlongEdge(o.point):.5}default:Ve(n,"type")}}function qD(t,e){if(!t.isShapeOfType(e,"arrow"))return!1;let n=t.getPointInShapeSpace(e,t.inputs.getCurrentPagePoint()),o=t.getShapeGeometry(e).children[1];return o&&cn(n,o.vertices)}function _9(t){switch(t.type){case"straight":return new Kt().moveTo(t.start.point.x,t.start.point.y,{offset:0,roundness:0}).lineTo(t.end.point.x,t.end.point.y,{offset:0,roundness:0});case"arc":return new Kt().moveTo(t.start.point.x,t.start.point.y,{offset:0,roundness:0}).circularArcTo(t.bodyArc.radius,!!t.bodyArc.largeArcFlag,!!t.bodyArc.sweepFlag,t.end.point.x,t.end.point.y,{offset:0,roundness:0});case"elbow":{let e=new Kt;e.moveTo(t.start.point.x,t.start.point.y,{offset:0});for(let n=1;n<t.route.points.length;n++){let o=t.route.points[n];t.route.skipPointsWhenDrawing.has(o)||e.lineTo(o.x,o.y,{offset:n===t.route.points.length-1?0:void 0})}return e}default:Ve(t,"type")}}function uhe(t,e,n){return _9(e).toSvg(n)}var Gt=_(j(),1);function dhe({arrow:t}){let e=O(),n=z("elbow arrow grid",()=>{try{return ID(e,e.getShape(t.id),wn(e,t))}catch(s){console.error(s);return}},[e,t.id]);if(!n)return null;let o=q.Common([n.A.original,n.B.original]).expandBy(50),r=n.route?.name??"",i=n.route?.midpointHandle;return(0,Gt.jsxs)(Gt.Fragment,{children:[n.midX!==null&&(0,Gt.jsx)(Qy,{a:{x:n.midX,y:o.minY},b:{x:n.midX,y:o.maxY},stroke:"red"}),n.midY!==null&&(0,Gt.jsx)(Qy,{a:{x:o.minX,y:n.midY},b:{x:o.maxX,y:n.midY},stroke:"blue"}),i?.axis==="x"&&n.midXRange&&(0,Gt.jsx)(Qy,{a:{x:n.midXRange.lo,y:i.point.y},b:{x:n.midXRange.hi,y:i.point.y},stroke:"red",strokeDasharray:"0 2"}),i?.axis==="y"&&n.midYRange&&(0,Gt.jsx)(Qy,{a:{x:i.point.x,y:n.midYRange.lo},b:{x:i.point.x,y:n.midYRange.hi},stroke:"blue",strokeDasharray:"0 2"}),(0,Gt.jsx)(Bw,{box:n.A.original,stroke:"orange"}),(0,Gt.jsx)(Bw,{box:n.A.expanded,stroke:"orange",strokeWidth:.5}),(0,Gt.jsx)(Bw,{box:n.A.original.clone().expandBy(n.options.minElbowLegLength),stroke:"orange",strokeWidth:.5}),(0,Gt.jsx)(Bw,{box:n.B.original,stroke:"lightskyblue"}),(0,Gt.jsx)(Bw,{box:n.B.expanded,stroke:"lightskyblue",strokeWidth:.5}),(0,Gt.jsx)(Bw,{box:n.B.original.clone().expandBy(n.options.minElbowLegLength),stroke:"lightskyblue",strokeWidth:.5}),(0,Gt.jsx)(Sm,{edge:n.A.edges.top,axis:"x",stroke:"orange"}),(0,Gt.jsx)(Sm,{edge:n.B.edges.top,axis:"x",stroke:"lightskyblue"}),(0,Gt.jsx)(Sm,{edge:n.A.edges.right,axis:"y",stroke:"orange"}),(0,Gt.jsx)(Sm,{edge:n.B.edges.right,axis:"y",stroke:"lightskyblue"}),(0,Gt.jsx)(Sm,{edge:n.A.edges.bottom,axis:"x",stroke:"orange"}),(0,Gt.jsx)(Sm,{edge:n.B.edges.bottom,axis:"x",stroke:"lightskyblue"}),(0,Gt.jsx)(Sm,{edge:n.A.edges.left,axis:"y",stroke:"orange"}),(0,Gt.jsx)(Sm,{edge:n.B.edges.left,axis:"y",stroke:"lightskyblue"}),n.route&&(0,Gt.jsx)(LUe,{route:n.route.points,strokeWidth:10}),(0,Gt.jsx)("text",{x:o.minX+5,y:o.minY-3,fontSize:10,fill:"black",stroke:"var(--tl-color-background)",strokeWidth:2,paintOrder:"stroke",children:r}),(0,Gt.jsxs)("text",{x:n.A.expanded.x,y:n.A.expanded.y,fontSize:10,fill:"black",stroke:"var(--tl-color-background)",strokeWidth:2,paintOrder:"stroke",children:["A",n.route&&`, ${n.route.aEdgePicking}`,n.A.isPoint&&", point"]}),(0,Gt.jsxs)("text",{x:n.B.expanded.x,y:n.B.expanded.y,fontSize:10,fill:"black",stroke:"var(--tl-color-background)",strokeWidth:2,paintOrder:"stroke",children:["B",n.route&&`, ${n.route.bEdgePicking}`,n.B.isPoint&&", point"]})]})}function Qy({a:t,b:e,...n}){return(0,Gt.jsx)("line",{fill:"none",strokeWidth:1,strokeDasharray:"4,4",stroke:"green",x1:t.x,y1:t.y,x2:e.x,y2:e.y,...n})}function LUe({route:t,...e}){return(0,Gt.jsx)("polyline",{fill:"none",stroke:"darkorchid",strokeWidth:3,opacity:.5,points:t.map(n=>`${n.x},${n.y}`).join(" "),...e})}function Sm({edge:t,axis:e,...n}){if(!t||t.expanded===null)return null;let o=r=>e==="x"?{x:r.y,y:r.x}:r;return(0,Gt.jsxs)("g",{children:[(0,Gt.jsx)(Qy,{a:o({x:t.expanded,y:t.cross.min}),b:o({x:t.expanded,y:t.cross.max}),strokeDasharray:"0",strokeWidth:1.5,...n}),(0,Gt.jsx)(Qy,{a:o({x:t.expanded-4,y:t.cross.min}),b:o({x:t.expanded+4,y:t.cross.min}),strokeDasharray:"0",strokeWidth:1.5,...n}),(0,Gt.jsx)(Qy,{a:o({x:t.expanded-4,y:t.cross.max}),b:o({x:t.expanded+4,y:t.cross.max}),strokeDasharray:"0",strokeWidth:1.5,...n})]})}function Bw({box:t,...e}){return(0,Gt.jsx)("rect",{x:t.minX,y:t.minY,width:t.width,height:t.height,strokeDasharray:"4,4",strokeWidth:1,fill:"none",...e})}var NUe=new Ot;function phe(t){return NUe.get(t,e=>{let n=$("current selected arrow shape",()=>{let r=e.getOnlySelectedShape();return!r||!e.isShapeOfType(r,"arrow")?null:r.id}),o=e.store.query.ids("shape",()=>{let r=n.get();return r?{type:{eq:"arrow"},id:{neq:r}}:{type:{eq:"arrow"}}});return $("elbow arrow snap lines",()=>{let r=new Map,i=e.getCurrentPageShapeIds(),s=e.getViewportPageBounds();for(let a of o.get()){if(!i.has(a))continue;let l=e.getShape(a);if(l?.type!=="arrow")continue;let c=e.getShapePageBounds(a);if(!c||!s.includes(c))continue;let d=wn(e,l),u=e.getShapePageTransform(a);if(!u)continue;let p=e.getShapeGeometry(a),f=u.applyToPoints(p.vertices);for(let h=1;h<f.length;h++){let g=f[h-1],y=f[h],m=T.Angle(g,y);m<0&&(m+=Math.PI);let S=r.get(m);S||(S=new Set,r.set(m,S));let b=zw(g,m);S.add({perpDistance:b,startBoundShapeId:d.start?.toId,endBoundShapeId:d.end?.toId})}}return r})}).get()}function zw(t,e){let n=T.FromAngle(e).per();return T.Dpr(t,n)}var ma={Start:"start",Middle:"middle",End:"end"};function M9(t,e,n,o=!1){let r=Math.max(0,Math.min(n,e.w/2,e.h/2));if(r===0){t.rect(e.x,e.y,e.w,e.h);return}if(o){t.moveTo(e.x,e.y+r),t.lineTo(e.x,e.maxY-r),t.arcTo(e.x,e.maxY,e.x+r,e.maxY,r),t.lineTo(e.maxX-r,e.maxY),t.arcTo(e.maxX,e.maxY,e.maxX,e.maxY-r,r),t.lineTo(e.maxX,e.y+r),t.arcTo(e.maxX,e.y,e.maxX-r,e.y,r),t.lineTo(e.x+r,e.y),t.arcTo(e.x,e.y,e.x,e.y+r,r),t.closePath();return}t.moveTo(e.x+r,e.y),t.lineTo(e.maxX-r,e.y),t.arcTo(e.maxX,e.y,e.maxX,e.y+r,r),t.lineTo(e.maxX,e.maxY-r),t.arcTo(e.maxX,e.maxY,e.maxX-r,e.maxY,r),t.lineTo(e.x+r,e.maxY),t.arcTo(e.x,e.maxY,e.x,e.maxY-r,r),t.lineTo(e.x,e.y+r),t.arcTo(e.x,e.y,e.x+r,e.y,r),t.closePath()}var bE=class extends ir{static type="arrow";static props=jx;static migrations=$x;options={expandElbowLegLength:{s:28,m:36,l:44,xl:66},minElbowLegLength:{s:6,m:10.5,l:15,xl:30},minElbowHandleDistance:16,arcArrowCenterSnapDistance:16,elbowArrowCenterSnapDistance:24,elbowArrowEdgeSnapDistance:20,elbowArrowPointSnapDistance:24,elbowArrowAxisSnapDistance:16,labelCenterSnapDistance:10,elbowMidpointSnapDistance:10,elbowMinSegmentLengthToShowMidpointHandle:20,hoverPreciseTimeout:600,pointingPreciseTimeout:320,shouldBeExact(e){return e.inputs.getAltKey()},shouldIgnoreTargets(e){return e.inputs.getCtrlKey()},showTextOutline:!0,getDefaultDisplayValues(e,n,o,r){let{color:i,fill:s,labelColor:a,size:l,font:c}=n.props,d=o.colors[r];return{strokeColor:ft(d,i,"solid"),strokeWidth:o.strokeWidth*vn[l],fillColor:s==="none"?"transparent":s==="semi"?d.solid:ft(d,i,Lw[s]),patternFillFallbackColor:ft(d,i,"semi"),labelColor:ft(d,a,"solid"),labelFontFamily:qa(o,c),labelFontSize:o.fontSize*Jne[l],labelLineHeight:o.lineHeight,labelPadding:eoe,labelBorderRadius:3.5}},getCustomDisplayValues(){return{}}};canEdit(e){return!0}canBind({toShape:e}){return e.type!=="arrow"}canSnap(e){return!1}hideResizeHandles(e){return!0}hideRotateHandle(e){return!0}hideSelectionBoundsBg(e){return!0}hideSelectionBoundsFg(e){return!0}hideInMinimap(){return!0}canBeLaidOut(e,n){if(n.type==="flip"){let o=wn(this.editor,e),{start:r,end:i}=o,{shapes:s=[]}=n;if(r&&!s.find(a=>a.id===r.toId)||i&&!s.find(a=>a.id===i.toId))return!1}return!0}getFontFaces(e){if(pn(e.props.richText))return pt;let n=_h(this.editor.getCurrentTheme(),e.props.font);return n||up(this.editor,e.props.richText,{family:`tldraw_${e.props.font}`,weight:"normal",style:"normal"})}getDefaultProps(){return{kind:"arc",elbowMidPoint:.5,dash:"draw",size:"m",fill:"none",color:"black",labelColor:"black",bend:0,start:{x:0,y:0},end:{x:2,y:0},arrowheadStart:"none",arrowheadEnd:"arrow",richText:jt(""),labelPosition:.5,font:"draw",scale:1}}getGeometry(e){let n=this.editor.getEditingShapeId()===e.id,o=fi(this.editor,e),r=[],i=o.type==="straight"?new bs({start:T.From(o.start.point),end:T.From(o.end.point)}):o.type==="arc"?new gh({center:T.Cast(o.handleArc.center),start:T.Cast(o.start.point),end:T.Cast(o.end.point),sweepFlag:o.bodyArc.sweepFlag,largeArcFlag:o.bodyArc.largeArcFlag}):new $a({points:o.route.points}),s;if(o.isValid&&(n||!pn(e.props.richText))){let a=SE(this.editor,e,n);Et.debugGeometry.get()&&r.push(...a.debugGeom),s=new Hn({x:a.box.x,y:a.box.y,width:a.box.w,height:a.box.h,isFilled:!0,isLabel:!0})}return new go({children:[...s?[i,s]:[i],...r]})}getHandles(e){let n=fi(this.editor,e),o=[{id:ma.Start,type:"vertex",index:"a1",x:n.start.handle.x,y:n.start.handle.y},{id:ma.End,type:"vertex",index:"a3",x:n.end.handle.x,y:n.end.handle.y}];if(e.props.kind==="arc"&&(n.type==="straight"||n.type==="arc")&&o.push({id:ma.Middle,type:"virtual",index:"a2",x:n.middle.x,y:n.middle.y}),e.props.kind==="elbow"&&n.type==="elbow"&&n.route.midpointHandle){let r=this.editor.getShapePageTransform(e.id),i=r.applyToPoint(n.route.midpointHandle.segmentStart),s=r.applyToPoint(n.route.midpointHandle.segmentEnd);T.Dist(i,s)*this.editor.getEfficientZoomLevel()>this.options.elbowMinSegmentLengthToShowMidpointHandle&&o.push({id:ma.Middle,type:"vertex",index:"a2",x:n.route.midpointHandle.point.x,y:n.route.midpointHandle.point.y})}return o}getText(e){return Za(this.editor,e.props.richText)}onHandleDrag(e,n){let o=n.handle.id;switch(o){case ma.Middle:switch(e.props.kind){case"arc":return this.onArcMidpointHandleDrag(e,n);case"elbow":return this.onElbowMidpointHandleDrag(e,n);default:Ve(e.props.kind)}case ma.Start:case ma.End:return this.onTerminalHandleDrag(e,n,o);default:Ve(o)}}onArcMidpointHandleDrag(e,{handle:n}){let o=wn(this.editor,e),{start:r,end:i}=Nu(this.editor,e,o),s=T.Sub(i,r),a=T.Per(s),l=T.Med(i,r),c=T.Sub(l,a),d=T.Add(l,a),u=T.NearestPointOnLineSegment(c,d,n,!1),p=T.Dist(u,l);return T.Clockwise(u,i,l)&&(p*=-1),{id:e.id,type:e.type,props:{bend:p}}}onElbowMidpointHandleDrag(e,{handle:n}){let o=fi(this.editor,e);if(o?.type!=="elbow")return;let r=this.editor.getShapePageTransform(e.id),i=r.applyToPoint(n),s=o.route.midpointHandle?.axis;if(!s)return;let a=um[s],l=o.elbow[a.midRange];if(!l)return;let c=T.Angle(r.applyToPoint(a.v(0,0)),r.applyToPoint(a.v(0,1)));c<0&&(c+=Math.PI);let d=zw(i,c),u=zw(r.applyToPoint(a.v(l.lo,0)),c),p=zw(r.applyToPoint(a.v(l.hi,0)),c),f=this.options.elbowMidpointSnapDistance/this.editor.getEfficientZoomLevel(),h=zw(r.applyToPoint(a.v(Me(l.lo,l.hi,.5),0)),c),g=h,y=Math.abs(h-d);for(let[S,b]of phe(this.editor)){let{isParallel:v,isFlippedParallel:w}=BUe(c,S);if(v||w)for(let x of b){let C=x.startBoundShapeId&&(x.startBoundShapeId===o.bindings.start?.toId||x.startBoundShapeId===o.bindings.end?.toId),P=x.endBoundShapeId&&(x.endBoundShapeId===o.bindings.start?.toId||x.endBoundShapeId===o.bindings.end?.toId);if(!C&&!P)continue;let M=w?-x.perpDistance:x.perpDistance,E=Math.abs(M-d);E<y&&(g=M,y=E)}}y>f&&(g=d);let m=xe(ou(u,p,g),0,1);return{id:e.id,type:e.type,props:{elbowMidPoint:m}}}onTerminalHandleDrag(e,{handle:n,isPrecise:o},r){let i=wn(this.editor,e),s={id:e.id,type:"arrow",props:{}},a=i[r],l=r===ma.Start?ma.End:ma.Start,c=i[l],d=Kp({editor:this.editor,pointInPageSpace:this.editor.getShapePageTransform(e.id).applyToPoint(n),arrow:e,isPrecise:o,currentBinding:a,oppositeBinding:c});if(!d){Lp(this.editor,e,r);let f=Wo(new T(n.x,n.y),this.editor);return s.props[r]={x:f.x,y:f.y},s}let u={terminal:r,normalizedAnchor:d.normalizedAnchor,isPrecise:d.isPrecise,isExact:d.isExact,snap:d.snap};uw(this.editor,e,d.target.id,u);let p=wn(this.editor,e);return p.start&&p.end&&p.start.toId===p.end.toId&&T.Equals(p.start.props.normalizedAnchor,p.end.props.normalizedAnchor)&&uw(this.editor,e,p.end.toId,{...p.end.props,normalizedAnchor:{x:p.end.props.normalizedAnchor.x+.05,y:p.end.props.normalizedAnchor.y}}),s}onTranslateStart(e){let n=wn(this.editor,e);if(e.props.kind==="elbow"&&this.editor.getOnlySelectedShapeId()===e.id){let s=fi(this.editor,e);if(!s)return;let a={id:e.id,type:"arrow",props:{}};return n.start&&(a.props.start={x:s.start.point.x,y:s.start.point.y},Lp(this.editor,e,"start")),n.end&&(a.props.end={x:s.end.point.x,y:s.end.point.y},Lp(this.editor,e,"end")),a}let o=Nu(this.editor,e,n),r=this.editor.getShapePageTransform(e.id),i=this.editor.getSelectedShapeIds();if(!(n.start&&(i.includes(n.start.toId)||this.editor.isAncestorSelected(n.start.toId))||n.end&&(i.includes(n.end.toId)||this.editor.isAncestorSelected(n.end.toId)))){hhe.set(e,{pagePosition:r.applyToPoint(e),terminalBindings:ei(o,(s,a)=>{let l=n[s];return l?{binding:l,shapePosition:a,pagePosition:r.applyToPoint(a)}:null})}),n.start&&(FP({editor:this.editor,arrow:e,terminal:"start",useHandle:!0}),e=this.editor.getShape(e.id)),n.end&&FP({editor:this.editor,arrow:e,terminal:"end",useHandle:!0});for(let s of[ma.Start,ma.End]){let a=n[s];a&&this.editor.updateBinding({...a,props:{...a.props,isPrecise:!0}})}}}onTranslate(e,n){let o=hhe.get(e);if(!o)return;let r=this.editor.getShapePageTransform(n.id),i=T.Sub(r.applyToPoint(n),o.pagePosition);for(let s of Object.values(o.terminalBindings)){if(!s)continue;let a=T.Add(s.pagePosition,T.Mul(i,.5)),l=this.editor.getShapeAtPoint(a,{hitInside:!0,hitFrameInside:!0,margin:0,filter:c=>!c.isLocked&&this.editor.canBindShapes({fromShape:n,toShape:c,binding:"arrow"})});if(l?.id===s.binding.toId){let c=q.ZeroFix(this.editor.getShapeGeometry(l).bounds),d=this.editor.getPointInShapeSpace(l,a),u={x:(d.x-c.minX)/c.width,y:(d.y-c.minY)/c.height};uw(this.editor,n,l.id,{...s.binding.props,normalizedAnchor:u,isPrecise:!0})}else Lp(this.editor,n,s.binding.props.terminal)}}_resizeInitialBindings=new Ot;onResize(e,n){let{scaleX:o,scaleY:r}=n,i=this._resizeInitialBindings.get(e,()=>wn(this.editor,e)),s=Nu(this.editor,e,i),{start:a,end:l}=yt(e.props),{bend:c}=e.props;i.start||(a.x=s.start.x*o,a.y=s.start.y*r),i.end||(l.x=s.end.x*o,l.y=s.end.y*r);let d=Math.abs(o),u=Math.abs(r),p=i?.start?T.From(i.start.props.normalizedAnchor):null,f=i?.end?T.From(i.end.props.normalizedAnchor):null;return o<0&&r>=0?(c!==0&&(c*=-1,c*=Math.max(d,u)),p&&(p.x=1-p.x),f&&(f.x=1-f.x)):o>=0&&r<0?(c!==0&&(c*=-1,c*=Math.max(d,u)),p&&(p.y=1-p.y),f&&(f.y=1-f.y)):o>=0&&r>=0?c!==0&&(c*=Math.max(d,u)):o<0&&r<0&&(c!==0&&(c*=Math.max(d,u)),p&&(p.x=1-p.x,p.y=1-p.y),f&&(f.x=1-f.x,f.y=1-f.y)),i.start&&p&&uw(this.editor,e,i.start.toId,{...i.start.props,normalizedAnchor:p.toJson()}),i.end&&f&&uw(this.editor,e,i.end.toId,{...i.end.props,normalizedAnchor:f.toJson()}),{props:{start:a,end:l,bend:c}}}onDoubleClickHandle(e,n){switch(n.id){case ma.Start:return{id:e.id,type:e.type,props:{...e.props,arrowheadStart:e.props.arrowheadStart==="none"?"arrow":"none"}};case ma.End:return{id:e.id,type:e.type,props:{...e.props,arrowheadEnd:e.props.arrowheadEnd==="none"?"arrow":"none"}}}}component(e){let{editor:n}=this,o=Ee(this,e),r=z("is selected",()=>n.getOnlySelectedShape()?.id===e.id,[n,e.id]),i=z("is editing",()=>n.getEditingShapeId()===e.id,[n,e.id]);if(!fi(n,e)?.isValid)return null;let a=SE(n,e,i),l=i||!pn(e.props.richText);return(0,Wn.jsxs)(Wn.Fragment,{children:[(0,Wn.jsxs)(Yi,{style:{minWidth:50,minHeight:50},children:[(0,Wn.jsx)(fhe,{shape:e,strokeColor:o.strokeColor,strokeWidth:o.strokeWidth,fillColor:o.fillColor,patternFillFallbackColor:o.patternFillFallbackColor,labelBorderRadius:o.labelBorderRadius}),e.props.kind==="elbow"&&Et.debugElbowArrows.get()&&(0,Wn.jsx)(dhe,{arrow:e})]}),l&&(0,Wn.jsx)(ef,{shapeId:e.id,type:"arrow",fontFamily:o.labelFontFamily,fontSize:o.labelFontSize,lineHeight:o.labelLineHeight,textAlign:"center",verticalAlign:"middle",labelColor:o.labelColor,richText:e.props.richText,textWidth:(a.box.w-o.labelPadding*2*e.props.scale)/e.props.scale,isSelected:r,padding:0,showTextOutline:this.options.showTextOutline,style:{transform:`translate(${a.box.center.x}px, ${a.box.center.y}px)${e.props.scale!==1?` scale(${e.props.scale})`:""}`}})]})}getIndicatorPath(e){let n=fi(this.editor,e);if(!n)return;let o=Ee(this,e),r=this.editor.getEditingShapeId()===e.id,{start:i,end:s}=Nu(this.editor,e,n?.bindings),a=this.editor.getShapeGeometry(e),l=pn(e.props.richText),c=r||!l?a.children[1]:null;if(T.Equals(i,s))return;let d=o.strokeWidth*e.props.scale;if(r&&c){let v=c.getBounds(),w=new Path2D;return M9(w,v,o.labelBorderRadius*e.props.scale),w}let u=this.editor.getEfficientZoomLevel()<.25/e.props.scale,f=_9(n).toPath2D(e.props.dash==="draw"&&!u?{style:"draw",randomSeed:e.id,strokeWidth:1,passes:1,offset:0,roundness:d*2}:{style:"solid",strokeWidth:1}),h=n.start.arrowhead&&yE(n,"start",d),g=n.end.arrowhead&&yE(n,"end",d),y=!!(h&&n.start.arrowhead!=="arrow"),m=!!(g&&n.end.arrowhead!=="arrow");if(c||y||m){let v=a.bounds,w=new Path2D;if(w.rect(v.minX-100,v.minY-100,v.width+200,v.height+200),c){let C=c.getBounds();M9(w,C,o.labelBorderRadius*e.props.scale,!0)}y&&h&&w.addPath(new Path2D(h)),m&&g&&w.addPath(new Path2D(g));let x=[];if(h&&x.push(new Path2D(h)),g&&x.push(new Path2D(g)),c){let C=c.getBounds(),P=new Path2D;M9(P,C,o.labelBorderRadius*e.props.scale),x.push(P)}return{path:f,clipPath:w,additionalPaths:x}}let b=new Path2D;return b.addPath(f),h&&b.addPath(new Path2D(h)),g&&b.addPath(new Path2D(g)),b}onEditStart(e){if(pn(e.props.richText)){let n=YD(this.editor,e);this.editor.updateShape({id:e.id,type:e.type,props:{labelPosition:n}})}}toSvg(e,n){n.addExportDef(Nw(e.props.fill));let o=Ee(this,e,n.colorMode),r=1/e.props.scale,i=!pn(e.props.richText);return(0,Wn.jsxs)("g",{transform:`scale(${r})`,children:[(0,Wn.jsx)(fhe,{shape:e,strokeColor:o.strokeColor,strokeWidth:o.strokeWidth,fillColor:o.fillColor,patternFillFallbackColor:o.patternFillFallbackColor,labelBorderRadius:o.labelBorderRadius}),i&&(0,Wn.jsx)(tf,{fontSize:o.labelFontSize*e.props.scale,fontFamily:o.labelFontFamily,lineHeight:o.labelLineHeight,textAlign:"center",verticalAlign:"middle",labelColor:o.labelColor,richText:e.props.richText,bounds:SE(this.editor,e,!1).box.clone().expandBy(-o.labelPadding*e.props.scale),padding:0,showTextOutline:this.options.showTextOutline})]})}getCanvasSvgDefs(){return[Fw()]}getInterpolatedProps(e,n,o){return{...o>.5?n.props:e.props,scale:Me(e.props.scale,n.props.scale,o),start:{x:Me(e.props.start.x,n.props.start.x,o),y:Me(e.props.start.y,n.props.start.y,o)},end:{x:Me(e.props.end.x,n.props.end.x,o),y:Me(e.props.end.y,n.props.end.y,o)},bend:Me(e.props.bend,n.props.bend,o),labelPosition:Me(e.props.labelPosition,n.props.labelPosition,o)}}};var fhe=sn(function({shape:e,strokeColor:n,strokeWidth:o,fillColor:r,patternFillFallbackColor:i,labelBorderRadius:s=3.5}){let a=O(),l=fi(a,e),c=ym(.25/e.props.scale),d=PT(e.id+"_clip"),u=qd(e.id),p=a.getShapeGeometry(e);if(!p)return null;let f=q.ZeroFix(p.bounds),h=pn(e.props.richText);if(!l?.isValid)return null;let g=o*e.props.scale,y=l.start.arrowhead&&yE(l,"start",g),m=l.end.arrowhead&&yE(l,"end",g),S=SE(a,e,u),b=!(l.start.arrowhead==="none"||l.start.arrowhead==="arrow"),v=!(l.end.arrowhead==="none"||l.end.arrowhead==="arrow");return(0,Wn.jsxs)(Wn.Fragment,{children:[(0,Wn.jsx)("defs",{children:(0,Wn.jsx)("clipPath",{id:d,children:(0,Wn.jsx)(FUe,{radius:s*e.props.scale,hasText:u||!h,bounds:f,labelBounds:S.box,as:b&&y?y:"",ae:v&&m?m:""})})}),(0,Wn.jsxs)("g",{fill:"none",stroke:n,strokeWidth:g,strokeLinejoin:"round",strokeLinecap:"round",pointerEvents:"none",children:[(0,Wn.jsxs)("g",{style:{clipPath:`url(#${d})`,WebkitClipPath:`url(#${d})`},children:[(0,Wn.jsx)("rect",{x:be(f.minX-100),y:be(f.minY-100),width:be(f.width+200),height:be(f.height+200),opacity:0}),uhe(e,l,{style:e.props.dash,strokeWidth:g,forceSolid:c,randomSeed:e.id})]}),y&&b&&e.props.fill!=="none"&&(e.props.fill==="pattern"?(0,Wn.jsx)(gm,{d:y,fillColor:r,patternFillFallbackColor:i,scale:e.props.scale}):(0,Wn.jsx)("path",{fill:r,d:y})),m&&v&&e.props.fill!=="none"&&(e.props.fill==="pattern"?(0,Wn.jsx)(gm,{d:m,fillColor:r,patternFillFallbackColor:i,scale:e.props.scale}):(0,Wn.jsx)("path",{fill:r,d:m})),y&&(0,Wn.jsx)("path",{d:y}),m&&(0,Wn.jsx)("path",{d:m})]})]})});function FUe({radius:t,hasText:e,bounds:n,labelBounds:o,as:r,ae:i}){let s=(0,mhe.useMemo)(()=>{let a=new Kt;return a.moveTo(n.left-100,n.top-100).lineTo(n.right+100,n.top-100).lineTo(n.right+100,n.bottom+100).lineTo(n.left-100,n.bottom+100).close(),e&&a.moveTo(o.left,o.top+t).lineTo(o.left,o.bottom-t).circularArcTo(t,!1,!1,o.left+t,o.bottom).lineTo(o.right-t,o.bottom).circularArcTo(t,!1,!1,o.right,o.bottom-t).lineTo(o.right,o.top+t).circularArcTo(t,!1,!1,o.right-t,o.top).lineTo(o.left+t,o.top).circularArcTo(t,!1,!1,o.left,o.top+t).close(),a.toD()},[t,e,n.bottom,n.left,n.right,n.top,o.bottom,o.left,o.right,o.top]);return(0,Wn.jsx)("path",{d:`${s}${r}${i}`})}var hhe=new WeakMap;function BUe(t,e,n=1e-4){let o=Math.abs(t-e),r=o<n,i=Math.abs(o-Math.PI)<n,s=Math.abs(o-vt)<n;return{isParallel:r||s,isFlippedParallel:i}}var Ui=_(j(),1);var bhe=_(Jt(),1),XD=_(H(),1);var A9=_(j(),1);var yhe=_(Jt(),1),She=_(H(),1);var ghe="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 5H7a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6M19 5h6m0 0v6m0-6L13 17'/%3E%3C/svg%3E";function Gc({url:t}){let e=O(),n=ym(),o=(0,She.useCallback)(r=>{e.inputs.getShiftKey()||e.markEventAsHandled(r)},[e]);return(0,A9.jsx)("a",{className:(0,yhe.default)("tl-hyperlink-button",{"tl-hyperlink-button__hidden":n}),href:t,target:"_blank",rel:"noopener noreferrer",onPointerDown:o,onPointerUp:o,title:t,draggable:!1,children:(0,A9.jsx)("div",{className:"tl-hyperlink__icon",style:{mask:`url("${ghe}") center 100% / 100% no-repeat`,WebkitMask:`url("${ghe}") center 100% / 100% no-repeat`}})})}var k9="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='none'%3E%3Cpath stroke='%23000' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M13 5H7a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6M19 5h6m0 0v6m0-6L13 17'/%3E%3C/svg%3E";var zUe=[{offsetX:0,offsetY:2,blur:4,spread:0,color:"#00000029"},{offsetX:0,offsetY:3,blur:6,spread:0,color:"#0000001f"}];function Uw(t){return zUe.map(n=>{let{offsetX:o,offsetY:r,blur:i,spread:s,color:a}=n,l=new T(o,r),{x:c,y:d}=l.rot(-t);return`${c}px ${d}px ${i}px ${s}px ${a}`}).join(", ")}var vE=class extends vs{static type="bookmark";static props=Xx;static migrations=Zx;options={getDefaultDisplayValues(){return{}},getCustomDisplayValues(){return{}}};canResize(e){return!1}hideSelectionBoundsFg(e){return!0}getText(e){return e.props.url}getAriaDescriptor(e){let n=e.props.assetId?this.editor.getAsset(e.props.assetId):null;if(n?.props.title)return $4(n.props.title)+(n.props.description?", "+n.props.description:"")}getDefaultProps(){return{url:"",w:hk,h:mk,assetId:null}}getGeometry(e){return new Hn({width:e.props.w,height:gk(this.editor,e),isFilled:!0})}component(e){let{assetId:n,url:o}=e.props,r=gk(this.editor,e),i=this.editor.getShapePageTransform(e).rotation();return(0,Ui.jsx)(R9,{assetId:n,url:o,h:r,rotation:i})}getIndicatorPath(e){let n=new Path2D;return n.rect(0,0,e.props.w,gk(this.editor,e)),n}onBeforeCreate(e){return K5(this.editor,e)}onBeforeUpdate(e,n){if(e.props.url!==n.props.url)if(A.linkUrl.isValid(n.props.url))Wne(this.editor,n);else return{...n,props:{...n.props,url:e.props.url}};if(e.props.assetId!==n.props.assetId)return K5(this.editor,n)}getInterpolatedProps(e,n,o){return{...o>.5?n.props:e.props,w:Me(e.props.w,n.props.w,o),h:Me(e.props.h,n.props.h,o)}}};function R9({assetId:t,rotation:e,url:n,h:o,showImageContainer:r=!0}){let i=O(),s=G5(i,t,n),a=s?i.getAsset(s):null,l=!!gc()&&He.isSafari,c=Gne(n),[d,u]=(0,XD.useState)(!0),p=()=>u(!1),f=(0,XD.useCallback)(h=>{i.inputs.getShiftKey()||i.markEventAsHandled(h)},[i]);return(0,Ui.jsx)(Xs,{children:(0,Ui.jsxs)("div",{className:(0,bhe.default)("tl-bookmark__container",l&&"tl-bookmark__container--safariExport"),style:{boxShadow:l?void 0:Uw(e),maxHeight:o},children:[r&&(!a||a.props.image)&&(0,Ui.jsxs)("div",{className:"tl-bookmark__image_container",children:[a?(0,Ui.jsx)("img",{className:"tl-bookmark__image",draggable:!1,referrerPolicy:"strict-origin-when-cross-origin",src:a?.props.image,alt:a?.props.title||""}):(0,Ui.jsx)("div",{className:"tl-bookmark__placeholder"}),a?.props.image&&(0,Ui.jsx)(Gc,{url:n})]}),(0,Ui.jsxs)("div",{className:"tl-bookmark__copy_container",children:[a?.props.title?(0,Ui.jsx)("a",{className:"tl-bookmark__link",href:n||"",target:"_blank",rel:"noopener noreferrer",draggable:!1,onPointerDown:f,onPointerUp:f,children:(0,Ui.jsx)("h2",{className:"tl-bookmark__heading",children:$4(a.props.title)})}):null,a?.props.description&&a?.props.image?(0,Ui.jsx)("p",{className:"tl-bookmark__description",children:a.props.description}):null,(0,Ui.jsxs)("a",{className:"tl-bookmark__link",href:n||"",target:"_blank",rel:"noopener noreferrer",draggable:!1,onPointerDown:f,onPointerUp:f,children:[d&&a?.props.favicon?(0,Ui.jsx)("img",{className:"tl-bookmark__favicon",src:a?.props.favicon,referrerPolicy:"strict-origin-when-cross-origin",onError:p,alt:`favicon of ${c}`}):(0,Ui.jsx)("div",{className:"tl-hyperlink__icon",style:{mask:`url("${k9}") center 100% / 100% no-repeat`,WebkitMask:`url("${k9}") center 100% / 100% no-repeat`}}),(0,Ui.jsx)("span",{children:c})]})]})]})})}var Hi=_(j(),1);function Zu(t,e={}){Mw(t,e);let n=$u,o=Wp,r=Yp,i=qp,s=Xp,a=_w,l=jP,c=$P,d=Yy,u=new Array(n);for(let p=0;p<n;p++){let f=new T(i[p],s[p],a[p]),h=p===0?f:new T(o[p],r[p],a[p]);u[p]={point:h,input:f,pressure:l[p],distance:c[p],runningLength:d[p],radius:1}}return u}var fr=new Uint8Array(65536),hi=0,UUe=new TextDecoder;function vhe(t){if(hi+t>fr.length){let e=new Uint8Array(fr.length*2);e.set(fr),fr=e}}function ZD(){hi=0}function An(t){vhe(t.length);for(let e=0;e<t.length;e++)fr[hi++]=t.charCodeAt(e)}function ga(t){vhe(16),t<0&&(fr[hi++]=45,t=-t);let e=t/100|0,n=t-e*100;if(e===0){if(n===0){fr[hi++]=48;return}}else if(e<10)fr[hi++]=48+e;else if(e<100)fr[hi++]=48+(e/10|0),fr[hi++]=48+e%10;else{let o=hi,r=e;for(;r>0;)fr[hi++]=48+r%10,r=r/10|0;let i=o,s=hi-1;for(;i<s;){let a=fr[i];fr[i]=fr[s],fr[s]=a,i++,s--}}if(n!==0){fr[hi++]=46;let o=n%10;fr[hi++]=48+(n/10|0),o!==0&&(fr[hi++]=48+o)}}function Mr(t,e){ga(t),fr[hi++]=44,ga(e),fr[hi++]=32}function wE(){let t=UUe.decode(fr.subarray(0,hi));return hi=0,t}function Yn(t){return Math.round(t*100)}function nf(t,e=!1){let n=t.length;if(n<2)return"";if(ZD(),n===2){let g=t[0].point,y=t[1].point,m=Yn(g.x),S=Yn(g.y);return An("M"),Mr(m,S),An("l"),Mr(Yn(y.x)-m,Yn(y.y)-S),wE()}let o=t[0].point,r=t[1].point,i=t[2].point,s=Yn(r.x),a=Yn(r.y),l=Math.round((o.x+r.x)*50),c=Math.round((o.y+r.y)*50),d=Math.round((r.x+i.x)*50),u=Math.round((r.y+i.y)*50),p=d,f=u;if(e)An("M"),Mr(l,c),An("q"),Mr(s-l,a-c),Mr(d-l,u-c),An("t");else{let g=Yn(o.x),y=Yn(o.y);An("M"),Mr(g,y),An("q"),Mr(s-g,a-y),Mr(d-g,u-y),n>3&&An("t")}for(let g=2,y=n-1;g<y;g++){let m=t[g].point,S=t[g+1].point,b=Math.round((m.x+S.x)*50),v=Math.round((m.y+S.y)*50);Mr(b-p,v-f),p=b,f=v}let h=t[n-1].point;if(e){let g=Math.round((h.x+o.x)*50),y=Math.round((h.y+o.y)*50);Mr(g-p,y-f),Mr(l-g,c-y),An("Z")}else An("l"),Mr(Yn(h.x)-p,Yn(h.y)-f);return wE()}function xhe(t,e={}){let{start:n={},end:o={}}=e,{cap:r=!0}=n,{cap:i=!0}=o;return ne(!n.taper&&!o.taper,"cap taper not supported here"),ne(!n.easing&&!o.easing,"cap easing not supported here"),ne(r&&i,"cap must be true"),Mw(t,e),AD(e),ZD(),HUe(e),wE()}function HUe(t){let e=$u;if(e===0)return;if(e<=2){kD(),The(t,!1,0,0);return}let n=Wp,o=Yp,r=fm,i=0,s=!1,a=!1,l=0,c=0,d=n[1]-n[0],u=o[1]-o[0],p=Math.sqrt(d*d+u*u),f=d/p,h=u/p;for(let g=1;g<e-1;g++){d=n[g+1]-n[g],u=o[g+1]-o[g],p=Math.sqrt(d*d+u*u);let y=d/p,m=u/p,S=f*y+h*m;if(f=y,h=m,S<-.8){D9(i,s,g,!0,!1,a,l,c,t),i=g,s=!0,a=!0,l=n[g],c=o[g];continue}if(S>.7)continue;let b=n[g]-n[g-1],v=o[g]-o[g-1],w=n[g+1]-n[g],x=o[g+1]-o[g],C=(r[g-1]+r[g]+r[g+1])/3;if((b*b+v*v+w*w+x*x)/(C*C)<1.5){D9(i,s,g,!1,!0,a,l,c,t),i=g,s=!1,a=!1;continue}}D9(i,s,e-1,!1,!1,a,l,c,t)}function D9(t,e,n,o,r,i,s,a,l){let c=Wp,d=Yp,u=fm,p=n-t+1+(r?1:0),f=0,h=0,g=e?qp[t]:c[t],y=e?Xp[t]:d[t],m=u[t];for(;p-f>2;){let C=t+1+f,P=g-c[C],M=y-d[C];if(P*P+M*M<((m+u[C])/2*.5)**2)i=!0,s=c[C],a=d[C],f++;else break}let S=o?qp[n]:c[n],b=o?Xp[n]:d[n],v=u[n];for(;p-f-h>2;){let C=r?n-h:n-1-h,P=S-c[C],M=b-d[C];if(P*P+M*M<((v+u[C])/2*.5)**2)h++;else break}let w=t+1+f,x=r?n-h:n-1-h;Kfe(t,e,w,x,n,o,r&&h===0),The(l,i,s,a)}function VUe(t,e,n){let o=Yn(t),r=Yn(e),i=Yn(n);An("M "),ga(o),An(" "),ga(r),An(" m -"),ga(i),An(", 0 a "),ga(i),An(","),ga(i),An(" 0 1,1 "),ga(i*2),An(",0 a "),ga(i),An(","),ga(i),An(" 0 1,1 -"),ga(i*2),An(",0")}function whe(t,e,n){An("a"),ga(t),An(","),ga(t),An(" 0 0 1 "),Mr(e,n)}function The(t,e,n,o){let r=qy;if(r===0)return;if(r===1){VUe(Ns[0],Fs[0],Vc[0]);return}d9(t,e,n,o);let i=Jp,s=Qp,a=Gu,l=Wu,c=Yn(i[0]),d=Yn(s[0]);An("M"),Mr(c,d),An("t");let u=i[0],p=s[0];for(let f=1;f<Rw;f++){let h=i[f],g=s[f],y=Math.round((u+h)*50),m=Math.round((p+g)*50);Mr(y-c,m-d),c=y,d=m,u=h,p=g}{let f=Ns[r-1],h=Fs[r-1],g=Vc[r-1],y=Ns[r-2]-f,m=Fs[r-2]-h,S=Math.sqrt(y*y+m*m),b=-m/S*g,v=y/S*g,w=Yn(f+b),x=Yn(h+v),C=Yn(f-b),P=Yn(h-v);Mr(w-c,x-d),whe(Yn(g),C-w,P-x),An("t"),c=C,d=P}u=a[Ku-1],p=l[Ku-1];for(let f=Ku-2;f>=0;f--){let h=a[f],g=l[f],y=Math.round((u+h)*50),m=Math.round((p+g)*50);Mr(y-c,m-d),c=y,d=m,u=h,p=g}{let f=Ns[0],h=Fs[0],g=Vc[0],y=f-Ns[1],m=h-Fs[1],S=Math.sqrt(y*y+m*m),b=m/S*g,v=-y/S*g,w=Yn(f+b),x=Yn(h+v),C=Yn(f-b),P=Yn(h-v);Mr(w-c,x-d),whe(Yn(g),C-w,P-x),An("Z")}}function JD(t,e,n){let o=[],r=[];t.forEach(c=>o.push(...qe.decodePoints(c.path,c.dim))),e.forEach(c=>r.push(...qe.decodePoints(c.path,c.dim)));let i=Math.max(o.length,r.length),s=[],a=[];for(let c=0;c<i;c++)s.push(o[c]||o[o.length-1]),a.push(r[c]||r[r.length-1]);let l=s.map((c,d)=>{let u=.5;return a[d].z!==void 0&&c.z!==void 0&&(u=Me(c.z,a[d].z,n)),{x:Me(c.x,a[d].x,n),y:Me(c.y,a[d].y,n),z:u}});return[{type:"free",path:qe.encodePoints(l)}]}var xE=class extends ir{static type="draw";static props=Qx;static migrations=eT;options={maxPointsPerShape:600,getDefaultDisplayValues(e,n,o,r){let{color:i,fill:s,size:a}=n.props,l=o.colors[r];return{strokeColor:ft(l,i,"solid"),strokeWidth:o.strokeWidth*vn[a],fillColor:s==="none"?"transparent":s==="semi"?l.solid:ft(l,i,Lw[s]),patternFillFallbackColor:ft(l,i,"semi")}},getCustomDisplayValues(){return{}}};hideResizeHandles(e){return O9(e)}hideRotateHandle(e){return O9(e)}hideSelectionBoundsFg(e){return O9(e)}getDefaultProps(){return{segments:[],color:"black",fill:"none",dash:"draw",size:"m",isComplete:!1,isClosed:!1,isPen:!1,scale:1,scaleX:1,scaleY:1}}getGeometry(e){let n=vu(e.props.segments,e.props.scaleX,e.props.scaleY),o=(Ee(this,e).strokeWidth+1)*e.props.scale;if(e.props.segments.length===1){let i=q.FromPoints(n);if(i.width<o*2&&i.height<o*2)return new Cl({x:-o,y:-o,radius:o,isFilled:!0})}let r=Zu(n,pk(e.props,o,e.props.isPen,!0)).map(i=>i.point);return e.props.isClosed&&r.length>2?new Xi({points:r,isFilled:e.props.fill!=="none"}):r.length===1?new Cl({x:-o,y:-o,radius:o,isFilled:!0}):new $a({points:r})}component(e){let n=Ee(this,e);return(0,Hi.jsx)(Yi,{children:(0,Hi.jsx)(Che,{shape:e,strokeColor:n.strokeColor,strokeWidth:n.strokeWidth,fillColor:n.fillColor,patternFillFallbackColor:n.patternFillFallbackColor})})}getIndicatorPath(e){let n=vu(e.props.segments,e.props.scaleX,e.props.scaleY),o=(Ee(this,e).strokeWidth+1)*e.props.scale,r=this.editor.getEfficientZoomLevel();!(r<.5&&r<1.5/o)&&!e.props.isPen&&e.props.dash==="draw"&&n.length===1&&(o+=ka(e.id)()*(o/6));let s=e.props.isComplete||Do(e.props.segments)?.type==="straight",a=pk(e.props,o,s,!0),l=Zu(n,a),c=l.length>1?nf(l,e.props.isClosed):Phe(n[0],o);return new Path2D(c)}toSvg(e,n){n.addExportDef(Nw(e.props.fill));let o=Ee(this,e,n.colorMode),r=1/e.props.scale;return(0,Hi.jsx)("g",{transform:`scale(${r})`,children:(0,Hi.jsx)(Che,{shape:e,zoomOverride:1,strokeColor:o.strokeColor,strokeWidth:o.strokeWidth,fillColor:o.fillColor,patternFillFallbackColor:o.patternFillFallbackColor})})}getCanvasSvgDefs(){return[Fw()]}onResize(e,n){let o=n.scaleX*e.props.scaleX,r=n.scaleY*e.props.scaleY;if(!(o===0||r===0))return{props:{scaleX:o,scaleY:r}}}expandSelectionOutlinePx(e){let n=e.props.dash==="draw"?1.6:1;return Ee(this,e).strokeWidth*n/2*e.props.scale}getInterpolatedProps(e,n,o){return{...o>.5?n.props:e.props,segments:JD(e.props.segments,n.props.segments,o),scale:Me(e.props.scale,n.props.scale,o)}}};function Phe(t,e){let n=(e+1)*.5;return`M ${t.x} ${t.y} m -${n}, 0 a ${n},${n} 0 1,0 ${n*2},0 a ${n},${n} 0 1,0 -${n*2},0`}function O9(t){let e=t.props.segments[0];return t.props.segments.length===1&&qe.isSinglePoint(e.path,e.dim)}function Che({shape:t,zoomOverride:e,strokeColor:n,strokeWidth:o,fillColor:r,patternFillFallbackColor:i}){let s=O(),a=vu(t.props.segments,t.props.scaleX,t.props.scaleY),l=t.props.isComplete||Do(t.props.segments)?.type==="straight",c=(o+1)*t.props.scale,d=z("force solid",()=>{let m=e??s.getEfficientZoomLevel();return m<.5&&m<1.5/c},[s,c,e]),u=z("dot adjustment",()=>(e??s.getEfficientZoomLevel())<.2?9:.1,[s,e]);!d&&!t.props.isPen&&t.props.dash==="draw"&&a.length===1&&(c+=ka(t.id)()*(c/6));let p=pk(t.props,c,l,d);if(!d&&t.props.dash==="draw")return(0,Hi.jsxs)(Hi.Fragment,{children:[t.props.isClosed&&t.props.fill!=="none"&&a.length>1&&(t.props.fill==="pattern"?(0,Hi.jsx)(gm,{d:nf(Zu(a,p),t.props.isClosed),fillColor:r,patternFillFallbackColor:i,scale:t.props.scale}):(0,Hi.jsx)("path",{fill:r,d:nf(Zu(a,p),t.props.isClosed)})),(0,Hi.jsx)("path",{d:xhe(a,p),strokeLinecap:"round",fill:n})]});let f=Zu(a,p),h=f.length<2,g=h||t.props.isClosed?t.props.fill:"none",y=h?Phe(a[0],0):nf(f,t.props.isClosed&&g!=="none");return(0,Hi.jsxs)(Hi.Fragment,{children:[h||!t.props.isClosed||g==="none"?null:g==="pattern"?(0,Hi.jsx)(gm,{d:y,fillColor:r,patternFillFallbackColor:i,scale:t.props.scale}):(0,Hi.jsx)("path",{fill:r,d:y}),t.props.dash!=="none"&&(0,Hi.jsx)("path",{d:y,strokeLinecap:"round",fill:h?n:"none",stroke:n,strokeWidth:c,strokeDasharray:h?"none":Fne(t,c,u),strokeDashoffset:"0"})]})}var of=_(j(),1);function jUe(t){if(typeof t!="string")throw new TypeError("Expected a string");return t.replace(/[|\\{}()[\]^$+*?.]/g,"\\$&").replace(/-/g,"\\x2d")}function $Ue(t,e){let n=je(e);if(!n)return;let o=n.host.replace("www.","");for(let r of t)if(Ehe(r.hostnames,o)){let i=r.fromEmbedUrl(e);if(i)return{definition:r,url:i,embedUrl:e}}}var KUe=t=>t.split("*").map(e=>jUe(e)).join(".+"),Ehe=(t,e)=>!!t.find(n=>{let o=new RegExp(KUe(n));return e.match(o)});function GUe(t,e,n){let o=je(e);if(!o)return;let r=o.host.replace("www.","");for(let i of t)if(Ehe(i.hostnames,r)){let s=i.toEmbedUrl(e,n?.[i.type]);if(s)return{definition:i,embedUrl:s,url:e}}}function L9(t,e,n){try{return GUe(t,e,n)??$Ue(t,e)}catch{return}}var Ihe=t=>Object.entries(t).filter(([e,n])=>n).map(([e])=>e).join(" "),eS=class t extends vs{static type="embed";static props=tT;static migrations=nT;options={embedDefinitions:nw,embedConfig:{},getDefaultDisplayValues(){return{showShadow:!0}},getCustomDisplayValues(){return{}}};canEditWhileLocked(e){let n=this.getEmbedDefinition(e.props.url);return n?n.definition.canEditWhileLocked??!0:!0}static legacyEmbedDefinitions=null;static setEmbedDefinitions(e){t.legacyEmbedDefinitions=e}getEmbedDefs(){return t.legacyEmbedDefinitions??this.options.embedDefinitions}getEmbedDefinitions(){return this.getEmbedDefs()}getEmbedDefinition(e){return L9(this.getEmbedDefs(),e,this.options.embedConfig)}getText(e){return e.props.url}getAriaDescriptor(e){return this.getEmbedDefinition(e.props.url)?.definition.title}hideSelectionBoundsFg(e){return!this.canResize(e)}canEdit(e){return!0}canResize(e){return this.getEmbedDefinition(e.props.url)?.definition?.doesResize??!0}canEditInReadonly(e){return!0}getDefaultProps(){return{w:300,h:300,url:""}}getGeometry(e){return super.getGeometry(e)}isAspectRatioLocked(e){return this.getEmbedDefinition(e.props.url)?.definition.isAspectRatioLocked??!1}onResize(e,n){let o=this.isAspectRatioLocked(e),r=this.getEmbedDefinition(e.props.url),i=r?.definition.minWidth??200,s=r?.definition.minHeight??200;if(o){let a=e.props.w/e.props.h;a>1?i*=a:s/=a}return Og(e,n,{minWidth:i,minHeight:s})}component(e){let n=gc(),{w:o,h:r,url:i}=e.props,s=qd(e.id),a=No(),l=Ee(this,e,a),c=this.getEmbedDefinition(i),d=z("is hovering",()=>{let{editingShapeId:y,hoveredShapeId:m}=this.editor.getCurrentPageState();if(y&&m!==y){let S=this.editor.getShape(y);if(S&&this.editor.isShapeOfType(S,"embed"))return!0}return!1},[]),u=this.editor.getShapePageTransform(e).rotation();if(n)return(0,of.jsx)(Xs,{className:"tl-embed-container",id:e.id,children:(0,of.jsx)("div",{className:"tl-embed",style:{border:0,boxShadow:l.showShadow?Uw(u):"none",borderRadius:c?.definition.overrideOutlineRadius??8,background:c?.definition.backgroundColor??"var(--tl-color-background)",width:o,height:r}})});let p=s||d;if(typeof window<"u"&&(window!==window.top||window.self!==window.parent)&&c?.definition.type==="tldraw")return null;let h=Ihe({...A2,...c?c.definition.overridePermissions??{}:U6});if(c?.definition.type==="github_gist"){let y=c.url.split("/").pop();if(!y)throw Error("No gist id!");let m=Ihe({...A2,...c?.definition?.overridePermissions??{},"allow-same-origin":!1});return(0,of.jsx)(Xs,{className:"tl-embed-container",id:e.id,children:(0,of.jsx)(WUe,{id:y,sandbox:m,width:be(o),height:be(r),isInteractive:p,pageRotation:u,showShadow:l.showShadow})})}let g=c?.embedUrl??i;return(0,of.jsx)(Xs,{className:"tl-embed-container",id:e.id,children:g?(0,of.jsx)("iframe",{className:"tl-embed",sandbox:h,src:g,width:be(o),height:be(r),draggable:!1,frameBorder:"0",referrerPolicy:"strict-origin-when-cross-origin",tabIndex:s?0:-1,allowFullScreen:!0,style:{border:0,pointerEvents:p?"auto":"none",zIndex:p?"":"-1",boxShadow:l.showShadow?Uw(u):"none",borderRadius:c?.definition?.overrideOutlineRadius??8,background:c?.definition?.backgroundColor}}):(0,of.jsx)(R9,{url:i,h:r,rotation:u,assetId:null,showImageContainer:!1})})}getIndicatorPath(e){let n=new Path2D;return n.rect(0,0,e.props.w,e.props.h),n}getInterpolatedProps(e,n,o){return{...o>.5?n.props:e.props,w:Me(e.props.w,n.props.w,o),h:Me(e.props.h,n.props.h,o)}}};function WUe({id:t,sandbox:e,isInteractive:n,width:o,height:r,style:i,pageRotation:s,showShadow:a}){if(!t.match(/^[0-9a-f]+$/))throw Error("No gist id!");return(0,of.jsx)("iframe",{className:"tl-embed",sandbox:e,draggable:!1,width:be(o),height:be(r),frameBorder:"0",scrolling:"no",referrerPolicy:"strict-origin-when-cross-origin",tabIndex:n?0:-1,style:{...i,pointerEvents:n?"all":"none",zIndex:n?"":"-1",boxShadow:a?Uw(s):"none"},srcDoc:`
+			<html>
+				<head>
+					<base target="_blank">
+				</head>
+				<body>
+					<script src=${`https://gist.github.com/${t}.js`}><\/script>
+					<style type="text/css">
+						* { margin: 0px; }
+						table { height: 100%; background-color: red; }
+						.gist { background-color: none; height: 100%;  }
+						.gist .gist-file { height: calc(100vh - 2px); padding: 0px; display: grid; grid-template-rows: 1fr auto; }
+					</style>
+				</body>
+			</html>`})}var ya=_(j(),1);var Rhe=_(Jt(),1);var QD=_(j(),1);function YUe(t){return t.replace(/\s/g,"\xA0")}function _he(t,e,n){let{padding:o=0}=n;if(e.length===0)return null;let r=q.From(e[0].box);for(let{box:c}of e)r.union(c);let i=o+(n.offsetX??0),s=(n.offsetY??0)+n.fontSize/2+(n.verticalTextAlign==="start"?o:n.verticalTextAlign==="end"?n.height-o-r.height:(Math.ceil(n.height)-r.height)/2),a=null,l=[];for(let{text:c,box:d}of e)a!==null&&d.y>a&&l.push((0,QD.jsx)("tspan",{alignmentBaseline:"mathematical",x:i,y:d.y+s,children:`
+`},l.length)),l.push((0,QD.jsx)("tspan",{alignmentBaseline:"mathematical",x:d.x+i,y:d.y+s,unicodeBidi:"plaintext",children:YUe(c)},l.length)),a=d.y;return(0,QD.jsx)("text",{fontSize:n.fontSize,fontFamily:n.fontFamily,fontStyle:n.fontStyle,fontWeight:n.fontWeight,dominantBaseline:"mathematical",alignmentBaseline:"mathematical",stroke:n.stroke,strokeWidth:n.strokeWidth,fill:n.fill,children:l})}var nO=_(j(),1);var Hw=_(H(),1);function TE(t,e){return t.match(/^\s*$/)?e:t}function CE(t,e){let r=((gg(t.getShapePageTransform(e.id).rotation())+Math.PI/4)*(2/Math.PI)+4)%4;return Math.floor(r)}var Mhe=new WeakMap;function N9(t,e,n){let o=Mhe.get(e.props);if(!o){let r=TE(e.props.name,"Frame")+"\u200B",i=t.textMeasure.measureTextSpans(r,n),s=i[0],a=Do(i);o=a.box.w+a.box.x-s.box.x,Mhe.set(e.props,o)}return new q(0,-n.height,o,n.height)}function F9(t,e){return{fontSize:12,fontFamily:e?"Arial":"Inter, sans-serif",textAlign:"start",width:t,height:24,padding:0,lineHeight:1,fontStyle:"normal",fontWeight:"normal",overflow:"truncate-ellipsis",verticalTextAlign:"middle",offsetY:-34,offsetX:0}}function eO(t,e,n){let o=n?"":"px",r=n?"":"deg",i;switch(e){case 0:i="";break;case 3:i=`translate(${be(t.props.w)}${o}, 0${o}) rotate(90${r})`;break;case 2:i=`translate(${be(t.props.w)}${o}, ${be(t.props.h)}${o}) rotate(180${r})`;break;case 1:i=`translate(0${o}, ${be(t.props.h)}${o}) rotate(270${r})`;break;default:throw Error("labelSide out of bounds")}return i}var tO=_(j(),1);var Xl=_(H(),1);var Ahe=(0,Xl.forwardRef)(({id:t,name:e,isEditing:n},o)=>{let r=O(),i=Ft(),s=z("isCoarsePointer",()=>r.getInstanceState().isCoarsePointer,[r]),a=i<mt.TABLET_SM&&s,l=(0,Xl.useRef)(!1),c=J(),d=(0,Xl.useCallback)(g=>{n&&r.markEventAsHandled(g)},[r,n]),u=(0,Xl.useCallback)(g=>{g.key==="Enter"&&!g.nativeEvent.isComposing&&(r.markEventAsHandled(g),g.currentTarget.blur(),r.setEditingShape(null))},[r]),p=(0,Xl.useCallback)(g=>{let y=r.getShape(t);!y||y.props.name===g||r.updateShapes([{id:t,type:"frame",props:{name:g}}])},[t,r]),f=(0,Xl.useCallback)(g=>{p(g.currentTarget.value)},[p]),h=(0,Xl.useCallback)(g=>{p(g.currentTarget.value)},[p]);return(0,Xl.useEffect)(()=>{if(!n){l.current=!1;return}if(n&&a&&!l.current){l.current=!0;let y=r.getShape(t)?.props.name??"",m=window.prompt(c("action.rename"),y);l.current=!1,m!==null&&p(m),r.setEditingShape(null)}},[n,a,t,c,p,r]),(0,tO.jsxs)("div",{className:`tl-frame-label ${n&&!a?"tl-frame-label__editing":""}`,children:[(0,tO.jsx)("input",{className:"tl-frame-name-input",ref:o,disabled:!n||a,readOnly:!n||a,style:{display:n?void 0:"none"},value:e,autoFocus:!a,onKeyDown:u,onBlur:f,onChange:h,onPointerDown:d,draggable:!1}),TE(e,"Frame")+"\u200B"]})});var khe=(0,Hw.memo)(function({id:e,name:n,width:o,height:r,fill:i,stroke:s,color:a,offsetX:l,showColors:c}){let d=O(),{side:u,translation:p}=z("shape rotation",()=>{let g=d.getShape(e);if(!g)return{side:0,translation:"translate(0, 0)"};let y=CE(d,g);return{side:y,translation:eO(g,y,!1)}},[d,l,e]),f=(0,Hw.useRef)(null),h=qd(e);return(0,Hw.useEffect)(()=>{let g=f.current;g&&h&&(g.focus(),g.select())},[f,h]),(0,nO.jsx)("div",{className:"tl-frame-heading",style:{overflow:h?"visible":"hidden",maxWidth:`calc(var(--tl-zoom) * ${Math.ceil(u===0||u===2?o:r)}px + ${c?"0px":"var(--tl-frame-offset-width)"})`,bottom:"100%",transform:`${p} scale(min(var(--tl-scale), 3.5)) translateX(${l}px)`},children:(0,nO.jsx)("div",{className:"tl-frame-heading-hit-area",style:{color:a,backgroundColor:i,boxShadow:`inset 0px 0px 0px 1px ${s}`},children:(0,nO.jsx)(Ahe,{ref:f,id:e,name:n,isEditing:h})})})});var qUe=12,XUe=32,ZUe=-7,JUe=4,PE=class extends dC{static type="frame";static props=oT;static migrations=rT;options={showColors:!1,resizeChildren:!1,getDefaultDisplayValues(e,n,o,r){let{color:i}=n.props,s=o.colors[r];return{fillColor:ft(s,"black","frameFill"),strokeColor:ft(s,"black","frameStroke"),showColorsFillColor:ft(s,i,"frameFill"),showColorsStrokeColor:ft(s,i,"frameStroke"),headingFillColor:s.negativeSpace,headingStrokeColor:s.negativeSpace,headingTextColor:ft(s,"black","frameText"),showColorsHeadingFillColor:ft(s,i,"frameHeadingFill"),showColorsHeadingStrokeColor:ft(s,i,"frameHeadingStroke"),showColorsHeadingTextColor:ft(s,i,"frameText")}},getCustomDisplayValues(){return{}}};static configure(e){let n=super.configure.call(this,e);return e.showColors&&(n.props={...n.props,color:zt}),n}canEdit(e,n){return n.type==="click-header"||n.type==="unknown"}canResize(e){return!0}canResizeChildren(e){return this.options.resizeChildren}isExportBoundsContainer(){return!0}getDefaultProps(){return{w:320,h:180,name:"",color:"black"}}getAriaDescriptor(e){return e.props.name}getGeometry(e){let{editor:n}=this,o=n.getEfficientZoomLevel(),r=CE(n,e),i=r%2===1,s=i?e.props.h:e.props.w,a=F9(s,!1),l=N9(n,e,a),c=this.options.showColors,d=qUe/o,u=XUe/o,p=s+(c?1:d),f=l.w/o,h=l.h/o,g=xe(f+d,u,p),y=(c?-1:ZUe)/o,m=JUe/o,S=i?h:g,b=i?g:h,v,w;switch(r){case 0:{v=y,w=-(h+m);break}case 1:{v=-(h+m),w=e.props.h-(y+g);break}case 2:{v=e.props.w-(y+g),w=e.props.h+m;break}case 3:{v=e.props.w+m,w=y;break}}return new go({children:[new Hn({width:e.props.w,height:e.props.h,isFilled:!1}),new Hn({x:v,y:w,width:S,height:b,isFilled:!0,isLabel:!0,excludeFromShapeBounds:!0})]})}getText(e){return e.props.name}component(e){let n=No(),o=Ee(this,e,n),r=z("is creating this shape",()=>{let s=this.editor.getStateDescendant("select.resizing");if(!s||!s.getIsActive())return!1;let a=s?.info;return a?a.isCreating&&this.editor.getOnlySelectedShapeId()===e.id:!1},[e.id]),i=this.options.showColors;return(0,ya.jsxs)(ya.Fragment,{children:[(0,ya.jsx)(Yi,{children:(0,ya.jsx)("rect",{className:(0,Rhe.default)("tl-frame__body",{"tl-frame__creating":r}),fill:i?o.showColorsFillColor:o.fillColor,stroke:i?o.showColorsStrokeColor:o.strokeColor,style:{width:`calc(${e.props.w}px + 1px / var(--tl-zoom))`,height:`calc(${e.props.h}px + 1px / var(--tl-zoom))`,transform:"translate(calc(-0.5px / var(--tl-zoom)), calc(-0.5px / var(--tl-zoom)))"}})}),r?null:(0,ya.jsx)(khe,{id:e.id,name:e.props.name,fill:i?o.showColorsHeadingFillColor:o.headingFillColor,stroke:i?o.showColorsHeadingStrokeColor:o.headingStrokeColor,color:i?o.showColorsHeadingTextColor:o.headingTextColor,width:e.props.w,height:e.props.h,offsetX:i?-1:-7,showColors:this.options.showColors})]})}toSvg(e,n){let o=Ee(this,e,n.colorMode),r=CE(this.editor,e),s=r%2===1?e.props.h:e.props.w,a=eO(e,r,!0),l=F9(s-12,!0),c=TE(e.props.name,"Frame")+"\u200B",d=N9(this.editor,e,l),u=this.editor.textMeasure.measureTextSpans(c,l),p=_he(this.editor,u,l),f=this.options.showColors,h=f?o.showColorsHeadingStrokeColor:o.headingStrokeColor,g=f?o.showColorsHeadingFillColor:o.headingFillColor,y=f?o.showColorsHeadingTextColor:o.headingTextColor;return(0,ya.jsxs)(ya.Fragment,{children:[(0,ya.jsx)("rect",{width:e.props.w,height:e.props.h,fill:f?o.showColorsFillColor:o.fillColor,stroke:f?o.showColorsStrokeColor:o.strokeColor,strokeWidth:1,x:0,rx:0,ry:0}),(0,ya.jsxs)("g",{fill:y,transform:a,children:[(0,ya.jsx)("rect",{x:d.x-(f?0:6),y:d.y-6,width:Math.min(s,d.width+12),height:d.height,fill:g,stroke:h,rx:4,ry:4}),(0,ya.jsx)("g",{transform:`translate(${f?8:0}, 4)`,children:p})]})]})}getIndicatorPath(e){let n=new Path2D;return n.rect(0,0,e.props.w,e.props.h),n}getInterpolatedProps(e,n,o){return{...o>.5?n.props:e.props,w:Me(e.props.w,n.props.w,o),h:Me(e.props.h,n.props.h,o)}}onDoubleClickEdge(e,n){if(n.target!=="selection")return;let{handle:o}=n;if(!o)return;let r=o==="left"||o==="right",i=o==="top"||o==="bottom",s=this.editor.getSortedChildIdsForParent(e.id),a=we(s.map(p=>this.editor.getShape(p)));if(!a.length)return;let{dx:l,dy:c,w:d,h:u}=J4(a,this.editor,{padding:10});return this.editor.run(()=>{let p=s.map(f=>{let h=this.editor.getShape(f);return{id:h.id,type:h.type,x:r?h.x+l:h.x,y:i?h.y+c:h.y}});this.editor.updateShapes(p)}),{id:e.id,type:e.type,props:{w:r?d:e.props.w,h:i?u:e.props.h}}}onDoubleClickCorner(e){return Ov(this.editor,e.id,{padding:10}),{id:e.id,type:e.type}}};var Sa=_(j(),1);var tS=_(j(),1);function B9({shape:t,shouldScale:e,forceSolid:n,strokeColor:o,strokeWidth:r,fillColor:i,patternFillFallbackColor:s,customGeoTypes:a}){let l=e?t.props.scale:1,c=r*l,{dash:d,fill:u}=t.props,p=vP(t,r,a),f=d==="draw"&&!n?p.toDrawD({strokeWidth:c,randomSeed:t.id,passes:1,offset:0,onlyFilled:!0}):p.toD({onlyFilled:!0});return(0,tS.jsxs)(tS.Fragment,{children:[u==="none"?null:u==="pattern"?(0,tS.jsx)(gm,{d:f,fillColor:i,patternFillFallbackColor:s,scale:l}):(0,tS.jsx)("path",{fill:i,d:f}),p.toSvg({style:d,strokeWidth:c,forceSolid:n,randomSeed:t.id,props:{fill:"none",stroke:o}})]})}var Ohe=Object.freeze({s:12,m:14,l:16,xl:20}),QUe=Object.freeze({start:"start",middle:"center",end:"end","start-legacy":"start","end-legacy":"end","middle-legacy":"center"}),e5e=Object.freeze({start:"start",middle:"middle",end:"end"}),t5e=Object.freeze({w:0,h:0}),n5e=new Set(Object.keys(gw)),EE=class extends vs{static type="geo";static props=iT;static migrations=sT;static configure(e){let n=e;if(n.customGeoTypes){let o=[];for(let[i,s]of Object.entries(n.customGeoTypes))n5e.has(i)||o.push([i,s]);o.length>0&&Or.addValues(...o.map(([i])=>i));let r={...n,customGeoTypes:Object.fromEntries(o)};return super.configure(r)}return super.configure(e)}options={showTextOutline:!0,getDefaultDisplayValues(e,n,o,r){let{color:i,size:s,labelColor:a,fill:l,align:c,verticalAlign:d,font:u}=n.props,p=o.colors[r];return{strokeColor:ft(p,i,"solid"),strokeRoundness:o.strokeWidth*vn[s]*2,strokeWidth:o.strokeWidth*vn[s],fillColor:l==="none"?"transparent":l==="semi"?p.solid:ft(p,i,Lw[l]),patternFillFallbackColor:ft(p,i,"semi"),labelColor:ft(p,a,"solid"),labelFontFamily:qa(o,u),labelFontSize:o.fontSize*s1[s],labelMinWidth:Ohe[s],labelExtraPadding:o.strokeWidth*vn[s],labelLineHeight:o.lineHeight,labelFontWeight:"normal",labelFontVariant:"normal",labelFontStyle:"normal",labelHorizontalAlign:QUe[c],labelVerticalAlign:e5e[d],labelPadding:dp,labelEdgeMargin:8,minSizeWithLabel:(dp+1)*3}},getCustomDisplayValues(e,n){return{}}};canEdit(e){return!0}getDefaultProps(){return{w:100,h:100,geo:"rectangle",dash:"draw",growY:0,url:"",scale:1,color:"black",labelColor:"black",fill:"none",size:"m",font:"draw",align:"middle",verticalAlign:"middle",richText:jt("")}}getGeometry(e){let{props:n}=e,{scale:o}=n,r=Ee(this,e),s=vP(e,r.strokeWidth,this.options.customGeoTypes).toGeometry(),a=Math.max(1,n.w),l=Math.max(1,n.h+n.growY),c=a/o,d=l/o,u=pn(n.richText),p=u?t5e:this.getUnscaledLabelSize(e),f=Math.min(100,c/2),h=Math.min(Qs(r.labelFontSize,r.labelLineHeight)+r.labelPadding*2,d/2),g=Math.min(c,Math.max(p.w,Math.min(f,Math.max(1,c-r.labelEdgeMargin)))),y=Math.min(d,Math.max(p.h,Math.min(h,Math.max(1,d-r.labelEdgeMargin)))),m=r.labelHorizontalAlign==="start"?0:r.labelHorizontalAlign==="end"?c-g:(c-g)/2,S=r.labelVerticalAlign==="start"?0:r.labelVerticalAlign==="end"?d-y:(d-y)/2,b={x:m*o,y:S*o,width:g*o,height:y*o};return new go({children:[s,new Hn({...b,isFilled:!0,isLabel:!0,excludeFromShapeBounds:!0,isEmptyLabel:u})]})}getHandleSnapGeometry(e){let n=this.getGeometry(e),o=n.children[0],r=Vy(e.props.geo,this.options.customGeoTypes);if(!r)throw new Error(`Unknown geo type: ${e.props.geo}`);return r.snapType==="blobby"?{outline:o,points:[n.bounds.center]}:{outline:o,points:[...o.vertices,n.bounds.center]}}getText(e){return Za(this.editor,e.props.richText)}getFontFaces(e){if(pn(e.props.richText))return pt;let n=_h(this.editor.getCurrentTheme(),e.props.font);return n||up(this.editor,e.props.richText,{family:`tldraw_${e.props.font}`,weight:"normal",style:"normal"})}component(e){let{id:n,type:o,props:r}=e,{editor:i}=this,s=z("isGeoOnlySelected",()=>e.id===i.getOnlySelectedShapeId(),[i]),a=mE(i,e.id),l=ym(.25/e.props.scale),c=No(),d=Ee(this,e,c),{w:u,h:p,richText:f,url:h}=r,g=pn(f),y=a||!g;return(0,Sa.jsxs)(Sa.Fragment,{children:[(0,Sa.jsx)(Yi,{children:(0,Sa.jsx)(B9,{shape:e,shouldScale:!0,forceSolid:l,strokeColor:d.strokeColor,strokeWidth:d.strokeWidth,fillColor:d.fillColor,patternFillFallbackColor:d.patternFillFallbackColor,customGeoTypes:this.options.customGeoTypes})}),y&&(0,Sa.jsx)(Xs,{style:{overflow:"hidden",width:u,height:p+r.growY},children:(0,Sa.jsx)(ef,{shapeId:n,type:o,fontFamily:d.labelFontFamily,fontSize:d.labelFontSize,lineHeight:d.labelLineHeight,padding:d.labelPadding,textAlign:d.labelHorizontalAlign,verticalAlign:d.labelVerticalAlign,richText:f,isSelected:s,labelColor:d.labelColor,wrap:!0,showTextOutline:this.options.showTextOutline,style:e.props.scale!==1?{transform:`scale(${e.props.scale})`,transformOrigin:"top left",width:e.props.w/e.props.scale,height:(e.props.h+r.growY)/e.props.scale}:void 0})}),h&&(0,Sa.jsx)(Gc,{url:h})]})}getIndicatorPath(e){let n=this.editor.getEfficientZoomLevel()<.25/e.props.scale,{dash:o,scale:r}=e.props,i=Ee(this,e);return vP(e,i.strokeWidth,this.options.customGeoTypes).toPath2D({style:o==="draw"?"draw":"solid",strokeWidth:1,passes:1,randomSeed:e.id,offset:0,roundness:i.strokeRoundness*r,forceSolid:n})}toSvg(e,n){let o=Ee(this,e,n.colorMode),{richText:r,fill:i,scale:s,growY:a,w:l,h:c}=e.props,d={...e,props:{...e.props,w:l/s,h:(c+a)/s,growY:0}};n.addExportDef(Nw(i));let u;if(!pn(r)){let p=new q(0,0,d.props.w,(c+a)/s);u=(0,Sa.jsx)(tf,{fontSize:o.labelFontSize,fontFamily:o.labelFontFamily,lineHeight:o.labelLineHeight,textAlign:o.labelHorizontalAlign,verticalAlign:o.labelVerticalAlign,labelColor:o.labelColor,padding:o.labelPadding,showTextOutline:this.options.showTextOutline,bounds:p,richText:r})}return(0,Sa.jsxs)(Sa.Fragment,{children:[(0,Sa.jsx)(B9,{shouldScale:!1,shape:d,forceSolid:!1,strokeColor:o.strokeColor,strokeWidth:o.strokeWidth,fillColor:o.fillColor,patternFillFallbackColor:o.patternFillFallbackColor,customGeoTypes:this.options.customGeoTypes}),u]})}getCanvasSvgDefs(){return[Fw()]}onResize(e,{handle:n,newPoint:o,scaleX:r,scaleY:i,initialShape:s}){let a=this.getUnscaledGeoProps(s.props),l=a.w*r,c=(a.h+a.growY)*i,d=0,u=0,p=Ee(this,e);if(!pn(e.props.richText)){let S=Math.abs(l),b=Math.abs(c),v=Dhe(this.editor)?.get(e.id),w;if(v)w=v;else{let P=Math.max(S,p.minSizeWithLabel),M=Math.max(b,p.minSizeWithLabel);w=this.measureUnscaledLabelSize({...e,props:{...e.props,w:P*e.props.scale,h:M*e.props.scale}})}let x=Math.max(S,w.w),C=Math.max(b,w.h);d=x-S,u=C-b,l=x*Math.sign(l||1),c=C*Math.sign(c||1)}let f=l*e.props.scale,h=c*e.props.scale,g=new T(0,0);r<0&&(g.x+=f),(n==="left"||n==="top_left"||n==="bottom_left")&&(g.x+=r<0?d:-d),i<0&&(g.y+=h),(n==="top"||n==="top_left"||n==="top_right")&&(g.y+=i<0?u:-u);let{x:y,y:m}=g.rot(e.rotation).add(o);return{x:y,y:m,props:{w:Math.max(Math.abs(f),1),h:Math.max(Math.abs(h),1),growY:0}}}onBeforeCreate(e){let{props:n}=e;if(pn(n.richText))return n.growY!==0?{...e,props:{...n,growY:0}}:void 0;let o=n.h/n.scale,r=this.getUnscaledLabelSize(e).h,i=this.calculateGrowY(o,r,n.growY/n.scale);if(i!==null)return{...e,props:{...n,growY:i*n.scale}}}onBeforeUpdate(e,n){let{props:o}=e,{props:r}=n;if((0,Ho.default)(o.richText,r.richText)&&o.font===r.font&&o.size===r.size)return;let i=pn(o.richText),s=pn(r.richText);if(i&&s)return;if(s)return r.growY!==0?{...n,props:{...r,growY:0}}:void 0;let a=this.getUnscaledGeoProps(o),l=this.getUnscaledLabelSize(n),{scale:c}=r;if(i&&!s){let f=this.expandShapeForFirstLabel(n,a.w,a.h,l);return{...n,props:{...r,w:f.w*c,h:f.h*c,growY:0}}}let d=n.props.w/c,u=l.w>d,p=this.calculateGrowY(a.h,l.h,a.growY);if(p!==null||u)return{...n,props:{...r,growY:(p??a.growY)*c,w:Math.max(d,l.w)*c}}}onDoubleClick(e){if(this.editor.inputs.getAltKey())switch(e.props.geo){case"rectangle":return{...e,props:{geo:"check-box"}};case"check-box":return{...e,props:{geo:"rectangle"}}}let n=Vy(e.props.geo,this.options.customGeoTypes);if(n?.onDoubleClick){let o=n.onDoubleClick(e);if(o)return{...e,props:{...e.props,...o.props}}}}getInterpolatedProps(e,n,o){return{...o>.5?n.props:e.props,w:Me(e.props.w,n.props.w,o),h:Me(e.props.h,n.props.h,o),scale:Me(e.props.scale,n.props.scale,o)}}getUnscaledGeoProps(e){let{w:n,h:o,growY:r,scale:i}=e;return{w:n/i,h:o/i,growY:r/i}}calculateGrowY(e,n,o){return n>e?n-e:o>0?0:null}expandShapeForFirstLabel(e,n,o,r){let i=Math.max(n,r.w),s=Math.max(o,r.h),a=Ee(this,e);if(n<a.minSizeWithLabel&&o<a.minSizeWithLabel){i=Math.max(i,a.minSizeWithLabel),s=Math.max(s,a.minSizeWithLabel);let l=Math.max(i,s);i=l,s=l}return{w:i,h:s}}_labelSizesForGeoCache=new Ot;getUnscaledLabelSize(e){let n=Dhe(this.editor)?.get(e.id);return n||this._labelSizesForGeoCache.get(e,()=>this.measureUnscaledLabelSize(e))}measureUnscaledLabelSize(e){let n=Ee(this,e),o=Xa(this.editor,e.props.richText),r=this.editor.textMeasure.measureHtml(o,{...Lr,fontFamily:n.labelFontFamily,fontSize:n.labelFontSize,lineHeight:n.labelLineHeight,minWidth:n.labelMinWidth,maxWidth:Math.max(0,Math.ceil(n.labelMinWidth+n.labelExtraPadding),Math.ceil(e.props.w/e.props.scale-n.labelPadding*2))});return{w:r.w+n.labelPadding*2,h:r.h+n.labelPadding*2}}},o5e=(dp+1)*3,r5e=Ohe,z9=new WeakMap;function U9(t,e){e?z9.set(t,e):z9.delete(t)}function Dhe(t){return z9.get(t)}function i5e(t,e){let{richText:n,font:o,size:r,w:i}=e.props,s=t.getCurrentTheme(),a=r5e[r],l=Xa(t,n),c={...Lr,fontFamily:qa(s,o),fontSize:s.fontSize*s1[r],lineHeight:s.lineHeight,minWidth:a,maxWidth:Math.max(0,Math.ceil(a+s.strokeWidth*vn[r]),Math.ceil(i/e.props.scale-dp*2))};return{html:l,opts:c}}function s5e(t,e){let n=t.w/t.scale,o=Math.abs(n*e);return Math.max(o,o5e)}function Lhe(t,e,n,o,r){let i=[];for(let[l,c]of e){if(!t.isShapeOfType(c.shape,"geo"))continue;let d=c.shape;if(pn(d.props.richText)||!yg(c.pageRotation,o))continue;let u=En((c.pageRotation-o)%Math.PI,0),p;r||c.isAspectRatioLocked?p=Math.max(Math.abs(n.x),Math.abs(n.y)):p=Math.abs(u?n.x:n.y);let f=s5e(d.props,p),h={...d,props:{...d.props,w:f*d.props.scale}},{html:g,opts:y}=i5e(t,h);i.push({id:l,html:g,opts:y})}if(i.length===0)return;let s=t.textMeasure.measureHtmlBatch(i.map(({html:l,opts:c})=>({html:l,opts:c}))),a=new Map;for(let l=0;l<i.length;l++)a.set(i[l].id,{w:s[l].w+dp*2,h:s[l].h+dp*2});U9(t,a)}var Ju=_(j(),1);var IE=class extends ir{static type="highlight";static props=cT;static migrations=uT;options={maxPointsPerShape:600,getDefaultDisplayValues(e,n,o,r){let{color:i,size:s}=n.props,a=o.colors[r];return{strokeColor:!Et.forceSrgb.get()&&bl.get().supportsP3ColorSpace?ft(a,i,"highlightP3"):ft(a,i,"highlightSrgb"),strokeWidth:o.fontSize*ny[s]*1.12,underlayOpacity:.82,overlayOpacity:.35}},getCustomDisplayValues(){return{}}};hideResizeHandles(e){return oO(e)}hideRotateHandle(e){return oO(e)}hideSelectionBoundsFg(e){return oO(e)}getDefaultProps(){return{segments:[],color:"black",size:"m",isComplete:!1,isPen:!1,scale:1,scaleX:1,scaleY:1}}getGeometry(e){let o=Ee(this,e).strokeWidth*e.props.scale;if(oO(e))return new Cl({x:-o/2,y:-o/2,radius:o/2,isFilled:!0});let r=vu(e.props.segments,e.props.scaleX,e.props.scaleY),i=e.props.isComplete||Do(e.props.segments)?.type==="straight",s=dk({strokeWidth:o,showAsComplete:i});return new Xi({points:Xy(r,s),isFilled:!0})}component(e){let n=Ee(this,e),o=n.strokeWidth*e.props.scale,r=Nhe(this.editor,o);return(0,Ju.jsx)(Yi,{children:(0,Ju.jsx)(rO,{shape:e,forceSolid:r,strokeWidth:o,opacity:n.overlayOpacity,strokeColor:n.strokeColor})})}backgroundComponent(e){let n=No(),o=Ee(this,e,n),r=o.strokeWidth*e.props.scale,i=Nhe(this.editor,r);return(0,Ju.jsx)(Yi,{children:(0,Ju.jsx)(rO,{shape:e,forceSolid:i,strokeWidth:r,opacity:o.underlayOpacity,strokeColor:o.strokeColor})})}getIndicatorPath(e){let o=Ee(this,e).strokeWidth*e.props.scale,r=this.editor.getEfficientZoomLevel(),i=o/r<1.5,{strokePoints:s,sw:a}=c5e(e,o,i),l=vu(e.props.segments,e.props.scaleX,e.props.scaleY),c;return s.length<2?c=l5e(l[0],a):c=nf(s,!1),new Path2D(c)}toSvg(e,n){let o=Ee(this,e,n.colorMode),r=o.strokeWidth*e.props.scale,i=r<1.5,s=1/e.props.scale;return(0,Ju.jsx)("g",{transform:`scale(${s})`,children:(0,Ju.jsx)(rO,{forceSolid:i,strokeWidth:r,shape:e,opacity:o.overlayOpacity,strokeColor:o.strokeColor})})}toBackgroundSvg(e,n){let o=Ee(this,e,n.colorMode),r=o.strokeWidth*e.props.scale,i=r<1.5,s=1/e.props.scale;return(0,Ju.jsx)("g",{transform:`scale(${s})`,children:(0,Ju.jsx)(rO,{forceSolid:i,strokeWidth:r,shape:e,opacity:o.underlayOpacity,strokeColor:o.strokeColor})})}onResize(e,n){let o=n.scaleX*e.props.scaleX,r=n.scaleY*e.props.scaleY;if(!(o===0||r===0))return{props:{scaleX:o,scaleY:r}}}getInterpolatedProps(e,n,o){return{...o>.5?n.props:e.props,...n.props,segments:JD(e.props.segments,n.props.segments,o),scale:Me(e.props.scale,n.props.scale,o)}}};function a5e(t){return`M ${t.x} ${t.y} m -${.1}, 0 a ${.1},${.1} 0 1,0 ${.1*2},0 a ${.1},${.1} 0 1,0 -${.1*2},0`}function l5e(t,e){let n=e/2;return`M ${t.x} ${t.y} m -${n}, 0 a ${n},${n} 0 1,0 ${n*2},0 a ${n},${n} 0 1,0 -${n*2},0`}function c5e(t,e,n){let o=vu(t.props.segments,t.props.scaleX,t.props.scaleY),r=t.props.isComplete||Do(t.props.segments)?.type==="straight",i=e;!n&&!t.props.isPen&&o.length===1&&(i+=ka(t.id)()*(e/6));let s=dk({strokeWidth:i,showAsComplete:r});return{strokePoints:Zu(o,s),sw:i}}function oO(t){let e=t.props.segments[0];return t.props.segments.length===1&&qe.isSinglePoint(e.path,e.dim)}function rO({strokeWidth:t,forceSolid:e,shape:n,opacity:o,strokeColor:r}){let i=vu(n.props.segments,n.props.scaleX,n.props.scaleY),s=t;!e&&!n.props.isPen&&i.length===1&&(s+=ka(n.id)()*(s/6));let a=dk({strokeWidth:s,showAsComplete:n.props.isComplete||Do(n.props.segments)?.type==="straight"}),l=Zu(i,a),c=l.length>1?nf(l,!1):a5e(i[0]);return(0,Ju.jsx)("path",{d:c,strokeLinecap:"round",fill:"none",pointerEvents:"all",stroke:r,strokeWidth:s,opacity:o})}function Nhe(t,e){return z("forceSolid",()=>{let n=t.getEfficientZoomLevel();return e/n<1.5},[t,e])}var qn=_(j(),1);var $9=_(Jt(),1),bm=_(H(),1);var Vw=_(j(),1);function iO(){return(0,Vw.jsxs)("svg",{width:"15",height:"15",viewBox:"0 0 30 30",xmlns:"http://www.w3.org/2000/svg",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",children:[(0,Vw.jsx)("path",{d:"M3,11 L3,3 11,3",strokeWidth:"2"}),(0,Vw.jsx)("path",{d:"M19,27 L27,27 L27,19",strokeWidth:"2"}),(0,Vw.jsx)("path",{d:"M27,3 L3,27",strokeWidth:"2"})]})}var rf=_(H(),1);function _E({shapeId:t,assetId:e,width:n}){let o=O(),r=gc(),i=C3(),[s,a]=(0,rf.useState)(()=>({asset:e?o.getAsset(e)??null:null,url:null})),l=(0,rf.useRef)(!1),c=(0,rf.useRef)(null),d=(0,rf.useRef)(!1),u=(0,rf.useRef)(null);return(0,rf.useEffect)(()=>{let p=c.current!==e;if(c.current=e,p&&(d.current=!0),!e)return;let f=!1,h,g=Sn("update state",()=>{if(!r&&t&&o.getCulledShapes().has(t))return;let y=o.getAsset(e);if(!y){a(b=>({...b,asset:null,url:null}));return}if(!y.props.src){let b=o.getTemporaryAssetPreview(y.id);if(b){u.current!==b&&(u.current=b,a(v=>({...v,isPlaceholder:!0,url:b})),i());return}}let m=r?r.scale*(n/y.props.w):o.getEfficientZoomLevel()*(n/y.props.w);function S(b,v){f||u.current!==v&&(l.current=!0,u.current=v,a({asset:b,url:v}),i())}if(l.current&&!d.current){let b=0,v=()=>{b++,b>500/16&&(Fhe(o,e,m,r,w=>S(y,w)),h?.())};h?.(),o.on("tick",v),h=()=>o.off("tick",v)}else h?.(),Fhe(o,e,m,r,b=>S(y,b)),d.current=!1});return()=>{g(),h?.(),f=!0}},[o,e,r,i,t,n]),s}function Fhe(t,e,n,o,r){t.resolveAssetUrl(e,{screenScale:n,shouldResolveToOriginal:o?o.pixelRatio===null:!1,dpr:o?.pixelRatio??void 0}).then(i=>{r(i)})}var V9=["image/png","image/webp","image/gif","image/avif"];function u5e(t,e,n){let o=Math.max(0,Math.min(1,(e.x-n.minX)/n.w)),r=Math.max(0,Math.min(1,(e.y-n.minY)/n.h));if(t.crop){let{topLeft:i,bottomRight:s}=t.crop;o=i.x+o*(s.x-i.x),r=i.y+r*(s.y-i.y)}return t.flipX&&(o=1-o),t.flipY&&(r=1-r),{nx:o,ny:r}}function AE(t,e,n){let o=t.alphaDataGetter();if(!o)return!1;let{nx:r,ny:i}=u5e(t,e,n);return h5e(o,r,i)}var d5e=256,H9=new Jm(100),sO=new Set,ME=null;function p5e(t,e){return ME?(ME.width=t,ME.height=e):ME=new OffscreenCanvas(t,e),ME}function f5e(t,e,n){let o=t.getImageData(0,0,e,n),r=new Uint32Array(o.data.buffer),i=new Uint8Array(e*n);for(let s=0;s<i.length;s++)i[s]=r[s]>>>24;return i}function Bhe(t,e){if(typeof OffscreenCanvas>"u")return;let n=e??t;if(H9.has(n)||sO.has(n))return;sO.add(n);let o=oc();o.crossOrigin="anonymous",o.onload=async()=>{sO.delete(n);let{width:r,height:i}=o;if(r===0||i===0)return;let s=Math.min(1,d5e/Math.max(r,i)),a=Math.max(1,Math.round(r*s)),l=Math.max(1,Math.round(i*s)),c=null;try{c=await createImageBitmap(o,{resizeWidth:a,resizeHeight:l,resizeQuality:"low"})}catch{}let u=p5e(a,l).getContext("2d");u&&(c?(u.drawImage(c,0,0),c.close()):u.drawImage(o,0,0,a,l),H9.set(n,{width:a,height:l,alphas:f5e(u,a,l)}))},o.onerror=()=>{sO.delete(n)},o.src=t}function j9(t){return H9.get(t)??null}function h5e(t,e,n,o=10){let r=Math.min(Math.floor(e*t.width),t.width-1),i=Math.min(Math.floor(n*t.height),t.height-1);return t.alphas[i*t.width+r]<o}function zhe(t){return{alphaDataGetter:t.alphaDataGetter,crop:t.crop,flipX:t.flipX,flipY:t.flipY}}var aO=class extends Hn{alphaConfig;constructor(e){super(e),this.alphaConfig=zhe(e)}hitTestPoint(e,n=0,o=!1){return super.hitTestPoint(e,n,o)?!AE(this.alphaConfig,e,this.bounds):!1}ignoreHit(e){return AE(this.alphaConfig,e,this.bounds)}},lO=class extends Ng{alphaConfig;constructor(e){super(e),this.alphaConfig=zhe(e)}hitTestPoint(e,n=0,o=!1){return super.hitTestPoint(e,n,o)?!AE(this.alphaConfig,e,this.bounds):!1}ignoreHit(e){return AE(this.alphaConfig,e,this.bounds)}};async function m5e(t){let n=await(await tr(t)).blob();return Zn.blobToDataUrl(n)}var g5e=new Ot,RE=class extends vs{static type="image";static props=pT;static migrations=fT;static handledAssetTypes=["image"];options={getDefaultDisplayValues(){return{}},getCustomDisplayValues(){return{}}};isAspectRatioLocked(e){return!0}canCrop(e){return!0}isExportBoundsContainer(){return!0}getDefaultProps(){return{w:100,h:100,assetId:null,playing:!0,url:"",crop:null,flipX:!1,flipY:!1,altText:""}}createShapeForAsset(e,n){let o=e;return{id:Ke(),type:"image",x:n.x,y:n.y,opacity:1,props:{assetId:o.id,w:o.props.w,h:o.props.h}}}getGeometry(e){let n=e.props.assetId?this.editor.getAsset(e.props.assetId):null,o=n&&"mimeType"in n.props?n.props.mimeType:null,r=o!=null&&V9.includes(o),i=n&&"src"in n.props?n.props.src:null;if(e.props.crop?.isCircle){if(r&&i){let s=i;return new lO({width:e.props.w,height:e.props.h,isFilled:!0,alphaDataGetter:()=>j9(s),crop:e.props.crop,flipX:e.props.flipX,flipY:e.props.flipY})}return new Ng({width:e.props.w,height:e.props.h,isFilled:!0})}if(r&&i){let s=i;return new aO({width:e.props.w,height:e.props.h,isFilled:!0,alphaDataGetter:()=>j9(s),crop:e.props.crop,flipX:e.props.flipX,flipY:e.props.flipY})}return new Hn({width:e.props.w,height:e.props.h,isFilled:!0})}getAriaDescriptor(e){return e.props.altText}onResize(e,n){let o=Og(e,n),{flipX:r,flipY:i}=n.initialShape.props,{scaleX:s,scaleY:a}=n;if(o={...o,props:{...o.props,flipX:s<0!==r,flipY:a<0!==i}},!e.props.crop)return o;let l=s<0,c=a<0,{topLeft:d,bottomRight:u}=e.props.crop;return o.props.crop={topLeft:{x:l?1-u.x:d.x,y:c?1-u.y:d.y},bottomRight:{x:l?1-d.x:u.x,y:c?1-d.y:u.y},isCircle:e.props.crop.isCircle},o}component(e){return(0,qn.jsx)(y5e,{shape:e})}getIndicatorPath(e){if(this.editor.getCroppingShapeId()===e.id)return;let n=new Path2D;if(e.props.crop?.isCircle){let o=e.props.w/2,r=e.props.h/2;n.ellipse(o,r,o,r,0,0,Math.PI*2)}else n.rect(0,0,e.props.w,e.props.h);return n}async toSvg(e,n){let o=e.props;if(!o.assetId)return null;let r=this.editor.getAsset(o.assetId);if(!r)return null;let{w:i}=Es(e.props,o.crop),s=await g5e.get(r,async()=>{let a=await n.resolveAssetUrl(r.id,i);if(!a)return null;if((a.startsWith("blob:")||a.startsWith("http")||a.startsWith("/")||a.startsWith("./"))&&(a=await m5e(a)||""),Uhe(this.editor,r.id)){let{promise:l}=Vhe(a);a=await l}return a});return s?(0,qn.jsx)(S5e,{shape:e,src:s}):null}onDoubleClickEdge(e){let n=e.props;if(!n||this.editor.getCroppingShapeId()!==e.id)return;let o=yt(n.crop)||{topLeft:{x:0,y:0},bottomRight:{x:1,y:1}},{w:r,h:i}=Es(e.props,o),s=new T(o.topLeft.x*r,o.topLeft.y*i).rot(e.rotation),a={id:e.id,type:e.type,x:e.x-s.x,y:e.y-s.y,props:{crop:{topLeft:{x:0,y:0},bottomRight:{x:1,y:1}},w:r,h:i}};this.editor.updateShapes([a])}getInterpolatedProps(e,n,o){function r(i,s){if(i.props.crop===null&&s.props.crop===null)return null;let a=i.props.crop?.topLeft||{x:0,y:0},l=i.props.crop?.bottomRight||{x:1,y:1},c=s.props.crop?.topLeft||{x:0,y:0},d=s.props.crop?.bottomRight||{x:1,y:1};return{topLeft:{x:Me(a.x,c.x,o),y:Me(a.y,c.y,o)},bottomRight:{x:Me(l.x,d.x,o),y:Me(l.y,d.y,o)}}}return{...o>.5?n.props:e.props,w:Me(e.props.w,n.props.w,o),h:Me(e.props.h,n.props.h,o),crop:r(e,n)}}},y5e=(0,bm.memo)(function({shape:e}){let n=O(),{w:o}=Es(e.props,e.props.crop),{asset:r,url:i}=_E({shapeId:e.id,assetId:e.props.assetId,width:o}),s=QC(),[a,l]=(0,bm.useState)(""),[c,d]=(0,bm.useState)(null),u=r&&Uhe(n,r.id);(0,bm.useEffect)(()=>{if(i&&u){let{promise:w,cancel:x}=Vhe(i);return w.then(C=>{l(C),d(i)}),()=>{x()}}},[n,u,s,i]);let p=r&&"mimeType"in r.props?r.props.mimeType:null,f=p!=null&&V9.includes(p),h=r&&"src"in r.props?r.props.src:null;(0,bm.useEffect)(()=>{i&&f&&Bhe(i,h??void 0)},[i,f,h]);let g=z("show crop preview",()=>e.id===n.getOnlySelectedShapeId()&&n.getCroppingShapeId()===e.id&&n.isIn("select.crop"),[n,e.id]),y=s&&(r?.props.mimeType?.includes("video")||u),m=Hhe(e),S=i===c?null:i,b=y?a:c;if(!i&&!r?.props.src)return(0,qn.jsxs)(Xs,{id:e.id,style:{overflow:"hidden",width:e.props.w,height:e.props.h,color:"var(--tl-color-text-3)",backgroundColor:"var(--tl-color-low)",border:"1px solid var(--tl-color-low-border)"},children:[(0,qn.jsx)("div",{className:(0,$9.default)("tl-image-container",r&&"tl-image-container-loading"),style:m,children:r?null:(0,qn.jsx)(iO,{})}),"url"in e.props&&e.props.url&&(0,qn.jsx)(Gc,{url:e.props.url})]});let v=u?"anonymous":void 0;return(0,qn.jsxs)(qn.Fragment,{children:[g&&b&&(0,qn.jsx)("div",{style:m,children:(0,qn.jsx)("img",{className:"tl-image",style:{...kE(e),opacity:.1},crossOrigin:v,src:b,referrerPolicy:"strict-origin-when-cross-origin",draggable:!1,alt:""})}),(0,qn.jsxs)(Xs,{id:e.id,style:{overflow:"hidden",width:e.props.w,height:e.props.h,borderRadius:e.props.crop?.isCircle?"50%":void 0},children:[(0,qn.jsxs)("div",{className:(0,$9.default)("tl-image-container"),style:m,children:[b&&(0,qn.jsx)("img",{className:"tl-image",style:kE(e),crossOrigin:v,src:b,referrerPolicy:"strict-origin-when-cross-origin",draggable:!1,alt:e.props.altText},b),S&&(0,qn.jsx)("img",{className:"tl-image",style:kE(e),crossOrigin:v,src:S,referrerPolicy:"strict-origin-when-cross-origin",draggable:!1,alt:e.props.altText,onLoad:()=>d(S)},S)]}),e.props.url&&(0,qn.jsx)(Gc,{url:e.props.url})]})]})});function Uhe(t,e){let n=e?t.getAsset(e):void 0;return n?"mimeType"in n.props&&xi.isAnimatedImageType(n?.props.mimeType)||"isAnimated"in n.props&&n.props.isAnimated:!1}function Hhe(t){let e=t.props.crop,n=e?.topLeft;if(!n)return{width:t.props.w,height:t.props.h};let{w:o,h:r}=Es(t.props,e),i=-n.x*o,s=-n.y*r;return{transform:`translate(${i}px, ${s}px)`,width:o,height:r}}function kE(t,e){let{flipX:n,flipY:o,crop:r}=t.props;if(!n&&!o)return;let i,s;if(r){let{w:c,h:d}=Es(t.props,r),u=r.bottomRight.x-r.topLeft.x,p=r.bottomRight.y-r.topLeft.y;i=Qr(r.topLeft.x,[0,1-u],[0,c-t.props.w]),s=Qr(r.topLeft.y,[0,1-p],[0,d-t.props.h])}let a=`scale(${n?-1:1}, ${o?-1:1})`;return{transform:`${e?`translate(${(n?e.width:0)-(i||0)}px,
+		             ${(o?e.height:0)-(s||0)}px)`:""} ${a}`,transformOrigin:e?"0 0":"center center"}}function S5e({shape:t,src:e}){let n=Wi(),o=Hhe(t),r=t.props.crop;if(o.transform&&r){let{transform:i,width:s,height:a}=o,l=(r.bottomRight.x-r.topLeft.x)*s,c=(r.bottomRight.y-r.topLeft.y)*a,d=[new T(0,0),new T(l,0),new T(l,c),new T(0,c)],u=kE(t,{width:s,height:a});return(0,qn.jsxs)(qn.Fragment,{children:[(0,qn.jsx)("defs",{children:(0,qn.jsx)("clipPath",{id:n,children:r.isCircle?(0,qn.jsx)("ellipse",{cx:l/2,cy:c/2,rx:l/2,ry:c/2}):(0,qn.jsx)("polygon",{points:d.map(p=>`${p.x},${p.y}`).join(" ")})})}),(0,qn.jsx)("g",{clipPath:`url(#${n})`,children:(0,qn.jsx)("image",{href:e,width:s,height:a,"aria-label":t.props.altText,style:u?{...u}:{transform:i}})})]})}else return(0,qn.jsx)("image",{href:e,width:t.props.w,height:t.props.h,"aria-label":t.props.altText,style:kE(t,{width:t.props.w,height:t.props.h})})}function Vhe(t){let e=!1;return{promise:new Promise(o=>{let r=oc();r.onload=()=>{if(e)return;let i=Ln().createElement("canvas");i.width=r.width,i.height=r.height;let s=i.getContext("2d");s&&(s.drawImage(r,0,0),o(i.toDataURL()))},r.crossOrigin="anonymous",r.src=t}),cancel:()=>e=!0}}var cO=_(j(),1);var b5e=new Ot,OE=class extends ir{static type="line";static props=gT;static migrations=yT;options={getDefaultDisplayValues(e,n,o,r){let{color:i,size:s}=n.props;return{strokeColor:ft(o.colors[r],i,"solid"),strokeWidth:o.strokeWidth*vn[s]}},getCustomDisplayValues(){return{}}};hideResizeHandles(e){return!0}hideRotateHandle(e){return!0}hideSelectionBoundsFg(e){return!0}hideSelectionBoundsBg(e){return!0}hideInMinimap(){return!0}getDefaultProps(){let[e,n]=ru(2);return{dash:"draw",size:"m",color:"black",spline:"line",points:{[e]:{id:e,index:e,x:0,y:0},[n]:{id:n,index:n,x:.1,y:.1}},scale:1}}getGeometry(e){let n=K9(e).toGeometry();return ne(n instanceof Qg),n}getHandles(e){return b5e.get(e.props,()=>{let n=this.getGeometry(e),o=DE(e),r=o.map(i=>({...i,id:i.index,type:"vertex",canSnap:!0}));for(let i=0;i<o.length-1;i++){let s=yl(o[i].index,o[i+1].index),l=n.getSegments()[i].interpolateAlongEdge(.5);r.push({id:s,type:"create",index:s,x:l.x,y:l.y,canSnap:!0})}return r.sort(Un)})}onResize(e,n){let{scaleX:o,scaleY:r}=n;return{props:{points:ei(e.props.points,(i,{id:s,index:a,x:l,y:c})=>({id:s,index:a,x:l*o,y:c*r}))}}}onBeforeCreate(e){let{props:{points:n}}=e,o=Object.keys(n);if(o.length<2)return;let r=n[o[0]];if(o.every(s=>{let a=n[s];return a.x===r.x&&a.y===r.y})){let s=o[o.length-1];return n[s]={...n[s],x:n[s].x+.1,y:n[s].y+.1},e}}onHandleDrag(e,{handle:n}){let o=Wo(new T(n.x,n.y),this.editor);return{...e,props:{...e.props,points:{...e.props.points,[n.id]:{id:n.id,index:n.index,x:o.x,y:o.y}}}}}onHandleDragStart(e,{handle:n}){if(n.type==="create")return{...e,props:{...e.props,points:{...e.props.points,[n.index]:{id:n.index,index:n.index,x:n.x,y:n.y}}}}}component(e){let n=No(),o=Ee(this,e,n);return(0,cO.jsx)(Yi,{style:{minWidth:50,minHeight:50},children:(0,cO.jsx)(jhe,{shape:e,strokeColor:o.strokeColor,strokeWidth:o.strokeWidth})})}getIndicatorPath(e){let n=Ee(this,e).strokeWidth*e.props.scale,o=K9(e),{dash:r}=e.props;return o.toPath2D({style:r==="draw"?"draw":"solid",strokeWidth:1,passes:1,randomSeed:e.id,offset:0,roundness:n*2})}toSvg(e,n){let o=Ee(this,e,n.colorMode);return(0,cO.jsx)(jhe,{shouldScale:!0,shape:e,strokeColor:o.strokeColor,strokeWidth:o.strokeWidth})}getHandleSnapGeometry(e){let n=DE(e);return{points:n,getSelfSnapPoints:o=>{let r=this.getHandles(e).filter(i=>i.type==="vertex").findIndex(i=>i.id===o.id);return n.filter((i,s)=>Math.abs(s-r)>1).map(T.From)},getSelfSnapOutline:o=>{let r=this.getHandles(e).filter(s=>s.type==="vertex").findIndex(s=>s.id===o.id),i=this.getGeometry(e).getSegments().filter((s,a)=>a!==r-1&&a!==r);return i.length?new go({children:i}):null}}}getInterpolatedProps(e,n,o){let r=DE(e),i=DE(n),s=[],a=[],l=ng;if(r.length>i.length)for(let c=0;c<r.length;c++)s[c]={...r[c]},i[c]===void 0?a[c]={...i[i.length-1],id:l}:a[c]={...i[c],id:l},l=Sr(l);else if(i.length>r.length)for(let c=0;c<i.length;c++)a[c]={...i[c]},r[c]===void 0?s[c]={...r[r.length-1],id:l}:s[c]={...r[c],id:l},l=Sr(l);else for(let c=0;c<i.length;c++)s[c]=r[c],a[c]=i[c];return{...o>.5?n.props:e.props,points:Object.fromEntries(s.map((c,d)=>{let u=a[d];return[c.id,{...c,x:Me(c.x,u.x,o),y:Me(c.y,u.y,o)}]})),scale:Me(e.props.scale,n.props.scale,o)}}};function DE(t){return Object.values(t.props.points).sort(Un)}var v5e=new Ot;function K9(t){return v5e.get(t,()=>{let e=DE(t).map(T.From);switch(t.props.spline){case"cubic":return Kt.cubicSplineThroughPoints(e,{endOffsets:0});case"line":return Kt.lineThroughPoints(e,{endOffsets:0})}})}function jhe({shape:t,shouldScale:e=!1,forceSolid:n=!1,strokeColor:o,strokeWidth:r}){let i=K9(t),{dash:s}=t.props,a=1/t.props.scale,l=e?a:1,c=r*t.props.scale;return i.toSvg({style:s,strokeWidth:c,forceSolid:n,randomSeed:t.id,props:{transform:`scale(${l})`,stroke:o,fill:"none"}})}var Zt=_(j(),1);var dO=_(H(),1);var w5e=Object.freeze({start:"start",middle:"center",end:"end","start-legacy":"start","end-legacy":"end","middle-legacy":"center"}),x5e=Object.freeze({start:"start",middle:"middle",end:"end"}),LE=class extends ir{static type="note";static props=ST;static migrations=bT;options={resizeMode:"none",getDefaultDisplayValues(e,n,o,r){let{color:i,labelColor:s,font:a,size:l,align:c,verticalAlign:d}=n.props,u=o.colors[r];return{noteWidth:200,noteHeight:200,noteBackgroundColor:ft(u,i,"noteFill"),borderColor:u.noteBorder,borderWidth:2,labelColor:s==="black"?ft(u,i,"noteText"):ft(u,s,"fill"),labelFontFamily:qa(o,a),labelFontSize:o.fontSize*s1[l],labelLineHeight:o.lineHeight,labelFontWeight:Lr.fontWeight,labelFontVariant:Lr.fontVariant,labelFontStyle:Lr.fontStyle,labelPadding:dp,labelHorizontalAlign:w5e[c],labelVerticalAlign:x5e[d]}},getCustomDisplayValues(){return{}}};canEdit(e){return!0}hideResizeHandles(e){let{resizeMode:n}=this.options;switch(n){case"none":return!0;case"scale":return!1;default:throw Ve(n)}}isAspectRatioLocked(e){return this.options.resizeMode==="scale"}hideSelectionBoundsFg(e){return!1}getDefaultProps(){return{color:"black",richText:jt(""),size:"m",font:"draw",align:"middle",verticalAlign:"middle",labelColor:"black",growY:0,fontSizeAdjustment:1,url:"",scale:1,textLastEditedBy:null}}getGeometry(e){let{labelHeight:n,labelWidth:o}=this.getLabelSize(e),{scale:r}=e.props,i=Ee(this,e),s=n*r,a=o*r,l=i.noteWidth*r,c=uO(e,i.noteHeight);return new go({children:[new Hn({width:l,height:c,isFilled:!0}),new Hn({x:i.labelHorizontalAlign==="start"?0:i.labelHorizontalAlign==="end"?l-a:(l-a)/2,y:i.labelVerticalAlign==="start"?0:i.labelVerticalAlign==="end"?c-s:(c-s)/2,width:a,height:s,isFilled:!0,isLabel:!0,excludeFromShapeBounds:!0})]})}getHandles(e){let{scale:n}=e.props;if(this.editor.getInstanceState().isCoarsePointer)return[];let r=this.editor.getEfficientZoomLevel();if(r*n<.25)return[];let i=Ee(this,e),s=uO(e,i.noteHeight),a=i.noteWidth*n,l=ehe/r*n;return r*n<.5?[{id:"bottom",index:"a3",type:"clone",x:a/2,y:s+l}]:[{id:"top",index:"a1",type:"clone",x:a/2,y:-l},{id:"right",index:"a2",type:"clone",x:a+l,y:s/2},{id:"bottom",index:"a3",type:"clone",x:a/2,y:s+l},{id:"left",index:"a4",type:"clone",x:-l,y:s/2}]}onResize(e,n){let{resizeMode:o}=this.options;switch(o){case"none":return;case"scale":return pC(e,n);default:throw Ve(o)}}getText(e){return Za(this.editor,e.props.richText)}getReferencedUserIds(e){return e.props.textLastEditedBy?[e.props.textLastEditedBy]:[]}getFontFaces(e){let n=pn(e.props.richText)?[]:up(this.editor,e.props.richText,{family:`tldraw_${e.props.font}`,weight:"normal",style:"normal"});if(e.props.textLastEditedBy&&!pn(e.props.richText))return[...n,ay.tldraw_sans.normal.normal];let o=_h(this.editor.getCurrentTheme(),e.props.font);return o?[...o,...n]:n.length?n:pt}component(e){let{id:n,type:o,props:r}=e,{scale:i,richText:s,fontSizeAdjustment:a,textLastEditedBy:l}=r,c=T5e(n),d=z("shape rotation",()=>this.editor.getShapePageTransform(n)?.rotation()??0,[this.editor]),u=No(),p=Ee(this,e,u),f=p.noteWidth*i,h=uO(e,p.noteHeight),g=ym(.25/i),y=e.id===this.editor.getOnlySelectedShapeId(),m=mE(this.editor,e.id),S=pn(s),b=z("attribution",()=>{if(!l||S)return null;let v=this.editor.getAttributionDisplayName(l);return v?{short:v.split(" ")[0],full:v}:null},[l,S,this.editor]);return(0,Zt.jsxs)(Zt.Fragment,{children:[(0,Zt.jsxs)("div",{id:n,className:"tl-note__container",style:{width:f,height:h,backgroundColor:p.noteBackgroundColor,borderBottom:g?`${p.borderWidth*i}px solid ${p.borderColor}`:"none",boxShadow:g?"none":C5e(e.id,d,i)},children:[b&&(0,Zt.jsx)(aa,{content:b.full,side:"bottom",children:(0,Zt.jsx)("div",{className:"tl-note__attribution",style:{"--note-attribution-scale":i,fontSize:11*i,color:p.labelColor,opacity:.6},children:b.short})}),(y||m||!S)&&(0,Zt.jsx)(ef,{shapeId:n,type:o,fontFamily:p.labelFontFamily,fontSize:(a??1)*p.labelFontSize,lineHeight:p.labelLineHeight,textAlign:p.labelHorizontalAlign,verticalAlign:p.labelVerticalAlign,richText:s,isSelected:y,labelColor:p.labelColor,wrap:!0,padding:p.labelPadding,hasCustomTabBehavior:!0,showTextOutline:!1,onKeyDown:c,style:i!==1?{transform:`scale(${i})`,transformOrigin:"top left",width:p.noteWidth,height:p.noteHeight+e.props.growY}:void 0})]}),"url"in e.props&&e.props.url&&(0,Zt.jsx)(Gc,{url:e.props.url})]})}getIndicatorPath(e){let{scale:n}=e.props,o=Ee(this,e),r=new Path2D;return r.rect(0,0,o.noteWidth*n,uO(e,o.noteHeight)),r}toSvg(e,n){let o=Ee(this,e,n.colorMode),r=new q(0,0,o.noteWidth,o.noteHeight+e.props.growY),i=`note-shadow-${e.id.replace(/:/g,"_")}`;n.addExportDef({key:i,getElement:()=>(0,Zt.jsxs)("filter",{id:i,x:"-10%",y:"-10%",width:"130%",height:"150%",children:[(0,Zt.jsx)("feMorphology",{in:"SourceAlpha",operator:"erode",radius:"3",result:"erode1"}),(0,Zt.jsx)("feGaussianBlur",{in:"erode1",stdDeviation:"3",result:"blur1"}),(0,Zt.jsx)("feOffset",{in:"blur1",dy:"3",result:"offsetBlur1"}),(0,Zt.jsx)("feComponentTransfer",{in:"offsetBlur1",result:"shadow1",children:(0,Zt.jsx)("feFuncA",{type:"linear",slope:"0.5"})}),(0,Zt.jsx)("feMorphology",{in:"SourceAlpha",operator:"erode",radius:"10",result:"erode2"}),(0,Zt.jsx)("feGaussianBlur",{in:"erode2",stdDeviation:"6",result:"blur2"}),(0,Zt.jsx)("feOffset",{in:"blur2",dy:"6",result:"offsetBlur2"}),(0,Zt.jsx)("feComponentTransfer",{in:"offsetBlur2",result:"shadow2",children:(0,Zt.jsx)("feFuncA",{type:"linear",slope:"0.5"})}),(0,Zt.jsxs)("feMerge",{children:[(0,Zt.jsx)("feMergeNode",{in:"shadow1"}),(0,Zt.jsx)("feMergeNode",{in:"shadow2"}),(0,Zt.jsx)("feMergeNode",{in:"SourceGraphic"})]})]})});let{textLastEditedBy:s}=e.props,a=s&&!pn(e.props.richText)?this.editor.getAttributionDisplayName(s)?.split(" ")[0]??null:null;return(0,Zt.jsxs)(Zt.Fragment,{children:[n.isDarkMode?null:(0,Zt.jsx)("rect",{rx:1,width:o.noteWidth,height:r.h,fill:o.noteBackgroundColor,filter:`url(#${i})`}),(0,Zt.jsx)("rect",{rx:1,width:o.noteWidth,height:r.h,fill:o.noteBackgroundColor}),(0,Zt.jsx)(tf,{fontSize:(e.props.fontSizeAdjustment??1)*o.labelFontSize,fontFamily:o.labelFontFamily,lineHeight:o.labelLineHeight,textAlign:o.labelHorizontalAlign,verticalAlign:o.labelVerticalAlign,richText:e.props.richText,labelColor:o.labelColor,bounds:r,padding:o.labelPadding,showTextOutline:!1}),a&&(0,Zt.jsx)("foreignObject",{x:0,y:0,width:o.noteWidth,height:r.h,className:"tl-export-embed-styles",children:(0,Zt.jsx)("div",{style:{position:"relative",width:"100%",height:"100%"},children:(0,Zt.jsx)("div",{className:"tl-note__attribution",style:{fontSize:11,color:o.labelColor,opacity:.6},children:a})})})]})}onBeforeCreate(e){return this.getNoteSizeAdjustments(e)}onBeforeUpdate(e,n){let o=!(0,Ho.default)(e.props.richText,n.props.richText);if(!o&&e.props.font===n.props.font&&e.props.size===n.props.size)return;let r=n;return o&&(pn(n.props.richText)?r={...r,props:{...r.props,textLastEditedBy:null}}:r={...r,props:{...r.props,textLastEditedBy:this.editor.getAttributionUserId()}}),this.getNoteSizeAdjustments(r)??(o?r:void 0)}getInterpolatedProps(e,n,o){return{...o>.5?n.props:e.props,scale:Me(e.props.scale,n.props.scale,o)}}getNoteSizeAdjustments(e){let n=Ee(this,e),{labelHeight:o,fontSizeAdjustment:r}=this.getLabelSize(e),i=Math.max(0,o-n.noteHeight);if(i!==e.props.growY||r!==e.props.fontSizeAdjustment)return{...e,props:{...e.props,growY:i,fontSizeAdjustment:r}}}_labelSizesForNoteCache=new Ot;getLabelSize(e){return this._labelSizesForNoteCache.get(e,()=>this.measureNoteLabelSize(e))}measureNoteLabelSize(e){let n=Ee(this,e),{richText:o}=e.props;if(pn(o))return{labelHeight:Qs(n.labelFontSize,n.labelLineHeight)+n.labelPadding*2,labelWidth:100,fontSizeAdjustment:1};let r=n.labelFontSize,i=r,s=0,a=n.noteHeight,l=n.noteWidth,c=1;do{i=Math.min(r,r-s);let d=Xa(this.editor,o),u=this.editor.textMeasure.measureHtml(d,{...Lr,lineHeight:n.labelLineHeight,fontFamily:n.labelFontFamily,fontSize:i,maxWidth:n.noteWidth-n.labelPadding*2-c,disableOverflowWrapBreaking:!0,measureScrollWidth:!0});if(a=u.h+n.labelPadding*2,l=u.w+n.labelPadding*2,i<=14){let p=Xa(this.editor,o),f=this.editor.textMeasure.measureHtml(p,{...Lr,lineHeight:n.labelLineHeight,fontFamily:n.labelFontFamily,fontSize:i,maxWidth:n.noteWidth-n.labelPadding*2-c});a=f.h+n.labelPadding*2,l=f.w+n.labelPadding*2;break}if(u.scrollWidth.toFixed(0)===u.w.toFixed(0))break}while(s++<50);return{labelHeight:a,labelWidth:l,fontSizeAdjustment:i===r?1:i/r}}};function T5e(t){let e=O(),n=(0,dO.useContext)(n1);return(0,dO.useCallback)(o=>{let r=e.getShape(t);if(!r)return;let i=o.key==="Tab",s=(o.metaKey||o.ctrlKey)&&o.key==="Enter";if(i&&dR(e)){o.preventDefault();return}if(i||s){o.preventDefault();let a=e.getShapePageTransform(t),l=a.rotation(),c=!!(n?.dir==="rtl"||pR(Za(e,r.props.richText))),d=e.getShapeUtil(r),u=Ee(d,r),f=(i?u.noteWidth+e.options.adjacentShapeMargin:u.noteHeight+e.options.adjacentShapeMargin+(s&&!o.shiftKey?r.props.growY:0))*r.props.scale,h=new T(i?o.shiftKey!=c?-1:1:0,s?o.shiftKey?-1:1:0).mul(f).add(new T(u.noteWidth/2,u.noteHeight/2).mul(r.props.scale)).rot(l).add(a.point()),g=VD(e,{shape:r,center:h,pageRotation:l,noteWidth:u.noteWidth,noteHeight:u.noteHeight});g&&oo(e,g,{selectAll:!0})}},[t,e,n?.dir])}function uO(t,e){return(e+t.props.growY)*t.props.scale}function C5e(t,e,n){let o=ka(t),r=Math.abs(o())+.5,i=Math.cos(e),s=5*n,a=4*n,l=6*n,c=7*n;return`0px ${Math.max(0,s-r)}px ${s}px -${s}px rgba(15, 23, 31, .6),
+	0px ${(a+r*c)*Math.max(0,i)}px ${l+r*c}px -${a+r*l}px rgba(15, 23, 31, ${(.3+r*.1).toFixed(2)}),
+	0px ${48*n}px ${10*n}px -${10*n}px inset rgba(15, 23, 44, ${((.022+o()*.005)*((1+i)/2)).toFixed(2)})`}var G9=_(j(),1);var $he=_(H(),1);var P5e=.3,E5e=Na("text size",(t,e)=>{t.fonts.trackFontsForShape(e);let n=t.getShapeUtil(e),o=Ee(n,e);return Khe(t,e.props,o)},{areRecordsEqual:(t,e)=>t.props===e.props}),NE=class extends ir{static type="text";static props=vT;static migrations=wT;options={extraArrowHorizontalPadding:10,showTextOutline:!0,getDefaultDisplayValues(e,n,o,r){let{color:i,font:s,size:a}=n.props;return{color:ft(o.colors[r],i,"solid"),fontFamily:qa(o,s),fontSize:o.fontSize*ny[a],lineHeight:o.lineHeight,fontWeight:Lr.fontWeight,fontStyle:Lr.fontStyle,fontVariant:Lr.fontVariant}},getCustomDisplayValues(){return{}}};getDefaultProps(){return{color:"black",size:"m",w:8,font:"draw",textAlign:"start",autoSize:!0,scale:1,richText:jt("")}}getMinDimensions(e){return E5e.get(this.editor,e.id)}getGeometry(e,n){let{scale:o}=e.props,{width:r,height:i}=this.getMinDimensions(e),s=n?.context??"none";return new Hn({x:(s==="@tldraw/arrow-without-arrowhead"?-this.options.extraArrowHorizontalPadding:0)*o,width:(r+(s==="@tldraw/arrow-without-arrowhead"?this.options.extraArrowHorizontalPadding*2:0))*o,height:i*o,isFilled:!0,isLabel:!0})}getFontFaces(e){let n=_h(this.editor.getCurrentTheme(),e.props.font);return n||up(this.editor,e.props.richText,{family:`tldraw_${e.props.font}`,weight:"normal",style:"normal"})}getText(e){return Za(this.editor,e.props.richText)}canEdit(e){return!0}isAspectRatioLocked(e){return!0}component(e){let{id:n,props:{richText:o,scale:r,textAlign:i}}=e,{width:s,height:a}=this.getMinDimensions(e),l=e.id===this.editor.getOnlySelectedShapeId(),c=No(),d=Ee(this,e,c),u=I5e(n);return(0,G9.jsx)(ef,{shapeId:n,classNamePrefix:"tl-text-shape",type:"text",fontFamily:d.fontFamily,fontSize:d.fontSize,lineHeight:d.lineHeight,textAlign:i==="middle"?"center":i,verticalAlign:"middle",richText:o,labelColor:d.color,isSelected:l,textWidth:s,textHeight:a,showTextOutline:this.options.showTextOutline,style:{transform:`scale(${r})`,transformOrigin:"top left"},wrap:!0,onKeyDown:u})}getIndicatorPath(e){if(e.props.autoSize&&this.editor.getEditingShapeId()===e.id)return;let n=this.editor.getShapeGeometry(e).bounds,o=new Path2D;return o.rect(0,0,n.width,n.height),o}toSvg(e,n){let o=this.editor.getShapeGeometry(e).bounds,r=o.width/(e.props.scale??1),i=o.height/(e.props.scale??1),s=Ee(this,e,n.colorMode),a=Math.ceil(s.fontSize*P5e),l=new q(-a,-a,r+a*2,i+a*2);return(0,G9.jsx)(tf,{fontSize:s.fontSize,fontFamily:s.fontFamily,lineHeight:s.lineHeight,textAlign:e.props.textAlign==="middle"?"center":e.props.textAlign,verticalAlign:"middle",richText:e.props.richText,labelColor:s.color,bounds:l,padding:a,showTextOutline:this.options.showTextOutline})}onResize(e,n){let{newPoint:o,initialBounds:r,initialShape:i,scaleX:s,handle:a}=n;if(n.mode==="scale_shape"||a!=="right"&&a!=="left")return{id:e.id,type:e.type,...pC(e,n)};{let l=Math.max(1,Math.abs(r.width*s)),{x:c,y:d}=s<0?T.Sub(o,T.FromAngle(e.rotation).mul(l)):o;return{id:e.id,type:e.type,x:c,y:d,props:{w:l/i.props.scale,autoSize:!1}}}}onEditEnd(e){Za(this.editor,e.props.richText).trimEnd().length===0&&this.editor.deleteShapes([e.id])}onBeforeUpdate(e,n){if(!n.props.autoSize)return;let o=e.props.size!==n.props.size||e.props.textAlign!==n.props.textAlign||e.props.font!==n.props.font||e.props.scale!==1&&n.props.scale===1,r=!(0,Ho.default)(e.props.richText,n.props.richText);if(!o&&!r)return;let i=this.getMinDimensions(e),s=Ee(this,n),a=Khe(this.editor,n.props,s),l=i.width*e.props.scale,c=i.height*e.props.scale,d=a.width*n.props.scale,u=a.height*n.props.scale,p;switch(n.props.textAlign){case"middle":{p=new T((d-l)/2,r?0:(u-c)/2);break}case"end":{p=new T(d-l,r?0:(u-c)/2);break}default:{if(r)break;p=new T(0,(u-c)/2);break}}if(p){p.rot(n.rotation);let{x:f,y:h}=n;return{...n,x:f-p.x,y:h-p.y,props:{...n.props,w:d}}}else return{...n,props:{...n.props,w:d}}}};function Khe(t,e,n){let{richText:o,w:r}=e,i=16,s=e.autoSize?null:Math.max(i,Math.floor(r)),a=Xa(t,o),l=t.textMeasure.measureHtml(a,{lineHeight:n.lineHeight,fontWeight:n.fontWeight,fontStyle:n.fontStyle,padding:"0px",fontFamily:n.fontFamily,fontSize:n.fontSize,maxWidth:s});return{width:s??Math.max(i,l.w+1),height:Math.max(n.fontSize,l.h)}}function I5e(t){let e=O();return(0,$he.useCallback)(n=>{e.getEditingShapeId()===t&&n.key==="Enter"&&(n.ctrlKey||n.metaKey)&&e.complete()},[e,t])}var mi=_(j(),1);var Ghe=_(Jt(),1),Zl=_(H(),1);var _5e=new Ot,FE=class extends vs{static type="video";static props=xT;static migrations=TT;static handledAssetTypes=["video"];options={autoplay:!0,getDefaultDisplayValues(){return{}},getCustomDisplayValues(){return{}}};canEdit(e){return!0}isAspectRatioLocked(e){return!0}getDefaultProps(){return{w:100,h:100,assetId:null,autoplay:this.options.autoplay,url:"",altText:"",time:0,playing:!0}}createShapeForAsset(e,n){let o=e;return{id:Ke(),type:"video",x:n.x,y:n.y,opacity:1,props:{assetId:o.id,w:o.props.w,h:o.props.h}}}getAriaDescriptor(e){return e.props.altText}component(e){return(0,mi.jsx)(M5e,{shape:e})}getIndicatorPath(e){let n=new Path2D;return n.rect(0,0,e.props.w,e.props.h),n}async toSvg(e,n){let o=e.props;if(!o.assetId)return null;let r=this.editor.getAsset(o.assetId);if(!r)return null;let i=await _5e.get(r,async()=>{let s=await n.resolveAssetUrl(r.id,o.w);if(!s)return null;let a=await xi.loadVideo(s,this.editor.getContainerDocument());return await xi.getVideoFrameAsDataUrl(a,0)});return i?(0,mi.jsx)("image",{href:i,width:o.w,height:o.h,"aria-label":e.props.altText}):null}},M5e=(0,Zl.memo)(function({shape:e}){let n=O(),o=n.getShapeGeometry(e).bounds.w*n.getEfficientZoomLevel()>=110,r=qd(e.id),i=QC(),{Spinner:s}=eo(),{asset:a,url:l}=_E({shapeId:e.id,assetId:e.props.assetId,width:e.props.w}),c=(0,Zl.useRef)(null),[d,u]=(0,Zl.useState)(!1),p=(0,Zl.useCallback)(g=>{g.currentTarget&&u(!0)},[]),[f,h]=(0,Zl.useState)(!1);return(0,Zl.useEffect)(()=>{let g=c.current?.ownerDocument??n.getContainerDocument(),y=()=>h(g.fullscreenElement===c.current);return g.addEventListener("fullscreenchange",y),()=>g.removeEventListener("fullscreenchange",y)}),(0,Zl.useEffect)(()=>{let g=c.current;g&&r&&g.ownerDocument.activeElement!==g&&g.focus()},[r,d]),(0,mi.jsxs)(mi.Fragment,{children:[(0,mi.jsx)(Xs,{id:e.id,style:{color:"var(--tl-color-text-3)",backgroundColor:a?"transparent":"var(--tl-color-low)",border:a?"none":"1px solid var(--tl-color-low-border)"},children:(0,mi.jsx)("div",{className:"tl-counter-scaled",children:(0,mi.jsx)("div",{className:"tl-video-container",children:a?s&&!a.props.src?(0,mi.jsx)(s,{}):l?(0,mi.jsxs)(mi.Fragment,{children:[(0,mi.jsx)("video",{ref:c,style:r?{pointerEvents:"all"}:d?void 0:{display:"none"},className:(0,Ghe.default)("tl-video",`tl-video-shape-${e.id.split(":")[1]}`,{"tl-video-is-fullscreen":f}),width:"100%",height:"100%",draggable:!1,playsInline:!0,autoPlay:e.props.autoplay&&!i,muted:!0,loop:!0,disableRemotePlayback:!0,disablePictureInPicture:!0,controls:r&&o,onLoadedData:p,hidden:!d,"aria-label":e.props.altText,children:(0,mi.jsx)("source",{src:l})},l),!d&&s&&(0,mi.jsx)(s,{})]}):null:(0,mi.jsx)(iO,{})})})}),"url"in e.props&&e.props.url&&(0,mi.jsx)(Gc,{url:e.props.url})]})});var BE=[NE,vE,xE,EE,LE,OE,PE,bE,IE,eS,RE,FE];function W9(t){let e=t.sideEffects.register({instance:{afterChange:(n,o)=>{n.cameraState!==o.cameraState&&o.cameraState==="idle"&&$c(t)}},instance_page_state:{afterChange:(n,o)=>{if(n.croppingShapeId!==o.croppingShapeId){let r=t.isIn("select.crop");!n.croppingShapeId&&o.croppingShapeId?r||t.setCurrentTool("select.crop.idle"):n.croppingShapeId&&!o.croppingShapeId&&r&&t.setCurrentTool("select.idle")}if(n.editingShapeId!==o.editingShapeId)if(!n.editingShapeId&&o.editingShapeId){if(!t.isIn("select.editing_shape")){let r=t.getEditingShape();r&&r.type==="text"&&t.isInAny("text.pointing","select.resizing")&&t.getInstanceState().isToolLocked?t.setCurrentTool("select.editing_shape",{target:"shape",shape:r,isCreatingTextWhileToolLocked:!0}):t.setCurrentTool("select.editing_shape",{target:"shape",shape:r})}}else n.editingShapeId&&!o.editingShapeId&&t.isIn("select.editing_shape")&&t.setCurrentTool("select.idle")}}});return()=>{e(),hm(t)}}var pO=class extends X{static id="erasing";static trackPerformance=!0;info={};scribbleId="id";markId="";excludedShapeIds=new Set;_erasingShapeIds=[];onEnter(e){this.markId=this.editor.markHistoryStoppingPoint("erase scribble begin"),this.info=e;let n=this.editor.inputs.getOriginPagePoint();this.excludedShapeIds=new Set(this.editor.getCurrentPageShapes().filter(r=>{if(this.editor.isShapeOrAncestorLocked(r))return!0;if(this.editor.isShapeOfType(r,"group")||this.editor.isShapeFrameLike(r)){let i=this.editor.getPointInShapeSpace(r,n);return this.editor.getShapeGeometry(r).bounds.containsPoint(i)}return!1}).map(r=>r.id)),this._erasingShapeIds=this.editor.getShapesAtPoint(n).filter(r=>!this.excludedShapeIds.has(r.id)).map(r=>r.id),this.editor.setErasingShapes([...new Set([...this.editor.getErasingShapeIds(),...this._erasingShapeIds])]);let o=this.editor.scribbles.addScribble({color:"muted-1",size:12});this.scribbleId=o.id,this.update()}pushPointToScribble(){let{x:e,y:n}=this.editor.inputs.getCurrentPagePoint();this.editor.scribbles.addPoint(this.scribbleId,e,n)}onExit(){this.editor.setErasingShapes([]),this.editor.scribbles.stop(this.scribbleId)}onPointerMove(){this.update()}onPointerUp(e){this.complete(e)}onCancel(){this.cancel()}onComplete(){this.complete()}update(){let{editor:e,excludedShapeIds:n}=this,o=e.getErasingShapeIds(),r=e.getZoomLevel(),i=e.inputs.getCurrentPagePoint(),s=e.inputs.getPreviousPagePoint();this.pushPointToScribble();let a=new Set(o),l=this.editor.options.hitTestMargin/r,c=q.FromPoints([s,i]).expandBy(l),d=e.getShapeIdsInsideBounds(c);if(d.size===0){e.setErasingShapes(Array.from(a));return}let p=e.getCurrentPageRenderingShapesSorted().filter(f=>d.has(f.id));for(let f of p){if(e.isShapeOfType(f,"group"))continue;let h=e.getShapeMask(f.id);if(h&&!cn(i,h))continue;let g=e.getShapeGeometry(f),y=e.getShapePageTransform(f);if(!g||!y)continue;let m=y.clone().invert(),S=m.applyToPoint(s),b=m.applyToPoint(i),{bounds:v}=g;if(!(v.minX-l>Math.max(S.x,b.x)||v.minY-l>Math.max(S.y,b.y)||v.maxX+l<Math.min(S.x,b.x)||v.maxY+l<Math.min(S.y,b.y))){if(g.hitTestLineSegment(S,b,l)){let w=e.getOutermostSelectableShape(f);n.has(w.id)?a.add(e.getOutermostSelectableShape(f,x=>!n.has(x.id)).id):a.add(w.id)}this._erasingShapeIds=[...a]}}this.editor.setErasingShapes(this._erasingShapeIds.filter(f=>!n.has(f)))}complete(e){let{editor:n}=this;n.deleteShapes(n.getCurrentPageState().erasingShapeIds),this.parent.transition("idle",e),this._erasingShapeIds=[]}cancel(){let{editor:e}=this;e.bailToMark(this.markId),this.parent.transition("idle",this.info)}};var fO=class extends X{static id="idle";onEnter(e){(e?.accelKey??this.editor.inputs.getAccelKey())||this.parent.maybeReturnToOriginatingTool()}onKeyUp(e){Io(e)||this.parent.maybeReturnToOriginatingTool()}onPointerDown(e){this.parent.transition("pointing",e)}onCancel(){let e=this.parent.info.onInteractionEnd;this.editor.setCurrentTool(e??"select")}};var hO=class extends X{static id="pointing";onEnter(e){let n=e.accelKey,o=this.editor.getZoomLevel(),r=this.editor.getCurrentPageRenderingShapesSorted(),i=this.editor.inputs.getCurrentPagePoint(),s=new Set,a=s.size;for(let l=r.length,c=l-1;c>=0;c--){let d=r[c];if(!(this.editor.isShapeOrAncestorLocked(d)||this.editor.isShapeOfType(d,"group"))&&this.editor.isPointInShape(d,i,{hitInside:!1,margin:this.editor.options.hitTestMargin/o})){let u=this.editor.getOutermostSelectableShape(d);if(this.editor.isShapeFrameLike(u)&&s.size>a||(s.add(u.id),n))break}}this.editor.setErasingShapes([...s])}onLongPress(e){e.accelKey||this.startErasing(e)}onExit(e,n){n!=="erasing"&&this.editor.setErasingShapes([])}onPointerMove(e){this.editor.inputs.getIsDragging()&&this.startErasing(e)}onPointerUp(e){this.complete(e)}onCancel(){this.cancel()}onComplete(){this.complete()}onInterrupt(){this.cancel()}startErasing(e){this.parent.transition("erasing",e)}complete(e){let n=this.editor.getErasingShapeIds();n.length&&(this.editor.markHistoryStoppingPoint("erase end"),this.editor.deleteShapes(n)),this.parent.transition("idle",e)}cancel(){this.parent.transition("idle")}};var zE=class extends X{static id="eraser";static initial="idle";static isLockable=!1;static children(){return[fO,hO,pO]}info={};onEnter(e={}){this.info=e,e.onInteractionEnd&&this.setCurrentToolIdMask(e.onInteractionEnd),this.editor.setCursor({type:"cross",rotation:0})}onExit(){this.setCurrentToolIdMask(void 0),this.info={}}maybeReturnToOriginatingTool(){let{onInteractionEnd:e}=this.info;e&&this.editor.setCurrentTool(e)}};var mO=class extends X{static id="dragging";static trackPerformance=!0;initialCamera=new T;onEnter(){this.initialCamera=T.From(this.editor.getCamera()),this.update()}onPointerMove(){this.update()}onPointerDown(){this.parent.transition("idle")}onPointerUp(){this.complete()}onInterrupt(){this.parent.transition("idle")}onCancel(){this.parent.transition("idle")}onComplete(){this.complete()}update(){let{initialCamera:e,editor:n}=this,o=n.inputs.getCurrentScreenPoint(),r=n.inputs.getOriginScreenPoint(),i=T.Sub(o,r).div(n.getZoomLevel());i.len2()!==0&&n.setCamera(e.clone().add(i))}complete(){let{editor:e}=this,n=e.inputs.getPointerVelocity(),o=Math.min(n.len(),2);o>.1&&this.editor.slideCamera({speed:o,direction:{x:n.x,y:n.y,z:0}}),this.parent.transition("idle")}};var gO=class extends X{static id="idle";onEnter(){this.editor.setCursor({type:"grab",rotation:0})}onPointerDown(e){this.parent.transition("pointing",e)}onCancel(){this.editor.setCurrentTool("select")}};var yO=class extends X{static id="one_finger_zooming";anchorScreenPoint=new T;initialCamera=new T;initialZoom=1;originScreenY=0;onEnter(e){let n=this.editor.getCamera();this.initialCamera=T.From(n),this.initialZoom=n.z,this.anchorScreenPoint=this.editor.inputs.getOriginScreenPoint().clone(),this.originScreenY=this.editor.inputs.getCurrentScreenPoint().y,this.editor.setCursor({type:"grab",rotation:0})}onPointerMove(e){this.editor.menus.clearOpenMenus();let n=this.editor.inputs.getCurrentScreenPoint().y,o=(this.originScreenY-n)*-1,r=Math.pow(2,o/200),i=this.clampZoom(this.initialZoom*r),{x:s,y:a}=this.initialCamera,{x:l,y:c}=this.anchorScreenPoint;this.editor.setCamera(new T(s+l/i-l/this.initialZoom,a+c/i-c/this.initialZoom,i),{immediate:!0})}onPointerUp(e){this.complete()}onCancel(){this.parent.transition("idle")}onInterrupt(){this.parent.transition("idle")}complete(){let e=this.editor.inputs.getPointerVelocity(),n=Math.min(e.len(),2);n>.1&&this.editor.slideCamera({speed:n,direction:{x:0,y:0,z:Math.sign(e.y)*.01}}),this.parent.transition("idle")}clampZoom(e){let{zoomSteps:n}=this.editor.getCameraOptions(),o=this.editor.getBaseZoom(),r=n[0]*o,i=Do(n)*o;return xe(e,r,i)}};var SO=class extends X{static id="pointing";onEnter(){this.editor.stopCameraAnimation(),this.editor.setCursor({type:"grabbing",rotation:0})}onLongPress(){this.startDragging()}onPointerMove(){this.editor.inputs.getIsDragging()&&this.startDragging()}startDragging(){this.parent.transition("dragging")}onPointerUp(){this.complete()}onCancel(){this.complete()}onComplete(){this.complete()}onInterrupt(){this.complete()}complete(){this.parent.transition("idle")}};var UE=class extends X{static id="hand";static initial="idle";static isLockable=!1;static children(){return[gO,SO,mO,yO]}onDoubleClick(e){switch(e.phase){case"settle-down":{this.editor.getInstanceState().isCoarsePointer&&this.transition("one_finger_zooming",e);break}case"settle-up":{let n=this.editor.inputs.getCurrentScreenPoint();this.editor.zoomIn(n,{animation:{duration:220,easing:Ko.easeOutQuint}});break}}}};var bO=class extends X{static id="idle";onPointerDown(){let e=this.parent.getSessionId(),n=this.editor.scribbles.addScribbleToSession(e,{color:"laser",opacity:.7,size:4,taper:!1});this.parent.transition("lasering",{sessionId:e,scribbleId:n.id})}};var vO=class extends X{static id="lasering";static trackPerformance=!0;scribbleId="";sessionId="";onEnter(e){this.sessionId=e.sessionId,this.scribbleId=e.scribbleId,this.pushPointToScribble()}onPointerMove(){this.pushPointToScribble()}pushPointToScribble(){let{x:e,y:n}=this.editor.inputs.getCurrentPagePoint();this.editor.scribbles.addPointToSession(this.sessionId,this.scribbleId,e,n)}onTick(){this.editor.scribbles.extendSession(this.sessionId)}onPointerUp(){this.complete()}onCancel(){this.onComplete()}onComplete(){this.complete()}complete(){this.editor.scribbles.complete(this.scribbleId),this.parent.transition("idle")}};var HE=class extends X{static id="laser";static initial="idle";static children(){return[bO,vO]}static isLockable=!1;sessionId=null;onEnter(){this.editor.setCursor({type:"cross",rotation:0})}onExit(){this.sessionId=null}onCancel(){this.sessionId&&this.editor.scribbles.isSessionActive(this.sessionId)?(this.editor.scribbles.clearSession(this.sessionId),this.sessionId=null,this.transition("idle")):this.editor.setCurrentTool("select")}getSessionId(){return this.sessionId&&this.editor.scribbles.isSessionActive(this.sessionId)?this.sessionId:(this.sessionId=this.editor.scribbles.startSession({selfConsume:!1,idleTimeoutMs:this.editor.options.laserDelayMs,fadeMode:"grouped",fadeEasing:"ease-in"}),this.sessionId)}};var wO=class extends X{static id="brushing";static trackPerformance=!0;info={};initialSelectedShapeIds=[];excludedShapeIds=new Set;isWrapMode=!1;viewportDidChange=!1;cleanupViewportChangeReactor(){}onEnter(e){let{editor:n}=this,o=n.inputs.getAltKey();this.isWrapMode=n.user.getIsWrapMode(),this.viewportDidChange=!1;let r=!0;if(this.cleanupViewportChangeReactor=Sn("viewport change while brushing",()=>{n.getViewportPageBounds(),!r&&!this.viewportDidChange&&(this.viewportDidChange=!0)}),o){this.parent.transition("scribble_brushing",e);return}let i=n.options.selectLockedShapes;this.excludedShapeIds=new Set(n.getCurrentPageShapes().filter(s=>n.isShapeOfType(s,"group")||!i&&n.isShapeOrAncestorLocked(s)).map(s=>s.id)),this.info=e,this.initialSelectedShapeIds=n.getSelectedShapeIds().slice(),this.hitTestShapes(),r=!1}onExit(){this.initialSelectedShapeIds=[],this.editor.updateInstanceState({brush:null}),this.cleanupViewportChangeReactor()}onTick({elapsed:e}){let{editor:n}=this;!n.inputs.getIsDragging()||n.inputs.getIsPanning()||n.edgeScrollManager.updateEdgeScrolling(e)}onPointerMove(){this.hitTestShapes()}onPointerUp(){this.complete()}onComplete(){this.complete()}onCancel(e){this.editor.setSelectedShapes(this.initialSelectedShapeIds),this.parent.transition("idle",e)}onKeyDown(e){this.editor.inputs.getAltKey()?this.parent.transition("scribble_brushing",e):this.hitTestShapes()}onKeyUp(){this.hitTestShapes()}complete(){this.hitTestShapes(),this.parent.transition("idle")}hitTestShapes(){let{editor:e,excludedShapeIds:n,isWrapMode:o}=this,r=e.inputs.getOriginPagePoint(),i=e.inputs.getCurrentPagePoint(),s=e.inputs.getShiftKey(),a=e.inputs.getCtrlKey(),l=new Set(s?this.initialSelectedShapeIds:[]),c=o?!a:a,d=q.FromPoints([r,i]),{corners:u}=d,p,f,h,g,y,m,S=e.getViewportPageBounds().contains(d),b=e.getCurrentPageId(),v=e.getShapeIdsInsideBounds(d);if(v.size===0){let M=e.getInstanceState().brush;(!M||!d.equals(M))&&e.updateInstanceState({brush:{...d.toJson()}});let E=e.getSelectedShapeIds();(E.length!==l.size||E.some(I=>!l.has(I)))&&e.setSelectedShapes(Array.from(l));return}let x=(S&&!this.viewportDidChange?e.getCurrentPageRenderingShapesSorted():e.getCurrentPageShapesSorted()).filter(M=>v.has(M.id));e:for(let M=0,E=x.length;M<E;M++){if(h=x[M],n.has(h.id)||l.has(h.id)||(g=e.getShapePageBounds(h),!g))continue e;if(d.contains(g)){this.handleHit(h,i,b,l,u);continue e}if(c||e.isShapeFrameLike(h))continue e;if(d.collides(g)){if(y=e.getShapePageTransform(h),!y)continue e;m=y.clone().invert().applyToPoints(u);let I=e.getShapeGeometry(h);t:for(let R=0;R<4;R++)if(p=m[R],f=m[(R+1)%4],I.hitTestLineSegment(p,f,0)){this.handleHit(h,i,b,l,u);break t}}}let C=e.getInstanceState().brush;(!C||!d.equals(C))&&e.updateInstanceState({brush:{...d.toJson()}});let P=e.getSelectedShapeIds();(P.length!==l.size||P.some(M=>!l.has(M)))&&e.setSelectedShapes(Array.from(l))}onInterrupt(){this.editor.updateInstanceState({brush:null})}handleHit(e,n,o,r,i){if(e.parentId===o){r.add(e.id);return}let s=this.editor.getOutermostSelectableShape(e),a=this.editor.getShapeMask(s.id);a&&!zT(a,i)&&!cn(n,a)||r.add(s.id)}};var Qu={bottom:"ns-resize",top:"ns-resize",left:"ew-resize",right:"ew-resize",bottom_left:"nesw-resize",bottom_right:"nwse-resize",top_left:"nwse-resize",top_right:"nesw-resize",bottom_left_rotate:"swne-rotate",bottom_right_rotate:"senw-rotate",top_left_rotate:"nwse-rotate",top_right_rotate:"nesw-rotate",mobile_rotate:"grabbing"},xO=class extends X{static id="pointing_resize_handle";info={};updateCursor(){let e=Qu[this.info.handle];this.editor.setCursor({type:e,rotation:this.editor.getSelectionRotation()})}onEnter(e){this.info=e,typeof e.onInteractionEnd=="string"&&this.parent.setCurrentToolIdMask(e.onInteractionEnd),this.updateCursor()}onExit(){this.parent.setCurrentToolIdMask(void 0)}onPointerMove(){this.editor.inputs.getIsDragging()&&this.startResizing()}onLongPress(){this.startResizing()}startResizing(){this.editor.getIsReadonly()||this.parent.transition("resizing",this.info)}onPointerUp(){this.complete()}onDoubleClick(e){this.editor.inputs.getShiftKey()||e.phase!=="down"||e.ctrlKey||e.shiftKey||(this.parent.transition("idle"),this.parent.getCurrent()?.handleEvent(e))}onCancel(){this.cancel()}onComplete(){this.cancel()}onInterrupt(){this.cancel()}complete(){let{onInteractionEnd:e}=this.info;if(e){typeof e=="string"?this.editor.setCurrentTool(e,{}):e();return}this.parent.transition("idle")}cancel(){let{onInteractionEnd:e}=this.info;if(e){typeof e=="string"?this.editor.setCurrentTool(e,{}):e();return}this.parent.transition("idle")}};var jw=class extends X{static id="cropping";static trackPerformance=!0;info={};markId="";snapshot={};onEnter(e){this.info=e,typeof e.onInteractionEnd=="string"&&this.parent.setCurrentToolIdMask(e.onInteractionEnd),this.markId=this.editor.markHistoryStoppingPoint("cropping"),this.snapshot=this.createSnapshot(),this.updateShapes()}onPointerMove(){this.updateShapes()}onKeyDown(){this.updateShapes()}onKeyUp(){this.updateShapes()}onPointerUp(){this.complete()}onComplete(){this.complete()}onCancel(){this.cancel()}onExit(){this.parent.setCurrentToolIdMask(void 0)}updateCursor(){if(!this.editor.getSelectedShapes()[0])return;let n=Qu[this.info.handle];this.editor.setCursor({type:n,rotation:this.editor.getSelectionRotation()})}updateShapes(){let{shape:e,cursorHandleOffset:n}=this.snapshot;if(!e)return;let o=this.editor.getShapeUtil(e.type);if(!o)return;let r=this.editor.inputs.getShiftKey(),i=this.editor.inputs.getCurrentPagePoint().clone().sub(n),s=this.editor.inputs.getOriginPagePoint().clone().sub(n),a=i.clone().sub(s).rot(-e.rotation),l=e.props.crop??na(),c=Es(e.props,l),u=(o.onCrop?.bind(o)??X5)(e,{handle:this.info.handle,change:a,crop:l,uncroppedSize:c,initialShape:this.snapshot.shape,aspectRatioLocked:r});u&&(this.editor.updateShapes([{id:e.id,type:e.type,...u}]),this.updateCursor())}complete(){this.updateShapes(),ht(this.editor,[this.snapshot.shape.id]);let{onInteractionEnd:e}=this.info;e?typeof e=="string"?this.editor.setCurrentTool(e,this.info):e():(this.editor.setCroppingShape(null),this.editor.setCurrentTool("select.idle"))}cancel(){this.editor.bailToMark(this.markId);let{onInteractionEnd:e}=this.info;e?typeof e=="string"?this.editor.setCurrentTool(e,this.info):e():(this.editor.setCroppingShape(null),this.editor.setCurrentTool("select.idle"))}createSnapshot(){let e=this.editor.getSelectionRotation(),n=this.editor.inputs.getOriginPagePoint(),o=this.editor.getOnlySelectedShape(),r=this.editor.getSelectionRotatedPageBounds(),i=T.RotWith(r.getHandlePoint(this.info.handle),r.point,e),s=T.Sub(n,i);return{shape:o,cursorHandleOffset:s}}};var $w=class extends X{static id="pointing_crop_handle";info={};onEnter(e){this.info=e,typeof e.onInteractionEnd=="string"&&this.parent.setCurrentToolIdMask(e.onInteractionEnd);let n=this.editor.getSelectedShapes()[0];if(!n)return;let o=Qu[this.info.handle];this.editor.setCursor({type:o,rotation:this.editor.getSelectionRotation()}),this.editor.setCroppingShape(n.id)}onExit(){this.editor.setCursor({type:"default",rotation:0}),this.parent.setCurrentToolIdMask(void 0)}onPointerMove(){this.editor.inputs.getIsDragging()&&this.startCropping()}onLongPress(){this.startCropping()}startCropping(){this.editor.getIsReadonly()||this.parent.transition("cropping",{...this.info,onInteractionEnd:this.info.onInteractionEnd})}onPointerUp(){let{onInteractionEnd:e}=this.info;if(e){typeof e=="string"?this.editor.setCurrentTool(e,this.info):e();return}this.editor.setCroppingShape(null),this.editor.setCurrentTool("select.idle")}onDoubleClick(e){this.editor.inputs.getShiftKey()||e.phase!=="down"||e.ctrlKey||e.shiftKey||(this.parent.transition("idle"),this.parent.getCurrent()?.handleEvent(e))}onCancel(){this.cancel()}onComplete(){this.cancel()}onInterrupt(){this.cancel()}cancel(){let{onInteractionEnd:e}=this.info;if(e){typeof e=="string"?this.editor.setCurrentTool(e,this.info):e();return}this.editor.setCroppingShape(null),this.editor.setCurrentTool("select.idle")}};function nS(t,e=!1){let n=t.getZoomLevel(),o=t.inputs.getCurrentPagePoint();return t.getShapeAtPoint(o,{hitInside:!1,hitLabels:e,hitLocked:t.options.selectLockedShapes,margin:t.options.hitTestMargin/n,renderingOnly:!0})??t.getSelectedShapeAtPoint(o)}function Kw(t){if(t.isDisposed)return!1;let e=t.inputs.getCurrentPagePoint(),n=t.options.hitTestMargin/t.getZoomLevel(),o=t.overlays.getOverlayAtPoint(e,n),r=t.overlays.getHoveredOverlayId();if(o){t.overlays.setHoveredOverlay(o.id),t.setHoveredShape(null);let s=t.overlays.getOverlayUtil(o).getCursor(o);return s&&t.setCursor({type:s,rotation:t.getSelectionRotation()}),!0}return r&&t.setCursor({type:"default",rotation:0}),t.overlays.setHoveredOverlay(null),!1}function TO(t,e,n){if(!e)throw Error("Needs to translate a cropped shape!");let{crop:o}=e.props;if(!o)return;let r=t.inputs.getShiftKey()?Math.abs(n.x)<Math.abs(n.y)?"x":"y":null;r==="x"?n.x=0:r==="y"&&(n.y=0),n.rot(-e.rotation);let{w:i,h:s}=Es(e.props,o),a=o.bottomRight.x-o.topLeft.x,l=o.bottomRight.y-o.topLeft.y,c=yt(o),d=1-a,u=1-l;return c.topLeft.x=xe(c.topLeft.x-n.x/i,0,d),c.topLeft.y=xe(c.topLeft.y-n.y/s,0,u),c.bottomRight.x=c.topLeft.x+a,c.bottomRight.y=c.topLeft.y+l,{id:e.id,type:e.type,props:{crop:c}}}var CO=class extends X{static id="idle";onEnter(){this.editor.setCursor({type:"default",rotation:0});let e=this.editor.getOnlySelectedShape();e&&this.editor.setCroppingShape(e.id),Kw(this.editor)}onExit(){this.editor.setCursor({type:"default",rotation:0})}onPointerMove(){Kw(this.editor)}onCancel(){this.editor.setCroppingShape(null),this.editor.setCurrentTool("select.idle",{})}onPointerDown(e){if(e.accelKey){this.cancel(),this.editor.root.handleEvent(e);return}switch(e.target){case"canvas":{let n=this.editor.inputs.getCurrentPagePoint(),o=this.editor.overlays.getOverlayAtPoint(n,this.editor.options.hitTestMargin/this.editor.getZoomLevel());if(o){let i=o.props.overlayType;if(i==="resize_handle"||i==="rotate_handle"||i==="mobile_rotate"){this.onPointerDown({...e,target:"selection",handle:o.props.handle});return}}let r=nS(this.editor);if(r&&!this.editor.isShapeOfType(r,"group")){this.onPointerDown({...e,shape:r,target:"shape"});return}this.cancel(),this.editor.root.handleEvent(e);break}case"shape":{if(e.shape.id===this.editor.getCroppingShapeId()){this.editor.setCurrentTool("select.crop.pointing_crop",e);return}else this.editor.getShapeUtil(e.shape)?.canCrop(e.shape)?(this.editor.setCroppingShape(e.shape.id),this.editor.setSelectedShapes([e.shape.id]),this.editor.setCurrentTool("select.crop.pointing_crop",e)):(this.cancel(),this.editor.root.handleEvent(e));break}case"selection":{switch(e.handle){case"mobile_rotate":case"top_left_rotate":case"top_right_rotate":case"bottom_left_rotate":case"bottom_right_rotate":{this.editor.setCurrentTool("select.pointing_rotate_handle",{...e,onInteractionEnd:"select.crop.idle"});break}case"top":case"right":case"bottom":case"left":case"top_left":case"top_right":case"bottom_left":case"bottom_right":{this.editor.setCurrentTool("select.crop.pointing_crop_handle",{...e,onInteractionEnd:"select.crop.idle"});break}default:this.cancel()}break}}}onDoubleClick(e){if(this.editor.inputs.getShiftKey()||e.phase!=="down")return;let n=this.editor.getCroppingShapeId();if(!n)return;let o=this.editor.getShape(n);if(!o)return;let r=this.editor.getShapeUtil(o);if(r){if(e.target==="canvas"){let i=this.editor.inputs.getCurrentPagePoint(),s=this.editor.overlays.getOverlayAtPoint(i,this.editor.options.hitTestMargin/this.editor.getZoomLevel());if(s){let a=s.props.overlayType;if(a==="resize_handle"||a==="rotate_handle"||a==="mobile_rotate"){this.onDoubleClick({...e,target:"selection",handle:s.props.handle});return}}}if(e.target==="selection"){r.onDoubleClickEdge?.(o,e);return}this.cancel(),this.editor.root.handleEvent(e)}}onKeyDown(){this.nudgeCroppingImage(!1)}onKeyRepeat(){this.nudgeCroppingImage(!0)}onKeyUp(e){e.key==="Enter"&&(this.editor.setCroppingShape(null),this.editor.setCurrentTool("select.idle",{}))}cancel(){this.editor.setCroppingShape(null),this.editor.setCurrentTool("select.idle",{})}nudgeCroppingImage(e=!1){let{editor:{inputs:{keys:n}}}=this,o=n.has("ShiftLeft"),r=new T(0,0);if(n.has("ArrowLeft")&&(r.x+=1),n.has("ArrowRight")&&(r.x-=1),n.has("ArrowUp")&&(r.y+=1),n.has("ArrowDown")&&(r.y-=1),r.equals(new T(0,0)))return;o&&r.mul(10);let i=this.editor.getShape(this.editor.getCroppingShapeId());if(!i)return;let s=TO(this.editor,i,r);s&&(e||this.editor.markHistoryStoppingPoint("translate crop"),this.editor.updateShapes([s]))}};var PO=class extends X{static id="pointing_crop";onCancel(){this.editor.setCurrentTool("select.crop.idle",{})}onPointerMove(e){this.editor.inputs.getIsDragging()&&this.startDragging(e)}onLongPress(e){this.startDragging(e)}onPointerUp(e){this.editor.setCurrentTool("select.crop.idle",e)}onDoubleClick(e){this.editor.inputs.getShiftKey()||e.phase!=="down"||e.ctrlKey||e.shiftKey||(this.parent.transition("idle"),this.parent.getCurrent()?.handleEvent(e))}startDragging(e){this.editor.setCurrentTool("select.crop.translating_crop",e)}};var EO=class extends X{static id="translating_crop";info={};markId="";snapshot={};onEnter(e){this.info=e,this.snapshot=this.createSnapshot(),this.markId=this.editor.markHistoryStoppingPoint("translating_crop"),this.editor.setCursor({type:"move",rotation:0}),this.updateShapes()}onExit(){this.editor.setCursor({type:"default",rotation:0})}onPointerMove(){this.updateShapes()}onPointerUp(){this.complete()}onComplete(){this.complete()}onCancel(){this.cancel()}onKeyDown(e){switch(e.key){case"Alt":case"Shift":{this.updateShapes();return}}}onKeyUp(e){switch(e.key){case"Enter":{this.complete();return}case"Alt":case"Shift":this.updateShapes()}}complete(){this.updateShapes(),this.editor.setCurrentTool("select.crop.idle",this.info)}cancel(){this.editor.bailToMark(this.markId),this.editor.setCurrentTool("select.crop.idle",this.info)}createSnapshot(){return{shape:this.editor.getOnlySelectedShape()}}updateShapes(){let e=this.snapshot.shape;if(!e)return;let n=this.editor.inputs.getOriginPagePoint(),r=this.editor.inputs.getCurrentPagePoint().clone().sub(n),i=TO(this.editor,e,r);i&&this.editor.updateShapes([i])}};var IO=class extends X{static id="crop";static initial="idle";static children(){return[CO,EO,PO,$w,jw]}markId="";onEnter(){this.didExit=!1,this.markId=this.editor.markHistoryStoppingPoint("crop")}didExit=!1;onExit(){this.didExit||(this.didExit=!0,this.editor.getMarkIdMatching(this.markId)===this.markId&&this.editor.squashToMark(this.markId))}onCancel(){this.didExit||(this.didExit=!0,this.editor.bailToMark(this.markId))}};var _O=class extends X{static id="dragging_handle";static trackPerformance=!0;shapeId;initialHandle;initialAdjacentHandle;initialPagePoint;markId;initialPageTransform;initialPageRotation;info;isPrecise=!1;isPreciseId=null;pointingId=null;onEnter(e){let{shape:n,isCreating:o,creatingMarkId:r,handle:i}=e;if(this.info=e,typeof e.onInteractionEnd=="string"&&this.parent.setCurrentToolIdMask(e.onInteractionEnd),this.shapeId=n.id,this.markId="",o)if(r)this.markId=r;else{let u=this.editor.getMarkIdMatching(`creating:${this.editor.getOnlySelectedShapeId()}`);u&&(this.markId=u)}else this.markId=this.editor.markHistoryStoppingPoint("dragging handle");this.initialHandle=yt(i),this.initialPageTransform=this.editor.getShapePageTransform(n),this.initialPageRotation=this.initialPageTransform.rotation(),this.initialPagePoint=this.editor.inputs.getOriginPagePoint().clone(),this.editor.setCursor({type:o?"cross":"grabbing",rotation:0});let s=this.editor.getShapeHandles(n).sort(Un),a=s.findIndex(u=>u.id===e.handle.id);if(this.initialAdjacentHandle=null,e.handle.snapReferenceHandleId){let u=s.find(p=>p.id===e.handle.snapReferenceHandleId);u&&(this.initialAdjacentHandle=u)}if(!this.initialAdjacentHandle){for(let u=a+1;u<s.length;u++){let p=s[u];if(p.type==="vertex"&&p.id!=="middle"&&p.id!==e.handle.id){this.initialAdjacentHandle=p;break}}if(!this.initialAdjacentHandle)for(let u=s.length-1;u>=0;u--){let p=s[u];if(p.type==="vertex"&&p.id!=="middle"&&p.id!==e.handle.id){this.initialAdjacentHandle=p;break}}}if(this.editor.isShapeOfType(n,"arrow")){let u=wn(this.editor,n)[e.handle.id];this.isPrecise=!1,u&&(this.isPrecise=u.props.isPrecise,this.isPrecise?this.isPreciseId=u.toId:this.resetExactTimeout())}let l={handle:this.initialHandle,isPrecise:this.isPrecise,isCreatingShape:!!this.info.isCreating,initial:n},d=this.editor.getShapeUtil(n).onHandleDragStart?.(n,l);d&&this.editor.updateShapes([{...d,id:n.id,type:n.type}]),this.update(),this.editor.select(this.shapeId)}exactTimeout=-1;resetExactTimeout(){let n=this.editor.getShapeUtil("arrow").options.pointingPreciseTimeout;this.exactTimeout!==-1&&this.clearExactTimeout(),this.exactTimeout=this.editor.timers.setTimeout(()=>{this.getIsActive()&&!this.isPrecise&&(this.isPrecise=!0,this.isPreciseId=this.pointingId,this.update()),this.exactTimeout=-1},n)}clearExactTimeout(){this.exactTimeout!==-1&&(clearTimeout(this.exactTimeout),this.exactTimeout=-1)}onPointerMove(){this.update()}onKeyDown(){this.update()}onKeyUp(){this.update()}onPointerUp(){this.complete()}onComplete(){this.update(),this.complete()}onCancel(){this.cancel()}onExit(){this.parent.setCurrentToolIdMask(void 0),Wy(this.editor),this.editor.snaps.clearIndicators(),this.editor.setCursor({type:"default",rotation:0})}complete(){this.editor.snaps.clearIndicators(),ht(this.editor,[this.shapeId]);let e=this.editor.getShape(this.shapeId);if(e){let o=this.editor.getShapeUtil(e),r={handle:this.initialHandle,isPrecise:this.isPrecise,isCreatingShape:!!this.info.isCreating,initial:this.info.shape},i=o.onHandleDragEnd?.(e,r);i&&this.editor.updateShapes([{...i,id:e.id}])}let{onInteractionEnd:n}=this.info;if(n)if(typeof n=="string"){if(this.editor.getInstanceState().isToolLocked&&n){this.editor.setCurrentTool(n,{shapeId:this.shapeId});return}}else{n?.();return}this.parent.transition("idle")}cancel(){let e=this.editor.getShape(this.shapeId);if(e){let o=this.editor.getShapeUtil(e),r={handle:this.initialHandle,isPrecise:this.isPrecise,isCreatingShape:!!this.info.isCreating,initial:this.info.shape};o.onHandleDragCancel?.(e,r)}this.editor.bailToMark(this.markId),this.editor.snaps.clearIndicators();let{onInteractionEnd:n}=this.info;if(n){typeof n=="string"?this.editor.setCurrentTool(n,{shapeId:this.shapeId}):n?.();return}this.parent.transition("idle")}update(){let{editor:e,shapeId:n,initialPagePoint:o}=this,{initialHandle:r,initialPageRotation:i,initialAdjacentHandle:s}=this,a=this.editor.user.getIsSnapMode(),{snaps:l}=e,c=e.inputs.getCurrentPagePoint(),d=e.inputs.getShiftKey(),u=e.inputs.getCtrlKey(),p=e.inputs.getAltKey(),f=e.inputs.getPointerVelocity(),h=this.info.shape,g=e.getShape(n);if(!g)return;let y=e.getShapeUtil(g),m=e.isShapeOfType(g,"arrow")?wn(e,g)[r.id]:void 0,S=c.clone().sub(o).rot(-i).add(r);if(d&&s&&r.id!=="middle"){let C=T.Angle(s,S),M=sh(C,24)-C;S=T.RotWith(S,s,M)}e.snaps.clearIndicators();let b={...r,x:S.x,y:S.y},v=!1;if(r.canSnap&&r.snapType?pb("canSnap is deprecated. Cannot use both canSnap and snapType together - snapping disabled. Please use only snapType."):v=r.canSnap||r.snapType!==void 0,v&&(a?!u:u)){if(!e.getShapePageTransform(g.id))throw Error("Expected a page transform");let P=l.handles.snapHandle({currentShapeId:n,handle:b});P&&(P.nudge.rot(-e.getShapeParentTransform(g).rotation()),S.add(P.nudge),b={...r,x:S.x,y:S.y})}let w=y.onHandleDrag?.(g,{handle:b,isPrecise:this.isPrecise||p,isCreatingShape:!!this.info.isCreating,initial:h}),x={id:g.id,type:g.type,...w};if(r.type==="vertex"&&this.editor.isShapeOfType(g,"arrow")){let C=wn(e,g)[r.id];C?m?.toId!==C.toId&&(this.pointingId=C.toId,this.isPrecise=f.len()<.5||p,this.isPreciseId=this.isPrecise?C.toId:null,this.resetExactTimeout()):m&&(this.pointingId=null,this.isPrecise=!1,this.isPreciseId=null,this.resetExactTimeout())}w&&e.updateShapes([x])}};function MO(t){return t.isLabel?[t]:t instanceof go?t.children.filter(e=>e.isLabel):[]}var AO=class extends X{static id="editing_shape";hitLabelOnShapeForPointerUp=null;info={};didPointerDownOnEditingShape=!1;isTextInputFocused(){let e=this.editor.getContainer(),n=this.editor.getContainerDocument();return e.contains(n.activeElement)&&Hd(!1,n)}onEnter(e){let n=this.editor.getEditingShape();if(!n)throw Error("Entered editing state without an editing shape");this.hitLabelOnShapeForPointerUp=null,this.didPointerDownOnEditingShape=!1,this.info=e,e.isCreatingTextWhileToolLocked&&this.parent.setCurrentToolIdMask("text"),this.editor.setCursor({type:"default",rotation:0}),$c(this.editor),this.editor.select(n)}onExit(){let e=!!this.editor.getEditingShapeId();this.editor.setEditingShape(null),hm(this.editor),this.info.isCreatingTextWhileToolLocked&&e&&(this.parent.setCurrentToolIdMask(void 0),this.editor.setCurrentTool("text",{}))}onPointerMove(e){if(this.hitLabelOnShapeForPointerUp&&this.editor.inputs.getIsDragging()){if(this.editor.getIsReadonly()||this.hitLabelOnShapeForPointerUp.isLocked)return;this.editor.select(this.hitLabelOnShapeForPointerUp),this.parent.transition("translating",e),this.hitLabelOnShapeForPointerUp=null;return}if(this.didPointerDownOnEditingShape&&this.editor.inputs.isDragging){if(this.editor.getIsReadonly())return;let n=this.editor.getEditingShape();if(!n||n.isLocked)return;if(!this.isTextInputFocused()){this.editor.select(n),this.parent.transition("translating",e),this.didPointerDownOnEditingShape=!1;return}this.didPointerDownOnEditingShape=!1}switch(e.target){case"shape":case"canvas":{$c(this.editor);return}}}onPointerDown(e){switch(this.hitLabelOnShapeForPointerUp=null,this.didPointerDownOnEditingShape=!1,e.target){case"canvas":{let n=nS(this.editor,!0);if(n){this.onPointerDown({...e,shape:n,target:"shape"});return}break}case"shape":{let{shape:n}=e,o=this.editor.getEditingShape();if(!o)throw Error("Expected an editing shape!");let r=this.editor.getShapeUtil(n).getGeometry(n),i=MO(r),s=i.length===1?i[0]:void 0,a=this.editor.isShapeOfType(o,"text")&&Za(this.editor,o.props.richText).trim()==="";if(s&&!a){let l=this.editor.getPointInShapeSpace(n,this.editor.inputs.getCurrentPagePoint());if(s.bounds.containsPoint(l,0)&&s.hitTestPoint(l))if(n.id===o.id){this.didPointerDownOnEditingShape=!0;return}else{this.hitLabelOnShapeForPointerUp=n,this.editor.markHistoryStoppingPoint("editing on pointer up"),this.editor.select(n.id);return}}else{if(n.id===o.id)this.editor.isShapeFrameLike(n)&&(this.editor.setEditingShape(null),this.parent.transition("idle",e));else{this.parent.transition("pointing_shape",e);return}return}break}}this.parent.transition("idle",e),this.editor.root.handleEvent(e)}onPointerUp(e){if(this.didPointerDownOnEditingShape&&(this.didPointerDownOnEditingShape=!1,!this.isTextInputFocused())){this.editor.getRichTextEditor()?.commands.focus("all");return}let n=this.hitLabelOnShapeForPointerUp;if(!n)return;this.hitLabelOnShapeForPointerUp=null;let o=this.editor.getShapeUtil(n);if(n.isLocked)return;if(this.editor.getIsReadonly()&&!o.canEditInReadonly(n)){this.parent.transition("pointing_shape",e);return}this.editor.select(n.id);let r=this.editor.getEditingShape(),i=r&&r.id!==n.id;this.editor.setEditingShape(n.id);let s=He.isIos||He.isAndroid;!s||!i?this.editor.emit("place-caret",{shapeId:n.id,point:e.point}):s&&i&&this.editor.emit("select-all-text",{shapeId:n.id}),$c(this.editor)}onComplete(e){this.editor.getContainer().focus(),this.parent.transition("idle",e)}onCancel(e){this.editor.getContainer().focus(),this.parent.transition("idle",e)}};function oS(t,e){let n=t.getSelectedShapeIds(),o=t.inputs.getCurrentPagePoint(),{shiftKey:r,altKey:i,accelKey:s}=e,a=r||s,l=t.options.selectLockedShapes,c=t.getShapeAtPoint(o,{hitInside:!1,margin:t.options.hitTestMargin/t.getZoomLevel(),hitLabels:!0,hitLocked:l,renderingOnly:!0,filter:d=>l||!d.isLocked});if(c){let d=t.getOutermostSelectableShape(c);if(a&&!i)t.cancelDoubleClick(),n.includes(d.id)?(t.markHistoryStoppingPoint("deselecting shape"),t.deselect(d)):(t.markHistoryStoppingPoint("shift selecting shape"),t.setSelectedShapes([...n,d.id]));else{let u;d===c||d.id===t.getFocusedGroupId()||n.includes(d.id)?u=c:u=d,u&&!n.includes(u.id)&&(t.markHistoryStoppingPoint("selecting shape"),t.select(u.id))}}else{if(a)return;{n.length>0&&(t.markHistoryStoppingPoint("selecting none"),t.selectNone());let d=t.getFocusedGroupId();if(On(d)){let u=t.getShape(d);t.isPointInShape(u,o,{margin:0,hitInside:!0})||t.setFocusedGroup(null)}}}}var A5e=["Delete","Backspace","[","]","Enter"," ","Shift","Tab"],kO=class extends X{static id="idle";selectedShapesOnKeyDown=[];onEnter(){this.parent.setCurrentToolIdMask(void 0),this.editor.setCursor({type:"default",rotation:0}),Kw(this.editor)||$c(this.editor),this.selectedShapesOnKeyDown=[]}onExit(){this.editor.updateInstanceState({isChangingStyle:!1}),hm(this.editor)}onPointerMove(){Kw(this.editor)||$c(this.editor),Ti(()=>this.editor.getInstanceState()).isChangingStyle&&this.editor.updateInstanceState({isChangingStyle:!1})}onPointerDown(e){switch(e.target){case"canvas":{let n=this.editor.inputs.getCurrentPagePoint(),o=this.editor.overlays.getOverlayAtPoint(n,this.editor.options.hitTestMargin/this.editor.getZoomLevel());if(o){this.onPointerDown({...e,target:"overlay",overlay:o});return}let r=nS(this.editor);if(r&&(this.editor.options.selectLockedShapes||!r.isLocked)){this.onPointerDown({...e,shape:r,target:"shape"});return}let i=this.editor.getSelectedShapeIds(),s=this.editor.getOnlySelectedShape();if((i.length>1||s&&!this.editor.getShapeUtil(s).hideSelectionBoundsBg(s))&&Whe(this.editor,n)){this.onPointerDown({...e,target:"selection"});return}this.parent.transition("pointing_canvas",e);break}case"overlay":{let{overlay:n}=e,o=this.editor.overlays.getOverlayUtil(n);if(o.onPointerDown&&o.onPointerDown(n,e)!==!1)return;let r=n.props.overlayType;if(n.type==="shape_handle"){let i=this.editor.getShape(n.props.shapeId);i&&this.onPointerDown({...e,target:"handle",shape:i,handle:n.props.handle})}else switch(r){case"rotate_handle":{this.onPointerDown({...e,target:"selection",handle:n.props.handle});break}case"mobile_rotate":{this.onPointerDown({...e,target:"selection",handle:n.props.handle});break}case"resize_handle":{this.onPointerDown({...e,target:"selection",handle:n.props.handle});break}default:this.onPointerDown({...e,target:"selection"})}break}case"shape":{let{shape:n}=e;if(!this.editor.options.selectLockedShapes&&this.editor.isShapeOrAncestorLocked(n)){this.parent.transition("pointing_canvas",e);break}this.parent.transition("pointing_shape",e);break}case"handle":{if(this.editor.getIsReadonly())break;this.editor.inputs.getAltKey()?this.parent.transition("pointing_shape",e):this.parent.transition("pointing_handle",e);break}case"selection":{switch(e.handle){case"mobile_rotate":case"top_left_rotate":case"top_right_rotate":case"bottom_left_rotate":case"bottom_right_rotate":{if(e.accelKey){this.parent.transition("brushing",e);break}this.parent.transition("pointing_rotate_handle",e);break}case"top":case"right":case"bottom":case"left":case"top_left":case"top_right":case"bottom_left":case"bottom_right":{let n=this.editor.getOnlySelectedShape();if(e.ctrlKey&&this.editor.canCropShape(n))this.parent.transition("crop.pointing_crop_handle",e);else{if(e.accelKey){this.parent.transition("brushing",e);break}this.parent.transition("pointing_resize_handle",e)}break}default:{let n=this.editor.getHoveredShape();if(n&&!this.editor.getSelectedShapeIds().includes(n.id)&&(this.editor.options.selectLockedShapes||!n.isLocked)){this.onPointerDown({...e,shape:n,target:"shape"});return}this.parent.transition("pointing_selection",e)}}break}}}onDoubleClick(e){if(!(this.editor.inputs.getShiftKey()||e.phase!=="down")&&!(e.ctrlKey||e.shiftKey))switch(e.target){case"canvas":{let n=this.editor.inputs.getCurrentPagePoint(),o=this.editor.overlays.getOverlayAtPoint(n,this.editor.options.hitTestMargin/this.editor.getZoomLevel());if(o){if(o.type==="shape_handle"){let a=this.editor.getShape(o.props.shapeId);if(a){this.onDoubleClick({...e,target:"handle",shape:a,handle:o.props.handle});return}}let s=o.props.overlayType;if(s==="resize_handle"||s==="rotate_handle"||s==="mobile_rotate"){this.onDoubleClick({...e,target:"selection",handle:o.props.handle});return}}let r=this.editor.getHoveredShape(),i=r&&!this.editor.isShapeOfType(r,"group")?r:this.editor.getSelectedShapeAtPoint(n)??this.editor.getShapeAtPoint(n,{margin:this.editor.options.hitTestMargin/this.editor.getZoomLevel(),hitInside:!1});if(i){if(this.editor.isShapeOfType(i,"group")){oS(this.editor,e);return}else{let s=this.editor.getShape(i.parentId);if(s&&this.editor.isShapeOfType(s,"group")){let a=this.editor.getFocusedGroupId();if(!(a&&s.id===a)){oS(this.editor,e);return}}}this.onDoubleClick({...e,shape:i,target:"shape"});return}this.editor.inputs.getShiftKey()||this.handleDoubleClickOnCanvas(e);break}case"selection":{let n=this.editor.getOnlySelectedShape();if(n){let o=this.editor.getShapeUtil(n),r=e.handle==="right"||e.handle==="left"||e.handle==="top"||e.handle==="bottom",i=e.handle==="top_left"||e.handle==="top_right"||e.handle==="bottom_right"||e.handle==="bottom_left";if(this.editor.getIsReadonly()){this.editor.canEditShape(n,{type:i?"double-click-corner":r?"double-click-edge":"double-click"})&&this.startEditingShape(n,e,!0);break}if(r){let s=o.onDoubleClickEdge?.(n,e);if(s){this.editor.markHistoryStoppingPoint("double click edge"),this.editor.updateShapes([s]),ht(this.editor,[n.id]);return}}if(i){let s=o.onDoubleClickCorner?.(n,e);if(s){this.editor.markHistoryStoppingPoint("double click corner"),this.editor.updateShapes([s]),ht(this.editor,[n.id]);return}}if(this.editor.canCropShape(n)){this.parent.transition("crop",e);return}this.editor.canEditShape(n)&&this.startEditingShape(n,e,!0)}break}case"shape":{let{shape:n}=e,o=this.editor.getShapeUtil(n);if(n.type!=="video"&&n.type!=="embed"&&this.editor.getIsReadonly())break;if(o.onDoubleClick){let r=o.onDoubleClick?.(n);if(r){this.editor.updateShapes([r]);return}}if(o.canCrop(n)&&!this.editor.isShapeOrAncestorLocked(n)){this.editor.markHistoryStoppingPoint("select and crop"),this.editor.select(e.shape?.id),this.parent.transition("crop",e);return}this.editor.canEditShape(n)?this.startEditingShape(n,e,!0):this.handleDoubleClickOnCanvas(e);break}case"handle":{if(this.editor.getIsReadonly())break;let{shape:n,handle:o}=e,i=this.editor.getShapeUtil(n).onDoubleClickHandle?.(n,o);i?this.editor.updateShapes([i]):this.editor.canEditShape(n)&&this.startEditingShape(n,e,!0)}}}onRightClick(e){switch(e.target){case"canvas":{let n=this.editor.getSelectedShapeIds(),o=this.editor.getOnlySelectedShape(),r=this.editor.inputs.getCurrentPagePoint();if((n.length>1||o&&!this.editor.getShapeUtil(o).hideSelectionBoundsBg(o))&&Whe(this.editor,r)){this.onRightClick({...e,target:"selection"});return}let i=this.editor.getHoveredShape(),s=i&&!this.editor.isShapeOfType(i,"group")?i:this.editor.getShapeAtPoint(r,{margin:this.editor.options.hitTestMargin/this.editor.getZoomLevel(),hitInside:!1,hitLabels:!0,hitLocked:!0,hitFrameInside:!0,renderingOnly:!0});if(s){this.onRightClick({...e,shape:s,target:"shape"});return}this.editor.selectNone();break}case"shape":{let{selectedShapeIds:n}=this.editor.getCurrentPageState(),{shape:o}=e,r=this.editor.getOutermostSelectableShape(o,i=>!n.includes(i.id));!n.includes(r.id)&&!this.editor.findShapeAncestor(r,i=>n.includes(i.id))&&(this.editor.markHistoryStoppingPoint("selecting shape"),this.editor.setSelectedShapes([r.id]));break}}}onCancel(){this.editor.getFocusedGroupId()!==this.editor.getCurrentPageId()&&this.editor.getSelectedShapeIds().length>0?this.editor.popFocusedGroupId():(this.editor.markHistoryStoppingPoint("clearing selection"),this.editor.selectNone())}onKeyDown(e){switch(this.selectedShapesOnKeyDown=this.editor.getSelectedShapes(),e.code){case"ArrowLeft":case"ArrowRight":case"ArrowUp":case"ArrowDown":{if(e.accelKey){e.shiftKey?e.code==="ArrowDown"?this.editor.selectFirstChildShape():e.code==="ArrowUp"&&this.editor.selectParentShape():this.editor.selectAdjacentShape(e.code.replace("Arrow","").toLowerCase());return}this.nudgeSelectedShapes(!1);return}}if(Et.editOnType.get()&&!A5e.includes(e.key)&&!e.altKey&&!e.ctrlKey){let n=this.editor.getOnlySelectedShape();if(n&&this.editor.isShapeOfType(n,"note")&&this.editor.canEditShape(n)){this.startEditingShape(n,{...e,target:"shape",shape:n},!0);return}}}onKeyRepeat(e){switch(e.code){case"ArrowLeft":case"ArrowRight":case"ArrowUp":case"ArrowDown":{if(e.accelKey){this.editor.selectAdjacentShape(e.code.replace("Arrow","").toLowerCase());return}this.nudgeSelectedShapes(!0);break}case"Tab":{this.editor.getSelectedShapes().length&&!e.altKey&&this.editor.selectAdjacentShape(e.shiftKey?"prev":"next");break}}}onKeyUp(e){switch(e.key){case"Enter":{if(!this.selectedShapesOnKeyDown.length)return;let n=this.editor.getSelectedShapes();if(n.every(r=>this.editor.isShapeOfType(r,"group"))){this.editor.setSelectedShapes(n.flatMap(r=>this.editor.getSortedChildIdsForParent(r.id)));return}let o=this.editor.getOnlySelectedShape();if(o&&this.editor.canEditShape(o,{type:"press_enter"})){this.startEditingShape(o,{...e,target:"shape",shape:o},!0);return}this.editor.canCropShape(o)&&this.parent.transition("crop",e);break}case"Tab":{this.editor.getSelectedShapes().length&&!e.altKey&&this.editor.selectAdjacentShape(e.shiftKey?"prev":"next");break}}}startEditingShape(e,n,o){let{editor:r}=this;this.editor.markHistoryStoppingPoint("editing shape"),H5(e)?oo(r,e,{selectAll:o}):r.setEditingShape(e),this.parent.transition("editing_shape",n)}isOverArrowLabelTest(e){return e?qD(this.editor,e):!1}handleDoubleClickOnCanvas(e){if(this.editor.getIsReadonly()||!this.editor.options.createTextOnCanvasDoubleClick)return;this.editor.markHistoryStoppingPoint("creating text shape");let n=Ke(),{x:o,y:r}=this.editor.inputs.getCurrentPagePoint();this.editor.createShapes([{id:n,type:"text",x:o,y:r,props:{richText:jt(""),autoSize:!0}}]);let i=this.editor.getShape(n);i&&this.editor.canEditShape(i)&&oo(this.editor,n,{info:e})}nudgeSelectedShapes(e=!1){let{editor:{inputs:{keys:n}}}=this,o=n.has("ShiftLeft"),r=new T(0,0);if(n.has("ArrowLeft")&&(r.x-=1),n.has("ArrowRight")&&(r.x+=1),n.has("ArrowUp")&&(r.y-=1),n.has("ArrowDown")&&(r.y+=1),r.equals(new T(0,0)))return;e||this.editor.markHistoryStoppingPoint("nudge shapes"),this.editor.updateInstanceState({isChangingStyle:!0});let{gridSize:i}=this.editor.getDocumentSettings(),s=this.editor.getInstanceState().isGridMode?o?i*D5e:i:o?k5e:R5e,a=this.editor.getSelectedShapeIds();this.editor.nudgeShapes(a,r.mul(s)),ht(this.editor,a)}},k5e=10,R5e=1,D5e=5;function Whe(t,e){let n=t.getSelectionRotatedPageBounds();if(!n)return!1;let o=t.getSelectionRotation();return o?cn(e,n.corners.map(r=>T.RotWith(r,n.point,o))):n.containsPoint(e)}var RO=class extends X{static id="pointing_arrow_label";shapeId="";markId="";wasAlreadySelected=!1;didDrag=!1;didCtrlOnEnter=!1;info={};updateCursor(){this.editor.setCursor({type:"grabbing",rotation:0})}onEnter(e){let{shape:n}=e;typeof e.onInteractionEnd=="string"&&this.parent.setCurrentToolIdMask(e.onInteractionEnd),this.info=e,this.shapeId=n.id,this.didDrag=!1,this.didCtrlOnEnter=e.accelKey,this.wasAlreadySelected=this.editor.getOnlySelectedShapeId()===n.id,this.updateCursor();let r=this.editor.getShapeGeometry(n).children[1];if(!r)throw Error(`Expected to find an arrow label geometry for shape: ${n.id}`);let i=this.editor.inputs.getCurrentPagePoint(),s=this.editor.getPointInShapeSpace(n,i);if(this._labelDragOffset=T.Sub(r.center,s),this.markId=this.editor.markHistoryStoppingPoint("label-drag start"),e.shiftKey||e.accelKey){let l=this.editor.getSelectedShapeIds();this.editor.setSelectedShapes([...l,this.shapeId]);return}this.editor.setSelectedShapes([this.shapeId])}onExit(){this.parent.setCurrentToolIdMask(void 0),this.editor.setCursor({type:"default",rotation:0})}_labelDragOffset=new T(0,0);onPointerMove(){if(!this.editor.inputs.getIsDragging())return;if(this.didCtrlOnEnter){this.parent.transition("brushing",this.info);return}let n=this.editor.getShape(this.shapeId);if(!n)return;let o=this.editor.getShapeUtil("arrow").options,r=Jy(this.editor,n),i=this.editor.getShapePageTransform(n.id),s=this.editor.getPointInShapeSpace(n,this.editor.inputs.getCurrentPagePoint()).add(this._labelDragOffset),a=YD(this.editor,n),l=r.uninterpolateAlongEdge(s);isNaN(l)&&(l=a);let c=i.applyToPoint(r.interpolateAlongEdge(l)),d=i.applyToPoint(r.interpolateAlongEdge(a));T.DistMin(c,d,o.labelCenterSnapDistance/this.editor.getZoomLevel())&&(l=a),this.didDrag=!0,this.editor.updateShape({id:n.id,type:n.type,props:{labelPosition:l}})}onPointerUp(){let e=this.editor.getShape(this.shapeId);e&&(this.didDrag||!this.wasAlreadySelected?this.complete():this.editor.canEditShape(e)&&oo(this.editor,e.id))}onCancel(){this.cancel()}onComplete(){this.cancel()}onInterrupt(){this.cancel()}complete(){let{onInteractionEnd:e}=this.info;if(e){typeof e=="string"?this.editor.setCurrentTool(e,{}):e();return}this.parent.transition("idle")}cancel(){this.editor.bailToMark(this.markId);let{onInteractionEnd:e}=this.info;if(e){typeof e=="string"?this.editor.setCurrentTool(e,{}):e();return}this.parent.transition("idle")}};var DO=class extends X{static id="pointing_canvas";onEnter(e){e.shiftKey||e.accelKey||this.editor.getSelectedShapeIds().length>0&&(this.editor.markHistoryStoppingPoint("selecting none"),this.editor.selectNone())}onPointerMove(e){this.editor.inputs.getIsDragging()&&this.parent.transition("brushing",e)}onPointerUp(e){oS(this.editor,e),this.complete()}onDoubleClick(e){this.editor.inputs.getShiftKey()||e.phase!=="down"||e.ctrlKey||e.shiftKey||(this.parent.transition("idle"),this.parent.getCurrent()?.handleEvent(e))}onComplete(){this.complete()}onInterrupt(){this.parent.transition("idle")}complete(){this.parent.transition("idle")}};var OO=class extends X{static id="pointing_handle";didCtrlOnEnter=!1;info={};isDoubleClick=!1;onEnter(e){this.info=e,this.isDoubleClick=!1,this.didCtrlOnEnter=e.accelKey;let{shape:n}=e;if(this.editor.isShapeOfType(n,"arrow")){let o=wn(this.editor,n),r=o[e.handle.id],i=o[e.handle.id==="start"?"end":"start"],s=this.editor.getShapePageTransform(n.id);r&&Kp({editor:this.editor,pointInPageSpace:s.applyToPoint(e.handle),arrow:n,isPrecise:r.props.isPrecise,currentBinding:r,oppositeBinding:i})}this.editor.setCursor({type:"grabbing",rotation:0})}onExit(){this.editor.setHintingShapes([]),this.editor.setCursor({type:"default",rotation:0})}onPointerUp(){let{shape:e,handle:n}=this.info;if(this.isDoubleClick){this.parent.transition("idle"),this.parent.getCurrent()?.handleEvent({...this.info,type:"click",name:"double_click",phase:"down"});return}if(this.editor.isShapeOfType(e,"note")){let{editor:o}=this,r=Yhe(o,e,n,!1);if(r){oo(o,r,{selectAll:!0});return}}this.parent.transition("idle",this.info)}onDoubleClick(e){this.editor.inputs.getShiftKey()||e.phase!=="down"||e.ctrlKey||e.shiftKey||(this.isDoubleClick=!0)}onPointerMove(e){let{editor:n}=this;n.inputs.getIsDragging()&&(this.didCtrlOnEnter?this.parent.transition("brushing",e):this.startDraggingHandle())}onLongPress(){this.startDraggingHandle()}startDraggingHandle(){let{editor:e}=this;if(e.getIsReadonly())return;let{shape:n,handle:o}=this.info;if(e.isShapeOfType(n,"note")){let r=e.getShapeUtil(n),i=Ee(r,n),s=Yhe(e,n,o,!0);if(s){let a=e.getPointInParentSpace(s,e.inputs.getOriginPagePoint()).sub(T.Rot(new T(i.noteWidth/2,i.noteHeight/2).mul(n.props.scale),s.rotation));e.updateShape({...s,x:a.x,y:a.y}),e.setHoveredShape(s.id).select(s.id).setCurrentTool("select.translating",{...this.info,target:"shape",shape:e.getShape(s),onInteractionEnd:"note",isCreating:!0,onCreate:()=>{oo(e,s,{selectAll:!0})}});return}}this.parent.transition("dragging_handle",this.info)}onCancel(){this.cancel()}onComplete(){this.cancel()}onInterrupt(){this.cancel()}cancel(){this.parent.transition("idle")}};function Yhe(t,e,n,o){let r=t.getShapeUtil(e),i=Ee(r,e),s=t.getShapePageTransform(e.id),a=s.point(),l=s.rotation(),d=y9(t,{pagePoint:a,pageRotation:l,growY:e.props.growY*e.props.scale,extraHeight:0,scale:e.props.scale,noteWidth:i.noteWidth,noteHeight:i.noteHeight})[n.index];if(d)return VD(t,{shape:e,center:d,pageRotation:l,noteWidth:i.noteWidth,noteHeight:i.noteHeight,forceNew:o})}var LO=class extends X{static id="pointing_rotate_handle";info={};updateCursor(){this.editor.setCursor({type:Qu[this.info.handle],rotation:this.editor.getSelectionRotation()})}onEnter(e){this.info=e,typeof e.onInteractionEnd=="string"&&this.parent.setCurrentToolIdMask(e.onInteractionEnd),this.updateCursor()}onExit(){this.parent.setCurrentToolIdMask(void 0),this.editor.setCursor({type:"default",rotation:0})}onPointerMove(){this.editor.inputs.getIsDragging()&&this.startRotating()}onLongPress(){this.startRotating()}startRotating(){this.editor.getIsReadonly()||this.parent.transition("rotating",this.info)}onPointerUp(){this.complete()}onDoubleClick(e){this.editor.inputs.getShiftKey()||e.phase!=="down"||e.ctrlKey||e.shiftKey||(this.parent.transition("idle"),this.parent.getCurrent()?.handleEvent(e))}onCancel(){this.cancel()}onComplete(){this.cancel()}onInterrupt(){this.cancel()}complete(){let{onInteractionEnd:e}=this.info;if(e){typeof e=="string"?this.editor.setCurrentTool(e,{}):e?.();return}this.parent.transition("idle")}cancel(){let{onInteractionEnd:e}=this.info;if(e){typeof e=="string"?this.editor.setCurrentTool(e,{}):e();return}this.parent.transition("idle")}};var NO=class extends X{static id="pointing_selection";info={};onEnter(e){this.info=e}onPointerUp(e){oS(this.editor,e),this.parent.transition("idle",e)}onPointerMove(e){this.editor.inputs.getIsDragging()&&this.startTranslating(e)}onLongPress(e){this.startTranslating(e)}startTranslating(e){this.editor.getIsReadonly()||this.parent.transition("translating",e)}onDoubleClick(e){if(this.editor.inputs.getShiftKey()||e.phase!=="down"||e.ctrlKey||e.shiftKey)return;let n=this.editor.getHoveredShape(),o=n&&!this.editor.isShapeOfType(n,"group")?n:this.editor.getShapeAtPoint(this.editor.inputs.getCurrentPagePoint(),{hitInside:!0,margin:0,renderingOnly:!0});if(o){this.parent.transition("idle"),this.parent.getCurrent()?.handleEvent({...e,target:"shape",shape:this.editor.getShape(o)});return}}onCancel(){this.cancel()}onComplete(){this.cancel()}onInterrupt(){this.cancel()}cancel(){this.parent.transition("idle")}};var FO=class extends X{static id="pointing_shape";hitShape={};hitShapeForPointerUp={};isDoubleClick=!1;didCtrlOnEnter=!1;didSelectOnEnter=!1;onEnter(e){let n=this.editor.getSelectedShapeIds(),o=this.editor.getSelectionRotatedPageBounds(),r=this.editor.getFocusedGroupId(),i=this.editor.inputs.getCurrentPagePoint(),{shiftKey:s,altKey:a,accelKey:l}=e;this.hitShape=e.shape,this.isDoubleClick=!1,this.didCtrlOnEnter=l;let c=this.editor.getOutermostSelectableShape(e.shape),d=this.editor.findShapeAncestor(c,u=>n.includes(u.id));if(this.didCtrlOnEnter||this.editor.getShapeUtil(e.shape).onClick||c.id===r||n.includes(c.id)||d||n.length>1&&o?.containsPoint(i)){this.didSelectOnEnter=!1,this.hitShapeForPointerUp=c;return}this.didSelectOnEnter=!0,s&&!a?(this.editor.cancelDoubleClick(),n.includes(c.id)||(this.editor.markHistoryStoppingPoint("shift selecting shape"),this.editor.setSelectedShapes([...n,c.id]))):(this.editor.markHistoryStoppingPoint("selecting shape"),this.editor.setSelectedShapes([c.id]))}onPointerUp(e){let n=this.editor.getSelectedShapeIds(),o=this.editor.getFocusedGroupId(),r=this.editor.getZoomLevel(),i=this.editor.inputs.getCurrentPagePoint(),s=e.shiftKey||e.accelKey,a=this.editor.getShapeAtPoint(i,{margin:this.editor.options.hitTestMargin/r,hitInside:!0,renderingOnly:!0})??this.hitShape;if(!this.editor.getShape(a.id)){this.parent.transition("idle",e);return}let l=a?this.editor.getOutermostSelectableShape(a):this.hitShapeForPointerUp;if(l){let c=this.editor.getShapeUtil(l);if(c.onClick){let d=c.onClick?.(l);if(d){this.editor.markHistoryStoppingPoint("shape on click"),this.editor.updateShapes([d]),this.parent.transition("idle",e);return}}if(l.id===o){n.length>0?(this.editor.markHistoryStoppingPoint("clearing shape ids"),this.editor.setSelectedShapes([])):this.editor.popFocusedGroupId(),this.parent.transition("idle",e);return}}if(!this.didSelectOnEnter){let c=this.editor.getOutermostSelectableShape(a,d=>!n.includes(d.id));if(n.includes(c.id))if(s)this.editor.markHistoryStoppingPoint("deselecting on pointer up"),this.editor.deselect(l);else if(n.includes(l.id)){if(n.length===1){let d=this.editor.getShapeUtil(l).getGeometry(l),u=MO(d),p=u.length===1?u[0]:void 0;if(p){let f=this.editor.getPointInShapeSpace(l,i);if(p.bounds.containsPoint(f,0)&&p.hitTestPoint(f)){this.editor.run(()=>{this.editor.markHistoryStoppingPoint("editing on pointer up"),this.editor.select(l.id),this.editor.canEditShape(l)&&(this.editor.setEditingShape(l.id),this.editor.setCurrentTool("select.editing_shape"),this.isDoubleClick?this.editor.emit("select-all-text",{shapeId:l.id}):this.editor.emit("place-caret",{shapeId:l.id,point:e.point}))});return}}}this.editor.markHistoryStoppingPoint("selecting on pointer up"),this.editor.select(l.id)}else this.editor.markHistoryStoppingPoint("selecting on pointer up"),this.editor.select(l);else if(s){let d=this.editor.getShapeAncestors(c);this.editor.markHistoryStoppingPoint("shift deselecting on pointer up"),this.editor.setSelectedShapes([...this.editor.getSelectedShapeIds().filter(u=>!d.find(p=>p.id===u)),c.id])}else this.editor.markHistoryStoppingPoint("selecting on pointer up"),this.editor.setSelectedShapes([c.id])}this.parent.transition("idle",e)}onDoubleClick(e){if(this.isDoubleClick=!0,this.editor.inputs.getShiftKey()||e.phase!=="down"||e.ctrlKey||e.shiftKey)return;let{shape:n,...o}=e;this.parent.transition("idle"),this.parent.getCurrent()?.handleEvent({...o,target:"canvas"})}onPointerMove(e){if(this.editor.inputs.getIsDragging()){if(qD(this.editor,this.hitShape)){this.parent.transition("pointing_arrow_label",{...e,shape:this.hitShape});return}this.didCtrlOnEnter?this.parent.transition("brushing",e):this.startTranslating(e)}}onLongPress(e){this.startTranslating(e)}startTranslating(e){this.editor.getIsReadonly()||(!this.didSelectOnEnter&&!this.editor.getSelectedShapeIds().length&&(this.editor.markHistoryStoppingPoint("selecting shape"),this.editor.setSelectedShapes([this.hitShapeForPointerUp.id])),this.editor.focus(),this.parent.transition("translating",e))}onCancel(){this.cancel()}onComplete(){this.cancel()}onInterrupt(){this.cancel()}cancel(){this.parent.transition("idle")}};var BO=class extends X{static id="resizing";static trackPerformance=!0;info={};markId="";didHoldCommand=!1;creationCursorOffset={x:0,y:0};snapshot={};onEnter(e){let{isCreating:n=!1,creatingMarkId:o,creationCursorOffset:r={x:0,y:0}}=e;this.info=e,this.didHoldCommand=!1,typeof e.onInteractionEnd=="string"&&this.parent.setCurrentToolIdMask(e.onInteractionEnd),this.creationCursorOffset=r;try{this.snapshot=this._createSnapshot()}catch(i){console.error(i),this.cancel();return}if(this.markId="",n)if(o)this.markId=o;else{let i=this.editor.getMarkIdMatching(`creating:${this.editor.getOnlySelectedShapeId()}`);i&&(this.markId=i)}else this.markId=this.editor.markHistoryStoppingPoint("starting resizing");n&&this.editor.setCursor({type:"cross",rotation:0}),this.handleResizeStart(),this.updateShapes()}onTick({elapsed:e}){let{editor:n}=this;!n.inputs.getIsDragging()||n.inputs.getIsPanning()||n.edgeScrollManager.updateEdgeScrolling(e)}onPointerMove(){this.updateShapes()}onKeyDown(){this.updateShapes()}onKeyUp(){this.updateShapes()}onPointerUp(){this.complete()}onComplete(){this.complete()}onCancel(){this.cancel()}cancel(){let{shapeSnapshots:e}=this.snapshot;e.forEach(({shape:o})=>{let r=this.editor.getShape(o.id);r&&this.editor.getShapeUtil(o).onResizeCancel?.(o,r)}),this.editor.bailToMark(this.markId);let{onInteractionEnd:n}=this.info;if(n){typeof n=="string"?this.editor.setCurrentTool(n,{}):n();return}this.parent.transition("idle")}complete(){if(ht(this.editor,this.snapshot.selectedShapeIds),this.handleResizeEnd(),this.info.isCreating&&this.info.onCreate){this.info.onCreate?.(this.editor.getOnlySelectedShape());return}let{onInteractionEnd:e}=this.info;if(e)if(typeof e=="string"){if(this.editor.getInstanceState().isToolLocked){this.editor.setCurrentTool(e,{});return}}else{e();return}this.parent.transition("idle")}handleResizeStart(){let{shapeSnapshots:e}=this.snapshot,n=[];e.forEach(({shape:o})=>{let i=this.editor.getShapeUtil(o).onResizeStart?.(o);i&&n.push(i)}),n.length>0&&this.editor.updateShapes(n)}handleResizeEnd(){let{shapeSnapshots:e}=this.snapshot,n=[];e.forEach(({shape:o})=>{let r=this.editor.getShape(o.id),s=this.editor.getShapeUtil(o).onResizeEnd?.(o,r);s&&n.push(s)}),n.length>0&&this.editor.updateShapes(n)}updateShapes(){let{editor:e,info:n,snapshot:{frames:o,shapeSnapshots:r,selectionBounds:i,cursorHandleOffset:s,selectedShapeIds:a,selectionRotation:l,canShapesDeform:c,initialSelectionPageBounds:d,resizeLevels:u}}=this,p=e.inputs.getAltKey(),h=e.inputs.getShiftKey()||!c;if(r.size===1){let I=[...r.values()][0];e.isShapeOfType(I.shape,"text")&&(h=!(n.handle==="left"||n.handle==="right"))}let g=Io(e.inputs),y=e.inputs.getCurrentPagePoint().clone().sub(s).sub(this.creationCursorOffset),m=e.inputs.getOriginPagePoint().clone().sub(s);if(e.getInstanceState().isGridMode&&!g){let{gridSize:I}=e.getDocumentSettings();y.snapToGrid(I)}let S=n.handle,b=qhe(S,Math.PI);if(e.snaps.clearIndicators(),(e.user.getIsSnapMode()?!g:g)&&l%Nn===0){let{nudge:I}=e.snaps.shapeBounds.snapResizeShapes({dragDelta:T.Sub(y,m),initialSelectionPageBounds:d,handle:qhe(S,l),isAspectRatioLocked:h,isResizingFromCenter:p});y.add(I)}let w=T.RotWith(p?i.center:i.getHandlePoint(b),i.point,l),x=T.Sub(y,w).rot(-l),C=T.Sub(m,w).rot(-l),P=T.DivV(x,C);Number.isFinite(P.x)||(P.x=1),Number.isFinite(P.y)||(P.y=1);let M=S==="top"||S==="bottom",E=S==="left"||S==="right";h?E?P.y=Math.abs(P.x):M?P.x=Math.abs(P.y):Math.abs(P.x)>Math.abs(P.y)?P.y=Math.abs(P.x)*(P.y<0?-1:1):P.x=Math.abs(P.y)*(P.x<0?-1:1):(M&&(P.x=1),E&&(P.y=1)),this.info.isCreating||this.updateCursor({dragHandle:S,isFlippedX:P.x<0,isFlippedY:P.y<0,rotation:l}),r.size>1&&Lhe(this.editor,r,P,l,h);for(let I of u){let R=[];for(let D of I){let N=r.get(D),B=e.getResizeShapePartial(D,P,{initialShape:N.shape,initialBounds:N.bounds,initialPageTransform:N.pageTransform,dragHandle:S,mode:a.length===1&&D===a[0]?"resize_bounds":"scale_shape",scaleOrigin:w,isAspectRatioLocked:h,scaleAxisRotation:l,skipStartAndEndCallbacks:!0});B&&R.push(B)}R.length>0&&e.updateShapes(R)}if(g){this.didHoldCommand=!0;let I=[];for(let{id:R,children:D}of o){if(!D.length)continue;let N=r.get(R).shape,B=this.editor.getShape(R);if(!(N&&B))continue;let F=B.x-N.x,k=B.y-N.y,L=new T(F,k).rot(-N.rotation);if(L.x!==0||L.y!==0)for(let U of D)I.push({id:U.id,type:U.type,x:U.x-L.x,y:U.y-L.y})}I.length>0&&this.editor.updateShapes(I)}else if(this.didHoldCommand){this.didHoldCommand=!1;let I=[];for(let{children:R}of o)for(let D of R)I.push({id:D.id,type:D.type,x:D.x,y:D.y});I.length>0&&this.editor.updateShapes(I)}this.updateEnclosureHints()}updateEnclosureHints(){if(!this.info.isCreating)return;let e=this.editor.getOnlySelectedShape();if(!e||!this.editor.isShapeOfType(e,"frame"))return;let n=g9(this.editor,e),o=this.editor.getHintingShapeIds();n.length===o.length&&n.every((r,i)=>r===o[i])||this.editor.setHintingShapes(n)}updateCursor({dragHandle:e,isFlippedX:n,isFlippedY:o,rotation:r}){let i=this.editor.getInstanceState().cursor,s=i.type;switch(e){case"top_left":case"bottom_right":{s="nwse-resize",n!==o&&(s="nesw-resize");break}case"top_right":case"bottom_left":{s="nesw-resize",n!==o&&(s="nwse-resize");break}}s===i.type&&r===i.rotation||this.editor.setCursor({type:s,rotation:r})}onExit(){this.parent.setCurrentToolIdMask(void 0),this.editor.setCursor({type:"default",rotation:0}),this.editor.snaps.clearIndicators(),U9(this.editor,null),this.info.isCreating&&this.editor.getHintingShapeIds().length>0&&this.editor.setHintingShapes([])}_createSnapshot(){let{editor:e}=this,n=e.getSelectedShapeIds(),o=e.getSelectionRotation(),r=e.inputs.getOriginPagePoint(),i=e.getSelectionRotatedPageBounds();if(!i)throw Error("Resizing but nothing is selected");let s=T.RotWith(i.getHandlePoint(this.info.handle),i.point,o),a=T.Sub(r,s),l=new Map,c=[],d=g=>{let y=e.getShape(g);if(!y)return!1;let m=e.getShapeUtil(y);if(m.canResize(y)){let S=e.getShapePageTransform(y);l.set(y.id,{shape:y,bounds:e.getShapeGeometry(y).bounds,pageTransform:S,pageRotation:Q.Decompose(S).rotation,isAspectRatioLocked:m.isAspectRatioLocked(y)})}if(e.isShapeFrameLike(y)&&c.push({id:y.id,children:we(e.getSortedChildIdsForParent(y).map(S=>e.getShape(S)))}),!m.canResizeChildren(y))return!1};n.forEach(g=>{d(g)!==!1&&e.visitDescendants(g,d)});let u=![...l.values()].some(g=>!yg(g.pageRotation,o)||g.isAspectRatioLocked),p=[],f=new Map,h=g=>{let y=f.get(g);if(y!==void 0)return y;let m=0,S=e.getShape(g)?.parentId;for(;S&&On(S);){if(l.has(S)){m=h(S)+1;break}S=e.getShape(S)?.parentId}return f.set(g,m),m};for(let g of l.keys()){let y=h(g);for(;p.length<=y;)p.push([]);p[y].push(g)}return{shapeSnapshots:l,selectionBounds:i,cursorHandleOffset:a,selectionRotation:o,selectedShapeIds:n,canShapesDeform:u,initialSelectionPageBounds:this.editor.getSelectionPageBounds(),frames:c,resizeLevels:p}}},Y9=["top","top_right","right","bottom_right","bottom","bottom_left","left","top_left"];function qhe(t,e){e=e%vt;let n=Math.round(e/(wt/4)),o=Y9.indexOf(t);return Y9[(o+n)%Y9.length]}var Xhe=Math.PI/180,zO=class extends X{static id="rotating";static trackPerformance=!0;snapshot={};info={};markId="";onEnter(e){this.info=e,typeof e.onInteractionEnd=="string"&&this.parent.setCurrentToolIdMask(e.onInteractionEnd),this.markId=this.editor.markHistoryStoppingPoint("rotate start");let n=tC({editor:this.editor,ids:this.editor.getSelectedShapeIds()});if(!n){this.parent.transition("idle",this.info);return}this.snapshot=n;let o=this._getRotationFromPointerPosition({snapToNearestDegree:!1});Mg({editor:this.editor,delta:this._getRotationFromPointerPosition({snapToNearestDegree:!1}),snapshot:this.snapshot,stage:"start"}),this.editor.setCursor({type:Qu[this.info.handle],rotation:o+this.snapshot.initialShapesRotation})}onExit(){this.editor.setCursor({type:"default",rotation:0}),this.parent.setCurrentToolIdMask(void 0),this.snapshot={}}onPointerMove(){this.update()}onKeyDown(){this.update()}onKeyUp(){this.update()}onPointerUp(){this.complete()}onComplete(){this.complete()}onCancel(){this.cancel()}update(){let e=this._getRotationFromPointerPosition({snapToNearestDegree:!1});Mg({editor:this.editor,delta:e,snapshot:this.snapshot,stage:"update"}),this.editor.setCursor({type:Qu[this.info.handle],rotation:e+this.snapshot.initialShapesRotation})}cancel(){let{shapeSnapshots:e}=this.snapshot;e.forEach(({shape:o})=>{let r=this.editor.getShape(o.id);r&&this.editor.getShapeUtil(o).onRotateCancel?.(o,r)}),this.editor.bailToMark(this.markId);let{onInteractionEnd:n}=this.info;if(n){typeof n=="string"?this.editor.setCurrentTool(n,this.info):n();return}this.parent.transition("idle",this.info)}complete(){Mg({editor:this.editor,delta:this._getRotationFromPointerPosition({snapToNearestDegree:!0}),snapshot:this.snapshot,stage:"end"}),ht(this.editor,this.snapshot.shapeSnapshots.map(n=>n.shape.id));let{onInteractionEnd:e}=this.info;if(e){typeof e=="string"?this.editor.setCurrentTool(e,this.info):e();return}this.parent.transition("idle",this.info)}_getRotationFromPointerPosition({snapToNearestDegree:e}){let n=this.editor.inputs.getShiftKey(),o=this.editor.inputs.getCurrentPagePoint(),{initialCursorAngle:r,initialShapesRotation:i,initialPageCenter:s}=this.snapshot,a=s.angle(o)-r,l=i+a;if(n)l=sh(l,24);else if(e&&(l=Math.round(l/Xhe)*Xhe,this.editor.getInstanceState().isCoarsePointer)){let c=sh(l,4),d=zb(l,c);Math.abs(d)<Mz(5)&&(l=c)}return l-i}};var UO=class extends X{static id="scribble_brushing";static trackPerformance=!0;hits=new Set;size=0;scribbleId="id";initialSelectedShapeIds=new Set;newlySelectedShapeIds=new Set;onEnter(){this.initialSelectedShapeIds=new Set(this.editor.inputs.getShiftKey()?this.editor.getSelectedShapeIds():[]),this.newlySelectedShapeIds=new Set,this.size=0,this.hits.clear();let e=this.editor.scribbles.addScribble({color:"selection-stroke",opacity:.32,size:12});this.scribbleId=e.id,this.updateScribbleSelection(!0),this.editor.updateInstanceState({brush:null})}onExit(){this.editor.scribbles.stop(this.scribbleId)}onPointerMove(){this.updateScribbleSelection(!0)}onPointerUp(){this.complete()}onKeyDown(){this.updateScribbleSelection(!1)}onKeyUp(){this.editor.inputs.getAltKey()?this.updateScribbleSelection(!1):this.parent.transition("brushing")}onCancel(){this.cancel()}onComplete(){this.complete()}pushPointToScribble(){let{x:e,y:n}=this.editor.inputs.getCurrentPagePoint();this.editor.scribbles.addPoint(this.scribbleId,e,n)}updateScribbleSelection(e){let{editor:n}=this,o=this.editor.inputs.getShiftKey(),r=this.editor.inputs.getOriginPagePoint(),i=this.editor.inputs.getPreviousPagePoint(),s=this.editor.inputs.getCurrentPagePoint(),{newlySelectedShapeIds:a,initialSelectedShapeIds:l}=this;e&&this.pushPointToScribble();let c=0,d=q.FromPoints([i,s]).expandBy(c),u=n.getShapeIdsInsideBounds(d);if(u.size===0){let w=n.getSelectedShapeIds(),x=new Set(o?[...a,...l]:[...a]);(w.length!==x.size||w.some(C=>!x.has(C)))&&this.editor.setSelectedShapes(Array.from(x));return}let h=this.editor.getCurrentPageRenderingShapesSorted().filter(w=>u.has(w.id)),g,y,m,S;for(let w=0,x=h.length;w<x;w++){if(g=h[w],n.isShapeOfType(g,"group")||a.has(g.id)||!n.options.selectLockedShapes&&n.isShapeOrAncestorLocked(g)||(y=n.getShapeGeometry(g),n.isShapeFrameLike(g)&&y.bounds.containsPoint(n.getPointInShapeSpace(g,r))))continue;let C=n.getShapePageTransform(g);if(!y||!C)continue;let P=C.clone().invert();m=P.applyToPoint(i),S=P.applyToPoint(s);let{bounds:M}=y;if(!(M.minX-c>Math.max(m.x,S.x)||M.minY-c>Math.max(m.y,S.y)||M.maxX+c<Math.min(m.x,S.x)||M.maxY+c<Math.min(m.y,S.y))&&y.hitTestLineSegment(m,S,c)){let E=this.editor.getOutermostSelectableShape(g),I=this.editor.getShapeMask(E.id);if(I&&wg(i,s,I)!==null&&!cn(s,I))continue;a.add(E.id)}}let b=n.getSelectedShapeIds(),v=new Set(o?[...a,...l]:[...a]);(b.length!==v.size||b.some(w=>!v.has(w)))&&this.editor.setSelectedShapes(Array.from(v))}complete(){this.updateScribbleSelection(!0),this.parent.transition("idle")}cancel(){this.editor.setSelectedShapes([...this.initialSelectedShapeIds]),this.parent.transition("idle")}};var O5e=Object.defineProperty,L5e=Object.getOwnPropertyDescriptor,N5e=(t,e,n,o)=>{for(var r=o>1?void 0:o?L5e(e,n):e,i=t.length-1,s;i>=0;i--)(s=t[i])&&(r=(o?s(e,n,r):s(r))||r);return o&&r&&O5e(e,n,r),r},F5e=320,B5e=60,VE=class{constructor(e){this.editor=e,e.disposables.add(this.dispose)}editor;shapesToActuallyMove=[];draggedOverShapeIds=new Set;initialGroupIds=new Map;initialParentIds=new Map;initialIndices=new Map;initialDraggingOverShape;prevDraggingOverShape;prevPagePoint=new T;intervalTimerId=-1;startDraggingShapes(e,n,o){let{editor:r}=this;if(this.intervalTimerId!==-1)return;let i=new Set(e),s=new Set;for(let c of i){let d=r.getShapeParent(c);d&&r.isShapeOfType(d,"group")&&(s.has(d)||s.add(d))}for(let c of s){let d=we(r.getSortedChildIdsForParent(c).map(u=>r.getShape(u)));i.add(c);for(let u of d)i.delete(u)}this.initialParentIds.clear();for(let c of i){let d=r.getShapeParent(c);d&&this.initialParentIds.set(c.id,d.id),this.initialIndices.set(c.id,c.index);let u=r.findShapeAncestor(c,p=>r.isShapeOfType(p,"group"));u&&this.initialGroupIds.set(c.id,u.id)}let a=r.getCurrentPageShapesSorted();this.shapesToActuallyMove=Array.from(i).filter(c=>!c.isLocked).sort((c,d)=>a.indexOf(c)-a.indexOf(d)),this.initialDraggingOverShape=r.getDraggingOverShape(n,this.shapesToActuallyMove),this.prevDraggingOverShape=this.initialDraggingOverShape,this.updateDraggingShapes(n,o);let l=0;this.intervalTimerId=this.editor.timers.setInterval(()=>{l++,!(l%3&&this.editor.inputs.getPointerVelocity().len()>.5)&&this.updateDraggingShapes(r.inputs.getCurrentPagePoint(),o)},e.length>10?F5e:B5e)}dropShapes(e){let{editor:n}=this,o=n.inputs.getCurrentPagePoint();this.updateDraggingShapes(o);let r=n.getDraggingOverShape(o,e);if(r){let i=n.getShapeUtil(r),s=Zhe(n,r,e);s.length>0&&i.onDropShapesOver?.(r,s,{initialDraggingOverShapeId:this.initialDraggingOverShape?.id??null,initialParentIds:this.initialParentIds,initialIndices:this.initialIndices})}this.dispose()}clear(){clearInterval(this.intervalTimerId),this.intervalTimerId=-1,this.initialParentIds.clear(),this.initialIndices.clear(),this.shapesToActuallyMove=[],this.initialDraggingOverShape=void 0,this.prevDraggingOverShape=void 0,this.editor.setHintingShapes([])}dispose(){this.clear()}updateDraggingShapes(e,n){let{editor:o}=this,r=we(this.shapesToActuallyMove.map(l=>o.getShape(l)));if(!r.length)return;let i=o.getDraggingOverShape(e,this.shapesToActuallyMove),s=o.inputs.getCurrentPagePoint(),a=!this.prevPagePoint.equals(s);this.prevPagePoint.setTo(s),o.run(()=>{if(this.prevDraggingOverShape?.id===i?.id){a&&i&&On(i.id)&&!o.inputs.getPreviousPagePoint().equals(s)&&o.getShapeUtil(i).onDragShapesOver?.(i,r,{initialDraggingOverShapeId:this.initialDraggingOverShape?.id??null,initialParentIds:this.initialParentIds,initialIndices:this.initialIndices});return}if(this.prevDraggingOverShape){let l=o.getShapeUtil(this.prevDraggingOverShape),c=this.editor.getShape(this.prevDraggingOverShape),d=z5e(o,c,r);d.length>0&&l.onDragShapesOut?.(c,d,{nextDraggingOverShapeId:i?.id??null,initialDraggingOverShapeId:this.initialDraggingOverShape?.id??null,initialParentIds:this.initialParentIds,initialIndices:this.initialIndices})}if(i){let l=o.getShapeUtil(i),c=Zhe(o,i,r);c.length>0?(l.onDragShapesIn?.(i,c,{initialDraggingOverShapeId:this.initialDraggingOverShape?.id??null,prevDraggingOverShapeId:this.prevDraggingOverShape?.id??null,initialParentIds:this.initialParentIds,initialIndices:this.initialIndices}),o.setHintingShapes([i.id])):this.prevDraggingOverShape&&o.setHintingShapes([])}else this.prevDraggingOverShape&&o.setHintingShapes([]);n?.()}),this.prevDraggingOverShape=i}};N5e([Yt],VE.prototype,"dispose",1);function Zhe(t,e,n){let o=t.getShapeUtil(e);return n.filter(r=>o.canReceiveNewChildrenOfType(e,r.type))}function z5e(t,e,n){let o=t.getShapeUtil(e);return n.filter(r=>o.canRemoveChildrenOfType(e,r.type))}var U5e=Object.defineProperty,H5e=Object.getOwnPropertyDescriptor,V5e=(t,e,n,o)=>{for(var r=o>1?void 0:o?H5e(e,n):e,i=t.length-1,s;i>=0;i--)(s=t[i])&&(r=(o?s(e,n,r):s(r))||r);return o&&r&&U5e(e,n,r),r},jE=class extends X{static id="translating";static trackPerformance=!0;info={};selectionSnapshot={};snapshot={};markId="";isCloning=!1;isCreating=!1;onCreate(e){}dragAndDropManager=new VE(this.editor);onEnter(e){let{isCreating:n=!1,creatingMarkId:o,onCreate:r=()=>{}}=e;if(!this.editor.getSelectedShapeIds()?.length){this.parent.transition("idle");return}if(this.info=e,typeof e.onInteractionEnd=="string"&&this.parent.setCurrentToolIdMask(e.onInteractionEnd),this.isCreating=n,this.markId="",n)if(o)this.markId=o;else{let i=this.editor.getMarkIdMatching(`creating:${this.editor.getOnlySelectedShapeId()}`);i&&(this.markId=i)}else this.markId=this.editor.markHistoryStoppingPoint("translating");this.onCreate=r,this.isCloning=!1,this.info=e,this.editor.setCursor({type:"move",rotation:0}),this.selectionSnapshot=Jhe(this.editor),!(!this.isCreating&&this.editor.inputs.getAltKey()&&(this.startCloning(),this.isCloning))&&(this.snapshot=this.selectionSnapshot,this.handleStart(),this.updateShapes())}onExit(){this.parent.setCurrentToolIdMask(void 0),this.selectionSnapshot={},this.snapshot={},this.editor.snaps.clearIndicators(),this.editor.setCursor({type:"default",rotation:0}),this.dragAndDropManager.clear()}onTick({elapsed:e}){let{editor:n}=this;!n.inputs.getIsDragging()||n.inputs.getIsPanning()||n.edgeScrollManager.updateEdgeScrolling(e)}onPointerMove(){this.updateShapes()}onKeyDown(){this.editor.inputs.getAltKey()&&!this.isCloning&&(this.startCloning(),this.isCloning)||this.updateShapes()}onKeyUp(){if(!this.editor.inputs.getAltKey()&&this.isCloning){this.stopCloning();return}this.updateShapes()}onPointerUp(){this.complete()}onComplete(){this.complete()}onCancel(){this.cancel()}startCloning(){if(this.isCreating)return;let e=Array.from(this.editor.getSelectedShapeIds());this.editor.canCreateShapes(e)&&(this.isCloning=!0,this.reset(),this.markId=this.editor.markHistoryStoppingPoint("translate cloning"),this.editor.duplicateShapes(Array.from(this.editor.getSelectedShapeIds())),this.snapshot=Jhe(this.editor),this.handleStart(),this.updateShapes())}stopCloning(){this.isCloning=!1,this.snapshot=this.selectionSnapshot,this.reset(),this.markId=this.editor.markHistoryStoppingPoint("translate"),this.updateShapes()}reset(){this.editor.bailToMark(this.markId)}complete(){this.updateShapes(),this.dragAndDropManager.dropShapes(this.snapshot.movingShapes),this.handleEnd(),ht(this.editor,this.snapshot.movingShapes.map(n=>n.id));let{onInteractionEnd:e}=this.info;if(e)if(typeof e=="string"){if(this.editor.getInstanceState().isToolLocked){this.editor.setCurrentTool(e);return}}else{e();return}this.isCreating?this.onCreate?.(this.editor.getOnlySelectedShape()):this.parent.transition("idle")}cancel(){let{movingShapes:e}=this.snapshot;e.forEach(o=>{let r=this.editor.getShape(o.id);r&&this.editor.getShapeUtil(o).onTranslateCancel?.(o,r)}),this.reset();let{onInteractionEnd:n}=this.info;if(n){typeof n=="string"?this.editor.setCurrentTool(n):n();return}this.parent.transition("idle",this.info)}handleStart(){let{movingShapes:e}=this.snapshot,n=[];e.forEach(o=>{let i=this.editor.getShapeUtil(o).onTranslateStart?.(o);i&&n.push(i)}),n.length>0&&this.editor.updateShapes(n),this.dragAndDropManager.startDraggingShapes(we(this.snapshot.movingShapes.map(o=>this.editor.getShape(o.id))),this.editor.inputs.getOriginPagePoint(),this.updateParentTransforms),this.editor.setHoveredShape(null)}handleEnd(){let{movingShapes:e}=this.snapshot;if(this.isCloning&&e.length>0){let o=T.Average(e.map(i=>this.editor.getShapePageTransform(i.id).point())),r=T.Sub(o,this.selectionSnapshot.averagePagePoint);T.IsNaN(r)||this.editor.updateInstanceState({duplicateProps:{shapeIds:e.map(i=>i.id),offset:{x:r.x,y:r.y}}})}let n=[];e.forEach(o=>{let r=this.editor.getShape(o.id),s=this.editor.getShapeUtil(o).onTranslateEnd?.(o,r);s&&n.push(s)}),n.length>0&&this.editor.updateShapes(n)}updateShapes(){let{snapshot:e}=this;this.dragAndDropManager.startDraggingShapes(e.movingShapes,this.editor.inputs.getOriginPagePoint(),this.updateParentTransforms),j5e({editor:this.editor,snapshot:e});let{movingShapes:n}=e,o=[];n.forEach(r=>{let i=this.editor.getShape(r.id),a=this.editor.getShapeUtil(r).onTranslate?.(r,i);a&&o.push(a)}),o.length>0&&this.editor.updateShapes(o)}updateParentTransforms(){let{editor:e,snapshot:{shapeSnapshots:n}}=this,o=[];n.forEach(r=>{let i=e.getShape(r.shape.id);if(!i)return;o.push(i);let s=jo(i.parentId)?null:Q.Inverse(e.getShapePageTransform(i.parentId));r.parentTransform=s})}};V5e([Yt],jE.prototype,"updateParentTransforms",1);function Jhe(t){let e=[],n=[],o=t.getSelectedShapeIds(),r=we(o.map(p=>{let f=t.getShape(p);if(!f)return null;e.push(f);let h=t.getShapePageTransform(p),g=h.point(),y=h.rotation();n.push(g);let m=mo.isId(f.parentId)?null:Q.Inverse(t.getShapePageTransform(f.parentId));return{shape:f,pagePoint:g,pageRotation:y,parentTransform:m}})),i=t.getOnlySelectedShape(),s=[];if(i)s=t.snaps.shapeBounds.getSnapPoints(i.id);else{let p=t.getSelectionPageBounds();p&&(s=p.cornersAndCenter.map((f,h)=>({id:"selection:"+h,x:f.x,y:f.y})))}let a,l,c,d=t.inputs.getOriginPagePoint(),u=r.filter(p=>t.isShapeOfType(p.shape,"note")&&t.isPointInShape(p.shape,d));if(u.length!==0)if(u.length===1)l=u[0];else{let p=t.getCurrentPageShapesSorted();l=u.map(f=>({snapshot:f,index:p.findIndex(h=>h.id===f.shape.id)})).sort((f,h)=>h.index-f.index)[0]?.snapshot}if(l){let p=t.getShapeUtil(l.shape),f=Ee(p,l.shape);a=HD(t,{rotation:l.pageRotation,scale:l.shape.props.scale,extraHeight:l.shape.props.growY??0,noteWidth:f.noteWidth,noteHeight:f.noteHeight}),c=new T(f.noteWidth/2,f.noteHeight/2)}return{averagePagePoint:T.Average(n),movingShapes:e,shapeSnapshots:r,initialPageBounds:t.getSelectionPageBounds(),initialSnapPoints:s,noteAdjacentPositions:a,noteSnapshot:l,noteCenterOffset:c}}function j5e({editor:t,snapshot:e}){let{inputs:n}=t,{noteSnapshot:o,noteAdjacentPositions:r,noteCenterOffset:i,initialPageBounds:s,initialSnapPoints:a,shapeSnapshots:l,averagePagePoint:c}=e,d=t.inputs.getShiftKey(),u=t.inputs.getAccelKey(),p=t.getInstanceState().isGridMode,f=t.getDocumentSettings().gridSize,h=T.Sub(n.getCurrentPagePoint(),n.getOriginPagePoint()),g=d?Math.abs(h.x)<Math.abs(h.y)?"x":"y":null;g==="x"?h.x=0:g==="y"&&(h.y=0),t.snaps.clearIndicators();let y=t.user.getIsSnapMode()?!u:u,m=!1;if(y&&t.inputs.getPointerVelocity().len()<.5){let{nudge:w}=t.snaps.shapeBounds.snapTranslateShapes({dragDelta:h,initialSelectionPageBounds:s,lockedAxis:g,initialSelectionSnapPoints:a});h.add(w)}else if(o&&r&&i){let{scale:w}=o.shape.props,x=o.pagePoint.clone().add(h).add(i.clone().mul(w).rot(o.pageRotation)),C=UD/t.getZoomLevel(),P=new T(0,0);for(let M of r){let E=T.Sub(x,M),I=E.len();I<C&&(m=!0,C=I,P=E)}h.sub(P)}let S=T.Add(c,h),b=t.snaps.getIndicators();p&&!u&&!m&&b.length===0&&S.snapToGrid(f);let v=T.Sub(S,c);t.updateShapes(we(l.map(({shape:w,pagePoint:x,parentTransform:C})=>{let P=T.Add(x,v),M=C?Q.applyToPoint(C,P):P;return{id:w.id,type:w.type,x:M.x,y:M.y}})))}var $E=class extends X{static id="select";static initial="idle";static isLockable=!1;reactor=void 0;static children(){return[IO,jw,kO,DO,FO,jE,wO,UO,$w,NO,xO,AO,BO,zO,LO,RO,OO,_O]}cleanUpDuplicateProps(){let e=this.editor.getSelectedShapeIds(),n=this.editor.getInstanceState();if(!n.duplicateProps)return;let o=new Set(n.duplicateProps.shapeIds);e.length===o.size&&e.every(r=>o.has(r))||this.editor.updateInstanceState({duplicateProps:null})}onEnter(){this.reactor=Sn("clean duplicate props",()=>{try{this.cleanUpDuplicateProps()}catch(e){typeof process<"u",console.error(e)}})}onExit(){this.reactor?.(),this.editor.getCurrentPageState().editingShapeId&&this.editor.setEditingShape(null)}};var HO=class extends X{static id="idle";info={};onEnter(e){this.info=e}onPointerDown(){this.parent.transition("pointing",this.info)}onKeyDown(e){e.key==="Shift"&&this.parent.transition("zoom_quick",this.info)}};var VO=class extends X{static id="pointing";info={};onEnter(e){this.info=e}onPointerUp(){this.complete()}onPointerMove(){this.editor.inputs.getIsDragging()&&this.parent.transition("zoom_brushing",this.info)}onCancel(){this.cancel()}complete(){let e=this.editor.inputs.getCurrentScreenPoint();this.editor.inputs.getAltKey()?this.editor.zoomOut(e,{animation:{duration:220}}):this.editor.zoomIn(e,{animation:{duration:220}}),this.parent.transition("idle",this.info)}cancel(){this.parent.transition("idle",this.info)}};var jO=class extends X{static id="zoom_brushing";info={};zoomBrush=new q;onEnter(e){this.info=e,this.update()}onExit(){this.editor.updateInstanceState({zoomBrush:null})}onPointerMove(){this.update()}onPointerUp(){this.complete()}onCancel(){this.cancel()}update(){let e=this.editor.inputs.getOriginPagePoint(),n=this.editor.inputs.getCurrentPagePoint();this.zoomBrush.setTo(q.FromPoints([e,n])),this.editor.updateInstanceState({zoomBrush:this.zoomBrush.toJson()})}cancel(){this.parent.transition("idle",this.info)}complete(){let{zoomBrush:e}=this,n=8/this.editor.getZoomLevel();if(e.width<n&&e.height<n){let o=this.editor.inputs.getCurrentScreenPoint();this.editor.inputs.getAltKey()?this.editor.zoomOut(o,{animation:{duration:220}}):this.editor.zoomIn(o,{animation:{duration:220}})}else{let o=this.editor.inputs.getAltKey()?this.editor.getZoomLevel()/2:void 0;this.editor.zoomToBounds(e,{targetZoom:o,animation:{duration:220}})}this.parent.transition("idle",this.info)}};var $O=class extends X{static id="zoom_quick";info={};qzState="idle";initialVpb=new q;initialPp=new T;overviewZoom=1;cleanupZoomReactor(){}nextVpb=new q;onEnter(e){let{editor:n}=this;this.info=e,this.qzState="idle",this.initialVpb=n.getViewportPageBounds(),this.initialPp=T.From(n.inputs.getCurrentPagePoint()),n.setCursor({type:"zoom-in",rotation:0});let o=this.initialVpb,r=n.getCurrentPageBounds(),i=r?q.Expand(o,r):o.clone(),s=n.getViewportScreenBounds(),a=n.inputs.getCurrentScreenPoint(),l=a.x,c=a.y,{x:d,y:u}=this.initialPp,p=d-i.minX,f=i.maxX-d,h=u-i.minY,g=i.maxY-u,y=n.getCamera().z;p>0&&(y=Math.min(y,l/p)),f>0&&(y=Math.min(y,(s.w-l)/f)),h>0&&(y=Math.min(y,c/h)),g>0&&(y=Math.min(y,(s.h-c)/g)),y*=.85,y=Math.max(n.getCameraOptions().zoomSteps[0],y),this.overviewZoom=y,n.options.quickZoomPreservesScreenBounds&&(this.cleanupZoomReactor=Sn("zoom change in quick zoom",()=>{n.getZoomLevel(),this.updateBrush()}));let{x:m,y:S,z:b}=n.getCamera(),v=b/y;n.setCamera(new T((m+d)*v-d,(S+u)*v-u,y)),n.options.quickZoomPreservesScreenBounds||this.updateBrush()}onExit(){this.cleanupZoomReactor(),this.zoomToNewViewport(),this.editor.updateInstanceState({zoomBrush:null})}onPointerUp(){let e=this.info.onInteractionEnd?.split(".")[0]??"select";this.editor.setCurrentTool(e)}onCancel(){this.qzState="idle";let e=this.info.onInteractionEnd?.split(".")[0]??"select";this.editor.setCurrentTool(e)}onKeyUp(e){e.key==="Shift"&&this.parent.transition("idle",this.info)}updateBrush(){let{editor:e}=this,n=this.getNextVpb();this.nextVpb.setTo(n),e.updateInstanceState({zoomBrush:n.toJson()})}zoomToNewViewport(){let{editor:e}=this;switch(this.qzState){case"idle":e.zoomToBounds(this.initialVpb,{inset:0});break;case"moving":e.zoomToBounds(this.nextVpb,{inset:0});break}}onPointerMove(){this.qzState==="moving"&&this.updateBrush()}onTick(){let{editor:e}=this;switch(this.qzState){case"idle":{let n=e.getZoomLevel();T.Dist2(e.inputs.getCurrentPagePoint(),this.initialPp)*n>e.options.dragDistanceSquared/n&&(this.qzState="moving",this.updateBrush());break}case"moving":break}}getNextVpb(){let{editor:e}=this,n,o;if(e.options.quickZoomPreservesScreenBounds){let d=this.overviewZoom/e.getCamera().z;n=this.initialVpb.w*d,o=this.initialVpb.h*d}else n=this.initialVpb.w,o=this.initialVpb.h;let{x:r,y:i}=e.inputs.getCurrentPagePoint(),s=e.getViewportScreenBounds(),a=e.inputs.getCurrentScreenPoint(),{x:l,y:c}=new T(a.x/s.w,a.y/s.h);return new q(r-l*n,i-c*o,n,o)}};var KE=class extends X{static id="zoom";static initial="idle";static children(){return[HO,VO,jO,$O]}static isLockable=!1;info={};onEnter(e){this.info=e;let n=e.onInteractionEnd?.split(".")[0];this.parent.setCurrentToolIdMask(n),this.updateCursor()}onExit(){this.parent.setCurrentToolIdMask(void 0),this.editor.updateInstanceState({zoomBrush:null,cursor:{type:"default",rotation:0}})}onKeyDown(){this.updateCursor()}onKeyUp(e){this.updateCursor(),e.key.toLowerCase()==="z"&&this.complete()}onInterrupt(){this.complete()}complete(){let e=this.info.onInteractionEnd?.split(".")[0]??"select";this.editor.setCurrentTool(e)}updateCursor(){this.editor.inputs.getAltKey()&&!this.editor.isIn("zoom.zoom_quick")?this.editor.setCursor({type:"zoom-out",rotation:0}):this.editor.setCursor({type:"zoom-in",rotation:0})}};var q9=[zE,UE,HE,KE,$E];var rS=_(j(),1);var tme=_(Jt(),1),nme=_(H(),1);var Qhe=_(j(),1);var eme=_(H(),1),X9=eme.default.forwardRef(function({isEditing:e,text:n,handleFocus:o,handleChange:r,handleKeyDown:i,handlePaste:s,handleBlur:a,handleInputPointerDown:l,handleDoubleClick:c},d){let u=O();return(0,Qhe.jsx)("textarea",{ref:d,className:"tl-text tl-text-input",name:"text",tabIndex:-1,disabled:!e,readOnly:!e,autoComplete:"off",autoCapitalize:"off",autoCorrect:"off",autoSave:"off",placeholder:"",spellCheck:"true",wrap:"off",dir:"auto",defaultValue:n,onFocus:o,onChange:f=>{r({plaintext:f.target.value})},onKeyDown:f=>i(f.nativeEvent),onBlur:a,onTouchEnd:u.markEventAsHandled,onContextMenu:e?f=>f.stopPropagation():void 0,onPointerDown:l,onPaste:s,onDoubleClick:c,onDragStart:de})});var $5e=nme.default.memo(function({shapeId:e,type:n,text:o,labelColor:r,fontFamily:i,fontSize:s,lineHeight:a,textAlign:l,verticalAlign:c,wrap:d,isSelected:u,padding:p=0,onKeyDown:f,classNamePrefix:h,style:g,textWidth:y,textHeight:m,showTextOutline:S=!0}){let{rInput:b,isEmpty:v,isEditing:w,isReadyForEditing:x,...C}=C9(e,n,o),P=kv.normalizeTextForDom(o||""),M=P.length>0,E=hE(l);if(!w&&!M)return null;let I=h||"tl-text";return(0,rS.jsx)("div",{className:`${I}-label tl-text-wrapper tl-plain-text-wrapper`,"aria-hidden":!w,"data-hastext":!v,"data-isediting":w,"data-is-ready-for-editing":x,"data-textwrap":!!d,"data-isselected":u,style:{fontFamily:i,textAlign:l,justifyContent:l==="center"||E?"center":l==="end"?"flex-end":"flex-start",alignItems:c==="middle"?"center":c==="end"?"flex-end":"flex-start",padding:p,...g},children:(0,rS.jsxs)("div",{className:`${I}-label__inner tl-text-content__wrapper`,style:{fontSize:s,lineHeight:`${Qs(s,a)}px`,minHeight:`${Qs(s,a)}px`,minWidth:Math.ceil(y||0),color:r,width:y?Math.ceil(y):void 0,height:m?Math.ceil(m):void 0},children:[(0,rS.jsx)("div",{className:(0,tme.default)(`${I} tl-text tl-text-content`,S?"tl-text__outline":"tl-text__no-outline"),dir:"auto",children:P.split(`
+`).map((R,D)=>(0,rS.jsx)("div",{dir:"auto",children:R},D))}),(x||u)&&(0,rS.jsx)(X9,{ref:b,text:o,isEditing:w,shapeId:e,...C,handleKeyDown:f??C.handleKeyDown})]})})});var va=_(j(),1);var Wc=_(H(),1);var rme=_(H(),1);var ome=_(H(),1),GE={fonts:{tldraw_mono:`${_o()}/fonts/IBMPlexMono-Medium.woff2`,tldraw_mono_italic:`${_o()}/fonts/IBMPlexMono-MediumItalic.woff2`,tldraw_mono_bold:`${_o()}/fonts/IBMPlexMono-Bold.woff2`,tldraw_mono_italic_bold:`${_o()}/fonts/IBMPlexMono-BoldItalic.woff2`,tldraw_serif:`${_o()}/fonts/IBMPlexSerif-Medium.woff2`,tldraw_serif_italic:`${_o()}/fonts/IBMPlexSerif-MediumItalic.woff2`,tldraw_serif_bold:`${_o()}/fonts/IBMPlexSerif-Bold.woff2`,tldraw_serif_italic_bold:`${_o()}/fonts/IBMPlexSerif-BoldItalic.woff2`,tldraw_sans:`${_o()}/fonts/IBMPlexSans-Medium.woff2`,tldraw_sans_italic:`${_o()}/fonts/IBMPlexSans-MediumItalic.woff2`,tldraw_sans_bold:`${_o()}/fonts/IBMPlexSans-Bold.woff2`,tldraw_sans_italic_bold:`${_o()}/fonts/IBMPlexSans-BoldItalic.woff2`,tldraw_draw:`${_o()}/fonts/Shantell_Sans-Informal_Regular.woff2`,tldraw_draw_italic:`${_o()}/fonts/Shantell_Sans-Informal_Regular_Italic.woff2`,tldraw_draw_bold:`${_o()}/fonts/Shantell_Sans-Informal_Bold.woff2`,tldraw_draw_italic_bold:`${_o()}/fonts/Shantell_Sans-Informal_Bold_Italic.woff2`}};function KO(t){return(0,ome.useMemo)(()=>t?{fonts:{...GE.fonts,...t?.fonts}}:GE,[t])}var Z9=["align-bottom","align-center-horizontal","align-center-vertical","align-left","align-right","align-top","alt","arrow-arc","arrow-cycle","arrow-elbow","arrow-left","arrowhead-arrow","arrowhead-bar","arrowhead-diamond","arrowhead-dot","arrowhead-none","arrowhead-square","arrowhead-triangle-inverted","arrowhead-triangle","blob","bold","bookmark","bring-forward","bring-to-front","broken","bulletList","check-circle","check","chevron-down","chevron-left","chevron-right","chevron-up","chevrons-ne","chevrons-sw","clipboard-copied","clipboard-copy","code","color","comment","corners","crop","cross-2","cross-circle","dash-dashed","dash-dotted","dash-draw","dash-solid","disconnected","discord","distribute-horizontal","distribute-vertical","dot","dots-horizontal","dots-vertical","download","drag-handle-dots","duplicate","edit","external-link","fill-fill","fill-lined-fill","fill-none","fill-pattern","fill-semi","fill-solid","follow","following","font-draw","font-mono","font-sans","font-serif","geo-arrow-down","geo-arrow-left","geo-arrow-right","geo-arrow-up","geo-check-box","geo-cloud","geo-diamond","geo-ellipse","geo-heart","geo-hexagon","geo-octagon","geo-oval","geo-pentagon","geo-rectangle","geo-rhombus-2","geo-rhombus","geo-star","geo-trapezoid","geo-triangle","geo-x-box","github","group","heading","help-circle","highlight","horizontal-align-end","horizontal-align-middle","horizontal-align-start","info-circle","italic","leading","link","list","lock","manual","menu","minus","mixed","pack","plus","question-mark-circle","question-mark","redo","reset-zoom","rotate-ccw","rotate-cw","send-backward","send-to-back","share-1","size-extra-large","size-large","size-medium","size-small","spline-cubic","spline-line","stack-horizontal","stack-vertical","status-offline","stretch-horizontal","stretch-vertical","strike","text-align-center","text-align-left","text-align-right","toggle-off","toggle-on","tool-arrow","tool-eraser","tool-frame","tool-hand","tool-highlight","tool-laser","tool-line","tool-media","tool-note","tool-pencil","tool-pointer","tool-screenshot","tool-text","trash","twitter","underline","undo","ungroup","unlock","vertical-align-end","vertical-align-middle","vertical-align-start","warning-triangle","zoom-in","zoom-out"];var WE={...GE,icons:Object.fromEntries(Z9.map(t=>[t,`${_o()}/icons/icon/0_merged.svg#${t}`])),translations:Object.fromEntries(pu.map(t=>[t.locale,`${_o()}/translations/${t.locale}.json`])),embedIcons:Object.fromEntries(nw.map(t=>[t.type,`${_o()}/embed-icons/${t.type}.png`]))};function GO(t){return(0,rme.useMemo)(()=>t?{fonts:Object.assign({...WE.fonts},{...t?.fonts}),icons:Object.assign({...WE.icons},{...t?.icons}),embedIcons:Object.assign({...WE.embedIcons},{...t?.embedIcons}),translations:Object.assign({...WE.translations},{...t?.translations})}:WE,[t])}var J9=_(j(),1);function ime(){let{Spinner:t}=eo();return(0,J9.jsx)(sU,{children:t?(0,J9.jsx)(t,{}):null})}var bt=_(j(),1);var lme=_(Jt(),1),nl=_(H(),1);var ba=_(j(),1);var Q9=sn(function({overrides:e,components:n,assetUrls:o,onUiEvent:r,forceMobile:i,mediaMimeTypes:s,children:a}){let l=rt();return(0,ba.jsx)(SV.Provider,{value:s,children:(0,ba.jsx)(t1,{assetUrls:GO(o),children:(0,ba.jsx)(o1,{overrides:U2(e),locale:l?.user.getLocale()??rr.locale,children:(0,ba.jsx)(B6,{children:(0,ba.jsx)(K6,{onEvent:r,children:(0,ba.jsx)(aV,{children:(0,ba.jsx)(iV,{context:"tla",children:(0,ba.jsx)(j5,{children:(0,ba.jsx)(V6,{forceMobile:i,children:(0,ba.jsx)(J8,{overrides:n,children:(0,ba.jsx)(K5e,{overrides:e,children:a})})})})})})})})})})})});function K5e({overrides:t,children:e}){let n=Vue(t);return(0,ba.jsx)(yfe,{overrides:n.actions,children:(0,ba.jsx)(Kue,{overrides:n.tools,children:e})})}var sme=_(H(),1);function ame(){let t=O(),{addToast:e}=ui();(0,sme.useEffect)(()=>{function n({name:o,count:r}){e({title:"Maximum shapes reached",description:`You've reached the maximum number of shapes allowed on ${o} (${r}). Please delete some shapes or move to a different page to continue.`,severity:"warning"})}return t.addListener("max-shapes",n),()=>{t.removeListener("max-shapes",n)}},[t,e])}var ej=nl.default.memo(function({renderDebugMenuItems:e,children:n,hideUi:o,components:r,...i}){return(0,bt.jsx)(Q9,{...i,components:r,children:(0,bt.jsx)(G5e,{hideUi:o,renderDebugMenuItems:e,children:n})})}),G5e=nl.default.memo(function({children:e,hideUi:n,...o}){return j8(),hV(),(0,bt.jsxs)(bt.Fragment,{children:[e,n?null:(0,bt.jsx)(W5e,{...o})]})}),W5e=nl.default.memo(function(){let e=O(),n=J(),o=Ft(),r=Zo(),i=z("focus",()=>e.getInstanceState().isFocusMode,[e]),s=z("debug",()=>e.getInstanceState().isDebugMode,[e]),a=it(),l=ot(),c=z("locale",()=>e.user.getLocale(),[e]);(0,nl.useEffect)(()=>{a.dir=l,a.lang=c},[a,l,c]);let{SharePanel:d,TopPanel:u,MenuPanel:p,StylePanel:f,Toolbar:h,HelpMenu:g,NavigationPanel:y,HelperButtons:m,DebugPanel:S,Toasts:b,Dialogs:v,A11y:w,FollowingIndicator:x}=Fn();ame();let C=(0,nl.useRef)(!1),P=(0,nl.useRef)(-1),[M,E]=(0,nl.useState)(!1);kd("update hide toolbar while delayed",()=>{if(!(He.isIos||He.isAndroid))return;if(e.getEditingShapeId()===null){C.current&&(C.current=!1,clearTimeout(P.current),He.isAndroid?P.current=e.timers.setTimeout(()=>{E(!1)},150):E(!1));return}C.current||(C.current=!0,clearTimeout(P.current),E(!0))},[]);let{"toggle-focus-mode":I}=lr(),{breakpointsAbove:R,breakpointsBelow:D}=(0,nl.useMemo)(()=>{let N=[],B=[];for(let F=0;F<rw.length;F++)F<=o?N.push(F):B.push(F);return{breakpointsAbove:N,breakpointsBelow:B}},[o]);return(0,bt.jsxs)("div",{className:(0,lme.default)("tlui-layout",{"tlui-layout__mobile":o<mt.TABLET_SM}),role:"document","data-iseditinganything":M,"data-breakpoint":o,"data-breakpoints-above":R.join(" "),"data-breakpoints-below":D.join(" "),children:[(0,bt.jsx)(vfe,{}),i?(0,bt.jsx)("div",{className:"tlui-layout__top",children:(0,bt.jsx)(Ae,{type:"icon",className:"tlui-focus-button",title:n("focus-mode.toggle-focus-mode"),onClick:()=>I.onSelect("menu"),children:(0,bt.jsx)(fe,{icon:"dot"})})}):(0,bt.jsxs)(bt.Fragment,{children:[(0,bt.jsxs)("div",{className:"tlui-layout__top",children:[(0,bt.jsxs)("div",{className:"tlui-layout__top__left",children:[p&&(0,bt.jsx)(p,{}),m&&(0,bt.jsx)(m,{})]}),(0,bt.jsx)("div",{className:"tlui-layout__top__center",children:u&&(0,bt.jsx)(u,{})}),(0,bt.jsxs)("div",{className:"tlui-layout__top__right",children:[d&&(0,bt.jsx)(d,{}),f&&o>=mt.TABLET_SM&&!r&&(0,bt.jsx)(f,{})]})]}),(0,bt.jsxs)("div",{className:"tlui-layout__bottom",children:[(0,bt.jsxs)("div",{className:"tlui-layout__bottom__main",children:[y&&(0,bt.jsx)(y,{}),h&&(0,bt.jsx)(h,{}),g&&(0,bt.jsx)(g,{})]}),s&&S&&(0,bt.jsx)(S,{}),w&&(0,bt.jsx)(w,{})]})]}),x&&(0,bt.jsx)(x,{}),b&&(0,bt.jsx)(b,{}),v&&(0,bt.jsx)(v,{})]})});function WO(){let{RichTextToolbar:t,ImageToolbar:e,VideoToolbar:n,CursorChatBubble:o}=Fn();return(0,bt.jsxs)(bt.Fragment,{children:[t&&(0,bt.jsx)(t,{}),e&&(0,bt.jsx)(e,{}),n&&(0,bt.jsx)(n,{}),o&&(0,bt.jsx)(o,{})]})}var Y5e=[...q9,...b9];function q5e(t,e){let{maxImageDimension:n,acceptedImageMimeTypes:o,acceptedVideoMimeTypes:r}=e,i=n!==void 0||o!==void 0,s=r!==void 0;return!i&&!s?t:t.map(a=>i&&a.type==="image"?a.configure({...n!==void 0&&{maxDimension:n},...o!==void 0&&{supportedMimeTypes:o}}):s&&a.type==="video"?a.configure({...r!==void 0&&{supportedMimeTypes:r}}):a)}function tj(t){let{children:e,maxImageDimension:n,maxAssetSize:o,acceptedImageMimeTypes:r,acceptedVideoMimeTypes:i,onMount:s,components:a={},shapeUtils:l=[],bindingUtils:c=[],assetUtils:d=[],overlayUtils:u=[],tools:p=[],embeds:f,options:h,locale:g,textOptions:y,...m}=t,S=ja(a),b=a?.InFrontOfTheCanvas,v=(0,Wc.useMemo)(()=>m.hideUi?b??null:b?()=>(0,va.jsxs)(va.Fragment,{children:[(0,va.jsx)(WO,{}),(0,va.jsx)(b,{})]}):WO,[m.hideUi,b]),w=(0,Wc.useMemo)(()=>({Spinner:Q1,LoadingScreen:ime,...S,InFrontOfTheCanvas:v}),[S,v]),x=Zs(l),C=(0,Wc.useMemo)(()=>nu("type",x,BE),[x]),P=Zs(c),M=(0,Wc.useMemo)(()=>nu("type",P,rE),[P]),E=Zs(d),I=(0,Wc.useMemo)(()=>q5e(nu("type",E,h9),{maxImageDimension:n,acceptedImageMimeTypes:r,acceptedVideoMimeTypes:i}),[E,n,r,i]),R=Zs(u),D=(0,Wc.useMemo)(()=>nu("type",R,m9),[R]),N=Zs(p),B=(0,Wc.useMemo)(()=>nu("id",N,Y5e),[N]),F=Zs(r??Qm),k=Zs(i??ab),L=h?.text??y,U=(0,Wc.useMemo)(()=>({addFontsFromNode:x1,...L,tipTapConfig:{extensions:Mh,...L?.tipTapConfig}}),[L]),V=(0,Wc.useMemo)(()=>({...h,text:U}),[h,U]),Y=(0,Wc.useMemo)(()=>[...F,...k],[F,k]),Z=KO(m.assetUrls);return C.find(Te=>Te.type==="embed")&&f&&eS.setEmbedDefinitions(f),(0,va.jsx)(t1,{assetUrls:GO(m.assetUrls),children:(0,va.jsx)(o1,{overrides:U2(m.overrides),locale:g??m.user?.userPreferences.get().locale??rr.locale,children:(0,va.jsx)(iU,{initialState:"select",...m,components:w,shapeUtils:C,bindingUtils:M,assetUtils:I,overlayUtils:D,tools:B,options:V,assetUrls:Z,children:(0,va.jsxs)(ej,{...m,components:w,mediaMimeTypes:Y,children:[(0,va.jsx)(X5e,{maxImageDimension:n,maxAssetSize:o,acceptedImageMimeTypes:F,acceptedVideoMimeTypes:k,onMount:s}),e]})})})})}function X5e({maxImageDimension:t,maxAssetSize:e,acceptedImageMimeTypes:n,acceptedVideoMimeTypes:o,onMount:r}){let i=O(),s=ui(),a=J(),l=nt();vA(()=>{let u=[];u.push(W9(i)),i.fonts.requestFonts(V4);let p=i.getThemes();for(let f of Object.values(p))for(let h of Object.keys(f.fonts)){let g=f.fonts[h];g.faces?.length&&i.fonts.requestFonts(g.faces)}return i.once("edit",()=>l("edit",{source:"unknown"})),Y4(i,{maxImageDimension:t,maxAssetSize:e,acceptedImageMimeTypes:n,acceptedVideoMimeTypes:o,toasts:s,msg:a}),u.push(i.store.props.onMount(i)),u.push(r?.(i)),()=>{u.forEach(f=>f?.())}});let{Canvas:c}=eo(),{ContextMenu:d}=Fn();return d?(0,va.jsx)(d,{}):c?(0,va.jsx)(c,{}):null}var nj=_(j(),1);var ol=_(H(),1);var cme={text:{tipTapConfig:{extensions:Mh},addFontsFromNode:x1}},Z5e=(0,ol.memo)(function(e){let[n,o]=(0,ol.useState)(null),[r,i]=(0,ol.useState)(null),s=Zs(e.shapeUtils??[]),a=(0,ol.useMemo)(()=>nu("type",s,BE),[s]),l=Zs(e.bindingUtils??[]),c=(0,ol.useMemo)(()=>nu("type",l,rE),[l]),d=oU({snapshot:e.snapshot,shapeUtils:a}),{pageId:u,bounds:p,scale:f,pixelRatio:h,background:g,padding:y,darkMode:m,preserveAspectRatio:S,format:b="svg",licenseKey:v,assetUrls:w,options:x,textOptions:C}=e,P=(0,ol.useMemo)(()=>({...cme,...x,text:{...cme.text,...x?.text??C}}),[x,C]),M=KO(w);return(0,ol.useLayoutEffect)(()=>{if(!r||!d)return;let E=!1,I=r.ownerDocument.createElement("div");r.appendChild(I),r.classList.add("tl-container","tl-theme__light");let R=new pe({store:d,shapeUtils:a,bindingUtils:c,tools:[],getContainer:()=>I,licenseKey:v,fontAssetUrls:M.fonts,options:P});u&&R.setCurrentPage(u);let D=R.getCurrentPageShapeIds();async function N(){let B=await R.toImage([...D],{bounds:p,scale:f,background:g,padding:y,darkMode:m,preserveAspectRatio:S,format:b});if(!B||E)return;let F=URL.createObjectURL(B.blob);o(F),R.dispose()}return N(),()=>{E=!0}},[b,r,d,a,c,u,p,f,g,y,m,S,v,h,M,P]),(0,ol.useEffect)(()=>()=>{n&&URL.revokeObjectURL(n)},[n]),(0,nj.jsx)("div",{ref:i,style:{position:"relative",width:"100%",height:"100%"},children:n&&(0,nj.jsx)("img",{src:n,referrerPolicy:"strict-origin-when-cross-origin",style:{width:"100%",height:"100%"}})})});var ed=_(j(),1);var YO=_(H(),1);var J5e=(0,YO.memo)(function({children:e}){let n=J(),o=Ft(),r=(0,YO.useRef)(null);xr(r);let i=e??(0,ed.jsx)(r8,{});return o<mt.MOBILE?null:(0,ed.jsx)("div",{ref:r,className:"tlui-help-menu",children:(0,ed.jsxs)(kp,{id:"help menu",children:[(0,ed.jsx)(Rp,{children:(0,ed.jsx)(Ae,{type:"help",title:n("help-menu.title"),"data-testid":"help-menu.button",children:(0,ed.jsx)(fe,{icon:"question-mark",small:!0})})}),(0,ed.jsx)(Dp,{side:"top",align:"end",alignOffset:0,sideOffset:8,children:(0,ed.jsx)(Mn,{type:"menu",sourceId:"help-menu",children:i})})]})})});var YE=_(j(),1);var ume=_(Jt(),1);var dme=_(H(),1);var Q5e=dme.forwardRef(function({children:e,className:n},o){return(0,YE.jsxs)(K1.Trigger,{ref:o,className:(0,ume.default)("tlui-button tlui-select__trigger",n),children:[e,(0,YE.jsx)(K1.Icon,{className:"tlui-select__chevron",children:(0,YE.jsx)(ar,{icon:"chevron-down",label:"",small:!0})})]})});var e4e=_(j(),1),oj=_(H(),1);gR();var rl={White:"white",LightGray:"lightGray",Gray:"gray",Black:"black",Green:"green",Cyan:"cyan",Blue:"blue",Indigo:"indigo",Violet:"violet",Red:"red",Orange:"orange",Yellow:"yellow"},iS={Small:"small",Medium:"medium",Large:"large"},qE={Draw:"draw",Solid:"solid",Dashed:"dashed",Dotted:"dotted"},sf={Start:"start",Middle:"middle",End:"end",Justify:"justify"},XE={Script:"script",Sans:"sans",Serif:"serif",Mono:"mono"};var _4t={[rl.White]:"black",[rl.Black]:"black",[rl.LightGray]:"grey",[rl.Gray]:"grey",[rl.Green]:"light-green",[rl.Cyan]:"green",[rl.Blue]:"light-blue",[rl.Indigo]:"blue",[rl.Orange]:"orange",[rl.Yellow]:"yellow",[rl.Red]:"red",[rl.Violet]:"light-violet"},M4t={[XE.Mono]:"mono",[XE.Sans]:"sans",[XE.Script]:"draw",[XE.Serif]:"serif"},A4t={[sf.Start]:"start",[sf.Middle]:"middle",[sf.End]:"end",[sf.Justify]:"start"},k4t={[sf.Start]:"start",[sf.Middle]:"middle",[sf.End]:"end",[sf.Justify]:"start"},R4t={[iS.Small]:"s",[iS.Medium]:"l",[iS.Large]:"xl"},D4t={[iS.Small]:"m",[iS.Medium]:"l",[iS.Large]:"xl"},O4t={[qE.Solid]:"solid",[qE.Dashed]:"dashed",[qE.Dotted]:"dotted",[qE.Draw]:"draw"};var n4e=A.object({schemaVersion:A.literal(1),storeVersion:A.positiveInteger,recordVersions:A.dict(A.string,A.object({version:A.positiveInteger,subTypeVersions:A.dict(A.string,A.positiveInteger).optional(),subTypeKey:A.string.optional()}))}),o4e=A.object({schemaVersion:A.literal(2),sequences:A.dict(A.string,A.positiveInteger)}),B4t=A.object({tldrawFileFormatVersion:A.nonZeroInteger,schema:A.numberUnion("schemaVersion",{1:n4e,2:o4e}),records:A.arrayOf(A.object({id:A.string,typeName:A.string}).allowUnknownProperties())});wi("tldraw","5.2.5","esm");function ce(t,e={}){let n=typeof t=="string"?t:t.src;if(typeof e=="function")return e(n);let{baseUrl:o=""}=e;return n.startsWith("data:")||n.match(/^https?:\/\//)?n:`${o.replace(/\/$/,"")}/${n.replace(/^\.?\//,"")}`}function pme(t){let e=ce("./icons/icon/0_merged.svg",t);return{fonts:{tldraw_mono_bold:ce("./fonts/IBMPlexMono-Bold.woff2",t),tldraw_mono_italic_bold:ce("./fonts/IBMPlexMono-BoldItalic.woff2",t),tldraw_mono:ce("./fonts/IBMPlexMono-Medium.woff2",t),tldraw_mono_italic:ce("./fonts/IBMPlexMono-MediumItalic.woff2",t),tldraw_sans_bold:ce("./fonts/IBMPlexSans-Bold.woff2",t),tldraw_sans_italic_bold:ce("./fonts/IBMPlexSans-BoldItalic.woff2",t),tldraw_sans:ce("./fonts/IBMPlexSans-Medium.woff2",t),tldraw_sans_italic:ce("./fonts/IBMPlexSans-MediumItalic.woff2",t),tldraw_serif_bold:ce("./fonts/IBMPlexSerif-Bold.woff2",t),tldraw_serif_italic_bold:ce("./fonts/IBMPlexSerif-BoldItalic.woff2",t),tldraw_serif:ce("./fonts/IBMPlexSerif-Medium.woff2",t),tldraw_serif_italic:ce("./fonts/IBMPlexSerif-MediumItalic.woff2",t),tldraw_draw_bold:ce("./fonts/Shantell_Sans-Informal_Bold.woff2",t),tldraw_draw_italic_bold:ce("./fonts/Shantell_Sans-Informal_Bold_Italic.woff2",t),tldraw_draw:ce("./fonts/Shantell_Sans-Informal_Regular.woff2",t),tldraw_draw_italic:ce("./fonts/Shantell_Sans-Informal_Regular_Italic.woff2",t)},icons:{"align-bottom":e+"#align-bottom","align-center-horizontal":e+"#align-center-horizontal","align-center-vertical":e+"#align-center-vertical","align-left":e+"#align-left","align-right":e+"#align-right","align-top":e+"#align-top",alt:e+"#alt","arrow-arc":e+"#arrow-arc","arrow-cycle":e+"#arrow-cycle","arrow-elbow":e+"#arrow-elbow","arrow-left":e+"#arrow-left","arrowhead-arrow":e+"#arrowhead-arrow","arrowhead-bar":e+"#arrowhead-bar","arrowhead-diamond":e+"#arrowhead-diamond","arrowhead-dot":e+"#arrowhead-dot","arrowhead-none":e+"#arrowhead-none","arrowhead-square":e+"#arrowhead-square","arrowhead-triangle-inverted":e+"#arrowhead-triangle-inverted","arrowhead-triangle":e+"#arrowhead-triangle",blob:e+"#blob",bold:e+"#bold",bookmark:e+"#bookmark","bring-forward":e+"#bring-forward","bring-to-front":e+"#bring-to-front",broken:e+"#broken",bulletList:e+"#bulletList","check-circle":e+"#check-circle",check:e+"#check","chevron-down":e+"#chevron-down","chevron-left":e+"#chevron-left","chevron-right":e+"#chevron-right","chevron-up":e+"#chevron-up","chevrons-ne":e+"#chevrons-ne","chevrons-sw":e+"#chevrons-sw","clipboard-copied":e+"#clipboard-copied","clipboard-copy":e+"#clipboard-copy",code:e+"#code",color:e+"#color",comment:e+"#comment",corners:e+"#corners",crop:e+"#crop","cross-2":e+"#cross-2","cross-circle":e+"#cross-circle","dash-dashed":e+"#dash-dashed","dash-dotted":e+"#dash-dotted","dash-draw":e+"#dash-draw","dash-solid":e+"#dash-solid",disconnected:e+"#disconnected",discord:e+"#discord","distribute-horizontal":e+"#distribute-horizontal","distribute-vertical":e+"#distribute-vertical",dot:e+"#dot","dots-horizontal":e+"#dots-horizontal","dots-vertical":e+"#dots-vertical",download:e+"#download","drag-handle-dots":e+"#drag-handle-dots",duplicate:e+"#duplicate",edit:e+"#edit","external-link":e+"#external-link","fill-fill":e+"#fill-fill","fill-lined-fill":e+"#fill-lined-fill","fill-none":e+"#fill-none","fill-pattern":e+"#fill-pattern","fill-semi":e+"#fill-semi","fill-solid":e+"#fill-solid",follow:e+"#follow",following:e+"#following","font-draw":e+"#font-draw","font-mono":e+"#font-mono","font-sans":e+"#font-sans","font-serif":e+"#font-serif","geo-arrow-down":e+"#geo-arrow-down","geo-arrow-left":e+"#geo-arrow-left","geo-arrow-right":e+"#geo-arrow-right","geo-arrow-up":e+"#geo-arrow-up","geo-check-box":e+"#geo-check-box","geo-cloud":e+"#geo-cloud","geo-diamond":e+"#geo-diamond","geo-ellipse":e+"#geo-ellipse","geo-heart":e+"#geo-heart","geo-hexagon":e+"#geo-hexagon","geo-octagon":e+"#geo-octagon","geo-oval":e+"#geo-oval","geo-pentagon":e+"#geo-pentagon","geo-rectangle":e+"#geo-rectangle","geo-rhombus-2":e+"#geo-rhombus-2","geo-rhombus":e+"#geo-rhombus","geo-star":e+"#geo-star","geo-trapezoid":e+"#geo-trapezoid","geo-triangle":e+"#geo-triangle","geo-x-box":e+"#geo-x-box",github:e+"#github",group:e+"#group",heading:e+"#heading","help-circle":e+"#help-circle",highlight:e+"#highlight","horizontal-align-end":e+"#horizontal-align-end","horizontal-align-middle":e+"#horizontal-align-middle","horizontal-align-start":e+"#horizontal-align-start","info-circle":e+"#info-circle",italic:e+"#italic",leading:e+"#leading",link:e+"#link",list:e+"#list",lock:e+"#lock",manual:e+"#manual",menu:e+"#menu",minus:e+"#minus",mixed:e+"#mixed",pack:e+"#pack",plus:e+"#plus","question-mark-circle":e+"#question-mark-circle","question-mark":e+"#question-mark",redo:e+"#redo","reset-zoom":e+"#reset-zoom","rotate-ccw":e+"#rotate-ccw","rotate-cw":e+"#rotate-cw","send-backward":e+"#send-backward","send-to-back":e+"#send-to-back","share-1":e+"#share-1","size-extra-large":e+"#size-extra-large","size-large":e+"#size-large","size-medium":e+"#size-medium","size-small":e+"#size-small","spline-cubic":e+"#spline-cubic","spline-line":e+"#spline-line","stack-horizontal":e+"#stack-horizontal","stack-vertical":e+"#stack-vertical","status-offline":e+"#status-offline","stretch-horizontal":e+"#stretch-horizontal","stretch-vertical":e+"#stretch-vertical",strike:e+"#strike","text-align-center":e+"#text-align-center","text-align-left":e+"#text-align-left","text-align-right":e+"#text-align-right","toggle-off":e+"#toggle-off","toggle-on":e+"#toggle-on","tool-arrow":e+"#tool-arrow","tool-eraser":e+"#tool-eraser","tool-frame":e+"#tool-frame","tool-hand":e+"#tool-hand","tool-highlight":e+"#tool-highlight","tool-laser":e+"#tool-laser","tool-line":e+"#tool-line","tool-media":e+"#tool-media","tool-note":e+"#tool-note","tool-pencil":e+"#tool-pencil","tool-pointer":e+"#tool-pointer","tool-screenshot":e+"#tool-screenshot","tool-text":e+"#tool-text",trash:e+"#trash",twitter:e+"#twitter",underline:e+"#underline",undo:e+"#undo",ungroup:e+"#ungroup",unlock:e+"#unlock","vertical-align-end":e+"#vertical-align-end","vertical-align-middle":e+"#vertical-align-middle","vertical-align-start":e+"#vertical-align-start","warning-triangle":e+"#warning-triangle","zoom-in":e+"#zoom-in","zoom-out":e+"#zoom-out"},translations:{ar:ce("./translations/ar.json",t),bn:ce("./translations/bn.json",t),ca:ce("./translations/ca.json",t),cs:ce("./translations/cs.json",t),da:ce("./translations/da.json",t),de:ce("./translations/de.json",t),el:ce("./translations/el.json",t),en:ce("./translations/en.json",t),es:ce("./translations/es.json",t),fa:ce("./translations/fa.json",t),fi:ce("./translations/fi.json",t),fr:ce("./translations/fr.json",t),gl:ce("./translations/gl.json",t),"gu-in":ce("./translations/gu-in.json",t),he:ce("./translations/he.json",t),"hi-in":ce("./translations/hi-in.json",t),hr:ce("./translations/hr.json",t),hu:ce("./translations/hu.json",t),id:ce("./translations/id.json",t),it:ce("./translations/it.json",t),ja:ce("./translations/ja.json",t),"km-kh":ce("./translations/km-kh.json",t),kn:ce("./translations/kn.json",t),"ko-kr":ce("./translations/ko-kr.json",t),ku:ce("./translations/ku.json",t),languages:ce("./translations/languages.json",t),main:ce("./translations/main.json",t),ml:ce("./translations/ml.json",t),mr:ce("./translations/mr.json",t),ms:ce("./translations/ms.json",t),my:ce("./translations/my.json",t),ne:ce("./translations/ne.json",t),nl:ce("./translations/nl.json",t),no:ce("./translations/no.json",t),pa:ce("./translations/pa.json",t),pl:ce("./translations/pl.json",t),"pt-br":ce("./translations/pt-br.json",t),"pt-pt":ce("./translations/pt-pt.json",t),ro:ce("./translations/ro.json",t),ru:ce("./translations/ru.json",t),sl:ce("./translations/sl.json",t),so:ce("./translations/so.json",t),sv:ce("./translations/sv.json",t),ta:ce("./translations/ta.json",t),te:ce("./translations/te.json",t),th:ce("./translations/th.json",t),tl:ce("./translations/tl.json",t),tr:ce("./translations/tr.json",t),uk:ce("./translations/uk.json",t),ur:ce("./translations/ur.json",t),vi:ce("./translations/vi.json",t),"zh-cn":ce("./translations/zh-cn.json",t),"zh-tw":ce("./translations/zh-tw.json",t)},embedIcons:{canva:ce("./embed-icons/canva.png",t),codepen:ce("./embed-icons/codepen.png",t),codesandbox:ce("./embed-icons/codesandbox.png",t),desmos:ce("./embed-icons/desmos.png",t),excalidraw:ce("./embed-icons/excalidraw.png",t),felt:ce("./embed-icons/felt.png",t),figma:ce("./embed-icons/figma.png",t),github_gist:ce("./embed-icons/github_gist.png",t),google_calendar:ce("./embed-icons/google_calendar.png",t),google_maps:ce("./embed-icons/google_maps.png",t),google_slides:ce("./embed-icons/google_slides.png",t),observable:ce("./embed-icons/observable.png",t),replit:ce("./embed-icons/replit.png",t),scratch:ce("./embed-icons/scratch.png",t),spotify:ce("./embed-icons/spotify.png",t),tldraw:ce("./embed-icons/tldraw.png",t),val_town:ce("./embed-icons/val_town.png",t),vimeo:ce("./embed-icons/vimeo.png",t),youtube:ce("./embed-icons/youtube.png",t)}}}var r4e=pme({baseUrl:"/"}),i4e=900,rj=new URLSearchParams(window.location.search).get("id")||"",s4e=document.getElementById("drawing-root");function Gw(t,e){window.parent?.postMessage({type:"drawing-status",drawingId:rj,status:t,...e},window.location.origin)}async function a4e(){let[t,e]=await Promise.all([fetch(`/api/drawings/${encodeURIComponent(rj)}/snapshot`,{headers:{Accept:"application/json"}}),fetch("/api/drawings/license",{headers:{Accept:"application/json"}})]);if(!t.ok)throw new Error(`load failed (${t.status})`);let n=await t.json(),o="";if(e.ok){let r=await e.json();typeof r.licenseKey=="string"&&(o=r.licenseKey)}return{snapshot:n.snapshot||"",licenseKey:o}}async function l4e(t,e){let n=e===void 0?{snapshot:t}:{snapshot:t,preview:e},o=await fetch(`/api/drawings/${encodeURIComponent(rj)}/snapshot`,{method:"PATCH",headers:{"Content-Type":"application/json"},body:JSON.stringify(n)});if(!o.ok)throw new Error(`save failed (${o.status})`)}async function c4e(t){try{let e=t.getCurrentPageShapes();if(!e.length)return"";let n=await t.toImage(e,{format:"png",background:!0,scale:.5,padding:16});return!n?.blob||n.blob.size>15e5?void 0:await new Promise(o=>{let r=new FileReader;r.onload=()=>o(String(r.result)),r.onerror=()=>o(void 0),r.readAsDataURL(n.blob)})}catch{return}}function fme({snapshot:t,licenseKey:e}){let n=null,o=!1,r=!1,i=async s=>{if(o){r=!0;return}o=!0;try{Gw("saving");let{document:a,session:l}=WT(s.store),c=await c4e(s);await l4e(JSON.stringify({document:a,session:l}),c),Gw("saved",typeof c=="string"?{preview:c}:void 0)}catch{Gw("error")}finally{o=!1,r&&(r=!1,i(s))}};(0,mme.createRoot)(s4e).render((0,hme.createElement)(tj,{assetUrls:r4e,licenseKey:e||void 0,onMount:s=>{if(t)try{let a=JSON.parse(t);Eg(s.store,a),s.setCamera({...s.getCamera(),z:1})}catch{Gw("error")}s.store.listen(()=>{window.clearTimeout(n),n=window.setTimeout(()=>{i(s)},i4e)},{source:"user",scope:"document"}),window.__DRAWING_READY__=!0,window.__EDITOR_FOR_TEST__=s,Gw("ready")}}))}a4e().then(fme).catch(()=>{Gw("error"),fme({snapshot:"",licenseKey:""})});
diff --git a/web/hermes-dist/embed-icons/canva.png b/web/hermes-dist/embed-icons/canva.png
new file mode 100644
index 0000000..8274ac5
Binary files /dev/null and b/web/hermes-dist/embed-icons/canva.png differ
diff --git a/web/hermes-dist/embed-icons/codepen.png b/web/hermes-dist/embed-icons/codepen.png
new file mode 100644
index 0000000..bd47194
Binary files /dev/null and b/web/hermes-dist/embed-icons/codepen.png differ
diff --git a/web/hermes-dist/embed-icons/codesandbox.png b/web/hermes-dist/embed-icons/codesandbox.png
new file mode 100644
index 0000000..5fe29a7
Binary files /dev/null and b/web/hermes-dist/embed-icons/codesandbox.png differ
diff --git a/web/hermes-dist/embed-icons/desmos.png b/web/hermes-dist/embed-icons/desmos.png
new file mode 100644
index 0000000..28000c6
Binary files /dev/null and b/web/hermes-dist/embed-icons/desmos.png differ
diff --git a/web/hermes-dist/embed-icons/excalidraw.png b/web/hermes-dist/embed-icons/excalidraw.png
new file mode 100644
index 0000000..fad01b4
Binary files /dev/null and b/web/hermes-dist/embed-icons/excalidraw.png differ
diff --git a/web/hermes-dist/embed-icons/felt.png b/web/hermes-dist/embed-icons/felt.png
new file mode 100644
index 0000000..e4d94a6
Binary files /dev/null and b/web/hermes-dist/embed-icons/felt.png differ
diff --git a/web/hermes-dist/embed-icons/figma.png b/web/hermes-dist/embed-icons/figma.png
new file mode 100644
index 0000000..399b965
Binary files /dev/null and b/web/hermes-dist/embed-icons/figma.png differ
diff --git a/web/hermes-dist/embed-icons/github_gist.png b/web/hermes-dist/embed-icons/github_gist.png
new file mode 100644
index 0000000..4bc2127
Binary files /dev/null and b/web/hermes-dist/embed-icons/github_gist.png differ
diff --git a/web/hermes-dist/embed-icons/google_calendar.png b/web/hermes-dist/embed-icons/google_calendar.png
new file mode 100644
index 0000000..758f8af
Binary files /dev/null and b/web/hermes-dist/embed-icons/google_calendar.png differ
diff --git a/web/hermes-dist/embed-icons/google_maps.png b/web/hermes-dist/embed-icons/google_maps.png
new file mode 100644
index 0000000..b9422c4
Binary files /dev/null and b/web/hermes-dist/embed-icons/google_maps.png differ
diff --git a/web/hermes-dist/embed-icons/google_slides.png b/web/hermes-dist/embed-icons/google_slides.png
new file mode 100644
index 0000000..818e101
Binary files /dev/null and b/web/hermes-dist/embed-icons/google_slides.png differ
diff --git a/web/hermes-dist/embed-icons/observable.png b/web/hermes-dist/embed-icons/observable.png
new file mode 100644
index 0000000..e86f8a1
Binary files /dev/null and b/web/hermes-dist/embed-icons/observable.png differ
diff --git a/web/hermes-dist/embed-icons/replit.png b/web/hermes-dist/embed-icons/replit.png
new file mode 100644
index 0000000..9c26ae7
Binary files /dev/null and b/web/hermes-dist/embed-icons/replit.png differ
diff --git a/web/hermes-dist/embed-icons/scratch.png b/web/hermes-dist/embed-icons/scratch.png
new file mode 100644
index 0000000..9be22a0
Binary files /dev/null and b/web/hermes-dist/embed-icons/scratch.png differ
diff --git a/web/hermes-dist/embed-icons/spotify.png b/web/hermes-dist/embed-icons/spotify.png
new file mode 100644
index 0000000..9e888dc
Binary files /dev/null and b/web/hermes-dist/embed-icons/spotify.png differ
diff --git a/web/hermes-dist/embed-icons/tldraw.png b/web/hermes-dist/embed-icons/tldraw.png
new file mode 100644
index 0000000..eb38d1f
Binary files /dev/null and b/web/hermes-dist/embed-icons/tldraw.png differ
diff --git a/web/hermes-dist/embed-icons/val_town.png b/web/hermes-dist/embed-icons/val_town.png
new file mode 100644
index 0000000..90f7185
Binary files /dev/null and b/web/hermes-dist/embed-icons/val_town.png differ
diff --git a/web/hermes-dist/embed-icons/vimeo.png b/web/hermes-dist/embed-icons/vimeo.png
new file mode 100644
index 0000000..a0e361c
Binary files /dev/null and b/web/hermes-dist/embed-icons/vimeo.png differ
diff --git a/web/hermes-dist/embed-icons/youtube.png b/web/hermes-dist/embed-icons/youtube.png
new file mode 100644
index 0000000..26bf333
Binary files /dev/null and b/web/hermes-dist/embed-icons/youtube.png differ
diff --git a/web/hermes-dist/fonts/IBMPlexMono-Bold.woff2 b/web/hermes-dist/fonts/IBMPlexMono-Bold.woff2
new file mode 100644
index 0000000..1a30540
Binary files /dev/null and b/web/hermes-dist/fonts/IBMPlexMono-Bold.woff2 differ
diff --git a/web/hermes-dist/fonts/IBMPlexMono-BoldItalic.woff2 b/web/hermes-dist/fonts/IBMPlexMono-BoldItalic.woff2
new file mode 100644
index 0000000..cab1dd5
Binary files /dev/null and b/web/hermes-dist/fonts/IBMPlexMono-BoldItalic.woff2 differ
diff --git a/web/hermes-dist/fonts/IBMPlexMono-Medium.woff2 b/web/hermes-dist/fonts/IBMPlexMono-Medium.woff2
new file mode 100644
index 0000000..910df3e
Binary files /dev/null and b/web/hermes-dist/fonts/IBMPlexMono-Medium.woff2 differ
diff --git a/web/hermes-dist/fonts/IBMPlexMono-MediumItalic.woff2 b/web/hermes-dist/fonts/IBMPlexMono-MediumItalic.woff2
new file mode 100644
index 0000000..9538099
Binary files /dev/null and b/web/hermes-dist/fonts/IBMPlexMono-MediumItalic.woff2 differ
diff --git a/web/hermes-dist/fonts/IBMPlexSans-Bold.woff2 b/web/hermes-dist/fonts/IBMPlexSans-Bold.woff2
new file mode 100644
index 0000000..0d0b09a
Binary files /dev/null and b/web/hermes-dist/fonts/IBMPlexSans-Bold.woff2 differ
diff --git a/web/hermes-dist/fonts/IBMPlexSans-BoldItalic.woff2 b/web/hermes-dist/fonts/IBMPlexSans-BoldItalic.woff2
new file mode 100644
index 0000000..0b2ebb2
Binary files /dev/null and b/web/hermes-dist/fonts/IBMPlexSans-BoldItalic.woff2 differ
diff --git a/web/hermes-dist/fonts/IBMPlexSans-Medium.woff2 b/web/hermes-dist/fonts/IBMPlexSans-Medium.woff2
new file mode 100644
index 0000000..b142a66
Binary files /dev/null and b/web/hermes-dist/fonts/IBMPlexSans-Medium.woff2 differ
diff --git a/web/hermes-dist/fonts/IBMPlexSans-MediumItalic.woff2 b/web/hermes-dist/fonts/IBMPlexSans-MediumItalic.woff2
new file mode 100644
index 0000000..3ce2c37
Binary files /dev/null and b/web/hermes-dist/fonts/IBMPlexSans-MediumItalic.woff2 differ
diff --git a/web/hermes-dist/fonts/IBMPlexSerif-Bold.woff2 b/web/hermes-dist/fonts/IBMPlexSerif-Bold.woff2
new file mode 100644
index 0000000..2bc5622
Binary files /dev/null and b/web/hermes-dist/fonts/IBMPlexSerif-Bold.woff2 differ
diff --git a/web/hermes-dist/fonts/IBMPlexSerif-BoldItalic.woff2 b/web/hermes-dist/fonts/IBMPlexSerif-BoldItalic.woff2
new file mode 100644
index 0000000..e8b79d5
Binary files /dev/null and b/web/hermes-dist/fonts/IBMPlexSerif-BoldItalic.woff2 differ
diff --git a/web/hermes-dist/fonts/IBMPlexSerif-Medium.woff2 b/web/hermes-dist/fonts/IBMPlexSerif-Medium.woff2
new file mode 100644
index 0000000..338ddd5
Binary files /dev/null and b/web/hermes-dist/fonts/IBMPlexSerif-Medium.woff2 differ
diff --git a/web/hermes-dist/fonts/IBMPlexSerif-MediumItalic.woff2 b/web/hermes-dist/fonts/IBMPlexSerif-MediumItalic.woff2
new file mode 100644
index 0000000..e30beb4
Binary files /dev/null and b/web/hermes-dist/fonts/IBMPlexSerif-MediumItalic.woff2 differ
diff --git a/web/hermes-dist/fonts/Shantell_Sans-Informal_Bold.woff2 b/web/hermes-dist/fonts/Shantell_Sans-Informal_Bold.woff2
new file mode 100644
index 0000000..f291da0
Binary files /dev/null and b/web/hermes-dist/fonts/Shantell_Sans-Informal_Bold.woff2 differ
diff --git a/web/hermes-dist/fonts/Shantell_Sans-Informal_Bold_Italic.woff2 b/web/hermes-dist/fonts/Shantell_Sans-Informal_Bold_Italic.woff2
new file mode 100644
index 0000000..c9e6321
Binary files /dev/null and b/web/hermes-dist/fonts/Shantell_Sans-Informal_Bold_Italic.woff2 differ
diff --git a/web/hermes-dist/fonts/Shantell_Sans-Informal_Regular.woff2 b/web/hermes-dist/fonts/Shantell_Sans-Informal_Regular.woff2
new file mode 100644
index 0000000..fc67713
Binary files /dev/null and b/web/hermes-dist/fonts/Shantell_Sans-Informal_Regular.woff2 differ
diff --git a/web/hermes-dist/fonts/Shantell_Sans-Informal_Regular_Italic.woff2 b/web/hermes-dist/fonts/Shantell_Sans-Informal_Regular_Italic.woff2
new file mode 100644
index 0000000..14110aa
Binary files /dev/null and b/web/hermes-dist/fonts/Shantell_Sans-Informal_Regular_Italic.woff2 differ
diff --git a/web/hermes-dist/icons/icon/0_merged.svg b/web/hermes-dist/icons/icon/0_merged.svg
new file mode 100644
index 0000000..6d35a32
--- /dev/null
+++ b/web/hermes-dist/icons/icon/0_merged.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><style><![CDATA[svg>[id]{display:none}svg>[id]:target{display:inline}]]></style><path id="align-bottom" fill="#000" d="M18 5a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v23H3a1 1 0 1 0 0 2h24a1 1 0 1 0 0-2h-9z"/><g id="align-center-horizontal"><path fill="#000" d="M2 13a1 1 0 0 1 1-1h24a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1z"/><path fill="#000" d="M14 3a1 1 0 1 1 2 0v24a1 1 0 0 1-2 0z"/></g><path id="align-center-vertical" fill="#000" d="M13 2a1 1 0 0 0-1 1v11H3a1 1 0 1 0 0 2h9v11a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V16h9a1 1 0 0 0 0-2h-9V3a1 1 0 0 0-1-1z"/><g id="align-left"><path fill="#000" d="M0 3a1 1 0 0 1 2 0v24a1 1 0 1 1-2 0z"/><path fill="#000" d="M0 12h25a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H0z"/></g><g id="align-right"><path fill="#000" d="M4 13a1 1 0 0 1 1-1h25v6H5a1 1 0 0 1-1-1z"/><path fill="#000" d="M28 3a1 1 0 1 1 2 0v24a1 1 0 0 1-2 0z"/></g><path id="align-top" fill="#000" d="M3 0a1 1 0 1 0 0 2h9v23a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V2h9a1 1 0 1 0 0-2z"/><path id="alt" fill="#000" d="M22.407 11.506a.5.5 0 0 1-.5-.5v-.87a.5.5 0 0 1 .5-.5h7.811a.5.5 0 0 1 .5.5v.87a.5.5 0 0 1-.5.5h-2.284a.5.5 0 0 0-.5.5v7.858a.5.5 0 0 1-.5.5h-1.242a.5.5 0 0 1-.5-.5v-7.858a.5.5 0 0 0-.5-.5zm-8.097 8.858a.5.5 0 0 1-.5-.5v-9.728a.5.5 0 0 1 .5-.5h1.268a.5.5 0 0 1 .5.5v7.858a.5.5 0 0 0 .5.5h3.6a.5.5 0 0 1 .5.5v.87a.5.5 0 0 1-.5.5zM3.261 20.02a.5.5 0 0 1-.475.344H1.42a.5.5 0 0 1-.473-.663l3.359-9.728a.5.5 0 0 1 .472-.337h2.21a.5.5 0 0 1 .473.337l3.354 9.728a.5.5 0 0 1-.473.663H8.976a.5.5 0 0 1-.475-.345l-2.563-7.892a.058.058 0 0 0-.11 0zm-.264-3.373a.5.5 0 0 1 .5-.5H8.24a.5.5 0 0 1 .5.5v.771a.5.5 0 0 1-.5.5H3.497a.5.5 0 0 1-.5-.5z" style="fill:#000;fill-opacity:1"/><path id="arrow-arc" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m25 9-4-4m4 4-4 4m4-4h-6C13.477 9 9 13.477 9 19v6m-4-4 4 4m0 0 4-4"/><path id="arrow-cycle" fill="currentColor" fill-rule="evenodd" d="M3.892 14.53c0 6.088 4.415 10.235 9.372 11.094a1.042 1.042 0 1 1-.356 2.054c-5.823-1.008-11.1-5.917-11.1-13.148 0-3.074 1.398-5.49 3.03-7.326C6.009 5.887 7.347 4.819 8.424 4H5.15a1 1 0 0 1 0-2h6a1 1 0 0 1 1 1v6a1 1 0 0 1-2 0V5.309l-.003.002c-1.143.862-2.54 1.916-3.75 3.277-1.43 1.608-2.505 3.551-2.505 5.942m22.216.812c0-6.024-4.321-10.147-9.214-11.065a1.042 1.042 0 1 1 .384-2.05c5.749 1.08 10.914 5.961 10.914 13.115 0 3.074-1.398 5.489-3.03 7.326-1.17 1.317-2.509 2.385-3.585 3.204h3.273a1 1 0 1 1 0 2h-6a1 1 0 0 1-1-1v-6a1 1 0 1 1 2 0v3.691l.003-.002c1.143-.862 2.54-1.916 3.75-3.277 1.429-1.609 2.505-3.551 2.505-5.942" clip-rule="evenodd"/><path id="arrow-elbow" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 17-4 4m0 0 4 4m-4-4h9a1 1 0 0 0 1-1V10a1 1 0 0 1 1-1h9m0 0-4-4m4 4-4 4"/><path id="arrow-left" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12.5 21.5 6 15m0 0 6.5-6.5M6 15h18"/><path id="arrowhead-arrow" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 15h26M13 26l16-11L13 4"/><path id="arrowhead-bar" stroke="#000" stroke-linecap="round" stroke-width="2" d="M1 15h28m0 0V2m0 13v13"/><g id="arrowhead-diamond"><path stroke="#000" stroke-width="2" d="m18.414 3.828 9.9 9.9a2 2 0 0 1 0 2.828l-9.9 9.9a2 2 0 0 1-2.828 0l-9.9-9.9a2 2 0 0 1 0-2.828l9.9-9.9a2 2 0 0 1 2.828 0Z"/><path stroke="#000" stroke-linecap="round" stroke-width="2" d="M1 15h4"/></g><g id="arrowhead-dot"><path stroke="#000" stroke-width="2" d="M29 15c0 6.075-4.925 11-11 11S7 21.075 7 15 11.925 4 18 4s11 4.925 11 11Z"/><path stroke="#000" stroke-linecap="round" stroke-width="2" d="M1 15h5"/></g><path id="arrowhead-none" stroke="#000" stroke-linecap="round" stroke-width="2" d="M1 15h28"/><path id="arrowhead-square" stroke="#000" stroke-linecap="round" stroke-width="2" d="M1 15h4m3 12h18a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H8a3 3 0 0 0-3 3v18a3 3 0 0 0 3 3Z"/><path id="arrowhead-triangle-inverted" fill="#000" d="M1 14a1 1 0 1 0 0 2zM29 2h1a1 1 0 0 0-1.585-.81zm0 26-.585.81A1 1 0 0 0 30 28zM1 16h10v-2H1zM28 2v26h2V2zm1.585 25.19-18-13-1.17 1.62 18 13zm-18-11.38 18-13-1.17-1.62-18 13z"/><path id="arrowhead-triangle" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 15.154h10.692m1-11.692v23.077L28.846 15z"/><path id="blob" fill="#000" d="M1.981 12.472c-.143.222.115.529.351.413.815-.4 1.604-.823 2.375-1.288.227-.137.476.108.329.328-1.904 2.857-6.632 9.873-1.427 10.333 3.16.279 6.33-2.296 9.304-4.985.219-.197.525.062.361.307-2.42 3.634-6.859 11.056-1.025 11.41 5.074.308 3.904-4.392 15.43-10.738.838-.46 1.102-1.412.892-2.34-.372-1.994-4.135-1.962-6.224-1.414-.255.067-.5-.253-.329-.453 2.546-2.986 9.853-10.44 5.252-12.768C23.219-.77 13.918 8.898 9.965 12.541c-.208.191-.435-.022-.267-.25 1.944-2.638 4.488-5.56 4.945-8.597a1.8 1.8 0 0 0-.238-1.214 2.06 2.06 0 0 0-.971-.854C9.124-.284 4.203 9.028 1.98 12.472"/><path id="bold" fill="#000" d="M9.69 24.006q-1.19 0-1.706-.528-.504-.54-.504-1.708V8.235q0-1.191.516-1.707Q8.524 6 9.69 6h7.85c2.218 0 4.051 1.964 4.051 4.37 0 1.802-.9 3.27-2.702 4.105 2.326.425 3.63 2.784 3.63 4.492 0 2.063-1.055 5.039-4.482 5.039zm6.55-7.996h-5.159v5.257h5.16c1.042 0 2.502-1.02 2.502-2.665s-1.46-2.592-2.502-2.592m-5.159-7.271v4.655h4.761c.719 0 2.196-.673 2.196-2.392 0-1.72-1.594-2.263-2.196-2.263z" style="fill:#000;fill-opacity:1"/><path id="bookmark" fill="#000" d="M23.103 4.005A1 1 0 0 1 24 5v22a1.001 1.001 0 0 1-1.53.848L15 23.178l-7.47 4.67A1 1 0 0 1 6 27V5l.005-.103A1 1 0 0 1 7 4h16zM8 25.195l6.205-3.878.093-.052a1.5 1.5 0 0 1 1.404 0l.093.052L22 25.195V6H8z" style="fill:#000;fill-opacity:1"/><path id="bring-forward" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.5 12.639 15 6.5m0 0 6.5 6.139M15 6.5v17"/><path id="bring-to-front" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.5 15.5 15 9m0 0 6.5 6.5M15 9v18M3 3h24"/><g id="broken"><path fill="#000" d="M28 12a1 1 0 1 0-2 0v14H12a1 1 0 1 0 0 2h14.9c.552 0 1.1-.548 1.1-1.1zM2 18a1 1 0 1 0 2 0V4h14a1 1 0 1 0 0-2H3.1C2.548 2 2 2.548 2 3.1z"/><rect width="35.946" height="2" x="1.584" y="27.002" fill="#000" rx="1" transform="rotate(-45 1.584 27.002)"/></g><path id="bulletList" fill="currentColor" fill-rule="evenodd" d="M3.57 10.31a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m5-1.5a1 1 0 0 1 1-1h18a1 1 0 0 1 0 2h-18a1 1 0 0 1-1-1m1 5a1 1 0 0 0 0 2h18a1 1 0 0 0 0-2zm0 6a1 1 0 0 0 0 2h18a1 1 0 0 0 0-2zm-4.5-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m-1.5 7.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3" clip-rule="evenodd"/><g id="check-circle"><path stroke="#000" stroke-width="2" d="M15 27.295c6.79 0 12.295-5.505 12.295-12.296S21.79 2.704 15 2.704 2.704 8.209 2.704 14.999 8.21 27.295 15 27.295Z"/><path fill="#000" d="M20.708 9.395c.429.28.55.856.269 1.285l-6.314 9.656a.928.928 0 0 1-1.402.18L9.176 16.8a.928.928 0 1 1 1.249-1.374l3.28 2.982 5.717-8.745a.93.93 0 0 1 1.285-.27"/></g><path id="check" fill="#000" d="M22.934 7.454a1.25 1.25 0 0 1 .362 1.73l-8.5 13a1.25 1.25 0 0 1-1.887.24l-5.5-5a1.25 1.25 0 1 1 1.682-1.849l4.415 4.014 7.698-11.773a1.25 1.25 0 0 1 1.73-.362"/><path id="chevron-down" fill="#000" fill-rule="evenodd" d="M6.27 12.316a1 1 0 0 1 1.414-.046L15 19.13l7.316-6.86a1 1 0 1 1 1.368 1.46l-8 7.5a1 1 0 0 1-1.368 0l-8-7.5a1 1 0 0 1-.046-1.414" clip-rule="evenodd"/><path id="chevron-left" fill="#000" fill-rule="evenodd" d="M17.684 6.27a1 1 0 0 1 .045 1.414L10.87 15l6.86 7.316a1 1 0 0 1-1.46 1.368l-7.5-8a1 1 0 0 1 0-1.368l7.5-8a1 1 0 0 1 1.414-.046" clip-rule="evenodd"/><path id="chevron-right" fill="#000" fill-rule="evenodd" d="M12.317 6.27a1 1 0 0 1 1.413.046l7.5 8a1 1 0 0 1 0 1.368l-7.5 8a1 1 0 0 1-1.459-1.368L19.13 15l-6.859-7.316a1 1 0 0 1 .046-1.414" clip-rule="evenodd"/><path id="chevron-up" fill="#000" fill-rule="evenodd" d="M6.27 17.684a1 1 0 0 0 1.414.046L15 10.87l7.316 6.86a1 1 0 1 0 1.368-1.46l-8-7.5a1 1 0 0 0-1.368 0l-8 7.5a1 1 0 0 0-.046 1.414" clip-rule="evenodd"/><path id="chevrons-ne" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7.527 8.733 13.795 15l-6.268 6.268m8.678-12.536L22.473 15l-6.268 6.267"/><path id="chevrons-sw" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M22.473 21.268 16.205 15l6.268-6.268m-8.678 12.536L7.527 15l6.268-6.267"/><g id="clipboard-copied"><path fill="#000" fill-rule="evenodd" d="M8 2v2h10V2zm-2-.5A1.5 1.5 0 0 1 7.5 0h11A1.5 1.5 0 0 1 20 1.5V2h1a3 3 0 0 1 3 3v9h-2V5a1 1 0 0 0-1-1h-1v.5A1.5 1.5 0 0 1 18.5 6h-11A1.5 1.5 0 0 1 6 4.5V4H5a1 1 0 0 0-1 1v20a1 1 0 0 0 1 1h7v2H5a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h1z" clip-rule="evenodd"/><path fill="#000" d="M27.52 17.173c.49.32.628.978.307 1.468l-7.212 11.03a1.06 1.06 0 0 1-1.601.205l-4.667-4.243a1.06 1.06 0 1 1 1.427-1.57l3.746 3.406 6.532-9.989a1.06 1.06 0 0 1 1.468-.307"/></g><g id="clipboard-copy"><path fill="#000" fill-rule="evenodd" d="M8 2v2h10V2zm-2-.5A1.5 1.5 0 0 1 7.5 0h11A1.5 1.5 0 0 1 20 1.5V2h1a3 3 0 0 1 3 3v9h-2V5a1 1 0 0 0-1-1h-1v.5A1.5 1.5 0 0 1 18.5 6h-11A1.5 1.5 0 0 1 6 4.5V4H5a1 1 0 0 0-1 1v20a1 1 0 0 0 1 1h7v2H5a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h1z" clip-rule="evenodd"/><path fill="#000" d="M28 29a1 1 0 1 1-2 0 1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0 1 1 0 0 1 2 0m-4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0m-4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0m-4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0m0 4a1 1 0 1 1-2 0 1 1 0 0 1 2 0m0 4a1 1 0 1 1-2 0 1 1 0 0 1 2 0m0 4a1 1 0 1 1-2 0 1 1 0 0 1 2 0m4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0m4 0a1 1 0 1 1-2 0 1 1 0 0 1 2 0"/></g><path id="code" fill="#000" fill-rule="evenodd" d="M19.928 5.372a1 1 0 0 0-1.857-.743l-8 20a1 1 0 1 0 1.858.742zm-12.22 4.921a1 1 0 0 1 0 1.414L4.413 15l3.293 3.293a1 1 0 1 1-1.414 1.414l-4-4a1 1 0 0 1 0-1.414l4-4a1 1 0 0 1 1.414 0m14.585 0a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L25.586 15l-3.293-3.293a1 1 0 0 1 0-1.414" clip-rule="evenodd" style="fill:#000;fill-opacity:1"/><circle id="color" cx="15" cy="15" r="13" fill="#000"/><path id="comment" stroke="#000" stroke-linejoin="round" stroke-width="2" d="M8 3C5.79 3 3 4.79 3 7v10c0 2.21 2.79 4 5 4h8l6 6v-6c2.21 0 5-1.79 5-4V7a4 4 0 0 0-4-4z" style="stroke:#000;stroke-opacity:1"/><path id="corners" fill="currentColor" fill-rule="evenodd" d="M11 4H9.759c-.805 0-1.47 0-2.01.044-.563.046-1.08.145-1.565.392a4 4 0 0 0-1.748 1.748c-.247.485-.346 1.002-.392 1.564C4 8.29 4 8.954 4 9.758V11a1 1 0 0 0 2 0V9.8c0-.857 0-1.439.038-1.889.035-.438.1-.663.18-.819a2 2 0 0 1 .874-.874c.156-.08.38-.145.819-.18C8.361 6 8.943 6 9.8 6H11a1 1 0 0 0 0-2m15 15a1 1 0 0 0-2 0v1.2c0 .857 0 1.439-.038 1.889-.035.438-.1.663-.18.819a2 2 0 0 1-.874.874c-.156.08-.38.145-.819.18-.45.037-1.032.038-1.889.038H19a1 1 0 0 0 0 2h1.241c.805 0 1.47 0 2.01-.044.563-.046 1.08-.145 1.565-.392a4 4 0 0 0 1.748-1.748c.247-.485.346-1.002.392-1.564.044-.541.044-1.206.044-2.01zM5 18a1 1 0 0 1 1 1v1.2c0 .857 0 1.439.038 1.889.035.438.1.663.18.819a2 2 0 0 0 .874.874c.156.08.38.145.819.18C8.361 24 8.943 24 9.8 24H11a1 1 0 0 1 0 2H9.759c-.805 0-1.47 0-2.01-.044-.563-.046-1.08-.145-1.565-.392a4 4 0 0 1-1.748-1.748c-.247-.485-.346-1.002-.392-1.564C4 21.71 4 21.046 4 20.242V19a1 1 0 0 1 1-1M20.2 6c.857 0 1.439 0 1.889.038.438.035.663.1.819.18a2 2 0 0 1 .874.874c.08.156.145.38.18.819C24 8.361 24 8.943 24 9.8V11a1 1 0 0 0 2 0V9.759c0-.805 0-1.47-.044-2.01-.046-.563-.145-1.08-.392-1.565a4 4 0 0 0-1.748-1.748c-.485-.247-1.002-.346-1.564-.392C21.71 4 21.046 4 20.242 4H19a1 1 0 0 0 0 2z" clip-rule="evenodd"/><path id="crop" fill="currentColor" fill-rule="evenodd" d="M7 0a1 1 0 0 1 1 1v5h15a1 1 0 0 1 1 1v15h5a1 1 0 1 1 0 2h-5v5a1 1 0 0 1-2 0v-5H7a1 1 0 0 1-1-1V8H1a1 1 0 1 1 0-2h5V1a1 1 0 0 1 1-1m1 8v14h14V8Z" clip-rule="evenodd"/><path id="cross-2" fill="#000" d="M23.563 8.063a1.15 1.15 0 1 0-1.626-1.626L15 13.374 8.063 6.437a1.15 1.15 0 0 0-1.626 1.626L13.374 15l-6.937 6.937a1.15 1.15 0 1 0 1.626 1.626L15 16.626l6.937 6.937a1.15 1.15 0 1 0 1.626-1.626L16.626 15z"/><g id="cross-circle"><path fill="#000" d="M19.442 11.893a.944.944 0 0 0-1.334-1.335L15 13.665l-3.107-3.107a.944.944 0 0 0-1.335 1.335L13.665 15l-3.107 3.108a.944.944 0 0 0 1.335 1.334L15 16.335l3.108 3.107a.944.944 0 1 0 1.334-1.334L16.335 15z"/><path stroke="#000" stroke-width="2" d="M15 27.295c6.79 0 12.295-5.505 12.295-12.296S21.79 2.704 15 2.704 2.704 8.209 2.704 14.999 8.21 27.295 15 27.295Z"/></g><path id="dash-dashed" fill="#000" fill-rule="evenodd" d="M12.465 2.247a13.1 13.1 0 0 1 5.07 0 1.61 1.61 0 1 1-.625 3.16 9.8 9.8 0 0 0-3.82 0 1.61 1.61 0 1 1-.625-3.16M10.01 4.633a1.61 1.61 0 0 1-.442 2.234 9.8 9.8 0 0 0-2.7 2.7 1.61 1.61 0 0 1-2.678-1.79A13.1 13.1 0 0 1 7.776 4.19a1.61 1.61 0 0 1 2.234.442m9.98 0a1.61 1.61 0 0 1 2.234-.442 13.1 13.1 0 0 1 3.585 3.585 1.61 1.61 0 1 1-2.676 1.792 9.8 9.8 0 0 0-2.7-2.7 1.61 1.61 0 0 1-.443-2.235M4.14 11.197a1.61 1.61 0 0 1 1.267 1.893 9.8 9.8 0 0 0 0 3.82 1.61 1.61 0 1 1-3.16.625 13.1 13.1 0 0 1 0-5.07 1.61 1.61 0 0 1 1.893-1.268m21.72 0a1.61 1.61 0 0 1 1.893 1.268 13.1 13.1 0 0 1 0 5.07 1.61 1.61 0 1 1-3.16-.625 9.8 9.8 0 0 0 0-3.82 1.61 1.61 0 0 1 1.267-1.893M4.633 19.99a1.61 1.61 0 0 1 2.234.442 9.8 9.8 0 0 0 2.7 2.7 1.61 1.61 0 0 1-1.791 2.677 13.1 13.1 0 0 1-3.585-3.585 1.61 1.61 0 0 1 .442-2.234m20.734 0a1.61 1.61 0 0 1 .442 2.234 13.1 13.1 0 0 1-3.585 3.585 1.61 1.61 0 1 1-1.792-2.676 9.8 9.8 0 0 0 2.7-2.7 1.61 1.61 0 0 1 2.235-.443m-14.17 5.87a1.61 1.61 0 0 1 1.893-1.267 9.8 9.8 0 0 0 3.82 0 1.61 1.61 0 1 1 .625 3.16 13.1 13.1 0 0 1-5.07 0 1.61 1.61 0 0 1-1.268-1.893" clip-rule="evenodd"/><path id="dash-dotted" fill="#000" d="M17 3.792a2 2 0 1 1-4 0 2 2 0 0 1 4 0m0 22a2 2 0 1 1-4 0 2 2 0 0 1 4 0m5.232-19.527a2 2 0 1 1-3.464-2 2 2 0 0 1 3.464 2m-11 19.053a2 2 0 1 1-3.464-2 2 2 0 0 1 3.464 2m14.294-14.294a2 2 0 1 1-2-3.465 2 2 0 0 1 2 3.465m-19.052 11a2 2 0 1 1-2-3.465 2 2 0 0 1 2 3.465M26 16.792a2 2 0 1 1 0-4 2 2 0 0 1 0 4m-22 0a2 2 0 1 1 0-4 2 2 0 0 1 0 4m19.526 5.232a2 2 0 1 1 2-3.465 2 2 0 0 1-2 3.465m-19.052-11a2 2 0 1 1 2-3.465 2 2 0 0 1-2 3.465m14.294 14.294a2 2 0 1 1 3.464-2 2 2 0 0 1-3.464 2m-11-19.053a2 2 0 1 1 3.464-2 2 2 0 0 1-3.464 2"/><path id="dash-draw" fill="#000" fill-rule="evenodd" d="M21.888 15.733c0-4.16-4.022-6.81-8.776-6.81-3.63 0-6.13 2.641-6.84 5.246-1.311 4.806 1.622 8.859 5.403 9.922 6.038 1.19 10.213-2.599 10.213-8.358M17.143 2.184c4.913.72 8.952 4.417 10.281 9.17C31.281 24.46 14.814 33.131 6.271 24.59-3.459 14.861 4.831.187 17.143 2.184" clip-rule="evenodd"/><circle id="dash-solid" cx="15" cy="15" r="11.5" stroke="#000" stroke-width="3"/><g id="disconnected"><path fill="#000" fill-rule="evenodd" d="M14.625 8.09C8.943 8.198 3.91 10.772.702 14.71c-.408.502-.287 1.234.232 1.618.542.401 1.305.269 1.732-.253 2.48-3.038 6.22-5.132 10.493-5.604zm-3.828 6.22c-2.234.778-4.154 2.157-5.533 3.926-.361.463-.236 1.122.236 1.472.531.393 1.283.236 1.695-.28q.557-.7 1.244-1.287zm9.572 2.961 1.153-1.874c1.25.754 2.34 1.718 3.214 2.84.361.462.236 1.121-.236 1.47-.531.394-1.283.237-1.695-.28a9.5 9.5 0 0 0-2.436-2.156m-2.893 4.701 1.092-1.775a5.9 5.9 0 0 1 1.665 1.678c.255.393.119.904-.258 1.182-.558.413-1.377.127-1.81-.415a3.8 3.8 0 0 0-.69-.67m5.775-9.384 1.22-1.983a17.7 17.7 0 0 1 4.827 4.106c.408.5.287 1.233-.232 1.617-.542.401-1.305.269-1.732-.253a15.2 15.2 0 0 0-4.083-3.487" clip-rule="evenodd"/><rect width="3" height="33.372" x="23.376" y=".169" fill="#000" rx="1.5" transform="rotate(31.606 23.376 .17)"/></g><g id="discord"><g clip-path="url(#a)"><path fill="#000" d="M8.161 14.024a2.53 2.53 0 0 1 1.84-.824c.69.003 1.351.3 1.838.824.488.525.761 1.236.761 1.976s-.273 1.45-.76 1.976A2.53 2.53 0 0 1 10 18.8a2.53 2.53 0 0 1-1.839-.825A2.9 2.9 0 0 1 7.401 16c0-.74.273-1.45.76-1.976m9.998 0a2.53 2.53 0 0 1 1.839-.824c.69.003 1.352.3 1.839.824.487.525.76 1.236.76 1.976s-.273 1.45-.76 1.976a2.53 2.53 0 0 1-1.84.824 2.53 2.53 0 0 1-1.838-.825A2.9 2.9 0 0 1 17.398 16c0-.74.273-1.45.76-1.976"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.8c-.209-.715-1.248-2.082-2-2.2-1.53.167-3.97 1.024-5.4 1.8-1.025 1.172-2.08 4.156-2.49 5.8-.685 2.736-1.066 6.048-1.115 9.2.956 1.819 4.434 3.8 6.505 4 .483-.524 1.9-2.8 1.9-2.8m8.595-15.8c.209-.715 1.248-2.082 2-2.2 1.53.167 3.97 1.024 5.4 1.8 1.025 1.172 2.08 4.156 2.49 5.8.685 2.736 1.066 6.048 1.115 9.2-.956 1.819-4.434 3.8-6.505 4-.483-.524-1.9-2.8-1.9-2.8M7 9c.6-.8 3-2 8-2s7.4 1.2 8 2M5.8 20.4C6.6 21.6 8.4 23 15 23s8.4-1.4 9.2-2.6"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h30v30H0z"/></clipPath></defs></g><path id="distribute-horizontal" fill="#000" d="M2 12h9a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H2zm16 1a1 1 0 0 1 1-1h9v6h-9a1 1 0 0 1-1-1zM0 3a1 1 0 0 1 2 0v24a1 1 0 1 1-2 0zm28 0a1 1 0 1 1 2 0v24a1 1 0 0 1-2 0z"/><path id="distribute-vertical" fill="#000" d="M12 2h6v9a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zm0 17a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v9h-6zM2 1a1 1 0 0 1 1-1h24a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1m0 28a1 1 0 0 1 1-1h24a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1"/><circle id="dot" cx="14.5" cy="15.5" r="4.5" fill="#000"/><path id="dots-horizontal" fill="#000" d="M6.99 17.5q-1.025 0-1.763-.727a2.43 2.43 0 0 1-.737-1.78q0-1.027.737-1.754A2.4 2.4 0 0 1 6.99 12.5q1.024 0 1.762.74.738.726.738 1.754 0 .69-.35 1.265a2.6 2.6 0 0 1-.9.903 2.4 2.4 0 0 1-1.25.338m8.01 0q-1.024 0-1.762-.727a2.43 2.43 0 0 1-.738-1.78q0-1.027.738-1.754A2.4 2.4 0 0 1 15 12.5q1.024 0 1.762.74.738.726.738 1.754 0 .69-.35 1.265a2.6 2.6 0 0 1-.9.903A2.4 2.4 0 0 1 15 17.5m8.01 0q-1.024 0-1.762-.727a2.43 2.43 0 0 1-.738-1.78q0-1.027.738-1.754a2.4 2.4 0 0 1 1.762-.739q1.025 0 1.763.74.737.726.737 1.754 0 .69-.35 1.265a2.6 2.6 0 0 1-.9.903 2.4 2.4 0 0 1-1.25.338" style="fill:#000;fill-opacity:1"/><path id="dots-vertical" fill="#000" d="M15 9.49q-1.024 0-1.762-.727a2.43 2.43 0 0 1-.738-1.78q0-1.028.738-1.754A2.4 2.4 0 0 1 15 4.49q1.024 0 1.762.74.738.728.738 1.754 0 .69-.35 1.266a2.6 2.6 0 0 1-.9.902A2.4 2.4 0 0 1 15 9.49m0 8.01q-1.024 0-1.762-.727a2.43 2.43 0 0 1-.738-1.78q0-1.027.738-1.754A2.4 2.4 0 0 1 15 12.5q1.024 0 1.762.74.738.726.738 1.754 0 .69-.35 1.265a2.6 2.6 0 0 1-.9.903A2.4 2.4 0 0 1 15 17.5m0 8.01q-1.024 0-1.762-.727a2.43 2.43 0 0 1-.738-1.779q0-1.028.738-1.754A2.4 2.4 0 0 1 15 20.51q1.024 0 1.762.74.738.726.738 1.754 0 .69-.35 1.266a2.6 2.6 0 0 1-.9.902 2.4 2.4 0 0 1-1.25.338" style="fill:#000;fill-opacity:1"/><g id="download"><path fill="#2E2E2E" d="M14.718 3a1 1 0 0 1 2 0v15.586l4.793-4.793a1 1 0 0 1 1.414 1.414l-6.5 6.5a1 1 0 0 1-1.414 0l-6.5-6.5-.07-.075a1 1 0 0 1 1.408-1.407l.076.068 4.793 4.793z" style="fill:#2e2e2e;fill:color(display-p3 .1804 .1804 .1804);fill-opacity:1"/><path fill="#000" d="M2.653 22a1 1 0 0 1 1.995-.102l.005.102v4h22.14v-4a1 1 0 1 1 2 0v5a1 1 0 0 1-1 1H3.653a1 1 0 0 1-1-1z" style="fill:#000;fill-opacity:1"/></g><path id="drag-handle-dots" fill="#000" d="M11 9.25a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5m8 0a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5M21.25 15a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0M11 17.25a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5M21.25 23a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0M11 25.25a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5"/><path id="duplicate" fill="#000" fill-rule="evenodd" d="M2 19a3 3 0 0 0 3 3h3v-2H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v3h-9a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V11a3 3 0 0 0-3-3h-3V5a3 3 0 0 0-3-3H5a3 3 0 0 0-3 3zm8-8a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H11a1 1 0 0 1-1-1z" clip-rule="evenodd"/><path id="edit" fill="#000" fill-rule="evenodd" d="M22.162 2.781a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-7.885 7.886a2 2 0 0 1-.52.374l-7.855 3.928a1 1 0 0 1-1.341-1.342l3.927-7.855q.146-.29.375-.52zm.707 2.121-7.178 7.179-2.077 4.153.51.509 4.153-2.077 7.178-7.178zm-5-.414-2 2h-8.2c-.856 0-1.439.001-1.889.038-.438.036-.662.1-.819.18a2 2 0 0 0-.874.874c-.08.157-.144.38-.18.82-.037.45-.038 1.032-.038 1.888v12.4c0 .857 0 1.44.038 1.89.036.438.1.662.18.818a2 2 0 0 0 .874.874c.157.08.38.145.82.18.45.038 1.032.038 1.888.038h12.4c.857 0 1.439 0 1.89-.037.438-.036.662-.1.818-.18a2 2 0 0 0 .874-.875c.08-.156.145-.38.18-.819.037-.45.038-1.032.038-1.889v-8.2l2-2V22.73c0 .805 0 1.469-.044 2.01-.046.562-.145 1.079-.392 1.564a4 4 0 0 1-1.748 1.748c-.485.248-1.002.346-1.564.392-.541.044-1.206.044-2.01.044H7.627c-.805 0-1.47 0-2.01-.044-.563-.046-1.08-.144-1.565-.392a4 4 0 0 1-1.748-1.748c-.247-.485-.346-1.002-.392-1.564-.044-.541-.044-1.205-.044-2.01V10.247c0-.805 0-1.47.044-2.01.046-.563.145-1.08.392-1.565a4 4 0 0 1 1.748-1.748c.486-.247 1.002-.346 1.564-.392.542-.044 1.206-.044 2.01-.044H17.87" clip-rule="evenodd" style="fill:#000;fill-opacity:1"/><path id="external-link" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 5H7a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6M19 5h6m0 0v6m0-6L13 17"/><g id="fill-fill"><path fill="#000" fill-rule="evenodd" d="M26 4H8v2h14a2 2 0 0 1 2 2v14h2zM6 4v2H4a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2v-2h2a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2m16 22H4V8h18z" clip-rule="evenodd"/><path fill="#000" d="M3 7h20v20H3z"/></g><g id="fill-lined-fill"><path fill="#000" fill-rule="evenodd" d="M26 4H8v2h14a2 2 0 0 1 2 2v14h2zM6 4v2H4a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2v-2h2a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2m16 22H4V8h18z" clip-rule="evenodd"/><path fill="#000" fill-opacity=".68" d="M4 8h18v18H4z"/></g><path id="fill-none" fill="#000" fill-rule="evenodd" d="M8 4h18v18h-2V8a2 2 0 0 0-2-2H8zM6 6V4a2 2 0 0 1 2-2h18a2 2 0 0 1 2 2v18a2 2 0 0 1-2 2h-2v2a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2zm16 18v2H4V8h2v14a2 2 0 0 0 2 2zm0-2H8V8h14z" clip-rule="evenodd"/><g id="fill-pattern"><path fill="#000" fill-rule="evenodd" d="M26 4H8v2h14a2 2 0 0 1 2 2v14h2zM6 4v2H4a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2v-2h2a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2m16 22H4V8h18z" clip-rule="evenodd"/><path fill="#000" fill-rule="evenodd" d="M23.438 15.553a.97.97 0 0 1 0 1.417l-1.49 1.418a1.09 1.09 0 0 1-1.49 0 .97.97 0 0 1 0-1.418l1.49-1.417a1.09 1.09 0 0 1 1.49 0m-4.468 5.67a.97.97 0 0 0 0-1.418 1.09 1.09 0 0 0-1.49 0l-1.49 1.417a.97.97 0 0 0 0 1.418 1.09 1.09 0 0 0 1.49 0zm-4.468 2.834a.97.97 0 0 1 0 1.418l-1.49 1.417a1.09 1.09 0 0 1-1.49 0 .97.97 0 0 1 0-1.417l1.49-1.418a1.09 1.09 0 0 1 1.49 0m0-17.01a.97.97 0 0 1 0 1.418l-1.49 1.418a1.09 1.09 0 0 1-1.49 0 .97.97 0 0 1 0-1.418l1.49-1.417a1.09 1.09 0 0 1 1.49 0m-4.469 5.67a.97.97 0 0 0 0-1.417 1.09 1.09 0 0 0-1.489 0l-1.49 1.417a.97.97 0 0 0 0 1.418 1.09 1.09 0 0 0 1.49 0zm-4.467 2.835a.97.97 0 0 1 0 1.418l-1.49 1.417a1.09 1.09 0 0 1-1.49 0 .97.97 0 0 1 0-1.417l1.49-1.417a1.09 1.09 0 0 1 1.49 0M23.437 11.3a.97.97 0 0 0 0-1.418 1.09 1.09 0 0 0-1.489 0l-1.49 1.418a.97.97 0 0 0 0 1.417 1.09 1.09 0 0 0 1.49 0zm-4.467 2.835a.97.97 0 0 1 0 1.417l-1.49 1.418a1.09 1.09 0 0 1-1.49 0 .97.97 0 0 1 0-1.418l1.49-1.417a1.09 1.09 0 0 1 1.49 0m-4.468 5.67a.97.97 0 0 0 0-1.418 1.09 1.09 0 0 0-1.49 0l-1.49 1.418a.97.97 0 0 0 0 1.417 1.09 1.09 0 0 0 1.49 0zm-4.468 2.835a.97.97 0 0 1 0 1.417l-1.49 1.418a1.09 1.09 0 0 1-1.49 0 .97.97 0 0 1 0-1.418l1.49-1.417a1.09 1.09 0 0 1 1.49 0m0-15.593-1.49 1.418a1.09 1.09 0 0 1-1.49 0 .97.97 0 0 1 0-1.418c1.105-1.05 4.772-1.705 2.98 0M5.566 11.3a.97.97 0 0 0 0-1.418 1.09 1.09 0 0 0-1.49 0L2.586 11.3a.97.97 0 0 0 0 1.417 1.09 1.09 0 0 0 1.49 0zm17.871 9.922a.97.97 0 0 1 0 1.418l-1.489 1.417a1.09 1.09 0 0 1-1.49 0 .97.97 0 0 1 0-1.417l1.49-1.418a1.09 1.09 0 0 1 1.49 0m-4.468 5.67a.97.97 0 0 0 0-1.417 1.09 1.09 0 0 0-1.489 0l-1.49 1.417c-1.818 1.731 1.86 1.066 2.98 0m0-17.01a.97.97 0 0 0 0-1.417 1.09 1.09 0 0 0-1.489 0l-1.49 1.417a.97.97 0 0 0 0 1.418 1.09 1.09 0 0 0 1.49 0zm-4.468 2.835a.97.97 0 0 1 0 1.418l-1.489 1.417a1.09 1.09 0 0 1-1.49 0 .97.97 0 0 1 0-1.417l1.49-1.418a1.09 1.09 0 0 1 1.49 0m-4.467 5.67a.97.97 0 0 0 0-1.417 1.09 1.09 0 0 0-1.49 0l-1.49 1.417a.97.97 0 0 0 0 1.418 1.09 1.09 0 0 0 1.49 0zm-4.468 2.835a.97.97 0 0 1 0 1.418l-1.49 1.417a1.09 1.09 0 0 1-1.49 0 .97.97 0 0 1 0-1.417l1.49-1.418a1.09 1.09 0 0 1 1.49 0" clip-rule="evenodd"/></g><path id="fill-semi" fill="#000" fill-rule="evenodd" d="M26 4H8v2h14a2 2 0 0 1 2 2v14h2zM6 4v2H4a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2v-2h2a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2m16 22H4V8h18z" clip-rule="evenodd"/><g id="fill-solid"><path fill="#000" fill-rule="evenodd" d="M26 4H8v2h14a2 2 0 0 1 2 2v14h2zM6 4v2H4a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2v-2h2a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2m16 22H4V8h18z" clip-rule="evenodd"/><path fill="#000" fill-opacity=".32" d="M4 8h18v18H4z"/></g><g id="follow"><path fill="#000" d="M19 15a4 4 0 1 1-8 0 4 4 0 0 1 8 0"/><path stroke="#000" stroke-width="2" d="M26 15c0 1.77-1.077 3.496-3.07 4.825C20.946 21.149 18.145 22 15 22s-5.945-.851-7.93-2.175C5.076 18.496 4 16.77 4 15s1.077-3.496 3.07-4.825C9.054 8.851 11.855 8 15 8s5.945.851 7.93 2.175C24.924 11.504 26 13.23 26 15Z"/></g><g id="following"><path stroke="#000" stroke-width="2" d="M26 15c0 1.77-1.077 3.496-3.07 4.825C20.946 21.149 18.145 22 15 22s-5.945-.851-7.93-2.175C5.076 18.496 4 16.77 4 15s1.077-3.496 3.07-4.825C9.054 8.851 11.855 8 15 8s5.945.851 7.93 2.175C24.924 11.504 26 13.23 26 15Z"/><path fill="#000" d="M12 15c0 2.21-1.567 4-3.5 4S5 17.21 5 15s1.567-4 3.5-4 3.5 1.79 3.5 4"/></g><path id="font-draw" stroke="#000" stroke-linecap="round" stroke-width="3.2" d="M22.965 11.963c-3.936 0-7.305 6.369-3.908 9.663s5.787-4.173 5.853-7.028 1.406 5.128 3.293 7.47M1.8 18.58s4.336-1.311 11.29-1.399m-9.367-6.373a159 159 0 0 0-.085 6.217m0 0c.014 3.29.08 4.733-.395 5.165-.294.268-.16-2.19.395-5.165Zm0 0c.779-4.18 2.384-9.384 4.788-9.499 4.116-.197 1.386 8.11 5.823 15.055"/><path id="font-mono" fill="#000" d="m11.358 23.935-1.277-4.61H4.69l-1.25 4.61H0L5.106 5.752h4.741l5.132 18.183zM7.503 9.113h-.209l-2.006 7.424h4.22zm20.543 14.822q-1.224 0-1.901-.599-.652-.625-.782-1.72h-.13a3.4 3.4 0 0 1-1.433 1.955q-1.069.677-2.631.677-2.032 0-3.23-1.068-1.2-1.068-1.199-2.97 0-4.065 5.966-4.064h2.37v-.886q0-1.275-.625-1.927t-2.032-.652q-1.276 0-2.058.496-.781.495-1.328 1.276l-1.902-1.615q.625-1.12 2.006-1.876 1.407-.78 3.621-.781 2.657 0 4.142 1.25 1.51 1.224 1.51 3.673v6.33H30v2.501zm-5.757-1.98q1.198 0 1.98-.547.808-.573.808-1.537v-1.797h-2.293q-2.735 0-2.735 1.72v.52q0 .808.599 1.225.6.416 1.641.416"/><path id="font-sans" fill="#000" d="m12.504 24-1.42-4.515h-6.29L3.399 24H0L5.935 6.296h4.16L15.979 24zM7.99 9.34h-.126l-2.258 7.28h4.667zM28.2 24q-1.066 0-1.7-.609-.61-.634-.761-1.674h-.152q-.33 1.294-1.344 1.953-1.015.634-2.511.634-2.03 0-3.12-1.065t-1.09-2.84q0-2.055 1.47-3.044 1.471-1.015 4.185-1.015h2.258v-.964q0-1.116-.584-1.724-.583-.61-1.877-.61-1.14 0-1.851.508a4.8 4.8 0 0 0-1.167 1.167l-1.927-1.725a5.5 5.5 0 0 1 1.952-1.826q1.218-.71 3.222-.71 2.688 0 4.083 1.217t1.395 3.5v6.24H30V24zm-5.378-2.055q1.09 0 1.852-.482.76-.48.76-1.42v-1.75h-2.08q-2.535 0-2.536 1.623v.431q0 .812.508 1.218.533.38 1.496.38"/><path id="font-serif" fill="#000" d="M0 22.003h1.262L6.706 6.215H9.8l5.445 15.788h1.262v1.485H9.65v-1.485h2.054l-1.287-3.885H4.454l-1.286 3.885H5.22v1.485H0zm4.9-5.444h5.073L7.498 8.888h-.124zm16.785 7.226q-2.004 0-2.97-.965-.964-.966-.964-2.673 0-1.88 1.36-2.846 1.387-.965 4.307-.965h1.756v-1.559q0-1.51-.618-2.276-.619-.792-2.03-.792-1.088 0-1.682.321v.1q.248.147.47.47.248.296.248.84 0 .719-.446 1.189-.42.445-1.262.445-.717 0-1.188-.47-.445-.47-.445-1.237 0-.594.322-1.139.346-.57 1.014-.99.669-.444 1.633-.692.99-.273 2.277-.273 2.475 0 3.712 1.139 1.237 1.113 1.237 3.143v7.473H30v1.237q-.37.248-.99.371a5.4 5.4 0 0 1-1.262.149q-1.237 0-1.782-.594-.544-.618-.544-1.56v-.073h-.124a4.4 4.4 0 0 1-.445.816 3.2 3.2 0 0 1-.693.718q-.42.297-1.04.495-.593.198-1.435.198m1.262-1.98q.99 0 1.609-.47.618-.47.618-1.584v-2.079h-1.41q-1.485 0-2.128.545-.62.52-.619 1.51v.445q0 .84.52 1.237.544.396 1.41.396"/><path id="geo-arrow-down" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m15 26.823 11.654-14.165a1 1 0 0 0-.772-1.635H21.8v-8.2H8.2v8.2H4.118a1 1 0 0 0-.772 1.635z"/><path id="geo-arrow-left" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3 14.823 14.165 11.654a1 1 0 0 0 1.635-.772v-4.082H27v-13.6h-8.2V3.94a1 1 0 0 0-1.635-.772z"/><path id="geo-arrow-right" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M27 14.823 12.835 3.168a1 1 0 0 0-1.635.772v4.083H3v13.6h8.2v4.082a1 1 0 0 0 1.635.772z"/><path id="geo-arrow-up" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 2.823 3.346 16.987a1 1 0 0 0 .772 1.636H8.2v8.2h13.6v-8.2h4.082a1 1 0 0 0 .772-1.636z"/><g id="geo-check-box"><path stroke="#000" stroke-width="2" d="M25 3a2 2 0 0 1 2 2v20a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z"/><path stroke="#000" stroke-linecap="round" stroke-width="2" d="m8 15 5 7m9-14-9 14"/></g><path id="geo-cloud" stroke="#000" stroke-width="2" d="m22.324 12.395.02.863.857.105a5.861 5.861 0 0 1-.724 11.676H7.524a5.86 5.86 0 0 1-.725-11.676l.857-.105.02-.863a7.326 7.326 0 0 1 14.648 0Z"/><path id="geo-diamond" stroke="#000" stroke-width="2" d="M16.414 1.97 28.03 13.587a2 2 0 0 1 0 2.828L16.414 28.03a2 2 0 0 1-2.828 0L1.97 16.414a2 2 0 0 1 0-2.828L13.586 1.97a2 2 0 0 1 2.828 0Z"/><path id="geo-ellipse" stroke="#000" stroke-width="2" d="M27 15c0 6.627-5.373 12-12 12S3 21.627 3 15 8.373 3 15 3s12 5.373 12 12Z"/><path id="geo-heart" stroke="#1D1D1D" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2 10.118C2 .954 14.025.954 15 8.31c.975-7.355 13-7.355 13 1.81 0 7.835-9.75 10.85-13 16.88-3.25-6.03-13-9.044-13-16.882"/><path id="geo-hexagon" stroke="#000" stroke-width="2" d="M14.009 3.217a2 2 0 0 1 1.983 0l8.825 5.038a2 2 0 0 1 1.009 1.737v10.016a2 2 0 0 1-1.009 1.737l-8.825 5.038a2 2 0 0 1-1.983 0l-8.826-5.038a2 2 0 0 1-1.009-1.737V9.992a2 2 0 0 1 1.009-1.737z"/><path id="geo-octagon" stroke="#000" stroke-width="2" d="M14.242 3.224a2 2 0 0 1 1.516 0l7.082 2.9a2 2 0 0 1 1.087 1.079l2.915 6.957a2 2 0 0 1 0 1.546l-2.915 6.957a2 2 0 0 1-1.087 1.078l-7.082 2.9a2 2 0 0 1-1.516 0l-7.082-2.9a2 2 0 0 1-1.087-1.078l-2.915-6.957a2 2 0 0 1 0-1.546l2.915-6.957A2 2 0 0 1 7.16 6.125z"/><path id="geo-oval" stroke="#000" stroke-width="2" d="M15 3c4.852 0 8 3.821 8 8.817v6.366C23 23.18 19.852 27 15 27c-4.82 0-7.948-3.771-8-8.723v-6.46C7 6.82 10.148 3 15 3Z"/><path id="geo-pentagon" stroke="#000" stroke-width="2" d="M13.824 3.84a2 2 0 0 1 2.352 0L26.2 11.124a2 2 0 0 1 .727 2.236l-3.83 11.787a2 2 0 0 1-1.902 1.382H8.804a2 2 0 0 1-1.902-1.383L3.072 13.36a2 2 0 0 1 .727-2.236z"/><path id="geo-rectangle" stroke="#000" stroke-width="2" d="M25 3a2 2 0 0 1 2 2v20a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z"/><path id="geo-rhombus-2" stroke="#000" stroke-width="2" d="M5.771 3a2 2 0 0 0-1.949 2.45l4.616 20A2 2 0 0 0 10.386 27H24.23a2 2 0 0 0 1.949-2.45l-4.616-20A2 2 0 0 0 19.613 3z"/><path id="geo-rhombus" stroke="#000" stroke-width="2" d="M24.229 3a2 2 0 0 1 1.949 2.45l-4.616 20A2 2 0 0 1 19.613 27H5.771a2 2 0 0 1-1.949-2.45l4.616-20A2 2 0 0 1 10.386 3z"/><path id="geo-star" stroke="#000" stroke-width="2" d="m7.347 17.74-.81.587.81-.588-4.113-5.66 6.654-2.161a2 2 0 0 0 1-.727L15 3.531l4.112 5.66.809-.588-.81.588a2 2 0 0 0 1.001.727l6.654 2.161-4.113 5.66a2 2 0 0 0-.382 1.176v6.996l-6.653-2.162-.309.95.31-.95a2 2 0 0 0-1.237 0l.309.95-.31-.95-6.653 2.162v-6.996a2 2 0 0 0-.381-1.176Z"/><path id="geo-trapezoid" stroke="#000" stroke-width="2" d="M19.614 3a2 2 0 0 1 1.948 1.55l4.616 20a2 2 0 0 1-1.95 2.45H5.772a2 2 0 0 1-1.949-2.45l4.616-20A2 2 0 0 1 10.386 3z"/><path id="geo-triangle" stroke="#000" stroke-linejoin="round" stroke-width="2" d="M27.55 26H2.45L15 4z"/><path id="geo-x-box" stroke="#000" stroke-width="2" d="M25 3a2 2 0 0 1 2 2v20a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zM3 3l24 24m0-24L3 27"/><path id="github" fill="#000" fill-rule="evenodd" d="M14.999.5C6.993.5.5 6.992.5 15c0 6.406 4.154 11.841 9.916 13.76.726.132.99-.316.99-.7 0-.345-.012-1.256-.02-2.466-4.033.876-4.884-1.944-4.884-1.944-.66-1.675-1.61-2.121-1.61-2.121-1.317-.9.1-.881.1-.881 1.455.102 2.22 1.494 2.22 1.494 1.294 2.216 3.395 1.576 4.22 1.204.133-.936.507-1.575.921-1.937-3.22-.367-6.605-1.61-6.605-7.167 0-1.584.566-2.877 1.493-3.89-.15-.367-.647-1.842.142-3.838 0 0 1.217-.39 3.987 1.485A14 14 0 0 1 15 7.512c1.232.006 2.472.166 3.63.487 2.769-1.875 3.984-1.485 3.984-1.485.791 1.996.294 3.47.145 3.837.93 1.014 1.49 2.307 1.49 3.891 0 5.57-3.39 6.796-6.62 7.155.52.448.984 1.333.984 2.686 0 1.938-.018 3.502-.018 3.977 0 .388.262.84.997.698C25.349 26.836 29.5 21.405 29.5 15 29.5 6.99 23.007.5 14.999.5" clip-rule="evenodd"/><path id="group" fill="#000" d="M2.9 1.9a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0v-3h3a1 1 0 1 0 0-2zm9 0a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2zm-1 25a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2h-6a1 1 0 0 1-1-1m-7-15a1 1 0 1 0-2 0v6a1 1 0 1 0 2 0zm23-1a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0v-6a1 1 0 0 1 1-1m-4-9a1 1 0 1 0 0 2h3v3a1 1 0 1 0 2 0v-4c0-.552-.45-1-1.002-1zm-20 20a1 1 0 0 1 1 1v3h3a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1m25 1a1 1 0 1 0-2 0l-.002 3H22.9a1 1 0 1 0 0 2h4a1 1 0 0 0 1-1z"/><g id="heading" clip-path="url(#a)"><path fill="#000" fill-rule="evenodd" d="M17.509 4.1a.9.9 0 0 0 0 1.8h2.39v8.2h-9.8V5.9h2.41a.9.9 0 1 0 0-1.8h-7a.9.9 0 1 0 0 1.8h2.39v18.2H5.51a.9.9 0 0 0 0 1.8h7a.9.9 0 0 0 0-1.8H10.1v-8.2h9.8v8.2h-2.39a.9.9 0 0 0 0 1.8h7a.9.9 0 0 0 0-1.8H22.1V5.9h2.409a.9.9 0 0 0 0-1.8z" clip-rule="evenodd" style="fill:#000;fill-opacity:1"/></g><g id="help-circle"><path stroke="#000" stroke-width="2" d="M15 27.295c6.79 0 12.295-5.505 12.295-12.296S21.79 2.704 15 2.704 2.704 8.209 2.704 14.999C2.704 21.79 8.21 27.295 15 27.295Z" style="stroke:#000;stroke-opacity:1"/><circle cx="15" cy="21" r="1.5" fill="#000" style="fill:#000;fill-opacity:1"/><path stroke="#000" stroke-linecap="round" stroke-width="2.2" d="M11 12.5c0-2 1.7-3.75 4-3.75s4 1.75 4 3.75c0 3.19-4 3.15-4 4.9" style="stroke:#000;stroke-opacity:1"/></g><g id="highlight"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m13.102 25.123 13.593-14.711a2 2 0 0 0-.055-2.771l-3.275-3.276a2 2 0 0 0-2.777-.05L5.983 17.919m7.118 7.205-7.118-7.206m7.118 7.206c-.5-.167-1.8-.586-3-.586s-2.5 1-3 1.5m-1.118-8.12c.167.5.619 1.92.619 3.12s-1 2.5-1.5 3m2 2-1-1-1-1m2 2-1 1L2 27.14l3.103-3.103"/><path fill="#000" d="m2 26 2-2 2 2-1 1z"/></g><g id="horizontal-align-end"><rect width="2" height="22" x="19.661" y="4.419" fill="#000" rx="1"/><rect width="2" height="8" x="16.571" y="15.419" fill="#000" rx="1" transform="rotate(135 16.571 15.42)"/><rect width="2" height="8" x="15.157" y="14.005" fill="#000" rx="1" transform="rotate(45 15.157 14.005)"/></g><g id="horizontal-align-middle"><rect width="2" height="8" x="19.25" y="15" fill="#000" rx="1" transform="rotate(-45 19.25 15)"/><rect width="2" height="8" x="20.664" y="16.414" fill="#000" rx="1" transform="rotate(-135 20.664 16.414)"/><rect width="2" height="8" x="11.071" y="15" fill="#000" rx="1" transform="rotate(135 11.071 15)"/><rect width="2" height="8" x="9.657" y="13.586" fill="#000" rx="1" transform="rotate(45 9.657 13.586)"/><rect width="2" height="22" x="16.16" y="26" fill="#000" rx="1" transform="rotate(180 16.16 26)"/></g><g id="horizontal-align-start"><rect width="2" height="22" x="10.497" y="26.581" fill="#000" rx="1" transform="rotate(-180 10.497 26.581)"/><rect width="2" height="8" x="13.589" y="15.581" fill="#000" rx="1" transform="rotate(-45 13.589 15.581)"/><rect width="2" height="8" x="15.003" y="16.996" fill="#000" rx="1" transform="rotate(-135 15.003 16.996)"/></g><g id="info-circle"><path stroke="#000" stroke-width="2" d="M15 27.295c6.79 0 12.295-5.505 12.295-12.296S21.79 2.704 15 2.704 2.704 8.209 2.704 14.999 8.21 27.295 15 27.295Z"/><path stroke="#000" stroke-linecap="square" stroke-linejoin="round" stroke-width="2" d="M13 21h2m2 0h-2m0 0v-8h-2"/><circle cx="15" cy="9" r="1.5" fill="#000"/></g><path id="italic" fill="#000" fill-rule="evenodd" d="M11.35 6.9a.9.9 0 0 1 .9-.9h9a.9.9 0 1 1 0 1.8h-3.238L14.462 22h3.288a.9.9 0 0 1 0 1.8h-9a.9.9 0 1 1 0-1.8h3.238l3.55-14.2H12.25a.9.9 0 0 1-.9-.9" clip-rule="evenodd" style="fill:#000;fill-opacity:1"/><g id="leading"><path stroke="#000" stroke-width="2" d="M26 15c0 1.77-1.077 3.496-3.07 4.825C20.946 21.149 18.145 22 15 22s-5.945-.851-7.93-2.175C5.076 18.496 4 16.77 4 15s1.077-3.496 3.07-4.825C9.054 8.851 11.855 8 15 8s5.945.851 7.93 2.175C24.924 11.504 26 13.23 26 15Z"/><path fill="#000" d="M25 15c0 2.21-1.567 4-3.5 4S18 17.21 18 15s1.567-4 3.5-4 3.5 1.79 3.5 4"/></g><path id="link" stroke="#000" stroke-linecap="round" stroke-width="2" d="M11 9H9.25c-1.162 0-1.742 0-2.225.092-1.984.379-3.534 1.867-3.929 3.772C3 13.327 3 13.884 3 15c0 1.115 0 1.673.096 2.136.395 1.905 1.945 3.393 3.929 3.772C7.508 21 8.088 21 9.25 21H11m8-12h1.75c1.162 0 1.742 0 2.226.092 1.983.379 3.533 1.867 3.928 3.772C27 13.327 27 13.884 27 15c0 1.115 0 1.673-.096 2.136-.395 1.905-1.945 3.393-3.928 3.772-.483.092-1.064.092-2.226.092H19m-8.998-6h10"/><path id="list" fill="#000" fill-rule="evenodd" d="M3.25 10.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m5-1.5a1 1 0 0 1 1-1h18a1 1 0 0 1 0 2h-18a1 1 0 0 1-1-1m1 5a1 1 0 1 0 0 2h18a1 1 0 0 0 0-2zm0 6a1 1 0 0 0 0 2h18a1 1 0 0 0 0-2zm-4.5-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m-1.5 7.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3" clip-rule="evenodd" style="fill:#000;fill-opacity:1"/><g id="lock"><path stroke="#000" stroke-linejoin="round" stroke-width="2" d="M5 14.022a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1z"/><path stroke="#000" stroke-width="2" d="M21 13.022V9.288c0-3.86-2.136-6.31-5.997-6.31S9 5.434 9 9.295v3.728"/></g><g id="manual"><path stroke="#000" stroke-width="2" d="M15 26.421V7.555m0 0c0-4.143 7.057-4.098 8.935-4.013a.48.48 0 0 1 .455.487l-.001 17.921a.516.516 0 0 1-.539.514C21.855 22.38 15 22.396 15 26.48c0-4.084-6.856-4.099-8.852-4.017a.516.516 0 0 1-.539-.513V4.03a.48.48 0 0 1 .456-.487C7.943 3.457 15 3.412 15 7.555Z" style="stroke:#000;stroke-opacity:1"/><path stroke="#000" stroke-width="2" d="M6 5.52H2.5a.5.5 0 0 0-.5.5v19.006a.5.5 0 0 0 .5.5h25a.5.5 0 0 0 .5-.5V6.02a.5.5 0 0 0-.5-.5H24" style="stroke:#000;stroke-opacity:1"/></g><path id="menu" fill="#000" d="M3.923 6C3.413 6 3 6.448 3 7s.413 1 .923 1h22.154c.51 0 .923-.448.923-1s-.413-1-.923-1zM3 15c0-.552.413-1 .923-1h22.154c.51 0 .923.448.923 1s-.413 1-.923 1H3.923C3.413 16 3 15.552 3 15m0 8c0-.552.413-1 .923-1h22.154c.51 0 .923.448.923 1s-.413 1-.923 1H3.923C3.413 24 3 23.552 3 23"/><path id="minus" fill="#000" d="M4.5 15a1 1 0 0 1 1-1h19a1 1 0 1 1 0 2h-19a1 1 0 0 1-1-1"/><path id="mixed" fill="#000" d="M27.25 14.5a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0m-20 0a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0m10-10a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0m0 20a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0M6.5 4.75a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0 20a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m10-10.25a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m10 10.25a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m0-20a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0"/><path id="pack" stroke="#000" stroke-width="2" d="M1 2a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1zm0 16a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1zM17 2a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1zm0 16a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1z"/><path id="plus" fill="#000" d="M16 5.5a1 1 0 1 0-2 0V14H5.5a1 1 0 1 0 0 2H14v8.5a1 1 0 1 0 2 0V16h8.5a1 1 0 1 0 0-2H16z"/><g id="question-mark-circle"><path stroke="#000" stroke-width="2" d="M15 27.295c6.79 0 12.295-5.505 12.295-12.296S21.79 2.704 15 2.704 2.704 8.209 2.704 14.999C2.704 21.79 8.21 27.295 15 27.295Z" style="stroke:#000;stroke-opacity:1"/><circle cx="15" cy="21" r="1.5" fill="#000" style="fill:#000;fill-opacity:1"/><path stroke="#000" stroke-linecap="round" stroke-width="2.2" d="M11 12.5c0-2 1.7-3.75 4-3.75s4 1.75 4 3.75c0 3.19-4 3.15-4 4.9" style="stroke:#000;stroke-opacity:1"/></g><g id="question-mark"><path stroke="#000" stroke-linecap="round" stroke-width="2.3" d="M9 8.2c0-3.161 3.039-5.5 6-5.5s6 2.339 6 5.5c0 5.503-6 5.345-6 10.8"/><path fill="#000" d="M16.75 24.965a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0"/></g><path id="redo" fill="#000" fill-rule="evenodd" d="M20.293 4.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L22.586 10H12a7 7 0 1 0 0 14h8a1 1 0 1 1 0 2h-8a9 9 0 1 1 0-18h10.586l-2.293-2.293a1 1 0 0 1 0-1.414" clip-rule="evenodd"/><g id="reset-zoom"><circle cx="12.408" cy="12.408" r="9.408" stroke="#000" stroke-width="2"/><path fill="#000" d="M27.08 25.24a1.301 1.301 0 0 1-1.84 1.84l-6.35-6.35a1.3 1.3 0 1 1 1.84-1.84z"/><path stroke="#000" stroke-linecap="round" stroke-width="2" d="M7.908 12.408a4.5 4.5 0 1 0 4.5-4.5"/><circle cx="9.216" cy="9.155" r="1" fill="#000"/></g><g id="rotate-ccw"><path fill="#000" d="M15.597 7.186A.25.25 0 0 0 16 6.99V5c3.963 0 6.37.727 7.821 2.179C25.273 8.63 26 11.037 26 15a1 1 0 1 0 2 0c0-4.112-.735-7.206-2.765-9.235C23.205 3.735 20.113 3 16 3V1.011a.25.25 0 0 0-.403-.197l-3.843 2.989a.25.25 0 0 0 0 .395z"/><path fill="#000" fill-rule="evenodd" d="M3.5 9A1.5 1.5 0 0 0 2 10.5v17A1.5 1.5 0 0 0 3.5 29h17a1.5 1.5 0 0 0 1.5-1.5v-17A1.5 1.5 0 0 0 20.5 9zm.5 2v16h16V11z" clip-rule="evenodd"/></g><g id="rotate-cw"><path fill="#000" d="M14.403 7.217A.25.25 0 0 1 14 7.02V5.03c-3.963 0-6.37.728-7.821 2.18C4.727 8.66 4 11.068 4 15.03a1 1 0 0 1-2 0c0-4.112.735-7.205 2.765-9.235S9.888 3.031 14 3.031V1.042a.25.25 0 0 1 .403-.197l3.843 2.988a.25.25 0 0 1 0 .395z"/><path fill="#000" fill-rule="evenodd" d="M26.5 9.03a1.5 1.5 0 0 1 1.5 1.5v17a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5v-17a1.5 1.5 0 0 1 1.5-1.5zm-.5 2v16H10v-16z" clip-rule="evenodd"/></g><path id="send-backward" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21.5 17.5 15 24m0 0-6.5-6.5M15 24V6"/><path id="send-to-back" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21.5 14.5 15 21m0 0-6.5-6.5M15 21V3m12 24H3"/><path id="share-1" stroke="#000" stroke-width="2" d="M11 15a4 4 0 1 1-8 0 4 4 0 0 1 8 0Zm16-8a4 4 0 1 1-8 0 4 4 0 0 1 8 0Zm0 16a4 4 0 1 1-8 0 4 4 0 0 1 8 0Zm-8-2-8-5m8-7-8 5"/><path id="size-extra-large" fill="#000" d="m4.444 5.792 3.63 6.134h.14l3.648-6.134h4.298l-5.493 9 5.616 9h-4.377l-3.691-6.144h-.14L4.382 23.79H.023l5.634-9-5.528-9zm14.003 18v-18h3.806v14.862h7.716v3.137z"/><path id="size-large" fill="#000" d="M9 23.792v-18h3.806v14.862h7.717v3.137z"/><path id="size-medium" fill="#000" d="M5 5.792h4.693l4.957 12.093h.211l4.957-12.094h4.694v18H20.82V12.077h-.15l-4.657 11.628h-2.514L8.841 12.032h-.15v11.76H5z"/><path id="size-small" fill="#000" d="M18.065 11.068q-.103-1.035-.881-1.608t-2.112-.573q-.907 0-1.53.257-.625.248-.959.692a1.67 1.67 0 0 0-.325 1.01q-.016.47.197.82.222.35.607.607.385.247.89.436.504.18 1.077.308l1.573.376q1.146.257 2.104.684a6.4 6.4 0 0 1 1.659 1.052q.701.625 1.086 1.471.393.846.402 1.941-.01 1.608-.821 2.788-.804 1.17-2.326 1.821-1.514.642-3.651.642-2.12 0-3.694-.65-1.566-.65-2.446-1.924-.872-1.283-.915-3.173h3.583q.06.881.504 1.471.454.582 1.206.88.761.292 1.719.291.94 0 1.633-.273.702-.274 1.086-.761.385-.488.385-1.12 0-.59-.35-.992-.343-.402-1.01-.684-.658-.282-1.616-.514l-1.907-.478q-2.214-.54-3.497-1.685t-1.274-3.087q-.009-1.59.846-2.779.864-1.187 2.369-1.856 1.505-.667 3.42-.667 1.95 0 3.404.667 1.462.668 2.274 1.856t.838 2.754z"/><path id="spline-cubic" stroke="#000" stroke-linecap="round" stroke-width="2" d="M6 6v2c0 5.6 0 8.4 1.09 10.54a10 10 0 0 0 4.37 4.37C13.6 24 16.4 24 22 24h2"/><path id="spline-line" stroke="#000" stroke-linecap="round" stroke-width="2" d="M6 6v18h18"/><path id="stack-horizontal" stroke="#000" stroke-linecap="round" stroke-width="2.6" d="M3 28V2m8 26V2m8 26V2m8 26V2"/><path id="stack-vertical" stroke="#000" stroke-linecap="round" stroke-width="2.6" d="M28 27H2m26-8H2m26-8H2m26-8H2"/><g id="status-offline"><path fill="#000" fill-rule="evenodd" d="M14.624 8.09C8.943 8.198 3.91 10.772.702 14.71c-.408.502-.287 1.234.232 1.618.542.401 1.305.269 1.732-.253 2.48-3.038 6.22-5.132 10.493-5.604zm-3.828 6.22c-2.233.778-4.153 2.157-5.532 3.926-.361.463-.236 1.122.236 1.472.531.393 1.283.236 1.695-.28q.557-.7 1.244-1.287zm9.573 2.961 1.153-1.874c1.25.754 2.34 1.718 3.214 2.84.361.462.236 1.121-.236 1.47-.531.394-1.283.237-1.695-.28a9.5 9.5 0 0 0-2.436-2.156m-2.893 4.701 1.092-1.775a5.9 5.9 0 0 1 1.665 1.678c.255.393.119.904-.258 1.182-.558.413-1.377.127-1.81-.415a3.8 3.8 0 0 0-.69-.67m5.775-9.384 1.22-1.983a17.7 17.7 0 0 1 4.827 4.106c.408.5.287 1.233-.232 1.617-.542.401-1.305.269-1.732-.253a15.2 15.2 0 0 0-4.084-3.487" clip-rule="evenodd"/><rect width="3" height="33.372" x="23.376" y=".169" fill="#000" rx="1.5" transform="rotate(31.606 23.376 .17)"/></g><path id="stretch-horizontal" fill="#000" d="M2 12h26v6H2zM0 3a1 1 0 0 1 2 0v24a1 1 0 1 1-2 0zm28 0a1 1 0 1 1 2 0v24a1 1 0 0 1-2 0z"/><path id="stretch-vertical" fill="#000" d="M2 1a1 1 0 0 1 1-1h24a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1m10 1h6v26h9a1 1 0 1 1 0 2H3a1 1 0 1 1 0-2h9z"/><g id="strike"><path fill="#000" fill-rule="evenodd" d="M6.997 14.245c-.44 0-.797.338-.797.755s.357.755.797.755H22.94c.44 0 .797-.338.797-.755s-.356-.755-.797-.755z" clip-rule="evenodd" style="fill:#000;fill-opacity:1"/><path stroke="#000" stroke-linecap="round" stroke-width="1.9" d="M19.8 9.788c0-5.05-9.45-5.05-9.45 0 0 5.362 9.926 3.414 9.926 9.47s-10.552 6.056-10.552 0" style="stroke:#000;stroke-opacity:1"/></g><path id="text-align-center" stroke="#000" stroke-linecap="round" stroke-width="2" d="M7 21h16M9 15h12M5 9h20"/><path id="text-align-left" stroke="#000" stroke-linecap="round" stroke-width="2" d="M5 21h16M5 15h10M5 9h20"/><path id="text-align-right" stroke="#000" stroke-linecap="round" stroke-width="2" d="M9 21h16m-10-6h10M5 9h20"/><g id="toggle-off"><rect width="28" height="18" x="1" y="7" stroke="#000" stroke-width="2" opacity=".32" rx="9"/><circle cx="10" cy="16" r="6" fill="#000" opacity=".32"/></g><g id="toggle-on"><circle cx="20" cy="16" r="6" fill="#000"/><rect width="28" height="18" x="1" y="7" stroke="#000" stroke-width="2" rx="9"/></g><path id="tool-arrow" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M24 18.467V6m0 0H11.533M24 6 7 23"/><path id="tool-eraser" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6.736 13.66-3.43 3.43a2 2 0 0 0 0 2.828l5.304 5.304a5 5 0 0 0 7.071 0l1.308-1.308M6.736 13.66 17.854 2.543l10.253 10.253L16.99 23.914M6.736 13.66 16.99 23.914"/><path id="tool-frame" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.2 27H5a2 2 0 0 1-2-2v-5.2M19.8 27H25a2 2 0 0 0 2-2v-5.2M3 10.2V5a2 2 0 0 1 2-2h5.2m9.6 0H25a2 2 0 0 1 2 2v5.2"/><path id="tool-hand" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.636 16.022c-.19-.723-.38-1.618-.78-2.95-.757-2.49-2.075-4.8-2.723-7.326-.425-1.81 1.12-3.643 3.046-2.969 2.949 1.036 3.868 6.109 4.283 8.678l.152.856c-.203-3.707-.469-6.126 0-9.172.463-2.89 4.888-2.825 5.254.038.189 2.079.19 4.154.19 6.242 0 .437 0 3.082.038 2.797.114-1.256.171-6.07.647-7.498 1.04-3.19 4.893-2.028 5.083.876.157 2.1-.062 4.29-.114 6.394 0 .076-.02.57.038.342.574-1.786.076-6.736 3.187-6.119 1.027.204 2.932 1.59 1.542 6.289-1.96 6.631-4.5 9.498-4.5 16.5h-14c0-5-6.61-8.82-8.5-12.598-.418-.799-.626-1.807-.36-2.53.438-1.123 1.254-1.713 2.568-1.58 2.142.206 3.008 2.032 4.949 3.73"/><g id="tool-highlight"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m13.102 25.123 13.593-14.711a2 2 0 0 0-.055-2.771l-3.275-3.276a2 2 0 0 0-2.777-.05L5.983 17.919m7.118 7.205-7.118-7.206m7.118 7.206c-.5-.167-1.8-.586-3-.586s-2.5 1-3 1.5m-1.118-8.12c.167.5.619 1.92.619 3.12s-1 2.5-1.5 3m2 2-1-1-1-1m2 2-1 1L2 27.14l3.103-3.103"/><path fill="#000" d="m2 26 2-2 2 2-1 1z"/></g><path id="tool-laser" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3.522 26.477 4.034-4.034m-4.034-1.816 2.358-.83m4.321 4.322-.829 2.358M27 7.364 13.111 21.252a.5.5 0 0 1-.707 0l-3.656-3.656a.5.5 0 0 1 0-.707L22.636 3z"/><path id="tool-line" stroke="#000" stroke-linecap="round" stroke-width="2" d="M25 5 5 25"/><g id="tool-media"><path fill="#000" fill-rule="evenodd" d="M15 7.398a3.602 3.602 0 1 0 0 7.204 3.602 3.602 0 0 0 0-7.204M13.398 11a1.602 1.602 0 1 1 3.204 0 1.602 1.602 0 0 1-3.204 0" clip-rule="evenodd"/><path fill="#000" fill-rule="evenodd" d="M4.5 2h21A2.5 2.5 0 0 1 28 4.5v21a2.5 2.5 0 0 1-2.5 2.5h-21A2.5 2.5 0 0 1 2 25.5v-21A2.5 2.5 0 0 1 4.5 2M26 4.5v14.086l-3.293-3.293a1 1 0 0 0-1.414 0l-5.543 5.543-7.019-7.518a1 1 0 0 0-1.438-.025L4 16.586V4.5a.5.5 0 0 1 .5-.5h21a.5.5 0 0 1 .5.5m-22 21v-6.086l3.975-3.975 7.014 7.513L17.747 26H4.5a.5.5 0 0 1-.5-.5m21.5.5h-5.055l-3.34-3.69L22 17.414l4 4V25.5a.5.5 0 0 1-.5.5" clip-rule="evenodd"/></g><g id="tool-note"><path stroke="#000" stroke-width="2" d="M17 27v-8a2 2 0 0 1 2-2h8"/><path stroke="#000" stroke-width="2" d="m17.579 26.45 8.799-8.359a2 2 0 0 0 .622-1.45V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h11.201a2 2 0 0 0 1.378-.55Z"/></g><g id="tool-pencil"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4.636 23.182 1.599-3.73a.5.5 0 0 1 .106-.157L22.636 3 27 7.364 10.705 23.659a.5.5 0 0 1-.157.106l-3.73 1.599m-2.182-2.182L3 27l3.818-1.636m-2.182-2.182 2.182 2.182"/><path fill="#000" d="m3 27 1.714-4L7 25.286z"/></g><path id="tool-pointer" stroke="#000" stroke-linejoin="round" stroke-width="2" d="m17.072 28.713 4.245-1.935-4.415-9.701 8.037-.355L7.123 1.287v23.55l5.525-5.826z"/><g id="tool-screenshot"><path stroke="#000" stroke-width="2" d="M20 15a5 5 0 1 1-10 0 5 5 0 0 1 10 0Z"/><rect width="4" height="4" x="21" y="5" fill="#000" rx="2"/><path stroke="#000" stroke-width="2" d="M25 3a2 2 0 0 1 2 2v20a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z"/></g><path id="tool-text" fill="#000" d="M11.509 24a1 1 0 1 0 0 2zm7 2a1 1 0 1 0 0-2zM7 5V4a1 1 0 0 0-1 1zm16 0h1a1 1 0 0 0-1-1zm-1 4a1 1 0 1 0 2 0zM6 9a1 1 0 0 0 2 0zm10 15.5v-19h-2v19zM11.509 26h7v-2h-7zM7 6h16V4H7zm17 3V5h-2v4zM8 9V5H6v4z"/><g id="trash"><path fill="#000" fill-rule="evenodd" d="M10.5 3.3v1.8h9V3.3zm10.8 1.8V2.85a1.35 1.35 0 0 0-1.35-1.35h-9.9A1.35 1.35 0 0 0 8.7 2.85V5.1H3.3a.9.9 0 0 0 0 1.8h1.961q0 .075.007.154l1.7 19.8A1.8 1.8 0 0 0 8.76 28.5h12.478a1.8 1.8 0 0 0 1.794-1.646l1.7-19.8q.006-.078.006-.154H26.7a.9.9 0 1 0 0-1.8zm1.639 1.8H7.06l1.7 19.8h12.478z" clip-rule="evenodd"/><path fill="#000" fill-rule="evenodd" d="M11.325 11.403a.9.9 0 0 1 .972.822l.9 10.8a.9.9 0 1 1-1.794.15l-.9-10.8a.9.9 0 0 1 .822-.972m6.3 12.594a.9.9 0 0 1-.822-.972l.9-10.8a.9.9 0 0 1 1.794.15l-.9 10.8a.9.9 0 0 1-.972.822" clip-rule="evenodd"/></g><g id="twitter"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.72 4.137a5.254 5.254 0 0 0-5.253 5.256q.002.616.135 1.195a14.92 14.92 0 0 1-10.829-5.49 5.25 5.25 0 0 0-.71 2.641c0 1.823.928 3.432 2.337 4.374a5.24 5.24 0 0 1-2.38-.658v.068a5.256 5.256 0 0 0 4.214 5.152 5.3 5.3 0 0 1-2.372.09 5.26 5.26 0 0 0 4.908 3.647 10.54 10.54 0 0 1-6.526 2.25q-.636 0-1.254-.073a14.86 14.86 0 0 0 8.053 2.36c9.665 0 14.948-8.005 14.948-14.947 0-2.96-2.094-5.865-5.271-5.865"/><path fill="#000" d="M26.393 7.138a10.5 10.5 0 0 0 3.017-.827l-.003.003a10.7 10.7 0 0 1-2.62 2.718l-1.42-3.527a10.5 10.5 0 0 0 3.336-1.275 5.27 5.27 0 0 1-2.31 2.908"/></g><path id="underline" fill="#000" fill-rule="evenodd" d="M9.987 6.944C9.987 6.423 9.54 6 8.99 6s-.996.423-.996.944v10.009c0 3.65 3.123 6.61 6.975 6.61s6.975-2.96 6.975-6.61V6.944c0-.521-.446-.944-.996-.944s-.997.423-.997.944v10.009c0 2.607-2.23 4.72-4.982 4.72s-4.982-2.113-4.982-4.72zM6.997 26.49c-.44 0-.797.338-.797.756 0 .417.357.755.797.755H22.94c.44 0 .797-.338.797-.755 0-.418-.356-.756-.797-.756z" clip-rule="evenodd" style="fill:#000;fill-opacity:1"/><path id="undo" fill="#000" fill-rule="evenodd" d="M9.707 4.293a1 1 0 0 1 0 1.414L7.414 8H18a9 9 0 1 1 0 18h-8a1 1 0 1 1 0-2h8a7 7 0 1 0 0-14H7.414l2.293 2.293a1 1 0 0 1-1.414 1.414l-4-4a1 1 0 0 1 0-1.414l4-4a1 1 0 0 1 1.414 0" clip-rule="evenodd"/><g id="ungroup"><path fill="#000" d="M2.9 1.9a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0v-3h3a1 1 0 1 0 0-2zm9 0a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2zm-1 25a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2h-6a1 1 0 0 1-1-1m-7-15a1 1 0 1 0-2 0v6a1 1 0 1 0 2 0zm23-1a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0v-6a1 1 0 0 1 1-1m1 12a1 1 0 1 0-2 0l-.002 3H22.9a1 1 0 1 0 0 2h4a1 1 0 0 0 1-1z"/><path fill="#000" fill-rule="evenodd" d="M27.293 3.707 3.707 27.293a1 1 0 0 1-1.414-1.414L25.879 2.293a1 1 0 1 1 1.414 1.414" clip-rule="evenodd"/></g><g id="unlock"><path stroke="#000" stroke-linejoin="round" stroke-width="2" d="M5 15a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1z"/><path stroke="#000" stroke-width="2" d="M21 14V8.272C21 4.412 18.858 2 14.997 2c-2.12 0-3.72.695-4.732 2C9.435 5.072 9 6.526 9 8.267"/></g><g id="vertical-align-end"><rect width="2" height="22" x="26" y="19.5" fill="#000" rx="1" transform="rotate(90 26 19.5)"/><rect width="2" height="8" x="15" y="16.41" fill="#000" rx="1" transform="rotate(-135 15 16.41)"/><rect width="2" height="8" x="16.414" y="14.996" fill="#000" rx="1" transform="rotate(135 16.414 14.996)"/></g><g id="vertical-align-middle"><rect width="2" height="8" x="15" y="19.09" fill="#000" rx="1" transform="rotate(45 15 19.09)"/><rect width="2" height="8" x="13.586" y="20.504" fill="#000" rx="1" transform="rotate(-45 13.586 20.504)"/><rect width="2" height="8" x="15" y="10.911" fill="#000" rx="1" transform="rotate(-135 15 10.911)"/><rect width="2" height="8" x="16.414" y="9.497" fill="#000" rx="1" transform="rotate(135 16.414 9.497)"/><rect width="2" height="22" x="4" y="16" fill="#000" rx="1" transform="rotate(-90 4 16)"/></g><g id="vertical-align-start"><rect width="2" height="22" x="4" y="10.5" fill="#000" rx="1" transform="rotate(-90 4 10.5)"/><rect width="2" height="8" x="15" y="13.592" fill="#000" rx="1" transform="rotate(45 15 13.592)"/><rect width="2" height="8" x="13.586" y="15.006" fill="#000" rx="1" transform="rotate(-45 13.586 15.006)"/></g><g id="warning-triangle"><circle cx="15.4" cy="19.439" r="1.5" fill="#000"/><path fill="#000" d="M14.054 10.46a1.347 1.347 0 1 1 2.692 0l-.308 5.001a1.04 1.04 0 0 1-2.076 0z"/><path stroke="#000" stroke-width="2" d="M28.483 23.858 15.52 1.332a.6.6 0 0 0-1.04 0L1.517 23.858a.6.6 0 0 0 .52.9h25.926a.6.6 0 0 0 .52-.9Z"/></g><g id="zoom-in"><circle cx="12.408" cy="12.408" r="9.408" stroke="#000" stroke-width="2"/><rect width="2.602" height="9.107" x="11.107" y="7.854" fill="#000" rx="1.301"/><rect width="2.602" height="9.107" x="16.961" y="11.107" fill="#000" rx="1.301" transform="rotate(90 16.96 11.107)"/><path fill="#000" d="M27.08 25.24a1.301 1.301 0 0 1-1.84 1.84l-6.35-6.35a1.3 1.3 0 1 1 1.84-1.84z"/></g><g id="zoom-out"><circle cx="12.408" cy="12.408" r="9.408" stroke="#000" stroke-width="2"/><rect width="2.602" height="9.107" x="16.961" y="11.107" fill="#000" rx="1.301" transform="rotate(90 16.961 11.107)"/><path fill="#000" d="M27.08 25.24a1.301 1.301 0 0 1-1.84 1.84l-6.35-6.35a1.3 1.3 0 1 1 1.84-1.84z"/></g></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/align-bottom.svg b/web/hermes-dist/icons/icon/align-bottom.svg
new file mode 100644
index 0000000..8974392
--- /dev/null
+++ b/web/hermes-dist/icons/icon/align-bottom.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M18 5a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v23H3a1 1 0 1 0 0 2h24a1 1 0 1 0 0-2h-9z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/align-center-horizontal.svg b/web/hermes-dist/icons/icon/align-center-horizontal.svg
new file mode 100644
index 0000000..05e4ed2
--- /dev/null
+++ b/web/hermes-dist/icons/icon/align-center-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M2 13a1 1 0 0 1 1-1h24a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1z"/><path fill="#000" d="M14 3a1 1 0 1 1 2 0v24a1 1 0 0 1-2 0z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/align-center-vertical.svg b/web/hermes-dist/icons/icon/align-center-vertical.svg
new file mode 100644
index 0000000..2098b1c
--- /dev/null
+++ b/web/hermes-dist/icons/icon/align-center-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M13 2a1 1 0 0 0-1 1v11H3a1 1 0 1 0 0 2h9v11a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V16h9a1 1 0 0 0 0-2h-9V3a1 1 0 0 0-1-1z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/align-left.svg b/web/hermes-dist/icons/icon/align-left.svg
new file mode 100644
index 0000000..df86016
--- /dev/null
+++ b/web/hermes-dist/icons/icon/align-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M0 3a1 1 0 0 1 2 0v24a1 1 0 1 1-2 0z"/><path fill="#000" d="M0 12h25a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H0z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/align-right.svg b/web/hermes-dist/icons/icon/align-right.svg
new file mode 100644
index 0000000..f9a3cc1
--- /dev/null
+++ b/web/hermes-dist/icons/icon/align-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M4 13a1 1 0 0 1 1-1h25v6H5a1 1 0 0 1-1-1z"/><path fill="#000" d="M28 3a1 1 0 1 1 2 0v24a1 1 0 0 1-2 0z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/align-top.svg b/web/hermes-dist/icons/icon/align-top.svg
new file mode 100644
index 0000000..eaa1326
--- /dev/null
+++ b/web/hermes-dist/icons/icon/align-top.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M3 0a1 1 0 1 0 0 2h9v23a1 1 0 0 0 1 1h4a1 1 0 0 0 1-1V2h9a1 1 0 1 0 0-2z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/alt.svg b/web/hermes-dist/icons/icon/alt.svg
new file mode 100644
index 0000000..cdc26b7
--- /dev/null
+++ b/web/hermes-dist/icons/icon/alt.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M22.407 11.506a.5.5 0 0 1-.5-.5v-.87a.5.5 0 0 1 .5-.5h7.811a.5.5 0 0 1 .5.5v.87a.5.5 0 0 1-.5.5h-2.284a.5.5 0 0 0-.5.5v7.858a.5.5 0 0 1-.5.5h-1.242a.5.5 0 0 1-.5-.5v-7.858a.5.5 0 0 0-.5-.5zM14.31 20.364a.5.5 0 0 1-.5-.5v-9.728a.5.5 0 0 1 .5-.5h1.268a.5.5 0 0 1 .5.5v7.858a.5.5 0 0 0 .5.5h3.6a.5.5 0 0 1 .5.5v.87a.5.5 0 0 1-.5.5zM3.261 20.02a.5.5 0 0 1-.475.344H1.42a.5.5 0 0 1-.473-.663l3.359-9.728a.5.5 0 0 1 .472-.337h2.21a.5.5 0 0 1 .473.337l3.354 9.728a.5.5 0 0 1-.473.663H8.976a.5.5 0 0 1-.475-.345l-2.563-7.892a.058.058 0 0 0-.11 0zm-.264-3.373a.5.5 0 0 1 .5-.5H8.24a.5.5 0 0 1 .5.5v.771a.5.5 0 0 1-.5.5H3.497a.5.5 0 0 1-.5-.5z" style="fill:#000;fill-opacity:1"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/arrow-arc.svg b/web/hermes-dist/icons/icon/arrow-arc.svg
new file mode 100644
index 0000000..f56cee2
--- /dev/null
+++ b/web/hermes-dist/icons/icon/arrow-arc.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m25 9-4-4m4 4-4 4m4-4h-6C13.477 9 9 13.477 9 19v6m-4-4 4 4m0 0 4-4"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/arrow-cycle.svg b/web/hermes-dist/icons/icon/arrow-cycle.svg
new file mode 100644
index 0000000..d12b9aa
--- /dev/null
+++ b/web/hermes-dist/icons/icon/arrow-cycle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="currentColor" fill-rule="evenodd" d="M3.892 14.53c0 6.088 4.415 10.235 9.372 11.094a1.042 1.042 0 1 1-.356 2.054c-5.823-1.008-11.1-5.917-11.1-13.148 0-3.074 1.398-5.49 3.03-7.326C6.009 5.887 7.347 4.819 8.424 4H5.15a1 1 0 0 1 0-2h6a1 1 0 0 1 1 1v6a1 1 0 0 1-2 0V5.309l-.003.002c-1.143.862-2.54 1.916-3.75 3.277-1.43 1.608-2.505 3.551-2.505 5.942m22.216.812c0-6.024-4.321-10.147-9.214-11.065a1.042 1.042 0 1 1 .384-2.05c5.749 1.08 10.914 5.961 10.914 13.115 0 3.074-1.398 5.489-3.03 7.326-1.17 1.317-2.509 2.385-3.585 3.204h3.273a1 1 0 1 1 0 2h-6a1 1 0 0 1-1-1v-6a1 1 0 1 1 2 0v3.691l.003-.002c1.143-.862 2.54-1.916 3.75-3.277 1.429-1.609 2.505-3.551 2.505-5.942" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/arrow-elbow.svg b/web/hermes-dist/icons/icon/arrow-elbow.svg
new file mode 100644
index 0000000..1d995f5
--- /dev/null
+++ b/web/hermes-dist/icons/icon/arrow-elbow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m9 17-4 4m0 0 4 4m-4-4h9a1 1 0 0 0 1-1V10a1 1 0 0 1 1-1h9m0 0-4-4m4 4-4 4"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/arrow-left.svg b/web/hermes-dist/icons/icon/arrow-left.svg
new file mode 100644
index 0000000..9c87e3d
--- /dev/null
+++ b/web/hermes-dist/icons/icon/arrow-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12.5 21.5 6 15m0 0 6.5-6.5M6 15h18"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/arrowhead-arrow.svg b/web/hermes-dist/icons/icon/arrowhead-arrow.svg
new file mode 100644
index 0000000..b604195
--- /dev/null
+++ b/web/hermes-dist/icons/icon/arrowhead-arrow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 15h26M13 26l16-11L13 4"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/arrowhead-bar.svg b/web/hermes-dist/icons/icon/arrowhead-bar.svg
new file mode 100644
index 0000000..c8a9ab0
--- /dev/null
+++ b/web/hermes-dist/icons/icon/arrowhead-bar.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-width="2" d="M1 15h28m0 0V2m0 13v13"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/arrowhead-diamond.svg b/web/hermes-dist/icons/icon/arrowhead-diamond.svg
new file mode 100644
index 0000000..7f00e52
--- /dev/null
+++ b/web/hermes-dist/icons/icon/arrowhead-diamond.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-width="2" d="m18.414 3.828 9.9 9.9a2 2 0 0 1 0 2.828l-9.9 9.9a2 2 0 0 1-2.828 0l-9.9-9.9a2 2 0 0 1 0-2.828l9.9-9.9a2 2 0 0 1 2.828 0Z"/><path stroke="#000" stroke-linecap="round" stroke-width="2" d="M1 15h4"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/arrowhead-dot.svg b/web/hermes-dist/icons/icon/arrowhead-dot.svg
new file mode 100644
index 0000000..a365679
--- /dev/null
+++ b/web/hermes-dist/icons/icon/arrowhead-dot.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-width="2" d="M29 15c0 6.075-4.925 11-11 11S7 21.075 7 15 11.925 4 18 4s11 4.925 11 11Z"/><path stroke="#000" stroke-linecap="round" stroke-width="2" d="M1 15h5"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/arrowhead-none.svg b/web/hermes-dist/icons/icon/arrowhead-none.svg
new file mode 100644
index 0000000..e1d5251
--- /dev/null
+++ b/web/hermes-dist/icons/icon/arrowhead-none.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-width="2" d="M1 15h28"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/arrowhead-square.svg b/web/hermes-dist/icons/icon/arrowhead-square.svg
new file mode 100644
index 0000000..9d5bf51
--- /dev/null
+++ b/web/hermes-dist/icons/icon/arrowhead-square.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-width="2" d="M1 15h4m3 12h18a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H8a3 3 0 0 0-3 3v18a3 3 0 0 0 3 3Z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/arrowhead-triangle-inverted.svg b/web/hermes-dist/icons/icon/arrowhead-triangle-inverted.svg
new file mode 100644
index 0000000..4feb608
--- /dev/null
+++ b/web/hermes-dist/icons/icon/arrowhead-triangle-inverted.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M1 14a1 1 0 1 0 0 2zM29 2h1a1 1 0 0 0-1.585-.81zm0 26-.585.81A1 1 0 0 0 30 28zM1 16h10v-2H1zM28 2v26h2V2zm1.585 25.19-18-13-1.17 1.62 18 13zm-18-11.38 18-13-1.17-1.62-18 13z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/arrowhead-triangle.svg b/web/hermes-dist/icons/icon/arrowhead-triangle.svg
new file mode 100644
index 0000000..723df7a
--- /dev/null
+++ b/web/hermes-dist/icons/icon/arrowhead-triangle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M1 15.154h10.692m1-11.692v23.077L28.846 15z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/blob.svg b/web/hermes-dist/icons/icon/blob.svg
new file mode 100644
index 0000000..3945e32
--- /dev/null
+++ b/web/hermes-dist/icons/icon/blob.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M1.981 12.472c-.143.222.115.529.351.413.815-.4 1.604-.823 2.375-1.288.227-.137.476.108.329.328-1.904 2.857-6.632 9.873-1.427 10.333 3.16.279 6.33-2.296 9.304-4.985.219-.197.525.062.361.307-2.42 3.634-6.859 11.056-1.025 11.41 5.074.308 3.904-4.392 15.43-10.738.838-.46 1.102-1.412.892-2.34-.372-1.994-4.135-1.962-6.224-1.414-.255.067-.5-.253-.329-.453 2.546-2.986 9.853-10.44 5.252-12.768C23.219-.77 13.918 8.898 9.965 12.541c-.208.191-.435-.022-.267-.25 1.944-2.638 4.488-5.56 4.945-8.597a1.8 1.8 0 0 0-.238-1.214 2.06 2.06 0 0 0-.971-.854C9.124-.284 4.203 9.028 1.98 12.472"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/bold.svg b/web/hermes-dist/icons/icon/bold.svg
new file mode 100644
index 0000000..3dbf500
--- /dev/null
+++ b/web/hermes-dist/icons/icon/bold.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M9.69 24.006q-1.19 0-1.706-.528-.504-.54-.504-1.708V8.235q0-1.191.516-1.707Q8.524 6 9.69 6h7.85c2.218 0 4.051 1.964 4.051 4.37 0 1.802-.9 3.27-2.702 4.105 2.326.425 3.63 2.784 3.63 4.492 0 2.063-1.055 5.039-4.482 5.039zm6.55-7.996h-5.159v5.257h5.16c1.042 0 2.502-1.02 2.502-2.665s-1.46-2.592-2.502-2.592m-5.159-7.271v4.655h4.761c.719 0 2.196-.673 2.196-2.392 0-1.72-1.594-2.263-2.196-2.263z" style="fill:#000;fill-opacity:1"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/bookmark.svg b/web/hermes-dist/icons/icon/bookmark.svg
new file mode 100644
index 0000000..5c30f50
--- /dev/null
+++ b/web/hermes-dist/icons/icon/bookmark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M23.103 4.005A1 1 0 0 1 24 5v22a1.001 1.001 0 0 1-1.53.848L15 23.178l-7.47 4.67A1 1 0 0 1 6 27V5l.005-.103A1 1 0 0 1 7 4h16zM8 25.195l6.205-3.878.093-.052a1.5 1.5 0 0 1 1.404 0l.093.052L22 25.195V6H8z" style="fill:#000;fill-opacity:1"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/bring-forward.svg b/web/hermes-dist/icons/icon/bring-forward.svg
new file mode 100644
index 0000000..deae5aa
--- /dev/null
+++ b/web/hermes-dist/icons/icon/bring-forward.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.5 12.639 15 6.5m0 0 6.5 6.139M15 6.5v17"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/bring-to-front.svg b/web/hermes-dist/icons/icon/bring-to-front.svg
new file mode 100644
index 0000000..64f7b5b
--- /dev/null
+++ b/web/hermes-dist/icons/icon/bring-to-front.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.5 15.5 15 9m0 0 6.5 6.5M15 9v18M3 3h24"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/broken.svg b/web/hermes-dist/icons/icon/broken.svg
new file mode 100644
index 0000000..9131b16
--- /dev/null
+++ b/web/hermes-dist/icons/icon/broken.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M28 12a1 1 0 1 0-2 0v14H12a1 1 0 1 0 0 2h14.9c.552 0 1.1-.548 1.1-1.1zM2 18a1 1 0 1 0 2 0V4h14a1 1 0 1 0 0-2H3.1C2.548 2 2 2.548 2 3.1z"/><rect width="35.946" height="2" x="1.584" y="27.002" fill="#000" rx="1" transform="rotate(-45 1.584 27.002)"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/bulletList.svg b/web/hermes-dist/icons/icon/bulletList.svg
new file mode 100644
index 0000000..5c22ca1
--- /dev/null
+++ b/web/hermes-dist/icons/icon/bulletList.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="currentColor" fill-rule="evenodd" d="M3.57 10.31a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m5-1.5a1 1 0 0 1 1-1h18a1 1 0 0 1 0 2h-18a1 1 0 0 1-1-1m1 5a1 1 0 0 0 0 2h18a1 1 0 0 0 0-2zm0 6a1 1 0 0 0 0 2h18a1 1 0 0 0 0-2zm-4.5-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m-1.5 7.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/check-circle.svg b/web/hermes-dist/icons/icon/check-circle.svg
new file mode 100644
index 0000000..151960c
--- /dev/null
+++ b/web/hermes-dist/icons/icon/check-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-width="2" d="M15 27.295c6.79 0 12.295-5.505 12.295-12.296S21.79 2.704 15 2.704 2.704 8.209 2.704 14.999 8.21 27.295 15 27.295Z"/><path fill="#000" d="M20.708 9.395c.429.28.55.856.269 1.285l-6.314 9.656a.928.928 0 0 1-1.402.18L9.176 16.8a.928.928 0 1 1 1.249-1.374l3.28 2.982 5.717-8.745a.93.93 0 0 1 1.285-.27"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/check.svg b/web/hermes-dist/icons/icon/check.svg
new file mode 100644
index 0000000..f0ca158
--- /dev/null
+++ b/web/hermes-dist/icons/icon/check.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M22.934 7.454a1.25 1.25 0 0 1 .362 1.73l-8.5 13a1.25 1.25 0 0 1-1.887.24l-5.5-5a1.25 1.25 0 1 1 1.682-1.849l4.415 4.014 7.698-11.773a1.25 1.25 0 0 1 1.73-.362"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/chevron-down.svg b/web/hermes-dist/icons/icon/chevron-down.svg
new file mode 100644
index 0000000..f728267
--- /dev/null
+++ b/web/hermes-dist/icons/icon/chevron-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" fill-rule="evenodd" d="M6.27 12.316a1 1 0 0 1 1.414-.046L15 19.13l7.316-6.86a1 1 0 1 1 1.368 1.46l-8 7.5a1 1 0 0 1-1.368 0l-8-7.5a1 1 0 0 1-.046-1.414" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/chevron-left.svg b/web/hermes-dist/icons/icon/chevron-left.svg
new file mode 100644
index 0000000..fbfabdd
--- /dev/null
+++ b/web/hermes-dist/icons/icon/chevron-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" fill-rule="evenodd" d="M17.684 6.27a1 1 0 0 1 .045 1.414L10.87 15l6.86 7.316a1 1 0 0 1-1.46 1.368l-7.5-8a1 1 0 0 1 0-1.368l7.5-8a1 1 0 0 1 1.414-.046" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/chevron-right.svg b/web/hermes-dist/icons/icon/chevron-right.svg
new file mode 100644
index 0000000..0516aa0
--- /dev/null
+++ b/web/hermes-dist/icons/icon/chevron-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" fill-rule="evenodd" d="M12.317 6.27a1 1 0 0 1 1.413.046l7.5 8a1 1 0 0 1 0 1.368l-7.5 8a1 1 0 0 1-1.459-1.368L19.13 15l-6.859-7.316a1 1 0 0 1 .046-1.414" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/chevron-up.svg b/web/hermes-dist/icons/icon/chevron-up.svg
new file mode 100644
index 0000000..f6440e6
--- /dev/null
+++ b/web/hermes-dist/icons/icon/chevron-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" fill-rule="evenodd" d="M6.27 17.684a1 1 0 0 0 1.414.046L15 10.87l7.316 6.86a1 1 0 1 0 1.368-1.46l-8-7.5a1 1 0 0 0-1.368 0l-8 7.5a1 1 0 0 0-.046 1.414" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/chevrons-ne.svg b/web/hermes-dist/icons/icon/chevrons-ne.svg
new file mode 100644
index 0000000..bbbdd30
--- /dev/null
+++ b/web/hermes-dist/icons/icon/chevrons-ne.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M7.527 8.733 13.795 15l-6.268 6.268m8.678-12.536L22.473 15l-6.268 6.267"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/chevrons-sw.svg b/web/hermes-dist/icons/icon/chevrons-sw.svg
new file mode 100644
index 0000000..5cbf44d
--- /dev/null
+++ b/web/hermes-dist/icons/icon/chevrons-sw.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M22.473 21.268 16.205 15l6.268-6.268m-8.678 12.536L7.527 15l6.268-6.267"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/clipboard-copied.svg b/web/hermes-dist/icons/icon/clipboard-copied.svg
new file mode 100644
index 0000000..c1318b4
--- /dev/null
+++ b/web/hermes-dist/icons/icon/clipboard-copied.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" fill-rule="evenodd" d="M8 2v2h10V2zm-2-.5A1.5 1.5 0 0 1 7.5 0h11A1.5 1.5 0 0 1 20 1.5V2h1a3 3 0 0 1 3 3v9h-2V5a1 1 0 0 0-1-1h-1v.5A1.5 1.5 0 0 1 18.5 6h-11A1.5 1.5 0 0 1 6 4.5V4H5a1 1 0 0 0-1 1v20a1 1 0 0 0 1 1h7v2H5a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h1z" clip-rule="evenodd"/><path fill="#000" d="M27.52 17.173c.49.32.628.978.307 1.468l-7.212 11.03a1.06 1.06 0 0 1-1.601.205l-4.667-4.243a1.06 1.06 0 1 1 1.427-1.57l3.746 3.406 6.532-9.989a1.06 1.06 0 0 1 1.468-.307"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/clipboard-copy.svg b/web/hermes-dist/icons/icon/clipboard-copy.svg
new file mode 100644
index 0000000..8cfa4f5
--- /dev/null
+++ b/web/hermes-dist/icons/icon/clipboard-copy.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" fill-rule="evenodd" d="M8 2v2h10V2zm-2-.5A1.5 1.5 0 0 1 7.5 0h11A1.5 1.5 0 0 1 20 1.5V2h1a3 3 0 0 1 3 3v9h-2V5a1 1 0 0 0-1-1h-1v.5A1.5 1.5 0 0 1 18.5 6h-11A1.5 1.5 0 0 1 6 4.5V4H5a1 1 0 0 0-1 1v20a1 1 0 0 0 1 1h7v2H5a3 3 0 0 1-3-3V5a3 3 0 0 1 3-3h1z" clip-rule="evenodd"/><path fill="#000" d="M28 29a1 1 0 1 1-2 0 1 1 0 0 1 2 0M28 25a1 1 0 1 1-2 0 1 1 0 0 1 2 0M28 21a1 1 0 1 1-2 0 1 1 0 0 1 2 0M28 17a1 1 0 1 1-2 0 1 1 0 0 1 2 0M24 17a1 1 0 1 1-2 0 1 1 0 0 1 2 0M20 17a1 1 0 1 1-2 0 1 1 0 0 1 2 0M16 17a1 1 0 1 1-2 0 1 1 0 0 1 2 0M16 21a1 1 0 1 1-2 0 1 1 0 0 1 2 0M16 25a1 1 0 1 1-2 0 1 1 0 0 1 2 0M16 29a1 1 0 1 1-2 0 1 1 0 0 1 2 0M20 29a1 1 0 1 1-2 0 1 1 0 0 1 2 0M24 29a1 1 0 1 1-2 0 1 1 0 0 1 2 0"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/code.svg b/web/hermes-dist/icons/icon/code.svg
new file mode 100644
index 0000000..3adc9f6
--- /dev/null
+++ b/web/hermes-dist/icons/icon/code.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" fill-rule="evenodd" d="M19.928 5.372a1 1 0 0 0-1.857-.743l-8 20a1 1 0 1 0 1.858.742zm-12.22 4.921a1 1 0 0 1 0 1.414L4.413 15l3.293 3.293a1 1 0 1 1-1.414 1.414l-4-4a1 1 0 0 1 0-1.414l4-4a1 1 0 0 1 1.414 0m14.585 0a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L25.586 15l-3.293-3.293a1 1 0 0 1 0-1.414" clip-rule="evenodd" style="fill:#000;fill-opacity:1"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/color.svg b/web/hermes-dist/icons/icon/color.svg
new file mode 100644
index 0000000..f80cd12
--- /dev/null
+++ b/web/hermes-dist/icons/icon/color.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><circle cx="15" cy="15" r="13" fill="#000"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/comment.svg b/web/hermes-dist/icons/icon/comment.svg
new file mode 100644
index 0000000..ffb9ef0
--- /dev/null
+++ b/web/hermes-dist/icons/icon/comment.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linejoin="round" stroke-width="2" d="M8 3C5.79 3 3 4.79 3 7v10c0 2.21 2.79 4 5 4h8l6 6v-6c2.21 0 5-1.79 5-4V7a4 4 0 0 0-4-4z" style="stroke:#000;stroke-opacity:1"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/corners.svg b/web/hermes-dist/icons/icon/corners.svg
new file mode 100644
index 0000000..23039e6
--- /dev/null
+++ b/web/hermes-dist/icons/icon/corners.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="currentColor" fill-rule="evenodd" d="M11 4H9.759c-.805 0-1.47 0-2.01.044-.563.046-1.08.145-1.565.392a4 4 0 0 0-1.748 1.748c-.247.485-.346 1.002-.392 1.564C4 8.29 4 8.954 4 9.758V11a1 1 0 0 0 2 0V9.8c0-.857 0-1.439.038-1.889.035-.438.1-.663.18-.819a2 2 0 0 1 .874-.874c.156-.08.38-.145.819-.18C8.361 6 8.943 6 9.8 6H11a1 1 0 0 0 0-2m15 15a1 1 0 0 0-2 0v1.2c0 .857 0 1.439-.038 1.889-.035.438-.1.663-.18.819a2 2 0 0 1-.874.874c-.156.08-.38.145-.819.18-.45.037-1.032.038-1.889.038H19a1 1 0 0 0 0 2h1.241c.805 0 1.47 0 2.01-.044.563-.046 1.08-.145 1.565-.392a4 4 0 0 0 1.748-1.748c.247-.485.346-1.002.392-1.564.044-.541.044-1.206.044-2.01zM5 18a1 1 0 0 1 1 1v1.2c0 .857 0 1.439.038 1.889.035.438.1.663.18.819a2 2 0 0 0 .874.874c.156.08.38.145.819.18C8.361 24 8.943 24 9.8 24H11a1 1 0 0 1 0 2H9.759c-.805 0-1.47 0-2.01-.044-.563-.046-1.08-.145-1.565-.392a4 4 0 0 1-1.748-1.748c-.247-.485-.346-1.002-.392-1.564C4 21.71 4 21.046 4 20.242V19a1 1 0 0 1 1-1M20.2 6c.857 0 1.439 0 1.889.038.438.035.663.1.819.18a2 2 0 0 1 .874.874c.08.156.145.38.18.819C24 8.361 24 8.943 24 9.8V11a1 1 0 0 0 2 0V9.759c0-.805 0-1.47-.044-2.01-.046-.563-.145-1.08-.392-1.565a4 4 0 0 0-1.748-1.748c-.485-.247-1.002-.346-1.564-.392C21.71 4 21.046 4 20.242 4H19a1 1 0 0 0 0 2z" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/crop.svg b/web/hermes-dist/icons/icon/crop.svg
new file mode 100644
index 0000000..7e4604c
--- /dev/null
+++ b/web/hermes-dist/icons/icon/crop.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="currentColor" fill-rule="evenodd" d="M7 0a1 1 0 0 1 1 1v5h15a1 1 0 0 1 1 1v15h5a1 1 0 1 1 0 2h-5v5a1 1 0 0 1-2 0v-5H7a1 1 0 0 1-1-1V8H1a1 1 0 1 1 0-2h5V1a1 1 0 0 1 1-1m1 8v14h14V8Z" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/cross-2.svg b/web/hermes-dist/icons/icon/cross-2.svg
new file mode 100644
index 0000000..84d560d
--- /dev/null
+++ b/web/hermes-dist/icons/icon/cross-2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M23.563 8.063a1.15 1.15 0 1 0-1.626-1.626L15 13.374 8.063 6.437a1.15 1.15 0 0 0-1.626 1.626L13.374 15l-6.937 6.937a1.15 1.15 0 1 0 1.626 1.626L15 16.626l6.937 6.937a1.15 1.15 0 1 0 1.626-1.626L16.626 15z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/cross-circle.svg b/web/hermes-dist/icons/icon/cross-circle.svg
new file mode 100644
index 0000000..a9c3665
--- /dev/null
+++ b/web/hermes-dist/icons/icon/cross-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M19.442 11.893a.944.944 0 0 0-1.334-1.335L15 13.665l-3.107-3.107a.944.944 0 0 0-1.335 1.335L13.665 15l-3.107 3.108a.944.944 0 0 0 1.335 1.334L15 16.335l3.108 3.107a.944.944 0 1 0 1.334-1.334L16.335 15z"/><path stroke="#000" stroke-width="2" d="M15 27.295c6.79 0 12.295-5.505 12.295-12.296S21.79 2.704 15 2.704 2.704 8.209 2.704 14.999 8.21 27.295 15 27.295Z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/dash-dashed.svg b/web/hermes-dist/icons/icon/dash-dashed.svg
new file mode 100644
index 0000000..71e0efc
--- /dev/null
+++ b/web/hermes-dist/icons/icon/dash-dashed.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" fill-rule="evenodd" d="M12.465 2.247a13.1 13.1 0 0 1 5.07 0 1.61 1.61 0 1 1-.625 3.16 9.8 9.8 0 0 0-3.82 0 1.61 1.61 0 1 1-.625-3.16M10.01 4.633a1.61 1.61 0 0 1-.442 2.234 9.8 9.8 0 0 0-2.7 2.7A1.61 1.61 0 0 1 4.19 7.777 13.1 13.1 0 0 1 7.776 4.19a1.61 1.61 0 0 1 2.234.442m9.98 0a1.61 1.61 0 0 1 2.234-.442 13.1 13.1 0 0 1 3.585 3.585 1.61 1.61 0 1 1-2.676 1.792 9.8 9.8 0 0 0-2.7-2.7 1.61 1.61 0 0 1-.443-2.235M4.14 11.197a1.61 1.61 0 0 1 1.267 1.893 9.8 9.8 0 0 0 0 3.82 1.61 1.61 0 1 1-3.16.625 13.1 13.1 0 0 1 0-5.07 1.61 1.61 0 0 1 1.893-1.268m21.72 0a1.61 1.61 0 0 1 1.893 1.268 13.1 13.1 0 0 1 0 5.07 1.61 1.61 0 1 1-3.16-.625 9.8 9.8 0 0 0 0-3.82 1.61 1.61 0 0 1 1.267-1.893M4.633 19.99a1.61 1.61 0 0 1 2.234.442 9.8 9.8 0 0 0 2.7 2.7 1.61 1.61 0 0 1-1.791 2.677 13.1 13.1 0 0 1-3.585-3.585 1.61 1.61 0 0 1 .442-2.234m20.734 0a1.61 1.61 0 0 1 .442 2.234 13.1 13.1 0 0 1-3.585 3.585 1.61 1.61 0 1 1-1.792-2.676 9.8 9.8 0 0 0 2.7-2.7 1.61 1.61 0 0 1 2.235-.443m-14.17 5.87a1.61 1.61 0 0 1 1.893-1.267 9.8 9.8 0 0 0 3.82 0 1.61 1.61 0 1 1 .625 3.16 13.1 13.1 0 0 1-5.07 0 1.61 1.61 0 0 1-1.268-1.893" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/dash-dotted.svg b/web/hermes-dist/icons/icon/dash-dotted.svg
new file mode 100644
index 0000000..cbde4df
--- /dev/null
+++ b/web/hermes-dist/icons/icon/dash-dotted.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M17 3.792a2 2 0 1 1-4 0 2 2 0 0 1 4 0M17 25.792a2 2 0 1 1-4 0 2 2 0 0 1 4 0M22.232 6.265a2 2 0 1 1-3.464-2 2 2 0 0 1 3.464 2M11.232 25.318a2 2 0 1 1-3.464-2 2 2 0 0 1 3.464 2M25.526 11.024a2 2 0 1 1-2-3.465 2 2 0 0 1 2 3.465M6.474 22.024a2 2 0 1 1-2-3.465 2 2 0 0 1 2 3.465M26 16.792a2 2 0 1 1 0-4 2 2 0 0 1 0 4M4 16.792a2 2 0 1 1 0-4 2 2 0 0 1 0 4M23.526 22.024a2 2 0 1 1 2-3.465 2 2 0 0 1-2 3.465M4.474 11.024a2 2 0 1 1 2-3.465 2 2 0 0 1-2 3.465M18.768 25.318a2 2 0 1 1 3.464-2 2 2 0 0 1-3.464 2M7.768 6.265a2 2 0 1 1 3.464-2 2 2 0 0 1-3.464 2"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/dash-draw.svg b/web/hermes-dist/icons/icon/dash-draw.svg
new file mode 100644
index 0000000..5037b5d
--- /dev/null
+++ b/web/hermes-dist/icons/icon/dash-draw.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" fill-rule="evenodd" d="M21.888 15.733c0-4.16-4.022-6.81-8.776-6.81-3.63 0-6.13 2.641-6.84 5.246-1.311 4.806 1.622 8.859 5.403 9.922 6.038 1.19 10.213-2.599 10.213-8.358M17.143 2.184c4.913.72 8.952 4.417 10.281 9.17C31.281 24.46 14.814 33.131 6.271 24.59-3.459 14.861 4.831.187 17.143 2.184" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/dash-solid.svg b/web/hermes-dist/icons/icon/dash-solid.svg
new file mode 100644
index 0000000..38ce9a5
--- /dev/null
+++ b/web/hermes-dist/icons/icon/dash-solid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><circle cx="15" cy="15" r="11.5" stroke="#000" stroke-width="3"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/disconnected.svg b/web/hermes-dist/icons/icon/disconnected.svg
new file mode 100644
index 0000000..27fef21
--- /dev/null
+++ b/web/hermes-dist/icons/icon/disconnected.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" fill-rule="evenodd" d="M14.625 8.09C8.943 8.198 3.91 10.772.702 14.71c-.408.502-.287 1.234.232 1.618.542.401 1.305.269 1.732-.253 2.48-3.038 6.22-5.132 10.493-5.604zm-3.828 6.22c-2.234.778-4.154 2.157-5.533 3.926-.361.463-.236 1.122.236 1.472.531.393 1.283.236 1.695-.28q.557-.7 1.244-1.287zm9.572 2.961 1.153-1.874c1.25.754 2.34 1.718 3.214 2.84.361.462.236 1.121-.236 1.47-.531.394-1.283.237-1.695-.28a9.5 9.5 0 0 0-2.436-2.156m-2.893 4.701 1.092-1.775a5.9 5.9 0 0 1 1.665 1.678c.255.393.119.904-.258 1.182-.558.413-1.377.127-1.81-.415a3.8 3.8 0 0 0-.69-.67m5.775-9.384 1.22-1.983a17.7 17.7 0 0 1 4.827 4.106c.408.5.287 1.233-.232 1.617-.542.401-1.305.269-1.732-.253a15.2 15.2 0 0 0-4.083-3.487" clip-rule="evenodd"/><rect width="3" height="33.372" x="23.376" y=".169" fill="#000" rx="1.5" transform="rotate(31.606 23.376 .17)"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/discord.svg b/web/hermes-dist/icons/icon/discord.svg
new file mode 100644
index 0000000..83978eb
--- /dev/null
+++ b/web/hermes-dist/icons/icon/discord.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><g clip-path="url(#a)"><path fill="#000" d="M8.161 14.024a2.53 2.53 0 0 1 1.84-.824c.69.003 1.351.3 1.838.824.488.525.761 1.236.761 1.976s-.273 1.45-.76 1.976A2.53 2.53 0 0 1 10 18.8a2.53 2.53 0 0 1-1.839-.825A2.9 2.9 0 0 1 7.401 16c0-.74.273-1.45.76-1.976M18.159 14.024a2.53 2.53 0 0 1 1.839-.824c.69.003 1.352.3 1.839.824.487.525.76 1.236.76 1.976s-.273 1.45-.76 1.976a2.53 2.53 0 0 1-1.84.824 2.53 2.53 0 0 1-1.838-.825A2.9 2.9 0 0 1 17.398 16c0-.74.273-1.45.76-1.976"/><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M12 6.8c-.209-.715-1.248-2.082-2-2.2-1.53.167-3.97 1.024-5.4 1.8-1.025 1.172-2.08 4.156-2.49 5.8-.685 2.736-1.066 6.048-1.115 9.2.956 1.819 4.434 3.8 6.505 4 .483-.524 1.9-2.8 1.9-2.8m8.595-15.8c.209-.715 1.248-2.082 2-2.2 1.53.167 3.97 1.024 5.4 1.8 1.025 1.172 2.08 4.156 2.49 5.8.685 2.736 1.066 6.048 1.115 9.2-.956 1.819-4.434 3.8-6.505 4-.483-.524-1.9-2.8-1.9-2.8M7 9c.6-.8 3-2 8-2s7.4 1.2 8 2M5.8 20.4C6.6 21.6 8.4 23 15 23s8.4-1.4 9.2-2.6"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h30v30H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/distribute-horizontal.svg b/web/hermes-dist/icons/icon/distribute-horizontal.svg
new file mode 100644
index 0000000..9d517bb
--- /dev/null
+++ b/web/hermes-dist/icons/icon/distribute-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M2 12h9a1 1 0 0 1 1 1v4a1 1 0 0 1-1 1H2zM18 13a1 1 0 0 1 1-1h9v6h-9a1 1 0 0 1-1-1zM0 3a1 1 0 0 1 2 0v24a1 1 0 1 1-2 0zM28 3a1 1 0 1 1 2 0v24a1 1 0 0 1-2 0z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/distribute-vertical.svg b/web/hermes-dist/icons/icon/distribute-vertical.svg
new file mode 100644
index 0000000..4601be7
--- /dev/null
+++ b/web/hermes-dist/icons/icon/distribute-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M12 2h6v9a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1zM12 19a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v9h-6zM2 1a1 1 0 0 1 1-1h24a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1M2 29a1 1 0 0 1 1-1h24a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/dot.svg b/web/hermes-dist/icons/icon/dot.svg
new file mode 100644
index 0000000..4d587ff
--- /dev/null
+++ b/web/hermes-dist/icons/icon/dot.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><circle cx="14.5" cy="15.5" r="4.5" fill="#000"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/dots-horizontal.svg b/web/hermes-dist/icons/icon/dots-horizontal.svg
new file mode 100644
index 0000000..7d707b5
--- /dev/null
+++ b/web/hermes-dist/icons/icon/dots-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M6.99 17.5q-1.025 0-1.763-.727a2.43 2.43 0 0 1-.737-1.78q0-1.027.737-1.754A2.4 2.4 0 0 1 6.99 12.5q1.024 0 1.762.74.738.726.738 1.754 0 .69-.35 1.265a2.6 2.6 0 0 1-.9.903 2.4 2.4 0 0 1-1.25.338M15 17.5q-1.024 0-1.762-.727a2.43 2.43 0 0 1-.738-1.78q0-1.027.738-1.754A2.4 2.4 0 0 1 15 12.5q1.024 0 1.762.74.738.726.738 1.754 0 .69-.35 1.265a2.6 2.6 0 0 1-.9.903A2.4 2.4 0 0 1 15 17.5M23.01 17.5q-1.024 0-1.762-.727a2.43 2.43 0 0 1-.738-1.78q0-1.027.738-1.754a2.4 2.4 0 0 1 1.762-.739q1.025 0 1.763.74.737.726.737 1.754 0 .69-.35 1.265a2.6 2.6 0 0 1-.9.903 2.4 2.4 0 0 1-1.25.338" style="fill:#000;fill-opacity:1"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/dots-vertical.svg b/web/hermes-dist/icons/icon/dots-vertical.svg
new file mode 100644
index 0000000..0fcac9f
--- /dev/null
+++ b/web/hermes-dist/icons/icon/dots-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M15 9.49q-1.024 0-1.762-.727a2.43 2.43 0 0 1-.738-1.78q0-1.028.738-1.754A2.4 2.4 0 0 1 15 4.49q1.024 0 1.762.74.738.728.738 1.754 0 .69-.35 1.266a2.6 2.6 0 0 1-.9.902A2.4 2.4 0 0 1 15 9.49M15 17.5q-1.024 0-1.762-.727a2.43 2.43 0 0 1-.738-1.78q0-1.027.738-1.754A2.4 2.4 0 0 1 15 12.5q1.024 0 1.762.74.738.726.738 1.754 0 .69-.35 1.265a2.6 2.6 0 0 1-.9.903A2.4 2.4 0 0 1 15 17.5M15 25.51q-1.024 0-1.762-.727a2.43 2.43 0 0 1-.738-1.779q0-1.028.738-1.754A2.4 2.4 0 0 1 15 20.51q1.024 0 1.762.74.738.726.738 1.754 0 .69-.35 1.266a2.6 2.6 0 0 1-.9.902 2.4 2.4 0 0 1-1.25.338" style="fill:#000;fill-opacity:1"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/download.svg b/web/hermes-dist/icons/icon/download.svg
new file mode 100644
index 0000000..a97b6c8
--- /dev/null
+++ b/web/hermes-dist/icons/icon/download.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#2E2E2E" d="M14.718 3a1 1 0 0 1 2 0v15.586l4.793-4.793a1 1 0 0 1 1.414 1.414l-6.5 6.5a1 1 0 0 1-1.414 0l-6.5-6.5-.07-.075a1 1 0 0 1 1.408-1.407l.076.068 4.793 4.793z" style="fill:#2e2e2e;fill:color(display-p3 .1804 .1804 .1804);fill-opacity:1"/><path fill="#000" d="M2.653 22a1 1 0 0 1 1.995-.102l.005.102v4h22.14v-4a1 1 0 1 1 2 0v5a1 1 0 0 1-1 1H3.653a1 1 0 0 1-1-1z" style="fill:#000;fill-opacity:1"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/drag-handle-dots.svg b/web/hermes-dist/icons/icon/drag-handle-dots.svg
new file mode 100644
index 0000000..7a5fda1
--- /dev/null
+++ b/web/hermes-dist/icons/icon/drag-handle-dots.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M11 9.25a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5M19 9.25a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5M21.25 15a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0M11 17.25a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5M21.25 23a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0M11 25.25a2.25 2.25 0 1 0 0-4.5 2.25 2.25 0 0 0 0 4.5"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/duplicate.svg b/web/hermes-dist/icons/icon/duplicate.svg
new file mode 100644
index 0000000..2014f2a
--- /dev/null
+++ b/web/hermes-dist/icons/icon/duplicate.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" fill-rule="evenodd" d="M2 19a3 3 0 0 0 3 3h3v-2H5a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v3h-9a3 3 0 0 0-3 3v14a3 3 0 0 0 3 3h14a3 3 0 0 0 3-3V11a3 3 0 0 0-3-3h-3V5a3 3 0 0 0-3-3H5a3 3 0 0 0-3 3zm8-8a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H11a1 1 0 0 1-1-1z" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/edit.svg b/web/hermes-dist/icons/icon/edit.svg
new file mode 100644
index 0000000..03892cd
--- /dev/null
+++ b/web/hermes-dist/icons/icon/edit.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" fill-rule="evenodd" d="M22.162 2.781a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-7.885 7.886a2 2 0 0 1-.52.374l-7.855 3.928a1 1 0 0 1-1.341-1.342l3.927-7.855q.146-.29.375-.52zm.707 2.121-7.178 7.179-2.077 4.153.51.509 4.153-2.077 7.178-7.178zm-5-.414-2 2h-8.2c-.856 0-1.439.001-1.889.038-.438.036-.662.1-.819.18a2 2 0 0 0-.874.874c-.08.157-.144.38-.18.82-.037.45-.038 1.032-.038 1.888v12.4c0 .857 0 1.44.038 1.89.036.438.1.662.18.818a2 2 0 0 0 .874.874c.157.08.38.145.82.18.45.038 1.032.038 1.888.038h12.4c.857 0 1.439 0 1.89-.037.438-.036.662-.1.818-.18a2 2 0 0 0 .874-.875c.08-.156.145-.38.18-.819.037-.45.038-1.032.038-1.889v-8.2l2-2V22.73c0 .805 0 1.469-.044 2.01-.046.562-.145 1.079-.392 1.564a4 4 0 0 1-1.748 1.748c-.485.248-1.002.346-1.564.392-.541.044-1.206.044-2.01.044H7.627c-.805 0-1.47 0-2.01-.044-.563-.046-1.08-.144-1.565-.392a4 4 0 0 1-1.748-1.748c-.247-.485-.346-1.002-.392-1.564-.044-.541-.044-1.205-.044-2.01V10.247c0-.805 0-1.47.044-2.01.046-.563.145-1.08.392-1.565a4 4 0 0 1 1.748-1.748c.486-.247 1.002-.346 1.564-.392.542-.044 1.206-.044 2.01-.044H17.87" clip-rule="evenodd" style="fill:#000;fill-opacity:1"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/external-link.svg b/web/hermes-dist/icons/icon/external-link.svg
new file mode 100644
index 0000000..4298998
--- /dev/null
+++ b/web/hermes-dist/icons/icon/external-link.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M13 5H7a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6M19 5h6m0 0v6m0-6L13 17"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/fill-fill.svg b/web/hermes-dist/icons/icon/fill-fill.svg
new file mode 100644
index 0000000..d32df23
--- /dev/null
+++ b/web/hermes-dist/icons/icon/fill-fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" fill-rule="evenodd" d="M26 4H8v2h14a2 2 0 0 1 2 2v14h2zM6 4v2H4a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2v-2h2a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2m16 22H4V8h18z" clip-rule="evenodd"/><path fill="#000" d="M3 7h20v20H3z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/fill-lined-fill.svg b/web/hermes-dist/icons/icon/fill-lined-fill.svg
new file mode 100644
index 0000000..931974e
--- /dev/null
+++ b/web/hermes-dist/icons/icon/fill-lined-fill.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" fill-rule="evenodd" d="M26 4H8v2h14a2 2 0 0 1 2 2v14h2zM6 4v2H4a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2v-2h2a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2m16 22H4V8h18z" clip-rule="evenodd"/><path fill="#000" fill-opacity=".68" d="M4 8h18v18H4z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/fill-none.svg b/web/hermes-dist/icons/icon/fill-none.svg
new file mode 100644
index 0000000..c73a030
--- /dev/null
+++ b/web/hermes-dist/icons/icon/fill-none.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" fill-rule="evenodd" d="M8 4h18v18h-2V8a2 2 0 0 0-2-2H8zM6 6V4a2 2 0 0 1 2-2h18a2 2 0 0 1 2 2v18a2 2 0 0 1-2 2h-2v2a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2zm16 18v2H4V8h2v14a2 2 0 0 0 2 2zm0-2H8V8h14z" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/fill-pattern.svg b/web/hermes-dist/icons/icon/fill-pattern.svg
new file mode 100644
index 0000000..42cb8e8
--- /dev/null
+++ b/web/hermes-dist/icons/icon/fill-pattern.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" fill-rule="evenodd" d="M26 4H8v2h14a2 2 0 0 1 2 2v14h2zM6 4v2H4a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2v-2h2a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2m16 22H4V8h18z" clip-rule="evenodd"/><path fill="#000" fill-rule="evenodd" d="M23.438 15.553a.97.97 0 0 1 0 1.417l-1.49 1.418a1.09 1.09 0 0 1-1.49 0 .97.97 0 0 1 0-1.418l1.49-1.417a1.09 1.09 0 0 1 1.49 0m-4.468 5.67a.97.97 0 0 0 0-1.418 1.09 1.09 0 0 0-1.49 0l-1.49 1.417a.97.97 0 0 0 0 1.418 1.09 1.09 0 0 0 1.49 0zm-4.468 2.834a.97.97 0 0 1 0 1.418l-1.49 1.417a1.09 1.09 0 0 1-1.49 0 .97.97 0 0 1 0-1.417l1.49-1.418a1.09 1.09 0 0 1 1.49 0m0-17.01a.97.97 0 0 1 0 1.418l-1.49 1.418a1.09 1.09 0 0 1-1.49 0 .97.97 0 0 1 0-1.418l1.49-1.417a1.09 1.09 0 0 1 1.49 0m-4.469 5.67a.97.97 0 0 0 0-1.417 1.09 1.09 0 0 0-1.489 0l-1.49 1.417a.97.97 0 0 0 0 1.418 1.09 1.09 0 0 0 1.49 0zm-4.467 2.835a.97.97 0 0 1 0 1.418l-1.49 1.417a1.09 1.09 0 0 1-1.49 0 .97.97 0 0 1 0-1.417l1.49-1.417a1.09 1.09 0 0 1 1.49 0M23.437 11.3a.97.97 0 0 0 0-1.418 1.09 1.09 0 0 0-1.489 0l-1.49 1.418a.97.97 0 0 0 0 1.417 1.09 1.09 0 0 0 1.49 0zm-4.467 2.835a.97.97 0 0 1 0 1.417l-1.49 1.418a1.09 1.09 0 0 1-1.49 0 .97.97 0 0 1 0-1.418l1.49-1.417a1.09 1.09 0 0 1 1.49 0m-4.468 5.67a.97.97 0 0 0 0-1.418 1.09 1.09 0 0 0-1.49 0l-1.49 1.418a.97.97 0 0 0 0 1.417 1.09 1.09 0 0 0 1.49 0zm-4.468 2.835a.97.97 0 0 1 0 1.417l-1.49 1.418a1.09 1.09 0 0 1-1.49 0 .97.97 0 0 1 0-1.418l1.49-1.417a1.09 1.09 0 0 1 1.49 0m0-15.593-1.49 1.418a1.09 1.09 0 0 1-1.49 0 .97.97 0 0 1 0-1.418c1.105-1.05 4.772-1.705 2.98 0M5.566 11.3a.97.97 0 0 0 0-1.418 1.09 1.09 0 0 0-1.49 0L2.586 11.3a.97.97 0 0 0 0 1.417 1.09 1.09 0 0 0 1.49 0zm17.871 9.922a.97.97 0 0 1 0 1.418l-1.489 1.417a1.09 1.09 0 0 1-1.49 0 .97.97 0 0 1 0-1.417l1.49-1.418a1.09 1.09 0 0 1 1.49 0m-4.468 5.67a.97.97 0 0 0 0-1.417 1.09 1.09 0 0 0-1.489 0l-1.49 1.417c-1.818 1.731 1.86 1.066 2.98 0m0-17.01a.97.97 0 0 0 0-1.417 1.09 1.09 0 0 0-1.489 0l-1.49 1.417a.97.97 0 0 0 0 1.418 1.09 1.09 0 0 0 1.49 0zm-4.468 2.835a.97.97 0 0 1 0 1.418l-1.489 1.417a1.09 1.09 0 0 1-1.49 0 .97.97 0 0 1 0-1.417l1.49-1.418a1.09 1.09 0 0 1 1.49 0m-4.467 5.67a.97.97 0 0 0 0-1.417 1.09 1.09 0 0 0-1.49 0l-1.49 1.417a.97.97 0 0 0 0 1.418 1.09 1.09 0 0 0 1.49 0zm-4.468 2.835a.97.97 0 0 1 0 1.418l-1.49 1.417a1.09 1.09 0 0 1-1.49 0 .97.97 0 0 1 0-1.417l1.49-1.418a1.09 1.09 0 0 1 1.49 0" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/fill-semi.svg b/web/hermes-dist/icons/icon/fill-semi.svg
new file mode 100644
index 0000000..989c35f
--- /dev/null
+++ b/web/hermes-dist/icons/icon/fill-semi.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" fill-rule="evenodd" d="M26 4H8v2h14a2 2 0 0 1 2 2v14h2zM6 4v2H4a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2v-2h2a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2m16 22H4V8h18v18" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/fill-solid.svg b/web/hermes-dist/icons/icon/fill-solid.svg
new file mode 100644
index 0000000..505cc1d
--- /dev/null
+++ b/web/hermes-dist/icons/icon/fill-solid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" fill-rule="evenodd" d="M26 4H8v2h14a2 2 0 0 1 2 2v14h2zM6 4v2H4a2 2 0 0 0-2 2v18a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2v-2h2a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H8a2 2 0 0 0-2 2m16 22H4V8h18z" clip-rule="evenodd"/><path fill="#000" fill-opacity=".32" d="M4 8h18v18H4z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/follow.svg b/web/hermes-dist/icons/icon/follow.svg
new file mode 100644
index 0000000..01c0f6e
--- /dev/null
+++ b/web/hermes-dist/icons/icon/follow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M19 15a4 4 0 1 1-8 0 4 4 0 0 1 8 0"/><path stroke="#000" stroke-width="2" d="M26 15c0 1.77-1.077 3.496-3.07 4.825C20.946 21.149 18.145 22 15 22s-5.945-.851-7.93-2.175C5.076 18.496 4 16.77 4 15c0-1.77 1.077-3.496 3.07-4.825C9.054 8.851 11.855 8 15 8s5.945.851 7.93 2.175C24.924 11.504 26 13.23 26 15Z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/following.svg b/web/hermes-dist/icons/icon/following.svg
new file mode 100644
index 0000000..90d8ac3
--- /dev/null
+++ b/web/hermes-dist/icons/icon/following.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-width="2" d="M26 15c0 1.77-1.077 3.496-3.07 4.825C20.946 21.149 18.145 22 15 22s-5.945-.851-7.93-2.175C5.076 18.496 4 16.77 4 15c0-1.77 1.077-3.496 3.07-4.825C9.054 8.851 11.855 8 15 8s5.945.851 7.93 2.175C24.924 11.504 26 13.23 26 15Z"/><path fill="#000" d="M12 15c0 2.21-1.567 4-3.5 4S5 17.21 5 15s1.567-4 3.5-4 3.5 1.79 3.5 4"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/font-draw.svg b/web/hermes-dist/icons/icon/font-draw.svg
new file mode 100644
index 0000000..8052e14
--- /dev/null
+++ b/web/hermes-dist/icons/icon/font-draw.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-width="3.2" d="M22.965 11.963c-3.936 0-7.305 6.369-3.908 9.663s5.787-4.173 5.853-7.028 1.406 5.128 3.293 7.47M1.8 18.58s4.336-1.311 11.29-1.399m-9.367-6.373a159 159 0 0 0-.085 6.217m0 0c.014 3.29.08 4.733-.395 5.165-.294.268-.16-2.19.395-5.165Zm0 0c.779-4.18 2.384-9.384 4.788-9.499 4.116-.197 1.386 8.11 5.823 15.055"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/font-mono.svg b/web/hermes-dist/icons/icon/font-mono.svg
new file mode 100644
index 0000000..9ef39d7
--- /dev/null
+++ b/web/hermes-dist/icons/icon/font-mono.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="m11.358 23.935-1.277-4.61H4.69l-1.25 4.61H0L5.106 5.752h4.741l5.132 18.183zM7.503 9.113h-.209l-2.006 7.424h4.22zM28.046 23.935q-1.224 0-1.901-.599-.652-.625-.782-1.72h-.13a3.4 3.4 0 0 1-1.433 1.955q-1.069.677-2.631.677-2.032 0-3.23-1.068-1.2-1.068-1.199-2.97 0-4.065 5.966-4.064h2.37v-.886q0-1.275-.625-1.927t-2.032-.652q-1.276 0-2.058.496-.781.495-1.328 1.276l-1.902-1.615q.625-1.12 2.006-1.876 1.407-.78 3.621-.781 2.657 0 4.142 1.25 1.51 1.224 1.51 3.673v6.33H30v2.501zm-5.757-1.98q1.198 0 1.98-.547.808-.573.808-1.537v-1.797h-2.293q-2.735 0-2.735 1.72v.52q0 .808.599 1.225.6.416 1.641.416"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/font-sans.svg b/web/hermes-dist/icons/icon/font-sans.svg
new file mode 100644
index 0000000..5b34ee9
--- /dev/null
+++ b/web/hermes-dist/icons/icon/font-sans.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="m12.504 24-1.42-4.515h-6.29L3.399 24H0L5.935 6.296h4.16L15.979 24zM7.99 9.34h-.126l-2.258 7.28h4.667zM28.2 24q-1.066 0-1.7-.609-.61-.634-.761-1.674h-.152q-.33 1.294-1.344 1.953-1.015.634-2.511.634-2.03 0-3.12-1.065t-1.09-2.84q0-2.055 1.47-3.044 1.471-1.015 4.185-1.015h2.258v-.964q0-1.116-.584-1.724-.583-.61-1.877-.61-1.14 0-1.851.508a4.8 4.8 0 0 0-1.167 1.167l-1.927-1.725a5.5 5.5 0 0 1 1.952-1.826q1.218-.71 3.222-.71 2.688 0 4.083 1.217t1.395 3.5v6.24H30V24zm-5.378-2.055q1.09 0 1.852-.482.76-.48.76-1.42v-1.75h-2.08q-2.535 0-2.536 1.623v.431q0 .812.508 1.218.533.38 1.496.38"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/font-serif.svg b/web/hermes-dist/icons/icon/font-serif.svg
new file mode 100644
index 0000000..23a4cdb
--- /dev/null
+++ b/web/hermes-dist/icons/icon/font-serif.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M0 22.003h1.262L6.706 6.215H9.8l5.445 15.788h1.262v1.485H9.65v-1.485h2.054l-1.287-3.885H4.454l-1.286 3.885H5.22v1.485H0zm4.9-5.444h5.073L7.498 8.888h-.124zM21.685 23.785q-2.004 0-2.97-.965-.964-.966-.964-2.673 0-1.88 1.36-2.846 1.387-.965 4.307-.965h1.756v-1.559q0-1.51-.618-2.276-.619-.792-2.03-.792-1.088 0-1.682.321v.1q.248.147.47.47.248.296.248.84 0 .719-.446 1.189-.42.445-1.262.445-.717 0-1.188-.47-.445-.47-.445-1.237 0-.594.322-1.139.346-.57 1.014-.99.669-.444 1.633-.692.99-.273 2.277-.273 2.475 0 3.712 1.139 1.237 1.113 1.237 3.143v7.473H30v1.237q-.37.248-.99.371a5.4 5.4 0 0 1-1.262.149q-1.237 0-1.782-.594-.544-.618-.544-1.56v-.073h-.124a4.4 4.4 0 0 1-.445.816 3.2 3.2 0 0 1-.693.718q-.42.297-1.04.495-.593.198-1.435.198m1.262-1.98q.99 0 1.609-.47.618-.47.618-1.584v-2.079h-1.41q-1.485 0-2.128.545-.62.52-.619 1.51v.445q0 .84.52 1.237.544.396 1.41.396"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/geo-arrow-down.svg b/web/hermes-dist/icons/icon/geo-arrow-down.svg
new file mode 100644
index 0000000..1991162
--- /dev/null
+++ b/web/hermes-dist/icons/icon/geo-arrow-down.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m15 26.823 11.654-14.165a1 1 0 0 0-.772-1.635H21.8v-8.2H8.2v8.2H4.118a1 1 0 0 0-.772 1.635z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/geo-arrow-left.svg b/web/hermes-dist/icons/icon/geo-arrow-left.svg
new file mode 100644
index 0000000..36ab066
--- /dev/null
+++ b/web/hermes-dist/icons/icon/geo-arrow-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3 14.823 14.165 11.654a1 1 0 0 0 1.635-.772v-4.082H27v-13.6h-8.2V3.94a1 1 0 0 0-1.635-.772z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/geo-arrow-right.svg b/web/hermes-dist/icons/icon/geo-arrow-right.svg
new file mode 100644
index 0000000..7e5476f
--- /dev/null
+++ b/web/hermes-dist/icons/icon/geo-arrow-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M27 14.823 12.835 3.168a1 1 0 0 0-1.635.772v4.083H3v13.6h8.2v4.082a1 1 0 0 0 1.635.772z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/geo-arrow-up.svg b/web/hermes-dist/icons/icon/geo-arrow-up.svg
new file mode 100644
index 0000000..796268a
--- /dev/null
+++ b/web/hermes-dist/icons/icon/geo-arrow-up.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M15 2.823 3.346 16.987a1 1 0 0 0 .772 1.636H8.2v8.2h13.6v-8.2h4.082a1 1 0 0 0 .772-1.636z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/geo-check-box.svg b/web/hermes-dist/icons/icon/geo-check-box.svg
new file mode 100644
index 0000000..64dbc85
--- /dev/null
+++ b/web/hermes-dist/icons/icon/geo-check-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-width="2" d="M25 3a2 2 0 0 1 2 2v20a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z"/><path stroke="#000" stroke-linecap="round" stroke-width="2" d="m8 15 5 7M22 8l-9 14"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/geo-cloud.svg b/web/hermes-dist/icons/icon/geo-cloud.svg
new file mode 100644
index 0000000..fd1656a
--- /dev/null
+++ b/web/hermes-dist/icons/icon/geo-cloud.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-width="2" d="m22.324 12.395.02.863.857.105a5.861 5.861 0 0 1-.724 11.676H7.524a5.86 5.86 0 0 1-.725-11.676l.857-.105.02-.863a7.326 7.326 0 0 1 14.648 0Z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/geo-diamond.svg b/web/hermes-dist/icons/icon/geo-diamond.svg
new file mode 100644
index 0000000..5e3628a
--- /dev/null
+++ b/web/hermes-dist/icons/icon/geo-diamond.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-width="2" d="M16.414 1.97 28.03 13.587a2 2 0 0 1 0 2.828L16.414 28.03a2 2 0 0 1-2.828 0L1.97 16.414a2 2 0 0 1 0-2.828L13.586 1.97a2 2 0 0 1 2.828 0Z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/geo-ellipse.svg b/web/hermes-dist/icons/icon/geo-ellipse.svg
new file mode 100644
index 0000000..14b4742
--- /dev/null
+++ b/web/hermes-dist/icons/icon/geo-ellipse.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-width="2" d="M27 15c0 6.627-5.373 12-12 12S3 21.627 3 15 8.373 3 15 3s12 5.373 12 12Z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/geo-heart.svg b/web/hermes-dist/icons/icon/geo-heart.svg
new file mode 100644
index 0000000..8b93e3a
--- /dev/null
+++ b/web/hermes-dist/icons/icon/geo-heart.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#1D1D1D" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M2 10.118C2 .954 14.025.954 15 8.31c.975-7.355 13-7.355 13 1.81C28 17.955 18.25 20.97 15 27c-3.25-6.03-13-9.044-13-16.882"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/geo-hexagon.svg b/web/hermes-dist/icons/icon/geo-hexagon.svg
new file mode 100644
index 0000000..ef8c811
--- /dev/null
+++ b/web/hermes-dist/icons/icon/geo-hexagon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-width="2" d="M14.009 3.217a2 2 0 0 1 1.983 0l8.825 5.038a2 2 0 0 1 1.009 1.737v10.016a2 2 0 0 1-1.009 1.737l-8.825 5.038a2 2 0 0 1-1.983 0l-8.826-5.038a2 2 0 0 1-1.009-1.737V9.992a2 2 0 0 1 1.009-1.737z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/geo-octagon.svg b/web/hermes-dist/icons/icon/geo-octagon.svg
new file mode 100644
index 0000000..51f4c58
--- /dev/null
+++ b/web/hermes-dist/icons/icon/geo-octagon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-width="2" d="M14.242 3.224a2 2 0 0 1 1.516 0l7.082 2.9a2 2 0 0 1 1.087 1.079l2.915 6.957a2 2 0 0 1 0 1.546l-2.915 6.957a2 2 0 0 1-1.087 1.078l-7.082 2.9a2 2 0 0 1-1.516 0l-7.082-2.9a2 2 0 0 1-1.087-1.078l-2.915-6.957a2 2 0 0 1 0-1.546l2.915-6.957A2 2 0 0 1 7.16 6.125z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/geo-oval.svg b/web/hermes-dist/icons/icon/geo-oval.svg
new file mode 100644
index 0000000..0733189
--- /dev/null
+++ b/web/hermes-dist/icons/icon/geo-oval.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-width="2" d="M15 3c4.852 0 8 3.821 8 8.817v6.366C23 23.18 19.852 27 15 27c-4.82 0-7.948-3.771-8-8.723v-6.46C7 6.82 10.148 3 15 3Z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/geo-pentagon.svg b/web/hermes-dist/icons/icon/geo-pentagon.svg
new file mode 100644
index 0000000..5567700
--- /dev/null
+++ b/web/hermes-dist/icons/icon/geo-pentagon.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-width="2" d="M13.824 3.84a2 2 0 0 1 2.352 0L26.2 11.124a2 2 0 0 1 .727 2.236l-3.83 11.787a2 2 0 0 1-1.902 1.382H8.804a2 2 0 0 1-1.902-1.383L3.072 13.36a2 2 0 0 1 .727-2.236z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/geo-rectangle.svg b/web/hermes-dist/icons/icon/geo-rectangle.svg
new file mode 100644
index 0000000..a016ddd
--- /dev/null
+++ b/web/hermes-dist/icons/icon/geo-rectangle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-width="2" d="M25 3a2 2 0 0 1 2 2v20a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/geo-rhombus-2.svg b/web/hermes-dist/icons/icon/geo-rhombus-2.svg
new file mode 100644
index 0000000..59fc2c7
--- /dev/null
+++ b/web/hermes-dist/icons/icon/geo-rhombus-2.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-width="2" d="M5.771 3a2 2 0 0 0-1.949 2.45l4.616 20A2 2 0 0 0 10.386 27H24.23a2 2 0 0 0 1.949-2.45l-4.616-20A2 2 0 0 0 19.613 3z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/geo-rhombus.svg b/web/hermes-dist/icons/icon/geo-rhombus.svg
new file mode 100644
index 0000000..516bc41
--- /dev/null
+++ b/web/hermes-dist/icons/icon/geo-rhombus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-width="2" d="M24.229 3a2 2 0 0 1 1.949 2.45l-4.616 20A2 2 0 0 1 19.613 27H5.771a2 2 0 0 1-1.949-2.45l4.616-20A2 2 0 0 1 10.386 3z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/geo-star.svg b/web/hermes-dist/icons/icon/geo-star.svg
new file mode 100644
index 0000000..f59b773
--- /dev/null
+++ b/web/hermes-dist/icons/icon/geo-star.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-width="2" d="m7.347 17.74-.81.587.81-.588-4.113-5.66 6.654-2.161a2 2 0 0 0 1-.727L15 3.531l4.112 5.66.809-.588-.81.588a2 2 0 0 0 1.001.727l6.654 2.161-4.113 5.66a2 2 0 0 0-.382 1.176v6.996l-6.653-2.162-.309.95.31-.95a2 2 0 0 0-1.237 0l.309.95-.31-.95-6.653 2.162v-6.996a2 2 0 0 0-.381-1.176Z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/geo-trapezoid.svg b/web/hermes-dist/icons/icon/geo-trapezoid.svg
new file mode 100644
index 0000000..479eb95
--- /dev/null
+++ b/web/hermes-dist/icons/icon/geo-trapezoid.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-width="2" d="M19.614 3a2 2 0 0 1 1.948 1.55l4.616 20a2 2 0 0 1-1.95 2.45H5.772a2 2 0 0 1-1.949-2.45l4.616-20A2 2 0 0 1 10.386 3z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/geo-triangle.svg b/web/hermes-dist/icons/icon/geo-triangle.svg
new file mode 100644
index 0000000..65ecb01
--- /dev/null
+++ b/web/hermes-dist/icons/icon/geo-triangle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linejoin="round" stroke-width="2" d="M27.55 26H2.45L15 4z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/geo-x-box.svg b/web/hermes-dist/icons/icon/geo-x-box.svg
new file mode 100644
index 0000000..42d29bf
--- /dev/null
+++ b/web/hermes-dist/icons/icon/geo-x-box.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-width="2" d="M25 3a2 2 0 0 1 2 2v20a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2zM3 3l24 24M27 3 3 27"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/github.svg b/web/hermes-dist/icons/icon/github.svg
new file mode 100644
index 0000000..7982f36
--- /dev/null
+++ b/web/hermes-dist/icons/icon/github.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" fill-rule="evenodd" d="M14.999.5C6.993.5.5 6.992.5 15c0 6.406 4.154 11.841 9.916 13.76.726.132.99-.316.99-.7 0-.345-.012-1.256-.02-2.466-4.033.876-4.884-1.944-4.884-1.944-.66-1.675-1.61-2.121-1.61-2.121-1.317-.9.1-.881.1-.881 1.455.102 2.22 1.494 2.22 1.494 1.294 2.216 3.395 1.576 4.22 1.204.133-.936.507-1.575.921-1.937-3.22-.367-6.605-1.61-6.605-7.167 0-1.584.566-2.877 1.493-3.89-.15-.367-.647-1.842.142-3.838 0 0 1.217-.39 3.987 1.485A14 14 0 0 1 15 7.512c1.232.006 2.472.166 3.63.487 2.769-1.875 3.984-1.485 3.984-1.485.791 1.996.294 3.47.145 3.837.93 1.014 1.49 2.307 1.49 3.891 0 5.57-3.39 6.796-6.62 7.155.52.448.984 1.333.984 2.686 0 1.938-.018 3.502-.018 3.977 0 .388.262.84.997.698C25.349 26.836 29.5 21.405 29.5 15 29.5 6.99 23.007.5 14.999.5" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/group.svg b/web/hermes-dist/icons/icon/group.svg
new file mode 100644
index 0000000..c7f93fd
--- /dev/null
+++ b/web/hermes-dist/icons/icon/group.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M2.9 1.9a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0v-3h3a1 1 0 1 0 0-2zM11.9 1.9a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2zM10.9 26.9a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2h-6a1 1 0 0 1-1-1M3.9 11.9a1 1 0 1 0-2 0v6a1 1 0 1 0 2 0zM26.9 10.9a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0v-6a1 1 0 0 1 1-1M22.9 1.9a1 1 0 1 0 0 2h3v3a1 1 0 1 0 2 0v-4c0-.552-.45-1-1.002-1zM2.9 21.9a1 1 0 0 1 1 1v3h3a1 1 0 1 1 0 2h-4a1 1 0 0 1-1-1v-4a1 1 0 0 1 1-1M27.9 22.9a1 1 0 1 0-2 0l-.002 3H22.9a1 1 0 1 0 0 2h4a1 1 0 0 0 1-1z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/heading.svg b/web/hermes-dist/icons/icon/heading.svg
new file mode 100644
index 0000000..7e8eba0
--- /dev/null
+++ b/web/hermes-dist/icons/icon/heading.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><g clip-path="url(#a)"><path fill="#000" fill-rule="evenodd" d="M17.509 4.1a.9.9 0 0 0 0 1.8h2.39v8.2h-9.8V5.9h2.41a.9.9 0 1 0 0-1.8h-7a.9.9 0 1 0 0 1.8h2.39v18.2H5.51a.9.9 0 0 0 0 1.8h7a.9.9 0 0 0 0-1.8h-2.41v-8.2h9.8v8.2h-2.39a.9.9 0 0 0 0 1.8h7a.9.9 0 0 0 0-1.8H22.1V5.9h2.409a.9.9 0 0 0 0-1.8z" clip-rule="evenodd" style="fill:#000;fill-opacity:1"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h30v30H0z" style="fill:#fff;fill-opacity:1"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/help-circle.svg b/web/hermes-dist/icons/icon/help-circle.svg
new file mode 100644
index 0000000..7a37fdf
--- /dev/null
+++ b/web/hermes-dist/icons/icon/help-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-width="2" d="M15 27.295c6.79 0 12.295-5.505 12.295-12.296S21.79 2.704 15 2.704 2.704 8.209 2.704 14.999C2.704 21.79 8.21 27.295 15 27.295Z" style="stroke:#000;stroke-opacity:1"/><circle cx="15" cy="21" r="1.5" fill="#000" style="fill:#000;fill-opacity:1"/><path stroke="#000" stroke-linecap="round" stroke-width="2.2" d="M11 12.5c0-2 1.7-3.75 4-3.75s4 1.75 4 3.75c0 3.19-4 3.15-4 4.9" style="stroke:#000;stroke-opacity:1"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/highlight.svg b/web/hermes-dist/icons/icon/highlight.svg
new file mode 100644
index 0000000..8d85850
--- /dev/null
+++ b/web/hermes-dist/icons/icon/highlight.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m13.102 25.123 13.593-14.711a2 2 0 0 0-.055-2.771l-3.275-3.276a2 2 0 0 0-2.777-.05L5.983 17.919m7.118 7.205-7.118-7.206m7.118 7.206c-.5-.167-1.8-.586-3-.586s-2.5 1-3 1.5m-1.118-8.12c.167.5.619 1.92.619 3.12s-1 2.5-1.5 3m2 2-1-1-1-1m2 2-1 1L2 27.14l3.103-3.103"/><path fill="#000" d="m2 26 2-2 2 2-1 1z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/horizontal-align-end.svg b/web/hermes-dist/icons/icon/horizontal-align-end.svg
new file mode 100644
index 0000000..8cdd6d5
--- /dev/null
+++ b/web/hermes-dist/icons/icon/horizontal-align-end.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><rect width="2" height="22" x="19.661" y="4.419" fill="#000" rx="1"/><rect width="2" height="8" x="16.571" y="15.419" fill="#000" rx="1" transform="rotate(135 16.571 15.42)"/><rect width="2" height="8" x="15.157" y="14.005" fill="#000" rx="1" transform="rotate(45 15.157 14.005)"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/horizontal-align-middle.svg b/web/hermes-dist/icons/icon/horizontal-align-middle.svg
new file mode 100644
index 0000000..e1445b4
--- /dev/null
+++ b/web/hermes-dist/icons/icon/horizontal-align-middle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><rect width="2" height="8" x="19.25" y="15" fill="#000" rx="1" transform="rotate(-45 19.25 15)"/><rect width="2" height="8" x="20.664" y="16.414" fill="#000" rx="1" transform="rotate(-135 20.664 16.414)"/><rect width="2" height="8" x="11.071" y="15" fill="#000" rx="1" transform="rotate(135 11.071 15)"/><rect width="2" height="8" x="9.657" y="13.586" fill="#000" rx="1" transform="rotate(45 9.657 13.586)"/><rect width="2" height="22" x="16.16" y="26" fill="#000" rx="1" transform="rotate(180 16.16 26)"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/horizontal-align-start.svg b/web/hermes-dist/icons/icon/horizontal-align-start.svg
new file mode 100644
index 0000000..103d1e2
--- /dev/null
+++ b/web/hermes-dist/icons/icon/horizontal-align-start.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><rect width="2" height="22" x="10.497" y="26.581" fill="#000" rx="1" transform="rotate(-180 10.497 26.581)"/><rect width="2" height="8" x="13.589" y="15.581" fill="#000" rx="1" transform="rotate(-45 13.589 15.581)"/><rect width="2" height="8" x="15.003" y="16.996" fill="#000" rx="1" transform="rotate(-135 15.003 16.996)"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/icon-names.json b/web/hermes-dist/icons/icon/icon-names.json
new file mode 100644
index 0000000..475aa10
--- /dev/null
+++ b/web/hermes-dist/icons/icon/icon-names.json
@@ -0,0 +1,164 @@
+[
+	"align-bottom",
+	"align-center-horizontal",
+	"align-center-vertical",
+	"align-left",
+	"align-right",
+	"align-top",
+	"alt",
+	"arrow-arc",
+	"arrow-cycle",
+	"arrow-elbow",
+	"arrow-left",
+	"arrowhead-arrow",
+	"arrowhead-bar",
+	"arrowhead-diamond",
+	"arrowhead-dot",
+	"arrowhead-none",
+	"arrowhead-square",
+	"arrowhead-triangle-inverted",
+	"arrowhead-triangle",
+	"blob",
+	"bold",
+	"bookmark",
+	"bring-forward",
+	"bring-to-front",
+	"broken",
+	"bulletList",
+	"check-circle",
+	"check",
+	"chevron-down",
+	"chevron-left",
+	"chevron-right",
+	"chevron-up",
+	"chevrons-ne",
+	"chevrons-sw",
+	"clipboard-copied",
+	"clipboard-copy",
+	"code",
+	"color",
+	"comment",
+	"corners",
+	"crop",
+	"cross-2",
+	"cross-circle",
+	"dash-dashed",
+	"dash-dotted",
+	"dash-draw",
+	"dash-solid",
+	"disconnected",
+	"discord",
+	"distribute-horizontal",
+	"distribute-vertical",
+	"dot",
+	"dots-horizontal",
+	"dots-vertical",
+	"download",
+	"drag-handle-dots",
+	"duplicate",
+	"edit",
+	"external-link",
+	"fill-fill",
+	"fill-lined-fill",
+	"fill-none",
+	"fill-pattern",
+	"fill-semi",
+	"fill-solid",
+	"follow",
+	"following",
+	"font-draw",
+	"font-mono",
+	"font-sans",
+	"font-serif",
+	"geo-arrow-down",
+	"geo-arrow-left",
+	"geo-arrow-right",
+	"geo-arrow-up",
+	"geo-check-box",
+	"geo-cloud",
+	"geo-diamond",
+	"geo-ellipse",
+	"geo-heart",
+	"geo-hexagon",
+	"geo-octagon",
+	"geo-oval",
+	"geo-pentagon",
+	"geo-rectangle",
+	"geo-rhombus-2",
+	"geo-rhombus",
+	"geo-star",
+	"geo-trapezoid",
+	"geo-triangle",
+	"geo-x-box",
+	"github",
+	"group",
+	"heading",
+	"help-circle",
+	"highlight",
+	"horizontal-align-end",
+	"horizontal-align-middle",
+	"horizontal-align-start",
+	"info-circle",
+	"italic",
+	"leading",
+	"link",
+	"list",
+	"lock",
+	"manual",
+	"menu",
+	"minus",
+	"mixed",
+	"pack",
+	"plus",
+	"question-mark-circle",
+	"question-mark",
+	"redo",
+	"reset-zoom",
+	"rotate-ccw",
+	"rotate-cw",
+	"send-backward",
+	"send-to-back",
+	"share-1",
+	"size-extra-large",
+	"size-large",
+	"size-medium",
+	"size-small",
+	"spline-cubic",
+	"spline-line",
+	"stack-horizontal",
+	"stack-vertical",
+	"status-offline",
+	"stretch-horizontal",
+	"stretch-vertical",
+	"strike",
+	"text-align-center",
+	"text-align-left",
+	"text-align-right",
+	"toggle-off",
+	"toggle-on",
+	"tool-arrow",
+	"tool-eraser",
+	"tool-frame",
+	"tool-hand",
+	"tool-highlight",
+	"tool-laser",
+	"tool-line",
+	"tool-media",
+	"tool-note",
+	"tool-pencil",
+	"tool-pointer",
+	"tool-screenshot",
+	"tool-text",
+	"trash",
+	"twitter",
+	"underline",
+	"undo",
+	"ungroup",
+	"unlock",
+	"vertical-align-end",
+	"vertical-align-middle",
+	"vertical-align-start",
+	"warning-triangle",
+	"zoom-in",
+	"zoom-out"
+]
diff --git a/web/hermes-dist/icons/icon/info-circle.svg b/web/hermes-dist/icons/icon/info-circle.svg
new file mode 100644
index 0000000..01ccfdd
--- /dev/null
+++ b/web/hermes-dist/icons/icon/info-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-width="2" d="M15 27.295c6.79 0 12.295-5.505 12.295-12.296S21.79 2.704 15 2.704 2.704 8.209 2.704 14.999 8.21 27.295 15 27.295Z"/><path stroke="#000" stroke-linecap="square" stroke-linejoin="round" stroke-width="2" d="M13 21h2m2 0h-2m0 0v-8h-2"/><circle cx="15" cy="9" r="1.5" fill="#000"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/italic.svg b/web/hermes-dist/icons/icon/italic.svg
new file mode 100644
index 0000000..a6e3773
--- /dev/null
+++ b/web/hermes-dist/icons/icon/italic.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" fill-rule="evenodd" d="M11.35 6.9a.9.9 0 0 1 .9-.9h9a.9.9 0 1 1 0 1.8h-3.238L14.462 22h3.288a.9.9 0 0 1 0 1.8h-9a.9.9 0 1 1 0-1.8h3.238l3.55-14.2H12.25a.9.9 0 0 1-.9-.9" clip-rule="evenodd" style="fill:#000;fill-opacity:1"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/leading.svg b/web/hermes-dist/icons/icon/leading.svg
new file mode 100644
index 0000000..f302ee4
--- /dev/null
+++ b/web/hermes-dist/icons/icon/leading.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-width="2" d="M26 15c0 1.77-1.077 3.496-3.07 4.825C20.946 21.149 18.145 22 15 22s-5.945-.851-7.93-2.175C5.076 18.496 4 16.77 4 15c0-1.77 1.077-3.496 3.07-4.825C9.054 8.851 11.855 8 15 8s5.945.851 7.93 2.175C24.924 11.504 26 13.23 26 15Z"/><path fill="#000" d="M25 15c0 2.21-1.567 4-3.5 4S18 17.21 18 15s1.567-4 3.5-4 3.5 1.79 3.5 4"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/link.svg b/web/hermes-dist/icons/icon/link.svg
new file mode 100644
index 0000000..c82ef79
--- /dev/null
+++ b/web/hermes-dist/icons/icon/link.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-width="2" d="M11 9H9.25c-1.162 0-1.742 0-2.225.092-1.984.379-3.534 1.867-3.929 3.772C3 13.327 3 13.884 3 15c0 1.115 0 1.673.096 2.136.395 1.905 1.945 3.393 3.929 3.772C7.508 21 8.088 21 9.25 21H11m8-12h1.75c1.162 0 1.742 0 2.226.092 1.983.379 3.533 1.867 3.928 3.772C27 13.327 27 13.884 27 15c0 1.115 0 1.673-.096 2.136-.395 1.905-1.945 3.393-3.928 3.772-.483.092-1.064.092-2.226.092H19M10.002 15h10"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/list.svg b/web/hermes-dist/icons/icon/list.svg
new file mode 100644
index 0000000..9227b6d
--- /dev/null
+++ b/web/hermes-dist/icons/icon/list.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" fill-rule="evenodd" d="M3.25 10.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3m5-1.5a1 1 0 0 1 1-1h18a1 1 0 0 1 0 2h-18a1 1 0 0 1-1-1m1 5a1 1 0 1 0 0 2h18a1 1 0 0 0 0-2zm0 6a1 1 0 0 0 0 2h18a1 1 0 0 0 0-2zm-4.5-5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0m-1.5 7.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3" clip-rule="evenodd" style="fill:#000;fill-opacity:1"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/lock.svg b/web/hermes-dist/icons/icon/lock.svg
new file mode 100644
index 0000000..0e50799
--- /dev/null
+++ b/web/hermes-dist/icons/icon/lock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linejoin="round" stroke-width="2" d="M5 14.022a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1z"/><path stroke="#000" stroke-width="2" d="M21 13.022V9.288c0-3.86-2.136-6.31-5.997-6.31S9 5.434 9 9.295v3.728"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/manual.svg b/web/hermes-dist/icons/icon/manual.svg
new file mode 100644
index 0000000..1a469a2
--- /dev/null
+++ b/web/hermes-dist/icons/icon/manual.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-width="2" d="M15 26.421V7.555m0 0c0-4.143 7.057-4.098 8.935-4.013a.48.48 0 0 1 .455.487l-.001 17.921a.516.516 0 0 1-.539.514C21.855 22.38 15 22.396 15 26.48c0-4.084-6.856-4.099-8.852-4.017a.516.516 0 0 1-.539-.513V4.03a.48.48 0 0 1 .456-.487C7.943 3.457 15 3.412 15 7.555Z" style="stroke:#000;stroke-opacity:1"/><path stroke="#000" stroke-width="2" d="M6 5.52H2.5a.5.5 0 0 0-.5.5v19.006a.5.5 0 0 0 .5.5h25a.5.5 0 0 0 .5-.5V6.02a.5.5 0 0 0-.5-.5H24" style="stroke:#000;stroke-opacity:1"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/menu.svg b/web/hermes-dist/icons/icon/menu.svg
new file mode 100644
index 0000000..38bbb7b
--- /dev/null
+++ b/web/hermes-dist/icons/icon/menu.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M3.923 6C3.413 6 3 6.448 3 7s.413 1 .923 1h22.154c.51 0 .923-.448.923-1s-.413-1-.923-1zM3 15c0-.552.413-1 .923-1h22.154c.51 0 .923.448.923 1s-.413 1-.923 1H3.923C3.413 16 3 15.552 3 15M3 23c0-.552.413-1 .923-1h22.154c.51 0 .923.448.923 1s-.413 1-.923 1H3.923C3.413 24 3 23.552 3 23"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/minus.svg b/web/hermes-dist/icons/icon/minus.svg
new file mode 100644
index 0000000..a5e2e92
--- /dev/null
+++ b/web/hermes-dist/icons/icon/minus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M4.5 15a1 1 0 0 1 1-1h19a1 1 0 1 1 0 2h-19a1 1 0 0 1-1-1"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/mixed.svg b/web/hermes-dist/icons/icon/mixed.svg
new file mode 100644
index 0000000..5c1d1e8
--- /dev/null
+++ b/web/hermes-dist/icons/icon/mixed.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M27.25 14.5a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0M7.25 14.5a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0M17.25 4.5a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0M17.25 24.5a2.25 2.25 0 1 1-4.5 0 2.25 2.25 0 0 1 4.5 0M6.5 4.75a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0M6.5 24.75a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0M16.5 14.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0M26.5 24.75a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0M26.5 4.75a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/pack.svg b/web/hermes-dist/icons/icon/pack.svg
new file mode 100644
index 0000000..3101665
--- /dev/null
+++ b/web/hermes-dist/icons/icon/pack.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-width="2" d="M1 2a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1zm0 16a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1zM17 2a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1zm0 16a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v10a1 1 0 0 1-1 1H18a1 1 0 0 1-1-1z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/plus.svg b/web/hermes-dist/icons/icon/plus.svg
new file mode 100644
index 0000000..2f22a00
--- /dev/null
+++ b/web/hermes-dist/icons/icon/plus.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M16 5.5a1 1 0 1 0-2 0V14H5.5a1 1 0 1 0 0 2H14v8.5a1 1 0 1 0 2 0V16h8.5a1 1 0 1 0 0-2H16z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/question-mark-circle.svg b/web/hermes-dist/icons/icon/question-mark-circle.svg
new file mode 100644
index 0000000..7a37fdf
--- /dev/null
+++ b/web/hermes-dist/icons/icon/question-mark-circle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-width="2" d="M15 27.295c6.79 0 12.295-5.505 12.295-12.296S21.79 2.704 15 2.704 2.704 8.209 2.704 14.999C2.704 21.79 8.21 27.295 15 27.295Z" style="stroke:#000;stroke-opacity:1"/><circle cx="15" cy="21" r="1.5" fill="#000" style="fill:#000;fill-opacity:1"/><path stroke="#000" stroke-linecap="round" stroke-width="2.2" d="M11 12.5c0-2 1.7-3.75 4-3.75s4 1.75 4 3.75c0 3.19-4 3.15-4 4.9" style="stroke:#000;stroke-opacity:1"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/question-mark.svg b/web/hermes-dist/icons/icon/question-mark.svg
new file mode 100644
index 0000000..4e29b66
--- /dev/null
+++ b/web/hermes-dist/icons/icon/question-mark.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-width="2.3" d="M9 8.2c0-3.161 3.039-5.5 6-5.5s6 2.339 6 5.5c0 5.503-6 5.345-6 10.8"/><path fill="#000" d="M16.75 24.965a1.75 1.75 0 1 1-3.5 0 1.75 1.75 0 0 1 3.5 0"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/redo.svg b/web/hermes-dist/icons/icon/redo.svg
new file mode 100644
index 0000000..5e16ff3
--- /dev/null
+++ b/web/hermes-dist/icons/icon/redo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" fill-rule="evenodd" d="M20.293 4.293a1 1 0 0 1 1.414 0l4 4a1 1 0 0 1 0 1.414l-4 4a1 1 0 0 1-1.414-1.414L22.586 10H12a7 7 0 1 0 0 14h8a1 1 0 1 1 0 2h-8a9 9 0 1 1 0-18h10.586l-2.293-2.293a1 1 0 0 1 0-1.414" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/reset-zoom.svg b/web/hermes-dist/icons/icon/reset-zoom.svg
new file mode 100644
index 0000000..d3ff7f2
--- /dev/null
+++ b/web/hermes-dist/icons/icon/reset-zoom.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><circle cx="12.408" cy="12.408" r="9.408" stroke="#000" stroke-width="2"/><path fill="#000" d="M27.08 25.24a1.301 1.301 0 0 1-1.84 1.84L18.89 20.73a1.3 1.3 0 1 1 1.84-1.84z"/><path stroke="#000" stroke-linecap="round" stroke-width="2" d="M7.908 12.408a4.5 4.5 0 1 0 4.5-4.5"/><circle cx="9.216" cy="9.155" r="1" fill="#000"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/rotate-ccw.svg b/web/hermes-dist/icons/icon/rotate-ccw.svg
new file mode 100644
index 0000000..7740c85
--- /dev/null
+++ b/web/hermes-dist/icons/icon/rotate-ccw.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M15.597 7.186A.25.25 0 0 0 16 6.99V5c3.963 0 6.37.727 7.821 2.179C25.273 8.63 26 11.037 26 15a1 1 0 1 0 2 0c0-4.112-.735-7.206-2.765-9.235C23.205 3.735 20.113 3 16 3V1.011a.25.25 0 0 0-.403-.197l-3.843 2.989a.25.25 0 0 0 0 .395z"/><path fill="#000" fill-rule="evenodd" d="M3.5 9A1.5 1.5 0 0 0 2 10.5v17A1.5 1.5 0 0 0 3.5 29h17a1.5 1.5 0 0 0 1.5-1.5v-17A1.5 1.5 0 0 0 20.5 9zm.5 2v16h16V11z" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/rotate-cw.svg b/web/hermes-dist/icons/icon/rotate-cw.svg
new file mode 100644
index 0000000..52d1da9
--- /dev/null
+++ b/web/hermes-dist/icons/icon/rotate-cw.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M14.403 7.217A.25.25 0 0 1 14 7.02V5.03c-3.963 0-6.37.728-7.821 2.18C4.727 8.66 4 11.068 4 15.03a1 1 0 0 1-2 0c0-4.112.735-7.205 2.765-9.235S9.888 3.031 14 3.031V1.042a.25.25 0 0 1 .403-.197l3.843 2.988a.25.25 0 0 1 0 .395z"/><path fill="#000" fill-rule="evenodd" d="M26.5 9.03a1.5 1.5 0 0 1 1.5 1.5v17a1.5 1.5 0 0 1-1.5 1.5h-17a1.5 1.5 0 0 1-1.5-1.5v-17a1.5 1.5 0 0 1 1.5-1.5zm-.5 2v16H10v-16z" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/send-backward.svg b/web/hermes-dist/icons/icon/send-backward.svg
new file mode 100644
index 0000000..7206f54
--- /dev/null
+++ b/web/hermes-dist/icons/icon/send-backward.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21.5 17.5 15 24m0 0-6.5-6.5M15 24V6"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/send-to-back.svg b/web/hermes-dist/icons/icon/send-to-back.svg
new file mode 100644
index 0000000..ff20f85
--- /dev/null
+++ b/web/hermes-dist/icons/icon/send-to-back.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M21.5 14.5 15 21m0 0-6.5-6.5M15 21V3m12 24H3"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/share-1.svg b/web/hermes-dist/icons/icon/share-1.svg
new file mode 100644
index 0000000..d0a6405
--- /dev/null
+++ b/web/hermes-dist/icons/icon/share-1.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-width="2" d="M11 15a4 4 0 1 1-8 0 4 4 0 0 1 8 0Zm16-8a4 4 0 1 1-8 0 4 4 0 0 1 8 0Zm0 16a4 4 0 1 1-8 0 4 4 0 0 1 8 0ZM19 21l-8-5m8-7-8 5"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/size-extra-large.svg b/web/hermes-dist/icons/icon/size-extra-large.svg
new file mode 100644
index 0000000..3916ad1
--- /dev/null
+++ b/web/hermes-dist/icons/icon/size-extra-large.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="m4.444 5.792 3.63 6.134h.14l3.648-6.134h4.298l-5.493 9 5.616 9h-4.377l-3.691-6.144h-.14L4.382 23.79H.023l5.634-9-5.528-9zM18.447 23.792v-18h3.806v14.862h7.716v3.137z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/size-large.svg b/web/hermes-dist/icons/icon/size-large.svg
new file mode 100644
index 0000000..09c75f5
--- /dev/null
+++ b/web/hermes-dist/icons/icon/size-large.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M9 23.792v-18h3.806v14.862h7.717v3.137z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/size-medium.svg b/web/hermes-dist/icons/icon/size-medium.svg
new file mode 100644
index 0000000..2182831
--- /dev/null
+++ b/web/hermes-dist/icons/icon/size-medium.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M5 5.792h4.693l4.957 12.093h.211l4.957-12.094h4.694v18H20.82V12.077h-.15l-4.657 11.628h-2.514L8.841 12.032h-.15v11.76H5z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/size-small.svg b/web/hermes-dist/icons/icon/size-small.svg
new file mode 100644
index 0000000..0002e5b
--- /dev/null
+++ b/web/hermes-dist/icons/icon/size-small.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M18.065 11.068q-.103-1.035-.881-1.608t-2.112-.573q-.907 0-1.53.257-.625.248-.959.692a1.67 1.67 0 0 0-.325 1.01q-.016.47.197.82.222.35.607.607.385.247.89.436.504.18 1.077.308l1.573.376q1.146.257 2.104.684a6.4 6.4 0 0 1 1.659 1.052q.701.625 1.086 1.471.393.846.402 1.941-.01 1.608-.821 2.788-.804 1.17-2.326 1.821-1.514.642-3.651.642-2.12 0-3.694-.65-1.566-.65-2.446-1.924-.872-1.283-.915-3.173h3.583q.06.881.504 1.471.454.582 1.206.88.761.292 1.719.291.94 0 1.633-.273.702-.274 1.086-.761.385-.488.385-1.12 0-.59-.35-.992-.343-.402-1.01-.684-.658-.282-1.616-.514l-1.907-.478q-2.214-.54-3.497-1.685t-1.274-3.087q-.009-1.59.846-2.779.864-1.187 2.369-1.856 1.505-.667 3.42-.667 1.95 0 3.404.667 1.462.668 2.274 1.856t.838 2.754z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/spline-cubic.svg b/web/hermes-dist/icons/icon/spline-cubic.svg
new file mode 100644
index 0000000..3608dbd
--- /dev/null
+++ b/web/hermes-dist/icons/icon/spline-cubic.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-width="2" d="M6 6v2c0 5.6 0 8.4 1.09 10.54a10 10 0 0 0 4.37 4.37C13.6 24 16.4 24 22 24h2"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/spline-line.svg b/web/hermes-dist/icons/icon/spline-line.svg
new file mode 100644
index 0000000..af1e471
--- /dev/null
+++ b/web/hermes-dist/icons/icon/spline-line.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-width="2" d="M6 6v18h18"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/stack-horizontal.svg b/web/hermes-dist/icons/icon/stack-horizontal.svg
new file mode 100644
index 0000000..32d699b
--- /dev/null
+++ b/web/hermes-dist/icons/icon/stack-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-width="2.6" d="M3 28V2m8 26V2m8 26V2m8 26V2"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/stack-vertical.svg b/web/hermes-dist/icons/icon/stack-vertical.svg
new file mode 100644
index 0000000..e1d9870
--- /dev/null
+++ b/web/hermes-dist/icons/icon/stack-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-width="2.6" d="M28 27H2m26-8H2m26-8H2m26-8H2"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/status-offline.svg b/web/hermes-dist/icons/icon/status-offline.svg
new file mode 100644
index 0000000..f88f515
--- /dev/null
+++ b/web/hermes-dist/icons/icon/status-offline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" fill-rule="evenodd" d="M14.624 8.09C8.943 8.198 3.91 10.772.702 14.71c-.408.502-.287 1.234.232 1.618.542.401 1.305.269 1.732-.253 2.48-3.038 6.22-5.132 10.493-5.604zm-3.828 6.22c-2.233.778-4.153 2.157-5.532 3.926-.361.463-.236 1.122.236 1.472.531.393 1.283.236 1.695-.28q.557-.7 1.244-1.287zm9.573 2.961 1.153-1.874c1.25.754 2.34 1.718 3.214 2.84.361.462.236 1.121-.236 1.47-.531.394-1.283.237-1.695-.28a9.5 9.5 0 0 0-2.436-2.156m-2.893 4.701 1.092-1.775a5.9 5.9 0 0 1 1.665 1.678c.255.393.119.904-.258 1.182-.558.413-1.377.127-1.81-.415a3.8 3.8 0 0 0-.69-.67m5.775-9.384 1.22-1.983a17.7 17.7 0 0 1 4.827 4.106c.408.5.287 1.233-.232 1.617-.542.401-1.305.269-1.732-.253a15.2 15.2 0 0 0-4.084-3.487" clip-rule="evenodd"/><rect width="3" height="33.372" x="23.376" y=".169" fill="#000" rx="1.5" transform="rotate(31.606 23.376 .17)"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/stretch-horizontal.svg b/web/hermes-dist/icons/icon/stretch-horizontal.svg
new file mode 100644
index 0000000..007ecce
--- /dev/null
+++ b/web/hermes-dist/icons/icon/stretch-horizontal.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M2 12h26v6H2zM0 3a1 1 0 0 1 2 0v24a1 1 0 1 1-2 0zM28 3a1 1 0 1 1 2 0v24a1 1 0 0 1-2 0z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/stretch-vertical.svg b/web/hermes-dist/icons/icon/stretch-vertical.svg
new file mode 100644
index 0000000..e255cfb
--- /dev/null
+++ b/web/hermes-dist/icons/icon/stretch-vertical.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M2 1a1 1 0 0 1 1-1h24a1 1 0 1 1 0 2H3a1 1 0 0 1-1-1M12 2h6v26h9a1 1 0 1 1 0 2H3a1 1 0 1 1 0-2h9z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/strike.svg b/web/hermes-dist/icons/icon/strike.svg
new file mode 100644
index 0000000..49d8ed7
--- /dev/null
+++ b/web/hermes-dist/icons/icon/strike.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" fill-rule="evenodd" d="M6.997 14.245c-.44 0-.797.338-.797.755s.357.755.797.755H22.94c.44 0 .797-.338.797-.755s-.356-.755-.797-.755z" clip-rule="evenodd" style="fill:#000;fill-opacity:1"/><path stroke="#000" stroke-linecap="round" stroke-width="1.9" d="M19.8 9.788c0-5.05-9.45-5.05-9.45 0 0 5.362 9.926 3.414 9.926 9.47s-10.552 6.056-10.552 0" style="stroke:#000;stroke-opacity:1"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/text-align-center.svg b/web/hermes-dist/icons/icon/text-align-center.svg
new file mode 100644
index 0000000..2cb6e08
--- /dev/null
+++ b/web/hermes-dist/icons/icon/text-align-center.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-width="2" d="M7 21h16M9 15h12M5 9h20"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/text-align-left.svg b/web/hermes-dist/icons/icon/text-align-left.svg
new file mode 100644
index 0000000..b23e11c
--- /dev/null
+++ b/web/hermes-dist/icons/icon/text-align-left.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-width="2" d="M5 21h16M5 15h10M5 9h20"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/text-align-right.svg b/web/hermes-dist/icons/icon/text-align-right.svg
new file mode 100644
index 0000000..ade241e
--- /dev/null
+++ b/web/hermes-dist/icons/icon/text-align-right.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-width="2" d="M9 21h16m-10-6h10M5 9h20"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/toggle-off.svg b/web/hermes-dist/icons/icon/toggle-off.svg
new file mode 100644
index 0000000..49846ac
--- /dev/null
+++ b/web/hermes-dist/icons/icon/toggle-off.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><rect width="28" height="18" x="1" y="7" stroke="#000" stroke-width="2" opacity=".32" rx="9"/><circle cx="10" cy="16" r="6" fill="#000" opacity=".32"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/toggle-on.svg b/web/hermes-dist/icons/icon/toggle-on.svg
new file mode 100644
index 0000000..7a5e089
--- /dev/null
+++ b/web/hermes-dist/icons/icon/toggle-on.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><circle cx="20" cy="16" r="6" fill="#000"/><rect width="28" height="18" x="1" y="7" stroke="#000" stroke-width="2" rx="9"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/tool-arrow.svg b/web/hermes-dist/icons/icon/tool-arrow.svg
new file mode 100644
index 0000000..81056b4
--- /dev/null
+++ b/web/hermes-dist/icons/icon/tool-arrow.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M24 18.467V6m0 0H11.533M24 6 7 23"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/tool-eraser.svg b/web/hermes-dist/icons/icon/tool-eraser.svg
new file mode 100644
index 0000000..702b45c
--- /dev/null
+++ b/web/hermes-dist/icons/icon/tool-eraser.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m6.736 13.66-3.43 3.43a2 2 0 0 0 0 2.828l5.304 5.304a5 5 0 0 0 7.071 0l1.308-1.308M6.736 13.66 17.854 2.543l10.253 10.253L16.99 23.914M6.736 13.66 16.99 23.914"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/tool-frame.svg b/web/hermes-dist/icons/icon/tool-frame.svg
new file mode 100644
index 0000000..52af48d
--- /dev/null
+++ b/web/hermes-dist/icons/icon/tool-frame.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M10.2 27H5a2 2 0 0 1-2-2v-5.2M19.8 27H25a2 2 0 0 0 2-2v-5.2M3 10.2V5a2 2 0 0 1 2-2h5.2m9.6 0H25a2 2 0 0 1 2 2v5.2"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/tool-hand.svg b/web/hermes-dist/icons/icon/tool-hand.svg
new file mode 100644
index 0000000..c1cb859
--- /dev/null
+++ b/web/hermes-dist/icons/icon/tool-hand.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M8.636 16.022c-.19-.723-.38-1.618-.78-2.95-.757-2.49-2.075-4.8-2.723-7.326-.425-1.81 1.12-3.643 3.046-2.969 2.949 1.036 3.868 6.109 4.283 8.678l.152.856c-.203-3.707-.469-6.126 0-9.172.463-2.89 4.888-2.825 5.254.038.189 2.079.19 4.154.19 6.242 0 .437 0 3.082.038 2.797.114-1.256.171-6.07.647-7.498 1.04-3.19 4.893-2.028 5.083.876.157 2.1-.062 4.29-.114 6.394 0 .076-.02.57.038.342.574-1.786.076-6.736 3.187-6.119 1.027.204 2.932 1.59 1.542 6.289-1.96 6.631-4.5 9.498-4.5 16.5h-14c0-5-6.61-8.82-8.5-12.598-.418-.799-.626-1.807-.36-2.53.438-1.123 1.254-1.713 2.568-1.58 2.142.206 3.008 2.032 4.949 3.73"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/tool-highlight.svg b/web/hermes-dist/icons/icon/tool-highlight.svg
new file mode 100644
index 0000000..8d85850
--- /dev/null
+++ b/web/hermes-dist/icons/icon/tool-highlight.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m13.102 25.123 13.593-14.711a2 2 0 0 0-.055-2.771l-3.275-3.276a2 2 0 0 0-2.777-.05L5.983 17.919m7.118 7.205-7.118-7.206m7.118 7.206c-.5-.167-1.8-.586-3-.586s-2.5 1-3 1.5m-1.118-8.12c.167.5.619 1.92.619 3.12s-1 2.5-1.5 3m2 2-1-1-1-1m2 2-1 1L2 27.14l3.103-3.103"/><path fill="#000" d="m2 26 2-2 2 2-1 1z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/tool-laser.svg b/web/hermes-dist/icons/icon/tool-laser.svg
new file mode 100644
index 0000000..6f17c98
--- /dev/null
+++ b/web/hermes-dist/icons/icon/tool-laser.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m3.522 26.477 4.034-4.034M3.522 20.627l2.358-.83M10.201 24.119l-.829 2.358M27 7.364 13.111 21.252a.5.5 0 0 1-.707 0l-3.656-3.656a.5.5 0 0 1 0-.707L22.636 3z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/tool-line.svg b/web/hermes-dist/icons/icon/tool-line.svg
new file mode 100644
index 0000000..445bdb3
--- /dev/null
+++ b/web/hermes-dist/icons/icon/tool-line.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-width="2" d="M25 5 5 25"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/tool-media.svg b/web/hermes-dist/icons/icon/tool-media.svg
new file mode 100644
index 0000000..46e5921
--- /dev/null
+++ b/web/hermes-dist/icons/icon/tool-media.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" fill-rule="evenodd" d="M15 7.398a3.602 3.602 0 1 0 0 7.204 3.602 3.602 0 0 0 0-7.204M13.398 11a1.602 1.602 0 1 1 3.204 0 1.602 1.602 0 0 1-3.204 0" clip-rule="evenodd"/><path fill="#000" fill-rule="evenodd" d="M4.5 2h21A2.5 2.5 0 0 1 28 4.5v21a2.5 2.5 0 0 1-2.5 2.5h-21A2.5 2.5 0 0 1 2 25.5v-21A2.5 2.5 0 0 1 4.5 2M26 4.5v14.086l-3.293-3.293a1 1 0 0 0-1.414 0l-5.543 5.543-7.019-7.518a1 1 0 0 0-1.438-.025L4 16.586V4.5a.5.5 0 0 1 .5-.5h21a.5.5 0 0 1 .5.5m-22 21v-6.086l3.975-3.975 7.014 7.513L17.747 26H4.5a.5.5 0 0 1-.5-.5m21.5.5h-5.055l-3.34-3.69L22 17.414l4 4V25.5a.5.5 0 0 1-.5.5" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/tool-note.svg b/web/hermes-dist/icons/icon/tool-note.svg
new file mode 100644
index 0000000..f4d3b3c
--- /dev/null
+++ b/web/hermes-dist/icons/icon/tool-note.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-width="2" d="M17 27v-8a2 2 0 0 1 2-2h8"/><path stroke="#000" stroke-width="2" d="m17.579 26.45 8.799-8.359a2 2 0 0 0 .622-1.45V5a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v20a2 2 0 0 0 2 2h11.201a2 2 0 0 0 1.378-.55Z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/tool-pencil.svg b/web/hermes-dist/icons/icon/tool-pencil.svg
new file mode 100644
index 0000000..02bc4f7
--- /dev/null
+++ b/web/hermes-dist/icons/icon/tool-pencil.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m4.636 23.182 1.599-3.73a.5.5 0 0 1 .106-.157L22.636 3 27 7.364 10.705 23.659a.5.5 0 0 1-.157.106l-3.73 1.599m-2.182-2.182L3 27l3.818-1.636m-2.182-2.182 2.182 2.182"/><path fill="#000" d="m3 27 1.714-4L7 25.286z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/tool-pointer.svg b/web/hermes-dist/icons/icon/tool-pointer.svg
new file mode 100644
index 0000000..ebaa1a1
--- /dev/null
+++ b/web/hermes-dist/icons/icon/tool-pointer.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linejoin="round" stroke-width="2" d="m17.072 28.713 4.245-1.935-4.415-9.701 8.037-.355L7.123 1.287v23.55l5.525-5.826z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/tool-screenshot.svg b/web/hermes-dist/icons/icon/tool-screenshot.svg
new file mode 100644
index 0000000..468c6ac
--- /dev/null
+++ b/web/hermes-dist/icons/icon/tool-screenshot.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-width="2" d="M20 15a5 5 0 1 1-10 0 5 5 0 0 1 10 0Z"/><rect width="4" height="4" x="21" y="5" fill="#000" rx="2"/><path stroke="#000" stroke-width="2" d="M25 3a2 2 0 0 1 2 2v20a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/tool-text.svg b/web/hermes-dist/icons/icon/tool-text.svg
new file mode 100644
index 0000000..e0f2617
--- /dev/null
+++ b/web/hermes-dist/icons/icon/tool-text.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M11.509 24a1 1 0 1 0 0 2zm7 2a1 1 0 1 0 0-2zM7 5V4a1 1 0 0 0-1 1zm16 0h1a1 1 0 0 0-1-1zm-1 4a1 1 0 1 0 2 0zM6 9a1 1 0 0 0 2 0zm10 15.5v-19h-2v19zM11.509 26h7v-2h-7zM7 6h16V4H7zm17 3V5h-2v4zM8 9V5H6v4z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/trash.svg b/web/hermes-dist/icons/icon/trash.svg
new file mode 100644
index 0000000..ac7f7de
--- /dev/null
+++ b/web/hermes-dist/icons/icon/trash.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" fill-rule="evenodd" d="M10.5 3.3v1.8h9V3.3zm10.8 1.8V2.85a1.35 1.35 0 0 0-1.35-1.35h-9.9A1.35 1.35 0 0 0 8.7 2.85V5.1H3.3a.9.9 0 0 0 0 1.8h1.961q0 .075.007.154l1.7 19.8A1.8 1.8 0 0 0 8.76 28.5h12.478a1.8 1.8 0 0 0 1.794-1.646l1.7-19.8q.006-.078.006-.154H26.7a.9.9 0 1 0 0-1.8zm1.639 1.8H7.06l1.7 19.8h12.478z" clip-rule="evenodd"/><path fill="#000" fill-rule="evenodd" d="M11.325 11.403a.9.9 0 0 1 .972.822l.9 10.8a.9.9 0 1 1-1.794.15l-.9-10.8a.9.9 0 0 1 .822-.972M17.625 23.997a.9.9 0 0 1-.822-.972l.9-10.8a.9.9 0 0 1 1.794.15l-.9 10.8a.9.9 0 0 1-.972.822" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/twitter.svg b/web/hermes-dist/icons/icon/twitter.svg
new file mode 100644
index 0000000..868ffa7
--- /dev/null
+++ b/web/hermes-dist/icons/icon/twitter.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M20.72 4.137a5.254 5.254 0 0 0-5.253 5.256q.002.616.135 1.195a14.92 14.92 0 0 1-10.829-5.49 5.25 5.25 0 0 0-.71 2.641c0 1.823.928 3.432 2.337 4.374a5.24 5.24 0 0 1-2.38-.658v.068a5.256 5.256 0 0 0 4.214 5.152 5.3 5.3 0 0 1-2.372.09 5.26 5.26 0 0 0 4.908 3.647 10.54 10.54 0 0 1-6.526 2.25q-.636 0-1.254-.073a14.86 14.86 0 0 0 8.053 2.36c9.665 0 14.948-8.005 14.948-14.947 0-2.96-2.094-5.865-5.271-5.865"/><path fill="#000" d="M26.393 7.138a10.5 10.5 0 0 0 3.017-.827l-.003.003a10.7 10.7 0 0 1-2.62 2.718l-1.42-3.527a10.5 10.5 0 0 0 3.336-1.275 5.27 5.27 0 0 1-2.31 2.908"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/underline.svg b/web/hermes-dist/icons/icon/underline.svg
new file mode 100644
index 0000000..5ed7fcc
--- /dev/null
+++ b/web/hermes-dist/icons/icon/underline.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" fill-rule="evenodd" d="M9.987 6.944C9.987 6.423 9.54 6 8.99 6s-.996.423-.996.944v10.009c0 3.65 3.123 6.61 6.975 6.61s6.975-2.96 6.975-6.61V6.944c0-.521-.446-.944-.996-.944s-.997.423-.997.944v10.009c0 2.607-2.23 4.72-4.982 4.72s-4.982-2.113-4.982-4.72zM6.997 26.49c-.44 0-.797.338-.797.756 0 .417.357.755.797.755H22.94c.44 0 .797-.338.797-.755 0-.418-.356-.756-.797-.756z" clip-rule="evenodd" style="fill:#000;fill-opacity:1"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/undo.svg b/web/hermes-dist/icons/icon/undo.svg
new file mode 100644
index 0000000..c36e021
--- /dev/null
+++ b/web/hermes-dist/icons/icon/undo.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" fill-rule="evenodd" d="M9.707 4.293a1 1 0 0 1 0 1.414L7.414 8H18a9 9 0 1 1 0 18h-8a1 1 0 1 1 0-2h8a7 7 0 1 0 0-14H7.414l2.293 2.293a1 1 0 0 1-1.414 1.414l-4-4a1 1 0 0 1 0-1.414l4-4a1 1 0 0 1 1.414 0" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/ungroup.svg b/web/hermes-dist/icons/icon/ungroup.svg
new file mode 100644
index 0000000..d44f163
--- /dev/null
+++ b/web/hermes-dist/icons/icon/ungroup.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path fill="#000" d="M2.9 1.9a1 1 0 0 0-1 1v4a1 1 0 0 0 2 0v-3h3a1 1 0 1 0 0-2zM11.9 1.9a1 1 0 1 0 0 2h6a1 1 0 1 0 0-2zM10.9 26.9a1 1 0 0 1 1-1h6a1 1 0 1 1 0 2h-6a1 1 0 0 1-1-1M3.9 11.9a1 1 0 1 0-2 0v6a1 1 0 1 0 2 0zM26.9 10.9a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0v-6a1 1 0 0 1 1-1M27.9 22.9a1 1 0 1 0-2 0l-.002 3H22.9a1 1 0 1 0 0 2h4a1 1 0 0 0 1-1z"/><path fill="#000" fill-rule="evenodd" d="M27.293 3.707 3.707 27.293a1 1 0 0 1-1.414-1.414L25.879 2.293a1 1 0 1 1 1.414 1.414" clip-rule="evenodd"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/unlock.svg b/web/hermes-dist/icons/icon/unlock.svg
new file mode 100644
index 0000000..a36403e
--- /dev/null
+++ b/web/hermes-dist/icons/icon/unlock.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><path stroke="#000" stroke-linejoin="round" stroke-width="2" d="M5 15a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H6a1 1 0 0 1-1-1z"/><path stroke="#000" stroke-width="2" d="M21 14V8.272C21 4.412 18.858 2 14.997 2c-2.12 0-3.72.695-4.732 2C9.435 5.072 9 6.526 9 8.267"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/vertical-align-end.svg b/web/hermes-dist/icons/icon/vertical-align-end.svg
new file mode 100644
index 0000000..8730fa9
--- /dev/null
+++ b/web/hermes-dist/icons/icon/vertical-align-end.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><rect width="2" height="22" x="26" y="19.5" fill="#000" rx="1" transform="rotate(90 26 19.5)"/><rect width="2" height="8" x="15" y="16.41" fill="#000" rx="1" transform="rotate(-135 15 16.41)"/><rect width="2" height="8" x="16.414" y="14.996" fill="#000" rx="1" transform="rotate(135 16.414 14.996)"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/vertical-align-middle.svg b/web/hermes-dist/icons/icon/vertical-align-middle.svg
new file mode 100644
index 0000000..8c29b39
--- /dev/null
+++ b/web/hermes-dist/icons/icon/vertical-align-middle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><rect width="2" height="8" x="15" y="19.09" fill="#000" rx="1" transform="rotate(45 15 19.09)"/><rect width="2" height="8" x="13.586" y="20.504" fill="#000" rx="1" transform="rotate(-45 13.586 20.504)"/><rect width="2" height="8" x="15" y="10.911" fill="#000" rx="1" transform="rotate(-135 15 10.911)"/><rect width="2" height="8" x="16.414" y="9.497" fill="#000" rx="1" transform="rotate(135 16.414 9.497)"/><rect width="2" height="22" x="4" y="16" fill="#000" rx="1" transform="rotate(-90 4 16)"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/vertical-align-start.svg b/web/hermes-dist/icons/icon/vertical-align-start.svg
new file mode 100644
index 0000000..db59122
--- /dev/null
+++ b/web/hermes-dist/icons/icon/vertical-align-start.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><rect width="2" height="22" x="4" y="10.5" fill="#000" rx="1" transform="rotate(-90 4 10.5)"/><rect width="2" height="8" x="15" y="13.592" fill="#000" rx="1" transform="rotate(45 15 13.592)"/><rect width="2" height="8" x="13.586" y="15.006" fill="#000" rx="1" transform="rotate(-45 13.586 15.006)"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/warning-triangle.svg b/web/hermes-dist/icons/icon/warning-triangle.svg
new file mode 100644
index 0000000..f4f1a2c
--- /dev/null
+++ b/web/hermes-dist/icons/icon/warning-triangle.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><circle cx="15.4" cy="19.439" r="1.5" fill="#000"/><path fill="#000" d="M14.054 10.46a1.347 1.347 0 1 1 2.692 0l-.308 5.001a1.04 1.04 0 0 1-2.076 0z"/><path stroke="#000" stroke-width="2" d="M28.483 23.858 15.52 1.332a.6.6 0 0 0-1.04 0L1.517 23.858a.6.6 0 0 0 .52.9h25.926a.6.6 0 0 0 .52-.9Z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/zoom-in.svg b/web/hermes-dist/icons/icon/zoom-in.svg
new file mode 100644
index 0000000..7475599
--- /dev/null
+++ b/web/hermes-dist/icons/icon/zoom-in.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><circle cx="12.408" cy="12.408" r="9.408" stroke="#000" stroke-width="2"/><rect width="2.602" height="9.107" x="11.107" y="7.854" fill="#000" rx="1.301"/><rect width="2.602" height="9.107" x="16.961" y="11.107" fill="#000" rx="1.301" transform="rotate(90 16.96 11.107)"/><path fill="#000" d="M27.08 25.24a1.301 1.301 0 0 1-1.84 1.84L18.89 20.73a1.3 1.3 0 1 1 1.84-1.84z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/icons/icon/zoom-out.svg b/web/hermes-dist/icons/icon/zoom-out.svg
new file mode 100644
index 0000000..a80ce59
--- /dev/null
+++ b/web/hermes-dist/icons/icon/zoom-out.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" fill="none"><circle cx="12.408" cy="12.408" r="9.408" stroke="#000" stroke-width="2"/><rect width="2.602" height="9.107" x="16.961" y="11.107" fill="#000" rx="1.301" transform="rotate(90 16.961 11.107)"/><path fill="#000" d="M27.08 25.24a1.301 1.301 0 0 1-1.84 1.84L18.89 20.73a1.3 1.3 0 1 1 1.84-1.84z"/></svg>
\ No newline at end of file
diff --git a/web/hermes-dist/styles.css b/web/hermes-dist/styles.css
index 5ea47d8..4436559 100644
--- a/web/hermes-dist/styles.css
+++ b/web/hermes-dist/styles.css
@@ -693,19 +693,43 @@ button { color: inherit; }
 #workspace-edges { position: absolute; inset: -50000px; width: 100000px; height: 100000px; overflow: visible; pointer-events: none; }
 #workspace-edges path { fill: none; stroke: color-mix(in srgb, var(--accent) 48%, var(--border)); stroke-width: 2px; vector-effect: non-scaling-stroke; }
 #workspace-nodes { position: absolute; inset: 0; }
-.workspace-node { position: absolute; isolation: isolate; display: grid; grid-template-rows: auto 1fr auto; min-width: 300px; min-height: 240px; overflow: hidden; border: 1px solid var(--card-border); border-radius: 18px; background: var(--card-surface); box-shadow: var(--card-shadow); cursor: default; transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease; }
+.workspace-node { position: absolute; isolation: isolate; display: grid; grid-template-rows: auto auto 1fr auto; min-width: 300px; min-height: 240px; overflow: hidden; border: 1px solid var(--card-border); border-radius: 18px; background: var(--card-surface); box-shadow: var(--card-shadow); cursor: default; transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease; }
 .workspace-node:hover { border-color: color-mix(in srgb, var(--fg) 24%, transparent); box-shadow: 0 3px 5px rgba(0,0,0,.2), 0 28px 80px rgba(0,0,0,.34); }
 .workspace-node[aria-selected="true"] { border-color: color-mix(in srgb, var(--accent) 78%, var(--card-border)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 16%, transparent), 0 30px 86px rgba(0,0,0,.34); }
 .workspace-node[data-status="running"] { border-color: color-mix(in srgb, var(--accent) 42%, var(--card-border)); }
 .workspace-node[data-status="failed"] { border-color: color-mix(in srgb, var(--warn) 60%, var(--card-border)); }
+.workspace-node[data-unread="true"] { border-color: var(--accent); box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 22%, transparent), 0 30px 86px rgba(0,0,0,.38); }
 .workspace-node.dragging { transform: translateY(-2px); box-shadow: 0 32px 90px rgba(0,0,0,.42); }
-.workspace-node-head { display: grid; grid-template-columns: 28px minmax(0,1fr) auto auto; align-items: center; gap: 10px; min-height: 60px; padding: 9px 11px 9px 14px; border-bottom: 1px solid var(--card-border); background: var(--card-header); cursor: grab; user-select: none; }
+.workspace-node-head { display: grid; grid-template-columns: 28px minmax(0,1fr) auto auto auto auto auto; align-items: center; gap: 8px; min-height: 60px; padding: 9px 11px 9px 14px; border-bottom: 1px solid var(--card-border); background: var(--card-header); cursor: grab; user-select: none; }
+.workspace-node[data-header-colored="true"] .workspace-node-head { background: color-mix(in srgb, var(--node-header-color) 26%, var(--card-header)); }
 .workspace-node-head:active { cursor: grabbing; }
 .node-kind { width: 28px; height: 28px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid color-mix(in srgb, var(--accent) 24%, transparent); border-radius: 9px; background: color-mix(in srgb, var(--accent) 9%, transparent); color: var(--accent); font-family: var(--font-mono); font-size: 13px; }
 .node-kind svg { width: 17px; height: 17px; }
 .workspace-node-title { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2; color: var(--fg-bold); font-size: 13.5px; line-height: 1.25; font-weight: 500; letter-spacing: -.012em; }
 .node-state { display: inline-flex; align-items: center; gap: 6px; padding: 4px 7px; border: 1px solid color-mix(in srgb, var(--fg) 11%, transparent); border-radius: 999px; color: var(--fg-faint); font-family: var(--font-mono); font-size: 9px; font-weight: 500; text-transform: uppercase; letter-spacing: .09em; }
 .node-state::before { content: ""; width: 5px; height: 5px; border-radius: 50%; background: color-mix(in srgb, var(--fg) 36%, transparent); }
+.node-unread { padding: 4px 7px; border-radius: 999px; background: var(--accent); color: var(--accent-contrast); font: 600 9px/1 var(--font-mono); letter-spacing: .08em; text-transform: uppercase; }
+.node-settings { width: 28px; height: 28px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: var(--fg-dim); cursor: pointer; }
+.node-settings:hover { border-color: var(--card-border); color: var(--fg-bold); }
+.node-settings:disabled { opacity: .32; cursor: default; }
+.node-delete { width: 28px; height: 28px; border: 1px solid transparent; border-radius: 8px; background: transparent; color: var(--fg-dim); font-size: 13px; line-height: 1; cursor: pointer; }
+.node-delete:hover:not(:disabled) { border-color: color-mix(in srgb, var(--warn, #d9534f) 55%, transparent); color: var(--warn, #d9534f); background: color-mix(in srgb, var(--warn, #d9534f) 12%, transparent); }
+.node-delete:disabled { opacity: .32; cursor: default; }
+.danger-button { border: 1px solid color-mix(in srgb, var(--warn, #d9534f) 60%, transparent); border-radius: 9px; padding: 8px 15px; color: #fff; background: var(--warn, #d9534f); font: inherit; cursor: pointer; }
+.danger-button:hover:not(:disabled) { filter: brightness(1.08); }
+.danger-button:disabled { opacity: .5; cursor: default; }
+#delete-summary { color: var(--fg-dim); }
+#delete-error:not(:empty) { margin: 0 22px; color: var(--warn, #d9534f); }
+.node-model-summary { overflow: hidden; padding: 6px 15px 7px 50px; border-bottom: 1px solid color-mix(in srgb, var(--card-border) 65%, transparent); color: var(--fg-faint); font: 500 10px/1.25 var(--font-mono); text-overflow: ellipsis; white-space: nowrap; }
+.node-merge { height: 28px; border: 1px solid var(--card-border); border-radius: 8px; padding: 0 8px; background: transparent; color: var(--fg-dim); font-size: 11px; cursor: pointer; }
+.node-merge:hover { border-color: var(--accent); color: var(--fg-bold); }
+.node-merge:disabled { opacity: .4; cursor: default; }
+/* Stop only exists while a turn is in flight; it is destructive-adjacent so it
+   borrows the warning colour without shouting on an idle card. */
+.node-stop { height: 28px; border: 1px solid color-mix(in srgb, var(--warn, #d9534f) 45%, transparent); border-radius: 8px; padding: 0 8px; background: transparent; color: var(--warn, #d9534f); font-size: 11px; cursor: pointer; }
+.node-stop:hover:not(:disabled) { background: color-mix(in srgb, var(--warn, #d9534f) 12%, transparent); }
+.node-stop:disabled { opacity: .4; cursor: default; }
+.node-stop[hidden] { display: none; }
 .workspace-node[data-status="running"] .node-state::before { background: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 13%, transparent); }
 .workspace-node[data-status="failed"] .node-state::before { background: var(--warn); }
 .node-open { width: 28px; height: 28px; border: 0; border-radius: 50%; background: transparent; color: var(--fg-dim); cursor: pointer; }
@@ -736,7 +760,40 @@ button { color: inherit; }
 .branch-input-row:focus-within { border-color: color-mix(in srgb, var(--accent) 65%, var(--card-border)); background: var(--input-bg, var(--node-bg)); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 11%, transparent); }
 .branch-input-row textarea { flex: 1; min-width: 0; min-height: 28px; resize: none; border: 0; outline: 0; padding: 5px 0 3px; background: transparent; color: var(--fg); font-size: 13.5px; line-height: 1.45; }
 .branch-input-row textarea::placeholder { color: var(--fg-faint); }
-.branch-input-row button { flex: 0 0 30px; width: 30px; height: 30px; border: 0; border-radius: 9px; background: var(--accent); color: var(--accent-contrast); cursor: pointer; opacity: .68; transition: opacity 140ms ease, transform 140ms ease; }
+.branch-actions { display: flex; flex: 0 0 auto; align-items: center; gap: 6px; }
+.branch-input-row button { flex: 0 0 auto; height: 30px; border: 0; border-radius: 9px; padding: 0 9px; cursor: pointer; opacity: .68; transition: opacity 140ms ease, transform 140ms ease; }
+.branch-input-row .follow-up-continue { background: var(--accent); color: var(--accent-contrast); }
+.branch-input-row .follow-up-branch { border: 1px solid var(--card-border); background: transparent; color: var(--fg-dim); }
+/* Retry is the primary way out of a failed run, so it reads as an action
+   rather than a warning. It is hidden unless the node actually failed. */
+.branch-input-row .follow-up-retry { border: 1px solid color-mix(in srgb, var(--accent) 55%, transparent); background: color-mix(in srgb, var(--accent) 12%, transparent); color: var(--fg-bold); }
+.branch-input-row .follow-up-retry[hidden] { display: none; }
+.queued-followups { display: grid; gap: 6px; padding: 8px 2px 0; }
+.queued-follow-up { display: flex; align-items: center; gap: 8px; padding: 7px 8px; border-radius: 8px; background: color-mix(in srgb, var(--accent) 8%, transparent); color: var(--fg-dim); font-size: 12px; }
+.queued-follow-up span { min-width: 0; flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.queued-follow-up button { flex: 0 0 auto; height: auto; padding: 3px 6px; border: 1px solid var(--card-border); background: transparent; color: var(--fg-dim); font-size: 11px; }
+.node-attachments { display: flex; flex-wrap: wrap; gap: 6px; padding: 8px 2px 0; }
+/* Sent attachments read as part of the transcript, so they sit above the answer
+   with a divider rather than floating in the composer's input area. */
+.node-sent-attachments { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 12px; padding: 0 0 10px; border-bottom: 1px solid var(--card-border); }
+.node-sent-attachments::before { content: "Sent"; flex: 0 0 100%; margin-bottom: 2px; color: var(--fg-faint); font-size: 10.5px; letter-spacing: .06em; text-transform: uppercase; }
+#reader-sent-attachments { margin-bottom: 18px; }
+.attachment-chip { position: relative; display: flex; align-items: center; gap: 7px; max-width: 220px; padding: 5px 7px; border: 1px solid var(--card-border); border-radius: 9px; background: color-mix(in srgb, var(--accent) 7%, transparent); }
+.attachment-chip[data-delivered="true"] { opacity: .72; }
+.attachment-link { display: flex; align-items: center; gap: 7px; min-width: 0; color: var(--fg-dim); font-size: 12px; text-decoration: none; }
+.attachment-link:hover { color: var(--fg-bold); }
+.attachment-thumb { flex: 0 0 auto; width: 34px; height: 34px; border-radius: 6px; object-fit: cover; background: var(--bar-bg); }
+.attachment-glyph { flex: 0 0 auto; width: 34px; height: 34px; display: inline-flex; align-items: center; justify-content: center; border-radius: 6px; background: color-mix(in srgb, var(--accent) 14%, transparent); color: var(--accent); font-size: 15px; }
+.attachment-name { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
+.attachment-meta { flex: 0 0 auto; color: var(--fg-faint); font-size: 10.5px; }
+.attachment-remove { flex: 0 0 auto; height: auto; padding: 1px 5px; border: 1px solid var(--card-border); border-radius: 6px; background: transparent; color: var(--fg-dim); font-size: 12px; line-height: 1.2; cursor: pointer; }
+.attachment-remove:hover { color: var(--warn); border-color: color-mix(in srgb, var(--warn) 50%, var(--card-border)); }
+.attachment-pending { color: var(--fg-faint); font-size: 12px; }
+.attach-button { flex: 0 0 auto; background: transparent; border: 1px solid var(--card-border); font-size: 13px; line-height: 1; cursor: pointer; }
+/* Drop affordance for drag-and-drop onto a card. Pointer-events stay off so
+   the overlay never swallows the drop event it exists to advertise. */
+.workspace-node[data-drop-active="true"] { border-color: var(--accent); box-shadow: 0 0 0 3px color-mix(in srgb, var(--accent) 26%, transparent), 0 30px 86px rgba(0,0,0,.34); }
+.workspace-node[data-drop-active="true"]::after { content: "Drop to attach"; position: absolute; inset: 0; z-index: 5; display: flex; align-items: center; justify-content: center; background: color-mix(in srgb, var(--accent) 14%, transparent); color: var(--fg-bold); font-size: 13px; font-weight: 500; letter-spacing: -.01em; pointer-events: none; }
 .branch-input-row:focus-within button, .branch-input-row:hover button { opacity: 1; }
 .branch-input-row button:hover { transform: translateY(-1px); }
 .workspace-node-resize { position: absolute; right: 0; bottom: 0; width: 18px; height: 18px; cursor: nwse-resize; }
@@ -751,13 +808,16 @@ button { color: inherit; }
 
 /* Semantic overview: below 72% zoom, cards become legible catalog records
    instead of shrinking full articles into unreadable thumbnails. */
-body[data-zoom-tier="overview"] .workspace-node { grid-template-rows: auto 1fr; border-radius: 20px; }
-body[data-zoom-tier="overview"] .workspace-node-head { grid-template-columns: 36px minmax(0,1fr) auto; min-height: 72px; gap: 14px; padding: 13px 18px; }
+body[data-zoom-tier="overview"] .workspace-node { grid-template-rows: auto auto 1fr; border-radius: 20px; }
+body[data-zoom-tier="overview"] .workspace-node-head { grid-template-columns: 36px minmax(0,1fr) auto auto; min-height: 72px; gap: 14px; padding: 13px 18px; }
 body[data-zoom-tier="overview"] .node-kind { width: 36px; height: 36px; border-radius: 11px; font-size: 17px; }
 body[data-zoom-tier="overview"] .node-kind svg { width: 22px; height: 22px; }
 body[data-zoom-tier="overview"] .workspace-node-title { font-size: 19px; font-weight: 600; letter-spacing: -.022em; }
 body[data-zoom-tier="overview"] .node-state { padding: 5px 8px; font-size: 10px; }
-body[data-zoom-tier="overview"] .node-open { display: none; }
+body[data-zoom-tier="overview"] .node-open,
+body[data-zoom-tier="overview"] .node-settings,
+body[data-zoom-tier="overview"] .node-delete,
+body[data-zoom-tier="overview"] .node-merge { display: none; }
 body[data-zoom-tier="overview"] .workspace-node-body { padding: 30px 34px 34px; overflow: hidden; }
 body[data-zoom-tier="overview"] .node-markdown,
 body[data-zoom-tier="overview"] .tool-activity,
@@ -822,6 +882,22 @@ body[data-zoom-tier="focus"] .workspace-node-body { padding: 27px 32px 32px; }
 .primary-button { min-height: 40px; padding: 0 20px; border: 0; border-radius: var(--radius-control, 9px); background: var(--accent); color: var(--accent-contrast); font-family: var(--font-ui); font-weight: var(--weight-semibold, 650); cursor: pointer; }
 .primary-button:hover { background: color-mix(in srgb, var(--accent) 88%, var(--fg-bold)); }
 .primary-button:disabled { opacity: .55; cursor: progress; }
+#new-session-dialog, #merge-dialog, #settings-dialog, #delete-dialog { position: fixed; inset: 0; margin: auto; width: min(520px, calc(100vw - 28px)); max-height: calc(100dvh - 28px); overflow: hidden auto; border: 1px solid var(--border); border-radius: 16px; padding: 0; color: var(--fg); background: var(--node-bg); box-shadow: var(--shadow-modal, 0 20px 70px rgba(0,0,0,.48)); }
+#new-session-dialog::backdrop, #merge-dialog::backdrop, #settings-dialog::backdrop, #delete-dialog::backdrop { background: color-mix(in srgb, var(--bg) 62%, rgba(6,6,8,.78)); backdrop-filter: blur(6px); }
+#new-session-form, #merge-form, #settings-form { display: grid; gap: 13px; padding: 26px; }
+#new-session-form header, #merge-form header, #settings-form header { display: grid; gap: 5px; margin-bottom: 4px; }
+#new-session-form h1, #merge-form h1, #settings-form h1 { color: var(--fg-bold); font-size: 20px; }
+#new-session-form header p, #merge-form header p, #settings-form header p { color: var(--fg-dim); font-size: 13px; }
+#new-session-form label, #merge-form label, #settings-form label { color: var(--fg-dim); font-size: 12px; font-weight: 600; }
+#new-session-form textarea, #merge-form textarea, #merge-form select, .session-options select { width: 100%; border: 1px solid var(--border); border-radius: 10px; padding: 11px 12px; outline: 0; resize: vertical; background: var(--input-bg, var(--bar-bg)); color: var(--fg); }
+#new-session-form textarea:focus, #merge-form textarea:focus, #merge-form select:focus, .session-options select:focus { border-color: var(--accent); box-shadow: var(--focus-field-shadow); }
+#new-session-error, #merge-error, #settings-error { min-height: 18px; color: var(--warn); font-size: 12px; }
+#new-session-form footer, #merge-form footer, #settings-form footer { display: flex; justify-content: flex-end; gap: 10px; }
+.session-options { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(140px, .8fr); gap: 12px; }
+.session-options label { display: grid; gap: 7px; }
+.reader-model-summary { margin-top: 8px !important; color: var(--fg-faint) !important; font: 500 12px/1.4 var(--font-mono) !important; }
+#workspace-toolbar [data-action="next-unread"] { background: color-mix(in srgb, var(--accent) 16%, transparent); color: var(--fg-bold); }
+.unread-count { display: inline-flex; min-width: 18px; height: 18px; align-items: center; justify-content: center; margin-left: 4px; border-radius: 999px; background: var(--accent); color: var(--accent-contrast); font-size: 10px; }
 #workspace-notice { position: fixed; z-index: 120; top: 18px; left: 50%; transform: translate(-50%,-18px); max-width: min(600px,calc(100vw - 30px)); padding: 10px 14px; border: 1px solid var(--border); border-radius: 9px; background: var(--bar-bg); color: var(--fg); opacity: 0; pointer-events: none; transition: 150ms ease; }
 #workspace-notice.visible { transform: translate(-50%,0); opacity: 1; }
 #workspace-notice[data-kind="error"] { border-color: color-mix(in srgb, var(--warn) 50%, var(--border)); color: var(--warn); }
@@ -886,3 +962,124 @@ body[data-zoom-tier="focus"] .workspace-node-body { padding: 27px 32px 32px; }
   #selection-ask { transform: none; }
   #selection-ask.visible { transform: none; }
 }
+
+/* Canvas context menu */
+#canvas-menu {
+  position: absolute;
+  z-index: 40;
+  margin: 0;
+  padding: 4px;
+  list-style: none;
+  min-width: 170px;
+  border-radius: 10px;
+  border: 1px solid var(--border, #2a2a35);
+  background: var(--surface, #16161d);
+  box-shadow: 0 12px 32px rgb(0 0 0 / 45%);
+}
+#canvas-menu[hidden] { display: none; }
+#canvas-menu li { list-style: none; }
+#canvas-menu button {
+  display: block;
+  width: 100%;
+  padding: 8px 12px;
+  border: 0;
+  border-radius: 7px;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+#canvas-menu button:hover:not(:disabled) { background: var(--surface-hover, #23232e); }
+#canvas-menu button:disabled { opacity: 0.45; cursor: not-allowed; }
+
+/* Screen windows */
+/* Session cards use four rows (head, model summary, body, branch form). A
+   screen card has only a head and a body, so it needs its own track list or
+   the body lands in an `auto` row and collapses to zero height. */
+.workspace-node.screen-window { grid-template-rows: auto 1fr; }
+body[data-zoom-tier="overview"] .workspace-node.screen-window { grid-template-rows: auto 1fr; }
+.screen-window .workspace-node-body {
+  padding: 0;
+  overflow: hidden;
+  background: #0b0b10;
+  display: flex;
+  flex-direction: column;
+}
+.screen-canvas {
+  flex: 1 1 auto;
+  min-height: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+/* noVNC injects its own canvas; make it fill the window without overflowing. */
+.screen-canvas canvas { max-width: 100%; max-height: 100%; display: block; }
+.screen-message {
+  margin: 0;
+  padding: 10px 12px;
+  font-size: 12px;
+  color: var(--muted, #9a9aa8);
+  background: var(--surface, #16161d);
+  border-top: 1px solid var(--border, #2a2a35);
+}
+.screen-message[hidden] { display: none; }
+/* noVNC's canvas fills the body, so lift the grab handle above it. */
+.screen-window .workspace-node-resize { z-index: 3; }
+.screen-state {
+  margin-left: auto;
+  font-size: 11px;
+  letter-spacing: 0.02em;
+  text-transform: uppercase;
+  color: var(--muted, #9a9aa8);
+}
+.screen-state[data-screen-state="connected"] { color: #17a673; }
+.screen-state[data-screen-state="error"] { color: #db6d45; }
+
+/* Drawing windows mirror the screen-window layout: head + body, where the
+   body is filled edge to edge by the tldraw iframe. */
+.workspace-node.drawing-window { grid-template-rows: auto 1fr; }
+body[data-zoom-tier="overview"] .workspace-node.drawing-window { grid-template-rows: auto 1fr; }
+/* Overview mode normally adds card-body padding for document summaries. A live
+   drawing is an edge-to-edge editor, so that padding becomes a black empty
+   gutter and clips the iframe at low canvas zoom. */
+body[data-zoom-tier="overview"] .workspace-node.drawing-window .workspace-node-body { padding: 0; }
+.drawing-window .workspace-node-body {
+  padding: 0;
+  overflow: hidden;
+  background: #101014;
+}
+.drawing-frame {
+  width: 100%;
+  height: 100%;
+  border: 0;
+  display: block;
+}
+/* The idle preview: one static layer instead of a live editor. It must not be
+   flat black -- that is exactly what the compositor bug it replaces looked
+   like, and an idle window should read as deliberate, not broken. */
+.drawing-preview { position: relative; width: 100%; height: 100%; display: grid; place-items: center; overflow: hidden; background: var(--card-surface, #16161d); background-image: radial-gradient(circle at 1px 1px, color-mix(in srgb, var(--fg, #e8e8ef) 10%, transparent) 1px, transparent 0); background-size: 16px 16px; cursor: pointer; }
+.drawing-preview-image { max-width: 100%; max-height: 100%; object-fit: contain; display: block; background: #fff; border-radius: 6px; }
+.drawing-preview-empty { margin: 0; color: var(--fg-faint, #9a9aa8); font: 500 12px/1.4 var(--font-mono, monospace); letter-spacing: .06em; text-transform: uppercase; }
+.drawing-activate { position: absolute; right: 10px; bottom: 10px; padding: 6px 14px; border: 1px solid var(--border, #2a2a35); border-radius: 9px; background: var(--bar-bg, #16161d); color: var(--fg, #e8e8ef); font: 500 12px/1 var(--font-mono, monospace); pointer-events: none; opacity: .9; }
+.drawing-preview:hover .drawing-activate { opacity: 1; border-color: var(--accent, #7c6cf2); }
+/* A live editor must composite on its own layer. Inside the canvas's
+   fractional CSS `zoom`, an un-promoted iframe is resampled every frame and
+   can intermittently composite as an empty (black) quad. */
+.drawing-window[data-active="true"] .drawing-window-body { transform: translateZ(0); will-change: transform; }
+.drawing-window[data-active="true"] .drawing-preview { display: none; }
+/* The iframe would otherwise capture the pointer mid-drag and stall the
+   gesture; `frame-inert` is applied for the duration of a drag or resize. */
+.drawing-window.frame-inert .drawing-frame { pointer-events: none; }
+/* Keep the grab handle above the iframe. */
+.drawing-window .workspace-node-resize { z-index: 3; }
+.drawing-state {
+  margin-left: auto;
+  font-size: 11px;
+  letter-spacing: 0.02em;
+  text-transform: uppercase;
+  color: var(--muted, #9a9aa8);
+}
+.drawing-state[data-drawing-state="saved"],
+.drawing-state[data-drawing-state="ready"] { color: #17a673; }
+.drawing-state[data-drawing-state="error"] { color: #db6d45; }
diff --git a/web/hermes-dist/tldraw.css b/web/hermes-dist/tldraw.css
new file mode 100644
index 0000000..cac6fcd
--- /dev/null
+++ b/web/hermes-dist/tldraw.css
@@ -0,0 +1,3895 @@
+/* THIS CSS FILE IS GENERATED! DO NOT EDIT. OR EDIT. I'M A COMMENT NOT A COP */ 
+/* This file is created by the copy-css-files.mjs script in packages/tldraw. */
+/* It combines @tldraw/editor's editor.css and tldraw's ui.css */
+
+/* @tldraw/editor */
+
+.tl-container {
+	width: 100%;
+	height: 100%;
+	font-size: 12px;
+	/* Spacing */
+	--tl-space-1: 2px;
+	--tl-space-2: 4px;
+	--tl-space-3: 8px;
+	--tl-space-4: 12px;
+	--tl-space-5: 16px;
+	--tl-space-6: 20px;
+	--tl-space-7: 28px;
+	--tl-space-8: 32px;
+	--tl-space-9: 64px;
+	--tl-space-10: 72px;
+	/* Radius */
+	--tl-radius-0: 2px;
+	--tl-radius-1: 4px;
+	--tl-radius-2: 6px;
+	--tl-radius-3: 9px;
+	--tl-radius-4: 11px;
+
+	/*
+	 * Canvas z-index
+	 *
+	 * .tl-canvas has `contain: strict` which creates its own stacking context.
+	 * background, grid, shapes, overlays, and blocker are all children of .tl-canvas,
+	 * so their z-indices are relative to the canvas, not the container.
+	 *
+	 * watermark and canvas-in-front are siblings of .tl-canvas (outside it),
+	 * so they compete with the UI layer (.tlui-layout at z-index 300).
+	 * canvas-in-front must be below the UI layer (300) to sit between
+	 * the canvas and the UI.
+	 */
+	--tl-layer-canvas-hidden: -999999;
+	--tl-layer-canvas-background: 100;
+	--tl-layer-canvas-grid: 150;
+	--tl-layer-watermark: 200;
+	--tl-layer-canvas-in-front: 250;
+	--tl-layer-canvas-shapes: 300;
+	--tl-layer-canvas-overlays: 500;
+	--tl-layer-canvas-blocker: 10000;
+
+	/* Canvas overlays z-index */
+	--tl-layer-overlays-collaborator-scribble: 10;
+	--tl-layer-overlays-collaborator-brush: 20;
+	--tl-layer-overlays-collaborator-shape-indicator: 30;
+	--tl-layer-overlays-user-scribble: 40;
+	--tl-layer-overlays-user-brush: 50;
+	--tl-layer-overlays-user-snapline: 90;
+	--tl-layer-overlays-selection-fg: 100;
+	/* User handles need to be above selection edges / corners, matters for sticky note clone handles */
+	--tl-layer-overlays-user-handles: 105;
+	--tl-layer-overlays-user-indicator-hint: 110;
+	--tl-layer-overlays-collaborator-cursor-hint: 120;
+	--tl-layer-overlays-collaborator-cursor: 130;
+
+	/* Text editor z-index */
+	--tl-layer-text-container: 1;
+	--tl-layer-text-content: 3;
+	--tl-layer-text-editor: 4;
+
+	/* Error fallback z-index */
+	--tl-layer-error-overlay: 1;
+	--tl-layer-error-canvas: 2;
+	--tl-layer-error-canvas-after: 3;
+	--tl-layer-error-content: 4;
+
+	/* Misc */
+	--tl-zoom: 1;
+	--tl-tab-size: 2;
+
+	/* Cursor SVGs */
+	--tl-cursor-none: none;
+	--tl-cursor-default:
+		url("data:image/svg+xml,<svg height='32' width='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' style='color: black;'><defs><filter id='shadow' y='-40%' x='-40%' width='180px' height='180%' color-interpolation-filters='sRGB'><feDropShadow dx='1' dy='1' stdDeviation='1.2' flood-opacity='.5'/></filter></defs><g fill='none' transform='rotate(0 16 16)' filter='url(%23shadow)'><path d='m12 24.4219v-16.015l11.591 11.619h-6.781l-.411.124z' fill='white'/><path d='m21.0845 25.0962-3.605 1.535-4.682-11.089 3.686-1.553z' fill='white'/><path d='m19.751 24.4155-1.844.774-3.1-7.374 1.841-.775z' fill='black'/><path d='m13 10.814v11.188l2.969-2.866.428-.139h4.768z' fill='black'/></g></svg>")
+			12 8,
+		default;
+	--tl-cursor-pointer:
+		url("data:image/svg+xml,<svg height='32' width='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' style='color: black;'><defs><filter id='shadow' y='-40%' x='-40%' width='180px' height='180%' color-interpolation-filters='sRGB'><feDropShadow dx='1' dy='1' stdDeviation='1.2' flood-opacity='.5'/></filter></defs><g fill='none' transform='rotate(0 16 16)' filter='url(%23shadow)'><path d='m13.3315 21.3799c-.284-.359-.629-1.093-1.243-1.984-.348-.504-1.211-1.453-1.468-1.935-.223-.426-.199-.617-.146-.97.094-.628.738-1.117 1.425-1.051.519.049.959.392 1.355.716.239.195.533.574.71.788.163.196.203.277.377.509.23.307.302.459.214.121-.071-.496-.187-1.343-.355-2.092-.128-.568-.159-.657-.281-1.093-.129-.464-.195-.789-.316-1.281-.084-.348-.235-1.059-.276-1.459-.057-.547-.087-1.439.264-1.849.275-.321.906-.418 1.297-.22.512.259.803 1.003.936 1.3.239.534.387 1.151.516 1.961.164 1.031.466 2.462.476 2.763.024-.369-.068-1.146-.004-1.5.058-.321.328-.694.666-.795.286-.085.621-.116.916-.055.313.064.643.288.766.499.362.624.369 1.899.384 1.831.086-.376.071-1.229.284-1.584.14-.234.497-.445.687-.479.294-.052.655-.068.964-.008.249.049.586.345.677.487.218.344.342 1.317.379 1.658.015.141.074-.392.293-.736.406-.639 1.843-.763 1.898.639.025.654.02.624.02 1.064 0 .517-.012.828-.04 1.202-.031.4-.117 1.304-.242 1.742-.086.301-.371.978-.652 1.384 0 0-1.074 1.25-1.191 1.813-.118.562-.079.566-.102.965-.023.398.121.922.121.922s-.802.104-1.234.035c-.391-.063-.875-.841-1-1.079-.172-.328-.539-.265-.682-.023-.225.383-.709 1.07-1.051 1.113-.668.084-2.054.031-3.139.02 0 0 .185-1.011-.227-1.358-.305-.259-.83-.784-1.144-1.06z' fill='white'/><g stroke='black' stroke-linecap='round' stroke-width='.75'><path d='m13.3315 21.3799c-.284-.359-.629-1.093-1.243-1.984-.348-.504-1.211-1.453-1.468-1.935-.223-.426-.199-.617-.146-.97.094-.628.738-1.117 1.425-1.051.519.049.959.392 1.355.716.239.195.533.574.71.788.163.196.203.277.377.509.23.307.302.459.214.121-.071-.496-.187-1.343-.355-2.092-.128-.568-.159-.657-.281-1.093-.129-.464-.195-.789-.316-1.281-.084-.348-.235-1.059-.276-1.459-.057-.547-.087-1.439.264-1.849.275-.321.906-.418 1.297-.22.512.259.803 1.003.936 1.3.239.534.387 1.151.516 1.961.164 1.031.466 2.462.476 2.763.024-.369-.068-1.146-.004-1.5.058-.321.328-.694.666-.795.286-.085.621-.116.916-.055.313.064.643.288.766.499.362.624.369 1.899.384 1.831.086-.376.071-1.229.284-1.584.14-.234.497-.445.687-.479.294-.052.655-.068.964-.008.249.049.586.345.677.487.218.344.342 1.317.379 1.658.015.141.074-.392.293-.736.406-.639 1.843-.763 1.898.639.025.654.02.624.02 1.064 0 .517-.012.828-.04 1.202-.031.4-.117 1.304-.242 1.742-.086.301-.371.978-.652 1.384 0 0-1.074 1.25-1.191 1.813-.118.562-.079.566-.102.965-.023.398.121.922.121.922s-.802.104-1.234.035c-.391-.063-.875-.841-1-1.079-.172-.328-.539-.265-.682-.023-.225.383-.709 1.07-1.051 1.113-.668.084-2.054.031-3.139.02 0 0 .185-1.011-.227-1.358-.305-.259-.83-.784-1.144-1.06z' stroke-linejoin='round'/><path d='m21.5664 21.7344v-3.459'/><path d='m19.5508 21.7461-.016-3.473'/><path d='m17.5547 18.3047.021 3.426'/></g></g></svg>")
+			14 10,
+		pointer;
+	--tl-cursor-cross:
+		url("data:image/svg+xml,<svg height='32' width='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' style='color: black;'><defs><filter id='shadow' y='-40%' x='-40%' width='180px' height='180%' color-interpolation-filters='sRGB'><feDropShadow dx='1' dy='1' stdDeviation='1.2' flood-opacity='.5'/></filter></defs><g fill='none' transform='rotate(0 16 16)' filter='url(%23shadow)'><path d='m25 16h-6.01v-6h-2.98v6h-6.01v3h6.01v6h2.98v-6h6.01z' fill='white'/><path d='m23.9902 17.0103h-6v-6.01h-.98v6.01h-6v.98h6v6.01h.98v-6.01h6z' fill='%23231f1f'/></g></svg>")
+			16 16,
+		crosshair;
+	--tl-cursor-move:
+		url("data:image/svg+xml,<svg height='32' width='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' style='color: black;'><defs><filter id='shadow' y='-40%' x='-40%' width='180px' height='180%' color-interpolation-filters='sRGB'><feDropShadow dx='1' dy='1' stdDeviation='1.2' flood-opacity='.5'/></filter></defs><g fill='none' transform='rotate(0 16 16)' filter='url(%23shadow)'><path d='m19 14h1v1h-1zm1 6h-1v-1h1zm-5-5h-1v-1h1zm0 5h-1v-1h1zm2-10.987-7.985 7.988 5.222 5.221 2.763 2.763 7.984-7.985z' fill='white'/><g fill='black'><path d='m23.5664 16.9971-2.557-2.809v1.829h-4.009-4.001v-1.829l-2.571 2.809 2.572 2.808-.001-1.808h4.001 4.009l-.001 1.808z'/><path d='m17.9873 17h.013v-4.001l1.807.001-2.807-2.571-2.809 2.57h1.809v4.001h.008v4.002l-1.828-.001 2.807 2.577 2.805-2.576h-1.805z'/></g></g></svg>")
+			16 16,
+		move;
+	--tl-cursor-grab:
+		url("data:image/svg+xml,<svg height='32' width='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' style='color: black;'><defs><filter id='shadow' y='-40%' x='-40%' width='180px' height='180%' color-interpolation-filters='sRGB'><feDropShadow dx='1' dy='1' stdDeviation='1.2' flood-opacity='.5'/></filter></defs><g fill='none' transform='rotate(0 16 16)' filter='url(%23shadow)'><path d='m13.5557 17.5742c-.098-.375-.196-.847-.406-1.552-.167-.557-.342-.859-.47-1.233-.155-.455-.303-.721-.496-1.181-.139-.329-.364-1.048-.457-1.44-.119-.509.033-.924.244-1.206.253-.339.962-.49 1.357-.351.371.13.744.512.916.788.288.46.357.632.717 1.542.393.992.564 1.918.611 2.231l.085.452c-.001-.04-.043-1.122-.044-1.162-.035-1.029-.06-1.823-.038-2.939.002-.126.064-.587.084-.715.078-.5.305-.8.673-.979.412-.201.926-.215 1.401-.017.423.173.626.55.687 1.022.014.109.094.987.093 1.107-.013 1.025.006 1.641.015 2.174.004.231.003 1.625.017 1.469.061-.656.094-3.189.344-3.942.144-.433.405-.746.794-.929.431-.203 1.113-.07 1.404.243.285.305.446.692.482 1.153.032.405-.019.897-.02 1.245 0 .867-.021 1.324-.037 2.121-.001.038-.015.298.023.182.094-.28.188-.542.266-.745.049-.125.241-.614.359-.859.114-.234.211-.369.415-.688.2-.313.415-.448.668-.561.54-.235 1.109.112 1.301.591.086.215.009.713-.028 1.105-.061.647-.254 1.306-.352 1.648-.128.447-.274 1.235-.34 1.601-.072.394-.234 1.382-.359 1.82-.086.301-.371.978-.652 1.384 0 0-1.074 1.25-1.192 1.812-.117.563-.078.567-.101.965-.024.399.121.923.121.923s-.802.104-1.234.034c-.391-.062-.875-.841-1-1.078-.172-.328-.539-.265-.682-.023-.225.383-.709 1.07-1.051 1.113-.668.084-2.054.03-3.139.02 0 0 .185-1.011-.227-1.358-.305-.26-.83-.784-1.144-1.06l-.832-.921c-.284-.36-.629-1.093-1.243-1.985-.348-.504-1.027-1.085-1.284-1.579-.223-.425-.331-.954-.19-1.325.225-.594.675-.897 1.362-.832.519.05.848.206 1.238.537.225.19.573.534.75.748.163.195.203.276.377.509.23.307.302.459.214.121' fill='white'/><g stroke='black' stroke-linecap='round' stroke-width='.75'><path d='m13.5557 17.5742c-.098-.375-.196-.847-.406-1.552-.167-.557-.342-.859-.47-1.233-.155-.455-.303-.721-.496-1.181-.139-.329-.364-1.048-.457-1.44-.119-.509.033-.924.244-1.206.253-.339.962-.49 1.357-.351.371.13.744.512.916.788.288.46.357.632.717 1.542.393.992.564 1.918.611 2.231l.085.452c-.001-.04-.043-1.122-.044-1.162-.035-1.029-.06-1.823-.038-2.939.002-.126.064-.587.084-.715.078-.5.305-.8.673-.979.412-.201.926-.215 1.401-.017.423.173.626.55.687 1.022.014.109.094.987.093 1.107-.013 1.025.006 1.641.015 2.174.004.231.003 1.625.017 1.469.061-.656.094-3.189.344-3.942.144-.433.405-.746.794-.929.431-.203 1.113-.07 1.404.243.285.305.446.692.482 1.153.032.405-.019.897-.02 1.245 0 .867-.021 1.324-.037 2.121-.001.038-.015.298.023.182.094-.28.188-.542.266-.745.049-.125.241-.614.359-.859.114-.234.211-.369.415-.688.2-.313.415-.448.668-.561.54-.235 1.109.112 1.301.591.086.215.009.713-.028 1.105-.061.647-.254 1.306-.352 1.648-.128.447-.274 1.235-.34 1.601-.072.394-.234 1.382-.359 1.82-.086.301-.371.978-.652 1.384 0 0-1.074 1.25-1.192 1.812-.117.563-.078.567-.101.965-.024.399.121.923.121.923s-.802.104-1.234.034c-.391-.062-.875-.841-1-1.078-.172-.328-.539-.265-.682-.023-.225.383-.709 1.07-1.051 1.113-.668.084-2.054.03-3.139.02 0 0 .185-1.011-.227-1.358-.305-.26-.83-.784-1.144-1.06l-.832-.921c-.284-.36-.629-1.093-1.243-1.985-.348-.504-1.027-1.085-1.284-1.579-.223-.425-.331-.954-.19-1.325.225-.594.675-.897 1.362-.832.519.05.848.206 1.238.537.225.19.573.534.75.748.163.195.203.276.377.509.23.307.302.459.214.121' stroke-linejoin='round'/><path d='m20.5664 21.7344v-3.459'/><path d='m18.5508 21.7461-.016-3.473'/><path d='m16.5547 18.3047.021 3.426'/></g></g></svg>")
+			16 16,
+		grab;
+	--tl-cursor-grabbing:
+		url("data:image/svg+xml,<svg height='32' width='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' style='color: black;'><defs><filter id='shadow' y='-40%' x='-40%' width='180px' height='180%' color-interpolation-filters='sRGB'><feDropShadow dx='1' dy='1' stdDeviation='1.2' flood-opacity='.5'/></filter></defs><g fill='none' transform='rotate(0 16 16)' filter='url(%23shadow)'><path d='m13.5732 12.0361c.48-.178 1.427-.069 1.677.473.213.462.396 1.241.406 1.075.024-.369-.024-1.167.137-1.584.117-.304.347-.59.686-.691.285-.086.62-.116.916-.055.313.064.642.287.765.499.362.623.368 1.899.385 1.831.064-.272.07-1.229.283-1.584.141-.235.497-.445.687-.479.294-.052.656-.068.964-.008.249.049.586.344.677.487.219.344.342 1.316.379 1.658.016.141.074-.393.293-.736.406-.639 1.844-.763 1.898.639.026.654.02.624.02 1.064 0 .516-.012.828-.04 1.202-.03.399-.116 1.304-.241 1.742-.086.301-.371.978-.653 1.384 0 0-1.074 1.25-1.191 1.812-.117.563-.078.567-.102.965-.023.399.121.923.121.923s-.801.104-1.234.034c-.391-.062-.875-.84-1-1.078-.172-.328-.539-.265-.682-.023-.224.383-.709 1.07-1.05 1.113-.669.084-2.055.03-3.14.02 0 0 .185-1.011-.227-1.358-.305-.26-.83-.784-1.144-1.06l-.832-.921c-.283-.36-1.002-.929-1.243-1.985-.213-.936-.192-1.395.037-1.77.232-.381.67-.589.854-.625.208-.042.692-.039.875.062.223.123.313.159.488.391.23.307.312.456.213.121-.076-.262-.322-.595-.434-.97-.109-.361-.401-.943-.38-1.526.008-.221.103-.771.832-1.042' fill='white'/><g stroke='black' stroke-width='.75'><path d='m13.5732 12.0361c.48-.178 1.427-.069 1.677.473.213.462.396 1.241.406 1.075.024-.369-.024-1.167.137-1.584.117-.304.347-.59.686-.691.285-.086.62-.116.916-.055.313.064.642.287.765.499.362.623.368 1.899.385 1.831.064-.272.07-1.229.283-1.584.141-.235.497-.445.687-.479.294-.052.656-.068.964-.008.249.049.586.344.677.487.219.344.342 1.316.379 1.658.016.141.074-.393.293-.736.406-.639 1.844-.763 1.898.639.026.654.02.624.02 1.064 0 .516-.012.828-.04 1.202-.03.399-.116 1.304-.241 1.742-.086.301-.371.978-.653 1.384 0 0-1.074 1.25-1.191 1.812-.117.563-.078.567-.102.965-.023.399.121.923.121.923s-.801.104-1.234.034c-.391-.062-.875-.84-1-1.078-.172-.328-.539-.265-.682-.023-.224.383-.709 1.07-1.05 1.113-.669.084-2.055.03-3.14.02 0 0 .185-1.011-.227-1.358-.305-.26-.83-.784-1.144-1.06l-.832-.921c-.283-.36-1.002-.929-1.243-1.985-.213-.936-.192-1.395.037-1.77.232-.381.67-.589.854-.625.208-.042.692-.039.875.062.223.123.313.159.488.391.23.307.312.456.213.121-.076-.262-.322-.595-.434-.97-.109-.361-.401-.943-.38-1.526.008-.221.103-.771.832-1.042z' stroke-linejoin='round'/><path d='m20.5664 19.7344v-3.459' stroke-linecap='round'/><path d='m18.5508 19.7461-.016-3.473' stroke-linecap='round'/><path d='m16.5547 16.3047.021 3.426' stroke-linecap='round'/></g></g></svg>")
+			16 16,
+		grabbing;
+	--tl-cursor-text:
+		url("data:image/svg+xml,<svg height='32' width='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' style='color: black;'><defs><filter id='shadow' y='-40%' x='-40%' width='180px' height='180%' color-interpolation-filters='sRGB'><feDropShadow dx='1' dy='1' stdDeviation='1.2' flood-opacity='.5'/></filter></defs><g fill='none' transform='rotate(0 16 16)' filter='url(%23shadow)'><path fill='white' d='M7.94 0a5.25 5.25 0 0 0-3.47 1.17A5.27 5.27 0 0 0 1 0H0v3h1c1.41 0 1.85.7 2 1v3.94H2v3h1v3c-.13.3-.57 1-2 1H0v3h1a5.27 5.27 0 0 0 3.47-1.17c.98.8 2.21 1.21 3.47 1.17h1v-3h-1c-1.41 0-1.85-.7-2-1v-3H7v-3H6V4c.13-.3.57-1 2-1h1V0H7.94z'/><path fill='black' d='M7.94 2V1a4 4 0 0 0-3.47 1.64A4 4 0 0 0 1 1v1c1.3-.17 2.56.6 3 1.84v5.1H3v1h1v4.16c-.45 1.24-1.7 2-3 1.84v1a4.05 4.05 0 0 0 3.47-1.63 4.05 4.05 0 0 0 3.47 1.63v-1A2.82 2.82 0 0 1 5 14.1V9.93h1v-1H5V3.85A2.81 2.81 0 0 1 7.94 2z'/></g></svg>")
+			4 10,
+		text;
+	--tl-cursor-zoom-in:
+		url("data:image/svg+xml,<svg height='32' width='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' style='color: black;'><defs><filter id='shadow' y='-40%' x='-40%' width='180px' height='180%' color-interpolation-filters='sRGB'><feDropShadow dx='1' dy='1' stdDeviation='1.2' flood-opacity='.5'/></filter></defs><g fill='none' transform='rotate(0 16 16)' filter='url(%23shadow)'><path d='m20.5 15c0 3.038-2.462 5.5-5.5 5.5s-5.5-2.462-5.5-5.5 2.462-5.5 5.5-5.5 5.5 2.462 5.5 5.5' fill='white'/><path d='m20.5 15c0 3.038-2.462 5.5-5.5 5.5s-5.5-2.462-5.5-5.5 2.462-5.5 5.5-5.5 5.5 2.462 5.5 5.5z' stroke='black'/><g fill='black'><path d='m18 14h-2v-2h-2v2h-2v1.98h2v2.02h2v-2.02h2z'/><path d='m23.5859 25 1.414-1.414-5.449-5.449-1.414 1.414z'/></g></g></svg>")
+			16 16,
+		zoom-in;
+	--tl-cursor-zoom-out:
+		url("data:image/svg+xml,<svg height='32' width='32' viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg' style='color: black;'><defs><filter id='shadow' y='-40%' x='-40%' width='180px' height='180%' color-interpolation-filters='sRGB'><feDropShadow dx='1' dy='1' stdDeviation='1.2' flood-opacity='.5'/></filter></defs><g fill='none' transform='rotate(0 16 16)' filter='url(%23shadow)'><path d='m20.5 15c0 3.038-2.462 5.5-5.5 5.5s-5.5-2.462-5.5-5.5 2.462-5.5 5.5-5.5 5.5 2.462 5.5 5.5' fill='white'/><path d='m20.5 15c0 3.038-2.462 5.5-5.5 5.5s-5.5-2.462-5.5-5.5 2.462-5.5 5.5-5.5 5.5 2.462 5.5 5.5z' stroke='black'/><g fill='black'><path d='m18 16h-5.98v-1.98h5.98z'/><path d='m23.5859 25 1.414-1.414-5.449-5.449-1.414 1.414z'/></g></g></svg>")
+			16 16,
+		zoom-out;
+
+	/* These cursor values get programmatically overridden */
+	/* They're just here to help your editor autocomplete */
+	--tl-cursor: var(--tl-cursor-default);
+	--tl-cursor-resize-edge: ew-resize;
+	--tl-cursor-resize-corner: nesw-resize;
+	--tl-cursor-ew-resize: ew-resize;
+	--tl-cursor-ns-resize: ns-resize;
+	--tl-cursor-nesw-resize: nesw-resize;
+	--tl-cursor-nwse-resize: nwse-resize;
+	--tl-cursor-rotate: pointer;
+	--tl-cursor-nwse-rotate: pointer;
+	--tl-cursor-nesw-rotate: pointer;
+	--tl-cursor-senw-rotate: pointer;
+	--tl-cursor-swne-rotate: pointer;
+	--tl-scale: calc(1 / var(--tl-zoom));
+	/* fonts */
+	--tl-font-draw: 'tldraw_draw', sans-serif;
+	--tl-font-sans: 'tldraw_sans', sans-serif;
+	--tl-font-serif: 'tldraw_serif', serif;
+	--tl-font-mono: 'tldraw_mono', monospace;
+	/* text outline */
+	--tl-text-outline-a: calc(min(0.5, 1 / var(--tl-zoom)) * 2px);
+	--tl-text-outline-b: calc(min(0.5, 1 / var(--tl-zoom)) * -2px);
+	--tl-text-outline-reference:
+		0 var(--tl-text-outline-b) 0 var(--tl-color-background),
+		0 var(--tl-text-outline-a) 0 var(--tl-color-background),
+		var(--tl-text-outline-b) var(--tl-text-outline-b) 0 var(--tl-color-background),
+		var(--tl-text-outline-a) var(--tl-text-outline-b) 0 var(--tl-color-background),
+		var(--tl-text-outline-a) var(--tl-text-outline-a) 0 var(--tl-color-background),
+		var(--tl-text-outline-b) var(--tl-text-outline-a) 0 var(--tl-color-background);
+	--tl-text-outline: var(--tl-text-outline-reference);
+	/* own properties */
+	position: relative;
+	inset: 0px;
+	height: 100%;
+	width: 100%;
+	overflow: clip;
+	color: var(--tl-color-text);
+}
+
+.tl-theme__light {
+	/* Canvas */
+	--tl-color-selection-fill: hsl(210, 100%, 56%, 24%);
+	--tl-color-selection-stroke: hsl(214, 84%, 56%);
+	--tl-color-background: hsl(210, 20%, 98%);
+	/* if you ever update --tl-color-background, update the hardcoded values in theme-init.js and globals.css
+	they're there to make sure the background color matches the user's preference before the actual app loads*/
+	--tl-color-grid: hsl(0, 0%, 43%);
+	/* UI */
+	--tl-color-low: hsl(204, 16%, 94%);
+	--tl-color-low-border: hsl(204, 16%, 92%);
+	--tl-color-muted-none: hsl(0, 0%, 0%, 0%);
+	--tl-color-muted-0: hsl(0, 0%, 0%, 2%);
+	--tl-color-muted-1: hsl(0, 0%, 0%, 10%);
+	--tl-color-muted-2: hsl(0, 0%, 0%, 4.3%);
+	--tl-color-hint: hsl(0, 0%, 0%, 5.5%);
+	--tl-color-overlay: hsl(0, 0%, 0%, 20%);
+	--tl-color-divider: hsl(0, 0%, 91%);
+	--tl-color-panel: hsl(0, 0%, 99%);
+	--tl-color-panel-contrast: hsl(0, 0%, 100%);
+	--tl-color-panel-overlay: hsl(0, 0%, 100%, 82%);
+	--tl-color-panel-transparent: hsla(0, 0%, 99%, 0%);
+	--tl-color-selected: hsl(214, 84%, 56%);
+	--tl-color-selected-contrast: hsl(0, 0%, 100%);
+	--tl-color-focus: hsl(219, 65%, 50%);
+	--tl-color-tooltip: hsla(200, 14%, 4%, 1);
+	/* Text */
+	--tl-color-text: hsl(0, 0%, 0%);
+	--tl-color-text-0: hsl(0, 0%, 11%);
+	--tl-color-text-1: hsl(0, 0%, 18%);
+	--tl-color-text-3: hsl(204, 4%, 45%);
+	--tl-color-text-disabled: hsl(204, 4%, 55%);
+	--tl-color-text-shadow: hsl(0, 0%, 100%);
+	--tl-color-text-highlight: hsl(52, 100%, 50%);
+	--tl-color-text-highlight-p3: color(display-p3 0.972 0.8205 0.05);
+	/* Named */
+	--tl-color-primary: hsl(214, 84%, 56%);
+	--tl-color-success: hsl(123, 46%, 34%);
+	--tl-color-info: hsl(201, 98%, 41%);
+	--tl-color-warning: hsl(27, 98%, 47%);
+	--tl-color-danger: hsl(0, 90%, 43%);
+
+	/* Shadows */
+	--tl-shadow-1: 0px 1px 2px hsl(0, 0%, 0%, 25%), 0px 1px 3px hsl(0, 0%, 0%, 9%);
+	--tl-shadow-2:
+		0px 0px 2px hsl(0, 0%, 0%, 16%), 0px 2px 3px hsl(0, 0%, 0%, 24%),
+		0px 2px 6px hsl(0, 0%, 0%, 0.1), inset 0px 0px 0px 1px var(--tl-color-panel-contrast);
+	--tl-shadow-3:
+		0px 1px 2px hsl(0, 0%, 0%, 28%), 0px 2px 6px hsl(0, 0%, 0%, 14%),
+		inset 0px 0px 0px 1px var(--tl-color-panel-contrast);
+	--tl-shadow-4:
+		0px 0px 3px hsl(0, 0%, 0%, 19%), 0px 5px 4px hsl(0, 0%, 0%, 16%),
+		0px 2px 16px hsl(0, 0%, 0%, 6%), inset 0px 0px 0px 1px var(--tl-color-panel-contrast);
+}
+
+.tl-theme__dark {
+	/* Canvas */
+	--tl-color-selection-fill: hsl(209, 100%, 57%, 20%);
+	--tl-color-selection-stroke: hsl(214, 84%, 56%);
+	--tl-color-background: hsl(240, 5%, 6.5%);
+	/* if you ever update --tl-color-background, update the hardcoded values in theme-init.js and globals.css
+	they're there to make sure the background color matches the user's preference before the actual app loads*/
+	--tl-color-grid: hsl(0, 0%, 40%);
+	/* UI */
+	--tl-color-low: hsl(260, 4.5%, 10.5%);
+	--tl-color-low-border: hsl(207, 10%, 10%);
+	--tl-color-muted-none: hsl(0, 0%, 100%, 0%);
+	--tl-color-muted-0: hsl(0, 0%, 100%, 2%);
+	--tl-color-muted-1: hsl(0, 0%, 100%, 10%);
+	--tl-color-muted-2: hsl(0, 0%, 100%, 5%);
+	--tl-color-hint: hsl(0, 0%, 100%, 7%);
+	--tl-color-overlay: hsl(0, 0%, 0%, 50%);
+	--tl-color-divider: hsl(240, 9%, 22%);
+	--tl-color-panel: hsl(235, 6.8%, 13.5%);
+	--tl-color-panel-contrast: hsl(245, 12%, 23%);
+	--tl-color-panel-overlay: hsl(210, 10%, 24%, 82%);
+	--tl-color-panel-transparent: hsla(235, 6.8%, 13.5%, 0%);
+	--tl-color-selected: hsl(217, 89%, 61%);
+	--tl-color-selected-contrast: hsl(0, 0%, 100%);
+	--tl-color-focus: hsl(217, 76%, 80%);
+	--tl-color-tooltip: hsla(0, 0%, 100%, 1);
+	/* Text */
+	--tl-color-text: hsl(210, 17%, 98%);
+	--tl-color-text-0: hsl(0, 9%, 94%);
+	--tl-color-text-1: hsl(0, 0%, 85%);
+	--tl-color-text-3: hsl(204, 4%, 75%);
+	--tl-color-text-disabled: hsl(204, 4%, 50%);
+	--tl-color-text-shadow: hsl(210, 13%, 18%);
+	--tl-color-text-highlight: hsl(52, 100%, 41%);
+	--tl-color-text-highlight-p3: color(display-p3 0.8078 0.6225 0.0312);
+	/* Named */
+	--tl-color-primary: hsl(214, 84%, 56%);
+	--tl-color-success: hsl(123, 38%, 57%);
+	--tl-color-info: hsl(199, 92%, 56%);
+	--tl-color-warning: hsl(36, 100%, 57%);
+	--tl-color-danger: hsl(0, 82%, 66%);
+
+	/* Shadows */
+	--tl-shadow-1:
+		0px 1px 2px hsl(0, 0%, 0%, 16.1%), 0px 1px 3px hsl(0, 0%, 0%, 22%),
+		inset 0px 0px 0px 1px var(--tl-color-panel-contrast);
+	--tl-shadow-2:
+		0px 1px 3px hsl(0, 0%, 0%, 66.6%), 0px 2px 6px hsl(0, 0%, 0%, 33%),
+		inset 0px 0px 0px 1px var(--tl-color-panel-contrast);
+	--tl-shadow-3:
+		0px 1px 3px hsl(0, 0%, 0%, 50%), 0px 2px 12px hsl(0, 0%, 0%, 50%),
+		inset 0px 0px 0px 1px var(--tl-color-panel-contrast);
+}
+
+.tl-counter-scaled {
+	transform: scale(var(--tl-scale));
+	transform-origin: top left;
+	width: calc(100% * var(--tl-zoom));
+	height: calc(100% * var(--tl-zoom));
+}
+
+.tl-container,
+.tl-container * {
+	-webkit-touch-callout: none;
+	-webkit-tap-highlight-color: transparent;
+	scrollbar-highlight-color: transparent;
+	-webkit-user-select: none;
+	user-select: none;
+	box-sizing: border-box;
+	outline: none;
+}
+
+.tl-container a {
+	-webkit-touch-callout: initial;
+}
+
+.tl-container__focused {
+	outline: 1px solid var(--tl-color-low);
+}
+
+input,
+*[contenteditable],
+*[contenteditable] * {
+	user-select: text;
+}
+
+/* --------------------- Canvas --------------------- */
+
+.tl-canvas {
+	position: absolute;
+	inset: 0px;
+	height: 100%;
+	width: 100%;
+	color: var(--tl-color-text);
+	cursor: var(--tl-cursor);
+	overflow: clip;
+	content-visibility: auto;
+	touch-action: none;
+	contain: strict;
+}
+
+.tl-canvas__in-front {
+	position: absolute;
+	inset: 0;
+	pointer-events: none;
+	z-index: var(--tl-layer-canvas-in-front);
+}
+
+.tl-shapes {
+	position: relative;
+	z-index: var(--tl-layer-canvas-shapes);
+}
+
+.tl-svg-context {
+	position: absolute;
+	top: 0px;
+	left: 0px;
+	width: 100%;
+	height: 100%;
+	pointer-events: none;
+}
+
+/* ------------------- Background ------------------- */
+
+.tl-background__wrapper {
+	z-index: var(--tl-layer-canvas-background);
+	position: absolute;
+	inset: 0px;
+	height: 100%;
+	width: 100%;
+}
+
+.tl-background {
+	background-color: var(--tl-color-background);
+	width: 100%;
+	height: 100%;
+}
+
+/* --------------------- Grid Layer --------------------- */
+
+.tl-grid {
+	position: absolute;
+	inset: 0px;
+	width: 100%;
+	height: 100%;
+	touch-action: none;
+	pointer-events: none;
+	z-index: var(--tl-layer-canvas-grid);
+	contain: strict;
+}
+
+.tl-grid-dot {
+	fill: var(--tl-color-grid);
+}
+
+/* --------------------- Layers --------------------- */
+
+.tl-html-layer {
+	position: absolute;
+	top: 0px;
+	left: 0px;
+	width: 1px;
+	height: 1px;
+	contain: layout style size;
+}
+
+/* --------------- Overlay Stack --------------- */
+
+/* -------------- Selection foreground -------------- */
+
+.tl-selection__bg {
+	position: absolute;
+	top: 0px;
+	left: 0px;
+	transform-origin: top left;
+	background-color: transparent;
+	pointer-events: all;
+}
+
+.tl-transparent {
+	fill: transparent;
+	stroke: transparent;
+}
+
+.tl-hidden {
+	opacity: 0;
+	pointer-events: none;
+}
+
+/* -------------- Nametag / cursor chat ------------- */
+
+.tl-nametag {
+	position: absolute;
+	top: 16px;
+	left: 13px;
+	width: fit-content;
+	height: fit-content;
+	max-width: 120px;
+	padding: 3px 6px;
+	white-space: nowrap;
+	position: absolute;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	font-size: 12px;
+	border-radius: var(--tl-radius-2);
+	color: var(--tl-color-selected-contrast);
+}
+
+.tl-nametag-title {
+	position: absolute;
+	top: -2px;
+	left: 13px;
+	width: fit-content;
+	height: fit-content;
+	padding: 0px 6px;
+	max-width: 120px;
+	white-space: nowrap;
+	position: absolute;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	font-size: 12px;
+	text-shadow: var(--tl-text-outline);
+	color: var(--tl-color-selected-contrast);
+}
+
+.tl-nametag-chat {
+	position: absolute;
+	top: 16px;
+	left: 13px;
+	width: fit-content;
+	height: fit-content;
+	color: var(--tl-color-selected-contrast);
+	white-space: nowrap;
+	position: absolute;
+	padding: 3px 6px;
+	font-size: 12px;
+	opacity: 1;
+	border-radius: var(--tl-radius-2);
+}
+
+.tl-cursor-chat {
+	position: absolute;
+	color: var(--tl-color-selected-contrast);
+	white-space: nowrap;
+	padding: 3px 6px;
+	font-size: 12px;
+	pointer-events: none;
+	z-index: var(--tl-layer-cursor);
+	margin-top: 16px;
+	margin-left: 13px;
+	opacity: 1;
+	border: none;
+	user-select: text;
+	border-radius: var(--tl-radius-2);
+}
+
+.tl-cursor-chat .tl-cursor-chat__bubble {
+	padding-right: 12px;
+}
+
+.tl-cursor-chat::selection {
+	background: var(--tl-color-selected);
+	color: var(--tl-color-selected-contrast);
+	text-shadow: none;
+}
+
+.tl-cursor-chat::placeholder {
+	color: var(--tl-color-selected-contrast);
+	opacity: 0.7;
+}
+
+/* ---------------------- Text ---------------------- */
+
+.tl-text-shape-label {
+	position: relative;
+	font-weight: normal;
+	min-width: 1px;
+	padding: 0px;
+	margin: 0px;
+	border: none;
+	width: fit-content;
+	height: fit-content;
+	font-variant: normal;
+	font-style: normal;
+	pointer-events: all;
+	white-space: pre-wrap;
+	overflow-wrap: break-word;
+}
+
+.tl-plain-text-wrapper[data-isediting='true'] .tl-text-content {
+	opacity: 0;
+}
+
+.tl-rich-text-wrapper[data-isediting='true'] .tl-text-content {
+	display: none;
+}
+
+.tl-text {
+	/* remove overflow from textarea on windows */
+	margin: 0px;
+	padding: 0px;
+
+	appearance: auto;
+	background: none;
+	border-image: none;
+	border: 0px;
+	caret-color: var(--tl-color-text);
+	color: inherit;
+	column-count: initial !important;
+	display: inline-block;
+	font-family: inherit;
+	font-feature-settings: normal;
+	font-kerning: auto;
+	font-optical-sizing: auto;
+	font-size: inherit;
+	font-stretch: 100%;
+	font-style: inherit;
+	font-variant: inherit;
+	font-variation-settings: normal;
+	font-weight: inherit;
+	letter-spacing: inherit;
+	line-height: inherit;
+	outline: none;
+	overflow-wrap: break-word;
+	text-align: inherit;
+	text-indent: 0px;
+	text-rendering: auto;
+	text-shadow: inherit;
+	text-transform: none;
+	white-space: pre-wrap;
+	line-break: normal;
+	word-spacing: 0px;
+	word-wrap: break-word;
+	writing-mode: horizontal-tb !important;
+}
+
+.tl-text-measure {
+	z-index: var(--tl-layer-canvas-hidden);
+	opacity: 0;
+	visibility: hidden;
+
+	/* pointer-events: all; */
+	/* opacity: 1; */
+	/* z-index: 99999;  */
+
+	position: absolute;
+	top: 0px;
+	left: 0px;
+	width: max-content;
+	box-sizing: border-box;
+	pointer-events: none;
+	white-space: pre-wrap;
+	word-wrap: break-word;
+	overflow-wrap: break-word;
+	resize: none;
+	border: none;
+	user-select: none;
+	contain: layout style paint;
+	/* N.B. This property, while discouraged ("intended for Document Type Definition (DTD) designers") is necessary for ensuring correct mixed RTL/LTR behavior when exporting SVGs. */
+	unicode-bidi: plaintext;
+	-webkit-user-select: none;
+}
+
+.tl-text-input,
+.tl-text-content {
+	position: absolute;
+	inset: 0px;
+	height: 100%;
+	width: 100%;
+	min-width: 1px;
+	min-height: 1px;
+	outline: none;
+}
+
+.tl-text-content__wrapper {
+	position: relative;
+	width: fit-content;
+	height: fit-content;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	pointer-events: none;
+	min-height: auto;
+}
+
+.tl-text-content {
+	overflow: visible;
+	pointer-events: none;
+}
+
+.tl-text-input {
+	resize: none;
+	user-select: all;
+	-webkit-user-select: text;
+	cursor: var(--tl-cursor-text);
+}
+
+.tl-text-input:not(.tl-rich-text) {
+	/*
+	 * Note: this `overflow: hidden` is key for scrollbars to not show up
+	 * plaintext/<textarea> editors.
+	 */
+	overflow: hidden;
+}
+
+.tl-text-input::selection {
+	background: var(--tl-color-selected);
+	color: var(--tl-color-selected-contrast);
+	text-shadow: none;
+}
+
+/* Text label */
+
+.tl-text-label {
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	color: var(--tl-color-text);
+	line-height: inherit;
+	position: absolute;
+	inset: 0px;
+	height: 100%;
+	width: 100%;
+}
+
+.tl-text-label[data-hastext='false'][data-isediting='false'] > .tl-text-label__inner {
+	width: 40px;
+	height: 40px;
+}
+
+.tl-text-label[data-hastext='true'][data-isediting='false'] .tl-text-content {
+	pointer-events: all;
+}
+
+.tl-text-label__inner > .tl-text-input.tl-rich-text {
+	display: none;
+	position: static;
+}
+
+.tl-text-wrapper[data-isediting='false'] .tl-text-input {
+	opacity: 0;
+	cursor: var(--tl-cursor-default);
+}
+
+.tl-rich-text[data-is-ready-for-editing='true'],
+.tl-text-wrapper[data-is-ready-for-editing='true'] .tl-text-input {
+	cursor: var(--tl-cursor-text);
+}
+
+.tl-text-label[data-textwrap='true'] > .tl-text-label__inner {
+	max-width: 100%;
+}
+
+.tl-text-label[data-isediting='true'] {
+	background-color: transparent;
+	min-height: auto;
+}
+
+.tl-text-wrapper .tl-text-content {
+	pointer-events: all;
+	z-index: var(--tl-layer-text-content);
+}
+
+.tl-text-label__inner > .tl-text-content {
+	position: relative;
+	top: 0px;
+	left: 0px;
+	padding: inherit;
+	height: fit-content;
+	width: fit-content;
+	border-radius: var(--tl-radius-1);
+	max-width: 100%;
+}
+
+.tl-text-label__inner > .tl-text-input {
+	position: absolute;
+	inset: 0px;
+	height: 100%;
+	width: 100%;
+	padding: inherit;
+}
+
+.tl-text-wrapper[data-isselected='true'] .tl-text-input {
+	z-index: var(--tl-layer-text-editor);
+	pointer-events: all;
+}
+
+/* This part of the rule helps preserve the occlusion rules for the shapes so we
+ * don't click on shapes that are behind other shapes.
+ * One extra nuance is we don't use this behavior for:
+ *  - arrows which have weird geometry and just gets in the way.
+ *  - draw/line shapes, because it feels restrictive to have them be 'in the way' of clicking on a textfield
+ *  - shapes that are not filled
+ */
+.tl-canvas:is([data-iseditinganything='true'], [data-isselectinganything='true'])
+	.tl-shape:not(
+		[data-shape-type='arrow'],
+		[data-shape-type='draw'],
+		[data-shape-type='line'],
+		[data-shape-type='highlight'],
+		[data-shape-is-filled='false']
+	) {
+	pointer-events: all;
+}
+
+.tl-rich-text .ProseMirror {
+	word-wrap: break-word;
+	overflow-wrap: break-word;
+	white-space: pre-wrap;
+
+	/**
+	 * Note: ProseMirror disables this in https://github.com/ProseMirror/prosemirror-view/commit/6b3b2205e2f3029cb8e8e86c55a190a22491df31
+	 * However, that was from 8 years ago and the browser caret issue
+	 * it mentions seems to be fixed. So, we're re-enabling it.
+	 * We'll tell ProseMirror maybe to get rid of this on their end.
+	 *
+	 */
+	-webkit-font-variant-ligatures: inherit;
+	font-variant-ligatures: inherit;
+	font-feature-settings: inherit;
+
+	/**
+	 * N.B. This following CSS Rule comes standard with the tiptap editor.
+	 * Combined with the above rule that it supersedes, it allows for
+	 * the auto-linking to work in text. Say, when typing example.com
+	 * this helps it automatically turn that bit of text into a link.
+	 *
+	 * However, specifically, the break-spaces features seems to cause
+	 * rendering differences when going in-and-out of edit mode. For example,
+	 * the statically rendered text 'the rain in spain falls mainly on the plain'
+	 * in a note shape will render differently when going in-and-out of edit mode.
+	 *
+	 * So, this is commented out to help make both the autolinking work (which now
+	 * relies on the white-space: pre-wrap to work and to make the static/edit-mode
+	 * rendering consistent.
+	 * In the future, we might consider just making the static rendering just use
+	 * white-space: break-spaces to make it consistent with the edit mode if need be.
+	 *
+	 * Also, the amount of ink I've spilt in my career writing comments explaining
+	 * white-space in contenteditable is incredible.
+	 *
+	/* white-space: break-spaces; */
+}
+
+.tl-rich-text {
+	tab-size: var(--tl-tab-size, 2);
+}
+
+.tl-rich-text p {
+	margin: 0;
+	/* Depending on the extensions, <p> tags can be empty, without a <br />. */
+	min-height: 1lh;
+}
+
+.tl-rich-text ul,
+.tl-rich-text ol {
+	text-align: left;
+	margin: 0;
+	padding-left: 1.625ch;
+	/* Some resets, like Tailwind, nix the list styling. */
+	list-style: revert;
+}
+
+.tl-rich-text ol:has(> li:nth-child(10)) {
+	padding-left: 2.625ch;
+}
+
+.tl-rich-text ol:has(> li:nth-child(100)) {
+	padding-left: 3.625ch;
+}
+
+.tl-rich-text h1,
+.tl-rich-text h2,
+.tl-rich-text h3,
+.tl-rich-text h4,
+.tl-rich-text h5,
+.tl-rich-text h6 {
+	margin-top: 5px;
+	margin-bottom: 10px;
+}
+
+.tl-rich-text a {
+	color: var(--tl-color-primary);
+	text-decoration: underline;
+}
+
+.tl-rich-text[data-is-select-tool-active='false'] a {
+	cursor: inherit;
+}
+
+.tl-rich-text code {
+	font-family: var(--tl-font-mono);
+}
+
+.tl-rich-text mark {
+	background-color: #fddd00;
+	color: currentColor;
+	border-radius: 2px;
+}
+
+.tl-theme__light .tl-rich-text mark {
+	text-shadow: none;
+}
+
+.tl-theme__dark .tl-rich-text mark {
+	background-color: var(--tl-color-text-highlight);
+	color: currentColor;
+	text-shadow: none;
+}
+
+@supports (color: color(display-p3 1 1 1)) {
+	@media (color-gamut: p3) {
+		.tl-container:not(.tl-theme__force-sRGB) .tl-rich-text mark {
+			background-color: var(--tl-color-text-highlight-p3);
+		}
+	}
+}
+
+.tl-text-wrapper[data-isediting='true'] .tl-rich-text {
+	display: block;
+}
+
+.tl-text__outline {
+	text-shadow: var(--tl-text-outline);
+}
+
+.tl-text__no-outline {
+	text-shadow: none;
+}
+
+/* --------------------- Loading -------------------- */
+
+.tl-loading {
+	background-color: var(--tl-color-background);
+	color: var(--tl-color-text-1);
+	height: 100%;
+	width: 100%;
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	align-items: center;
+	gap: var(--tl-space-2);
+	font-size: 14px;
+	font-weight: 500;
+	opacity: 0;
+	animation: tl-fade-in 0.2s ease-in-out forwards;
+	animation-delay: 0.2s;
+	position: absolute;
+	inset: 0px;
+	z-index: var(--tl-layer-canvas-blocker);
+}
+
+@keyframes tl-fade-in {
+	0% {
+		opacity: 0;
+	}
+	100% {
+		opacity: 1;
+	}
+}
+
+.tl-spinner {
+	animation: tl-spin 1s linear infinite;
+}
+
+@keyframes tl-spin {
+	0% {
+		transform: rotate(0deg);
+	}
+	100% {
+		transform: rotate(360deg);
+	}
+}
+
+/* ---------------- Hyperlink Button ---------------- */
+
+.tl-hyperlink-button {
+	background: none;
+	margin: 0px;
+	position: absolute;
+	top: 0px;
+	right: 0px;
+	height: 44px;
+	width: 44px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-size: 12px;
+	font-weight: 400;
+	color: var(--tl-color-text-1);
+	padding: 13px;
+	cursor: var(--tl-cursor-pointer);
+	border: none;
+	outline: none;
+	pointer-events: all;
+	z-index: 1;
+}
+
+.tl-hyperlink-button::after {
+	content: '';
+	z-index: -1;
+	position: absolute;
+	right: 6px;
+	bottom: 6px;
+	display: block;
+	width: calc(100% - 12px);
+	height: calc(100% - 12px);
+	border-radius: var(--tl-radius-1);
+	background-color: var(--tl-color-background);
+	pointer-events: none;
+}
+
+.tl-hyperlink-button:focus-visible {
+	color: var(--tl-color-selected);
+}
+
+.tl-hyperlink__icon {
+	width: 15px;
+	height: 15px;
+	background-color: currentColor;
+	pointer-events: none;
+}
+
+.tl-hyperlink-button__hidden {
+	display: none;
+}
+
+/* ----------------- Shape indicator ---------------- */
+
+.tl-shape-indicator {
+	transform-origin: top left;
+	fill: none;
+	stroke-width: calc(1.5px * var(--tl-scale));
+	contain: size layout;
+}
+
+.tl-canvas-overlays {
+	position: absolute;
+	inset: 0;
+	pointer-events: none;
+	z-index: var(--tl-layer-canvas-overlays);
+}
+
+/* ---------------------- Shape --------------------- */
+
+.tl-shape {
+	position: absolute;
+	pointer-events: none;
+	overflow: visible;
+	transform-origin: top left;
+	contain: size layout;
+}
+
+/* ---------------- Shape Containers ---------------- */
+
+.tl-svg-container {
+	position: absolute;
+	inset: 0px;
+	height: 100%;
+	width: 100%;
+	pointer-events: none;
+	stroke-linecap: round;
+	stroke-linejoin: round;
+	transform-origin: top left;
+	overflow: visible;
+}
+
+.tl-html-container {
+	position: absolute;
+	inset: 0px;
+	height: 100%;
+	width: 100%;
+	pointer-events: none;
+	stroke-linecap: round;
+	stroke-linejoin: round;
+	/* content-visibility: auto; */
+	transform-origin: top left;
+	color: var(--tl-color-text-1);
+}
+
+.tl-content-slot {
+	position: absolute;
+	inset: 0px;
+	height: 100%;
+	width: 100%;
+	pointer-events: none;
+	transform-origin: top left;
+}
+
+/* -------------------- Group shape ------------------ */
+
+.tl-group {
+	stroke: var(--tl-color-text);
+	stroke-width: calc(1px * var(--tl-scale));
+	opacity: 0.5;
+}
+
+/* --------------------- Arrow shape -------------------- */
+
+.tl-shape[data-shape-type='arrow'] .tl-text-label {
+	position: absolute;
+	top: -1px;
+	left: -1px;
+	width: 2px;
+	height: 2px;
+	padding: 0px;
+	display: flex;
+	justify-content: center;
+	align-items: center;
+	text-align: center;
+	color: var(--tl-color-text);
+}
+
+.tl-shape[data-shape-type='arrow'] .tl-text-label__inner {
+	border-radius: var(--tl-radius-1);
+	box-sizing: content-box;
+	height: max-content;
+	width: max-content;
+}
+
+.tl-shape[data-shape-type='arrow'] .tl-text {
+	height: max-content;
+}
+
+/* ------------------- Bookmark shape ------------------- */
+
+.tl-bookmark__container {
+	width: 100%;
+	height: 100%;
+	position: relative;
+	border: 1px solid var(--tl-color-panel-contrast);
+	background-color: var(--tl-color-panel);
+	border-radius: var(--tl-radius-2);
+	display: flex;
+	flex-direction: column;
+	overflow: hidden;
+}
+
+.tl-bookmark__container--safariExport {
+	border: 1px solid var(--tl-color-divider);
+}
+
+.tl-bookmark__image_container {
+	flex: 1 1 100%;
+	overflow: hidden;
+	border-top-left-radius: var(--tl-radius-1);
+	border-top-right-radius: var(--tl-radius-1);
+	width: 100%;
+	height: 100%;
+	display: flex;
+	justify-content: flex-end;
+	align-items: flex-start;
+	box-shadow: inset 0px 0px 0px 1px var(--tl-color-divider);
+}
+
+.tl-bookmark__image_container > .tl-hyperlink-button::after {
+	background-color: var(--tl-color-panel);
+}
+
+.tl-bookmark__placeholder {
+	width: 100%;
+	height: 100%;
+	background-color: var(--tl-color-muted-2);
+	border-bottom: 1px solid var(--tl-color-muted-2);
+}
+
+.tl-bookmark__image {
+	width: 100%;
+	height: 100%;
+	object-fit: cover;
+	object-position: center;
+	border-bottom: 1px solid var(--tl-color-muted-2);
+}
+
+.tl-bookmark__copy_container {
+	background-color: var(--tl-color-muted-0);
+	padding: var(--tl-space-4);
+	pointer-events: all;
+	display: flex;
+	flex-direction: column;
+	justify-content: space-between;
+	flex: 1;
+}
+
+.tl-bookmark__copy_container:has(.tl-bookmark__link:only-child) {
+	justify-content: center;
+}
+
+.tl-bookmark__heading,
+.tl-bookmark__description,
+.tl-bookmark__link {
+	margin: 0px;
+	width: 100%;
+	font-family: inherit;
+}
+
+.tl-bookmark__heading {
+	font-size: 16px;
+	line-height: 1.6;
+	font-weight: bold;
+	padding-bottom: var(--tl-space-2);
+	overflow: hidden;
+	max-height: calc((16px * 1.6) * 2);
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 2;
+	line-clamp: 2;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+}
+
+.tl-bookmark__description {
+	font-size: 12px;
+	line-height: 1.5;
+	overflow: hidden;
+	max-height: calc((12px * 1.5) * 3);
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 3;
+	line-clamp: 3;
+	text-overflow: ellipsis;
+	display: -webkit-box;
+	color: var(--tl-color-text-1);
+	margin: var(--tl-space-2) 0px;
+}
+
+.tl-bookmark__heading + .tl-bookmark__link,
+.tl-bookmark__description + .tl-bookmark__link {
+	margin-top: var(--tl-space-3);
+}
+.tl-bookmark__link {
+	font-size: 12px;
+	pointer-events: all;
+	display: flex;
+	color: var(--tl-color-text-1);
+	align-items: center;
+	cursor: var(--tl-cursor-pointer);
+	width: fit-content;
+	max-width: 100%;
+	text-decoration: none;
+}
+
+.tl-bookmark__link > span {
+	flex-shrink: 0px;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.tl-bookmark__link > .tl-hyperlink__icon {
+	margin-right: 8px;
+	flex-shrink: 0;
+}
+
+.tl-bookmark__link > .tl-bookmark__favicon {
+	margin-right: 8px;
+	width: 16px;
+	height: 16px;
+	flex-shrink: 0;
+}
+
+/* -------------- Image and video shape ------------- */
+
+.tl-image,
+.tl-video {
+	object-fit: cover;
+	background-size: cover;
+	width: 100%;
+	height: 100%;
+}
+
+.tl-video-container,
+.tl-image-container,
+.tl-embed-container {
+	width: 100%;
+	height: 100%;
+	pointer-events: all;
+	/* background-color: var(--tl-color-background); */
+
+	display: flex;
+	justify-content: center;
+	align-items: center;
+}
+
+.tl-image-container {
+	position: relative;
+}
+
+.tl-image {
+	position: absolute;
+	inset: 0;
+}
+
+.tl-video.tl-video-is-fullscreen {
+	object-fit: contain;
+	background-size: contain;
+}
+
+/* -------------------- Note shape ------------------- */
+
+.tl-note__container {
+	position: relative;
+	width: 100%;
+	height: 100%;
+	pointer-events: all;
+	opacity: 1;
+	z-index: var(--tl-layer-text-container);
+	border-radius: 1px;
+}
+
+.tl-note__container > .tl-text-label {
+	color: currentColor;
+}
+
+.tl-note__attribution {
+	position: absolute;
+	bottom: calc(4px * var(--note-attribution-scale, 1));
+	right: calc(8px * var(--note-attribution-scale, 1));
+	font-family: var(--tl-font-sans);
+	pointer-events: auto;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	max-width: 60%;
+	z-index: 1;
+}
+
+/* ------------------- Frame shape ------------------- */
+
+.tl-frame__body {
+	stroke-width: calc(1px * var(--tl-scale));
+}
+
+.tl-frame__creating {
+	stroke: var(--tl-color-selected);
+	fill: none;
+}
+
+.tl-frame-heading {
+	--tl-frame-padding-x: 6px;
+	--tl-frame-height: 24px;
+	--tl-frame-minimum-width: 32px;
+	--tl-frame-offset-width: 16px;
+	display: flex;
+	align-items: center;
+	position: absolute;
+	transform-origin: 0% 100%;
+	overflow: hidden;
+	max-width: 100%;
+	min-width: var(--tl-frame-minimum-width);
+	height: auto;
+	font-size: 12px;
+	padding-bottom: 4px;
+	pointer-events: all;
+}
+
+.tl-frame-heading-hit-area {
+	pointer-events: all;
+	/* scale from bottom left corner so we can pin it to the top left corner of the frame */
+	transform-origin: 0% 100%;
+	display: flex;
+	height: var(--tl-frame-height);
+	width: 100%;
+	align-items: center;
+	border-radius: var(--tl-radius-1);
+}
+
+.tl-frame-label {
+	pointer-events: all;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	padding: 0px var(--tl-frame-padding-x);
+	border-radius: var(--tl-radius-1);
+	position: relative;
+	font-size: inherit;
+	white-space: pre;
+}
+
+.tl-frame-label__editing {
+	color: transparent;
+	white-space: pre;
+	width: auto;
+	min-width: var(--tl-frame-minimum-width);
+	height: 100%;
+	overflow: visible;
+	background-color: var(--tl-color-panel);
+	border-color: var(--tl-color-selected);
+	box-shadow: inset 0px 0px 0px 1.5px var(--tl-color-selected);
+}
+
+.tl-frame-name-input {
+	position: absolute;
+	border: none;
+	background: none;
+	outline: none;
+	padding: 0px var(--tl-frame-padding-x);
+	inset: 0px;
+	height: 100%;
+	width: 100%;
+	font-size: inherit;
+	font-family: inherit;
+	font-weight: inherit;
+	width: 100%;
+	color: var(--tl-color-text-1);
+	border-radius: var(--tl-radius-1);
+	user-select: all;
+	-webkit-user-select: text;
+	white-space: pre;
+	cursor: var(--tl-cursor-text);
+}
+
+/* ------------------- Embed Shape ------------------ */
+
+.tl-embed {
+	border: none;
+	border-radius: var(--tl-radius-2);
+}
+
+/* -------------- Shape error boundary -------------- */
+
+.tl-shape-error-boundary {
+	width: 100%;
+	height: 100%;
+	background-color: var(--tl-color-muted-1);
+	border-width: calc(1px * var(--tl-scale));
+	border-color: var(--tl-color-muted-1);
+	border-style: solid;
+	border-radius: calc(var(--tl-radius-1) * var(--tl-scale));
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	text-align: left;
+	position: relative;
+	pointer-events: all;
+	overflow: hidden;
+	padding: var(--tl-space-2);
+}
+
+.tl-shape-error-boundary::before {
+	transform: scale(var(--tl-scale));
+	content: 'Error';
+	font-size: 12px;
+	font-family: inherit;
+	color: var(--tl-color-text-0);
+}
+
+/* ----------------- Error boundary ----------------- */
+
+.tl-error-boundary {
+	width: 100%;
+	height: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	padding: var(--tl-space-4);
+	background-color: var(--tl-color-background);
+	color: var(--tl-color-text-1);
+	position: absolute;
+}
+
+.tl-error-boundary__overlay {
+	position: absolute;
+	inset: 0px;
+	height: 100%;
+	width: 100%;
+	z-index: var(--tl-layer-error-overlay);
+	background-color: var(--tl-color-overlay);
+}
+
+.tl-error-boundary__content * {
+	user-select: all;
+	-webkit-user-select: text;
+	pointer-events: all;
+}
+
+.tl-error-boundary__canvas {
+	pointer-events: none;
+	position: absolute;
+	inset: 0px;
+	height: 100%;
+	width: 100%;
+	z-index: var(--tl-layer-error-canvas);
+}
+
+/* some browsers seem to have some weird interactions between stacking contexts
+and pointer-events. this ::after pseudo element covers the canvas and prevents
+it from receiving any pointer events or affecting the cursor. */
+.tl-error-boundary__canvas::after {
+	content: ' ';
+	display: block;
+	position: absolute;
+	inset: 0px;
+	height: 100%;
+	width: 100%;
+	z-index: var(--tl-layer-error-canvas-after);
+	pointer-events: all;
+}
+
+.tl-error-boundary__content {
+	width: fit-content;
+	height: fit-content;
+	max-width: 100%;
+	width: 400px;
+	max-height: 100%;
+	background-color: var(--tl-color-panel);
+	padding: 16px;
+	border-radius: 16px;
+	box-shadow: var(--tl-shadow-2);
+	font-size: 14px;
+	font-weight: 400;
+	display: flex;
+	flex-direction: column;
+	overflow: auto;
+	z-index: var(--tl-layer-error-content);
+	gap: 12px;
+}
+
+.tl-error-boundary__content__expanded {
+	width: 600px;
+}
+
+.tl-error-boundary__content h2 {
+	font-size: 16px;
+	margin: 0px;
+	font-weight: 500;
+}
+
+.tl-error-boundary__content h4 {
+	border: 1px solid var(--tl-color-low-border);
+	margin: -6px 0 0 0;
+	padding: var(--tl-space-5);
+	border-radius: var(--tl-radius-2);
+	font-weight: normal;
+}
+
+.tl-error-boundary__content p {
+	line-height: 1.5;
+	margin: 0px;
+}
+
+.tl-error-boundary__content pre {
+	background-color: var(--tl-color-muted-2);
+	margin-top: 0;
+	padding: var(--tl-space-5);
+	border-radius: var(--tl-radius-2);
+	overflow: auto;
+	font-size: 12px;
+	max-height: 320px;
+}
+
+.tl-error-boundary__content button {
+	background: none;
+	border: none;
+	font-family: inherit;
+	font-size: 14px;
+	font-weight: 500;
+	padding: var(--tl-space-4);
+	border-radius: var(--tl-radius-3);
+	cursor: var(--tl-cursor-pointer);
+	color: inherit;
+	background-color: transparent;
+}
+
+.tl-error-boundary__content a {
+	color: var(--tl-color-selected);
+	font-weight: 500;
+	text-decoration: none;
+}
+
+.tl-error-boundary__content__error {
+	position: relative;
+	margin: -6px 0 0 0;
+}
+
+.tl-error-boundary__content__error button {
+	position: absolute;
+	top: var(--tl-space-2);
+	right: var(--tl-space-2);
+	font-size: 12px;
+	padding: var(--tl-space-2) var(--tl-space-3);
+	background-color: var(--tl-color-panel);
+	border-radius: var(--tl-radius-1);
+}
+
+.tl-error-boundary__content__actions {
+	display: flex;
+	justify-content: space-between;
+	gap: var(--tl-space-4);
+	margin: 0px;
+	margin-left: -4px;
+}
+.tl-error-boundary__content__actions__group {
+	display: flex;
+	gap: var(--tl-space-4);
+}
+.tl-error-boundary__content .tl-error-boundary__reset {
+	color: var(--tl-color-danger);
+}
+.tl-error-boundary__content .tl-error-boundary__refresh {
+	background-color: var(--tl-color-primary);
+	color: var(--tl-color-selected-contrast);
+}
+.tl-container__focused:not(.tl-container__no-focus-ring)
+	.tlui-button.tl-error-boundary__refresh:focus-visible {
+	border-radius: 8px;
+	outline-offset: 0;
+}
+
+/* ---------------- Hit test blocker ---------------- */
+
+.tl-hit-test-blocker {
+	position: absolute;
+	z-index: var(--tl-layer-canvas-blocker);
+	inset: 0px;
+	width: 100%;
+	height: 100%;
+	pointer-events: all;
+}
+
+.tl-hit-test-blocker__hidden {
+	display: none;
+}
+
+/* --------------------- Hovers --------------------- */
+
+@media (hover: hover) {
+	.tl-handle__create:hover {
+		opacity: 1;
+	}
+
+	.tl-handle__bg:hover {
+		cursor: var(--tl-cursor-grab);
+		fill: var(--tl-color-selection-fill);
+	}
+
+	.tl-bookmark__link:hover {
+		color: var(--tl-color-selected);
+	}
+
+	.tl-hyperlink-button:hover {
+		color: var(--tl-color-selected);
+	}
+
+	.tl-error-boundary__content button:hover {
+		background-color: var(--tl-color-low);
+	}
+	.tl-error-boundary__content a:hover {
+		color: var(--tl-color-text-1);
+	}
+	.tl-error-boundary__content .tl-error-boundary__refresh:hover {
+		background-color: var(--tl-color-primary);
+		opacity: 0.9;
+	}
+
+	/* These three rules help preserve clicking into specific points in text areas *while*
+ * already in edit mode when jumping from shape to shape. */
+	.tl-canvas[data-iseditinganything='true'] .tl-text-wrapper:hover .tl-text-input {
+		z-index: var(--tl-layer-text-editor);
+		pointer-events: all;
+	}
+}
+
+/* @tldraw/ui */
+
+.tl-container {
+	/*
+	 * UI z-index layers
+	 *
+	 * menu-click-capture and panels (.tlui-layout) participate in the
+	 * container-level stacking context alongside the canvas layers:
+	 *   watermark (200) < canvas-in-front (250) < menu-click-capture (250) < panels (300)
+	 *
+	 * menus, toasts, header-footer, etc. are children of .tlui-layout
+	 * (which creates its own stacking context at z-index 300), so their
+	 * z-indices are relative to the layout, not the container.
+	 *
+	 * cursor is rendered inside canvas-in-front (stacking context at
+	 * z-index 250), so their z-indices are relative to that context.
+	 */
+	--tl-layer-above: 1;
+	--tl-layer-focused-input: 10;
+	--tl-layer-menu-click-capture: 250;
+	--tl-layer-panels: 300;
+	--tl-layer-menus: 400;
+	--tl-layer-toasts: 650;
+	--tl-layer-cursor: 700;
+	--tl-layer-header-footer: 999;
+}
+
+/* Button */
+
+.tlui-button {
+	position: relative;
+	height: 40px;
+	min-width: 40px;
+	padding: 0px 12px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	background-color: transparent;
+	border: transparent;
+	color: currentColor;
+	cursor: pointer;
+	pointer-events: all;
+	font-weight: inherit;
+	font-family: inherit;
+	line-height: inherit;
+	text-rendering: optimizeLegibility;
+	font-size: 12px;
+	gap: 0px;
+	color: var(--tl-color-text-1);
+	z-index: 0;
+}
+
+.tlui-button:disabled,
+.tlui-button[data-disabled] {
+	color: var(--tl-color-text-disabled);
+	text-shadow: none;
+	cursor: default;
+}
+
+.tlui-button:disabled .tlui-kbd,
+.tlui-button[data-disabled] .tlui-kbd {
+	color: var(--tl-color-text-disabled);
+}
+
+.tlui-button > * {
+	position: relative;
+	z-index: var(--tl-layer-above);
+}
+
+.tlui-button__label {
+	font-size: 12px;
+	flex-grow: 2;
+	text-align: start;
+	min-width: 0;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+}
+
+/*
+ * We only want to show the focus ring if:
+ * - the container is focused
+ * - we're not using the mouse to interact (which is the .tl-container__no-focus-ring)
+ */
+.tl-container__focused:not(.tl-container__no-focus-ring) .tlui-button:focus-visible {
+	border-radius: 10px;
+	outline: 2px solid var(--tl-color-focus);
+	outline-offset: -5px;
+}
+.tl-container__focused:not(.tl-container__no-focus-ring) .tlui-button__tool:focus-visible {
+	border-radius: 12px;
+}
+.tlui-slider__container:has(.tlui-slider__thumb:focus-visible) {
+	border-radius: 10px;
+	outline: 2px solid var(--tl-color-focus);
+	outline-offset: -5px;
+}
+
+.tlui-button::after {
+	display: block;
+	content: '';
+	position: absolute;
+	inset: 4px;
+	border-radius: var(--tl-radius-2);
+	background: var(--tl-color-muted-2);
+	opacity: 0;
+}
+
+.tlui-button__menu[data-highlighted]::after {
+	opacity: 1;
+}
+
+.tlui-button[data-isactive='true']::after,
+.tlui-button[data-isactive='true']:not(:disabled, [data-disabled], :focus-visible):active:after {
+	background: var(--tl-color-hint);
+	opacity: 1;
+}
+
+.tlui-button[aria-expanded='true'][data-direction='left'] {
+	background: linear-gradient(270deg, rgba(144, 144, 144, 0) 0%, var(--tl-color-muted-2) 100%);
+	opacity: 1;
+}
+
+@media (hover: hover) {
+	.tlui-button[aria-expanded='true'][data-direction='left']:not(:hover)::after {
+		background: linear-gradient(270deg, rgba(144, 144, 144, 0) 0%, var(--tl-color-muted-2) 100%);
+		opacity: 1;
+	}
+
+	.tlui-button:not(:disabled, [data-disabled]):hover {
+		z-index: 1;
+	}
+
+	.tlui-button:not(:disabled, [data-disabled]):hover::after {
+		opacity: 1;
+	}
+}
+
+.tlui-button__icon + .tlui-button__label {
+	margin-inline-start: var(--tl-space-2);
+}
+
+/* Low button  */
+
+.tlui-button__low {
+	border-radius: var(--tl-radius-3);
+	background-color: var(--tl-color-low);
+}
+
+.tlui-button__low::after {
+	background-color: var(--tl-color-muted-2);
+	opacity: 0;
+}
+
+@media (hover: hover) {
+	.tlui-button__low:hover::after {
+		opacity: 1;
+	}
+}
+
+/* Primary / danger buttons */
+
+.tlui-button__primary {
+	color: var(--tl-color-primary);
+}
+
+.tlui-button__danger {
+	color: var(--tl-color-danger);
+	text-shadow: none;
+}
+
+@media (hover: hover) {
+	.tlui-button__primary:not(:disabled, [data-disabled], :focus-visible):hover {
+		color: var(--tl-color-primary);
+	}
+
+	.tlui-button__danger:not(:disabled, [data-disabled], :focus-visible):hover {
+		color: var(--tl-color-danger);
+		text-shadow: none;
+	}
+}
+
+/* Menu button */
+
+.tlui-button__menu {
+	height: 40px;
+	min-height: 40px;
+	width: 100%;
+	gap: 8px;
+	margin-top: -4px;
+}
+
+.tlui-button__menu::after {
+	inset: 4px;
+	border-radius: var(--tl-radius-2);
+}
+
+.tlui-button__menu > .tlui-icon + .tlui-button__label {
+	margin-inline-start: 0px;
+}
+
+.tlui-button__menu:nth-child(1) {
+	margin-top: 0px;
+}
+
+.tlui-button__menu:nth-last-child(1) {
+	margin-bottom: 0px;
+}
+
+/* Menu checkbox button */
+
+.tlui-button__checkbox {
+	padding-left: 8px;
+}
+
+.tlui-button__checkbox__indicator {
+	width: 15px;
+	height: 15px;
+}
+
+/* Tool lock button */
+
+.tlui-main-toolbar__lock-button {
+	position: absolute;
+	pointer-events: all;
+	height: 40px;
+	width: 40px;
+	border-radius: var(--tl-radius-2);
+}
+
+.tlui-main-toolbar--horizontal .tlui-main-toolbar__lock-button {
+	top: 4px;
+	right: 0px;
+	min-width: 0px;
+}
+
+.tlui-main-toolbar--vertical .tlui-main-toolbar__lock-button {
+	bottom: 0px;
+	min-height: 0px;
+}
+
+.tlui-main-toolbar__lock-button::after {
+	top: 4px;
+	left: 8px;
+	inset: 4px;
+}
+
+/* Tool button  */
+
+.tlui-button__tool {
+	position: relative;
+	height: 48px;
+	width: 48px;
+}
+
+.tlui-button__tool::after {
+	inset: 4px;
+	border-radius: 8px;
+}
+
+.tlui-button__tool[aria-pressed='true'] {
+	color: var(--tl-color-selected-contrast);
+}
+
+.tlui-button__tool[aria-pressed='true']:not(:disabled, [data-disabled], :focus-visible):active {
+	color: var(--tl-color-selected-contrast);
+}
+
+.tlui-button__tool[aria-pressed='true']:not(:disabled, [data-disabled])::after {
+	background: var(--tl-color-selected);
+	opacity: 1;
+}
+
+.tlui-layout__mobile .tlui-main-toolbar--horizontal .tlui-button__tool {
+	height: 48px;
+	width: 43px;
+}
+
+.tlui-layout__mobile .tlui-main-toolbar--horizontal .tlui-button__tool > .tlui-icon {
+	height: 16px;
+	width: 16px;
+}
+
+/* Row layout */
+
+.tlui-row {
+	display: flex;
+	flex-direction: row;
+	padding: 0 2px;
+}
+.tlui-row > * {
+	margin-left: -2px;
+	margin-right: -2px;
+}
+
+/* Column layout */
+
+.tlui-column {
+	display: flex;
+	flex-direction: column;
+	padding: 2px 0;
+}
+.tlui-column > * {
+	margin-top: -2px;
+	margin-bottom: -2px;
+}
+
+/* Grid layout */
+
+.tlui-grid {
+	display: grid;
+	grid-template-columns: repeat(4, 1fr);
+	grid-auto-flow: row;
+	overflow: hidden;
+	padding: 2px;
+}
+.tlui-grid > * {
+	margin: -2px;
+}
+
+/* Zoom button */
+
+.tlui-zoom-menu__button {
+	width: 60px;
+	min-width: 60px;
+	text-align: center;
+}
+
+.tlui-zoom-menu__button[data-state='open']::after {
+	background: linear-gradient(0deg, rgba(144, 144, 144, 0) 0%, var(--tl-color-muted-2) 100%);
+	opacity: 1;
+}
+
+/* --------------------- Layout --------------------- */
+
+.tlui-layout {
+	position: relative;
+	display: grid;
+	grid-template-columns: 1fr;
+	grid-template-rows: minmax(0px, 1fr) auto;
+	grid-auto-rows: auto;
+	height: 100%;
+	max-height: 100%;
+	overflow: clip;
+	pointer-events: none;
+	user-select: none;
+	contain: strict;
+	z-index: var(--tl-layer-panels);
+	transform: translate3d(0, 0, 0);
+	--tl-sab: env(safe-area-inset-bottom);
+	font-weight: 500;
+	line-height: 1.6;
+	-webkit-font-smoothing: antialiased;
+	-moz-osx-font-smoothing: grayscale;
+	font-smooth: antialiased;
+	text-rendering: optimizeLegibility;
+}
+
+.tlui-layout__top {
+	grid-column: 1;
+	grid-row: 1;
+	display: flex;
+	min-width: 0px;
+	justify-content: space-between;
+}
+
+.tlui-layout__top__left {
+	display: flex;
+	flex-direction: column;
+	align-items: flex-start;
+	justify-content: flex-start;
+	width: 100%;
+	height: 100%;
+	flex: 0 1 0;
+}
+
+.tlui-layout__top__right {
+	display: flex;
+	flex-direction: column;
+	align-items: flex-end;
+	justify-content: flex-start;
+	height: 100%;
+	flex: 0 0 auto;
+	min-width: 0px;
+}
+
+.tlui-scrollable,
+.tlui-scrollable * {
+	pointer-events: all;
+	touch-action: auto;
+	overscroll-behavior: none;
+}
+
+/* ----------------- Helper Buttons ---------------- */
+
+.tlui-helper-buttons {
+	position: relative;
+	display: flex;
+	flex-direction: column;
+	justify-content: flex-start;
+	align-items: flex-start;
+	width: min-content;
+	gap: var(--tl-space-3);
+	margin: var(--tl-space-2) var(--tl-space-3);
+	white-space: nowrap;
+	pointer-events: none;
+	z-index: var(--tl-layer-panels);
+}
+
+/* ---------------------- Icon ---------------------- */
+
+.tlui-icon {
+	flex-shrink: 0;
+	width: 18px;
+	height: 18px;
+	background-color: currentColor;
+}
+
+.tlui-icon__placeholder {
+	flex-shrink: 0;
+	width: 18px;
+	height: 18px;
+	background-color: transparent;
+}
+
+.tlui-icon__small {
+	width: 15px;
+	height: 15px;
+}
+
+.tlui-icon__tiny {
+	width: 12px;
+	height: 12px;
+}
+
+/* --------------------- Slider --------------------- */
+
+.tlui-slider__container {
+	width: 100%;
+	padding: 0px var(--tl-space-4);
+}
+
+.tlui-slider {
+	position: relative;
+	display: flex;
+	align-items: center;
+	user-select: none;
+	touch-action: none;
+	width: 100%;
+}
+
+.tlui-slider__track {
+	position: relative;
+	flex-grow: 1;
+	height: 44px;
+	cursor: pointer;
+}
+
+.tlui-slider__track::after {
+	display: block;
+	position: absolute;
+	top: calc(50% - 2px);
+	content: '';
+	height: 3px;
+	width: 100%;
+	background-color: var(--tl-color-muted-1);
+	border-radius: 14px;
+}
+
+.tlui-slider__range {
+	position: absolute;
+	top: calc(50% - 2px);
+	left: 0px;
+	height: 3px;
+	background-color: var(--tl-color-selected);
+	border-radius: 14px;
+}
+
+.tlui-slider__thumb {
+	all: unset;
+	cursor: grab;
+	display: block;
+	width: 18px;
+	height: 18px;
+	position: relative;
+	top: -1px;
+	background-color: var(--tl-color-panel);
+	border-radius: 999px;
+	box-shadow: inset 0px 0px 0px 2px var(--tl-color-text-1);
+}
+
+.tlui-slider__thumb:active {
+	cursor: grabbing;
+	box-shadow:
+		inset 0px 0px 0px 2px var(--tl-color-text-1),
+		var(--tl-shadow-1);
+}
+
+/* ---------------------- Input --------------------- */
+
+.tlui-input {
+	background: none;
+	margin: 0px;
+	position: relative;
+	z-index: var(--tl-layer-above);
+	height: 40px;
+	max-height: 40px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	font-family: inherit;
+	font-size: 12px;
+	font-weight: inherit;
+	color: var(--tl-color-text-1);
+	padding: var(--tl-space-4);
+	padding-left: 0px;
+	border: none;
+	outline: none;
+	text-overflow: ellipsis;
+	width: 100%;
+	user-select: all;
+	text-rendering: optimizeLegibility;
+	-webkit-user-select: auto !important;
+}
+
+.tlui-input::placeholder {
+	color: var(--tl-color-text-3);
+}
+
+.tlui-input__wrapper {
+	width: 100%;
+	height: 44px;
+	display: flex;
+	align-items: center;
+	gap: var(--tl-space-4);
+	color: var(--tl-color-text);
+}
+
+.tlui-input__wrapper > .tlui-icon {
+	flex-shrink: 0;
+}
+
+/* If mobile use 16px as font size */
+/* On iOS, font size under 16px in an input will make the page zoom into the input 🤦‍♂️ */
+/* https://css-tricks.com/16px-or-larger-text-prevents-ios-form-zoom/ */
+@supports (-webkit-touch-callout: none) {
+	/* CSS specific to iOS devices */
+	.tlui-input {
+		font-size: 16px;
+	}
+}
+
+/* --------------------- Select --------------------- */
+
+/* Trigger extends .tlui-button with space-between layout */
+.tlui-select__trigger {
+	justify-content: space-between;
+	gap: var(--tl-space-3);
+}
+
+.tlui-select__trigger[data-state='open']::after {
+	opacity: 1;
+}
+
+.tlui-select__value {
+	display: flex;
+	align-items: center;
+	gap: var(--tl-space-2);
+}
+
+.tlui-select__chevron {
+	flex-shrink: 0;
+	color: var(--tl-color-text-2);
+}
+
+/* Content extends .tlui-menu with Radix-aware sizing */
+.tlui-select__content {
+	min-width: var(--radix-select-trigger-width);
+	max-height: var(--radix-select-content-available-height);
+}
+
+.tlui-select__viewport {
+	padding: 4px 0;
+}
+
+/* Item extends .tlui-button__checkbox with left-aligned text */
+.tlui-select__item {
+	justify-content: flex-start;
+}
+
+.tlui-select__item-indicator {
+	visibility: hidden;
+}
+
+.tlui-select__item[data-state='checked'] .tlui-select__item-indicator {
+	visibility: visible;
+}
+
+/* ----------------------- Kbd ---------------------- */
+
+.tlui-kbd {
+	font-family: inherit;
+	font-size: 11px;
+	line-height: 11px;
+	display: grid;
+	justify-items: center;
+	grid-auto-flow: column;
+	grid-template-columns: auto;
+	grid-auto-columns: minmax(1em, auto);
+	align-self: bottom;
+	color: currentColor;
+	margin-inline-start: var(--tl-space-4);
+}
+
+.tlui-kbd > span {
+	width: 100%;
+	text-align: center;
+	display: inline;
+	margin: 0px;
+	padding: 2px;
+	border-radius: 2px;
+}
+
+.tlui-kbd > span:last-child {
+	padding-inline-end: 0;
+}
+
+.tlui-kbd:not(:last-child) {
+	margin-inline-end: var(--tl-space-2);
+}
+
+/* Focus Mode Button */
+
+.tlui-focus-button {
+	z-index: var(--tl-layer-panels);
+	pointer-events: all;
+}
+
+/* ---------------------- Menu ---------------------- */
+
+.tlui-menu:empty {
+	display: none;
+}
+
+.tlui-menu {
+	z-index: var(--tl-layer-menus);
+	height: fit-content;
+	width: fit-content;
+	border-radius: var(--tl-radius-3);
+	pointer-events: all;
+	touch-action: auto;
+	overflow-y: auto;
+	overscroll-behavior: none;
+	background-color: var(--tl-color-panel);
+	box-shadow: var(--tl-shadow-3);
+}
+
+@media (max-height: 600px) {
+	.tlui-menu {
+		max-height: 70vh;
+	}
+}
+
+.tlui-menu::-webkit-scrollbar {
+	display: none;
+}
+
+/* Menu groups */
+
+.tlui-menu__group {
+	width: 100%;
+}
+
+.tlui-menu__group:empty {
+	display: none;
+}
+
+.tlui-menu__group {
+	border-bottom: 1px solid var(--tl-color-divider);
+}
+.tlui-menu__group:nth-last-of-type(1) {
+	border-bottom: none;
+}
+
+/* Submenu triggers */
+
+.tlui-menu__submenu__trigger {
+	--gradient-angle: 90deg;
+}
+
+.tlui-menu__submenu__trigger[data-direction='left'] {
+	--gradient-angle: 270deg;
+}
+
+.tlui-menu__submenu__trigger[data-state='open']::after {
+	opacity: 1;
+	background: linear-gradient(
+		var(--gradient-angle),
+		rgba(144, 144, 144, 0) 0%,
+		var(--tl-color-muted-2) 100%
+	);
+}
+
+@media (hover: hover) {
+	.tlui-menu__submenu__trigger:is(:hover, [data-state='open'])::after {
+		opacity: 1;
+		background: linear-gradient(
+			var(--gradient-angle),
+			rgba(144, 144, 144, 0) 0%,
+			var(--tl-color-muted-2) 100%
+		);
+	}
+}
+
+/* Menu Sizes */
+
+.tlui-menu[data-size='large'] > .tlui-menu__group {
+	min-width: initial;
+}
+
+.tlui-menu[data-size='medium'] > .tlui-menu__group {
+	min-width: 144px;
+}
+
+.tlui-menu[data-size='small'] > .tlui-menu__group {
+	min-width: 96px;
+}
+
+.tlui-menu[data-size='tiny'] > .tlui-menu__group {
+	min-width: 0px;
+}
+
+.tlui-menu-click-capture {
+	position: fixed;
+	inset: 0;
+	z-index: var(--tl-layer-menu-click-capture);
+}
+
+/* --------------------- Popover -------------------- */
+
+.tlui-popover {
+	position: relative;
+	display: flex;
+	align-content: stretch;
+}
+
+.tlui-popover__content {
+	position: relative;
+	max-height: calc(var(--radix-popover-content-available-height) - 8px);
+	margin: 0px;
+	border: none;
+	border-radius: var(--tl-radius-3);
+	background-color: var(--tl-color-panel);
+	box-shadow: var(--tl-shadow-3);
+	z-index: var(--tl-layer-menus);
+	overflow: hidden;
+	overflow-y: auto;
+	touch-action: auto;
+	overscroll-behavior: none;
+	scrollbar-width: none;
+	-ms-overflow-style: none;
+}
+
+/* -------------------- Menu Zone ------------------- */
+
+.tlui-menu-zone {
+	position: relative;
+	z-index: var(--tl-layer-panels);
+	width: fit-content;
+	border-right: 2px solid var(--tl-color-background);
+	border-bottom: 2px solid var(--tl-color-background);
+	border-bottom-right-radius: var(--tl-radius-4);
+	background-color: var(--tl-color-low);
+}
+
+.tlui-menu-zone *[data-state='open']::after {
+	background: linear-gradient(180deg, rgba(144, 144, 144, 0) 0%, var(--tl-color-muted-2) 100%);
+	opacity: 1;
+}
+
+@media (hover: hover) {
+	.tlui-menu-zone *[data-state='open']:not(:hover)::after {
+		background: linear-gradient(180deg, rgba(144, 144, 144, 0) 0%, var(--tl-color-muted-2) 100%);
+		opacity: 1;
+	}
+}
+
+/* ------------------- Page Select ------------------ */
+
+.tlui-page-menu__wrapper {
+	display: flex;
+	flex-direction: column;
+	width: 220px;
+}
+
+.tlui-page-menu__trigger {
+	width: auto;
+}
+
+.tlui-page-menu__trigger[data-state='open']::after {
+	background: linear-gradient(180deg, rgba(144, 144, 144, 0) 0%, var(--tl-color-muted-2) 100%);
+	opacity: 1;
+}
+
+.tlui-page-menu__list {
+	flex: 0 0 auto;
+	overflow-x: hidden;
+	overflow-y: auto;
+	scrollbar-width: none;
+	-ms-overflow-style: none;
+}
+
+.tlui-page-menu__list::-webkit-scrollbar {
+	display: none;
+}
+
+.tlui-page-menu__list__content {
+	position: relative;
+	overflow: hidden;
+}
+
+.tlui-page-menu__resize-handle {
+	flex: 0 0 auto;
+	position: relative;
+	height: 1px;
+	cursor: ns-resize;
+	touch-action: none;
+	background: var(--tl-color-divider);
+	transition: background-color ease-in-out 150ms 80ms;
+	z-index: 999;
+}
+
+/* Hit test area */
+.tlui-page-menu__resize-handle::after {
+	content: '';
+	position: absolute;
+	inset: -4px 0;
+	background: none;
+	z-index: 2000;
+	pointer-events: all;
+}
+
+/* Thick blue indicator */
+.tlui-page-menu__resize-handle::before {
+	content: '';
+	position: absolute;
+	top: 0;
+	left: 0;
+	right: 0;
+	height: 1.5px;
+	background: transparent;
+	pointer-events: none;
+	z-index: 2001;
+}
+
+.tlui-page-menu__resize-handle[data-resizing='true']::before {
+	background: var(--tl-color-selected);
+	transition: none;
+}
+
+.tlui-page-menu__create-button {
+	flex: 0 0 auto;
+	margin: 0;
+}
+
+.tlui-page-menu__item__button {
+	flex: 1 1 auto;
+	min-width: 0px;
+}
+
+.tlui-page-menu__item__button::after,
+.tlui-page-menu__item__drag-handle::after {
+	content: none;
+}
+
+.tlui-page-menu__item__button > .tlui-button__label {
+	padding-inline-end: calc(40px - 12px);
+}
+
+.tlui-page-menu__item {
+	position: absolute;
+	top: 0px;
+	inset-inline-start: 0px;
+	width: 100%;
+	height: 40px;
+	display: flex;
+	flex-direction: row;
+	align-items: center;
+	overflow: hidden;
+	transition: transform 0.08s ease-out;
+}
+
+.tlui-page-menu__item::before {
+	content: '';
+	position: absolute;
+	inset: 4px;
+	border-radius: var(--tl-radius-2);
+	background: var(--tl-color-muted-2);
+	opacity: 0;
+	pointer-events: none;
+}
+
+.tlui-page-menu__item > * {
+	position: relative;
+	z-index: var(--tl-layer-above);
+}
+
+.tlui-page-menu__item[data-iscurrent='true']:not([data-editing='true'])::before {
+	background: var(--tl-color-hint);
+	opacity: 1;
+}
+
+.tlui-page-menu__item__title {
+	flex: 1;
+	height: 40px;
+	position: relative;
+}
+
+.tlui-page-menu__item__title::before {
+	content: '';
+	position: absolute;
+	inset: 4px;
+	border-radius: var(--tl-radius-2);
+	border: 1px solid var(--tl-color-primary);
+	pointer-events: none;
+}
+
+.tlui-page-menu__item__title > .tlui-input__wrapper {
+	height: 100%;
+}
+
+.tlui-page-menu__item[data-dragging='true'],
+.tlui-page-menu__item[data-dragging='true'] .tlui-page-menu__item__button,
+.tlui-page-menu__item[data-dragging='true'] .tlui-page-menu__item__drag-handle {
+	cursor: grabbing;
+	transition: none;
+}
+
+.tlui-page-menu__item[data-dragging='true'] {
+	background: var(--tl-color-panel);
+	opacity: 1;
+}
+
+.tlui-page-menu__item__drag-handle {
+	flex: 0 0 32px;
+	min-width: 32px;
+	padding: 0px;
+	color: var(--tl-color-text-3);
+	cursor: grab;
+	touch-action: none;
+}
+
+.tlui-page-menu__item__drag-handle > .tlui-icon {
+	position: relative;
+	inset-inline-start: 1px;
+}
+
+.tlui-page-menu__item__drag-handle + .tlui-page-menu__item__button {
+	padding-inline-start: 0px;
+}
+
+.tlui-page-menu__item__input {
+	margin-inline-start: 12px;
+}
+
+.tlui-page-menu__item__submenu {
+	position: absolute;
+	inset-inline-end: 0px;
+	top: 0px;
+	height: 100%;
+	z-index: 10;
+}
+
+.tlui-page-menu__item__submenu > .tlui-button {
+	opacity: 0;
+	color: var(--tl-color-text-3);
+}
+
+.tlui-page-menu__item__submenu > .tlui-button::after {
+	content: none;
+}
+
+.tlui-page-menu__item:has(.tlui-button:focus-visible)
+	> .tlui-page-menu__item__submenu
+	> .tlui-button,
+.tlui-page-menu__item__submenu > .tlui-button[data-state='open'],
+.tlui-page-menu__item__submenu > .tlui-button:focus-visible {
+	opacity: 1;
+}
+
+/* Hide the kebab while any row is being dragged: :hover sticks during pointer */
+/* capture, which would otherwise leave the kebab visible mid-drag. */
+.tlui-page-menu__list__content[data-dragging='true']
+	.tlui-page-menu__item
+	> .tlui-page-menu__item__submenu
+	> .tlui-button {
+	opacity: 0;
+}
+
+.tl-container[data-coarse='true'] .tlui-page-menu__item__submenu > .tlui-button {
+	opacity: 1;
+}
+
+.tl-container[data-coarse='true'] .tlui-page-menu__item__button > .tlui-button__label {
+	padding-inline-end: calc(40px - 12px);
+}
+
+@media (hover: hover) {
+	.tlui-page-menu__resize-handle:hover::before {
+		background: var(--tl-color-selected);
+		height: 2px;
+		transition: background-color 150ms 80ms;
+	}
+
+	.tlui-page-menu__item:not([data-editing='true']):hover::before {
+		opacity: 1;
+	}
+
+	.tlui-page-menu__item:hover > .tlui-page-menu__item__submenu > .tlui-button {
+		opacity: 1;
+	}
+
+	.tlui-page-menu__item__button > .tlui-button__label {
+		padding-inline-end: 0px;
+	}
+
+	.tlui-page-menu__item:hover > .tlui-page-menu__item__button > .tlui-button__label {
+		padding-inline-end: calc(40px - 12px);
+	}
+
+	.tlui-page-menu__item__submenu > .tlui-button:hover {
+		color: var(--tl-color-text);
+	}
+}
+/* -------------- Skip to main content -------------- */
+
+.tl-skip-to-main-content {
+	position: fixed;
+	top: 48px;
+	left: -9999px;
+	padding: 8px 16px;
+	z-index: var(--tl-layer-toasts);
+}
+
+.tl-skip-to-main-content:focus {
+	left: 8px;
+}
+
+/*
+ * focusing skip-to-main-content hide top ui buttons to make sure we avoid
+ * z-index clashes on hover (see issue #8328)
+ */
+.tl-skip-to-main-content:focus + .tlui-layout__top .tlui-helper-buttons {
+	display: none;
+}
+
+/* ---------------- Offline indicator --------------- */
+
+.tlui-offline-indicator {
+	display: flex;
+	color: var(--tl-color-background);
+	background-color: var(--tl-color-text);
+	border: none;
+	width: 32px;
+	height: 32px;
+	align-items: center;
+	justify-content: center;
+	border-radius: 99px;
+	cursor: default;
+	opacity: 0;
+	animation: tl-fade-in;
+	animation-duration: 0.12s;
+	animation-delay: 2s;
+	animation-fill-mode: forwards;
+}
+
+/* ------------------- Style panel ------------------ */
+
+.tlui-style-panel__wrapper {
+	box-shadow: var(--tl-shadow-2);
+	border-radius: var(--tl-radius-3);
+	pointer-events: all;
+	background-color: var(--tl-color-panel);
+	height: fit-content;
+	max-height: 100%;
+	margin: 8px;
+	margin-top: 4px;
+	touch-action: auto;
+	overscroll-behavior: none;
+	overflow-y: auto;
+	overflow-x: hidden;
+	color: var(--tl-color-text);
+}
+/* if the style panel is the only child (ie no share menu), increase the margin */
+.tlui-style-panel__wrapper:only-child {
+	margin-top: 8px;
+}
+
+.tlui-style-panel {
+	position: relative;
+	z-index: var(--tl-layer-panels);
+	pointer-events: all;
+	width: 148px;
+	max-width: 148px;
+}
+
+.tlui-style-panel[data-enhanced-a11y-mode='true'] .tlui-button[data-isactive='true'] {
+	border-radius: 10px;
+	outline: 2px solid var(--tl-color-text);
+	outline-offset: -5px;
+}
+
+.tlui-style-panel::-webkit-scrollbar {
+	display: none;
+}
+
+.tlui-style-panel .tlui-button.select {
+	width: 100%;
+}
+
+.tlui-style-panel__section {
+	display: flex;
+	position: relative;
+	flex-direction: column;
+}
+
+/*
+add a border to the bottom of all but the last section. we have to handle empty sections too, which
+are hidden and shouldn't be counted
+*/
+.tlui-style-panel__section:not(:nth-last-child(-n + 1 of .tlui-style-panel__section:not(:empty))) {
+	border-bottom: 1px solid var(--tl-color-divider);
+}
+/*
+if a section ends with a slider and we're adding a border, we need some extra space for visual
+balance. we need to handle empty sections as above. is this the most complex css selector in all of
+tldraw? probably.
+*/
+.tlui-style-panel__section:has(.tlui-slider__container:last-child):not(
+		:nth-last-child(-n + 1 of .tlui-style-panel__section:not(:empty))
+	) {
+	margin-bottom: 7px;
+}
+
+.tlui-style-panel__section:empty {
+	display: none;
+}
+
+/*
+ * This is used in a couple places, like Align and Vertical Align.
+ * It's because we have a toolbar with a Toggle Group but then an adjacent button
+ * next to it that opens a popup.
+ */
+.tlui-style-panel__section .tlui-toolbar:has(.tlui-toolbar) {
+	flex-wrap: wrap;
+}
+
+.tlui-style-panel__section .tlui-toolbar:has(.tlui-toolbar) .tlui-style-panel__subheading {
+	margin-left: -2px;
+}
+
+.tlui-style-panel__section__common:not(:only-child) {
+	margin-bottom: 7px;
+	border-bottom: 1px solid var(--tl-color-divider);
+}
+
+.tlui-toolbar-toggle-group-item,
+.tlui-style-panel__dropdown-picker > .tlui-button__icon {
+	width: 40px;
+	padding: 0;
+}
+
+.tlui-style-panel__dropdown-picker:only-child {
+	flex: 1;
+}
+
+.tlui-style-panel__double-select-picker {
+	display: flex;
+	grid-template-columns: 1fr auto;
+	align-items: center;
+	padding-left: var(--tl-space-4);
+	color: var(--tl-color-text-1);
+	font-size: 12px;
+}
+
+.tlui-style-panel__double-select-picker-label {
+	text-overflow: ellipsis;
+	overflow: hidden;
+	white-space: nowrap;
+	flex-grow: 2;
+	max-width: 100%;
+}
+
+.tlui-style-panel .tlui-button[data-state='open']::after {
+	opacity: 1;
+	background: linear-gradient(270deg, rgba(144, 144, 144, 0) 0%, var(--tl-color-muted-2) 100%);
+}
+
+@media (hover: hover) {
+	.tlui-style-panel .tlui-button[aria-expanded='true'] {
+		background: none;
+	}
+	.tlui-style-panel .tlui-button[data-state='open']:not(:hover)::after {
+		opacity: 1;
+		background: linear-gradient(270deg, rgba(144, 144, 144, 0) 0%, var(--tl-color-muted-2) 100%);
+	}
+}
+
+/* Accessibility subheadings */
+
+.tlui-style-panel__section .tlui-style-panel__subheading,
+.tlui-style-panel__section__common .tlui-style-panel__subheading,
+.tlui-style-panel__subheading + .tlui-slider__container {
+	margin: 0;
+	padding: var(--tl-space-2) var(--tl-space-3) 0px var(--tl-space-4);
+	font-size: 12px;
+	font-weight: inherit;
+	line-height: inherit;
+}
+
+.tlui-style-panel .tlui-style-panel__subheading:nth-of-type(1) {
+	padding-top: var(--tl-space-3);
+}
+
+.tlui-style-panel__subheading + .tlui-slider__container {
+	padding-top: 0px;
+}
+
+/* --------------------- Bottom --------------------- */
+
+.tlui-layout__bottom {
+	grid-row: 2;
+	width: 100%;
+}
+
+.tlui-layout__bottom__main {
+	width: 100%;
+	display: flex;
+	align-items: flex-end;
+	justify-content: center;
+}
+
+/* ------------------- Navigation ------------------- */
+
+.tlui-navigation-panel {
+	display: flex;
+	width: min-content;
+	flex-direction: column;
+	z-index: var(--tl-layer-panels);
+	pointer-events: all;
+	position: absolute;
+	left: 0px;
+}
+
+.tl-container[dir='rtl'] .tlui-navigation-panel {
+	left: auto;
+	right: 0px;
+}
+
+.tlui-navigation-panel::before {
+	content: '';
+	display: block;
+	position: absolute;
+	z-index: -1;
+	inset: -2px -2px 0px 0px;
+	border-radius: 0;
+	border-top: 2px solid var(--tl-color-background);
+	border-right: 2px solid var(--tl-color-background);
+	border-top-right-radius: var(--tl-radius-4);
+	background-color: var(--tl-color-low);
+}
+
+.tl-container[dir='rtl'] .tlui-navigation-panel::before {
+	inset: -2px 0px 0px -2px;
+	border-right: 0;
+	border-left: 2px solid var(--tl-color-background);
+	border-top-right-radius: 0;
+	border-top-left-radius: var(--tl-radius-4);
+}
+
+.tlui-navigation-panel[data-a11y='true']::before {
+	display: none;
+}
+
+/* Minimap */
+
+.tlui-minimap {
+	width: 100%;
+	height: 96px;
+	min-height: 96px;
+	overflow: hidden;
+	padding: var(--tl-space-3);
+	padding-top: 0px;
+}
+
+.tlui-minimap__canvas {
+	position: relative;
+	width: 100%;
+	height: 100%;
+}
+
+/* --------------------- Toolbar -------------------- */
+
+/* Wide container */
+.tlui-main-toolbar {
+	grid-column: 1 / span 3;
+	grid-row: 1;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	flex-grow: 2;
+}
+
+.tlui-main-toolbar--horizontal {
+	padding-bottom: calc(var(--tl-space-3) + var(--tl-sab));
+	max-width: 100%;
+}
+
+.tlui-main-toolbar--vertical {
+	position: absolute;
+	left: 0;
+	top: 90px; /* height of page menu + 'back to content' button */
+	bottom: 140px; /* height of expanded mini-map */
+	padding-left: calc(var(--tl-space-3) + var(--tl-sab));
+}
+
+[data-breakpoints-below*='6'] .tlui-main-toolbar--vertical {
+	bottom: 90px; /* collapsed mini-map, but same as top to keep things looking even */
+}
+
+/* Centered Content */
+.tlui-main-toolbar__inner {
+	position: relative;
+	width: fit-content;
+	display: flex;
+	gap: var(--tl-space-3);
+	align-items: flex-start;
+}
+
+.tlui-main-toolbar--vertical .tlui-main-toolbar__inner {
+	flex-direction: column;
+}
+
+.tlui-main-toolbar--horizontal .tlui-main-toolbar__left {
+	width: fit-content;
+}
+.tlui-main-toolbar--vertical .tlui-main-toolbar__left {
+	display: flex;
+	height: fit-content;
+}
+
+/* Row of controls + lock button */
+.tlui-main-toolbar__extras {
+	position: relative;
+	z-index: var(--tl-layer-above);
+	pointer-events: none;
+	align-self: stretch;
+}
+
+.tlui-main-toolbar__extras:empty {
+	display: none;
+}
+
+.tlui-main-toolbar--horizontal .tlui-main-toolbar__extras {
+	height: 48px;
+	top: 6px;
+}
+
+.tlui-main-toolbar--vertical .tlui-main-toolbar__extras {
+	width: 48px;
+	order: 1;
+}
+
+.tlui-main-toolbar__extras__controls {
+	position: relative;
+	z-index: var(--tl-layer-above);
+	background-color: var(--tl-color-low);
+	border: 2px solid var(--tl-color-background);
+	pointer-events: all;
+}
+
+.tlui-main-toolbar--horizontal .tlui-main-toolbar__extras__controls {
+	border-top-left-radius: var(--tl-radius-4);
+	border-top-right-radius: var(--tl-radius-4);
+	margin-left: 8px;
+	margin-right: 0px;
+	width: fit-content;
+}
+
+.tlui-main-toolbar--vertical .tlui-main-toolbar__extras__controls {
+	border-top-right-radius: var(--tl-radius-4);
+	border-bottom-right-radius: var(--tl-radius-4);
+	margin-top: 8px;
+	margin-left: -2px;
+	margin-bottom: 0px;
+	width: fit-content;
+}
+
+.tlui-main-toolbar__tools {
+	border-radius: var(--tl-radius-4);
+	z-index: var(--tl-layer-panels);
+	pointer-events: all;
+	position: relative;
+	background: var(--tl-color-panel);
+	box-shadow: var(--tl-shadow-2);
+	contain: layout style paint;
+}
+
+.tlui-main-toolbar--horizontal .tlui-main-toolbar__mobile-style-panel {
+	align-self: flex-end;
+}
+.tlui-main-toolbar--vertical .tlui-main-toolbar__mobile-style-panel {
+	align-self: flex-start;
+}
+
+.tlui-main-toolbar--horizontal .tlui-main-toolbar__overflow {
+	width: 40px;
+	margin-left: 2px;
+}
+.tlui-main-toolbar--vertical .tlui-main-toolbar__overflow {
+	height: 40px;
+	margin-top: 2px;
+}
+
+.tlui-layout__mobile .tlui-main-toolbar--horizontal .tlui-main-toolbar__overflow {
+	width: 32px;
+	padding: 0px;
+}
+
+.tlui-main-toolbar--horizontal *[data-state='open']::after {
+	background: linear-gradient(0deg, rgba(144, 144, 144, 0) 0%, var(--tl-color-muted-2) 100%);
+	opacity: 1;
+}
+.tlui-main-toolbar--vertical *[data-state='open']::after {
+	background: linear-gradient(90deg, rgba(144, 144, 144, 0) 0%, var(--tl-color-muted-2) 100%);
+	opacity: 1;
+}
+
+.tlui-main-toolbar__overflow-content {
+	touch-action: none;
+}
+
+.tlui-main-toolbar__tools [data-toolbar-visible='false'],
+.tlui-main-toolbar__overflow-content [data-toolbar-visible='false'] {
+	display: none;
+}
+
+.tlui-main-toolbar__group:empty {
+	display: none;
+}
+.tlui-row.tlui-main-toolbar__group:not(:nth-last-child(-n + 1 of [data-toolbar-visible='true'])) {
+	border-right: 1px solid var(--tl-color-divider);
+	margin-right: 2px;
+}
+.tlui-column.tlui-main-toolbar__group:not(
+		:nth-last-child(-n + 1 of [data-toolbar-visible='true'])
+	) {
+	border-bottom: 1px solid var(--tl-color-divider);
+	margin-bottom: 2px;
+}
+.tlui-grid.tlui-main-toolbar__group {
+	grid-column: 1 / span 4;
+}
+.tlui-grid.tlui-main-toolbar__group:not(:nth-last-child(-n + 1 of [data-toolbar-visible='true'])) {
+	border-bottom: 1px solid var(--tl-color-divider);
+	margin-bottom: 2px;
+}
+
+@media (hover: hover) {
+	.tlui-main-toolbar--horizontal *[data-state='open']:not(:hover)::after {
+		background: linear-gradient(0deg, rgba(144, 144, 144, 0) 0%, var(--tl-color-muted-2) 100%);
+		opacity: 1;
+	}
+	.tlui-main-toolbar--vertical *[data-state='open']:not(:hover)::after {
+		background: linear-gradient(90deg, rgba(144, 144, 144, 0) 0%, var(--tl-color-muted-2) 100%);
+		opacity: 1;
+	}
+}
+
+/* ------------------- Tooltip -------------------- */
+
+.tlui-tooltip {
+	font-size: 12px;
+	padding: 2px 8px;
+	border-radius: 4px;
+	background-color: var(--tl-color-tooltip);
+	box-shadow: none;
+	color: var(--tl-color-text-shadow);
+	max-width: 400px;
+	width: fit-content;
+	text-align: center;
+	will-change: transform, opacity;
+	z-index: 2;
+}
+
+.tlui-tooltip__arrow {
+	fill: var(--tl-color-tooltip);
+	will-change: opacity;
+}
+
+[data-radix-popper-content-wrapper]:has(.tlui-tooltip) {
+	z-index: var(--tl-layer-toasts) !important;
+	pointer-events: none;
+}
+
+/* ------------------- Debug panel ------------------ */
+
+.tlui-debug-panel {
+	background-color: var(--tl-color-low);
+	width: 100%;
+	display: grid;
+	align-items: center;
+	grid-template-columns: 1fr auto auto auto;
+	justify-content: space-between;
+	padding-inline-start: var(--tl-space-4);
+	border-top: 1px solid var(--tl-color-background);
+	font-size: 12px;
+	color: var(--tl-color-text-1);
+	z-index: var(--tl-layer-panels);
+	pointer-events: all;
+}
+
+.tlui-debug-panel__current-state {
+	overflow: hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+
+.tlui-debug-panel__fps {
+	margin-right: 8px;
+}
+
+.tlui-debug-panel__fps__slow {
+	font-weight: bold;
+	color: var(--tl-color-danger);
+}
+
+.tlui-a11y-audit {
+	border-collapse: collapse;
+}
+
+.tlui-a11y-audit th,
+.tlui-a11y-audit td {
+	padding: 8px;
+	border: 1px solid var(--tl-color-low-border);
+}
+
+/* --------------------- Toasts --------------------- */
+
+.tlui-toast__viewport {
+	position: absolute;
+	inset: 0px;
+	margin: 0px;
+	display: flex;
+	align-items: flex-end;
+	justify-content: flex-end;
+	flex-direction: column;
+	gap: var(--tl-space-3);
+	pointer-events: none;
+	padding: 0px var(--tl-space-3) 64px 0px;
+	z-index: var(--tl-layer-toasts);
+}
+
+.tl-container[dir='rtl'] .tlui-toast__viewport {
+	padding: 0px 0px 64px var(--tl-space-3);
+}
+
+.tlui-toast__viewport > * {
+	pointer-events: all;
+}
+
+.tlui-toast__icon {
+	padding-top: 11px;
+	padding-inline-start: var(--tl-space-4);
+	color: var(--tl-color-text-1);
+}
+
+.tlui-toast__container {
+	min-width: 200px;
+	display: flex;
+	flex-direction: row;
+	background-color: var(--tl-color-panel);
+	box-shadow: var(--tl-shadow-2);
+	border-radius: var(--tl-radius-3);
+	font-size: 12px;
+}
+
+.tlui-toast__container[data-severity='success'] .tlui-icon {
+	color: var(--tl-color-success);
+}
+
+.tlui-toast__container[data-severity='info'] .tlui-icon {
+	color: var(--tl-color-info);
+}
+
+.tlui-toast__container[data-severity='warning'] .tlui-icon {
+	color: var(--tl-color-warning);
+}
+
+.tlui-toast__container[data-severity='error'] .tlui-icon {
+	color: var(--tl-color-danger);
+}
+
+.tlui-toast__main {
+	flex-grow: 2;
+	max-width: 280px;
+}
+
+.tlui-toast__content {
+	padding: var(--tl-space-4);
+	display: flex;
+	line-height: 1.4;
+	flex-direction: column;
+	gap: var(--tl-space-3);
+}
+
+.tlui-toast__main[data-actions='true'] .tlui-toast__content {
+	padding-bottom: var(--tl-space-2);
+}
+
+.tlui-toast__title {
+	font-weight: bold;
+	color: var(--tl-color-text-1);
+	/* this makes the default toast look better */
+	line-height: 16px;
+}
+
+.tlui-toast__description {
+	color: var(--tl-color-text-1);
+	padding: var(--tl-space-3);
+	margin: 0px;
+	padding: 0px;
+}
+
+.tlui-toast__icon + .tlui-toast__main > .tlui-toast__actions {
+	padding-left: 0px;
+}
+
+.tlui-toast__actions {
+	display: flex;
+	flex-direction: row;
+	justify-content: flex-start;
+	margin-left: 0;
+}
+
+.tlui-toast__close {
+	align-self: flex-end;
+	flex-shrink: 0;
+}
+
+@media (prefers-reduced-motion: no-preference) {
+	.tlui-toast__container[data-state='open'] {
+		animation: tlui-slide-in 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
+	}
+
+	.tlui-toast__container[data-state='closed'] {
+		animation: tlui-fade-out 100ms ease-in;
+	}
+
+	.tlui-toast__container[data-swipe='move'] {
+		transform: translateX(var(--radix-toast-swipe-move-x));
+	}
+
+	.tlui-toast__container[data-swipe='cancel'] {
+		transform: translateX(0);
+		transition: transform 200ms ease-out;
+	}
+
+	.tlui-toast__container[data-swipe='end'] {
+		animation: tlui-slide-out 100ms ease-out;
+	}
+
+	.tl-container[dir='rtl'] .tlui-toast__container[data-state='open'] {
+		animation: tlui-slide-in-rtl 200ms cubic-bezier(0.785, 0.135, 0.15, 0.86);
+	}
+
+	.tl-container[dir='rtl'] .tlui-toast__container[data-state='closed'] {
+		animation: tlui-fade-out 100ms ease-in;
+	}
+
+	.tl-container[dir='rtl'] .tlui-toast__container[data-swipe='end'] {
+		animation: tlui-slide-out-rtl 100ms ease-out;
+	}
+}
+
+/* ---------------- Dialog ---------------- */
+
+.tlui-dialog__overlay {
+	position: absolute;
+	top: 0px;
+	left: 0px;
+	width: 100%;
+	height: 100%;
+	z-index: var(--tl-layer-canvas-overlays);
+	background-color: var(--tl-color-overlay);
+	animation: tl-fade-in 0.12s ease-out;
+}
+
+.tlui-dialog__positioner {
+	position: absolute;
+	top: 0px;
+	left: 0px;
+	width: 100%;
+	height: 100%;
+	z-index: var(--tl-layer-canvas-overlays);
+	pointer-events: all;
+	display: grid;
+	place-items: center;
+	overflow-y: auto;
+	padding: 0px var(--tl-space-3);
+}
+
+.tlui-dialog__content {
+	display: flex;
+	flex-direction: column;
+	position: relative;
+	cursor: default;
+	background-color: var(--tl-color-panel);
+	box-shadow: var(--tl-shadow-3);
+	border-radius: var(--tl-radius-3);
+	font-size: 12px;
+	overflow: hidden;
+	min-width: 300px;
+	max-width: 100%;
+	max-height: 80%;
+}
+
+.tlui-dialog__header {
+	position: relative;
+	display: flex;
+	align-items: center;
+	flex: 0;
+	z-index: var(--tl-layer-header-footer);
+	padding-inline-start: var(--tl-space-4);
+	color: var(--tl-color-text);
+	height: 40px;
+}
+
+.tlui-dialog__header__title {
+	flex: 1;
+	font-weight: inherit;
+	font-size: 12px;
+	margin: 0px;
+	color: var(--tl-color-text-1);
+}
+
+.tlui-dialog__header__close {
+	justify-self: flex-end;
+}
+
+.tlui-dialog__body {
+	padding: var(--tl-space-4) var(--tl-space-4);
+	flex: 0 1;
+	overflow-y: auto;
+	overflow-x: hidden;
+	color: var(--tl-color-text-1);
+	user-select: all;
+	-webkit-user-select: text;
+}
+.tlui-dialog__body a {
+	color: var(--tl-color-selected);
+}
+
+.tlui-dialog__body ul,
+.tlui-dialog__body ol {
+	padding-left: 16px;
+	display: flex;
+	flex-direction: column;
+	gap: var(--tl-space-2);
+}
+
+.tlui-dialog__footer {
+	position: relative;
+	min-height: 12px;
+	z-index: var(--tl-layer-header-footer);
+}
+
+.tlui-dialog__footer__actions {
+	display: flex;
+	align-items: center;
+	justify-content: flex-end;
+}
+
+.tlui-dialog__footer__actions > .tlui-button:nth-last-child(n + 2) {
+	margin-right: -4px;
+}
+
+/* --------------------- Dialogs -------------------- */
+
+/* Edit Link Dialog */
+
+.tlui-edit-link-dialog {
+	display: flex;
+	flex-direction: column;
+	gap: var(--tl-space-4);
+	color: var(--tl-color-text);
+}
+
+.tlui-edit-link-dialog__input {
+	background-color: var(--tl-color-muted-2);
+	flex-grow: 2;
+	border-radius: var(--tl-radius-2);
+	padding: 0px var(--tl-space-4);
+}
+
+/* Embed Dialog */
+
+.tlui-embed__spacer {
+	flex-grow: 2;
+	min-height: 0px;
+	margin-left: calc(-1 * var(--tl-space-4));
+	margin-top: calc(-1 * var(--tl-space-4));
+	pointer-events: none;
+}
+
+.tlui-embed-dialog__list {
+	display: flex;
+	flex-direction: column;
+	padding: 0px var(--tl-space-3) var(--tl-space-4) var(--tl-space-3);
+}
+
+.tlui-embed-dialog__item__image {
+	width: 24px;
+	height: 24px;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	background-size: contain;
+	background-repeat: no-repeat;
+	background-position: center center;
+	background-color: var(--tl-color-selected-contrast);
+	border-radius: var(--tl-radius-1);
+}
+
+.tlui-embed-dialog__enter {
+	display: flex;
+	flex-direction: column;
+	gap: var(--tl-space-4);
+	color: var(--tl-color-text-1);
+}
+
+.tlui-embed-dialog__input {
+	background-color: var(--tl-color-muted-2);
+	flex-grow: 2;
+	border-radius: var(--tl-radius-2);
+	padding: 0px var(--tl-space-4);
+}
+
+.tlui-embed-dialog__warning {
+	color: var(--tl-color-danger);
+	text-shadow: none;
+}
+
+.tlui-embed-dialog__instruction__link {
+	display: flex;
+	gap: var(--tl-space-1);
+	margin-top: var(--tl-space-4);
+}
+
+.tlui-embed-dialog__enter a {
+	color: var(--tl-color-text-1);
+}
+
+/* --------------- Keyboard shortcuts --------------- */
+
+.tlui-shortcuts-dialog__header {
+	border-bottom: 1px solid var(--tl-color-divider);
+}
+
+.tlui-shortcuts-dialog__body {
+	position: relative;
+	columns: 3;
+	column-gap: var(--tl-space-9);
+	pointer-events: all;
+	touch-action: auto;
+
+	/* Terrible fix to allow firefox users to scroll the dialog */
+	overflow-x: auto;
+
+	scrollbar-width: none;
+}
+
+.tlui-shortcuts-dialog__body::-webkit-scrollbar {
+	display: none;
+}
+
+.tlui-shortcuts-dialog__body__tablet {
+	columns: 2;
+}
+
+.tlui-shortcuts-dialog__body__mobile {
+	columns: 1;
+}
+
+.tlui-shortcuts-dialog__group {
+	break-inside: avoid-column;
+	padding-bottom: var(--tl-space-6);
+}
+
+.tlui-shortcuts-dialog__group__title {
+	font-size: inherit;
+	font-weight: inherit;
+	margin: 0px;
+	color: var(--tl-color-text-3);
+	height: 32px;
+	display: flex;
+	align-items: center;
+}
+
+.tlui-shortcuts-dialog__group__content {
+	display: flex;
+	flex-direction: column;
+	color: var(--tl-color-text-1);
+}
+
+.tlui-shortcuts-dialog__key-pair {
+	display: flex;
+	gap: var(--tl-space-4);
+	align-items: center;
+	justify-content: space-between;
+	height: 32px;
+}
+
+.tlui-shortcuts-dialog__key-pair__key {
+	flex: 1;
+	font-size: 12px;
+}
+
+/* ------------------ Language menu ----------------- */
+
+.tlui-language-menu {
+	max-height: 500px;
+}
+
+.tlui-language-menu::after {
+	content: '';
+	display: block;
+	position: absolute;
+	bottom: 0px;
+	left: 0px;
+	right: 0px;
+	height: 24px;
+	background: linear-gradient(
+		to bottom,
+		var(--tl-color-panel-transparent) 0%,
+		var(--tl-color-panel) 90%,
+		var(--tl-color-panel) 100%
+	);
+	border-bottom-left-radius: var(--tl-radius-3);
+	border-bottom-right-radius: var(--tl-radius-3);
+	pointer-events: none;
+}
+
+/* ------------------ Actions menu ------------------ */
+
+.tlui-actions-menu {
+	max-height: calc(100vh - 150px);
+}
+
+/* -------------------- Help menu ------------------- */
+
+.tlui-help-menu {
+	pointer-events: all;
+	position: absolute;
+	bottom: var(--tl-space-2);
+	right: var(--tl-space-2);
+	z-index: var(--tl-layer-panels);
+	border: 2px solid var(--tl-color-background);
+	border-radius: 100%;
+}
+
+/* ------------------- Da share zone ------------------ */
+
+.tlui-share-zone {
+	padding: 0px 0px 0px 0px;
+	display: flex;
+	flex-direction: row;
+	justify-content: flex-end;
+	z-index: var(--tl-layer-panels);
+	align-items: center;
+	padding-top: 2px;
+	padding-right: 4px;
+}
+
+/* ------------------- People Menu ------------------- */
+
+.tlui-people-menu__avatars-button {
+	display: flex;
+	align-items: center;
+	justify-content: flex-end;
+	background: none;
+	border: none;
+	cursor: pointer;
+	pointer-events: all;
+	border-radius: var(--tl-radius-1);
+	padding-right: 1px;
+	height: 100%;
+}
+
+.tlui-people-menu__avatars {
+	display: flex;
+	flex-direction: row;
+}
+
+.tlui-people-menu__avatar {
+	height: 24px;
+	width: 24px;
+	border: 2px solid var(--tl-color-background);
+	background-color: var(--tl-color-low);
+	border-radius: 100%;
+	display: flex;
+	align-items: center;
+	justify-content: center;
+	position: relative;
+	font-size: 10px;
+	font-weight: bold;
+	text-align: center;
+	color: var(--tl-color-selected-contrast);
+	z-index: 2;
+}
+
+.tlui-people-menu__avatar:nth-of-type(n + 2) {
+	margin-inline-start: -12px;
+}
+
+.tlui-people-menu__avatars-button[data-state='open'] {
+	opacity: 1;
+}
+
+@media (hover: hover) {
+	.tlui-people-menu__avatars-button:hover .tlui-people-menu__avatar {
+		border-color: var(--tl-color-low);
+	}
+}
+
+.tlui-people-menu__more {
+	min-width: 0px;
+	font-size: 11px;
+	font-weight: 600;
+	color: var(--tl-color-text-1);
+	font-family: inherit;
+	padding: 0px 4px;
+}
+.tlui-people-menu__more::after {
+	border-radius: var(--tl-radius-2);
+	inset: 0px;
+}
+
+.tlui-people-menu__wrapper {
+	position: relative;
+	display: flex;
+	flex-direction: column;
+	width: 220px;
+	height: fit-content;
+	max-height: 50vh;
+}
+
+.tlui-people-menu__section {
+	position: relative;
+	touch-action: auto;
+	flex-direction: column;
+	max-height: 100%;
+	overflow-x: hidden;
+	overflow-y: auto;
+	touch-action: auto;
+}
+
+.tlui-people-menu__section:first-child,
+.tlui-people-menu__section:last-child {
+	flex-shrink: 0;
+}
+
+.tlui-people-menu__section:not(:last-child) {
+	border-bottom: 1px solid var(--tl-color-divider);
+}
+
+.tlui-people-menu__user {
+	display: flex;
+	justify-content: flex-start;
+	align-items: center;
+}
+
+.tlui-people-menu__user__color {
+	flex-shrink: 0;
+}
+
+.tlui-people-menu__user__name {
+	text-align: start;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	font-size: 12px;
+	color: var(--tl-color-text-1);
+	max-width: 100%;
+	flex-grow: 1;
+	flex-shrink: 100;
+}
+
+.tlui-people-menu__user__label {
+	text-align: start;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	font-size: 12px;
+	color: var(--tl-color-text-3);
+	flex-grow: 100;
+	flex-shrink: 0;
+	margin-inline-start: 4px;
+}
+
+.tlui-people-menu__user__input {
+	flex-grow: 2;
+	height: 100%;
+	padding: 0px;
+	margin: 0px;
+}
+
+.tlui-people-menu__user > .tlui-input__wrapper {
+	width: auto;
+	display: flex;
+	align-items: auto;
+	flex-grow: 2;
+	gap: 8px;
+	height: 100%;
+	padding: 0px;
+}
+
+.tlui-people-menu__item {
+	position: relative;
+}
+
+.tlui-people-menu__item:last-of-type .tlui-button__menu {
+	margin-bottom: 0;
+}
+
+.tlui-people-menu__item__button {
+	padding: 0 11px;
+	overflow: hidden;
+}
+
+.tlui-people-menu__item > .tlui-button__menu {
+	width: auto;
+	display: flex;
+	align-items: auto;
+	justify-content: flex-start;
+	flex-grow: 2;
+	gap: 11px;
+}
+
+.tlui-people-menu__name {
+	text-align: start;
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.tlui-people-menu__item__follow {
+	position: absolute;
+	top: 0px;
+	inset-inline-end: 0px;
+	max-width: 40px;
+	flex-shrink: 0;
+}
+
+.tlui-people-menu__item[data-follow='true'],
+.tlui-people-menu__item:has(.tlui-button:focus-visible) {
+	padding-inline-end: 36px;
+}
+
+.tlui-people-menu__item[data-follow='true'] .tlui-people-menu__item__follow,
+.tlui-people-menu__item:has(.tlui-button:focus-visible) .tlui-people-menu__item__follow {
+	opacity: 1;
+}
+
+@media (hover: hover) {
+	.tlui-people-menu__item__follow {
+		opacity: 0;
+	}
+
+	.tlui-people-menu__item:hover {
+		padding-right: 36px;
+	}
+	.tlui-people-menu__item:hover .tlui-people-menu__item__follow {
+		opacity: 1;
+	}
+}
+
+/* --------------- Following indicator -------------- */
+
+.tlui-following-indicator {
+	display: block;
+	position: absolute;
+	inset: 0px;
+	border-width: 2px;
+	border-style: solid;
+	pointer-events: none;
+}
+
+/* --------------- Contextual toolbar --------------- */
+
+.tlui-contextual-toolbar {
+	position: absolute;
+}
+
+/**
+ * N.B. We hide the toolbar while mousing down, so no need to turn these off.
+ */
+.tlui-contextual-toolbar,
+.tlui-contextual-toolbar * {
+	pointer-events: all;
+}
+
+.tlui-contextual-toolbar [data-isactive='true']::after {
+	background-color: var(--tl-color-muted-2);
+	opacity: 1;
+}
+
+.tlui-contextual-toolbar {
+	opacity: 0;
+	transition: opacity 0.08s ease-in-out;
+}
+
+.tlui-contextual-toolbar,
+.tlui-contextual-toolbar * {
+	pointer-events: none;
+}
+
+.tlui-contextual-toolbar[data-visible='true'] {
+	opacity: 1;
+	z-index: var(--tl-layer-menus);
+}
+
+.tlui-contextual-toolbar[data-interactive='true'],
+.tlui-contextual-toolbar[data-interactive='true'] * {
+	pointer-events: all;
+}
+
+.tlui-rich-text__toolbar-link-input {
+	margin-left: 12px;
+	/*
+	 * Nice touch tweak: keep the link editor toolbar the same as the default toolbar.
+	 * This is so the toolbar size stays stable going in and out of the link editor.
+	 */
+	width: 148px;
+}
+
+.tlui-media__toolbar-alt-text-input {
+	margin-left: 12px;
+	/*
+	 * Nice touch tweak: keep the link editor toolbar the same as the default toolbar.
+	 * This is so the toolbar size stays stable going in and out of the alt text editor.
+	 */
+	min-width: 200px;
+}
+
+.tlui-contextual-toolbar .tlui-input__wrapper {
+	height: 40px;
+}
+
+.tlui-image__toolbar .tlui-slider__container {
+	width: 125px;
+}
+
+.tlui-image__toolbar .tlui-slider {
+	height: 100%;
+}
+
+.tlui-image__toolbar .tlui-slider__track {
+	height: 32px;
+}
+
+.tlui-image__toolbar .tlui-slider__thumb {
+	width: 14px;
+	height: 14px;
+}
+
+/* ------------------- Animations ------------------- */
+@keyframes tlui-fade-out {
+	0% {
+		opacity: 1;
+	}
+	100% {
+		opacity: 0;
+	}
+}
+
+@keyframes tlui-slide-in {
+	from {
+		transform: translateX(calc(100% + var(--tl-space-3)));
+	}
+	to {
+		transform: translateX(0px);
+	}
+}
+
+@keyframes tlui-slide-out {
+	from {
+		transform: translateX(var(--radix-toast-swipe-end-x));
+	}
+	to {
+		transform: translateX(calc(100% + var(--tl-space-3)));
+	}
+}
+
+@keyframes tlui-slide-in-rtl {
+	from {
+		transform: translateX(calc(-100% - var(--tl-space-3)));
+	}
+	to {
+		transform: translateX(0px);
+	}
+}
+
+@keyframes tlui-slide-out-rtl {
+	from {
+		transform: translateX(var(--radix-toast-swipe-end-x));
+	}
+	to {
+		transform: translateX(calc(-100% - var(--tl-space-3)));
+	}
+}
+
diff --git a/web/hermes-dist/translations/ar.json b/web/hermes-dist/translations/ar.json
new file mode 100644
index 0000000..ce09ff2
--- /dev/null
+++ b/web/hermes-dist/translations/ar.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "ضبط أنماط الأشكال",
+	"a11y.enlarge-shape": "تكبير الشكل",
+	"a11y.enter-leave-container": "دخول/خروج الحاوية",
+	"a11y.move-shape": "تحريك الشكل",
+	"a11y.move-shape-faster": "تسريع تحريك الشكل",
+	"a11y.multiple-shapes": "{num} الأشكال المحددة",
+	"a11y.open-context-menu": "فتح قائمة السياق",
+	"a11y.open-keyboard-shortcuts": "فتح اختصارات لوحة المفاتيح",
+	"a11y.pan-camera": "كاميرا بانورامية",
+	"a11y.repeat-shape": "تكرار الشكل",
+	"a11y.rotate-shape-ccw": "تدوير الشكل عكس اتجاه عقارب الساعة",
+	"a11y.rotate-shape-ccw-fine": "تدوير الشكل عكس اتجاه عقارب الساعة (بدقة)",
+	"a11y.rotate-shape-cw": "تدوير الشكل في اتجاه عقارب الساعة",
+	"a11y.rotate-shape-cw-fine": "تدوير الشكل في اتجاه عقارب الساعة (بدقة)",
+	"a11y.select-shape": "تحديد الشكل التالي",
+	"a11y.select-shape-direction": "تحديد الشكل في الاتجاه",
+	"a11y.shape-image": "صورة",
+	"a11y.shape-index": "{num} من {total}",
+	"a11y.shape-video": "فيديو",
+	"a11y.shrink-shape": "تصغير الشكل",
+	"a11y.skip-to-main-content": "نقل التركيز إلى القماش",
+	"a11y.status": "الحالة",
+	"action.align-bottom": "محاذاة للأسفل",
+	"action.align-center-horizontal": "محاذاة أفقيًا",
+	"action.align-center-horizontal.short": "محاذاة أفقية",
+	"action.align-center-vertical": "محاذاة عموديًا",
+	"action.align-center-vertical.short": "محاذاة عمودية",
+	"action.align-left": "محاذاة لليسار",
+	"action.align-right": "محاذاة لليمين",
+	"action.align-top": "محاذاة للأعلى",
+	"action.back-to-content": "العودة إلى المحتوى",
+	"action.bring-forward": "إحضار إلى الأمام",
+	"action.bring-to-front": "إحضار إلى المقدمة",
+	"action.convert-to-bookmark": "تحويل إلى إشارة مرجعية",
+	"action.convert-to-embed": "تحويل إلى تضمين",
+	"action.copy": "نسخ",
+	"action.copy-as-json": "انسخ كملف JSON",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "نسخ بصيغة PNG",
+	"action.copy-as-png.short": "صيغة PNG",
+	"action.copy-as-svg": "نسخ بصيغة SVG",
+	"action.copy-as-svg.short": "صيغة SVG",
+	"action.cut": "قص",
+	"action.delete": "حذف",
+	"action.distribute-horizontal": "توزيع أفقيًا",
+	"action.distribute-horizontal.short": "توزيع أفقي",
+	"action.distribute-vertical": "توزيع عموديًا",
+	"action.distribute-vertical.short": "توزيع عمودي",
+	"action.download-original": "تنزيل النسخة الأصلية",
+	"action.duplicate": "نسخة مكررة",
+	"action.edit-link": "تعديل الرابط",
+	"action.enhanced-a11y-mode": "تبديل وضع سهولة الوصول المحسّن",
+	"action.enhanced-a11y-mode.menu": "وضع سهولة الوصول المحسّن",
+	"action.exit-pen-mode": "الخروج من وضع القلم",
+	"action.export-all-as-png": "تصدير الكل كملف PNG",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "تصدير الكل كملف SVG",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "تصدير بصيغة PNG",
+	"action.export-as-png.short": "صيغة PNG",
+	"action.export-as-svg": "تصدير بصيغة SVG",
+	"action.export-as-svg.short": "صيغة SVG",
+	"action.fit-frame-to-content": "الملاءمة للمحتوى",
+	"action.flatten-to-image": "تسطيح",
+	"action.flip-horizontal": "عكس أفقيًا",
+	"action.flip-horizontal.short": "عكس أفقي",
+	"action.flip-vertical": "عكس عموديًا",
+	"action.flip-vertical.short": "عكس عمودي",
+	"action.fork-project": "تثبيت هذا المشروع",
+	"action.fork-project-on-tldraw": "تثبيت المشروع على tldraw",
+	"action.group": "مجموعة",
+	"action.insert-embed": "إدراج تضمين",
+	"action.insert-media": "تحميل الوسائط",
+	"action.leave-shared-project": "مغادرة المشروع المشترك",
+	"action.new-project": "مشروع جديد",
+	"action.new-shared-project": "مشروع جديد تمت مشاركته",
+	"action.open-cursor-chat": "دردشة المؤشر",
+	"action.open-embed-link": "فتح الرابط",
+	"action.open-file": "فتح ملف",
+	"action.open-kbd-shortcuts": "فتح اختصارات لوحة المفاتيح",
+	"action.pack": "حزمة",
+	"action.paste": "لصق",
+	"action.paste-error-description": "تعذر اللصق بسبب عدم وجود أذونات الحافظة. يُرجى تمكين الأذونات ثم تكرار المحاولة.",
+	"action.paste-error-title": "فشل اللصق",
+	"action.print": "طباعة",
+	"action.redo": "إعادة",
+	"action.remove-frame": "إزالة الإطار",
+	"action.rename": "إعادة التسمية",
+	"action.rotate-ccw": "تدوير عكس اتجاه عقارب الساعة",
+	"action.rotate-cw": "تدوير في اتجاه عقارب الساعة",
+	"action.save-copy": "حفظ نسخة",
+	"action.select-all": "تحديد الكل",
+	"action.select-none": "عدم تحديد شيء",
+	"action.select-zoom-tool": "تكبير",
+	"action.send-backward": "إرسال إلى الخلف",
+	"action.send-to-back": "إرسال إلى خلف",
+	"action.share-project": "شارك هذا المشروع",
+	"action.stack-horizontal": "تكديس أفقيًا",
+	"action.stack-horizontal.short": "تكديس أفقي",
+	"action.stack-vertical": "تكديس عموديًا",
+	"action.stack-vertical.short": "تكديس عمودي",
+	"action.stop-following": "إيقاف المتابعة",
+	"action.stretch-horizontal": "تمدد أفقيًا",
+	"action.stretch-horizontal.short": "تمدد أفقي",
+	"action.stretch-vertical": "تمدد عموديًا",
+	"action.stretch-vertical.short": "تمدد عمودي",
+	"action.toggle-auto-none": "تلقائي",
+	"action.toggle-auto-pan": "تلقائي (لوحة التتبع)",
+	"action.toggle-auto-size": "التبديل للحجم التلقائي",
+	"action.toggle-auto-zoom": "تلقائي (الماوس)",
+	"action.toggle-dark-mode": "التبديل للوضع المظلم",
+	"action.toggle-dark-mode.menu": "الوضع المظلم",
+	"action.toggle-debug-mode": "التبديل لوضع التصحيح",
+	"action.toggle-debug-mode.menu": "وضع التصحيح",
+	"action.toggle-dynamic-size-mode": "التبديل للحجم الديناميكي",
+	"action.toggle-dynamic-size-mode.menu": "الحجم الديناميكي",
+	"action.toggle-edge-scrolling": "تبديل تمرير الحافة",
+	"action.toggle-edge-scrolling.menu": "تمرير الحافة",
+	"action.toggle-focus-mode": "التبديل لوضع التركيز",
+	"action.toggle-focus-mode.menu": "وضع التركيز",
+	"action.toggle-grid": "التبديل لوضع الشبكة",
+	"action.toggle-grid.menu": "إظهار الشبكة",
+	"action.toggle-invert-zoom": "تبديل عكس تكبير/تصغير الماوس",
+	"action.toggle-invert-zoom.menu": "عكس تكبير/تصغير الماوس",
+	"action.toggle-keyboard-shortcuts": "تبديل اختصارات لوحة المفاتيح",
+	"action.toggle-keyboard-shortcuts.menu": "اختصارات لوحة المفاتيح",
+	"action.toggle-lock": "قفل / فتح",
+	"action.toggle-mouse": "الماوس",
+	"action.toggle-paste-at-cursor": "تبديل اللصق عند المؤشر",
+	"action.toggle-paste-at-cursor.menu": "اللصق عند المؤشر",
+	"action.toggle-reduce-motion": "تبديل تقليل الحركة",
+	"action.toggle-reduce-motion.menu": "تقليل الحركة",
+	"action.toggle-snap-mode": "التبديل لوضع المحاذاة الدائمة",
+	"action.toggle-snap-mode.menu": "وضع المحاذاة الدائمة",
+	"action.toggle-tool-lock": "تبديل قفل الأداة",
+	"action.toggle-tool-lock.menu": "قفل الأداة",
+	"action.toggle-trackpad": "لوحة التتبع",
+	"action.toggle-transparent": "تبديل الخلفية الشفافة",
+	"action.toggle-transparent.context-menu": "شفاف",
+	"action.toggle-transparent.menu": "شفاف",
+	"action.toggle-wrap-mode": "تبديل التحديد عند الالتفاف",
+	"action.toggle-wrap-mode.menu": "التحديد عند الالتفاف",
+	"action.undo": "تراجع",
+	"action.ungroup": "فك التجميع",
+	"action.unlock-all": "فتح الكل",
+	"action.zoom-in": "تكبير",
+	"action.zoom-out": "تصغير",
+	"action.zoom-quick": "تكبير سريع",
+	"action.zoom-to-100": "التكبير إلى 100%",
+	"action.zoom-to-fit": "التكبير للملاءمة",
+	"action.zoom-to-selection": "التكبير للتحديد",
+	"actions-menu.title": "الإجراءات",
+	"align-style.end": "النهاية",
+	"align-style.justify": "ضبط",
+	"align-style.middle": "الوسط",
+	"align-style.start": "البداية",
+	"app.loading": "جارٍ تحميل tldraw…",
+	"arrow-kind-style.arc": "قوس",
+	"arrow-kind-style.elbow": "مِرفَق",
+	"arrowheadEnd-style.arrow": "سهم",
+	"arrowheadEnd-style.bar": "شريط",
+	"arrowheadEnd-style.diamond": "شكل الماسة",
+	"arrowheadEnd-style.dot": "نقطة",
+	"arrowheadEnd-style.inverted": "معكوس",
+	"arrowheadEnd-style.none": "لا يوجد",
+	"arrowheadEnd-style.pipe": "أنبوب",
+	"arrowheadEnd-style.square": "مربع",
+	"arrowheadEnd-style.triangle": "مثلث",
+	"arrowheadStart-style.arrow": "سهم",
+	"arrowheadStart-style.bar": "شريط",
+	"arrowheadStart-style.diamond": "شكل الماسة",
+	"arrowheadStart-style.dot": "نقطة",
+	"arrowheadStart-style.inverted": "معكوس",
+	"arrowheadStart-style.none": "لا يوجد",
+	"arrowheadStart-style.pipe": "أنبوب",
+	"arrowheadStart-style.square": "مربع",
+	"arrowheadStart-style.triangle": "مثلث",
+	"assets.files.amount-too-many": "ملفات كثيرة جدًا",
+	"assets.files.maximum-size": "الحد الأقصى لحجم الملف {size}",
+	"assets.files.size-too-big": "حجم الملف كبير للغاية",
+	"assets.files.type-not-allowed": "نوع الملف غير مسموح به",
+	"assets.files.upload-failed": "فشل التحميل",
+	"assets.url.failed": "تعذر تحميل معاينة عنوان URL",
+	"color-style.black": "أسود",
+	"color-style.blue": "أزرق",
+	"color-style.green": "أخضر",
+	"color-style.grey": "رمادي",
+	"color-style.light-blue": "أزرق فاتح",
+	"color-style.light-green": "أخضر فاتح",
+	"color-style.light-red": "أحمر فاتح",
+	"color-style.light-violet": "بنفسجي فاتح",
+	"color-style.orange": "برتقالي",
+	"color-style.red": "أحمر",
+	"color-style.violet": "بنفسجي",
+	"color-style.white": "أبيض",
+	"color-style.yellow": "أصفر",
+	"context-menu.arrange": "ترتيب",
+	"context-menu.copy-as": "النسخ بصيغة",
+	"context-menu.edit": "تعديل",
+	"context-menu.export-all-as": "تصدير الكل كملف",
+	"context-menu.export-as": "التصدير بصيغة",
+	"context-menu.move-to-page": "انتقل إلى صفحة",
+	"context-menu.reorder": "إعادة الترتيب",
+	"context-menu.title": "قائمة السياق",
+	"context.pages.new-page": "صفحة جديدة",
+	"cursor-chat.type-to-chat": "اكتب للدردشة...",
+	"dash-style.dashed": "بشرطة",
+	"dash-style.dotted": "منقط",
+	"dash-style.draw": "رسم",
+	"dash-style.solid": "مليء",
+	"document-name-menu.copy-link": "نسخ الرابط",
+	"document.default-name": "بدون عنوان",
+	"edit-link-dialog.cancel": "إلغاء",
+	"edit-link-dialog.clear": "مسح",
+	"edit-link-dialog.detail": "سيتم فتح الروابط في علامة تبويب جديدة.",
+	"edit-link-dialog.external-link": "رابط خارجي",
+	"edit-link-dialog.invalid-url": "يجب أن يكون الرابط عنوان URL صالحًا.",
+	"edit-link-dialog.save": "المتابعة",
+	"edit-link-dialog.title": "تعديل الرابط",
+	"edit-link-dialog.url": "عنوان URL",
+	"embed-dialog.back": "العودة",
+	"embed-dialog.cancel": "إلغاء",
+	"embed-dialog.create": "إنشاء",
+	"embed-dialog.instruction": "الصق عنوان URL الخاص بالموقع لإنشاء التضمين.",
+	"embed-dialog.invalid-url": "لم نتمكن من إنشاء تضمين من عنوان URL هذا.",
+	"embed-dialog.title": "إنشاء تضمين",
+	"embed-dialog.url": "عنوان URL",
+	"file-system.confirm-clear.cancel": "إلغاء",
+	"file-system.confirm-clear.continue": "استمرار",
+	"file-system.confirm-clear.description": "سيؤدي إنشاء مشروع جديد إلى محو مشروعك الحالي وستفقد أي تغييرات غير محفوظة. هل تريد الاستمرار بالفعل؟",
+	"file-system.confirm-clear.dont-show-again": "لا تسأل مرةً أخرى",
+	"file-system.confirm-clear.title": "هل تريد محو المشروع الحالي؟",
+	"file-system.confirm-open.cancel": "إلغاء",
+	"file-system.confirm-open.description": "سيؤدي فتح ملف إلى استبدال مشروعك الحالي وستفقد أي تغييرات غير محفوظة. هل أنت متأكد من أنك تريد المتابعة؟",
+	"file-system.confirm-open.dont-show-again": "لا تسأل مرة أخرى",
+	"file-system.confirm-open.open": "فتح الملف",
+	"file-system.confirm-open.title": "هل تريد استبدال المشروع الحالي؟",
+	"file-system.file-open-error.file-format-version-too-new": "الملف الذي حاولت فتحه تابع لإصدار أحدث من tldraw. يُرجى إعادة تحميل الصفحة والمحاولة مرة أخرى.",
+	"file-system.file-open-error.generic-corrupted-file": "الملف الذي حاولت فتحه تالف.",
+	"file-system.file-open-error.not-a-tldraw-file": "لا يبدو أن الملف الذي حاولت فتحه هو ملف tldraw.",
+	"file-system.file-open-error.title": "تعذر فتح الملف",
+	"file-system.shared-document-file-open-error.description": "فتح الملفات من المشاريع المشتركة غير مدعوم.",
+	"file-system.shared-document-file-open-error.title": "تعذر فتح الملف",
+	"fill-style.fill": "ملء",
+	"fill-style.lined-fill": "تعبئة بخطوط",
+	"fill-style.none": "لا يوجد",
+	"fill-style.pattern": "نمط",
+	"fill-style.semi": "شبه",
+	"fill-style.solid": "مليء",
+	"focus-mode.toggle-focus-mode": "تبديل وضع التركيز",
+	"font-style.draw": "رسم",
+	"font-style.mono": "أحادي",
+	"font-style.sans": "غير مذيَّل",
+	"font-style.serif": "خط مذيَّل",
+	"geo-style.arrow-down": "سهم للأسفل",
+	"geo-style.arrow-left": "سهم لليسار",
+	"geo-style.arrow-right": "سهم لليمين",
+	"geo-style.arrow-up": "سهم للأعلى",
+	"geo-style.check-box": "خانة الاختيار",
+	"geo-style.cloud": "السحابة",
+	"geo-style.diamond": "شكل الماسة",
+	"geo-style.ellipse": "شكل بيضاوي",
+	"geo-style.heart": "قلب",
+	"geo-style.hexagon": "شكل سداسي",
+	"geo-style.octagon": "شكل ثماني",
+	"geo-style.oval": "شكل بيضاوي",
+	"geo-style.pentagon": "شكل خماسي",
+	"geo-style.rectangle": "مستطيل",
+	"geo-style.rhombus": "معيَّن",
+	"geo-style.rhombus-2": "المعين الأيسر",
+	"geo-style.star": "نجمة",
+	"geo-style.trapezoid": "شبه منحرف",
+	"geo-style.triangle": "مثلث",
+	"geo-style.x-box": "مربع X",
+	"handle.crop.bottom": "اقتصاص الأسفل",
+	"handle.crop.bottom-left": "اقتصاص أسفل اليسار",
+	"handle.crop.bottom-right": "اقتصاص أسفل اليمين",
+	"handle.crop.left": "اقتصاص اليسار",
+	"handle.crop.right": "اقتصاص اليمين",
+	"handle.crop.top": "اقتصاص الأعلى",
+	"handle.crop.top-left": "اقتصاص أعلى اليسار",
+	"handle.crop.top-right": "اقتصاص أعلى اليمين",
+	"handle.resize-bottom": "تغيير الحجم في الأسفل",
+	"handle.resize-bottom-left": "تغيير الحجم في أسفل اليسار",
+	"handle.resize-bottom-right": "تغيير الحجم في أسفل اليمين",
+	"handle.resize-left": "تغيير الحجم في اليسار",
+	"handle.resize-right": "تغيير الحجم في اليمين",
+	"handle.resize-top": "تغيير الحجم في الأعلى",
+	"handle.resize-top-left": "تغيير الحجم في أعلى اليسار",
+	"handle.resize-top-right": "تغيير الحجم في أعلى اليمين",
+	"handle.rotate.bottom_left_rotate": "تدوير أسفل اليسار",
+	"handle.rotate.bottom_right_rotate": "تدوير أسفل اليمين",
+	"handle.rotate.mobile_rotate": "تدوير",
+	"handle.rotate.top_left_rotate": "تدوير أعلى اليسار",
+	"handle.rotate.top_right_rotate": "تدوير أعلى اليمين",
+	"help-menu.about": "حول",
+	"help-menu.discord": "Discord",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "جارٍ استيراد الملف...",
+	"help-menu.keyboard-shortcuts": "اختصارات لوحة المفاتيح",
+	"help-menu.privacy": "سياسة الخصوصية",
+	"help-menu.terms": "شروط الخدمة",
+	"help-menu.title": "المساعدة والمصادر",
+	"help-menu.twitter": "Twitter",
+	"menu.accessibility": "سهولة الوصول",
+	"menu.color-theme": "نظام الألوان",
+	"menu.copy-as": "النسخ بصيغة",
+	"menu.edit": "تعديل",
+	"menu.export-as": "التصدير بصيغة",
+	"menu.file": "ملف",
+	"menu.input-device": "جهاز الإدخال",
+	"menu.language": "اللغة",
+	"menu.preferences": "التفضيلات",
+	"menu.theme": "الموضوع",
+	"menu.title": "القائمة",
+	"menu.view": "عرض",
+	"navigation-zone.minimap": "خريطة مصغرة",
+	"navigation-zone.title": "التنقل",
+	"navigation-zone.toggle-minimap": "تبديل الخريطة المصغرة",
+	"navigation-zone.zoom": "تكبير",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "إنشاء صفحة جديدة",
+	"page-menu.edit-done": "تم",
+	"page-menu.edit-start": "تعديل",
+	"page-menu.go-to-page": "انتقل إلى الصفحة",
+	"page-menu.new-page-initial-name": "الصفحة 1",
+	"page-menu.submenu.delete": "حذف",
+	"page-menu.submenu.duplicate-page": "نسخة مكررة",
+	"page-menu.submenu.move-down": "الانتقال لأسفل",
+	"page-menu.submenu.move-up": "الانتقال لأعلى",
+	"page-menu.submenu.rename": "إعادة تسمية",
+	"page-menu.submenu.title": "القائمة",
+	"page-menu.title": "الصفحات",
+	"people-menu.anonymous-user": "مستخدم جديد",
+	"people-menu.avatar-color": "لون الصورة الرمزية",
+	"people-menu.change-color": "تغيير اللون",
+	"people-menu.change-name": "تغيير الاسم",
+	"people-menu.follow": "متابعة",
+	"people-menu.following": "من تتابعهم",
+	"people-menu.invite": "دعوة الآخرين",
+	"people-menu.leading": "متابعينك",
+	"people-menu.title": "الأشخاص",
+	"people-menu.user": "(أنت)",
+	"share-menu.copied": "رابط منسوخ!",
+	"share-menu.copy-link": "نسخ الرابط",
+	"share-menu.copy-link-note": "سيتمكن أي شخص لديه الرابط من عرض هذا المشروع وتعديله.",
+	"share-menu.copy-readonly-link": "نسخ رابط للقراءة فقط",
+	"share-menu.copy-readonly-link-note": "سيتمكن أي شخص لديه الرابط من عرض هذا المشروع (ولكن لن يتمكن من تعديله).",
+	"share-menu.create-snapshot-link": "إنشاء رابط لقطة",
+	"share-menu.creating-project": "جارٍ إنشاء المشروع الجديد…",
+	"share-menu.fork-note": "إنشاء مشروع مشترك جديد استنادًا إلى هذه اللقطة.",
+	"share-menu.offline-note": "ستؤدي مشاركة هذا المشروع إلى إنشاء نسخة مستضافة مباشرة على عنوان URL جديد. كما يمكنك مشاركة عنوان URL مع ما يصل إلى ثلاثين شخصًا آخر لعرض المشروع وتعديله معًا.",
+	"share-menu.project-too-large": "عذرًا، لا يمكن مشاركة هذا المشروع لأنه كبير جدًا. نحن نعمل على ذلك!",
+	"share-menu.save-note": "نزل هذا المشروع كملف ‎.tldr على الكمبيوتر.",
+	"share-menu.share-project": "مشاركة هذا المشروع",
+	"share-menu.snapshot-link-note": "التقط هذا المشروع وشاركه كرابط لقطة للقراءة فقط.",
+	"share-menu.title": "مشاركة",
+	"share-menu.upload-failed": "عذرًا، لم نتمكن من تحميل مشروعك في الوقت الحالي. يُرجى تكرار المحاولة أو إبلاغنا في حال استمرار المشكلة.",
+	"sharing.confirm-leave.cancel": "إلغاء",
+	"sharing.confirm-leave.description": "هل بالفعل تريد مغادرة هذا المشروع المشترك؟ يمكنك العودة إليه بالانتقال إلى عنوان URL الخاص به.",
+	"sharing.confirm-leave.dont-show-again": "لا تسأل مرةً أخرى",
+	"sharing.confirm-leave.leave": "مغادرة",
+	"sharing.confirm-leave.title": "هل تريد مغادرة المشروع الحالي؟",
+	"shortcuts-dialog.a11y": "سهولة الوصول",
+	"shortcuts-dialog.collaboration": "التعاون",
+	"shortcuts-dialog.edit": "تعديل",
+	"shortcuts-dialog.file": "ملف",
+	"shortcuts-dialog.preferences": "التفضيلات",
+	"shortcuts-dialog.text-formatting": "تنسيق النص",
+	"shortcuts-dialog.title": "اختصارات لوحة المفاتيح",
+	"shortcuts-dialog.tools": "الأدوات",
+	"shortcuts-dialog.transform": "تحويل",
+	"shortcuts-dialog.view": "عرض",
+	"size-style.l": "كبير",
+	"size-style.m": "متوسط",
+	"size-style.s": "صغير",
+	"size-style.xl": "كبير جدًا",
+	"spline-style.cubic": "مكعب",
+	"spline-style.line": "خط",
+	"status.offline": "غير متصل",
+	"style-panel.align": "محاذاة",
+	"style-panel.arrow-kind": "خط",
+	"style-panel.arrowhead-end": "النهاية",
+	"style-panel.arrowhead-start": "البداية",
+	"style-panel.arrowheads": "رؤوس الأسهم",
+	"style-panel.color": "اللون",
+	"style-panel.dash": "شرطة",
+	"style-panel.fill": "ملء",
+	"style-panel.font": "الخط",
+	"style-panel.geo": "الشكل",
+	"style-panel.label-align": "محاذاة التسمية",
+	"style-panel.mixed": "مختلط",
+	"style-panel.opacity": "معدل الشفافية",
+	"style-panel.position": "موضع",
+	"style-panel.selected": "محدد",
+	"style-panel.size": "الحجم",
+	"style-panel.spline": "Spline",
+	"style-panel.title": "الأنماط",
+	"style-panel.vertical-align": "محاذاة عمودية",
+	"theme.dark": "داكن",
+	"theme.light": "فاتح",
+	"theme.system": "النظام",
+	"toast.close": "إغلاق",
+	"toast.error": "خطأ",
+	"toast.error.copy-fail.desc": "فشل في نسخ الصورة",
+	"toast.error.copy-fail.title": "فشل النسخ",
+	"toast.error.export-fail.desc": "فشل في تصدير الصورة",
+	"toast.error.export-fail.title": "فشل التصدير",
+	"toast.info": "معلومات",
+	"toast.success": "نجاح",
+	"toast.warning": "تحذير",
+	"tool-panel.more": "أكثر",
+	"tool-panel.title": "الأدوات",
+	"tool.arrow": "سهم",
+	"tool.arrow-down": "سهم للأسفل",
+	"tool.arrow-left": "سهم لليسار",
+	"tool.arrow-right": "سهم لليمين",
+	"tool.arrow-up": "سهم للأعلى",
+	"tool.aspect-ratio": "نسبة العرض إلى الارتفاع",
+	"tool.aspect-ratio.circle": "دائرة (1:1)",
+	"tool.aspect-ratio.landscape": "منظر طبيعي (4:3)",
+	"tool.aspect-ratio.original": "الأصل",
+	"tool.aspect-ratio.portrait": "صورة شخصية (3:4)",
+	"tool.aspect-ratio.square": "مربع (1:1)",
+	"tool.aspect-ratio.wide": "عريض (16:9)",
+	"tool.bookmark": "إشارة مرجعية",
+	"tool.check-box": "خانة الاختيار",
+	"tool.cloud": "السحابة",
+	"tool.diamond": "شكل الماسة",
+	"tool.draw": "رسم",
+	"tool.ellipse": "شكل بيضاوي",
+	"tool.embed": "تضمين",
+	"tool.eraser": "ممحاة",
+	"tool.flip-horz": "عكس أفقيًا",
+	"tool.flip-vert": "عكس عموديًا",
+	"tool.frame": "إطار",
+	"tool.hand": "أيقونة يد",
+	"tool.heart": "قلب",
+	"tool.hexagon": "شكل سداسي",
+	"tool.highlight": "تمييز",
+	"tool.image-crop": "اقتصاص الصورة",
+	"tool.image-crop-confirm": "تأكيد",
+	"tool.image-toolbar-title": "أدوات الصور",
+	"tool.image-zoom": "تكبير",
+	"tool.laser": "ليزر",
+	"tool.line": "خط",
+	"tool.media": "وسائط",
+	"tool.media-alt-text": "نص بديل",
+	"tool.media-alt-text-confirm": "تأكيد",
+	"tool.media-alt-text-desc": "قدم وصفًا...",
+	"tool.note": "ملحوظة",
+	"tool.octagon": "شكل ثماني",
+	"tool.oval": "شكل بيضاوي",
+	"tool.pentagon": "شكل خماسي",
+	"tool.pointer-down": "المؤشر لأسفل",
+	"tool.rectangle": "مستطيل",
+	"tool.replace-media": "استبدال الوسائط",
+	"tool.rhombus": "معين",
+	"tool.rich-text-bold": "عريض",
+	"tool.rich-text-bulletList": "قائمة نقطية",
+	"tool.rich-text-code": "شفرة",
+	"tool.rich-text-header": "رأس الصفحة",
+	"tool.rich-text-highlight": "تسليط الضوء",
+	"tool.rich-text-italic": "مائل",
+	"tool.rich-text-link": "وصلة",
+	"tool.rich-text-link-remove": "إزالة الرابط",
+	"tool.rich-text-link-visit": "قم بزيارة الرابط",
+	"tool.rich-text-orderedList": "قائمة مرتبة",
+	"tool.rich-text-strikethrough": "شطب",
+	"tool.rich-text-toolbar-title": "تنسيق النص",
+	"tool.rotate-cw": "تدوير",
+	"tool.select": "تحديد",
+	"tool.star": "نجمة",
+	"tool.text": "النص",
+	"tool.trapezoid": "شبه منحرف",
+	"tool.triangle": "مثلث",
+	"tool.x-box": "X box",
+	"ui.checked": "محدد",
+	"ui.close": "إغلاق",
+	"ui.unchecked": "غير محدد",
+	"verticalAlign-style.end": "الأسفل",
+	"verticalAlign-style.middle": "الوسط",
+	"verticalAlign-style.start": "الأعلى",
+	"vscode.file-open.backup": "نسخ احتياطي",
+	"vscode.file-open.backup-failed": "فشل النسخ الاحتياطي: هذا ليس ملف ‎.tldr.",
+	"vscode.file-open.backup-saved": "تم حفظ النسخ الاحتياطي",
+	"vscode.file-open.desc": "تم إنشاء هذا الملف باستخدام إصدار سابق من tldraw. هل ترغب في تحديث الملف للعمل مع الإصدار الجديد؟",
+	"vscode.file-open.dont-show-again": "لا تسأل مرةً أخرى",
+	"vscode.file-open.open": "استمرار"
+}
diff --git a/web/hermes-dist/translations/bn.json b/web/hermes-dist/translations/bn.json
new file mode 100644
index 0000000..2dc3de9
--- /dev/null
+++ b/web/hermes-dist/translations/bn.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "আকৃতির ধরণগুলি সামঞ্জস্য করুন",
+	"a11y.enlarge-shape": "আকৃতি বড় করুন",
+	"a11y.enter-leave-container": "কন্টেইনার প্রবেশ করান/ছেড়ে দিন",
+	"a11y.move-shape": "আকৃতি সরান",
+	"a11y.move-shape-faster": "আকৃতি দ্রুত সরান",
+	"a11y.multiple-shapes": "{num}টি আকার নির্বাচন করা হয়েছে",
+	"a11y.open-context-menu": "প্রসঙ্গ মেনু খুলুন",
+	"a11y.open-keyboard-shortcuts": "কীবোর্ড শর্টকাট খুলুন",
+	"a11y.pan-camera": "প্যান ক্যামেরা",
+	"a11y.repeat-shape": "আকৃতি পুনরাবৃত্তি করুন",
+	"a11y.rotate-shape-ccw": "আকৃতি ঘড়ির কাঁটার বিপরীত দিকে ঘোরান",
+	"a11y.rotate-shape-ccw-fine": "আকৃতি ঘড়ির কাঁটার বিপরীত দিকে ঘোরান (ঠিক আছে)",
+	"a11y.rotate-shape-cw": "আকৃতি ঘড়ির কাঁটার দিকে ঘোরান",
+	"a11y.rotate-shape-cw-fine": "আকৃতি ঘড়ির কাঁটার দিকে ঘোরান (ঠিক আছে)",
+	"a11y.select-shape": "পরবর্তী আকৃতি নির্বাচন করুন",
+	"a11y.select-shape-direction": "দিকনির্দেশনা অনুযায়ী আকৃতি নির্বাচন করুন",
+	"a11y.shape-image": "ভাবমূর্তি",
+	"a11y.shape-index": "{total} এর {num}",
+	"a11y.shape-video": "ভিডিও",
+	"a11y.shrink-shape": "আকৃতি সঙ্কুচিত করুন",
+	"a11y.skip-to-main-content": "ফোকাস ক্যানভাসে সরান",
+	"a11y.status": "অবস্থা",
+	"action.align-bottom": "নীচে সারিবদ্ধ করুন",
+	"action.align-center-horizontal": "অনুভূমিকভাবে সারিবদ্ধ করুন",
+	"action.align-center-horizontal.short": "সারিবদ্ধ এইচ",
+	"action.align-center-vertical": "উল্লম্বভাবে সারিবদ্ধ করুন",
+	"action.align-center-vertical.short": "সারিবদ্ধ ভি",
+	"action.align-left": "বাম সারিবদ্ধ করুন",
+	"action.align-right": "ডানদিকে সারিবদ্ধ করুন",
+	"action.align-top": "শীর্ষ সারিবদ্ধ",
+	"action.back-to-content": "বিষয়বস্তুতে ফিরে যান",
+	"action.bring-forward": "সামনে আনুন",
+	"action.bring-to-front": "সামনে আনুন",
+	"action.convert-to-bookmark": "বুকমার্কে রূপান্তর করুন",
+	"action.convert-to-embed": "এম্বেডে রূপান্তর করুন",
+	"action.copy": "কপি",
+	"action.copy-as-json": "JSON হিসাবে কপি করুন",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "PNG হিসাবে অনুলিপি করুন",
+	"action.copy-as-png.short": "পিএনজি",
+	"action.copy-as-svg": "SVG হিসাবে অনুলিপি করুন",
+	"action.copy-as-svg.short": "এসভিজি",
+	"action.cut": "কাটা",
+	"action.delete": "মুছে দিন",
+	"action.distribute-horizontal": "অনুভূমিকভাবে বিতরণ করুন",
+	"action.distribute-horizontal.short": "বিতরণ এইচ",
+	"action.distribute-vertical": "উল্লম্বভাবে বিতরণ করুন",
+	"action.distribute-vertical.short": "বিতরণ করা ভি",
+	"action.download-original": "আসলটি ডাউনলোড করুন",
+	"action.duplicate": "ডুপ্লিকেট",
+	"action.edit-link": "লিঙ্ক সম্পাদনা করুন",
+	"action.enhanced-a11y-mode": "উন্নত অ্যাক্সেসিবিলিটি মোড টগল করুন",
+	"action.enhanced-a11y-mode.menu": "উন্নত অ্যাক্সেসিবিলিটি মোড",
+	"action.exit-pen-mode": "পেন মোড থেকে প্রস্থান করুন",
+	"action.export-all-as-png": "সমস্ত PNG হিসাবে রপ্তানি করুন",
+	"action.export-all-as-png.short": "পিএনজি",
+	"action.export-all-as-svg": "সমস্ত SVG হিসাবে রপ্তানি করুন",
+	"action.export-all-as-svg.short": "এসভিজি",
+	"action.export-as-png": "PNG হিসাবে রপ্তানি করুন",
+	"action.export-as-png.short": "পিএনজি",
+	"action.export-as-svg": "SVG হিসাবে রপ্তানি করুন",
+	"action.export-as-svg.short": "এসভিজি",
+	"action.fit-frame-to-content": "বিষয়বস্তু ফিট",
+	"action.flatten-to-image": "চ্যাপ্টা",
+	"action.flip-horizontal": "অনুভূমিকভাবে উল্টান",
+	"action.flip-horizontal.short": "ফ্লিপ এইচ",
+	"action.flip-vertical": "উল্লম্বভাবে উল্টানো",
+	"action.flip-vertical.short": "ফ্লিপ ভি",
+	"action.fork-project": "কাঁটা এই প্রকল্প",
+	"action.fork-project-on-tldraw": "tldraw-এ ফর্ক প্রকল্প",
+	"action.group": "গ্রুপ",
+	"action.insert-embed": "এম্বেড ঢোকান",
+	"action.insert-media": "মিডিয়া আপলোড করুন",
+	"action.leave-shared-project": "ভাগ করা প্রকল্প ছেড়ে দিন",
+	"action.new-project": "নতুন প্রকল্প",
+	"action.new-shared-project": "নতুন ভাগ করা প্রকল্প",
+	"action.open-cursor-chat": "কার্সার চ্যাট",
+	"action.open-embed-link": "লিঙ্ক খুলুন",
+	"action.open-file": "ফাইল খুলুন",
+	"action.open-kbd-shortcuts": "কীবোর্ড শর্টকাট খুলুন",
+	"action.pack": "প্যাক",
+	"action.paste": "পেস্ট করুন",
+	"action.paste-error-description": "অনুপস্থিত ক্লিপবোর্ড অনুমতির কারণে আটকানো যায়নি। অনুমতি সক্রিয় করুন এবং আবার চেষ্টা করুন.",
+	"action.paste-error-title": "আটকানো ব্যর্থ হয়েছে৷",
+	"action.print": "প্রিন্ট",
+	"action.redo": "আবার করুন",
+	"action.remove-frame": "ফ্রেম সরান",
+	"action.rename": "নাম পরিবর্তন করুন",
+	"action.rotate-ccw": "ঘড়ির কাঁটার বিপরীত দিকে ঘোরান",
+	"action.rotate-cw": "ঘড়ির কাঁটার দিকে ঘোরান",
+	"action.save-copy": "একটি কপি সংরক্ষণ করুন",
+	"action.select-all": "সব নির্বাচন করুন",
+	"action.select-none": "কোনোটি নির্বাচন করুন না",
+	"action.select-zoom-tool": "জুম",
+	"action.send-backward": "পিছনে পাঠান",
+	"action.send-to-back": "ফিরে পাঠান",
+	"action.share-project": "এই প্রকল্প শেয়ার করুন",
+	"action.stack-horizontal": "অনুভূমিকভাবে স্ট্যাক",
+	"action.stack-horizontal.short": "স্ট্যাক এইচ",
+	"action.stack-vertical": "উল্লম্বভাবে স্ট্যাক",
+	"action.stack-vertical.short": "স্ট্যাক ভি",
+	"action.stop-following": "অনুসরণ করা বন্ধ করুন",
+	"action.stretch-horizontal": "অনুভূমিকভাবে প্রসারিত করুন",
+	"action.stretch-horizontal.short": "প্রসারিত এইচ",
+	"action.stretch-vertical": "উল্লম্বভাবে প্রসারিত করুন",
+	"action.stretch-vertical.short": "প্রসারিত ভি",
+	"action.toggle-auto-none": "স্বয়ংক্রিয়",
+	"action.toggle-auto-pan": "অটো (ট্র্যাকপ্যাড)",
+	"action.toggle-auto-size": "স্বয়ংক্রিয় আকার টগল করুন",
+	"action.toggle-auto-zoom": "স্বয়ংক্রিয় (মাউস)",
+	"action.toggle-dark-mode": "অন্ধকার মোড টগল করুন",
+	"action.toggle-dark-mode.menu": "ডার্ক মোড",
+	"action.toggle-debug-mode": "ডিবাগ মোড টগল করুন",
+	"action.toggle-debug-mode.menu": "ডিবাগ মোড",
+	"action.toggle-dynamic-size-mode": "গতিশীল আকার টগল করুন",
+	"action.toggle-dynamic-size-mode.menu": "গতিশীল আকার",
+	"action.toggle-edge-scrolling": "প্রান্ত স্ক্রোলিং টগল করুন",
+	"action.toggle-edge-scrolling.menu": "প্রান্ত স্ক্রোলিং",
+	"action.toggle-focus-mode": "ফোকাস মোড টগল করুন",
+	"action.toggle-focus-mode.menu": "ফোকাস মোড",
+	"action.toggle-grid": "গ্রিড টগল করুন",
+	"action.toggle-grid.menu": "গ্রিড দেখান",
+	"action.toggle-invert-zoom": "মাউস জুম ইনভার্ট টগল করুন",
+	"action.toggle-invert-zoom.menu": "মাউস জুম বিপরীত করুন",
+	"action.toggle-keyboard-shortcuts": "কীবোর্ড শর্টকাট টগল করুন",
+	"action.toggle-keyboard-shortcuts.menu": "কীবোর্ড শর্টকাটগুলি সক্ষম করুন",
+	"action.toggle-lock": "লক/আনলক",
+	"action.toggle-mouse": "মাউস",
+	"action.toggle-paste-at-cursor": "কার্সারে টগল পেস্ট করুন",
+	"action.toggle-paste-at-cursor.menu": "কার্সারে আটকান",
+	"action.toggle-reduce-motion": "গতি কমাতে টগল করুন",
+	"action.toggle-reduce-motion.menu": "গতি কমানো",
+	"action.toggle-snap-mode": "টগল সবসময় স্ন্যাপ",
+	"action.toggle-snap-mode.menu": "সবসময় স্ন্যাপ",
+	"action.toggle-tool-lock": "টুল লক টগল করুন",
+	"action.toggle-tool-lock.menu": "টুল লক",
+	"action.toggle-trackpad": "ট্র্যাকপ্যাড",
+	"action.toggle-transparent": "স্বচ্ছ ব্যাকগ্রাউন্ড টগল করুন",
+	"action.toggle-transparent.context-menu": "স্বচ্ছ",
+	"action.toggle-transparent.menu": "স্বচ্ছ",
+	"action.toggle-wrap-mode": "মোড়ানোর উপর নির্বাচন টগল করুন",
+	"action.toggle-wrap-mode.menu": "মোড়ানো উপর নির্বাচন করুন",
+	"action.undo": "পূর্বাবস্থায় ফেরান",
+	"action.ungroup": "আনগ্রুপ করুন",
+	"action.unlock-all": "সব আনলক করুন",
+	"action.zoom-in": "জুম ইন করুন",
+	"action.zoom-out": "জুম আউট করুন",
+	"action.zoom-quick": "দ্রুত জুম",
+	"action.zoom-to-100": "100% পর্যন্ত জুম করুন",
+	"action.zoom-to-fit": "জুম ফিট",
+	"action.zoom-to-selection": "নির্বাচন করতে জুম করুন",
+	"actions-menu.title": "কর্ম",
+	"align-style.end": "শেষ",
+	"align-style.justify": "ন্যায্যতা",
+	"align-style.middle": "মধ্য",
+	"align-style.start": "শুরু করুন",
+	"app.loading": "tldraw লোড হচ্ছে…",
+	"arrow-kind-style.arc": "চাপ",
+	"arrow-kind-style.elbow": "কনুই",
+	"arrowheadEnd-style.arrow": "তীর",
+	"arrowheadEnd-style.bar": "বার",
+	"arrowheadEnd-style.diamond": "হীরা",
+	"arrowheadEnd-style.dot": "ডট",
+	"arrowheadEnd-style.inverted": "উল্টানো",
+	"arrowheadEnd-style.none": "কোনোটিই নয়",
+	"arrowheadEnd-style.pipe": "পাইপ",
+	"arrowheadEnd-style.square": "বর্গক্ষেত্র",
+	"arrowheadEnd-style.triangle": "ত্রিভুজ",
+	"arrowheadStart-style.arrow": "তীর",
+	"arrowheadStart-style.bar": "বার",
+	"arrowheadStart-style.diamond": "হীরা",
+	"arrowheadStart-style.dot": "ডট",
+	"arrowheadStart-style.inverted": "উল্টানো",
+	"arrowheadStart-style.none": "কোনোটিই নয়",
+	"arrowheadStart-style.pipe": "পাইপ",
+	"arrowheadStart-style.square": "বর্গক্ষেত্র",
+	"arrowheadStart-style.triangle": "ত্রিভুজ",
+	"assets.files.amount-too-many": "অনেক বেশি ফাইল",
+	"assets.files.maximum-size": "ফাইলের সর্বোচ্চ আকার হল {size}",
+	"assets.files.size-too-big": "ফাইলের আকার খুব বড়",
+	"assets.files.type-not-allowed": "ফাইলের ধরন অনুমোদিত নয়",
+	"assets.files.upload-failed": "আপলোড ব্যর্থ হয়েছে",
+	"assets.url.failed": "URL প্রিভিউ লোড করা যায়নি",
+	"color-style.black": "কালো",
+	"color-style.blue": "নীল",
+	"color-style.green": "সবুজ",
+	"color-style.grey": "ধূসর",
+	"color-style.light-blue": "হালকা নীল",
+	"color-style.light-green": "হালকা সবুজ",
+	"color-style.light-red": "হালকা লাল",
+	"color-style.light-violet": "হালকা বেগুনি",
+	"color-style.orange": "কমলা",
+	"color-style.red": "লাল",
+	"color-style.violet": "ভায়োলেট",
+	"color-style.white": "সাদা",
+	"color-style.yellow": "হলুদ",
+	"context-menu.arrange": "সাজান",
+	"context-menu.copy-as": "হিসাবে অনুলিপি",
+	"context-menu.edit": "সম্পাদনা করুন",
+	"context-menu.export-all-as": "হিসাবে সব রপ্তানি করুন",
+	"context-menu.export-as": "হিসাবে রপ্তানি করুন",
+	"context-menu.move-to-page": "পৃষ্ঠায় সরান",
+	"context-menu.reorder": "পুনরায় সাজান",
+	"context-menu.title": "প্রসঙ্গ মেনু",
+	"context.pages.new-page": "নতুন পাতা",
+	"cursor-chat.type-to-chat": "চ্যাট করতে টাইপ করুন...",
+	"dash-style.dashed": "ড্যাশড",
+	"dash-style.dotted": "বিন্দুযুক্ত",
+	"dash-style.draw": "আঁকা",
+	"dash-style.solid": "কঠিন",
+	"document-name-menu.copy-link": "লিঙ্ক কপি করুন",
+	"document.default-name": "শিরোনামহীন",
+	"edit-link-dialog.cancel": "বাতিল করুন",
+	"edit-link-dialog.clear": "পরিষ্কার",
+	"edit-link-dialog.detail": "লিঙ্কগুলি একটি নতুন ট্যাবে খুলবে৷",
+	"edit-link-dialog.external-link": "বাহ্যিক লিঙ্ক",
+	"edit-link-dialog.invalid-url": "একটি লিঙ্ক একটি বৈধ URL হতে হবে.",
+	"edit-link-dialog.save": "চালিয়ে যান",
+	"edit-link-dialog.title": "লিঙ্ক সম্পাদনা করুন",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "ফিরে",
+	"embed-dialog.cancel": "বাতিল করুন",
+	"embed-dialog.create": "তৈরি করুন",
+	"embed-dialog.instruction": "এম্বেড তৈরি করতে সাইটের URL এ আটকান।",
+	"embed-dialog.invalid-url": "আমরা সেই URL থেকে একটি এম্বেড তৈরি করতে পারিনি৷",
+	"embed-dialog.title": "এম্বেড তৈরি করুন",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "বাতিল করুন",
+	"file-system.confirm-clear.continue": "চালিয়ে যান",
+	"file-system.confirm-clear.description": "একটি নতুন প্রকল্প তৈরি করা আপনার বর্তমান প্রকল্পকে সাফ করে দেবে এবং অসংরক্ষিত পরিবর্তনগুলি হারিয়ে যাবে৷ আপনি কি চালিয়ে যেতে চান?",
+	"file-system.confirm-clear.dont-show-again": "আবার জিজ্ঞাসা করবেন না",
+	"file-system.confirm-clear.title": "বর্তমান প্রকল্প সাফ করবেন?",
+	"file-system.confirm-open.cancel": "বাতিল করুন",
+	"file-system.confirm-open.description": "একটি ফাইল খোলা আপনার বর্তমান প্রকল্প প্রতিস্থাপন করবে এবং কোনো অসংরক্ষিত পরিবর্তন হারিয়ে যাবে। আপনি কি চালিয়ে যেতে চান?",
+	"file-system.confirm-open.dont-show-again": "আবার জিজ্ঞাসা করবেন না",
+	"file-system.confirm-open.open": "ফাইল খুলুন",
+	"file-system.confirm-open.title": "বর্তমান প্রকল্প ওভাররাইট?",
+	"file-system.file-open-error.file-format-version-too-new": "আপনি যে ফাইলটি খোলার চেষ্টা করেছেন তা tldraw এর একটি নতুন সংস্করণ থেকে এসেছে। অনুগ্রহ করে পৃষ্ঠাটি পুনরায় লোড করুন এবং আবার চেষ্টা করুন৷",
+	"file-system.file-open-error.generic-corrupted-file": "আপনি যে ফাইলটি খোলার চেষ্টা করেছেন সেটি নষ্ট হয়ে গেছে।",
+	"file-system.file-open-error.not-a-tldraw-file": "আপনি যে ফাইলটি খোলার চেষ্টা করেছেন তা একটি tldraw ফাইলের মতো দেখাচ্ছে না।",
+	"file-system.file-open-error.title": "ফাইল খুলতে পারেনি",
+	"file-system.shared-document-file-open-error.description": "ভাগ করা প্রকল্প থেকে ফাইল খোলা সমর্থিত নয়.",
+	"file-system.shared-document-file-open-error.title": "ফাইল খুলতে পারেনি",
+	"fill-style.fill": "ভরাট",
+	"fill-style.lined-fill": "রেখাযুক্ত পূরণ",
+	"fill-style.none": "কোনোটিই নয়",
+	"fill-style.pattern": "প্যাটার্ন",
+	"fill-style.semi": "সেমি",
+	"fill-style.solid": "কঠিন",
+	"focus-mode.toggle-focus-mode": "ফোকাস মোড টগল করুন",
+	"font-style.draw": "আঁকা",
+	"font-style.mono": "মনো",
+	"font-style.sans": "সানস",
+	"font-style.serif": "সেরিফ",
+	"geo-style.arrow-down": "নিচে তীর",
+	"geo-style.arrow-left": "তীর বাম",
+	"geo-style.arrow-right": "ডানদিকে তীর",
+	"geo-style.arrow-up": "তীর উপরে",
+	"geo-style.check-box": "চেক বক্স",
+	"geo-style.cloud": "মেঘ",
+	"geo-style.diamond": "হীরা",
+	"geo-style.ellipse": "উপবৃত্ত",
+	"geo-style.heart": "হৃদয়",
+	"geo-style.hexagon": "ষড়ভুজ",
+	"geo-style.octagon": "অষ্টভুজ",
+	"geo-style.oval": "ওভাল",
+	"geo-style.pentagon": "পেন্টাগন",
+	"geo-style.rectangle": "আয়তক্ষেত্র",
+	"geo-style.rhombus": "রম্বস",
+	"geo-style.rhombus-2": "রম্বস বামে",
+	"geo-style.star": "তারা",
+	"geo-style.trapezoid": "ট্র্যাপিজয়েড",
+	"geo-style.triangle": "ত্রিভুজ",
+	"geo-style.x-box": "এক্স বক্স",
+	"handle.crop.bottom": "নীচের অংশ কাটছাঁট করুন",
+	"handle.crop.bottom-left": "নীচের বাম দিকে কাটছাঁট করুন",
+	"handle.crop.bottom-right": "নীচের ডানদিকে কাটছাঁট করুন",
+	"handle.crop.left": "বাকি অংশ কাটছাঁট করুন",
+	"handle.crop.right": "ডানদিকে কাটছাঁট করুন",
+	"handle.crop.top": "ক্রপ টপ",
+	"handle.crop.top-left": "উপরে বাম দিকে কাটছাঁট করুন",
+	"handle.crop.top-right": "উপরে ডানদিকে কাটছাঁট করুন",
+	"handle.resize-bottom": "নীচের আকার পরিবর্তন করুন",
+	"handle.resize-bottom-left": "নীচে বাম দিকের আকার পরিবর্তন করুন",
+	"handle.resize-bottom-right": "নীচের ডানদিকে আকার পরিবর্তন করুন",
+	"handle.resize-left": "বাম দিকের আকার পরিবর্তন করুন",
+	"handle.resize-right": "ডানদিকে আকার পরিবর্তন করুন",
+	"handle.resize-top": "উপরের অংশের আকার পরিবর্তন করুন",
+	"handle.resize-top-left": "উপরের বাম দিকে আকার পরিবর্তন করুন",
+	"handle.resize-top-right": "উপরে ডানদিকে আকার পরিবর্তন করুন",
+	"handle.rotate.bottom_left_rotate": "নীচে বাম দিকে ঘোরান",
+	"handle.rotate.bottom_right_rotate": "নীচে ডানদিকে ঘোরান",
+	"handle.rotate.mobile_rotate": "ঘোরান",
+	"handle.rotate.top_left_rotate": "উপরে বাম দিকে ঘোরান",
+	"handle.rotate.top_right_rotate": "উপরে ডানদিকে ঘোরান",
+	"help-menu.about": "সম্পর্কে",
+	"help-menu.discord": "বিরোধ",
+	"help-menu.github": "গিটহাব",
+	"help-menu.import-tldr-file": "ফাইল আমদানি করুন...",
+	"help-menu.keyboard-shortcuts": "কীবোর্ড শর্টকাট",
+	"help-menu.privacy": "গোপনীয়তা নীতি",
+	"help-menu.terms": "পরিষেবার শর্তাবলী",
+	"help-menu.title": "সাহায্য এবং সম্পদ",
+	"help-menu.twitter": "টুইটার",
+	"menu.accessibility": "অ্যাক্সেসযোগ্যতা",
+	"menu.color-theme": "রঙের থিম",
+	"menu.copy-as": "হিসাবে অনুলিপি",
+	"menu.edit": "সম্পাদনা করুন",
+	"menu.export-as": "হিসাবে রপ্তানি করুন",
+	"menu.file": "ফাইল",
+	"menu.input-device": "ইনপুট ডিভাইস",
+	"menu.language": "ভাষা",
+	"menu.preferences": "পছন্দসমূহ",
+	"menu.theme": "থিম",
+	"menu.title": "মেনু",
+	"menu.view": "দেখুন",
+	"navigation-zone.minimap": "মিনিম্যাপ",
+	"navigation-zone.title": "ন্যাভিগেশন",
+	"navigation-zone.toggle-minimap": "মিনিম্যাপ টগল করুন",
+	"navigation-zone.zoom": "জুম",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "নতুন পেজ তৈরি করুন",
+	"page-menu.edit-done": "সম্পন্ন",
+	"page-menu.edit-start": "সম্পাদনা করুন",
+	"page-menu.go-to-page": "পৃষ্ঠায় যান",
+	"page-menu.new-page-initial-name": "পৃষ্ঠা 1",
+	"page-menu.submenu.delete": "মুছে দিন",
+	"page-menu.submenu.duplicate-page": "ডুপ্লিকেট",
+	"page-menu.submenu.move-down": "নিচে সরান",
+	"page-menu.submenu.move-up": "উপরে সরান",
+	"page-menu.submenu.rename": "নাম পরিবর্তন করুন",
+	"page-menu.submenu.title": "মেনু",
+	"page-menu.title": "পাতা",
+	"people-menu.anonymous-user": "নতুন ব্যবহারকারী",
+	"people-menu.avatar-color": "অবতার রঙ",
+	"people-menu.change-color": "রঙ পরিবর্তন করুন",
+	"people-menu.change-name": "নাম পরিবর্তন করুন",
+	"people-menu.follow": "অনুসরণ করুন",
+	"people-menu.following": "অনুসরণ করছে",
+	"people-menu.invite": "অন্যদের আমন্ত্রণ জানান",
+	"people-menu.leading": "তোমাকে অনুসরণ করছি",
+	"people-menu.title": "মানুষ",
+	"people-menu.user": "(তুমি)",
+	"share-menu.copied": "কপি করা লিঙ্ক!",
+	"share-menu.copy-link": "লিঙ্ক কপি করুন",
+	"share-menu.copy-link-note": "লিঙ্ক সহ যে কেউ এই প্রকল্পটি দেখতে এবং সম্পাদনা করতে সক্ষম হবে৷",
+	"share-menu.copy-readonly-link": "শুধুমাত্র পঠনযোগ্য লিঙ্ক কপি করুন",
+	"share-menu.copy-readonly-link-note": "লিঙ্ক সহ যে কেউ এই প্রকল্পটি দেখতে (কিন্তু সম্পাদনা করতে পারে না) সক্ষম হবে৷",
+	"share-menu.create-snapshot-link": "স্ন্যাপশট লিঙ্ক তৈরি করুন",
+	"share-menu.creating-project": "নতুন প্রকল্প তৈরি করা হচ্ছে...",
+	"share-menu.fork-note": "এই স্ন্যাপশটের উপর ভিত্তি করে একটি নতুন ভাগ করা প্রকল্প তৈরি করুন৷",
+	"share-menu.offline-note": "এই প্রকল্পটি শেয়ার করলে একটি নতুন URL-এ একটি হোস্ট করা লাইভ কপি তৈরি হবে৷ আপনি একসাথে প্রকল্পটি দেখতে এবং সম্পাদনা করতে আরও ত্রিশ জন লোকের সাথে URL ভাগ করতে পারেন৷",
+	"share-menu.project-too-large": "দুঃখিত, এই প্রকল্পটি ভাগ করা যাবে না কারণ এটি খুব বড়৷ আমরা এটা কাজ করছি!",
+	"share-menu.save-note": "একটি .tldr ফাইল হিসাবে আপনার কম্পিউটারে এই প্রকল্প ডাউনলোড করুন.",
+	"share-menu.share-project": "এই প্রকল্প শেয়ার করুন",
+	"share-menu.snapshot-link-note": "এই প্রোজেক্টটিকে শুধুমাত্র পঠনযোগ্য স্ন্যাপশট লিঙ্ক হিসেবে ক্যাপচার করুন এবং শেয়ার করুন।",
+	"share-menu.title": "শেয়ার করুন",
+	"share-menu.upload-failed": "দুঃখিত, আমরা এই মুহূর্তে আপনার প্রকল্প আপলোড করতে পারিনি৷ অনুগ্রহ করে আবার চেষ্টা করুন বা সমস্যাটি থেকে গেলে আমাদের জানান।",
+	"sharing.confirm-leave.cancel": "বাতিল করুন",
+	"sharing.confirm-leave.description": "আপনি কি এই ভাগ করা প্রকল্পটি ছেড়ে যাওয়ার বিষয়ে নিশ্চিত? আপনি এটির URL এ নেভিগেট করে এটিতে ফিরে আসতে পারেন৷",
+	"sharing.confirm-leave.dont-show-again": "আবার জিজ্ঞাসা করবেন না",
+	"sharing.confirm-leave.leave": "ছেড়ে দিন",
+	"sharing.confirm-leave.title": "বর্তমান প্রকল্প ত্যাগ করবেন?",
+	"shortcuts-dialog.a11y": "অ্যাক্সেসযোগ্যতা",
+	"shortcuts-dialog.collaboration": "সহযোগিতা",
+	"shortcuts-dialog.edit": "সম্পাদনা করুন",
+	"shortcuts-dialog.file": "ফাইল",
+	"shortcuts-dialog.preferences": "পছন্দসমূহ",
+	"shortcuts-dialog.text-formatting": "টেক্সট ফর্ম্যাটিং",
+	"shortcuts-dialog.title": "কীবোর্ড শর্টকাট",
+	"shortcuts-dialog.tools": "টুলস",
+	"shortcuts-dialog.transform": "রূপান্তর",
+	"shortcuts-dialog.view": "দেখুন",
+	"size-style.l": "বড়",
+	"size-style.m": "মাঝারি",
+	"size-style.s": "ছোট",
+	"size-style.xl": "অতিরিক্ত বড়",
+	"spline-style.cubic": "ঘন",
+	"spline-style.line": "লাইন",
+	"status.offline": "অফলাইন",
+	"style-panel.align": "সারিবদ্ধ",
+	"style-panel.arrow-kind": "লাইন",
+	"style-panel.arrowhead-end": "শেষ",
+	"style-panel.arrowhead-start": "শুরু করুন",
+	"style-panel.arrowheads": "তীরের মাথা",
+	"style-panel.color": "রঙ",
+	"style-panel.dash": "ড্যাশ",
+	"style-panel.fill": "ভরাট",
+	"style-panel.font": "হরফ",
+	"style-panel.geo": "আকৃতি",
+	"style-panel.label-align": "লেবেল সারিবদ্ধ",
+	"style-panel.mixed": "মিশ্র",
+	"style-panel.opacity": "অস্বচ্ছতা",
+	"style-panel.position": "অবস্থান",
+	"style-panel.selected": "নির্বাচিত",
+	"style-panel.size": "আকার",
+	"style-panel.spline": "স্প্লাইন",
+	"style-panel.title": "শৈলী",
+	"style-panel.vertical-align": "উল্লম্ব সারিবদ্ধ",
+	"theme.dark": "অন্ধকার",
+	"theme.light": "আলো",
+	"theme.system": "সিস্টেম",
+	"toast.close": "বন্ধ",
+	"toast.error": "ত্রুটি",
+	"toast.error.copy-fail.desc": "ছবি অনুলিপি করতে ব্যর্থ হয়েছে",
+	"toast.error.copy-fail.title": "ব্যর্থ অনুলিপি",
+	"toast.error.export-fail.desc": "ছবি রপ্তানি করতে ব্যর্থ হয়েছে৷",
+	"toast.error.export-fail.title": "রপ্তানি ব্যর্থ হয়েছে",
+	"toast.info": "তথ্য",
+	"toast.success": "সাফল্য",
+	"toast.warning": "সতর্কতা",
+	"tool-panel.more": "আরও",
+	"tool-panel.title": "যন্ত্র",
+	"tool.arrow": "তীর",
+	"tool.arrow-down": "নিচে তীর",
+	"tool.arrow-left": "তীর বাম",
+	"tool.arrow-right": "ডানদিকে তীর",
+	"tool.arrow-up": "তীর উপরে",
+	"tool.aspect-ratio": "আকৃতির অনুপাত",
+	"tool.aspect-ratio.circle": "বৃত্ত (১:১)",
+	"tool.aspect-ratio.landscape": "ল্যান্ডস্কেপ (৪:৩)",
+	"tool.aspect-ratio.original": "মূল",
+	"tool.aspect-ratio.portrait": "প্রতিকৃতি (৩:৪)",
+	"tool.aspect-ratio.square": "বর্গক্ষেত্র (১:১)",
+	"tool.aspect-ratio.wide": "প্রশস্ত (১৬:৯)",
+	"tool.bookmark": "বুকমার্ক",
+	"tool.check-box": "চেক বক্স",
+	"tool.cloud": "মেঘ",
+	"tool.diamond": "হীরা",
+	"tool.draw": "আঁকা",
+	"tool.ellipse": "উপবৃত্ত",
+	"tool.embed": "এম্বেড করুন",
+	"tool.eraser": "ইরেজার",
+	"tool.flip-horz": "অনুভূমিকভাবে উল্টান",
+	"tool.flip-vert": "উল্লম্বভাবে উল্টান",
+	"tool.frame": "ফ্রেম",
+	"tool.hand": "হাত",
+	"tool.heart": "হৃদয়",
+	"tool.hexagon": "ষড়ভুজ",
+	"tool.highlight": "হাইলাইট করুন",
+	"tool.image-crop": "ছবি কাটছাঁট করুন",
+	"tool.image-crop-confirm": "নিশ্চিত করুন",
+	"tool.image-toolbar-title": "চিত্র সরঞ্জাম",
+	"tool.image-zoom": "জুম",
+	"tool.laser": "লেজার",
+	"tool.line": "লাইন",
+	"tool.media": "মিডিয়া",
+	"tool.media-alt-text": "বিকল্প পাঠ্য",
+	"tool.media-alt-text-confirm": "নিশ্চিত করুন",
+	"tool.media-alt-text-desc": "বর্ণনা দিন...",
+	"tool.note": "দ্রষ্টব্য",
+	"tool.octagon": "অষ্টভুজ",
+	"tool.oval": "ওভাল",
+	"tool.pentagon": "পেন্টাগন",
+	"tool.pointer-down": "পয়েন্টার নিচে",
+	"tool.rectangle": "আয়তক্ষেত্র",
+	"tool.replace-media": "মিডিয়া প্রতিস্থাপন করুন",
+	"tool.rhombus": "রম্বস",
+	"tool.rich-text-bold": "বোল্ড",
+	"tool.rich-text-bulletList": "বুলেটযুক্ত তালিকা",
+	"tool.rich-text-code": "কোড",
+	"tool.rich-text-header": "হেডার",
+	"tool.rich-text-highlight": "হাইলাইট করুন",
+	"tool.rich-text-italic": "ইটালিক",
+	"tool.rich-text-link": "লিংক",
+	"tool.rich-text-link-remove": "লিঙ্কটি সরান",
+	"tool.rich-text-link-visit": "লিঙ্কটি দেখুন",
+	"tool.rich-text-orderedList": "অর্ডার করা তালিকা",
+	"tool.rich-text-strikethrough": "স্ট্রাইকথ্রু",
+	"tool.rich-text-toolbar-title": "টেক্সট ফর্ম্যাটিং",
+	"tool.rotate-cw": "ঘোরান",
+	"tool.select": "নির্বাচন করুন",
+	"tool.star": "তারা",
+	"tool.text": "পাঠ্য",
+	"tool.trapezoid": "ট্র্যাপিজয়েড",
+	"tool.triangle": "ত্রিভুজ",
+	"tool.x-box": "এক্স বক্স",
+	"ui.checked": "চেক করা হয়েছে",
+	"ui.close": "বন্ধ করা",
+	"ui.unchecked": "চেক করা হয়নি",
+	"verticalAlign-style.end": "নীচে",
+	"verticalAlign-style.middle": "মধ্য",
+	"verticalAlign-style.start": "শীর্ষ",
+	"vscode.file-open.backup": "ব্যাকআপ",
+	"vscode.file-open.backup-failed": "ব্যাকআপ ব্যর্থ হয়েছে: এটি একটি .tldr ফাইল নয়।",
+	"vscode.file-open.backup-saved": "ব্যাকআপ সংরক্ষিত",
+	"vscode.file-open.desc": "এই ফাইলটি tldraw এর পূর্ববর্তী সংস্করণ দিয়ে তৈরি করা হয়েছিল। আপনি কি নতুন সংস্করণের সাথে কাজ করার জন্য এটি আপডেট করতে চান?",
+	"vscode.file-open.dont-show-again": "আবার জিজ্ঞাসা করবেন না",
+	"vscode.file-open.open": "চালিয়ে যান"
+}
diff --git a/web/hermes-dist/translations/ca.json b/web/hermes-dist/translations/ca.json
new file mode 100644
index 0000000..d575fde
--- /dev/null
+++ b/web/hermes-dist/translations/ca.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "Ajusta els estils de forma",
+	"a11y.enlarge-shape": "Ampliar la forma",
+	"a11y.enter-leave-container": "Entrar/sortir del contenidor",
+	"a11y.move-shape": "Mou la forma",
+	"a11y.move-shape-faster": "Moure la forma més ràpidament",
+	"a11y.multiple-shapes": "{num} formes seleccionades",
+	"a11y.open-context-menu": "Obre el menú contextual",
+	"a11y.open-keyboard-shortcuts": "Obreix les dreceres de teclat",
+	"a11y.pan-camera": "Càmera panoràmica",
+	"a11y.repeat-shape": "Repeteix la forma",
+	"a11y.rotate-shape-ccw": "Gira la forma en sentit antihorari",
+	"a11y.rotate-shape-ccw-fine": "Gira la forma en sentit antihorari (finament)",
+	"a11y.rotate-shape-cw": "Gira la forma en sentit horari",
+	"a11y.rotate-shape-cw-fine": "Gira la forma en sentit horari (finament)",
+	"a11y.select-shape": "Selecciona la forma següent",
+	"a11y.select-shape-direction": "Selecciona la forma en la direcció",
+	"a11y.shape-image": "Imatge",
+	"a11y.shape-index": "{num} de {total}",
+	"a11y.shape-video": "Vídeo",
+	"a11y.shrink-shape": "Reduir la forma",
+	"a11y.skip-to-main-content": "Mou el focus al llenç",
+	"a11y.status": "Estat",
+	"action.align-bottom": "Alinear amb la part inferior",
+	"action.align-center-horizontal": "Alinear horitzontalment",
+	"action.align-center-horizontal.short": "Alinear H",
+	"action.align-center-vertical": "Alinear verticalment",
+	"action.align-center-vertical.short": "Alinear V",
+	"action.align-left": "Alinear a l'esquerra",
+	"action.align-right": "Alinear a la dreta",
+	"action.align-top": "Alinear amb la part superior",
+	"action.back-to-content": "Tornar al contingut",
+	"action.bring-forward": "Portar endavant",
+	"action.bring-to-front": "Portar al davant",
+	"action.convert-to-bookmark": "Convertir a marcador",
+	"action.convert-to-embed": "Convertir a inserció",
+	"action.copy": "Copiar",
+	"action.copy-as-json": "Copia com a JSON",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "Copiar com a PNG",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "Copiar com a SVG",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "Tallar",
+	"action.delete": "Esborrar",
+	"action.distribute-horizontal": "Distribuir horitzontalment",
+	"action.distribute-horizontal.short": "Distribuir H",
+	"action.distribute-vertical": "Distribuir verticalment",
+	"action.distribute-vertical.short": "Distribuir V",
+	"action.download-original": "Descarrega l'original",
+	"action.duplicate": "Duplicar",
+	"action.edit-link": "Editar enllaç",
+	"action.enhanced-a11y-mode": "Activa/desactiva el mode d'accessibilitat millorada",
+	"action.enhanced-a11y-mode.menu": "Mode d'accessibilitat millorat",
+	"action.exit-pen-mode": "Sortir del mode bolígraf",
+	"action.export-all-as-png": "Exporteu-ho tot com a PNG",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "Exporteu-ho tot com a SVG",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "Exportar com a PNG",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "Exportar com a SVG",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "Ajust al contingut",
+	"action.flatten-to-image": "Aplanar",
+	"action.flip-horizontal": "Girar horitzontalment",
+	"action.flip-horizontal.short": "Girar H",
+	"action.flip-vertical": "Girar verticalment",
+	"action.flip-vertical.short": "Girar V",
+	"action.fork-project": "Força aquest projecte",
+	"action.fork-project-on-tldraw": "Projecte Fork a tldraw",
+	"action.group": "Grup",
+	"action.insert-embed": "Insereix incrustació",
+	"action.insert-media": "Pujar contingut multimèdia",
+	"action.leave-shared-project": "Deixa el projecte compartit",
+	"action.new-project": "Nou projecte",
+	"action.new-shared-project": "Nou projecte compartit",
+	"action.open-cursor-chat": "Xat del cursor",
+	"action.open-embed-link": "Obrir enllaç",
+	"action.open-file": "Obrir fitxer",
+	"action.open-kbd-shortcuts": "Obreix les dreceres de teclat",
+	"action.pack": "Empaquetar",
+	"action.paste": "Enganxar",
+	"action.paste-error-description": "No s'ha pogut enganxar perquè falten els permisos del porta-retalls. Activa els permisos i torna-ho a provar.",
+	"action.paste-error-title": "No s'ha pogut enganxar",
+	"action.print": "Imprimir",
+	"action.redo": "Refer",
+	"action.remove-frame": "Traieu el marc",
+	"action.rename": "Canvia el nom",
+	"action.rotate-ccw": "Girar en sentit antihorari",
+	"action.rotate-cw": "Girar en sentit horari",
+	"action.save-copy": "Desar una còpia",
+	"action.select-all": "Seleccionar tot",
+	"action.select-none": "Desseleccionar tot",
+	"action.select-zoom-tool": "Zoom",
+	"action.send-backward": "Enviar cap enrere",
+	"action.send-to-back": "Enviar al fons",
+	"action.share-project": "Compartir aquest projecte",
+	"action.stack-horizontal": "Apilar horitzontalment",
+	"action.stack-horizontal.short": "Apilar H",
+	"action.stack-vertical": "Apilar verticalment",
+	"action.stack-vertical.short": "Apilar V",
+	"action.stop-following": "Deixa de seguir",
+	"action.stretch-horizontal": "Estirar horitzontalment",
+	"action.stretch-horizontal.short": "Estirament H",
+	"action.stretch-vertical": "Estirar verticalment",
+	"action.stretch-vertical.short": "Estirament V",
+	"action.toggle-auto-none": "Automàtic",
+	"action.toggle-auto-pan": "Automàtic (trackpad)",
+	"action.toggle-auto-size": "Commutar grandària automàtica",
+	"action.toggle-auto-zoom": "Automàtic (ratolí)",
+	"action.toggle-dark-mode": "Commutar mode fosc",
+	"action.toggle-dark-mode.menu": "Mode fosc",
+	"action.toggle-debug-mode": "Commutar mode de depuració",
+	"action.toggle-debug-mode.menu": "Mode de depuració",
+	"action.toggle-dynamic-size-mode": "Commuta la mida dinàmica",
+	"action.toggle-dynamic-size-mode.menu": "Mida dinàmica",
+	"action.toggle-edge-scrolling": "Commuta el desplaçament per la vora",
+	"action.toggle-edge-scrolling.menu": "Desplaçament de vora",
+	"action.toggle-focus-mode": "Commutar mode de concentració",
+	"action.toggle-focus-mode.menu": "Mode de concentració",
+	"action.toggle-grid": "Commutar quadrícula",
+	"action.toggle-grid.menu": "Mostra la quadrícula",
+	"action.toggle-invert-zoom": "Inverteix el zoom del ratolí",
+	"action.toggle-invert-zoom.menu": "Invertir el zoom del ratolí",
+	"action.toggle-keyboard-shortcuts": "Activa/desactiva les dreceres de teclat",
+	"action.toggle-keyboard-shortcuts.menu": "Dreceres de teclat",
+	"action.toggle-lock": "Bloquejar / Desbloquejar",
+	"action.toggle-mouse": "Ratolí",
+	"action.toggle-paste-at-cursor": "Commuta enganxat al cursor",
+	"action.toggle-paste-at-cursor.menu": "Enganxa al cursor",
+	"action.toggle-reduce-motion": "Commuta per reduir el moviment",
+	"action.toggle-reduce-motion.menu": "Reduir el moviment",
+	"action.toggle-snap-mode": "Commuta acoblament permanent",
+	"action.toggle-snap-mode.menu": "Acoblament permanent",
+	"action.toggle-tool-lock": "Commutar el bloqueig d'eines",
+	"action.toggle-tool-lock.menu": "Bloqueig d'eines",
+	"action.toggle-trackpad": "Pad tàctil",
+	"action.toggle-transparent": "Commutar el fons transparent",
+	"action.toggle-transparent.context-menu": "Transparent",
+	"action.toggle-transparent.menu": "Transparent",
+	"action.toggle-wrap-mode": "Commuta la selecció en embolcall",
+	"action.toggle-wrap-mode.menu": "Seleccioneu a l'embolcall",
+	"action.undo": "Desfer",
+	"action.ungroup": "Desagrupar",
+	"action.unlock-all": "Desbloqueja-ho tot",
+	"action.zoom-in": "Apropar-se",
+	"action.zoom-out": "Allunyar-se",
+	"action.zoom-quick": "Zoom ràpid",
+	"action.zoom-to-100": "Amplia fins al 100%",
+	"action.zoom-to-fit": "Enquadrar",
+	"action.zoom-to-selection": "Ampliar fins a la selecció",
+	"actions-menu.title": "Accions",
+	"align-style.end": "Fi",
+	"align-style.justify": "Justificar",
+	"align-style.middle": "Mig",
+	"align-style.start": "Inici",
+	"app.loading": "S'està carregant tldraw…",
+	"arrow-kind-style.arc": "Arc",
+	"arrow-kind-style.elbow": "Colze",
+	"arrowheadEnd-style.arrow": "Fletxa",
+	"arrowheadEnd-style.bar": "Barra",
+	"arrowheadEnd-style.diamond": "Diamant",
+	"arrowheadEnd-style.dot": "Punt",
+	"arrowheadEnd-style.inverted": "Invertit",
+	"arrowheadEnd-style.none": "Cap",
+	"arrowheadEnd-style.pipe": "Tub",
+	"arrowheadEnd-style.square": "Quadrat",
+	"arrowheadEnd-style.triangle": "Triangle",
+	"arrowheadStart-style.arrow": "Fletxa",
+	"arrowheadStart-style.bar": "Barra",
+	"arrowheadStart-style.diamond": "Diamant",
+	"arrowheadStart-style.dot": "Punt",
+	"arrowheadStart-style.inverted": "Invertit",
+	"arrowheadStart-style.none": "Cap",
+	"arrowheadStart-style.pipe": "Tub",
+	"arrowheadStart-style.square": "Quadrat",
+	"arrowheadStart-style.triangle": "Triangle",
+	"assets.files.amount-too-many": "Massa fitxers",
+	"assets.files.maximum-size": "La mida màxima del fitxer és {size}",
+	"assets.files.size-too-big": "La mida del fitxer és massa gran",
+	"assets.files.type-not-allowed": "El tipus de fitxer no està permès",
+	"assets.files.upload-failed": "La càrrega ha fallat",
+	"assets.url.failed": "No s'ha pogut carregar la previsualització de l'URL",
+	"color-style.black": "Negre",
+	"color-style.blue": "Blau",
+	"color-style.green": "Verd",
+	"color-style.grey": "Gris",
+	"color-style.light-blue": "Blau clar",
+	"color-style.light-green": "Verd clar",
+	"color-style.light-red": "Vermell clar",
+	"color-style.light-violet": "Violeta clar",
+	"color-style.orange": "Taronja",
+	"color-style.red": "Vermell",
+	"color-style.violet": "Violeta",
+	"color-style.white": "Blanc",
+	"color-style.yellow": "Groc",
+	"context-menu.arrange": "Organitzar",
+	"context-menu.copy-as": "Copiar com a...",
+	"context-menu.edit": "Edita",
+	"context-menu.export-all-as": "Exporta tot com",
+	"context-menu.export-as": "Exportar com a...",
+	"context-menu.move-to-page": "Moure a la pàgina",
+	"context-menu.reorder": "Reordenar",
+	"context-menu.title": "Menú contextual",
+	"context.pages.new-page": "Nova pàgina",
+	"cursor-chat.type-to-chat": "Escriviu per xatejar...",
+	"dash-style.dashed": "Guions",
+	"dash-style.dotted": "Puntejat",
+	"dash-style.draw": "Dibuixar",
+	"dash-style.solid": "Sòlid",
+	"document-name-menu.copy-link": "Copia l'enllaç",
+	"document.default-name": "Sense títol",
+	"edit-link-dialog.cancel": "Cancel·lar",
+	"edit-link-dialog.clear": "Esborrar tot",
+	"edit-link-dialog.detail": "Els enllaços s'obriran en una pestanya nova.",
+	"edit-link-dialog.external-link": "Enllaç extern",
+	"edit-link-dialog.invalid-url": "Un enllaç ha de ser un URL vàlid.",
+	"edit-link-dialog.save": "Continuar",
+	"edit-link-dialog.title": "Editar l'enllaç",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "Enrere",
+	"embed-dialog.cancel": "Cancel·lar",
+	"embed-dialog.create": "Crear",
+	"embed-dialog.instruction": "Enganxeu l'URL del lloc per crear la inserció.",
+	"embed-dialog.invalid-url": "No hem pogut crear una inserció a partir d'aquest URL.",
+	"embed-dialog.title": "Crear inserció",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "Cancel·la",
+	"file-system.confirm-clear.continue": "Continua",
+	"file-system.confirm-clear.description": "Si creeu un projecte nou, esborrarà el vostre projecte actual i es perdran els canvis no desats. Esteu segur que voleu continuar?",
+	"file-system.confirm-clear.dont-show-again": "No ho tornis a preguntar",
+	"file-system.confirm-clear.title": "Esborra el projecte actual?",
+	"file-system.confirm-open.cancel": "Cancel·lar",
+	"file-system.confirm-open.description": "L'obertura d'un fitxer substituirà el vostre projecte actual i es perdran els canvis no desats. Voleu continuar?",
+	"file-system.confirm-open.dont-show-again": "No preguntar-ho més",
+	"file-system.confirm-open.open": "Obrir fitxer",
+	"file-system.confirm-open.title": "Vols sobreescriure el projecte actual?",
+	"file-system.file-open-error.file-format-version-too-new": "El fitxer que heu intentat obrir és d'una versió més recent de tldraw. Torneu a carregar la pàgina i torneu-ho a provar.",
+	"file-system.file-open-error.generic-corrupted-file": "El fitxer que heu intentat obrir està malmès.",
+	"file-system.file-open-error.not-a-tldraw-file": "El fitxer que heu intentat obrir no és un fitxer tldraw.",
+	"file-system.file-open-error.title": "No s'ha pogut obrir el fitxer",
+	"file-system.shared-document-file-open-error.description": "No es poden obrir fitxers de projectes compartits.",
+	"file-system.shared-document-file-open-error.title": "No s'ha pogut obrir el fitxer",
+	"fill-style.fill": "Omplir",
+	"fill-style.lined-fill": "Emplenat amb línies",
+	"fill-style.none": "Cap",
+	"fill-style.pattern": "Patró",
+	"fill-style.semi": "Semi",
+	"fill-style.solid": "Sòlid",
+	"focus-mode.toggle-focus-mode": "Commutar mode de concentració",
+	"font-style.draw": "Dibuixar",
+	"font-style.mono": "Mono",
+	"font-style.sans": "Sans",
+	"font-style.serif": "Serif",
+	"geo-style.arrow-down": "Fletxa cap avall",
+	"geo-style.arrow-left": "Fletxa cap a l'esquerra",
+	"geo-style.arrow-right": "Fletxa cap a la dreta",
+	"geo-style.arrow-up": "Fletxa cap amunt",
+	"geo-style.check-box": "Casilla de verificació",
+	"geo-style.cloud": "Núvol",
+	"geo-style.diamond": "Diamant",
+	"geo-style.ellipse": "El·lipse",
+	"geo-style.heart": "Cor",
+	"geo-style.hexagon": "Hexàgon",
+	"geo-style.octagon": "Octàgon",
+	"geo-style.oval": "Oval",
+	"geo-style.pentagon": "Pentàgon",
+	"geo-style.rectangle": "Rectangle",
+	"geo-style.rhombus": "Rombe",
+	"geo-style.rhombus-2": "Rombe a l'esquerra",
+	"geo-style.star": "Estrella",
+	"geo-style.trapezoid": "Trapezoide",
+	"geo-style.triangle": "Triangle",
+	"geo-style.x-box": "Caixa X",
+	"handle.crop.bottom": "Retall inferior",
+	"handle.crop.bottom-left": "Retalla a la part inferior esquerra",
+	"handle.crop.bottom-right": "Retalla a la part inferior dreta",
+	"handle.crop.left": "Retalla a l'esquerra",
+	"handle.crop.right": "Retallar a la dreta",
+	"handle.crop.top": "Top curt",
+	"handle.crop.top-left": "Retall superior esquerre",
+	"handle.crop.top-right": "Retallar a dalt a la dreta",
+	"handle.resize-bottom": "Canvia la mida inferior",
+	"handle.resize-bottom-left": "Canvia la mida a la part inferior esquerra",
+	"handle.resize-bottom-right": "Canvia la mida a la part inferior dreta",
+	"handle.resize-left": "Redimensiona a l'esquerra",
+	"handle.resize-right": "Canvia la mida a la dreta",
+	"handle.resize-top": "Canvia la mida superior",
+	"handle.resize-top-left": "Canvia la mida a la part superior esquerra",
+	"handle.resize-top-right": "Canvia la mida a la part superior dreta",
+	"handle.rotate.bottom_left_rotate": "Gira a baix a l'esquerra",
+	"handle.rotate.bottom_right_rotate": "Gira a la part inferior dreta",
+	"handle.rotate.mobile_rotate": "Girar",
+	"handle.rotate.top_left_rotate": "Gira a dalt a l'esquerra",
+	"handle.rotate.top_right_rotate": "Gira a dalt a la dreta",
+	"help-menu.about": "Sobre nosaltres",
+	"help-menu.discord": "Discord",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "Importa el fitxer...",
+	"help-menu.keyboard-shortcuts": "Dreceres de teclat",
+	"help-menu.privacy": "Política de privadesa",
+	"help-menu.terms": "Condicions del servei",
+	"help-menu.title": "Ajuda i recursos",
+	"help-menu.twitter": "Twitter",
+	"menu.accessibility": "Accessibilitat",
+	"menu.color-theme": "Tema de color",
+	"menu.copy-as": "Copiar com a...",
+	"menu.edit": "Editar",
+	"menu.export-as": "Exportar com a...",
+	"menu.file": "Fitxer",
+	"menu.input-device": "Dispositiu d'entrada",
+	"menu.language": "Llengua",
+	"menu.preferences": "Preferències",
+	"menu.theme": "Tema",
+	"menu.title": "Menú",
+	"menu.view": "Visualització",
+	"navigation-zone.minimap": "Minimapa",
+	"navigation-zone.title": "Navegació",
+	"navigation-zone.toggle-minimap": "Commutar minimapa",
+	"navigation-zone.zoom": "Zoom",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "Crear una pàgina nova",
+	"page-menu.edit-done": "Fet",
+	"page-menu.edit-start": "Editar",
+	"page-menu.go-to-page": "Vés a la pàgina",
+	"page-menu.new-page-initial-name": "Pàgina 1",
+	"page-menu.submenu.delete": "Esborrar",
+	"page-menu.submenu.duplicate-page": "Duplicar",
+	"page-menu.submenu.move-down": "Baixar",
+	"page-menu.submenu.move-up": "Pujar",
+	"page-menu.submenu.rename": "Rebatejar",
+	"page-menu.submenu.title": "Menú",
+	"page-menu.title": "Pàgines",
+	"people-menu.anonymous-user": "Usuari nou",
+	"people-menu.avatar-color": "Color de l'avatar",
+	"people-menu.change-color": "Canviar de color",
+	"people-menu.change-name": "Canviar nom",
+	"people-menu.follow": "Seguiu",
+	"people-menu.following": "Seguint",
+	"people-menu.invite": "Convidar altres persones",
+	"people-menu.leading": "Seguint-te",
+	"people-menu.title": "Gent",
+	"people-menu.user": "(Tu)",
+	"share-menu.copied": "Enllaç copiat!",
+	"share-menu.copy-link": "Copiar l'enllaç",
+	"share-menu.copy-link-note": "Qualsevol persona que tingui l'enllaç podrà veure i editar aquest projecte.",
+	"share-menu.copy-readonly-link": "Copia l'enllaç de només lectura",
+	"share-menu.copy-readonly-link-note": "Qualsevol persona amb l'enllaç podrà veure (però no editar) aquest projecte.",
+	"share-menu.create-snapshot-link": "Crea un enllaç d'instantània",
+	"share-menu.creating-project": "Creant el nou projecte...",
+	"share-menu.fork-note": "Creeu un projecte compartit nou basat en aquesta instantània.",
+	"share-menu.offline-note": "Si compartiu aquest projecte, es crearà una còpia allotjada en un URL nou. Podeu compartir l'URL amb un màxim de trenta persones més per veure i editar el projecte junts.",
+	"share-menu.project-too-large": "Ho sentim, aquest projecte no es pot compartir perquè és massa gran.",
+	"share-menu.save-note": "Baixeu aquest projecte al vostre ordinador com a fitxer .tldr.",
+	"share-menu.share-project": "Compartir aquest projecte",
+	"share-menu.snapshot-link-note": "Captura i comparteix aquest projecte com a enllaç d'instantània només de lectura.",
+	"share-menu.title": "Compartir",
+	"share-menu.upload-failed": "Ho sentim, no hem pogut penjar el teu projecte en aquest moment. Torneu-ho a provar o aviseu-nos si el problema persisteix.",
+	"sharing.confirm-leave.cancel": "Cancel·la",
+	"sharing.confirm-leave.description": "Confirmes que vols deixar aquest projecte compartit? Podeu tornar-hi navegant a la seva URL.",
+	"sharing.confirm-leave.dont-show-again": "No ho tornis a preguntar",
+	"sharing.confirm-leave.leave": "marxar",
+	"sharing.confirm-leave.title": "Deixar el projecte actual?",
+	"shortcuts-dialog.a11y": "Accessibilitat",
+	"shortcuts-dialog.collaboration": "Col·laboració",
+	"shortcuts-dialog.edit": "Editar",
+	"shortcuts-dialog.file": "Fitxer",
+	"shortcuts-dialog.preferences": "Preferències",
+	"shortcuts-dialog.text-formatting": "Format de text",
+	"shortcuts-dialog.title": "Dreceres de teclat",
+	"shortcuts-dialog.tools": "Eines",
+	"shortcuts-dialog.transform": "Transformar",
+	"shortcuts-dialog.view": "Vista",
+	"size-style.l": "Gran",
+	"size-style.m": "Mitjana",
+	"size-style.s": "Petit",
+	"size-style.xl": "Extra gran",
+	"spline-style.cubic": "Cúbic",
+	"spline-style.line": "Línia",
+	"status.offline": "Fora de línia",
+	"style-panel.align": "Alinear",
+	"style-panel.arrow-kind": "Línia",
+	"style-panel.arrowhead-end": "Final",
+	"style-panel.arrowhead-start": "Comença",
+	"style-panel.arrowheads": "Puntes de fletxa",
+	"style-panel.color": "Color",
+	"style-panel.dash": "Traça",
+	"style-panel.fill": "Pintura",
+	"style-panel.font": "Font",
+	"style-panel.geo": "Forma",
+	"style-panel.label-align": "Alineació d'etiquetes",
+	"style-panel.mixed": "Mixt",
+	"style-panel.opacity": "Opacitat",
+	"style-panel.position": "Posició",
+	"style-panel.selected": "seleccionat",
+	"style-panel.size": "Mida",
+	"style-panel.spline": "Spline",
+	"style-panel.title": "Estils",
+	"style-panel.vertical-align": "Alineació vertical",
+	"theme.dark": "Fosc",
+	"theme.light": "Llum",
+	"theme.system": "Sistema",
+	"toast.close": "Tancar",
+	"toast.error": "Error",
+	"toast.error.copy-fail.desc": "No s'ha pogut copiar la imatge",
+	"toast.error.copy-fail.title": "No s'ha pogut copiar",
+	"toast.error.export-fail.desc": "No s'ha pogut exportar la imatge",
+	"toast.error.export-fail.title": "No s'ha pogut exportar",
+	"toast.info": "Informació",
+	"toast.success": "Èxit",
+	"toast.warning": "Avís",
+	"tool-panel.more": "Més",
+	"tool-panel.title": "Eines",
+	"tool.arrow": "Fletxa",
+	"tool.arrow-down": "Fletxa cap avall",
+	"tool.arrow-left": "Fletxa cap a l'esquerra",
+	"tool.arrow-right": "Fletxa cap a la dreta",
+	"tool.arrow-up": "Fletxa cap amunt",
+	"tool.aspect-ratio": "Relació d'aspecte",
+	"tool.aspect-ratio.circle": "Cercle (1:1)",
+	"tool.aspect-ratio.landscape": "Paisatge (4:3)",
+	"tool.aspect-ratio.original": "Original",
+	"tool.aspect-ratio.portrait": "Retrat (3:4)",
+	"tool.aspect-ratio.square": "Quadrat (1:1)",
+	"tool.aspect-ratio.wide": "Ampla (16:9)",
+	"tool.bookmark": "Marcador",
+	"tool.check-box": "Casilla de verificació",
+	"tool.cloud": "Núvol",
+	"tool.diamond": "Diamant",
+	"tool.draw": "Dibuixar",
+	"tool.ellipse": "El·lipse",
+	"tool.embed": "Inserir",
+	"tool.eraser": "Goma d'esborrar",
+	"tool.flip-horz": "Girar horitzontalment",
+	"tool.flip-vert": "Girar verticalment",
+	"tool.frame": "Marc",
+	"tool.hand": "Mà",
+	"tool.heart": "Cor",
+	"tool.hexagon": "Hexàgon",
+	"tool.highlight": "Ressaltar",
+	"tool.image-crop": "Retallar imatge",
+	"tool.image-crop-confirm": "Confirma",
+	"tool.image-toolbar-title": "Eines d'imatge",
+	"tool.image-zoom": "Zoom",
+	"tool.laser": "Làser",
+	"tool.line": "Línia",
+	"tool.media": "Mitjans de comunicació",
+	"tool.media-alt-text": "Text alternatiu",
+	"tool.media-alt-text-confirm": "Confirma",
+	"tool.media-alt-text-desc": "Dóna una descripció…",
+	"tool.note": "Nota",
+	"tool.octagon": "Octàgon",
+	"tool.oval": "Oval",
+	"tool.pentagon": "Pentàgon",
+	"tool.pointer-down": "Punter cap avall",
+	"tool.rectangle": "Rectangle",
+	"tool.replace-media": "Substitueix el suport",
+	"tool.rhombus": "Rombe",
+	"tool.rich-text-bold": "Atrevit",
+	"tool.rich-text-bulletList": "Llista amb pics",
+	"tool.rich-text-code": "Codi",
+	"tool.rich-text-header": "Capçalera",
+	"tool.rich-text-highlight": "Ressaltar",
+	"tool.rich-text-italic": "Cursiva",
+	"tool.rich-text-link": "Enllaç",
+	"tool.rich-text-link-remove": "Elimina l'enllaç",
+	"tool.rich-text-link-visit": "Visita l'enllaç",
+	"tool.rich-text-orderedList": "Llista ordenada",
+	"tool.rich-text-strikethrough": "Tallat",
+	"tool.rich-text-toolbar-title": "Format de text",
+	"tool.rotate-cw": "Girar",
+	"tool.select": "Seleccionar",
+	"tool.star": "Estrella",
+	"tool.text": "Text",
+	"tool.trapezoid": "Trapezoide",
+	"tool.triangle": "Triangle",
+	"tool.x-box": "Caixa X",
+	"ui.checked": "Comprovat",
+	"ui.close": "Tancar",
+	"ui.unchecked": "Sense marcar",
+	"verticalAlign-style.end": "A baix",
+	"verticalAlign-style.middle": "Mitjà",
+	"verticalAlign-style.start": "A dalt",
+	"vscode.file-open.backup": "Còpia de seguretat",
+	"vscode.file-open.backup-failed": "La còpia de seguretat ha fallat: aquest no és un fitxer .tldr.",
+	"vscode.file-open.backup-saved": "Còpia de seguretat desada",
+	"vscode.file-open.desc": "Aquest fitxer es va crear amb una versió anterior de tldraw. Vols actualitzar-lo perquè funcioni amb la nova versió?",
+	"vscode.file-open.dont-show-again": "No preguntar-ho més",
+	"vscode.file-open.open": "Continua"
+}
diff --git a/web/hermes-dist/translations/cs.json b/web/hermes-dist/translations/cs.json
new file mode 100644
index 0000000..d6e5c8b
--- /dev/null
+++ b/web/hermes-dist/translations/cs.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "Úprava stylů tvarů",
+	"a11y.enlarge-shape": "Zvětšit tvar",
+	"a11y.enter-leave-container": "Vstup/výstup z kontejneru",
+	"a11y.move-shape": "Přesunout tvar",
+	"a11y.move-shape-faster": "Pohybujte tvarem rychleji",
+	"a11y.multiple-shapes": "Vybráno {num} tvarů",
+	"a11y.open-context-menu": "Zobrazit kontextovou nabídku",
+	"a11y.open-keyboard-shortcuts": "Zobrazit klávesové zkratky",
+	"a11y.pan-camera": "Panoramatická kamera",
+	"a11y.repeat-shape": "Opakování tvaru",
+	"a11y.rotate-shape-ccw": "Otočit tvar doleva",
+	"a11y.rotate-shape-ccw-fine": "Otočit tvar doleva",
+	"a11y.rotate-shape-cw": "Otočit tvar doprava",
+	"a11y.rotate-shape-cw-fine": "Otočit tvar doprava",
+	"a11y.select-shape": "Vybrat další tvar",
+	"a11y.select-shape-direction": "Vyberte tvar ve směru",
+	"a11y.shape-image": "Obrázek",
+	"a11y.shape-index": "{num} z {total}",
+	"a11y.shape-video": "Video",
+	"a11y.shrink-shape": "Zmenšit tvar",
+	"a11y.skip-to-main-content": "Přesunout fokus na plátno",
+	"a11y.status": "Stav",
+	"action.align-bottom": "Zarovnat dolů",
+	"action.align-center-horizontal": "Zarovnat horizontálně",
+	"action.align-center-horizontal.short": "Zarovnat H",
+	"action.align-center-vertical": "Zarovnat vertikálně",
+	"action.align-center-vertical.short": "Zarovnat V",
+	"action.align-left": "Zarovnat doleva",
+	"action.align-right": "Zarovnat doprava",
+	"action.align-top": "Zarovnat nahoru",
+	"action.back-to-content": "Zpět na obsah",
+	"action.bring-forward": "Posunout dopředu",
+	"action.bring-to-front": "Přenést do popředí",
+	"action.convert-to-bookmark": "Převést na záložku",
+	"action.convert-to-embed": "Převést na vložení",
+	"action.copy": "Kopírovat",
+	"action.copy-as-json": "Kopírovat jako JSON",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "Kopírovat jako PNG",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "Kopírovat jako SVG",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "Vyjmout",
+	"action.delete": "Odstranit",
+	"action.distribute-horizontal": "Zarovnat horizontálně",
+	"action.distribute-horizontal.short": "Zarovnat H",
+	"action.distribute-vertical": "Zarovnat vertikálně",
+	"action.distribute-vertical.short": "Zarovnat V",
+	"action.download-original": "Stáhnout původní",
+	"action.duplicate": "Duplikovat",
+	"action.edit-link": "Upravit odkaz",
+	"action.enhanced-a11y-mode": "Usnadnění navigace",
+	"action.enhanced-a11y-mode.menu": "Usnadnění navigace",
+	"action.exit-pen-mode": "Ukončit režim pera",
+	"action.export-all-as-png": "Exportovat jako PNG",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "Exportovat jako SVG",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "Exportovat jako PNG",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "Exportovat jako SVG",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "Přizpůsobit obsahu",
+	"action.flatten-to-image": "Zploštit",
+	"action.flip-horizontal": "Překlopit horizontálně",
+	"action.flip-horizontal.short": "Překlopit horizontálně",
+	"action.flip-vertical": "Překlopit vertikálně",
+	"action.flip-vertical.short": "Překlopit vertikálně",
+	"action.fork-project": "Rozvětvit projekt",
+	"action.fork-project-on-tldraw": "Rozvětvit projekt na tldraw",
+	"action.group": "Seskupit",
+	"action.insert-embed": "Vložit",
+	"action.insert-media": "Nahrát soubor",
+	"action.leave-shared-project": "Opustit sdílený projekt",
+	"action.new-project": "Nový projekt",
+	"action.new-shared-project": "Nový sdílený projekt",
+	"action.open-cursor-chat": "Chat u kurzoru",
+	"action.open-embed-link": "Otevřít odkaz",
+	"action.open-file": "Otevřít soubor",
+	"action.open-kbd-shortcuts": "Zobrazit klávesové zkratky",
+	"action.pack": "Sbalit",
+	"action.paste": "Vložit",
+	"action.paste-error-description": "Nelze vložit z důvodu chybějících oprávnění ke schránce. Povolte oprávnění a zkuste to znovu.",
+	"action.paste-error-title": "Vložení se nezdařilo",
+	"action.print": "Tisk",
+	"action.redo": "Opakovat",
+	"action.remove-frame": "Odstranit rámeček",
+	"action.rename": "Přejmenovat",
+	"action.rotate-ccw": "Otočit proti směru hodinových ručiček",
+	"action.rotate-cw": "Otočit ve směru hodinových ručiček",
+	"action.save-copy": "Uložit kopii",
+	"action.select-all": "Vybrat vše",
+	"action.select-none": "Nevybrat žádné",
+	"action.select-zoom-tool": "Přiblížení",
+	"action.send-backward": "Posunout dozadu",
+	"action.send-to-back": "Poslat do pozadí",
+	"action.share-project": "Sdílet projekt",
+	"action.stack-horizontal": "Zarovnat horizontálně",
+	"action.stack-horizontal.short": "Zarovnat H",
+	"action.stack-vertical": "Zarovnat svisle",
+	"action.stack-vertical.short": "Zarovnat V",
+	"action.stop-following": "Přestat sledovat",
+	"action.stretch-horizontal": "Roztáhnout vodorovně",
+	"action.stretch-horizontal.short": "Roztáhnout H",
+	"action.stretch-vertical": "Roztáhnout vertikálně",
+	"action.stretch-vertical.short": "Roztáhnout V",
+	"action.toggle-auto-none": "Automaticky",
+	"action.toggle-auto-pan": "Automaticky (touchpad)",
+	"action.toggle-auto-size": "Automatická velikost",
+	"action.toggle-auto-zoom": "Automaticky (myš)",
+	"action.toggle-dark-mode": "Tmavý režim",
+	"action.toggle-dark-mode.menu": "Tmavý režim",
+	"action.toggle-debug-mode": "Zapnout režim ladění",
+	"action.toggle-debug-mode.menu": "Režim ladění",
+	"action.toggle-dynamic-size-mode": "Dynamická velikost",
+	"action.toggle-dynamic-size-mode.menu": "Dynamická velikost",
+	"action.toggle-edge-scrolling": "Posouvání okraje",
+	"action.toggle-edge-scrolling.menu": "Posouvání na okraji",
+	"action.toggle-focus-mode": "Režim pro soustředění",
+	"action.toggle-focus-mode.menu": "Režim pro soustředění",
+	"action.toggle-grid": "Mřížka",
+	"action.toggle-grid.menu": "Zobrazit mřížku",
+	"action.toggle-invert-zoom": "Přepnout invertovat zoom myši",
+	"action.toggle-invert-zoom.menu": "Invertovat přiblížení myší",
+	"action.toggle-keyboard-shortcuts": "Zobrazit klávesové zkratky",
+	"action.toggle-keyboard-shortcuts.menu": "Klávesové zkratky",
+	"action.toggle-lock": "Zamknout/Odemknout",
+	"action.toggle-mouse": "Myš",
+	"action.toggle-paste-at-cursor": "Vložit v místě kurzoru",
+	"action.toggle-paste-at-cursor.menu": "Vložit v místě kurzoru",
+	"action.toggle-reduce-motion": "Snížení pohybu",
+	"action.toggle-reduce-motion.menu": "Snížení pohybu",
+	"action.toggle-snap-mode": "Vždy přichytit",
+	"action.toggle-snap-mode.menu": "Vždy přichytit",
+	"action.toggle-tool-lock": "Zamknout nástroj",
+	"action.toggle-tool-lock.menu": "Zamknout nástroj",
+	"action.toggle-trackpad": "Touchpad",
+	"action.toggle-transparent": "Průhledné pozadí",
+	"action.toggle-transparent.context-menu": "Transparentní",
+	"action.toggle-transparent.menu": "Transparentní",
+	"action.toggle-wrap-mode": "Přepnout výběr na zalomení",
+	"action.toggle-wrap-mode.menu": "Výběr na zalomení",
+	"action.undo": "Vrátit",
+	"action.ungroup": "Zrušit seskupení",
+	"action.unlock-all": "Odemknout vše",
+	"action.zoom-in": "Přiblížit",
+	"action.zoom-out": "Oddálit",
+	"action.zoom-quick": "Rychlé přiblížení",
+	"action.zoom-to-100": "Přiblížit na 100  %",
+	"action.zoom-to-fit": "Přiblížit",
+	"action.zoom-to-selection": "Přiblížit k výběru",
+	"actions-menu.title": "Akce",
+	"align-style.end": "Vpravo",
+	"align-style.justify": "Do bloku",
+	"align-style.middle": "Na střed",
+	"align-style.start": "Vlevo",
+	"app.loading": "Načítání tldraw…",
+	"arrow-kind-style.arc": "Zaoblená",
+	"arrow-kind-style.elbow": "Ostré hrany",
+	"arrowheadEnd-style.arrow": "Šipka",
+	"arrowheadEnd-style.bar": "Pruh",
+	"arrowheadEnd-style.diamond": "Kosočtverec",
+	"arrowheadEnd-style.dot": "Tečka",
+	"arrowheadEnd-style.inverted": "Převrácený trojúhelník",
+	"arrowheadEnd-style.none": "Bez zakončení",
+	"arrowheadEnd-style.pipe": "Čára",
+	"arrowheadEnd-style.square": "Čtverec",
+	"arrowheadEnd-style.triangle": "Trojúhelník",
+	"arrowheadStart-style.arrow": "Šipka",
+	"arrowheadStart-style.bar": "Čára",
+	"arrowheadStart-style.diamond": "Kosočtverec",
+	"arrowheadStart-style.dot": "Tečka",
+	"arrowheadStart-style.inverted": "Převrácený trojúhelník",
+	"arrowheadStart-style.none": "Bez zakončení",
+	"arrowheadStart-style.pipe": "Čára",
+	"arrowheadStart-style.square": "Čtverec",
+	"arrowheadStart-style.triangle": "Trojúhelník",
+	"assets.files.amount-too-many": "Příliš mnoho souborů",
+	"assets.files.maximum-size": "Maximální velikost souboru je {size}",
+	"assets.files.size-too-big": "Velikost souboru je příliš velká",
+	"assets.files.type-not-allowed": "Typ souboru není povolen",
+	"assets.files.upload-failed": "Nahrání se nezdařilo",
+	"assets.url.failed": "Náhled se nepodařilo načíst",
+	"color-style.black": "Černá",
+	"color-style.blue": "Modrá",
+	"color-style.green": "Zelená",
+	"color-style.grey": "Šedá",
+	"color-style.light-blue": "Světle modrá",
+	"color-style.light-green": "Světle zelená",
+	"color-style.light-red": "Světle červená",
+	"color-style.light-violet": "Lila",
+	"color-style.orange": "Oranžová",
+	"color-style.red": "Červená",
+	"color-style.violet": "Fialová",
+	"color-style.white": "Bílý",
+	"color-style.yellow": "Žlutá",
+	"context-menu.arrange": "Uspořádat",
+	"context-menu.copy-as": "Kopírovat jako",
+	"context-menu.edit": "Upravit",
+	"context-menu.export-all-as": "Exportovat",
+	"context-menu.export-as": "Exportovat jako",
+	"context-menu.move-to-page": "Přejít na stránku",
+	"context-menu.reorder": "Přeskupit",
+	"context-menu.title": "Kontextová nabídka",
+	"context.pages.new-page": "Nová stránka",
+	"cursor-chat.type-to-chat": "Chatujte...",
+	"dash-style.dashed": "Přerušovaná",
+	"dash-style.dotted": "Tečkovaná",
+	"dash-style.draw": "Kreslená",
+	"dash-style.solid": "Plná",
+	"document-name-menu.copy-link": "Zkopírovat odkaz",
+	"document.default-name": "Bez názvu",
+	"edit-link-dialog.cancel": "Zrušit",
+	"edit-link-dialog.clear": "Smazat",
+	"edit-link-dialog.detail": "Odkazy se otevřou v nové záložce.",
+	"edit-link-dialog.external-link": "Externí odkaz",
+	"edit-link-dialog.invalid-url": "Odkaz musí mít platnou URL adresu.",
+	"edit-link-dialog.save": "Pokračovat",
+	"edit-link-dialog.title": "Upravit odkaz",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "Zpět",
+	"embed-dialog.cancel": "Zrušit",
+	"embed-dialog.create": "Vytvořit",
+	"embed-dialog.instruction": "Vložte URL adresu webu a vytvořte vložený soubor.",
+	"embed-dialog.invalid-url": "Z této adresy URL se nám nepodařilo vytvořit vložený soubor.",
+	"embed-dialog.title": "Vložit",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "Zrušit",
+	"file-system.confirm-clear.continue": "Pokračovat",
+	"file-system.confirm-clear.description": "Vytvořením nového projektu vymažete ten aktuální a všechny neuložené změny budou ztraceny. Opravdu chcete pokračovat?",
+	"file-system.confirm-clear.dont-show-again": "Příště se neptat",
+	"file-system.confirm-clear.title": "Vymazat aktuální projekt?",
+	"file-system.confirm-open.cancel": "Zrušit",
+	"file-system.confirm-open.description": "Otevřením souboru nahradíte aktuální projekt a všechny neuložené změny budou ztraceny. Opravdu chcete pokračovat?",
+	"file-system.confirm-open.dont-show-again": "Příště se neptat",
+	"file-system.confirm-open.open": "Otevřít soubor",
+	"file-system.confirm-open.title": "Přepsat aktuální projekt?",
+	"file-system.file-open-error.file-format-version-too-new": "Soubor, který jste se pokusili otevřít, pochází z novější verze tldraw. Znovu načtěte stránku a zkuste to znovu.",
+	"file-system.file-open-error.generic-corrupted-file": "Soubor, který jste se pokusili otevřít, je poškozený.",
+	"file-system.file-open-error.not-a-tldraw-file": "Soubor, který jste se pokusili otevřít, pravděpodobně není ve formátu tldraw.",
+	"file-system.file-open-error.title": "Soubor nelze otevřít",
+	"file-system.shared-document-file-open-error.description": "Otevírání souborů ze sdílených projektů není podporováno.",
+	"file-system.shared-document-file-open-error.title": "Soubor nelze otevřít",
+	"fill-style.fill": "Vyplnit",
+	"fill-style.lined-fill": "Linkovaná výplň",
+	"fill-style.none": "Bez výplně",
+	"fill-style.pattern": "Vzor",
+	"fill-style.semi": "Semi",
+	"fill-style.solid": "Jednolitá",
+	"focus-mode.toggle-focus-mode": "Režim soustředění",
+	"font-style.draw": "Kreslit",
+	"font-style.mono": "Psací stroj",
+	"font-style.sans": "Bezpatkové",
+	"font-style.serif": "Patkové",
+	"geo-style.arrow-down": "Šipka dolů",
+	"geo-style.arrow-left": "Šipka doleva",
+	"geo-style.arrow-right": "Šipka doprava",
+	"geo-style.arrow-up": "Šipka nahoru",
+	"geo-style.check-box": "Zaškrtávací políčko",
+	"geo-style.cloud": "Mrak",
+	"geo-style.diamond": "Kosočtverec",
+	"geo-style.ellipse": "Elipsa",
+	"geo-style.heart": "Srdce",
+	"geo-style.hexagon": "Šestiúhelník",
+	"geo-style.octagon": "Osmiúhelník",
+	"geo-style.oval": "Ovál",
+	"geo-style.pentagon": "Pětiúhelník",
+	"geo-style.rectangle": "Obdélník",
+	"geo-style.rhombus": "Rovnoběžník",
+	"geo-style.rhombus-2": "Rovnoběžník levý",
+	"geo-style.star": "Hvězda",
+	"geo-style.trapezoid": "Lichoběžník",
+	"geo-style.triangle": "Trojúhelník",
+	"geo-style.x-box": "Rámeček s křížkem",
+	"handle.crop.bottom": "Oříznout zespod",
+	"handle.crop.bottom-left": "Oříznout vlevo dole",
+	"handle.crop.bottom-right": "Oříznout vpravo dole",
+	"handle.crop.left": "Oříznout zleva",
+	"handle.crop.right": "Oříznout zprava",
+	"handle.crop.top": "Oříznout zvrchu",
+	"handle.crop.top-left": "Oříznout vlevo nahoře",
+	"handle.crop.top-right": "Oříznout vpravo nahoře",
+	"handle.resize-bottom": "Změnit velikost dolní části",
+	"handle.resize-bottom-left": "Změnit velikost vlevo dole",
+	"handle.resize-bottom-right": "Změnit velikost vpravo dole",
+	"handle.resize-left": "Změnit velikost vlevo",
+	"handle.resize-right": "Změnit velikost vpravo",
+	"handle.resize-top": "Změnit velikost horní části",
+	"handle.resize-top-left": "Změnit velikost vlevo nahoře",
+	"handle.resize-top-right": "Změnit velikost vpravo nahoře",
+	"handle.rotate.bottom_left_rotate": "Otočit (vlevo dole)",
+	"handle.rotate.bottom_right_rotate": "Otočit (vpravo dole)",
+	"handle.rotate.mobile_rotate": "Otočit",
+	"handle.rotate.top_left_rotate": "Otočit (vlevo nahoře)",
+	"handle.rotate.top_right_rotate": "Otočit (vpravo nahoře)",
+	"help-menu.about": "O tldraw",
+	"help-menu.discord": "Discord",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "Importovat soubor",
+	"help-menu.keyboard-shortcuts": "Klávesové zkratky",
+	"help-menu.privacy": "Zásady ochrany osobních údajů",
+	"help-menu.terms": "Podmínky služby",
+	"help-menu.title": "Nápověda a zdroje",
+	"help-menu.twitter": "Twitter",
+	"menu.accessibility": "Usnadnění",
+	"menu.color-theme": "Barevný motiv",
+	"menu.copy-as": "Kopírovat jako",
+	"menu.edit": "Upravit",
+	"menu.export-as": "Exportovat jako",
+	"menu.file": "Soubor",
+	"menu.input-device": "Vstupní zařízení",
+	"menu.language": "Jazyk",
+	"menu.preferences": "Předvolby",
+	"menu.theme": "Režim",
+	"menu.title": "Nabídka",
+	"menu.view": "Zobrazit",
+	"navigation-zone.minimap": "Minimapa",
+	"navigation-zone.title": "Navigace",
+	"navigation-zone.toggle-minimap": "Zobrazit minimapu",
+	"navigation-zone.zoom": "Přiblížit",
+	"opacity-style.0.1": "10 %",
+	"opacity-style.0.25": "25 %",
+	"opacity-style.0.5": "50 %",
+	"opacity-style.0.75": "75 %",
+	"opacity-style.1": "100 %",
+	"page-menu.create-new-page": "Vytvořit novou stránku",
+	"page-menu.edit-done": "Hotovo",
+	"page-menu.edit-start": "Upravit",
+	"page-menu.go-to-page": "Přejít na stránku",
+	"page-menu.new-page-initial-name": "Strana 1",
+	"page-menu.submenu.delete": "Odstranit",
+	"page-menu.submenu.duplicate-page": "Duplikovat",
+	"page-menu.submenu.move-down": "Posunout dolů",
+	"page-menu.submenu.move-up": "Posunout nahoru",
+	"page-menu.submenu.rename": "Přejmenovat",
+	"page-menu.submenu.title": "Nabídka",
+	"page-menu.title": "Stránky",
+	"people-menu.anonymous-user": "Nový uživatel",
+	"people-menu.avatar-color": "Barva ikony",
+	"people-menu.change-color": "Změnit barvu",
+	"people-menu.change-name": "Změnit jméno",
+	"people-menu.follow": "Sledovat",
+	"people-menu.following": "Sleduji",
+	"people-menu.invite": "Pozvat ostatní",
+	"people-menu.leading": "Sledující",
+	"people-menu.title": "Lidé",
+	"people-menu.user": "(Vy)",
+	"share-menu.copied": "Odkaz byl zkopírován",
+	"share-menu.copy-link": "Kopírovat odkaz pro úpravy",
+	"share-menu.copy-link-note": "Kdokoli s odkazem bude moct projekt zobrazit a upravit.",
+	"share-menu.copy-readonly-link": "Kopírovat odkaz pro čtení",
+	"share-menu.copy-readonly-link-note": "Kdokoli s odkazem bude moct tento projekt zobrazit.",
+	"share-menu.create-snapshot-link": "Kopírovat odkaz na snímek",
+	"share-menu.creating-project": "Vytváření nového projektu…",
+	"share-menu.fork-note": "Vytvořit nový sdílený projekt na základě tohoto snímku.",
+	"share-menu.offline-note": "Sdílením tohoto projektu se vytvoří hostovaná živá kopie na nové adrese URL. Adresu URL můžete sdílet až s třiceti dalšími lidmi, abyste mohli projekt prohlížet a upravovat společně.",
+	"share-menu.project-too-large": "Omlouváme se. Tento projekt nelze sdílet, protože je příliš velký. Pracujeme na tom!",
+	"share-menu.save-note": "Stáhnout projekt jako soubor .tldr",
+	"share-menu.share-project": "Sdílet projekt",
+	"share-menu.snapshot-link-note": "Vyfoťte a sdílejte tento projekt jako odkaz na snímek pouze pro čtení.",
+	"share-menu.title": "Sdílet",
+	"share-menu.upload-failed": "Omlouváme se. Váš projekt se nepodařilo nahrát. Zkuste to prosím znovu nebo nám napište, pokud problém přetrvává.",
+	"sharing.confirm-leave.cancel": "Zrušit",
+	"sharing.confirm-leave.description": "Jste si jisti, že chcete opustit tento sdílený projekt? Můžete se k němu vrátit na adrese URL.",
+	"sharing.confirm-leave.dont-show-again": "Příště se neptat",
+	"sharing.confirm-leave.leave": "Odejít",
+	"sharing.confirm-leave.title": "Opustit současný projekt?",
+	"shortcuts-dialog.a11y": "Přístupnost",
+	"shortcuts-dialog.collaboration": "Spolupráce",
+	"shortcuts-dialog.edit": "Upravit",
+	"shortcuts-dialog.file": "Soubor",
+	"shortcuts-dialog.preferences": "Předvolby",
+	"shortcuts-dialog.text-formatting": "Formátování textu",
+	"shortcuts-dialog.title": "Klávesové zkratky",
+	"shortcuts-dialog.tools": "Nástroje",
+	"shortcuts-dialog.transform": "Uspořádání",
+	"shortcuts-dialog.view": "Zobrazení",
+	"size-style.l": "Velké",
+	"size-style.m": "Střední",
+	"size-style.s": "Malé",
+	"size-style.xl": "Extra velké",
+	"spline-style.cubic": "Krychlový",
+	"spline-style.line": "Čára",
+	"status.offline": "Offline",
+	"style-panel.align": "Zarovnání",
+	"style-panel.arrow-kind": "Typ čáry",
+	"style-panel.arrowhead-end": "Konec",
+	"style-panel.arrowhead-start": "Začátek",
+	"style-panel.arrowheads": "Šipky",
+	"style-panel.color": "Barva",
+	"style-panel.dash": "Typ čáry",
+	"style-panel.fill": "Výplň",
+	"style-panel.font": "Písmo",
+	"style-panel.geo": "Tvar",
+	"style-panel.label-align": "Zarovnání",
+	"style-panel.mixed": "Kombinované",
+	"style-panel.opacity": "Průhlednost",
+	"style-panel.position": "Pozice",
+	"style-panel.selected": "Vybráno",
+	"style-panel.size": "Velikost",
+	"style-panel.spline": "Zalomení",
+	"style-panel.title": "Styly",
+	"style-panel.vertical-align": "Zarovnat svisle",
+	"theme.dark": "Tmavý",
+	"theme.light": "Světlý",
+	"theme.system": "Automaticky",
+	"toast.close": "Zavřít",
+	"toast.error": "Chyba",
+	"toast.error.copy-fail.desc": "Kopírování obrázku se nezdařilo",
+	"toast.error.copy-fail.title": "Kopírování se nezdařilo",
+	"toast.error.export-fail.desc": "Exportování obrázku se nezdařilo",
+	"toast.error.export-fail.title": "Exportování se nezdařilo",
+	"toast.info": "Informace",
+	"toast.success": "Úspěch",
+	"toast.warning": "Upozornění",
+	"tool-panel.more": "Více",
+	"tool-panel.title": "Nástroje",
+	"tool.arrow": "Šipka",
+	"tool.arrow-down": "Šipka dolů",
+	"tool.arrow-left": "Šipka doleva",
+	"tool.arrow-right": "Šipka doprava",
+	"tool.arrow-up": "Šipka nahoru",
+	"tool.aspect-ratio": "Rozměr stran",
+	"tool.aspect-ratio.circle": "Kruh (1:1)",
+	"tool.aspect-ratio.landscape": "4:3",
+	"tool.aspect-ratio.original": "Původní",
+	"tool.aspect-ratio.portrait": "(3:4)",
+	"tool.aspect-ratio.square": "Čtverec (1:1)",
+	"tool.aspect-ratio.wide": "16:9",
+	"tool.bookmark": "Záložka",
+	"tool.check-box": "Zaškrtávací políčko",
+	"tool.cloud": "Mrak",
+	"tool.diamond": "Kosočtverec",
+	"tool.draw": "Kreslit",
+	"tool.ellipse": "Elipsa",
+	"tool.embed": "Vložit",
+	"tool.eraser": "Guma",
+	"tool.flip-horz": "Překlopit vodorovně",
+	"tool.flip-vert": "Překlopit svisle",
+	"tool.frame": "Rámeček",
+	"tool.hand": "Ruka",
+	"tool.heart": "Srdce",
+	"tool.hexagon": "Šestiúhelník",
+	"tool.highlight": "Zvýraznit",
+	"tool.image-crop": "Oříznout obrázek",
+	"tool.image-crop-confirm": "Potvrdit",
+	"tool.image-toolbar-title": "Nástroje obrázku",
+	"tool.image-zoom": "Přiblížit",
+	"tool.laser": "Laser",
+	"tool.line": "Čára",
+	"tool.media": "Soubory",
+	"tool.media-alt-text": "Alternativní text",
+	"tool.media-alt-text-confirm": "Potvrdit",
+	"tool.media-alt-text-desc": "Popis",
+	"tool.note": "Poznámka",
+	"tool.octagon": "Osmiúhelník",
+	"tool.oval": "Ovál",
+	"tool.pentagon": "Pětiúhelník",
+	"tool.pointer-down": "Ukazatel dolů",
+	"tool.rectangle": "Obdélník",
+	"tool.replace-media": "Změnit soubor",
+	"tool.rhombus": "Rovnoběžník",
+	"tool.rich-text-bold": "Tučné",
+	"tool.rich-text-bulletList": "Odrážky",
+	"tool.rich-text-code": "Kód",
+	"tool.rich-text-header": "Záhlaví",
+	"tool.rich-text-highlight": "Zvýraznění",
+	"tool.rich-text-italic": "Kurzíva",
+	"tool.rich-text-link": "Odkaz",
+	"tool.rich-text-link-remove": "Odebrat odkaz",
+	"tool.rich-text-link-visit": "Otevřít odkaz",
+	"tool.rich-text-orderedList": "Seřazený seznam",
+	"tool.rich-text-strikethrough": "Přeškrtnutí",
+	"tool.rich-text-toolbar-title": "Formátování textu",
+	"tool.rotate-cw": "Otočit",
+	"tool.select": "Vybrat",
+	"tool.star": "Hvězda",
+	"tool.text": "Text",
+	"tool.trapezoid": "Lichoběžník",
+	"tool.triangle": "Trojúhelník",
+	"tool.x-box": "Rámeček s křížkem",
+	"ui.checked": "Zaškrtnuto",
+	"ui.close": "Zavřít",
+	"ui.unchecked": "Nezaškrtnuto",
+	"verticalAlign-style.end": "Dolů",
+	"verticalAlign-style.middle": "Na střed",
+	"verticalAlign-style.start": "Nahoru",
+	"vscode.file-open.backup": "Záloha",
+	"vscode.file-open.backup-failed": "Zálohování se nezdařilo. Nejedná se o soubor .tldr",
+	"vscode.file-open.backup-saved": "Záloha uložena",
+	"vscode.file-open.desc": "Dokument jsme aktualizovali, aby fungoval v současné verzi tldraw. Pokud chcete zachovat starou verzi (kterou budete moci otevřít na old.tldraw.com), vytvořte si zálohu.",
+	"vscode.file-open.dont-show-again": "Příště se neptat",
+	"vscode.file-open.open": "Pokračovat"
+}
diff --git a/web/hermes-dist/translations/da.json b/web/hermes-dist/translations/da.json
new file mode 100644
index 0000000..3520226
--- /dev/null
+++ b/web/hermes-dist/translations/da.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "Juster formstile",
+	"a11y.enlarge-shape": "Forstør form",
+	"a11y.enter-leave-container": "Indgang/udgang fra container",
+	"a11y.move-shape": "Flyt form",
+	"a11y.move-shape-faster": "Flyt formen hurtigere",
+	"a11y.multiple-shapes": "{num} figurer er valgt",
+	"a11y.open-context-menu": "Åbn kontekstmenu",
+	"a11y.open-keyboard-shortcuts": "Åbn tastaturgenveje",
+	"a11y.pan-camera": "Pan-kamera",
+	"a11y.repeat-shape": "Gentag form",
+	"a11y.rotate-shape-ccw": "Roter formen mod uret",
+	"a11y.rotate-shape-ccw-fine": "Roter formen mod uret (fin)",
+	"a11y.rotate-shape-cw": "Roter formen med uret",
+	"a11y.rotate-shape-cw-fine": "Roter formen med uret (fin)",
+	"a11y.select-shape": "Vælg næste form",
+	"a11y.select-shape-direction": "Vælg form i retning",
+	"a11y.shape-image": "Billede",
+	"a11y.shape-index": "{num} af {total}",
+	"a11y.shape-video": "Video",
+	"a11y.shrink-shape": "Krymp form",
+	"a11y.skip-to-main-content": "Flyt fokus til lærred",
+	"a11y.status": "Status",
+	"action.align-bottom": "Juster nederst",
+	"action.align-center-horizontal": "Juster vandret",
+	"action.align-center-horizontal.short": "Juster V",
+	"action.align-center-vertical": "Juster lodret",
+	"action.align-center-vertical.short": "Juster L",
+	"action.align-left": "Juster venstre",
+	"action.align-right": "Juster højre",
+	"action.align-top": "Juster øverst",
+	"action.back-to-content": "Tilbage til indhold",
+	"action.bring-forward": "Bring fremad",
+	"action.bring-to-front": "Anbring forrest",
+	"action.convert-to-bookmark": "Konverter til bogmærke",
+	"action.convert-to-embed": "Konverter til indlejret",
+	"action.copy": "Kopier",
+	"action.copy-as-json": "Kopiér som JSON",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "Kopier som PNG",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "Kopier som SVG",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "Klip",
+	"action.delete": "Slet",
+	"action.distribute-horizontal": "Fordel vandret",
+	"action.distribute-horizontal.short": "Fordel V",
+	"action.distribute-vertical": "Fordel lodret",
+	"action.distribute-vertical.short": "Fordel L",
+	"action.download-original": "Download originalen",
+	"action.duplicate": "Dupliker",
+	"action.edit-link": "Rediger link",
+	"action.enhanced-a11y-mode": "Slå forbedret tilgængelighedstilstand til/fra",
+	"action.enhanced-a11y-mode.menu": "Forbedret tilgængelighedstilstand",
+	"action.exit-pen-mode": "Afslut pennetilstand",
+	"action.export-all-as-png": "Eksporter som PNG",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "Eksporter som SVG",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "Eksporter som PNG",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "Eksporter som SVG",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "Tilpas til indhold",
+	"action.flatten-to-image": "Fladgør",
+	"action.flip-horizontal": "Vend vandret",
+	"action.flip-horizontal.short": "Vend V",
+	"action.flip-vertical": "Vend lodret",
+	"action.flip-vertical.short": "Vent L",
+	"action.fork-project": "Fork dette projekt",
+	"action.fork-project-on-tldraw": "Fork projekt hos tldraw",
+	"action.group": "Grupper",
+	"action.insert-embed": "Indsæt indlejring",
+	"action.insert-media": "Upload medie",
+	"action.leave-shared-project": "Forlad delt projekt",
+	"action.new-project": "Nyt projekt",
+	"action.new-shared-project": "Nyt delt projekt",
+	"action.open-cursor-chat": "Cursor chat",
+	"action.open-embed-link": "Åbn link",
+	"action.open-file": "Åbn fil",
+	"action.open-kbd-shortcuts": "Åbn tastaturgenveje",
+	"action.pack": "Pak",
+	"action.paste": "Indsæt",
+	"action.paste-error-description": "Kunne ikke indsætte på grund af manglende udklipsholder-tilladelser. Aktivér tilladelserne og prøv igen.",
+	"action.paste-error-title": "Indsæt fejlede",
+	"action.print": "Print",
+	"action.redo": "Gentag",
+	"action.remove-frame": "Fjern ramme",
+	"action.rename": "Omdøb",
+	"action.rotate-ccw": "Rotér mod uret",
+	"action.rotate-cw": "Rotér med uret",
+	"action.save-copy": "Gem en kopi",
+	"action.select-all": "Vælg alt",
+	"action.select-none": "Fravælg alt",
+	"action.select-zoom-tool": "Zoom",
+	"action.send-backward": "Send bagud",
+	"action.send-to-back": "Send bagerst",
+	"action.share-project": "Del dette projekt",
+	"action.stack-horizontal": "Stabl vandret",
+	"action.stack-horizontal.short": "Stabl V",
+	"action.stack-vertical": "Stabl lodret",
+	"action.stack-vertical.short": "Stabl L",
+	"action.stop-following": "Stop med at følge",
+	"action.stretch-horizontal": "Stræk vandret",
+	"action.stretch-horizontal.short": "Stræk V",
+	"action.stretch-vertical": "Stræk lodret",
+	"action.stretch-vertical.short": "Stræk L",
+	"action.toggle-auto-none": "Bil",
+	"action.toggle-auto-pan": "Automatisk (pegefelt)",
+	"action.toggle-auto-size": "Slå automatisk størrelse til/fra",
+	"action.toggle-auto-zoom": "Automatisk (mus)",
+	"action.toggle-dark-mode": "Slå dark mode til/fra",
+	"action.toggle-dark-mode.menu": "Mørk tilstand",
+	"action.toggle-debug-mode": "Slå debug mode til/fra",
+	"action.toggle-debug-mode.menu": "Debug tilstand",
+	"action.toggle-dynamic-size-mode": "Slå dynamisk størrelse til/fra",
+	"action.toggle-dynamic-size-mode.menu": "Dynamisk størrelse",
+	"action.toggle-edge-scrolling": "Slå kant-rulning til/fra",
+	"action.toggle-edge-scrolling.menu": "Kant-rulning",
+	"action.toggle-focus-mode": "Slå fokusfunktion til/fra",
+	"action.toggle-focus-mode.menu": "Fokusfunktion",
+	"action.toggle-grid": "Slå grid til/fra",
+	"action.toggle-grid.menu": "Vis grid",
+	"action.toggle-invert-zoom": "Slå inverteret musezoom til/fra",
+	"action.toggle-invert-zoom.menu": "Inverter musezoom",
+	"action.toggle-keyboard-shortcuts": "Slå tastaturgenveje til/fra",
+	"action.toggle-keyboard-shortcuts.menu": "Tastaturgenveje",
+	"action.toggle-lock": "Slå lås til/fra",
+	"action.toggle-mouse": "Mus",
+	"action.toggle-paste-at-cursor": "Slå indsæt ved markør til/fra",
+	"action.toggle-paste-at-cursor.menu": "Indsæt ved markør",
+	"action.toggle-reduce-motion": "Slå reducer bevægelse til/fra",
+	"action.toggle-reduce-motion.menu": "Reducer bevægelse",
+	"action.toggle-snap-mode": "Slå snap altid til/fra",
+	"action.toggle-snap-mode.menu": "Snap altid",
+	"action.toggle-tool-lock": "Slå værktøjslås til/fra",
+	"action.toggle-tool-lock.menu": "Værktøjslås",
+	"action.toggle-trackpad": "Pegefeltet",
+	"action.toggle-transparent": "Slå gennemsigtig baggrund til/fra",
+	"action.toggle-transparent.context-menu": "Gennemsigtig",
+	"action.toggle-transparent.menu": "Gennemsigtig",
+	"action.toggle-wrap-mode": "Slå vælg ved ombrydning til/fra",
+	"action.toggle-wrap-mode.menu": "Vælg ved ombrydning",
+	"action.undo": "Fortryd",
+	"action.ungroup": "Opdel gruppe",
+	"action.unlock-all": "Oplås alle",
+	"action.zoom-in": "Zoom ind",
+	"action.zoom-out": "Zoom ud",
+	"action.zoom-quick": "Hurtig zoom",
+	"action.zoom-to-100": "Zoom til 100%",
+	"action.zoom-to-fit": "Zoom til lærred",
+	"action.zoom-to-selection": "Zoom til valgte",
+	"actions-menu.title": "Handlinger",
+	"align-style.end": "Slut",
+	"align-style.justify": "Justér",
+	"align-style.middle": "Midten",
+	"align-style.start": "Start",
+	"app.loading": "Indlæser tldraw…",
+	"arrow-kind-style.arc": "Bue",
+	"arrow-kind-style.elbow": "Albue",
+	"arrowheadEnd-style.arrow": "Pil",
+	"arrowheadEnd-style.bar": "Streg",
+	"arrowheadEnd-style.diamond": "Diamant",
+	"arrowheadEnd-style.dot": "Prik",
+	"arrowheadEnd-style.inverted": "Inverteret",
+	"arrowheadEnd-style.none": "Ingen",
+	"arrowheadEnd-style.pipe": "Rør",
+	"arrowheadEnd-style.square": "Firkant",
+	"arrowheadEnd-style.triangle": "Trekant",
+	"arrowheadStart-style.arrow": "Pil",
+	"arrowheadStart-style.bar": "Bar",
+	"arrowheadStart-style.diamond": "Diamant",
+	"arrowheadStart-style.dot": "Prik",
+	"arrowheadStart-style.inverted": "Inverteret",
+	"arrowheadStart-style.none": "Ingen",
+	"arrowheadStart-style.pipe": "Rør",
+	"arrowheadStart-style.square": "Firkant",
+	"arrowheadStart-style.triangle": "Trekant",
+	"assets.files.amount-too-many": "For mange filer",
+	"assets.files.maximum-size": "Maksimal filstørrelse er {size}",
+	"assets.files.size-too-big": "Filstørrelsen er for stor",
+	"assets.files.type-not-allowed": "Filtypen er ikke tilladt",
+	"assets.files.upload-failed": "Upload mislykkedes",
+	"assets.url.failed": "Kunne ikke indlæse URL-forhåndsvisning",
+	"color-style.black": "Sort",
+	"color-style.blue": "Blå",
+	"color-style.green": "Grøn",
+	"color-style.grey": "Grå",
+	"color-style.light-blue": "Lyseblå",
+	"color-style.light-green": "Lysegrøn",
+	"color-style.light-red": "Lyserød",
+	"color-style.light-violet": "Lyselilla",
+	"color-style.orange": "Orange",
+	"color-style.red": "Rød",
+	"color-style.violet": "Lilla",
+	"color-style.white": "Hvid",
+	"color-style.yellow": "Gul",
+	"context-menu.arrange": "Arranger",
+	"context-menu.copy-as": "Kopier som",
+	"context-menu.edit": "Redigér",
+	"context-menu.export-all-as": "Eksporter",
+	"context-menu.export-as": "Eksporter som",
+	"context-menu.move-to-page": "Flyt til side",
+	"context-menu.reorder": "Omarrangere",
+	"context-menu.title": "Genvejsmenu",
+	"context.pages.new-page": "Ny side",
+	"cursor-chat.type-to-chat": "Skriv for at chatte...",
+	"dash-style.dashed": "Stiplet",
+	"dash-style.dotted": "Prikket",
+	"dash-style.draw": "Tegn",
+	"dash-style.solid": "Solid",
+	"document-name-menu.copy-link": "Kopiér link",
+	"document.default-name": "Uden titel",
+	"edit-link-dialog.cancel": "Annuler",
+	"edit-link-dialog.clear": "Fjern",
+	"edit-link-dialog.detail": "Links vil åbne i nyefaner.",
+	"edit-link-dialog.external-link": "Eksternt link",
+	"edit-link-dialog.invalid-url": "Et link skal være et gyldigt URL",
+	"edit-link-dialog.save": "Fortsæt",
+	"edit-link-dialog.title": "Rediger link",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "Tilbage",
+	"embed-dialog.cancel": "Annuller",
+	"embed-dialog.create": "Opret",
+	"embed-dialog.instruction": "Indsæt webstedets URL for at oprette indlejringen.",
+	"embed-dialog.invalid-url": "Vi kunne ikke oprette en indlejring fra denne URL.",
+	"embed-dialog.title": "Opret indlejring",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "Fortryd",
+	"file-system.confirm-clear.continue": "Fortsæt",
+	"file-system.confirm-clear.description": "Oprettelse af et nyt projekt vil rydde dit nuværende projekt, og alle ikke-gemte ændringer vil gå tabt. Er du sikker på, at du vil fortsætte?",
+	"file-system.confirm-clear.dont-show-again": "Spørg ikke igen",
+	"file-system.confirm-clear.title": "Ryd nuværende projekt?",
+	"file-system.confirm-open.cancel": "Annuller",
+	"file-system.confirm-open.description": "Åbning af fil vil erstatte dit nuværende projekt, og alt ugemte ændringer vil gå tabt. Er du sikker på, at du vil fortsætte?",
+	"file-system.confirm-open.dont-show-again": "Spørg ikke igen",
+	"file-system.confirm-open.open": "Åben fil",
+	"file-system.confirm-open.title": "Overskriv nuværende projekt",
+	"file-system.file-open-error.file-format-version-too-new": "Filen du prøver at åbne er fra en nyere version af tldraw. Vær venlig at genindlæs siden og prøv igen.",
+	"file-system.file-open-error.generic-corrupted-file": "Filen du forsøger at åbne er beskadiget.",
+	"file-system.file-open-error.not-a-tldraw-file": "Filen, du forsøgte at åbne, ligner ikke en tldraw-fil.",
+	"file-system.file-open-error.title": "Kunne ikke åbne filen",
+	"file-system.shared-document-file-open-error.description": "Åbning af filer fra delte projekter er ikke understøttet.",
+	"file-system.shared-document-file-open-error.title": "Kunne ikke åbne filen",
+	"fill-style.fill": "Fyld",
+	"fill-style.lined-fill": "Linjefyld",
+	"fill-style.none": "Ingen",
+	"fill-style.pattern": "Mønster",
+	"fill-style.semi": "Semi",
+	"fill-style.solid": "Solid",
+	"focus-mode.toggle-focus-mode": "Skift fokustilstand",
+	"font-style.draw": "Tegn",
+	"font-style.mono": "Mono",
+	"font-style.sans": "Sans",
+	"font-style.serif": "Serif",
+	"geo-style.arrow-down": "Pil ned",
+	"geo-style.arrow-left": "Pil venstre",
+	"geo-style.arrow-right": "Pil højre",
+	"geo-style.arrow-up": "Pil op",
+	"geo-style.check-box": "Afkrydsningsfelt",
+	"geo-style.cloud": "Sky",
+	"geo-style.diamond": "Diamant",
+	"geo-style.ellipse": "Ellipse",
+	"geo-style.heart": "Hjerte",
+	"geo-style.hexagon": "Sekskant",
+	"geo-style.octagon": "Ottekant",
+	"geo-style.oval": "Oval",
+	"geo-style.pentagon": "Femkant",
+	"geo-style.rectangle": "Rektangel",
+	"geo-style.rhombus": "Rombe",
+	"geo-style.rhombus-2": "Rombe til venstre",
+	"geo-style.star": "Stjerne",
+	"geo-style.trapezoid": "Trapez",
+	"geo-style.triangle": "Trekant",
+	"geo-style.x-box": "X Boks",
+	"handle.crop.bottom": "Beskåret bund",
+	"handle.crop.bottom-left": "Beskær nederst til venstre",
+	"handle.crop.bottom-right": "Beskær nederst til højre",
+	"handle.crop.left": "Beskær til venstre",
+	"handle.crop.right": "Beskær til højre",
+	"handle.crop.top": "Crop top",
+	"handle.crop.top-left": "Beskær øverst til venstre",
+	"handle.crop.top-right": "Beskær øverst til højre",
+	"handle.resize-bottom": "Ændr størrelsen på bunden",
+	"handle.resize-bottom-left": "Ændr størrelse nederst til venstre",
+	"handle.resize-bottom-right": "Ændr størrelse nederst til højre",
+	"handle.resize-left": "Tilpas størrelsen til venstre",
+	"handle.resize-right": "Tilpas størrelse til højre",
+	"handle.resize-top": "Tilpas størrelsen på toppen",
+	"handle.resize-top-left": "Ændr størrelsen øverst til venstre",
+	"handle.resize-top-right": "Ændr størrelse øverst til højre",
+	"handle.rotate.bottom_left_rotate": "Roter nederst til venstre",
+	"handle.rotate.bottom_right_rotate": "Roter nederst til højre",
+	"handle.rotate.mobile_rotate": "Rotere",
+	"handle.rotate.top_left_rotate": "Roter øverst til venstre",
+	"handle.rotate.top_right_rotate": "Roter øverst til højre",
+	"help-menu.about": "Om",
+	"help-menu.discord": "Discord",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "Importer fil...",
+	"help-menu.keyboard-shortcuts": "Tastaturgenveje",
+	"help-menu.privacy": "Privatlivspolitik",
+	"help-menu.terms": "Servicevilkår",
+	"help-menu.title": "Hjælp og ressourcer",
+	"help-menu.twitter": "Twitter",
+	"menu.accessibility": "Tilgængelighed",
+	"menu.color-theme": "Farvetema",
+	"menu.copy-as": "Kopier som",
+	"menu.edit": "Rediger",
+	"menu.export-as": "Eksporter som",
+	"menu.file": "Fil",
+	"menu.input-device": "Inputenhed",
+	"menu.language": "Sprog",
+	"menu.preferences": "Indstillinger",
+	"menu.theme": "Tema",
+	"menu.title": "Menu",
+	"menu.view": "Vis",
+	"navigation-zone.minimap": "Minikort",
+	"navigation-zone.title": "Navigation",
+	"navigation-zone.toggle-minimap": "Skift minikort til",
+	"navigation-zone.zoom": "Zoom ind",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "Opret ny side",
+	"page-menu.edit-done": "Færdig",
+	"page-menu.edit-start": "Rediger",
+	"page-menu.go-to-page": "Gå til side",
+	"page-menu.new-page-initial-name": "Side 1",
+	"page-menu.submenu.delete": "Slet",
+	"page-menu.submenu.duplicate-page": "Dupliker",
+	"page-menu.submenu.move-down": "Flyt ned",
+	"page-menu.submenu.move-up": "Flyt op",
+	"page-menu.submenu.rename": "Omdøb",
+	"page-menu.submenu.title": "Menu",
+	"page-menu.title": "Sider",
+	"people-menu.anonymous-user": "Ny bruger",
+	"people-menu.avatar-color": "Avatarfarve",
+	"people-menu.change-color": "Skift farve",
+	"people-menu.change-name": "Ændre navn",
+	"people-menu.follow": "Følg",
+	"people-menu.following": "Følger",
+	"people-menu.invite": "Inviter andre",
+	"people-menu.leading": "Følger dig",
+	"people-menu.title": "Folk",
+	"people-menu.user": "(Dig)",
+	"share-menu.copied": "Link kopieret",
+	"share-menu.copy-link": "Kopier linket",
+	"share-menu.copy-link-note": "Alle med linket vil være i stand til at se og rediger projektet.",
+	"share-menu.copy-readonly-link": "Kopier skrivebeskyttet link",
+	"share-menu.copy-readonly-link-note": "Alle med linket vil kunne se (men ikke ændre) dette projekt.",
+	"share-menu.create-snapshot-link": "Kopiér link til øjebliksbillede",
+	"share-menu.creating-project": "Opretter det nye projekt...",
+	"share-menu.fork-note": "Opret et nyt delt projekt baseret på dette øjebliksbillede.",
+	"share-menu.offline-note": "Deling af dette projekt vil oprette en hosted live-kopi på opgivet URL. Du can dele URL'en med op til 30 andre mennesker som kan se og ændre projektet sammen.",
+	"share-menu.project-too-large": "Beklager, dette projekt kan ikke deles, fordi det er for stort. Vi arbejder på det.",
+	"share-menu.save-note": "Download dette projekt til din computer som en .tldr-fil.",
+	"share-menu.share-project": "Del dette projekt",
+	"share-menu.snapshot-link-note": "Gem og del dette projekt som et skrivebeskyttet øjebliksbillede-link.",
+	"share-menu.title": "Del",
+	"share-menu.upload-failed": "Beklager, vi kunne ikke uploade dit projekt i øjeblikket. Prøv venligst igen, eller giv os besked hvis problemet fortsætter.",
+	"sharing.confirm-leave.cancel": "Annuller",
+	"sharing.confirm-leave.description": "Er du sikker på, at du vil forlade dette delte projekt? Du kan vende tilbage til det ved at navigere til dets URL.",
+	"sharing.confirm-leave.dont-show-again": "Spørg ikke igen",
+	"sharing.confirm-leave.leave": "Forlad",
+	"sharing.confirm-leave.title": "Forlad nuværende projekt?",
+	"shortcuts-dialog.a11y": "Tilgængelighed",
+	"shortcuts-dialog.collaboration": "Samarbejde",
+	"shortcuts-dialog.edit": "Rediger",
+	"shortcuts-dialog.file": "Fil",
+	"shortcuts-dialog.preferences": "Indstillinger",
+	"shortcuts-dialog.text-formatting": "Tekstformatering",
+	"shortcuts-dialog.title": "Tastaturgenveje",
+	"shortcuts-dialog.tools": "Værktøjer",
+	"shortcuts-dialog.transform": "Flyt & Skalér",
+	"shortcuts-dialog.view": "Vis",
+	"size-style.l": "Stor",
+	"size-style.m": "Mellem",
+	"size-style.s": "Lille",
+	"size-style.xl": "Ekstra stor",
+	"spline-style.cubic": "Kubisk",
+	"spline-style.line": "Linje",
+	"status.offline": "Offline",
+	"style-panel.align": "Juster",
+	"style-panel.arrow-kind": "Linje",
+	"style-panel.arrowhead-end": "Slut",
+	"style-panel.arrowhead-start": "Start",
+	"style-panel.arrowheads": "Pilehoveder",
+	"style-panel.color": "Farve",
+	"style-panel.dash": "Streg",
+	"style-panel.fill": "Fyld",
+	"style-panel.font": "Skrifttype",
+	"style-panel.geo": "Figur",
+	"style-panel.label-align": "Etiket-justering",
+	"style-panel.mixed": "Blandet",
+	"style-panel.opacity": "Gennemsigtighed",
+	"style-panel.position": "Position",
+	"style-panel.selected": "udvalgte",
+	"style-panel.size": "Størrelse",
+	"style-panel.spline": "Spline",
+	"style-panel.title": "Format",
+	"style-panel.vertical-align": "Lodret justering",
+	"theme.dark": "Mørk",
+	"theme.light": "Lys",
+	"theme.system": "System",
+	"toast.close": "Luk",
+	"toast.error": "Fejl",
+	"toast.error.copy-fail.desc": "Kunne ikke kopiere billedet",
+	"toast.error.copy-fail.title": "Mislykket kopiere",
+	"toast.error.export-fail.desc": "Billedet kunne ikke eksporteres",
+	"toast.error.export-fail.title": "Mislykket eksport",
+	"toast.info": "Info",
+	"toast.success": "Succes",
+	"toast.warning": "Advarsel",
+	"tool-panel.more": "Mere",
+	"tool-panel.title": "Værktøjer",
+	"tool.arrow": "Pil",
+	"tool.arrow-down": "Pil ned",
+	"tool.arrow-left": "Pil venstre",
+	"tool.arrow-right": "Pil højre",
+	"tool.arrow-up": "Pil op",
+	"tool.aspect-ratio": "Billedformat",
+	"tool.aspect-ratio.circle": "Cirkel (1:1)",
+	"tool.aspect-ratio.landscape": "Landskab (4:3)",
+	"tool.aspect-ratio.original": "Original",
+	"tool.aspect-ratio.portrait": "Portræt (3:4)",
+	"tool.aspect-ratio.square": "Kvadrat (1:1)",
+	"tool.aspect-ratio.wide": "Bred (16:9)",
+	"tool.bookmark": "Bogmærke",
+	"tool.check-box": "Afkrydsningsfelt",
+	"tool.cloud": "Sky",
+	"tool.diamond": "Diamant",
+	"tool.draw": "Tegn",
+	"tool.ellipse": "Ellipse",
+	"tool.embed": "Indlejre",
+	"tool.eraser": "Viskelæder",
+	"tool.flip-horz": "Vend vandret",
+	"tool.flip-vert": "Vend lodret",
+	"tool.frame": "Ramme",
+	"tool.hand": "Hånd",
+	"tool.heart": "Hjerte",
+	"tool.hexagon": "Sekskant",
+	"tool.highlight": "Fremhæv",
+	"tool.image-crop": "Beskær billede",
+	"tool.image-crop-confirm": "Bekræfte",
+	"tool.image-toolbar-title": "Billedværktøjer",
+	"tool.image-zoom": "Zoom ind",
+	"tool.laser": "Laser",
+	"tool.line": "Linje",
+	"tool.media": "Medier",
+	"tool.media-alt-text": "Alternativ tekst",
+	"tool.media-alt-text-confirm": "Bekræfte",
+	"tool.media-alt-text-desc": "Giv en beskrivelse…",
+	"tool.note": "Note",
+	"tool.octagon": "Ottekant",
+	"tool.oval": "Oval",
+	"tool.pentagon": "Femkant",
+	"tool.pointer-down": "Markør ned",
+	"tool.rectangle": "Rektangel",
+	"tool.replace-media": "Udskift medie",
+	"tool.rhombus": "Rombe",
+	"tool.rich-text-bold": "Dristig",
+	"tool.rich-text-bulletList": "Punktliste",
+	"tool.rich-text-code": "Kode",
+	"tool.rich-text-header": "Overskrift",
+	"tool.rich-text-highlight": "Fremhæv",
+	"tool.rich-text-italic": "Kursiv",
+	"tool.rich-text-link": "Forbindelse",
+	"tool.rich-text-link-remove": "Fjern link",
+	"tool.rich-text-link-visit": "Besøg link",
+	"tool.rich-text-orderedList": "Ordnet liste",
+	"tool.rich-text-strikethrough": "Gennemstregning",
+	"tool.rich-text-toolbar-title": "Tekstformatering",
+	"tool.rotate-cw": "Rotere",
+	"tool.select": "Vælg",
+	"tool.star": "Stjerne",
+	"tool.text": "Tekst",
+	"tool.trapezoid": "Trapezoid",
+	"tool.triangle": "Trekant",
+	"tool.x-box": "X boks",
+	"ui.checked": "Kontrolleret",
+	"ui.close": "Luk",
+	"ui.unchecked": "Ikke markeret",
+	"verticalAlign-style.end": "Bund",
+	"verticalAlign-style.middle": "Midten",
+	"verticalAlign-style.start": "Start",
+	"vscode.file-open.backup": "Sikkerhedskopi",
+	"vscode.file-open.backup-failed": "Sikkerhedskopiering mislykkedes: dette er ikke en .tldr-fil.",
+	"vscode.file-open.backup-saved": "Sikkerhedskopi gemt",
+	"vscode.file-open.desc": "Denne fil blev oprettet med en tidligere version af tldraw. Vil du opdatere filen så den virker med den nye version?",
+	"vscode.file-open.dont-show-again": "Spørg ikke igen",
+	"vscode.file-open.open": "Fortsæt"
+}
diff --git a/web/hermes-dist/translations/de.json b/web/hermes-dist/translations/de.json
new file mode 100644
index 0000000..f42279c
--- /dev/null
+++ b/web/hermes-dist/translations/de.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "Formstile anpassen",
+	"a11y.enlarge-shape": "Form vergrößern",
+	"a11y.enter-leave-container": "Container betreten/verlassen",
+	"a11y.move-shape": "Form verschieben",
+	"a11y.move-shape-faster": "Form schneller bewegen",
+	"a11y.multiple-shapes": "{num} Formen ausgewählt",
+	"a11y.open-context-menu": "Kontextmenü öffnen",
+	"a11y.open-keyboard-shortcuts": "Tastaturkürzel öffnen",
+	"a11y.pan-camera": "Kamera schwenken",
+	"a11y.repeat-shape": "Form wiederholen",
+	"a11y.rotate-shape-ccw": "Form gegen den Uhrzeigersinn drehen",
+	"a11y.rotate-shape-ccw-fine": "Form gegen den Uhrzeigersinn drehen (fein)",
+	"a11y.rotate-shape-cw": "Form im Uhrzeigersinn drehen",
+	"a11y.rotate-shape-cw-fine": "Form im Uhrzeigersinn drehen (fein)",
+	"a11y.select-shape": "Nächste Form auswählen",
+	"a11y.select-shape-direction": "Form in Richtung auswählen",
+	"a11y.shape-image": "Bild",
+	"a11y.shape-index": "{num} von {total}",
+	"a11y.shape-video": "Video",
+	"a11y.shrink-shape": "Form verkleinern",
+	"a11y.skip-to-main-content": "Fokus auf die Leinwand verschieben",
+	"a11y.status": "Status",
+	"action.align-bottom": "Unten ausrichten",
+	"action.align-center-horizontal": "Horizontal ausrichten",
+	"action.align-center-horizontal.short": "Horizontal ausrichten",
+	"action.align-center-vertical": "Vertikal ausrichten",
+	"action.align-center-vertical.short": "Vertikal ausrichten",
+	"action.align-left": "Links ausrichten",
+	"action.align-right": "Rechts ausrichten",
+	"action.align-top": "Oben ausrichten",
+	"action.back-to-content": "Zurück zum Inhalt",
+	"action.bring-forward": "Vorziehen",
+	"action.bring-to-front": "Nach vorne bringen",
+	"action.convert-to-bookmark": "In Lesezeichen umwandeln",
+	"action.convert-to-embed": "In Einbettung umwandeln",
+	"action.copy": "Kopieren",
+	"action.copy-as-json": "Als JSON kopieren",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "Als PNG kopieren",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "Als SVG kopieren",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "Ausschneiden",
+	"action.delete": "Löschen",
+	"action.distribute-horizontal": "Horizontal verteilen",
+	"action.distribute-horizontal.short": "Horizontal verteilen",
+	"action.distribute-vertical": "Vertikal verteilen",
+	"action.distribute-vertical.short": "Vertikal verteilen",
+	"action.download-original": "Original herunterladen",
+	"action.duplicate": "Duplizieren",
+	"action.edit-link": "Link bearbeiten",
+	"action.enhanced-a11y-mode": "Erweiterten Zugänglichkeitsmodus umschalten",
+	"action.enhanced-a11y-mode.menu": "Erweiterter Zugänglichkeitsmodus",
+	"action.exit-pen-mode": "Stiftmodus beenden",
+	"action.export-all-as-png": "Alle als PNG exportieren",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "Alle als SVG exportieren",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "Als PNG exportieren",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "Exportieren als SVG",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "Dem Inhalt anpassen",
+	"action.flatten-to-image": "Glätten",
+	"action.flip-horizontal": "Horizontal flippen",
+	"action.flip-horizontal.short": "Horizontal flippen",
+	"action.flip-vertical": "Vertikal flippen",
+	"action.flip-vertical.short": "Vertikal flippen",
+	"action.fork-project": "Dieses Projekt kopieren",
+	"action.fork-project-on-tldraw": "Projekt auf tldraw kopieren",
+	"action.group": "Gruppe",
+	"action.insert-embed": "Einbettung einfügen",
+	"action.insert-media": "Medien hochladen",
+	"action.leave-shared-project": "Gemeinsames Projekt verlassen",
+	"action.new-project": "Neues Projekt",
+	"action.new-shared-project": "Neues gemeinsames Projekt",
+	"action.open-cursor-chat": "Cursor-Chat",
+	"action.open-embed-link": "Link öffnen",
+	"action.open-file": "Datei öffnen",
+	"action.open-kbd-shortcuts": "Tastaturkürzel öffnen",
+	"action.pack": "Kompakt anordnen",
+	"action.paste": "Einfügen",
+	"action.paste-error-description": "Einfügen nicht möglich, da keine Berechtigungen für die Zwischenablage vorliegen. Bitte aktivieren Sie die Berechtigungen und versuchen Sie es erneut.",
+	"action.paste-error-title": "Einfügen fehlgeschlagen",
+	"action.print": "Drucken",
+	"action.redo": "Wiederholen",
+	"action.remove-frame": "Rahmen entfernen",
+	"action.rename": "Umbenennen",
+	"action.rotate-ccw": "Drehen gegen den Uhrzeigersinn",
+	"action.rotate-cw": "Drehen im Uhrzeigersinn",
+	"action.save-copy": "Eine Kopie speichern",
+	"action.select-all": "Alle auswählen",
+	"action.select-none": "Keine auswählen",
+	"action.select-zoom-tool": "Zoom",
+	"action.send-backward": "Rückwärts senden",
+	"action.send-to-back": "Zurücksenden",
+	"action.share-project": "Dieses Projekt teilen",
+	"action.stack-horizontal": "Horizontal stapeln",
+	"action.stack-horizontal.short": "Horizontal stapeln",
+	"action.stack-vertical": "Vertikal stapeln",
+	"action.stack-vertical.short": "Vertikal stapeln",
+	"action.stop-following": "Nicht mehr folgen",
+	"action.stretch-horizontal": "Horizontal auseinanderziehen",
+	"action.stretch-horizontal.short": "Horizontal auseinanderziehen",
+	"action.stretch-vertical": "Vertikal auseinanderziehen",
+	"action.stretch-vertical.short": "Vertikal auseinanderziehen",
+	"action.toggle-auto-none": "Automatisch",
+	"action.toggle-auto-pan": "Automatisch (Trackpad)",
+	"action.toggle-auto-size": "Automatische Größe umschalten",
+	"action.toggle-auto-zoom": "Automatisch (Maus)",
+	"action.toggle-dark-mode": "Dunkelmodus umschalten",
+	"action.toggle-dark-mode.menu": "Dunkelmodus",
+	"action.toggle-debug-mode": "Debug-Modus umschalten",
+	"action.toggle-debug-mode.menu": "Debug-Modus",
+	"action.toggle-dynamic-size-mode": "Schalter – Dynamische Größe",
+	"action.toggle-dynamic-size-mode.menu": "Dynamische Größe",
+	"action.toggle-edge-scrolling": "Schalter – Seitenscrollen",
+	"action.toggle-edge-scrolling.menu": "Seitenscrollen",
+	"action.toggle-focus-mode": "Fokus-Modus umschalten",
+	"action.toggle-focus-mode.menu": "Fokus-Modus",
+	"action.toggle-grid": "Gitter umschalten",
+	"action.toggle-grid.menu": "Gitter anzeigen",
+	"action.toggle-invert-zoom": "Mauszoom-Umkehrung umschalten",
+	"action.toggle-invert-zoom.menu": "Mauszoom umkehren",
+	"action.toggle-keyboard-shortcuts": "Tastaturkürzel umschalten",
+	"action.toggle-keyboard-shortcuts.menu": "Tastaturkürzel",
+	"action.toggle-lock": "Sperren / Entsperren",
+	"action.toggle-mouse": "Maus",
+	"action.toggle-paste-at-cursor": "Schalter – Einfügen an Cursorposition",
+	"action.toggle-paste-at-cursor.menu": "Einfügen an Cursorposition",
+	"action.toggle-reduce-motion": "Bewegung reduzieren ein / aus",
+	"action.toggle-reduce-motion.menu": "Bewegung reduzieren ",
+	"action.toggle-snap-mode": "Immer einrasten umschalten",
+	"action.toggle-snap-mode.menu": "Immer an anderen Elementen ausrichten",
+	"action.toggle-tool-lock": "Tool-Sperre umschalten",
+	"action.toggle-tool-lock.menu": "Tool-Sperre",
+	"action.toggle-trackpad": "Trackpad",
+	"action.toggle-transparent": "Transparenten Hintergrund ein- und ausschalten",
+	"action.toggle-transparent.context-menu": "Transparent",
+	"action.toggle-transparent.menu": "Transparent",
+	"action.toggle-wrap-mode": "Schalter – Beim Umbruch auswählen",
+	"action.toggle-wrap-mode.menu": "Beim Umbruch auswählen",
+	"action.undo": "Rückgängig",
+	"action.ungroup": "Gruppierung auflösen",
+	"action.unlock-all": "Alle entsperren",
+	"action.zoom-in": "Vergrößern",
+	"action.zoom-out": "Verkleinern",
+	"action.zoom-quick": "Schnellzoom",
+	"action.zoom-to-100": "Auf 100 % zoomen",
+	"action.zoom-to-fit": "Zoom auf Inhalt anpassen",
+	"action.zoom-to-selection": "Zoom auf Auswahl",
+	"actions-menu.title": "Aktionen",
+	"align-style.end": "Ende",
+	"align-style.justify": "Blocksatz",
+	"align-style.middle": "Mitte",
+	"align-style.start": "Start",
+	"app.loading": "tldraw wird geladen ...",
+	"arrow-kind-style.arc": "Bogen",
+	"arrow-kind-style.elbow": "Ellbogen",
+	"arrowheadEnd-style.arrow": "Pfeil",
+	"arrowheadEnd-style.bar": "Leiste",
+	"arrowheadEnd-style.diamond": "Raute",
+	"arrowheadEnd-style.dot": "Punkt",
+	"arrowheadEnd-style.inverted": "Umgekehrt",
+	"arrowheadEnd-style.none": "Keine",
+	"arrowheadEnd-style.pipe": "Rohr",
+	"arrowheadEnd-style.square": "Quadrat",
+	"arrowheadEnd-style.triangle": "Dreieck",
+	"arrowheadStart-style.arrow": "Pfeil",
+	"arrowheadStart-style.bar": "Leiste",
+	"arrowheadStart-style.diamond": "Raute",
+	"arrowheadStart-style.dot": "Punkt",
+	"arrowheadStart-style.inverted": "Umgekehrt",
+	"arrowheadStart-style.none": "Keine",
+	"arrowheadStart-style.pipe": "Rohr",
+	"arrowheadStart-style.square": "Quadrat",
+	"arrowheadStart-style.triangle": "Dreieck",
+	"assets.files.amount-too-many": "Zu viele Dateien",
+	"assets.files.maximum-size": "Maximale Dateigröße beträgt {size}",
+	"assets.files.size-too-big": "Dateigröße zu groß",
+	"assets.files.type-not-allowed": "Dateityp ist nicht erlaubt",
+	"assets.files.upload-failed": "Upload fehlgeschlagen",
+	"assets.url.failed": "URL-Vorschau konnte nicht geladen werden",
+	"color-style.black": "Schwarz",
+	"color-style.blue": "Blau",
+	"color-style.green": "Grün",
+	"color-style.grey": "Grau",
+	"color-style.light-blue": "Hellblau",
+	"color-style.light-green": "Hellgrün",
+	"color-style.light-red": "Hellrot",
+	"color-style.light-violet": "Hellviolett",
+	"color-style.orange": "Orange",
+	"color-style.red": "Rot",
+	"color-style.violet": "Lila",
+	"color-style.white": "Weiß",
+	"color-style.yellow": "Gelb",
+	"context-menu.arrange": "Anordnen",
+	"context-menu.copy-as": "Kopieren als",
+	"context-menu.edit": "Bearbeiten",
+	"context-menu.export-all-as": "Alle exportieren als",
+	"context-menu.export-as": "Exportieren als",
+	"context-menu.move-to-page": "Weiter zur Seite",
+	"context-menu.reorder": "Neu anordnen",
+	"context-menu.title": "Kontextmenü",
+	"context.pages.new-page": "Neue Seite",
+	"cursor-chat.type-to-chat": "Tippen, um zu chatten...",
+	"dash-style.dashed": "Gestrichelt",
+	"dash-style.dotted": "Gepunkted",
+	"dash-style.draw": "Zeichnen",
+	"dash-style.solid": "Solide",
+	"document-name-menu.copy-link": "Link kopieren",
+	"document.default-name": "Ohne Titel",
+	"edit-link-dialog.cancel": "Abbrechen",
+	"edit-link-dialog.clear": "Löschen",
+	"edit-link-dialog.detail": "Die Links werden in einer neuen Registerkarte geöffnet.",
+	"edit-link-dialog.external-link": "Externer Link",
+	"edit-link-dialog.invalid-url": "Ein Link muss eine gültige URL sein.",
+	"edit-link-dialog.save": "Weiter",
+	"edit-link-dialog.title": "Link bearbeiten",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "Zurück",
+	"embed-dialog.cancel": "Abbrechen",
+	"embed-dialog.create": "Erstellen",
+	"embed-dialog.instruction": "Fügen Sie die URL der Website ein, um die Einbettung einzufügen.",
+	"embed-dialog.invalid-url": "Wir konnten keine Einbettung von dieser URL erstellen.",
+	"embed-dialog.title": "Einbettung erstellen",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "Abbrechen",
+	"file-system.confirm-clear.continue": "Weiter",
+	"file-system.confirm-clear.description": "Wenn Sie ein neues Projekt erstellen, wird Ihr aktuelles Projekt gelöscht und alle nicht gespeicherten Änderungen gehen verloren. Möchten Sie wirklich fortfahren?",
+	"file-system.confirm-clear.dont-show-again": "Nicht erneut fragen",
+	"file-system.confirm-clear.title": "Aktuelles Projekt löschen?",
+	"file-system.confirm-open.cancel": "Abbrechen",
+	"file-system.confirm-open.description": "Wenn Sie eine Datei öffnen, wird Ihr aktuelles Projekt ersetzt und alle nicht gespeicherten Änderungen gehen verloren. Sind Sie sicher, dass Sie fortfahren möchten?",
+	"file-system.confirm-open.dont-show-again": "Nicht nochmal fragen",
+	"file-system.confirm-open.open": "Datei öffnen",
+	"file-system.confirm-open.title": "Aktuelles Projekt überschreiben?",
+	"file-system.file-open-error.file-format-version-too-new": "Die Datei, die Sie zu öffnen versucht haben, ist von einer neueren Version von tldraw. Bitte laden Sie die Seite neu und versuchen Sie es erneut.",
+	"file-system.file-open-error.generic-corrupted-file": "Die Datei, die Sie zu öffnen versucht haben, ist beschädigt.",
+	"file-system.file-open-error.not-a-tldraw-file": "Die Datei, die Sie zu öffnen versucht haben, sieht nicht wie eine tldraw-Datei aus.",
+	"file-system.file-open-error.title": "Datei konnte nicht geöffnet werden",
+	"file-system.shared-document-file-open-error.description": "Das Öffnen von Dateien aus gemeinsamen Projekten wird nicht unterstützt.",
+	"file-system.shared-document-file-open-error.title": "Konnte die Datei nicht öffnen",
+	"fill-style.fill": "Ausfüllen",
+	"fill-style.lined-fill": "Linierte Füllung",
+	"fill-style.none": "Keine",
+	"fill-style.pattern": "Muster",
+	"fill-style.semi": "Semi",
+	"fill-style.solid": "Solide",
+	"focus-mode.toggle-focus-mode": "Fokus-Modus umschalten",
+	"font-style.draw": "Zeichnen",
+	"font-style.mono": "Mono",
+	"font-style.sans": "Sans",
+	"font-style.serif": "Serif",
+	"geo-style.arrow-down": "Pfeil nach unten",
+	"geo-style.arrow-left": "Pfeil nach links",
+	"geo-style.arrow-right": "Pfeil nach rechts",
+	"geo-style.arrow-up": "Pfeil nach oben",
+	"geo-style.check-box": "Haken Box",
+	"geo-style.cloud": "Wolke",
+	"geo-style.diamond": "Raute",
+	"geo-style.ellipse": "Ellipse",
+	"geo-style.heart": "Herz",
+	"geo-style.hexagon": "Sechseck",
+	"geo-style.octagon": "Achteck",
+	"geo-style.oval": "Oval",
+	"geo-style.pentagon": "Fünfeck",
+	"geo-style.rectangle": "Rechteck",
+	"geo-style.rhombus": "Rhombus",
+	"geo-style.rhombus-2": "Rhombus links",
+	"geo-style.star": "Stern",
+	"geo-style.trapezoid": "Trapez",
+	"geo-style.triangle": "Dreieck",
+	"geo-style.x-box": "X Box",
+	"handle.crop.bottom": "Unten zuschneiden",
+	"handle.crop.bottom-left": "Unten links zuschneiden",
+	"handle.crop.bottom-right": "Unten rechts zuschneiden",
+	"handle.crop.left": "Links zuschneiden",
+	"handle.crop.right": "Rechts zuschneiden",
+	"handle.crop.top": "Oben zuschneiden",
+	"handle.crop.top-left": "Oben links zuschneiden",
+	"handle.crop.top-right": "Oben rechts zuschneiden",
+	"handle.resize-bottom": "Größe unten ändern",
+	"handle.resize-bottom-left": "Größe unten links ändern",
+	"handle.resize-bottom-right": "Größe unten rechts ändern",
+	"handle.resize-left": "Größe links ändern",
+	"handle.resize-right": "Größe rechts ändern",
+	"handle.resize-top": "Größe oben ändern",
+	"handle.resize-top-left": "Größe oben links ändern",
+	"handle.resize-top-right": "Größe oben rechts ändern",
+	"handle.rotate.bottom_left_rotate": "Unten links drehen",
+	"handle.rotate.bottom_right_rotate": "Unten rechts drehen",
+	"handle.rotate.mobile_rotate": "Drehen",
+	"handle.rotate.top_left_rotate": "Oben links drehen",
+	"handle.rotate.top_right_rotate": "Oben rechts drehen",
+	"help-menu.about": "Über",
+	"help-menu.discord": "Discord",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "Datei importieren …",
+	"help-menu.keyboard-shortcuts": "Tastaturkürzel",
+	"help-menu.privacy": "Datenschutzrichtlinie",
+	"help-menu.terms": "Nutzungsbedingungen",
+	"help-menu.title": "Hilfe und Ressourcen",
+	"help-menu.twitter": "Twitter",
+	"menu.accessibility": "Zugänglichkeit",
+	"menu.color-theme": "Farbthema",
+	"menu.copy-as": "Kopieren als",
+	"menu.edit": "Bearbeiten",
+	"menu.export-as": "Exportieren als",
+	"menu.file": "Datei",
+	"menu.input-device": "Eingabegerät",
+	"menu.language": "Sprache",
+	"menu.preferences": "Einstellungen",
+	"menu.theme": "Design",
+	"menu.title": "Menü",
+	"menu.view": "Anzeigen",
+	"navigation-zone.minimap": "Minimap",
+	"navigation-zone.title": "Navigation",
+	"navigation-zone.toggle-minimap": "Minimap ein- und ausblenden",
+	"navigation-zone.zoom": "Zoomen",
+	"opacity-style.0.1": "10 %",
+	"opacity-style.0.25": "25 %",
+	"opacity-style.0.5": "50 %",
+	"opacity-style.0.75": "75 %",
+	"opacity-style.1": "100 %",
+	"page-menu.create-new-page": "Neue Seite erstellen",
+	"page-menu.edit-done": "Fertig",
+	"page-menu.edit-start": "Bearbeiten",
+	"page-menu.go-to-page": "Gehe zu Seite",
+	"page-menu.new-page-initial-name": "Seite 1",
+	"page-menu.submenu.delete": "Löschen",
+	"page-menu.submenu.duplicate-page": "Duplizieren",
+	"page-menu.submenu.move-down": "Nach unten",
+	"page-menu.submenu.move-up": "Nach oben",
+	"page-menu.submenu.rename": "Umbenennen",
+	"page-menu.submenu.title": "Menü",
+	"page-menu.title": "Seiten",
+	"people-menu.anonymous-user": "Neuer Benutzer",
+	"people-menu.avatar-color": "Avatarfarbe",
+	"people-menu.change-color": "Farbe ändern",
+	"people-menu.change-name": "Name ändern",
+	"people-menu.follow": "Folgen",
+	"people-menu.following": "Gefolgt",
+	"people-menu.invite": "Andere einladen",
+	"people-menu.leading": "Folgt Ihnen",
+	"people-menu.title": "Leute",
+	"people-menu.user": "(Sie)",
+	"share-menu.copied": "Link kopiert!",
+	"share-menu.copy-link": "Link kopieren",
+	"share-menu.copy-link-note": "Jeder, der den Link hat, kann dieses Projekt ansehen und bearbeiten.",
+	"share-menu.copy-readonly-link": "Schreibgeschützten Link kopieren",
+	"share-menu.copy-readonly-link-note": "Jeder, der den Link hat, kann dieses Projekt sehen (aber nicht bearbeiten).",
+	"share-menu.create-snapshot-link": "Snapshot-Link erstellen",
+	"share-menu.creating-project": "Das neue Projekt wird erstellt …",
+	"share-menu.fork-note": "Erstellen Sie ein neues gemeinsames Projekt auf Grundlage dieses Snapshots.",
+	"share-menu.offline-note": "Wenn Sie dieses Projekt freigeben, wird eine gehostete Live-Kopie unter einer neuen URL erstellt. Sie können die URL mit bis zu dreißig anderen Personen teilen, um das Projekt gemeinsam anzuzeigen und zu bearbeiten.",
+	"share-menu.project-too-large": "Dieses Projekt kann leider nicht geteilt werden, da es zu groß ist. Wir arbeiten daran!",
+	"share-menu.save-note": "Laden Sie dieses Projekt als .tldr-Datei auf Ihren Computer herunter.",
+	"share-menu.share-project": "Dieses Projekt teilen",
+	"share-menu.snapshot-link-note": "Erfassen und teilen Sie dieses Projekt als schreibgeschützten Snapshot-Link.",
+	"share-menu.title": "Teilen",
+	"share-menu.upload-failed": "Ihr Projekt kann im Moment leider nicht hochgeladen werden. Versuchen Sie es bitte erneut oder lassen Sie es uns wissen, falls das Problem weiterhin besteht.",
+	"sharing.confirm-leave.cancel": "Abbrechen",
+	"sharing.confirm-leave.description": "Möchten Sie dieses gemeinsame Projekt wirklich verlassen? Über die URL können Sie jederzeit darauf zurückgreifen.",
+	"sharing.confirm-leave.dont-show-again": "Nicht erneut fragen",
+	"sharing.confirm-leave.leave": "Verlassen",
+	"sharing.confirm-leave.title": "Aktuelles Projekt verlassen?",
+	"shortcuts-dialog.a11y": "Zugänglichkeit",
+	"shortcuts-dialog.collaboration": "Zusammenarbeit",
+	"shortcuts-dialog.edit": "Bearbeiten",
+	"shortcuts-dialog.file": "Datei",
+	"shortcuts-dialog.preferences": "Einstellungen",
+	"shortcuts-dialog.text-formatting": "Textformatierung",
+	"shortcuts-dialog.title": "Tastaturkürzel",
+	"shortcuts-dialog.tools": "Tools",
+	"shortcuts-dialog.transform": "Transformieren",
+	"shortcuts-dialog.view": "Anzeigen",
+	"size-style.l": "Groß",
+	"size-style.m": "Mittel",
+	"size-style.s": "Klein",
+	"size-style.xl": "Extra groß",
+	"spline-style.cubic": "Kubisch",
+	"spline-style.line": "Linie",
+	"status.offline": "Offline",
+	"style-panel.align": "Ausrichten",
+	"style-panel.arrow-kind": "Linie",
+	"style-panel.arrowhead-end": "Ende",
+	"style-panel.arrowhead-start": "Anfang",
+	"style-panel.arrowheads": "Pfeilspitzen",
+	"style-panel.color": "Farbe",
+	"style-panel.dash": "Dash",
+	"style-panel.fill": "Füllen",
+	"style-panel.font": "Schriftart",
+	"style-panel.geo": "Form",
+	"style-panel.label-align": "Labelausrichtung",
+	"style-panel.mixed": "Gemischt",
+	"style-panel.opacity": "Deckkraft",
+	"style-panel.position": "Position",
+	"style-panel.selected": "ausgewählt",
+	"style-panel.size": "Größe",
+	"style-panel.spline": "Spline",
+	"style-panel.title": "Styles",
+	"style-panel.vertical-align": "Vertikale Ausrichtung",
+	"theme.dark": "Dunkel",
+	"theme.light": "Hell",
+	"theme.system": "System",
+	"toast.close": "Schließen",
+	"toast.error": "Fehler",
+	"toast.error.copy-fail.desc": "Bild kann nicht kopiert werden",
+	"toast.error.copy-fail.title": "Kopieren fehlgeschlagen",
+	"toast.error.export-fail.desc": "Bild kann nicht exportiert werden",
+	"toast.error.export-fail.title": "Exportieren fehlgeschlagen",
+	"toast.info": "Info",
+	"toast.success": "Es hat geklappt",
+	"toast.warning": "Warnung",
+	"tool-panel.more": "Mehr",
+	"tool-panel.title": "Tools",
+	"tool.arrow": "Pfeil",
+	"tool.arrow-down": "Pfeil nach unten",
+	"tool.arrow-left": "Pfeil nach links",
+	"tool.arrow-right": "Pfeil nach rechts",
+	"tool.arrow-up": "Pfeil nach oben",
+	"tool.aspect-ratio": "Seitenverhältnis",
+	"tool.aspect-ratio.circle": "Kreis (1:1)",
+	"tool.aspect-ratio.landscape": "Quer (4:3)",
+	"tool.aspect-ratio.original": "Original",
+	"tool.aspect-ratio.portrait": "Hoch (3:4)",
+	"tool.aspect-ratio.square": "Quadrat (1:1)",
+	"tool.aspect-ratio.wide": "Breit (16:9)",
+	"tool.bookmark": "Lesezeichen",
+	"tool.check-box": "Haken Box",
+	"tool.cloud": "Wolke",
+	"tool.diamond": "Raute",
+	"tool.draw": "Zeichnen",
+	"tool.ellipse": "Ellipse",
+	"tool.embed": "Einbetten",
+	"tool.eraser": "Radiergummi",
+	"tool.flip-horz": "Horizontal flippen",
+	"tool.flip-vert": "Vertikal flippen",
+	"tool.frame": "Rahmen",
+	"tool.hand": "Hand",
+	"tool.heart": "Herz",
+	"tool.hexagon": "Sechseck",
+	"tool.highlight": "Markieren",
+	"tool.image-crop": "Bild zuschneiden",
+	"tool.image-crop-confirm": "Bestätigen",
+	"tool.image-toolbar-title": "Bild-Tools",
+	"tool.image-zoom": "Zoomen",
+	"tool.laser": "Laser",
+	"tool.line": "Linie",
+	"tool.media": "Medien",
+	"tool.media-alt-text": "Alternativtext",
+	"tool.media-alt-text-confirm": "Bestätigen",
+	"tool.media-alt-text-desc": "Beschreibung angeben ...",
+	"tool.note": "Hinweis",
+	"tool.octagon": "Achteck",
+	"tool.oval": "Oval",
+	"tool.pentagon": "Fünfeck",
+	"tool.pointer-down": "Zeiger nach unten",
+	"tool.rectangle": "Rechteck",
+	"tool.replace-media": "Medien ersetzen",
+	"tool.rhombus": "Rhombus",
+	"tool.rich-text-bold": "Fett",
+	"tool.rich-text-bulletList": "Aufzählungsliste",
+	"tool.rich-text-code": "Code",
+	"tool.rich-text-header": "Kopfzeile",
+	"tool.rich-text-highlight": "Highlight",
+	"tool.rich-text-italic": "Kursiv",
+	"tool.rich-text-link": "Link",
+	"tool.rich-text-link-remove": "Link entfernen",
+	"tool.rich-text-link-visit": "Besuchen Sie den Link",
+	"tool.rich-text-orderedList": "Geordnete Liste",
+	"tool.rich-text-strikethrough": "Durchgestrichen",
+	"tool.rich-text-toolbar-title": "Textformatierung",
+	"tool.rotate-cw": "Drehen",
+	"tool.select": "Auswählen",
+	"tool.star": "Stern",
+	"tool.text": "Text",
+	"tool.trapezoid": "Trapez",
+	"tool.triangle": "Dreieck",
+	"tool.x-box": "X Box",
+	"ui.checked": "Angekreuzt",
+	"ui.close": "Schließen",
+	"ui.unchecked": "Nicht angekreuzt",
+	"verticalAlign-style.end": "Unten",
+	"verticalAlign-style.middle": "Mitte",
+	"verticalAlign-style.start": "Oben",
+	"vscode.file-open.backup": "Backup",
+	"vscode.file-open.backup-failed": "Backup fehlgeschlagen: Dies ist keine .tldr-Datei.",
+	"vscode.file-open.backup-saved": "Backup gespeichert",
+	"vscode.file-open.desc": "Diese Datei wurde mit einer früheren Version von tldraw erstellt. Möchten Sie sie aktualisieren, damit sie auch mit der neuen Version funktioniert?",
+	"vscode.file-open.dont-show-again": "Nicht erneut fragen",
+	"vscode.file-open.open": "Weiter"
+}
diff --git a/web/hermes-dist/translations/el.json b/web/hermes-dist/translations/el.json
new file mode 100644
index 0000000..d67eb11
--- /dev/null
+++ b/web/hermes-dist/translations/el.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "Προσαρμογή στυλ σχήματος",
+	"a11y.enlarge-shape": "Μεγέθυνση σχήματος",
+	"a11y.enter-leave-container": "Είσοδος/έξοδος από το κοντέινερ",
+	"a11y.move-shape": "Μετακίνηση σχήματος",
+	"a11y.move-shape-faster": "Μετακινήστε το σχήμα πιο γρήγορα",
+	"a11y.multiple-shapes": "Επιλέχθηκαν {num} σχήματα",
+	"a11y.open-context-menu": "Άνοιγμα μενού περιβάλλοντος",
+	"a11y.open-keyboard-shortcuts": "Άνοιγμα συντομεύσεων πληκτρολογίου",
+	"a11y.pan-camera": "Κάμερα πανοραμικής λήψης",
+	"a11y.repeat-shape": "Επανάληψη σχήματος",
+	"a11y.rotate-shape-ccw": "Περιστροφή σχήματος αριστερόστροφα",
+	"a11y.rotate-shape-ccw-fine": "Περιστροφή σχήματος αριστερόστροφα (λεπτή)",
+	"a11y.rotate-shape-cw": "Περιστροφή σχήματος δεξιόστροφα",
+	"a11y.rotate-shape-cw-fine": "Περιστροφή σχήματος δεξιόστροφα (λεπτή)",
+	"a11y.select-shape": "Επιλογή επόμενου σχήματος",
+	"a11y.select-shape-direction": "Επιλέξτε σχήμα προς την κατεύθυνση",
+	"a11y.shape-image": "Εικών",
+	"a11y.shape-index": "{num} από {total}",
+	"a11y.shape-video": "Βίντεο",
+	"a11y.shrink-shape": "Συρρίκνωση σχήματος",
+	"a11y.skip-to-main-content": "Μετακινήστε την εστίαση στον καμβά",
+	"a11y.status": "Κατάσταση",
+	"action.align-bottom": "Ευθυγραμμίστε το κάτω μέρος",
+	"action.align-center-horizontal": "Ευθυγραμμίστε οριζόντια",
+	"action.align-center-horizontal.short": "Ευθυγράμμιση H",
+	"action.align-center-vertical": "Ευθυγραμμίστε κάθετα",
+	"action.align-center-vertical.short": "Ευθυγράμμιση V",
+	"action.align-left": "Ευθυγράμμιση αριστερά",
+	"action.align-right": "Στοίχιση δεξιά",
+	"action.align-top": "Ευθυγραμμίστε την κορυφή",
+	"action.back-to-content": "Επιστροφή στο περιεχόμενο",
+	"action.bring-forward": "Θέτω",
+	"action.bring-to-front": "Φέρτε μπροστά",
+	"action.convert-to-bookmark": "Μετατροπή σε σελιδοδείκτη",
+	"action.convert-to-embed": "Μετατροπή σε Ενσωμάτωση",
+	"action.copy": "Αντίγραφο",
+	"action.copy-as-json": "Αντιγραφή ως JSON",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "Αντιγραφή ως PNG",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "Αντιγραφή ως SVG",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "Τομή",
+	"action.delete": "Διαγράφω",
+	"action.distribute-horizontal": "Διανείμετε οριζόντια",
+	"action.distribute-horizontal.short": "Διανείμετε το H",
+	"action.distribute-vertical": "Διανείμετε κάθετα",
+	"action.distribute-vertical.short": "Διανομή V",
+	"action.download-original": "Λήψη πρωτοτύπου",
+	"action.duplicate": "Αντίγραφο",
+	"action.edit-link": "Επεξεργασία συνδέσμου",
+	"action.enhanced-a11y-mode": "Ενεργοποίηση/απενεργοποίηση λειτουργίας βελτιωμένης προσβασιμότητας",
+	"action.enhanced-a11y-mode.menu": "Βελτιωμένη λειτουργία προσβασιμότητας",
+	"action.exit-pen-mode": "Έξοδος από τη λειτουργία στυλό",
+	"action.export-all-as-png": "Εξαγωγή όλων ως PNG",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "Εξαγωγή όλων ως SVG",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "Εξαγωγή ως PNG",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "Εξαγωγή ως SVG",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "Ταιριάζει στο περιεχόμενο",
+	"action.flatten-to-image": "Ισοπεδώνω",
+	"action.flip-horizontal": "Γυρίστε οριζόντια",
+	"action.flip-horizontal.short": "Flip H",
+	"action.flip-vertical": "Γυρίστε κάθετα",
+	"action.flip-vertical.short": "Αναστροφή V",
+	"action.fork-project": "Περάστε αυτό το έργο",
+	"action.fork-project-on-tldraw": "Έργο Fork στο tldraw",
+	"action.group": "Ομάδα",
+	"action.insert-embed": "Εισαγωγή ενσωμάτωσης",
+	"action.insert-media": "Μεταφόρτωση πολυμέσων",
+	"action.leave-shared-project": "Αποχώρηση από κοινόχρηστο έργο",
+	"action.new-project": "Νέο έργο",
+	"action.new-shared-project": "Νέο κοινό έργο",
+	"action.open-cursor-chat": "Συνομιλία δρομέα",
+	"action.open-embed-link": "Άνοιγμα συνδέσμου",
+	"action.open-file": "Άνοιγμα αρχείου",
+	"action.open-kbd-shortcuts": "Άνοιγμα συντομεύσεων πληκτρολογίου",
+	"action.pack": "Πακέτο",
+	"action.paste": "Πάστα",
+	"action.paste-error-description": "Δεν ήταν δυνατή η επικόλληση λόγω έλλειψης αδειών για το πρόχειρο. Ενεργοποιήστε τα δικαιώματα και δοκιμάστε ξανά.",
+	"action.paste-error-title": "Η επικόλληση απέτυχε",
+	"action.print": "Αποτύπωμα",
+	"action.redo": "Ξανακάνω",
+	"action.remove-frame": "Αφαιρέστε το πλαίσιο",
+	"action.rename": "Μετονομάζω",
+	"action.rotate-ccw": "Περιστρέψτε αριστερόστροφα",
+	"action.rotate-cw": "Περιστρέψτε δεξιόστροφα",
+	"action.save-copy": "Αποθηκεύστε ένα αντίγραφο",
+	"action.select-all": "Επιλέξτε όλα",
+	"action.select-none": "Επιλέξτε κανένα",
+	"action.select-zoom-tool": "Ζουμ",
+	"action.send-backward": "Αποστολή προς τα πίσω",
+	"action.send-to-back": "Αποστολή στην πλάτη",
+	"action.share-project": "Μοιραστείτε αυτό το έργο",
+	"action.stack-horizontal": "Στοιβάξτε οριζόντια",
+	"action.stack-horizontal.short": "Στοίβα Η",
+	"action.stack-vertical": "Στοίβαξη κάθετα",
+	"action.stack-vertical.short": "Στοίβα V",
+	"action.stop-following": "Σταματήστε να ακολουθείτε",
+	"action.stretch-horizontal": "Τεντώστε οριζόντια",
+	"action.stretch-horizontal.short": "Stretch H",
+	"action.stretch-vertical": "Τεντώστε κάθετα",
+	"action.stretch-vertical.short": "Stretch V",
+	"action.toggle-auto-none": "Αυτο",
+	"action.toggle-auto-pan": "Αυτόματο (trackpad)",
+	"action.toggle-auto-size": "Εναλλαγή αυτόματου μεγέθους",
+	"action.toggle-auto-zoom": "Αυτόματο (ποντίκι)",
+	"action.toggle-dark-mode": "Εναλλαγή σκοτεινής λειτουργίας",
+	"action.toggle-dark-mode.menu": "Σκοτεινή λειτουργία",
+	"action.toggle-debug-mode": "Εναλλαγή λειτουργίας εντοπισμού σφαλμάτων",
+	"action.toggle-debug-mode.menu": "Λειτουργία εντοπισμού σφαλμάτων",
+	"action.toggle-dynamic-size-mode": "Εναλλαγή δυναμικού μεγέθους",
+	"action.toggle-dynamic-size-mode.menu": "Δυναμικό μέγεθος",
+	"action.toggle-edge-scrolling": "Εναλλαγή κύλισης άκρων",
+	"action.toggle-edge-scrolling.menu": "Κύλιση άκρων",
+	"action.toggle-focus-mode": "Εναλλαγή λειτουργίας εστίασης",
+	"action.toggle-focus-mode.menu": "Λειτουργία εστίασης",
+	"action.toggle-grid": "Εναλλαγή πλέγματος",
+	"action.toggle-grid.menu": "Εμφάνιση πλέγματος",
+	"action.toggle-invert-zoom": "Εναλλαγή αντιστροφής ζουμ ποντικιού",
+	"action.toggle-invert-zoom.menu": "Αντιστροφή ζουμ ποντικιού",
+	"action.toggle-keyboard-shortcuts": "Εναλλαγή συντομεύσεων πληκτρολογίου",
+	"action.toggle-keyboard-shortcuts.menu": "Ενεργοποίηση συντομεύσεων πληκτρολογίου",
+	"action.toggle-lock": "Κλείδωμα / Ξεκλείδωμα",
+	"action.toggle-mouse": "Ποντίκι",
+	"action.toggle-paste-at-cursor": "Εναλλαγή επικόλλησης στον κέρσορα",
+	"action.toggle-paste-at-cursor.menu": "Επικόλληση στον κέρσορα",
+	"action.toggle-reduce-motion": "Εναλλαγή μείωσης της κίνησης",
+	"action.toggle-reduce-motion.menu": "Μειώστε την κίνηση",
+	"action.toggle-snap-mode": "Εναλλαγή πάντα κουμπώματος",
+	"action.toggle-snap-mode.menu": "Πάντα κουμπώνει",
+	"action.toggle-tool-lock": "Εναλλαγή κλειδώματος εργαλείου",
+	"action.toggle-tool-lock.menu": "Κλείδωμα εργαλείου",
+	"action.toggle-trackpad": "Trackpad",
+	"action.toggle-transparent": "Εναλλαγή διαφανούς φόντου",
+	"action.toggle-transparent.context-menu": "Διαφανής",
+	"action.toggle-transparent.menu": "Διαφανής",
+	"action.toggle-wrap-mode": "Εναλλαγή επιλογής στο περιτύλιγμα",
+	"action.toggle-wrap-mode.menu": "Επιλέξτε στο περιτύλιγμα",
+	"action.undo": "Ξεκάνω",
+	"action.ungroup": "Κατάργηση ομαδοποίησης",
+	"action.unlock-all": "Ξεκλειδώστε όλα",
+	"action.zoom-in": "Μεγέθυνση",
+	"action.zoom-out": "Σμίκρυνση",
+	"action.zoom-quick": "Γρήγορο ζουμ",
+	"action.zoom-to-100": "Ζουμ στο 100%",
+	"action.zoom-to-fit": "Ζουμ για να ταιριάζει",
+	"action.zoom-to-selection": "Ζουμ στην επιλογή",
+	"actions-menu.title": "Δράσεις",
+	"align-style.end": "Τέλος",
+	"align-style.justify": "Δικαιολογώ",
+	"align-style.middle": "Μέσο",
+	"align-style.start": "Αρχή",
+	"app.loading": "Φόρτωση tldraw…",
+	"arrow-kind-style.arc": "Τόξο",
+	"arrow-kind-style.elbow": "Αγκώνας",
+	"arrowheadEnd-style.arrow": "Βέλος",
+	"arrowheadEnd-style.bar": "Μπαρ",
+	"arrowheadEnd-style.diamond": "Διαμάντι",
+	"arrowheadEnd-style.dot": "Τελεία",
+	"arrowheadEnd-style.inverted": "Αντεστραμμένο",
+	"arrowheadEnd-style.none": "Κανένας",
+	"arrowheadEnd-style.pipe": "Σωλήνας",
+	"arrowheadEnd-style.square": "Πλατεία",
+	"arrowheadEnd-style.triangle": "Τρίγωνο",
+	"arrowheadStart-style.arrow": "Βέλος",
+	"arrowheadStart-style.bar": "Μπαρ",
+	"arrowheadStart-style.diamond": "Διαμάντι",
+	"arrowheadStart-style.dot": "Τελεία",
+	"arrowheadStart-style.inverted": "Αντεστραμμένο",
+	"arrowheadStart-style.none": "Κανένας",
+	"arrowheadStart-style.pipe": "Σωλήνας",
+	"arrowheadStart-style.square": "Πλατεία",
+	"arrowheadStart-style.triangle": "Τρίγωνο",
+	"assets.files.amount-too-many": "Πάρα πολλά αρχεία",
+	"assets.files.maximum-size": "Το μέγιστο μέγεθος αρχείου είναι {size}",
+	"assets.files.size-too-big": "Το μέγεθος του αρχείου είναι πολύ μεγάλο",
+	"assets.files.type-not-allowed": "Ο τύπος αρχείου δεν επιτρέπεται",
+	"assets.files.upload-failed": "Η μεταφόρτωση απέτυχε",
+	"assets.url.failed": "Δεν ήταν δυνατή η φόρτωση της προεπισκόπησης διεύθυνσης URL",
+	"color-style.black": "Μαύρος",
+	"color-style.blue": "Μπλε",
+	"color-style.green": "Πράσινος",
+	"color-style.grey": "Γκρί",
+	"color-style.light-blue": "Ανοιχτό μπλε",
+	"color-style.light-green": "Ανοιχτό πράσινο",
+	"color-style.light-red": "Ανοιχτό κόκκινο",
+	"color-style.light-violet": "Ανοιχτό βιολετί",
+	"color-style.orange": "Πορτοκάλι",
+	"color-style.red": "Κόκκινος",
+	"color-style.violet": "Βιολέτα",
+	"color-style.white": "Λευκό",
+	"color-style.yellow": "Κίτρινος",
+	"context-menu.arrange": "Κανονίζω",
+	"context-menu.copy-as": "Αντιγραφή ως",
+	"context-menu.edit": "Εκδίδω",
+	"context-menu.export-all-as": "Εξαγωγή όλων ως",
+	"context-menu.export-as": "Εξαγωγή ως",
+	"context-menu.move-to-page": "Μετακίνηση στη σελίδα",
+	"context-menu.reorder": "Παραγγέλλω πάλι",
+	"context-menu.title": "Μενού περιβάλλοντος",
+	"context.pages.new-page": "Νέα σελίδα",
+	"cursor-chat.type-to-chat": "Πληκτρολογήστε για συνομιλία...",
+	"dash-style.dashed": "Διακεκομμένη",
+	"dash-style.dotted": "Διάσπαρτος",
+	"dash-style.draw": "Ισοπαλία",
+	"dash-style.solid": "Στερεός",
+	"document-name-menu.copy-link": "Αντιγραφή συνδέσμου",
+	"document.default-name": "Χωρίς τίτλο",
+	"edit-link-dialog.cancel": "Ματαίωση",
+	"edit-link-dialog.clear": "Σαφής",
+	"edit-link-dialog.detail": "Οι σύνδεσμοι θα ανοίξουν σε νέα καρτέλα.",
+	"edit-link-dialog.external-link": "Εξωτερικός σύνδεσμος",
+	"edit-link-dialog.invalid-url": "Ένας σύνδεσμος πρέπει να είναι έγκυρη διεύθυνση URL.",
+	"edit-link-dialog.save": "Συνεχίζω",
+	"edit-link-dialog.title": "Επεξεργασία συνδέσμου",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "Πίσω",
+	"embed-dialog.cancel": "Ματαίωση",
+	"embed-dialog.create": "Δημιουργώ",
+	"embed-dialog.instruction": "Επικολλήστε τη διεύθυνση URL του ιστότοπου για να δημιουργήσετε την ενσωμάτωση.",
+	"embed-dialog.invalid-url": "Δεν μπορέσαμε να δημιουργήσουμε μια ενσωμάτωση από αυτήν τη διεύθυνση URL.",
+	"embed-dialog.title": "Δημιουργία ενσωμάτωσης",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "Ματαίωση",
+	"file-system.confirm-clear.continue": "Συνεχίζω",
+	"file-system.confirm-clear.description": "Η δημιουργία ενός νέου έργου θα διαγράψει το τρέχον έργο σας και τυχόν μη αποθηκευμένες αλλαγές θα χαθούν. Είστε βέβαιοι ότι θέλετε να συνεχίσετε;",
+	"file-system.confirm-clear.dont-show-again": "Μην ξαναρωτήσεις",
+	"file-system.confirm-clear.title": "Διαγραφή του τρέχοντος έργου;",
+	"file-system.confirm-open.cancel": "Ματαίωση",
+	"file-system.confirm-open.description": "Το άνοιγμα ενός αρχείου θα αντικαταστήσει το τρέχον έργο σας και τυχόν μη αποθηκευμένες αλλαγές θα χαθούν. Είστε βέβαιοι ότι θέλετε να συνεχίσετε;",
+	"file-system.confirm-open.dont-show-again": "Μην ξαναρωτήσεις",
+	"file-system.confirm-open.open": "Άνοιγμα αρχείου",
+	"file-system.confirm-open.title": "Αντικατάσταση του τρέχοντος έργου;",
+	"file-system.file-open-error.file-format-version-too-new": "Το αρχείο που προσπαθήσατε να ανοίξετε είναι από μια νεότερη έκδοση του tldraw. Επαναλάβετε τη φόρτωση της σελίδας και δοκιμάστε ξανά.",
+	"file-system.file-open-error.generic-corrupted-file": "Το αρχείο που προσπαθήσατε να ανοίξετε είναι κατεστραμμένο.",
+	"file-system.file-open-error.not-a-tldraw-file": "Το αρχείο που προσπαθήσατε να ανοίξετε δεν μοιάζει με αρχείο tldraw.",
+	"file-system.file-open-error.title": "Δεν ήταν δυνατό το άνοιγμα του αρχείου",
+	"file-system.shared-document-file-open-error.description": "Το άνοιγμα αρχείων από κοινόχρηστα έργα δεν υποστηρίζεται.",
+	"file-system.shared-document-file-open-error.title": "Δεν ήταν δυνατό το άνοιγμα του αρχείου",
+	"fill-style.fill": "Γέμισμα",
+	"fill-style.lined-fill": "Γέμισμα με επένδυση",
+	"fill-style.none": "Κανένας",
+	"fill-style.pattern": "Πρότυπο",
+	"fill-style.semi": "Ημι",
+	"fill-style.solid": "Στερεός",
+	"focus-mode.toggle-focus-mode": "Εναλλαγή λειτουργίας εστίασης",
+	"font-style.draw": "Ισοπαλία",
+	"font-style.mono": "Μονο",
+	"font-style.sans": "Χωρίς",
+	"font-style.serif": "Ελαφρή γραμμή",
+	"geo-style.arrow-down": "Βέλος προς τα κάτω",
+	"geo-style.arrow-left": "Βέλος αριστερά",
+	"geo-style.arrow-right": "Βέλος δεξιά",
+	"geo-style.arrow-up": "Βέλος επάνω",
+	"geo-style.check-box": "Πλαίσιο ελέγχου",
+	"geo-style.cloud": "Σύννεφο",
+	"geo-style.diamond": "Διαμάντι",
+	"geo-style.ellipse": "Ελλειψη",
+	"geo-style.heart": "Καρδιά",
+	"geo-style.hexagon": "Εξάγωνο",
+	"geo-style.octagon": "Οκτάγωνο",
+	"geo-style.oval": "Ωοειδής",
+	"geo-style.pentagon": "Πεντάγωνο",
+	"geo-style.rectangle": "Ορθογώνιο παραλληλόγραμμο",
+	"geo-style.rhombus": "Ρόμβος",
+	"geo-style.rhombus-2": "Ρόμβος αριστερά",
+	"geo-style.star": "Αστέρι",
+	"geo-style.trapezoid": "Τραπεζοειδές",
+	"geo-style.triangle": "Τρίγωνο",
+	"geo-style.x-box": "X Box",
+	"handle.crop.bottom": "Κάτω μέρος περικοπής",
+	"handle.crop.bottom-left": "Περικοπή κάτω αριστερά",
+	"handle.crop.bottom-right": "Περικοπή κάτω δεξιά",
+	"handle.crop.left": "Περικοπή αριστερά",
+	"handle.crop.right": "Περικοπή δεξιά",
+	"handle.crop.top": "Κοντό τοπ",
+	"handle.crop.top-left": "Περικοπή επάνω αριστερά",
+	"handle.crop.top-right": "Περικοπή επάνω δεξιά",
+	"handle.resize-bottom": "Αλλαγή μεγέθους κάτω μέρους",
+	"handle.resize-bottom-left": "Αλλαγή μεγέθους κάτω αριστερά",
+	"handle.resize-bottom-right": "Αλλαγή μεγέθους κάτω δεξιά",
+	"handle.resize-left": "Αλλαγή μεγέθους αριστερά",
+	"handle.resize-right": "Αλλαγή μεγέθους προς τα δεξιά",
+	"handle.resize-top": "Αλλαγή μεγέθους κορυφής",
+	"handle.resize-top-left": "Αλλαγή μεγέθους επάνω αριστερά",
+	"handle.resize-top-right": "Αλλαγή μεγέθους επάνω δεξιά",
+	"handle.rotate.bottom_left_rotate": "Περιστροφή κάτω αριστερά",
+	"handle.rotate.bottom_right_rotate": "Περιστροφή κάτω δεξιά",
+	"handle.rotate.mobile_rotate": "Γυρίζω",
+	"handle.rotate.top_left_rotate": "Περιστροφή επάνω αριστερά",
+	"handle.rotate.top_right_rotate": "Περιστροφή επάνω δεξιά",
+	"help-menu.about": "Για",
+	"help-menu.discord": "Διχόνοια",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "Εισαγωγή αρχείου...",
+	"help-menu.keyboard-shortcuts": "Συντομεύσεις πληκτρολογίου",
+	"help-menu.privacy": "Πολιτική απορρήτου",
+	"help-menu.terms": "Όροι παροχής υπηρεσιών",
+	"help-menu.title": "Βοήθεια και πόροι",
+	"help-menu.twitter": "Κελάδημα",
+	"menu.accessibility": "Προσιτότητα",
+	"menu.color-theme": "Θέμα χρώματος",
+	"menu.copy-as": "Αντιγραφή ως",
+	"menu.edit": "Εκδίδω",
+	"menu.export-as": "Εξαγωγή ως",
+	"menu.file": "Αρχείο",
+	"menu.input-device": "Συσκευή εισόδου",
+	"menu.language": "Γλώσσα",
+	"menu.preferences": "Προτιμήσεις",
+	"menu.theme": "Θέμα",
+	"menu.title": "Μενού",
+	"menu.view": "Θέα",
+	"navigation-zone.minimap": "Μίνι χάρτης",
+	"navigation-zone.title": "Πλοήγηση",
+	"navigation-zone.toggle-minimap": "Εναλλαγή μίνι χάρτη",
+	"navigation-zone.zoom": "Ανίπταμαι διαγωνίως",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "Δημιουργία νέας σελίδας",
+	"page-menu.edit-done": "Γινώμενος",
+	"page-menu.edit-start": "Εκδίδω",
+	"page-menu.go-to-page": "Μετάβαση στη σελίδα",
+	"page-menu.new-page-initial-name": "Σελίδα 1",
+	"page-menu.submenu.delete": "Διαγράφω",
+	"page-menu.submenu.duplicate-page": "Αντίγραφο",
+	"page-menu.submenu.move-down": "Μετακίνηση προς τα κάτω",
+	"page-menu.submenu.move-up": "Μετακινηθείτε προς τα πάνω",
+	"page-menu.submenu.rename": "Μετονομάζω",
+	"page-menu.submenu.title": "Μενού",
+	"page-menu.title": "Σελίδες",
+	"people-menu.anonymous-user": "Νέος χρήστης",
+	"people-menu.avatar-color": "Χρώμα avatar",
+	"people-menu.change-color": "Αλλαγή χρώματος",
+	"people-menu.change-name": "Αλλαγή ονόματος",
+	"people-menu.follow": "Ακολουθώ",
+	"people-menu.following": "Εξής",
+	"people-menu.invite": "Προσκαλέστε άλλους",
+	"people-menu.leading": "Ακολουθώντας Σας",
+	"people-menu.title": "Ανθρωποι",
+	"people-menu.user": "(Εσείς)",
+	"share-menu.copied": "Αντιγραμμένος σύνδεσμος!",
+	"share-menu.copy-link": "Αντιγραφή συνδέσμου",
+	"share-menu.copy-link-note": "Οποιοσδήποτε διαθέτει τον σύνδεσμο θα μπορεί να δει και να επεξεργαστεί αυτό το έργο.",
+	"share-menu.copy-readonly-link": "Αντιγραφή συνδέσμου μόνο για ανάγνωση",
+	"share-menu.copy-readonly-link-note": "Οποιοσδήποτε διαθέτει τον σύνδεσμο θα μπορεί να δει (αλλά όχι να επεξεργαστεί) αυτό το έργο.",
+	"share-menu.create-snapshot-link": "Δημιουργία συνδέσμου στιγμιότυπου",
+	"share-menu.creating-project": "Δημιουργία νέου έργου…",
+	"share-menu.fork-note": "Δημιουργήστε ένα νέο κοινόχρηστο έργο με βάση αυτό το στιγμιότυπο.",
+	"share-menu.offline-note": "Η κοινή χρήση αυτού του έργου θα δημιουργήσει ένα φιλοξενούμενο ζωντανό αντίγραφο σε μια νέα διεύθυνση URL. Μπορείτε να μοιραστείτε τη διεύθυνση URL με έως και τριάντα άλλα άτομα για να προβάλετε και να επεξεργαστείτε το έργο μαζί.",
+	"share-menu.project-too-large": "Δυστυχώς, αυτό το έργο δεν μπορεί να κοινοποιηθεί επειδή είναι πολύ μεγάλο. Το δουλεύουμε!",
+	"share-menu.save-note": "Κάντε λήψη αυτού του έργου στον υπολογιστή σας ως αρχείο .tldr.",
+	"share-menu.share-project": "Μοιραστείτε αυτό το έργο",
+	"share-menu.snapshot-link-note": "Καταγράψτε και μοιραστείτε αυτό το έργο ως σύνδεσμο στιγμιότυπου μόνο για ανάγνωση.",
+	"share-menu.title": "Μερίδιο",
+	"share-menu.upload-failed": "Λυπούμαστε, δεν μπορέσαμε να ανεβάσουμε το έργο σας αυτήν τη στιγμή. Δοκιμάστε ξανά ή ενημερώστε μας εάν το πρόβλημα παραμένει.",
+	"sharing.confirm-leave.cancel": "Ματαίωση",
+	"sharing.confirm-leave.description": "Είστε βέβαιοι ότι θέλετε να αποχωρήσετε από αυτό το κοινόχρηστο έργο; Μπορείτε να επιστρέψετε σε αυτό μεταβαίνοντας στη διεύθυνση URL του.",
+	"sharing.confirm-leave.dont-show-again": "Μην ξαναρωτήσεις",
+	"sharing.confirm-leave.leave": "Αδεια",
+	"sharing.confirm-leave.title": "Αποχώρηση από το τρέχον έργο;",
+	"shortcuts-dialog.a11y": "Προσιτότητα",
+	"shortcuts-dialog.collaboration": "Συνεργασία",
+	"shortcuts-dialog.edit": "Εκδίδω",
+	"shortcuts-dialog.file": "Αρχείο",
+	"shortcuts-dialog.preferences": "Προτιμήσεις",
+	"shortcuts-dialog.text-formatting": "Μορφοποίηση κειμένου",
+	"shortcuts-dialog.title": "Συντομεύσεις πληκτρολογίου",
+	"shortcuts-dialog.tools": "Εργαλεία",
+	"shortcuts-dialog.transform": "Μετασχηματίζω",
+	"shortcuts-dialog.view": "Θέα",
+	"size-style.l": "Μεγάλο",
+	"size-style.m": "Μέσον",
+	"size-style.s": "Μικρό",
+	"size-style.xl": "Πολύ μεγάλο",
+	"spline-style.cubic": "Κυβικός",
+	"spline-style.line": "Γραμμή",
+	"status.offline": "Εκτός σύνδεσης",
+	"style-panel.align": "Ευθυγραμμίζω",
+	"style-panel.arrow-kind": "Γραμμή",
+	"style-panel.arrowhead-end": "Τέλος",
+	"style-panel.arrowhead-start": "Αρχή",
+	"style-panel.arrowheads": "Αιχμές βελών",
+	"style-panel.color": "Χρώμα",
+	"style-panel.dash": "Παύλα",
+	"style-panel.fill": "Γέμισμα",
+	"style-panel.font": "Γραμματοσειρά",
+	"style-panel.geo": "Σχήμα",
+	"style-panel.label-align": "Στοίχιση ετικέτας",
+	"style-panel.mixed": "Μικτός",
+	"style-panel.opacity": "Αδιαφάνεια",
+	"style-panel.position": "Θέση",
+	"style-panel.selected": "επιλεγμένο",
+	"style-panel.size": "Μέγεθος",
+	"style-panel.spline": "Spline",
+	"style-panel.title": "Στυλ",
+	"style-panel.vertical-align": "Κάθετη ευθυγράμμιση",
+	"theme.dark": "Σκοτάδι",
+	"theme.light": "Φως",
+	"theme.system": "Σύστημα",
+	"toast.close": "Κοντά",
+	"toast.error": "Σφάλμα",
+	"toast.error.copy-fail.desc": "Αποτυχία αντιγραφής εικόνας",
+	"toast.error.copy-fail.title": "Αποτυχία αντιγραφής",
+	"toast.error.export-fail.desc": "Αποτυχία εξαγωγής εικόνας",
+	"toast.error.export-fail.title": "Αποτυχία εξαγωγής",
+	"toast.info": "Πληροφορίες",
+	"toast.success": "Επιτυχία",
+	"toast.warning": "Προειδοποίηση",
+	"tool-panel.more": "Περισσότερο",
+	"tool-panel.title": "Εργαλεία",
+	"tool.arrow": "Βέλος",
+	"tool.arrow-down": "Βέλος προς τα κάτω",
+	"tool.arrow-left": "Βέλος αριστερά",
+	"tool.arrow-right": "Βέλος δεξιά",
+	"tool.arrow-up": "Βέλος επάνω",
+	"tool.aspect-ratio": "Αναλογία διαστάσεων",
+	"tool.aspect-ratio.circle": "Κύκλος (1:1)",
+	"tool.aspect-ratio.landscape": "Τοπίο (4:3)",
+	"tool.aspect-ratio.original": "Πρωτότυπο",
+	"tool.aspect-ratio.portrait": "Πορτρέτο (3:4)",
+	"tool.aspect-ratio.square": "Τετράγωνο (1:1)",
+	"tool.aspect-ratio.wide": "Ευρεία (16:9)",
+	"tool.bookmark": "Σελιδοδείκτης",
+	"tool.check-box": "Πλαίσιο ελέγχου",
+	"tool.cloud": "Σύννεφο",
+	"tool.diamond": "Διαμάντι",
+	"tool.draw": "Ισοπαλία",
+	"tool.ellipse": "Ελλειψη",
+	"tool.embed": "Ενθέτω",
+	"tool.eraser": "Γόμα",
+	"tool.flip-horz": "Αναστροφή οριζόντια",
+	"tool.flip-vert": "Αναστροφή κάθετα",
+	"tool.frame": "Πλαίσιο",
+	"tool.hand": "Χέρι",
+	"tool.heart": "Καρδιά",
+	"tool.hexagon": "Εξάγωνο",
+	"tool.highlight": "Αποκορύφωμα",
+	"tool.image-crop": "Περικοπή εικόνας",
+	"tool.image-crop-confirm": "Επιβεβαιώνω",
+	"tool.image-toolbar-title": "Εργαλεία εικόνας",
+	"tool.image-zoom": "Ανίπταμαι διαγωνίως",
+	"tool.laser": "Λέιζερ",
+	"tool.line": "Γραμμή",
+	"tool.media": "Μέσα ενημέρωσης",
+	"tool.media-alt-text": "Εναλλακτικό κείμενο",
+	"tool.media-alt-text-confirm": "Επιβεβαιώνω",
+	"tool.media-alt-text-desc": "Δώστε μια περιγραφή…",
+	"tool.note": "Σημείωμα",
+	"tool.octagon": "Οκτάγωνο",
+	"tool.oval": "Ωοειδής",
+	"tool.pentagon": "Πεντάγωνο",
+	"tool.pointer-down": "Δείκτης προς τα κάτω",
+	"tool.rectangle": "Ορθογώνιο παραλληλόγραμμο",
+	"tool.replace-media": "Αντικατάσταση μέσων",
+	"tool.rhombus": "Ρόμβος",
+	"tool.rich-text-bold": "Τολμηρός",
+	"tool.rich-text-bulletList": "Λίστα με κουκκίδες",
+	"tool.rich-text-code": "Κώδικας",
+	"tool.rich-text-header": "Επί κεφαλής",
+	"tool.rich-text-highlight": "Αποκορύφωμα",
+	"tool.rich-text-italic": "Πλάγια γραφή",
+	"tool.rich-text-link": "Σύνδεσμος",
+	"tool.rich-text-link-remove": "Κατάργηση συνδέσμου",
+	"tool.rich-text-link-visit": "Επισκεφτείτε τον σύνδεσμο",
+	"tool.rich-text-orderedList": "Ταξινομημένη λίστα",
+	"tool.rich-text-strikethrough": "Strikethrough",
+	"tool.rich-text-toolbar-title": "Μορφοποίηση κειμένου",
+	"tool.rotate-cw": "Γυρίζω",
+	"tool.select": "Επιλέγω",
+	"tool.star": "Αστέρι",
+	"tool.text": "Κείμενο",
+	"tool.trapezoid": "Τραπεζοειδές",
+	"tool.triangle": "Τρίγωνο",
+	"tool.x-box": "Χ κουτί",
+	"ui.checked": "Τετραγωνισμένος",
+	"ui.close": "Κοντά",
+	"ui.unchecked": "Ανεξέλεγκτος",
+	"verticalAlign-style.end": "Κάτω μέρος",
+	"verticalAlign-style.middle": "Μέσο",
+	"verticalAlign-style.start": "Κορυφή",
+	"vscode.file-open.backup": "Εφεδρικός",
+	"vscode.file-open.backup-failed": "Η δημιουργία αντιγράφων ασφαλείας απέτυχε: αυτό δεν είναι αρχείο .tldr.",
+	"vscode.file-open.backup-saved": "Το αντίγραφο ασφαλείας αποθηκεύτηκε",
+	"vscode.file-open.desc": "Αυτό το αρχείο δημιουργήθηκε με μια παλαιότερη έκδοση του tldraw. Θέλετε να το ενημερώσετε για να λειτουργεί με τη νέα έκδοση;",
+	"vscode.file-open.dont-show-again": "Μην ξαναρωτήσεις",
+	"vscode.file-open.open": "Συνεχίζω"
+}
diff --git a/web/hermes-dist/translations/en.json b/web/hermes-dist/translations/en.json
new file mode 100644
index 0000000..0967ef4
--- /dev/null
+++ b/web/hermes-dist/translations/en.json
@@ -0,0 +1 @@
+{}
diff --git a/web/hermes-dist/translations/es.json b/web/hermes-dist/translations/es.json
new file mode 100644
index 0000000..414483e
--- /dev/null
+++ b/web/hermes-dist/translations/es.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "Ajustar estilos de forma",
+	"a11y.enlarge-shape": "Agrandar forma",
+	"a11y.enter-leave-container": "Entrar/salir del contenedor",
+	"a11y.move-shape": "Mover la forma",
+	"a11y.move-shape-faster": "Mover la forma más rápido",
+	"a11y.multiple-shapes": "{num} formas seleccionadas",
+	"a11y.open-context-menu": "Abrir el menú contextual",
+	"a11y.open-keyboard-shortcuts": "Abrir atajos de teclado",
+	"a11y.pan-camera": "Panorámica de la cámara",
+	"a11y.repeat-shape": "Repetir forma",
+	"a11y.rotate-shape-ccw": "Girar la forma en el sentido contrario de las agujas del reloj",
+	"a11y.rotate-shape-ccw-fine": "Girar la forma en el sentido contrario de las agujas del reloj (preciso)",
+	"a11y.rotate-shape-cw": "Girar la forma en el sentido de las agujas del reloj",
+	"a11y.rotate-shape-cw-fine": "Girar la forma en el sentido de las agujas del reloj (preciso)",
+	"a11y.select-shape": "Seleccionar la siguiente forma",
+	"a11y.select-shape-direction": "Seleccionar forma en la dirección",
+	"a11y.shape-image": "Imagen",
+	"a11y.shape-index": "{num} de {total}",
+	"a11y.shape-video": "Video",
+	"a11y.shrink-shape": "Reducir forma",
+	"a11y.skip-to-main-content": "Mover el foco al lienzo",
+	"a11y.status": "Estado",
+	"action.align-bottom": "Alinear abajo",
+	"action.align-center-horizontal": "Alinear horizontalmente",
+	"action.align-center-horizontal.short": "Alinear H",
+	"action.align-center-vertical": "Alinear verticalmente",
+	"action.align-center-vertical.short": "Alinear V",
+	"action.align-left": "Alinear a la izquierda",
+	"action.align-right": "Alinear a la derecha",
+	"action.align-top": "Alinear arriba",
+	"action.back-to-content": "Volver al contenido",
+	"action.bring-forward": "Traer hacia adelante",
+	"action.bring-to-front": "Traer al frente",
+	"action.convert-to-bookmark": "Convertir en marcador",
+	"action.convert-to-embed": "Convertir en incrustación",
+	"action.copy": "Copiar",
+	"action.copy-as-json": "Copiar como JSON",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "Copiar como PNG",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "Copiar como SVG",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "Cortar",
+	"action.delete": "Eliminar",
+	"action.distribute-horizontal": "Distribuir horizontalmente",
+	"action.distribute-horizontal.short": "Distribuir H",
+	"action.distribute-vertical": "Distribuir verticalmente",
+	"action.distribute-vertical.short": "Distribuir V",
+	"action.download-original": "Descargar original",
+	"action.duplicate": "Duplicar",
+	"action.edit-link": "Editar enlace",
+	"action.enhanced-a11y-mode": "Activar/desactivar el modo de accesibilidad mejorado",
+	"action.enhanced-a11y-mode.menu": "Modo de accesibilidad mejorado",
+	"action.exit-pen-mode": "Salir de modo lápiz",
+	"action.export-all-as-png": "Exportar todo como PNG",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "Exportar todo como SVG",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "Exportar como PNG",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "Exportar como SVG",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "Ajustar al contenido",
+	"action.flatten-to-image": "Aplanar",
+	"action.flip-horizontal": "Voltear horizontalmente",
+	"action.flip-horizontal.short": "Voltear H",
+	"action.flip-vertical": "Voltear verticalmente",
+	"action.flip-vertical.short": "Voltear V",
+	"action.fork-project": "Bifurcar este proyecto",
+	"action.fork-project-on-tldraw": "Bifurcar proyecto en tldraw",
+	"action.group": "Agrupar",
+	"action.insert-embed": "Insertar incrustación",
+	"action.insert-media": "Cargar contenido multimedia",
+	"action.leave-shared-project": "Salir del proyecto compartido",
+	"action.new-project": "Nuevo proyecto",
+	"action.new-shared-project": "Nuevo proyecto compartido",
+	"action.open-cursor-chat": "Chat con cursor",
+	"action.open-embed-link": "Abrir enlace",
+	"action.open-file": "Abrir archivo",
+	"action.open-kbd-shortcuts": "Abrir atajos de teclado",
+	"action.pack": "Compactar",
+	"action.paste": "Pegar",
+	"action.paste-error-description": "No se ha podido pegar debido a que faltan permisos del portapapeles. Conceda los permisos e inténtelo de nuevo.",
+	"action.paste-error-title": "Error al pegar",
+	"action.print": "Imprimir",
+	"action.redo": "Rehacer",
+	"action.remove-frame": "Eliminar marco",
+	"action.rename": "Renombrar",
+	"action.rotate-ccw": "Girar en el sentido contrario de las agujas del reloj",
+	"action.rotate-cw": "Girar en el sentido de las agujas del reloj",
+	"action.save-copy": "Guardar una copia",
+	"action.select-all": "Seleccionar todo",
+	"action.select-none": "Deseleccionar todo",
+	"action.select-zoom-tool": "Zoom",
+	"action.send-backward": "Enviar hacia atrás",
+	"action.send-to-back": "Enviar al fondo",
+	"action.share-project": "Compartir este proyecto",
+	"action.stack-horizontal": "Apilar horizontalmente",
+	"action.stack-horizontal.short": "Apilar H",
+	"action.stack-vertical": "Apilar verticalmente",
+	"action.stack-vertical.short": "Apilar V",
+	"action.stop-following": "Dejar de seguir",
+	"action.stretch-horizontal": "Estirar horizontalmente",
+	"action.stretch-horizontal.short": "Estirar H",
+	"action.stretch-vertical": "Estirar verticalmente",
+	"action.stretch-vertical.short": "Estirar V",
+	"action.toggle-auto-none": "Automático",
+	"action.toggle-auto-pan": "Automático (panel táctil)",
+	"action.toggle-auto-size": "Alternar tamaño automático",
+	"action.toggle-auto-zoom": "Automático (ratón)",
+	"action.toggle-dark-mode": "Alternar modo oscuro",
+	"action.toggle-dark-mode.menu": "Modo oscuro",
+	"action.toggle-debug-mode": "Alternar modo de depuración",
+	"action.toggle-debug-mode.menu": "Modo de depuración",
+	"action.toggle-dynamic-size-mode": "Alternar tamaño dinámico",
+	"action.toggle-dynamic-size-mode.menu": "Tamaño dinámico",
+	"action.toggle-edge-scrolling": "Alternar desplazamiento por los bordes",
+	"action.toggle-edge-scrolling.menu": "Desplazamiento por los bordes",
+	"action.toggle-focus-mode": "Alternar modo de enfoque",
+	"action.toggle-focus-mode.menu": "Modo de enfoque",
+	"action.toggle-grid": "Alternar cuadrícula",
+	"action.toggle-grid.menu": "Mostrar cuadrícula",
+	"action.toggle-invert-zoom": "Alternar inversión del zoom del ratón",
+	"action.toggle-invert-zoom.menu": "Invertir el zoom del ratón",
+	"action.toggle-keyboard-shortcuts": "Activar/desactivar atajos de teclado",
+	"action.toggle-keyboard-shortcuts.menu": "Atajos de teclado",
+	"action.toggle-lock": "Bloquear/desbloquear",
+	"action.toggle-mouse": "Ratón",
+	"action.toggle-paste-at-cursor": "Alternar pegar en el cursor",
+	"action.toggle-paste-at-cursor.menu": "Pegar en el cursor",
+	"action.toggle-reduce-motion": "Reducir movimiento",
+	"action.toggle-reduce-motion.menu": "Reducir movimiento",
+	"action.toggle-snap-mode": "Alternar ajustar siempre",
+	"action.toggle-snap-mode.menu": "Ajustar a cuadrícula",
+	"action.toggle-tool-lock": "Alternar bloqueo de herramienta",
+	"action.toggle-tool-lock.menu": "Alternar bloqueo",
+	"action.toggle-trackpad": "Panel táctil",
+	"action.toggle-transparent": "Alternar fondo transparente",
+	"action.toggle-transparent.context-menu": "Transparente",
+	"action.toggle-transparent.menu": "Transparente",
+	"action.toggle-wrap-mode": "Alternar Seleccionar en envoltorio",
+	"action.toggle-wrap-mode.menu": "Seleccionar en envoltorio",
+	"action.undo": "Deshacer",
+	"action.ungroup": "Desagrupar",
+	"action.unlock-all": "Desbloquear todo",
+	"action.zoom-in": "Acercar",
+	"action.zoom-out": "Alejar",
+	"action.zoom-quick": "Zoom rápido",
+	"action.zoom-to-100": "Zoom a 100 %",
+	"action.zoom-to-fit": "Zoom para ajustar",
+	"action.zoom-to-selection": "Zoom a la selección",
+	"actions-menu.title": "Acciones",
+	"align-style.end": "Final",
+	"align-style.justify": "Justificar",
+	"align-style.middle": "Medio",
+	"align-style.start": "Inicio",
+	"app.loading": "Cargando tldraw…",
+	"arrow-kind-style.arc": "Arco",
+	"arrow-kind-style.elbow": "Codo",
+	"arrowheadEnd-style.arrow": "Flecha",
+	"arrowheadEnd-style.bar": "Barra",
+	"arrowheadEnd-style.diamond": "Rombo",
+	"arrowheadEnd-style.dot": "Punto",
+	"arrowheadEnd-style.inverted": "Invertido",
+	"arrowheadEnd-style.none": "Ninguno",
+	"arrowheadEnd-style.pipe": "Tubo",
+	"arrowheadEnd-style.square": "Cuadrado",
+	"arrowheadEnd-style.triangle": "Triángulo",
+	"arrowheadStart-style.arrow": "Flecha",
+	"arrowheadStart-style.bar": "Barra",
+	"arrowheadStart-style.diamond": "Rombo",
+	"arrowheadStart-style.dot": "Punto",
+	"arrowheadStart-style.inverted": "Invertido",
+	"arrowheadStart-style.none": "Ninguno",
+	"arrowheadStart-style.pipe": "Tubo",
+	"arrowheadStart-style.square": "Cuadrado",
+	"arrowheadStart-style.triangle": "Triángulo",
+	"assets.files.amount-too-many": "Demasiados archivos",
+	"assets.files.maximum-size": "El tamaño máximo de archivo es {size}",
+	"assets.files.size-too-big": "El tamaño del archivo es demasiado grande",
+	"assets.files.type-not-allowed": "El tipo de archivo no está permitido",
+	"assets.files.upload-failed": "Error al cargar",
+	"assets.url.failed": "No se ha podido cargar la vista previa de la URL",
+	"color-style.black": "Negro",
+	"color-style.blue": "Azul",
+	"color-style.green": "Verde",
+	"color-style.grey": "Gris",
+	"color-style.light-blue": "Azul claro",
+	"color-style.light-green": "Verde claro",
+	"color-style.light-red": "Rojo claro",
+	"color-style.light-violet": "Violeta claro",
+	"color-style.orange": "Naranja",
+	"color-style.red": "Rojo",
+	"color-style.violet": "Violeta",
+	"color-style.white": "Blanco",
+	"color-style.yellow": "Amarillo",
+	"context-menu.arrange": "Organizar",
+	"context-menu.copy-as": "Copiar como",
+	"context-menu.edit": "Editar",
+	"context-menu.export-all-as": "Exportar todo como",
+	"context-menu.export-as": "Exportar como",
+	"context-menu.move-to-page": "Mover a página",
+	"context-menu.reorder": "Reordenar",
+	"context-menu.title": "Menú contextual",
+	"context.pages.new-page": "Nueva página",
+	"cursor-chat.type-to-chat": "Escriba para chatear...",
+	"dash-style.dashed": "Discontinuo",
+	"dash-style.dotted": "Punteado",
+	"dash-style.draw": "Dibujar",
+	"dash-style.solid": "Sólido",
+	"document-name-menu.copy-link": "Copiar enlace",
+	"document.default-name": "Sin título",
+	"edit-link-dialog.cancel": "Cancelar",
+	"edit-link-dialog.clear": "Borrar",
+	"edit-link-dialog.detail": "Se abrirán enlaces en una nueva pestaña.",
+	"edit-link-dialog.external-link": "Enlace externo",
+	"edit-link-dialog.invalid-url": "Un enlace debe ser una URL válida.",
+	"edit-link-dialog.save": "Continuar",
+	"edit-link-dialog.title": "Editar enlace",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "Atrás",
+	"embed-dialog.cancel": "Cancelar",
+	"embed-dialog.create": "Crear",
+	"embed-dialog.instruction": "Pegar la URL del sitio para crear la incrustación.",
+	"embed-dialog.invalid-url": "No pudimos crear una incrustación desde esa URL.",
+	"embed-dialog.title": "Crear incrustación",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "Cancelar",
+	"file-system.confirm-clear.continue": "Continuar",
+	"file-system.confirm-clear.description": "Al crear un nuevo proyecto eliminará su proyecto actual y perderá cualquier cambio que no se haya guardado. ¿Seguro que quiere continuar?",
+	"file-system.confirm-clear.dont-show-again": "No volver a preguntar",
+	"file-system.confirm-clear.title": "¿Eliminar proyecto actual?",
+	"file-system.confirm-open.cancel": "Cancelar",
+	"file-system.confirm-open.description": "Al abrir un archivo se sustituirá su proyecto actual y cualquier cambio no guardado se perderá. ¿Seguro que desea continuar?",
+	"file-system.confirm-open.dont-show-again": "No preguntar de nuevo",
+	"file-system.confirm-open.open": "Abrir archivo",
+	"file-system.confirm-open.title": "¿Sobrescribir proyecto actual?",
+	"file-system.file-open-error.file-format-version-too-new": "El archivo que intentó abrir es de una versión más reciente de tldraw. Vuelva a cargar la página e inténtelo de nuevo.",
+	"file-system.file-open-error.generic-corrupted-file": "El archivo que intentó abrir está corrupto.",
+	"file-system.file-open-error.not-a-tldraw-file": "El archivo que intentó abrir no parece un archivo tldraw.",
+	"file-system.file-open-error.title": "No se pudo abrir el archivo",
+	"file-system.shared-document-file-open-error.description": "No es posible abrir archivos de proyectos compartidos.",
+	"file-system.shared-document-file-open-error.title": "No se pudo abrir el archivo",
+	"fill-style.fill": "Relleno",
+	"fill-style.lined-fill": "Relleno con líneas",
+	"fill-style.none": "Ninguno",
+	"fill-style.pattern": "Patrón",
+	"fill-style.semi": "Semi",
+	"fill-style.solid": "Sólido",
+	"focus-mode.toggle-focus-mode": "Alternar modo de enfoque",
+	"font-style.draw": "Dibujar",
+	"font-style.mono": "Mono",
+	"font-style.sans": "Sans",
+	"font-style.serif": "Serif",
+	"geo-style.arrow-down": "Flecha abajo",
+	"geo-style.arrow-left": "Flecha izquierda",
+	"geo-style.arrow-right": "Flecha derecha",
+	"geo-style.arrow-up": "Flecha arriba",
+	"geo-style.check-box": "Casilla de verificación",
+	"geo-style.cloud": "Nube",
+	"geo-style.diamond": "Rombo",
+	"geo-style.ellipse": "Elipse",
+	"geo-style.heart": "Corazón",
+	"geo-style.hexagon": "Hexágono",
+	"geo-style.octagon": "Octógono",
+	"geo-style.oval": "Óvalo",
+	"geo-style.pentagon": "Pentágono",
+	"geo-style.rectangle": "Rectángulo",
+	"geo-style.rhombus": "Rombo",
+	"geo-style.rhombus-2": "Rombo a la izquierda",
+	"geo-style.star": "Estrella",
+	"geo-style.trapezoid": "Trapecio",
+	"geo-style.triangle": "Triángulo",
+	"geo-style.x-box": "Rectángulo con una X",
+	"handle.crop.bottom": "Recortar parte inferior",
+	"handle.crop.bottom-left": "Recortar parte inferior izquierda",
+	"handle.crop.bottom-right": "Recortar parte inferior derecha",
+	"handle.crop.left": "Recortar a la izquierda",
+	"handle.crop.right": "Recortar a la derecha",
+	"handle.crop.top": "Recortar parte superior",
+	"handle.crop.top-left": "Recortar parte superior izquierda",
+	"handle.crop.top-right": "Recortar parte superior derecha",
+	"handle.resize-bottom": "Redimensionar parte inferior",
+	"handle.resize-bottom-left": "Redimensionar parte inferior izquierda",
+	"handle.resize-bottom-right": "Redimensionar parte inferior derecha",
+	"handle.resize-left": "Redimensionar a la izquierda",
+	"handle.resize-right": "Redimensionar a la derecha",
+	"handle.resize-top": "Redimensionar parte superior",
+	"handle.resize-top-left": "Redimensionar parte superior izquierda",
+	"handle.resize-top-right": "Redimensionar parte superior derecha",
+	"handle.rotate.bottom_left_rotate": "Girar parte inferior izquierda",
+	"handle.rotate.bottom_right_rotate": "Girar parte inferior derecha",
+	"handle.rotate.mobile_rotate": "Girar",
+	"handle.rotate.top_left_rotate": "Girar parte superior izquierda",
+	"handle.rotate.top_right_rotate": "Girar parte superior derecha",
+	"help-menu.about": "Acerca de",
+	"help-menu.discord": "Discord",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "Importar archivo...",
+	"help-menu.keyboard-shortcuts": "Atajos de teclado",
+	"help-menu.privacy": "Política de privacidad",
+	"help-menu.terms": "Condiciones del servicio",
+	"help-menu.title": "Ayuda y recursos",
+	"help-menu.twitter": "Twitter",
+	"menu.accessibility": "Accesibilidad",
+	"menu.color-theme": "Tema de color",
+	"menu.copy-as": "Copiar como",
+	"menu.edit": "Editar",
+	"menu.export-as": "Exportar como",
+	"menu.file": "Archivo",
+	"menu.input-device": "Dispositivo de entrada",
+	"menu.language": "Idioma",
+	"menu.preferences": "Preferencias",
+	"menu.theme": "Tema",
+	"menu.title": "Menú",
+	"menu.view": "Vista",
+	"navigation-zone.minimap": "Minimapa",
+	"navigation-zone.title": "Navegación",
+	"navigation-zone.toggle-minimap": "Alternar minimapa",
+	"navigation-zone.zoom": "Zoom",
+	"opacity-style.0.1": "10 %",
+	"opacity-style.0.25": "25 %",
+	"opacity-style.0.5": "50 %",
+	"opacity-style.0.75": "75 %",
+	"opacity-style.1": "100 %",
+	"page-menu.create-new-page": "Crear nueva página",
+	"page-menu.edit-done": "Listo",
+	"page-menu.edit-start": "Editar",
+	"page-menu.go-to-page": "Ir a página",
+	"page-menu.new-page-initial-name": "Página 1",
+	"page-menu.submenu.delete": "Eliminar",
+	"page-menu.submenu.duplicate-page": "Duplicar",
+	"page-menu.submenu.move-down": "Mover hacia abajo",
+	"page-menu.submenu.move-up": "Mover hacia arriba",
+	"page-menu.submenu.rename": "Renombrar",
+	"page-menu.submenu.title": "Menú",
+	"page-menu.title": "Páginas",
+	"people-menu.anonymous-user": "Nuevo usuario",
+	"people-menu.avatar-color": "Color del avatar",
+	"people-menu.change-color": "Cambiar color",
+	"people-menu.change-name": "Cambiar nombre",
+	"people-menu.follow": "Seguir",
+	"people-menu.following": "Siguiendo",
+	"people-menu.invite": "Invitar a otros",
+	"people-menu.leading": "Le sigue",
+	"people-menu.title": "Personas",
+	"people-menu.user": "(Usted)",
+	"share-menu.copied": "¡Enlace copiado!",
+	"share-menu.copy-link": "Copiar enlace",
+	"share-menu.copy-link-note": "Cualquier persona con el enlace podrá ver y editar este proyecto.",
+	"share-menu.copy-readonly-link": "Copiar el enlace de solo lectura",
+	"share-menu.copy-readonly-link-note": "Cualquier persona con el enlace podrá ver (pero no editar) este proyecto.",
+	"share-menu.create-snapshot-link": "Crear enlace de instantánea",
+	"share-menu.creating-project": "Creando el nuevo proyecto...",
+	"share-menu.fork-note": "Crear un nuevo proyecto compartido basado en esta instantánea.",
+	"share-menu.offline-note": "Al compartir este proyecto se creará una copia en vivo alojada en una nueva URL. Puede compartir la URL hasta con treinta personas para ver y editar el proyecto conjuntamente.",
+	"share-menu.project-too-large": "Lo sentimos, este proyecto no se puede compartir porque es demasiado grande. ¡Estamos trabajando en ello!",
+	"share-menu.save-note": "Descargue este proyecto a su ordenador como archivo .tldr.",
+	"share-menu.share-project": "Compartir este proyecto",
+	"share-menu.snapshot-link-note": "Capture y comparta este proyecto como un enlace de una instantánea de solo lectura.",
+	"share-menu.title": "Compartir",
+	"share-menu.upload-failed": "Lo sentimos, no hemos podido cargar su proyecto en este momento. Inténtelo de nuevo o avísenos si el problema persiste.",
+	"sharing.confirm-leave.cancel": "Cancelar",
+	"sharing.confirm-leave.description": "¿Seguro que desea salir de este proyecto compartido? Puede volver a él navegando hasta su URL.",
+	"sharing.confirm-leave.dont-show-again": "No volver a preguntar",
+	"sharing.confirm-leave.leave": "Salir",
+	"sharing.confirm-leave.title": "¿Salir del proyecto actual?",
+	"shortcuts-dialog.a11y": "Accesibilidad",
+	"shortcuts-dialog.collaboration": "Colaboración",
+	"shortcuts-dialog.edit": "Editar",
+	"shortcuts-dialog.file": "Archivo",
+	"shortcuts-dialog.preferences": "Preferencias",
+	"shortcuts-dialog.text-formatting": "Formato de texto",
+	"shortcuts-dialog.title": "Atajos de teclado",
+	"shortcuts-dialog.tools": "Herramientas",
+	"shortcuts-dialog.transform": "Transformar",
+	"shortcuts-dialog.view": "Vista",
+	"size-style.l": "Grande",
+	"size-style.m": "Medio",
+	"size-style.s": "Pequeño",
+	"size-style.xl": "Extragrande",
+	"spline-style.cubic": "Cúbico",
+	"spline-style.line": "Línea",
+	"status.offline": "Fuera de línea",
+	"style-panel.align": "Alinear",
+	"style-panel.arrow-kind": "Línea",
+	"style-panel.arrowhead-end": "Final",
+	"style-panel.arrowhead-start": "Inicio",
+	"style-panel.arrowheads": "Puntas de flecha",
+	"style-panel.color": "Color",
+	"style-panel.dash": "Raya",
+	"style-panel.fill": "Relleno",
+	"style-panel.font": "Fuente",
+	"style-panel.geo": "Forma",
+	"style-panel.label-align": "Alineación de etiquetas",
+	"style-panel.mixed": "Mixto",
+	"style-panel.opacity": "Opacidad",
+	"style-panel.position": "Posición",
+	"style-panel.selected": "seleccionado",
+	"style-panel.size": "Tamaño",
+	"style-panel.spline": "Spline",
+	"style-panel.title": "Estilos",
+	"style-panel.vertical-align": "Alineación vertical",
+	"theme.dark": "Oscuro",
+	"theme.light": "Claro",
+	"theme.system": "Sistema",
+	"toast.close": "Cerrar",
+	"toast.error": "Error",
+	"toast.error.copy-fail.desc": "No se pudo copiar la imagen",
+	"toast.error.copy-fail.title": "Copia fallida",
+	"toast.error.export-fail.desc": "No se pudo exportar la imagen",
+	"toast.error.export-fail.title": "Exportación fallida",
+	"toast.info": "Información",
+	"toast.success": "Conseguido",
+	"toast.warning": "Advertencia",
+	"tool-panel.more": "Más",
+	"tool-panel.title": "Herramientas",
+	"tool.arrow": "Flecha",
+	"tool.arrow-down": "Flecha abajo",
+	"tool.arrow-left": "Flecha izquierda",
+	"tool.arrow-right": "Flecha derecha",
+	"tool.arrow-up": "Flecha arriba",
+	"tool.aspect-ratio": "Relación de aspecto",
+	"tool.aspect-ratio.circle": "Círculo (1:1)",
+	"tool.aspect-ratio.landscape": "Horizontal (4:3)",
+	"tool.aspect-ratio.original": "Original",
+	"tool.aspect-ratio.portrait": "Vertical (3:4)",
+	"tool.aspect-ratio.square": "Cuadrado (1:1)",
+	"tool.aspect-ratio.wide": "Panorámico (16:9)",
+	"tool.bookmark": "Marcador",
+	"tool.check-box": "Casilla de verificación",
+	"tool.cloud": "Nube",
+	"tool.diamond": "Rombo",
+	"tool.draw": "Dibujar",
+	"tool.ellipse": "Elipse",
+	"tool.embed": "Incrustación",
+	"tool.eraser": "Borrador",
+	"tool.flip-horz": "Voltear horizontalmente",
+	"tool.flip-vert": "Voltear verticalmente",
+	"tool.frame": "Marco",
+	"tool.hand": "Mano",
+	"tool.heart": "Corazón",
+	"tool.hexagon": "Hexágono",
+	"tool.highlight": "Destacar",
+	"tool.image-crop": "Recortar imagen",
+	"tool.image-crop-confirm": "Confirmar",
+	"tool.image-toolbar-title": "Herramientas de imagen",
+	"tool.image-zoom": "Zoom",
+	"tool.laser": "Láser",
+	"tool.line": "Línea",
+	"tool.media": "Multimedia",
+	"tool.media-alt-text": "Texto alternativo",
+	"tool.media-alt-text-confirm": "Confirmar",
+	"tool.media-alt-text-desc": "Haz una descripción…",
+	"tool.note": "Nota",
+	"tool.octagon": "Octógono",
+	"tool.oval": "Óvalo",
+	"tool.pentagon": "Pentágono",
+	"tool.pointer-down": "Puntero hacia abajo",
+	"tool.rectangle": "Rectángulo",
+	"tool.replace-media": "Sustituir contenido multimedia",
+	"tool.rhombus": "Rombo",
+	"tool.rich-text-bold": "Negrita",
+	"tool.rich-text-bulletList": "Lista con viñetas",
+	"tool.rich-text-code": "Código",
+	"tool.rich-text-header": "Encabezamiento",
+	"tool.rich-text-highlight": "Destacar",
+	"tool.rich-text-italic": "Cursiva",
+	"tool.rich-text-link": "Enlace",
+	"tool.rich-text-link-remove": "Eliminar enlace",
+	"tool.rich-text-link-visit": "Visita el enlace",
+	"tool.rich-text-orderedList": "Lista ordenada",
+	"tool.rich-text-strikethrough": "Tachado",
+	"tool.rich-text-toolbar-title": "Formato de texto",
+	"tool.rotate-cw": "Girar",
+	"tool.select": "Seleccionar",
+	"tool.star": "Estrella",
+	"tool.text": "Texto",
+	"tool.trapezoid": "Trapecio",
+	"tool.triangle": "Triángulo",
+	"tool.x-box": "Rectángulo con una X",
+	"ui.checked": "Marcado",
+	"ui.close": "Cerrar",
+	"ui.unchecked": "Sin marcar",
+	"verticalAlign-style.end": "Abajo",
+	"verticalAlign-style.middle": "En el medio",
+	"verticalAlign-style.start": "Arriba",
+	"vscode.file-open.backup": "Copia de seguridad",
+	"vscode.file-open.backup-failed": "Ha fallado la copia de seguridad: no es un archivo .tldr.",
+	"vscode.file-open.backup-saved": "Copia de seguridad guardada",
+	"vscode.file-open.desc": "Este archivo se creó con una versión anterior de tldraw. ¿Desea actualizarlo para que funcione con la nueva versión?",
+	"vscode.file-open.dont-show-again": "No volver a preguntar",
+	"vscode.file-open.open": "Continuar"
+}
diff --git a/web/hermes-dist/translations/fa.json b/web/hermes-dist/translations/fa.json
new file mode 100644
index 0000000..c0e03a2
--- /dev/null
+++ b/web/hermes-dist/translations/fa.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "تنظیم سبک‌های شکل",
+	"a11y.enlarge-shape": "شکل را بزرگ کنید",
+	"a11y.enter-leave-container": "ورود/خروج از کانتینر",
+	"a11y.move-shape": "شکل را حرکت دهید",
+	"a11y.move-shape-faster": "شکل را سریعتر حرکت دهید",
+	"a11y.multiple-shapes": "{num} شکل انتخاب شد",
+	"a11y.open-context-menu": "باز کردن منوی زمینه",
+	"a11y.open-keyboard-shortcuts": "میانبرهای صفحه کلید را باز کنید",
+	"a11y.pan-camera": "دوربین پان",
+	"a11y.repeat-shape": "شکل را تکرار کنید",
+	"a11y.rotate-shape-ccw": "شکل را خلاف جهت عقربه‌های ساعت بچرخانید",
+	"a11y.rotate-shape-ccw-fine": "شکل را خلاف جهت عقربه‌های ساعت بچرخانید (دقیق)",
+	"a11y.rotate-shape-cw": "شکل را در جهت عقربه‌های ساعت بچرخانید",
+	"a11y.rotate-shape-cw-fine": "شکل را در جهت عقربه‌های ساعت بچرخانید (دقیق)",
+	"a11y.select-shape": "شکل بعدی را انتخاب کنید",
+	"a11y.select-shape-direction": "شکل را در جهت انتخاب کنید",
+	"a11y.shape-image": "تصویر",
+	"a11y.shape-index": "{num} از {total}",
+	"a11y.shape-video": "ویدئو",
+	"a11y.shrink-shape": "شکل کوچک",
+	"a11y.skip-to-main-content": "تمرکز را به بوم منتقل کنید",
+	"a11y.status": "وضعیت",
+	"action.align-bottom": "تراز به پایین",
+	"action.align-center-horizontal": "تراز به مرکز افقی",
+	"action.align-center-horizontal.short": "تراز به مرکز افقی",
+	"action.align-center-vertical": "تراز به مرکز عمودی",
+	"action.align-center-vertical.short": "تراز به مرکز عمودی",
+	"action.align-left": "تراز به چپ",
+	"action.align-right": "تراز به راست",
+	"action.align-top": "تراز به بالا",
+	"action.back-to-content": "بازگشت به محتوا",
+	"action.bring-forward": "رو آوردن",
+	"action.bring-to-front": "آوردن به روی همه",
+	"action.convert-to-bookmark": "تبدیل به نشانه‌گذاری",
+	"action.convert-to-embed": "تبدیل به جاسازی",
+	"action.copy": "رونوشت",
+	"action.copy-as-json": "کپی به صورت JSON",
+	"action.copy-as-json.short": "جی‌سون",
+	"action.copy-as-png": "رونوشت به‌عنوان PNG",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "رونوشت به‌عنوان SVG",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "بریدن",
+	"action.delete": "پاک‌کردن",
+	"action.distribute-horizontal": "گسترش‌دادن افقی",
+	"action.distribute-horizontal.short": "گسترش‌دادن افقی",
+	"action.distribute-vertical": "گسترش‌دادن عمودی",
+	"action.distribute-vertical.short": "گسترش‌دادن عمودی",
+	"action.download-original": "دانلود نسخه اصلی",
+	"action.duplicate": "تکثیرکردن",
+	"action.edit-link": "ویرایش پیوند",
+	"action.enhanced-a11y-mode": "حالت دسترسی پیشرفته را فعال یا غیرفعال کنید",
+	"action.enhanced-a11y-mode.menu": "حالت دسترسی پیشرفته",
+	"action.exit-pen-mode": "خروج از حالت قلم",
+	"action.export-all-as-png": "همه را به عنوان PNG اکسپورت کنید",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "همه را به عنوان SVG اکسپورت کنید",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "برون‌ریزی به‌عنوان PNG",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "برون‌ریزی به‌عنوان SVG",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "متناسب با محتوا",
+	"action.flatten-to-image": "صاف",
+	"action.flip-horizontal": "وارونه‌سازی افقی",
+	"action.flip-horizontal.short": "وارونه‌سازی افقی",
+	"action.flip-vertical": "وارونه‌سازی عمودی",
+	"action.flip-vertical.short": "وارونه‌سازی عمودی",
+	"action.fork-project": "ایجاد انشعاب از پروژه",
+	"action.fork-project-on-tldraw": "فورک کردن پروژه در tldraw",
+	"action.group": "گروه‌بندی",
+	"action.insert-embed": "درج جاسازی",
+	"action.insert-media": "بارگذاری رسانه",
+	"action.leave-shared-project": "ترک‌کردن پروژه هم‌رسانی‌شده",
+	"action.new-project": "پروژه جدید",
+	"action.new-shared-project": "پروژه هم‌رسانی‌شده جدید",
+	"action.open-cursor-chat": "نشانگر چت",
+	"action.open-embed-link": "بازکردن پیوند",
+	"action.open-file": "بازکردن پرونده",
+	"action.open-kbd-shortcuts": "میانبرهای صفحه کلید را باز کنید",
+	"action.pack": "بسته‌بندی",
+	"action.paste": "جای‌گذاری",
+	"action.paste-error-description": "به دلیل از دست دادن مجوزهای کلیپ‌بورد، جای‌گذاری نشد. لطفاً مجوزها را فعال کنید و دوباره امتحان کنید.",
+	"action.paste-error-title": "جای‌گذاری انجام نشد",
+	"action.print": "چاپ‌کردن",
+	"action.redo": "انجام دوباره",
+	"action.remove-frame": "حذف قاب",
+	"action.rename": "تغییر نام",
+	"action.rotate-ccw": "چرخاندن در خلاف جهت عقربه‌های ساعت",
+	"action.rotate-cw": "چرخاندن در جهت عقربه‌های ساعت",
+	"action.save-copy": "ذخیره یک رونوشت",
+	"action.select-all": "انتخاب همه",
+	"action.select-none": "انتخاب هیچ‌یک",
+	"action.select-zoom-tool": "بزرگنمایی",
+	"action.send-backward": "پشت بردن",
+	"action.send-to-back": "بردن به پشت همه",
+	"action.share-project": "هم‌رسانی این پروژه",
+	"action.stack-horizontal": "دسته‌کردن افقی",
+	"action.stack-horizontal.short": "دسته‌کردن افقی",
+	"action.stack-vertical": "دسته‌کردن عمودی",
+	"action.stack-vertical.short": "دسته‌کردن عمودی",
+	"action.stop-following": "توقف دنبال‌کردن",
+	"action.stretch-horizontal": "کش‌آوردن افقی",
+	"action.stretch-horizontal.short": "کش‌آوردن افقی",
+	"action.stretch-vertical": "کش‌آوردن عمودی",
+	"action.stretch-vertical.short": "کش‌آوردن عمودی",
+	"action.toggle-auto-none": "خودکار",
+	"action.toggle-auto-pan": "خودکار (ترک‌پد)",
+	"action.toggle-auto-size": "تغییر وضعیت اندازه خودکار",
+	"action.toggle-auto-zoom": "خودکار (ماوس)",
+	"action.toggle-dark-mode": "تغییر وضعیت حالت تاریک",
+	"action.toggle-dark-mode.menu": "حالت تاریک",
+	"action.toggle-debug-mode": "تغییر وضعیت حالت عیب‌یابی",
+	"action.toggle-debug-mode.menu": "حالت عیب‌یابی",
+	"action.toggle-dynamic-size-mode": "تغییر اندازه ی داینامیک",
+	"action.toggle-dynamic-size-mode.menu": "اندازه داینامیک",
+	"action.toggle-edge-scrolling": "تغییر اسکرول کردن از لبه",
+	"action.toggle-edge-scrolling.menu": "اسکرول کردن از لبه",
+	"action.toggle-focus-mode": "تغییر وضعیت حالت تمرکز",
+	"action.toggle-focus-mode.menu": "حالت تمرکز",
+	"action.toggle-grid": "تغییر وضعیت خطوط راهنما",
+	"action.toggle-grid.menu": "نمایش خطوط راهنما",
+	"action.toggle-invert-zoom": "معکوس کردن بزرگنمایی ماوس",
+	"action.toggle-invert-zoom.menu": "معکوس کردن بزرگنمایی ماوس",
+	"action.toggle-keyboard-shortcuts": "میانبرهای صفحه کلید را تغییر دهید",
+	"action.toggle-keyboard-shortcuts.menu": "میان‌برهای صفحه‌کلید",
+	"action.toggle-lock": "قفل‌کردن / بازکردن قفل",
+	"action.toggle-mouse": "موش",
+	"action.toggle-paste-at-cursor": "جابجایی در مکان نما را تغییر دهید",
+	"action.toggle-paste-at-cursor.menu": "در مکان نما جایگذاری کنید",
+	"action.toggle-reduce-motion": "تغییر وضعیت کاهش حرکت",
+	"action.toggle-reduce-motion.menu": "کاهش حرکت",
+	"action.toggle-snap-mode": "تغییر وضعیت حالت چسبانکی",
+	"action.toggle-snap-mode.menu": "حالت چسبانکی همیشه روشن",
+	"action.toggle-tool-lock": "تغییر وضعیت قفل ابزار",
+	"action.toggle-tool-lock.menu": "قفل ابزار",
+	"action.toggle-trackpad": "ترک‌پد",
+	"action.toggle-transparent": "تغییر وضعیت پس‌زمینه شفاف",
+	"action.toggle-transparent.context-menu": "شفاف",
+	"action.toggle-transparent.menu": "شفاف",
+	"action.toggle-wrap-mode": "تغییر وضعیت حالت Wrap",
+	"action.toggle-wrap-mode.menu": "انتخاب حالت Wrap",
+	"action.undo": "واگردانی",
+	"action.ungroup": "جداکردن گروه",
+	"action.unlock-all": "بازکردن قفل همه",
+	"action.zoom-in": "بزرگ‌نمایی",
+	"action.zoom-out": "کوچک‌نمایی",
+	"action.zoom-quick": "بزرگنمایی سریع",
+	"action.zoom-to-100": "بزرگ‌نمایی به ۱۰۰٪",
+	"action.zoom-to-fit": "بزرگ‌نمایی به تناسب",
+	"action.zoom-to-selection": "بزرگ‌نمایی به انتخاب‌شده‌ها",
+	"actions-menu.title": "اقدامات",
+	"align-style.end": "انتها",
+	"align-style.justify": "هم‌ترازکردن",
+	"align-style.middle": "میانه",
+	"align-style.start": "شروع",
+	"app.loading": "در حال بارگیری tldraw…",
+	"arrow-kind-style.arc": "قوس",
+	"arrow-kind-style.elbow": "آرنج",
+	"arrowheadEnd-style.arrow": "پیکان",
+	"arrowheadEnd-style.bar": "مسدودشده",
+	"arrowheadEnd-style.diamond": "الماس",
+	"arrowheadEnd-style.dot": "نقطه",
+	"arrowheadEnd-style.inverted": "وارونه",
+	"arrowheadEnd-style.none": "هیچ‌یک",
+	"arrowheadEnd-style.pipe": "لوله",
+	"arrowheadEnd-style.square": "مربع",
+	"arrowheadEnd-style.triangle": "سه‌گوش",
+	"arrowheadStart-style.arrow": "پیکان",
+	"arrowheadStart-style.bar": "مسدودشده",
+	"arrowheadStart-style.diamond": "الماس",
+	"arrowheadStart-style.dot": "نقطه",
+	"arrowheadStart-style.inverted": "وارونه",
+	"arrowheadStart-style.none": "هیچ‌یک",
+	"arrowheadStart-style.pipe": "لوله",
+	"arrowheadStart-style.square": "مربع",
+	"arrowheadStart-style.triangle": "سه‌گوش",
+	"assets.files.amount-too-many": "فایل های خیلی زیاد",
+	"assets.files.maximum-size": "حداکثر اندازه فایل {size} است.",
+	"assets.files.size-too-big": "اندازه فایل خیلی بزرگ است",
+	"assets.files.type-not-allowed": "نوع فایل مجاز نیست",
+	"assets.files.upload-failed": "آپلود انجام نشد",
+	"assets.url.failed": "پیش نمایش URL بارگیری نشد",
+	"color-style.black": "مشکی",
+	"color-style.blue": "آبی",
+	"color-style.green": "سبز",
+	"color-style.grey": "خاکستری",
+	"color-style.light-blue": "آبی روشن",
+	"color-style.light-green": "سبز روشن",
+	"color-style.light-red": "قرمز روشن",
+	"color-style.light-violet": "بنفش روشن",
+	"color-style.orange": "نارنجی",
+	"color-style.red": "قرمز",
+	"color-style.violet": "بنفش",
+	"color-style.white": "سفید",
+	"color-style.yellow": "زرد",
+	"context-menu.arrange": "مرتب‌سازی",
+	"context-menu.copy-as": "رونوشت به‌‌عنوان",
+	"context-menu.edit": "ویرایش",
+	"context-menu.export-all-as": "همه را به عنوان اکسپورت کنید",
+	"context-menu.export-as": "برون‌ریزی با قالب",
+	"context-menu.move-to-page": "بردن به برگه",
+	"context-menu.reorder": "بازچینش",
+	"context-menu.title": "منوی زمینه",
+	"context.pages.new-page": "برگه جدید",
+	"cursor-chat.type-to-chat": "برای چت تایپ کنید...",
+	"dash-style.dashed": "خط‌چین",
+	"dash-style.dotted": "نقطه‌چین",
+	"dash-style.draw": "رسم",
+	"dash-style.solid": "توپُر",
+	"document-name-menu.copy-link": "لینک را کپی کنید",
+	"document.default-name": "بدون عنوان",
+	"edit-link-dialog.cancel": "لغو",
+	"edit-link-dialog.clear": "پاک‌سازی",
+	"edit-link-dialog.detail": "پیوندها در یک زبانه جدید باز خواهند شد.",
+	"edit-link-dialog.external-link": "پیوند خارجی",
+	"edit-link-dialog.invalid-url": "یک پیوند باید یک نشانی اینترنتی معتبر باشد.",
+	"edit-link-dialog.save": "ادامه‌دادن",
+	"edit-link-dialog.title": "ویرایش پیوند",
+	"edit-link-dialog.url": "نشانی اینترنتی",
+	"embed-dialog.back": "بازگشت",
+	"embed-dialog.cancel": "لغو",
+	"embed-dialog.create": "ایجاد",
+	"embed-dialog.instruction": "برای ایجاد جاسازی، نشانی اینترنتی سایت را جای‌گذاری کنید.",
+	"embed-dialog.invalid-url": "نتوانستیم از آن آدرس اینترنتی، یک جاسازی ایجاد کنیم.",
+	"embed-dialog.title": "درج جاسازی",
+	"embed-dialog.url": "نشانی اینترنتی",
+	"file-system.confirm-clear.cancel": "لغو",
+	"file-system.confirm-clear.continue": "ادامه‌دادن",
+	"file-system.confirm-clear.description": "ایجاد یک پروژه جدید، پروژه کنونی شما را پاک‌سازی می‌کند و تغییرات ذخیره‌نشده از بین خواهد رفت. آیا مطمئن هستید که می‌خواهید ادامه دهید؟",
+	"file-system.confirm-clear.dont-show-again": "دوباره نپرس",
+	"file-system.confirm-clear.title": "پاک‌سازی پروژه کنونی؟",
+	"file-system.confirm-open.cancel": "لغو",
+	"file-system.confirm-open.description": "بازکردن یک پرونده جدید، آن را با پروژه کنونی شما جایگزین می‌کند و تغییرات ذخیره‌نشده از بین خواهد رفت. آیا مطمئن هستید که می‌خواهید ادامه دهید؟",
+	"file-system.confirm-open.dont-show-again": "دوباره نپرس",
+	"file-system.confirm-open.open": "بازکردن پرونده",
+	"file-system.confirm-open.title": "بازنویسی روی پروژه کنونی؟",
+	"file-system.file-open-error.file-format-version-too-new": "پرونده‌ای که تلاش کردید آن را باز کنید از یک نسخه جدیدتر tldraw است. لطفا برگه را تازه‌سازی مجدد کنید و دوباره تلاش کنید.",
+	"file-system.file-open-error.generic-corrupted-file": "پرونده‌ای که تلاش کردید آن را باز کنید خراب است.",
+	"file-system.file-open-error.not-a-tldraw-file": "پرونده‌ای که تلاش کردید آن را باز کنید شبیه یک پرونده tldraw نیست.",
+	"file-system.file-open-error.title": "پرونده باز نشد",
+	"file-system.shared-document-file-open-error.description": "بازکردن پیونده‌ها از پروژه‌های هم‌رسانی‌شده پشتیبانی نمی‌شود.",
+	"file-system.shared-document-file-open-error.title": "پرونده باز نشد",
+	"fill-style.fill": "پر کردن",
+	"fill-style.lined-fill": "پر کردن خطی",
+	"fill-style.none": "هیچ‌یک",
+	"fill-style.pattern": "الگو",
+	"fill-style.semi": "نیمه",
+	"fill-style.solid": "توپُر",
+	"focus-mode.toggle-focus-mode": "تغییر وضعیت حالت تمرکز",
+	"font-style.draw": "رسم",
+	"font-style.mono": "تک‌فاصله",
+	"font-style.sans": "سَنس",
+	"font-style.serif": "سِریف",
+	"geo-style.arrow-down": "پیکان روبه پایین",
+	"geo-style.arrow-left": "پیکان روبه چپ",
+	"geo-style.arrow-right": "پیکان روبه راست",
+	"geo-style.arrow-up": "پیکان روبه بالا",
+	"geo-style.check-box": "جعبه با تیک",
+	"geo-style.cloud": "ابر",
+	"geo-style.diamond": "الماس",
+	"geo-style.ellipse": "گردی",
+	"geo-style.heart": "قلب",
+	"geo-style.hexagon": "شش‌ضلعی",
+	"geo-style.octagon": "هشت‌ضلعی",
+	"geo-style.oval": "تخم‌مرغی",
+	"geo-style.pentagon": "پنج‌ضلعی",
+	"geo-style.rectangle": "چهارگوش",
+	"geo-style.rhombus": "لوزی",
+	"geo-style.rhombus-2": "لوزی سمت چپ",
+	"geo-style.star": "ستاره",
+	"geo-style.trapezoid": "ذوزنقه",
+	"geo-style.triangle": "سه‌گوش",
+	"geo-style.x-box": "جعبه با x",
+	"handle.crop.bottom": "پایین برش",
+	"handle.crop.bottom-left": "برش پایین سمت چپ",
+	"handle.crop.bottom-right": "برش پایین سمت راست",
+	"handle.crop.left": "برش از چپ",
+	"handle.crop.right": "برش از راست",
+	"handle.crop.top": "بالای برش",
+	"handle.crop.top-left": "برش بالا سمت چپ",
+	"handle.crop.top-right": "برش بالا سمت راست",
+	"handle.resize-bottom": "تغییر اندازه پایین",
+	"handle.resize-bottom-left": "تغییر اندازه پایین سمت چپ",
+	"handle.resize-bottom-right": "تغییر اندازه پایین سمت راست",
+	"handle.resize-left": "تغییر اندازه سمت چپ",
+	"handle.resize-right": "تغییر اندازه به راست",
+	"handle.resize-top": "تغییر اندازه بالا",
+	"handle.resize-top-left": "تغییر اندازه بالا سمت چپ",
+	"handle.resize-top-right": "تغییر اندازه بالا سمت راست",
+	"handle.rotate.bottom_left_rotate": "چرخش پایین سمت چپ",
+	"handle.rotate.bottom_right_rotate": "چرخش پایین سمت راست",
+	"handle.rotate.mobile_rotate": "چرخش",
+	"handle.rotate.top_left_rotate": "چرخش بالا سمت چپ",
+	"handle.rotate.top_right_rotate": "چرخش بالا سمت راست",
+	"help-menu.about": "درباره",
+	"help-menu.discord": "دیسکورد",
+	"help-menu.github": "گیت‌هاب",
+	"help-menu.import-tldr-file": "وارد کردن فایل...",
+	"help-menu.keyboard-shortcuts": "میان‌برهای صفحه‌کلید",
+	"help-menu.privacy": "سیاست حفظ حریم خصوصی",
+	"help-menu.terms": "شرایط خدمات",
+	"help-menu.title": "کمک و منابع",
+	"help-menu.twitter": "توییتر",
+	"menu.accessibility": "دسترسی‌پذیری",
+	"menu.color-theme": "تم رنگی",
+	"menu.copy-as": "رونوشت به‌‌عنوان",
+	"menu.edit": "ویرایش",
+	"menu.export-as": "برون‌ریزی با قالب",
+	"menu.file": "پرونده",
+	"menu.input-device": "دستگاه ورودی",
+	"menu.language": "زبان",
+	"menu.preferences": "ترجیحات",
+	"menu.theme": "تم",
+	"menu.title": "فهرست",
+	"menu.view": "نمایش",
+	"navigation-zone.minimap": "مینی‌مپ",
+	"navigation-zone.title": "ناوبری",
+	"navigation-zone.toggle-minimap": "تغییر وضعیت نقشه کوچک",
+	"navigation-zone.zoom": "بزرگ‌نمایی",
+	"opacity-style.0.1": "۱۰٪",
+	"opacity-style.0.25": "۲۵٪",
+	"opacity-style.0.5": "۵۰٪",
+	"opacity-style.0.75": "۷۵٪",
+	"opacity-style.1": "۱۰۰٪",
+	"page-menu.create-new-page": "ایجاد برگه جدید",
+	"page-menu.edit-done": "انجام شد",
+	"page-menu.edit-start": "ویرایش",
+	"page-menu.go-to-page": "برو به برگه",
+	"page-menu.new-page-initial-name": "برگه ۱",
+	"page-menu.submenu.delete": "پاک‌کردن",
+	"page-menu.submenu.duplicate-page": "تکثیرکردن",
+	"page-menu.submenu.move-down": "حرکت به پایین",
+	"page-menu.submenu.move-up": "حرکت به بالا",
+	"page-menu.submenu.rename": "تغییر نام",
+	"page-menu.submenu.title": "فهرست",
+	"page-menu.title": "برگه‌ها",
+	"people-menu.anonymous-user": "کاربر جدید",
+	"people-menu.avatar-color": "رنگ آواتار",
+	"people-menu.change-color": "تغییر رنگ",
+	"people-menu.change-name": "تغییر نام",
+	"people-menu.follow": "پی‌گرفته",
+	"people-menu.following": "پی‌گرفته",
+	"people-menu.invite": "دعوت از دیگران",
+	"people-menu.leading": "شما را پی می‌گیرد",
+	"people-menu.title": "افراد",
+	"people-menu.user": "(شما)",
+	"share-menu.copied": "لینک کپی شد!",
+	"share-menu.copy-link": "رونوشت پیوند هم‌رسانی",
+	"share-menu.copy-link-note": "هرکسی که این پیوند را داشته باشد می‌تواند این پروژه را ببیند و ویرایش کند.",
+	"share-menu.copy-readonly-link": "رونوشت پیوند غیرقابل ویرایش",
+	"share-menu.copy-readonly-link-note": "هرکسی که این پیوند را داشته باشد می‌تواند این پروژه را ببیند (ولی نمی‌تواند ویرایش کند).",
+	"share-menu.create-snapshot-link": "رونوشت پیوند تصویر لحظه‌ای",
+	"share-menu.creating-project": "درحال ساختن پروژه جدید...",
+	"share-menu.fork-note": "یک پروژه هم‌رسانی‌شده جدید براساس این تصویر لحظه‌ای ایجاد کنید.",
+	"share-menu.offline-note": "یک پروژه هم‌رسانی‌شده جدید براساس پروژه کنونی خود ایجاد کنید.",
+	"share-menu.project-too-large": "با عرض پوزش، این پروژه نمی‌تواند هم‌رسانی شود زیرا بسیار بزرگ است. ما درحال کار روی آن هستم!",
+	"share-menu.save-note": "این پروژه را در رایانه خود به عنوان پرونده .tldr بارگیری کنید.",
+	"share-menu.share-project": "هم‌رسانی این پروژه",
+	"share-menu.snapshot-link-note": "یک تصویر لحظه‌ای غیرقابل ویرایش از این پروژه ایجاد کنید و پیوند آن را هم‌رسانی کنید.",
+	"share-menu.title": "هم‌رسانی",
+	"share-menu.upload-failed": "با عرض پوزش، در این لحظه نتوانستیم پروژه شما را بارگذاری کنیم. لطفا دوباره تلاش کنید یا اگر مشکل ادامه داشت، به ما اطلاع دهید.",
+	"sharing.confirm-leave.cancel": "لغو",
+	"sharing.confirm-leave.description": "آیا مطمئن هستید که می‌خواهید این پروژه هم‌رسانی‌شده را ترک کنید؟ شما می‌توانید با رفتن به نشانی اینترنتی آن، به آن بازگردید.",
+	"sharing.confirm-leave.dont-show-again": "دوباره نپرس",
+	"sharing.confirm-leave.leave": "ترک‌کردن",
+	"sharing.confirm-leave.title": "ترک‌کردن پروژه کنونی؟",
+	"shortcuts-dialog.a11y": "دسترسی‌پذیری",
+	"shortcuts-dialog.collaboration": "همکاری",
+	"shortcuts-dialog.edit": "ویرایش",
+	"shortcuts-dialog.file": "پرونده",
+	"shortcuts-dialog.preferences": "ترجیحات",
+	"shortcuts-dialog.text-formatting": "قالب‌بندی متن",
+	"shortcuts-dialog.title": "میان‌برهای صفحه‌کلید",
+	"shortcuts-dialog.tools": "ابزارها",
+	"shortcuts-dialog.transform": "تغییر شکل",
+	"shortcuts-dialog.view": "نمایش",
+	"size-style.l": "بزرگ",
+	"size-style.m": "متوسط",
+	"size-style.s": "کوچک",
+	"size-style.xl": "خیلی بزرگ",
+	"spline-style.cubic": "مکعبی",
+	"spline-style.line": "خط",
+	"status.offline": "آفلاین",
+	"style-panel.align": "تراز",
+	"style-panel.arrow-kind": "خط",
+	"style-panel.arrowhead-end": "انتها",
+	"style-panel.arrowhead-start": "شروع",
+	"style-panel.arrowheads": "نوک‌های پیکان‌ها",
+	"style-panel.color": "رنگ",
+	"style-panel.dash": "لبه",
+	"style-panel.fill": "پُرکردن",
+	"style-panel.font": "قلم",
+	"style-panel.geo": "شکل",
+	"style-panel.label-align": "تراز کردن برچسب",
+	"style-panel.mixed": "درهم",
+	"style-panel.opacity": "کدری",
+	"style-panel.position": "موقعیت",
+	"style-panel.selected": "انتخاب شده",
+	"style-panel.size": "اندازه",
+	"style-panel.spline": "نوار باریک",
+	"style-panel.title": "سبک‌ها",
+	"style-panel.vertical-align": "تراز عمودی",
+	"theme.dark": "تاریک",
+	"theme.light": "روشن",
+	"theme.system": "سیستم",
+	"toast.close": "بستن",
+	"toast.error": "خطا",
+	"toast.error.copy-fail.desc": "رونوشت تصویر با خطا مواجه شد",
+	"toast.error.copy-fail.title": "رونوشت با خطا مواجه شد",
+	"toast.error.export-fail.desc": "تصویر برون‌ریزی نشد",
+	"toast.error.export-fail.title": "برون‌ریزی ناموفق",
+	"toast.info": "اطلاعات",
+	"toast.success": "موفقیت",
+	"toast.warning": "هشدار",
+	"tool-panel.more": "بیش‌تر",
+	"tool-panel.title": "ابزارها",
+	"tool.arrow": "پیکان",
+	"tool.arrow-down": "پیکان روبه پایین",
+	"tool.arrow-left": "پیکان روبه چپ",
+	"tool.arrow-right": "پیکان روبه راست",
+	"tool.arrow-up": "پیکان روبه بالا",
+	"tool.aspect-ratio": "نسبت ابعاد",
+	"tool.aspect-ratio.circle": "دایره (۱:۱)",
+	"tool.aspect-ratio.landscape": "منظره (۴:۳)",
+	"tool.aspect-ratio.original": "اصلی",
+	"tool.aspect-ratio.portrait": "پرتره (۳:۴)",
+	"tool.aspect-ratio.square": "مربع (۱:۱)",
+	"tool.aspect-ratio.wide": "عریض (۱۶:۹)",
+	"tool.bookmark": "نشانک",
+	"tool.check-box": "جعبه با تیک",
+	"tool.cloud": "ابر",
+	"tool.diamond": "الماس",
+	"tool.draw": "رسم",
+	"tool.ellipse": "گردی",
+	"tool.embed": "جاسازی",
+	"tool.eraser": "پاک‌کن",
+	"tool.flip-horz": "وارونه‌سازی افقی",
+	"tool.flip-vert": "وارونه‌سازی عمودی",
+	"tool.frame": "قاب",
+	"tool.hand": "دست",
+	"tool.heart": "قلب",
+	"tool.hexagon": "شش‌ضلعی",
+	"tool.highlight": "برجسته",
+	"tool.image-crop": "برش تصویر",
+	"tool.image-crop-confirm": "تأیید",
+	"tool.image-toolbar-title": "ابزارهای تصویر",
+	"tool.image-zoom": "بزرگ‌نمایی",
+	"tool.laser": "لیزر",
+	"tool.line": "خط",
+	"tool.media": "رسانه ها",
+	"tool.media-alt-text": "متن جایگزین",
+	"tool.media-alt-text-confirm": "تأیید",
+	"tool.media-alt-text-desc": "یه توضیحاتی بده…",
+	"tool.note": "یادداشت",
+	"tool.octagon": "هشت‌ضلعی",
+	"tool.oval": "تخم‌مرغی",
+	"tool.pentagon": "پنج‌ضلعی",
+	"tool.pointer-down": "اشاره به پایین",
+	"tool.rectangle": "چهارگوش",
+	"tool.replace-media": "رسانه را جایگزین کنید",
+	"tool.rhombus": "لوزی",
+	"tool.rich-text-bold": "پررنگ",
+	"tool.rich-text-bulletList": "لیست گلوله شده",
+	"tool.rich-text-code": "کد",
+	"tool.rich-text-header": "سربرگ",
+	"tool.rich-text-highlight": "برجسته کردن",
+	"tool.rich-text-italic": "مورب",
+	"tool.rich-text-link": "پیوند",
+	"tool.rich-text-link-remove": "حذف پیوند",
+	"tool.rich-text-link-visit": "به لینک مراجعه کنید",
+	"tool.rich-text-orderedList": "لیست مرتب شده",
+	"tool.rich-text-strikethrough": "ضربه زدن",
+	"tool.rich-text-toolbar-title": "قالب‌بندی متن",
+	"tool.rotate-cw": "چرخش",
+	"tool.select": "انتخاب",
+	"tool.star": "ستاره",
+	"tool.text": "متن",
+	"tool.trapezoid": "ذوزنقه",
+	"tool.triangle": "سه‌گوش",
+	"tool.x-box": "جعبه با x",
+	"ui.checked": "بررسی شده",
+	"ui.close": "بستن",
+	"ui.unchecked": "بررسی نشده",
+	"verticalAlign-style.end": "پایین",
+	"verticalAlign-style.middle": "وسط",
+	"verticalAlign-style.start": "بالا",
+	"vscode.file-open.backup": "نسخه پشتیبان",
+	"vscode.file-open.backup-failed": "پشتیبان‌گیری انجام نشد: این یک پرونده .tldr نیست.",
+	"vscode.file-open.backup-saved": "نسخه پشتیبان ذخیره شد",
+	"vscode.file-open.desc": "ما این سند را برای کار با نسخه کنونی tldraw به‌روز کرده‌ایم. اگر می‌خواهید نسخه اصلی را نگه دارید (که روی old.tldraw.com کار می‌کند)، برای ایجاد یک نسخه پشتیبان این پایین کلیک کنید.",
+	"vscode.file-open.dont-show-again": "دوباره نپرس",
+	"vscode.file-open.open": "ادامه‌دادن"
+}
diff --git a/web/hermes-dist/translations/fi.json b/web/hermes-dist/translations/fi.json
new file mode 100644
index 0000000..7966b99
--- /dev/null
+++ b/web/hermes-dist/translations/fi.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "Muodon tyylien säätäminen",
+	"a11y.enlarge-shape": "Suurenna muotoa",
+	"a11y.enter-leave-container": "Sisään/poistuu säilöstä",
+	"a11y.move-shape": "Siirrä muotoa",
+	"a11y.move-shape-faster": "Siirrä muotoa nopeammin",
+	"a11y.multiple-shapes": "{num} muotoa valittu",
+	"a11y.open-context-menu": "Avaa kontekstivalikko",
+	"a11y.open-keyboard-shortcuts": "Avaa pikanäppäimet",
+	"a11y.pan-camera": "Panorointikamera",
+	"a11y.repeat-shape": "Toista muoto",
+	"a11y.rotate-shape-ccw": "Kierrä muotoa vastapäivään",
+	"a11y.rotate-shape-ccw-fine": "Kierrä muotoa vastapäivään (hienosäätö)",
+	"a11y.rotate-shape-cw": "Kierrä muotoa myötäpäivään",
+	"a11y.rotate-shape-cw-fine": "Kierrä muotoa myötäpäivään (hienovaraisesti)",
+	"a11y.select-shape": "Valitse seuraava muoto",
+	"a11y.select-shape-direction": "Valitse muoto suunnassa",
+	"a11y.shape-image": "Kuva",
+	"a11y.shape-index": "{num}/{total}",
+	"a11y.shape-video": "Video",
+	"a11y.shrink-shape": "Kutistuva muoto",
+	"a11y.skip-to-main-content": "Siirrä kohdistus kankaalle",
+	"a11y.status": "Status",
+	"action.align-bottom": "Tasa alareuna",
+	"action.align-center-horizontal": "Tasaa pystysuunnassa",
+	"action.align-center-horizontal.short": "Tasaa P",
+	"action.align-center-vertical": "Tasaa vaakasuunnassa",
+	"action.align-center-vertical.short": "Tasaa V",
+	"action.align-left": "Tasaa vasen reuna",
+	"action.align-right": "Tasaa oikea reuna",
+	"action.align-top": "Tasaa yläreuna",
+	"action.back-to-content": "Takaisin sisältöön",
+	"action.bring-forward": "Tuo eteenpäin",
+	"action.bring-to-front": "Tuo eteen",
+	"action.convert-to-bookmark": "Muunna kirjanmerkiksi",
+	"action.convert-to-embed": "Muunna upotettavaksi",
+	"action.copy": "Kopioi",
+	"action.copy-as-json": "Kopioi JSON-muodossa",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "Kopioi PNG-muodossa",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "Kopioi SVG-muodossa",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "Leikkaa",
+	"action.delete": "Poista",
+	"action.distribute-horizontal": "Jaa pystysuunnassa",
+	"action.distribute-horizontal.short": "Jaa P",
+	"action.distribute-vertical": "Jaa vaakasuunnassa",
+	"action.distribute-vertical.short": "Jaa V",
+	"action.download-original": "Lataa alkuperäinen",
+	"action.duplicate": "Luo kopio",
+	"action.edit-link": "Muokkaa linkkiä",
+	"action.enhanced-a11y-mode": "Vaihda parannettua esteettömyystilaa",
+	"action.enhanced-a11y-mode.menu": "Parannettu esteettömyystila",
+	"action.exit-pen-mode": "Poistu kynätilasta",
+	"action.export-all-as-png": "Vie kaikki PNG-muodossa",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "Vie kaikki SVG-muodossa",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "Vie PNG-muodossa",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "Vie SVG-muodossa",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "Sovita sisältöön",
+	"action.flatten-to-image": "Tasoita",
+	"action.flip-horizontal": "Käännä pystysuunnassa",
+	"action.flip-horizontal.short": "Käännä P",
+	"action.flip-vertical": "Käännä vaakasuunnassa",
+	"action.flip-vertical.short": "Käännä V",
+	"action.fork-project": "Haarukka tämä projekti",
+	"action.fork-project-on-tldraw": "Fork-projekti tldrawssa",
+	"action.group": "Ryhmä",
+	"action.insert-embed": "Lisää upotus",
+	"action.insert-media": "Lataa media",
+	"action.leave-shared-project": "Poistu jaetusta projektista",
+	"action.new-project": "Uusi projekti",
+	"action.new-shared-project": "Uusi jaettu projekti",
+	"action.open-cursor-chat": "Kursori chat",
+	"action.open-embed-link": "Avaa linkki",
+	"action.open-file": "Avaa tiedosto",
+	"action.open-kbd-shortcuts": "Avaa pikanäppäimet",
+	"action.pack": "Pakkaa",
+	"action.paste": "Liitä",
+	"action.paste-error-description": "Ei voitu liittää, koska leikepöydän käyttöoikeudet puuttuvat. Ota käyttöoikeudet käyttöön ja yritä uudelleen.",
+	"action.paste-error-title": "Liittäminen epäonnistui",
+	"action.print": "Tulosta",
+	"action.redo": "Tee uudelleen",
+	"action.remove-frame": "Poista kehys",
+	"action.rename": "Nimeä uudelleen",
+	"action.rotate-ccw": "Pyöritä vastapäivään",
+	"action.rotate-cw": "Pyöritä myötäpäivään",
+	"action.save-copy": "Tallenna kopio",
+	"action.select-all": "Valitse kaikki",
+	"action.select-none": "Poista valinta",
+	"action.select-zoom-tool": "Zoomaus",
+	"action.send-backward": "Eteenpäin",
+	"action.send-to-back": "Taaksepäin",
+	"action.share-project": "Jaa tämä projekti",
+	"action.stack-horizontal": "Pinoa pystysuunnassa",
+	"action.stack-horizontal.short": "Pinoa P",
+	"action.stack-vertical": "Pinoa vaakasuunnassa",
+	"action.stack-vertical.short": "Pinoa V",
+	"action.stop-following": "Lopeta seuraaminen",
+	"action.stretch-horizontal": "Venytä pystysuunnassa",
+	"action.stretch-horizontal.short": "Venytä P",
+	"action.stretch-vertical": "Venytä vaakasuunnassa",
+	"action.stretch-vertical.short": "Venytä V",
+	"action.toggle-auto-none": "Auto",
+	"action.toggle-auto-pan": "Automaattinen (ohjauslevy)",
+	"action.toggle-auto-size": "Automaattinen koko päälle/pois",
+	"action.toggle-auto-zoom": "Automaattinen (hiiri)",
+	"action.toggle-dark-mode": "Tumma tila päälle/pois",
+	"action.toggle-dark-mode.menu": "Tumma tila",
+	"action.toggle-debug-mode": "Virheenkorjaustila päälle/pois",
+	"action.toggle-debug-mode.menu": "Virheenkorjaustila",
+	"action.toggle-dynamic-size-mode": "Vaihda dynaaminen koko",
+	"action.toggle-dynamic-size-mode.menu": "Dynaaminen koko",
+	"action.toggle-edge-scrolling": "Vaihda reunan vieritys",
+	"action.toggle-edge-scrolling.menu": "Reunojen vieritys",
+	"action.toggle-focus-mode": "Keskittymistila päälle/pois",
+	"action.toggle-focus-mode.menu": "Keskittymistila",
+	"action.toggle-grid": "Ruudukko päälle/pois",
+	"action.toggle-grid.menu": "Näytä ruudukko",
+	"action.toggle-invert-zoom": "Hiiren zoomauksen käänteiskytkentä päälle/pois",
+	"action.toggle-invert-zoom.menu": "Käännä hiiren zoomaus",
+	"action.toggle-keyboard-shortcuts": "Pikanäppäinten kytkeminen päälle/pois",
+	"action.toggle-keyboard-shortcuts.menu": "Pikanäppäimet",
+	"action.toggle-lock": "Lukitse / Avaa",
+	"action.toggle-mouse": "Hiiri",
+	"action.toggle-paste-at-cursor": "Vaihda liitä kohdistin kohdalle",
+	"action.toggle-paste-at-cursor.menu": "Liitä kohdistimen kohdalle",
+	"action.toggle-reduce-motion": "Vähennä liikettä päälle/pois",
+	"action.toggle-reduce-motion.menu": "Vähennä liikettä",
+	"action.toggle-snap-mode": "Kohdista aina päälle/pois",
+	"action.toggle-snap-mode.menu": "Kohdista aina",
+	"action.toggle-tool-lock": "Työkalun lukitus päälle/pois",
+	"action.toggle-tool-lock.menu": "Työkalun lukitus",
+	"action.toggle-trackpad": "Kosketuslevy",
+	"action.toggle-transparent": "Läpinäkyvä tausta päälle/pois",
+	"action.toggle-transparent.context-menu": "Läpinäkyvä",
+	"action.toggle-transparent.menu": "Läpinäkyvä",
+	"action.toggle-wrap-mode": "Vaihda valinta päälle",
+	"action.toggle-wrap-mode.menu": "Valitse kääreessä",
+	"action.undo": "Peru",
+	"action.ungroup": "Pura ryhmittely",
+	"action.unlock-all": "Avaa kaikki",
+	"action.zoom-in": "Lähennä",
+	"action.zoom-out": "Loitonna",
+	"action.zoom-quick": "Nopea zoomaus",
+	"action.zoom-to-100": "Zoomaa 100 %:iin",
+	"action.zoom-to-fit": "Zoomaa sopivaksi",
+	"action.zoom-to-selection": "Zoomaa valintaan",
+	"actions-menu.title": "Toiminnot",
+	"align-style.end": "Loppu",
+	"align-style.justify": "Tasaa",
+	"align-style.middle": "Keskelle",
+	"align-style.start": "Alku",
+	"app.loading": "Ladataan tldraw-tiedostoa…",
+	"arrow-kind-style.arc": "Kaari",
+	"arrow-kind-style.elbow": "Kyynärpää",
+	"arrowheadEnd-style.arrow": "Nuoli",
+	"arrowheadEnd-style.bar": "Viiva",
+	"arrowheadEnd-style.diamond": "Timantti",
+	"arrowheadEnd-style.dot": "Piste",
+	"arrowheadEnd-style.inverted": "Käänteinen",
+	"arrowheadEnd-style.none": "Ei nuolenpäätä",
+	"arrowheadEnd-style.pipe": "Putki",
+	"arrowheadEnd-style.square": "Neliö",
+	"arrowheadEnd-style.triangle": "Kolmio",
+	"arrowheadStart-style.arrow": "Nuoli",
+	"arrowheadStart-style.bar": "Viiva",
+	"arrowheadStart-style.diamond": "Timantti",
+	"arrowheadStart-style.dot": "Piste",
+	"arrowheadStart-style.inverted": "Käänteinen",
+	"arrowheadStart-style.none": "Ei nuolenpäätä",
+	"arrowheadStart-style.pipe": "Putki",
+	"arrowheadStart-style.square": "Neliö",
+	"arrowheadStart-style.triangle": "Kolmio",
+	"assets.files.amount-too-many": "Liian monta tiedostoa",
+	"assets.files.maximum-size": "Tiedoston enimmäiskoko on {size}",
+	"assets.files.size-too-big": "Tiedoston koko on liian suuri",
+	"assets.files.type-not-allowed": "Tiedostotyyppi ei ole sallittu",
+	"assets.files.upload-failed": "Lataus epäonnistui",
+	"assets.url.failed": "URL-esikatselua ei voitu ladata",
+	"color-style.black": "Musta",
+	"color-style.blue": "Sininen",
+	"color-style.green": "Vihreä",
+	"color-style.grey": "Harmaa",
+	"color-style.light-blue": "Vaaleansininen",
+	"color-style.light-green": "Vaaleanvihreä",
+	"color-style.light-red": "Vaalea punainen",
+	"color-style.light-violet": "Vaalea violetti",
+	"color-style.orange": "Oranssi",
+	"color-style.red": "Punainen",
+	"color-style.violet": "Violetti",
+	"color-style.white": "Valkoinen",
+	"color-style.yellow": "Keltainen",
+	"context-menu.arrange": "Järjestä",
+	"context-menu.copy-as": "Kopioi muodossa",
+	"context-menu.edit": "Muokata",
+	"context-menu.export-all-as": "Vie kaikki nimellä",
+	"context-menu.export-as": "Vie muodossa",
+	"context-menu.move-to-page": "Siirrä sivulle",
+	"context-menu.reorder": "Uudelleenjärjestä",
+	"context-menu.title": "Kontekstivalikko",
+	"context.pages.new-page": "Uusi sivu",
+	"cursor-chat.type-to-chat": "Kirjoita keskustellaksesi...",
+	"dash-style.dashed": "Katkotettu",
+	"dash-style.dotted": "Pisteellinen",
+	"dash-style.draw": "Kynä",
+	"dash-style.solid": "Kiinteä",
+	"document-name-menu.copy-link": "Kopioi linkki",
+	"document.default-name": "Nimetön",
+	"edit-link-dialog.cancel": "Peru",
+	"edit-link-dialog.clear": "Tyhjennä",
+	"edit-link-dialog.detail": "Linkit avautuvat uuteen välilehteen.",
+	"edit-link-dialog.external-link": "Ulkoinen linkki",
+	"edit-link-dialog.invalid-url": "Linkin on oltava kelvollinen URL-osoite.",
+	"edit-link-dialog.save": "Jatka",
+	"edit-link-dialog.title": "Linkin muokkaus",
+	"edit-link-dialog.url": "Osoite",
+	"embed-dialog.back": "Takaisin",
+	"embed-dialog.cancel": "Peru",
+	"embed-dialog.create": "Luo",
+	"embed-dialog.instruction": "Luo upotus liittämällä sivuston URL-osoite.",
+	"embed-dialog.invalid-url": "Upotettua verkko-osaa ei voitu luoda kyseisestä URL-osoitteesta.",
+	"embed-dialog.title": "Luo upotettu verkko-osa",
+	"embed-dialog.url": "Osoite",
+	"file-system.confirm-clear.cancel": "Peru",
+	"file-system.confirm-clear.continue": "Jatka",
+	"file-system.confirm-clear.description": "Uuden projektin luominen tyhjentää nykyisen projektin ja kaikki tallentamattomat muutokset menetetään. Oletko varma, että haluat jatkaa?",
+	"file-system.confirm-clear.dont-show-again": "Älä kysy uudelleen",
+	"file-system.confirm-clear.title": "Tyhjennetäänkö nykyinen projekti?",
+	"file-system.confirm-open.cancel": "Peru",
+	"file-system.confirm-open.description": "Tiedoston avaaminen korvaa nykyisen projektin ja tallentamattomat muutokset menetetään. Oletko varma, että haluat jatkaa?",
+	"file-system.confirm-open.dont-show-again": "Älä kysy uudelleen",
+	"file-system.confirm-open.open": "Avaa tiedosto",
+	"file-system.confirm-open.title": "Korvataanko nykyinen projekti?",
+	"file-system.file-open-error.file-format-version-too-new": "Tiedosto, jonka yritit avata, on uudemmasta tldraw versiosta. Ole hyvä ja yritä uudelleen sivun uudelleenlatauksen jälkeen.",
+	"file-system.file-open-error.generic-corrupted-file": "Tiedosto, jonka yritit avata, on vioittunut.",
+	"file-system.file-open-error.not-a-tldraw-file": "Tiedosto, jonka yritit avata, ei näytä tldraw-tiedostolta.",
+	"file-system.file-open-error.title": "Tiedostoa ei voitu avata",
+	"file-system.shared-document-file-open-error.description": "Tiedostojen avaaminen jaetuista projekteista ei ole tuettu.",
+	"file-system.shared-document-file-open-error.title": "Tiedostoa ei voitu avata",
+	"fill-style.fill": "Täyttää",
+	"fill-style.lined-fill": "Viivoitettu täyttö",
+	"fill-style.none": "Ei täyttöä",
+	"fill-style.pattern": "Kuvio",
+	"fill-style.semi": "Osittainen",
+	"fill-style.solid": "Kiinteä",
+	"focus-mode.toggle-focus-mode": "Keskittymistila päälle/pois",
+	"font-style.draw": "Kynä",
+	"font-style.mono": "Mono",
+	"font-style.sans": "Sans",
+	"font-style.serif": "Serif",
+	"geo-style.arrow-down": "Alanuoli",
+	"geo-style.arrow-left": "Vasen nuoli",
+	"geo-style.arrow-right": "Oikea nuoli",
+	"geo-style.arrow-up": "Ylänuoli",
+	"geo-style.check-box": "Valintaruutu",
+	"geo-style.cloud": "Pilvi",
+	"geo-style.diamond": "Timantti",
+	"geo-style.ellipse": "Soikio",
+	"geo-style.heart": "Sydän",
+	"geo-style.hexagon": "Kuusikulmio",
+	"geo-style.octagon": "Kahdeksankulmio",
+	"geo-style.oval": "Soikio",
+	"geo-style.pentagon": "Viisikulmio",
+	"geo-style.rectangle": "Suorakulmio",
+	"geo-style.rhombus": "Neljäkäs",
+	"geo-style.rhombus-2": "Rombi vasemmalle",
+	"geo-style.star": "Tähti",
+	"geo-style.trapezoid": "Puolisuunnikas",
+	"geo-style.triangle": "Kolmio",
+	"geo-style.x-box": "X laatikko",
+	"handle.crop.bottom": "Rajaa alaosa",
+	"handle.crop.bottom-left": "Rajaa vasen alakulma",
+	"handle.crop.bottom-right": "Rajaa oikea alakulma",
+	"handle.crop.left": "Rajaa vasemmalle",
+	"handle.crop.right": "Rajaa oikealle",
+	"handle.crop.top": "Lyhyt toppi",
+	"handle.crop.top-left": "Rajaa vasen yläkulma",
+	"handle.crop.top-right": "Rajaa oikea yläkulma",
+	"handle.resize-bottom": "Muuta alhaalta kokoa",
+	"handle.resize-bottom-left": "Muuta vasemman alakulman kokoa",
+	"handle.resize-bottom-right": "Muuta oikean alakulman kokoa",
+	"handle.resize-left": "Muuta kokoa vasemmalle",
+	"handle.resize-right": "Muuta kokoa oikealle",
+	"handle.resize-top": "Muuta yläosan kokoa",
+	"handle.resize-top-left": "Muuta vasemman yläkulman kokoa",
+	"handle.resize-top-right": "Muuta oikean yläkulman kokoa",
+	"handle.rotate.bottom_left_rotate": "Kierrä vasemmalle alakulmaan",
+	"handle.rotate.bottom_right_rotate": "Kierrä oikealle alhaalla",
+	"handle.rotate.mobile_rotate": "Kiertää",
+	"handle.rotate.top_left_rotate": "Kierrä vasemmalle yläkulmaan",
+	"handle.rotate.top_right_rotate": "Kierrä oikealle yläkulmaan",
+	"help-menu.about": "Tietoja",
+	"help-menu.discord": "Discord",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "Tuo tiedosto...",
+	"help-menu.keyboard-shortcuts": "Pikanäppäimet",
+	"help-menu.privacy": "Tietosuojakäytäntö",
+	"help-menu.terms": "Palveluehdot",
+	"help-menu.title": "Ohje ja resurssit",
+	"help-menu.twitter": "Twitter",
+	"menu.accessibility": "Esteettömyys",
+	"menu.color-theme": "Väriteema",
+	"menu.copy-as": "Kopioi muodossa",
+	"menu.edit": "Muokkaa",
+	"menu.export-as": "Vie muodossa",
+	"menu.file": "Tiedosto",
+	"menu.input-device": "Syöttölaite",
+	"menu.language": "Kieli",
+	"menu.preferences": "Asetukset",
+	"menu.theme": "Teema",
+	"menu.title": "Valikko",
+	"menu.view": "Näytä",
+	"navigation-zone.minimap": "Minikartta",
+	"navigation-zone.title": "Navigointi",
+	"navigation-zone.toggle-minimap": "Vaihda minikartta päälle/pois",
+	"navigation-zone.zoom": "Zoomaa",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "Luo uusi sivu",
+	"page-menu.edit-done": "Valmis",
+	"page-menu.edit-start": "Muokkaa",
+	"page-menu.go-to-page": "Siirry sivulle",
+	"page-menu.new-page-initial-name": "Sivu 1",
+	"page-menu.submenu.delete": "Poista",
+	"page-menu.submenu.duplicate-page": "Luo kopio",
+	"page-menu.submenu.move-down": "Siirrä alaspäin",
+	"page-menu.submenu.move-up": "Siirrä ylöspäin",
+	"page-menu.submenu.rename": "Nimeä uudelleen",
+	"page-menu.submenu.title": "Valikko",
+	"page-menu.title": "Sivut",
+	"people-menu.anonymous-user": "Uusi käyttäjä",
+	"people-menu.avatar-color": "Avatarin väri",
+	"people-menu.change-color": "Muuta väri",
+	"people-menu.change-name": "Muuta nimi",
+	"people-menu.follow": "Seuraa",
+	"people-menu.following": "Jälkeen",
+	"people-menu.invite": "Lähetä kutsu",
+	"people-menu.leading": "Sinua seuraamassa",
+	"people-menu.title": "Ihmiset",
+	"people-menu.user": "(Sinä)",
+	"share-menu.copied": "Linkki kopioitu!",
+	"share-menu.copy-link": "Kopioi linkki",
+	"share-menu.copy-link-note": "Kuka tahansa, jolla on linkki, voi tarkastella ja muokata tätä projektia.",
+	"share-menu.copy-readonly-link": "Kopioi vain lukuoikeuslinkki",
+	"share-menu.copy-readonly-link-note": "Kuka tahansa, jolla on linkki, voi tarkastella (mutta ei muokata) tätä projektia.",
+	"share-menu.create-snapshot-link": "Luo tilannekuvalinkki",
+	"share-menu.creating-project": "Luodaan uutta projektia…",
+	"share-menu.fork-note": "Luo uusi jaettu projekti tämän tilannekuvan perusteella.",
+	"share-menu.offline-note": "Tämän projektin jakaminen luo live-kopion uuteen URL-osoitteeseen. Voit jakaa osoitteen enintään kolmenkymmenen muun henkilön kanssa, jotta he voivat tarkastella ja muokata projektia yhdessä.",
+	"share-menu.project-too-large": "Valitettavasti tätä projektia ei voi jakaa, koska se on liian suuri. Me työstämme sitä!",
+	"share-menu.save-note": "Lataa tämä projekti tietokoneellesi .tldr-tiedostona.",
+	"share-menu.share-project": "Jaa tämä projekti",
+	"share-menu.snapshot-link-note": "Kaappaa ja jaa tämä projekti vain luku -muotoisena tilannekuvalinkkinä.",
+	"share-menu.title": "Jaa",
+	"share-menu.upload-failed": "Valitettavasti emme voineet ladata projektiasi tällä hetkellä. Yritä uudelleen tai ilmoita meille, jos ongelma jatkuu.",
+	"sharing.confirm-leave.cancel": "Peruuttaa",
+	"sharing.confirm-leave.description": "Haluatko varmasti poistua tästä jaetusta projektista? Voit palata siihen siirtymällä sen URL-osoitteeseen.",
+	"sharing.confirm-leave.dont-show-again": "Älä kysy uudelleen",
+	"sharing.confirm-leave.leave": "Lähde",
+	"sharing.confirm-leave.title": "Poistutaanko nykyisestä projektista?",
+	"shortcuts-dialog.a11y": "Esteettömyys",
+	"shortcuts-dialog.collaboration": "Yhteistyö",
+	"shortcuts-dialog.edit": "Muokkaa",
+	"shortcuts-dialog.file": "Tiedosto",
+	"shortcuts-dialog.preferences": "Asetukset",
+	"shortcuts-dialog.text-formatting": "Tekstin muotoilu",
+	"shortcuts-dialog.title": "Pikanäppäimet",
+	"shortcuts-dialog.tools": "Työkalut",
+	"shortcuts-dialog.transform": "Muunna",
+	"shortcuts-dialog.view": "Näytä",
+	"size-style.l": "Suuri",
+	"size-style.m": "Keskikokoinen",
+	"size-style.s": "Pieni",
+	"size-style.xl": "Erittäin suuri",
+	"spline-style.cubic": "Kuutio",
+	"spline-style.line": "Viiva",
+	"status.offline": "Offline-tilassa",
+	"style-panel.align": "Tasaa",
+	"style-panel.arrow-kind": "Viiva",
+	"style-panel.arrowhead-end": "Pääty",
+	"style-panel.arrowhead-start": "Alku",
+	"style-panel.arrowheads": "Nuolenpäät",
+	"style-panel.color": "Väri",
+	"style-panel.dash": "Ääriviiva",
+	"style-panel.fill": "Täyttö",
+	"style-panel.font": "Fonttiperhe",
+	"style-panel.geo": "Muoto",
+	"style-panel.label-align": "Tasaa etiketti",
+	"style-panel.mixed": "Sekalainen",
+	"style-panel.opacity": "Peittävyys",
+	"style-panel.position": "Sijainti",
+	"style-panel.selected": "valittu",
+	"style-panel.size": "Koko",
+	"style-panel.spline": "Käyrä",
+	"style-panel.title": "Tyylit",
+	"style-panel.vertical-align": "Tasaus pystysuoraan",
+	"theme.dark": "Tumma",
+	"theme.light": "Kevyt",
+	"theme.system": "Järjestelmä",
+	"toast.close": "Sulje",
+	"toast.error": "Virhe",
+	"toast.error.copy-fail.desc": "Kuvan kopiointi epäonnistui",
+	"toast.error.copy-fail.title": "Kopiointi epäonnistui",
+	"toast.error.export-fail.desc": "Kuvan vienti epäonnistui",
+	"toast.error.export-fail.title": "Vienti epäonnistui",
+	"toast.info": "Tiedot",
+	"toast.success": "Menestys",
+	"toast.warning": "Varoitus",
+	"tool-panel.more": "Lisää",
+	"tool-panel.title": "Työkalut",
+	"tool.arrow": "Nuoli",
+	"tool.arrow-down": "Alanuoli",
+	"tool.arrow-left": "Vasen nuoli",
+	"tool.arrow-right": "Oikea nuoli",
+	"tool.arrow-up": "Ylänuoli",
+	"tool.aspect-ratio": "Kuvasuhde",
+	"tool.aspect-ratio.circle": "Ympyrä (1:1)",
+	"tool.aspect-ratio.landscape": "Vaakasuuntainen (4:3)",
+	"tool.aspect-ratio.original": "Alkuperäinen",
+	"tool.aspect-ratio.portrait": "Muotokuva (3:4)",
+	"tool.aspect-ratio.square": "Neliö (1:1)",
+	"tool.aspect-ratio.wide": "Laajakuva (16:9)",
+	"tool.bookmark": "Kirjanmerkki",
+	"tool.check-box": "Valintaruutu",
+	"tool.cloud": "Pilvi",
+	"tool.diamond": "Timantti",
+	"tool.draw": "Kynä",
+	"tool.ellipse": "Soikio",
+	"tool.embed": "Upota",
+	"tool.eraser": "Pyyhin",
+	"tool.flip-horz": "Käännä pystysuunnassa",
+	"tool.flip-vert": "Käännä vaakasuunnassa",
+	"tool.frame": "Kehys",
+	"tool.hand": "Siirrä",
+	"tool.heart": "Sydän",
+	"tool.hexagon": "Kuusikulmio",
+	"tool.highlight": "Kohokohta",
+	"tool.image-crop": "Rajaa kuvaa",
+	"tool.image-crop-confirm": "Vahvistaa",
+	"tool.image-toolbar-title": "Kuvatyökalut",
+	"tool.image-zoom": "Zoomaa",
+	"tool.laser": "Laser",
+	"tool.line": "Viiva",
+	"tool.media": "Media",
+	"tool.media-alt-text": "Vaihtoehtoinen teksti",
+	"tool.media-alt-text-confirm": "Vahvistaa",
+	"tool.media-alt-text-desc": "Anna kuvaus…",
+	"tool.note": "Muistilappu",
+	"tool.octagon": "Kahdeksankulmio",
+	"tool.oval": "Soikio",
+	"tool.pentagon": "Viisikulmio",
+	"tool.pointer-down": "Osoitin alas",
+	"tool.rectangle": "Suorakulmio",
+	"tool.replace-media": "Vaihda media",
+	"tool.rhombus": "Nelikulmio",
+	"tool.rich-text-bold": "Lihavoitu",
+	"tool.rich-text-bulletList": "Luettelomerkitty luettelo",
+	"tool.rich-text-code": "Koodi",
+	"tool.rich-text-header": "Otsikko",
+	"tool.rich-text-highlight": "Kohokohta",
+	"tool.rich-text-italic": "Kursiivi",
+	"tool.rich-text-link": "Linkki",
+	"tool.rich-text-link-remove": "Poista linkki",
+	"tool.rich-text-link-visit": "Vieraile linkissä",
+	"tool.rich-text-orderedList": "Järjestetty lista",
+	"tool.rich-text-strikethrough": "Yliviivattu",
+	"tool.rich-text-toolbar-title": "Tekstin muotoilu",
+	"tool.rotate-cw": "Kiertää",
+	"tool.select": "Valitse",
+	"tool.star": "Tähti",
+	"tool.text": "Teksti",
+	"tool.trapezoid": "Puolisuunnikas",
+	"tool.triangle": "Kolmio",
+	"tool.x-box": "X laatikko",
+	"ui.checked": "Tarkistettu",
+	"ui.close": "Sulje",
+	"ui.unchecked": "Valitsematon",
+	"verticalAlign-style.end": "Pohja",
+	"verticalAlign-style.middle": "Keski",
+	"verticalAlign-style.start": "Ylös",
+	"vscode.file-open.backup": "Varmuuskopio",
+	"vscode.file-open.backup-failed": "Varmuuskopiointi epäonnistui: tämä ei ole .tldr-tiedosto.",
+	"vscode.file-open.backup-saved": "Varmuuskopio tallennettu",
+	"vscode.file-open.desc": "Tämä tiedosto on luoto aiemmalla tldraw versiolla. Haluatko päivittää sen toimimaan uuden version kanssa?",
+	"vscode.file-open.dont-show-again": "Älä kysy uudelleen",
+	"vscode.file-open.open": "Jatka"
+}
diff --git a/web/hermes-dist/translations/fr.json b/web/hermes-dist/translations/fr.json
new file mode 100644
index 0000000..f14d341
--- /dev/null
+++ b/web/hermes-dist/translations/fr.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "Ajuster les styles de forme",
+	"a11y.enlarge-shape": "Agrandir la forme",
+	"a11y.enter-leave-container": "Entrer/sortir du conteneur",
+	"a11y.move-shape": "Déplacer la forme",
+	"a11y.move-shape-faster": "Déplacer la forme plus rapidement",
+	"a11y.multiple-shapes": "{num} formes sélectionnées",
+	"a11y.open-context-menu": "Ouvrir le menu contextuel",
+	"a11y.open-keyboard-shortcuts": "Ouvrir les raccourcis clavier",
+	"a11y.pan-camera": "Caméra panoramique",
+	"a11y.repeat-shape": "Répéter la forme",
+	"a11y.rotate-shape-ccw": "Faire pivoter la forme dans le sens inverse des aiguilles d'une montre",
+	"a11y.rotate-shape-ccw-fine": "Faire pivoter la forme dans le sens inverse des aiguilles d'une montre (graduellement)",
+	"a11y.rotate-shape-cw": "Faire pivoter la forme dans le sens des aiguilles d'une montre",
+	"a11y.rotate-shape-cw-fine": "Faire pivoter la forme dans le sens des aiguilles d'une montre (graduellement)",
+	"a11y.select-shape": "Sélectionner la forme suivante",
+	"a11y.select-shape-direction": "Sélectionner la forme dans la direction",
+	"a11y.shape-image": "Image",
+	"a11y.shape-index": "{num} sur {total}",
+	"a11y.shape-video": "Vidéo",
+	"a11y.shrink-shape": "Réduire la forme",
+	"a11y.skip-to-main-content": "Déplacer le focus sur la toile",
+	"a11y.status": "Statut",
+	"action.align-bottom": "Aligner en bas",
+	"action.align-center-horizontal": "Aligner horizontalement",
+	"action.align-center-horizontal.short": "Aligner H",
+	"action.align-center-vertical": "Aligner verticalement",
+	"action.align-center-vertical.short": "Aligner V",
+	"action.align-left": "Aligner à gauche",
+	"action.align-right": "Aligner à droite",
+	"action.align-top": "Aligner en haut",
+	"action.back-to-content": "Retour au contenu",
+	"action.bring-forward": "Mettre en avant",
+	"action.bring-to-front": "Mettre au premier plan",
+	"action.convert-to-bookmark": "Convertir en signet",
+	"action.convert-to-embed": "Convertir en intégration",
+	"action.copy": "Copier",
+	"action.copy-as-json": "Copier au format JSON",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "Copier en tant que PNG",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "Copier en tant que SVG",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "Couper",
+	"action.delete": "Supprimer",
+	"action.distribute-horizontal": "Distribuer horizontalement",
+	"action.distribute-horizontal.short": "Distribuer H",
+	"action.distribute-vertical": "Distribuer verticalement",
+	"action.distribute-vertical.short": "Distribuer V",
+	"action.download-original": "Télécharger l'original",
+	"action.duplicate": "Dupliquer",
+	"action.edit-link": "Modifier le lien",
+	"action.enhanced-a11y-mode": "Activer le mode Accessibilité améliorée",
+	"action.enhanced-a11y-mode.menu": "Mode Accessibilité améliorée",
+	"action.exit-pen-mode": "Quitter le mode stylet",
+	"action.export-all-as-png": "Exporter en tant que PNG",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "Exporter en tant que SVG",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "Exporter en tant que PNG",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "Exporter en tant que SVG",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "Ajuster au contenu",
+	"action.flatten-to-image": "Aplatir",
+	"action.flip-horizontal": "Symétrie axe horizontal",
+	"action.flip-horizontal.short": "Symétrie axe H",
+	"action.flip-vertical": "Symétrie axe vertical",
+	"action.flip-vertical.short": "Symétrie axe V",
+	"action.fork-project": "Dupliquer ce projet",
+	"action.fork-project-on-tldraw": "Dupliquer ce projet sur tldraw",
+	"action.group": "Grouper",
+	"action.insert-embed": "Insérer l'intégration",
+	"action.insert-media": "Charger un média",
+	"action.leave-shared-project": "Quitter le projet partagé",
+	"action.new-project": "Nouveau projet",
+	"action.new-shared-project": "Nouveau projet partagé",
+	"action.open-cursor-chat": "Curseur du chat",
+	"action.open-embed-link": "Ouvrir le lien",
+	"action.open-file": "Ouvrir le fichier",
+	"action.open-kbd-shortcuts": "Ouvrir les raccourcis clavier",
+	"action.pack": "Tasser",
+	"action.paste": "Coller",
+	"action.paste-error-description": "Collage impossible en raison d'autorisations absentes au niveau du presse-papiers. Veuillez activer les autorisations et réessayer.",
+	"action.paste-error-title": "Échec du collage",
+	"action.print": "Imprimer",
+	"action.redo": "Rétablir",
+	"action.remove-frame": "Supprimer le cadre",
+	"action.rename": "Renommer",
+	"action.rotate-ccw": "Tourner dans le sens inverse des aiguilles d'une montre",
+	"action.rotate-cw": "Tourner dans le sens des aiguilles d'une montre",
+	"action.save-copy": "Enregistrer une copie",
+	"action.select-all": "Sélectionner tout",
+	"action.select-none": "Sélectionner aucun",
+	"action.select-zoom-tool": "Zoom",
+	"action.send-backward": "Envoyer vers l'arrière",
+	"action.send-to-back": "Envoyer à l'arrière",
+	"action.share-project": "Partager ce projet",
+	"action.stack-horizontal": "Empiler horizontalement",
+	"action.stack-horizontal.short": "Empiler H",
+	"action.stack-vertical": "Empiler verticalement",
+	"action.stack-vertical.short": "Empiler V",
+	"action.stop-following": "Ne plus suivre",
+	"action.stretch-horizontal": "Étirer horizontalement",
+	"action.stretch-horizontal.short": "Étirer H",
+	"action.stretch-vertical": "Étirer verticalement",
+	"action.stretch-vertical.short": "Étirer V",
+	"action.toggle-auto-none": "Auto",
+	"action.toggle-auto-pan": "Auto (Pavé tactile)",
+	"action.toggle-auto-size": "Activer le dimensionnement automatique",
+	"action.toggle-auto-zoom": "Auto (Souris)",
+	"action.toggle-dark-mode": "Activer le mode sombre",
+	"action.toggle-dark-mode.menu": "Mode sombre",
+	"action.toggle-debug-mode": "Activer le mode débogage",
+	"action.toggle-debug-mode.menu": "Mode débogage",
+	"action.toggle-dynamic-size-mode": "Activer le dimensionnement dynamique",
+	"action.toggle-dynamic-size-mode.menu": "Dimensionnement dynamique",
+	"action.toggle-edge-scrolling": "Activer le défilement des bords",
+	"action.toggle-edge-scrolling.menu": "Défilement des bords",
+	"action.toggle-focus-mode": "Activer le mode Focus",
+	"action.toggle-focus-mode.menu": "Mode Focus",
+	"action.toggle-grid": "Activer la grille",
+	"action.toggle-grid.menu": "Afficher la grille",
+	"action.toggle-invert-zoom": "Inverser le zoom de la souris",
+	"action.toggle-invert-zoom.menu": "Inverser le zoom de la souris",
+	"action.toggle-keyboard-shortcuts": "Activer/désactiver les raccourcis clavier",
+	"action.toggle-keyboard-shortcuts.menu": "Raccourcis clavier",
+	"action.toggle-lock": "Verrouiller / Déverrouiller",
+	"action.toggle-mouse": "Souris",
+	"action.toggle-paste-at-cursor": "Basculer le collage au niveau du curseur",
+	"action.toggle-paste-at-cursor.menu": "Coller au niveau du curseur",
+	"action.toggle-reduce-motion": "Activer la réduction des mouvements",
+	"action.toggle-reduce-motion.menu": "Réduire les mouvements",
+	"action.toggle-snap-mode": "Activer la fonction Toujours aligner",
+	"action.toggle-snap-mode.menu": "Toujours aligner",
+	"action.toggle-tool-lock": "Activer le verrouillage de l'outil",
+	"action.toggle-tool-lock.menu": "Verrouillage de l'outil",
+	"action.toggle-trackpad": "Pavé tactile",
+	"action.toggle-transparent": "Activer l'arrière-plan transparent",
+	"action.toggle-transparent.context-menu": "Transparent",
+	"action.toggle-transparent.menu": "Transparent",
+	"action.toggle-wrap-mode": "Activer la sélection au retour à la ligne.",
+	"action.toggle-wrap-mode.menu": "Sélectionner au retour à la ligne",
+	"action.undo": "Annuler",
+	"action.ungroup": "Dissocier",
+	"action.unlock-all": "Tout déverrouiller",
+	"action.zoom-in": "Zoomer",
+	"action.zoom-out": "Dézoomer",
+	"action.zoom-quick": "Zoom rapide",
+	"action.zoom-to-100": "Zoomer à 100%",
+	"action.zoom-to-fit": "Zoomer pour ajuster",
+	"action.zoom-to-selection": "Zoomer sur la sélection",
+	"actions-menu.title": "Actions",
+	"align-style.end": "Fin",
+	"align-style.justify": "Justifier",
+	"align-style.middle": "Milieu",
+	"align-style.start": "Début",
+	"app.loading": "Chargement de tldraw en cours…",
+	"arrow-kind-style.arc": "Arc",
+	"arrow-kind-style.elbow": "Coude",
+	"arrowheadEnd-style.arrow": "Flèche",
+	"arrowheadEnd-style.bar": "Barre",
+	"arrowheadEnd-style.diamond": "Losange",
+	"arrowheadEnd-style.dot": "Point",
+	"arrowheadEnd-style.inverted": "Inversé",
+	"arrowheadEnd-style.none": "Aucun",
+	"arrowheadEnd-style.pipe": "Tuyau",
+	"arrowheadEnd-style.square": "Carré",
+	"arrowheadEnd-style.triangle": "Triangle",
+	"arrowheadStart-style.arrow": "Flèche",
+	"arrowheadStart-style.bar": "Barre",
+	"arrowheadStart-style.diamond": "Losange",
+	"arrowheadStart-style.dot": "Point",
+	"arrowheadStart-style.inverted": "Inversé",
+	"arrowheadStart-style.none": "Aucun",
+	"arrowheadStart-style.pipe": "Tuyau",
+	"arrowheadStart-style.square": "Carré",
+	"arrowheadStart-style.triangle": "Triangle",
+	"assets.files.amount-too-many": "Trop de fichiers",
+	"assets.files.maximum-size": "La taille maximale du fichier est de {size}",
+	"assets.files.size-too-big": "Le fichier est trop volumineux",
+	"assets.files.type-not-allowed": "Ce type de fichier n'est pas autorisé",
+	"assets.files.upload-failed": "Échec du téléchargement",
+	"assets.url.failed": "Impossible de charger l'aperçu de l'URL",
+	"color-style.black": "Noir",
+	"color-style.blue": "Bleu",
+	"color-style.green": "Vert",
+	"color-style.grey": "Gris",
+	"color-style.light-blue": "Bleu clair",
+	"color-style.light-green": "Vert clair",
+	"color-style.light-red": "Rouge clair",
+	"color-style.light-violet": "Violet clair",
+	"color-style.orange": "Orange",
+	"color-style.red": "Rouge",
+	"color-style.violet": "Violet",
+	"color-style.white": "Blanc",
+	"color-style.yellow": "Jaune",
+	"context-menu.arrange": "Organiser",
+	"context-menu.copy-as": "Copier en tant que",
+	"context-menu.edit": "Modifier",
+	"context-menu.export-all-as": "Exporter",
+	"context-menu.export-as": "Exporter en tant que",
+	"context-menu.move-to-page": "Déplacer vers la page",
+	"context-menu.reorder": "Réorganiser",
+	"context-menu.title": "Menu contextuel",
+	"context.pages.new-page": "Nouvelle page",
+	"cursor-chat.type-to-chat": "Tapez pour discuter...",
+	"dash-style.dashed": "Discontinu",
+	"dash-style.dotted": "Pointillé",
+	"dash-style.draw": "Dessiner",
+	"dash-style.solid": "Solide",
+	"document-name-menu.copy-link": "Copier le lien",
+	"document.default-name": "Sans titre",
+	"edit-link-dialog.cancel": "Annuler",
+	"edit-link-dialog.clear": "Effacer",
+	"edit-link-dialog.detail": "Les liens s'ouvriront dans un nouvel onglet.",
+	"edit-link-dialog.external-link": "Lien externe",
+	"edit-link-dialog.invalid-url": "Un lien doit être une URL valide.",
+	"edit-link-dialog.save": "Continuer",
+	"edit-link-dialog.title": "Modifier le lien",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "Retour",
+	"embed-dialog.cancel": "Annuler",
+	"embed-dialog.create": "Créer",
+	"embed-dialog.instruction": "Collez l'URL du site pour créer l'intégration.",
+	"embed-dialog.invalid-url": "Nous n'avons pas pu créer une intégration (embed) à partir de cette URL.",
+	"embed-dialog.title": "Créer une intégration",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "Annuler",
+	"file-system.confirm-clear.continue": "Continuer",
+	"file-system.confirm-clear.description": "Créer un nouveau projet effacera l'actuel et toutes modifications non sauvegardées seront perdues. Vous êtes sûrs de vouloir continuer ?",
+	"file-system.confirm-clear.dont-show-again": "Ne plus demander",
+	"file-system.confirm-clear.title": "Effacer le projet en cours ?",
+	"file-system.confirm-open.cancel": "Annuler",
+	"file-system.confirm-open.description": "L'ouverture d'un fichier remplacera votre projet actuel et toutes les modifications non enregistrées seront perdues. Voulez-vous vraiment continuer ?",
+	"file-system.confirm-open.dont-show-again": "Ne plus demander",
+	"file-system.confirm-open.open": "Ouvrir le fichier",
+	"file-system.confirm-open.title": "Remplacer le projet actuel?",
+	"file-system.file-open-error.file-format-version-too-new": "Le fichier que vous avez tenté d'ouvrir provient d'une version plus récente de tldraw. Veuillez recharger la page et réessayer.",
+	"file-system.file-open-error.generic-corrupted-file": "Le fichier que vous avez tenté d'ouvrir est corrompu.",
+	"file-system.file-open-error.not-a-tldraw-file": "Le fichier que vous avez tenté d'ouvrir ne ressemble pas à un fichier tldraw.",
+	"file-system.file-open-error.title": "Ouverture du fichier impossible",
+	"file-system.shared-document-file-open-error.description": "L'ouverture de fichiers à partir de projets partagés n'est pas prise en charge.",
+	"file-system.shared-document-file-open-error.title": "Impossible d'ouvrir le fichier",
+	"fill-style.fill": "Remplir",
+	"fill-style.lined-fill": "Remplissage doublé",
+	"fill-style.none": "Aucun",
+	"fill-style.pattern": "Motif",
+	"fill-style.semi": "Semi",
+	"fill-style.solid": "Solide",
+	"focus-mode.toggle-focus-mode": "Basculer le mode Focus",
+	"font-style.draw": "Dessiner",
+	"font-style.mono": "Mono",
+	"font-style.sans": "Sans",
+	"font-style.serif": "Serif",
+	"geo-style.arrow-down": "Flèche vers le bas",
+	"geo-style.arrow-left": "Flèche vers la gauche",
+	"geo-style.arrow-right": "Flèche vers la droite",
+	"geo-style.arrow-up": "Flèche vers le haut",
+	"geo-style.check-box": "Case à cocher",
+	"geo-style.cloud": "Nuage",
+	"geo-style.diamond": "Losange",
+	"geo-style.ellipse": "Ellipse",
+	"geo-style.heart": "Cœur",
+	"geo-style.hexagon": "Hexagone",
+	"geo-style.octagon": "Octogone",
+	"geo-style.oval": "Ovale",
+	"geo-style.pentagon": "Pentagone",
+	"geo-style.rectangle": "Rectangle",
+	"geo-style.rhombus": "Losange",
+	"geo-style.rhombus-2": "Parallélogramme inversé",
+	"geo-style.star": "Étoile",
+	"geo-style.trapezoid": "Trapèze",
+	"geo-style.triangle": "Triangle",
+	"geo-style.x-box": "X Box",
+	"handle.crop.bottom": "Recadrer en bas",
+	"handle.crop.bottom-left": "Recadrer en bas à gauche",
+	"handle.crop.bottom-right": "Recadrer en bas à droite",
+	"handle.crop.left": "Recadrer à gauche",
+	"handle.crop.right": "Recadrer à droite",
+	"handle.crop.top": "Recadrer en haut",
+	"handle.crop.top-left": "Recadrer en haut à gauche",
+	"handle.crop.top-right": "Recadrer en haut à droite",
+	"handle.resize-bottom": "Redimensionner en bas",
+	"handle.resize-bottom-left": "Redimensionner en bas à gauche",
+	"handle.resize-bottom-right": "Redimensionner en bas à droite",
+	"handle.resize-left": "Redimensionner à gauche",
+	"handle.resize-right": "Redimensionner à droite",
+	"handle.resize-top": "Redimensionner en haut",
+	"handle.resize-top-left": "Redimensionner en haut à gauche",
+	"handle.resize-top-right": "Redimensionner en haut à droite",
+	"handle.rotate.bottom_left_rotate": "Faire pivoter en bas à gauche",
+	"handle.rotate.bottom_right_rotate": "Faire pivoter en bas à droite",
+	"handle.rotate.mobile_rotate": "Pivoter",
+	"handle.rotate.top_left_rotate": "Faire pivoter en haut à gauche",
+	"handle.rotate.top_right_rotate": "Faire pivoter en haut à droite",
+	"help-menu.about": "À propos",
+	"help-menu.discord": "Discord",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "Importer le fichier…",
+	"help-menu.keyboard-shortcuts": "Raccourcis clavier",
+	"help-menu.privacy": "Politique de confidentialité",
+	"help-menu.terms": "Conditions d'utilisation",
+	"help-menu.title": "Aide et ressources",
+	"help-menu.twitter": "Twitter",
+	"menu.accessibility": "Accessibilité",
+	"menu.color-theme": "Thème de couleurs",
+	"menu.copy-as": "Copier en tant que",
+	"menu.edit": "Modifier",
+	"menu.export-as": "Exporter en tant que",
+	"menu.file": "Fichier",
+	"menu.input-device": "Périphérique d'entrée",
+	"menu.language": "Langue",
+	"menu.preferences": "Préférences",
+	"menu.theme": "Thème",
+	"menu.title": "Menu",
+	"menu.view": "Vue",
+	"navigation-zone.minimap": "Mini-carte",
+	"navigation-zone.title": "Navigation",
+	"navigation-zone.toggle-minimap": "Basculer la mini-carte",
+	"navigation-zone.zoom": "Zoomer",
+	"opacity-style.0.1": "10 %",
+	"opacity-style.0.25": "25 %",
+	"opacity-style.0.5": "50 %",
+	"opacity-style.0.75": "75 %",
+	"opacity-style.1": "100 %",
+	"page-menu.create-new-page": "Créer une nouvelle page",
+	"page-menu.edit-done": "Terminé",
+	"page-menu.edit-start": "Modifier",
+	"page-menu.go-to-page": "Aller à la page",
+	"page-menu.new-page-initial-name": "Page 1",
+	"page-menu.submenu.delete": "Supprimer",
+	"page-menu.submenu.duplicate-page": "Dupliquer",
+	"page-menu.submenu.move-down": "Déplacer vers le bas",
+	"page-menu.submenu.move-up": "Déplacer vers le haut",
+	"page-menu.submenu.rename": "Renommer",
+	"page-menu.submenu.title": "Menu",
+	"page-menu.title": "Pages",
+	"people-menu.anonymous-user": "Nouvel utilisateur",
+	"people-menu.avatar-color": "Couleur de l'avatar",
+	"people-menu.change-color": "Modifier la couleur",
+	"people-menu.change-name": "Modifier le nom",
+	"people-menu.follow": "Suivre",
+	"people-menu.following": "Suivis",
+	"people-menu.invite": "Inviter d'autres personnes",
+	"people-menu.leading": "Vous suivant",
+	"people-menu.title": "Personnes",
+	"people-menu.user": "(Vous)",
+	"share-menu.copied": "Lien copié !",
+	"share-menu.copy-link": "Copier le lien",
+	"share-menu.copy-link-note": "Toute personne disposant du lien peut lire et modifier ce projet.",
+	"share-menu.copy-readonly-link": "Copier le lien en lecture seule",
+	"share-menu.copy-readonly-link-note": "Toute personne disposant du lien peut voir (mais pas modifier) ce projet.",
+	"share-menu.create-snapshot-link": "Créer un lien instantané",
+	"share-menu.creating-project": "Création du nouveau projet en cours…",
+	"share-menu.fork-note": "Créer un nouveau projet partagé basé sur ce lien instantané.",
+	"share-menu.offline-note": "Le partage de ce projet créera une copie réelle hébergée sur une nouvelle URL. Vous pourrez partager l'URL avec un maximum de trente personnes pour afficher et modifier le projet ensemble.",
+	"share-menu.project-too-large": "Désolé, il n'est pas possible de partager ce projet, car il est trop volumineux. Nous travaillons à la résolution de ce problème!",
+	"share-menu.save-note": "Téléchargez localement ce projet en tant que fichier .tldr",
+	"share-menu.share-project": "Partager ce projet",
+	"share-menu.snapshot-link-note": "Capturez et partagez ce projet sous forme de lien d'instantané en lecture seule.",
+	"share-menu.title": "Partager",
+	"share-menu.upload-failed": "Nous sommes désolés, votre projet ne peut être importé pour le moment. Merci de réessayer ou nous en informer si le problème persiste.",
+	"sharing.confirm-leave.cancel": "Annuler",
+	"sharing.confirm-leave.description": "Êtes-vous sûrs de vouloir quitter ce projet partagé ? Vous pourrez y retourner en accédant à son URL.",
+	"sharing.confirm-leave.dont-show-again": "Ne plus demander",
+	"sharing.confirm-leave.leave": "Quitter",
+	"sharing.confirm-leave.title": "Quitter le projet actuel",
+	"shortcuts-dialog.a11y": "Accessibilité",
+	"shortcuts-dialog.collaboration": "Collaboration",
+	"shortcuts-dialog.edit": "Modifier",
+	"shortcuts-dialog.file": "Fichier",
+	"shortcuts-dialog.preferences": "Préférences",
+	"shortcuts-dialog.text-formatting": "Formatage du texte",
+	"shortcuts-dialog.title": "Raccourcis clavier",
+	"shortcuts-dialog.tools": "Outils",
+	"shortcuts-dialog.transform": "Transformer",
+	"shortcuts-dialog.view": "Vue",
+	"size-style.l": "Large",
+	"size-style.m": "Moyen",
+	"size-style.s": "Petit",
+	"size-style.xl": "Extra-large",
+	"spline-style.cubic": "Cubique",
+	"spline-style.line": "Ligne",
+	"status.offline": "Hors ligne",
+	"style-panel.align": "Alignement",
+	"style-panel.arrow-kind": "Ligne",
+	"style-panel.arrowhead-end": "Fin",
+	"style-panel.arrowhead-start": "Début",
+	"style-panel.arrowheads": "Pointes de flèches",
+	"style-panel.color": "Couleur",
+	"style-panel.dash": "Tiret",
+	"style-panel.fill": "Remplir",
+	"style-panel.font": "Police",
+	"style-panel.geo": "Forme",
+	"style-panel.label-align": "Alignement des étiquettes",
+	"style-panel.mixed": "Mélangé",
+	"style-panel.opacity": "Opacité",
+	"style-panel.position": "Position",
+	"style-panel.selected": "sélectionné",
+	"style-panel.size": "Taille",
+	"style-panel.spline": "Spline",
+	"style-panel.title": "Styles",
+	"style-panel.vertical-align": "Alignement vertical",
+	"theme.dark": "Sombre",
+	"theme.light": "Clair",
+	"theme.system": "Système",
+	"toast.close": "Fermer",
+	"toast.error": "Erreur",
+	"toast.error.copy-fail.desc": "Échec de la copie de l'image",
+	"toast.error.copy-fail.title": "Échec de la copie",
+	"toast.error.export-fail.desc": "Échec de l'exportation de l'image",
+	"toast.error.export-fail.title": "Échec de l'exportation",
+	"toast.info": "Info",
+	"toast.success": "Succès",
+	"toast.warning": "Avertissement",
+	"tool-panel.more": "Plus",
+	"tool-panel.title": "Outils",
+	"tool.arrow": "Flèche",
+	"tool.arrow-down": "Flèche vers le bas",
+	"tool.arrow-left": "Flèche vers la gauche",
+	"tool.arrow-right": "Flèche vers la droite",
+	"tool.arrow-up": "Flèche vers le haut",
+	"tool.aspect-ratio": "Format d'image",
+	"tool.aspect-ratio.circle": "Cercle (1:1)",
+	"tool.aspect-ratio.landscape": "Paysage (4:3)",
+	"tool.aspect-ratio.original": "Original",
+	"tool.aspect-ratio.portrait": "Portrait (3:4)",
+	"tool.aspect-ratio.square": "Carré (1:1)",
+	"tool.aspect-ratio.wide": "Large (16:9)",
+	"tool.bookmark": "Signet",
+	"tool.check-box": "Case à cocher",
+	"tool.cloud": "Nuage",
+	"tool.diamond": "Losange",
+	"tool.draw": "Dessiner",
+	"tool.ellipse": "Ellipse",
+	"tool.embed": "Intégration",
+	"tool.eraser": "Gomme",
+	"tool.flip-horz": "Retourner horizontalement",
+	"tool.flip-vert": "Retourner verticalement",
+	"tool.frame": "Cadre",
+	"tool.hand": "Main",
+	"tool.heart": "Cœur",
+	"tool.hexagon": "Hexagone",
+	"tool.highlight": "Surligner",
+	"tool.image-crop": "Recadrer l'image",
+	"tool.image-crop-confirm": "Confirmer",
+	"tool.image-toolbar-title": "Outils d'images",
+	"tool.image-zoom": "Zoomer",
+	"tool.laser": "Laser",
+	"tool.line": "Ligne",
+	"tool.media": "Médias",
+	"tool.media-alt-text": "Texte alternatif",
+	"tool.media-alt-text-confirm": "Confirmer",
+	"tool.media-alt-text-desc": "Donnez une description…",
+	"tool.note": "Note",
+	"tool.octagon": "Octogone",
+	"tool.oval": "Ovale",
+	"tool.pentagon": "Pentagone",
+	"tool.pointer-down": "Pointeur vers le bas",
+	"tool.rectangle": "Rectangle",
+	"tool.replace-media": "Remplacer le média",
+	"tool.rhombus": "Losange",
+	"tool.rich-text-bold": "Gras",
+	"tool.rich-text-bulletList": "Liste à puces",
+	"tool.rich-text-code": "Code",
+	"tool.rich-text-header": "En-tête",
+	"tool.rich-text-highlight": "Surligner",
+	"tool.rich-text-italic": "Italique",
+	"tool.rich-text-link": "Lien",
+	"tool.rich-text-link-remove": "Supprimer le lien",
+	"tool.rich-text-link-visit": "Visitez le lien",
+	"tool.rich-text-orderedList": "Liste ordonnée",
+	"tool.rich-text-strikethrough": "Barré",
+	"tool.rich-text-toolbar-title": "Formatage du texte",
+	"tool.rotate-cw": "Pivoter",
+	"tool.select": "Sélection",
+	"tool.star": "Étoile",
+	"tool.text": "Texte",
+	"tool.trapezoid": "Trapèze",
+	"tool.triangle": "Triangle",
+	"tool.x-box": "X box",
+	"ui.checked": "Coché",
+	"ui.close": "Fermer",
+	"ui.unchecked": "Décoché",
+	"verticalAlign-style.end": "Bas",
+	"verticalAlign-style.middle": "Milieu",
+	"verticalAlign-style.start": "Haut",
+	"vscode.file-open.backup": "Sauvegarde",
+	"vscode.file-open.backup-failed": "Échec de la sauvegarde : ceci n'est pas un fichier .tldr",
+	"vscode.file-open.backup-saved": "Sauvegarde enregistrée",
+	"vscode.file-open.desc": "Ce fichier a été créé avec une version antérieure de tldraw. Souhaitez-vous le mettre à jour pour qu’il fonctionne avec la nouvelle version ?",
+	"vscode.file-open.dont-show-again": "Ne plus demander",
+	"vscode.file-open.open": "Continuer"
+}
diff --git a/web/hermes-dist/translations/gl.json b/web/hermes-dist/translations/gl.json
new file mode 100644
index 0000000..0f627b7
--- /dev/null
+++ b/web/hermes-dist/translations/gl.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "Axustar estilos de forma",
+	"a11y.enlarge-shape": "Ampliar forma",
+	"a11y.enter-leave-container": "Entrar/saír do contedor",
+	"a11y.move-shape": "Mover forma",
+	"a11y.move-shape-faster": "Mover a forma máis rápido",
+	"a11y.multiple-shapes": "{num} formas seleccionadas",
+	"a11y.open-context-menu": "Abrir menú contextual",
+	"a11y.open-keyboard-shortcuts": "Abrir atallos de teclado",
+	"a11y.pan-camera": "Cámara panorámica",
+	"a11y.repeat-shape": "Repetir forma",
+	"a11y.rotate-shape-ccw": "Xirar a forma en sentido antihorario",
+	"a11y.rotate-shape-ccw-fine": "Xirar a forma en sentido antihorario (fino)",
+	"a11y.rotate-shape-cw": "Xirar a forma no sentido horario",
+	"a11y.rotate-shape-cw-fine": "Xirar a forma no sentido horario (fino)",
+	"a11y.select-shape": "Seleccionar a seguinte forma",
+	"a11y.select-shape-direction": "Seleccionar forma na dirección",
+	"a11y.shape-image": "Imaxe",
+	"a11y.shape-index": "{num} de {total}",
+	"a11y.shape-video": "Vídeo",
+	"a11y.shrink-shape": "Reducir a forma",
+	"a11y.skip-to-main-content": "Move o foco ao lenzo",
+	"a11y.status": "Estado",
+	"action.align-bottom": "Aliñar abaixo",
+	"action.align-center-horizontal": "Aliñar ao centro horizontalmente",
+	"action.align-center-horizontal.short": "Aliñar ao centro horizontalmente",
+	"action.align-center-vertical": "Aliñar ao centro verticalmente",
+	"action.align-center-vertical.short": "Aliñar ao centro verticalmente",
+	"action.align-left": "Aliñar á esquerda",
+	"action.align-right": "Aliñar á dereita",
+	"action.align-top": "Aliñar arriba",
+	"action.back-to-content": "Volver ao contido",
+	"action.bring-forward": "Mover adiante",
+	"action.bring-to-front": "Mover ao fronte",
+	"action.convert-to-bookmark": "Converter a favorito",
+	"action.convert-to-embed": "Converter a embed",
+	"action.copy": "Copiar",
+	"action.copy-as-json": "Copiar como JSON",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "Copiar como PNG",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "Copiar como SVG",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "Cortar",
+	"action.delete": "Borrar",
+	"action.distribute-horizontal": "Distribuír horizontalmente",
+	"action.distribute-horizontal.short": "Distribuír horizontalmente",
+	"action.distribute-vertical": "Distribuír verticalmente",
+	"action.distribute-vertical.short": "Distribuír verticalmente",
+	"action.download-original": "Descargar orixinal",
+	"action.duplicate": "Duplicar",
+	"action.edit-link": "Editar ligazón",
+	"action.enhanced-a11y-mode": "Activar/desactivar o modo de accesibilidade mellorada",
+	"action.enhanced-a11y-mode.menu": "Modo de accesibilidade mellorado",
+	"action.exit-pen-mode": "Saír do modo pluma",
+	"action.export-all-as-png": "Exportar todo como PNG",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "Exportar todo como SVG",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "Exportar como PNG",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "Exportar como SVG",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "Axuste ao contido",
+	"action.flatten-to-image": "Aplanar",
+	"action.flip-horizontal": "Voltear horizontalmente",
+	"action.flip-horizontal.short": "Voltear horizontalmente",
+	"action.flip-vertical": "Voltear verticalmente",
+	"action.flip-vertical.short": "Voltear verticalmente",
+	"action.fork-project": "Copiar este proxecto",
+	"action.fork-project-on-tldraw": "Proxecto fork en tldraw",
+	"action.group": "Agrupar",
+	"action.insert-embed": "Inserir embed",
+	"action.insert-media": "Subir medios",
+	"action.leave-shared-project": "Saír do proxecto compartido",
+	"action.new-project": "Novo proxecto",
+	"action.new-shared-project": "Novo proxecto compartido",
+	"action.open-cursor-chat": "Conversa de cursor",
+	"action.open-embed-link": "Abrir ligazón",
+	"action.open-file": "Abrir arquivo",
+	"action.open-kbd-shortcuts": "Abrir atallos de teclado",
+	"action.pack": "Empaquetar",
+	"action.paste": "Pegar",
+	"action.paste-error-description": "Non se puido pegar porque faltan os permisos do portapapeis. Activa os permisos e téntao de novo.",
+	"action.paste-error-title": "Produciuse un erro ao pegar",
+	"action.print": "Imprimir",
+	"action.redo": "Refacer",
+	"action.remove-frame": "Eliminar marco",
+	"action.rename": "Cambiar o nome",
+	"action.rotate-ccw": "Rotar en sentido antihorario",
+	"action.rotate-cw": "Rotar en sentido horario",
+	"action.save-copy": "Gardar unha copia",
+	"action.select-all": "Selecionar todo",
+	"action.select-none": "Selecionar nada",
+	"action.select-zoom-tool": "Zoom",
+	"action.send-backward": "Mover atrás",
+	"action.send-to-back": "Mover ao fondo",
+	"action.share-project": "Compartir este proxecto",
+	"action.stack-horizontal": "Amorear Horizontalmente",
+	"action.stack-horizontal.short": "Amorear H",
+	"action.stack-vertical": "Amorear Verticalmente",
+	"action.stack-vertical.short": "Amorear V",
+	"action.stop-following": "Deixar de seguir",
+	"action.stretch-horizontal": "Estirar horizontalmente",
+	"action.stretch-horizontal.short": "Estirar horizontalmente",
+	"action.stretch-vertical": "Estirar verticalmente",
+	"action.stretch-vertical.short": "Estirar verticalmente",
+	"action.toggle-auto-none": "Automático",
+	"action.toggle-auto-pan": "Automático (trackpad)",
+	"action.toggle-auto-size": "Alternar tamaño automático",
+	"action.toggle-auto-zoom": "Automático (rato)",
+	"action.toggle-dark-mode": "Modo escuro",
+	"action.toggle-dark-mode.menu": "Modo escuro",
+	"action.toggle-debug-mode": "Modo depuración",
+	"action.toggle-debug-mode.menu": "Modo depuración",
+	"action.toggle-dynamic-size-mode": "Alterna o tamaño dinámico",
+	"action.toggle-dynamic-size-mode.menu": "Tamaño dinámico",
+	"action.toggle-edge-scrolling": "Alterna o desprazamento de bordo",
+	"action.toggle-edge-scrolling.menu": "Desprazamento de borde",
+	"action.toggle-focus-mode": "Modo concentración",
+	"action.toggle-focus-mode.menu": "Modo concentración",
+	"action.toggle-grid": "Amosar cuadrícula",
+	"action.toggle-grid.menu": "Amosar cuadrícula",
+	"action.toggle-invert-zoom": "Inverter/desactivar o zoom do rato",
+	"action.toggle-invert-zoom.menu": "Inverter o zoom do rato",
+	"action.toggle-keyboard-shortcuts": "Activar/desactivar os atallos de teclado",
+	"action.toggle-keyboard-shortcuts.menu": "Activar os atallos de teclado",
+	"action.toggle-lock": "Bloqueo / Desbloqueo",
+	"action.toggle-mouse": "Rato",
+	"action.toggle-paste-at-cursor": "Alterna pegar no cursor",
+	"action.toggle-paste-at-cursor.menu": "Pegar no cursor",
+	"action.toggle-reduce-motion": "Alternar redución de movemento",
+	"action.toggle-reduce-motion.menu": "Reducir movemento",
+	"action.toggle-snap-mode": "Amosar puntos de axuste",
+	"action.toggle-snap-mode.menu": "Amosar puntos de axuste",
+	"action.toggle-tool-lock": "Alternar bloqueo de ferramentas",
+	"action.toggle-tool-lock.menu": "Bloqueo de ferramentas",
+	"action.toggle-trackpad": "Panel táctil",
+	"action.toggle-transparent": "Alternar fondo transparente",
+	"action.toggle-transparent.context-menu": "Transparente",
+	"action.toggle-transparent.menu": "Transparente",
+	"action.toggle-wrap-mode": "Activar/desactivar Seleccionar ao envolver",
+	"action.toggle-wrap-mode.menu": "Seleccione en envoltura",
+	"action.undo": "Desfacer",
+	"action.ungroup": "Desagrupar",
+	"action.unlock-all": "Desbloquear todo",
+	"action.zoom-in": "Achegar",
+	"action.zoom-out": "Afastar",
+	"action.zoom-quick": "Zoom rápido",
+	"action.zoom-to-100": "Zoom ao 100%",
+	"action.zoom-to-fit": "Axustar á ventá",
+	"action.zoom-to-selection": "Achegar á selección",
+	"actions-menu.title": "Accións",
+	"align-style.end": "Fin",
+	"align-style.justify": "Xustificar",
+	"align-style.middle": "Medio",
+	"align-style.start": "Comezo",
+	"app.loading": "Cargando tldraw…",
+	"arrow-kind-style.arc": "Arco",
+	"arrow-kind-style.elbow": "Cóbado",
+	"arrowheadEnd-style.arrow": "Frecha",
+	"arrowheadEnd-style.bar": "Barra",
+	"arrowheadEnd-style.diamond": "Diamante",
+	"arrowheadEnd-style.dot": "Punto",
+	"arrowheadEnd-style.inverted": "Invertida",
+	"arrowheadEnd-style.none": "Ningunha",
+	"arrowheadEnd-style.pipe": "Tubo",
+	"arrowheadEnd-style.square": "Cadrado",
+	"arrowheadEnd-style.triangle": "Triángulo",
+	"arrowheadStart-style.arrow": "Frecha",
+	"arrowheadStart-style.bar": "Barra",
+	"arrowheadStart-style.diamond": "Diamante",
+	"arrowheadStart-style.dot": "Punto",
+	"arrowheadStart-style.inverted": "Invertida",
+	"arrowheadStart-style.none": "Ningún",
+	"arrowheadStart-style.pipe": "Tubo",
+	"arrowheadStart-style.square": "Cadrado",
+	"arrowheadStart-style.triangle": "Triángulo",
+	"assets.files.amount-too-many": "Demasiados ficheiros",
+	"assets.files.maximum-size": "O tamaño máximo do ficheiro é {size}",
+	"assets.files.size-too-big": "O tamaño do ficheiro é demasiado grande",
+	"assets.files.type-not-allowed": "Non se permite o tipo de ficheiro",
+	"assets.files.upload-failed": "Produciuse un erro na carga",
+	"assets.url.failed": "Non se puido cargar a vista previa do URL",
+	"color-style.black": "Negro",
+	"color-style.blue": "Azul",
+	"color-style.green": "Verde",
+	"color-style.grey": "Gris",
+	"color-style.light-blue": "Azul claro",
+	"color-style.light-green": "Verde claro",
+	"color-style.light-red": "Vermello claro",
+	"color-style.light-violet": "Violeta claro",
+	"color-style.orange": "Laranxa",
+	"color-style.red": "Vermello",
+	"color-style.violet": "Violeta",
+	"color-style.white": "Branco",
+	"color-style.yellow": "Amarelo",
+	"context-menu.arrange": "Organizar",
+	"context-menu.copy-as": "Copiar como",
+	"context-menu.edit": "Editar",
+	"context-menu.export-all-as": "Exportar todo como",
+	"context-menu.export-as": "Exportar como",
+	"context-menu.move-to-page": "Mover á páxina",
+	"context-menu.reorder": "Reordenar",
+	"context-menu.title": "Menú contextual",
+	"context.pages.new-page": "Nova páxina",
+	"cursor-chat.type-to-chat": "Escribe para falar...",
+	"dash-style.dashed": "Discontínuo",
+	"dash-style.dotted": "Punteado",
+	"dash-style.draw": "Debuxar",
+	"dash-style.solid": "Contínuo",
+	"document-name-menu.copy-link": "Copiar ligazón",
+	"document.default-name": "Sen título",
+	"edit-link-dialog.cancel": "Cancelar",
+	"edit-link-dialog.clear": "Limpar",
+	"edit-link-dialog.detail": "As ligazóns abriranse nunha nova lapela",
+	"edit-link-dialog.external-link": "Ligazón externa",
+	"edit-link-dialog.invalid-url": "Unha ligazón ten que ser unha URL válida.",
+	"edit-link-dialog.save": "Continuar",
+	"edit-link-dialog.title": "Editar ligazón",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "Atrás",
+	"embed-dialog.cancel": "Cancelar",
+	"embed-dialog.create": "Crear",
+	"embed-dialog.instruction": "Pega a URL do sitio para crear o embed.",
+	"embed-dialog.invalid-url": "Non puidemos crear o embed de esa URL.",
+	"embed-dialog.title": "Crear embed",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "Cancelar",
+	"file-system.confirm-clear.continue": "Continuar",
+	"file-system.confirm-clear.description": "Abrir un arquivo vai substituír o actual proxecto e calquera cambio sen gardar perderase. Estás seguro de que queres continuar?",
+	"file-system.confirm-clear.dont-show-again": "Non preguntar outra vez",
+	"file-system.confirm-clear.title": "Sobrescribir o proxecto actual?",
+	"file-system.confirm-open.cancel": "Cancelar",
+	"file-system.confirm-open.description": "Abrir un arquivo vai substituír o actual proxecto e calquera cambio sen gardar perderase. Estás seguro de que queres continuar?",
+	"file-system.confirm-open.dont-show-again": "Non preguntar outra vez",
+	"file-system.confirm-open.open": "Abrir arquivo",
+	"file-system.confirm-open.title": "Sobrescribir o proxecto actual?",
+	"file-system.file-open-error.file-format-version-too-new": "O arquivo que intentaches abrir é dunha versión máis nova de tldraw. Por favor, refresca a páxina e probar outra vez.",
+	"file-system.file-open-error.generic-corrupted-file": "O arquivo que intentou abrir está corrompido.",
+	"file-system.file-open-error.not-a-tldraw-file": "O arquivo que intentaches abrir non parece un arquivo de tldraw.",
+	"file-system.file-open-error.title": "Non se puido abrir o arquivo",
+	"file-system.shared-document-file-open-error.description": "Abrir arquivos dende proxectos compartidos non está permitido.",
+	"file-system.shared-document-file-open-error.title": "Non se puido abrir o arquivo",
+	"fill-style.fill": "Enche",
+	"fill-style.lined-fill": "Recheo forrado",
+	"fill-style.none": "Ningún",
+	"fill-style.pattern": "Patrón",
+	"fill-style.semi": "Media",
+	"fill-style.solid": "Contínuo",
+	"focus-mode.toggle-focus-mode": "Modo concentración",
+	"font-style.draw": "Debuxar",
+	"font-style.mono": "Mono",
+	"font-style.sans": "Sans",
+	"font-style.serif": "Serif",
+	"geo-style.arrow-down": "Frecha abaixo",
+	"geo-style.arrow-left": "Frecha esquerda",
+	"geo-style.arrow-right": "Frecha dereita",
+	"geo-style.arrow-up": "Frecha arriba",
+	"geo-style.check-box": "Checkbox",
+	"geo-style.cloud": "Nube",
+	"geo-style.diamond": "Diamante",
+	"geo-style.ellipse": "Elipse",
+	"geo-style.heart": "Corazón",
+	"geo-style.hexagon": "Hexágono",
+	"geo-style.octagon": "Octógono",
+	"geo-style.oval": "Óvalo",
+	"geo-style.pentagon": "Pentágono",
+	"geo-style.rectangle": "Rectángulo",
+	"geo-style.rhombus": "Rombo",
+	"geo-style.rhombus-2": "Rombo á esquerda",
+	"geo-style.star": "Estrela",
+	"geo-style.trapezoid": "Trapecio",
+	"geo-style.triangle": "Triángulo",
+	"geo-style.x-box": "X Box",
+	"handle.crop.bottom": "Recorte inferior",
+	"handle.crop.bottom-left": "Recortar na parte inferior esquerda",
+	"handle.crop.bottom-right": "Recortar na parte inferior dereita",
+	"handle.crop.left": "Recortar á esquerda",
+	"handle.crop.right": "Recortar á dereita",
+	"handle.crop.top": "Top curto",
+	"handle.crop.top-left": "Recortar arriba á esquerda",
+	"handle.crop.top-right": "Recortar arriba á dereita",
+	"handle.resize-bottom": "Redimensionar a parte inferior",
+	"handle.resize-bottom-left": "Redimensionar a parte inferior esquerda",
+	"handle.resize-bottom-right": "Redimensionar a parte inferior dereita",
+	"handle.resize-left": "Redimensionar á esquerda",
+	"handle.resize-right": "Redimensionar á dereita",
+	"handle.resize-top": "Redimensionar a parte superior",
+	"handle.resize-top-left": "Redimensionar arriba á esquerda",
+	"handle.resize-top-right": "Redimensionar arriba á dereita",
+	"handle.rotate.bottom_left_rotate": "Xirar abaixo á esquerda",
+	"handle.rotate.bottom_right_rotate": "Xirar abaixo á dereita",
+	"handle.rotate.mobile_rotate": "Rotar",
+	"handle.rotate.top_left_rotate": "Xirar arriba á esquerda",
+	"handle.rotate.top_right_rotate": "Xirar arriba á dereita",
+	"help-menu.about": "Sobre",
+	"help-menu.discord": "Discord",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "Importar ficheiro...",
+	"help-menu.keyboard-shortcuts": "Atallos de teclado",
+	"help-menu.privacy": "Política de privacidade",
+	"help-menu.terms": "Condicións de servizo",
+	"help-menu.title": "Axuda e recursos",
+	"help-menu.twitter": "Twitter",
+	"menu.accessibility": "Accesibilidade",
+	"menu.color-theme": "Tema de cores",
+	"menu.copy-as": "Copiar como",
+	"menu.edit": "Editar",
+	"menu.export-as": "Exportar como",
+	"menu.file": "Arquivo",
+	"menu.input-device": "Dispositivo de entrada",
+	"menu.language": "Idioma",
+	"menu.preferences": "Preferencias",
+	"menu.theme": "Tema",
+	"menu.title": "Menú",
+	"menu.view": "Ver",
+	"navigation-zone.minimap": "Minimapa",
+	"navigation-zone.title": "Navegación",
+	"navigation-zone.toggle-minimap": "Alternar minimapa",
+	"navigation-zone.zoom": "Zoom",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "Crear páxina",
+	"page-menu.edit-done": "Feito",
+	"page-menu.edit-start": "Editar",
+	"page-menu.go-to-page": "Ir á páxina",
+	"page-menu.new-page-initial-name": "Páxina 1",
+	"page-menu.submenu.delete": "Borrar",
+	"page-menu.submenu.duplicate-page": "Duplicar",
+	"page-menu.submenu.move-down": "Mover abaixo",
+	"page-menu.submenu.move-up": "Mover arriba",
+	"page-menu.submenu.rename": "Renomear",
+	"page-menu.submenu.title": "Menú",
+	"page-menu.title": "Páxinas",
+	"people-menu.anonymous-user": "Novo usuario",
+	"people-menu.avatar-color": "Cor do avatar",
+	"people-menu.change-color": "Cambiar cor",
+	"people-menu.change-name": "Cambiar nome",
+	"people-menu.follow": "Seguir",
+	"people-menu.following": "Seguindo",
+	"people-menu.invite": "Invitar a outros",
+	"people-menu.leading": "Seguíndote",
+	"people-menu.title": "Xente",
+	"people-menu.user": "(Ti)",
+	"share-menu.copied": "Ligazón copiada!",
+	"share-menu.copy-link": "Copiar invitación",
+	"share-menu.copy-link-note": "Calquera ca ligazón poderá ver e editar este proxecto.",
+	"share-menu.copy-readonly-link": "Copiar invitación (só lectura)",
+	"share-menu.copy-readonly-link-note": "Calquera ca ligazón poderá ver (pero non editar) este proxecto.",
+	"share-menu.create-snapshot-link": "Crear ligazón de instantánea",
+	"share-menu.creating-project": "Creando o novo proxecto...",
+	"share-menu.fork-note": "Crea un novo proxecto compartido baseado nesta instantánea.",
+	"share-menu.offline-note": "Compartir este proxecto vai crear unha copia aloxada nunha nova URL. Podes compartir a URL con ata trinta personas para ver e editar o proxecto xuntos.",
+	"share-menu.project-too-large": "Sentímolo, este proxecto non pode ser compartido porque é moi grande. Estamos traballando nelo!",
+	"share-menu.save-note": "Descarga este proxecto no teu ordenador como ficheiro .tldr.",
+	"share-menu.share-project": "Compartir este proxecto",
+	"share-menu.snapshot-link-note": "Captura e comparte este proxecto como unha ligazón de instantánea de só lectura.",
+	"share-menu.title": "Compartir",
+	"share-menu.upload-failed": "Sentímolo, non puidemos subir o teu proxecto neste momento. Por favor téntao de novo ou infórmanos se o problema persiste.",
+	"sharing.confirm-leave.cancel": "Cancelar",
+	"sharing.confirm-leave.description": "Estás seguro de que queres saír deste proxecto compartido? Podes voltar a el navegando a esta URL.",
+	"sharing.confirm-leave.dont-show-again": "Non preguntar de novo",
+	"sharing.confirm-leave.leave": "Saír",
+	"sharing.confirm-leave.title": "Saír do proxecto actual?",
+	"shortcuts-dialog.a11y": "Accesibilidade",
+	"shortcuts-dialog.collaboration": "Colaboración",
+	"shortcuts-dialog.edit": "Editar",
+	"shortcuts-dialog.file": "Arquivo",
+	"shortcuts-dialog.preferences": "Preferencias",
+	"shortcuts-dialog.text-formatting": "Formato de texto",
+	"shortcuts-dialog.title": "Atallos de teclado",
+	"shortcuts-dialog.tools": "Ferramentas",
+	"shortcuts-dialog.transform": "Transformar",
+	"shortcuts-dialog.view": "Ver",
+	"size-style.l": "Grande",
+	"size-style.m": "Mediano",
+	"size-style.s": "Pequeno",
+	"size-style.xl": "Extra grande",
+	"spline-style.cubic": "Cúbico",
+	"spline-style.line": "Liña",
+	"status.offline": "Sen conexión",
+	"style-panel.align": "Aliñamento",
+	"style-panel.arrow-kind": "Liña",
+	"style-panel.arrowhead-end": "Fin",
+	"style-panel.arrowhead-start": "Comezo",
+	"style-panel.arrowheads": "Puntas de frecha",
+	"style-panel.color": "Cor",
+	"style-panel.dash": "Liña",
+	"style-panel.fill": "Recheo",
+	"style-panel.font": "Fonte",
+	"style-panel.geo": "Forma",
+	"style-panel.label-align": "Aliñación de etiquetas",
+	"style-panel.mixed": "Mesturado",
+	"style-panel.opacity": "Opacidade",
+	"style-panel.position": "Posición",
+	"style-panel.selected": "seleccionado",
+	"style-panel.size": "Tamaño",
+	"style-panel.spline": "Spline",
+	"style-panel.title": "Estilos",
+	"style-panel.vertical-align": "Aliñar verticalmente",
+	"theme.dark": "Escuro",
+	"theme.light": "Luz",
+	"theme.system": "Sistema",
+	"toast.close": "Pechar",
+	"toast.error": "Erro",
+	"toast.error.copy-fail.desc": "Erro ao copiar a imaxe",
+	"toast.error.copy-fail.title": "Erro na copia",
+	"toast.error.export-fail.desc": "Erro ao exportar a imaxe",
+	"toast.error.export-fail.title": "Erro na exportación",
+	"toast.info": "Información",
+	"toast.success": "Éxito",
+	"toast.warning": "Aviso",
+	"tool-panel.more": "Máis",
+	"tool-panel.title": "Ferramentas",
+	"tool.arrow": "Frecha",
+	"tool.arrow-down": "Frecha abaixo",
+	"tool.arrow-left": "Frecha esquerda",
+	"tool.arrow-right": "Frecha dereita",
+	"tool.arrow-up": "Frecha arriba",
+	"tool.aspect-ratio": "Relación de aspecto",
+	"tool.aspect-ratio.circle": "Círculo (1:1)",
+	"tool.aspect-ratio.landscape": "Paisaxe (4:3)",
+	"tool.aspect-ratio.original": "Orixinal",
+	"tool.aspect-ratio.portrait": "Retrato (3:4)",
+	"tool.aspect-ratio.square": "Cadrado (1:1)",
+	"tool.aspect-ratio.wide": "Panorámica (16:9)",
+	"tool.bookmark": "Marcador",
+	"tool.check-box": "Checkbox",
+	"tool.cloud": "Nube",
+	"tool.diamond": "Diamante",
+	"tool.draw": "Debuxar",
+	"tool.ellipse": "Elipse",
+	"tool.embed": "Embed",
+	"tool.eraser": "Borrador",
+	"tool.flip-horz": "Inverter horizontalmente",
+	"tool.flip-vert": "Inverter verticalmente",
+	"tool.frame": "Marco",
+	"tool.hand": "Man",
+	"tool.heart": "Corazón",
+	"tool.hexagon": "Hexágono",
+	"tool.highlight": "Destacar",
+	"tool.image-crop": "Recortar imaxe",
+	"tool.image-crop-confirm": "Confirmar",
+	"tool.image-toolbar-title": "Ferramentas de imaxe",
+	"tool.image-zoom": "Zoom",
+	"tool.laser": "Láser",
+	"tool.line": "Liña",
+	"tool.media": "Medios",
+	"tool.media-alt-text": "Texto alternativo",
+	"tool.media-alt-text-confirm": "Confirmar",
+	"tool.media-alt-text-desc": "Fai unha descrición…",
+	"tool.note": "Pegatina",
+	"tool.octagon": "Octógono",
+	"tool.oval": "Óvalo",
+	"tool.pentagon": "Pentágono",
+	"tool.pointer-down": "Punteiro cara abaixo",
+	"tool.rectangle": "Rectángulo",
+	"tool.replace-media": "Substituír soportes",
+	"tool.rhombus": "Rombo",
+	"tool.rich-text-bold": "Atrevido",
+	"tool.rich-text-bulletList": "Lista con viñetas",
+	"tool.rich-text-code": "Código",
+	"tool.rich-text-header": "Cabeceira",
+	"tool.rich-text-highlight": "Destacar",
+	"tool.rich-text-italic": "Cursiva",
+	"tool.rich-text-link": "Ligazón",
+	"tool.rich-text-link-remove": "Eliminar ligazón",
+	"tool.rich-text-link-visit": "Visita a ligazón",
+	"tool.rich-text-orderedList": "Lista ordenada",
+	"tool.rich-text-strikethrough": "Tachado",
+	"tool.rich-text-toolbar-title": "Formato de texto",
+	"tool.rotate-cw": "Rotar",
+	"tool.select": "Seleccionar",
+	"tool.star": "Estrela",
+	"tool.text": "Texto",
+	"tool.trapezoid": "Trapecio",
+	"tool.triangle": "Triángulo",
+	"tool.x-box": "X box",
+	"ui.checked": "Comprobado",
+	"ui.close": "Pechar",
+	"ui.unchecked": "Sen marcar",
+	"verticalAlign-style.end": "Abaixo",
+	"verticalAlign-style.middle": "Medio",
+	"verticalAlign-style.start": "Arriba",
+	"vscode.file-open.backup": "Copia de seguridade",
+	"vscode.file-open.backup-failed": "Fallou a copia de seguridade: este non é un arquivo .tldr.",
+	"vscode.file-open.backup-saved": "Copia de seguridade gardada",
+	"vscode.file-open.desc": "Este arquivo foi creado cunha versión antiga de tldraw. Queres actualizalo para que funcione ca nova versión?",
+	"vscode.file-open.dont-show-again": "Non preguntar outra vez",
+	"vscode.file-open.open": "Continuar"
+}
diff --git a/web/hermes-dist/translations/gu-in.json b/web/hermes-dist/translations/gu-in.json
new file mode 100644
index 0000000..13a0f6c
--- /dev/null
+++ b/web/hermes-dist/translations/gu-in.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "આકાર શૈલીઓ સમાયોજિત કરો",
+	"a11y.enlarge-shape": "આકાર મોટો કરો",
+	"a11y.enter-leave-container": "કન્ટેનર દાખલ કરો/છોડો",
+	"a11y.move-shape": "આકાર ખસેડો",
+	"a11y.move-shape-faster": "આકારને ઝડપથી ખસેડો",
+	"a11y.multiple-shapes": "{num} આકારો પસંદ કર્યા",
+	"a11y.open-context-menu": "સંદર્ભ મેનૂ ખોલો",
+	"a11y.open-keyboard-shortcuts": "કીબોર્ડ શોર્ટકટ્સ ખોલો",
+	"a11y.pan-camera": "પેન કેમેરા",
+	"a11y.repeat-shape": "આકારનું પુનરાવર્તન કરો",
+	"a11y.rotate-shape-ccw": "આકારને ઘડિયાળની વિરુદ્ધ દિશામાં ફેરવો",
+	"a11y.rotate-shape-ccw-fine": "આકારને ઘડિયાળની વિરુદ્ધ દિશામાં ફેરવો (સારું)",
+	"a11y.rotate-shape-cw": "આકારને ઘડિયાળની દિશામાં ફેરવો",
+	"a11y.rotate-shape-cw-fine": "આકારને ઘડિયાળની દિશામાં ફેરવો (સારું)",
+	"a11y.select-shape": "આગલો આકાર પસંદ કરો",
+	"a11y.select-shape-direction": "દિશામાં આકાર પસંદ કરો",
+	"a11y.shape-image": "છબી",
+	"a11y.shape-index": "{total} માંથી {num}",
+	"a11y.shape-video": "વિડિઓ",
+	"a11y.shrink-shape": "સંકોચો આકાર",
+	"a11y.skip-to-main-content": "ફોકસને કેનવાસ પર ખસેડો",
+	"a11y.status": "સ્થિતિ",
+	"action.align-bottom": "તળિયે સંરેખિત કરો",
+	"action.align-center-horizontal": "આડા સંરેખિત કરો",
+	"action.align-center-horizontal.short": "સંરેખિત એચ",
+	"action.align-center-vertical": "ઊભી સંરેખિત કરો",
+	"action.align-center-vertical.short": "સંરેખિત વી",
+	"action.align-left": "ડાબે સંરેખિત કરો",
+	"action.align-right": "જમણે સંરેખિત કરો",
+	"action.align-top": "ટોચ સંરેખિત કરો",
+	"action.back-to-content": "સામગ્રી પર પાછા",
+	"action.bring-forward": "આગળ લાવો",
+	"action.bring-to-front": "સામે લાવો",
+	"action.convert-to-bookmark": "બુકમાર્કમાં કન્વર્ટ કરો",
+	"action.convert-to-embed": "એમ્બેડમાં કન્વર્ટ કરો",
+	"action.copy": "નકલ કરો",
+	"action.copy-as-json": "JSON તરીકે કૉપિ કરો",
+	"action.copy-as-json.short": "JSONLanguage",
+	"action.copy-as-png": "PNG તરીકે કૉપિ કરો",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "SVG તરીકે કૉપિ કરો",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "કાપો",
+	"action.delete": "કાઢી નાખો",
+	"action.distribute-horizontal": "આડા વિતરિત કરો",
+	"action.distribute-horizontal.short": "વિતરણ એચ",
+	"action.distribute-vertical": "ઊભી રીતે વિતરિત કરો",
+	"action.distribute-vertical.short": "વિતરિત કરો",
+	"action.download-original": "મૂળ ડાઉનલોડ કરો",
+	"action.duplicate": "ડુપ્લિકેટ",
+	"action.edit-link": "લિંક સંપાદિત કરો",
+	"action.enhanced-a11y-mode": "ઉન્નત ઍક્સેસિબિલિટી મોડને ટૉગલ કરો",
+	"action.enhanced-a11y-mode.menu": "ઉન્નત ઍક્સેસિબિલિટી મોડ",
+	"action.exit-pen-mode": "પેન મોડમાંથી બહાર નીકળો",
+	"action.export-all-as-png": "બધાને PNG તરીકે નિકાસ કરો",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "બધાને SVG તરીકે નિકાસ કરો",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "PNG તરીકે નિકાસ કરો",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "SVG તરીકે નિકાસ કરો",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "સામગ્રી માટે ફિટ",
+	"action.flatten-to-image": "ચપટી",
+	"action.flip-horizontal": "આડા ફ્લિપ કરો",
+	"action.flip-horizontal.short": "ફ્લિપ એચ",
+	"action.flip-vertical": "ઊભી ફ્લિપ કરો",
+	"action.flip-vertical.short": "ફ્લિપ વી",
+	"action.fork-project": "ફોર્ક આ પ્રોજેક્ટ",
+	"action.fork-project-on-tldraw": "tldraw પર ફોર્ક પ્રોજેક્ટ",
+	"action.group": "સમૂહ",
+	"action.insert-embed": "એમ્બેડ દાખલ કરો",
+	"action.insert-media": "મીડિયા અપલોડ કરો",
+	"action.leave-shared-project": "વહેંચાયેલ પ્રોજેક્ટ છોડો",
+	"action.new-project": "નવો પ્રોજેક્ટ",
+	"action.new-shared-project": "નવો શેર કરેલ પ્રોજેક્ટ",
+	"action.open-cursor-chat": "કર્સર ચેટ",
+	"action.open-embed-link": "લિંક ખોલો",
+	"action.open-file": "ફાઇલ ખોલો",
+	"action.open-kbd-shortcuts": "કીબોર્ડ શોર્ટકટ્સ ખોલો",
+	"action.pack": "પૅક",
+	"action.paste": "પેસ્ટ કરો",
+	"action.paste-error-description": "ગુમ થયેલ ક્લિપબોર્ડ પરવાનગીઓને કારણે પેસ્ટ કરી શકાયું નથી. કૃપા કરીને પરવાનગીઓ સક્ષમ કરો અને ફરી પ્રયાસ કરો.",
+	"action.paste-error-title": "પેસ્ટ કરવું નિષ્ફળ થયું",
+	"action.print": "છાપો",
+	"action.redo": "ફરી કરો",
+	"action.remove-frame": "ફ્રેમ દૂર કરો",
+	"action.rename": "નામ બદલો",
+	"action.rotate-ccw": "ઘડિયાળની વિરુદ્ધ દિશામાં ફેરવો",
+	"action.rotate-cw": "ઘડિયાળની દિશામાં ફેરવો",
+	"action.save-copy": "એક નકલ સાચવો",
+	"action.select-all": "બધા પસંદ કરો",
+	"action.select-none": "કોઈ પસંદ કરો",
+	"action.select-zoom-tool": "ઝૂમ કરો",
+	"action.send-backward": "પાછળ મોકલો",
+	"action.send-to-back": "પાછા મોકલો",
+	"action.share-project": "આ પ્રોજેક્ટ શેર કરો",
+	"action.stack-horizontal": "આડા સ્ટેક",
+	"action.stack-horizontal.short": "સ્ટેક એચ",
+	"action.stack-vertical": "ઊભી સ્ટેક",
+	"action.stack-vertical.short": "સ્ટેક વી",
+	"action.stop-following": "અનુસરવાનું બંધ કરો",
+	"action.stretch-horizontal": "આડી રીતે ખેંચો",
+	"action.stretch-horizontal.short": "સ્ટ્રેચ એચ",
+	"action.stretch-vertical": "ઊભી રીતે ખેંચો",
+	"action.stretch-vertical.short": "સ્ટ્રેચ વી",
+	"action.toggle-auto-none": "ઓટો",
+	"action.toggle-auto-pan": "ઓટો (ટ્રેકપેડ)",
+	"action.toggle-auto-size": "સ્વતઃ કદ ટૉગલ કરો",
+	"action.toggle-auto-zoom": "ઓટો (માઉસ)",
+	"action.toggle-dark-mode": "ડાર્ક મોડને ટૉગલ કરો",
+	"action.toggle-dark-mode.menu": "ડાર્ક મોડ",
+	"action.toggle-debug-mode": "ડીબગ મોડને ટૉગલ કરો",
+	"action.toggle-debug-mode.menu": "ડીબગ મોડ",
+	"action.toggle-dynamic-size-mode": "ગતિશીલ કદને ટૉગલ કરો",
+	"action.toggle-dynamic-size-mode.menu": "ગતિશીલ કદ",
+	"action.toggle-edge-scrolling": "એજ સ્ક્રોલિંગને ટૉગલ કરો",
+	"action.toggle-edge-scrolling.menu": "એજ સ્ક્રોલિંગ",
+	"action.toggle-focus-mode": "ફોકસ મોડને ટૉગલ કરો",
+	"action.toggle-focus-mode.menu": "ફોકસ મોડ",
+	"action.toggle-grid": "ગ્રીડ ટૉગલ કરો",
+	"action.toggle-grid.menu": "ગ્રીડ બતાવો",
+	"action.toggle-invert-zoom": "ઉલટા માઉસ ઝૂમને ટૉગલ કરો",
+	"action.toggle-invert-zoom.menu": "માઉસ ઝૂમ ઉલટાવો",
+	"action.toggle-keyboard-shortcuts": "કીબોર્ડ શોર્ટકટ ટૉગલ કરો",
+	"action.toggle-keyboard-shortcuts.menu": "કીબોર્ડ શોર્ટકટ્સ સક્ષમ કરો",
+	"action.toggle-lock": "તાળું / અનલોક",
+	"action.toggle-mouse": "માઉસ",
+	"action.toggle-paste-at-cursor": "કર્સર પર પેસ્ટ ટૉગલ કરો",
+	"action.toggle-paste-at-cursor.menu": "કર્સર પર પેસ્ટ કરો",
+	"action.toggle-reduce-motion": "ઘટાડવાની ગતિને ટૉગલ કરો",
+	"action.toggle-reduce-motion.menu": "ગતિ ઓછી કરો",
+	"action.toggle-snap-mode": "ટૉગલ હંમેશા સ્નેપ",
+	"action.toggle-snap-mode.menu": "હંમેશા ત્વરિત",
+	"action.toggle-tool-lock": "ટૉગલ ટૂલ લૉક",
+	"action.toggle-tool-lock.menu": "ટૂલ લોક",
+	"action.toggle-trackpad": "ટ્રેકપેડ",
+	"action.toggle-transparent": "પારદર્શક પૃષ્ઠભૂમિને ટૉગલ કરો",
+	"action.toggle-transparent.context-menu": "પારદર્શક",
+	"action.toggle-transparent.menu": "પારદર્શક",
+	"action.toggle-wrap-mode": "લપેટી પર પસંદ કરો ટૉગલ કરો",
+	"action.toggle-wrap-mode.menu": "લપેટી પર પસંદ કરો",
+	"action.undo": "પૂર્વવત્ કરો",
+	"action.ungroup": "અનગ્રુપ કરો",
+	"action.unlock-all": "બધાને અનલૉક કરો",
+	"action.zoom-in": "ઝૂમ ઇન કરો",
+	"action.zoom-out": "ઝૂમ આઉટ કરો",
+	"action.zoom-quick": "ઝડપી ઝૂમ",
+	"action.zoom-to-100": "100% સુધી ઝૂમ કરો",
+	"action.zoom-to-fit": "ફિટ કરવા માટે ઝૂમ કરો",
+	"action.zoom-to-selection": "પસંદગી માટે ઝૂમ કરો",
+	"actions-menu.title": "ક્રિયાઓ",
+	"align-style.end": "અંત",
+	"align-style.justify": "જસ્ટિફાય",
+	"align-style.middle": "મધ્ય",
+	"align-style.start": "શરૂ કરો",
+	"app.loading": "tldraw લોડ કરી રહ્યું છે…",
+	"arrow-kind-style.arc": "આર્ક",
+	"arrow-kind-style.elbow": "કોણી",
+	"arrowheadEnd-style.arrow": "તીર",
+	"arrowheadEnd-style.bar": "બાર",
+	"arrowheadEnd-style.diamond": "હીરા",
+	"arrowheadEnd-style.dot": "ડોટ",
+	"arrowheadEnd-style.inverted": "ઊંધી",
+	"arrowheadEnd-style.none": "કોઈ નહિ",
+	"arrowheadEnd-style.pipe": "પાઇપ",
+	"arrowheadEnd-style.square": "ચોરસ",
+	"arrowheadEnd-style.triangle": "ત્રિકોણ",
+	"arrowheadStart-style.arrow": "તીર",
+	"arrowheadStart-style.bar": "બાર",
+	"arrowheadStart-style.diamond": "હીરા",
+	"arrowheadStart-style.dot": "ડોટ",
+	"arrowheadStart-style.inverted": "ઊંધી",
+	"arrowheadStart-style.none": "કોઈ નહિ",
+	"arrowheadStart-style.pipe": "પાઇપ",
+	"arrowheadStart-style.square": "ચોરસ",
+	"arrowheadStart-style.triangle": "ત્રિકોણ",
+	"assets.files.amount-too-many": "ઘણી બધી ફાઇલો",
+	"assets.files.maximum-size": "મહત્તમ ફાઇલ કદ {size} છે",
+	"assets.files.size-too-big": "ફાઇલનું કદ ખૂબ મોટું છે",
+	"assets.files.type-not-allowed": "ફાઇલ પ્રકારને મંજૂરી નથી",
+	"assets.files.upload-failed": "અપલોડ નિષ્ફળ થયું",
+	"assets.url.failed": "URL પૂર્વાવલોકન લોડ કરી શકાયું નથી",
+	"color-style.black": "કાળો",
+	"color-style.blue": "વાદળી",
+	"color-style.green": "લીલા",
+	"color-style.grey": "ગ્રે",
+	"color-style.light-blue": "આછો વાદળી",
+	"color-style.light-green": "આછો લીલો",
+	"color-style.light-red": "આછો લાલ",
+	"color-style.light-violet": "આછો વાયોલેટ",
+	"color-style.orange": "નારંગી",
+	"color-style.red": "લાલ",
+	"color-style.violet": "વાયોલેટ",
+	"color-style.white": "સફેદ",
+	"color-style.yellow": "પીળો",
+	"context-menu.arrange": "ગોઠવો",
+	"context-menu.copy-as": "તરીકે નકલ કરો",
+	"context-menu.edit": "સંપાદિત કરો",
+	"context-menu.export-all-as": "બધા તરીકે નિકાસ કરો",
+	"context-menu.export-as": "તરીકે નિકાસ કરો",
+	"context-menu.move-to-page": "પૃષ્ઠ પર ખસેડો",
+	"context-menu.reorder": "ફરીથી ગોઠવો",
+	"context-menu.title": "સંદર્ભ મેનૂ",
+	"context.pages.new-page": "નવું પૃષ્ઠ",
+	"cursor-chat.type-to-chat": "ચેટ કરવા માટે ટાઇપ કરો...",
+	"dash-style.dashed": "ડૅશેડ",
+	"dash-style.dotted": "ડોટેડ",
+	"dash-style.draw": "દોરો",
+	"dash-style.solid": "ઘન",
+	"document-name-menu.copy-link": "લિંક કૉપિ કરો",
+	"document.default-name": "શીર્ષક વિનાનું",
+	"edit-link-dialog.cancel": "રદ કરો",
+	"edit-link-dialog.clear": "સાફ કરો",
+	"edit-link-dialog.detail": "લિંક્સ નવી ટેબમાં ખુલશે.",
+	"edit-link-dialog.external-link": "બાહ્ય લિંક",
+	"edit-link-dialog.invalid-url": "લિંક એક માન્ય URL હોવી આવશ્યક છે.",
+	"edit-link-dialog.save": "ચાલુ રાખો",
+	"edit-link-dialog.title": "લિંક સંપાદિત કરો",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "પાછળ",
+	"embed-dialog.cancel": "રદ કરો",
+	"embed-dialog.create": "બનાવો",
+	"embed-dialog.instruction": "એમ્બેડ બનાવવા માટે સાઇટના URL માં પેસ્ટ કરો.",
+	"embed-dialog.invalid-url": "અમે તે URL થી એમ્બેડ બનાવી શક્યાં નથી.",
+	"embed-dialog.title": "એમ્બેડ બનાવો",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "રદ કરો",
+	"file-system.confirm-clear.continue": "ચાલુ રાખો",
+	"file-system.confirm-clear.description": "નવો પ્રોજેક્ટ બનાવવાથી તમારો વર્તમાન પ્રોજેક્ટ સાફ થઈ જશે અને કોઈપણ વણસાચવેલા ફેરફારો ગુમ થઈ જશે. શું તમે ખરેખર ચાલુ રાખવા માંગો છો?",
+	"file-system.confirm-clear.dont-show-again": "ફરી પૂછશો નહીં",
+	"file-system.confirm-clear.title": "વર્તમાન પ્રોજેક્ટ સાફ કરીએ?",
+	"file-system.confirm-open.cancel": "રદ કરો",
+	"file-system.confirm-open.description": "ફાઇલ ખોલવાથી તમારો વર્તમાન પ્રોજેક્ટ બદલાઈ જશે અને કોઈપણ વણસાચવેલા ફેરફારો ખોવાઈ જશે. શું તમે ખરેખર ચાલુ રાખવા માંગો છો?",
+	"file-system.confirm-open.dont-show-again": "ફરી પૂછશો નહીં",
+	"file-system.confirm-open.open": "ફાઇલ ખોલો",
+	"file-system.confirm-open.title": "વર્તમાન પ્રોજેક્ટ પર ફરીથી લખીએ?",
+	"file-system.file-open-error.file-format-version-too-new": "તમે જે ફાઇલ ખોલવાનો પ્રયાસ કર્યો છે તે tldraw ના નવા સંસ્કરણમાંથી છે. કૃપા કરીને પૃષ્ઠને ફરીથી લોડ કરો અને ફરી પ્રયાસ કરો.",
+	"file-system.file-open-error.generic-corrupted-file": "તમે જે ફાઇલ ખોલવાનો પ્રયાસ કર્યો છે તે દૂષિત છે.",
+	"file-system.file-open-error.not-a-tldraw-file": "તમે જે ફાઇલ ખોલવાનો પ્રયાસ કર્યો તે tldraw ફાઇલ જેવી દેખાતી નથી.",
+	"file-system.file-open-error.title": "ફાઇલ ખોલી શકાઈ નથી",
+	"file-system.shared-document-file-open-error.description": "શેર કરેલ પ્રોજેક્ટ્સમાંથી ફાઇલો ખોલવાનું સપોર્ટેડ નથી.",
+	"file-system.shared-document-file-open-error.title": "ફાઇલ ખોલી શકાઈ નથી",
+	"fill-style.fill": "ભરો",
+	"fill-style.lined-fill": "લાઇનવાળું ભરણ",
+	"fill-style.none": "કોઈ નહિ",
+	"fill-style.pattern": "પેટર્ન",
+	"fill-style.semi": "અર્ધ",
+	"fill-style.solid": "ઘન",
+	"focus-mode.toggle-focus-mode": "ફોકસ મોડને ટૉગલ કરો",
+	"font-style.draw": "દોરો",
+	"font-style.mono": "મોનો",
+	"font-style.sans": "સાન્સ",
+	"font-style.serif": "સેરીફ",
+	"geo-style.arrow-down": "નીચે તીર",
+	"geo-style.arrow-left": "ડાબે તીર",
+	"geo-style.arrow-right": "જમણે તીર",
+	"geo-style.arrow-up": "ઉપર તીર",
+	"geo-style.check-box": "ચેક બોક્સ",
+	"geo-style.cloud": "વાદળ",
+	"geo-style.diamond": "હીરા",
+	"geo-style.ellipse": "અંડાકાર",
+	"geo-style.heart": "હૃદય",
+	"geo-style.hexagon": "ષટ્કોણ",
+	"geo-style.octagon": "અષ્ટકોણ",
+	"geo-style.oval": "અંડાકાર",
+	"geo-style.pentagon": "પેન્ટાગોન",
+	"geo-style.rectangle": "લંબચોરસ",
+	"geo-style.rhombus": "રોમ્બસ",
+	"geo-style.rhombus-2": "સમભુજ ડાબી બાજુ",
+	"geo-style.star": "તારો",
+	"geo-style.trapezoid": "ટ્રેપેઝોઇડ",
+	"geo-style.triangle": "ત્રિકોણ",
+	"geo-style.x-box": "એક્સ બોક્સ",
+	"handle.crop.bottom": "નીચે કાપો",
+	"handle.crop.bottom-left": "નીચે ડાબી બાજુ કાપો",
+	"handle.crop.bottom-right": "નીચે જમણે કાપો",
+	"handle.crop.left": "બાકી કાપો",
+	"handle.crop.right": "જમણે કાપો",
+	"handle.crop.top": "ક્રોપ ટોપ",
+	"handle.crop.top-left": "ઉપર ડાબી બાજુ કાપો",
+	"handle.crop.top-right": "ઉપર જમણે કાપો",
+	"handle.resize-bottom": "નીચેનું કદ બદલો",
+	"handle.resize-bottom-left": "નીચે ડાબી બાજુએ કદ બદલો",
+	"handle.resize-bottom-right": "નીચે જમણી બાજુએ કદ બદલો",
+	"handle.resize-left": "ડાબી બાજુનું કદ બદલો",
+	"handle.resize-right": "જમણે કદ બદલો",
+	"handle.resize-top": "ટોચનું કદ બદલો",
+	"handle.resize-top-left": "ઉપર ડાબી બાજુએ કદ બદલો",
+	"handle.resize-top-right": "ઉપર જમણી બાજુએ કદ બદલો",
+	"handle.rotate.bottom_left_rotate": "નીચે ડાબી બાજુ ફેરવો",
+	"handle.rotate.bottom_right_rotate": "નીચે જમણે ફેરવો",
+	"handle.rotate.mobile_rotate": "ફેરવો",
+	"handle.rotate.top_left_rotate": "ઉપર ડાબી બાજુ ફેરવો",
+	"handle.rotate.top_right_rotate": "ઉપર જમણે ફેરવો",
+	"help-menu.about": "વિશે",
+	"help-menu.discord": "વિખવાદ",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "ફાઇલ આયાત કરો...",
+	"help-menu.keyboard-shortcuts": "કીબોર્ડ શોર્ટકટ્સ",
+	"help-menu.privacy": "ગોપનીયતા નીતિ",
+	"help-menu.terms": "સેવાની શરતો",
+	"help-menu.title": "મદદ અને સંસાધનો",
+	"help-menu.twitter": "ટ્વિટર",
+	"menu.accessibility": "ઉપલ્બધતા",
+	"menu.color-theme": "રંગ થીમ",
+	"menu.copy-as": "તરીકે નકલ કરો",
+	"menu.edit": "સંપાદિત કરો",
+	"menu.export-as": "તરીકે નિકાસ કરો",
+	"menu.file": "ફાઈલ",
+	"menu.input-device": "ઇનપુટ ઉપકરણ",
+	"menu.language": "ભાષા",
+	"menu.preferences": "પસંદગીઓ",
+	"menu.theme": "થીમ",
+	"menu.title": "મેનુ",
+	"menu.view": "જુઓ",
+	"navigation-zone.minimap": "મિનિમેપ",
+	"navigation-zone.title": "નેવિગેશન",
+	"navigation-zone.toggle-minimap": "મિનિમેપ ટૉગલ કરો",
+	"navigation-zone.zoom": "ઝૂમ કરો",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "નવું પૃષ્ઠ બનાવો",
+	"page-menu.edit-done": "થઈ ગયું",
+	"page-menu.edit-start": "સંપાદિત કરો",
+	"page-menu.go-to-page": "પૃષ્ઠ પર જાઓ",
+	"page-menu.new-page-initial-name": "પૃષ્ઠ 1",
+	"page-menu.submenu.delete": "કાઢી નાખો",
+	"page-menu.submenu.duplicate-page": "ડુપ્લિકેટ",
+	"page-menu.submenu.move-down": "નીચે ખસેડો",
+	"page-menu.submenu.move-up": "ઉપર ખસેડો",
+	"page-menu.submenu.rename": "નામ બદલો",
+	"page-menu.submenu.title": "મેનુ",
+	"page-menu.title": "પૃષ્ઠો",
+	"people-menu.anonymous-user": "નવો વપરાશકર્તા",
+	"people-menu.avatar-color": "અવતાર રંગ",
+	"people-menu.change-color": "રંગ બદલો",
+	"people-menu.change-name": "નામ બદલો",
+	"people-menu.follow": "અનુસરો",
+	"people-menu.following": "અનુસરે છે",
+	"people-menu.invite": "અન્યને આમંત્રિત કરો",
+	"people-menu.leading": "તમને અનુસરે છે",
+	"people-menu.title": "લોકો",
+	"people-menu.user": "(તમે)",
+	"share-menu.copied": "લિંક કોપી કરી!",
+	"share-menu.copy-link": "લિંક કૉપિ કરો",
+	"share-menu.copy-link-note": "લિંક ધરાવનાર કોઈપણ આ પ્રોજેક્ટને જોવા અને સંપાદિત કરવામાં સમર્થ હશે.",
+	"share-menu.copy-readonly-link": "ફક્ત વાંચવા માટેની લિંકને કૉપિ કરો",
+	"share-menu.copy-readonly-link-note": "લિંક ધરાવનાર કોઈપણ આ પ્રોજેક્ટને જોઈ શકશે (પરંતુ સંપાદિત કરી શકશે નહીં).",
+	"share-menu.create-snapshot-link": "સ્નેપશોટ લિંક બનાવો",
+	"share-menu.creating-project": "નવો પ્રોજેક્ટ બનાવી રહ્યાં છીએ...",
+	"share-menu.fork-note": "આ સ્નેપશોટના આધારે એક નવો શેર કરેલ પ્રોજેક્ટ બનાવો.",
+	"share-menu.offline-note": "આ પ્રોજેક્ટને શેર કરવાથી નવા URL પર હોસ્ટ કરેલ લાઇવ કોપી બનશે. તમે પ્રોજેક્ટને એકસાથે જોવા અને સંપાદિત કરવા માટે ત્રીસ જેટલા લોકો સાથે URL શેર કરી શકો છો.",
+	"share-menu.project-too-large": "માફ કરશો, આ પ્રોજેક્ટ શેર કરી શકાતો નથી કારણ કે તે ખૂબ મોટો છે. અમે તેના પર કામ કરી રહ્યા છીએ!",
+	"share-menu.save-note": "આ પ્રોજેક્ટને તમારા કમ્પ્યુટર પર .tldr ફાઇલ તરીકે ડાઉનલોડ કરો.",
+	"share-menu.share-project": "આ પ્રોજેક્ટ શેર કરો",
+	"share-menu.snapshot-link-note": "આ પ્રોજેક્ટને ફક્ત વાંચવા માટેના સ્નેપશોટ લિંક તરીકે કેપ્ચર કરો અને શેર કરો.",
+	"share-menu.title": "શેર કરો",
+	"share-menu.upload-failed": "માફ કરશો, અમે અત્યારે તમારો પ્રોજેક્ટ અપલોડ કરી શક્યાં નથી. કૃપા કરીને ફરી પ્રયાસ કરો અથવા જો સમસ્યા ચાલુ રહે તો અમને જણાવો.",
+	"sharing.confirm-leave.cancel": "રદ કરો",
+	"sharing.confirm-leave.description": "શું તમે ખરેખર આ શેર કરેલ પ્રોજેક્ટ છોડવા માંગો છો? તમે તેના URL પર નેવિગેટ કરીને તેના પર પાછા આવી શકો છો.",
+	"sharing.confirm-leave.dont-show-again": "ફરી પૂછશો નહીં",
+	"sharing.confirm-leave.leave": "છોડો",
+	"sharing.confirm-leave.title": "વર્તમાન પ્રોજેક્ટ છોડીએ?",
+	"shortcuts-dialog.a11y": "ઉપલ્બધતા",
+	"shortcuts-dialog.collaboration": "સહયોગ",
+	"shortcuts-dialog.edit": "સંપાદિત કરો",
+	"shortcuts-dialog.file": "ફાઈલ",
+	"shortcuts-dialog.preferences": "પસંદગીઓ",
+	"shortcuts-dialog.text-formatting": "ટેક્સ્ટ ફોર્મેટિંગ",
+	"shortcuts-dialog.title": "કીબોર્ડ શોર્ટકટ્સ",
+	"shortcuts-dialog.tools": "સાધનો",
+	"shortcuts-dialog.transform": "પરિવર્તન",
+	"shortcuts-dialog.view": "જુઓ",
+	"size-style.l": "વિશાળ",
+	"size-style.m": "મધ્યમ",
+	"size-style.s": "નાના",
+	"size-style.xl": "વધારાની મોટી",
+	"spline-style.cubic": "ઘન",
+	"spline-style.line": "રેખા",
+	"status.offline": "ઑફલાઇન",
+	"style-panel.align": "સંરેખિત કરો",
+	"style-panel.arrow-kind": "રેખા",
+	"style-panel.arrowhead-end": "અંત",
+	"style-panel.arrowhead-start": "શરૂ કરો",
+	"style-panel.arrowheads": "એરોહેડ્સ",
+	"style-panel.color": "રંગ",
+	"style-panel.dash": "આડંબર",
+	"style-panel.fill": "ભરો",
+	"style-panel.font": "ફોન્ટ",
+	"style-panel.geo": "આકાર",
+	"style-panel.label-align": "લેબલ સંરેખિત કરો",
+	"style-panel.mixed": "મિશ્ર",
+	"style-panel.opacity": "અસ્પષ્ટતા",
+	"style-panel.position": "પદ",
+	"style-panel.selected": "પસંદ કરેલ",
+	"style-panel.size": "કદ",
+	"style-panel.spline": "સ્પ્લીન",
+	"style-panel.title": "શૈલીઓ",
+	"style-panel.vertical-align": "વર્ટિકલ સંરેખિત કરો",
+	"theme.dark": "શ્યામ",
+	"theme.light": "પ્રકાશ",
+	"theme.system": "સિસ્ટમ",
+	"toast.close": "બંધ કરો",
+	"toast.error": "ભૂલ",
+	"toast.error.copy-fail.desc": "છબી કૉપિ કરવામાં નિષ્ફળ",
+	"toast.error.copy-fail.title": "નિષ્ફળ નકલ",
+	"toast.error.export-fail.desc": "છબી નિકાસ કરવામાં નિષ્ફળ",
+	"toast.error.export-fail.title": "નિષ્ફળ નિકાસ",
+	"toast.info": "માહિતી",
+	"toast.success": "સફળતા",
+	"toast.warning": "ચેતવણી",
+	"tool-panel.more": "વધુ",
+	"tool-panel.title": "સાધનો",
+	"tool.arrow": "તીર",
+	"tool.arrow-down": "નીચે તીર",
+	"tool.arrow-left": "ડાબે તીર",
+	"tool.arrow-right": "જમણે તીર",
+	"tool.arrow-up": "ઉપર તીર",
+	"tool.aspect-ratio": "પાસા ગુણોત્તર",
+	"tool.aspect-ratio.circle": "વર્તુળ (1:1)",
+	"tool.aspect-ratio.landscape": "લેન્ડસ્કેપ (૪:૩)",
+	"tool.aspect-ratio.original": "મૂળ",
+	"tool.aspect-ratio.portrait": "પોટ્રેટ (૩:૪)",
+	"tool.aspect-ratio.square": "ચોરસ (1:1)",
+	"tool.aspect-ratio.wide": "પહોળું (૧૬:૯)",
+	"tool.bookmark": "બુકમાર્ક",
+	"tool.check-box": "ચેક બોક્સ",
+	"tool.cloud": "વાદળ",
+	"tool.diamond": "હીરા",
+	"tool.draw": "દોરો",
+	"tool.ellipse": "અંડાકાર",
+	"tool.embed": "એમ્બેડ કરો",
+	"tool.eraser": "ઇરેઝર",
+	"tool.flip-horz": "આડું ફ્લિપ કરો",
+	"tool.flip-vert": "ઊભી રીતે ફ્લિપ કરો",
+	"tool.frame": "ફ્રેમ",
+	"tool.hand": "હાથ",
+	"tool.heart": "હૃદય",
+	"tool.hexagon": "ષટ્કોણ",
+	"tool.highlight": "હાઇલાઇટ કરો",
+	"tool.image-crop": "છબી કાપો",
+	"tool.image-crop-confirm": "પુષ્ટિ કરો",
+	"tool.image-toolbar-title": "છબી સાધનો",
+	"tool.image-zoom": "ઝૂમ કરો",
+	"tool.laser": "લેસર",
+	"tool.line": "રેખા",
+	"tool.media": "મીડિયા",
+	"tool.media-alt-text": "વૈકલ્પિક લખાણ",
+	"tool.media-alt-text-confirm": "પુષ્ટિ કરો",
+	"tool.media-alt-text-desc": "વર્ણન આપો...",
+	"tool.note": "નોંધ",
+	"tool.octagon": "અષ્ટકોણ",
+	"tool.oval": "અંડાકાર",
+	"tool.pentagon": "પેન્ટાગોન",
+	"tool.pointer-down": "નિર્દેશક નીચે",
+	"tool.rectangle": "લંબચોરસ",
+	"tool.replace-media": "મીડિયા બદલો",
+	"tool.rhombus": "રોમ્બસ",
+	"tool.rich-text-bold": "બોલ્ડ",
+	"tool.rich-text-bulletList": "બુલેટવાળી સૂચિ",
+	"tool.rich-text-code": "કોડ",
+	"tool.rich-text-header": "હેડર",
+	"tool.rich-text-highlight": "હાઇલાઇટ કરો",
+	"tool.rich-text-italic": "ઇટાલિક",
+	"tool.rich-text-link": "લિંક ડાઉનલોડ કરો",
+	"tool.rich-text-link-remove": "લિંક દૂર કરો",
+	"tool.rich-text-link-visit": "લિંકની મુલાકાત લો",
+	"tool.rich-text-orderedList": "ક્રમબદ્ધ યાદી",
+	"tool.rich-text-strikethrough": "સ્ટ્રાઇકથ્રુ",
+	"tool.rich-text-toolbar-title": "ટેક્સ્ટ ફોર્મેટિંગ",
+	"tool.rotate-cw": "ફેરવો",
+	"tool.select": "પસંદ કરો",
+	"tool.star": "તારો",
+	"tool.text": "ટેક્સ્ટ",
+	"tool.trapezoid": "ટ્રેપેઝોઇડ",
+	"tool.triangle": "ત્રિકોણ",
+	"tool.x-box": "એક્સ બોક્સ",
+	"ui.checked": "ચકાસાયેલ",
+	"ui.close": "બંધ કરો",
+	"ui.unchecked": "અનચેક કરેલ",
+	"verticalAlign-style.end": "તળિયે",
+	"verticalAlign-style.middle": "મધ્ય",
+	"verticalAlign-style.start": "ટોચ",
+	"vscode.file-open.backup": "બેકઅપ",
+	"vscode.file-open.backup-failed": "બેકઅપ નિષ્ફળ થયું: આ .tldr ફાઇલ નથી.",
+	"vscode.file-open.backup-saved": "બેકઅપ સાચવ્યું",
+	"vscode.file-open.desc": "આ ફાઇલ tldraw ના પહેલાના સંસ્કરણ સાથે બનાવવામાં આવી હતી. શું તમે નવા સંસ્કરણ સાથે કામ કરવા માટે તેને અપડેટ કરવા માંગો છો?",
+	"vscode.file-open.dont-show-again": "ફરી પૂછશો નહીં",
+	"vscode.file-open.open": "ચાલુ રાખો"
+}
diff --git a/web/hermes-dist/translations/he.json b/web/hermes-dist/translations/he.json
new file mode 100644
index 0000000..3008ebb
--- /dev/null
+++ b/web/hermes-dist/translations/he.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "התאמת סגנונות צורה",
+	"a11y.enlarge-shape": "הגדלת צורה",
+	"a11y.enter-leave-container": "כניסה/יציאה ממיכל",
+	"a11y.move-shape": "הזזת צורה",
+	"a11y.move-shape-faster": "הזזת צורה מהר יותר",
+	"a11y.multiple-shapes": "נבחרו {num} צורות",
+	"a11y.open-context-menu": "פתח את תפריט ההקשר",
+	"a11y.open-keyboard-shortcuts": "פתיחת קיצורי מקלדת",
+	"a11y.pan-camera": "מצלמת פן",
+	"a11y.repeat-shape": "צורה חוזרת",
+	"a11y.rotate-shape-ccw": "סובב את הצורה נגד כיוון השעון",
+	"a11y.rotate-shape-ccw-fine": "סיבוב צורה נגד כיוון השעון (עדין)",
+	"a11y.rotate-shape-cw": "סובב את הצורה עם כיוון השעון",
+	"a11y.rotate-shape-cw-fine": "סיבוב צורה עם כיוון השעון (עדין)",
+	"a11y.select-shape": "בחר את הצורה הבאה",
+	"a11y.select-shape-direction": "בחירת צורה בכיוון",
+	"a11y.shape-image": "תְמוּנָה",
+	"a11y.shape-index": "{num} מתוך {total}",
+	"a11y.shape-video": "וִידֵאוֹ",
+	"a11y.shrink-shape": "צורת כיווץ",
+	"a11y.skip-to-main-content": "העבר את המיקוד לקנבס",
+	"a11y.status": "סטָטוּס",
+	"action.align-bottom": "יישור תחתית",
+	"action.align-center-horizontal": "יישור אופקי",
+	"action.align-center-horizontal.short": "יישור אופקי",
+	"action.align-center-vertical": "יישור אנכי",
+	"action.align-center-vertical.short": "יישור אנכי",
+	"action.align-left": "יישור שמאלה",
+	"action.align-right": "יישור ימינה",
+	"action.align-top": "יישור למעלה",
+	"action.back-to-content": "חזרה לתוכן",
+	"action.bring-forward": "הזזה קדימה",
+	"action.bring-to-front": "הזזה לחזית",
+	"action.convert-to-bookmark": "המרה לסימנייה",
+	"action.convert-to-embed": "המרה להטמעה",
+	"action.copy": "העתק",
+	"action.copy-as-json": "העתק כ-JSON",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "העתק כ-PNG",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "העתק כ-SVG",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "גזור",
+	"action.delete": "מחיקה",
+	"action.distribute-horizontal": "פיזור אופקי",
+	"action.distribute-horizontal.short": "פיזור אופקי",
+	"action.distribute-vertical": "פיזור אנכי",
+	"action.distribute-vertical.short": "פיזור אנכי",
+	"action.download-original": "הורד את המקור",
+	"action.duplicate": "שכפול",
+	"action.edit-link": "עריכת קישור",
+	"action.enhanced-a11y-mode": "הפעל/הפעל מצב נגישות משופר",
+	"action.enhanced-a11y-mode.menu": "מצב נגישות משופר",
+	"action.exit-pen-mode": "יציאה ממצב עט",
+	"action.export-all-as-png": "ייצוא הכל כ-PNG",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "ייצוא הכל כ-SVG",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "ייצוא כ-PNG",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "ייצוא כ-SVG",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "התאמה לתוכן",
+	"action.flatten-to-image": "שיטוח",
+	"action.flip-horizontal": "היפוך אופקי",
+	"action.flip-horizontal.short": "היפוך אופקי",
+	"action.flip-vertical": "היפוך אנכי",
+	"action.flip-vertical.short": "היפוך אנכי",
+	"action.fork-project": "פיצול פרויקט זה",
+	"action.fork-project-on-tldraw": "פיצול פרויקט ב-tldraw",
+	"action.group": "קיבוץ",
+	"action.insert-embed": "הטמעה",
+	"action.insert-media": "העלאת מדיה",
+	"action.leave-shared-project": "לעזוב את הפרויקט המשותף",
+	"action.new-project": "פרויקט חדש",
+	"action.new-shared-project": "פרויקט משותף חדש",
+	"action.open-cursor-chat": "צ'אט סמן",
+	"action.open-embed-link": "פתיחת קישור",
+	"action.open-file": "פתיחת קובץ",
+	"action.open-kbd-shortcuts": "פתיחת קיצורי מקלדת",
+	"action.pack": "אריזה",
+	"action.paste": "הדבק",
+	"action.paste-error-description": "לא ניתן היה להדביק עקב היעדר הרשאות לוח. נא לספק את ההרשאות ולנסות שוב.",
+	"action.paste-error-title": "ההדבקה נכשלה",
+	"action.print": "הדפסה",
+	"action.redo": "ביצוע מחדש",
+	"action.remove-frame": "הסרת מסגרת",
+	"action.rename": "שנה שם",
+	"action.rotate-ccw": "סיבוב נגד כיוון השעון",
+	"action.rotate-cw": "סיבוב עם כיוון השעון",
+	"action.save-copy": "שמירת עותק",
+	"action.select-all": "בחירת הכל",
+	"action.select-none": "ביטול בחירה",
+	"action.select-zoom-tool": "זום",
+	"action.send-backward": "שליחה אחורנית",
+	"action.send-to-back": "שליחה לאחור עד הסוף",
+	"action.share-project": "שיתוף פרויקט זה",
+	"action.stack-horizontal": "ערימה אופקית",
+	"action.stack-horizontal.short": "ערימה אנכית",
+	"action.stack-vertical": "ערימה אנכית",
+	"action.stack-vertical.short": "ערימה אופקית",
+	"action.stop-following": "הפסקת מעקב",
+	"action.stretch-horizontal": "מתיחה אופקית",
+	"action.stretch-horizontal.short": "מתיחה אופקית",
+	"action.stretch-vertical": "מתיחה אנכית",
+	"action.stretch-vertical.short": "מתיחה אנכית",
+	"action.toggle-auto-none": "אוטומטי",
+	"action.toggle-auto-pan": "אוטומטי (משטח עקיבה)",
+	"action.toggle-auto-size": "בחירת אפשרות גודל אוטומטי",
+	"action.toggle-auto-zoom": "אוטומטי (עכבר)",
+	"action.toggle-dark-mode": "בחירת אפשרות מצב חשוך",
+	"action.toggle-dark-mode.menu": "מצב חשוך",
+	"action.toggle-debug-mode": "בחירת מצב דיבאג",
+	"action.toggle-debug-mode.menu": "מצב דיבאג",
+	"action.toggle-dynamic-size-mode": "בחירת אפשרות גודל דינמי",
+	"action.toggle-dynamic-size-mode.menu": "גדלים דינמיים",
+	"action.toggle-edge-scrolling": "בחירת אפשרות גלילה בקצה",
+	"action.toggle-edge-scrolling.menu": "גלילה בקצה",
+	"action.toggle-focus-mode": "בחירת מצב פוקוס",
+	"action.toggle-focus-mode.menu": "מצב פוקוס",
+	"action.toggle-grid": "תצוגת רשת",
+	"action.toggle-grid.menu": "הצגת רשת",
+	"action.toggle-invert-zoom": "היפוך זום של עכבר",
+	"action.toggle-invert-zoom.menu": "הפוך את זום העכבר",
+	"action.toggle-keyboard-shortcuts": "הפעל/הפעל קיצורי מקלדת",
+	"action.toggle-keyboard-shortcuts.menu": "קיצורי מקלדת",
+	"action.toggle-lock": "נעילה / ביטול נעילה",
+	"action.toggle-mouse": "עַכְבָּר",
+	"action.toggle-paste-at-cursor": "הפעלה/כיבוי הדבקה בסמן",
+	"action.toggle-paste-at-cursor.menu": "הדבקה בסמן העכבר",
+	"action.toggle-reduce-motion": "בחירת אפשרות הפחתת תנועה",
+	"action.toggle-reduce-motion.menu": "הפחתת תנועה",
+	"action.toggle-snap-mode": "בחירת אפשרות תמיד להצמיד",
+	"action.toggle-snap-mode.menu": "תמיד להצמיד",
+	"action.toggle-tool-lock": "בחירת אפשרות נעילת הכלים",
+	"action.toggle-tool-lock.menu": "נעילת כלים",
+	"action.toggle-trackpad": "משטח עקיבה",
+	"action.toggle-transparent": "בחירת אפשרות רקע שקוף",
+	"action.toggle-transparent.context-menu": "שקוף",
+	"action.toggle-transparent.menu": "שקוף",
+	"action.toggle-wrap-mode": "בחירת אפשרות הבחירה בעת עיטוף",
+	"action.toggle-wrap-mode.menu": "בחירה בעת עיטוף",
+	"action.undo": "ביטול",
+	"action.ungroup": "ביטול קיבוץ",
+	"action.unlock-all": "ביטול נעילה להכל",
+	"action.zoom-in": "הגדלת תצוגה (זום אין)",
+	"action.zoom-out": "הקטנת תצוגה (זום אאוט)",
+	"action.zoom-quick": "זום מהיר",
+	"action.zoom-to-100": "זום ל-100%",
+	"action.zoom-to-fit": "זום להתאמה",
+	"action.zoom-to-selection": "זום לבחירה",
+	"actions-menu.title": "פעולות",
+	"align-style.end": "סוֹף",
+	"align-style.justify": "הצדקה",
+	"align-style.middle": "אמצע",
+	"align-style.start": "התחלה",
+	"app.loading": "טוען את tldraw…",
+	"arrow-kind-style.arc": "קֶשֶׁת",
+	"arrow-kind-style.elbow": "מַרְפֵּק",
+	"arrowheadEnd-style.arrow": "חץ",
+	"arrowheadEnd-style.bar": "קורה",
+	"arrowheadEnd-style.diamond": "יהלום",
+	"arrowheadEnd-style.dot": "נקודה",
+	"arrowheadEnd-style.inverted": "הפוך",
+	"arrowheadEnd-style.none": "כלום",
+	"arrowheadEnd-style.pipe": "צינור",
+	"arrowheadEnd-style.square": "ריבוע",
+	"arrowheadEnd-style.triangle": "משולש",
+	"arrowheadStart-style.arrow": "חץ",
+	"arrowheadStart-style.bar": "קורה",
+	"arrowheadStart-style.diamond": "יהלום",
+	"arrowheadStart-style.dot": "נקודה",
+	"arrowheadStart-style.inverted": "הפוך",
+	"arrowheadStart-style.none": "כלום",
+	"arrowheadStart-style.pipe": "צינור",
+	"arrowheadStart-style.square": "ריבוע",
+	"arrowheadStart-style.triangle": "משולש",
+	"assets.files.amount-too-many": "יותר מדי קבצים",
+	"assets.files.maximum-size": "גודל הקובץ המקסימלי הוא {size}",
+	"assets.files.size-too-big": "הקובץ גדול מדי",
+	"assets.files.type-not-allowed": "סוג קובץ אינו מותר",
+	"assets.files.upload-failed": "ההעלאה נכשלה",
+	"assets.url.failed": "לא ניתן היה לטעון את התצוגה המקדימה של כתובת האתר",
+	"color-style.black": "שחור",
+	"color-style.blue": "כחול",
+	"color-style.green": "ירוק",
+	"color-style.grey": "אפור",
+	"color-style.light-blue": "תכלת",
+	"color-style.light-green": "ירוק בהיר",
+	"color-style.light-red": "אדום בהיר",
+	"color-style.light-violet": "סגול בהיר",
+	"color-style.orange": "כתום",
+	"color-style.red": "אדום",
+	"color-style.violet": "סגול",
+	"color-style.white": "לבן",
+	"color-style.yellow": "צהוב",
+	"context-menu.arrange": "ארגון",
+	"context-menu.copy-as": "העתקה בתור",
+	"context-menu.edit": "עריכה",
+	"context-menu.export-all-as": "ייצוא הכל בשם",
+	"context-menu.export-as": "ייצור בתור",
+	"context-menu.move-to-page": "מעבר לדף",
+	"context-menu.reorder": "סידור מחדש",
+	"context-menu.title": "תפריט הקשר",
+	"context.pages.new-page": "עמוד חדש",
+	"cursor-chat.type-to-chat": "הקלידו כדי לצ'וטט...",
+	"dash-style.dashed": "מקווקו",
+	"dash-style.dotted": "מנוקד",
+	"dash-style.draw": "ציור",
+	"dash-style.solid": "מוצק",
+	"document-name-menu.copy-link": "העתקת קישור",
+	"document.default-name": "ללא כותרת",
+	"edit-link-dialog.cancel": "ביטול",
+	"edit-link-dialog.clear": "ניקוי",
+	"edit-link-dialog.detail": "קישורים ייפתחו בלשונית חדשה.",
+	"edit-link-dialog.external-link": "קישור חיצוני",
+	"edit-link-dialog.invalid-url": "קישור חייב להיות כתובת אתר חוקית.",
+	"edit-link-dialog.save": "להמשיך",
+	"edit-link-dialog.title": "עריכת קישור",
+	"edit-link-dialog.url": "כתובת אתר",
+	"embed-dialog.back": "חזרה",
+	"embed-dialog.cancel": "ביטול",
+	"embed-dialog.create": "יצירה",
+	"embed-dialog.instruction": "יש להדביק את כתובת האתר של האתר כדי ליצור את ההטמעה.",
+	"embed-dialog.invalid-url": "לא יכולנו ליצור הטמעה מכתובת האתר הזו.",
+	"embed-dialog.title": "יצירת הטמעה",
+	"embed-dialog.url": "כתובת אתר",
+	"file-system.confirm-clear.cancel": "ביטול",
+	"file-system.confirm-clear.continue": "להמשיך",
+	"file-system.confirm-clear.description": "יצירת פרויקט חדש תנקה את הפרויקט הנוכחי וכל השינויים שלא נשמרו יאבדו. האם להמשיך?",
+	"file-system.confirm-clear.dont-show-again": "אל תשאל שוב",
+	"file-system.confirm-clear.title": "לנקות את הפרויקט הנוכחי?",
+	"file-system.confirm-open.cancel": "ביטול",
+	"file-system.confirm-open.description": "פתיחת קובץ תחליף את הפרויקט הנוכחי שלך וכל השינויים שלא נשמרו יאבדו. האם להמשיך?",
+	"file-system.confirm-open.dont-show-again": "אל תשאל שוב",
+	"file-system.confirm-open.open": "פתיחת קובץ",
+	"file-system.confirm-open.title": "להחליף את הפרויקט הנוכחי?",
+	"file-system.file-open-error.file-format-version-too-new": "הקובץ שניסית לפתוח הוא מגרסה חדשה יותר של tldraw. יש לטעון מחדש את הדף ולנסות שוב.",
+	"file-system.file-open-error.generic-corrupted-file": "הקובץ שניסית לפתוח פגום.",
+	"file-system.file-open-error.not-a-tldraw-file": "נראה שהקובץ שניסית לפתוח אינו קובץ tldraw.",
+	"file-system.file-open-error.title": "לא ניתן היה לפתוח את הקובץ",
+	"file-system.shared-document-file-open-error.description": "פתיחת קבצים מפרויקטים משותפים אינה נתמכת.",
+	"file-system.shared-document-file-open-error.title": "לא ניתן היה לפתוח את הקובץ",
+	"fill-style.fill": "מילוי",
+	"fill-style.lined-fill": "מילוי עם קווים",
+	"fill-style.none": "כלום",
+	"fill-style.pattern": "תבנית",
+	"fill-style.semi": "חצי",
+	"fill-style.solid": "מוצק",
+	"focus-mode.toggle-focus-mode": "בחירת אפשרות מצב פוקוס",
+	"font-style.draw": "ציור",
+	"font-style.mono": "מונו",
+	"font-style.sans": "סאנס",
+	"font-style.serif": "סריף",
+	"geo-style.arrow-down": "חץ למטה",
+	"geo-style.arrow-left": "חץ שמאלה",
+	"geo-style.arrow-right": "חץ ימינה",
+	"geo-style.arrow-up": "חץ למעלה",
+	"geo-style.check-box": "תיבת סימון",
+	"geo-style.cloud": "ענן",
+	"geo-style.diamond": "יהלום",
+	"geo-style.ellipse": "אליפסה",
+	"geo-style.heart": "לֵב",
+	"geo-style.hexagon": "משושה",
+	"geo-style.octagon": "מתומן",
+	"geo-style.oval": "סגלגל",
+	"geo-style.pentagon": "מחומש",
+	"geo-style.rectangle": "מלבן",
+	"geo-style.rhombus": "מעוין",
+	"geo-style.rhombus-2": "מעוין שמאלה",
+	"geo-style.star": "כוכב",
+	"geo-style.trapezoid": "טרפז",
+	"geo-style.triangle": "משולש",
+	"geo-style.x-box": "X Box",
+	"handle.crop.bottom": "תחתית חתוכה",
+	"handle.crop.bottom-left": "חתוך למטה משמאל",
+	"handle.crop.bottom-right": "חתוך למטה מימין",
+	"handle.crop.left": "חתוך שמאלה",
+	"handle.crop.right": "חתוך ימינה",
+	"handle.crop.top": "חולצת קרופ-טופ",
+	"handle.crop.top-left": "חיתוך למעלה משמאל",
+	"handle.crop.top-right": "חיתוך למעלה מימין",
+	"handle.resize-bottom": "שינוי גודל התחתון",
+	"handle.resize-bottom-left": "שינוי גודל למטה משמאל",
+	"handle.resize-bottom-right": "שינוי גודל למטה מימין",
+	"handle.resize-left": "שינוי גודל שמאלה",
+	"handle.resize-right": "שינוי גודל ימינה",
+	"handle.resize-top": "שינוי גודל של החלק העליון",
+	"handle.resize-top-left": "שינוי גודל של השמאל העליון",
+	"handle.resize-top-right": "שינוי גודל ימין למעלה",
+	"handle.rotate.bottom_left_rotate": "סובב למטה שמאלה",
+	"handle.rotate.bottom_right_rotate": "סובב למטה ימינה",
+	"handle.rotate.mobile_rotate": "לְסוֹבֵב",
+	"handle.rotate.top_left_rotate": "סובב למעלה שמאלה",
+	"handle.rotate.top_right_rotate": "סובב למעלה ימינה",
+	"help-menu.about": "אוֹדוֹת",
+	"help-menu.discord": "Discord",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "ייבוא ​​קובץ...",
+	"help-menu.keyboard-shortcuts": "קיצורי מקלדת",
+	"help-menu.privacy": "מדיניות הפרטיות",
+	"help-menu.terms": "תנאי שירות",
+	"help-menu.title": "עזרה ומשאבים",
+	"help-menu.twitter": "טוויטר",
+	"menu.accessibility": "נְגִישׁוּת",
+	"menu.color-theme": "ערכת צבעים",
+	"menu.copy-as": "העתקה בתור",
+	"menu.edit": "עריכה",
+	"menu.export-as": "ייצור בתור",
+	"menu.file": "קובץ",
+	"menu.input-device": "התקן קלט",
+	"menu.language": "שפה",
+	"menu.preferences": "מאפיינים",
+	"menu.theme": "ערכת נושא",
+	"menu.title": "תפריט",
+	"menu.view": "תצוגה",
+	"navigation-zone.minimap": "מינימפה",
+	"navigation-zone.title": "ניווט",
+	"navigation-zone.toggle-minimap": "הצגת מיני-מפה",
+	"navigation-zone.zoom": "זום",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "יצירת דף חדש",
+	"page-menu.edit-done": "בוצע",
+	"page-menu.edit-start": "עריכה",
+	"page-menu.go-to-page": "מעבר לדף",
+	"page-menu.new-page-initial-name": "עמוד 1",
+	"page-menu.submenu.delete": "מחיקה",
+	"page-menu.submenu.duplicate-page": "שכפול",
+	"page-menu.submenu.move-down": "לזוז למטה",
+	"page-menu.submenu.move-up": "לזוז למעלה",
+	"page-menu.submenu.rename": "שינוי שם",
+	"page-menu.submenu.title": "תפריט",
+	"page-menu.title": "דפים",
+	"people-menu.anonymous-user": "משתמש חדש",
+	"people-menu.avatar-color": "צבע אווטאר",
+	"people-menu.change-color": "שינוי צבע",
+	"people-menu.change-name": "שינוי שם",
+	"people-menu.follow": "מעקב",
+	"people-menu.following": "עוקב/ת",
+	"people-menu.invite": "הזמנת אחרים",
+	"people-menu.leading": "עוקב/ת אחריך",
+	"people-menu.title": "אנשים",
+	"people-menu.user": "(את/ה)",
+	"share-menu.copied": "הקישור הועתק!",
+	"share-menu.copy-link": "העתק קישור הזמנה",
+	"share-menu.copy-link-note": "כל מי שיש לו את הקישור יוכל לראות ולערוך את הפרויקט הזה.",
+	"share-menu.copy-readonly-link": "העתק קישור לקריאה בלבד",
+	"share-menu.copy-readonly-link-note": "כל מי שיש לו את הקישור יוכל לראות (אך לא לערוך) את הפרויקט הזה.",
+	"share-menu.create-snapshot-link": "צרו קישור לתמונת מצב",
+	"share-menu.creating-project": "יוצר את הפרויקט החדש...",
+	"share-menu.fork-note": "צרו פרויקט משותף חדש על סמך תמונת מצב זו.",
+	"share-menu.offline-note": "שיתוף הפרויקט הזה ייצור עותק חי מתארח עם כתובת אתר חדשה. ניתן לשתף את כתובת האתר עם עד שלושים אנשים אחרים כדי להציג ולערוך את הפרויקט ביחד.",
+	"share-menu.project-too-large": "מצטערים, לא ניתן לשתף את הפרויקט הזה כי הוא גדול מדי. אנחנו עובדים על זה!",
+	"share-menu.save-note": "הורידו את הפרויקט הזה למחשב כקובץ tldr.",
+	"share-menu.share-project": "שיתוף פרויקט זה",
+	"share-menu.snapshot-link-note": "צלמו ושתפו את הפרויקט הזה כקישור תמונת מצב לקריאה בלבד.",
+	"share-menu.title": "שיתוף",
+	"share-menu.upload-failed": "מצטערים, לא יכולנו להעלות את הפרויקט שלכם כרגע. אנא נסו שוב או הודיעו לנו אם הבעיה נמשכת.",
+	"sharing.confirm-leave.cancel": "ביטול",
+	"sharing.confirm-leave.description": "האם בוודאות ברצונך לעזוב את הפרויקט המשותף הזה? ניתן לחזור אליו על ידי ניווט אל כתובת האתר שלו.",
+	"sharing.confirm-leave.dont-show-again": "אל תשאל שוב",
+	"sharing.confirm-leave.leave": "לעזוב",
+	"sharing.confirm-leave.title": "לעזוב את הפרויקט הנוכחי?",
+	"shortcuts-dialog.a11y": "נְגִישׁוּת",
+	"shortcuts-dialog.collaboration": "שיתוף פעולה",
+	"shortcuts-dialog.edit": "עריכה",
+	"shortcuts-dialog.file": "קובץ",
+	"shortcuts-dialog.preferences": "מאפיינים",
+	"shortcuts-dialog.text-formatting": "עיצוב טקסט",
+	"shortcuts-dialog.title": "קיצורי מקלדת",
+	"shortcuts-dialog.tools": "כלים",
+	"shortcuts-dialog.transform": "שינוי",
+	"shortcuts-dialog.view": "תצוגה",
+	"size-style.l": "גדול",
+	"size-style.m": "בינוני",
+	"size-style.s": "קטן",
+	"size-style.xl": "גדול במיוחד",
+	"spline-style.cubic": "מעוקב",
+	"spline-style.line": "קו",
+	"status.offline": "לא מקוון",
+	"style-panel.align": "יישור",
+	"style-panel.arrow-kind": "קו",
+	"style-panel.arrowhead-end": "סוף",
+	"style-panel.arrowhead-start": "התחלה",
+	"style-panel.arrowheads": "ראשי חץ",
+	"style-panel.color": "צבע",
+	"style-panel.dash": "מקווקו",
+	"style-panel.fill": "מילוי",
+	"style-panel.font": "גופן",
+	"style-panel.geo": "צורה",
+	"style-panel.label-align": "יישור תווית",
+	"style-panel.mixed": "מעורב",
+	"style-panel.opacity": "אטימות",
+	"style-panel.position": "מצב",
+	"style-panel.selected": "נִבחָר",
+	"style-panel.size": "גודל",
+	"style-panel.spline": "Spline",
+	"style-panel.title": "סגנונות",
+	"style-panel.vertical-align": "יישור אנכי",
+	"theme.dark": "כהה",
+	"theme.light": "בהיר",
+	"theme.system": "אוטומטי",
+	"toast.close": "סגירה",
+	"toast.error": "שגיאה",
+	"toast.error.copy-fail.desc": "ההעתקה של התמונה נכשלה",
+	"toast.error.copy-fail.title": "העתקה נכשלה",
+	"toast.error.export-fail.desc": "ייצוא התמונה נכשל",
+	"toast.error.export-fail.title": "הייצוא נכשל",
+	"toast.info": "מידע",
+	"toast.success": "הַצלָחָה",
+	"toast.warning": "אַזהָרָה",
+	"tool-panel.more": "עוד",
+	"tool-panel.title": "כלים",
+	"tool.arrow": "חץ",
+	"tool.arrow-down": "חץ למטה",
+	"tool.arrow-left": "חץ שמאלה",
+	"tool.arrow-right": "חץ ימינה",
+	"tool.arrow-up": "חץ למעלה",
+	"tool.aspect-ratio": "יחס גובה-רוחב",
+	"tool.aspect-ratio.circle": "מעגל (1:1)",
+	"tool.aspect-ratio.landscape": "נוף (4:3)",
+	"tool.aspect-ratio.original": "מְקוֹרִי",
+	"tool.aspect-ratio.portrait": "דיוקן (3:4)",
+	"tool.aspect-ratio.square": "ריבוע (1:1)",
+	"tool.aspect-ratio.wide": "רחב (16:9)",
+	"tool.bookmark": "סימניה",
+	"tool.check-box": "תיבת סימון",
+	"tool.cloud": "ענן",
+	"tool.diamond": "יַהֲלוֹם",
+	"tool.draw": "ציור",
+	"tool.ellipse": "אליפסה",
+	"tool.embed": "הטמעה",
+	"tool.eraser": "מחק",
+	"tool.flip-horz": "היפוך אופקי",
+	"tool.flip-vert": "היפוך אנכי",
+	"tool.frame": "מסגרת",
+	"tool.hand": "יד",
+	"tool.heart": "לֵב",
+	"tool.hexagon": "משושה",
+	"tool.highlight": "הדגשה",
+	"tool.image-crop": "חיתוך התמונה",
+	"tool.image-crop-confirm": "לְאַשֵׁר",
+	"tool.image-toolbar-title": "כלי תמונה",
+	"tool.image-zoom": "זום",
+	"tool.laser": "לייזר",
+	"tool.line": "קו",
+	"tool.media": "כְּלֵי תִקְשׁוֹרֶת",
+	"tool.media-alt-text": "טקסט חלופי",
+	"tool.media-alt-text-confirm": "לְאַשֵׁר",
+	"tool.media-alt-text-desc": "תן תיאור…",
+	"tool.note": "הערה",
+	"tool.octagon": "מתומן",
+	"tool.oval": "סגלגל",
+	"tool.pentagon": "מחומש",
+	"tool.pointer-down": "לחצן למטה",
+	"tool.rectangle": "מלבן",
+	"tool.replace-media": "החלפת מדיה",
+	"tool.rhombus": "מעוין",
+	"tool.rich-text-bold": "נוֹעָז",
+	"tool.rich-text-bulletList": "רשימת תבליטים",
+	"tool.rich-text-code": "קוד",
+	"tool.rich-text-header": "כּוֹתֶרֶת",
+	"tool.rich-text-highlight": "שִׂיא",
+	"tool.rich-text-italic": "נטוי",
+	"tool.rich-text-link": "לְקַשֵׁר",
+	"tool.rich-text-link-remove": "הסר קישור",
+	"tool.rich-text-link-visit": "בקר בקישור",
+	"tool.rich-text-orderedList": "רשימה מסודרת",
+	"tool.rich-text-strikethrough": "חוצה",
+	"tool.rich-text-toolbar-title": "עיצוב טקסט",
+	"tool.rotate-cw": "לְסוֹבֵב",
+	"tool.select": "בחירה",
+	"tool.star": "כוכב",
+	"tool.text": "טקסט",
+	"tool.trapezoid": "טרפז",
+	"tool.triangle": "משולש",
+	"tool.x-box": "X box",
+	"ui.checked": "בָּדוּק",
+	"ui.close": "סגירה",
+	"ui.unchecked": "לא מסומן",
+	"verticalAlign-style.end": "תחתית",
+	"verticalAlign-style.middle": "אמצע",
+	"verticalAlign-style.start": "ראש",
+	"vscode.file-open.backup": "גיבוי",
+	"vscode.file-open.backup-failed": "הגיבוי נכשל: זה לא קובץ tldr.",
+	"vscode.file-open.backup-saved": "הגיבוי נשמר",
+	"vscode.file-open.desc": "קובץ זה נוצר עם גרסה קודמת של tldraw. האם לעדכן אותו כך שיעבוד עם הגרסה החדשה?",
+	"vscode.file-open.dont-show-again": "אל תשאל שוב",
+	"vscode.file-open.open": "להמשיך"
+}
diff --git a/web/hermes-dist/translations/hi-in.json b/web/hermes-dist/translations/hi-in.json
new file mode 100644
index 0000000..c58a0a6
--- /dev/null
+++ b/web/hermes-dist/translations/hi-in.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "शेप के स्टाइल एडजस्ट करें",
+	"a11y.enlarge-shape": "आकार बड़ा करें",
+	"a11y.enter-leave-container": "कंटेनर में जाएँ/छोड़ें",
+	"a11y.move-shape": "आकार को मूव करें",
+	"a11y.move-shape-faster": "आकार को तेज़ी से मूव करें",
+	"a11y.multiple-shapes": "{num} आकृतियाँ चयनित",
+	"a11y.open-context-menu": "संदर्भ मेनू खोलें",
+	"a11y.open-keyboard-shortcuts": "कीबोर्ड के शॉर्टकट खोलें",
+	"a11y.pan-camera": "कैमरा पैन करें",
+	"a11y.repeat-shape": "आकार दोहराएं",
+	"a11y.rotate-shape-ccw": "आकार को घड़ी की उल्टी दिशा में घुमाएँ",
+	"a11y.rotate-shape-ccw-fine": "आकार को घड़ी की उल्टी दिशा में घुमाएँ (फाइन)",
+	"a11y.rotate-shape-cw": "आकार को घड़ी की दिशा में घुमाएँ",
+	"a11y.rotate-shape-cw-fine": "आकार को घड़ी की दिशा में घुमाएँ (फाइन)",
+	"a11y.select-shape": "अगला आकार चुनें",
+	"a11y.select-shape-direction": "आकार की दिशा चुनें",
+	"a11y.shape-image": "छवि",
+	"a11y.shape-index": "{total} में से {num}",
+	"a11y.shape-video": "वीडियो",
+	"a11y.shrink-shape": "आकार छोटा करें",
+	"a11y.skip-to-main-content": "फ़ोकस को कैनवास पर ले जाएँ",
+	"a11y.status": "स्टेटस",
+	"action.align-bottom": "नीचे की तरफ अलाइन करें",
+	"action.align-center-horizontal": "आड़ा अलाइन करें",
+	"action.align-center-horizontal.short": "H को अलाइन करें",
+	"action.align-center-vertical": "लंबवत अलाइन करें",
+	"action.align-center-vertical.short": "V को अलाइन करें",
+	"action.align-left": "बाईं तरफ अलाइन करें",
+	"action.align-right": "दाहिनी तरफ अलाइन करें",
+	"action.align-top": "ऊपर से अलाइन करें",
+	"action.back-to-content": "कंटेन्ट पर वापस जाएं",
+	"action.bring-forward": "आगे लाएं",
+	"action.bring-to-front": "सामने लाएं",
+	"action.convert-to-bookmark": "बुकमार्क में कनवर्ट करें",
+	"action.convert-to-embed": "एम्बेड में कनवर्ट करें",
+	"action.copy": "कॉपी करें",
+	"action.copy-as-json": "JSON के रूप में कॉपी करें",
+	"action.copy-as-json.short": "जेएन",
+	"action.copy-as-png": "PNG के रूप में कॉपी करें",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "SVG के रूप में कॉपी करें",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "कट करें",
+	"action.delete": "डिलीट करें",
+	"action.distribute-horizontal": "आड़ा वितरित करें",
+	"action.distribute-horizontal.short": "H को वितरित करें",
+	"action.distribute-vertical": "लंबवत वितरित करें",
+	"action.distribute-vertical.short": "V को वितरित करें",
+	"action.download-original": "ओरिजिनल डाउनलोड करें",
+	"action.duplicate": "डुप्लिकेट",
+	"action.edit-link": "लिंक को एडिट करें",
+	"action.enhanced-a11y-mode": "एन्हांस्ड एक्सेसेबिलिटी मोड टॉगल करें",
+	"action.enhanced-a11y-mode.menu": "एन्हांस्ड एक्सेसेबिलिटी मोड",
+	"action.exit-pen-mode": "पेन मोड से बाहर निकलें",
+	"action.export-all-as-png": "PNG के रूप में सभी को एक्सपोर्ट करें",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "SVG के रूप में सभी को एक्सपोर्ट करें",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "PNG के रूप में एक्सपोर्ट करें",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "SVG के रूप में एक्सपोर्ट करें",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "कंटेंट के अनुसार फिट करें",
+	"action.flatten-to-image": "समतल करें",
+	"action.flip-horizontal": "आड़ा फ्लिप करें",
+	"action.flip-horizontal.short": "H को फ्लिप करें",
+	"action.flip-vertical": "लंबवत फ्लिप करें",
+	"action.flip-vertical.short": "V को फ्लिप करें",
+	"action.fork-project": "इस प्रोजेक्ट को फोर्क करें",
+	"action.fork-project-on-tldraw": "tldraw पर प्रोजेक्ट फोर्क करें",
+	"action.group": "ग्रुप",
+	"action.insert-embed": "एम्बेड डालें",
+	"action.insert-media": "मीडिया अपलोड करें",
+	"action.leave-shared-project": "शेयर्ड प्रोजेक्ट छोड़ें",
+	"action.new-project": "नया प्रोजेक्ट",
+	"action.new-shared-project": "नया शेयर किया हुआ प्रोजेक्ट",
+	"action.open-cursor-chat": "कर्सर चैट",
+	"action.open-embed-link": "लिंक खोलें",
+	"action.open-file": "फ़ाइल खोलें",
+	"action.open-kbd-shortcuts": "कीबोर्ड के शॉर्टकट खोलें",
+	"action.pack": "पैक करें",
+	"action.paste": "पेस्ट करें",
+	"action.paste-error-description": "क्लिपबोर्ड अनुमतियाँ उपलब्ध नहीं होने के कारण पेस्ट नहीं किया जा सका। कृपया अनुमतियाँ इनेबल करें और दोबारा कोशिश करें।",
+	"action.paste-error-title": "पेस्ट करना विफल रहा",
+	"action.print": "प्रिंट करें",
+	"action.redo": "रिडू करें",
+	"action.remove-frame": "फ़्रेम हटाएँ",
+	"action.rename": "नाम बदलें",
+	"action.rotate-ccw": "घड़ी की सुई के विपरीत दिशा में घुमाएं",
+	"action.rotate-cw": "घड़ी की सुई की दिशा में घुमाएं",
+	"action.save-copy": "कॉपी सेव करें",
+	"action.select-all": "सभी चुनें",
+	"action.select-none": "कुछ मत चुनें",
+	"action.select-zoom-tool": "ज़ूम",
+	"action.send-backward": "पीछे भेजें",
+	"action.send-to-back": "वापस की तरफ भेजें",
+	"action.share-project": "इस प्रोजेक्ट को शेयर करें",
+	"action.stack-horizontal": "आड़ा स्टैक करें",
+	"action.stack-horizontal.short": "H को स्टैक करें",
+	"action.stack-vertical": "लंबवत स्टैक करें",
+	"action.stack-vertical.short": "V को स्टैक करें",
+	"action.stop-following": "फॉलो करना बंद करें",
+	"action.stretch-horizontal": "आड़ा खींचें",
+	"action.stretch-horizontal.short": "H खींचें",
+	"action.stretch-vertical": "लंबवत खींचे",
+	"action.stretch-vertical.short": "V खींचें",
+	"action.toggle-auto-none": "ऑटो",
+	"action.toggle-auto-pan": "ऑटो (ट्रैकपैड)",
+	"action.toggle-auto-size": "ऑटो साइज़ टॉगल करें",
+	"action.toggle-auto-zoom": "ऑटो (माउस)",
+	"action.toggle-dark-mode": "डार्क मोड टॉगल करें",
+	"action.toggle-dark-mode.menu": "डार्क मोड",
+	"action.toggle-debug-mode": "डीबग मोड टॉगल करें",
+	"action.toggle-debug-mode.menu": "डीबग मोड",
+	"action.toggle-dynamic-size-mode": "डायनेमिक साइज़ टॉगल करें",
+	"action.toggle-dynamic-size-mode.menu": "डायनेमिक साइज़",
+	"action.toggle-edge-scrolling": "एज स्क्रॉलिंग को टॉगल करें",
+	"action.toggle-edge-scrolling.menu": "एज स्क्रॉलिंग",
+	"action.toggle-focus-mode": "फोकस मोड टॉगल करें",
+	"action.toggle-focus-mode.menu": "फोकस मोड",
+	"action.toggle-grid": "ग्रिड टॉगल करें",
+	"action.toggle-grid.menu": "ग्रिड दिखाएं",
+	"action.toggle-invert-zoom": "माउस ज़ूम को उलटने के लिए टॉगल करें",
+	"action.toggle-invert-zoom.menu": "माउस ज़ूम को उल्टा करें",
+	"action.toggle-keyboard-shortcuts": "कीबोर्ड के शॉर्टकट टॉगल करें",
+	"action.toggle-keyboard-shortcuts.menu": "किबोर्ड शॉर्टकट",
+	"action.toggle-lock": "लॉक/अनलॉक करें",
+	"action.toggle-mouse": "माउस",
+	"action.toggle-paste-at-cursor": "कर्सर पर पेस्ट टॉगल करें",
+	"action.toggle-paste-at-cursor.menu": "कर्सर पर पेस्ट करें",
+	"action.toggle-reduce-motion": "गति कम करें टॉगल करें",
+	"action.toggle-reduce-motion.menu": "गति कम करें",
+	"action.toggle-snap-mode": "टॉगल हमेशा स्नैप करें",
+	"action.toggle-snap-mode.menu": "हमेशा स्नैप करें",
+	"action.toggle-tool-lock": "टूल लॉक टॉगल करें",
+	"action.toggle-tool-lock.menu": "टूल लॉक",
+	"action.toggle-trackpad": "ट्रैकपैड",
+	"action.toggle-transparent": "पारदर्शी बैक्ग्राउण्ड को टॉगल करें",
+	"action.toggle-transparent.context-menu": "पारदर्शी",
+	"action.toggle-transparent.menu": "पारदर्शी",
+	"action.toggle-wrap-mode": "रैप पर चयन करें टॉगल करें",
+	"action.toggle-wrap-mode.menu": "रैप पर चयन करें",
+	"action.undo": "अनडू करें",
+	"action.ungroup": "अनग्रुप करें",
+	"action.unlock-all": "सभी को अनलॉक करें",
+	"action.zoom-in": "ज़ूम इन करें",
+	"action.zoom-out": "ज़ूम आउट करें",
+	"action.zoom-quick": "त्वरित ज़ूम",
+	"action.zoom-to-100": "100% तक ज़ूम करें",
+	"action.zoom-to-fit": "फिट करने तक लिए ज़ूम करें",
+	"action.zoom-to-selection": "चयन तक ज़ूम करें",
+	"actions-menu.title": "कार्य",
+	"align-style.end": "अंत",
+	"align-style.justify": "जस्टीफ़ाई करें",
+	"align-style.middle": "मध्य",
+	"align-style.start": "शुरुआत",
+	"app.loading": "tldraw लोड हो रहा है…",
+	"arrow-kind-style.arc": "आर्क",
+	"arrow-kind-style.elbow": "कोहनी",
+	"arrowheadEnd-style.arrow": "एरो",
+	"arrowheadEnd-style.bar": "बार",
+	"arrowheadEnd-style.diamond": "डायमंड",
+	"arrowheadEnd-style.dot": "डॉट",
+	"arrowheadEnd-style.inverted": "उल्टा",
+	"arrowheadEnd-style.none": "कोई नहीं",
+	"arrowheadEnd-style.pipe": "पाइप",
+	"arrowheadEnd-style.square": "वर्ग",
+	"arrowheadEnd-style.triangle": "त्रिकोण",
+	"arrowheadStart-style.arrow": "एरो",
+	"arrowheadStart-style.bar": "बार",
+	"arrowheadStart-style.diamond": "डायमंड",
+	"arrowheadStart-style.dot": "डॉट",
+	"arrowheadStart-style.inverted": "उल्टा",
+	"arrowheadStart-style.none": "कोई नहीं",
+	"arrowheadStart-style.pipe": "पाइप",
+	"arrowheadStart-style.square": "वर्ग",
+	"arrowheadStart-style.triangle": "त्रिकोण",
+	"assets.files.amount-too-many": "बहुत अधिक फ़ाइलें",
+	"assets.files.maximum-size": "अधिकतम फाइल साइज़ {size} है",
+	"assets.files.size-too-big": "फ़ाइल साइज़ बहुत बड़ा है",
+	"assets.files.type-not-allowed": "फ़ाइल का प्रकार स्वीकृत नहीं है",
+	"assets.files.upload-failed": "अपलोड करना विफल रहा",
+	"assets.url.failed": "URL प्रीव्यू लोड नहीं किया जा सका",
+	"color-style.black": "काला",
+	"color-style.blue": "नीला",
+	"color-style.green": "हरा",
+	"color-style.grey": "ग्रे",
+	"color-style.light-blue": "हल्का नीला",
+	"color-style.light-green": "हल्का हरा",
+	"color-style.light-red": "हलका लाल",
+	"color-style.light-violet": "हल्का बैंगनी",
+	"color-style.orange": "ऑरेंज",
+	"color-style.red": "लाल",
+	"color-style.violet": "बैंगनी",
+	"color-style.white": "सफ़ेद",
+	"color-style.yellow": "पीला",
+	"context-menu.arrange": "व्यवस्थित करें",
+	"context-menu.copy-as": "के रूप में कॉपी करें",
+	"context-menu.edit": "एडिट करें",
+	"context-menu.export-all-as": "के रूप में सभी को एक्सपोर्ट करें",
+	"context-menu.export-as": "के रूप में एक्सपोर्ट करें",
+	"context-menu.move-to-page": "पेज पर जाएं",
+	"context-menu.reorder": "रीआर्डर करें",
+	"context-menu.title": "संदर्भ मेनू",
+	"context.pages.new-page": "नया पेज",
+	"cursor-chat.type-to-chat": "चैट करने के लिए टाइप करें...",
+	"dash-style.dashed": "डैश्ड",
+	"dash-style.dotted": "डोटेड",
+	"dash-style.draw": "ड्रॉ",
+	"dash-style.solid": "ठोस",
+	"document-name-menu.copy-link": "लिंक कॉपी करें",
+	"document.default-name": "बिना टाइटल का",
+	"edit-link-dialog.cancel": "रद्द करें",
+	"edit-link-dialog.clear": "साफ़ करें",
+	"edit-link-dialog.detail": "लिंक एक नए टैब में खुलेंगे।",
+	"edit-link-dialog.external-link": "बाहरी लिंक",
+	"edit-link-dialog.invalid-url": "लिंक एक मान्य URL होना चाहिए।",
+	"edit-link-dialog.save": "जारी रखें",
+	"edit-link-dialog.title": "लिंक को एडिट करें",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "वापस जाएं",
+	"embed-dialog.cancel": "रद्द करें",
+	"embed-dialog.create": "बनाएं",
+	"embed-dialog.instruction": "एम्बेड बनाने के लिए साइट के URL में पेस्ट करें।",
+	"embed-dialog.invalid-url": "हम उस URL से एम्बेड नहीं बना सके।",
+	"embed-dialog.title": "एम्बेड बनाएं",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "कैंसिल करें",
+	"file-system.confirm-clear.continue": "जारी रखें",
+	"file-system.confirm-clear.description": "नया प्रोजेक्ट बनाने से आपका हाल का प्रोजेक्ट साफ़ हो जाएगा और कोई भी सेव नहीं किए गए बदलाव खो जाएंगे। क्या आप वाकई जारी रखना चाहते हैं?",
+	"file-system.confirm-clear.dont-show-again": "दोबारा न पूछें",
+	"file-system.confirm-clear.title": "हाल का प्रोजेक्ट साफ़ करें?",
+	"file-system.confirm-open.cancel": "रद्द करें",
+	"file-system.confirm-open.description": "फ़ाइल खोलने से आपका वर्तमान प्रोजेक्ट बदल जाएगा और सेव नहीं किए गए परिवर्तन खो जाएंगे। क्या आप वाकई जारी रखना चाहते हैं?",
+	"file-system.confirm-open.dont-show-again": "दोबारा न पूछें",
+	"file-system.confirm-open.open": "फ़ाइल खोलें",
+	"file-system.confirm-open.title": "वर्तमान प्रोजेक्ट को ओवरराइट करना चाहते हैं?",
+	"file-system.file-open-error.file-format-version-too-new": "आपने जिस फ़ाइल को खोलने का प्रयास किया है वह tldraw के नए वर्ज़न से है। कृपया पेज लोड करें और दोबारा कोशिश करें।",
+	"file-system.file-open-error.generic-corrupted-file": "आपने जिस फ़ाइल को खोलने का प्रयास किया वह करप्ट है।",
+	"file-system.file-open-error.not-a-tldraw-file": "आपने जिस फ़ाइल को खोलने का प्रयास किया है वह tldraw फ़ाइल की तरह नहीं दिखती है।",
+	"file-system.file-open-error.title": "फ़ाइल को खोल नहीं सके",
+	"file-system.shared-document-file-open-error.description": "शेयर्ड प्रोजेक्ट्स से फ़ाइलें खोलना सपोर्टेड नहीं है।",
+	"file-system.shared-document-file-open-error.title": "फ़ाइल को खोला नहीं जा सका",
+	"fill-style.fill": "भरें",
+	"fill-style.lined-fill": "रेखांकित भराई",
+	"fill-style.none": "कोई नहीं",
+	"fill-style.pattern": "पैटर्न",
+	"fill-style.semi": "सेमी",
+	"fill-style.solid": "ठोस",
+	"focus-mode.toggle-focus-mode": "फोकस मोड टॉगल करें",
+	"font-style.draw": "ड्रॉ",
+	"font-style.mono": "मोनो",
+	"font-style.sans": "सेंस",
+	"font-style.serif": "सेरिफ़",
+	"geo-style.arrow-down": "नीचे की तरफ एरो करें",
+	"geo-style.arrow-left": "बाईं तरफ एरो करें",
+	"geo-style.arrow-right": "दाहिनी तरफ एरो करें",
+	"geo-style.arrow-up": "ऊपर की तरफ एरो करें",
+	"geo-style.check-box": "बॉक्स पर टिक करें",
+	"geo-style.cloud": "क्लाउड",
+	"geo-style.diamond": "डायमंड",
+	"geo-style.ellipse": "दीर्घवृत्त",
+	"geo-style.heart": "दिल",
+	"geo-style.hexagon": "षट्कोण",
+	"geo-style.octagon": "अष्टकोण",
+	"geo-style.oval": "अंडाकार",
+	"geo-style.pentagon": "पंचकोण",
+	"geo-style.rectangle": "समकोण",
+	"geo-style.rhombus": "विषमकोण",
+	"geo-style.rhombus-2": "बायें ओर का समचतुर्भुज",
+	"geo-style.star": "स्टार",
+	"geo-style.trapezoid": "चतुर्भुज",
+	"geo-style.triangle": "त्रिकोण",
+	"geo-style.x-box": "X बॉक्स",
+	"handle.crop.bottom": "नीचे का हिस्सा क्रॉप करें",
+	"handle.crop.bottom-left": "नीचे का बायां हिस्सा क्रॉप करें",
+	"handle.crop.bottom-right": "नीचे का दाहिना हिस्सा क्रॉप करें",
+	"handle.crop.left": "बायां हिस्सा क्रॉप करें",
+	"handle.crop.right": "दाहिना हिस्सा क्रॉप करें",
+	"handle.crop.top": "ऊपर का हिस्सा क्रॉप करें",
+	"handle.crop.top-left": "ऊपर का बायां हिस्सा क्रॉप करें",
+	"handle.crop.top-right": "ऊपर का दाहिना हिस्सा क्रॉप करें",
+	"handle.resize-bottom": "नीचे के हिस्सा का साइज़ बदलें",
+	"handle.resize-bottom-left": "नीचे के बायें हिस्से का साइज़ बदलें",
+	"handle.resize-bottom-right": "नीचे के दाहिने हिस्से का साइज़ बदलें",
+	"handle.resize-left": "बायें हिस्सा का साइज़ बदलें",
+	"handle.resize-right": "दाहिने हिस्से का साइज़ बदलें",
+	"handle.resize-top": "ऊपर के हिस्सा का साइज़ बदलें",
+	"handle.resize-top-left": "ऊपर के बायें हिस्से का साइज़ बदलें",
+	"handle.resize-top-right": "ऊपर के दाहिने हिस्से का साइज़ बदलें",
+	"handle.rotate.bottom_left_rotate": "नीचे का बायां हिस्सा घुमाएँ",
+	"handle.rotate.bottom_right_rotate": "नीचे का दाहिना हिस्सा घुमाएँ",
+	"handle.rotate.mobile_rotate": "घुमाएँ",
+	"handle.rotate.top_left_rotate": "ऊपर का बायां हिस्सा घुमाएँ",
+	"handle.rotate.top_right_rotate": "ऊपर का दाहिना हिस्सा घुमाएँ",
+	"help-menu.about": "के बारे में",
+	"help-menu.discord": "विवाद",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "फ़ाइल इम्पोर्ट करें...",
+	"help-menu.keyboard-shortcuts": "किबोर्ड शॉर्टकट",
+	"help-menu.privacy": "गोपनियता नीति",
+	"help-menu.terms": "सेवा की शर्तें",
+	"help-menu.title": "सहायता और संसाधन",
+	"help-menu.twitter": "Twitter",
+	"menu.accessibility": "एक्सेसेबिलिटी",
+	"menu.color-theme": "रंग थीम",
+	"menu.copy-as": "के रूप में कॉपी करें",
+	"menu.edit": "एडिट करें",
+	"menu.export-as": "के रूप में एक्सपोर्ट करें",
+	"menu.file": "फ़ाइल",
+	"menu.input-device": "इनपुट डिवाइस",
+	"menu.language": "भाषा",
+	"menu.preferences": "पसंद",
+	"menu.theme": "थीम",
+	"menu.title": "मेन्यू",
+	"menu.view": "देखें",
+	"navigation-zone.minimap": "मिनीमैप",
+	"navigation-zone.title": "नेविगेशन",
+	"navigation-zone.toggle-minimap": "मिनिमैप टॉगल करें",
+	"navigation-zone.zoom": "ज़ूम करें",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "नया पेज बनाएं",
+	"page-menu.edit-done": "हो गया",
+	"page-menu.edit-start": "एडिट करें",
+	"page-menu.go-to-page": "पेज पर जाएं",
+	"page-menu.new-page-initial-name": "पेज 1",
+	"page-menu.submenu.delete": "डिलीट करें",
+	"page-menu.submenu.duplicate-page": "डुप्लिकेट",
+	"page-menu.submenu.move-down": "नीचे जाएं",
+	"page-menu.submenu.move-up": "ऊपर जाएं",
+	"page-menu.submenu.rename": "नाम बदलें",
+	"page-menu.submenu.title": "मेन्यू",
+	"page-menu.title": "पेजिस",
+	"people-menu.anonymous-user": "नए उपयोगकर्ता",
+	"people-menu.avatar-color": "अवतार का रंग",
+	"people-menu.change-color": "कलर बदलें",
+	"people-menu.change-name": "नाम बदलें",
+	"people-menu.follow": "फॉलो करें",
+	"people-menu.following": "फॉलो कर रहे हैं",
+	"people-menu.invite": "दूसरों को इन्वाइट करें",
+	"people-menu.leading": "आपको फॉलो कर रहे हैं",
+	"people-menu.title": "लोग",
+	"people-menu.user": "(आप)",
+	"share-menu.copied": "लिंक को कॉपी किया गया!",
+	"share-menu.copy-link": "लिंक कॉपी करें",
+	"share-menu.copy-link-note": "लिंक वाला कोई भी व्यक्ति इस प्रोजेक्ट को देख और एडिट कर सकेगा।",
+	"share-menu.copy-readonly-link": "रीड-ओनली लिंक कॉपी करें",
+	"share-menu.copy-readonly-link-note": "लिंक वाला कोई भी व्यक्ति इस प्रोजेक्ट को देख (लेकिन एडिट नहीं) पाएगा।",
+	"share-menu.create-snapshot-link": "स्नैपशॉट लिंक बनाएं",
+	"share-menu.creating-project": "नया प्रोजेक्ट क्रिएट कर रहे हैं...",
+	"share-menu.fork-note": "इस स्नैपशॉट के आधार पर एक नया शेयर्ड प्रोजेक्ट बनाएं।",
+	"share-menu.offline-note": "इस प्रोजेक्ट को शेयर करने से नए URL पर होस्ट की गई लाइव कॉपी बन जाएगी। प्रोजेक्ट को एक साथ देखने और एडिट करने के लिए आप अधिकतम तीस अन्य लोगों के साथ URL शेयर कर सकते हैं।",
+	"share-menu.project-too-large": "क्षमा करें, यह प्रोजेक्ट शेयर नहीं किया जा सकता क्योंकि यह बहुत बड़ा है। हम इस पर काम कर रहे हैं!",
+	"share-menu.save-note": "इस प्रोजेक्ट को अपने कंप्यूटर पर .tldr फ़ाइल के रूप में डाउनलोड करें।",
+	"share-menu.share-project": "इस प्रोजेक्ट को शेयर करें",
+	"share-menu.snapshot-link-note": "इस प्रोजेक्ट को केवल रीड-ओन्ली स्नैपशॉट लिंक के रूप में कैप्चर करें और शेयर करें।",
+	"share-menu.title": "शेयर करें",
+	"share-menu.upload-failed": "माफ़ करें, हम इस समय आपका प्रोजेक्ट अपलोड नहीं कर सके। कृपया दोबारा कोशिश करें या अगर समस्या बनी रहती है तो हमें बताएं।",
+	"sharing.confirm-leave.cancel": "कैंसिल करें",
+	"sharing.confirm-leave.description": "क्या आप वाकई इस शेयर्ड प्रोजेक्ट को छोड़ना चाहते हैं? आप इसके URL पर नेविगेट करके इस पर वापस लौट सकते हैं।",
+	"sharing.confirm-leave.dont-show-again": "दोबारा न पूछें",
+	"sharing.confirm-leave.leave": "छोड़ें",
+	"sharing.confirm-leave.title": "हाल का प्रोजेक्ट छोड़ दें?",
+	"shortcuts-dialog.a11y": "एक्सेसेबिलिटी",
+	"shortcuts-dialog.collaboration": "सहयोग",
+	"shortcuts-dialog.edit": "एडिट करें",
+	"shortcuts-dialog.file": "फ़ाइल",
+	"shortcuts-dialog.preferences": "पसंद",
+	"shortcuts-dialog.text-formatting": "टेक्स्ट फार्मेटिंग",
+	"shortcuts-dialog.title": "किबोर्ड शॉर्टकट",
+	"shortcuts-dialog.tools": "टूल्स",
+	"shortcuts-dialog.transform": "परिवर्तन करें",
+	"shortcuts-dialog.view": "देखें",
+	"size-style.l": "बड़ा",
+	"size-style.m": "मध्यम",
+	"size-style.s": "छोटा",
+	"size-style.xl": "बहुत बड़ा",
+	"spline-style.cubic": "घन",
+	"spline-style.line": "पंक्ति",
+	"status.offline": "ऑफलाइन",
+	"style-panel.align": "अलाइन करें",
+	"style-panel.arrow-kind": "पंक्ति",
+	"style-panel.arrowhead-end": "समाप्त करें",
+	"style-panel.arrowhead-start": "शुरू करें",
+	"style-panel.arrowheads": "तीर",
+	"style-panel.color": "कलर",
+	"style-panel.dash": "डैश",
+	"style-panel.fill": "भरें",
+	"style-panel.font": "फॉन्ट",
+	"style-panel.geo": "शेप",
+	"style-panel.label-align": "लेबल अलाइन",
+	"style-panel.mixed": "मिश्रित",
+	"style-panel.opacity": "ओपैसटी",
+	"style-panel.position": "पोजीशन",
+	"style-panel.selected": "चुनिंदा",
+	"style-panel.size": "साइज़",
+	"style-panel.spline": "स्प्लाइन",
+	"style-panel.title": "शैलियां",
+	"style-panel.vertical-align": "वर्टिकल अलाइन",
+	"theme.dark": "डार्क",
+	"theme.light": "लाइट",
+	"theme.system": "सिस्टम",
+	"toast.close": "बंद करें",
+	"toast.error": "एरर",
+	"toast.error.copy-fail.desc": "इमेज कॉपी करने में विफल",
+	"toast.error.copy-fail.title": "विफल कॉपी",
+	"toast.error.export-fail.desc": "इमेज एक्सपोर्ट करने में विफल",
+	"toast.error.export-fail.title": "विफल एक्सपोर्ट",
+	"toast.info": "जानकारी",
+	"toast.success": "हो गया",
+	"toast.warning": "चेतावनी",
+	"tool-panel.more": "और ज्यादा",
+	"tool-panel.title": "टूल्स",
+	"tool.arrow": "एरो",
+	"tool.arrow-down": "नीचे की तरफ एरो करें",
+	"tool.arrow-left": "बाईं तरफ एरो करें",
+	"tool.arrow-right": "दाहिनी तरफ एरो करें",
+	"tool.arrow-up": "ऊपर की तरफ एरो करें",
+	"tool.aspect-ratio": "आस्पेक्ट रेशियो",
+	"tool.aspect-ratio.circle": "सर्कल (1:1)",
+	"tool.aspect-ratio.landscape": "लैंडस्केप (4:3)",
+	"tool.aspect-ratio.original": "ओरिजिनल",
+	"tool.aspect-ratio.portrait": "पोर्टेट (3:4)",
+	"tool.aspect-ratio.square": "स्क्वेयर (1:1)",
+	"tool.aspect-ratio.wide": "वाइड (16:9)",
+	"tool.bookmark": "बुकमार्क",
+	"tool.check-box": "बॉक्स पर टिक करें",
+	"tool.cloud": "क्लाउड",
+	"tool.diamond": "डायमंड",
+	"tool.draw": "ड्रॉ",
+	"tool.ellipse": "दीर्घवृत्त",
+	"tool.embed": "एम्बेड",
+	"tool.eraser": "इरेज़र",
+	"tool.flip-horz": "आड़ा फ्लिप करें",
+	"tool.flip-vert": "लंबवत फ्लिप करें",
+	"tool.frame": "फ्रेम",
+	"tool.hand": "हाथ",
+	"tool.heart": "दिल",
+	"tool.hexagon": "षट्कोण",
+	"tool.highlight": "हाइलाइट",
+	"tool.image-crop": "इमेज क्रॉप करें",
+	"tool.image-crop-confirm": "पुष्टि करें",
+	"tool.image-toolbar-title": "इमेज टूल्स",
+	"tool.image-zoom": "ज़ूम करें",
+	"tool.laser": "लेज़र",
+	"tool.line": "रेखा",
+	"tool.media": "मिडिया",
+	"tool.media-alt-text": "वैकल्पिक टेक्स्ट",
+	"tool.media-alt-text-confirm": "पुष्टि करें",
+	"tool.media-alt-text-desc": "एक विवरण दें...",
+	"tool.note": "नोट",
+	"tool.octagon": "अष्टकोण",
+	"tool.oval": "अंडाकार",
+	"tool.pentagon": "पंचकोण",
+	"tool.pointer-down": "पॉइंटर नीचे की ओर करें",
+	"tool.rectangle": "समकोण",
+	"tool.replace-media": "मीडिया रिप्लेस करें",
+	"tool.rhombus": "विषमकोण",
+	"tool.rich-text-bold": "बोल्ड",
+	"tool.rich-text-bulletList": "बुलेटेड सूची",
+	"tool.rich-text-code": "कोड",
+	"tool.rich-text-header": "हैडर",
+	"tool.rich-text-highlight": "प्रमुखता से दिखाना",
+	"tool.rich-text-italic": "तिरछा",
+	"tool.rich-text-link": "जोड़ना",
+	"tool.rich-text-link-remove": "लिंक हटाएँ",
+	"tool.rich-text-link-visit": "लिंक पर जाएँ",
+	"tool.rich-text-orderedList": "ऑर्डर की हुई लिस्ट",
+	"tool.rich-text-strikethrough": "स्ट्राइकथ्रू",
+	"tool.rich-text-toolbar-title": "टेक्स्ट फार्मेटिंग",
+	"tool.rotate-cw": "घुमाएँ",
+	"tool.select": "चुनें",
+	"tool.star": "स्टार",
+	"tool.text": "टेक्स्ट",
+	"tool.trapezoid": "चतुर्भुज",
+	"tool.triangle": "त्रिकोण",
+	"tool.x-box": "X बॉक्स",
+	"ui.checked": "चेक किया हुआ",
+	"ui.close": "बंद करें",
+	"ui.unchecked": "अनचेक किया हुआ",
+	"verticalAlign-style.end": "नीचे",
+	"verticalAlign-style.middle": "मध्य",
+	"verticalAlign-style.start": "ऊपर",
+	"vscode.file-open.backup": "बैकअप लें",
+	"vscode.file-open.backup-failed": "बैकअप विफल: यह .tldr फ़ाइल नहीं है।",
+	"vscode.file-open.backup-saved": "बैकअप सेव किया गया",
+	"vscode.file-open.desc": "यह फ़ाइल tldraw के पुराने वर्ज़न के साथ बनाई गई थी। क्या आप इसे नए वर्ज़न के साथ काम करने के लिए अपडेट करना चाहेंगे?",
+	"vscode.file-open.dont-show-again": "दोबारा पूछे नहीं",
+	"vscode.file-open.open": "जारी रखें"
+}
diff --git a/web/hermes-dist/translations/hr.json b/web/hermes-dist/translations/hr.json
new file mode 100644
index 0000000..37caab4
--- /dev/null
+++ b/web/hermes-dist/translations/hr.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "Prilagodite stilove oblika",
+	"a11y.enlarge-shape": "Uvećaj oblik",
+	"a11y.enter-leave-container": "Ulazak/izlazak iz kontejnera",
+	"a11y.move-shape": "Premjesti oblik",
+	"a11y.move-shape-faster": "Brže pomicanje oblika",
+	"a11y.multiple-shapes": "Broj odabranih oblika: {num}",
+	"a11y.open-context-menu": "Otvori kontekstni izbornik",
+	"a11y.open-keyboard-shortcuts": "Otvorite tipkovničke prečace",
+	"a11y.pan-camera": "Pomicanje kamere",
+	"a11y.repeat-shape": "Ponovi oblik",
+	"a11y.rotate-shape-ccw": "Zakreni oblik suprotno od kazaljke na satu",
+	"a11y.rotate-shape-ccw-fine": "Zakreni oblik suprotno od kazaljke na satu (fino)",
+	"a11y.rotate-shape-cw": "Okrenite oblik u smjeru kazaljke na satu",
+	"a11y.rotate-shape-cw-fine": "Rotiranje oblika u smjeru kazaljke na satu (fino)",
+	"a11y.select-shape": "Odaberi sljedeći oblik",
+	"a11y.select-shape-direction": "Odaberite oblik u smjeru",
+	"a11y.shape-image": "Slika",
+	"a11y.shape-index": "{num} od {total}",
+	"a11y.shape-video": "Video",
+	"a11y.shrink-shape": "Smanji oblik",
+	"a11y.skip-to-main-content": "Premjesti fokus na platno",
+	"a11y.status": "Status",
+	"action.align-bottom": "Poravnaj dno",
+	"action.align-center-horizontal": "Poravnaj vodoravno",
+	"action.align-center-horizontal.short": "Poravnaj H",
+	"action.align-center-vertical": "Poravnaj okomito",
+	"action.align-center-vertical.short": "Poravnaj V",
+	"action.align-left": "Poravnaj lijevo",
+	"action.align-right": "Poravnaj desno",
+	"action.align-top": "Poravnaj gore",
+	"action.back-to-content": "Natrag na sadržaj",
+	"action.bring-forward": "Prikaži",
+	"action.bring-to-front": "Stavi ispred",
+	"action.convert-to-bookmark": "Pretvori u oznaku",
+	"action.convert-to-embed": "Pretvori u ugradnju",
+	"action.copy": "Kopiraj",
+	"action.copy-as-json": "Kopiraj kao JSON",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "Kopiraj kao PNG",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "Kopiraj kao SVG",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "Izreži",
+	"action.delete": "Izbriši",
+	"action.distribute-horizontal": "Distribuiraj vodoravno",
+	"action.distribute-horizontal.short": "Distribuiraj H",
+	"action.distribute-vertical": "Distribuiraj okomito",
+	"action.distribute-vertical.short": "Distribuiraj V",
+	"action.download-original": "Preuzmi original",
+	"action.duplicate": "Duplikat",
+	"action.edit-link": "Uredi vezu",
+	"action.enhanced-a11y-mode": "Uključi/isključi način poboljšane pristupačnosti",
+	"action.enhanced-a11y-mode.menu": "Poboljšani način pristupačnosti",
+	"action.exit-pen-mode": "Izađi iz načina rada olovke",
+	"action.export-all-as-png": "Izvezi sve kao PNG",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "Izvezi sve kao SVG",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "Izvezi kao PNG",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "Izvezi kao SVG",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "Prilagodi sadržaju",
+	"action.flatten-to-image": "Spljoštiti",
+	"action.flip-horizontal": "Okreni vodoravno",
+	"action.flip-horizontal.short": "Okreni H",
+	"action.flip-vertical": "Okreni okomito",
+	"action.flip-vertical.short": "Okreni V",
+	"action.fork-project": "Račvajte ovaj projekt",
+	"action.fork-project-on-tldraw": "Fork projekt na tldrawu",
+	"action.group": "Grupa",
+	"action.insert-embed": "Umetni ugradnju",
+	"action.insert-media": "Učitaj medije",
+	"action.leave-shared-project": "Napusti zajednički projekt",
+	"action.new-project": "Novi projekt",
+	"action.new-shared-project": "Novi zajednički projekt",
+	"action.open-cursor-chat": "Časkanje kursora",
+	"action.open-embed-link": "Otvori vezu",
+	"action.open-file": "Otvori datoteku",
+	"action.open-kbd-shortcuts": "Otvorite tipkovničke prečace",
+	"action.pack": "Pakiraj",
+	"action.paste": "Zalijepi",
+	"action.paste-error-description": "Nije moguće zalijepiti jer nedostaju dozvole za međuspremnik. Omogućite dopuštenja i pokušajte ponovno.",
+	"action.paste-error-title": "Lijepljenje nije uspjelo",
+	"action.print": "Ispis",
+	"action.redo": "Ponovi",
+	"action.remove-frame": "Ukloni okvir",
+	"action.rename": "Preimenovati",
+	"action.rotate-ccw": "Zakreni u smjeru suprotnom od kazaljke na satu",
+	"action.rotate-cw": "Zakreni u smjeru kazaljke na satu",
+	"action.save-copy": "Spremi kopiju",
+	"action.select-all": "Odaberi sve",
+	"action.select-none": "Ne odaberite ništa",
+	"action.select-zoom-tool": "Zum",
+	"action.send-backward": "Pošalji unatrag",
+	"action.send-to-back": "Pošalji nazad",
+	"action.share-project": "Podijelite ovaj projekt",
+	"action.stack-horizontal": "Složi vodoravno",
+	"action.stack-horizontal.short": "Slagaj H",
+	"action.stack-vertical": "Složi okomito",
+	"action.stack-vertical.short": "Slagaj V",
+	"action.stop-following": "Prestani pratiti",
+	"action.stretch-horizontal": "Istegni vodoravno",
+	"action.stretch-horizontal.short": "Istegni H",
+	"action.stretch-vertical": "Istegni okomito",
+	"action.stretch-vertical.short": "Istegni V",
+	"action.toggle-auto-none": "Auto",
+	"action.toggle-auto-pan": "Automatski (trackpad)",
+	"action.toggle-auto-size": "Prebaci automatsku veličinu",
+	"action.toggle-auto-zoom": "Automatski (miš)",
+	"action.toggle-dark-mode": "Prebaci tamni tema",
+	"action.toggle-dark-mode.menu": "Tamna tema",
+	"action.toggle-debug-mode": "Prebaci način otklanjanja pogrešaka",
+	"action.toggle-debug-mode.menu": "Način otklanjanja pogrešaka",
+	"action.toggle-dynamic-size-mode": "Promjena dinamičke veličine",
+	"action.toggle-dynamic-size-mode.menu": "Dinamička veličina",
+	"action.toggle-edge-scrolling": "Prebaci rubno pomicanje",
+	"action.toggle-edge-scrolling.menu": "Pomicanje rubova",
+	"action.toggle-focus-mode": "Prebaci način rada fokusa",
+	"action.toggle-focus-mode.menu": "Način rada fokusa",
+	"action.toggle-grid": "Prebaci rešetku",
+	"action.toggle-grid.menu": "Prikaži rešetku",
+	"action.toggle-invert-zoom": "Uključi/isključi inverzno zumiranje mišem",
+	"action.toggle-invert-zoom.menu": "Invertiraj zumiranje mišem",
+	"action.toggle-keyboard-shortcuts": "Uključi/isključi tipkovničke prečace",
+	"action.toggle-keyboard-shortcuts.menu": "Tipkovne prečice",
+	"action.toggle-lock": "Prebaci zaključano",
+	"action.toggle-mouse": "Miš",
+	"action.toggle-paste-at-cursor": "Prebaci lijepljenje na kursor",
+	"action.toggle-paste-at-cursor.menu": "Zalijepi na kursor",
+	"action.toggle-reduce-motion": "Prebaci smanjenje kretanja",
+	"action.toggle-reduce-motion.menu": "Smanji kretanje",
+	"action.toggle-snap-mode": "Prebaci prikvačivanje",
+	"action.toggle-snap-mode.menu": "Uvijek prikvačivanje",
+	"action.toggle-tool-lock": "Prebaci zaključavanje alata",
+	"action.toggle-tool-lock.menu": "Zaključavanje alata",
+	"action.toggle-trackpad": "Dodirna ploha",
+	"action.toggle-transparent": "Prebaci prozirnu pozadinu",
+	"action.toggle-transparent.context-menu": "Prozirno",
+	"action.toggle-transparent.menu": "Prozirno",
+	"action.toggle-wrap-mode": "Uključi/isključi odabir pri prelamanju",
+	"action.toggle-wrap-mode.menu": "Odabir na omotu",
+	"action.undo": "Poništi",
+	"action.ungroup": "Razgrupiraj",
+	"action.unlock-all": "Otključaj sve",
+	"action.zoom-in": "Uvećaj",
+	"action.zoom-out": "Smanji",
+	"action.zoom-quick": "Brzo zumiranje",
+	"action.zoom-to-100": "Povećaj na 100%",
+	"action.zoom-to-fit": "Zumiraj da stane sve",
+	"action.zoom-to-selection": "Povećaj na odabir",
+	"actions-menu.title": "Akcije",
+	"align-style.end": "Kraj",
+	"align-style.justify": "Obostran",
+	"align-style.middle": "Sredina",
+	"align-style.start": "Početak",
+	"app.loading": "Učitavanje tldraw-a…",
+	"arrow-kind-style.arc": "Luk",
+	"arrow-kind-style.elbow": "Lakat",
+	"arrowheadEnd-style.arrow": "Strelica",
+	"arrowheadEnd-style.bar": "Traka",
+	"arrowheadEnd-style.diamond": "Dijamant",
+	"arrowheadEnd-style.dot": "Točka",
+	"arrowheadEnd-style.inverted": "Obrnuto",
+	"arrowheadEnd-style.none": "Ništa",
+	"arrowheadEnd-style.pipe": "Cjev",
+	"arrowheadEnd-style.square": "Kvadrat",
+	"arrowheadEnd-style.triangle": "Trokut",
+	"arrowheadStart-style.arrow": "Strelica",
+	"arrowheadStart-style.bar": "Traka",
+	"arrowheadStart-style.diamond": "Dijamant",
+	"arrowheadStart-style.dot": "Točka",
+	"arrowheadStart-style.inverted": "Obrnuto",
+	"arrowheadStart-style.none": "Ništa",
+	"arrowheadStart-style.pipe": "Cjev",
+	"arrowheadStart-style.square": "Kvadrat",
+	"arrowheadStart-style.triangle": "Trokut",
+	"assets.files.amount-too-many": "Previše datoteka",
+	"assets.files.maximum-size": "Maksimalna veličina datoteke je {size}",
+	"assets.files.size-too-big": "Veličina datoteke je prevelika",
+	"assets.files.type-not-allowed": "Vrsta datoteke nije dopuštena",
+	"assets.files.upload-failed": "Prijenos nije uspio",
+	"assets.url.failed": "Nije moguće učitati pregled URL-a",
+	"color-style.black": "Crna",
+	"color-style.blue": "Plava",
+	"color-style.green": "Zelena",
+	"color-style.grey": "Siva",
+	"color-style.light-blue": "Svijetloplava",
+	"color-style.light-green": "Svijetlo zelena",
+	"color-style.light-red": "Svijetlo crvena",
+	"color-style.light-violet": "Svijetloljubičasta",
+	"color-style.orange": "Narančasta",
+	"color-style.red": "Crvena",
+	"color-style.violet": "Ljubičasta",
+	"color-style.white": "Bijela",
+	"color-style.yellow": "Žuta",
+	"context-menu.arrange": "Rasporedi",
+	"context-menu.copy-as": "Kopiraj kao",
+	"context-menu.edit": "Uredi",
+	"context-menu.export-all-as": "Izvezi sve kao",
+	"context-menu.export-as": "Izvezi kao",
+	"context-menu.move-to-page": "Premjesti na stranicu",
+	"context-menu.reorder": "Promijeni redoslijed",
+	"context-menu.title": "Kontekstni izbornik",
+	"context.pages.new-page": "Nova stranica",
+	"cursor-chat.type-to-chat": "Upišite za razgovor...",
+	"dash-style.dashed": "Iscrtkana",
+	"dash-style.dotted": "Točkasta",
+	"dash-style.draw": "Skica",
+	"dash-style.solid": "Puna",
+	"document-name-menu.copy-link": "Kopiraj vezu",
+	"document.default-name": "Bez naslova",
+	"edit-link-dialog.cancel": "Odustani",
+	"edit-link-dialog.clear": "Očisti",
+	"edit-link-dialog.detail": "Veze će se otvoriti u novoj kartici.",
+	"edit-link-dialog.external-link": "Vanjska poveznica",
+	"edit-link-dialog.invalid-url": "Veza mora biti važeći URL.",
+	"edit-link-dialog.save": "Nastavi",
+	"edit-link-dialog.title": "Uredi vezu",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "Natrag",
+	"embed-dialog.cancel": "Odustani",
+	"embed-dialog.create": "Stvori",
+	"embed-dialog.instruction": "Zalijepite URL web-mjesta da biste stvorili ugradnju.",
+	"embed-dialog.invalid-url": "Nismo mogli stvoriti ugradnju iz tog URL-a.",
+	"embed-dialog.title": "Umetni ugrađeni",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "Odustani",
+	"file-system.confirm-clear.continue": "Nastavi",
+	"file-system.confirm-clear.description": "Stvaranje novog projekta izbrisat će vaš trenutni projekt i sve nespremljene promjene bit će izgubljene. Jeste li sigurni da želite nastaviti?",
+	"file-system.confirm-clear.dont-show-again": "Ne pitaj više",
+	"file-system.confirm-clear.title": "Očistiti trenutni projekt?",
+	"file-system.confirm-open.cancel": "Odustani",
+	"file-system.confirm-open.description": "Otvaranje datoteke zamijenit će vaš trenutni projekt i sve nespremljene promjene bit će izgubljene. Jeste li sigurni da želite nastaviti?",
+	"file-system.confirm-open.dont-show-again": "Ne pitaj više",
+	"file-system.confirm-open.open": "Otvori datoteku",
+	"file-system.confirm-open.title": "Prebrisati trenutni projekt?",
+	"file-system.file-open-error.file-format-version-too-new": "Datoteka koju ste pokušali otvoriti je iz novije verzije tldraw. Ponovno učitajte stranicu i pokušajte ponovno.",
+	"file-system.file-open-error.generic-corrupted-file": "Datoteka koju ste pokušali otvoriti je oštećena.",
+	"file-system.file-open-error.not-a-tldraw-file": "Datoteka koju ste pokušali otvoriti ne izgleda kao tldraw datoteka.",
+	"file-system.file-open-error.title": "Nije moguće otvoriti datoteku",
+	"file-system.shared-document-file-open-error.description": "Otvaranje datoteka iz zajedničkih projekata nije podržano.",
+	"file-system.shared-document-file-open-error.title": "Nije moguće otvoriti datoteku",
+	"fill-style.fill": "Ispunite",
+	"fill-style.lined-fill": "Ispunjavanje s linijama",
+	"fill-style.none": "Ništa",
+	"fill-style.pattern": "Uzorka",
+	"fill-style.semi": "Pola",
+	"fill-style.solid": "Puna",
+	"focus-mode.toggle-focus-mode": "Prebaci način rada fokusa",
+	"font-style.draw": "Skica",
+	"font-style.mono": "Mono",
+	"font-style.sans": "Sans",
+	"font-style.serif": "Serif",
+	"geo-style.arrow-down": "Strelica prema dolje",
+	"geo-style.arrow-left": "Strelica lijevo",
+	"geo-style.arrow-right": "Strelica desno",
+	"geo-style.arrow-up": "Strelica prema gore",
+	"geo-style.check-box": "Potvrdni okvir",
+	"geo-style.cloud": "Oblak",
+	"geo-style.diamond": "Dijamant",
+	"geo-style.ellipse": "Elipsa",
+	"geo-style.heart": "Srce",
+	"geo-style.hexagon": "Šesterokut",
+	"geo-style.octagon": "Osmerokut",
+	"geo-style.oval": "Oval",
+	"geo-style.pentagon": "Petokut",
+	"geo-style.rectangle": "Pravokutnik",
+	"geo-style.rhombus": "Romb",
+	"geo-style.rhombus-2": "Romb lijevo",
+	"geo-style.star": "Zvijezda",
+	"geo-style.trapezoid": "Trapez",
+	"geo-style.triangle": "Trokut",
+	"geo-style.x-box": "X kutija",
+	"handle.crop.bottom": "Obrezivanje donjeg dijela",
+	"handle.crop.bottom-left": "Orezivanje dolje lijevo",
+	"handle.crop.bottom-right": "Orezivanje dolje desno",
+	"handle.crop.left": "Orezivanje lijevo",
+	"handle.crop.right": "Orezivanje desno",
+	"handle.crop.top": "Kratki top",
+	"handle.crop.top-left": "Orezivanje gornjeg lijevog dijela",
+	"handle.crop.top-right": "Orezivanje gore desno",
+	"handle.resize-bottom": "Promijeni veličinu dna",
+	"handle.resize-bottom-left": "Promijeni veličinu donjeg lijevog kuta",
+	"handle.resize-bottom-right": "Promijeni veličinu donjeg desnog kuta",
+	"handle.resize-left": "Promijeni veličinu lijevo",
+	"handle.resize-right": "Promijeni veličinu desno",
+	"handle.resize-top": "Promijeni veličinu vrha",
+	"handle.resize-top-left": "Promijeni veličinu gore lijevo",
+	"handle.resize-top-right": "Promijeni veličinu gore desno",
+	"handle.rotate.bottom_left_rotate": "Zakreni dolje lijevo",
+	"handle.rotate.bottom_right_rotate": "Zakreni dolje desno",
+	"handle.rotate.mobile_rotate": "Rotirati",
+	"handle.rotate.top_left_rotate": "Zakreni gore lijevo",
+	"handle.rotate.top_right_rotate": "Zakreni gore desno",
+	"help-menu.about": "O nama",
+	"help-menu.discord": "Discord",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "Uvezi datoteku...",
+	"help-menu.keyboard-shortcuts": "Tipkovne prečice",
+	"help-menu.privacy": "Politika privatnosti",
+	"help-menu.terms": "Uvjeti usluge",
+	"help-menu.title": "Pomoć i resursi",
+	"help-menu.twitter": "Twitter",
+	"menu.accessibility": "Pristupačnost",
+	"menu.color-theme": "Tema boja",
+	"menu.copy-as": "Kopiraj kao",
+	"menu.edit": "Uredi",
+	"menu.export-as": "Izvezi kao",
+	"menu.file": "Datoteka",
+	"menu.input-device": "Ulazni uređaj",
+	"menu.language": "Jezik",
+	"menu.preferences": "Postavke",
+	"menu.theme": "Tema",
+	"menu.title": "Izbornik",
+	"menu.view": "Prikaz",
+	"navigation-zone.minimap": "Minikarta",
+	"navigation-zone.title": "Navigacija",
+	"navigation-zone.toggle-minimap": "Prikaži minikartu",
+	"navigation-zone.zoom": "Zumiranje",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "Stvori novu stranicu",
+	"page-menu.edit-done": "Gotovo",
+	"page-menu.edit-start": "Uredi",
+	"page-menu.go-to-page": "Idi na stranicu",
+	"page-menu.new-page-initial-name": "Stranica 1",
+	"page-menu.submenu.delete": "Izbriši",
+	"page-menu.submenu.duplicate-page": "Dupliciraj",
+	"page-menu.submenu.move-down": "Pomakni dolje",
+	"page-menu.submenu.move-up": "Pomakni gore",
+	"page-menu.submenu.rename": "Preimenuj",
+	"page-menu.submenu.title": "Izbornik",
+	"page-menu.title": "Stranice",
+	"people-menu.anonymous-user": "Novi korisnik",
+	"people-menu.avatar-color": "Boja avatara",
+	"people-menu.change-color": "Promijeni boju",
+	"people-menu.change-name": "Promijeni ime",
+	"people-menu.follow": "Pratim",
+	"people-menu.following": "Pratim",
+	"people-menu.invite": "Pozovi druge",
+	"people-menu.leading": "Pratim te",
+	"people-menu.title": "Ljudi",
+	"people-menu.user": "(Ti)",
+	"share-menu.copied": "Kopiran link!",
+	"share-menu.copy-link": "Kopiraj vezu za dijeljenje",
+	"share-menu.copy-link-note": "Svatko s vezom moći će vidjeti i uređivati ovaj projekt.",
+	"share-menu.copy-readonly-link": "Kopiraj vezu samo za čitanje",
+	"share-menu.copy-readonly-link-note": "Svatko s vezom moći će vidjeti (ali ne i uređivati) ovaj projekt.",
+	"share-menu.create-snapshot-link": "Kopiraj vezu za snimak",
+	"share-menu.creating-project": "Kreiranje novog projekta…",
+	"share-menu.fork-note": "Stvorite novi zajednički projekt na temelju ove snimke.",
+	"share-menu.offline-note": "Stvorite novi zajednički projekt na temelju vašeg trenutnog projekta.",
+	"share-menu.project-too-large": "Žao nam je, ovaj se projekt ne može dijeliti jer je prevelik. Radimo na tome!",
+	"share-menu.save-note": "Preuzmite ovaj projekt na svoje računalo kao .tldr datoteku.",
+	"share-menu.share-project": "Podijelite ovaj projekt",
+	"share-menu.snapshot-link-note": "Snimite i podijelite ovaj projekt kao vezu za snimku samo za čitanje.",
+	"share-menu.title": "Dijeli",
+	"share-menu.upload-failed": "Žao nam je, trenutačno ne možemo prenijeti vaš projekt. Molimo pokušajte ponovno ili nam javite ako problem potraje.",
+	"sharing.confirm-leave.cancel": "Odustani",
+	"sharing.confirm-leave.description": "Jeste li sigurni da želite napustiti ovaj zajednički projekt? Možete mu se vratiti tako da odete na njegov URL.",
+	"sharing.confirm-leave.dont-show-again": "Ne pitaj više",
+	"sharing.confirm-leave.leave": "Napusti",
+	"sharing.confirm-leave.title": "Napustiti trenutni projekt?",
+	"shortcuts-dialog.a11y": "Pristupačnost",
+	"shortcuts-dialog.collaboration": "Suradnja",
+	"shortcuts-dialog.edit": "Uredi",
+	"shortcuts-dialog.file": "Datoteka",
+	"shortcuts-dialog.preferences": "Postavke",
+	"shortcuts-dialog.text-formatting": "Oblikovanje teksta",
+	"shortcuts-dialog.title": "Tipkovne prečice",
+	"shortcuts-dialog.tools": "Alati",
+	"shortcuts-dialog.transform": "Transformacija",
+	"shortcuts-dialog.view": "Prikaz",
+	"size-style.l": "Velika",
+	"size-style.m": "Srednja",
+	"size-style.s": "Mala",
+	"size-style.xl": "Jako velika",
+	"spline-style.cubic": "Kockasti",
+	"spline-style.line": "Linija",
+	"status.offline": "Izvan mreže",
+	"style-panel.align": "Poravnaj",
+	"style-panel.arrow-kind": "Linija",
+	"style-panel.arrowhead-end": "Kraj",
+	"style-panel.arrowhead-start": "Početak",
+	"style-panel.arrowheads": "Strelice",
+	"style-panel.color": "Boja",
+	"style-panel.dash": "Crtica",
+	"style-panel.fill": "Ispuna",
+	"style-panel.font": "Font",
+	"style-panel.geo": "Oblik",
+	"style-panel.label-align": "Poravnajte naljepnicu",
+	"style-panel.mixed": "Mješovito",
+	"style-panel.opacity": "Neprozirnost",
+	"style-panel.position": "Pozicija",
+	"style-panel.selected": "odabrano",
+	"style-panel.size": "Veličina",
+	"style-panel.spline": "Spline",
+	"style-panel.title": "Stilovi",
+	"style-panel.vertical-align": "Poravnaj okomito",
+	"theme.dark": "tamno",
+	"theme.light": "Svjetlo",
+	"theme.system": "sustav",
+	"toast.close": "Zatvori",
+	"toast.error": "Pogreška",
+	"toast.error.copy-fail.desc": "Neuspješno kopiranje slike",
+	"toast.error.copy-fail.title": "Neuspješna kopija",
+	"toast.error.export-fail.desc": "Izvoz slike nije uspio",
+	"toast.error.export-fail.title": "Izvoz nije uspio",
+	"toast.info": "Informacije",
+	"toast.success": "Uspjeh",
+	"toast.warning": "Upozorenje",
+	"tool-panel.more": "Više",
+	"tool-panel.title": "Alati",
+	"tool.arrow": "Strelica",
+	"tool.arrow-down": "Strelica prema dolje",
+	"tool.arrow-left": "Strelica lijevo",
+	"tool.arrow-right": "Strelica desno",
+	"tool.arrow-up": "Strelica prema gore",
+	"tool.aspect-ratio": "Omjer slike",
+	"tool.aspect-ratio.circle": "Krug (1:1)",
+	"tool.aspect-ratio.landscape": "Pejzaž (4:3)",
+	"tool.aspect-ratio.original": "Izvornik",
+	"tool.aspect-ratio.portrait": "Portret (3:4)",
+	"tool.aspect-ratio.square": "Kvadrat (1:1)",
+	"tool.aspect-ratio.wide": "Široki (16:9)",
+	"tool.bookmark": "Knjižna oznaka",
+	"tool.check-box": "Potvrdni okvir",
+	"tool.cloud": "Oblak",
+	"tool.diamond": "Dijamant",
+	"tool.draw": "Crtanje",
+	"tool.ellipse": "Elipsa",
+	"tool.embed": "Ugradi",
+	"tool.eraser": "Brisač",
+	"tool.flip-horz": "Okreni vodoravno",
+	"tool.flip-vert": "Okreni okomito",
+	"tool.frame": "Okvir",
+	"tool.hand": "Ruka",
+	"tool.heart": "Srce",
+	"tool.hexagon": "Šesterokut",
+	"tool.highlight": "Istakni",
+	"tool.image-crop": "Obrezivanje slike",
+	"tool.image-crop-confirm": "Potvrdi",
+	"tool.image-toolbar-title": "Alati za slike",
+	"tool.image-zoom": "Zumiranje",
+	"tool.laser": "Laser",
+	"tool.line": "Linija",
+	"tool.media": "Mediji",
+	"tool.media-alt-text": "Alternativni tekst",
+	"tool.media-alt-text-confirm": "Potvrdi",
+	"tool.media-alt-text-desc": "Dajte opis…",
+	"tool.note": "Bilješka",
+	"tool.octagon": "Osmerokut",
+	"tool.oval": "Oval",
+	"tool.pentagon": "Petokut",
+	"tool.pointer-down": "Pokazivač prema dolje",
+	"tool.rectangle": "Pravokutnik",
+	"tool.replace-media": "Zamijenite medij",
+	"tool.rhombus": "Romb",
+	"tool.rich-text-bold": "Podebljano",
+	"tool.rich-text-bulletList": "Popis s grafičkim oznakama",
+	"tool.rich-text-code": "Kodirati",
+	"tool.rich-text-header": "Zaglavlje",
+	"tool.rich-text-highlight": "Istaknuti",
+	"tool.rich-text-italic": "kurziv",
+	"tool.rich-text-link": "Link",
+	"tool.rich-text-link-remove": "Ukloni vezu",
+	"tool.rich-text-link-visit": "Posjetite link",
+	"tool.rich-text-orderedList": "Uređeni popis",
+	"tool.rich-text-strikethrough": "Precrtano",
+	"tool.rich-text-toolbar-title": "Oblikovanje teksta",
+	"tool.rotate-cw": "Rotirati",
+	"tool.select": "Odaberi",
+	"tool.star": "Zvijezda",
+	"tool.text": "Tekst",
+	"tool.trapezoid": "Trapez",
+	"tool.triangle": "Trokut",
+	"tool.x-box": "X kutija",
+	"ui.checked": "Označeno",
+	"ui.close": "Zatvori",
+	"ui.unchecked": "Neoznačeno",
+	"verticalAlign-style.end": "Dno",
+	"verticalAlign-style.middle": "Sredina",
+	"verticalAlign-style.start": "Vrh",
+	"vscode.file-open.backup": "Sigurnosna kopija",
+	"vscode.file-open.backup-failed": "Sigurnosna kopija nije uspjela: ovo nije .tldr datoteka.",
+	"vscode.file-open.backup-saved": "Sigurnosna kopija spremljena",
+	"vscode.file-open.desc": "Ažurirali smo ovaj dokument da radi s trenutnom verzijom tldraw-a. Ako želite zadržati izvornu verziju (koja će raditi na old.tldraw.com), kliknite ispod za izradu sigurnosne kopije.",
+	"vscode.file-open.dont-show-again": "Ne pitaj više",
+	"vscode.file-open.open": "Nastavi"
+}
diff --git a/web/hermes-dist/translations/hu.json b/web/hermes-dist/translations/hu.json
new file mode 100644
index 0000000..8d823a4
--- /dev/null
+++ b/web/hermes-dist/translations/hu.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "Alakzatstílusok módosítása",
+	"a11y.enlarge-shape": "Alakzat nagyítása",
+	"a11y.enter-leave-container": "Belépés/kilépés a konténerből",
+	"a11y.move-shape": "Alakzat mozgatása",
+	"a11y.move-shape-faster": "Gyorsabban mozgassa az alakzatot",
+	"a11y.multiple-shapes": "{num} alakzat kiválasztva",
+	"a11y.open-context-menu": "Nyissa meg a helyi menüt",
+	"a11y.open-keyboard-shortcuts": "Nyissa meg a billentyűparancsokat",
+	"a11y.pan-camera": "Pan kamera",
+	"a11y.repeat-shape": "Ismétlődő alakzat",
+	"a11y.rotate-shape-ccw": "Alakzat forgatása az óramutató járásával ellentétes irányba",
+	"a11y.rotate-shape-ccw-fine": "Alakzat forgatása az óramutató járásával ellentétes irányba (finom)",
+	"a11y.rotate-shape-cw": "Alakzat elforgatása az óramutató járásával megegyező irányba",
+	"a11y.rotate-shape-cw-fine": "Alakzat elforgatása az óramutató járásával megegyezően (finom)",
+	"a11y.select-shape": "Következő alakzat kijelölése",
+	"a11y.select-shape-direction": "Alakzat kijelölése irány szerint",
+	"a11y.shape-image": "Kép",
+	"a11y.shape-index": "{num}/{total}",
+	"a11y.shape-video": "Videó",
+	"a11y.shrink-shape": "Zsugorodási alak",
+	"a11y.skip-to-main-content": "A fókusz áthelyezése a vászonra",
+	"a11y.status": "Állapot",
+	"action.align-bottom": "Lefelé igazítás",
+	"action.align-center-horizontal": "Vízszintes igazítás",
+	"action.align-center-horizontal.short": "V. igazítás",
+	"action.align-center-vertical": "Függőleges igazítás",
+	"action.align-center-vertical.short": "F. igazítás",
+	"action.align-left": "Balra igazítás",
+	"action.align-right": "Jobbra igazítás",
+	"action.align-top": "Felfelé igazítás",
+	"action.back-to-content": "Vissza a tartalomhoz",
+	"action.bring-forward": "Küldés előrébb",
+	"action.bring-to-front": "Küldés előre",
+	"action.convert-to-bookmark": "Konvertálás könyvjelzővé",
+	"action.convert-to-embed": "Konvertálás beágyazássá",
+	"action.copy": "Másolás",
+	"action.copy-as-json": "Másolás JSON-ként",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "Másolás PNG-ként",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "Másolás SVG-ként",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "Kivágás",
+	"action.delete": "Törlés",
+	"action.distribute-horizontal": "Vízszintes elosztás",
+	"action.distribute-horizontal.short": "V. elosztás",
+	"action.distribute-vertical": "Függőleges elosztás",
+	"action.distribute-vertical.short": "F. elosztás",
+	"action.download-original": "Eredeti letöltése",
+	"action.duplicate": "Duplikálás",
+	"action.edit-link": "Hivatkozás szerkesztése",
+	"action.enhanced-a11y-mode": "Bővített akadálymentesítési mód be-/kikapcsolása",
+	"action.enhanced-a11y-mode.menu": "Fokozott akadálymentesítési mód",
+	"action.exit-pen-mode": "Kilépés a toll módból",
+	"action.export-all-as-png": "Az összes exportálása PNG formátumban",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "Az összes exportálása SVG formátumban",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "Exportálás PNG-ként",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "Exportálás SVG-ként",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "Tartalomhoz igazítás",
+	"action.flatten-to-image": "Lelapul",
+	"action.flip-horizontal": "Vízszintes tükrözés",
+	"action.flip-horizontal.short": "V. tükrözés",
+	"action.flip-vertical": "Függőleges tükrözés",
+	"action.flip-vertical.short": "F. tükrözés",
+	"action.fork-project": "Klónozd le ezt a projektet",
+	"action.fork-project-on-tldraw": "Fork projekt a tldraw-n",
+	"action.group": "Csoportosítás",
+	"action.insert-embed": "Beágyazás beszúrása",
+	"action.insert-media": "Média feltöltése",
+	"action.leave-shared-project": "Kilépés a megosztott projektből",
+	"action.new-project": "Új projekt",
+	"action.new-shared-project": "Új megosztott projekt",
+	"action.open-cursor-chat": "Kurzor csevegés",
+	"action.open-embed-link": "Link megnyitása",
+	"action.open-file": "Fájl megnyitása",
+	"action.open-kbd-shortcuts": "Billentyűparancsok megnyitása",
+	"action.pack": "Csomagolás",
+	"action.paste": "Beillesztés",
+	"action.paste-error-description": "Nem sikerült beilleszteni a vágólapra vonatkozó engedélyek hiánya miatt. Kérjük, engedélyezze az engedélyeket, és próbálja újra.",
+	"action.paste-error-title": "A beillesztés nem sikerült",
+	"action.print": "Nyomtatás",
+	"action.redo": "Újra",
+	"action.remove-frame": "Keret eltávolítása",
+	"action.rename": "Átnevezés",
+	"action.rotate-ccw": "Forgatás az óramutató ellen",
+	"action.rotate-cw": "Forgatás az óramutató szerint",
+	"action.save-copy": "Másolat mentése",
+	"action.select-all": "Az összes kijelölése",
+	"action.select-none": "Kijelölés törlése",
+	"action.select-zoom-tool": "Zoomolás",
+	"action.send-backward": "Küldés hátrébb",
+	"action.send-to-back": "Küldés hátra",
+	"action.share-project": "A projekt megosztása",
+	"action.stack-horizontal": "Vízszintes halmozás",
+	"action.stack-horizontal.short": "V. halmozás",
+	"action.stack-vertical": "Függőleges halmozás",
+	"action.stack-vertical.short": "F. halmozás",
+	"action.stop-following": "Követés leállítása",
+	"action.stretch-horizontal": "Vízszintes nyújtás",
+	"action.stretch-horizontal.short": "V. nyújtás",
+	"action.stretch-vertical": "Függőleges nyújtás",
+	"action.stretch-vertical.short": "F. nyújtás",
+	"action.toggle-auto-none": "Autó",
+	"action.toggle-auto-pan": "Automatikus (érintőpad)",
+	"action.toggle-auto-size": "Automatikus méret be- és kikapcsolása",
+	"action.toggle-auto-zoom": "Automatikus (egér)",
+	"action.toggle-dark-mode": "Sötét mód be- és kikapcsolása",
+	"action.toggle-dark-mode.menu": "Sötét mód",
+	"action.toggle-debug-mode": "Hibakeresési mód be- és kikapcsolása",
+	"action.toggle-debug-mode.menu": "Hibakeresési mód",
+	"action.toggle-dynamic-size-mode": "Dinamikus méret váltása",
+	"action.toggle-dynamic-size-mode.menu": "Dinamikus méret",
+	"action.toggle-edge-scrolling": "A szélgörgetés be- és kikapcsolása",
+	"action.toggle-edge-scrolling.menu": "Szélgörgetés",
+	"action.toggle-focus-mode": "Fókusz mód be- és kikapcsolása",
+	"action.toggle-focus-mode.menu": "Fókusz mód",
+	"action.toggle-grid": "Rács be- és kikapcsolása",
+	"action.toggle-grid.menu": "Rács megjelenítése",
+	"action.toggle-invert-zoom": "Egérnagyítás invertálásának be-/kikapcsolása",
+	"action.toggle-invert-zoom.menu": "Egérnagyítás megfordítása",
+	"action.toggle-keyboard-shortcuts": "Billentyűparancsok be-/kikapcsolása",
+	"action.toggle-keyboard-shortcuts.menu": "Billentyűparancsok",
+	"action.toggle-lock": "Zárolás / Feloldás",
+	"action.toggle-mouse": "Egér",
+	"action.toggle-paste-at-cursor": "Beillesztés váltása a kurzornál",
+	"action.toggle-paste-at-cursor.menu": "Beillesztés a kurzorba",
+	"action.toggle-reduce-motion": "Mozgáscsökkentés be- és kikapcsolása",
+	"action.toggle-reduce-motion.menu": "Mozgás csökkentése",
+	"action.toggle-snap-mode": "Igazodó mód be- és kikapcsolása",
+	"action.toggle-snap-mode.menu": "Mindig igazodjon",
+	"action.toggle-tool-lock": "Szerszámzár be- és kikapcsolása",
+	"action.toggle-tool-lock.menu": "Szerszámzár",
+	"action.toggle-trackpad": "Érintőpad",
+	"action.toggle-transparent": "Átlátszó háttér be- és kikapcsolása",
+	"action.toggle-transparent.context-menu": "Átlátszó",
+	"action.toggle-transparent.menu": "Átlátszó",
+	"action.toggle-wrap-mode": "Kapcsolja be a Kijelölést a burkolásra",
+	"action.toggle-wrap-mode.menu": "Válassza ki a csomagoláson",
+	"action.undo": "Visszavonás",
+	"action.ungroup": "Csoportosítás feloldása",
+	"action.unlock-all": "Az összes feloldása",
+	"action.zoom-in": "Nagyítás",
+	"action.zoom-out": "Kicsinyítés",
+	"action.zoom-quick": "Gyors zoom",
+	"action.zoom-to-100": "Nagyítás 100%-ra",
+	"action.zoom-to-fit": "Nagyítás, hogy illeszkedjen",
+	"action.zoom-to-selection": "Nagyítás a kijelöléshez",
+	"actions-menu.title": "Műveletek",
+	"align-style.end": "Végére",
+	"align-style.justify": "Sorkizárt",
+	"align-style.middle": "Középre",
+	"align-style.start": "Elejére",
+	"app.loading": "Tldraw betöltése…",
+	"arrow-kind-style.arc": "Ív",
+	"arrow-kind-style.elbow": "Könyök",
+	"arrowheadEnd-style.arrow": "Nyíl",
+	"arrowheadEnd-style.bar": "Rúd",
+	"arrowheadEnd-style.diamond": "Gyémánt",
+	"arrowheadEnd-style.dot": "Pont",
+	"arrowheadEnd-style.inverted": "Fordított",
+	"arrowheadEnd-style.none": "Egyik sem",
+	"arrowheadEnd-style.pipe": "Cső",
+	"arrowheadEnd-style.square": "Négyzet",
+	"arrowheadEnd-style.triangle": "Háromszög",
+	"arrowheadStart-style.arrow": "Nyíl",
+	"arrowheadStart-style.bar": "Rúd",
+	"arrowheadStart-style.diamond": "Gyémánt",
+	"arrowheadStart-style.dot": "Pont",
+	"arrowheadStart-style.inverted": "Fordított",
+	"arrowheadStart-style.none": "Egyik sem",
+	"arrowheadStart-style.pipe": "Cső",
+	"arrowheadStart-style.square": "Négyzet",
+	"arrowheadStart-style.triangle": "Háromszög",
+	"assets.files.amount-too-many": "Túl sok fájl",
+	"assets.files.maximum-size": "A maximális fájlméret {size}",
+	"assets.files.size-too-big": "A fájl mérete túl nagy",
+	"assets.files.type-not-allowed": "A fájltípus nem engedélyezett",
+	"assets.files.upload-failed": "Feltöltés sikertelen",
+	"assets.url.failed": "Nem sikerült betölteni az URL előnézetét",
+	"color-style.black": "Fekete",
+	"color-style.blue": "Kék",
+	"color-style.green": "Zöld",
+	"color-style.grey": "Szürke",
+	"color-style.light-blue": "Világoskék",
+	"color-style.light-green": "Világoszöld",
+	"color-style.light-red": "Világos piros",
+	"color-style.light-violet": "Világos ibolya",
+	"color-style.orange": "Narancssárga",
+	"color-style.red": "Piros",
+	"color-style.violet": "Ibolya",
+	"color-style.white": "Fehér",
+	"color-style.yellow": "Sárga",
+	"context-menu.arrange": "Rendezés",
+	"context-menu.copy-as": "Másolás mint",
+	"context-menu.edit": "Szerkesztés",
+	"context-menu.export-all-as": "Az összes exportálása másként",
+	"context-menu.export-as": "Exportálás mint",
+	"context-menu.move-to-page": "Mozgatás az oldalra",
+	"context-menu.reorder": "Újrarendelés",
+	"context-menu.title": "Helyi menü",
+	"context.pages.new-page": "Új oldal",
+	"cursor-chat.type-to-chat": "Írj a csevegéshez...",
+	"dash-style.dashed": "Szaggatott",
+	"dash-style.dotted": "Pontozott",
+	"dash-style.draw": "Rajzolt",
+	"dash-style.solid": "Teli",
+	"document-name-menu.copy-link": "Link másolása",
+	"document.default-name": "Névtelen",
+	"edit-link-dialog.cancel": "Mégse",
+	"edit-link-dialog.clear": "Törlés",
+	"edit-link-dialog.detail": "A hivatkozások új lapon nyílnak meg.",
+	"edit-link-dialog.external-link": "Külső hivatkozás",
+	"edit-link-dialog.invalid-url": "A hivatkozásnak érvényes URL-címnek kell lennie.",
+	"edit-link-dialog.save": "Folytatás",
+	"edit-link-dialog.title": "Hivatkozás szerkesztése",
+	"edit-link-dialog.url": "URL cím",
+	"embed-dialog.back": "Vissza",
+	"embed-dialog.cancel": "Mégse",
+	"embed-dialog.create": "Létrehozás",
+	"embed-dialog.instruction": "Illeszd be a weboldal URL-jét, hogy létrehozd a beágyazást.",
+	"embed-dialog.invalid-url": "Nem tudtunk beágyazást létrehozni ebből az URL-címből.",
+	"embed-dialog.title": "Beágyazás létrehozása",
+	"embed-dialog.url": "URL cím",
+	"file-system.confirm-clear.cancel": "Mégse",
+	"file-system.confirm-clear.continue": "Folytatás",
+	"file-system.confirm-clear.description": "Új projekt létrehozása törli az aktuális projektet, és a nem mentett módosítások elvesznek. Biztos vagy benne, hogy folytatni akarod?",
+	"file-system.confirm-clear.dont-show-again": "Ne kérdezd többet",
+	"file-system.confirm-clear.title": "Töröljük a jelenlegi projektet?",
+	"file-system.confirm-open.cancel": "Mégse",
+	"file-system.confirm-open.description": "A fájl megnyitása lecseréli az aktuális projektet, és a nem mentett módosítások elvesznek. Biztos vagy benne, hogy folytatni akarod?",
+	"file-system.confirm-open.dont-show-again": "Ne kérdezd többet",
+	"file-system.confirm-open.open": "Fájl megnyitása",
+	"file-system.confirm-open.title": "Felülírja az aktuális projektet?",
+	"file-system.file-open-error.file-format-version-too-new": "A fájlt, amit megpróbáltál megnyitni, egy újabb tldraw verzióból származik. Kérlek, töltsd újra az oldalt és próbáld meg újra.",
+	"file-system.file-open-error.generic-corrupted-file": "A megnyitni próbált fájl sérült.",
+	"file-system.file-open-error.not-a-tldraw-file": "A megnyitni próbált fájl nem úgy néz ki, mint egy tldraw fájl.",
+	"file-system.file-open-error.title": "Nem sikerült megnyitni a fájlt",
+	"file-system.shared-document-file-open-error.description": "A megosztott projektekből származó fájlok megnyitása nem támogatott.",
+	"file-system.shared-document-file-open-error.title": "Nem sikerült megnyitni a fájlt",
+	"fill-style.fill": "Töltse ki",
+	"fill-style.lined-fill": "Vonalas kitöltés",
+	"fill-style.none": "Nincs",
+	"fill-style.pattern": "Mintázat",
+	"fill-style.semi": "Félig",
+	"fill-style.solid": "Teli",
+	"focus-mode.toggle-focus-mode": "Fókusz mód be- és kikapcsolása",
+	"font-style.draw": "Rajzolás",
+	"font-style.mono": "Mono",
+	"font-style.sans": "Sans",
+	"font-style.serif": "Serif",
+	"geo-style.arrow-down": "Nyíl lefelé",
+	"geo-style.arrow-left": "Nyíl balra",
+	"geo-style.arrow-right": "Nyíl jobbra",
+	"geo-style.arrow-up": "Nyíl felfelé",
+	"geo-style.check-box": "Jelölőnégyzet",
+	"geo-style.cloud": "Felhő",
+	"geo-style.diamond": "Gyémánt",
+	"geo-style.ellipse": "Ellipszis",
+	"geo-style.heart": "Szív",
+	"geo-style.hexagon": "Hatszög",
+	"geo-style.octagon": "Nyolcszög",
+	"geo-style.oval": "Ovális",
+	"geo-style.pentagon": "Ötszög",
+	"geo-style.rectangle": "Téglalap",
+	"geo-style.rhombus": "Rombusz",
+	"geo-style.rhombus-2": "Rombusz balra",
+	"geo-style.star": "Csillag",
+	"geo-style.trapezoid": "Trapéz",
+	"geo-style.triangle": "Háromszög",
+	"geo-style.x-box": "X doboz",
+	"handle.crop.bottom": "Alsó vágás",
+	"handle.crop.bottom-left": "Bal alsó rész kivágása",
+	"handle.crop.bottom-right": "Jobb alsó vágás",
+	"handle.crop.left": "Balra vágás",
+	"handle.crop.right": "Jobbra vágás",
+	"handle.crop.top": "Rövid felső",
+	"handle.crop.top-left": "Bal felső rész kivágása",
+	"handle.crop.top-right": "Jobb felső vágás",
+	"handle.resize-bottom": "Alsó méret átméretezése",
+	"handle.resize-bottom-left": "Bal alsó rész átméretezése",
+	"handle.resize-bottom-right": "Jobb alsó méretezése",
+	"handle.resize-left": "Átméretezés balra",
+	"handle.resize-right": "Átméretezés jobbra",
+	"handle.resize-top": "Felső méretének átméretezése",
+	"handle.resize-top-left": "Bal felső rész átméretezése",
+	"handle.resize-top-right": "Jobb felső rész átméretezése",
+	"handle.rotate.bottom_left_rotate": "Balra lent elforgatás",
+	"handle.rotate.bottom_right_rotate": "Jobb alsó nézet elforgatása",
+	"handle.rotate.mobile_rotate": "Forog",
+	"handle.rotate.top_left_rotate": "Balra fent elforgatás",
+	"handle.rotate.top_right_rotate": "Jobbra fent elforgatás",
+	"help-menu.about": "Rólunk",
+	"help-menu.discord": "Discord",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "Fájl importálása...",
+	"help-menu.keyboard-shortcuts": "Billentyűparancsok",
+	"help-menu.privacy": "Adatvédelmi szabályzat",
+	"help-menu.terms": "Szolgáltatási feltételek",
+	"help-menu.title": "Segítség és források",
+	"help-menu.twitter": "Twitter",
+	"menu.accessibility": "Megközelíthetőség",
+	"menu.color-theme": "Színtéma",
+	"menu.copy-as": "Másolás mint",
+	"menu.edit": "Szerkesztés",
+	"menu.export-as": "Exportálás mint",
+	"menu.file": "Fájl",
+	"menu.input-device": "Beviteli eszköz",
+	"menu.language": "Nyelv",
+	"menu.preferences": "Beállítások",
+	"menu.theme": "Téma",
+	"menu.title": "Menü",
+	"menu.view": "Megtekintés",
+	"navigation-zone.minimap": "Minitérkép",
+	"navigation-zone.title": "Navigáció",
+	"navigation-zone.toggle-minimap": "Minitérkép be- és kikapcsolása",
+	"navigation-zone.zoom": "Nagyítás",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "Új oldal létrehozása",
+	"page-menu.edit-done": "Kész",
+	"page-menu.edit-start": "Szerkesztés",
+	"page-menu.go-to-page": "Ugrás oldalra",
+	"page-menu.new-page-initial-name": "1. oldal",
+	"page-menu.submenu.delete": "Törlés",
+	"page-menu.submenu.duplicate-page": "Duplikálás",
+	"page-menu.submenu.move-down": "Mozgatás lefelé",
+	"page-menu.submenu.move-up": "Mozgatás felfelé",
+	"page-menu.submenu.rename": "Átnevezés",
+	"page-menu.submenu.title": "Menü",
+	"page-menu.title": "Oldalak",
+	"people-menu.anonymous-user": "Új felhasználó",
+	"people-menu.avatar-color": "Avatar színe",
+	"people-menu.change-color": "Szín módosítása",
+	"people-menu.change-name": "Név módosítása",
+	"people-menu.follow": "Követés",
+	"people-menu.following": "Követve",
+	"people-menu.invite": "Hívj meg másokat is",
+	"people-menu.leading": "Követnek",
+	"people-menu.title": "Emberek",
+	"people-menu.user": "(Te)",
+	"share-menu.copied": "Link másolva!",
+	"share-menu.copy-link": "Hivatkozás másolása",
+	"share-menu.copy-link-note": "A link birtokában bárki megtekintheti és szerkesztheti ezt a projektet.",
+	"share-menu.copy-readonly-link": "Csak olvasható hivatkozás másolása",
+	"share-menu.copy-readonly-link-note": "A link birtokában bárki megtekintheti (de nem szerkesztheti) ezt a projektet.",
+	"share-menu.create-snapshot-link": "Pillanatkép-hivatkozás létrehozása",
+	"share-menu.creating-project": "Az új projekt létrehozása…",
+	"share-menu.fork-note": "Hozz létre egy új, megosztott projektet ebből a pillanatképből.",
+	"share-menu.offline-note": "Ha megosztod ezt a projektet, egy új URL-en létrejön egy élő, hosztolt másolat. Azt az URL-t akár harminc másik emberrel is megoszthatod, hogy együtt nézhessék és szerkesszék a projektet.",
+	"share-menu.project-too-large": "Sajnáljuk, ezt a projektet nem lehet megosztani, mert túl nagy. Dolgozunk rajta!",
+	"share-menu.save-note": "Töltsd le ezt a projektet a gépedre .tldr fájlként.",
+	"share-menu.share-project": "A projekt megosztása",
+	"share-menu.snapshot-link-note": "Rögzítsd és oszd meg ezt a projektet olvasásra korlátozott pillanatkép linkként.",
+	"share-menu.title": "Megosztás",
+	"share-menu.upload-failed": "Sajnáljuk, most nem tudtuk feltölteni a projektet. Kérlek, próbáld újra, vagy szólj nekünk, ha a probléma továbbra is fennáll.",
+	"sharing.confirm-leave.cancel": "Mégse",
+	"sharing.confirm-leave.description": "Biztosan ki akarsz lépni ebből a megosztott projektből? A projekt URL-jére kattintva bármikor visszatérhetsz.",
+	"sharing.confirm-leave.dont-show-again": "Ne kérdezd többet",
+	"sharing.confirm-leave.leave": "Kilép",
+	"sharing.confirm-leave.title": "Kilépsz a jelenlegi projektből?",
+	"shortcuts-dialog.a11y": "Megközelíthetőség",
+	"shortcuts-dialog.collaboration": "Együttműködés",
+	"shortcuts-dialog.edit": "Szerkesztés",
+	"shortcuts-dialog.file": "Fájl",
+	"shortcuts-dialog.preferences": "Beállítások",
+	"shortcuts-dialog.text-formatting": "Szövegformázás",
+	"shortcuts-dialog.title": "Billentyűparancsok",
+	"shortcuts-dialog.tools": "Eszközök",
+	"shortcuts-dialog.transform": "Átalakítás",
+	"shortcuts-dialog.view": "Megtekintés",
+	"size-style.l": "Nagy",
+	"size-style.m": "Közepes",
+	"size-style.s": "Kicsi",
+	"size-style.xl": "Extra nagy",
+	"spline-style.cubic": "Kocka alakú",
+	"spline-style.line": "Vonal",
+	"status.offline": "Offline",
+	"style-panel.align": "Igazítás",
+	"style-panel.arrow-kind": "Vonal",
+	"style-panel.arrowhead-end": "Vége",
+	"style-panel.arrowhead-start": "Eleje",
+	"style-panel.arrowheads": "Nyílhegyek",
+	"style-panel.color": "Szín",
+	"style-panel.dash": "Körvonal",
+	"style-panel.fill": "Kitöltés",
+	"style-panel.font": "Betűtípus",
+	"style-panel.geo": "Alakzat",
+	"style-panel.label-align": "Címkeigazítás",
+	"style-panel.mixed": "Vegyes",
+	"style-panel.opacity": "Átlátszatlanság",
+	"style-panel.position": "Pozíció",
+	"style-panel.selected": "kiválasztott",
+	"style-panel.size": "Méret",
+	"style-panel.spline": "Spline",
+	"style-panel.title": "Stílusok",
+	"style-panel.vertical-align": "Függőleges igazítás",
+	"theme.dark": "Sötét",
+	"theme.light": "Fény",
+	"theme.system": "Rendszer",
+	"toast.close": "Bezár",
+	"toast.error": "Hiba",
+	"toast.error.copy-fail.desc": "Nem sikerült másolni a képet",
+	"toast.error.copy-fail.title": "Sikertelen másolás",
+	"toast.error.export-fail.desc": "Nem sikerült exportálni a képet",
+	"toast.error.export-fail.title": "Sikertelen exportálás",
+	"toast.info": "Információ",
+	"toast.success": "Siker",
+	"toast.warning": "Figyelmeztetés",
+	"tool-panel.more": "Több",
+	"tool-panel.title": "Eszközök",
+	"tool.arrow": "Nyíl",
+	"tool.arrow-down": "Nyíl lefelé",
+	"tool.arrow-left": "Nyíl balra",
+	"tool.arrow-right": "Nyíl jobbra",
+	"tool.arrow-up": "Nyíl felfelé",
+	"tool.aspect-ratio": "Képarány",
+	"tool.aspect-ratio.circle": "Kör (1:1)",
+	"tool.aspect-ratio.landscape": "Fekvő (4:3)",
+	"tool.aspect-ratio.original": "Eredeti",
+	"tool.aspect-ratio.portrait": "Portré (3:4)",
+	"tool.aspect-ratio.square": "Négyzet (1:1)",
+	"tool.aspect-ratio.wide": "Szélesvásznú (16:9)",
+	"tool.bookmark": "Könyvjelző",
+	"tool.check-box": "Jelölőnégyzet",
+	"tool.cloud": "Felhő",
+	"tool.diamond": "Gyémánt",
+	"tool.draw": "Rajzolás",
+	"tool.ellipse": "Ellipszis",
+	"tool.embed": "Beágyazás",
+	"tool.eraser": "Radír",
+	"tool.flip-horz": "Vízszintes tükrözés",
+	"tool.flip-vert": "Függőleges tükrözés",
+	"tool.frame": "Keret",
+	"tool.hand": "Kéz",
+	"tool.heart": "Szív",
+	"tool.hexagon": "Hatszög",
+	"tool.highlight": "Kiemelés",
+	"tool.image-crop": "Kép kivágása",
+	"tool.image-crop-confirm": "Megerősítés",
+	"tool.image-toolbar-title": "Képeszközök",
+	"tool.image-zoom": "Nagyítás",
+	"tool.laser": "Lézer",
+	"tool.line": "Vonal",
+	"tool.media": "Média",
+	"tool.media-alt-text": "Alternatív szöveg",
+	"tool.media-alt-text-confirm": "Megerősítés",
+	"tool.media-alt-text-desc": "Adj egy leírást…",
+	"tool.note": "Jegyzet",
+	"tool.octagon": "Nyolcszög",
+	"tool.oval": "Ovális",
+	"tool.pentagon": "Ötszög",
+	"tool.pointer-down": "Mutató lefelé",
+	"tool.rectangle": "Téglalap",
+	"tool.replace-media": "Cserélje ki a médiatartalmat",
+	"tool.rhombus": "Rombusz",
+	"tool.rich-text-bold": "Bátor",
+	"tool.rich-text-bulletList": "Felsorolásos lista",
+	"tool.rich-text-code": "Kód",
+	"tool.rich-text-header": "Fejléc",
+	"tool.rich-text-highlight": "Jelölje ki",
+	"tool.rich-text-italic": "Dőlt",
+	"tool.rich-text-link": "Link",
+	"tool.rich-text-link-remove": "Link eltávolítása",
+	"tool.rich-text-link-visit": "Látogassa meg a linket",
+	"tool.rich-text-orderedList": "Rendezett lista",
+	"tool.rich-text-strikethrough": "Áthúzott",
+	"tool.rich-text-toolbar-title": "Szövegformázás",
+	"tool.rotate-cw": "Forog",
+	"tool.select": "Kiválasztás",
+	"tool.star": "Csillag",
+	"tool.text": "Szöveg",
+	"tool.trapezoid": "Trapéz",
+	"tool.triangle": "Háromszög",
+	"tool.x-box": "X doboz",
+	"ui.checked": "Ellenőrizve",
+	"ui.close": "Bezár",
+	"ui.unchecked": "Nincs ellenőrizve",
+	"verticalAlign-style.end": "Alulra",
+	"verticalAlign-style.middle": "Középre",
+	"verticalAlign-style.start": "Felülre",
+	"vscode.file-open.backup": "Biztonsági mentés",
+	"vscode.file-open.backup-failed": "A biztonsági mentés nem sikerült: ez nem .tldr fájl.",
+	"vscode.file-open.backup-saved": "Biztonsági másolat mentve",
+	"vscode.file-open.desc": "Ez a fájl egy előző verzióval készült. Frissítsük, hogy az új verzióval is működjön?",
+	"vscode.file-open.dont-show-again": "Ne kérdezd többet",
+	"vscode.file-open.open": "Folytatás"
+}
diff --git a/web/hermes-dist/translations/id.json b/web/hermes-dist/translations/id.json
new file mode 100644
index 0000000..55e031c
--- /dev/null
+++ b/web/hermes-dist/translations/id.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "Sesuaikan gaya bentuk",
+	"a11y.enlarge-shape": "Memperbesar bentuk",
+	"a11y.enter-leave-container": "Masuk/keluar kontainer",
+	"a11y.move-shape": "Pindahkan bentuk",
+	"a11y.move-shape-faster": "Pindahkan bentuk lebih cepat",
+	"a11y.multiple-shapes": "{num} bentuk dipilih",
+	"a11y.open-context-menu": "Buka menu konteks",
+	"a11y.open-keyboard-shortcuts": "Buka pintasan keyboard",
+	"a11y.pan-camera": "Kamera pan",
+	"a11y.repeat-shape": "Ulangi bentuk",
+	"a11y.rotate-shape-ccw": "Putar bentuk berlawanan arah jarum jam",
+	"a11y.rotate-shape-ccw-fine": "Putar bentuk berlawanan arah jarum jam (halus)",
+	"a11y.rotate-shape-cw": "Putar bentuk searah jarum jam",
+	"a11y.rotate-shape-cw-fine": "Putar bentuk searah jarum jam (halus)",
+	"a11y.select-shape": "Pilih bentuk berikutnya",
+	"a11y.select-shape-direction": "Pilih bentuk dalam arah",
+	"a11y.shape-image": "Gambar",
+	"a11y.shape-index": "{num} dari {total}",
+	"a11y.shape-video": "Video",
+	"a11y.shrink-shape": "Mengecilkan bentuk",
+	"a11y.skip-to-main-content": "Pindahkan fokus ke kanvas",
+	"a11y.status": "Status",
+	"action.align-bottom": "Sejajar bawah",
+	"action.align-center-horizontal": "Sejajar horizontal",
+	"action.align-center-horizontal.short": "Sejajar H",
+	"action.align-center-vertical": "Sejajar vertikal",
+	"action.align-center-vertical.short": "Sejajar V",
+	"action.align-left": "Rata kiri",
+	"action.align-right": "Rata kanan",
+	"action.align-top": "Rata atas",
+	"action.back-to-content": "Kembali ke konten",
+	"action.bring-forward": "Maju ke depan",
+	"action.bring-to-front": "Pindah paling depan",
+	"action.convert-to-bookmark": "Ubah ke Bookmark",
+	"action.convert-to-embed": "Ubah ke Sematan",
+	"action.copy": "Salin",
+	"action.copy-as-json": "Salin sebagai JSON",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "Salin sebagai PNG",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "Salin sebagai SVG",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "Potong",
+	"action.delete": "Hapus",
+	"action.distribute-horizontal": "Rata horizontal",
+	"action.distribute-horizontal.short": "Rata H",
+	"action.distribute-vertical": "Rata vertikal",
+	"action.distribute-vertical.short": "Rata V",
+	"action.download-original": "Unduh versi asli",
+	"action.duplicate": "Duplikat",
+	"action.edit-link": "Edit tautan",
+	"action.enhanced-a11y-mode": "Beralih ke mode aksesibilitas yang ditingkatkan",
+	"action.enhanced-a11y-mode.menu": "Mode aksesibilitas yang ditingkatkan",
+	"action.exit-pen-mode": "Keluar dari mode pena",
+	"action.export-all-as-png": "Ekspor semua sebagai PNG",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "Ekspor semua sebagai SVG",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "Ekspor sebagai PNG",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "Ekspor sebagai SVG",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "Pas dengan konten",
+	"action.flatten-to-image": "Ratakan",
+	"action.flip-horizontal": "Balik horizontal",
+	"action.flip-horizontal.short": "Balik H",
+	"action.flip-vertical": "Balik vertikal",
+	"action.flip-vertical.short": "Balik V",
+	"action.fork-project": "Pisahkan proyek ini",
+	"action.fork-project-on-tldraw": "Pisahkan proyek di tldraw",
+	"action.group": "Gabungkan",
+	"action.insert-embed": "Sisipkan sematan",
+	"action.insert-media": "Unggah media",
+	"action.leave-shared-project": "Keluar dari proyek bersama",
+	"action.new-project": "Proyek baru",
+	"action.new-shared-project": "Proyek bersama baru",
+	"action.open-cursor-chat": "Obrolan kursor",
+	"action.open-embed-link": "Buka tautan",
+	"action.open-file": "Buka file",
+	"action.open-kbd-shortcuts": "Buka pintasan keyboard",
+	"action.pack": "Susun",
+	"action.paste": "Tempel",
+	"action.paste-error-description": "Tidak dapat menempelkan karena izin papan klip tidak ada. Aktifkan izin lalu coba lagi.",
+	"action.paste-error-title": "Penempelan gagal",
+	"action.print": "Cetak",
+	"action.redo": "Ulangi",
+	"action.remove-frame": "Hapus bingkai",
+	"action.rename": "Ganti Nama",
+	"action.rotate-ccw": "Putar lawan arah jarum jam",
+	"action.rotate-cw": "Putar searah jarum jam",
+	"action.save-copy": "Simpan salinan",
+	"action.select-all": "Pilih semua",
+	"action.select-none": "Pilih kosong",
+	"action.select-zoom-tool": "Zoom",
+	"action.send-backward": "Mundur ke belakang",
+	"action.send-to-back": "Pindah paling belakang",
+	"action.share-project": "Bagikan proyek ini",
+	"action.stack-horizontal": "Tumpuk horizontal",
+	"action.stack-horizontal.short": "Tumpuk H",
+	"action.stack-vertical": "Tumpuk vertikal",
+	"action.stack-vertical.short": "Tumpuk V",
+	"action.stop-following": "Berhenti mengikuti",
+	"action.stretch-horizontal": "Regangkan horizontal",
+	"action.stretch-horizontal.short": "Regangkan H",
+	"action.stretch-vertical": "Regangkan vertikal",
+	"action.stretch-vertical.short": "Regangkan V",
+	"action.toggle-auto-none": "Otomatis",
+	"action.toggle-auto-pan": "Otomatis (trackpad)",
+	"action.toggle-auto-size": "Alihkan ukuran otomatis",
+	"action.toggle-auto-zoom": "Otomatis (mouse)",
+	"action.toggle-dark-mode": "Alihkan mode gelap",
+	"action.toggle-dark-mode.menu": "Mode gelap",
+	"action.toggle-debug-mode": "Alihkan mode debug",
+	"action.toggle-debug-mode.menu": "Mode debug",
+	"action.toggle-dynamic-size-mode": "Alihkan ukuran dinamis",
+	"action.toggle-dynamic-size-mode.menu": "Ukuran dinamis",
+	"action.toggle-edge-scrolling": "Alihkan gulir tepi",
+	"action.toggle-edge-scrolling.menu": "Gulir tepi",
+	"action.toggle-focus-mode": "Alihkan mode fokus",
+	"action.toggle-focus-mode.menu": "Mode fokus",
+	"action.toggle-grid": "Alihkan grid",
+	"action.toggle-grid.menu": "Tampilkan grid",
+	"action.toggle-invert-zoom": "Alihkan pembalikan zoom mouse",
+	"action.toggle-invert-zoom.menu": "Balikkan zoom mouse",
+	"action.toggle-keyboard-shortcuts": "Beralih pintasan keyboard",
+	"action.toggle-keyboard-shortcuts.menu": "Pintasan papan tik",
+	"action.toggle-lock": "Kunci / Buka",
+	"action.toggle-mouse": "Mouse",
+	"action.toggle-paste-at-cursor": "Alihkan tempel di kursor",
+	"action.toggle-paste-at-cursor.menu": "Tempel di kursor",
+	"action.toggle-reduce-motion": "Alihkan kurangi gerakan",
+	"action.toggle-reduce-motion.menu": "Kurangi gerakan",
+	"action.toggle-snap-mode": "Alihkan selalu snap",
+	"action.toggle-snap-mode.menu": "Selalu snap",
+	"action.toggle-tool-lock": "Alihkan kunci alat",
+	"action.toggle-tool-lock.menu": "Kunci alat",
+	"action.toggle-trackpad": "Trackpad",
+	"action.toggle-transparent": "Alihkan latar belakang transparan",
+	"action.toggle-transparent.context-menu": "Transparan",
+	"action.toggle-transparent.menu": "Transparan",
+	"action.toggle-wrap-mode": "Alihkan Pilih saat bungkus",
+	"action.toggle-wrap-mode.menu": "Pilih saat bungkus",
+	"action.undo": "Batalkan",
+	"action.ungroup": "Pisahkan",
+	"action.unlock-all": "Buka semua",
+	"action.zoom-in": "Perbesar",
+	"action.zoom-out": "Perkecil",
+	"action.zoom-quick": "Zoom cepat",
+	"action.zoom-to-100": "Perbesar hingga 100%",
+	"action.zoom-to-fit": "Perbesar hingga pas",
+	"action.zoom-to-selection": "Perbesar hingga ukuran pilihan",
+	"actions-menu.title": "Tindakan",
+	"align-style.end": "Akhir",
+	"align-style.justify": "Rata kanan-kiri",
+	"align-style.middle": "Tengah",
+	"align-style.start": "Awal",
+	"app.loading": "Memuat tldraw…",
+	"arrow-kind-style.arc": "Busur",
+	"arrow-kind-style.elbow": "Siku",
+	"arrowheadEnd-style.arrow": "Panah",
+	"arrowheadEnd-style.bar": "Batang",
+	"arrowheadEnd-style.diamond": "Berlian",
+	"arrowheadEnd-style.dot": "Titik",
+	"arrowheadEnd-style.inverted": "Terbalik",
+	"arrowheadEnd-style.none": "Tidak ada",
+	"arrowheadEnd-style.pipe": "Pipa",
+	"arrowheadEnd-style.square": "Persegi",
+	"arrowheadEnd-style.triangle": "Segitiga",
+	"arrowheadStart-style.arrow": "Panah",
+	"arrowheadStart-style.bar": "Batang",
+	"arrowheadStart-style.diamond": "Berlian",
+	"arrowheadStart-style.dot": "Titik",
+	"arrowheadStart-style.inverted": "Terbalik",
+	"arrowheadStart-style.none": "Tidak ada",
+	"arrowheadStart-style.pipe": "Pipa",
+	"arrowheadStart-style.square": "Persegi",
+	"arrowheadStart-style.triangle": "Segitiga",
+	"assets.files.amount-too-many": "Terlalu banyak file",
+	"assets.files.maximum-size": "Ukuran file maksimum adalah {size}",
+	"assets.files.size-too-big": "Ukuran file terlalu besar",
+	"assets.files.type-not-allowed": "Jenis file tidak diizinkan",
+	"assets.files.upload-failed": "Pengunggahan gagal",
+	"assets.url.failed": "Tidak dapat memuat pratinjau URL",
+	"color-style.black": "Hitam",
+	"color-style.blue": "Biru",
+	"color-style.green": "Hijau",
+	"color-style.grey": "Abu-abu",
+	"color-style.light-blue": "Biru muda",
+	"color-style.light-green": "Hijau muda",
+	"color-style.light-red": "Merah muda",
+	"color-style.light-violet": "Ungu muda",
+	"color-style.orange": "Oranye",
+	"color-style.red": "Merah",
+	"color-style.violet": "Ungu",
+	"color-style.white": "Putih",
+	"color-style.yellow": "Kuning",
+	"context-menu.arrange": "Susun",
+	"context-menu.copy-as": "Salin sebagai",
+	"context-menu.edit": "Edit",
+	"context-menu.export-all-as": "Ekspor semua sebagai",
+	"context-menu.export-as": "Ekspor sebagai",
+	"context-menu.move-to-page": "Pindah ke halaman",
+	"context-menu.reorder": "Susun ulang",
+	"context-menu.title": "Menu konteks",
+	"context.pages.new-page": "Halaman baru",
+	"cursor-chat.type-to-chat": "Ketik untuk mengobrol...",
+	"dash-style.dashed": "Garis putus-putus",
+	"dash-style.dotted": "Titik-titik",
+	"dash-style.draw": "Gambar",
+	"dash-style.solid": "Padat",
+	"document-name-menu.copy-link": "Salin tautan",
+	"document.default-name": "Tanpa Judul",
+	"edit-link-dialog.cancel": "Batal",
+	"edit-link-dialog.clear": "Hapus",
+	"edit-link-dialog.detail": "Tautan akan terbuka di tab baru.",
+	"edit-link-dialog.external-link": "Tautan eksternal",
+	"edit-link-dialog.invalid-url": "Tautan harus berupa URL valid.",
+	"edit-link-dialog.save": "Lanjutkan",
+	"edit-link-dialog.title": "Edit tautan",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "Kembali",
+	"embed-dialog.cancel": "Batal",
+	"embed-dialog.create": "Buat",
+	"embed-dialog.instruction": "Tempelkan di URL situs untuk membuat sematan.",
+	"embed-dialog.invalid-url": "Kami tidak dapat membuat sematan dari URL tersebut.",
+	"embed-dialog.title": "Buat sematan",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "Batal",
+	"file-system.confirm-clear.continue": "Lanjutkan",
+	"file-system.confirm-clear.description": "Membuat proyek baru akan menghapus proyek Anda saat ini dan semua perubahan yang belum disimpan akan hilang. Yakin ingin melanjutkan?",
+	"file-system.confirm-clear.dont-show-again": "Jangan tanya lagi",
+	"file-system.confirm-clear.title": "Hapus proyek saat ini?",
+	"file-system.confirm-open.cancel": "Batal",
+	"file-system.confirm-open.description": "Membuka file akan menggantikan proyek Anda saat ini dan semua perubahan yang belum disimpan akan hilang. Yakin ingin melanjutkan?",
+	"file-system.confirm-open.dont-show-again": "Jangan tanya lagi",
+	"file-system.confirm-open.open": "Buka file",
+	"file-system.confirm-open.title": "Timpa proyek saat ini?",
+	"file-system.file-open-error.file-format-version-too-new": "File yang coba dibuka berasal dari tldraw versi baru. Muat ulang halaman lalu coba lagi.",
+	"file-system.file-open-error.generic-corrupted-file": "File yang coba dibuka rusak.",
+	"file-system.file-open-error.not-a-tldraw-file": "File yang coba dibuka tampaknya bukan file tldraw.",
+	"file-system.file-open-error.title": "Tidak dapat membuka file",
+	"file-system.shared-document-file-open-error.description": "Membuka file dari proyek bersama tidak didukung.",
+	"file-system.shared-document-file-open-error.title": "Tidak dapat membuka file",
+	"fill-style.fill": "Isi",
+	"fill-style.lined-fill": "Isi berlapis",
+	"fill-style.none": "Tidak ada",
+	"fill-style.pattern": "Pola",
+	"fill-style.semi": "Semi",
+	"fill-style.solid": "Padat",
+	"focus-mode.toggle-focus-mode": "Alihkan mode fokus",
+	"font-style.draw": "Gambar",
+	"font-style.mono": "Mono",
+	"font-style.sans": "Sans",
+	"font-style.serif": "Serif",
+	"geo-style.arrow-down": "Panah bawah",
+	"geo-style.arrow-left": "Panah kiri",
+	"geo-style.arrow-right": "Panah kanan",
+	"geo-style.arrow-up": "Panah atas",
+	"geo-style.check-box": "Kotak centang",
+	"geo-style.cloud": "Cloud",
+	"geo-style.diamond": "Berlian",
+	"geo-style.ellipse": "Elips",
+	"geo-style.heart": "Jantung",
+	"geo-style.hexagon": "Segi enam",
+	"geo-style.octagon": "Segi delapan",
+	"geo-style.oval": "Oval",
+	"geo-style.pentagon": "Segi lima",
+	"geo-style.rectangle": "Persegi panjang",
+	"geo-style.rhombus": "Belah ketupat",
+	"geo-style.rhombus-2": "Belah ketupat kiri",
+	"geo-style.star": "Bintang",
+	"geo-style.trapezoid": "Trapesium",
+	"geo-style.triangle": "Segitiga",
+	"geo-style.x-box": "Kotak X",
+	"handle.crop.bottom": "Bagian bawah tanaman",
+	"handle.crop.bottom-left": "Pangkas kiri bawah",
+	"handle.crop.bottom-right": "Pangkas kanan bawah",
+	"handle.crop.left": "Pangkas ke kiri",
+	"handle.crop.right": "Pangkas ke kanan",
+	"handle.crop.top": "Atasan pendek",
+	"handle.crop.top-left": "Pangkas bagian atas kiri",
+	"handle.crop.top-right": "Pangkas bagian kanan atas",
+	"handle.resize-bottom": "Ubah ukuran bagian bawah",
+	"handle.resize-bottom-left": "Ubah ukuran kiri bawah",
+	"handle.resize-bottom-right": "Ubah ukuran kanan bawah",
+	"handle.resize-left": "Ubah ukuran kiri",
+	"handle.resize-right": "Ubah ukuran ke kanan",
+	"handle.resize-top": "Ubah ukuran atas",
+	"handle.resize-top-left": "Ubah ukuran kiri atas",
+	"handle.resize-top-right": "Ubah ukuran kanan atas",
+	"handle.rotate.bottom_left_rotate": "Putar kiri bawah",
+	"handle.rotate.bottom_right_rotate": "Putar kanan bawah",
+	"handle.rotate.mobile_rotate": "Memutar",
+	"handle.rotate.top_left_rotate": "Putar kiri atas",
+	"handle.rotate.top_right_rotate": "Putar kanan atas",
+	"help-menu.about": "Tentang",
+	"help-menu.discord": "Discord",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "Impor file...",
+	"help-menu.keyboard-shortcuts": "Pintasan papan tik",
+	"help-menu.privacy": "Kebijakan privasi",
+	"help-menu.terms": "Ketentuan layanan",
+	"help-menu.title": "Bantuan dan sumber informasi",
+	"help-menu.twitter": "Twitter",
+	"menu.accessibility": "Aksesibilitas",
+	"menu.color-theme": "Tema warna",
+	"menu.copy-as": "Salin sebagai",
+	"menu.edit": "Edit",
+	"menu.export-as": "Ekspor sebagai",
+	"menu.file": "File",
+	"menu.input-device": "Perangkat input",
+	"menu.language": "Bahasa",
+	"menu.preferences": "Preferensi",
+	"menu.theme": "Tema",
+	"menu.title": "Menu",
+	"menu.view": "Lihat",
+	"navigation-zone.minimap": "Peta Mini",
+	"navigation-zone.title": "Navigasi",
+	"navigation-zone.toggle-minimap": "Alihkan peta mini",
+	"navigation-zone.zoom": "Perbesar",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "Buat halaman baru",
+	"page-menu.edit-done": "Selesai",
+	"page-menu.edit-start": "Edit",
+	"page-menu.go-to-page": "Buka halaman",
+	"page-menu.new-page-initial-name": "Halaman 1",
+	"page-menu.submenu.delete": "Hapus",
+	"page-menu.submenu.duplicate-page": "Duplikat",
+	"page-menu.submenu.move-down": "Turunkan",
+	"page-menu.submenu.move-up": "Naikkan",
+	"page-menu.submenu.rename": "Ganti nama",
+	"page-menu.submenu.title": "Menu",
+	"page-menu.title": "Halaman",
+	"people-menu.anonymous-user": "Pengguna baru",
+	"people-menu.avatar-color": "Warna Avatar",
+	"people-menu.change-color": "Ubah warna",
+	"people-menu.change-name": "Ganti nama",
+	"people-menu.follow": "Ikuti",
+	"people-menu.following": "Mengikuti",
+	"people-menu.invite": "Undang orang lain",
+	"people-menu.leading": "Mengikuti Anda",
+	"people-menu.title": "Orang",
+	"people-menu.user": "(Anda)",
+	"share-menu.copied": "Tautan disalin!",
+	"share-menu.copy-link": "Salin tautan",
+	"share-menu.copy-link-note": "Siapa pun yang memiliki tautan akan dapat melihat dan mengedit proyek ini.",
+	"share-menu.copy-readonly-link": "Salin tautan baca saja",
+	"share-menu.copy-readonly-link-note": "Siapa pun yang memiliki tautan akan dapat melihat (tetapi tidak dapat mengedit) proyek ini.",
+	"share-menu.create-snapshot-link": "Buat tautan foto",
+	"share-menu.creating-project": "Membuat proyek baru…",
+	"share-menu.fork-note": "Buat proyek bersama baru berdasarkan foto ini.",
+	"share-menu.offline-note": "Membagikan proyek ini akan membuat salinan live yang dihosting di URL baru. Anda dapat membagikan URL hingga ke tiga puluh orang untuk melihat dan mengedit proyek bersama-sama.",
+	"share-menu.project-too-large": "Maaf, proyek ini tidak dapat dibagikan karena terlalu besar. Kami sedang mencarikan solusinya!",
+	"share-menu.save-note": "Unduh proyek ini ke komputer Anda sebagai file .tldr.",
+	"share-menu.share-project": "Bagikan proyek ini",
+	"share-menu.snapshot-link-note": "Potret dan bagikan proyek ini sebagai tautan foto baca-saja.",
+	"share-menu.title": "Bagikan",
+	"share-menu.upload-failed": "Maaf, kami tidak dapat mengunggah proyek Anda saat ini. Coba lagi atau sampaikan kepada kami jika masalah berlanjut.",
+	"sharing.confirm-leave.cancel": "Batal",
+	"sharing.confirm-leave.description": "Yakin ingin keluar dari proyek bersama ini? Anda dapat kembali lagi melalui URL.",
+	"sharing.confirm-leave.dont-show-again": "Jangan tanya lagi",
+	"sharing.confirm-leave.leave": "Keluar",
+	"sharing.confirm-leave.title": "Keluar dari proyek saat ini?",
+	"shortcuts-dialog.a11y": "Aksesibilitas",
+	"shortcuts-dialog.collaboration": "Kolaborasi",
+	"shortcuts-dialog.edit": "Edit",
+	"shortcuts-dialog.file": "File",
+	"shortcuts-dialog.preferences": "Preferensi",
+	"shortcuts-dialog.text-formatting": "Pemformatan teks",
+	"shortcuts-dialog.title": "Pintasan papan tik",
+	"shortcuts-dialog.tools": "Peralatan",
+	"shortcuts-dialog.transform": "Ubah",
+	"shortcuts-dialog.view": "Lihat",
+	"size-style.l": "Besar",
+	"size-style.m": "Sedang",
+	"size-style.s": "Kecil",
+	"size-style.xl": "Ekstra besar",
+	"spline-style.cubic": "Kubik",
+	"spline-style.line": "Garis",
+	"status.offline": "Offline",
+	"style-panel.align": "Sejajarkan",
+	"style-panel.arrow-kind": "Garis",
+	"style-panel.arrowhead-end": "Akhir",
+	"style-panel.arrowhead-start": "Awal",
+	"style-panel.arrowheads": "Mata panah",
+	"style-panel.color": "Warna",
+	"style-panel.dash": "Garis putus-putus",
+	"style-panel.fill": "Isi",
+	"style-panel.font": "Font",
+	"style-panel.geo": "Bentuk",
+	"style-panel.label-align": "Sejajar label",
+	"style-panel.mixed": "Campuran",
+	"style-panel.opacity": "Opasitas",
+	"style-panel.position": "Posisi",
+	"style-panel.selected": "terpilih",
+	"style-panel.size": "Ukuran",
+	"style-panel.spline": "Spline",
+	"style-panel.title": "Gaya",
+	"style-panel.vertical-align": "Sejajar vertikal",
+	"theme.dark": "Gelap",
+	"theme.light": "Cahaya",
+	"theme.system": "Sistem",
+	"toast.close": "Tutup",
+	"toast.error": "Kesalahan",
+	"toast.error.copy-fail.desc": "Gagal menyalin gambar",
+	"toast.error.copy-fail.title": "Penyalinan gagal",
+	"toast.error.export-fail.desc": "Gagal mengekspor gambar",
+	"toast.error.export-fail.title": "Ekspor gagal",
+	"toast.info": "Informasi",
+	"toast.success": "Kesuksesan",
+	"toast.warning": "Peringatan",
+	"tool-panel.more": "Lainnya",
+	"tool-panel.title": "Peralatan",
+	"tool.arrow": "Panah",
+	"tool.arrow-down": "Panah bawah",
+	"tool.arrow-left": "Panah kiri",
+	"tool.arrow-right": "Panah kanan",
+	"tool.arrow-up": "Panah atas",
+	"tool.aspect-ratio": "Rasio aspek",
+	"tool.aspect-ratio.circle": "Lingkaran (1:1)",
+	"tool.aspect-ratio.landscape": "Lanskap (4:3)",
+	"tool.aspect-ratio.original": "Asli",
+	"tool.aspect-ratio.portrait": "Potret (3:4)",
+	"tool.aspect-ratio.square": "Persegi (1:1)",
+	"tool.aspect-ratio.wide": "Lebar (16:9)",
+	"tool.bookmark": "Penanda buku",
+	"tool.check-box": "Kotak centang",
+	"tool.cloud": "Cloud",
+	"tool.diamond": "Berlian",
+	"tool.draw": "Gambar",
+	"tool.ellipse": "Elips",
+	"tool.embed": "Sematan",
+	"tool.eraser": "Penghapus",
+	"tool.flip-horz": "Balik horizontal",
+	"tool.flip-vert": "Balik vertikal",
+	"tool.frame": "Bingkai",
+	"tool.hand": "Tangan",
+	"tool.heart": "Jantung",
+	"tool.hexagon": "Segi enam",
+	"tool.highlight": "Sorot",
+	"tool.image-crop": "Pangkas gambar",
+	"tool.image-crop-confirm": "Mengonfirmasi",
+	"tool.image-toolbar-title": "Alat gambar",
+	"tool.image-zoom": "Perbesar",
+	"tool.laser": "Laser",
+	"tool.line": "Garis",
+	"tool.media": "Media",
+	"tool.media-alt-text": "Teks alternatif",
+	"tool.media-alt-text-confirm": "Mengonfirmasi",
+	"tool.media-alt-text-desc": "Berikan deskripsi…",
+	"tool.note": "Catatan",
+	"tool.octagon": "Segi delapan",
+	"tool.oval": "Oval",
+	"tool.pentagon": "Segi lima",
+	"tool.pointer-down": "Penunjuk ke bawah",
+	"tool.rectangle": "Persegi panjang",
+	"tool.replace-media": "Ganti media",
+	"tool.rhombus": "Belah ketupat",
+	"tool.rich-text-bold": "Berani",
+	"tool.rich-text-bulletList": "Daftar poin",
+	"tool.rich-text-code": "Kode",
+	"tool.rich-text-header": "Judul",
+	"tool.rich-text-highlight": "Menyorot",
+	"tool.rich-text-italic": "Miring",
+	"tool.rich-text-link": "Link",
+	"tool.rich-text-link-remove": "Hapus tautan",
+	"tool.rich-text-link-visit": "Kunjungi tautan",
+	"tool.rich-text-orderedList": "Daftar yang diurutkan",
+	"tool.rich-text-strikethrough": "Dicoret",
+	"tool.rich-text-toolbar-title": "Pemformatan teks",
+	"tool.rotate-cw": "Memutar",
+	"tool.select": "Pilih",
+	"tool.star": "Bintang",
+	"tool.text": "Teks",
+	"tool.trapezoid": "Trapesium",
+	"tool.triangle": "Segitiga",
+	"tool.x-box": "Kotak X",
+	"ui.checked": "Sudah diperiksa",
+	"ui.close": "Tutup",
+	"ui.unchecked": "Tidak dicentang",
+	"verticalAlign-style.end": "Bawah",
+	"verticalAlign-style.middle": "Tengah",
+	"verticalAlign-style.start": "Atas",
+	"vscode.file-open.backup": "Pencadangan",
+	"vscode.file-open.backup-failed": "Pencadangan gagal: ini bukan file .tldr.",
+	"vscode.file-open.backup-saved": "Pencadangan disimpan",
+	"vscode.file-open.desc": "File ini dibuat dengan tldraw versi lama. Ingin memperbaruinya agar dapat digunakan di versi baru?",
+	"vscode.file-open.dont-show-again": "Jangan tanya lagi",
+	"vscode.file-open.open": "Lanjutkan"
+}
diff --git a/web/hermes-dist/translations/it.json b/web/hermes-dist/translations/it.json
new file mode 100644
index 0000000..7e687e1
--- /dev/null
+++ b/web/hermes-dist/translations/it.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "Regola gli stili delle forme",
+	"a11y.enlarge-shape": "Ingrandisci la forma",
+	"a11y.enter-leave-container": "Entra/esci da un contenitore",
+	"a11y.move-shape": "Sposta la forma",
+	"a11y.move-shape-faster": "Sposta la forma più rapidamente",
+	"a11y.multiple-shapes": "{num} forme selezionate",
+	"a11y.open-context-menu": "Apri il menu contestuale",
+	"a11y.open-keyboard-shortcuts": "Apri le scorciatoie da tastiera",
+	"a11y.pan-camera": "Panoramica",
+	"a11y.repeat-shape": "Ripeti la forma",
+	"a11y.rotate-shape-ccw": "Ruota la forma in senso antiorario",
+	"a11y.rotate-shape-ccw-fine": "Ruota la forma in senso antiorario (precisa)",
+	"a11y.rotate-shape-cw": "Ruota la forma in senso orario",
+	"a11y.rotate-shape-cw-fine": "Ruota la forma in senso orario (precisa)",
+	"a11y.select-shape": "Seleziona la prossima forma",
+	"a11y.select-shape-direction": "Seleziona la forma in direzione",
+	"a11y.shape-image": "Immagine",
+	"a11y.shape-index": "{num} di {total}",
+	"a11y.shape-video": "Video",
+	"a11y.shrink-shape": "Riduci la forma",
+	"a11y.skip-to-main-content": "Sposta lo stato attivo sulla tela",
+	"a11y.status": "Stato",
+	"action.align-bottom": "Allinea in basso",
+	"action.align-center-horizontal": "Allinea orizzontalmente",
+	"action.align-center-horizontal.short": "Allinea orizzontalmente",
+	"action.align-center-vertical": "Allinea verticalmente",
+	"action.align-center-vertical.short": "Allinea verticalmente",
+	"action.align-left": "Allinea a sinistra",
+	"action.align-right": "Allinea a destra",
+	"action.align-top": "Allinea in alto",
+	"action.back-to-content": "Torna al contenuto",
+	"action.bring-forward": "Porta avanti",
+	"action.bring-to-front": "Porta in primo piano",
+	"action.convert-to-bookmark": "Converti a segnalibro",
+	"action.convert-to-embed": "Converti in oggetto incorporato",
+	"action.copy": "Copia",
+	"action.copy-as-json": "Copia come JSON",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "Copia come PNG",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "Copia come SVG",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "Taglia",
+	"action.delete": "Elimina",
+	"action.distribute-horizontal": "Distribuire orizzontalmente",
+	"action.distribute-horizontal.short": "Distribuire orizzontalmente",
+	"action.distribute-vertical": "Distribuire verticalmente",
+	"action.distribute-vertical.short": "Distribuire verticalmente",
+	"action.download-original": "Scarica originale",
+	"action.duplicate": "Duplica",
+	"action.edit-link": "Modifica il collegamento",
+	"action.enhanced-a11y-mode": "Attiva/disattiva la modalità più accessibile",
+	"action.enhanced-a11y-mode.menu": "Modalità più accessibile",
+	"action.exit-pen-mode": "Esci dalla modalità penna",
+	"action.export-all-as-png": "Esporta tutto in PNG",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "Esporta tutto in SVG",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "Esporta come PNG",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "Esporta come SVG",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "Adatta al contenuto",
+	"action.flatten-to-image": "Unico livello",
+	"action.flip-horizontal": "Capovolgi orizzontalmente",
+	"action.flip-horizontal.short": "Capovolgi orizzontalmente",
+	"action.flip-vertical": "Capovolgi verticalmente",
+	"action.flip-vertical.short": "Capovolgi verticalmente",
+	"action.fork-project": "Crea una copia di questo progetto",
+	"action.fork-project-on-tldraw": "Crea una copia del progetto su tldraw",
+	"action.group": "Raggruppa",
+	"action.insert-embed": "Inserisci oggetto incorporato",
+	"action.insert-media": "Carica contenuti multimediali",
+	"action.leave-shared-project": "Abbandona il progetto condiviso",
+	"action.new-project": "Nuovo progetto",
+	"action.new-shared-project": "Nuovo progetto condiviso",
+	"action.open-cursor-chat": "Chat cursore",
+	"action.open-embed-link": "Apri il collegamento",
+	"action.open-file": "Apri file",
+	"action.open-kbd-shortcuts": "Apri le scorciatoie da tastiera",
+	"action.pack": "Compatta",
+	"action.paste": "Incolla",
+	"action.paste-error-description": "Impossibile incollare perché mancano alcune autorizzazioni all'uso degli appunti. Concedi le autorizzazioni e riprova.",
+	"action.paste-error-title": "Impossibile incollare",
+	"action.print": "Stampa",
+	"action.redo": "Ripristina",
+	"action.remove-frame": "Rimuovi cornice",
+	"action.rename": "Rinomina",
+	"action.rotate-ccw": "Ruota in senso antiorario",
+	"action.rotate-cw": "Ruota in senso orario",
+	"action.save-copy": "Salva una copia",
+	"action.select-all": "Seleziona tutto",
+	"action.select-none": "Deseleziona tutto",
+	"action.select-zoom-tool": "Zoom",
+	"action.send-backward": "Porta indietro",
+	"action.send-to-back": "Porta in secondo piano",
+	"action.share-project": "Condividi questo progetto",
+	"action.stack-horizontal": "Impila orizzontalmente",
+	"action.stack-horizontal.short": "Impila orizzontalmente",
+	"action.stack-vertical": "Impila verticalmente",
+	"action.stack-vertical.short": "Impila verticalmente",
+	"action.stop-following": "Non seguire più",
+	"action.stretch-horizontal": "Allunga orizzontalmente",
+	"action.stretch-horizontal.short": "Allunga orizzontalmente",
+	"action.stretch-vertical": "Allunga verticalmente",
+	"action.stretch-vertical.short": "Allunga verticalmente",
+	"action.toggle-auto-none": "Auto",
+	"action.toggle-auto-pan": "Automatica (trackpad)",
+	"action.toggle-auto-size": "Alterna le dimensioni automatiche",
+	"action.toggle-auto-zoom": "Automatica (mouse)",
+	"action.toggle-dark-mode": "Alterna tema scuro",
+	"action.toggle-dark-mode.menu": "Tema scuro",
+	"action.toggle-debug-mode": "Alterna modalità di debug",
+	"action.toggle-debug-mode.menu": "Modalità di debug",
+	"action.toggle-dynamic-size-mode": "Attiva/disattiva dimensione dinamica",
+	"action.toggle-dynamic-size-mode.menu": "Dimensione dinamica",
+	"action.toggle-edge-scrolling": "Attiva/disattiva scorrimento laterale",
+	"action.toggle-edge-scrolling.menu": "Scorrimento laterale",
+	"action.toggle-focus-mode": "Alterna modalità concentrazione",
+	"action.toggle-focus-mode.menu": "Modalità concentrazione",
+	"action.toggle-grid": "Alterna griglia",
+	"action.toggle-grid.menu": "Mostra griglia",
+	"action.toggle-invert-zoom": "Attiva/disattiva l'inversione dello zoom del mouse",
+	"action.toggle-invert-zoom.menu": "Inverti lo zoom del mouse",
+	"action.toggle-keyboard-shortcuts": "Attiva/disattiva le scorciatoie da tastiera",
+	"action.toggle-keyboard-shortcuts.menu": "Scorciatoie da tastiera",
+	"action.toggle-lock": "Blocca / Sblocca",
+	"action.toggle-mouse": "Mouse",
+	"action.toggle-paste-at-cursor": "Attiva/disattiva Incolla nella posizione del cursore",
+	"action.toggle-paste-at-cursor.menu": "Incolla nella posizione del cursore",
+	"action.toggle-reduce-motion": "Alterna riduzione del movimento",
+	"action.toggle-reduce-motion.menu": "Riduci il movimento",
+	"action.toggle-snap-mode": "Alterna allineamento automatico",
+	"action.toggle-snap-mode.menu": "Allinea sempre",
+	"action.toggle-tool-lock": "Alterna blocco strumenti",
+	"action.toggle-tool-lock.menu": "Blocco degli strumenti",
+	"action.toggle-trackpad": "Trackpad",
+	"action.toggle-transparent": "Alterna lo sfondo trasparente",
+	"action.toggle-transparent.context-menu": "Trasparente",
+	"action.toggle-transparent.menu": "Trasparente",
+	"action.toggle-wrap-mode": "Attiva/disattiva Circonda per selezionare",
+	"action.toggle-wrap-mode.menu": "Circonda per selezionare",
+	"action.undo": "Annulla",
+	"action.ungroup": "Separa",
+	"action.unlock-all": "Sblocca tutto",
+	"action.zoom-in": "Ingrandisci",
+	"action.zoom-out": "Rimpicciolisci",
+	"action.zoom-quick": "Zoom rapido",
+	"action.zoom-to-100": "Ingrandisci al 100%",
+	"action.zoom-to-fit": "Adatta allo schermo",
+	"action.zoom-to-selection": "Adatta alla selezione",
+	"actions-menu.title": "Azioni",
+	"align-style.end": "Fine",
+	"align-style.justify": "Giustifica",
+	"align-style.middle": "In mezzo",
+	"align-style.start": "Inizio",
+	"app.loading": "Caricamento di tldraw…",
+	"arrow-kind-style.arc": "Arco",
+	"arrow-kind-style.elbow": "Gomito",
+	"arrowheadEnd-style.arrow": "Freccia",
+	"arrowheadEnd-style.bar": "Barra",
+	"arrowheadEnd-style.diamond": "Rombo",
+	"arrowheadEnd-style.dot": "Punto",
+	"arrowheadEnd-style.inverted": "Invertito",
+	"arrowheadEnd-style.none": "Nessuna",
+	"arrowheadEnd-style.pipe": "Tubo",
+	"arrowheadEnd-style.square": "Quadrato",
+	"arrowheadEnd-style.triangle": "Triangolo",
+	"arrowheadStart-style.arrow": "Freccia",
+	"arrowheadStart-style.bar": "Barra",
+	"arrowheadStart-style.diamond": "Rombo",
+	"arrowheadStart-style.dot": "Punto",
+	"arrowheadStart-style.inverted": "Invertito",
+	"arrowheadStart-style.none": "Nessuna",
+	"arrowheadStart-style.pipe": "Tubo",
+	"arrowheadStart-style.square": "Quadrato",
+	"arrowheadStart-style.triangle": "Triangolo",
+	"assets.files.amount-too-many": "Troppi file",
+	"assets.files.maximum-size": "La dimensione massima del file è di {size}",
+	"assets.files.size-too-big": "Dimensione del file troppo grande",
+	"assets.files.type-not-allowed": "Tipo di file non ammesso",
+	"assets.files.upload-failed": "Caricamento non riuscito",
+	"assets.url.failed": "Impossibile caricare l'anteprima dell'URL",
+	"color-style.black": "Nero",
+	"color-style.blue": "Blu",
+	"color-style.green": "Verde",
+	"color-style.grey": "Grigio",
+	"color-style.light-blue": "Azzurro",
+	"color-style.light-green": "Verde chiaro",
+	"color-style.light-red": "Rosso chiaro",
+	"color-style.light-violet": "Viola chiaro",
+	"color-style.orange": "Arancione",
+	"color-style.red": "Rosso",
+	"color-style.violet": "Viola",
+	"color-style.white": "Bianco",
+	"color-style.yellow": "Giallo",
+	"context-menu.arrange": "Disponi",
+	"context-menu.copy-as": "Copia come",
+	"context-menu.edit": "Modifica",
+	"context-menu.export-all-as": "Esporta tutto in",
+	"context-menu.export-as": "Esporta come",
+	"context-menu.move-to-page": "Trasferisci su una pagina",
+	"context-menu.reorder": "Riordina",
+	"context-menu.title": "Menu contestuale",
+	"context.pages.new-page": "Nuova Pagina",
+	"cursor-chat.type-to-chat": "Scrivi per chattare...",
+	"dash-style.dashed": "Tratteggiato",
+	"dash-style.dotted": "Punteggiato",
+	"dash-style.draw": "Matita",
+	"dash-style.solid": "Solido",
+	"document-name-menu.copy-link": "Copia link",
+	"document.default-name": "Senza titolo",
+	"edit-link-dialog.cancel": "Annulla",
+	"edit-link-dialog.clear": "Svuota",
+	"edit-link-dialog.detail": "I collegamenti verranno aperti in una nuova scheda",
+	"edit-link-dialog.external-link": "Link esterno",
+	"edit-link-dialog.invalid-url": "Un collegamento deve essere un URL valido",
+	"edit-link-dialog.save": "Continua",
+	"edit-link-dialog.title": "Modifica il collegamento",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "Indietro",
+	"embed-dialog.cancel": "Annulla",
+	"embed-dialog.create": "Crea",
+	"embed-dialog.instruction": "Incolla qui l'URL del sito per creare l'oggetto incorporato",
+	"embed-dialog.invalid-url": "Non è stato possibile creare un oggetto incorporato da quell'URL.",
+	"embed-dialog.title": "Crea oggetto incorporato",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "Annulla",
+	"file-system.confirm-clear.continue": "Continua",
+	"file-system.confirm-clear.description": "La creazione di un nuovo progetto cancellerà il progetto corrente e tutte le modifiche non salvate andranno perse. Sei sicuro di voler continuare?",
+	"file-system.confirm-clear.dont-show-again": "Non chiedere di nuovo",
+	"file-system.confirm-clear.title": "Cancellare il progetto attuale?",
+	"file-system.confirm-open.cancel": "Annulla",
+	"file-system.confirm-open.description": "Aprire un file rimpiazzerà il tuo progetto attuale e ogni modifica non salvata verrà persa. Sei sicuro di voler continuare?",
+	"file-system.confirm-open.dont-show-again": "Non chiedere di nuovo",
+	"file-system.confirm-open.open": "Apri file",
+	"file-system.confirm-open.title": "Sovrascrivere il progetto corrente?",
+	"file-system.file-open-error.file-format-version-too-new": "Il file che hai provato ad aprire viene da una nuova versione di tldraw. Ricarica la pagina e riprova.",
+	"file-system.file-open-error.generic-corrupted-file": "Il file che hai provato ad aprire è corrotto",
+	"file-system.file-open-error.not-a-tldraw-file": "Il file che hai provato ad aprire non sembra essere un file tldraw.",
+	"file-system.file-open-error.title": "Impossibile aprile il file",
+	"file-system.shared-document-file-open-error.description": "L'apertura di file da progetti condivisi non è supportata",
+	"file-system.shared-document-file-open-error.title": "Impossibile aprire il file",
+	"fill-style.fill": "Riempi",
+	"fill-style.lined-fill": "Riempimento lineato",
+	"fill-style.none": "Nessuno",
+	"fill-style.pattern": "Modello",
+	"fill-style.semi": "Semi",
+	"fill-style.solid": "Solido",
+	"focus-mode.toggle-focus-mode": "Alterna modalità concentrazione",
+	"font-style.draw": "Matita",
+	"font-style.mono": "Mono",
+	"font-style.sans": "Sans",
+	"font-style.serif": "Serif",
+	"geo-style.arrow-down": "Freccia in giù",
+	"geo-style.arrow-left": "Freccia a sinistra",
+	"geo-style.arrow-right": "Freccia a destra",
+	"geo-style.arrow-up": "Freccia in su",
+	"geo-style.check-box": "Casella di controllo",
+	"geo-style.cloud": "Cloud",
+	"geo-style.diamond": "Rombo",
+	"geo-style.ellipse": "Ellisse",
+	"geo-style.heart": "Cuore",
+	"geo-style.hexagon": "Esagono",
+	"geo-style.octagon": "Ottagono",
+	"geo-style.oval": "Ovale",
+	"geo-style.pentagon": "Pentagono",
+	"geo-style.rectangle": "Rettangolo",
+	"geo-style.rhombus": "Rombo",
+	"geo-style.rhombus-2": "Rombo a sinistra",
+	"geo-style.star": "Stella",
+	"geo-style.trapezoid": "Trapezio",
+	"geo-style.triangle": "Triangolo",
+	"geo-style.x-box": "Rettangolo con una X",
+	"handle.crop.bottom": "Ritaglia in basso",
+	"handle.crop.bottom-left": "Ritaglia in basso a sinistra",
+	"handle.crop.bottom-right": "Ritaglia in basso a destra",
+	"handle.crop.left": "Ritaglia a sinistra",
+	"handle.crop.right": "Ritaglia a destra",
+	"handle.crop.top": "Ritaglia in alto",
+	"handle.crop.top-left": "Ritaglia in alto a sinistra",
+	"handle.crop.top-right": "Ritaglia in alto a destra",
+	"handle.resize-bottom": "Ridimensiona in basso",
+	"handle.resize-bottom-left": "Ridimensiona in basso a sinistra",
+	"handle.resize-bottom-right": "Ridimensiona in basso a destra",
+	"handle.resize-left": "Ridimensiona a sinistra",
+	"handle.resize-right": "Ridimensiona a destra",
+	"handle.resize-top": "Ridimensiona in alto",
+	"handle.resize-top-left": "Ridimensiona in alto a sinistra",
+	"handle.resize-top-right": "Ridimensiona in alto a destra",
+	"handle.rotate.bottom_left_rotate": "Ruota in basso a sinistra",
+	"handle.rotate.bottom_right_rotate": "Ruota in basso a destra",
+	"handle.rotate.mobile_rotate": "Ruota",
+	"handle.rotate.top_left_rotate": "Ruota in alto a sinistra",
+	"handle.rotate.top_right_rotate": "Ruota in alto a destra",
+	"help-menu.about": "A riguardo",
+	"help-menu.discord": "Discord",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "Importa file...",
+	"help-menu.keyboard-shortcuts": "Scorciatoie da tastiera",
+	"help-menu.privacy": "Informativa sulla privacy",
+	"help-menu.terms": "Termini di servizio",
+	"help-menu.title": "Aiuto e risorse",
+	"help-menu.twitter": "Twitter",
+	"menu.accessibility": "Accessibilità",
+	"menu.color-theme": "Tema del colore",
+	"menu.copy-as": "Copia come",
+	"menu.edit": "Modifica",
+	"menu.export-as": "Esporta come",
+	"menu.file": "File",
+	"menu.input-device": "Dispositivo di input",
+	"menu.language": "Lingua",
+	"menu.preferences": "Preferenze",
+	"menu.theme": "Tema",
+	"menu.title": "Menu",
+	"menu.view": "Visualizza",
+	"navigation-zone.minimap": "Minimappa",
+	"navigation-zone.title": "Navigazione",
+	"navigation-zone.toggle-minimap": "Alterna minimappa",
+	"navigation-zone.zoom": "Zoom",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "Crea nuova pagina",
+	"page-menu.edit-done": "Finito",
+	"page-menu.edit-start": "Modifica",
+	"page-menu.go-to-page": "Vai alla pagina",
+	"page-menu.new-page-initial-name": "Pagina 1",
+	"page-menu.submenu.delete": "Elimina",
+	"page-menu.submenu.duplicate-page": "Duplica",
+	"page-menu.submenu.move-down": "Sposta giù",
+	"page-menu.submenu.move-up": "Sposta su",
+	"page-menu.submenu.rename": "Rinomina",
+	"page-menu.submenu.title": "Menu",
+	"page-menu.title": "Pagine",
+	"people-menu.anonymous-user": "Nuovo utente",
+	"people-menu.avatar-color": "Colore avatar",
+	"people-menu.change-color": "Cambia colore",
+	"people-menu.change-name": "Cambia nome",
+	"people-menu.follow": "Segui",
+	"people-menu.following": "Seguiti",
+	"people-menu.invite": "Invita qualcun'altro",
+	"people-menu.leading": "Ti seguono",
+	"people-menu.title": "Persone",
+	"people-menu.user": "(Tu)",
+	"share-menu.copied": "Link copiato!",
+	"share-menu.copy-link": "Copia collegamento",
+	"share-menu.copy-link-note": "Chiunque abbia il collegamento potrà vedere e modificare questo progetto",
+	"share-menu.copy-readonly-link": "Copia il collegamento di sola lettura",
+	"share-menu.copy-readonly-link-note": "Chiunque abbia il collegamento potrà vedere (ma non modificare) questo progetto",
+	"share-menu.create-snapshot-link": "Crea un collegamento copia",
+	"share-menu.creating-project": "Creazione del nuovo progetto...",
+	"share-menu.fork-note": "Crea un nuovo progetto condiviso basato su questa copia",
+	"share-menu.offline-note": "La condivisione di questo progetto creerà una copia in un nuovo URL. Potrai condividere l'URL con un massimo di 30 persone per visualizzare e modificare il progetto insieme",
+	"share-menu.project-too-large": "Spiacenti, questo progetto non può essere condiviso perché è troppo grande. Ci stiamo lavorando!",
+	"share-menu.save-note": "Scarica questo progetto sul tuo computer come file .tldr",
+	"share-menu.share-project": "Condividi questo progetto",
+	"share-menu.snapshot-link-note": "Salva e condividi una copia statica del progetto attuale come un collegamento di sola lettura.",
+	"share-menu.title": "Condividi",
+	"share-menu.upload-failed": "Siamo spiacenti, al momento non è stato possibile caricare il progetto. Riprova o facci sapere se il problema persiste.",
+	"sharing.confirm-leave.cancel": "Annulla",
+	"sharing.confirm-leave.description": "Sei sicuro di voler abbandonare questo progetto condiviso? Puoi tornare navigando al suo URL.",
+	"sharing.confirm-leave.dont-show-again": "Non chiedere di nuovo",
+	"sharing.confirm-leave.leave": "Esci",
+	"sharing.confirm-leave.title": "Abbandonare il progetto attuale?",
+	"shortcuts-dialog.a11y": "Accessibilità",
+	"shortcuts-dialog.collaboration": "Collaborazione",
+	"shortcuts-dialog.edit": "Modifica",
+	"shortcuts-dialog.file": "File",
+	"shortcuts-dialog.preferences": "Preferenze",
+	"shortcuts-dialog.text-formatting": "Formattazione testo",
+	"shortcuts-dialog.title": "Scorciatoie da tastiera",
+	"shortcuts-dialog.tools": "Strumenti",
+	"shortcuts-dialog.transform": "Trasforma",
+	"shortcuts-dialog.view": "Visualizzazione",
+	"size-style.l": "Grande",
+	"size-style.m": "Medio",
+	"size-style.s": "Piccolo",
+	"size-style.xl": "Molto grande",
+	"spline-style.cubic": "Cubico",
+	"spline-style.line": "Linea",
+	"status.offline": "Offline",
+	"style-panel.align": "Allineamento",
+	"style-panel.arrow-kind": "Linea",
+	"style-panel.arrowhead-end": "Fine",
+	"style-panel.arrowhead-start": "Inizio",
+	"style-panel.arrowheads": "Punte di freccia",
+	"style-panel.color": "Colore",
+	"style-panel.dash": "Tratteggio",
+	"style-panel.fill": "Riempi",
+	"style-panel.font": "Font",
+	"style-panel.geo": "Forma",
+	"style-panel.label-align": "Allineamento etichetta",
+	"style-panel.mixed": "Misto",
+	"style-panel.opacity": "Opacità",
+	"style-panel.position": "Posizione",
+	"style-panel.selected": "selezionata",
+	"style-panel.size": "Dimensione",
+	"style-panel.spline": "Spline",
+	"style-panel.title": "Stile",
+	"style-panel.vertical-align": "Allineamento verticale",
+	"theme.dark": "Scuro",
+	"theme.light": "Chiaro",
+	"theme.system": "Sistema",
+	"toast.close": "Chiudi",
+	"toast.error": "Errore",
+	"toast.error.copy-fail.desc": "Copia dell'immagine fallita",
+	"toast.error.copy-fail.title": "Copia fallita",
+	"toast.error.export-fail.desc": "Esportazione dell'immagine fallita",
+	"toast.error.export-fail.title": "Esportazione fallita",
+	"toast.info": "Info",
+	"toast.success": "Riuscito",
+	"toast.warning": "Attenzione",
+	"tool-panel.more": "Di più",
+	"tool-panel.title": "Strumenti",
+	"tool.arrow": "Freccia",
+	"tool.arrow-down": "Freccia in giù",
+	"tool.arrow-left": "Freccia a sinistra",
+	"tool.arrow-right": "Freccia a destra",
+	"tool.arrow-up": "Freccia in su",
+	"tool.aspect-ratio": "Formato",
+	"tool.aspect-ratio.circle": "Circolare (1:1)",
+	"tool.aspect-ratio.landscape": "Orizzontale (4:3)",
+	"tool.aspect-ratio.original": "Originale",
+	"tool.aspect-ratio.portrait": "Verticale (3:4)",
+	"tool.aspect-ratio.square": "Quadrato (1:1)",
+	"tool.aspect-ratio.wide": "Largo (16:9)",
+	"tool.bookmark": "Segnalibro",
+	"tool.check-box": "Casella di controllo",
+	"tool.cloud": "Cloud",
+	"tool.diamond": "Rombo",
+	"tool.draw": "Matita",
+	"tool.ellipse": "Ellisse",
+	"tool.embed": "Oggetto incorporato",
+	"tool.eraser": "Gomma",
+	"tool.flip-horz": "Capovolgi orizzontalmente",
+	"tool.flip-vert": "Capovolgi verticalmente",
+	"tool.frame": "Cornice",
+	"tool.hand": "Panoramica",
+	"tool.heart": "Cuore",
+	"tool.hexagon": "Esagono",
+	"tool.highlight": "Evidenziatore",
+	"tool.image-crop": "Ritaglia immagine",
+	"tool.image-crop-confirm": "Conferma",
+	"tool.image-toolbar-title": "Strumenti immagine",
+	"tool.image-zoom": "Zoom",
+	"tool.laser": "Laser",
+	"tool.line": "Linea",
+	"tool.media": "Media",
+	"tool.media-alt-text": "Testo alternativo",
+	"tool.media-alt-text-confirm": "Conferma",
+	"tool.media-alt-text-desc": "Inserisci una descrizione...",
+	"tool.note": "Post-it",
+	"tool.octagon": "Ottagono",
+	"tool.oval": "Ovale",
+	"tool.pentagon": "Pentagono",
+	"tool.pointer-down": "Puntatore in basso",
+	"tool.rectangle": "Rettangolo",
+	"tool.replace-media": "Sostituisci media",
+	"tool.rhombus": "Rombo",
+	"tool.rich-text-bold": "Grassetto",
+	"tool.rich-text-bulletList": "Elenco puntato",
+	"tool.rich-text-code": "Codice",
+	"tool.rich-text-header": "Intestazione",
+	"tool.rich-text-highlight": "Evidenziare",
+	"tool.rich-text-italic": "Corsivo",
+	"tool.rich-text-link": "Collegamento",
+	"tool.rich-text-link-remove": "Rimuovi collegamento",
+	"tool.rich-text-link-visit": "Visita il link",
+	"tool.rich-text-orderedList": "Elenco ordinato",
+	"tool.rich-text-strikethrough": "Barrato",
+	"tool.rich-text-toolbar-title": "Formattazione testo",
+	"tool.rotate-cw": "Ruota",
+	"tool.select": "Seleziona",
+	"tool.star": "Stella",
+	"tool.text": "Casella di testo",
+	"tool.trapezoid": "Trapezio",
+	"tool.triangle": "Triangolo",
+	"tool.x-box": "Rettangolo con una X",
+	"ui.checked": "Selezionato",
+	"ui.close": "Chiudi",
+	"ui.unchecked": "Non selezionato",
+	"verticalAlign-style.end": "In basso",
+	"verticalAlign-style.middle": "Al centro",
+	"verticalAlign-style.start": "In alto",
+	"vscode.file-open.backup": "Backup",
+	"vscode.file-open.backup-failed": "Backup non riuscito: questo non è un file .tldr",
+	"vscode.file-open.backup-saved": "Backup salvato",
+	"vscode.file-open.desc": "Questo file è stato creato con una versione precedente di tldraw. Desideri aggiornarlo per farlo funzionare con la nuova versione?",
+	"vscode.file-open.dont-show-again": "Non chiedere di nuovo",
+	"vscode.file-open.open": "Continua"
+}
diff --git a/web/hermes-dist/translations/ja.json b/web/hermes-dist/translations/ja.json
new file mode 100644
index 0000000..6cf7315
--- /dev/null
+++ b/web/hermes-dist/translations/ja.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "図形スタイルを調整",
+	"a11y.enlarge-shape": "図形を拡大します",
+	"a11y.enter-leave-container": "コンテナへの入室／退室",
+	"a11y.move-shape": "図形を移動します",
+	"a11y.move-shape-faster": "図形をより速く移動します",
+	"a11y.multiple-shapes": "{num} 個の図形が選択されました",
+	"a11y.open-context-menu": "コンテキストメニューを開きます",
+	"a11y.open-keyboard-shortcuts": "キーボードのショートカットを開きます",
+	"a11y.pan-camera": "カメラをパンします",
+	"a11y.repeat-shape": "図形を繰り返します",
+	"a11y.rotate-shape-ccw": "図形を反時計回りに回転します",
+	"a11y.rotate-shape-ccw-fine": "図形を反時計回りに回転します（高精度）",
+	"a11y.rotate-shape-cw": "図形を時計回りに回転します",
+	"a11y.rotate-shape-cw-fine": "図形を時計回りに回転します（高精度）",
+	"a11y.select-shape": "次の図形を選択します",
+	"a11y.select-shape-direction": "方向キーで図形を選択します",
+	"a11y.shape-image": "画像",
+	"a11y.shape-index": "{total} 件中 {num} 件",
+	"a11y.shape-video": "ビデオ",
+	"a11y.shrink-shape": "図形を縮小します",
+	"a11y.skip-to-main-content": "キャンバスにフォーカスを移動",
+	"a11y.status": "ステータス",
+	"action.align-bottom": "下寄せ",
+	"action.align-center-horizontal": "水平",
+	"action.align-center-horizontal.short": "水平",
+	"action.align-center-vertical": "垂直",
+	"action.align-center-vertical.short": "垂直",
+	"action.align-left": "左寄せ",
+	"action.align-right": "右寄せ",
+	"action.align-top": "上寄せ",
+	"action.back-to-content": "コンテンツに戻る",
+	"action.bring-forward": "ひとつ前に移動",
+	"action.bring-to-front": "最前面に移動",
+	"action.convert-to-bookmark": "ブックマークに変換",
+	"action.convert-to-embed": "埋め込みに変換",
+	"action.copy": "コピー",
+	"action.copy-as-json": "JSONとしてコピー",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "PNGとしてコピー",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "SVGとしてコピー",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "切り取り",
+	"action.delete": "削除",
+	"action.distribute-horizontal": "水平に並べる",
+	"action.distribute-horizontal.short": "水平に並べる",
+	"action.distribute-vertical": "垂直に並べる",
+	"action.distribute-vertical.short": "垂直に並べる",
+	"action.download-original": "オリジナルをダウンロード",
+	"action.duplicate": "複製",
+	"action.edit-link": "リンク編集",
+	"action.enhanced-a11y-mode": "アクセシビリティ強化モードを切り替え",
+	"action.enhanced-a11y-mode.menu": "アクセシビリティ強化モード",
+	"action.exit-pen-mode": "ペンモードを終了する",
+	"action.export-all-as-png": "すべてをPNGとしてエクスポート",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "すべてをSVGとしてエクスポート",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "PNGとしてエクスポート",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "SVGとしてエクスポート",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "コンテンツに合わせる",
+	"action.flatten-to-image": "平らにする",
+	"action.flip-horizontal": "水平方向に反転",
+	"action.flip-horizontal.short": "水平方向に反転",
+	"action.flip-vertical": "垂直方向に反転",
+	"action.flip-vertical.short": "垂直方向に反転",
+	"action.fork-project": "このプロジェクトをフォーク",
+	"action.fork-project-on-tldraw": "tldrawでプロジェクトをフォーク",
+	"action.group": "グルーピング",
+	"action.insert-embed": "埋め込みを挿入",
+	"action.insert-media": "メディアをアップロード",
+	"action.leave-shared-project": "共有プロジェクトを抜ける",
+	"action.new-project": "新規プロジェクト",
+	"action.new-shared-project": "新規共有プロジェクト",
+	"action.open-cursor-chat": "カーソルチャット",
+	"action.open-embed-link": "リンクを開く",
+	"action.open-file": "ファイルを開く",
+	"action.open-kbd-shortcuts": "キーボードのショートカットを開く",
+	"action.pack": "パック",
+	"action.paste": "貼り付け",
+	"action.paste-error-description": "クリップボードの権限がないため貼り付けられませんでした。権限を有効にしてもう一度お試しください。",
+	"action.paste-error-title": "貼り付けに失敗しました",
+	"action.print": "印刷",
+	"action.redo": "やり直し",
+	"action.remove-frame": "フレームを削除",
+	"action.rename": "名前を変更",
+	"action.rotate-ccw": "反時計回りに回転",
+	"action.rotate-cw": "時計回りに回転",
+	"action.save-copy": "コピーを保存",
+	"action.select-all": "すべて選択",
+	"action.select-none": "選択を解除",
+	"action.select-zoom-tool": "ズーム",
+	"action.send-backward": "ひとつ後ろに移動",
+	"action.send-to-back": "最背面に移動",
+	"action.share-project": "このプロジェクトを共有",
+	"action.stack-horizontal": "水平にスタック",
+	"action.stack-horizontal.short": "水平にスタック",
+	"action.stack-vertical": "垂直にスタック",
+	"action.stack-vertical.short": "垂直にスタック",
+	"action.stop-following": "追跡を停止する",
+	"action.stretch-horizontal": "水平に引き伸ばす",
+	"action.stretch-horizontal.short": "水平に引き伸ばす",
+	"action.stretch-vertical": "垂直に引き伸ばす",
+	"action.stretch-vertical.short": "垂直に引き伸ばす",
+	"action.toggle-auto-none": "自動",
+	"action.toggle-auto-pan": "自動（トラックパッド）",
+	"action.toggle-auto-size": "自動サイズ切り替え",
+	"action.toggle-auto-zoom": "自動（マウス）",
+	"action.toggle-dark-mode": "ダークモード",
+	"action.toggle-dark-mode.menu": "ダークモード",
+	"action.toggle-debug-mode": "デバッグモード",
+	"action.toggle-debug-mode.menu": "デバッグモード",
+	"action.toggle-dynamic-size-mode": "ダイナミックサイズを切り替え",
+	"action.toggle-dynamic-size-mode.menu": "ダイナミックサイズ",
+	"action.toggle-edge-scrolling": "エッジスクロールを切り替え",
+	"action.toggle-edge-scrolling.menu": "エッジスクロール",
+	"action.toggle-focus-mode": "フォーカスモード",
+	"action.toggle-focus-mode.menu": "フォーカスモード",
+	"action.toggle-grid": "グリッドを表示",
+	"action.toggle-grid.menu": "グリッドを表示",
+	"action.toggle-invert-zoom": "マウスズーム反転の切り替え",
+	"action.toggle-invert-zoom.menu": "マウスズームを反転",
+	"action.toggle-keyboard-shortcuts": "キーボードのショートカットを切り替え",
+	"action.toggle-keyboard-shortcuts.menu": "キーボードショートカット",
+	"action.toggle-lock": "ロック切り替え",
+	"action.toggle-mouse": "マウス",
+	"action.toggle-paste-at-cursor": "カーソル位置での貼り付けを切り替え",
+	"action.toggle-paste-at-cursor.menu": "カーソル位置に貼り付け",
+	"action.toggle-reduce-motion": "モーションを減らす切り替え",
+	"action.toggle-reduce-motion.menu": "モーションを減らす",
+	"action.toggle-snap-mode": "スナップを常に表示",
+	"action.toggle-snap-mode.menu": "スナップを常に表示",
+	"action.toggle-tool-lock": "ツールロック切り替え",
+	"action.toggle-tool-lock.menu": "ツールロック",
+	"action.toggle-trackpad": "トラックパッド",
+	"action.toggle-transparent": "透過を切り替え",
+	"action.toggle-transparent.context-menu": "透過",
+	"action.toggle-transparent.menu": "透過",
+	"action.toggle-wrap-mode": "折り返し時に選択を切り替え",
+	"action.toggle-wrap-mode.menu": "折り返し時に選択",
+	"action.undo": "元に戻す",
+	"action.ungroup": "グループ解除",
+	"action.unlock-all": "すべて解除",
+	"action.zoom-in": "拡大",
+	"action.zoom-out": "縮小",
+	"action.zoom-quick": "クイックズーム",
+	"action.zoom-to-100": "100%へ拡大",
+	"action.zoom-to-fit": "拡大してすべてを表示",
+	"action.zoom-to-selection": "選択したアイテムに合わせて拡大",
+	"actions-menu.title": "アクション",
+	"align-style.end": "終点",
+	"align-style.justify": "均等",
+	"align-style.middle": "中央",
+	"align-style.start": "始点",
+	"app.loading": "tldrawを読み込み中です...",
+	"arrow-kind-style.arc": "アーク",
+	"arrow-kind-style.elbow": "エルボー",
+	"arrowheadEnd-style.arrow": "矢印",
+	"arrowheadEnd-style.bar": "バー",
+	"arrowheadEnd-style.diamond": "菱形",
+	"arrowheadEnd-style.dot": "ドット",
+	"arrowheadEnd-style.inverted": "逆",
+	"arrowheadEnd-style.none": "なし",
+	"arrowheadEnd-style.pipe": "パイプ",
+	"arrowheadEnd-style.square": "四角形",
+	"arrowheadEnd-style.triangle": "三角形",
+	"arrowheadStart-style.arrow": "矢印",
+	"arrowheadStart-style.bar": "バー",
+	"arrowheadStart-style.diamond": "菱形",
+	"arrowheadStart-style.dot": "ドット",
+	"arrowheadStart-style.inverted": "逆",
+	"arrowheadStart-style.none": "なし",
+	"arrowheadStart-style.pipe": "パイプ",
+	"arrowheadStart-style.square": "四角形",
+	"arrowheadStart-style.triangle": "三角形",
+	"assets.files.amount-too-many": "ファイルが多すぎます",
+	"assets.files.maximum-size": "最大ファイルサイズは{size}です",
+	"assets.files.size-too-big": "ファイルサイズが大きすぎます",
+	"assets.files.type-not-allowed": "ファイルタイプが許可されていません",
+	"assets.files.upload-failed": "アップロードに失敗しました",
+	"assets.url.failed": "URLプレビューを読み込めませんでした",
+	"color-style.black": "黒色",
+	"color-style.blue": "青色",
+	"color-style.green": "緑色",
+	"color-style.grey": "灰色",
+	"color-style.light-blue": "水色",
+	"color-style.light-green": "黄緑色",
+	"color-style.light-red": "ピンク色",
+	"color-style.light-violet": "うす紫色",
+	"color-style.orange": "オレンジ色",
+	"color-style.red": "赤色",
+	"color-style.violet": "紫色",
+	"color-style.white": "白",
+	"color-style.yellow": "黄色",
+	"context-menu.arrange": "並び替え",
+	"context-menu.copy-as": "形式を選択してコピー",
+	"context-menu.edit": "編集",
+	"context-menu.export-all-as": "すべてを以下としてエクスポート",
+	"context-menu.export-as": "形式を選択してエクスポート",
+	"context-menu.move-to-page": "ページへ移動",
+	"context-menu.reorder": "再整列",
+	"context-menu.title": "コンテキストメニュー",
+	"context.pages.new-page": "新規ページ",
+	"cursor-chat.type-to-chat": "チャットを開始...",
+	"dash-style.dashed": "ダッシュ",
+	"dash-style.dotted": "ドット",
+	"dash-style.draw": "描画",
+	"dash-style.solid": "実線",
+	"document-name-menu.copy-link": "リンクをコピー",
+	"document.default-name": "無名",
+	"edit-link-dialog.cancel": "キャンセル",
+	"edit-link-dialog.clear": "クリア",
+	"edit-link-dialog.detail": "リンクを新しいタブで開く",
+	"edit-link-dialog.external-link": "外部リンク",
+	"edit-link-dialog.invalid-url": "リンクは有効なURLである必要があります。",
+	"edit-link-dialog.save": "続ける",
+	"edit-link-dialog.title": "リンク編集",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "戻る",
+	"embed-dialog.cancel": "キャンセル",
+	"embed-dialog.create": "作成",
+	"embed-dialog.instruction": "URLから埋め込みを作成",
+	"embed-dialog.invalid-url": "このURLから埋め込みを作成できませんでした",
+	"embed-dialog.title": "埋め込みを挿入",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "キャンセル",
+	"file-system.confirm-clear.continue": "続ける",
+	"file-system.confirm-clear.description": "新しいプロジェクトを作成すると、現在のプロジェクトは終了し、保存されていない変更は破棄されます。よろしいですか？",
+	"file-system.confirm-clear.dont-show-again": "二度と表示しない",
+	"file-system.confirm-clear.title": "このプロジェクトをクリアしますか？",
+	"file-system.confirm-open.cancel": "キャンセル",
+	"file-system.confirm-open.description": "ファイルを開くと、現在のプロジェクトは終了し、保存されていない変更は破棄されます。よろしいですか？",
+	"file-system.confirm-open.dont-show-again": "二度と表示しない",
+	"file-system.confirm-open.open": "ファイルを開く",
+	"file-system.confirm-open.title": "現在のプロジェクトを上書きしますか？",
+	"file-system.file-open-error.file-format-version-too-new": "開こうとしているファイルは新しいバージョンの tldraw で作成されたものです。ページをリロードし、再度試してください",
+	"file-system.file-open-error.generic-corrupted-file": "開こうとしたファイルは壊れています",
+	"file-system.file-open-error.not-a-tldraw-file": "開こうとしているファイルは tldraw のファイルではありません",
+	"file-system.file-open-error.title": "ファイルを開くことができません",
+	"file-system.shared-document-file-open-error.description": "共有プロジェクトからファイルを開く操作は受け付けていません",
+	"file-system.shared-document-file-open-error.title": "ファイルを開くことができません",
+	"fill-style.fill": "塗りつぶし",
+	"fill-style.lined-fill": "ライン入り塗りつぶし",
+	"fill-style.none": "なし",
+	"fill-style.pattern": "パターン",
+	"fill-style.semi": "セミ",
+	"fill-style.solid": "ソリッド",
+	"focus-mode.toggle-focus-mode": "フォーカスモード",
+	"font-style.draw": "描画",
+	"font-style.mono": "Mono",
+	"font-style.sans": "Sans",
+	"font-style.serif": "Serif",
+	"geo-style.arrow-down": "下矢印",
+	"geo-style.arrow-left": "左矢印",
+	"geo-style.arrow-right": "右矢印",
+	"geo-style.arrow-up": "上矢印",
+	"geo-style.check-box": "チェックボックス",
+	"geo-style.cloud": "くも",
+	"geo-style.diamond": "菱形",
+	"geo-style.ellipse": "楕円形",
+	"geo-style.heart": "ハート",
+	"geo-style.hexagon": "六角形",
+	"geo-style.octagon": "八角形",
+	"geo-style.oval": "楕円",
+	"geo-style.pentagon": "五角形",
+	"geo-style.rectangle": "長方形",
+	"geo-style.rhombus": "ひし形",
+	"geo-style.rhombus-2": "ひし形（左寄り）",
+	"geo-style.star": "星",
+	"geo-style.trapezoid": "台形",
+	"geo-style.triangle": "三角形",
+	"geo-style.x-box": "Xボックス",
+	"handle.crop.bottom": "下をクロップ",
+	"handle.crop.bottom-left": "左下をクロップ",
+	"handle.crop.bottom-right": "右下をクロップ",
+	"handle.crop.left": "左をクロップ",
+	"handle.crop.right": "右をクロップ",
+	"handle.crop.top": "上をクロップ",
+	"handle.crop.top-left": "左上をクロップ",
+	"handle.crop.top-right": "右上をクロップ",
+	"handle.resize-bottom": "下をサイズ変更",
+	"handle.resize-bottom-left": "左下をサイズ変更",
+	"handle.resize-bottom-right": "右下をサイズ変更",
+	"handle.resize-left": "左をサイズ変更",
+	"handle.resize-right": "右をサイズ変更",
+	"handle.resize-top": "上をサイズ変更",
+	"handle.resize-top-left": "左上をサイズ変更",
+	"handle.resize-top-right": "右上をサイズ変更",
+	"handle.rotate.bottom_left_rotate": "左下に回転",
+	"handle.rotate.bottom_right_rotate": "右下に回転",
+	"handle.rotate.mobile_rotate": "回転",
+	"handle.rotate.top_left_rotate": "左上に回転",
+	"handle.rotate.top_right_rotate": "右上に回転",
+	"help-menu.about": "tldrawについて",
+	"help-menu.discord": "Discord",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "ファイルをインポート…",
+	"help-menu.keyboard-shortcuts": "キーボードショートカット",
+	"help-menu.privacy": "プライバシーポリシー",
+	"help-menu.terms": "利用規約",
+	"help-menu.title": "ヘルプ",
+	"help-menu.twitter": "X(Twitter)",
+	"menu.accessibility": "アクセシビリティ",
+	"menu.color-theme": "カラーテーマ",
+	"menu.copy-as": "形式を選択してコピー",
+	"menu.edit": "編集",
+	"menu.export-as": "形式を選択してエクスポート",
+	"menu.file": "ファイル",
+	"menu.input-device": "入力デバイス",
+	"menu.language": "言語",
+	"menu.preferences": "設定",
+	"menu.theme": "テーマ",
+	"menu.title": "メニュー",
+	"menu.view": "表示",
+	"navigation-zone.minimap": "ミニマップ",
+	"navigation-zone.title": "ナビゲーション",
+	"navigation-zone.toggle-minimap": "ミニマップを切り替え",
+	"navigation-zone.zoom": "ズーム",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "ページを作成",
+	"page-menu.edit-done": "完了",
+	"page-menu.edit-start": "編集",
+	"page-menu.go-to-page": "ページへ進む",
+	"page-menu.new-page-initial-name": "ページ 1",
+	"page-menu.submenu.delete": "削除",
+	"page-menu.submenu.duplicate-page": "複製",
+	"page-menu.submenu.move-down": "下へ",
+	"page-menu.submenu.move-up": "上へ",
+	"page-menu.submenu.rename": "名前を変更",
+	"page-menu.submenu.title": "メニュー",
+	"page-menu.title": "ページ",
+	"people-menu.anonymous-user": "新規ユーザー",
+	"people-menu.avatar-color": "アバターの色",
+	"people-menu.change-color": "色の変更",
+	"people-menu.change-name": "名前の変更",
+	"people-menu.follow": "追跡",
+	"people-menu.following": "追跡中",
+	"people-menu.invite": "招待する",
+	"people-menu.leading": "あなたを追跡中",
+	"people-menu.title": "参加者",
+	"people-menu.user": "(あなた)",
+	"share-menu.copied": "リンクをコピーしました！",
+	"share-menu.copy-link": "共有リンクをクリップボードにコピー",
+	"share-menu.copy-link-note": "リンクを知っている人は誰でもこのプロジェクトを閲覧、編集できます",
+	"share-menu.copy-readonly-link": "読み取り専用のリンクをコピー",
+	"share-menu.copy-readonly-link-note": "リンクを知っている人は誰でもこのプロジェクトを閲覧できます（編集はできません）",
+	"share-menu.create-snapshot-link": "スナップショットのリンクをコピー",
+	"share-menu.creating-project": "新しいプロジェクトを作成しています…",
+	"share-menu.fork-note": "このスナップショットから新しい共有プロジェクトを作成",
+	"share-menu.offline-note": "このプロジェクトから新しい共有プロジェクトを作成",
+	"share-menu.project-too-large": "このプロジェクトは大きすぎるため共有することができません。",
+	"share-menu.save-note": "このプロジェクトを .tldr ファイルでダウンロード",
+	"share-menu.share-project": "このプロジェクトを共有",
+	"share-menu.snapshot-link-note": "このプロジェクトから読み取り専用のスナップショットリンク共有する",
+	"share-menu.title": "共有",
+	"share-menu.upload-failed": "一時的にあなたのプロジェクトをアップロードすることができません。もう一度試してください。",
+	"sharing.confirm-leave.cancel": "キャンセル",
+	"sharing.confirm-leave.description": "この共有プロジェクトから退出します。よろしいですか？このURLからいつでも復帰することができます。",
+	"sharing.confirm-leave.dont-show-again": "二度と表示しない",
+	"sharing.confirm-leave.leave": "退出する",
+	"sharing.confirm-leave.title": "現在のプロジェクトから退出する",
+	"shortcuts-dialog.a11y": "アクセシビリティ",
+	"shortcuts-dialog.collaboration": "コラボレーション",
+	"shortcuts-dialog.edit": "編集",
+	"shortcuts-dialog.file": "ファイル",
+	"shortcuts-dialog.preferences": "設定",
+	"shortcuts-dialog.text-formatting": "テキストの書式設定",
+	"shortcuts-dialog.title": "キーボードショートカット",
+	"shortcuts-dialog.tools": "ツール",
+	"shortcuts-dialog.transform": "変換",
+	"shortcuts-dialog.view": "表示",
+	"size-style.l": "大",
+	"size-style.m": "中",
+	"size-style.s": "小",
+	"size-style.xl": "特大",
+	"spline-style.cubic": "三次曲線",
+	"spline-style.line": "線",
+	"status.offline": "オフライン",
+	"style-panel.align": "配置",
+	"style-panel.arrow-kind": "線",
+	"style-panel.arrowhead-end": "終点",
+	"style-panel.arrowhead-start": "始点",
+	"style-panel.arrowheads": "矢印",
+	"style-panel.color": "色",
+	"style-panel.dash": "線",
+	"style-panel.fill": "塗りつぶし",
+	"style-panel.font": "フォント",
+	"style-panel.geo": "形状",
+	"style-panel.label-align": "ラベルの整列",
+	"style-panel.mixed": "ミックス",
+	"style-panel.opacity": "透過度",
+	"style-panel.position": "ポジション",
+	"style-panel.selected": "選択済み",
+	"style-panel.size": "大きさ",
+	"style-panel.spline": "スプライン",
+	"style-panel.title": "スタイル",
+	"style-panel.vertical-align": "垂直に整列",
+	"theme.dark": "ダーク",
+	"theme.light": "ライト",
+	"theme.system": "システム",
+	"toast.close": "閉じる",
+	"toast.error": "エラー",
+	"toast.error.copy-fail.desc": "画像のコピーに失敗しました",
+	"toast.error.copy-fail.title": "コピーに失敗しました",
+	"toast.error.export-fail.desc": "画像のエクスポートに失敗しました",
+	"toast.error.export-fail.title": "エクスポートに失敗しました",
+	"toast.info": "情報",
+	"toast.success": "成功",
+	"toast.warning": "警告",
+	"tool-panel.more": "もっと",
+	"tool-panel.title": "ツール",
+	"tool.arrow": "矢印",
+	"tool.arrow-down": "下矢印",
+	"tool.arrow-left": "左矢印",
+	"tool.arrow-right": "右矢印",
+	"tool.arrow-up": "上矢印",
+	"tool.aspect-ratio": "縦横比",
+	"tool.aspect-ratio.circle": "円形（1:1）",
+	"tool.aspect-ratio.landscape": "横向き（4:3）",
+	"tool.aspect-ratio.original": "オリジナル",
+	"tool.aspect-ratio.portrait": "縦向き（3:4）",
+	"tool.aspect-ratio.square": "四角形（1:1）",
+	"tool.aspect-ratio.wide": "ワイド（16:9）",
+	"tool.bookmark": "ブックマーク",
+	"tool.check-box": "チェックボックス",
+	"tool.cloud": "くも",
+	"tool.diamond": "菱形",
+	"tool.draw": "描画",
+	"tool.ellipse": "楕円形",
+	"tool.embed": "埋め込み",
+	"tool.eraser": "消しゴム",
+	"tool.flip-horz": "水平方向に反転",
+	"tool.flip-vert": "垂直方向に反転",
+	"tool.frame": "フレーム",
+	"tool.hand": "手",
+	"tool.heart": "ハート",
+	"tool.hexagon": "六角形",
+	"tool.highlight": "ハイライト",
+	"tool.image-crop": "画像をクロップ",
+	"tool.image-crop-confirm": "確定",
+	"tool.image-toolbar-title": "画像ツール",
+	"tool.image-zoom": "ズーム",
+	"tool.laser": "レーザー",
+	"tool.line": "線",
+	"tool.media": "メディア",
+	"tool.media-alt-text": "代替テキスト",
+	"tool.media-alt-text-confirm": "確定",
+	"tool.media-alt-text-desc": "説明を記入してください...",
+	"tool.note": "付箋",
+	"tool.octagon": "八角形",
+	"tool.oval": "楕円",
+	"tool.pentagon": "五角形",
+	"tool.pointer-down": "下ポインター",
+	"tool.rectangle": "長方形",
+	"tool.replace-media": "メディアを交換",
+	"tool.rhombus": "ひし形",
+	"tool.rich-text-bold": "太字",
+	"tool.rich-text-bulletList": "箇条書きリスト",
+	"tool.rich-text-code": "コード",
+	"tool.rich-text-header": "ヘッダ",
+	"tool.rich-text-highlight": "ハイライト",
+	"tool.rich-text-italic": "イタリック",
+	"tool.rich-text-link": "リンク",
+	"tool.rich-text-link-remove": "リンクを削除",
+	"tool.rich-text-link-visit": "リンクにアクセス",
+	"tool.rich-text-orderedList": "順序付きリスト",
+	"tool.rich-text-strikethrough": "取り消し線",
+	"tool.rich-text-toolbar-title": "テキストの書式設定",
+	"tool.rotate-cw": "回転",
+	"tool.select": "選択",
+	"tool.star": "星",
+	"tool.text": "テキスト",
+	"tool.trapezoid": "台形",
+	"tool.triangle": "三角形",
+	"tool.x-box": "Xボックス",
+	"ui.checked": "チェック済み",
+	"ui.close": "閉じる",
+	"ui.unchecked": "未チェック",
+	"verticalAlign-style.end": "下部",
+	"verticalAlign-style.middle": "中央",
+	"verticalAlign-style.start": "上部",
+	"vscode.file-open.backup": "バックアップ",
+	"vscode.file-open.backup-failed": "バックアップ失敗: .tldr ファイルではありません",
+	"vscode.file-open.backup-saved": "バックアップを保存",
+	"vscode.file-open.desc": "このバージョンの tldraw のためにドキュメントを更新しました。オリジナルのバージョンを表示したい場合は以下からバックアップを作成してください",
+	"vscode.file-open.dont-show-again": "二度と表示しない",
+	"vscode.file-open.open": "続ける"
+}
diff --git a/web/hermes-dist/translations/km-kh.json b/web/hermes-dist/translations/km-kh.json
new file mode 100644
index 0000000..790b1c7
--- /dev/null
+++ b/web/hermes-dist/translations/km-kh.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "លៃតម្រូវរចនាប័ទ្មរូបរាង",
+	"a11y.enlarge-shape": "ពង្រីករាង",
+	"a11y.enter-leave-container": "បញ្ចូល / ចាកចេញពីធុង",
+	"a11y.move-shape": "ផ្លាស់ទីរាង",
+	"a11y.move-shape-faster": "ផ្លាស់ទី​រាង​លឿន​ជាង",
+	"a11y.multiple-shapes": "បានជ្រើសរើសរាង {num}",
+	"a11y.open-context-menu": "បើកម៉ឺនុយបរិបទ",
+	"a11y.open-keyboard-shortcuts": "បើកផ្លូវកាត់ក្តារចុច",
+	"a11y.pan-camera": "កាមេរ៉ា Pan",
+	"a11y.repeat-shape": "ធ្វើរូបរាងឡើងវិញ",
+	"a11y.rotate-shape-ccw": "បង្វិលរាងច្រាសទ្រនិចនាឡិកា",
+	"a11y.rotate-shape-ccw-fine": "បង្វិលរាងច្រាសទ្រនិចនាឡិកា (ល្អ)",
+	"a11y.rotate-shape-cw": "បង្វិលរាងតាមទ្រនិចនាឡិកា",
+	"a11y.rotate-shape-cw-fine": "បង្វិលរាងតាមទ្រនិចនាឡិកា (ល្អ)",
+	"a11y.select-shape": "ជ្រើសរើសរូបរាងបន្ទាប់",
+	"a11y.select-shape-direction": "ជ្រើសរើសរូបរាងតាមទិសដៅ",
+	"a11y.shape-image": "រូបភាព",
+	"a11y.shape-index": "{num} នៃ {total}",
+	"a11y.shape-video": "វីដេអូ",
+	"a11y.shrink-shape": "បង្រួមរាង",
+	"a11y.skip-to-main-content": "ផ្លាស់ទីការផ្តោតអារម្មណ៍ទៅផ្ទាំងក្រណាត់",
+	"a11y.status": "ស្ថានភាព",
+	"action.align-bottom": "តម្រឹមបាត",
+	"action.align-center-horizontal": "តម្រឹមផ្ដេក",
+	"action.align-center-horizontal.short": "តម្រឹម H",
+	"action.align-center-vertical": "តម្រឹមបញ្ឈរ",
+	"action.align-center-vertical.short": "តម្រឹម V",
+	"action.align-left": "តម្រឹមឆ្វេង",
+	"action.align-right": "តម្រឹមស្តាំ",
+	"action.align-top": "តម្រឹមកំពូល",
+	"action.back-to-content": "ត្រលប់ទៅមាតិកា",
+	"action.bring-forward": "នាំទៅមុខ",
+	"action.bring-to-front": "នាំយកទៅខាងមុខ",
+	"action.convert-to-bookmark": "បម្លែងទៅជាចំណាំ",
+	"action.convert-to-embed": "បំប្លែង​ទៅ​បង្កប់",
+	"action.copy": "ចម្លង",
+	"action.copy-as-json": "ចម្លងជា JSON",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "ចម្លងជា PNG",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "ចម្លងជា SVG",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "កាត់",
+	"action.delete": "លុប",
+	"action.distribute-horizontal": "ចែកចាយផ្ដេក",
+	"action.distribute-horizontal.short": "ចែកចាយ H",
+	"action.distribute-vertical": "ចែកចាយបញ្ឈរ",
+	"action.distribute-vertical.short": "ចែកចាយ V",
+	"action.download-original": "ទាញយកដើម",
+	"action.duplicate": "ស្ទួន",
+	"action.edit-link": "កែសម្រួលតំណ",
+	"action.enhanced-a11y-mode": "បិទ/បើក​មុខងារ​ភាពងាយស្រួល​ដែល​បាន​កែលម្អ",
+	"action.enhanced-a11y-mode.menu": "របៀបភាពងាយស្រួលដែលប្រសើរឡើង",
+	"action.exit-pen-mode": "ចេញពីទម្រង់ប៊ិច",
+	"action.export-all-as-png": "នាំចេញទាំងអស់ជា PNG",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "នាំចេញទាំងអស់ជា SVG",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "នាំចេញជា PNG",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "នាំចេញជា SVG",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "សមនឹងមាតិកា",
+	"action.flatten-to-image": "ធ្វើឱ្យរាបស្មើ",
+	"action.flip-horizontal": "ត្រឡប់ផ្ដេក",
+	"action.flip-horizontal.short": "ត្រឡប់ H",
+	"action.flip-vertical": "ត្រឡប់បញ្ឈរ",
+	"action.flip-vertical.short": "ត្រឡប់ V",
+	"action.fork-project": "បំបែកគម្រោងនេះ។",
+	"action.fork-project-on-tldraw": "គម្រោង Fork នៅលើ tldraw",
+	"action.group": "ក្រុម",
+	"action.insert-embed": "បញ្ចូលបង្កប់",
+	"action.insert-media": "ផ្ទុកប្រព័ន្ធផ្សព្វផ្សាយ",
+	"action.leave-shared-project": "ចាកចេញពីគម្រោងដែលបានចែករំលែក",
+	"action.new-project": "គម្រោងថ្មី។",
+	"action.new-shared-project": "គម្រោងចែករំលែកថ្មី។",
+	"action.open-cursor-chat": "ទស្សន៍ទ្រនិចជជែក",
+	"action.open-embed-link": "បើកតំណ",
+	"action.open-file": "បើកឯកសារ",
+	"action.open-kbd-shortcuts": "បើកផ្លូវកាត់ក្តារចុច",
+	"action.pack": "ខ្ចប់",
+	"action.paste": "បិទភ្ជាប់",
+	"action.paste-error-description": "មិន​អាច​បិទ​ភ្ជាប់​ដោយ​សារ​បាត់​ការ​អនុញ្ញាត​ក្ដារ​តម្បៀត​ខ្ទាស់។ សូមបើកការអនុញ្ញាត ហើយព្យាយាមម្តងទៀត។",
+	"action.paste-error-title": "ការបិទភ្ជាប់បានបរាជ័យ",
+	"action.print": "បោះពុម្ព",
+	"action.redo": "ធ្វើឡើងវិញ",
+	"action.remove-frame": "ដកស៊ុមចេញ",
+	"action.rename": "ប្តូរឈ្មោះ",
+	"action.rotate-ccw": "បង្វិលច្រាសទ្រនិចនាឡិកា",
+	"action.rotate-cw": "បង្វិលតាមទ្រនិចនាឡិកា",
+	"action.save-copy": "រក្សាទុកច្បាប់ចម្លង",
+	"action.select-all": "ជ្រើសរើសទាំងអស់។",
+	"action.select-none": "ជ្រើសរើសគ្មាន",
+	"action.select-zoom-tool": "ពង្រីក",
+	"action.send-backward": "ផ្ញើថយក្រោយ",
+	"action.send-to-back": "ផ្ញើទៅខាងក្រោយ",
+	"action.share-project": "ចែករំលែកគម្រោងនេះ។",
+	"action.stack-horizontal": "ជង់ផ្ដេក",
+	"action.stack-horizontal.short": "ជង់ H",
+	"action.stack-vertical": "ជង់បញ្ឈរ",
+	"action.stack-vertical.short": "ជង់ V",
+	"action.stop-following": "ឈប់ធ្វើតាម",
+	"action.stretch-horizontal": "លាតសន្ធឹងផ្ដេក",
+	"action.stretch-horizontal.short": "លាត H",
+	"action.stretch-vertical": "លាតសន្ធឹងបញ្ឈរ",
+	"action.stretch-vertical.short": "លាត V",
+	"action.toggle-auto-none": "ស្វ័យប្រវត្តិ",
+	"action.toggle-auto-pan": "ស្វ័យ​ប្រវត្តិ (បន្ទះ​តាមដាន)",
+	"action.toggle-auto-size": "បិទ/បើកទំហំស្វ័យប្រវត្តិ",
+	"action.toggle-auto-zoom": "ស្វ័យប្រវត្តិ (កណ្ដុរ)",
+	"action.toggle-dark-mode": "បិទបើករបៀបងងឹត",
+	"action.toggle-dark-mode.menu": "របៀបងងឹត",
+	"action.toggle-debug-mode": "បិទបើករបៀបបំបាត់កំហុស",
+	"action.toggle-debug-mode.menu": "របៀបបំបាត់កំហុស",
+	"action.toggle-dynamic-size-mode": "បិទ/បើកទំហំថាមវន្ត",
+	"action.toggle-dynamic-size-mode.menu": "ទំហំថាមវន្ត",
+	"action.toggle-edge-scrolling": "បិទ/បើក​រមូរ​គែម",
+	"action.toggle-edge-scrolling.menu": "ការរមូរគែម",
+	"action.toggle-focus-mode": "បិទ/បើក​មុខងារ​ផ្ដោត",
+	"action.toggle-focus-mode.menu": "របៀបផ្ដោត",
+	"action.toggle-grid": "បិទ/បើកក្រឡាចត្រង្គ",
+	"action.toggle-grid.menu": "បង្ហាញក្រឡាចត្រង្គ",
+	"action.toggle-invert-zoom": "បិទ/បើក​ការ​ពង្រីក​កណ្ដុរ​បញ្ច្រាស់",
+	"action.toggle-invert-zoom.menu": "បញ្ច្រាសការពង្រីកកណ្ដុរ",
+	"action.toggle-keyboard-shortcuts": "បិទ/បើកផ្លូវកាត់ក្តារចុច",
+	"action.toggle-keyboard-shortcuts.menu": "បើកផ្លូវកាត់ក្តារចុច",
+	"action.toggle-lock": "ចាក់សោ / ដោះសោ",
+	"action.toggle-mouse": "កណ្ដុរ",
+	"action.toggle-paste-at-cursor": "បិទ/បើក​ការ​បិទភ្ជាប់​នៅ​ត្រង់​ទស្សន៍ទ្រនិច",
+	"action.toggle-paste-at-cursor.menu": "បិទភ្ជាប់នៅទស្សន៍ទ្រនិច",
+	"action.toggle-reduce-motion": "បិទ/បើក កាត់បន្ថយចលនា",
+	"action.toggle-reduce-motion.menu": "កាត់បន្ថយចលនា",
+	"action.toggle-snap-mode": "បិទ/បើក ខ្ទាស់ជានិច្ច",
+	"action.toggle-snap-mode.menu": "ខ្ទាស់ជានិច្ច",
+	"action.toggle-tool-lock": "បិទបើកការចាក់សោឧបករណ៍",
+	"action.toggle-tool-lock.menu": "ឧបករណ៍ចាក់សោ",
+	"action.toggle-trackpad": "Trackpad",
+	"action.toggle-transparent": "បិទបើកផ្ទៃខាងក្រោយថ្លា",
+	"action.toggle-transparent.context-menu": "តម្លាភាព",
+	"action.toggle-transparent.menu": "តម្លាភាព",
+	"action.toggle-wrap-mode": "បិទ/បើក ជ្រើសរើសនៅលើរុំ",
+	"action.toggle-wrap-mode.menu": "ជ្រើសរើសនៅលើរុំ",
+	"action.undo": "មិនធ្វើវិញ",
+	"action.ungroup": "បំបែកក្រុម",
+	"action.unlock-all": "ដោះសោទាំងអស់។",
+	"action.zoom-in": "ពង្រីក",
+	"action.zoom-out": "ពង្រីក",
+	"action.zoom-quick": "ពង្រីក​រហ័ស",
+	"action.zoom-to-100": "ពង្រីកដល់ 100%",
+	"action.zoom-to-fit": "ពង្រីកឱ្យសម",
+	"action.zoom-to-selection": "ពង្រីកទៅជម្រើស",
+	"actions-menu.title": "សកម្មភាព",
+	"align-style.end": "ចប់",
+	"align-style.justify": "បញ្ជាក់",
+	"align-style.middle": "កណ្តាល",
+	"align-style.start": "ចាប់ផ្តើម",
+	"app.loading": "កំពុងផ្ទុក tldraw...",
+	"arrow-kind-style.arc": "ធ្នូ",
+	"arrow-kind-style.elbow": "កែងដៃ",
+	"arrowheadEnd-style.arrow": "ព្រួញ",
+	"arrowheadEnd-style.bar": "បារ",
+	"arrowheadEnd-style.diamond": "ពេជ្រ",
+	"arrowheadEnd-style.dot": "ចំណុច",
+	"arrowheadEnd-style.inverted": "បញ្ច្រាស",
+	"arrowheadEnd-style.none": "គ្មាន",
+	"arrowheadEnd-style.pipe": "បំពង់",
+	"arrowheadEnd-style.square": "ការ៉េ",
+	"arrowheadEnd-style.triangle": "ត្រីកោណ",
+	"arrowheadStart-style.arrow": "ព្រួញ",
+	"arrowheadStart-style.bar": "បារ",
+	"arrowheadStart-style.diamond": "ពេជ្រ",
+	"arrowheadStart-style.dot": "ចំណុច",
+	"arrowheadStart-style.inverted": "បញ្ច្រាស",
+	"arrowheadStart-style.none": "គ្មាន",
+	"arrowheadStart-style.pipe": "បំពង់",
+	"arrowheadStart-style.square": "ការ៉េ",
+	"arrowheadStart-style.triangle": "ត្រីកោណ",
+	"assets.files.amount-too-many": "ឯកសារច្រើនពេក",
+	"assets.files.maximum-size": "ទំហំឯកសារអតិបរមាគឺ {size}",
+	"assets.files.size-too-big": "ទំហំឯកសារធំពេក",
+	"assets.files.type-not-allowed": "ប្រភេទឯកសារមិនត្រូវបានអនុញ្ញាតទេ។",
+	"assets.files.upload-failed": "ការបង្ហោះបានបរាជ័យ",
+	"assets.url.failed": "មិនអាចផ្ទុកការមើល URL ជាមុនបានទេ។",
+	"color-style.black": "ខ្មៅ",
+	"color-style.blue": "ខៀវ",
+	"color-style.green": "បៃតង",
+	"color-style.grey": "ប្រផេះ",
+	"color-style.light-blue": "ខៀវស្រាល",
+	"color-style.light-green": "បៃតងស្រាល",
+	"color-style.light-red": "ក្រហមស្រាល",
+	"color-style.light-violet": "ពណ៌ស្វាយស្រាល",
+	"color-style.orange": "ពណ៌ទឹកក្រូច",
+	"color-style.red": "ក្រហម",
+	"color-style.violet": "វីយ៉ូឡែត",
+	"color-style.white": "ស",
+	"color-style.yellow": "លឿង",
+	"context-menu.arrange": "រៀបចំ",
+	"context-menu.copy-as": "ចម្លងជា",
+	"context-menu.edit": "កែសម្រួល",
+	"context-menu.export-all-as": "នាំចេញទាំងអស់ជា",
+	"context-menu.export-as": "នាំចេញជា",
+	"context-menu.move-to-page": "ផ្លាស់ទីទៅទំព័រ",
+	"context-menu.reorder": "តម្រៀបឡើងវិញ",
+	"context-menu.title": "ម៉ឺនុយបរិបទ",
+	"context.pages.new-page": "ទំព័រថ្មី។",
+	"cursor-chat.type-to-chat": "វាយបញ្ចូលដើម្បីជជែក...",
+	"dash-style.dashed": "ដាច់ៗ",
+	"dash-style.dotted": "ចំនុច",
+	"dash-style.draw": "គូរ",
+	"dash-style.solid": "រឹង",
+	"document-name-menu.copy-link": "ចម្លងតំណ",
+	"document.default-name": "គ្មានចំណងជើង",
+	"edit-link-dialog.cancel": "បោះបង់",
+	"edit-link-dialog.clear": "ច្បាស់",
+	"edit-link-dialog.detail": "តំណភ្ជាប់នឹងបើកនៅក្នុងផ្ទាំងថ្មី។",
+	"edit-link-dialog.external-link": "តំណភ្ជាប់ខាងក្រៅ",
+	"edit-link-dialog.invalid-url": "តំណត្រូវតែជា URL ត្រឹមត្រូវ។",
+	"edit-link-dialog.save": "បន្ត",
+	"edit-link-dialog.title": "កែសម្រួលតំណ",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "ត្រឡប់មកវិញ",
+	"embed-dialog.cancel": "បោះបង់",
+	"embed-dialog.create": "បង្កើត",
+	"embed-dialog.instruction": "បិទភ្ជាប់ក្នុង URL របស់គេហទំព័រដើម្បីបង្កើតការបង្កប់។",
+	"embed-dialog.invalid-url": "យើងមិនអាចបង្កើតការបង្កប់ពី URL នោះបានទេ។",
+	"embed-dialog.title": "បង្កើតការបង្កប់",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "បោះបង់",
+	"file-system.confirm-clear.continue": "បន្ត",
+	"file-system.confirm-clear.description": "ការបង្កើតគម្រោងថ្មីនឹងសម្អាតគម្រោងបច្ចុប្បន្នរបស់អ្នក ហើយរាល់ការផ្លាស់ប្តូរដែលមិនបានរក្សាទុកនឹងត្រូវបាត់បង់។ តើអ្នកប្រាកដថាចង់បន្តទេ?",
+	"file-system.confirm-clear.dont-show-again": "កុំសួរម្តងទៀត",
+	"file-system.confirm-clear.title": "សម្អាតគម្រោងបច្ចុប្បន្ន?",
+	"file-system.confirm-open.cancel": "បោះបង់",
+	"file-system.confirm-open.description": "ការបើកឯកសារនឹងជំនួសគម្រោងបច្ចុប្បន្នរបស់អ្នក ហើយការផ្លាស់ប្តូរដែលមិនបានរក្សាទុកនឹងត្រូវបាត់បង់។ តើអ្នកប្រាកដថាចង់បន្តទេ?",
+	"file-system.confirm-open.dont-show-again": "កុំសួរម្តងទៀត",
+	"file-system.confirm-open.open": "បើកឯកសារ",
+	"file-system.confirm-open.title": "សរសេរជាន់លើគម្រោងបច្ចុប្បន្ន?",
+	"file-system.file-open-error.file-format-version-too-new": "ឯកសារដែលអ្នកបានព្យាយាមបើកគឺមកពីកំណែថ្មីនៃ tldraw ។ សូមផ្ទុកទំព័រឡើងវិញ ហើយព្យាយាមម្តងទៀត។",
+	"file-system.file-open-error.generic-corrupted-file": "ឯកសារដែលអ្នកបានព្យាយាមបើកគឺខូច។",
+	"file-system.file-open-error.not-a-tldraw-file": "ឯកសារដែលអ្នកបានព្យាយាមបើកមើលទៅមិនដូចឯកសារ tldraw ទេ។",
+	"file-system.file-open-error.title": "មិនអាចបើកឯកសារបានទេ។",
+	"file-system.shared-document-file-open-error.description": "ការបើកឯកសារពីគម្រោងដែលបានចែករំលែកមិនត្រូវបានគាំទ្រទេ។",
+	"file-system.shared-document-file-open-error.title": "មិនអាចបើកឯកសារបានទេ។",
+	"fill-style.fill": "បំពេញ",
+	"fill-style.lined-fill": "ការបំពេញដោយបន្ទាត់",
+	"fill-style.none": "គ្មាន",
+	"fill-style.pattern": "លំនាំ",
+	"fill-style.semi": "ពាក់កណ្តាល",
+	"fill-style.solid": "រឹង",
+	"focus-mode.toggle-focus-mode": "បិទ/បើក​មុខងារ​ផ្ដោត",
+	"font-style.draw": "គូរ",
+	"font-style.mono": "មនោ",
+	"font-style.sans": "សាន់",
+	"font-style.serif": "សឺរីហ្វ",
+	"geo-style.arrow-down": "ព្រួញចុះក្រោម",
+	"geo-style.arrow-left": "ព្រួញទៅឆ្វេង",
+	"geo-style.arrow-right": "ព្រួញស្តាំ",
+	"geo-style.arrow-up": "ព្រួញឡើងលើ",
+	"geo-style.check-box": "ប្រអប់ធីក",
+	"geo-style.cloud": "ពពក",
+	"geo-style.diamond": "ពេជ្រ",
+	"geo-style.ellipse": "ពងក្រពើ",
+	"geo-style.heart": "បេះដូង",
+	"geo-style.hexagon": "ឆកោន",
+	"geo-style.octagon": "ប្រាំបី",
+	"geo-style.oval": "រាងពងក្រពើ",
+	"geo-style.pentagon": "មន្ទីរបញ្ចកោណ",
+	"geo-style.rectangle": "ចតុកោណ",
+	"geo-style.rhombus": "ផ្ការំដួល",
+	"geo-style.rhombus-2": "Rhombus បានចាកចេញ",
+	"geo-style.star": "តារា",
+	"geo-style.trapezoid": "រាងចតុកោណ",
+	"geo-style.triangle": "ត្រីកោណ",
+	"geo-style.x-box": "ប្រអប់ X",
+	"handle.crop.bottom": "ច្រូតបាត",
+	"handle.crop.bottom-left": "ច្រឹបបាតខាងឆ្វេង",
+	"handle.crop.bottom-right": "ច្រឹបខាងស្តាំខាងក្រោម",
+	"handle.crop.left": "ច្រឹបខាងឆ្វេង",
+	"handle.crop.right": "ច្រឹបត្រឹមត្រូវ។",
+	"handle.crop.top": "កំពូលដំណាំ",
+	"handle.crop.top-left": "កាត់ផ្នែកខាងលើខាងឆ្វេង",
+	"handle.crop.top-right": "កាត់ផ្នែកខាងលើខាងស្តាំ",
+	"handle.resize-bottom": "ប្តូរទំហំបាត",
+	"handle.resize-bottom-left": "ប្តូរទំហំបាតខាងឆ្វេង",
+	"handle.resize-bottom-right": "ប្ដូរ​ទំហំ​បាត​ស្ដាំ",
+	"handle.resize-left": "ប្តូរទំហំខាងឆ្វេង",
+	"handle.resize-right": "ប្តូរទំហំត្រឹមត្រូវ។",
+	"handle.resize-top": "ប្តូរទំហំផ្នែកខាងលើ",
+	"handle.resize-top-left": "ប្តូរទំហំផ្នែកខាងលើខាងឆ្វេង",
+	"handle.resize-top-right": "ប្តូរទំហំខាងស្តាំខាងលើ",
+	"handle.rotate.bottom_left_rotate": "បង្វិលបាតឆ្វេង",
+	"handle.rotate.bottom_right_rotate": "បង្វិល​បាត​ស្តាំ",
+	"handle.rotate.mobile_rotate": "បង្វិល",
+	"handle.rotate.top_left_rotate": "បង្វិលកំពូលឆ្វេង",
+	"handle.rotate.top_right_rotate": "បង្វិលស្តាំខាងលើ",
+	"help-menu.about": "អំពី",
+	"help-menu.discord": "ការមិនចុះសម្រុងគ្នា។",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "នាំចូលឯកសារ...",
+	"help-menu.keyboard-shortcuts": "ផ្លូវកាត់ក្តារចុច",
+	"help-menu.privacy": "គោលការណ៍ឯកជនភាព",
+	"help-menu.terms": "ល័ក្ខខ័ណ្ឌនៃសេវាកម្ម",
+	"help-menu.title": "ជំនួយ និងធនធាន",
+	"help-menu.twitter": "Twitter",
+	"menu.accessibility": "ភាពងាយស្រួល",
+	"menu.color-theme": "ស្បែកពណ៌",
+	"menu.copy-as": "ចម្លងជា",
+	"menu.edit": "កែសម្រួល",
+	"menu.export-as": "នាំចេញជា",
+	"menu.file": "ឯកសារ",
+	"menu.input-device": "ឧបករណ៍បញ្ចូល",
+	"menu.language": "ភាសា",
+	"menu.preferences": "ចំណូលចិត្ត",
+	"menu.theme": "ប្រធានបទ",
+	"menu.title": "ម៉ឺនុយ",
+	"menu.view": "មើល",
+	"navigation-zone.minimap": "ផែនទីតូច",
+	"navigation-zone.title": "ការរុករក",
+	"navigation-zone.toggle-minimap": "បិទ/បើក​ផែនទី​តូច",
+	"navigation-zone.zoom": "ពង្រីក",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "បង្កើតទំព័រថ្មី។",
+	"page-menu.edit-done": "រួចរាល់",
+	"page-menu.edit-start": "កែសម្រួល",
+	"page-menu.go-to-page": "ចូលទៅកាន់ទំព័រ",
+	"page-menu.new-page-initial-name": "ទំព័រ 1",
+	"page-menu.submenu.delete": "លុប",
+	"page-menu.submenu.duplicate-page": "ស្ទួន",
+	"page-menu.submenu.move-down": "ផ្លាស់ទីចុះក្រោម",
+	"page-menu.submenu.move-up": "ផ្លាស់ទីឡើងលើ",
+	"page-menu.submenu.rename": "ប្តូរឈ្មោះ",
+	"page-menu.submenu.title": "ម៉ឺនុយ",
+	"page-menu.title": "ទំព័រ",
+	"people-menu.anonymous-user": "អ្នកប្រើប្រាស់ថ្មី។",
+	"people-menu.avatar-color": "ពណ៌រូបតំណាង",
+	"people-menu.change-color": "ផ្លាស់ប្តូរពណ៌",
+	"people-menu.change-name": "ប្តូរឈ្មោះ",
+	"people-menu.follow": "ធ្វើតាម",
+	"people-menu.following": "កំពុងតាម",
+	"people-menu.invite": "អញ្ជើញអ្នកដទៃ",
+	"people-menu.leading": "កំពុងតាមអ្នក។",
+	"people-menu.title": "មនុស្ស",
+	"people-menu.user": "(អ្នក)",
+	"share-menu.copied": "ចម្លងតំណ!",
+	"share-menu.copy-link": "ចម្លងតំណ",
+	"share-menu.copy-link-note": "អ្នកដែលមានតំណនឹងអាចមើល និងកែសម្រួលគម្រោងនេះបាន។",
+	"share-menu.copy-readonly-link": "ចម្លងតំណបានតែអាន",
+	"share-menu.copy-readonly-link-note": "អ្នកដែលមានតំណនឹងអាចមើល (ប៉ុន្តែមិនកែសម្រួល) គម្រោងនេះ។",
+	"share-menu.create-snapshot-link": "បង្កើតតំណភ្ជាប់រូបថត",
+	"share-menu.creating-project": "កំពុងបង្កើតគម្រោងថ្មី...",
+	"share-menu.fork-note": "បង្កើតគម្រោងចែករំលែកថ្មីមួយដោយផ្អែកលើរូបថតនេះ។",
+	"share-menu.offline-note": "ការចែករំលែកគម្រោងនេះនឹងបង្កើតច្បាប់ចម្លងផ្ទាល់ដែលបង្ហោះនៅ URL ថ្មី។ អ្នកអាចចែករំលែក URL ជាមួយមនុស្សរហូតដល់សាមសិបនាក់ផ្សេងទៀត ដើម្បីមើល និងកែសម្រួលគម្រោងជាមួយគ្នា។",
+	"share-menu.project-too-large": "សូមអភ័យទោស គម្រោងនេះមិនអាចចែករំលែកបានទេ ដោយសារវាធំពេក។ យើងកំពុងធ្វើការលើវា!",
+	"share-menu.save-note": "ទាញយកគម្រោងនេះទៅកុំព្យូទ័ររបស់អ្នកជាឯកសារ .tldr ។",
+	"share-menu.share-project": "ចែករំលែកគម្រោងនេះ។",
+	"share-menu.snapshot-link-note": "ចាប់យក និងចែករំលែកគម្រោងនេះជាតំណភ្ជាប់រូបថតដែលបានអានតែប៉ុណ្ណោះ។",
+	"share-menu.title": "ចែករំលែក",
+	"share-menu.upload-failed": "សូមអភ័យទោស យើងមិនអាចបង្ហោះគម្រោងរបស់អ្នកបានទេនៅពេលនេះ។ សូមព្យាយាមម្តងទៀត ឬប្រាប់យើងប្រសិនបើបញ្ហានៅតែបន្តកើតមាន។",
+	"sharing.confirm-leave.cancel": "បោះបង់",
+	"sharing.confirm-leave.description": "តើអ្នកប្រាកដថាចង់ចាកចេញពីគម្រោងដែលបានចែករំលែកនេះទេ? អ្នកអាចត្រឡប់ទៅវាវិញដោយរុករកទៅ URL របស់វា។",
+	"sharing.confirm-leave.dont-show-again": "កុំសួរម្តងទៀត",
+	"sharing.confirm-leave.leave": "ចាកចេញ",
+	"sharing.confirm-leave.title": "ចាកចេញពីគម្រោងបច្ចុប្បន្ន?",
+	"shortcuts-dialog.a11y": "ភាពងាយស្រួល",
+	"shortcuts-dialog.collaboration": "កិច្ចសហការ",
+	"shortcuts-dialog.edit": "កែសម្រួល",
+	"shortcuts-dialog.file": "ឯកសារ",
+	"shortcuts-dialog.preferences": "ចំណូលចិត្ត",
+	"shortcuts-dialog.text-formatting": "ការធ្វើទ្រង់ទ្រាយអត្ថបទ",
+	"shortcuts-dialog.title": "ផ្លូវកាត់ក្តារចុច",
+	"shortcuts-dialog.tools": "ឧបករណ៍",
+	"shortcuts-dialog.transform": "ប្លែង",
+	"shortcuts-dialog.view": "មើល",
+	"size-style.l": "ធំ",
+	"size-style.m": "មធ្យម",
+	"size-style.s": "តូច",
+	"size-style.xl": "ធំបន្ថែម",
+	"spline-style.cubic": "គូប",
+	"spline-style.line": "បន្ទាត់",
+	"status.offline": "ក្រៅបណ្តាញ",
+	"style-panel.align": "តម្រឹម",
+	"style-panel.arrow-kind": "បន្ទាត់",
+	"style-panel.arrowhead-end": "ចប់",
+	"style-panel.arrowhead-start": "ចាប់ផ្តើម",
+	"style-panel.arrowheads": "ក្បាលព្រួញ",
+	"style-panel.color": "ពណ៌",
+	"style-panel.dash": "សញ្ញា",
+	"style-panel.fill": "បំពេញ",
+	"style-panel.font": "ពុម្ពអក្សរ",
+	"style-panel.geo": "រាង",
+	"style-panel.label-align": "តម្រឹមស្លាក",
+	"style-panel.mixed": "លាយ",
+	"style-panel.opacity": "ភាពស្រអាប់",
+	"style-panel.position": "មុខតំណែង",
+	"style-panel.selected": "បានជ្រើសរើស",
+	"style-panel.size": "ទំហំ",
+	"style-panel.spline": "Spline",
+	"style-panel.title": "រចនាប័ទ្ម",
+	"style-panel.vertical-align": "តម្រឹមបញ្ឈរ",
+	"theme.dark": "ងងឹត",
+	"theme.light": "ពន្លឺ",
+	"theme.system": "ប្រព័ន្ធ",
+	"toast.close": "បិទ",
+	"toast.error": "កំហុស",
+	"toast.error.copy-fail.desc": "មិនអាចចម្លងរូបភាពបានទេ។",
+	"toast.error.copy-fail.title": "ច្បាប់ចម្លងបរាជ័យ",
+	"toast.error.export-fail.desc": "បានបរាជ័យក្នុងការនាំចេញរូបភាព",
+	"toast.error.export-fail.title": "ការនាំចេញបរាជ័យ",
+	"toast.info": "ព័ត៌មាន",
+	"toast.success": "ជោគជ័យ",
+	"toast.warning": "ការព្រមាន",
+	"tool-panel.more": "ច្រើនទៀត",
+	"tool-panel.title": "ឧបករណ៍",
+	"tool.arrow": "ព្រួញ",
+	"tool.arrow-down": "ព្រួញចុះក្រោម",
+	"tool.arrow-left": "ព្រួញទៅឆ្វេង",
+	"tool.arrow-right": "ព្រួញស្តាំ",
+	"tool.arrow-up": "ព្រួញឡើងលើ",
+	"tool.aspect-ratio": "សមាមាត្រ",
+	"tool.aspect-ratio.circle": "រង្វង់ (1: 1)",
+	"tool.aspect-ratio.landscape": "ទេសភាព (4:3)",
+	"tool.aspect-ratio.original": "ដើម",
+	"tool.aspect-ratio.portrait": "រូបបញ្ឈរ (3:4)",
+	"tool.aspect-ratio.square": "ការេ (1:1)",
+	"tool.aspect-ratio.wide": "ទទឹង (១៦:៩)",
+	"tool.bookmark": "ចំណាំ",
+	"tool.check-box": "ប្រអប់ធីក",
+	"tool.cloud": "ពពក",
+	"tool.diamond": "ពេជ្រ",
+	"tool.draw": "គូរ",
+	"tool.ellipse": "ពងក្រពើ",
+	"tool.embed": "បង្កប់",
+	"tool.eraser": "ជ័រលុប",
+	"tool.flip-horz": "ត្រឡប់ផ្ដេក",
+	"tool.flip-vert": "ត្រឡប់បញ្ឈរ",
+	"tool.frame": "ស៊ុម",
+	"tool.hand": "ដៃ",
+	"tool.heart": "បេះដូង",
+	"tool.hexagon": "ឆកោន",
+	"tool.highlight": "បន្លិច",
+	"tool.image-crop": "រូបភាពច្រឹប",
+	"tool.image-crop-confirm": "បញ្ជាក់",
+	"tool.image-toolbar-title": "ឧបករណ៍រូបភាព",
+	"tool.image-zoom": "ពង្រីក",
+	"tool.laser": "ឡាស៊ែរ",
+	"tool.line": "បន្ទាត់",
+	"tool.media": "ប្រព័ន្ធផ្សព្វផ្សាយ",
+	"tool.media-alt-text": "អត្ថបទជំនួស",
+	"tool.media-alt-text-confirm": "បញ្ជាក់",
+	"tool.media-alt-text-desc": "ផ្តល់ការពិពណ៌នា…",
+	"tool.note": "ចំណាំ",
+	"tool.octagon": "ប្រាំបី",
+	"tool.oval": "រាងពងក្រពើ",
+	"tool.pentagon": "មន្ទីរបញ្ចកោណ",
+	"tool.pointer-down": "ចង្អុលចុះក្រោម",
+	"tool.rectangle": "ចតុកោណ",
+	"tool.replace-media": "ជំនួសប្រព័ន្ធផ្សព្វផ្សាយ",
+	"tool.rhombus": "ផ្ការំដួល",
+	"tool.rich-text-bold": "ដិត",
+	"tool.rich-text-bulletList": "បញ្ជីចំណុច",
+	"tool.rich-text-code": "កូដ",
+	"tool.rich-text-header": "បឋមកថា",
+	"tool.rich-text-highlight": "បន្លិច",
+	"tool.rich-text-italic": "ទ្រេត",
+	"tool.rich-text-link": "តំណភ្ជាប់",
+	"tool.rich-text-link-remove": "លុបតំណ",
+	"tool.rich-text-link-visit": "ចូលទៅកាន់តំណ",
+	"tool.rich-text-orderedList": "បញ្ជីបញ្ជាទិញ",
+	"tool.rich-text-strikethrough": "ការវាយឆ្មក់",
+	"tool.rich-text-toolbar-title": "ការធ្វើទ្រង់ទ្រាយអត្ថបទ",
+	"tool.rotate-cw": "បង្វិល",
+	"tool.select": "ជ្រើសរើស",
+	"tool.star": "តារា",
+	"tool.text": "អត្ថបទ",
+	"tool.trapezoid": "រាងចតុកោណ",
+	"tool.triangle": "ត្រីកោណ",
+	"tool.x-box": "ប្រអប់ X",
+	"ui.checked": "បានពិនិត្យ",
+	"ui.close": "បិទ",
+	"ui.unchecked": "មិនបានធីក",
+	"verticalAlign-style.end": "បាត",
+	"verticalAlign-style.middle": "កណ្តាល",
+	"verticalAlign-style.start": "កំពូល",
+	"vscode.file-open.backup": "បម្រុងទុក",
+	"vscode.file-open.backup-failed": "ការបម្រុងទុកបានបរាជ័យ៖ នេះមិនមែនជាឯកសារ .tldr ទេ។",
+	"vscode.file-open.backup-saved": "ការបម្រុងទុកត្រូវបានរក្សាទុក",
+	"vscode.file-open.desc": "ឯកសារនេះត្រូវបានបង្កើតឡើងជាមួយនឹងកំណែមុនរបស់ tldraw ។ តើអ្នកចង់អាប់ដេតវាដើម្បីដំណើរការជាមួយកំណែថ្មីទេ?",
+	"vscode.file-open.dont-show-again": "កុំសួរម្តងទៀត",
+	"vscode.file-open.open": "បន្ត"
+}
diff --git a/web/hermes-dist/translations/kn.json b/web/hermes-dist/translations/kn.json
new file mode 100644
index 0000000..77b0e24
--- /dev/null
+++ b/web/hermes-dist/translations/kn.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "ಆಕಾರ ಶೈಲಿಗಳನ್ನು ಹೊಂದಿಸಿ",
+	"a11y.enlarge-shape": "ಆಕಾರವನ್ನು ದೊಡ್ಡದಾಗಿಸಿ",
+	"a11y.enter-leave-container": "ಪಾತ್ರೆಯನ್ನು ನಮೂದಿಸಿ/ಬಿಡಿ",
+	"a11y.move-shape": "ಆಕಾರವನ್ನು ಸರಿಸಿ",
+	"a11y.move-shape-faster": "ಆಕಾರವನ್ನು ವೇಗವಾಗಿ ಸರಿಸಿ",
+	"a11y.multiple-shapes": "{num} ಆಕಾರಗಳನ್ನು ಆಯ್ಕೆ ಮಾಡಲಾಗಿದೆ",
+	"a11y.open-context-menu": "ಸಂದರ್ಭ ಮೆನು ತೆರೆಯಿರಿ",
+	"a11y.open-keyboard-shortcuts": "ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್‌ಕಟ್‌ಗಳನ್ನು ತೆರೆಯಿರಿ",
+	"a11y.pan-camera": "ಕ್ಯಾಮೆರಾವನ್ನು ಪ್ಯಾನ್ ಮಾಡಿ",
+	"a11y.repeat-shape": "ಆಕಾರವನ್ನು ಪುನರಾವರ್ತಿಸಿ",
+	"a11y.rotate-shape-ccw": "ಆಕಾರವನ್ನು ಅಪ್ರದಕ್ಷಿಣಾಕಾರವಾಗಿ ತಿರುಗಿಸಿ",
+	"a11y.rotate-shape-ccw-fine": "ಆಕಾರವನ್ನು ಅಪ್ರದಕ್ಷಿಣಾಕಾರವಾಗಿ ತಿರುಗಿಸಿ (ಸೂಕ್ಷ್ಮ)",
+	"a11y.rotate-shape-cw": "ಆಕಾರವನ್ನು ಪ್ರದಕ್ಷಿಣಾಕಾರವಾಗಿ ತಿರುಗಿಸಿ",
+	"a11y.rotate-shape-cw-fine": "ಆಕಾರವನ್ನು ಪ್ರದಕ್ಷಿಣಾಕಾರವಾಗಿ ತಿರುಗಿಸಿ (ಸೂಕ್ಷ್ಮ)",
+	"a11y.select-shape": "ಮುಂದಿನ ಆಕಾರವನ್ನು ಆಯ್ಕೆಮಾಡಿ",
+	"a11y.select-shape-direction": "ಆಕಾರವನ್ನು ದಿಕ್ಕಿನಲ್ಲಿ ಆಯ್ಕೆಮಾಡಿ",
+	"a11y.shape-image": "ಚಿತ್ರ",
+	"a11y.shape-index": "{total} ರಲ್ಲಿ {num}",
+	"a11y.shape-video": "ವೀಡಿಯೊ",
+	"a11y.shrink-shape": "ಆಕಾರ ಕುಗ್ಗಿಸು",
+	"a11y.skip-to-main-content": "ಗಮನವನ್ನು ಕ್ಯಾನ್ವಾಸ್‌ಗೆ ಸರಿಸಿ",
+	"a11y.status": "ಸ್ಥಿತಿ",
+	"action.align-bottom": "ಕೆಳಭಾಗವನ್ನು ಜೋಡಿಸಿ",
+	"action.align-center-horizontal": "ಅಡ್ಡಲಾಗಿ ಜೋಡಿಸಿ",
+	"action.align-center-horizontal.short": "ಅಲೈನ್ ಎಚ್",
+	"action.align-center-vertical": "ಲಂಬವಾಗಿ ಜೋಡಿಸಿ",
+	"action.align-center-vertical.short": "ಅಲೈನ್ ವಿ",
+	"action.align-left": "ಎಡಕ್ಕೆ ಜೋಡಿಸಿ",
+	"action.align-right": "ಬಲಕ್ಕೆ ಹೊಂದಿಸಿ",
+	"action.align-top": "ಮೇಲ್ಭಾಗವನ್ನು ಜೋಡಿಸಿ",
+	"action.back-to-content": "ವಿಷಯಕ್ಕೆ ಹಿಂತಿರುಗಿ",
+	"action.bring-forward": "ಮುಂದೆ ತನ್ನಿ",
+	"action.bring-to-front": "ಮುಂದೆ ತನ್ನಿ",
+	"action.convert-to-bookmark": "ಬುಕ್‌ಮಾರ್ಕ್‌ಗೆ ಪರಿವರ್ತಿಸಿ",
+	"action.convert-to-embed": "ಎಂಬೆಡ್‌ಗೆ ಪರಿವರ್ತಿಸಿ",
+	"action.copy": "ನಕಲು ಮಾಡಿ",
+	"action.copy-as-json": "JSON ಆಗಿ ನಕಲಿಸಿ",
+	"action.copy-as-json.short": "ಜೆಎಸ್ಒಎನ್",
+	"action.copy-as-png": "PNG ನಂತೆ ನಕಲಿಸಿ",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "SVG ನಂತೆ ನಕಲಿಸಿ",
+	"action.copy-as-svg.short": "ಎಸ್.ವಿ.ಜಿ",
+	"action.cut": "ಕತ್ತರಿಸಿ",
+	"action.delete": "ಅಳಿಸಿ",
+	"action.distribute-horizontal": "ಅಡ್ಡಲಾಗಿ ವಿತರಿಸಿ",
+	"action.distribute-horizontal.short": "ಎಚ್ ವಿತರಿಸಿ",
+	"action.distribute-vertical": "ಲಂಬವಾಗಿ ವಿತರಿಸಿ",
+	"action.distribute-vertical.short": "ವಿ ವಿತರಿಸಿ",
+	"action.download-original": "ಮೂಲವನ್ನು ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ",
+	"action.duplicate": "ನಕಲು",
+	"action.edit-link": "ಲಿಂಕ್ ಸಂಪಾದಿಸಿ",
+	"action.enhanced-a11y-mode": "ವರ್ಧಿತ ಪ್ರವೇಶಿಸುವಿಕೆ ಮೋಡ್ ಅನ್ನು ಟಾಗಲ್ ಮಾಡಿ",
+	"action.enhanced-a11y-mode.menu": "ವರ್ಧಿತ ಪ್ರವೇಶಿಸುವಿಕೆ ಮೋಡ್",
+	"action.exit-pen-mode": "ಪೆನ್ ಮೋಡ್‌ನಿಂದ ನಿರ್ಗಮಿಸಿ",
+	"action.export-all-as-png": "ಎಲ್ಲವನ್ನೂ PNG ಆಗಿ ರಫ್ತು ಮಾಡಿ",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "ಎಲ್ಲವನ್ನೂ SVG ಆಗಿ ರಫ್ತು ಮಾಡಿ",
+	"action.export-all-as-svg.short": "ಎಸ್.ವಿ.ಜಿ",
+	"action.export-as-png": "PNG ಆಗಿ ರಫ್ತು ಮಾಡಿ",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "SVG ಆಗಿ ರಫ್ತು ಮಾಡಿ",
+	"action.export-as-svg.short": "ಎಸ್.ವಿ.ಜಿ",
+	"action.fit-frame-to-content": "ವಿಷಯಕ್ಕೆ ಹೊಂದಿಕೊಳ್ಳಿ",
+	"action.flatten-to-image": "ಚಪ್ಪಟೆಗೊಳಿಸು",
+	"action.flip-horizontal": "ಅಡ್ಡಲಾಗಿ ಫ್ಲಿಪ್ ಮಾಡಿ",
+	"action.flip-horizontal.short": "ಫ್ಲಿಪ್ ಎಚ್",
+	"action.flip-vertical": "ಲಂಬವಾಗಿ ಫ್ಲಿಪ್ ಮಾಡಿ",
+	"action.flip-vertical.short": "ಫ್ಲಿಪ್ ವಿ",
+	"action.fork-project": "ಈ ಯೋಜನೆಯನ್ನು ಫೋರ್ಕ್ ಮಾಡಿ",
+	"action.fork-project-on-tldraw": "tldra ನಲ್ಲಿ ಫೋರ್ಕ್ ಪ್ರಾಜೆಕ್ಟ್",
+	"action.group": "ಗುಂಪು",
+	"action.insert-embed": "ಎಂಬೆಡ್ ಅನ್ನು ಸೇರಿಸಿ",
+	"action.insert-media": "ಮಾಧ್ಯಮವನ್ನು ಅಪ್‌ಲೋಡ್ ಮಾಡಿ",
+	"action.leave-shared-project": "ಹಂಚಿದ ಯೋಜನೆಯನ್ನು ತೊರೆಯಿರಿ",
+	"action.new-project": "ಹೊಸ ಯೋಜನೆ",
+	"action.new-shared-project": "ಹೊಸ ಹಂಚಿಕೆಯ ಯೋಜನೆ",
+	"action.open-cursor-chat": "ಕರ್ಸರ್ ಚಾಟ್",
+	"action.open-embed-link": "ಲಿಂಕ್ ತೆರೆಯಿರಿ",
+	"action.open-file": "ಫೈಲ್ ತೆರೆಯಿರಿ",
+	"action.open-kbd-shortcuts": "ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್‌ಕಟ್‌ಗಳನ್ನು ತೆರೆಯಿರಿ",
+	"action.pack": "ಪ್ಯಾಕ್ ಮಾಡಿ",
+	"action.paste": "ಅಂಟಿಸಿ",
+	"action.paste-error-description": "ಕ್ಲಿಪ್‌ಬೋರ್ಡ್ ಅನುಮತಿಗಳನ್ನು ಕಳೆದುಕೊಂಡಿರುವ ಕಾರಣ ಅಂಟಿಸಲು ಸಾಧ್ಯವಾಗಲಿಲ್ಲ. ದಯವಿಟ್ಟು ಅನುಮತಿಗಳನ್ನು ಸಕ್ರಿಯಗೊಳಿಸಿ ಮತ್ತು ಮತ್ತೆ ಪ್ರಯತ್ನಿಸಿ.",
+	"action.paste-error-title": "ಅಂಟಿಸಲು ವಿಫಲವಾಗಿದೆ",
+	"action.print": "ಮುದ್ರಿಸು",
+	"action.redo": "ಮತ್ತೆಮಾಡು",
+	"action.remove-frame": "ಫ್ರೇಮ್ ತೆಗೆದುಹಾಕಿ",
+	"action.rename": "ಮರುಹೆಸರಿಸು",
+	"action.rotate-ccw": "ಅಪ್ರದಕ್ಷಿಣಾಕಾರವಾಗಿ ತಿರುಗಿಸಿ",
+	"action.rotate-cw": "ಪ್ರದಕ್ಷಿಣಾಕಾರವಾಗಿ ತಿರುಗಿಸಿ",
+	"action.save-copy": "ನಕಲನ್ನು ಉಳಿಸಿ",
+	"action.select-all": "ಎಲ್ಲವನ್ನೂ ಆಯ್ಕೆಮಾಡಿ",
+	"action.select-none": "ಯಾವುದನ್ನೂ ಆಯ್ಕೆ ಮಾಡಬೇಡಿ",
+	"action.select-zoom-tool": "ಜೂಮ್ ಮಾಡಿ",
+	"action.send-backward": "ಹಿಂದಕ್ಕೆ ಕಳುಹಿಸಿ",
+	"action.send-to-back": "ಹಿಂದಕ್ಕೆ ಕಳುಹಿಸಿ",
+	"action.share-project": "ಈ ಯೋಜನೆಯನ್ನು ಹಂಚಿಕೊಳ್ಳಿ",
+	"action.stack-horizontal": "ಅಡ್ಡಲಾಗಿ ಸ್ಟ್ಯಾಕ್ ಮಾಡಿ",
+	"action.stack-horizontal.short": "ಸ್ಟಾಕ್ ಎಚ್",
+	"action.stack-vertical": "ಲಂಬವಾಗಿ ಸ್ಟ್ಯಾಕ್ ಮಾಡಿ",
+	"action.stack-vertical.short": "ಸ್ಟಾಕ್ ವಿ",
+	"action.stop-following": "ಅನುಸರಿಸುವುದನ್ನು ನಿಲ್ಲಿಸಿ",
+	"action.stretch-horizontal": "ಅಡ್ಡಲಾಗಿ ಹಿಗ್ಗಿಸಿ",
+	"action.stretch-horizontal.short": "ಸ್ಟ್ರೆಚ್ ಎಚ್",
+	"action.stretch-vertical": "ಲಂಬವಾಗಿ ವಿಸ್ತರಿಸಿ",
+	"action.stretch-vertical.short": "ಸ್ಟ್ರೆಚ್ ವಿ",
+	"action.toggle-auto-none": "ಆಟೋ",
+	"action.toggle-auto-pan": "ಆಟೋ (ಟ್ರ್ಯಾಕ್‌ಪ್ಯಾಡ್)",
+	"action.toggle-auto-size": "ಸ್ವಯಂ ಗಾತ್ರವನ್ನು ಟಾಗಲ್ ಮಾಡಿ",
+	"action.toggle-auto-zoom": "ಆಟೋ (ಮೌಸ್)",
+	"action.toggle-dark-mode": "ಡಾರ್ಕ್ ಮೋಡ್ ಅನ್ನು ಟಾಗಲ್ ಮಾಡಿ",
+	"action.toggle-dark-mode.menu": "ಡಾರ್ಕ್ ಮೋಡ್",
+	"action.toggle-debug-mode": "ಡೀಬಗ್ ಮೋಡ್ ಅನ್ನು ಟಾಗಲ್ ಮಾಡಿ",
+	"action.toggle-debug-mode.menu": "ಡೀಬಗ್ ಮೋಡ್",
+	"action.toggle-dynamic-size-mode": "ಡೈನಾಮಿಕ್ ಗಾತ್ರವನ್ನು ಟಾಗಲ್ ಮಾಡಿ",
+	"action.toggle-dynamic-size-mode.menu": "ಡೈನಾಮಿಕ್ ಗಾತ್ರ",
+	"action.toggle-edge-scrolling": "ಎಡ್ಜ್ ಸ್ಕ್ರೋಲಿಂಗ್ ಅನ್ನು ಟಾಗಲ್ ಮಾಡಿ",
+	"action.toggle-edge-scrolling.menu": "ಎಡ್ಜ್ ಸ್ಕ್ರೋಲಿಂಗ್",
+	"action.toggle-focus-mode": "ಫೋಕಸ್ ಮೋಡ್ ಅನ್ನು ಟಾಗಲ್ ಮಾಡಿ",
+	"action.toggle-focus-mode.menu": "ಫೋಕಸ್ ಮೋಡ್",
+	"action.toggle-grid": "ಗ್ರಿಡ್ ಅನ್ನು ಟಾಗಲ್ ಮಾಡಿ",
+	"action.toggle-grid.menu": "ಗ್ರಿಡ್ ತೋರಿಸಿ",
+	"action.toggle-invert-zoom": "ಇನ್ವರ್ಟ್ ಮೌಸ್ ಝೂಮ್ ಅನ್ನು ಟಾಗಲ್ ಮಾಡಿ",
+	"action.toggle-invert-zoom.menu": "ಮೌಸ್ ಜೂಮ್ ಅನ್ನು ತಿರುಗಿಸಿ",
+	"action.toggle-keyboard-shortcuts": "ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್‌ಕಟ್‌ಗಳನ್ನು ಟಾಗಲ್ ಮಾಡಿ",
+	"action.toggle-keyboard-shortcuts.menu": "ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್‌ಕಟ್‌ಗಳನ್ನು ಸಕ್ರಿಯಗೊಳಿಸಿ",
+	"action.toggle-lock": "ಲಾಕ್ / ಅನ್ಲಾಕ್",
+	"action.toggle-mouse": "ಮೌಸ್",
+	"action.toggle-paste-at-cursor": "ಕರ್ಸರ್‌ನಲ್ಲಿ ಅಂಟಿಸಿ ಟಾಗಲ್ ಮಾಡಿ",
+	"action.toggle-paste-at-cursor.menu": "ಕರ್ಸರ್‌ನಲ್ಲಿ ಅಂಟಿಸಿ",
+	"action.toggle-reduce-motion": "ಕಡಿಮೆ ಚಲನೆಯನ್ನು ಟಾಗಲ್ ಮಾಡಿ",
+	"action.toggle-reduce-motion.menu": "ಚಲನೆಯನ್ನು ಕಡಿಮೆ ಮಾಡಿ",
+	"action.toggle-snap-mode": "ಯಾವಾಗಲೂ ಸ್ನ್ಯಾಪ್ ಅನ್ನು ಟಾಗಲ್ ಮಾಡಿ",
+	"action.toggle-snap-mode.menu": "ಯಾವಾಗಲೂ ಸ್ನ್ಯಾಪ್ ಮಾಡಿ",
+	"action.toggle-tool-lock": "ಟೂಲ್ ಲಾಕ್ ಅನ್ನು ಟಾಗಲ್ ಮಾಡಿ",
+	"action.toggle-tool-lock.menu": "ಟೂಲ್ ಲಾಕ್",
+	"action.toggle-trackpad": "ಟ್ರ್ಯಾಕ್‌ಪ್ಯಾಡ್",
+	"action.toggle-transparent": "ಪಾರದರ್ಶಕ ಹಿನ್ನೆಲೆಯನ್ನು ಟಾಗಲ್ ಮಾಡಿ",
+	"action.toggle-transparent.context-menu": "ಪಾರದರ್ಶಕ",
+	"action.toggle-transparent.menu": "ಪಾರದರ್ಶಕ",
+	"action.toggle-wrap-mode": "ಸುತ್ತುವ ಮೇಲೆ ಆಯ್ಕೆಮಾಡಿ ಟಾಗಲ್ ಮಾಡಿ",
+	"action.toggle-wrap-mode.menu": "ಸುತ್ತು ಮೇಲೆ ಆಯ್ಕೆಮಾಡಿ",
+	"action.undo": "ರದ್ದುಮಾಡು",
+	"action.ungroup": "ಗುಂಪು ಮಾಡಬೇಡಿ",
+	"action.unlock-all": "ಎಲ್ಲವನ್ನೂ ಅನ್ಲಾಕ್ ಮಾಡಿ",
+	"action.zoom-in": "ಜೂಮ್ ಇನ್ ಮಾಡಿ",
+	"action.zoom-out": "ಜೂಮ್ ಔಟ್",
+	"action.zoom-quick": "ತ್ವರಿತ ಜೂಮ್",
+	"action.zoom-to-100": "100% ಗೆ ಜೂಮ್ ಮಾಡಿ",
+	"action.zoom-to-fit": "ಸರಿಹೊಂದುವಂತೆ ಜೂಮ್ ಮಾಡಿ",
+	"action.zoom-to-selection": "ಆಯ್ಕೆಗೆ ಜೂಮ್ ಮಾಡಿ",
+	"actions-menu.title": "ಕ್ರಿಯೆಗಳು",
+	"align-style.end": "ಅಂತ್ಯ",
+	"align-style.justify": "ಸಮರ್ಥಿಸಿಕೊಳ್ಳಿ",
+	"align-style.middle": "ಮಧ್ಯಮ",
+	"align-style.start": "ಪ್ರಾರಂಭಿಸಿ",
+	"app.loading": "tldraw ಲೋಡ್ ಆಗುತ್ತಿದೆ...",
+	"arrow-kind-style.arc": "ಆರ್ಕ್",
+	"arrow-kind-style.elbow": "ಮೊಣಕೈ",
+	"arrowheadEnd-style.arrow": "ಬಾಣ",
+	"arrowheadEnd-style.bar": "ಬಾರ್",
+	"arrowheadEnd-style.diamond": "ವಜ್ರ",
+	"arrowheadEnd-style.dot": "ಡಾಟ್",
+	"arrowheadEnd-style.inverted": "ತಲೆಕೆಳಗಾದ",
+	"arrowheadEnd-style.none": "ಯಾವುದೂ ಇಲ್ಲ",
+	"arrowheadEnd-style.pipe": "ಪೈಪ್",
+	"arrowheadEnd-style.square": "ಚೌಕ",
+	"arrowheadEnd-style.triangle": "ತ್ರಿಕೋನ",
+	"arrowheadStart-style.arrow": "ಬಾಣ",
+	"arrowheadStart-style.bar": "ಬಾರ್",
+	"arrowheadStart-style.diamond": "ವಜ್ರ",
+	"arrowheadStart-style.dot": "ಡಾಟ್",
+	"arrowheadStart-style.inverted": "ತಲೆಕೆಳಗಾದ",
+	"arrowheadStart-style.none": "ಯಾವುದೂ ಇಲ್ಲ",
+	"arrowheadStart-style.pipe": "ಪೈಪ್",
+	"arrowheadStart-style.square": "ಚೌಕ",
+	"arrowheadStart-style.triangle": "ತ್ರಿಕೋನ",
+	"assets.files.amount-too-many": "ತುಂಬಾ ಫೈಲ್‌ಗಳು",
+	"assets.files.maximum-size": "ಗರಿಷ್ಠ ಫೈಲ್ ಗಾತ್ರ {size}",
+	"assets.files.size-too-big": "ಫೈಲ್ ಗಾತ್ರ ತುಂಬಾ ದೊಡ್ಡದಾಗಿದೆ",
+	"assets.files.type-not-allowed": "ಫೈಲ್ ಪ್ರಕಾರವನ್ನು ಅನುಮತಿಸಲಾಗುವುದಿಲ್ಲ",
+	"assets.files.upload-failed": "ಅಪ್‌ಲೋಡ್ ವಿಫಲವಾಗಿದೆ",
+	"assets.url.failed": "URL ಪೂರ್ವವೀಕ್ಷಣೆಯನ್ನು ಲೋಡ್ ಮಾಡಲು ಸಾಧ್ಯವಾಗಲಿಲ್ಲ",
+	"color-style.black": "ಕಪ್ಪು",
+	"color-style.blue": "ನೀಲಿ",
+	"color-style.green": "ಹಸಿರು",
+	"color-style.grey": "ಬೂದು",
+	"color-style.light-blue": "ತಿಳಿ ನೀಲಿ",
+	"color-style.light-green": "ತಿಳಿ ಹಸಿರು",
+	"color-style.light-red": "ತಿಳಿ ಕೆಂಪು",
+	"color-style.light-violet": "ತಿಳಿ ನೇರಳೆ",
+	"color-style.orange": "ಕಿತ್ತಳೆ",
+	"color-style.red": "ಕೆಂಪು",
+	"color-style.violet": "ನೇರಳೆ",
+	"color-style.white": "ಬಿಳಿ",
+	"color-style.yellow": "ಹಳದಿ",
+	"context-menu.arrange": "ವ್ಯವಸ್ಥೆ ಮಾಡಿ",
+	"context-menu.copy-as": "ಅದರಂತೆ ನಕಲಿಸಿ",
+	"context-menu.edit": "ಸಂಪಾದಿಸು",
+	"context-menu.export-all-as": "ಎಲ್ಲವನ್ನೂ ರಫ್ತು ಮಾಡಿ",
+	"context-menu.export-as": "ರಫ್ತು ಮಾಡಿ",
+	"context-menu.move-to-page": "ಪುಟಕ್ಕೆ ಸರಿಸಿ",
+	"context-menu.reorder": "ಮರುಕ್ರಮಗೊಳಿಸಿ",
+	"context-menu.title": "ಸಂದರ್ಭ ಮೆನು",
+	"context.pages.new-page": "ಹೊಸ ಪುಟ",
+	"cursor-chat.type-to-chat": "ಚಾಟ್ ಮಾಡಲು ಟೈಪ್ ಮಾಡಿ...",
+	"dash-style.dashed": "ಡ್ಯಾಶ್ ಮಾಡಿದ",
+	"dash-style.dotted": "ಚುಕ್ಕೆಗಳು",
+	"dash-style.draw": "ಎಳೆಯಿರಿ",
+	"dash-style.solid": "ಘನ",
+	"document-name-menu.copy-link": "ಲಿಂಕ್ ನಕಲಿಸಿ",
+	"document.default-name": "ಶೀರ್ಷಿಕೆಯಿಲ್ಲದ",
+	"edit-link-dialog.cancel": "ರದ್ದುಮಾಡಿ",
+	"edit-link-dialog.clear": "ತೆರವುಗೊಳಿಸಿ",
+	"edit-link-dialog.detail": "ಲಿಂಕ್‌ಗಳು ಹೊಸ ಟ್ಯಾಬ್‌ನಲ್ಲಿ ತೆರೆಯುತ್ತವೆ.",
+	"edit-link-dialog.external-link": "ಬಾಹ್ಯ ಲಿಂಕ್",
+	"edit-link-dialog.invalid-url": "ಲಿಂಕ್ ಮಾನ್ಯವಾದ URL ಆಗಿರಬೇಕು.",
+	"edit-link-dialog.save": "ಮುಂದುವರಿಸಿ",
+	"edit-link-dialog.title": "ಲಿಂಕ್ ಸಂಪಾದಿಸಿ",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "ಹಿಂದೆ",
+	"embed-dialog.cancel": "ರದ್ದುಮಾಡಿ",
+	"embed-dialog.create": "ರಚಿಸಿ",
+	"embed-dialog.instruction": "ಎಂಬೆಡ್ ರಚಿಸಲು ಸೈಟ್‌ನ URL ನಲ್ಲಿ ಅಂಟಿಸಿ.",
+	"embed-dialog.invalid-url": "ಆ URL ನಿಂದ ಎಂಬೆಡ್ ರಚಿಸಲು ನಮಗೆ ಸಾಧ್ಯವಾಗಲಿಲ್ಲ.",
+	"embed-dialog.title": "ಎಂಬೆಡ್ ರಚಿಸಿ",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "ರದ್ದುಮಾಡಿ",
+	"file-system.confirm-clear.continue": "ಮುಂದುವರಿಸಿ",
+	"file-system.confirm-clear.description": "ಹೊಸ ಯೋಜನೆಯನ್ನು ರಚಿಸುವುದರಿಂದ ನಿಮ್ಮ ಪ್ರಸ್ತುತ ಪ್ರಾಜೆಕ್ಟ್ ಅನ್ನು ತೆರವುಗೊಳಿಸುತ್ತದೆ ಮತ್ತು ಯಾವುದೇ ಉಳಿಸದ ಬದಲಾವಣೆಗಳು ಕಳೆದುಹೋಗುತ್ತವೆ. ನೀವು ಮುಂದುವರಿಸಲು ಖಚಿತವಾಗಿ ಬಯಸುವಿರಾ?",
+	"file-system.confirm-clear.dont-show-again": "ಮತ್ತೆ ಕೇಳಬೇಡ",
+	"file-system.confirm-clear.title": "ಪ್ರಸ್ತುತ ಯೋಜನೆಯನ್ನು ತೆರವುಗೊಳಿಸುವುದೇ?",
+	"file-system.confirm-open.cancel": "ರದ್ದುಮಾಡಿ",
+	"file-system.confirm-open.description": "ಫೈಲ್ ತೆರೆಯುವುದರಿಂದ ನಿಮ್ಮ ಪ್ರಸ್ತುತ ಪ್ರಾಜೆಕ್ಟ್ ಅನ್ನು ಬದಲಾಯಿಸಲಾಗುತ್ತದೆ ಮತ್ತು ಯಾವುದೇ ಉಳಿಸದ ಬದಲಾವಣೆಗಳು ಕಳೆದುಹೋಗುತ್ತವೆ. ನೀವು ಮುಂದುವರಿಸಲು ಖಚಿತವಾಗಿ ಬಯಸುವಿರಾ?",
+	"file-system.confirm-open.dont-show-again": "ಮತ್ತೆ ಕೇಳಬೇಡ",
+	"file-system.confirm-open.open": "ಫೈಲ್ ತೆರೆಯಿರಿ",
+	"file-system.confirm-open.title": "ಪ್ರಸ್ತುತ ಯೋಜನೆಯನ್ನು ತಿದ್ದಿ ಬರೆಯುವುದೇ?",
+	"file-system.file-open-error.file-format-version-too-new": "ನೀವು ತೆರೆಯಲು ಪ್ರಯತ್ನಿಸಿದ ಫೈಲ್ tldra ನ ಹೊಸ ಆವೃತ್ತಿಯಿಂದ ಬಂದಿದೆ. ದಯವಿಟ್ಟು ಪುಟವನ್ನು ಮರುಲೋಡ್ ಮಾಡಿ ಮತ್ತು ಮತ್ತೆ ಪ್ರಯತ್ನಿಸಿ.",
+	"file-system.file-open-error.generic-corrupted-file": "ನೀವು ತೆರೆಯಲು ಪ್ರಯತ್ನಿಸಿದ ಫೈಲ್ ದೋಷಪೂರಿತವಾಗಿದೆ.",
+	"file-system.file-open-error.not-a-tldraw-file": "ನೀವು ತೆರೆಯಲು ಪ್ರಯತ್ನಿಸಿದ ಫೈಲ್ tldra ಫೈಲ್‌ನಂತೆ ಕಾಣುತ್ತಿಲ್ಲ.",
+	"file-system.file-open-error.title": "ಫೈಲ್ ತೆರೆಯಲು ಸಾಧ್ಯವಾಗಲಿಲ್ಲ",
+	"file-system.shared-document-file-open-error.description": "ಹಂಚಿದ ಪ್ರಾಜೆಕ್ಟ್‌ಗಳಿಂದ ಫೈಲ್‌ಗಳನ್ನು ತೆರೆಯುವುದನ್ನು ಬೆಂಬಲಿಸುವುದಿಲ್ಲ.",
+	"file-system.shared-document-file-open-error.title": "ಫೈಲ್ ತೆರೆಯಲು ಸಾಧ್ಯವಾಗಲಿಲ್ಲ",
+	"fill-style.fill": "ಭರ್ತಿ ಮಾಡಿ",
+	"fill-style.lined-fill": "ಸಾಲಿನ ಭರ್ತಿ",
+	"fill-style.none": "ಯಾವುದೂ ಇಲ್ಲ",
+	"fill-style.pattern": "ಪ್ಯಾಟರ್ನ್",
+	"fill-style.semi": "ಅರೆ",
+	"fill-style.solid": "ಘನ",
+	"focus-mode.toggle-focus-mode": "ಫೋಕಸ್ ಮೋಡ್ ಅನ್ನು ಟಾಗಲ್ ಮಾಡಿ",
+	"font-style.draw": "ಎಳೆಯಿರಿ",
+	"font-style.mono": "ಮೊನೊ",
+	"font-style.sans": "ಸಾನ್ಸ್",
+	"font-style.serif": "ಸೆರಿಫ್",
+	"geo-style.arrow-down": "ಕೆಳಗೆ ಬಾಣ",
+	"geo-style.arrow-left": "ಬಾಣ ಬಿಟ್ಟಿತು",
+	"geo-style.arrow-right": "ಬಲ ಬಾಣ",
+	"geo-style.arrow-up": "ಮೇಲಕ್ಕೆ ಬಾಣ",
+	"geo-style.check-box": "ಚೆಕ್ ಬಾಕ್ಸ್",
+	"geo-style.cloud": "ಮೋಡ",
+	"geo-style.diamond": "ವಜ್ರ",
+	"geo-style.ellipse": "ದೀರ್ಘವೃತ್ತ",
+	"geo-style.heart": "ಹೃದಯ",
+	"geo-style.hexagon": "ಷಡ್ಭುಜಾಕೃತಿ",
+	"geo-style.octagon": "ಅಷ್ಟಭುಜಾಕೃತಿ",
+	"geo-style.oval": "ಅಂಡಾಕಾರದ",
+	"geo-style.pentagon": "ಪೆಂಟಗನ್",
+	"geo-style.rectangle": "ಆಯತ",
+	"geo-style.rhombus": "ರೋಂಬಸ್",
+	"geo-style.rhombus-2": "ರೋಂಬಸ್ ಬಿಟ್ಟುಹೋಯಿತು",
+	"geo-style.star": "ನಕ್ಷತ್ರ",
+	"geo-style.trapezoid": "ಟ್ರೆಪೆಜಾಯಿಡ್",
+	"geo-style.triangle": "ತ್ರಿಕೋನ",
+	"geo-style.x-box": "ಎಕ್ಸ್ ಬಾಕ್ಸ್",
+	"handle.crop.bottom": "ಕೆಳಭಾಗವನ್ನು ಕತ್ತರಿಸಿ",
+	"handle.crop.bottom-left": "ಕೆಳಗಿನ ಎಡಭಾಗವನ್ನು ಕ್ರಾಪ್ ಮಾಡಿ",
+	"handle.crop.bottom-right": "ಕೆಳಗಿನ ಬಲಭಾಗವನ್ನು ಕ್ರಾಪ್ ಮಾಡಿ",
+	"handle.crop.left": "ಎಡಕ್ಕೆ ಕ್ರಾಪ್ ಮಾಡಿ",
+	"handle.crop.right": "ಬಲಕ್ಕೆ ಕ್ರಾಪ್ ಮಾಡಿ",
+	"handle.crop.top": "ಕ್ರಾಪ್ ಟಾಪ್",
+	"handle.crop.top-left": "ಮೇಲಿನ ಎಡಭಾಗವನ್ನು ಕ್ರಾಪ್ ಮಾಡಿ",
+	"handle.crop.top-right": "ಮೇಲಿನ ಬಲಭಾಗವನ್ನು ಕ್ರಾಪ್ ಮಾಡಿ",
+	"handle.resize-bottom": "ಕೆಳಭಾಗವನ್ನು ಮರುಗಾತ್ರಗೊಳಿಸಿ",
+	"handle.resize-bottom-left": "ಕೆಳಗಿನ ಎಡಭಾಗವನ್ನು ಮರುಗಾತ್ರಗೊಳಿಸಿ",
+	"handle.resize-bottom-right": "ಕೆಳಗಿನ ಬಲಭಾಗವನ್ನು ಮರುಗಾತ್ರಗೊಳಿಸಿ",
+	"handle.resize-left": "ಎಡಕ್ಕೆ ಮರುಗಾತ್ರಗೊಳಿಸಿ",
+	"handle.resize-right": "ಬಲಕ್ಕೆ ಮರುಗಾತ್ರಗೊಳಿಸಿ",
+	"handle.resize-top": "ಮೇಲ್ಭಾಗವನ್ನು ಮರುಗಾತ್ರಗೊಳಿಸಿ",
+	"handle.resize-top-left": "ಮೇಲಿನ ಎಡಭಾಗವನ್ನು ಮರುಗಾತ್ರಗೊಳಿಸಿ",
+	"handle.resize-top-right": "ಮೇಲಿನ ಬಲಭಾಗವನ್ನು ಮರುಗಾತ್ರಗೊಳಿಸಿ",
+	"handle.rotate.bottom_left_rotate": "ಕೆಳಗಿನ ಎಡಕ್ಕೆ ತಿರುಗಿಸಿ",
+	"handle.rotate.bottom_right_rotate": "ಕೆಳಗಿನ ಬಲಕ್ಕೆ ತಿರುಗಿಸಿ",
+	"handle.rotate.mobile_rotate": "ತಿರುಗಿಸಿ",
+	"handle.rotate.top_left_rotate": "ಮೇಲಿನ ಎಡಕ್ಕೆ ತಿರುಗಿಸಿ",
+	"handle.rotate.top_right_rotate": "ಮೇಲಿನ ಬಲಕ್ಕೆ ತಿರುಗಿಸಿ",
+	"help-menu.about": "ಬಗ್ಗೆ",
+	"help-menu.discord": "ಅಪಶ್ರುತಿ",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "ಫೈಲ್ ಆಮದು ಮಾಡಿ...",
+	"help-menu.keyboard-shortcuts": "ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್‌ಕಟ್‌ಗಳು",
+	"help-menu.privacy": "ಗೌಪ್ಯತೆ ನೀತಿ",
+	"help-menu.terms": "ಸೇವಾ ನಿಯಮಗಳು",
+	"help-menu.title": "ಸಹಾಯ ಮತ್ತು ಸಂಪನ್ಮೂಲಗಳು",
+	"help-menu.twitter": "ಟ್ವಿಟರ್",
+	"menu.accessibility": "ಪ್ರವೇಶಿಸುವಿಕೆ",
+	"menu.color-theme": "ಬಣ್ಣದ ಥೀಮ್",
+	"menu.copy-as": "ಅದರಂತೆ ನಕಲಿಸಿ",
+	"menu.edit": "ಸಂಪಾದಿಸು",
+	"menu.export-as": "ರಫ್ತು ಮಾಡಿ",
+	"menu.file": "ಫೈಲ್",
+	"menu.input-device": "ಇನ್‌ಪುಟ್ ಸಾಧನ",
+	"menu.language": "ಭಾಷೆ",
+	"menu.preferences": "ಆದ್ಯತೆಗಳು",
+	"menu.theme": "ಥೀಮ್",
+	"menu.title": "ಮೆನು",
+	"menu.view": "ವೀಕ್ಷಿಸಿ",
+	"navigation-zone.minimap": "ಮಿನಿಮ್ಯಾಪ್",
+	"navigation-zone.title": "ಸಂಚರಣೆ",
+	"navigation-zone.toggle-minimap": "ಮಿನಿಮ್ಯಾಪ್ ಅನ್ನು ಟಾಗಲ್ ಮಾಡಿ",
+	"navigation-zone.zoom": "ಜೂಮ್ ಮಾಡಿ",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "ಹೊಸ ಪುಟವನ್ನು ರಚಿಸಿ",
+	"page-menu.edit-done": "ಮುಗಿದಿದೆ",
+	"page-menu.edit-start": "ಸಂಪಾದಿಸು",
+	"page-menu.go-to-page": "ಪುಟಕ್ಕೆ ಹೋಗಿ",
+	"page-menu.new-page-initial-name": "ಪುಟ 1",
+	"page-menu.submenu.delete": "ಅಳಿಸಿ",
+	"page-menu.submenu.duplicate-page": "ನಕಲು",
+	"page-menu.submenu.move-down": "ಕೆಳಗೆ ಸರಿಸಿ",
+	"page-menu.submenu.move-up": "ಮೇಲಕ್ಕೆ ಸರಿಸಿ",
+	"page-menu.submenu.rename": "ಮರುಹೆಸರಿಸು",
+	"page-menu.submenu.title": "ಮೆನು",
+	"page-menu.title": "ಪುಟಗಳು",
+	"people-menu.anonymous-user": "ಹೊಸ ಬಳಕೆದಾರ",
+	"people-menu.avatar-color": "ಅವತಾರ್ ಬಣ್ಣ",
+	"people-menu.change-color": "ಬಣ್ಣವನ್ನು ಬದಲಾಯಿಸಿ",
+	"people-menu.change-name": "ಹೆಸರು ಬದಲಿಸಿ",
+	"people-menu.follow": "ಅನುಸರಿಸಿ",
+	"people-menu.following": "ಅನುಸರಿಸುತ್ತಿದೆ",
+	"people-menu.invite": "ಇತರರನ್ನು ಆಹ್ವಾನಿಸಿ",
+	"people-menu.leading": "ನಿಮ್ಮನ್ನು ಅನುಸರಿಸುತ್ತಿದೆ",
+	"people-menu.title": "ಜನರು",
+	"people-menu.user": "(ನೀವು)",
+	"share-menu.copied": "ಲಿಂಕ್ ಅನ್ನು ನಕಲಿಸಲಾಗಿದೆ!",
+	"share-menu.copy-link": "ಲಿಂಕ್ ನಕಲಿಸಿ",
+	"share-menu.copy-link-note": "ಲಿಂಕ್ ಹೊಂದಿರುವ ಯಾರಾದರೂ ಈ ಯೋಜನೆಯನ್ನು ವೀಕ್ಷಿಸಲು ಮತ್ತು ಸಂಪಾದಿಸಲು ಸಾಧ್ಯವಾಗುತ್ತದೆ.",
+	"share-menu.copy-readonly-link": "ಓದಲು-ಮಾತ್ರ ಲಿಂಕ್ ಅನ್ನು ನಕಲಿಸಿ",
+	"share-menu.copy-readonly-link-note": "ಲಿಂಕ್ ಹೊಂದಿರುವ ಯಾರಾದರೂ ಈ ಯೋಜನೆಯನ್ನು ವೀಕ್ಷಿಸಲು (ಆದರೆ ಸಂಪಾದಿಸಲು) ಸಾಧ್ಯವಾಗುತ್ತದೆ.",
+	"share-menu.create-snapshot-link": "ಸ್ನ್ಯಾಪ್‌ಶಾಟ್ ಲಿಂಕ್ ರಚಿಸಿ",
+	"share-menu.creating-project": "ಹೊಸ ಯೋಜನೆಯನ್ನು ರಚಿಸಲಾಗುತ್ತಿದೆ...",
+	"share-menu.fork-note": "ಈ ಸ್ನ್ಯಾಪ್‌ಶಾಟ್ ಅನ್ನು ಆಧರಿಸಿ ಹೊಸ ಹಂಚಿದ ಯೋಜನೆಯನ್ನು ರಚಿಸಿ.",
+	"share-menu.offline-note": "ಈ ಯೋಜನೆಯನ್ನು ಹಂಚಿಕೊಳ್ಳುವುದರಿಂದ ಹೊಸ URL ನಲ್ಲಿ ಹೋಸ್ಟ್ ಮಾಡಿದ ಲೈವ್ ನಕಲನ್ನು ರಚಿಸಲಾಗುತ್ತದೆ. ಪ್ರಾಜೆಕ್ಟ್ ಅನ್ನು ಒಟ್ಟಿಗೆ ವೀಕ್ಷಿಸಲು ಮತ್ತು ಸಂಪಾದಿಸಲು ನೀವು ಮೂವತ್ತು ಇತರ ಜನರೊಂದಿಗೆ URL ಅನ್ನು ಹಂಚಿಕೊಳ್ಳಬಹುದು.",
+	"share-menu.project-too-large": "ಕ್ಷಮಿಸಿ, ಈ ಯೋಜನೆಯು ತುಂಬಾ ದೊಡ್ಡದಾಗಿರುವುದರಿಂದ ಅದನ್ನು ಹಂಚಿಕೊಳ್ಳಲಾಗುವುದಿಲ್ಲ. ನಾವು ಅದರ ಮೇಲೆ ಕೆಲಸ ಮಾಡುತ್ತಿದ್ದೇವೆ!",
+	"share-menu.save-note": "ಈ ಪ್ರಾಜೆಕ್ಟನ್ನು ನಿಮ್ಮ ಕಂಪ್ಯೂಟರ್‌ಗೆ .tldr ಫೈಲ್ ಆಗಿ ಡೌನ್‌ಲೋಡ್ ಮಾಡಿ.",
+	"share-menu.share-project": "ಈ ಯೋಜನೆಯನ್ನು ಹಂಚಿಕೊಳ್ಳಿ",
+	"share-menu.snapshot-link-note": "ಈ ಯೋಜನೆಯನ್ನು ಓದಲು-ಮಾತ್ರ ಸ್ನ್ಯಾಪ್‌ಶಾಟ್ ಲಿಂಕ್‌ನಂತೆ ಸೆರೆಹಿಡಿಯಿರಿ ಮತ್ತು ಹಂಚಿಕೊಳ್ಳಿ.",
+	"share-menu.title": "ಹಂಚಿಕೊಳ್ಳಿ",
+	"share-menu.upload-failed": "ಕ್ಷಮಿಸಿ, ಈ ಸಮಯದಲ್ಲಿ ನಿಮ್ಮ ಪ್ರಾಜೆಕ್ಟ್ ಅನ್ನು ಅಪ್‌ಲೋಡ್ ಮಾಡಲು ನಮಗೆ ಸಾಧ್ಯವಾಗಲಿಲ್ಲ. ದಯವಿಟ್ಟು ಮತ್ತೆ ಪ್ರಯತ್ನಿಸಿ ಅಥವಾ ಸಮಸ್ಯೆ ಮುಂದುವರಿದರೆ ನಮಗೆ ತಿಳಿಸಿ.",
+	"sharing.confirm-leave.cancel": "ರದ್ದುಮಾಡಿ",
+	"sharing.confirm-leave.description": "ನೀವು ಈ ಹಂಚಿದ ಯೋಜನೆಯನ್ನು ತೊರೆಯಲು ಖಚಿತವಾಗಿ ಬಯಸುವಿರಾ? ಅದರ URL ಗೆ ನ್ಯಾವಿಗೇಟ್ ಮಾಡುವ ಮೂಲಕ ನೀವು ಅದಕ್ಕೆ ಹಿಂತಿರುಗಬಹುದು.",
+	"sharing.confirm-leave.dont-show-again": "ಮತ್ತೆ ಕೇಳಬೇಡ",
+	"sharing.confirm-leave.leave": "ಬಿಡು",
+	"sharing.confirm-leave.title": "ಪ್ರಸ್ತುತ ಯೋಜನೆಯನ್ನು ತೊರೆಯುವುದೇ?",
+	"shortcuts-dialog.a11y": "ಪ್ರವೇಶಿಸುವಿಕೆ",
+	"shortcuts-dialog.collaboration": "ಸಹಯೋಗ",
+	"shortcuts-dialog.edit": "ಸಂಪಾದಿಸು",
+	"shortcuts-dialog.file": "ಫೈಲ್",
+	"shortcuts-dialog.preferences": "ಆದ್ಯತೆಗಳು",
+	"shortcuts-dialog.text-formatting": "ಪಠ್ಯ ಸ್ವರೂಪಗೊಳಿಸುವಿಕೆ",
+	"shortcuts-dialog.title": "ಕೀಬೋರ್ಡ್ ಶಾರ್ಟ್‌ಕಟ್‌ಗಳು",
+	"shortcuts-dialog.tools": "ಪರಿಕರಗಳು",
+	"shortcuts-dialog.transform": "ರೂಪಾಂತರ",
+	"shortcuts-dialog.view": "ವೀಕ್ಷಿಸಿ",
+	"size-style.l": "ದೊಡ್ಡದು",
+	"size-style.m": "ಮಧ್ಯಮ",
+	"size-style.s": "ಚಿಕ್ಕದು",
+	"size-style.xl": "ಹೆಚ್ಚುವರಿ ದೊಡ್ಡದು",
+	"spline-style.cubic": "ಘನ",
+	"spline-style.line": "ಸಾಲು",
+	"status.offline": "ಆಫ್‌ಲೈನ್",
+	"style-panel.align": "ಜೋಡಿಸು",
+	"style-panel.arrow-kind": "ಸಾಲು",
+	"style-panel.arrowhead-end": "ಅಂತ್ಯ",
+	"style-panel.arrowhead-start": "ಪ್ರಾರಂಭಿಸಿ",
+	"style-panel.arrowheads": "ಬಾಣದ ತುದಿಗಳು",
+	"style-panel.color": "ಬಣ್ಣ",
+	"style-panel.dash": "ಡ್ಯಾಶ್",
+	"style-panel.fill": "ಭರ್ತಿ ಮಾಡಿ",
+	"style-panel.font": "ಫಾಂಟ್",
+	"style-panel.geo": "ಆಕಾರ",
+	"style-panel.label-align": "ಲೇಬಲ್ ಅಲೈನ್",
+	"style-panel.mixed": "ಮಿಶ್ರಿತ",
+	"style-panel.opacity": "ಅಪಾರದರ್ಶಕತೆ",
+	"style-panel.position": "ಸ್ಥಾನ",
+	"style-panel.selected": "ಆಯ್ಕೆ ಮಾಡಲಾಗಿದೆ",
+	"style-panel.size": "ಗಾತ್ರ",
+	"style-panel.spline": "ಸ್ಪ್ಲೈನ್",
+	"style-panel.title": "ಶೈಲಿಗಳು",
+	"style-panel.vertical-align": "ಲಂಬ ಜೋಡಣೆ",
+	"theme.dark": "ಕತ್ತಲು",
+	"theme.light": "ಬೆಳಕು",
+	"theme.system": "ವ್ಯವಸ್ಥೆ",
+	"toast.close": "ಮುಚ್ಚಿ",
+	"toast.error": "ದೋಷ",
+	"toast.error.copy-fail.desc": "ಚಿತ್ರವನ್ನು ನಕಲಿಸಲು ವಿಫಲವಾಗಿದೆ",
+	"toast.error.copy-fail.title": "ವಿಫಲವಾದ ನಕಲು",
+	"toast.error.export-fail.desc": "ಚಿತ್ರವನ್ನು ರಫ್ತು ಮಾಡಲು ವಿಫಲವಾಗಿದೆ",
+	"toast.error.export-fail.title": "ರಫ್ತು ವಿಫಲವಾಗಿದೆ",
+	"toast.info": "ಮಾಹಿತಿ",
+	"toast.success": "ಯಶಸ್ಸು",
+	"toast.warning": "ಎಚ್ಚರಿಕೆ",
+	"tool-panel.more": "ಇನ್ನಷ್ಟು",
+	"tool-panel.title": "ಪರಿಕರಗಳು",
+	"tool.arrow": "ಬಾಣ",
+	"tool.arrow-down": "ಕೆಳಗೆ ಬಾಣ",
+	"tool.arrow-left": "ಬಾಣ ಬಿಟ್ಟಿತು",
+	"tool.arrow-right": "ಬಲ ಬಾಣ",
+	"tool.arrow-up": "ಮೇಲಕ್ಕೆ ಬಾಣ",
+	"tool.aspect-ratio": "ಆಕಾರ ಅನುಪಾತ",
+	"tool.aspect-ratio.circle": "ವೃತ್ತ (1:1)",
+	"tool.aspect-ratio.landscape": "ಭೂದೃಶ್ಯ (4:3)",
+	"tool.aspect-ratio.original": "ಮೂಲ",
+	"tool.aspect-ratio.portrait": "ಭಾವಚಿತ್ರ (3:4)",
+	"tool.aspect-ratio.square": "ಚೌಕ (1:1)",
+	"tool.aspect-ratio.wide": "ಅಗಲ (16:9)",
+	"tool.bookmark": "ಬುಕ್‌ಮಾರ್ಕ್",
+	"tool.check-box": "ಚೆಕ್ ಬಾಕ್ಸ್",
+	"tool.cloud": "ಮೋಡ",
+	"tool.diamond": "ವಜ್ರ",
+	"tool.draw": "ಎಳೆಯಿರಿ",
+	"tool.ellipse": "ದೀರ್ಘವೃತ್ತ",
+	"tool.embed": "ಎಂಬೆಡ್",
+	"tool.eraser": "ಎರೇಸರ್",
+	"tool.flip-horz": "ಅಡ್ಡಲಾಗಿ ತಿರುಗಿಸಿ",
+	"tool.flip-vert": "ಲಂಬವಾಗಿ ತಿರುಗಿಸಿ",
+	"tool.frame": "ಫ್ರೇಮ್",
+	"tool.hand": "ಕೈ",
+	"tool.heart": "ಹೃದಯ",
+	"tool.hexagon": "ಷಡ್ಭುಜಾಕೃತಿ",
+	"tool.highlight": "ಹೈಲೈಟ್",
+	"tool.image-crop": "ಚಿತ್ರವನ್ನು ಕ್ರಾಪ್ ಮಾಡಿ",
+	"tool.image-crop-confirm": "ದೃಢೀಕರಿಸಿ",
+	"tool.image-toolbar-title": "ಇಮೇಜ್ ಪರಿಕರಗಳು",
+	"tool.image-zoom": "ಜೂಮ್ ಮಾಡಿ",
+	"tool.laser": "ಲೇಸರ್",
+	"tool.line": "ಸಾಲು",
+	"tool.media": "ಮಾಧ್ಯಮ",
+	"tool.media-alt-text": "ಪರ್ಯಾಯ ಪಠ್ಯ",
+	"tool.media-alt-text-confirm": "ದೃಢೀಕರಿಸಿ",
+	"tool.media-alt-text-desc": "ವಿವರಣೆ ನೀಡಿ...",
+	"tool.note": "ಗಮನಿಸಿ",
+	"tool.octagon": "ಅಷ್ಟಭುಜಾಕೃತಿ",
+	"tool.oval": "ಅಂಡಾಕಾರದ",
+	"tool.pentagon": "ಪೆಂಟಗನ್",
+	"tool.pointer-down": "ಕೆಳಗೆ ಸೂಚಿಸಿ",
+	"tool.rectangle": "ಆಯತ",
+	"tool.replace-media": "ಮಾಧ್ಯಮವನ್ನು ಬದಲಾಯಿಸಿ",
+	"tool.rhombus": "ರೋಂಬಸ್",
+	"tool.rich-text-bold": "ದಪ್ಪ",
+	"tool.rich-text-bulletList": "ಬುಲೆಟ್ ಪಟ್ಟಿ",
+	"tool.rich-text-code": "ಕೋಡ್",
+	"tool.rich-text-header": "ಶಿರೋಲೇಖ",
+	"tool.rich-text-highlight": "ಹೈಲೈಟ್ ಮಾಡಿ",
+	"tool.rich-text-italic": "ಇಟಾಲಿಕ್",
+	"tool.rich-text-link": "ಲಿಂಕ್",
+	"tool.rich-text-link-remove": "ಲಿಂಕ್ ತೆಗೆದುಹಾಕಿ",
+	"tool.rich-text-link-visit": "ಲಿಂಕ್‌ಗೆ ಭೇಟಿ ನೀಡಿ",
+	"tool.rich-text-orderedList": "ಕ್ರಮಗೊಳಿಸಿದ ಪಟ್ಟಿ",
+	"tool.rich-text-strikethrough": "ಸ್ಟ್ರೈಕ್‌ಥ್ರೂ",
+	"tool.rich-text-toolbar-title": "ಪಠ್ಯ ಸ್ವರೂಪಗೊಳಿಸುವಿಕೆ",
+	"tool.rotate-cw": "ತಿರುಗಿಸಿ",
+	"tool.select": "ಆಯ್ಕೆ ಮಾಡಿ",
+	"tool.star": "ನಕ್ಷತ್ರ",
+	"tool.text": "ಪಠ್ಯ",
+	"tool.trapezoid": "ಟ್ರೆಪೆಜಾಯಿಡ್",
+	"tool.triangle": "ತ್ರಿಕೋನ",
+	"tool.x-box": "ಎಕ್ಸ್ ಬಾಕ್ಸ್",
+	"ui.checked": "ಪರಿಶೀಲಿಸಲಾಗಿದೆ",
+	"ui.close": "ಮುಚ್ಚಿ",
+	"ui.unchecked": "ಗುರುತಿಸಲಾಗಿಲ್ಲ",
+	"verticalAlign-style.end": "ಕೆಳಗೆ",
+	"verticalAlign-style.middle": "ಮಧ್ಯಮ",
+	"verticalAlign-style.start": "ಟಾಪ್",
+	"vscode.file-open.backup": "ಬ್ಯಾಕಪ್",
+	"vscode.file-open.backup-failed": "ಬ್ಯಾಕಪ್ ವಿಫಲವಾಗಿದೆ: ಇದು .tldr ಫೈಲ್ ಅಲ್ಲ.",
+	"vscode.file-open.backup-saved": "ಬ್ಯಾಕಪ್ ಉಳಿಸಲಾಗಿದೆ",
+	"vscode.file-open.desc": "ಈ ಫೈಲ್ ಅನ್ನು tldraw ನ ಹಿಂದಿನ ಆವೃತ್ತಿಯೊಂದಿಗೆ ರಚಿಸಲಾಗಿದೆ. ಹೊಸ ಆವೃತ್ತಿಯೊಂದಿಗೆ ಕೆಲಸ ಮಾಡಲು ನೀವು ಅದನ್ನು ನವೀಕರಿಸಲು ಬಯಸುವಿರಾ?",
+	"vscode.file-open.dont-show-again": "ಮತ್ತೆ ಕೇಳಬೇಡ",
+	"vscode.file-open.open": "ಮುಂದುವರಿಸಿ"
+}
diff --git a/web/hermes-dist/translations/ko-kr.json b/web/hermes-dist/translations/ko-kr.json
new file mode 100644
index 0000000..bfa1f8d
--- /dev/null
+++ b/web/hermes-dist/translations/ko-kr.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "도형 스타일 조정",
+	"a11y.enlarge-shape": "도형 확대",
+	"a11y.enter-leave-container": "컨테이너에 들어가기/나오기",
+	"a11y.move-shape": "이동",
+	"a11y.move-shape-faster": "더 빠르게 이동",
+	"a11y.multiple-shapes": "{num}개의 모양이 선택되었습니다.",
+	"a11y.open-context-menu": "옵션 열기",
+	"a11y.open-keyboard-shortcuts": "키보드 단축키 보기",
+	"a11y.pan-camera": "카메라 이동",
+	"a11y.repeat-shape": "반복",
+	"a11y.rotate-shape-ccw": "도형을 반시계 방향으로 회전",
+	"a11y.rotate-shape-ccw-fine": "도형을 반시계 방향으로 정밀 회전",
+	"a11y.rotate-shape-cw": "도형을 시계 방향으로 회전",
+	"a11y.rotate-shape-cw-fine": "도형을 시계 방향으로 정밀 회전",
+	"a11y.select-shape": "다음 도형 선택하기",
+	"a11y.select-shape-direction": "방향에서 선택하기",
+	"a11y.shape-image": "이미지",
+	"a11y.shape-index": "{total}개 중 {num}개",
+	"a11y.shape-video": "동영상",
+	"a11y.shrink-shape": "도형 축소",
+	"a11y.skip-to-main-content": "캔버스로 포커스 이동",
+	"a11y.status": "상태",
+	"action.align-bottom": "아래쪽 정렬",
+	"action.align-center-horizontal": "가로 정렬",
+	"action.align-center-horizontal.short": "가로 정렬",
+	"action.align-center-vertical": "세로 정렬",
+	"action.align-center-vertical.short": "세로 정렬",
+	"action.align-left": "왼쪽 정렬",
+	"action.align-right": "오른쪽 정렬",
+	"action.align-top": "위쪽 정렬",
+	"action.back-to-content": "콘텐츠로 돌아가기",
+	"action.bring-forward": "앞으로 가져오기",
+	"action.bring-to-front": "맨 앞으로 가져오기",
+	"action.convert-to-bookmark": "북마크로 변환",
+	"action.convert-to-embed": "임베드로 변환",
+	"action.copy": "복사",
+	"action.copy-as-json": "JSON 형식으로 복사",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "PNG로 복사",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "SVG로 복사",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "자르기",
+	"action.delete": "삭제하기",
+	"action.distribute-horizontal": "가로로 균등 배치",
+	"action.distribute-horizontal.short": "가로로 균등 배치",
+	"action.distribute-vertical": "세로로 균등 배치",
+	"action.distribute-vertical.short": "세로로 균등 배치",
+	"action.download-original": "원본 다운로드",
+	"action.duplicate": "복제하기",
+	"action.edit-link": "링크 수정",
+	"action.enhanced-a11y-mode": "향상된 접근성 모드 전환",
+	"action.enhanced-a11y-mode.menu": "향상된 접근성 모드",
+	"action.exit-pen-mode": "펜 모드 종료",
+	"action.export-all-as-png": "모두 PNG로 내보내기",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "모두 SVG로 내보내기",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "PNG로 내보내기",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "SVG로 내보내기",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "콘텐츠에 맞추기",
+	"action.flatten-to-image": "병합",
+	"action.flip-horizontal": "가로로 뒤집기",
+	"action.flip-horizontal.short": "가로로 뒤집기",
+	"action.flip-vertical": "세로로 뒤집기",
+	"action.flip-vertical.short": "세로로 뒤집기",
+	"action.fork-project": "이 프로젝트를 포크하세요",
+	"action.fork-project-on-tldraw": "tldraw에서 프로젝트를 복제하세요.",
+	"action.group": "그룹화",
+	"action.insert-embed": "임베드 삽입",
+	"action.insert-media": "미디어 업로드",
+	"action.leave-shared-project": "공유 프로젝트에서 나가기",
+	"action.new-project": "새 프로젝트",
+	"action.new-shared-project": "새 공유 프로젝트",
+	"action.open-cursor-chat": "커서 채팅",
+	"action.open-embed-link": "링크 열기",
+	"action.open-file": "파일 열기",
+	"action.open-kbd-shortcuts": "키보드 단축키 보기",
+	"action.pack": "그룹정렬",
+	"action.paste": "붙여넣기",
+	"action.paste-error-description": "클립보드 권한이 없어 붙여넣기를 할 수 없습니다. 권한을 활성화한 후 다시 시도해 주세요.",
+	"action.paste-error-title": "붙여넣기 실패",
+	"action.print": "인쇄",
+	"action.redo": "다시 실행",
+	"action.remove-frame": "프레임 삭제",
+	"action.rename": "이름 바꾸기",
+	"action.rotate-ccw": "반시계 반향으로 회전",
+	"action.rotate-cw": "시계 방향으로 회전",
+	"action.save-copy": "사본 저장",
+	"action.select-all": "전체 선택",
+	"action.select-none": "선택 안함",
+	"action.select-zoom-tool": "줌",
+	"action.send-backward": "뒤로 보내기",
+	"action.send-to-back": "맨 뒤로 보내기",
+	"action.share-project": "이 프로젝트 공유",
+	"action.stack-horizontal": "수평으로 쌓기",
+	"action.stack-horizontal.short": "수평으로 쌓기",
+	"action.stack-vertical": "수직으로 쌓기",
+	"action.stack-vertical.short": "수직으로 쌓기",
+	"action.stop-following": "팔로우 중지",
+	"action.stretch-horizontal": "수평으로 늘리기",
+	"action.stretch-horizontal.short": "수평으로 늘리기",
+	"action.stretch-vertical": "수직으로 늘리기",
+	"action.stretch-vertical.short": "수직으로 늘리기",
+	"action.toggle-auto-none": "자동",
+	"action.toggle-auto-pan": "자동(트랙패드)",
+	"action.toggle-auto-size": "자동 크기 전환",
+	"action.toggle-auto-zoom": "자동(마우스)",
+	"action.toggle-dark-mode": "다크모드 전환",
+	"action.toggle-dark-mode.menu": "다크 모드",
+	"action.toggle-debug-mode": "디버그 모드 전환",
+	"action.toggle-debug-mode.menu": "디버그 모드",
+	"action.toggle-dynamic-size-mode": "동적 사이즈 기능 전환",
+	"action.toggle-dynamic-size-mode.menu": "동적 사이즈",
+	"action.toggle-edge-scrolling": "가장자리 스크롤 전환",
+	"action.toggle-edge-scrolling.menu": "가장자리 스크롤",
+	"action.toggle-focus-mode": "포커스 모드 전환",
+	"action.toggle-focus-mode.menu": "포커스 모드",
+	"action.toggle-grid": "그리드 전환",
+	"action.toggle-grid.menu": "그리드 보기",
+	"action.toggle-invert-zoom": "마우스 확대/축소 반전 토글",
+	"action.toggle-invert-zoom.menu": "마우스 확대/축소 반전",
+	"action.toggle-keyboard-shortcuts": "키보드 단축키 전환",
+	"action.toggle-keyboard-shortcuts.menu": "키보드 단축키 활성화",
+	"action.toggle-lock": "잠금/잠금 해제",
+	"action.toggle-mouse": "마우스",
+	"action.toggle-paste-at-cursor": "커서에 붙여넣기 기능 전환",
+	"action.toggle-paste-at-cursor.menu": "커서에 붙여넣기",
+	"action.toggle-reduce-motion": "움직임 줄이기 전환",
+	"action.toggle-reduce-motion.menu": "움직임 줄이기",
+	"action.toggle-snap-mode": "항상 스냅 전환",
+	"action.toggle-snap-mode.menu": "항상 스냅",
+	"action.toggle-tool-lock": "도구 잠금 전환",
+	"action.toggle-tool-lock.menu": "도구 잠금",
+	"action.toggle-trackpad": "트랙패드",
+	"action.toggle-transparent": "투명 배경 전환",
+	"action.toggle-transparent.context-menu": "투명하게 하기",
+	"action.toggle-transparent.menu": "투명하게 하기",
+	"action.toggle-wrap-mode": "줄 바꿈 시 선택 전환",
+	"action.toggle-wrap-mode.menu": "줄 바꿈 시 선택",
+	"action.undo": "실행 취소",
+	"action.ungroup": "그룹화 해제",
+	"action.unlock-all": "모두 잠금 해제",
+	"action.zoom-in": "확대",
+	"action.zoom-out": "축소",
+	"action.zoom-quick": "빠른 확대",
+	"action.zoom-to-100": "100% 맞추기",
+	"action.zoom-to-fit": "전체에 맞추기",
+	"action.zoom-to-selection": "선택 요소에 맞추기",
+	"actions-menu.title": "액션",
+	"align-style.end": "오른쪽",
+	"align-style.justify": "양쪽정렬",
+	"align-style.middle": "가운데",
+	"align-style.start": "왼쪽",
+	"app.loading": "tldraw 로딩중...",
+	"arrow-kind-style.arc": "호",
+	"arrow-kind-style.elbow": "직각",
+	"arrowheadEnd-style.arrow": "화살표",
+	"arrowheadEnd-style.bar": "막대",
+	"arrowheadEnd-style.diamond": "다이아몬드",
+	"arrowheadEnd-style.dot": "원형",
+	"arrowheadEnd-style.inverted": "역삼각형",
+	"arrowheadEnd-style.none": "없음",
+	"arrowheadEnd-style.pipe": "막대",
+	"arrowheadEnd-style.square": "사각형",
+	"arrowheadEnd-style.triangle": "삼각형",
+	"arrowheadStart-style.arrow": "화살표",
+	"arrowheadStart-style.bar": "막대",
+	"arrowheadStart-style.diamond": "다이아몬드",
+	"arrowheadStart-style.dot": "원형",
+	"arrowheadStart-style.inverted": "역삼각형",
+	"arrowheadStart-style.none": "없음",
+	"arrowheadStart-style.pipe": "막대",
+	"arrowheadStart-style.square": "사각형",
+	"arrowheadStart-style.triangle": "삼각형",
+	"assets.files.amount-too-many": "파일이 너무 많습니다.",
+	"assets.files.maximum-size": "최대 파일 크기는 {size}입니다",
+	"assets.files.size-too-big": "파일 크기가 너무 큽니다.",
+	"assets.files.type-not-allowed": "허용되지 않는 파일 형식입니다.",
+	"assets.files.upload-failed": "업로드 실패",
+	"assets.url.failed": "URL 미리보기를 로드할 수 없습니다.",
+	"color-style.black": "검정",
+	"color-style.blue": "파랑",
+	"color-style.green": "초록",
+	"color-style.grey": "회색",
+	"color-style.light-blue": "하늘",
+	"color-style.light-green": "연두",
+	"color-style.light-red": "연홍",
+	"color-style.light-violet": "연보라",
+	"color-style.orange": "주황",
+	"color-style.red": "빨강",
+	"color-style.violet": "보라",
+	"color-style.white": "흰색",
+	"color-style.yellow": "노랑",
+	"context-menu.arrange": "정돈",
+	"context-menu.copy-as": "복사하기",
+	"context-menu.edit": "편집하기",
+	"context-menu.export-all-as": "다른 형식으로 내보내기",
+	"context-menu.export-as": "내보내기",
+	"context-menu.move-to-page": "페이지로 이동",
+	"context-menu.reorder": "재정렬",
+	"context-menu.title": "옵션",
+	"context.pages.new-page": "새 페이지",
+	"cursor-chat.type-to-chat": "채팅하려면 입력하세요...",
+	"dash-style.dashed": "파선",
+	"dash-style.dotted": "점선",
+	"dash-style.draw": "그린선",
+	"dash-style.solid": "선",
+	"document-name-menu.copy-link": "링크 복사",
+	"document.default-name": "제목 없음",
+	"edit-link-dialog.cancel": "취소",
+	"edit-link-dialog.clear": "지우기",
+	"edit-link-dialog.detail": "새탭으로 링크가 열립니다.",
+	"edit-link-dialog.external-link": "외부 링크",
+	"edit-link-dialog.invalid-url": "링크는 유효한 URL이어야 합니다.",
+	"edit-link-dialog.save": "계속하기",
+	"edit-link-dialog.title": "링크 수정",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "뒤로",
+	"embed-dialog.cancel": "취소",
+	"embed-dialog.create": "생성하기",
+	"embed-dialog.instruction": "임베드를 만들 사이트의 URL을 붙여넣습니다.",
+	"embed-dialog.invalid-url": "해당 URL에서 임베드를 만들 수 없습니다.",
+	"embed-dialog.title": "임베드 만들기",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "취소",
+	"file-system.confirm-clear.continue": "계속",
+	"file-system.confirm-clear.description": "새 프로젝트를 만들면 현재 프로젝트가 지워지고 저장되지 않은 변경 사항은 모두 저장되지 않습니다. 계속 진행하시겠습니까?",
+	"file-system.confirm-clear.dont-show-again": "다시 묻지 마세요",
+	"file-system.confirm-clear.title": "현재 프로젝트를 지우시겠습니까?",
+	"file-system.confirm-open.cancel": "취소",
+	"file-system.confirm-open.description": "파일을 열면 현재 프로젝트가 대체되고 저장되지 않은 변경 내용은 손실됩니다. 계속하시겠습니까?",
+	"file-system.confirm-open.dont-show-again": "다시 묻지 않음",
+	"file-system.confirm-open.open": "파일 열기",
+	"file-system.confirm-open.title": "현재 프로젝트를 덮어쓰시겠습니까?",
+	"file-system.file-open-error.file-format-version-too-new": "해당 파일은 더 최신 버전의 tldraw 파일 입니다. 페이지를 새로고침하고 다시 시도하세요.",
+	"file-system.file-open-error.generic-corrupted-file": "해당 파일이 손상되었습니다.",
+	"file-system.file-open-error.not-a-tldraw-file": "해당 파일은 tldraw 파일이 아닙니다.",
+	"file-system.file-open-error.title": "파일을 열 수 없습니다.",
+	"file-system.shared-document-file-open-error.description": "공유 프로젝트에서 파일 열기는 지원되지 않습니다.",
+	"file-system.shared-document-file-open-error.title": "파일을 열 수 없습니다.",
+	"fill-style.fill": "채우기",
+	"fill-style.lined-fill": "선 채우기",
+	"fill-style.none": "없음",
+	"fill-style.pattern": "패턴",
+	"fill-style.semi": "무색",
+	"fill-style.solid": "단색",
+	"focus-mode.toggle-focus-mode": "포커스 모드 전환",
+	"font-style.draw": "필기체",
+	"font-style.mono": "고정폭",
+	"font-style.sans": "돋움체",
+	"font-style.serif": "바탕체",
+	"geo-style.arrow-down": "아래쪽 화살표",
+	"geo-style.arrow-left": "왼쪽 화살표",
+	"geo-style.arrow-right": "오른쪽 화살표",
+	"geo-style.arrow-up": "위쪽 화살표",
+	"geo-style.check-box": "체크박스",
+	"geo-style.cloud": "클라우드",
+	"geo-style.diamond": "마름모꼴",
+	"geo-style.ellipse": "원형",
+	"geo-style.heart": "하트",
+	"geo-style.hexagon": "육각형",
+	"geo-style.octagon": "팔각형",
+	"geo-style.oval": "타원형",
+	"geo-style.pentagon": "오각형",
+	"geo-style.rectangle": "사각형",
+	"geo-style.rhombus": "마름모",
+	"geo-style.rhombus-2": "왼쪽 방향 마름모",
+	"geo-style.star": "별",
+	"geo-style.trapezoid": "사다리꼴",
+	"geo-style.triangle": "삼각형",
+	"geo-style.x-box": "X박스",
+	"handle.crop.bottom": "하단 자르기",
+	"handle.crop.bottom-left": "왼쪽 하단 자르기",
+	"handle.crop.bottom-right": "오른쪽 하단 자르기",
+	"handle.crop.left": "왼쪽 자르기",
+	"handle.crop.right": "오른쪽 자르기",
+	"handle.crop.top": "상단 자르기",
+	"handle.crop.top-left": "왼쪽 상단 자르기",
+	"handle.crop.top-right": "오른쪽 상단 자르기",
+	"handle.resize-bottom": "아래쪽으로 크기 조정",
+	"handle.resize-bottom-left": "왼쪽 하단 크기 조정",
+	"handle.resize-bottom-right": "오른쪽 하단 크기 조절",
+	"handle.resize-left": "왼쪽으로 크기 조정",
+	"handle.resize-right": "오른쪽으로 크기 조절",
+	"handle.resize-top": "위쪽으로 크기 조정",
+	"handle.resize-top-left": "왼쪽 상단 크기 조정",
+	"handle.resize-top-right": "오른쪽 상단 크기 조정",
+	"handle.rotate.bottom_left_rotate": "왼쪽 하단 회전",
+	"handle.rotate.bottom_right_rotate": "오른쪽 하단 회전",
+	"handle.rotate.mobile_rotate": "회전",
+	"handle.rotate.top_left_rotate": "왼쪽 상단 회전",
+	"handle.rotate.top_right_rotate": "오른쪽 상단 회전",
+	"help-menu.about": "소개",
+	"help-menu.discord": "디스코드",
+	"help-menu.github": "깃허브",
+	"help-menu.import-tldr-file": "파일 가져오기...",
+	"help-menu.keyboard-shortcuts": "키보드 단축키",
+	"help-menu.privacy": "개인정보 처리방침",
+	"help-menu.terms": "이용 약관",
+	"help-menu.title": "도움말 및 자료",
+	"help-menu.twitter": "트위터",
+	"menu.accessibility": "접근성",
+	"menu.color-theme": "색상 테마",
+	"menu.copy-as": "복사하기",
+	"menu.edit": "편집",
+	"menu.export-as": "내보내기",
+	"menu.file": "파일",
+	"menu.input-device": "입력 장치",
+	"menu.language": "언어",
+	"menu.preferences": "설정",
+	"menu.theme": "테마",
+	"menu.title": "메뉴",
+	"menu.view": "보기",
+	"navigation-zone.minimap": "미니맵",
+	"navigation-zone.title": "네비게이션",
+	"navigation-zone.toggle-minimap": "미니맵 전환",
+	"navigation-zone.zoom": "확대/축소",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "새 페이지 만들기",
+	"page-menu.edit-done": "완료",
+	"page-menu.edit-start": "수정",
+	"page-menu.go-to-page": "페이지로 이동",
+	"page-menu.new-page-initial-name": "페이지 1",
+	"page-menu.submenu.delete": "삭제하기",
+	"page-menu.submenu.duplicate-page": "복제하기",
+	"page-menu.submenu.move-down": "아래로 이동",
+	"page-menu.submenu.move-up": "위로 이동",
+	"page-menu.submenu.rename": "이름 바꾸기",
+	"page-menu.submenu.title": "메뉴",
+	"page-menu.title": "페이지",
+	"people-menu.anonymous-user": "새로운 사용자",
+	"people-menu.avatar-color": "아바타 색상",
+	"people-menu.change-color": "색상 변경",
+	"people-menu.change-name": "이름 변경",
+	"people-menu.follow": "팔로우",
+	"people-menu.following": "팔로잉",
+	"people-menu.invite": "다른 사용자 초대",
+	"people-menu.leading": "나를 팔로우 중",
+	"people-menu.title": "사용자",
+	"people-menu.user": "(나)",
+	"share-menu.copied": "링크가 복사됐습니다!",
+	"share-menu.copy-link": "링크 복사",
+	"share-menu.copy-link-note": "링크가 있는 사람은 누구나 이 프로젝트를 보고 편집할 수 있습니다.",
+	"share-menu.copy-readonly-link": "읽기 전용 링크 복사",
+	"share-menu.copy-readonly-link-note": "링크가 있는 사람은 누구나 이 프로젝트를 볼 수 있지만 편집할 수는 없습니다.",
+	"share-menu.create-snapshot-link": "스냅샷 링크 만들기",
+	"share-menu.creating-project": "새 프로젝트 만들기...",
+	"share-menu.fork-note": "이 스냅샷을 기반으로 새 공유 프로젝트를 만듭니다.",
+	"share-menu.offline-note": "공유하기를 실행하면 공유 가능한 사본 URL이 생성됩니다. 해당 URL을 통해 최대 30명의 다른 사용자와 함께 프로젝트를 보고 편집할 수 있습니다.",
+	"share-menu.project-too-large": "너무 큰 프로젝트는 공유할 수 없습니다. 현재 개선중이니 참고해주세요!",
+	"share-menu.save-note": "이 프로젝트를 컴퓨터에 .tldr 파일로 다운로드합니다.",
+	"share-menu.share-project": "이 프로젝트 공유하기",
+	"share-menu.snapshot-link-note": "이 프로젝트를 읽기 전용 스냅샷 링크로 캡처하고 공유하세요.",
+	"share-menu.title": "공유",
+	"share-menu.upload-failed": "죄송합니다. 지금은 프로젝트를 업로드할 수 없습니다. 다시 시도하거나 문제가 지속되면 알려주시기 바랍니다.",
+	"sharing.confirm-leave.cancel": "취소",
+	"sharing.confirm-leave.description": "이 공유 프로젝트에서 나가시겠습니까? 해당 URL로 이동하여 해당 페이지로 돌아갈 수 있습니다.",
+	"sharing.confirm-leave.dont-show-again": "다시 묻지 않음",
+	"sharing.confirm-leave.leave": "떠나기",
+	"sharing.confirm-leave.title": "현재 프로젝트에서 나가시겠습니까?",
+	"shortcuts-dialog.a11y": "접근성",
+	"shortcuts-dialog.collaboration": "협업",
+	"shortcuts-dialog.edit": "편집",
+	"shortcuts-dialog.file": "파일",
+	"shortcuts-dialog.preferences": "설정",
+	"shortcuts-dialog.text-formatting": "텍스트 서식",
+	"shortcuts-dialog.title": "키보드 단축키",
+	"shortcuts-dialog.tools": "도구",
+	"shortcuts-dialog.transform": "변환",
+	"shortcuts-dialog.view": "보기",
+	"size-style.l": "대",
+	"size-style.m": "중",
+	"size-style.s": "소",
+	"size-style.xl": "특대",
+	"spline-style.cubic": "큐빅",
+	"spline-style.line": "선",
+	"status.offline": "오프라인",
+	"style-panel.align": "정렬",
+	"style-panel.arrow-kind": "선",
+	"style-panel.arrowhead-end": "끝 모양",
+	"style-panel.arrowhead-start": "시작 모양",
+	"style-panel.arrowheads": "화살촉",
+	"style-panel.color": "색깔",
+	"style-panel.dash": "테두리",
+	"style-panel.fill": "채우기",
+	"style-panel.font": "글꼴",
+	"style-panel.geo": "모양",
+	"style-panel.label-align": "라벨 정렬",
+	"style-panel.mixed": "혼합된",
+	"style-panel.opacity": "불투명도",
+	"style-panel.position": "위치",
+	"style-panel.selected": "선택됨",
+	"style-panel.size": "크기",
+	"style-panel.spline": "스플라인 곡선",
+	"style-panel.title": "스타일",
+	"style-panel.vertical-align": "수직 정렬",
+	"theme.dark": "다크",
+	"theme.light": "라이트",
+	"theme.system": "시스템(기본)",
+	"toast.close": "닫기",
+	"toast.error": "오류",
+	"toast.error.copy-fail.desc": "이미지를 복사하지 못했습니다.",
+	"toast.error.copy-fail.title": "복사 실패",
+	"toast.error.export-fail.desc": "이미지를 내보내지 못했습니다.",
+	"toast.error.export-fail.title": "내보내기 실패",
+	"toast.info": "정보",
+	"toast.success": "성공",
+	"toast.warning": "경고",
+	"tool-panel.more": "자세히",
+	"tool-panel.title": "도구",
+	"tool.arrow": "화살표",
+	"tool.arrow-down": "아래쪽 화살표",
+	"tool.arrow-left": "왼쪽 화살표",
+	"tool.arrow-right": "오른쪽 화살표",
+	"tool.arrow-up": "위쪽 화살표",
+	"tool.aspect-ratio": "비율",
+	"tool.aspect-ratio.circle": "원형 (1:1)",
+	"tool.aspect-ratio.landscape": "가로 (4:3)",
+	"tool.aspect-ratio.original": "원본",
+	"tool.aspect-ratio.portrait": "세로 (3:4)",
+	"tool.aspect-ratio.square": "정방형 (1:1)",
+	"tool.aspect-ratio.wide": "와이드 (16:9)",
+	"tool.bookmark": "북마크",
+	"tool.check-box": "체크박스",
+	"tool.cloud": "클라우드",
+	"tool.diamond": "마름모꼴",
+	"tool.draw": "그리기",
+	"tool.ellipse": "원형",
+	"tool.embed": "임베드",
+	"tool.eraser": "지우개",
+	"tool.flip-horz": "가로로 뒤집기",
+	"tool.flip-vert": "세로로 뒤집기",
+	"tool.frame": "프레임",
+	"tool.hand": "핸드툴",
+	"tool.heart": "하트",
+	"tool.hexagon": "육각형",
+	"tool.highlight": "하이라이트",
+	"tool.image-crop": "이미지 자르기",
+	"tool.image-crop-confirm": "확인",
+	"tool.image-toolbar-title": "이미지 편집 도구",
+	"tool.image-zoom": "확대/축소",
+	"tool.laser": "레이저",
+	"tool.line": "선",
+	"tool.media": "미디어",
+	"tool.media-alt-text": "대체 텍스트",
+	"tool.media-alt-text-confirm": "확인",
+	"tool.media-alt-text-desc": "설명을 입력하세요",
+	"tool.note": "메모",
+	"tool.octagon": "팔각형",
+	"tool.oval": "타원",
+	"tool.pentagon": "오각형",
+	"tool.pointer-down": "포인터 누름",
+	"tool.rectangle": "사각형",
+	"tool.replace-media": "미디어 변경",
+	"tool.rhombus": "마름모",
+	"tool.rich-text-bold": "굵기",
+	"tool.rich-text-bulletList": "글머리 기호 목록",
+	"tool.rich-text-code": "코드",
+	"tool.rich-text-header": "제목",
+	"tool.rich-text-highlight": "하이라이트",
+	"tool.rich-text-italic": "기울임",
+	"tool.rich-text-link": "링크",
+	"tool.rich-text-link-remove": "링크 제거",
+	"tool.rich-text-link-visit": "링크 열기",
+	"tool.rich-text-orderedList": "순서가 있는 목록",
+	"tool.rich-text-strikethrough": "취소선",
+	"tool.rich-text-toolbar-title": "텍스트 서식",
+	"tool.rotate-cw": "회전",
+	"tool.select": "선택",
+	"tool.star": "별",
+	"tool.text": "문자",
+	"tool.trapezoid": "사다리꼴",
+	"tool.triangle": "삼각형",
+	"tool.x-box": "X박스",
+	"ui.checked": "선택",
+	"ui.close": "닫기",
+	"ui.unchecked": "선택 취소",
+	"verticalAlign-style.end": "아래",
+	"verticalAlign-style.middle": "중간",
+	"verticalAlign-style.start": "위",
+	"vscode.file-open.backup": "백업",
+	"vscode.file-open.backup-failed": "백업에 실패했습니다: .tldr 파일이 아닙니다.",
+	"vscode.file-open.backup-saved": "백업 저장완료",
+	"vscode.file-open.desc": "이 파일은 이전 버전의 tldraw로 생성되었습니다. 새 버전에서 작동하도록 업데이트하시겠습니까?",
+	"vscode.file-open.dont-show-again": "다시 묻지 않음",
+	"vscode.file-open.open": "계속하기"
+}
diff --git a/web/hermes-dist/translations/ku.json b/web/hermes-dist/translations/ku.json
new file mode 100644
index 0000000..41fb8a5
--- /dev/null
+++ b/web/hermes-dist/translations/ku.json
@@ -0,0 +1,93 @@
+{
+	"action.bring-forward": "بڕۆ پێشەوە",
+	"action.bring-to-front": "بگوازرێتەوە بۆ پێشەوە",
+	"action.copy": "کۆپی بکە",
+	"action.cut": "بڕین",
+	"action.delete": "سڕینەوە",
+	"action.duplicate": "دووبارەکردنەوە",
+	"action.flip-horizontal": "ئاسۆیی وەرگەڕاندن",
+	"action.flip-vertical": "ستونی وەرگەڕاندن",
+	"action.flip-horizontal.short": "ئاسۆیی وەرگەڕاندن",
+	"action.flip-vertical.short": "ستونی وەرگەڕاندن",
+	"action.group": "کۆمەڵە",
+	"action.insert-media": "داگرتنی میدیا",
+	"action.paste": "پەیست بکە",
+	"action.redo": "دووبارە بیکەرەوە",
+	"action.select-all": "هەموویان هەڵبژێره",
+	"action.select-none": "هیچ هه‌ڵمه‌بژێره‌",
+	"action.send-backward": "بەرەو دواوە",
+	"action.send-to-back": "بچۆ بۆ پشتەوە",
+	"action.toggle-dark-mode.menu": "دۆخی تاریک",
+	"action.toggle-dark-mode": "دۆخی تاریک",
+	"action.toggle-debug-mode.menu": "مۆدی هەڵەدۆزین",
+	"action.toggle-debug-mode": "مۆدی هەڵەدۆزین",
+	"action.toggle-focus-mode.menu": "دۆخی فۆکەس",
+	"action.toggle-focus-mode": "دۆخی فۆکەس",
+	"action.toggle-grid.menu": "تۆڕی پیشان بدە",
+	"action.toggle-grid": "تۆڕی پیشان بدە",
+	"action.toggle-snap-mode.menu": "هەمیشە وێنەی خێرا پیشان بدە",
+	"action.toggle-snap-mode": "هەمیشە وێنەی خێرا پیشان بدە",
+	"action.toggle-transparent.context-menu": "ڕوون",
+	"action.toggle-transparent.menu": "ڕوون",
+	"action.undo": "پاشەکشە بکە",
+	"action.ungroup": "لابردنی کۆمەڵە",
+	"action.zoom-in": "هێنانە پێشەوە",
+	"action.zoom-out": "دوور خستنەوە",
+	"action.zoom-to-fit": "زووم بکە بۆ ئەوەی لەگەڵیدا بگونجێت",
+	"action.zoom-to-selection": "زووم بکە بۆ هەڵبژاردن",
+	"dash-style.draw": "وێنەکێشان",
+	"font-style.draw": "وێنەکێشان",
+	"geo-style.ellipse": "بیبلی",
+	"geo-style.rectangle": "لاکێشە",
+	"geo-style.triangle": "سێگۆشە",
+	"arrowheadStart-style.arrow": "تیر",
+	"arrowheadStart-style.triangle": "سێگۆشە",
+	"arrowheadEnd-style.arrow": "تیر",
+	"arrowheadEnd-style.triangle": "سێگۆشە",
+	"spline-style.line": "هێڵ",
+	"tool.select": "دەسنیاشنکردن",
+	"tool.draw": "وێنەکێشان",
+	"tool.eraser": "سڕەرەوە",
+	"tool.arrow": "تیر",
+	"tool.ellipse": "بیبلی",
+	"tool.line": "هێڵ",
+	"tool.rectangle": "لاکێشە",
+	"tool.triangle": "سێگۆشە",
+	"tool.note": "چەسپاو",
+	"tool.text": "دەق",
+	"menu.copy-as": "کۆپی وەک",
+	"menu.edit": "دەستکاری",
+	"menu.export-as": "هەناردەکردن وەک",
+	"menu.file": "فایلێک",
+	"menu.language": "زمان",
+	"menu.preferences": "خواست",
+	"menu.view": "دیمەن",
+	"context-menu.copy-as": "کۆپی وەک",
+	"context-menu.export-as": "هەناردەکردن وەک",
+	"context-menu.move-to-page": "بچۆ بۆ لاپەڕە",
+	"page-menu.create-new-page": "دروستکردنی لاپەڕە",
+	"page-menu.edit-start": "دەستکاری",
+	"page-menu.submenu.duplicate-page": "دووبارەکردنەوە",
+	"page-menu.submenu.delete": "سڕینەوە",
+	"share-menu.copy-link": "لینکی بانگهێشتکردن کۆپی بکە",
+	"share-menu.copy-readonly-link": "بە شێوەیەکی هەڕەمەکی کۆپی بکە",
+	"help-menu.keyboard-shortcuts": "کورتکراوەکانی تەختەکلیل",
+	"edit-link-dialog.cancel": "ڕەتکردنەوە",
+	"embed-dialog.cancel": "ڕەتکردنەوە",
+	"shortcuts-dialog.title": "کورتکراوەکانی تەختەکلیل",
+	"shortcuts-dialog.edit": "دەستکاری",
+	"shortcuts-dialog.file": "فایلێک",
+	"shortcuts-dialog.preferences": "خواست",
+	"shortcuts-dialog.tools": "ئامرازەکان",
+	"shortcuts-dialog.transform": "گۆڕین",
+	"shortcuts-dialog.view": "دیمەن",
+	"style-panel.title": "نەخشەکان",
+	"style-panel.align": "ڕێکخستن",
+	"style-panel.color": "رەنگ",
+	"style-panel.dash": "لەت لەت",
+	"style-panel.fill": "پڕکردنەوە",
+	"style-panel.font": "هێڵ",
+	"style-panel.size": "قەبارە",
+	"focus-mode.toggle-focus-mode": "دۆخی فۆکەس",
+	"file-system.confirm-open.cancel": "ڕەتکردنەوە"
+}
diff --git a/web/hermes-dist/translations/languages.json b/web/hermes-dist/translations/languages.json
new file mode 100644
index 0000000..03d688f
--- /dev/null
+++ b/web/hermes-dist/translations/languages.json
@@ -0,0 +1,198 @@
+[
+	{
+		"locale": "ar",
+		"label": "عربي"
+	},
+	{
+		"locale": "bn",
+		"label": "বাংলা"
+	},
+	{
+		"locale": "ca",
+		"label": "Català"
+	},
+	{
+		"locale": "cs",
+		"label": "Čeština"
+	},
+	{
+		"locale": "da",
+		"label": "Danish"
+	},
+	{
+		"locale": "de",
+		"label": "Deutsch"
+	},
+	{
+		"locale": "en",
+		"label": "English"
+	},
+	{
+		"locale": "es",
+		"label": "Español"
+	},
+	{
+		"locale": "fa",
+		"label": "فارسی"
+	},
+	{
+		"locale": "fi",
+		"label": "Suomi"
+	},
+	{
+		"locale": "fr",
+		"label": "Français"
+	},
+	{
+		"locale": "el",
+		"label": "Ελληνικά"
+	},
+	{
+		"locale": "gl",
+		"label": "Galego"
+	},
+	{
+		"locale": "gu-in",
+		"label": "ગુજરાતી"
+	},
+	{
+		"locale": "he",
+		"label": "עברית"
+	},
+	{
+		"locale": "hi-in",
+		"label": "हिन्दी"
+	},
+	{
+		"locale": "hr",
+		"label": "Hrvatski"
+	},
+	{
+		"locale": "hu",
+		"label": "Magyar"
+	},
+	{
+		"locale": "id",
+		"label": "Bahasa Indonesia"
+	},
+	{
+		"locale": "it",
+		"label": "Italiano"
+	},
+	{
+		"locale": "ja",
+		"label": "日本語"
+	},
+	{
+		"locale": "kn",
+		"label": "ಕನ್ನಡ"
+	},
+	{
+		"locale": "km-kh",
+		"label": "ភាសាខ្មែរ"
+	},
+	{
+		"locale": "ko-kr",
+		"label": "한국어"
+	},
+	{
+		"locale": "ms",
+		"label": "Bahasa Melayu"
+	},
+	{
+		"locale": "ml",
+		"label": "മലയാളം"
+	},
+	{
+		"locale": "mr",
+		"label": "मराठी"
+	},
+	{
+		"locale": "ne",
+		"label": "नेपाली"
+	},
+	{
+		"locale": "nl",
+		"label": "Nederlands"
+	},
+	{
+		"locale": "no",
+		"label": "Norwegian"
+	},
+	{
+		"locale": "pl",
+		"label": "Polski"
+	},
+	{
+		"locale": "pt-br",
+		"label": "Português - Brasil"
+	},
+	{
+		"locale": "pt-pt",
+		"label": "Português - Europeu"
+	},
+	{
+		"locale": "pa",
+		"label": "ਪੰਜਾਬੀ"
+	},
+	{
+		"locale": "ro",
+		"label": "Română"
+	},
+	{
+		"locale": "ru",
+		"label": "Русский"
+	},
+	{
+		"locale": "sl",
+		"label": "Slovenščina"
+	},
+	{
+		"locale": "so",
+		"label": "Somali"
+	},
+	{
+		"locale": "sv",
+		"label": "Svenska"
+	},
+	{
+		"locale": "ta",
+		"label": "தமிழ்"
+	},
+	{
+		"locale": "te",
+		"label": "తెలుగు"
+	},
+	{
+		"locale": "th",
+		"label": "ภาษาไทย"
+	},
+	{
+		"locale": "tl",
+		"label": "Filipino"
+	},
+	{
+		"locale": "tr",
+		"label": "Türkçe"
+	},
+	{
+		"locale": "uk",
+		"label": "Українська"
+	},
+	{
+		"locale": "ur",
+		"label": "اردو"
+	},
+	{
+		"locale": "vi",
+		"label": "Tiếng Việt"
+	},
+	{
+		"locale": "zh-cn",
+		"label": "简体中文"
+	},
+	{
+		"locale": "zh-tw",
+		"label": "繁體中文 (台灣)"
+	}
+]
diff --git a/web/hermes-dist/translations/main.json b/web/hermes-dist/translations/main.json
new file mode 100644
index 0000000..e3ee2fa
--- /dev/null
+++ b/web/hermes-dist/translations/main.json
@@ -0,0 +1,500 @@
+{
+	"action.toggle-auto-pan": "Auto (trackpad)",
+	"action.toggle-auto-zoom": "Auto (mouse)",
+	"action.toggle-auto-none": "Auto",
+	"action.toggle-mouse": "Mouse",
+	"action.toggle-trackpad": "Trackpad",
+	"action.convert-to-bookmark": "Convert to bookmark",
+	"action.convert-to-embed": "Convert to embed",
+	"action.open-embed-link": "Open link",
+	"action.align-bottom": "Align bottom",
+	"action.align-center-horizontal": "Align horizontally",
+	"action.align-center-vertical": "Align vertically",
+	"action.align-center-horizontal.short": "Align H",
+	"action.align-center-vertical.short": "Align V",
+	"action.align-left": "Align left",
+	"action.align-right": "Align right",
+	"action.align-top": "Align top",
+	"action.back-to-content": "Back to content",
+	"action.bring-forward": "Bring forward",
+	"action.bring-to-front": "Bring to front",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-json": "Copy as JSON",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-png": "Copy as PNG",
+	"action.copy-as-svg.short": "SVG",
+	"action.copy-as-svg": "Copy as SVG",
+	"action.copy": "Copy",
+	"action.copy-hovered-styles": "Copy hovered styles",
+	"action.cut": "Cut",
+	"action.delete": "Delete",
+	"action.unlock-all": "Unlock all",
+	"action.distribute-horizontal": "Distribute horizontally",
+	"action.distribute-vertical": "Distribute vertically",
+	"action.distribute-horizontal.short": "Distribute H",
+	"action.distribute-vertical.short": "Distribute V",
+	"action.download-original": "Download original",
+	"action.duplicate": "Duplicate",
+	"action.edit-link": "Edit link…",
+	"action.exit-pen-mode": "Exit pen mode",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-png": "Export as PNG",
+	"action.export-as-svg.short": "SVG",
+	"action.export-as-svg": "Export as SVG",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-png": "Export as PNG",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-all-as-svg": "Export as SVG",
+	"action.fit-frame-to-content": "Fit to content",
+	"action.flip-horizontal": "Flip horizontally",
+	"action.flip-vertical": "Flip vertically",
+	"action.flip-horizontal.short": "Flip H",
+	"action.flip-vertical.short": "Flip V",
+	"action.fork-project": "Fork this project",
+	"action.fork-project-on-tldraw": "Fork project on tldraw",
+	"action.frame-selection": "Frame selection",
+	"action.group": "Group",
+	"action.insert-embed": "Insert embed…",
+	"action.insert-media": "Upload media…",
+	"action.leave-shared-project": "Leave shared project",
+	"action.new-project": "New project",
+	"action.new-shared-project": "New shared project",
+	"action.open-cursor-chat": "Cursor chat",
+	"action.open-kbd-shortcuts": "Keyboard shortcuts…",
+	"action.open-file": "Open file",
+	"action.pack": "Pack",
+	"action.paste": "Paste",
+	"action.paste-error-title": "Pasting failed",
+	"action.paste-error-description": "Could not paste due to missing clipboard permissions. Please enable the permissions and try again.",
+	"action.print": "Print…",
+	"action.redo": "Redo",
+	"action.remove-frame": "Remove frame",
+	"action.rename": "Rename",
+	"action.rotate-ccw": "Rotate counterclockwise",
+	"action.rotate-cw": "Rotate clockwise",
+	"action.save-copy": "Save a copy",
+	"action.select-all": "Select all",
+	"action.select-none": "Select none",
+	"action.send-backward": "Send backward",
+	"action.send-to-back": "Send to back",
+	"action.share-project": "Share this project",
+	"action.stack-horizontal": "Stack horizontally",
+	"action.stack-vertical": "Stack vertically",
+	"action.stack-horizontal.short": "Stack H",
+	"action.stack-vertical.short": "Stack V",
+	"action.stop-following": "Stop following",
+	"action.stretch-horizontal": "Stretch horizontally",
+	"action.stretch-vertical": "Stretch vertically",
+	"action.stretch-horizontal.short": "Stretch H",
+	"action.stretch-vertical.short": "Stretch V",
+	"action.toggle-auto-size": "Toggle auto size",
+	"action.toggle-dark-mode.menu": "Dark mode",
+	"action.toggle-dark-mode": "Toggle dark mode",
+	"action.toggle-paste-at-cursor.menu": "Paste at cursor",
+	"action.toggle-paste-at-cursor": "Toggle paste at cursor",
+	"action.toggle-wrap-mode.menu": "Select on wrap",
+	"action.toggle-wrap-mode": "Toggle select on wrap",
+	"action.toggle-reduce-motion.menu": "Reduce motion",
+	"action.toggle-reduce-motion": "Toggle reduce motion",
+	"action.toggle-keyboard-shortcuts.menu": "Enable keyboard shortcuts",
+	"action.toggle-keyboard-shortcuts": "Toggle keyboard shortcuts",
+	"action.enhanced-a11y-mode.menu": "Enhanced accessibility mode",
+	"action.enhanced-a11y-mode": "Toggle enhanced accessibility mode",
+	"action.toggle-edge-scrolling.menu": "Edge scrolling",
+	"action.toggle-edge-scrolling": "Toggle edge scrolling",
+	"action.toggle-invert-zoom.menu": "Invert mouse zoom",
+	"action.toggle-invert-zoom": "Toggle invert mouse zoom",
+	"action.toggle-debug-mode.menu": "Debug mode",
+	"action.toggle-debug-mode": "Toggle debug mode",
+	"action.toggle-focus-mode.menu": "Focus mode",
+	"action.toggle-focus-mode": "Toggle focus mode",
+	"action.toggle-dynamic-size-mode.menu": "Dynamic size",
+	"action.toggle-dynamic-size-mode": "Toggle dynamic size",
+	"action.toggle-grid.menu": "Show grid",
+	"action.toggle-grid": "Toggle grid",
+	"action.toggle-lock": "Toggle locked",
+	"action.flatten-to-image": "Flatten",
+	"action.toggle-snap-mode.menu": "Always snap",
+	"action.toggle-snap-mode": "Toggle always snap",
+	"action.toggle-tool-lock.menu": "Tool lock",
+	"action.toggle-tool-lock": "Toggle tool lock",
+	"action.toggle-transparent.context-menu": "Transparent",
+	"action.toggle-transparent.menu": "Transparent",
+	"action.toggle-transparent": "Toggle transparent background",
+	"action.undo": "Undo",
+	"action.ungroup": "Ungroup",
+	"action.zoom-in": "Zoom in",
+	"action.zoom-out": "Zoom out",
+	"action.zoom-to-100": "Zoom to 100%",
+	"action.zoom-to-fit": "Zoom to fit",
+	"action.zoom-to-selection": "Zoom to selection",
+	"action.zoom-quick": "Quick zoom",
+	"action.select-zoom-tool": "Zoom",
+	"assets.files.size-too-big": "File size is too big",
+	"assets.files.maximum-size": "Maximum file size is {size}",
+	"assets.files.type-not-allowed": "File type is not allowed",
+	"assets.files.upload-failed": "Upload failed",
+	"assets.files.amount-too-many": "Too many files",
+	"assets.url.failed": "Couldn’t load URL preview",
+	"theme.dark": "Dark",
+	"theme.light": "Light",
+	"theme.system": "System",
+	"color-style.white": "White",
+	"color-style.black": "Black",
+	"color-style.blue": "Blue",
+	"color-style.green": "Green",
+	"color-style.grey": "Grey",
+	"color-style.light-blue": "Light blue",
+	"color-style.light-green": "Light green",
+	"color-style.light-red": "Light red",
+	"color-style.light-violet": "Light violet",
+	"color-style.orange": "Orange",
+	"color-style.red": "Red",
+	"color-style.violet": "Violet",
+	"color-style.yellow": "Yellow",
+	"fill-style.none": "None",
+	"document.default-name": "Untitled",
+	"fill-style.semi": "Semi",
+	"fill-style.solid": "Solid",
+	"fill-style.pattern": "Pattern",
+	"fill-style.fill": "Fill",
+	"fill-style.lined-fill": "Lined fill",
+	"dash-style.dashed": "Dashed",
+	"dash-style.dotted": "Dotted",
+	"dash-style.draw": "Draw",
+	"dash-style.solid": "Solid",
+	"size-style.s": "Small",
+	"size-style.m": "Medium",
+	"size-style.l": "Large",
+	"size-style.xl": "Extra large",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"font-style.draw": "Draw",
+	"font-style.sans": "Sans",
+	"font-style.serif": "Serif",
+	"font-style.mono": "Mono",
+	"align-style.start": "Start",
+	"align-style.middle": "Middle",
+	"align-style.end": "End",
+	"align-style.justify": "Justify",
+	"verticalAlign-style.start": "Top",
+	"verticalAlign-style.middle": "Middle",
+	"verticalAlign-style.end": "Bottom",
+	"geo-style.arrow-down": "Arrow down",
+	"geo-style.arrow-left": "Arrow left",
+	"geo-style.arrow-right": "Arrow right",
+	"geo-style.arrow-up": "Arrow up",
+	"geo-style.cloud": "Cloud",
+	"geo-style.diamond": "Diamond",
+	"geo-style.ellipse": "Ellipse",
+	"geo-style.heart": "Heart",
+	"geo-style.hexagon": "Hexagon",
+	"geo-style.octagon": "Octagon",
+	"geo-style.oval": "Oval",
+	"geo-style.pentagon": "Pentagon",
+	"geo-style.rectangle": "Rectangle",
+	"geo-style.rhombus": "Rhombus",
+	"geo-style.rhombus-2": "Rhombus left",
+	"geo-style.star": "Star",
+	"geo-style.trapezoid": "Trapezoid",
+	"geo-style.triangle": "Triangle",
+	"geo-style.x-box": "X box",
+	"geo-style.check-box": "Check box",
+	"arrowheadStart-style.none": "None",
+	"arrowheadStart-style.arrow": "Arrow",
+	"arrowheadStart-style.bar": "Bar",
+	"arrowheadStart-style.diamond": "Diamond",
+	"arrowheadStart-style.dot": "Dot",
+	"arrowheadStart-style.inverted": "Inverted",
+	"arrowheadStart-style.pipe": "Pipe",
+	"arrowheadStart-style.square": "Square",
+	"arrowheadStart-style.triangle": "Triangle",
+	"arrowheadEnd-style.none": "None",
+	"arrowheadEnd-style.arrow": "Arrow",
+	"arrowheadEnd-style.bar": "Bar",
+	"arrowheadEnd-style.diamond": "Diamond",
+	"arrowheadEnd-style.dot": "Dot",
+	"arrowheadEnd-style.inverted": "Inverted",
+	"arrowheadEnd-style.pipe": "Pipe",
+	"arrowheadEnd-style.square": "Square",
+	"arrowheadEnd-style.triangle": "Triangle",
+	"spline-style.line": "Line",
+	"spline-style.cubic": "Cubic",
+	"arrow-kind-style.arc": "Arc",
+	"arrow-kind-style.elbow": "Elbow",
+	"tool.select": "Select",
+	"tool.hand": "Hand",
+	"tool.draw": "Draw",
+	"tool.eraser": "Eraser",
+	"tool.arrow-down": "Arrow down",
+	"tool.arrow-left": "Arrow left",
+	"tool.arrow-right": "Arrow right",
+	"tool.arrow-up": "Arrow up",
+	"tool.arrow": "Arrow",
+	"tool.cloud": "Cloud",
+	"tool.diamond": "Diamond",
+	"tool.ellipse": "Ellipse",
+	"tool.heart": "Heart",
+	"tool.hexagon": "Hexagon",
+	"tool.highlight": "Highlight",
+	"tool.line": "Line",
+	"tool.octagon": "Octagon",
+	"tool.oval": "Oval",
+	"tool.pentagon": "Pentagon",
+	"tool.rectangle": "Rectangle",
+	"tool.rhombus": "Rhombus",
+	"tool.star": "Star",
+	"tool.trapezoid": "Trapezoid",
+	"tool.triangle": "Triangle",
+	"tool.x-box": "X box",
+	"tool.check-box": "Check box",
+	"tool.media": "Media",
+	"tool.frame": "Frame",
+	"tool.note": "Note",
+	"tool.laser": "Laser",
+	"tool.embed": "Embed",
+	"tool.text": "Text",
+	"tool.pointer-down": "Pointer down",
+	"tool.image-zoom": "Zoom",
+	"tool.replace-media": "Replace media…",
+	"tool.flip-horz": "Flip horizontally",
+	"tool.flip-vert": "Flip vertically",
+	"tool.rotate-cw": "Rotate",
+	"tool.aspect-ratio": "Aspect ratio",
+	"tool.aspect-ratio.original": "Original",
+	"tool.aspect-ratio.square": "Square (1:1)",
+	"tool.aspect-ratio.circle": "Circle (1:1)",
+	"tool.aspect-ratio.landscape": "Landscape (4:3)",
+	"tool.aspect-ratio.portrait": "Portrait (3:4)",
+	"tool.aspect-ratio.wide": "Wide (16:9)",
+	"tool.image-toolbar-title": "Image tools",
+	"tool.image-crop": "Crop image",
+	"tool.image-crop-confirm": "Confirm",
+	"tool.media-alt-text": "Alternative text",
+	"tool.media-alt-text-desc": "Give a description…",
+	"tool.media-alt-text-confirm": "Confirm",
+	"tool.rich-text-bold": "Bold",
+	"tool.rich-text-italic": "Italic",
+	"tool.rich-text-code": "Code",
+	"tool.rich-text-highlight": "Highlight",
+	"tool.rich-text-strikethrough": "Strikethrough",
+	"tool.rich-text-link": "Link",
+	"tool.rich-text-link-visit": "Visit link",
+	"tool.rich-text-link-remove": "Remove link",
+	"tool.rich-text-header": "Header",
+	"tool.rich-text-bulletList": "Bulleted list",
+	"tool.rich-text-toolbar-title": "Text formatting",
+	"tool.rich-text-orderedList": "Ordered list",
+	"tool.bookmark": "Bookmark",
+	"a11y.status": "Status",
+	"a11y.skip-to-main-content": "Move focus to canvas",
+	"a11y.shape-index": "{num} of {total}",
+	"a11y.shape-image": "Image",
+	"a11y.shape-video": "Video",
+	"a11y.multiple-shapes": "{num} shapes selected",
+	"a11y.select-shape": "Select next shape",
+	"a11y.select-shape-direction": "Select shape in direction",
+	"a11y.enter-leave-container": "Enter/leave container",
+	"a11y.repeat-shape": "Repeat shape",
+	"a11y.move-shape": "Move shape",
+	"a11y.move-shape-faster": "Move shape faster",
+	"a11y.rotate-shape-cw": "Rotate shape clockwise",
+	"a11y.rotate-shape-ccw": "Rotate shape counterclockwise",
+	"a11y.rotate-shape-cw-fine": "Rotate shape clockwise (fine)",
+	"a11y.rotate-shape-ccw-fine": "Rotate shape counterclockwise (fine)",
+	"a11y.enlarge-shape": "Enlarge shape",
+	"a11y.shrink-shape": "Shrink shape",
+	"a11y.pan-camera": "Pan camera",
+	"a11y.adjust-shape-styles": "Adjust shape styles",
+	"a11y.open-context-menu": "Context menu…",
+	"a11y.open-keyboard-shortcuts": "Keyboard shortcuts…",
+	"menu.title": "Menu",
+	"menu.theme": "Theme",
+	"menu.color-theme": "Color theme",
+	"menu.accessibility": "Accessibility",
+	"menu.copy-as": "Copy as",
+	"menu.edit": "Edit",
+	"menu.export-as": "Export as",
+	"menu.file": "File",
+	"menu.language": "Language",
+	"menu.preferences": "Preferences",
+	"menu.view": "View",
+	"menu.input-device": "Input device",
+	"context-menu.title": "Context menu",
+	"context-menu.edit": "Edit",
+	"context-menu.arrange": "Arrange",
+	"context-menu.copy-as": "Copy as",
+	"context-menu.export-as": "Export as",
+	"context-menu.export-all-as": "Export",
+	"context-menu.move-to-page": "Move to page",
+	"context-menu.reorder": "Reorder",
+	"page-menu.title": "Pages",
+	"page-menu.create-new-page": "Create new page",
+	"page-menu.max-pages-reached": "Maximum pages reached",
+	"page-menu.new-page-initial-name": "Page 1",
+	"page-menu.edit-start": "Edit",
+	"page-menu.edit-done": "Done",
+	"page-menu.go-to-page": "Go to page",
+	"page-menu.resize": "Resize page list",
+	"page-menu.submenu.rename": "Rename",
+	"page-menu.submenu.duplicate-page": "Duplicate",
+	"page-menu.submenu.title": "Menu",
+	"page-menu.submenu.move-down": "Move down",
+	"page-menu.submenu.move-up": "Move up",
+	"page-menu.submenu.delete": "Delete",
+	"share-menu.title": "Share",
+	"share-menu.save-note": "Download this project to your computer as a .tldr file.",
+	"share-menu.fork-note": "Create a new shared project based on this snapshot.",
+	"share-menu.share-project": "Share this project",
+	"share-menu.copy-link": "Copy editor link",
+	"share-menu.create-snapshot-link": "Copy snapshot link",
+	"share-menu.snapshot-link-note": "Capture and share this project as a read-only snapshot link.",
+	"share-menu.copy-readonly-link": "Copy viewer link",
+	"share-menu.offline-note": "Create a new shared project based on your current project.",
+	"share-menu.copy-link-note": "Anyone with the link will be able to view and edit this project.",
+	"share-menu.copy-readonly-link-note": "Anyone with the link will be able to access this project.",
+	"share-menu.project-too-large": "Sorry, this project can’t be shared because it’s too large. We’re working on it!",
+	"share-menu.upload-failed": "Sorry, we couldn’t upload your project at the moment. Please try again or let us know if the problem persists.",
+	"share-menu.creating-project": "Creating the new project…",
+	"share-menu.copied": "Copied link",
+	"document-name-menu.copy-link": "Copy link",
+	"status.offline": "Offline",
+	"people-menu.title": "People",
+	"people-menu.change-name": "Change name",
+	"people-menu.avatar-color": "Avatar color",
+	"people-menu.change-color": "Change color",
+	"people-menu.follow": "Following",
+	"people-menu.following": "Following",
+	"people-menu.leading": "Following you",
+	"people-menu.user": "(You)",
+	"people-menu.invite": "Invite others",
+	"people-menu.anonymous-user": "New user",
+	"help-menu.import-tldr-file": "Import file…",
+	"help-menu.title": "Help and resources",
+	"help-menu.about": "About tldraw",
+	"help-menu.discord": "Discord",
+	"help-menu.github": "GitHub",
+	"help-menu.keyboard-shortcuts": "Keyboard shortcuts…",
+	"help-menu.twitter": "Twitter",
+	"help-menu.terms": "Terms of service",
+	"help-menu.privacy": "Privacy policy",
+	"actions-menu.title": "Actions",
+	"edit-link-dialog.title": "Edit link",
+	"edit-link-dialog.invalid-url": "A link must be a valid URL.",
+	"edit-link-dialog.detail": "Links will open in a new tab.",
+	"edit-link-dialog.url": "URL",
+	"edit-link-dialog.clear": "Clear",
+	"edit-link-dialog.save": "Continue",
+	"edit-link-dialog.cancel": "Cancel",
+	"edit-link-dialog.external-link": "External link",
+	"embed-dialog.title": "Insert embed",
+	"embed-dialog.back": "Back",
+	"embed-dialog.create": "Create",
+	"embed-dialog.cancel": "Cancel",
+	"embed-dialog.url": "URL",
+	"embed-dialog.instruction": "Paste in the site’s URL to create the embed.",
+	"embed-dialog.invalid-url": "We could not create an embed from that URL.",
+	"shortcuts-dialog.title": "Keyboard shortcuts",
+	"shortcuts-dialog.edit": "Edit",
+	"shortcuts-dialog.file": "File",
+	"shortcuts-dialog.preferences": "Preferences",
+	"shortcuts-dialog.tools": "Tools",
+	"shortcuts-dialog.transform": "Transform",
+	"shortcuts-dialog.view": "View",
+	"shortcuts-dialog.collaboration": "Collaboration",
+	"shortcuts-dialog.a11y": "Accessibility",
+	"shortcuts-dialog.text-formatting": "Text formatting",
+	"style-panel.title": "Styles",
+	"style-panel.align": "Align",
+	"style-panel.label-align": "Label align",
+	"style-panel.vertical-align": "Vertical align",
+	"style-panel.position": "Position",
+	"style-panel.arrowheads": "Arrows",
+	"style-panel.arrowhead-start": "Start",
+	"style-panel.arrowhead-end": "End",
+	"style-panel.arrow-kind": "Line",
+	"style-panel.color": "Color",
+	"style-panel.dash": "Dash",
+	"style-panel.fill": "Fill",
+	"style-panel.font": "Font",
+	"style-panel.geo": "Shape",
+	"style-panel.mixed": "Mixed",
+	"style-panel.opacity": "Opacity",
+	"style-panel.size": "Size",
+	"style-panel.spline": "Spline",
+	"style-panel.selected": "selected",
+	"tool-panel.title": "Tools",
+	"tool-panel.more": "More",
+	"navigation-zone.title": "Navigation",
+	"navigation-zone.minimap": "Minimap",
+	"navigation-zone.toggle-minimap": "Toggle minimap",
+	"navigation-zone.zoom": "Zoom",
+	"focus-mode.toggle-focus-mode": "Toggle focus mode",
+	"toast.close": "Close",
+	"toast.success": "Success",
+	"toast.error": "Error",
+	"toast.info": "Info",
+	"toast.warning": "Warning",
+	"file-system.file-open-error.title": "Could not open file",
+	"file-system.file-open-error.not-a-tldraw-file": "The file you tried to open doesn’t look like a tldraw file.",
+	"file-system.file-open-error.file-format-version-too-new": "The file you tried to open is from a newer version of tldraw. Please reload the page and try again.",
+	"file-system.file-open-error.generic-corrupted-file": "The file you tried to open is corrupted.",
+	"file-system.confirm-open.title": "Overwrite current project?",
+	"file-system.confirm-open.description": "Opening a file will replace your current project and any unsaved changes will be lost. Are you sure you want to continue?",
+	"file-system.confirm-open.cancel": "Cancel",
+	"file-system.confirm-open.open": "Open file",
+	"file-system.confirm-open.dont-show-again": "Don’t ask again",
+	"file-system.confirm-clear.title": "Clear current project?",
+	"file-system.confirm-clear.description": "Creating a new project will clear your current project and any unsaved changes will be lost. Are you sure you want to continue?",
+	"file-system.confirm-clear.cancel": "Cancel",
+	"file-system.confirm-clear.continue": "Continue",
+	"file-system.confirm-clear.dont-show-again": "Don’t ask again",
+	"file-system.shared-document-file-open-error.title": "Could not open file",
+	"file-system.shared-document-file-open-error.description": "Opening files from shared projects is not supported.",
+	"sharing.confirm-leave.title": "Leave current project?",
+	"sharing.confirm-leave.description": "Are you sure you want to leave this shared project? You can return to it by navigating to its URL.",
+	"sharing.confirm-leave.cancel": "Cancel",
+	"sharing.confirm-leave.leave": "Leave",
+	"sharing.confirm-leave.dont-show-again": "Don’t ask again",
+	"toast.error.export-fail.title": "Failed export",
+	"toast.error.export-fail.desc": "Failed to export image",
+	"toast.error.copy-fail.title": "Failed copy",
+	"toast.error.copy-fail.desc": "Failed to copy image",
+	"context.pages.new-page": "New page",
+	"vscode.file-open.desc": "We’ve updated this document to work with the current version of tldraw. If you’d like to keep the original version (which will work on old.tldraw.com), click below to create a backup.",
+	"vscode.file-open.open": "Continue",
+	"vscode.file-open.backup": "Backup",
+	"vscode.file-open.backup-saved": "Backup saved",
+	"vscode.file-open.backup-failed": "Backup failed: this is not a .tldr file.",
+	"vscode.file-open.dont-show-again": "Don’t ask again",
+	"cursor-chat.type-to-chat": "Type to chat…",
+	"app.loading": "Loading tldraw…",
+	"handle.resize-top": "Resize top",
+	"handle.resize-bottom": "Resize bottom",
+	"handle.resize-left": "Resize left",
+	"handle.resize-right": "Resize right",
+	"handle.resize-top-left": "Resize top left",
+	"handle.resize-top-right": "Resize top right",
+	"handle.resize-bottom-left": "Resize bottom left",
+	"handle.resize-bottom-right": "Resize bottom right",
+	"handle.rotate.top_left_rotate": "Rotate top left",
+	"handle.rotate.top_right_rotate": "Rotate top right",
+	"handle.rotate.bottom_left_rotate": "Rotate bottom left",
+	"handle.rotate.bottom_right_rotate": "Rotate bottom right",
+	"handle.rotate.mobile_rotate": "Rotate",
+	"handle.crop.top": "Crop top",
+	"handle.crop.bottom": "Crop bottom",
+	"handle.crop.left": "Crop left",
+	"handle.crop.right": "Crop right",
+	"handle.crop.top-left": "Crop top left",
+	"handle.crop.top-right": "Crop top right",
+	"handle.crop.bottom-left": "Crop bottom left",
+	"handle.crop.bottom-right": "Crop bottom right",
+	"ui.close": "Close",
+	"ui.checked": "Checked",
+	"ui.unchecked": "Unchecked"
+}
+
diff --git a/web/hermes-dist/translations/ml.json b/web/hermes-dist/translations/ml.json
new file mode 100644
index 0000000..2b86f9f
--- /dev/null
+++ b/web/hermes-dist/translations/ml.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "ആകൃതി ശൈലികൾ ക്രമീകരിക്കുക",
+	"a11y.enlarge-shape": "ആകൃതി വലുതാക്കുക",
+	"a11y.enter-leave-container": "കണ്ടെയ്നറിൽ പ്രവേശിക്കുക/വിടുക",
+	"a11y.move-shape": "ആകാരം നീക്കുക",
+	"a11y.move-shape-faster": "ആകാരം വേഗത്തിൽ നീക്കുക",
+	"a11y.multiple-shapes": "{num} ആകൃതികൾ തിരഞ്ഞെടുത്തു",
+	"a11y.open-context-menu": "സന്ദർഭ മെനു തുറക്കുക",
+	"a11y.open-keyboard-shortcuts": "കീബോർഡ് കുറുക്കുവഴികൾ തുറക്കുക",
+	"a11y.pan-camera": "ക്യാമറ പാൻ ചെയ്യുക",
+	"a11y.repeat-shape": "ആകൃതി ആവർത്തിക്കുക",
+	"a11y.rotate-shape-ccw": "ആകൃതി എതിർ ഘടികാരദിശയിൽ തിരിക്കുക",
+	"a11y.rotate-shape-ccw-fine": "ആകൃതി എതിർ ഘടികാരദിശയിൽ തിരിക്കുക (നന്നായി)",
+	"a11y.rotate-shape-cw": "ആകാരം ഘടികാരദിശയിൽ തിരിക്കുക",
+	"a11y.rotate-shape-cw-fine": "ആകാരം ഘടികാരദിശയിൽ തിരിക്കുക (നേർത്തത്)",
+	"a11y.select-shape": "അടുത്ത ആകാരം തിരഞ്ഞെടുക്കുക",
+	"a11y.select-shape-direction": "ദിശയിലുള്ള ആകൃതി തിരഞ്ഞെടുക്കുക",
+	"a11y.shape-image": "ചിത്രം",
+	"a11y.shape-index": "{total} എണ്ണത്തിൽ {num}",
+	"a11y.shape-video": "വീഡിയോ",
+	"a11y.shrink-shape": "ആകൃതി ചുരുക്കുക",
+	"a11y.skip-to-main-content": "ഫോക്കസ് ക്യാൻവാസിലേക്ക് നീക്കുക",
+	"a11y.status": "പദവി",
+	"action.align-bottom": "താഴെ വിന്യസിക്കുക",
+	"action.align-center-horizontal": "തിരശ്ചീനമായി വിന്യസിക്കുക",
+	"action.align-center-horizontal.short": "അലൈൻ എച്ച്",
+	"action.align-center-vertical": "ലംബമായി വിന്യസിക്കുക",
+	"action.align-center-vertical.short": "അലൈൻ വി",
+	"action.align-left": "ഇടത് വിന്യസിക്കുക",
+	"action.align-right": "വലത്തേക്ക് വിന്യസിക്കുക",
+	"action.align-top": "മുകളിൽ വിന്യസിക്കുക",
+	"action.back-to-content": "ഉള്ളടക്കത്തിലേക്ക് മടങ്ങുക",
+	"action.bring-forward": "മുന്നോട്ട് കൊണ്ടുവരിക",
+	"action.bring-to-front": "മുന്നിലേക്ക് കൊണ്ടുവരിക",
+	"action.convert-to-bookmark": "ബുക്ക്‌മാർക്കിലേക്ക് പരിവർത്തനം ചെയ്യുക",
+	"action.convert-to-embed": "എംബഡിലേക്ക് പരിവർത്തനം ചെയ്യുക",
+	"action.copy": "പകർത്തുക",
+	"action.copy-as-json": "JSON ആയി പകർത്തുക",
+	"action.copy-as-json.short": "ജെ‌എസ്‌ഒ‌എൻ‌",
+	"action.copy-as-png": "PNG ആയി പകർത്തുക",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "SVG ആയി പകർത്തുക",
+	"action.copy-as-svg.short": "എസ്.വി.ജി",
+	"action.cut": "മുറിക്കുക",
+	"action.delete": "ഇല്ലാതാക്കുക",
+	"action.distribute-horizontal": "തിരശ്ചീനമായി വിതരണം ചെയ്യുക",
+	"action.distribute-horizontal.short": "എച്ച് വിതരണം ചെയ്യുക",
+	"action.distribute-vertical": "ലംബമായി വിതരണം ചെയ്യുക",
+	"action.distribute-vertical.short": "വി വിതരണം ചെയ്യുക",
+	"action.download-original": "ഒറിജിനൽ ഡൗൺലോഡ് ചെയ്യുക",
+	"action.duplicate": "ഡ്യൂപ്ലിക്കേറ്റ്",
+	"action.edit-link": "ലിങ്ക് എഡിറ്റ് ചെയ്യുക",
+	"action.enhanced-a11y-mode": "മെച്ചപ്പെടുത്തിയ ഉപയോഗസഹായി മോഡ് ടോഗിൾ ചെയ്യുക",
+	"action.enhanced-a11y-mode.menu": "മെച്ചപ്പെടുത്തിയ ഉപയോഗസഹായി മോഡ്",
+	"action.exit-pen-mode": "പേന മോഡിൽ നിന്ന് പുറത്തുകടക്കുക",
+	"action.export-all-as-png": "എല്ലാം PNG ആയി കയറ്റുമതി ചെയ്യുക",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "എല്ലാം SVG ആയി കയറ്റുമതി ചെയ്യുക",
+	"action.export-all-as-svg.short": "എസ്.വി.ജി",
+	"action.export-as-png": "PNG ആയി കയറ്റുമതി ചെയ്യുക",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "SVG ആയി കയറ്റുമതി ചെയ്യുക",
+	"action.export-as-svg.short": "എസ്.വി.ജി",
+	"action.fit-frame-to-content": "ഉള്ളടക്കത്തിന് അനുയോജ്യം",
+	"action.flatten-to-image": "പരത്തുക",
+	"action.flip-horizontal": "തിരശ്ചീനമായി ഫ്ലിപ്പുചെയ്യുക",
+	"action.flip-horizontal.short": "ഫ്ലിപ്പ് എച്ച്",
+	"action.flip-vertical": "ലംബമായി ഫ്ലിപ്പുചെയ്യുക",
+	"action.flip-vertical.short": "ഫ്ലിപ്പ് വി",
+	"action.fork-project": "ഈ പദ്ധതി ഫോർക്ക് ചെയ്യുക",
+	"action.fork-project-on-tldraw": "ഫോർക്ക് പ്രോജക്റ്റ് ഓൺ tldraw",
+	"action.group": "ഗ്രൂപ്പ്",
+	"action.insert-embed": "ഉൾച്ചേർക്കുക",
+	"action.insert-media": "മീഡിയ അപ്‌ലോഡ് ചെയ്യുക",
+	"action.leave-shared-project": "പങ്കിട്ട പ്രോജക്റ്റ് ഉപേക്ഷിക്കുക",
+	"action.new-project": "പുതിയ പദ്ധതി",
+	"action.new-shared-project": "പുതിയ പങ്കിട്ട പ്രോജക്റ്റ്",
+	"action.open-cursor-chat": "കഴ്‌സർ ചാറ്റ്",
+	"action.open-embed-link": "ലിങ്ക് തുറക്കുക",
+	"action.open-file": "ഫയൽ തുറക്കുക",
+	"action.open-kbd-shortcuts": "കീബോർഡ് കുറുക്കുവഴികൾ തുറക്കുക",
+	"action.pack": "പാക്ക്",
+	"action.paste": "ഒട്ടിക്കുക",
+	"action.paste-error-description": "ക്ലിപ്പ്ബോർഡ് അനുമതികൾ നഷ്ടപ്പെട്ടതിനാൽ ഒട്ടിക്കാൻ കഴിഞ്ഞില്ല. അനുമതികൾ പ്രവർത്തനക്ഷമമാക്കി വീണ്ടും ശ്രമിക്കുക.",
+	"action.paste-error-title": "ഒട്ടിക്കുന്നത് പരാജയപ്പെട്ടു",
+	"action.print": "അച്ചടിക്കുക",
+	"action.redo": "വീണ്ടും ചെയ്യുക",
+	"action.remove-frame": "ഫ്രെയിം നീക്കം ചെയ്യുക",
+	"action.rename": "പേരുമാറ്റുക",
+	"action.rotate-ccw": "എതിർ ഘടികാരദിശയിൽ തിരിക്കുക",
+	"action.rotate-cw": "ഘടികാരദിശയിൽ തിരിക്കുക",
+	"action.save-copy": "ഒരു പകർപ്പ് സംരക്ഷിക്കുക",
+	"action.select-all": "എല്ലാം തിരഞ്ഞെടുക്കുക",
+	"action.select-none": "ഒന്നും തിരഞ്ഞെടുക്കരുത്",
+	"action.select-zoom-tool": "സൂം ചെയ്യുക",
+	"action.send-backward": "പിന്നിലേക്ക് അയക്കുക",
+	"action.send-to-back": "പിന്നിലേക്ക് അയക്കുക",
+	"action.share-project": "ഈ പദ്ധതി പങ്കിടുക",
+	"action.stack-horizontal": "തിരശ്ചീനമായി അടുക്കുക",
+	"action.stack-horizontal.short": "സ്റ്റാക്ക് എച്ച്",
+	"action.stack-vertical": "ലംബമായി അടുക്കുക",
+	"action.stack-vertical.short": "സ്റ്റാക്ക് വി",
+	"action.stop-following": "പിന്തുടരുന്നത് നിർത്തുക",
+	"action.stretch-horizontal": "തിരശ്ചീനമായി നീട്ടുക",
+	"action.stretch-horizontal.short": "സ്ട്രെച്ച് എച്ച്",
+	"action.stretch-vertical": "ലംബമായി നീട്ടുക",
+	"action.stretch-vertical.short": "സ്ട്രെച്ച് വി",
+	"action.toggle-auto-none": "ഓട്ടോ",
+	"action.toggle-auto-pan": "ഓട്ടോ (ട്രാക്ക്പാഡ്)",
+	"action.toggle-auto-size": "ഓട്ടോ സൈസ് ടോഗിൾ ചെയ്യുക",
+	"action.toggle-auto-zoom": "ഓട്ടോ (മൗസ്)",
+	"action.toggle-dark-mode": "ഡാർക്ക് മോഡ് ടോഗിൾ ചെയ്യുക",
+	"action.toggle-dark-mode.menu": "ഡാർക്ക് മോഡ്",
+	"action.toggle-debug-mode": "ഡീബഗ് മോഡ് ടോഗിൾ ചെയ്യുക",
+	"action.toggle-debug-mode.menu": "ഡീബഗ് മോഡ്",
+	"action.toggle-dynamic-size-mode": "ഡൈനാമിക് സൈസ് ടോഗിൾ ചെയ്യുക",
+	"action.toggle-dynamic-size-mode.menu": "ഡൈനാമിക് വലിപ്പം",
+	"action.toggle-edge-scrolling": "എഡ്ജ് സ്ക്രോളിംഗ് ടോഗിൾ ചെയ്യുക",
+	"action.toggle-edge-scrolling.menu": "എഡ്ജ് സ്ക്രോളിംഗ്",
+	"action.toggle-focus-mode": "ഫോക്കസ് മോഡ് ടോഗിൾ ചെയ്യുക",
+	"action.toggle-focus-mode.menu": "ഫോക്കസ് മോഡ്",
+	"action.toggle-grid": "ഗ്രിഡ് ടോഗിൾ ചെയ്യുക",
+	"action.toggle-grid.menu": "ഗ്രിഡ് കാണിക്കുക",
+	"action.toggle-invert-zoom": "വിപരീത മൗസ് സൂം ടോഗിൾ ചെയ്യുക",
+	"action.toggle-invert-zoom.menu": "മൗസ് സൂം വിപരീതമാക്കുക",
+	"action.toggle-keyboard-shortcuts": "കീബോർഡ് കുറുക്കുവഴികൾ മാറ്റുക",
+	"action.toggle-keyboard-shortcuts.menu": "കീബോർഡ് കുറുക്കുവഴികൾ പ്രാപ്തമാക്കുക",
+	"action.toggle-lock": "ലോക്ക് / അൺലോക്ക്",
+	"action.toggle-mouse": "മൗസ്",
+	"action.toggle-paste-at-cursor": "കഴ്‌സറിൽ ഒട്ടിക്കുക ടോഗിൾ ചെയ്യുക",
+	"action.toggle-paste-at-cursor.menu": "കഴ്‌സറിൽ ഒട്ടിക്കുക",
+	"action.toggle-reduce-motion": "ചലനം കുറയ്ക്കുക ടോഗിൾ ചെയ്യുക",
+	"action.toggle-reduce-motion.menu": "ചലനം കുറയ്ക്കുക",
+	"action.toggle-snap-mode": "എപ്പോഴും സ്നാപ്പ് ടോഗിൾ ചെയ്യുക",
+	"action.toggle-snap-mode.menu": "എപ്പോഴും സ്നാപ്പ് ചെയ്യുക",
+	"action.toggle-tool-lock": "ടൂൾ ലോക്ക് ടോഗിൾ ചെയ്യുക",
+	"action.toggle-tool-lock.menu": "ടൂൾ ലോക്ക്",
+	"action.toggle-trackpad": "ട്രാക്ക്പാഡ്",
+	"action.toggle-transparent": "സുതാര്യമായ പശ്ചാത്തലം ടോഗിൾ ചെയ്യുക",
+	"action.toggle-transparent.context-menu": "സുതാര്യം",
+	"action.toggle-transparent.menu": "സുതാര്യം",
+	"action.toggle-wrap-mode": "റാപ്പിൽ തിരഞ്ഞെടുക്കുക ടോഗിൾ ചെയ്യുക",
+	"action.toggle-wrap-mode.menu": "റാപ്പിൽ തിരഞ്ഞെടുക്കുക",
+	"action.undo": "പഴയപടിയാക്കുക",
+	"action.ungroup": "അൺഗ്രൂപ്പ് ചെയ്യുക",
+	"action.unlock-all": "എല്ലാം അൺലോക്ക് ചെയ്യുക",
+	"action.zoom-in": "സൂം ഇൻ ചെയ്യുക",
+	"action.zoom-out": "സൂം ഔട്ട് ചെയ്യുക",
+	"action.zoom-quick": "ദ്രുത സൂം",
+	"action.zoom-to-100": "100% സൂം ചെയ്യുക",
+	"action.zoom-to-fit": "അനുയോജ്യമാക്കാൻ സൂം ചെയ്യുക",
+	"action.zoom-to-selection": "തിരഞ്ഞെടുക്കുന്നതിലേക്ക് സൂം ചെയ്യുക",
+	"actions-menu.title": "പ്രവർത്തനങ്ങൾ",
+	"align-style.end": "അവസാനിക്കുന്നു",
+	"align-style.justify": "ന്യായീകരിക്കുക",
+	"align-style.middle": "മധ്യഭാഗം",
+	"align-style.start": "ആരംഭിക്കുക",
+	"app.loading": "tldraw ലോഡ് ചെയ്യുന്നു…",
+	"arrow-kind-style.arc": "ആർക്ക്",
+	"arrow-kind-style.elbow": "കൈമുട്ട്",
+	"arrowheadEnd-style.arrow": "അമ്പ്",
+	"arrowheadEnd-style.bar": "ബാർ",
+	"arrowheadEnd-style.diamond": "വജ്രം",
+	"arrowheadEnd-style.dot": "ഡോട്ട്",
+	"arrowheadEnd-style.inverted": "വിപരീതം",
+	"arrowheadEnd-style.none": "ഒന്നുമില്ല",
+	"arrowheadEnd-style.pipe": "പൈപ്പ്",
+	"arrowheadEnd-style.square": "സമചതുരം",
+	"arrowheadEnd-style.triangle": "ത്രികോണം",
+	"arrowheadStart-style.arrow": "അമ്പ്",
+	"arrowheadStart-style.bar": "ബാർ",
+	"arrowheadStart-style.diamond": "വജ്രം",
+	"arrowheadStart-style.dot": "ഡോട്ട്",
+	"arrowheadStart-style.inverted": "വിപരീതം",
+	"arrowheadStart-style.none": "ഒന്നുമില്ല",
+	"arrowheadStart-style.pipe": "പൈപ്പ്",
+	"arrowheadStart-style.square": "സമചതുരം",
+	"arrowheadStart-style.triangle": "ത്രികോണം",
+	"assets.files.amount-too-many": "വളരെയധികം ഫയലുകൾ",
+	"assets.files.maximum-size": "പരമാവധി ഫയൽ വലുപ്പം {size} ആണ്.",
+	"assets.files.size-too-big": "ഫയൽ വലുപ്പം വളരെ വലുതാണ്",
+	"assets.files.type-not-allowed": "ഫയൽ തരം അനുവദനീയമല്ല",
+	"assets.files.upload-failed": "അപ്‌ലോഡ് പരാജയപ്പെട്ടു",
+	"assets.url.failed": "URL പ്രിവ്യൂ ലോഡ് ചെയ്യാനായില്ല",
+	"color-style.black": "കറുപ്പ്",
+	"color-style.blue": "നീല",
+	"color-style.green": "പച്ച",
+	"color-style.grey": "ചാരനിറം",
+	"color-style.light-blue": "ഇളം നീല",
+	"color-style.light-green": "ഇളം പച്ച",
+	"color-style.light-red": "ഇളം ചുവപ്പ്",
+	"color-style.light-violet": "ഇളം വയലറ്റ്",
+	"color-style.orange": "ഓറഞ്ച്",
+	"color-style.red": "ചുവപ്പ്",
+	"color-style.violet": "വയലറ്റ്",
+	"color-style.white": "വെള്ള",
+	"color-style.yellow": "മഞ്ഞ",
+	"context-menu.arrange": "ക്രമീകരിക്കുക",
+	"context-menu.copy-as": "ഇതായി പകർത്തുക",
+	"context-menu.edit": "എഡിറ്റ് ചെയ്യുക",
+	"context-menu.export-all-as": "എല്ലാം കയറ്റുമതി ചെയ്യുക",
+	"context-menu.export-as": "ആയി കയറ്റുമതി ചെയ്യുക",
+	"context-menu.move-to-page": "പേജിലേക്ക് നീക്കുക",
+	"context-menu.reorder": "പുനഃക്രമീകരിക്കുക",
+	"context-menu.title": "സന്ദർഭ മെനു",
+	"context.pages.new-page": "പുതിയ പേജ്",
+	"cursor-chat.type-to-chat": "ചാറ്റ് ചെയ്യാൻ ടൈപ്പ് ചെയ്യുക...",
+	"dash-style.dashed": "ഡാഷ് ചെയ്തു",
+	"dash-style.dotted": "കുത്തുകളുള്ള",
+	"dash-style.draw": "വരയ്ക്കുക",
+	"dash-style.solid": "സോളിഡ്",
+	"document-name-menu.copy-link": "ലിങ്ക് പകർത്തുക",
+	"document.default-name": "ശീർഷകമില്ലാത്തത്",
+	"edit-link-dialog.cancel": "റദ്ദാക്കുക",
+	"edit-link-dialog.clear": "ക്ലിയർ",
+	"edit-link-dialog.detail": "ലിങ്കുകൾ ഒരു പുതിയ ടാബിൽ തുറക്കും.",
+	"edit-link-dialog.external-link": "ബാഹ്യ ലിങ്ക്",
+	"edit-link-dialog.invalid-url": "ഒരു ലിങ്ക് സാധുവായ ഒരു URL ആയിരിക്കണം.",
+	"edit-link-dialog.save": "തുടരുക",
+	"edit-link-dialog.title": "ലിങ്ക് എഡിറ്റ് ചെയ്യുക",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "തിരികെ",
+	"embed-dialog.cancel": "റദ്ദാക്കുക",
+	"embed-dialog.create": "സൃഷ്ടിക്കുക",
+	"embed-dialog.instruction": "എംബഡ് സൃഷ്‌ടിക്കാൻ സൈറ്റിൻ്റെ URL-ൽ ഒട്ടിക്കുക.",
+	"embed-dialog.invalid-url": "ആ URL-ൽ നിന്ന് ഒരു ഉൾച്ചേർക്കൽ സൃഷ്ടിക്കാൻ ഞങ്ങൾക്ക് കഴിഞ്ഞില്ല.",
+	"embed-dialog.title": "ഉൾച്ചേർക്കൽ സൃഷ്ടിക്കുക",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "റദ്ദാക്കുക",
+	"file-system.confirm-clear.continue": "തുടരുക",
+	"file-system.confirm-clear.description": "ഒരു പുതിയ പ്രോജക്‌റ്റ് സൃഷ്‌ടിക്കുന്നത് നിങ്ങളുടെ നിലവിലെ പ്രോജക്‌റ്റ് മായ്‌ക്കുകയും സംരക്ഷിക്കാത്ത മാറ്റങ്ങൾ നഷ്‌ടപ്പെടുകയും ചെയ്യും. നിങ്ങൾക്ക് തുടരണമെന്ന് തീർച്ചയാണോ?",
+	"file-system.confirm-clear.dont-show-again": "വീണ്ടും ചോദിക്കരുത്",
+	"file-system.confirm-clear.title": "നിലവിലെ പദ്ധതി മായ്‌ക്കണോ?",
+	"file-system.confirm-open.cancel": "റദ്ദാക്കുക",
+	"file-system.confirm-open.description": "ഒരു ഫയൽ തുറക്കുന്നത് നിങ്ങളുടെ നിലവിലെ പ്രോജക്‌റ്റ് മാറ്റിസ്ഥാപിക്കും, കൂടാതെ സംരക്ഷിക്കാത്ത മാറ്റങ്ങൾ നഷ്‌ടമാകും. നിങ്ങൾക്ക് തുടരണമെന്ന് തീർച്ചയാണോ?",
+	"file-system.confirm-open.dont-show-again": "വീണ്ടും ചോദിക്കരുത്",
+	"file-system.confirm-open.open": "ഫയൽ തുറക്കുക",
+	"file-system.confirm-open.title": "നിലവിലെ പ്രോജക്‌റ്റ് തിരുത്തിയെഴുതണോ?",
+	"file-system.file-open-error.file-format-version-too-new": "നിങ്ങൾ തുറക്കാൻ ശ്രമിച്ച ഫയൽ tldraw-ൻ്റെ ഒരു പുതിയ പതിപ്പിൽ നിന്നുള്ളതാണ്. പേജ് വീണ്ടും ലോഡുചെയ്‌ത് വീണ്ടും ശ്രമിക്കുക.",
+	"file-system.file-open-error.generic-corrupted-file": "നിങ്ങൾ തുറക്കാൻ ശ്രമിച്ച ഫയൽ കേടായി.",
+	"file-system.file-open-error.not-a-tldraw-file": "നിങ്ങൾ തുറക്കാൻ ശ്രമിച്ച ഫയൽ ഒരു tldraw ഫയൽ പോലെ തോന്നുന്നില്ല.",
+	"file-system.file-open-error.title": "ഫയൽ തുറക്കാനായില്ല",
+	"file-system.shared-document-file-open-error.description": "പങ്കിട്ട പ്രോജക്റ്റുകളിൽ നിന്ന് ഫയലുകൾ തുറക്കുന്നത് പിന്തുണയ്ക്കുന്നില്ല.",
+	"file-system.shared-document-file-open-error.title": "ഫയൽ തുറക്കാൻ കഴിഞ്ഞില്ല",
+	"fill-style.fill": "പൂരിപ്പിക്കുക",
+	"fill-style.lined-fill": "വരയുള്ള ഫിൽ",
+	"fill-style.none": "ഒന്നുമില്ല",
+	"fill-style.pattern": "പാറ്റേൺ",
+	"fill-style.semi": "സെമി",
+	"fill-style.solid": "സോളിഡ്",
+	"focus-mode.toggle-focus-mode": "ഫോക്കസ് മോഡ് ടോഗിൾ ചെയ്യുക",
+	"font-style.draw": "വരയ്ക്കുക",
+	"font-style.mono": "മോണോ",
+	"font-style.sans": "സാൻസ്",
+	"font-style.serif": "സെരിഫ്",
+	"geo-style.arrow-down": "അമ്പ് താഴേക്ക്",
+	"geo-style.arrow-left": "അമ്പ് വിട്ടു",
+	"geo-style.arrow-right": "വലത് അമ്പടയാളം",
+	"geo-style.arrow-up": "അമ്പ് മുകളിലേക്ക്",
+	"geo-style.check-box": "ചെക്ക് ബോക്സ്",
+	"geo-style.cloud": "മേഘം",
+	"geo-style.diamond": "വജ്രം",
+	"geo-style.ellipse": "ദീർഘവൃത്തം",
+	"geo-style.heart": "ഹൃദയം",
+	"geo-style.hexagon": "ഷഡ്ഭുജം",
+	"geo-style.octagon": "അഷ്ടഭുജം",
+	"geo-style.oval": "ഓവൽ",
+	"geo-style.pentagon": "പെൻ്റഗൺ",
+	"geo-style.rectangle": "ദീർഘചതുരം",
+	"geo-style.rhombus": "റോംബസ്",
+	"geo-style.rhombus-2": "റോംബസ് വിട്ടു",
+	"geo-style.star": "നക്ഷത്രം",
+	"geo-style.trapezoid": "ട്രപസോയിഡ്",
+	"geo-style.triangle": "ത്രികോണം",
+	"geo-style.x-box": "എക്സ് ബോക്സ്",
+	"handle.crop.bottom": "അടിഭാഗം ക്രോപ്പ് ചെയ്യുക",
+	"handle.crop.bottom-left": "താഴെ ഇടതുവശത്ത് ക്രോപ്പ് ചെയ്യുക",
+	"handle.crop.bottom-right": "താഴെ വലതുവശത്ത് ക്രോപ്പ് ചെയ്യുക",
+	"handle.crop.left": "ഇടതുവശത്ത് ക്രോപ്പ് ചെയ്യുക",
+	"handle.crop.right": "വലത് വശത്തേക്ക് ക്രോപ്പ് ചെയ്യുക",
+	"handle.crop.top": "ക്രോപ്പ് ടോപ്പ്",
+	"handle.crop.top-left": "മുകളിൽ ഇടതുവശത്ത് ക്രോപ്പ് ചെയ്യുക",
+	"handle.crop.top-right": "മുകളിൽ വലതുവശത്ത് ക്രോപ്പ് ചെയ്യുക",
+	"handle.resize-bottom": "അടിഭാഗം വലുപ്പം മാറ്റുക",
+	"handle.resize-bottom-left": "താഴെ ഇടതുവശത്തെ വലുപ്പം മാറ്റുക",
+	"handle.resize-bottom-right": "താഴെ വലതുവശത്ത് വലുപ്പം മാറ്റുക",
+	"handle.resize-left": "ഇടത്തേക്ക് വലുപ്പം മാറ്റുക",
+	"handle.resize-right": "വലത്തേക്ക് വലുപ്പം മാറ്റുക",
+	"handle.resize-top": "മുകളിൽ വലുപ്പം മാറ്റുക",
+	"handle.resize-top-left": "മുകളിൽ ഇടതുവശത്ത് വലുപ്പം മാറ്റുക",
+	"handle.resize-top-right": "മുകളിൽ വലതുവശത്ത് വലുപ്പം മാറ്റുക",
+	"handle.rotate.bottom_left_rotate": "താഴെ ഇടത്തേക്ക് തിരിക്കുക",
+	"handle.rotate.bottom_right_rotate": "താഴെ വലത്തോട്ട് തിരിക്കുക",
+	"handle.rotate.mobile_rotate": "തിരിക്കുക",
+	"handle.rotate.top_left_rotate": "മുകളിൽ ഇടത്തേക്ക് തിരിക്കുക",
+	"handle.rotate.top_right_rotate": "മുകളിൽ വലത്തേക്ക് തിരിക്കുക",
+	"help-menu.about": "കുറിച്ച്",
+	"help-menu.discord": "വിയോജിപ്പ്",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "ഫയൽ ഇറക്കുമതി ചെയ്യുക...",
+	"help-menu.keyboard-shortcuts": "കീബോർഡ് കുറുക്കുവഴികൾ",
+	"help-menu.privacy": "സ്വകാര്യതാ നയം",
+	"help-menu.terms": "സേവന നിബന്ധനകൾ",
+	"help-menu.title": "സഹായവും വിഭവങ്ങളും",
+	"help-menu.twitter": "ട്വിറ്റർ",
+	"menu.accessibility": "ആക്സസിബിലിറ്റി",
+	"menu.color-theme": "വർണ്ണ തീം",
+	"menu.copy-as": "ഇതായി പകർത്തുക",
+	"menu.edit": "എഡിറ്റ് ചെയ്യുക",
+	"menu.export-as": "ആയി കയറ്റുമതി ചെയ്യുക",
+	"menu.file": "ഫയൽ",
+	"menu.input-device": "ഇൻപുട്ട് ഉപകരണം",
+	"menu.language": "ഭാഷ",
+	"menu.preferences": "മുൻഗണനകൾ",
+	"menu.theme": "തീം",
+	"menu.title": "മെനു",
+	"menu.view": "കാണുക",
+	"navigation-zone.minimap": "മിനിമാപ്പ്",
+	"navigation-zone.title": "നാവിഗേഷൻ",
+	"navigation-zone.toggle-minimap": "മിനിമാപ്പ് ടോഗിൾ ചെയ്യുക",
+	"navigation-zone.zoom": "സൂം ചെയ്യുക",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "പുതിയ പേജ് സൃഷ്ടിക്കുക",
+	"page-menu.edit-done": "ചെയ്തു",
+	"page-menu.edit-start": "എഡിറ്റ് ചെയ്യുക",
+	"page-menu.go-to-page": "പേജിലേക്ക് പോകുക",
+	"page-menu.new-page-initial-name": "പേജ് 1",
+	"page-menu.submenu.delete": "ഇല്ലാതാക്കുക",
+	"page-menu.submenu.duplicate-page": "ഡ്യൂപ്ലിക്കേറ്റ്",
+	"page-menu.submenu.move-down": "താഴേക്ക് നീങ്ങുക",
+	"page-menu.submenu.move-up": "മുകളിലേക്ക് നീങ്ങുക",
+	"page-menu.submenu.rename": "പേരുമാറ്റുക",
+	"page-menu.submenu.title": "മെനു",
+	"page-menu.title": "പേജുകൾ",
+	"people-menu.anonymous-user": "പുതിയ ഉപയോക്താവ്",
+	"people-menu.avatar-color": "അവതാർ നിറം",
+	"people-menu.change-color": "നിറം മാറ്റുക",
+	"people-menu.change-name": "പേര് മാറ്റുക",
+	"people-menu.follow": "പിന്തുടരുക",
+	"people-menu.following": "പിന്തുടരുന്നു",
+	"people-menu.invite": "മറ്റുള്ളവരെ ക്ഷണിക്കുക",
+	"people-menu.leading": "നിങ്ങളെ പിന്തുടരുന്നു",
+	"people-menu.title": "ആളുകൾ",
+	"people-menu.user": "(നിങ്ങൾ)",
+	"share-menu.copied": "ലിങ്ക് പകർത്തി!",
+	"share-menu.copy-link": "ലിങ്ക് പകർത്തുക",
+	"share-menu.copy-link-note": "ലിങ്കുള്ള ആർക്കും ഈ പ്രോജക്‌റ്റ് കാണാനും എഡിറ്റ് ചെയ്യാനും കഴിയും.",
+	"share-menu.copy-readonly-link": "വായിക്കാൻ മാത്രമുള്ള ലിങ്ക് പകർത്തുക",
+	"share-menu.copy-readonly-link-note": "ലിങ്കുള്ള ആർക്കും ഈ പ്രോജക്‌റ്റ് കാണാനാകും (എഡിറ്റ് ചെയ്യാൻ കഴിയില്ല).",
+	"share-menu.create-snapshot-link": "സ്നാപ്പ്ഷോട്ട് ലിങ്ക് സൃഷ്ടിക്കുക",
+	"share-menu.creating-project": "പുതിയ പ്രോജക്‌റ്റ് സൃഷ്‌ടിക്കുന്നു...",
+	"share-menu.fork-note": "ഈ സ്നാപ്പ്ഷോട്ടിനെ അടിസ്ഥാനമാക്കി ഒരു പുതിയ പങ്കിട്ട പ്രോജക്റ്റ് സൃഷ്ടിക്കുക.",
+	"share-menu.offline-note": "ഈ പ്രോജക്‌റ്റ് പങ്കിടുന്നത് ഒരു പുതിയ URL-ൽ ഹോസ്റ്റ് ചെയ്‌ത തത്സമയ പകർപ്പ് സൃഷ്‌ടിക്കും. പ്രൊജക്റ്റ് ഒരുമിച്ച് കാണാനും എഡിറ്റ് ചെയ്യാനും നിങ്ങൾക്ക് മറ്റ് മുപ്പത് ആളുകളുമായി വരെ URL പങ്കിടാം.",
+	"share-menu.project-too-large": "ക്ഷമിക്കണം, ഈ പ്രോജക്റ്റ് വളരെ വലുതായതിനാൽ അത് പങ്കിടാൻ കഴിയില്ല. ഞങ്ങൾ അതിനായി പ്രവർത്തിക്കുകയാണ്!",
+	"share-menu.save-note": "ഈ പ്രോജക്റ്റ് നിങ്ങളുടെ കമ്പ്യൂട്ടറിലേക്ക് .tldr ഫയലായി ഡൗൺലോഡ് ചെയ്യുക.",
+	"share-menu.share-project": "ഈ പ്രോജക്റ്റ് പങ്കിടുക",
+	"share-menu.snapshot-link-note": "ഈ പ്രോജക്‌റ്റ് ഒരു വായന-മാത്രം സ്‌നാപ്പ്‌ഷോട്ട് ലിങ്കായി ക്യാപ്‌ചർ ചെയ്‌ത് പങ്കിടുക.",
+	"share-menu.title": "പങ്കിടുക",
+	"share-menu.upload-failed": "ക്ഷമിക്കണം, ഞങ്ങൾക്ക് ഇപ്പോൾ നിങ്ങളുടെ പ്രോജക്‌റ്റ് അപ്‌ലോഡ് ചെയ്യാൻ കഴിഞ്ഞില്ല. ദയവായി വീണ്ടും ശ്രമിക്കുക അല്ലെങ്കിൽ പ്രശ്നം നിലനിൽക്കുകയാണെങ്കിൽ ഞങ്ങളെ അറിയിക്കുക.",
+	"sharing.confirm-leave.cancel": "റദ്ദാക്കുക",
+	"sharing.confirm-leave.description": "ഈ പങ്കിട്ട പ്രോജക്റ്റ് ഉപേക്ഷിക്കണമെന്ന് തീർച്ചയാണോ? അതിൻ്റെ URL-ലേക്ക് നാവിഗേറ്റ് ചെയ്യുന്നതിലൂടെ നിങ്ങൾക്ക് അതിലേക്ക് മടങ്ങാം.",
+	"sharing.confirm-leave.dont-show-again": "വീണ്ടും ചോദിക്കരുത്",
+	"sharing.confirm-leave.leave": "വിടുക",
+	"sharing.confirm-leave.title": "നിലവിലെ പ്രോജക്റ്റ് ഉപേക്ഷിക്കണോ?",
+	"shortcuts-dialog.a11y": "ആക്സസിബിലിറ്റി",
+	"shortcuts-dialog.collaboration": "സഹകരണം",
+	"shortcuts-dialog.edit": "എഡിറ്റ് ചെയ്യുക",
+	"shortcuts-dialog.file": "ഫയൽ",
+	"shortcuts-dialog.preferences": "മുൻഗണനകൾ",
+	"shortcuts-dialog.text-formatting": "ടെക്സ്റ്റ് ഫോർമാറ്റിംഗ്",
+	"shortcuts-dialog.title": "കീബോർഡ് കുറുക്കുവഴികൾ",
+	"shortcuts-dialog.tools": "ഉപകരണങ്ങൾ",
+	"shortcuts-dialog.transform": "രൂപാന്തരപ്പെടുത്തുക",
+	"shortcuts-dialog.view": "കാണുക",
+	"size-style.l": "വലിയ",
+	"size-style.m": "ഇടത്തരം",
+	"size-style.s": "ചെറുത്",
+	"size-style.xl": "അധിക വലുത്",
+	"spline-style.cubic": "ക്യൂബിക്",
+	"spline-style.line": "ലൈൻ",
+	"status.offline": "ഓഫ്‌ലൈൻ",
+	"style-panel.align": "വിന്യസിക്കുക",
+	"style-panel.arrow-kind": "ലൈൻ",
+	"style-panel.arrowhead-end": "അവസാനിക്കുന്നു",
+	"style-panel.arrowhead-start": "ആരംഭിക്കുക",
+	"style-panel.arrowheads": "അമ്പടയാളങ്ങൾ",
+	"style-panel.color": "നിറം",
+	"style-panel.dash": "ഡാഷ്",
+	"style-panel.fill": "പൂരിപ്പിക്കുക",
+	"style-panel.font": "ഫോണ്ട്",
+	"style-panel.geo": "ആകൃതി",
+	"style-panel.label-align": "ലേബൽ വിന്യസിക്കുക",
+	"style-panel.mixed": "മിക്സഡ്",
+	"style-panel.opacity": "അതാര്യത",
+	"style-panel.position": "സ്ഥാനം",
+	"style-panel.selected": "തിരഞ്ഞെടുത്തു",
+	"style-panel.size": "വലിപ്പം",
+	"style-panel.spline": "സ്പ്ലൈൻ",
+	"style-panel.title": "ശൈലികൾ",
+	"style-panel.vertical-align": "ലംബ ക്രമീകരണം",
+	"theme.dark": "ഇരുട്ട്",
+	"theme.light": "വെളിച്ചം",
+	"theme.system": "സിസ്റ്റം",
+	"toast.close": "അടയ്ക്കുക",
+	"toast.error": "പിശക്",
+	"toast.error.copy-fail.desc": "ചിത്രം പകർത്തുന്നതിൽ പരാജയപ്പെട്ടു",
+	"toast.error.copy-fail.title": "പകർപ്പ് പരാജയപ്പെട്ടു",
+	"toast.error.export-fail.desc": "ചിത്രം കയറ്റുമതി ചെയ്യുന്നതിൽ പരാജയപ്പെട്ടു",
+	"toast.error.export-fail.title": "കയറ്റുമതി പരാജയപ്പെട്ടു",
+	"toast.info": "വിവരം",
+	"toast.success": "വിജയം",
+	"toast.warning": "മുന്നറിയിപ്പ്",
+	"tool-panel.more": "കൂടുതൽ",
+	"tool-panel.title": "ഉപകരണങ്ങൾ",
+	"tool.arrow": "അമ്പ്",
+	"tool.arrow-down": "അമ്പ് താഴേക്ക്",
+	"tool.arrow-left": "അമ്പ് വിട്ടു",
+	"tool.arrow-right": "വലത് അമ്പടയാളം",
+	"tool.arrow-up": "അമ്പ് മുകളിലേക്ക്",
+	"tool.aspect-ratio": "വീക്ഷണാനുപാതം",
+	"tool.aspect-ratio.circle": "വൃത്തം (1:1)",
+	"tool.aspect-ratio.landscape": "ലാൻഡ്‌സ്‌കേപ്പ് (4:3)",
+	"tool.aspect-ratio.original": "ഒറിജിനൽ",
+	"tool.aspect-ratio.portrait": "ഛായാചിത്രം (3:4)",
+	"tool.aspect-ratio.square": "ചതുരം (1:1)",
+	"tool.aspect-ratio.wide": "വൈഡ് (16:9)",
+	"tool.bookmark": "ബുക്ക്മാർക്ക്",
+	"tool.check-box": "ചെക്ക് ബോക്സ്",
+	"tool.cloud": "മേഘം",
+	"tool.diamond": "വജ്രം",
+	"tool.draw": "വരയ്ക്കുക",
+	"tool.ellipse": "ദീർഘവൃത്തം",
+	"tool.embed": "ഉൾച്ചേർക്കുക",
+	"tool.eraser": "ഇറേസർ",
+	"tool.flip-horz": "തിരശ്ചീനമായി ഫ്ലിപ്പ് ചെയ്യുക",
+	"tool.flip-vert": "ലംബമായി ഫ്ലിപ്പ് ചെയ്യുക",
+	"tool.frame": "ഫ്രെയിം",
+	"tool.hand": "കൈ",
+	"tool.heart": "ഹൃദയം",
+	"tool.hexagon": "ഷഡ്ഭുജം",
+	"tool.highlight": "ഹൈലൈറ്റ് ചെയ്യുക",
+	"tool.image-crop": "ചിത്രം ക്രോപ്പ് ചെയ്യുക",
+	"tool.image-crop-confirm": "സ്ഥിരീകരിക്കുക",
+	"tool.image-toolbar-title": "ഇമേജ് ഉപകരണങ്ങൾ",
+	"tool.image-zoom": "സൂം ചെയ്യുക",
+	"tool.laser": "ലേസർ",
+	"tool.line": "ലൈൻ",
+	"tool.media": "മീഡിയ",
+	"tool.media-alt-text": "ഇതര വാചകം",
+	"tool.media-alt-text-confirm": "സ്ഥിരീകരിക്കുക",
+	"tool.media-alt-text-desc": "ഒരു വിവരണം നൽകൂ...",
+	"tool.note": "കുറിപ്പ്",
+	"tool.octagon": "അഷ്ടഭുജം",
+	"tool.oval": "ഓവൽ",
+	"tool.pentagon": "പെൻ്റഗൺ",
+	"tool.pointer-down": "താഴേക്ക് ചൂണ്ടിക്കാണിക്കുക",
+	"tool.rectangle": "ദീർഘചതുരം",
+	"tool.replace-media": "മീഡിയ മാറ്റിസ്ഥാപിക്കുക",
+	"tool.rhombus": "റോംബസ്",
+	"tool.rich-text-bold": "ബോൾഡ്",
+	"tool.rich-text-bulletList": "ബുള്ളറ്റ് ചെയ്ത ലിസ്റ്റ്",
+	"tool.rich-text-code": "കോഡ്",
+	"tool.rich-text-header": "തലക്കെട്ട്",
+	"tool.rich-text-highlight": "ഹൈലൈറ്റ് ചെയ്യുക",
+	"tool.rich-text-italic": "ഇറ്റാലിക്",
+	"tool.rich-text-link": "ലിങ്ക്",
+	"tool.rich-text-link-remove": "ലിങ്ക് നീക്കം ചെയ്യുക",
+	"tool.rich-text-link-visit": "ലിങ്ക് സന്ദർശിക്കുക",
+	"tool.rich-text-orderedList": "ഓർഡർ ചെയ്ത ലിസ്റ്റ്",
+	"tool.rich-text-strikethrough": "കുറുകെ വെട്ടുക",
+	"tool.rich-text-toolbar-title": "ടെക്സ്റ്റ് ഫോർമാറ്റിംഗ്",
+	"tool.rotate-cw": "തിരിക്കുക",
+	"tool.select": "തിരഞ്ഞെടുക്കുക",
+	"tool.star": "നക്ഷത്രം",
+	"tool.text": "വാചകം",
+	"tool.trapezoid": "ട്രപസോയിഡ്",
+	"tool.triangle": "ത്രികോണം",
+	"tool.x-box": "എക്സ് ബോക്സ്",
+	"ui.checked": "പരിശോധിച്ചു",
+	"ui.close": "അടയ്ക്കുക",
+	"ui.unchecked": "അൺചെക്ക് ചെയ്‌തു",
+	"verticalAlign-style.end": "താഴെ",
+	"verticalAlign-style.middle": "മധ്യഭാഗം",
+	"verticalAlign-style.start": "മുകളിൽ",
+	"vscode.file-open.backup": "ബാക്കപ്പ്",
+	"vscode.file-open.backup-failed": "ബാക്കപ്പ് പരാജയപ്പെട്ടു: ഇതൊരു .tldr ഫയൽ അല്ല.",
+	"vscode.file-open.backup-saved": "ബാക്കപ്പ് സംരക്ഷിച്ചു",
+	"vscode.file-open.desc": "ഈ ഫയൽ tldraw-ൻ്റെ മുമ്പത്തെ പതിപ്പ് ഉപയോഗിച്ചാണ് സൃഷ്ടിച്ചത്. പുതിയ പതിപ്പിനൊപ്പം പ്രവർത്തിക്കാൻ ഇത് അപ്‌ഡേറ്റ് ചെയ്യാൻ നിങ്ങൾ ആഗ്രഹിക്കുന്നുണ്ടോ?",
+	"vscode.file-open.dont-show-again": "വീണ്ടും ചോദിക്കരുത്",
+	"vscode.file-open.open": "തുടരുക"
+}
diff --git a/web/hermes-dist/translations/mr.json b/web/hermes-dist/translations/mr.json
new file mode 100644
index 0000000..d5d2a16
--- /dev/null
+++ b/web/hermes-dist/translations/mr.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "आकार शैली समायोजित करा",
+	"a11y.enlarge-shape": "आकार मोठा करा",
+	"a11y.enter-leave-container": "कंटेनर प्रविष्ट करा/सोडून जा",
+	"a11y.move-shape": "आकार हलवा",
+	"a11y.move-shape-faster": "आकार जलद हलवा",
+	"a11y.multiple-shapes": "{num} आकार निवडले",
+	"a11y.open-context-menu": "संदर्भ मेनू उघडा",
+	"a11y.open-keyboard-shortcuts": "कीबोर्ड शॉर्टकट उघडा",
+	"a11y.pan-camera": "पॅन कॅमेरा",
+	"a11y.repeat-shape": "आकार पुन्हा करा",
+	"a11y.rotate-shape-ccw": "आकार घड्याळाच्या उलट दिशेने फिरवा",
+	"a11y.rotate-shape-ccw-fine": "आकार घड्याळाच्या उलट दिशेने फिरवा (ठीक आहे)",
+	"a11y.rotate-shape-cw": "आकार घड्याळाच्या दिशेने फिरवा",
+	"a11y.rotate-shape-cw-fine": "आकार घड्याळाच्या दिशेने फिरवा (ठीक आहे)",
+	"a11y.select-shape": "पुढील आकार निवडा",
+	"a11y.select-shape-direction": "दिशेने आकार निवडा",
+	"a11y.shape-image": "प्रतिमा",
+	"a11y.shape-index": "{total} पैकी {num}",
+	"a11y.shape-video": "व्हिडिओ",
+	"a11y.shrink-shape": "आकार संकुचित करा",
+	"a11y.skip-to-main-content": "कॅनव्हासवर लक्ष केंद्रित करा",
+	"a11y.status": "स्थिती",
+	"action.align-bottom": "तळाशी संरेखित करा",
+	"action.align-center-horizontal": "क्षैतिज संरेखित करा",
+	"action.align-center-horizontal.short": "संरेखित एच",
+	"action.align-center-vertical": "अनुलंब संरेखित करा",
+	"action.align-center-vertical.short": "संरेखित व्ही",
+	"action.align-left": "डावीकडे संरेखित करा",
+	"action.align-right": "उजवीकडे संरेखित करा",
+	"action.align-top": "शीर्ष संरेखित करा",
+	"action.back-to-content": "सामग्रीकडे परत",
+	"action.bring-forward": "पुढे आणा",
+	"action.bring-to-front": "समोर आणा",
+	"action.convert-to-bookmark": "बुकमार्कमध्ये रूपांतरित करा",
+	"action.convert-to-embed": "एम्बेडमध्ये रूपांतरित करा",
+	"action.copy": "कॉपी करा",
+	"action.copy-as-json": "JSON म्हणून कॉपी करा",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "PNG म्हणून कॉपी करा",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "SVG म्हणून कॉपी करा",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "कट",
+	"action.delete": "हटवा",
+	"action.distribute-horizontal": "क्षैतिजरित्या वितरित करा",
+	"action.distribute-horizontal.short": "वितरण एच",
+	"action.distribute-vertical": "अनुलंब वितरित करा",
+	"action.distribute-vertical.short": "वितरीत करा",
+	"action.download-original": "मूळ डाउनलोड करा",
+	"action.duplicate": "डुप्लिकेट",
+	"action.edit-link": "दुवा संपादित करा",
+	"action.enhanced-a11y-mode": "वर्धित प्रवेशयोग्यता मोड टॉगल करा",
+	"action.enhanced-a11y-mode.menu": "सुधारित अ‍ॅक्सेसिबिलिटी मोड",
+	"action.exit-pen-mode": "पेन मोडमधून बाहेर पडा",
+	"action.export-all-as-png": "सर्व PNG म्हणून निर्यात करा",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "सर्व SVG म्हणून निर्यात करा",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "PNG म्हणून निर्यात करा",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "SVG म्हणून निर्यात करा",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "सामग्रीसाठी फिट",
+	"action.flatten-to-image": "सपाट",
+	"action.flip-horizontal": "क्षैतिजरित्या फ्लिप करा",
+	"action.flip-horizontal.short": "फ्लिप एच",
+	"action.flip-vertical": "उभ्या फ्लिप करा",
+	"action.flip-vertical.short": "फ्लिप व्ही",
+	"action.fork-project": "या प्रकल्पाला फोर्क करा",
+	"action.fork-project-on-tldraw": "tldraw वर फोर्क प्रकल्प",
+	"action.group": "गट",
+	"action.insert-embed": "एम्बेड घाला",
+	"action.insert-media": "मीडिया अपलोड करा",
+	"action.leave-shared-project": "सामायिक प्रकल्प सोडा",
+	"action.new-project": "नवीन प्रकल्प",
+	"action.new-shared-project": "नवीन सामायिक प्रकल्प",
+	"action.open-cursor-chat": "कर्सर गप्पा",
+	"action.open-embed-link": "लिंक उघडा",
+	"action.open-file": "फाइल उघडा",
+	"action.open-kbd-shortcuts": "कीबोर्ड शॉर्टकट उघडा",
+	"action.pack": "पॅक",
+	"action.paste": "पेस्ट करा",
+	"action.paste-error-description": "क्लिपबोर्ड परवानग्या नसल्यामुळे पेस्ट करू शकलो नाही. कृपया परवानग्या सक्षम करा आणि पुन्हा प्रयत्न करा.",
+	"action.paste-error-title": "पेस्ट करणे अयशस्वी झाले",
+	"action.print": "छापा",
+	"action.redo": "पुन्हा करा",
+	"action.remove-frame": "फ्रेम काढा",
+	"action.rename": "नाव बदला",
+	"action.rotate-ccw": "घड्याळाच्या उलट दिशेने फिरवा",
+	"action.rotate-cw": "घड्याळाच्या दिशेने फिरवा",
+	"action.save-copy": "एक प्रत जतन करा",
+	"action.select-all": "सर्व निवडा",
+	"action.select-none": "काहीही निवडा",
+	"action.select-zoom-tool": "झूम",
+	"action.send-backward": "मागे पाठवा",
+	"action.send-to-back": "परत पाठवा",
+	"action.share-project": "हा प्रकल्प शेअर करा",
+	"action.stack-horizontal": "क्षैतिज स्टॅक",
+	"action.stack-horizontal.short": "स्टॅक एच",
+	"action.stack-vertical": "अनुलंब स्टॅक",
+	"action.stack-vertical.short": "स्टॅक व्ही",
+	"action.stop-following": "अनुसरण करणे थांबवा",
+	"action.stretch-horizontal": "क्षैतिज ताणणे",
+	"action.stretch-horizontal.short": "स्ट्रेच एच",
+	"action.stretch-vertical": "उभ्या ताणून घ्या",
+	"action.stretch-vertical.short": "स्ट्रेच व्ही",
+	"action.toggle-auto-none": "स्वयं",
+	"action.toggle-auto-pan": "ऑटो (ट्रॅकपॅड)",
+	"action.toggle-auto-size": "ऑटो आकार टॉगल करा",
+	"action.toggle-auto-zoom": "ऑटो (माऊस)",
+	"action.toggle-dark-mode": "गडद मोड टॉगल करा",
+	"action.toggle-dark-mode.menu": "गडद मोड",
+	"action.toggle-debug-mode": "डीबग मोड टॉगल करा",
+	"action.toggle-debug-mode.menu": "डीबग मोड",
+	"action.toggle-dynamic-size-mode": "डायनॅमिक आकार टॉगल करा",
+	"action.toggle-dynamic-size-mode.menu": "डायनॅमिक आकार",
+	"action.toggle-edge-scrolling": "एज स्क्रोलिंग टॉगल करा",
+	"action.toggle-edge-scrolling.menu": "एज स्क्रोलिंग",
+	"action.toggle-focus-mode": "फोकस मोड टॉगल करा",
+	"action.toggle-focus-mode.menu": "फोकस मोड",
+	"action.toggle-grid": "ग्रिड टॉगल करा",
+	"action.toggle-grid.menu": "ग्रिड दाखवा",
+	"action.toggle-invert-zoom": "माउस झूम उलटा चालू/बंद करा",
+	"action.toggle-invert-zoom.menu": "माउस झूम उलटा करा",
+	"action.toggle-keyboard-shortcuts": "कीबोर्ड शॉर्टकट टॉगल करा",
+	"action.toggle-keyboard-shortcuts.menu": "कीबोर्ड शॉर्टकट सक्षम करा",
+	"action.toggle-lock": "लॉक / अनलॉक",
+	"action.toggle-mouse": "उंदीर",
+	"action.toggle-paste-at-cursor": "कर्सरवर पेस्ट टॉगल करा",
+	"action.toggle-paste-at-cursor.menu": "कर्सरवर पेस्ट करा",
+	"action.toggle-reduce-motion": "कमी गती टॉगल करा",
+	"action.toggle-reduce-motion.menu": "हालचाल कमी करा",
+	"action.toggle-snap-mode": "टॉगल नेहमी स्नॅप करा",
+	"action.toggle-snap-mode.menu": "नेहमी स्नॅप करा",
+	"action.toggle-tool-lock": "टूल लॉक टॉगल करा",
+	"action.toggle-tool-lock.menu": "साधन लॉक",
+	"action.toggle-trackpad": "ट्रॅकपॅड",
+	"action.toggle-transparent": "पारदर्शक पार्श्वभूमी टॉगल करा",
+	"action.toggle-transparent.context-menu": "पारदर्शक",
+	"action.toggle-transparent.menu": "पारदर्शक",
+	"action.toggle-wrap-mode": "रॅपवर सिलेक्ट टॉगल करा",
+	"action.toggle-wrap-mode.menu": "ओघ वर निवडा",
+	"action.undo": "पूर्ववत करा",
+	"action.ungroup": "गट रद्द करा",
+	"action.unlock-all": "सर्व अनलॉक करा",
+	"action.zoom-in": "झूम वाढवा",
+	"action.zoom-out": "झूम कमी करा",
+	"action.zoom-quick": "जलद झूम",
+	"action.zoom-to-100": "100% पर्यंत झूम करा",
+	"action.zoom-to-fit": "फिट करण्यासाठी झूम करा",
+	"action.zoom-to-selection": "निवडीसाठी झूम करा",
+	"actions-menu.title": "क्रिया",
+	"align-style.end": "शेवट",
+	"align-style.justify": "औचित्य सिद्ध करा",
+	"align-style.middle": "मधला",
+	"align-style.start": "सुरू करा",
+	"app.loading": "tldraw लोड करत आहे…",
+	"arrow-kind-style.arc": "धनुष्य",
+	"arrow-kind-style.elbow": "कोपर",
+	"arrowheadEnd-style.arrow": "बाण",
+	"arrowheadEnd-style.bar": "बार",
+	"arrowheadEnd-style.diamond": "हिरा",
+	"arrowheadEnd-style.dot": "डॉट",
+	"arrowheadEnd-style.inverted": "उलटा",
+	"arrowheadEnd-style.none": "काहीही नाही",
+	"arrowheadEnd-style.pipe": "पाईप",
+	"arrowheadEnd-style.square": "चौरस",
+	"arrowheadEnd-style.triangle": "त्रिकोण",
+	"arrowheadStart-style.arrow": "बाण",
+	"arrowheadStart-style.bar": "बार",
+	"arrowheadStart-style.diamond": "हिरा",
+	"arrowheadStart-style.dot": "डॉट",
+	"arrowheadStart-style.inverted": "उलटा",
+	"arrowheadStart-style.none": "काहीही नाही",
+	"arrowheadStart-style.pipe": "पाईप",
+	"arrowheadStart-style.square": "चौरस",
+	"arrowheadStart-style.triangle": "त्रिकोण",
+	"assets.files.amount-too-many": "खूप जास्त फायली",
+	"assets.files.maximum-size": "कमाल फाइल आकार {size} आहे",
+	"assets.files.size-too-big": "फाइलचा आकार खूप मोठा आहे",
+	"assets.files.type-not-allowed": "फाइल प्रकाराला परवानगी नाही",
+	"assets.files.upload-failed": "अपलोड अयशस्वी",
+	"assets.url.failed": "URL पूर्वावलोकन लोड करू शकलो नाही",
+	"color-style.black": "काळा",
+	"color-style.blue": "निळा",
+	"color-style.green": "हिरवा",
+	"color-style.grey": "राखाडी",
+	"color-style.light-blue": "हलका निळा",
+	"color-style.light-green": "हलका हिरवा",
+	"color-style.light-red": "हलका लाल",
+	"color-style.light-violet": "हलका वायलेट",
+	"color-style.orange": "संत्रा",
+	"color-style.red": "लाल",
+	"color-style.violet": "व्हायलेट",
+	"color-style.white": "पांढरा",
+	"color-style.yellow": "पिवळा",
+	"context-menu.arrange": "व्यवस्था करा",
+	"context-menu.copy-as": "म्हणून कॉपी करा",
+	"context-menu.edit": "संपादित करा",
+	"context-menu.export-all-as": "म्हणून सर्व निर्यात करा",
+	"context-menu.export-as": "म्हणून निर्यात करा",
+	"context-menu.move-to-page": "पृष्ठावर हलवा",
+	"context-menu.reorder": "पुनर्क्रमित करा",
+	"context-menu.title": "संदर्भ मेनू",
+	"context.pages.new-page": "नवीन पृष्ठ",
+	"cursor-chat.type-to-chat": "गप्पा मारण्यासाठी टाइप करा...",
+	"dash-style.dashed": "डॅश",
+	"dash-style.dotted": "ठिपके",
+	"dash-style.draw": "काढा",
+	"dash-style.solid": "घन",
+	"document-name-menu.copy-link": "लिंक कॉपी करा",
+	"document.default-name": "शीर्षकहीन",
+	"edit-link-dialog.cancel": "रद्द करा",
+	"edit-link-dialog.clear": "साफ",
+	"edit-link-dialog.detail": "लिंक नवीन टॅबमध्ये उघडतील.",
+	"edit-link-dialog.external-link": "बाह्य दुवा",
+	"edit-link-dialog.invalid-url": "लिंक वैध URL असणे आवश्यक आहे.",
+	"edit-link-dialog.save": "चालू ठेवा",
+	"edit-link-dialog.title": "दुवा संपादित करा",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "मागे",
+	"embed-dialog.cancel": "रद्द करा",
+	"embed-dialog.create": "तयार करा",
+	"embed-dialog.instruction": "एम्बेड तयार करण्यासाठी साइटच्या URL मध्ये पेस्ट करा.",
+	"embed-dialog.invalid-url": "आम्ही त्या URL वरून एम्बेड तयार करू शकलो नाही.",
+	"embed-dialog.title": "एम्बेड तयार करा",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "रद्द करा",
+	"file-system.confirm-clear.continue": "चालू ठेवा",
+	"file-system.confirm-clear.description": "नवीन प्रकल्प तयार केल्याने तुमचा वर्तमान प्रकल्प साफ होईल आणि कोणतेही जतन न केलेले बदल गमावले जातील. तुम्हाला खात्री आहे की तुम्ही पुढे सुरू ठेवू इच्छिता?",
+	"file-system.confirm-clear.dont-show-again": "पुन्हा विचारू नका",
+	"file-system.confirm-clear.title": "चालू प्रकल्प साफ करायचा?",
+	"file-system.confirm-open.cancel": "रद्द करा",
+	"file-system.confirm-open.description": "फाइल उघडल्याने तुमचा सध्याचा प्रकल्प पुनर्स्थित होईल आणि कोणतेही जतन न केलेले बदल गमावले जातील. तुम्हाला खात्री आहे की तुम्ही पुढे सुरू ठेवू इच्छिता?",
+	"file-system.confirm-open.dont-show-again": "पुन्हा विचारू नका",
+	"file-system.confirm-open.open": "फाइल उघडा",
+	"file-system.confirm-open.title": "सध्याचा प्रकल्प ओव्हरराइट करायचा?",
+	"file-system.file-open-error.file-format-version-too-new": "तुम्ही उघडण्याचा प्रयत्न केलेली फाईल tldraw च्या नवीन आवृत्तीची आहे. कृपया पृष्ठ रीलोड करा आणि पुन्हा प्रयत्न करा.",
+	"file-system.file-open-error.generic-corrupted-file": "तुम्ही उघडण्याचा प्रयत्न केलेली फाइल करप्ट झाली आहे.",
+	"file-system.file-open-error.not-a-tldraw-file": "तुम्ही उघडण्याचा प्रयत्न केलेली फाइल tldraw फाइलसारखी दिसत नाही.",
+	"file-system.file-open-error.title": "फाइल उघडता आली नाही",
+	"file-system.shared-document-file-open-error.description": "सामायिक केलेल्या प्रकल्पांमधून फायली उघडणे समर्थित नाही.",
+	"file-system.shared-document-file-open-error.title": "फाइल उघडता आली नाही",
+	"fill-style.fill": "भरा",
+	"fill-style.lined-fill": "रेखित भरण",
+	"fill-style.none": "काहीही नाही",
+	"fill-style.pattern": "नमुना",
+	"fill-style.semi": "सेमी",
+	"fill-style.solid": "घन",
+	"focus-mode.toggle-focus-mode": "फोकस मोड टॉगल करा",
+	"font-style.draw": "काढा",
+	"font-style.mono": "मोनो",
+	"font-style.sans": "संस",
+	"font-style.serif": "सेरिफ",
+	"geo-style.arrow-down": "खाली बाण",
+	"geo-style.arrow-left": "बाण सोडला",
+	"geo-style.arrow-right": "उजवीकडे बाण",
+	"geo-style.arrow-up": "वर बाण",
+	"geo-style.check-box": "चेक बॉक्स",
+	"geo-style.cloud": "ढग",
+	"geo-style.diamond": "हिरा",
+	"geo-style.ellipse": "लंबवर्तुळाकार",
+	"geo-style.heart": "हृदय",
+	"geo-style.hexagon": "षटकोनी",
+	"geo-style.octagon": "अष्टकोनी",
+	"geo-style.oval": "ओव्हल",
+	"geo-style.pentagon": "पेंटागॉन",
+	"geo-style.rectangle": "आयत",
+	"geo-style.rhombus": "समभुज चौकोन",
+	"geo-style.rhombus-2": "समभुज चौकोन डावीकडे",
+	"geo-style.star": "तारा",
+	"geo-style.trapezoid": "ट्रॅपेझॉइड",
+	"geo-style.triangle": "त्रिकोण",
+	"geo-style.x-box": "एक्स बॉक्स",
+	"handle.crop.bottom": "तळाशी क्रॉप करा",
+	"handle.crop.bottom-left": "तळाशी डावीकडे क्रॉप करा",
+	"handle.crop.bottom-right": "तळाशी उजवीकडे क्रॉप करा",
+	"handle.crop.left": "डावीकडे क्रॉप करा",
+	"handle.crop.right": "उजवीकडे क्रॉप करा",
+	"handle.crop.top": "क्रॉप टॉप",
+	"handle.crop.top-left": "वर डावीकडे क्रॉप करा",
+	"handle.crop.top-right": "वर उजवीकडे क्रॉप करा",
+	"handle.resize-bottom": "तळाचा आकार बदला",
+	"handle.resize-bottom-left": "तळाशी डावीकडे आकार बदला",
+	"handle.resize-bottom-right": "तळाशी उजवीकडे आकार बदला",
+	"handle.resize-left": "डावीकडे आकार बदला",
+	"handle.resize-right": "उजवीकडे आकार बदला",
+	"handle.resize-top": "वरचा आकार बदला",
+	"handle.resize-top-left": "वर डावीकडे आकार बदला",
+	"handle.resize-top-right": "वर उजवीकडे आकार बदला",
+	"handle.rotate.bottom_left_rotate": "तळाशी डावीकडे फिरवा",
+	"handle.rotate.bottom_right_rotate": "तळाशी उजवीकडे फिरवा",
+	"handle.rotate.mobile_rotate": "फिरवा",
+	"handle.rotate.top_left_rotate": "वर डावीकडे फिरवा",
+	"handle.rotate.top_right_rotate": "वर उजवीकडे फिरवा",
+	"help-menu.about": "बद्दल",
+	"help-menu.discord": "मतभेद",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "फाइल आयात करा...",
+	"help-menu.keyboard-shortcuts": "कीबोर्ड शॉर्टकट",
+	"help-menu.privacy": "गोपनीयता धोरण",
+	"help-menu.terms": "सेवा अटी",
+	"help-menu.title": "मदत आणि संसाधने",
+	"help-menu.twitter": "ट्विटर",
+	"menu.accessibility": "प्रवेशयोग्यता",
+	"menu.color-theme": "रंगसंगती",
+	"menu.copy-as": "म्हणून कॉपी करा",
+	"menu.edit": "संपादित करा",
+	"menu.export-as": "म्हणून निर्यात करा",
+	"menu.file": "फाईल",
+	"menu.input-device": "इनपुट डिव्हाइस",
+	"menu.language": "भाषा",
+	"menu.preferences": "प्राधान्ये",
+	"menu.theme": "थीम",
+	"menu.title": "मेनू",
+	"menu.view": "पहा",
+	"navigation-zone.minimap": "मिनिमॅप",
+	"navigation-zone.title": "नेव्हिगेशन",
+	"navigation-zone.toggle-minimap": "मिनीमॅप टॉगल करा",
+	"navigation-zone.zoom": "झूम करा",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "नवीन पृष्ठ तयार करा",
+	"page-menu.edit-done": "झाले",
+	"page-menu.edit-start": "संपादित करा",
+	"page-menu.go-to-page": "पृष्ठावर जा",
+	"page-menu.new-page-initial-name": "पृष्ठ 1",
+	"page-menu.submenu.delete": "हटवा",
+	"page-menu.submenu.duplicate-page": "डुप्लिकेट",
+	"page-menu.submenu.move-down": "खाली हलवा",
+	"page-menu.submenu.move-up": "वर हलवा",
+	"page-menu.submenu.rename": "नाव बदला",
+	"page-menu.submenu.title": "मेनू",
+	"page-menu.title": "पृष्ठे",
+	"people-menu.anonymous-user": "नवीन वापरकर्ता",
+	"people-menu.avatar-color": "अवतार रंग",
+	"people-menu.change-color": "रंग बदला",
+	"people-menu.change-name": "नाव बदला",
+	"people-menu.follow": "अनुसरण करा",
+	"people-menu.following": "खालील",
+	"people-menu.invite": "इतरांना आमंत्रित करा",
+	"people-menu.leading": "तुम्हाला फॉलो करत आहे",
+	"people-menu.title": "लोक",
+	"people-menu.user": "(तुम्ही)",
+	"share-menu.copied": "लिंक कॉपी केली!",
+	"share-menu.copy-link": "लिंक कॉपी करा",
+	"share-menu.copy-link-note": "लिंक असलेले कोणीही हा प्रकल्प पाहण्यास आणि संपादित करण्यास सक्षम असेल.",
+	"share-menu.copy-readonly-link": "फक्त-वाचनीय लिंक कॉपी करा",
+	"share-menu.copy-readonly-link-note": "दुवा असलेले कोणीही हा प्रकल्प पाहण्यास सक्षम असेल (परंतु संपादित करू शकत नाही).",
+	"share-menu.create-snapshot-link": "स्नॅपशॉट लिंक तयार करा",
+	"share-menu.creating-project": "नवीन प्रकल्प तयार करत आहे...",
+	"share-menu.fork-note": "या स्नॅपशॉटवर आधारित नवीन सामायिक प्रकल्प तयार करा.",
+	"share-menu.offline-note": "हा प्रकल्प शेअर केल्याने नवीन URL वर होस्ट केलेली थेट प्रत तयार होईल. तुम्ही एकत्रितपणे प्रकल्प पाहण्यासाठी आणि संपादित करण्यासाठी तीस पर्यंत इतर लोकांसह URL सामायिक करू शकता.",
+	"share-menu.project-too-large": "क्षमस्व, हा प्रकल्प शेअर केला जाऊ शकत नाही कारण तो खूप मोठा आहे. आम्ही त्यावर काम करत आहोत!",
+	"share-menu.save-note": "हा प्रकल्प तुमच्या संगणकावर .tldr फाइल म्हणून डाउनलोड करा.",
+	"share-menu.share-project": "हा प्रकल्प शेअर करा",
+	"share-menu.snapshot-link-note": "हा प्रकल्प फक्त-वाचनीय स्नॅपशॉट लिंक म्हणून कॅप्चर करा आणि शेअर करा.",
+	"share-menu.title": "शेअर करा",
+	"share-menu.upload-failed": "क्षमस्व, आम्ही याक्षणी तुमचा प्रकल्प अपलोड करू शकलो नाही. कृपया पुन्हा प्रयत्न करा किंवा समस्या कायम राहिल्यास आम्हाला कळवा.",
+	"sharing.confirm-leave.cancel": "रद्द करा",
+	"sharing.confirm-leave.description": "तुमची खात्री आहे की तुम्ही हा शेअर केलेला प्रकल्प सोडू इच्छिता? तुम्ही त्याच्या URL वर नेव्हिगेट करून त्यावर परत येऊ शकता.",
+	"sharing.confirm-leave.dont-show-again": "पुन्हा विचारू नका",
+	"sharing.confirm-leave.leave": "सोडा",
+	"sharing.confirm-leave.title": "सध्याचा प्रकल्प सोडायचा?",
+	"shortcuts-dialog.a11y": "प्रवेशयोग्यता",
+	"shortcuts-dialog.collaboration": "सहयोग",
+	"shortcuts-dialog.edit": "संपादित करा",
+	"shortcuts-dialog.file": "फाईल",
+	"shortcuts-dialog.preferences": "प्राधान्ये",
+	"shortcuts-dialog.text-formatting": "मजकूर स्वरूपण",
+	"shortcuts-dialog.title": "कीबोर्ड शॉर्टकट",
+	"shortcuts-dialog.tools": "साधने",
+	"shortcuts-dialog.transform": "परिवर्तन करा",
+	"shortcuts-dialog.view": "पहा",
+	"size-style.l": "मोठा",
+	"size-style.m": "मध्यम",
+	"size-style.s": "लहान",
+	"size-style.xl": "अतिरिक्त मोठे",
+	"spline-style.cubic": "घन",
+	"spline-style.line": "ओळ",
+	"status.offline": "ऑफलाइन",
+	"style-panel.align": "संरेखित करा",
+	"style-panel.arrow-kind": "ओळ",
+	"style-panel.arrowhead-end": "शेवट",
+	"style-panel.arrowhead-start": "सुरू करा",
+	"style-panel.arrowheads": "बाणाचे टोक",
+	"style-panel.color": "रंग",
+	"style-panel.dash": "डॅश",
+	"style-panel.fill": "भरा",
+	"style-panel.font": "फॉन्ट",
+	"style-panel.geo": "आकार",
+	"style-panel.label-align": "लेबल संरेखित करा",
+	"style-panel.mixed": "मिश्र",
+	"style-panel.opacity": "अपारदर्शकता",
+	"style-panel.position": "स्थिती",
+	"style-panel.selected": "निवडलेले",
+	"style-panel.size": "आकार",
+	"style-panel.spline": "पट्टी",
+	"style-panel.title": "शैली",
+	"style-panel.vertical-align": "अनुलंब संरेखित करा",
+	"theme.dark": "गडद",
+	"theme.light": "प्रकाश",
+	"theme.system": "प्रणाली",
+	"toast.close": "बंद करा",
+	"toast.error": "त्रुटी",
+	"toast.error.copy-fail.desc": "इमेज कॉपी करण्यात अयशस्वी",
+	"toast.error.copy-fail.title": "अयशस्वी प्रत",
+	"toast.error.export-fail.desc": "इमेज एक्सपोर्ट करण्यात अयशस्वी",
+	"toast.error.export-fail.title": "अयशस्वी निर्यात",
+	"toast.info": "माहिती",
+	"toast.success": "यश",
+	"toast.warning": "चेतावणी",
+	"tool-panel.more": "अधिक",
+	"tool-panel.title": "साधने",
+	"tool.arrow": "बाण",
+	"tool.arrow-down": "खाली बाण",
+	"tool.arrow-left": "बाण सोडला",
+	"tool.arrow-right": "उजवीकडे बाण",
+	"tool.arrow-up": "वर बाण",
+	"tool.aspect-ratio": "गुणोत्तर",
+	"tool.aspect-ratio.circle": "वर्तुळ (१:१)",
+	"tool.aspect-ratio.landscape": "लँडस्केप (४:३)",
+	"tool.aspect-ratio.original": "मूळ",
+	"tool.aspect-ratio.portrait": "पोर्ट्रेट (३:४)",
+	"tool.aspect-ratio.square": "चौरस (१:१)",
+	"tool.aspect-ratio.wide": "रुंद (१६:९)",
+	"tool.bookmark": "बुकमार्क करा",
+	"tool.check-box": "चेक बॉक्स",
+	"tool.cloud": "ढग",
+	"tool.diamond": "हिरा",
+	"tool.draw": "काढा",
+	"tool.ellipse": "लंबवर्तुळाकार",
+	"tool.embed": "एम्बेड करा",
+	"tool.eraser": "खोडरबर",
+	"tool.flip-horz": "क्षैतिजरित्या फ्लिप करा",
+	"tool.flip-vert": "उभ्या दिशेने फ्लिप करा",
+	"tool.frame": "फ्रेम",
+	"tool.hand": "हात",
+	"tool.heart": "हृदय",
+	"tool.hexagon": "षटकोनी",
+	"tool.highlight": "हायलाइट करा",
+	"tool.image-crop": "प्रतिमा क्रॉप करा",
+	"tool.image-crop-confirm": "पुष्टी करा",
+	"tool.image-toolbar-title": "प्रतिमा साधने",
+	"tool.image-zoom": "झूम करा",
+	"tool.laser": "लेसर",
+	"tool.line": "ओळ",
+	"tool.media": "मीडिया",
+	"tool.media-alt-text": "पर्यायी मजकूर",
+	"tool.media-alt-text-confirm": "पुष्टी करा",
+	"tool.media-alt-text-desc": "वर्णन द्या...",
+	"tool.note": "नोंद",
+	"tool.octagon": "अष्टकोनी",
+	"tool.oval": "ओव्हल",
+	"tool.pentagon": "पेंटागॉन",
+	"tool.pointer-down": "पॉइंटर खाली",
+	"tool.rectangle": "आयत",
+	"tool.replace-media": "मीडिया बदला",
+	"tool.rhombus": "समभुज चौकोन",
+	"tool.rich-text-bold": "ठळक",
+	"tool.rich-text-bulletList": "बुलेट केलेली यादी",
+	"tool.rich-text-code": "कोड",
+	"tool.rich-text-header": "शीर्षलेख",
+	"tool.rich-text-highlight": "हायलाइट करा",
+	"tool.rich-text-italic": "इटॅलिक",
+	"tool.rich-text-link": "लिंक",
+	"tool.rich-text-link-remove": "लिंक काढा",
+	"tool.rich-text-link-visit": "लिंकला भेट द्या",
+	"tool.rich-text-orderedList": "ऑर्डर केलेली यादी",
+	"tool.rich-text-strikethrough": "स्ट्राईकथ्रू",
+	"tool.rich-text-toolbar-title": "मजकूर स्वरूपण",
+	"tool.rotate-cw": "फिरवा",
+	"tool.select": "निवडा",
+	"tool.star": "तारा",
+	"tool.text": "मजकूर",
+	"tool.trapezoid": "ट्रॅपेझॉइड",
+	"tool.triangle": "त्रिकोण",
+	"tool.x-box": "एक्स बॉक्स",
+	"ui.checked": "तपासले",
+	"ui.close": "बंद करा",
+	"ui.unchecked": "अनचेक केलेले",
+	"verticalAlign-style.end": "तळ",
+	"verticalAlign-style.middle": "मधला",
+	"verticalAlign-style.start": "वर",
+	"vscode.file-open.backup": "बॅकअप",
+	"vscode.file-open.backup-failed": "बॅकअप अयशस्वी: ही .tldr फाइल नाही.",
+	"vscode.file-open.backup-saved": "बॅकअप जतन केला",
+	"vscode.file-open.desc": "ही फाईल tldraw च्या पूर्वीच्या आवृत्तीसह तयार केली गेली होती. नवीन आवृत्तीसह कार्य करण्यासाठी तुम्ही ते अद्यतनित करू इच्छिता?",
+	"vscode.file-open.dont-show-again": "पुन्हा विचारू नका",
+	"vscode.file-open.open": "चालू ठेवा"
+}
diff --git a/web/hermes-dist/translations/ms.json b/web/hermes-dist/translations/ms.json
new file mode 100644
index 0000000..7d828e7
--- /dev/null
+++ b/web/hermes-dist/translations/ms.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "Laraskan gaya bentuk",
+	"a11y.enlarge-shape": "Besarkan bentuk",
+	"a11y.enter-leave-container": "Masukkan/tinggalkan bekas",
+	"a11y.move-shape": "Gerakkan bentuk",
+	"a11y.move-shape-faster": "Gerakkan bentuk lebih cepat",
+	"a11y.multiple-shapes": "{num} bentuk dipilih",
+	"a11y.open-context-menu": "Buka menu konteks",
+	"a11y.open-keyboard-shortcuts": "Buka pintasan papan kekunci",
+	"a11y.pan-camera": "Kamera pan",
+	"a11y.repeat-shape": "Ulang bentuk",
+	"a11y.rotate-shape-ccw": "Putar bentuk mengikut lawan jam",
+	"a11y.rotate-shape-ccw-fine": "Putar bentuk lawan jam (halus)",
+	"a11y.rotate-shape-cw": "Putar bentuk mengikut arah jam",
+	"a11y.rotate-shape-cw-fine": "Putar bentuk mengikut arah jam (halus)",
+	"a11y.select-shape": "Pilih bentuk seterusnya",
+	"a11y.select-shape-direction": "Pilih bentuk mengikut arah",
+	"a11y.shape-image": "Imej",
+	"a11y.shape-index": "{num} daripada {total}",
+	"a11y.shape-video": "Video",
+	"a11y.shrink-shape": "Mengecilkan bentuk",
+	"a11y.skip-to-main-content": "Alihkan fokus ke kanvas",
+	"a11y.status": "Status",
+	"action.align-bottom": "Sejajarkan bahagian bawah",
+	"action.align-center-horizontal": "Jajar secara mendatar",
+	"action.align-center-horizontal.short": "Sejajarkan H",
+	"action.align-center-vertical": "Jajar secara menegak",
+	"action.align-center-vertical.short": "Sejajarkan V",
+	"action.align-left": "Jajar ke kiri",
+	"action.align-right": "Sejajar ke kanan",
+	"action.align-top": "Jajarkan atas",
+	"action.back-to-content": "Kembali ke kandungan",
+	"action.bring-forward": "Bawa ke hadapan",
+	"action.bring-to-front": "Bawa ke hadapan",
+	"action.convert-to-bookmark": "Tukar kepada Penanda Halaman",
+	"action.convert-to-embed": "Tukar kepada Benam",
+	"action.copy": "salin",
+	"action.copy-as-json": "Salin sebagai JSON",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "Salin sebagai PNG",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "Salin sebagai SVG",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "potong",
+	"action.delete": "Padam",
+	"action.distribute-horizontal": "Edarkan secara mendatar",
+	"action.distribute-horizontal.short": "Edarkan H",
+	"action.distribute-vertical": "Edarkan secara menegak",
+	"action.distribute-vertical.short": "Edarkan V",
+	"action.download-original": "Muat turun asal",
+	"action.duplicate": "Pendua",
+	"action.edit-link": "Edit pautan",
+	"action.enhanced-a11y-mode": "Togol mod kebolehaksesan dipertingkat",
+	"action.enhanced-a11y-mode.menu": "Mod kebolehaksesan dipertingkatkan",
+	"action.exit-pen-mode": "Keluar dari mod pen",
+	"action.export-all-as-png": "Eksport semua sebagai PNG",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "Eksport semua sebagai SVG",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "Eksport sebagai PNG",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "Eksport sebagai SVG",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "Sesuai dengan kandungan",
+	"action.flatten-to-image": "Ratakan",
+	"action.flip-horizontal": "Balik secara mendatar",
+	"action.flip-horizontal.short": "Balikkan H",
+	"action.flip-vertical": "Balik secara menegak",
+	"action.flip-vertical.short": "Balik V",
+	"action.fork-project": "Garpu projek ini",
+	"action.fork-project-on-tldraw": "Projek garpu pada tldraw",
+	"action.group": "Kumpulan",
+	"action.insert-embed": "Sisipkan benam",
+	"action.insert-media": "Muat naik media",
+	"action.leave-shared-project": "Tinggalkan projek kongsi",
+	"action.new-project": "Projek baru",
+	"action.new-shared-project": "Projek kongsi baharu",
+	"action.open-cursor-chat": "Sembang kursor",
+	"action.open-embed-link": "Buka pautan",
+	"action.open-file": "Buka fail",
+	"action.open-kbd-shortcuts": "Buka pintasan papan kekunci",
+	"action.pack": "Pek",
+	"action.paste": "tampal",
+	"action.paste-error-description": "Tidak dapat menampal kerana tiada kebenaran papan keratan. Sila dayakan kebenaran dan cuba lagi.",
+	"action.paste-error-title": "Gagal menampal",
+	"action.print": "Cetak",
+	"action.redo": "Buat semula",
+	"action.remove-frame": "Keluarkan bingkai",
+	"action.rename": "Namakan semula",
+	"action.rotate-ccw": "Putar lawan jam",
+	"action.rotate-cw": "Putar mengikut arah jam",
+	"action.save-copy": "Simpan salinan",
+	"action.select-all": "Pilih semua",
+	"action.select-none": "Pilih tiada",
+	"action.select-zoom-tool": "Zum",
+	"action.send-backward": "Hantar ke belakang",
+	"action.send-to-back": "Hantar ke belakang",
+	"action.share-project": "Kongsi projek ini",
+	"action.stack-horizontal": "Susun secara mendatar",
+	"action.stack-horizontal.short": "Timbunan H",
+	"action.stack-vertical": "Susun secara menegak",
+	"action.stack-vertical.short": "Timbunan V",
+	"action.stop-following": "Berhenti mengikuti",
+	"action.stretch-horizontal": "Regangkan secara mendatar",
+	"action.stretch-horizontal.short": "Regangan H",
+	"action.stretch-vertical": "Regangkan secara menegak",
+	"action.stretch-vertical.short": "Regangan V",
+	"action.toggle-auto-none": "Auto",
+	"action.toggle-auto-pan": "Auto (pad jejak)",
+	"action.toggle-auto-size": "Togol saiz auto",
+	"action.toggle-auto-zoom": "Auto (tetikus)",
+	"action.toggle-dark-mode": "Togol mod gelap",
+	"action.toggle-dark-mode.menu": "Mod gelap",
+	"action.toggle-debug-mode": "Togol mod nyahpepijat",
+	"action.toggle-debug-mode.menu": "Mod nyahpepijat",
+	"action.toggle-dynamic-size-mode": "Togol saiz dinamik",
+	"action.toggle-dynamic-size-mode.menu": "Saiz dinamik",
+	"action.toggle-edge-scrolling": "Togol tatal tepi",
+	"action.toggle-edge-scrolling.menu": "Tatal tepi",
+	"action.toggle-focus-mode": "Togol mod fokus",
+	"action.toggle-focus-mode.menu": "Mod fokus",
+	"action.toggle-grid": "Togol grid",
+	"action.toggle-grid.menu": "Tunjukkan grid",
+	"action.toggle-invert-zoom": "Togol zum tetikus terbalik",
+	"action.toggle-invert-zoom.menu": "Terbalikkan zum tetikus",
+	"action.toggle-keyboard-shortcuts": "Togol pintasan papan kekunci",
+	"action.toggle-keyboard-shortcuts.menu": "Dayakan pintasan papan kekunci",
+	"action.toggle-lock": "Kunci / Buka kunci",
+	"action.toggle-mouse": "tetikus",
+	"action.toggle-paste-at-cursor": "Togol tampal pada kursor",
+	"action.toggle-paste-at-cursor.menu": "Tampal pada kursor",
+	"action.toggle-reduce-motion": "Togol kurangkan gerakan",
+	"action.toggle-reduce-motion.menu": "Kurangkan pergerakan",
+	"action.toggle-snap-mode": "Togol sentiasa snap",
+	"action.toggle-snap-mode.menu": "Sentiasa sentap",
+	"action.toggle-tool-lock": "Togol kunci alat",
+	"action.toggle-tool-lock.menu": "Kunci alatan",
+	"action.toggle-trackpad": "Pad jejak",
+	"action.toggle-transparent": "Togol latar belakang lutsinar",
+	"action.toggle-transparent.context-menu": "Telus",
+	"action.toggle-transparent.menu": "Telus",
+	"action.toggle-wrap-mode": "Togol Pilih pada bungkus",
+	"action.toggle-wrap-mode.menu": "Pilih pada bungkus",
+	"action.undo": "Buat asal",
+	"action.ungroup": "Nyahkumpulan",
+	"action.unlock-all": "Buka kunci semua",
+	"action.zoom-in": "Zum masuk",
+	"action.zoom-out": "Zum keluar",
+	"action.zoom-quick": "Zum pantas",
+	"action.zoom-to-100": "Zum kepada 100%",
+	"action.zoom-to-fit": "Zum untuk muat",
+	"action.zoom-to-selection": "Zum ke pilihan",
+	"actions-menu.title": "Tindakan",
+	"align-style.end": "tamat",
+	"align-style.justify": "Mewajarkan",
+	"align-style.middle": "Tengah",
+	"align-style.start": "Mulakan",
+	"app.loading": "Memuatkan tldraw…",
+	"arrow-kind-style.arc": "Arka",
+	"arrow-kind-style.elbow": "siku",
+	"arrowheadEnd-style.arrow": "anak panah",
+	"arrowheadEnd-style.bar": "Bar",
+	"arrowheadEnd-style.diamond": "berlian",
+	"arrowheadEnd-style.dot": "titik",
+	"arrowheadEnd-style.inverted": "terbalik",
+	"arrowheadEnd-style.none": "tiada",
+	"arrowheadEnd-style.pipe": "paip",
+	"arrowheadEnd-style.square": "Segi empat",
+	"arrowheadEnd-style.triangle": "Segi tiga",
+	"arrowheadStart-style.arrow": "anak panah",
+	"arrowheadStart-style.bar": "Bar",
+	"arrowheadStart-style.diamond": "berlian",
+	"arrowheadStart-style.dot": "titik",
+	"arrowheadStart-style.inverted": "terbalik",
+	"arrowheadStart-style.none": "tiada",
+	"arrowheadStart-style.pipe": "paip",
+	"arrowheadStart-style.square": "Segi empat",
+	"arrowheadStart-style.triangle": "Segi tiga",
+	"assets.files.amount-too-many": "Terlalu banyak fail",
+	"assets.files.maximum-size": "Saiz fail maksimum ialah {size}",
+	"assets.files.size-too-big": "Saiz fail terlalu besar",
+	"assets.files.type-not-allowed": "Jenis fail tidak dibenarkan",
+	"assets.files.upload-failed": "Muat naik gagal",
+	"assets.url.failed": "Tidak dapat memuatkan pratonton URL",
+	"color-style.black": "Hitam",
+	"color-style.blue": "Biru",
+	"color-style.green": "hijau",
+	"color-style.grey": "kelabu",
+	"color-style.light-blue": "Biru muda",
+	"color-style.light-green": "Hijau muda",
+	"color-style.light-red": "Merah muda",
+	"color-style.light-violet": "Ungu muda",
+	"color-style.orange": "Jingga",
+	"color-style.red": "merah",
+	"color-style.violet": "Violet",
+	"color-style.white": "putih",
+	"color-style.yellow": "kuning",
+	"context-menu.arrange": "susun",
+	"context-menu.copy-as": "Salin sebagai",
+	"context-menu.edit": "Sunting",
+	"context-menu.export-all-as": "Eksport semua sebagai",
+	"context-menu.export-as": "Eksport sebagai",
+	"context-menu.move-to-page": "Beralih ke halaman",
+	"context-menu.reorder": "Susun semula",
+	"context-menu.title": "Menu konteks",
+	"context.pages.new-page": "Halaman baharu",
+	"cursor-chat.type-to-chat": "Taip untuk bersembang...",
+	"dash-style.dashed": "putus-putus",
+	"dash-style.dotted": "Bertitik",
+	"dash-style.draw": "Lukis",
+	"dash-style.solid": "Padat",
+	"document-name-menu.copy-link": "Salin pautan",
+	"document.default-name": "Tidak bertajuk",
+	"edit-link-dialog.cancel": "Batal",
+	"edit-link-dialog.clear": "Jelas",
+	"edit-link-dialog.detail": "Pautan akan dibuka dalam tab baharu.",
+	"edit-link-dialog.external-link": "Pautan luar",
+	"edit-link-dialog.invalid-url": "Pautan mestilah URL yang sah.",
+	"edit-link-dialog.save": "teruskan",
+	"edit-link-dialog.title": "Edit pautan",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "belakang",
+	"embed-dialog.cancel": "Batal",
+	"embed-dialog.create": "Buat",
+	"embed-dialog.instruction": "Tampalkan dalam URL tapak untuk membuat benaman.",
+	"embed-dialog.invalid-url": "Kami tidak boleh membuat benaman daripada URL itu.",
+	"embed-dialog.title": "Buat benam",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "Batal",
+	"file-system.confirm-clear.continue": "teruskan",
+	"file-system.confirm-clear.description": "Mencipta projek baharu akan mengosongkan projek semasa anda dan sebarang perubahan yang belum disimpan akan hilang. Adakah anda pasti mahu meneruskan?",
+	"file-system.confirm-clear.dont-show-again": "Jangan tanya lagi",
+	"file-system.confirm-clear.title": "Kosongkan projek semasa?",
+	"file-system.confirm-open.cancel": "Batal",
+	"file-system.confirm-open.description": "Membuka fail akan menggantikan projek semasa anda dan sebarang perubahan yang tidak disimpan akan hilang. Adakah anda pasti mahu meneruskan?",
+	"file-system.confirm-open.dont-show-again": "Jangan tanya lagi",
+	"file-system.confirm-open.open": "Buka fail",
+	"file-system.confirm-open.title": "Tulis ganti projek semasa?",
+	"file-system.file-open-error.file-format-version-too-new": "Fail yang anda cuba buka adalah daripada versi tldraw yang lebih baharu. Sila muat semula halaman dan cuba lagi.",
+	"file-system.file-open-error.generic-corrupted-file": "Fail yang anda cuba buka rosak.",
+	"file-system.file-open-error.not-a-tldraw-file": "Fail yang anda cuba buka tidak kelihatan seperti fail tldraw.",
+	"file-system.file-open-error.title": "Tidak dapat membuka fail",
+	"file-system.shared-document-file-open-error.description": "Membuka fail daripada projek kongsi tidak disokong.",
+	"file-system.shared-document-file-open-error.title": "Tidak dapat membuka fail",
+	"fill-style.fill": "isi",
+	"fill-style.lined-fill": "Isi berlapis",
+	"fill-style.none": "tiada",
+	"fill-style.pattern": "Corak",
+	"fill-style.semi": "Semi",
+	"fill-style.solid": "Padat",
+	"focus-mode.toggle-focus-mode": "Togol mod fokus",
+	"font-style.draw": "Lukis",
+	"font-style.mono": "Mono",
+	"font-style.sans": "Sans",
+	"font-style.serif": "Serif",
+	"geo-style.arrow-down": "Anak panah ke bawah",
+	"geo-style.arrow-left": "Anak panah ke kiri",
+	"geo-style.arrow-right": "Anak panah ke kanan",
+	"geo-style.arrow-up": "Anak panah ke atas",
+	"geo-style.check-box": "Kotak semak",
+	"geo-style.cloud": "awan",
+	"geo-style.diamond": "berlian",
+	"geo-style.ellipse": "Ellipse",
+	"geo-style.heart": "Hati",
+	"geo-style.hexagon": "Heksagon",
+	"geo-style.octagon": "Octagon",
+	"geo-style.oval": "bujur",
+	"geo-style.pentagon": "Pentagon",
+	"geo-style.rectangle": "segi empat tepat",
+	"geo-style.rhombus": "Ketupat",
+	"geo-style.rhombus-2": "Ketupat pergi",
+	"geo-style.star": "Bintang",
+	"geo-style.trapezoid": "Trapezoid",
+	"geo-style.triangle": "Segi tiga",
+	"geo-style.x-box": "Kotak X",
+	"handle.crop.bottom": "Pangkas bawah",
+	"handle.crop.bottom-left": "Pangkas kiri bawah",
+	"handle.crop.bottom-right": "Pangkas kanan bawah",
+	"handle.crop.left": "Pangkas kiri",
+	"handle.crop.right": "Pangkas betul",
+	"handle.crop.top": "Atasan tanaman",
+	"handle.crop.top-left": "Potong atas kiri",
+	"handle.crop.top-right": "Potong atas kanan",
+	"handle.resize-bottom": "Ubah saiz bahagian bawah",
+	"handle.resize-bottom-left": "Ubah saiz kiri bawah",
+	"handle.resize-bottom-right": "Ubah saiz kanan bawah",
+	"handle.resize-left": "Ubah saiz ke kiri",
+	"handle.resize-right": "Ubah saiz dengan betul",
+	"handle.resize-top": "Ubah saiz atas",
+	"handle.resize-top-left": "Ubah saiz kiri atas",
+	"handle.resize-top-right": "Ubah saiz kanan atas",
+	"handle.rotate.bottom_left_rotate": "Putar kiri bawah",
+	"handle.rotate.bottom_right_rotate": "Putar kanan bawah",
+	"handle.rotate.mobile_rotate": "Putar",
+	"handle.rotate.top_left_rotate": "Putar kiri atas",
+	"handle.rotate.top_right_rotate": "Putar atas kanan",
+	"help-menu.about": "Tentang",
+	"help-menu.discord": "Perselisihan",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "Import fail...",
+	"help-menu.keyboard-shortcuts": "Pintasan papan kekunci",
+	"help-menu.privacy": "Dasar privasi",
+	"help-menu.terms": "Syarat perkhidmatan",
+	"help-menu.title": "Bantuan dan sumber",
+	"help-menu.twitter": "Twitter",
+	"menu.accessibility": "Kebolehcapaian",
+	"menu.color-theme": "Tema warna",
+	"menu.copy-as": "Salin sebagai",
+	"menu.edit": "Sunting",
+	"menu.export-as": "Eksport sebagai",
+	"menu.file": "Fail",
+	"menu.input-device": "Peranti input",
+	"menu.language": "Bahasa",
+	"menu.preferences": "Keutamaan",
+	"menu.theme": "Tema",
+	"menu.title": "Menu",
+	"menu.view": "Lihat",
+	"navigation-zone.minimap": "Peta mini",
+	"navigation-zone.title": "Navigasi",
+	"navigation-zone.toggle-minimap": "Togol minimap",
+	"navigation-zone.zoom": "Zum",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "Buat halaman baharu",
+	"page-menu.edit-done": "Selesai",
+	"page-menu.edit-start": "Sunting",
+	"page-menu.go-to-page": "Pergi ke halaman",
+	"page-menu.new-page-initial-name": "Muka surat 1",
+	"page-menu.submenu.delete": "Padam",
+	"page-menu.submenu.duplicate-page": "Pendua",
+	"page-menu.submenu.move-down": "Bergerak ke bawah",
+	"page-menu.submenu.move-up": "Bergerak ke atas",
+	"page-menu.submenu.rename": "Namakan semula",
+	"page-menu.submenu.title": "Menu",
+	"page-menu.title": "muka surat",
+	"people-menu.anonymous-user": "Pengguna baharu",
+	"people-menu.avatar-color": "Warna avatar",
+	"people-menu.change-color": "Tukar warna",
+	"people-menu.change-name": "Tukar nama",
+	"people-menu.follow": "Ikut",
+	"people-menu.following": "Mengikuti",
+	"people-menu.invite": "Ajak orang lain",
+	"people-menu.leading": "Mengikuti Anda",
+	"people-menu.title": "Orang ramai",
+	"people-menu.user": "(Awak)",
+	"share-menu.copied": "pautan disalin!",
+	"share-menu.copy-link": "Salin pautan",
+	"share-menu.copy-link-note": "Sesiapa sahaja yang mempunyai pautan akan dapat melihat dan mengedit projek ini.",
+	"share-menu.copy-readonly-link": "Salin pautan baca sahaja",
+	"share-menu.copy-readonly-link-note": "Sesiapa sahaja yang mempunyai pautan akan dapat melihat (tetapi tidak mengedit) projek ini.",
+	"share-menu.create-snapshot-link": "Buat pautan syot kilat",
+	"share-menu.creating-project": "Mencipta projek baharu…",
+	"share-menu.fork-note": "Buat projek kongsi baharu berdasarkan petikan ini.",
+	"share-menu.offline-note": "Berkongsi projek ini akan membuat salinan langsung yang dihoskan pada URL baharu. Anda boleh berkongsi URL dengan sehingga tiga puluh orang lain untuk melihat dan mengedit projek bersama-sama.",
+	"share-menu.project-too-large": "Maaf, projek ini tidak boleh dikongsi kerana terlalu besar. Kami sedang mengusahakannya!",
+	"share-menu.save-note": "Muat turun projek ini ke komputer anda sebagai fail .tldr.",
+	"share-menu.share-project": "Kongsi projek ini",
+	"share-menu.snapshot-link-note": "Tangkap dan kongsi projek ini sebagai pautan syot kilat baca sahaja.",
+	"share-menu.title": "Kongsi",
+	"share-menu.upload-failed": "Maaf, kami tidak dapat memuat naik projek anda pada masa ini. Sila cuba lagi atau beritahu kami jika masalah berterusan.",
+	"sharing.confirm-leave.cancel": "Batal",
+	"sharing.confirm-leave.description": "Adakah anda pasti mahu meninggalkan projek kongsi ini? Anda boleh kembali kepadanya dengan menavigasi ke URLnya.",
+	"sharing.confirm-leave.dont-show-again": "Jangan tanya lagi",
+	"sharing.confirm-leave.leave": "cuti",
+	"sharing.confirm-leave.title": "Tinggalkan projek semasa?",
+	"shortcuts-dialog.a11y": "Kebolehcapaian",
+	"shortcuts-dialog.collaboration": "Kerjasama",
+	"shortcuts-dialog.edit": "Sunting",
+	"shortcuts-dialog.file": "Fail",
+	"shortcuts-dialog.preferences": "Keutamaan",
+	"shortcuts-dialog.text-formatting": "Pemformatan teks",
+	"shortcuts-dialog.title": "Pintasan papan kekunci",
+	"shortcuts-dialog.tools": "Alatan",
+	"shortcuts-dialog.transform": "Berubah",
+	"shortcuts-dialog.view": "Lihat",
+	"size-style.l": "besar",
+	"size-style.m": "Sederhana",
+	"size-style.s": "Kecil",
+	"size-style.xl": "Lebih besar",
+	"spline-style.cubic": "Kubik",
+	"spline-style.line": "Talian",
+	"status.offline": "Luar talian",
+	"style-panel.align": "Selaraskan",
+	"style-panel.arrow-kind": "Talian",
+	"style-panel.arrowhead-end": "tamat",
+	"style-panel.arrowhead-start": "Mulakan",
+	"style-panel.arrowheads": "Anak panah",
+	"style-panel.color": "warna",
+	"style-panel.dash": "Dash",
+	"style-panel.fill": "isi",
+	"style-panel.font": "fon",
+	"style-panel.geo": "bentuk",
+	"style-panel.label-align": "Selaraskan label",
+	"style-panel.mixed": "bercampur",
+	"style-panel.opacity": "Kelegapan",
+	"style-panel.position": "kedudukan",
+	"style-panel.selected": "dipilih",
+	"style-panel.size": "Saiz",
+	"style-panel.spline": "Spline",
+	"style-panel.title": "Gaya",
+	"style-panel.vertical-align": "Jajaran menegak",
+	"theme.dark": "Gelap",
+	"theme.light": "Cahaya",
+	"theme.system": "Sistem",
+	"toast.close": "tutup",
+	"toast.error": "ralat",
+	"toast.error.copy-fail.desc": "Gagal menyalin imej",
+	"toast.error.copy-fail.title": "Salinan gagal",
+	"toast.error.export-fail.desc": "Gagal mengeksport imej",
+	"toast.error.export-fail.title": "Eksport gagal",
+	"toast.info": "info",
+	"toast.success": "Kejayaan",
+	"toast.warning": "Amaran",
+	"tool-panel.more": "Lagi",
+	"tool-panel.title": "Alatan",
+	"tool.arrow": "anak panah",
+	"tool.arrow-down": "Anak panah ke bawah",
+	"tool.arrow-left": "Anak panah ke kiri",
+	"tool.arrow-right": "Anak panah ke kanan",
+	"tool.arrow-up": "Anak panah ke atas",
+	"tool.aspect-ratio": "Nisbah aspek",
+	"tool.aspect-ratio.circle": "Bulatan (1:1)",
+	"tool.aspect-ratio.landscape": "Landskap (4:3)",
+	"tool.aspect-ratio.original": "Asal",
+	"tool.aspect-ratio.portrait": "Potret (3:4)",
+	"tool.aspect-ratio.square": "Segi empat (1:1)",
+	"tool.aspect-ratio.wide": "Lebar (16:9)",
+	"tool.bookmark": "Penanda buku",
+	"tool.check-box": "Kotak semak",
+	"tool.cloud": "awan",
+	"tool.diamond": "berlian",
+	"tool.draw": "Lukis",
+	"tool.ellipse": "Ellipse",
+	"tool.embed": "Benamkan",
+	"tool.eraser": "Pemadam",
+	"tool.flip-horz": "Balikkan secara mendatar",
+	"tool.flip-vert": "Balik secara menegak",
+	"tool.frame": "Bingkai",
+	"tool.hand": "tangan",
+	"tool.heart": "Hati",
+	"tool.hexagon": "Heksagon",
+	"tool.highlight": "Serlahkan",
+	"tool.image-crop": "Pangkas imej",
+	"tool.image-crop-confirm": "sahkan",
+	"tool.image-toolbar-title": "Alat imej",
+	"tool.image-zoom": "Zum",
+	"tool.laser": "Laser",
+	"tool.line": "Talian",
+	"tool.media": "Media",
+	"tool.media-alt-text": "Teks alternatif",
+	"tool.media-alt-text-confirm": "sahkan",
+	"tool.media-alt-text-desc": "Beri penerangan…",
+	"tool.note": "Nota",
+	"tool.octagon": "Octagon",
+	"tool.oval": "bujur",
+	"tool.pentagon": "Pentagon",
+	"tool.pointer-down": "Penunjuk ke bawah",
+	"tool.rectangle": "segi empat tepat",
+	"tool.replace-media": "Gantikan media",
+	"tool.rhombus": "Ketupat",
+	"tool.rich-text-bold": "berani",
+	"tool.rich-text-bulletList": "Senarai berbulet",
+	"tool.rich-text-code": "Kod",
+	"tool.rich-text-header": "Pengepala",
+	"tool.rich-text-highlight": "Serlahkan",
+	"tool.rich-text-italic": "Italic",
+	"tool.rich-text-link": "Pautan",
+	"tool.rich-text-link-remove": "Alih keluar pautan",
+	"tool.rich-text-link-visit": "Lawati pautan",
+	"tool.rich-text-orderedList": "Senarai pesanan",
+	"tool.rich-text-strikethrough": "Strikethrough",
+	"tool.rich-text-toolbar-title": "Pemformatan teks",
+	"tool.rotate-cw": "Putar",
+	"tool.select": "Pilih",
+	"tool.star": "Bintang",
+	"tool.text": "Teks",
+	"tool.trapezoid": "Trapezoid",
+	"tool.triangle": "Segi tiga",
+	"tool.x-box": "Kotak X",
+	"ui.checked": "Disemak",
+	"ui.close": "tutup",
+	"ui.unchecked": "Nyahtanda",
+	"verticalAlign-style.end": "Bawah",
+	"verticalAlign-style.middle": "Tengah",
+	"verticalAlign-style.start": "Atas",
+	"vscode.file-open.backup": "Sandaran",
+	"vscode.file-open.backup-failed": "Sandaran gagal: ini bukan fail .tldr.",
+	"vscode.file-open.backup-saved": "Sandaran disimpan",
+	"vscode.file-open.desc": "Fail ini dicipta dengan versi tldraw yang lebih awal. Adakah anda ingin mengemas kininya untuk berfungsi dengan versi baharu?",
+	"vscode.file-open.dont-show-again": "Jangan tanya lagi",
+	"vscode.file-open.open": "teruskan"
+}
diff --git a/web/hermes-dist/translations/my.json b/web/hermes-dist/translations/my.json
new file mode 100644
index 0000000..9dae7a1
--- /dev/null
+++ b/web/hermes-dist/translations/my.json
@@ -0,0 +1,112 @@
+{
+	"action.align-bottom": "အောက်သို့ ညှိရန်",
+	"action.align-center-horizontal": "အလျားလိုက် ဗဟိုဆီသို့ ညှိရန်",
+	"action.align-center-vertical": "ဒေါင်လိုက် ဗဟိုဆီသို့ ညှိရန်",
+	"action.align-center-horizontal.short": "အလျားလိုက် ဗဟိုဆီသို့ ညှိရန်",
+	"action.align-center-vertical.short": "ဒေါင်လိုက် ဗဟိုဆီသို့ ညှိရန်",
+	"action.align-left": "ဘယ်ဖက်သို့ ညှိရန်",
+	"action.align-right": "ညာဖက်သို့ ညှိရန်",
+	"action.align-top": "အပေါ်သို့ ညှိရန်",
+	"action.bring-forward": "ရှေ့သို့ တစ်ဆင့်ပို့မည်",
+	"action.bring-to-front": "ရှေ့ဆုံးသို့ ပို့မည်",
+	"action.copy": "ကူးယူ",
+	"action.cut": "ဖြတ်ယူ",
+	"action.delete": "ဖျက်မည်",
+	"action.distribute-horizontal": "အလျားလိုက် ဖြန့်ရန်",
+	"action.distribute-vertical": "ဒေါင်လိုက် ဖြန့်ရန်",
+	"action.distribute-horizontal.short": "အလျားလိုက် ဖြန့်ရန်",
+	"action.distribute-vertical.short": "ဒေါင်လိုက် ဖြန့်ရန်",
+	"action.duplicate": "ပွားမည်",
+	"action.flip-horizontal": "အလျားလိုက် လှန်မည်",
+	"action.flip-vertical": "ဒေါင်လိုက် လှန်မည်",
+	"action.flip-horizontal.short": "အလျားလိုက် လှန်မည်",
+	"action.flip-vertical.short": "ဒေါင်လိုက် လှန်မည်",
+	"action.group": "အုပ်စုဖွဲ့",
+	"action.insert-media": "မီဒီယာဖိုင်များ တင်မည်",
+	"action.paste": "ကူးသွင်း",
+	"action.redo": "ပြန်လုပ်ရန်",
+	"action.select-all": "အားလုံးကို ရွေးချယ်ရန်",
+	"action.select-none": "တစ်ခုမှ မရွေးတော့ပါ",
+	"action.send-backward": "နောက်သို့ တစ်ဆင့်ပို့မည်",
+	"action.send-to-back": "နောက်ဆုံးသို့ ပို့မည်",
+	"action.stretch-horizontal": "အလျားလိုက် ဆွဲဆန့်ရန်",
+	"action.stretch-vertical": "ဒေါင်လိုက် ဆွဲဆန့်ရန်",
+	"action.stretch-horizontal.short": "အလျားလိုက် ဆွဲဆန့်ရန်",
+	"action.stretch-vertical.short": "ဒေါင်လိုက် ဆွဲဆန့်ရန်",
+	"action.toggle-dark-mode.menu": "အမှောင် မုဒ်",
+	"action.toggle-dark-mode": "အမှောင် မုဒ်",
+	"action.toggle-debug-mode.menu": "စမ်းသပ် မုဒ်",
+	"action.toggle-debug-mode": "စမ်းသပ် မုဒ်",
+	"action.toggle-focus-mode.menu": "ရှင်းရှင်းလင်းလင်း မုဒ်",
+	"action.toggle-focus-mode": "ရှင်းရှင်းလင်းလင်း မုဒ်",
+	"action.toggle-grid.menu": "နောက်ခံ ဇယားကွက်ပြရန်",
+	"action.toggle-grid": "နောက်ခံ ဇယားကွက်ပြရန်",
+	"action.toggle-snap-mode.menu": "Always Show Snaps",
+	"action.toggle-snap-mode": "Always Show Snaps",
+	"action.toggle-transparent.context-menu": "နောက်ခံ အကြည်",
+	"action.toggle-transparent.menu": "နောက်ခံ အကြည်",
+	"action.undo": "နဂိုမူလသို့ ပြန်လုပ်ရန်",
+	"action.ungroup": "အုပ်စုခွဲ",
+	"action.zoom-in": "အကြီးချဲ့မည်",
+	"action.zoom-out": "ပြန်ကျဥ်းမည်",
+	"action.zoom-to-fit": "အံကိုက်ဖြစ်အောင် ချဲ့မည်",
+	"action.zoom-to-selection": "ရွေးထားသော နေရာသို့ အာရုံပြုမည်",
+	"dash-style.draw": "ခဲတံ",
+	"font-style.draw": "ခဲတံ",
+	"geo-style.ellipse": "ဘဲဥ",
+	"geo-style.rectangle": "လေထောင့်",
+	"geo-style.triangle": "တြိဂံ",
+	"arrowheadStart-style.arrow": "မြှား",
+	"arrowheadStart-style.triangle": "တြိဂံ",
+	"arrowheadEnd-style.arrow": "မြှား",
+	"arrowheadEnd-style.triangle": "တြိဂံ",
+	"spline-style.line": "မျဥ်း",
+	"tool.select": "ရွေးချယ်မှု",
+	"tool.draw": "ခဲတံ",
+	"tool.eraser": "ခဲဖျက်",
+	"tool.arrow": "မြှား",
+	"tool.ellipse": "ဘဲဥ",
+	"tool.line": "မျဥ်း",
+	"tool.rectangle": "လေထောင့်",
+	"tool.triangle": "တြိဂံ",
+	"tool.note": "ကပ်ခွာမှတ်စု",
+	"tool.text": "စာသား",
+	"menu.copy-as": "ကူးယူမည့် ပုံစံ",
+	"menu.edit": "ပြုပြင်",
+	"menu.export-as": "ထုတ်ချင်သည့် ပုံစံ",
+	"menu.file": "ဖိုင်",
+	"menu.language": "ဘာသာစကား",
+	"menu.preferences": "ဆက်တင်",
+	"menu.view": "အမြင်",
+	"context-menu.copy-as": "ကူးယူမည့် ပုံစံ",
+	"context-menu.export-as": "ထုတ်ချင်သည့် ပုံစံ",
+	"context-menu.move-to-page": "စာမျက်နှာတစ်ခုသို့ ရွေးမည်",
+	"page-menu.create-new-page": "စာမျက်နှာ အသစ်ဖွင့်မည်",
+	"page-menu.edit-start": "ပြုပြင်",
+	"page-menu.submenu.duplicate-page": "ပွားမည်",
+	"page-menu.submenu.delete": "ဖျက်မည်",
+	"share-menu.copy-link": "ဖိတ်ကြားရန် လင့်ခ်ကူးယူမည်",
+	"share-menu.copy-readonly-link": "ကြည့်ရူရန်အတွက်သာ လင့်ခ်ကူးယူမည်",
+	"help-menu.discord": "Discord",
+	"help-menu.github": "GitHub",
+	"help-menu.keyboard-shortcuts": "Keyboard shortcuts",
+	"help-menu.twitter": "Twitter",
+	"edit-link-dialog.cancel": "မလုပ်တော့ပါ",
+	"embed-dialog.cancel": "မလုပ်တော့ပါ",
+	"shortcuts-dialog.title": "Keyboard shortcuts",
+	"shortcuts-dialog.edit": "ပြုပြင်",
+	"shortcuts-dialog.file": "ဖိုင်",
+	"shortcuts-dialog.preferences": "ဆက်တင်",
+	"shortcuts-dialog.tools": "ကိရိယာများ",
+	"shortcuts-dialog.transform": "ပြောင်းလည်ရန်",
+	"shortcuts-dialog.view": "အမြင်",
+	"style-panel.title": "စတိုင်",
+	"style-panel.align": "အထားအသို",
+	"style-panel.color": "အရောင်",
+	"style-panel.dash": "မျဥ်းစက်",
+	"style-panel.fill": "အရောင် ထည့်မည်",
+	"style-panel.font": "စာသားဖောင့်",
+	"style-panel.size": "အရွယ်အစား",
+	"focus-mode.toggle-focus-mode": "ရှင်းရှင်းလင်းလင်း မုဒ်",
+	"file-system.confirm-open.cancel": "မလုပ်တော့ပါ"
+}
diff --git a/web/hermes-dist/translations/ne.json b/web/hermes-dist/translations/ne.json
new file mode 100644
index 0000000..7a13df5
--- /dev/null
+++ b/web/hermes-dist/translations/ne.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "आकार शैलीहरू समायोजन गर्नुहोस्",
+	"a11y.enlarge-shape": "आकार ठूलो पार्नुहोस्",
+	"a11y.enter-leave-container": "कन्टेनर प्रविष्ट गर्नुहोस्/छोड्नुहोस्",
+	"a11y.move-shape": "आकार सार्नुहोस्",
+	"a11y.move-shape-faster": "आकार छिटो सार्नुहोस्",
+	"a11y.multiple-shapes": "{num} आकारहरू चयन गरियो",
+	"a11y.open-context-menu": "सन्दर्भ मेनु खोल्नुहोस्",
+	"a11y.open-keyboard-shortcuts": "किबोर्ड सर्टकटहरू खोल्नुहोस्",
+	"a11y.pan-camera": "प्यान क्यामेरा",
+	"a11y.repeat-shape": "आकार दोहोर्याउनुहोस्",
+	"a11y.rotate-shape-ccw": "आकार घडीको विपरीत दिशामा घुमाउनुहोस्",
+	"a11y.rotate-shape-ccw-fine": "आकार घडीको विपरीत दिशामा घुमाउनुहोस् (ठीक छ)",
+	"a11y.rotate-shape-cw": "आकार घडीको दिशामा घुमाउनुहोस्",
+	"a11y.rotate-shape-cw-fine": "आकार घडीको दिशामा घुमाउनुहोस् (ठीक छ)",
+	"a11y.select-shape": "अर्को आकार चयन गर्नुहोस्",
+	"a11y.select-shape-direction": "दिशा अनुसार आकार चयन गर्नुहोस्",
+	"a11y.shape-image": "छवि",
+	"a11y.shape-index": "{total} मध्ये {num}",
+	"a11y.shape-video": "भिडियो",
+	"a11y.shrink-shape": "आकार खुम्च्याउनुहोस्",
+	"a11y.skip-to-main-content": "फोकसलाई क्यानभासमा सार्नुहोस्",
+	"a11y.status": "स्थिति",
+	"action.align-bottom": "तल पङ्क्तिबद्ध गर्नुहोस्",
+	"action.align-center-horizontal": "तेर्सो रूपमा पङ्क्तिबद्ध गर्नुहोस्",
+	"action.align-center-horizontal.short": "तेर्सो रूपमा पङ्क्तिबद्ध गर्नुहोस्",
+	"action.align-center-vertical": "ठाडो रूपमा पङ्क्तिबद्ध गर्नुहोस्",
+	"action.align-center-vertical.short": "ठाडो रूपमा पङ्क्तिबद्ध गर्नुहोस्",
+	"action.align-left": "बायाँ पङ्क्तिबद्ध गर्नुहोस्",
+	"action.align-right": "दायाँ पङ्क्तिबद्ध गर्नुहोस्",
+	"action.align-top": "माथि पङ्क्तिबद्ध गर्नुहोस्",
+	"action.back-to-content": "सामग्रीमा फर्कनुहोस्",
+	"action.bring-forward": "अगाडि ल्याउनुहोस्",
+	"action.bring-to-front": "सबैभन्दा अगाडि ल्याउनुहोस्",
+	"action.convert-to-bookmark": "बुकमार्कमा रूपान्तरण गर्नुहोस्",
+	"action.convert-to-embed": "एम्बेडमा रूपान्तरण गर्नुहोस्",
+	"action.copy": "कपि गर्नुहोस्",
+	"action.copy-as-json": "JSON को रूपमा प्रतिलिपि गर्नुहोस्",
+	"action.copy-as-json.short": "JSONLanguage",
+	"action.copy-as-png": "PNG को रूपमा प्रतिलिपि गर्नुहोस्",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "SVG को रूपमा प्रतिलिपि गर्नुहोस्",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "कट गर्नुहोस्",
+	"action.delete": "मेटाउनुहोस्",
+	"action.distribute-horizontal": "तेर्सो रूपमा वितरण गर्नुहोस्",
+	"action.distribute-horizontal.short": "तेर्सो रूपमा वितरण गर्नुहोस्",
+	"action.distribute-vertical": "ठाडो रूपमा वितरण गर्नुहोस्",
+	"action.distribute-vertical.short": "ठाडो रूपमा वितरण गर्नुहोस्",
+	"action.download-original": "मूल डाउनलोड गर्नुहोस्",
+	"action.duplicate": "अनुलिपि गर्नुहोस्",
+	"action.edit-link": "लिङ्क सम्पादन गर्नुहोस्",
+	"action.enhanced-a11y-mode": "परिष्कृत पहुँच मोड टगल गर्नुहोस्",
+	"action.enhanced-a11y-mode.menu": "परिष्कृत पहुँच मोड",
+	"action.exit-pen-mode": "कलम मोडबाट बाहिर निस्कनुहोस्",
+	"action.export-all-as-png": "सबै PNG को रूपमा निर्यात गर्नुहोस्",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "सबै SVG को रूपमा निर्यात गर्नुहोस्",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "PNG को रूपमा निर्यात गर्नुहोस्",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "SVG को रूपमा निर्यात गर्नुहोस्",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "सामग्रीमा फिट",
+	"action.flatten-to-image": "समतल",
+	"action.flip-horizontal": "तेर्सो फ्लिप गर्नुहोस्",
+	"action.flip-horizontal.short": "तेर्सो रूपमा फ्लिप गर्नुहोस्",
+	"action.flip-vertical": "ठाडो फ्लिप गर्नुहोस्",
+	"action.flip-vertical.short": "ठाडो रूपमा फ्लिप गर्नुहोस्",
+	"action.fork-project": "यस परियोजनालाई फोर्क गर्नुहोस्",
+	"action.fork-project-on-tldraw": "tldraw मा फोर्क परियोजना",
+	"action.group": "समूह",
+	"action.insert-embed": "इम्बेड सम्मिलित गर्नुहोस्",
+	"action.insert-media": "मिडिया अपलोड गर्नुहोस्",
+	"action.leave-shared-project": "साझा परियोजना छोड्नुहोस्",
+	"action.new-project": "नयाँ परियोजना",
+	"action.new-shared-project": "नयाँ साझा परियोजना",
+	"action.open-cursor-chat": "कर्सर च्याट",
+	"action.open-embed-link": "लिङ्क खोल्नुहोस्",
+	"action.open-file": "फाइल खोल्नुहोस्",
+	"action.open-kbd-shortcuts": "किबोर्ड सर्टकटहरू खोल्नुहोस्",
+	"action.pack": "प्याक",
+	"action.paste": "पेस्ट गर्नुहोस्",
+	"action.paste-error-description": "क्लिपबोर्ड अनुमतिहरू छुटेका कारण टाँस्न सकिएन। कृपया अनुमतिहरू सक्षम गर्नुहोस् र पुन: प्रयास गर्नुहोस्।",
+	"action.paste-error-title": "टाँस्न असफल भयो",
+	"action.print": "मुद्रण गर्नुहोस्",
+	"action.redo": "पुनः गर्नुहोस्",
+	"action.remove-frame": "फ्रेम हटाउनुहोस्",
+	"action.rename": "पुन: नामाकरण गर्नुहोस्",
+	"action.rotate-ccw": "घडीको विपरीत दिशामा घुमाउनुहोस्",
+	"action.rotate-cw": "घडीको दिशामा घुमाउनुहोस्",
+	"action.save-copy": "एक प्रतिलिपि बचत गर्नुहोस्",
+	"action.select-all": "सबै छान्नुहोस्",
+	"action.select-none": "केहि पनि सेलेक्ट नगर्नुहोस्",
+	"action.select-zoom-tool": "जुम गर्नुहोस्",
+	"action.send-backward": "पछाडि पठाउनुहोस्",
+	"action.send-to-back": "सबैभन्दा पछाडि पठाउनुहोस्",
+	"action.share-project": "यो परियोजना साझेदारी गर्नुहोस्",
+	"action.stack-horizontal": "तेर्सो रूपमा स्ट्याक गर्नुहोस्",
+	"action.stack-horizontal.short": "तेर्सो रूपमा स्ट्याक गर्नुहोस्",
+	"action.stack-vertical": "ठाडो रूपमा स्ट्याक गर्नुहोस्",
+	"action.stack-vertical.short": "ठाडो रूपमा स्ट्याक गर्नुहोस्",
+	"action.stop-following": "पछ्याउन रोक्नुहोस्",
+	"action.stretch-horizontal": "तेर्सो रूपमा तन्काउनुहोस्",
+	"action.stretch-horizontal.short": "तेर्सो रूपमा तन्काउनुहोस्",
+	"action.stretch-vertical": "ठाडो रूपमा तन्काउनुहोस्",
+	"action.stretch-vertical.short": "ठाडो रूपमा तन्काउनुहोस्",
+	"action.toggle-auto-none": "अटो",
+	"action.toggle-auto-pan": "स्वतः (ट्र्याकप्याड)",
+	"action.toggle-auto-size": "स्वत: आकार टगल गर्नुहोस्",
+	"action.toggle-auto-zoom": "स्वतः (माउस)",
+	"action.toggle-dark-mode": "अँध्यारो मोड टगल गर्नुहोस्",
+	"action.toggle-dark-mode.menu": "अँध्यारो मोड",
+	"action.toggle-debug-mode": "डिबग मोड टगल गर्नुहोस्",
+	"action.toggle-debug-mode.menu": "डिबग मोड",
+	"action.toggle-dynamic-size-mode": "गतिशील आकार टगल गर्नुहोस्",
+	"action.toggle-dynamic-size-mode.menu": "गतिशील आकार",
+	"action.toggle-edge-scrolling": "किनारा स्क्रोलिङ टगल गर्नुहोस्",
+	"action.toggle-edge-scrolling.menu": "किनारा स्क्रोलिङ",
+	"action.toggle-focus-mode": "फोकस मोड टगल गर्नुहोस्",
+	"action.toggle-focus-mode.menu": "फोकस मोड",
+	"action.toggle-grid": "ग्रिड टगल गर्नुहोस्",
+	"action.toggle-grid.menu": "ग्रिड देखाउनुहोस्",
+	"action.toggle-invert-zoom": "उल्टो माउस जुम टगल गर्नुहोस्",
+	"action.toggle-invert-zoom.menu": "माउस जुम उल्टाउनुहोस्",
+	"action.toggle-keyboard-shortcuts": "किबोर्ड सर्टकटहरू टगल गर्नुहोस्",
+	"action.toggle-keyboard-shortcuts.menu": "किबोर्ड सर्टकटहरू",
+	"action.toggle-lock": "लक / अनलक गर्नुहोस्",
+	"action.toggle-mouse": "मुसा",
+	"action.toggle-paste-at-cursor": "कर्सरमा टाँस्नुहोस् टगल गर्नुहोस्",
+	"action.toggle-paste-at-cursor.menu": "कर्सरमा टाँस्नुहोस्",
+	"action.toggle-reduce-motion": "गति कम गर्न टगल गर्नुहोस्",
+	"action.toggle-reduce-motion.menu": "गति घटाउनुहोस्",
+	"action.toggle-snap-mode": "जहिले पनि स्न्याप गर्ने टगल गर्नुहोस्",
+	"action.toggle-snap-mode.menu": "जहिले पनि स्न्याप गर्नुहोस्",
+	"action.toggle-tool-lock": "उपकरण लक टगल गर्नुहोस्",
+	"action.toggle-tool-lock.menu": "उपकरण लक",
+	"action.toggle-trackpad": "ट्र्याकप्याड",
+	"action.toggle-transparent": "पारदर्शी पृष्ठभूमि टगल गर्नुहोस्",
+	"action.toggle-transparent.context-menu": "पारदर्शी",
+	"action.toggle-transparent.menu": "पारदर्शी",
+	"action.toggle-wrap-mode": "र्‍यापमा चयन टगल गर्नुहोस्",
+	"action.toggle-wrap-mode.menu": "लपेटो मा चयन गर्नुहोस्",
+	"action.undo": "पूर्ववत गर्नुहोस्",
+	"action.ungroup": "समूह रद्द गर्नुहोस्",
+	"action.unlock-all": "सबै अनलक गर्नुहोस्",
+	"action.zoom-in": "जुम इन",
+	"action.zoom-out": "जुम आउट",
+	"action.zoom-quick": "द्रुत जुम",
+	"action.zoom-to-100": "१००% मा जुम गर्नुहोस्",
+	"action.zoom-to-fit": "जुम टु फिट",
+	"action.zoom-to-selection": "जुम टु सेलेक्सन",
+	"actions-menu.title": "कार्यहरू",
+	"align-style.end": "अन्त्य",
+	"align-style.justify": "उचित",
+	"align-style.middle": "मध्य",
+	"align-style.start": "सुरु",
+	"app.loading": "tldraw लोड गर्दै...",
+	"arrow-kind-style.arc": "चाप",
+	"arrow-kind-style.elbow": "कुहिनो",
+	"arrowheadEnd-style.arrow": "तीर",
+	"arrowheadEnd-style.bar": "बार",
+	"arrowheadEnd-style.diamond": "हीरा",
+	"arrowheadEnd-style.dot": "डट",
+	"arrowheadEnd-style.inverted": "उल्टो",
+	"arrowheadEnd-style.none": "कुनै पनि नाई",
+	"arrowheadEnd-style.pipe": "पाइप",
+	"arrowheadEnd-style.square": "वर्ग",
+	"arrowheadEnd-style.triangle": "त्रिभुज",
+	"arrowheadStart-style.arrow": "तीर",
+	"arrowheadStart-style.bar": "बार",
+	"arrowheadStart-style.diamond": "हीरा",
+	"arrowheadStart-style.dot": "डट",
+	"arrowheadStart-style.inverted": "उल्टो",
+	"arrowheadStart-style.none": "कुनै पनि नाई",
+	"arrowheadStart-style.pipe": "पाइप",
+	"arrowheadStart-style.square": "वर्ग",
+	"arrowheadStart-style.triangle": "त्रिभुज",
+	"assets.files.amount-too-many": "धेरै फाइलहरू",
+	"assets.files.maximum-size": "अधिकतम फाइल आकार {size} हो।",
+	"assets.files.size-too-big": "फाइल साइज धेरै ठूलो छ",
+	"assets.files.type-not-allowed": "फाइल प्रकारलाई अनुमति छैन",
+	"assets.files.upload-failed": "अपलोड असफल भयो",
+	"assets.url.failed": "URL पूर्वावलोकन लोड गर्न सकिएन",
+	"color-style.black": "कालो",
+	"color-style.blue": "निलो",
+	"color-style.green": "हरियो",
+	"color-style.grey": "खैरो",
+	"color-style.light-blue": "हल्का निलो",
+	"color-style.light-green": "हल्का हरियो",
+	"color-style.light-red": "हल्का रातो",
+	"color-style.light-violet": "हल्का बैंगनी",
+	"color-style.orange": "सुन्तला",
+	"color-style.red": "रातो",
+	"color-style.violet": "बैंगनी",
+	"color-style.white": "सेतो",
+	"color-style.yellow": "पहेंलो",
+	"context-menu.arrange": "व्यवस्थित गर्नुहोस्",
+	"context-menu.copy-as": "कपि एज",
+	"context-menu.edit": "सम्पादन गर्नुहोस्",
+	"context-menu.export-all-as": "सबैको रूपमा निर्यात गर्नुहोस्",
+	"context-menu.export-as": "एक्सपोर्ट एज",
+	"context-menu.move-to-page": "पृष्ठमा सार्नुहोस्",
+	"context-menu.reorder": "पुन: क्रमबद्ध गर्नुहोस्",
+	"context-menu.title": "सन्दर्भ मेनु",
+	"context.pages.new-page": "नयाँ पृष्ठ",
+	"cursor-chat.type-to-chat": "च्याट गर्न टाइप गर्नुहोस्...",
+	"dash-style.dashed": "ड्यास गरिएको",
+	"dash-style.dotted": "डट गरिएको",
+	"dash-style.draw": "चित्र बनाउनु",
+	"dash-style.solid": "ठोस",
+	"document-name-menu.copy-link": "लिङ्क प्रतिलिपि गर्नुहोस्",
+	"document.default-name": "शीर्षकविहीन",
+	"edit-link-dialog.cancel": "रद्द",
+	"edit-link-dialog.clear": "खाली गर्नुहोस्",
+	"edit-link-dialog.detail": "लिङ्कहरू नयाँ ट्याबमा खुल्नेछन्।",
+	"edit-link-dialog.external-link": "बाह्य लिङ्क",
+	"edit-link-dialog.invalid-url": "लिङ्क एक मान्य URL हुनुपर्छ।",
+	"edit-link-dialog.save": "जारी राख्नुहोस्",
+	"edit-link-dialog.title": "लिङ्क सम्पादन गर्नुहोस्",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "पछाडी जाउ",
+	"embed-dialog.cancel": "रद्द",
+	"embed-dialog.create": "सिर्जना गर्नुहोस्",
+	"embed-dialog.instruction": "इम्बेड सिर्जना गर्न साइटको URL मा टाँस्नुहोस्।",
+	"embed-dialog.invalid-url": "हामीले त्यो URL बाट एम्बेड सिर्जना गर्न सकेनौं।",
+	"embed-dialog.title": "इम्बेड सिर्जना गर्नुहोस्",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "रद्द गर्नुहोस्",
+	"file-system.confirm-clear.continue": "जारी राख्नुहोस्",
+	"file-system.confirm-clear.description": "नयाँ परियोजना सिर्जना गर्दा तपाईंको हालको परियोजना खाली हुनेछ र कुनै पनि बचत नगरिएका परिवर्तनहरू हराउनेछन्। के तपाइँ जारी राख्न निश्चित हुनुहुन्छ?",
+	"file-system.confirm-clear.dont-show-again": "फेरि नसोध्नुहोस्",
+	"file-system.confirm-clear.title": "हालको परियोजना खाली गर्ने हो?",
+	"file-system.confirm-open.cancel": "रद्द",
+	"file-system.confirm-open.description": "फाइल खोल्दा तपाईंको हालको परियोजना प्रतिस्थापन हुनेछ र कुनै पनि बचत नगरिएका परिवर्तनहरू हराउनेछन्। के तपाइँ यहि चाहनुहुन्छ?",
+	"file-system.confirm-open.dont-show-again": "फेरि नसोध्नुहोस्",
+	"file-system.confirm-open.open": "फाइल खोल्नुहोस्",
+	"file-system.confirm-open.title": "हालको परियोजना अधिलेखन गर्ने?",
+	"file-system.file-open-error.file-format-version-too-new": "तपाईंले खोल्न खोजेको फाइल tldraw को नयाँ संस्करणबाट हो। कृपया पृष्ठ पुन: लोड गर्नुहोस् र पुन: प्रयास गर्नुहोस्।",
+	"file-system.file-open-error.generic-corrupted-file": "तपाईंले खोल्ने प्रयास गर्नुभएको फाइल बिग्रिएको छ।",
+	"file-system.file-open-error.not-a-tldraw-file": "तपाईंले खोल्न खोजेको फाइल tldraw फाइल जस्तो देखिदैन।",
+	"file-system.file-open-error.title": "फाइल खोल्न सकिएन",
+	"file-system.shared-document-file-open-error.description": "साझा परियोजनाहरूबाट फाइलहरू खोल्न समर्थित छैन।",
+	"file-system.shared-document-file-open-error.title": "फाइल खोल्न सकिएन",
+	"fill-style.fill": "भर्नुहोस्",
+	"fill-style.lined-fill": "लाइन गरिएको भरण",
+	"fill-style.none": "कुनै पनि नाई",
+	"fill-style.pattern": "ढाँचा",
+	"fill-style.semi": "अर्ध",
+	"fill-style.solid": "ठोस",
+	"focus-mode.toggle-focus-mode": "फोकस मोड टगल गर्नुहोस्",
+	"font-style.draw": "चित्र बनाउनु",
+	"font-style.mono": "मोनो",
+	"font-style.sans": "सांस",
+	"font-style.serif": "सेरिफ",
+	"geo-style.arrow-down": "बाण तल",
+	"geo-style.arrow-left": "बाण बायाँ",
+	"geo-style.arrow-right": "बाण दायाँ",
+	"geo-style.arrow-up": "बाण माथि",
+	"geo-style.check-box": "चेक बाकस",
+	"geo-style.cloud": "बादल",
+	"geo-style.diamond": "हीरा",
+	"geo-style.ellipse": "दीर्घवृत्त",
+	"geo-style.heart": "मुटु",
+	"geo-style.hexagon": "हेक्सागन",
+	"geo-style.octagon": "अष्टकोण",
+	"geo-style.oval": "ओवल",
+	"geo-style.pentagon": "पेन्टागन",
+	"geo-style.rectangle": "आयत",
+	"geo-style.rhombus": "रोम्बस",
+	"geo-style.rhombus-2": "समभुज बाँया",
+	"geo-style.star": "तारा",
+	"geo-style.trapezoid": "Trapezoid",
+	"geo-style.triangle": "त्रिभुज",
+	"geo-style.x-box": "X बाकस",
+	"handle.crop.bottom": "तलको भाग क्रप गर्नुहोस्",
+	"handle.crop.bottom-left": "तल बायाँतिर क्रप गर्नुहोस्",
+	"handle.crop.bottom-right": "तल दायाँतिर क्रप गर्नुहोस्",
+	"handle.crop.left": "बायाँतिर क्रप गर्नुहोस्",
+	"handle.crop.right": "दायाँतिर क्रप गर्नुहोस्",
+	"handle.crop.top": "क्रप टप",
+	"handle.crop.top-left": "माथि बायाँतिर क्रप गर्नुहोस्",
+	"handle.crop.top-right": "माथि दायाँतिर क्रप गर्नुहोस्",
+	"handle.resize-bottom": "तलको आकार बदल्नुहोस्",
+	"handle.resize-bottom-left": "तल बायाँ आकार बदल्नुहोस्",
+	"handle.resize-bottom-right": "तल दायाँतिर आकार बदल्नुहोस्",
+	"handle.resize-left": "बायाँ आकार बदल्नुहोस्",
+	"handle.resize-right": "दायाँतिर आकार बदल्नुहोस्",
+	"handle.resize-top": "माथिल्लो भागको आकार बदल्नुहोस्",
+	"handle.resize-top-left": "माथि बायाँतिर आकार बदल्नुहोस्",
+	"handle.resize-top-right": "माथि दायाँतिर आकार बदल्नुहोस्",
+	"handle.rotate.bottom_left_rotate": "तल बायाँ घुमाउनुहोस्",
+	"handle.rotate.bottom_right_rotate": "तल दायाँ घुमाउनुहोस्",
+	"handle.rotate.mobile_rotate": "घुमाउनुहोस्",
+	"handle.rotate.top_left_rotate": "माथि बायाँ घुमाउनुहोस्",
+	"handle.rotate.top_right_rotate": "माथि दायाँ घुमाउनुहोस्",
+	"help-menu.about": "tldraw को बारे मा",
+	"help-menu.discord": "Discord",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "फाइल आयात गर्नुहोस्...",
+	"help-menu.keyboard-shortcuts": "किबोर्ड सर्टकटहरू",
+	"help-menu.privacy": "गोपनीयता नीति",
+	"help-menu.terms": "सेवाका सर्तहरू",
+	"help-menu.title": "मद्दत र स्रोतहरू",
+	"help-menu.twitter": "ट्विटर",
+	"menu.accessibility": "पहुँच सुविधा",
+	"menu.color-theme": "रङ विषयवस्तु",
+	"menu.copy-as": "कपि एज",
+	"menu.edit": "सम्पादन गर्नुहोस्",
+	"menu.export-as": "एक्सपोर्ट एज",
+	"menu.file": "फाइल",
+	"menu.input-device": "इनपुट उपकरण",
+	"menu.language": "भाषा",
+	"menu.preferences": "प्राथमिकताहरू",
+	"menu.theme": "विषयवस्तु",
+	"menu.title": "मेनु",
+	"menu.view": "भ्यू",
+	"navigation-zone.minimap": "मिनिम्याप",
+	"navigation-zone.title": "नेभिगेसन",
+	"navigation-zone.toggle-minimap": "मिनिम्याप टगल गर्नुहोस्",
+	"navigation-zone.zoom": "जुम",
+	"opacity-style.0.1": "१०%",
+	"opacity-style.0.25": "२५%",
+	"opacity-style.0.5": "५०%",
+	"opacity-style.0.75": "७५%",
+	"opacity-style.1": "१००%",
+	"page-menu.create-new-page": "नयाँ पृष्ठ सिर्जना गर्नुहोस्",
+	"page-menu.edit-done": "सकियो",
+	"page-menu.edit-start": "सम्पादन",
+	"page-menu.go-to-page": "पृष्ठमा जानुहोस्",
+	"page-menu.new-page-initial-name": "पृष्ठ १",
+	"page-menu.submenu.delete": "मेटाउनुहोस्",
+	"page-menu.submenu.duplicate-page": "नक्कल",
+	"page-menu.submenu.move-down": "तल सार्नुहोस्",
+	"page-menu.submenu.move-up": "माथि सार्नुहोस्",
+	"page-menu.submenu.rename": "पुन: नामाकरण",
+	"page-menu.submenu.title": "मेनु",
+	"page-menu.title": "पृष्ठहरू",
+	"people-menu.anonymous-user": "नयाँ प्रयोगकर्ता",
+	"people-menu.avatar-color": "अवतारको रङ",
+	"people-menu.change-color": "रङ परिवर्तन गर्नुहोस्",
+	"people-menu.change-name": "नाम परिवर्तन गर्नुहोस्",
+	"people-menu.follow": "पालना गर्नुहोस्",
+	"people-menu.following": "पछ्याउँदै",
+	"people-menu.invite": "अरूलाई निमन्त्रणा गर्नुहोस्",
+	"people-menu.leading": "तपाईलाई पछ्याउँदै",
+	"people-menu.title": "मानिस",
+	"people-menu.user": "(तिमी)",
+	"share-menu.copied": "लिंक प्रतिलिपि गरियो!",
+	"share-menu.copy-link": "लिङ्क प्रतिलिपि गर्नुहोस्",
+	"share-menu.copy-link-note": "लिङ्क भएका जो कोहीले पनि यो परियोजना हेर्न र सम्पादन गर्न सक्षम हुनेछन्।",
+	"share-menu.copy-readonly-link": "पढ्ने मात्र लिङ्क प्रतिलिपि गर्नुहोस्",
+	"share-menu.copy-readonly-link-note": "लिङ्क भएको कुनै पनि व्यक्तिले यो परियोजना हेर्न (तर सम्पादन गर्दैन) सक्षम हुनेछ।",
+	"share-menu.create-snapshot-link": "स्न्यापसट लिङ्क सिर्जना गर्नुहोस्",
+	"share-menu.creating-project": "नयाँ परियोजना सिर्जना गर्दै...",
+	"share-menu.fork-note": "यो स्न्यापसटमा आधारित नयाँ साझा परियोजना सिर्जना गर्नुहोस्।",
+	"share-menu.offline-note": "यो परियोजना सेयर गर्नाले नयाँ URL मा होस्ट गरिएको लाइभ प्रतिलिपि सिर्जना गर्नेछ। तपाईंले परियोजना हेर्न र सम्पादन गर्नका लागि तीस अन्य व्यक्तिहरूसँग URL सेयर गर्न सक्नुहुन्छ।",
+	"share-menu.project-too-large": "माफ गर्नुहोस्, यो परियोजना सेयर गर्न सकिँदैन किनभने यो धेरै ठूलो छ। हामी यसमा काम गर्दैछौं!",
+	"share-menu.save-note": "tldr फाइलको रूपमा आफ्नो कम्प्युटरमा यो परियोजना डाउनलोड गर्नुहोस्।",
+	"share-menu.share-project": "यो परियोजना सेयर गर्नुहोस्",
+	"share-menu.snapshot-link-note": "यो परियोजनालाई पढ्ने-मात्र स्न्यापसट लिङ्कको रूपमा खिच्नुहोस् र साझेदारी गर्नुहोस्।",
+	"share-menu.title": "सेयर गर्नुहोस्",
+	"share-menu.upload-failed": "माफ गर्नुहोस्, हामीले अहिले तपाईंको परियोजना अपलोड गर्न सकेनौं। कृपया पुन: प्रयास गर्नुहोस् वा समस्या रहिरह्यो भने हामीलाई थाहा दिनुहोस्।",
+	"sharing.confirm-leave.cancel": "रद्द गर्नुहोस्",
+	"sharing.confirm-leave.description": "के तपाइँ यो साझा परियोजना छोड्न निश्चित हुनुहुन्छ? तपाईं यसको URL मा नेभिगेट गरेर यसमा फर्कन सक्नुहुन्छ।",
+	"sharing.confirm-leave.dont-show-again": "फेरि नसोध्नुहोस्",
+	"sharing.confirm-leave.leave": "छोड्नुहोस्",
+	"sharing.confirm-leave.title": "हालको परियोजना छोड्ने हो?",
+	"shortcuts-dialog.a11y": "पहुँच सुविधा",
+	"shortcuts-dialog.collaboration": "सहयोग",
+	"shortcuts-dialog.edit": "सम्पादन गर्नुहोस्",
+	"shortcuts-dialog.file": "फाइल",
+	"shortcuts-dialog.preferences": "प्राथमिकताहरू",
+	"shortcuts-dialog.text-formatting": "पाठ ढाँचा",
+	"shortcuts-dialog.title": "किबोर्ड सर्टकटहरू",
+	"shortcuts-dialog.tools": "उपकरण",
+	"shortcuts-dialog.transform": "रूपान्तरण",
+	"shortcuts-dialog.view": "दृश्य",
+	"size-style.l": "ठूलो",
+	"size-style.m": "मध्यम",
+	"size-style.s": "सानो",
+	"size-style.xl": "धेरै ठूलाे",
+	"spline-style.cubic": "घन",
+	"spline-style.line": "रेखा",
+	"status.offline": "अफलाइन",
+	"style-panel.align": "पङ्क्तिबद्ध",
+	"style-panel.arrow-kind": "रेखा",
+	"style-panel.arrowhead-end": "अन्त्य",
+	"style-panel.arrowhead-start": "सुरु गर्नुहोस्",
+	"style-panel.arrowheads": "एरोहेडहरू",
+	"style-panel.color": "रंग",
+	"style-panel.dash": "धर्का",
+	"style-panel.fill": "भर्नुहोस्",
+	"style-panel.font": "फन्ट",
+	"style-panel.geo": "आकृति",
+	"style-panel.label-align": "लेबल पङ्क्तिबद्ध",
+	"style-panel.mixed": "मिश्रित",
+	"style-panel.opacity": "अस्पष्टता",
+	"style-panel.position": "स्थिति",
+	"style-panel.selected": "चयन गरिएको",
+	"style-panel.size": "आकार",
+	"style-panel.spline": "स्प्लाइन",
+	"style-panel.title": "शैलीहरू",
+	"style-panel.vertical-align": "ठाडो पङ्क्तिबद्ध",
+	"theme.dark": "अँध्यारो",
+	"theme.light": "उज्यालो",
+	"theme.system": "प्रणाली",
+	"toast.close": "बन्द",
+	"toast.error": "त्रुटि",
+	"toast.error.copy-fail.desc": "छवि प्रतिलिपि गर्न असफल भयो",
+	"toast.error.copy-fail.title": "प्रतिलिपि असफल भयो",
+	"toast.error.export-fail.desc": "छवि निर्यात गर्न असफल भयो",
+	"toast.error.export-fail.title": "निर्यात गर्न असफल भयो",
+	"toast.info": "जानकारी",
+	"toast.success": "सफलता",
+	"toast.warning": "चेतावनी",
+	"tool-panel.more": "थप",
+	"tool-panel.title": "उपकरणहरू",
+	"tool.arrow": "तीर",
+	"tool.arrow-down": "बाण तल",
+	"tool.arrow-left": "बाण बायाँ",
+	"tool.arrow-right": "बाण दायाँ",
+	"tool.arrow-up": "बाण माथि",
+	"tool.aspect-ratio": "पक्ष अनुपात",
+	"tool.aspect-ratio.circle": "घेरा (१:१)",
+	"tool.aspect-ratio.landscape": "ल्याण्डस्केप (४:३)",
+	"tool.aspect-ratio.original": "मौलिक",
+	"tool.aspect-ratio.portrait": "पोर्ट्रेट (३:४)",
+	"tool.aspect-ratio.square": "वर्ग (१:१)",
+	"tool.aspect-ratio.wide": "चौडा (१६:९)",
+	"tool.bookmark": "बुकमार्क गर्नुहोस्",
+	"tool.check-box": "चेक बाकस",
+	"tool.cloud": "बादल",
+	"tool.diamond": "हीरा",
+	"tool.draw": "चित्र बनाउनु",
+	"tool.ellipse": "दीर्घवृत्त",
+	"tool.embed": "इम्बेड गर्नुहोस्",
+	"tool.eraser": "इरेजर",
+	"tool.flip-horz": "तेर्सो फ्लिप गर्नुहोस्",
+	"tool.flip-vert": "ठाडो फ्लिप गर्नुहोस्",
+	"tool.frame": "फ्रेम",
+	"tool.hand": "हात",
+	"tool.heart": "मुटु",
+	"tool.hexagon": "हेक्सागन",
+	"tool.highlight": "हाइलाइट गर्नुहोस्",
+	"tool.image-crop": "छवि क्रप गर्नुहोस्",
+	"tool.image-crop-confirm": "पुष्टि गर्नुहोस्",
+	"tool.image-toolbar-title": "छवि उपकरणहरू",
+	"tool.image-zoom": "जुम",
+	"tool.laser": "लेजर",
+	"tool.line": "रेखा",
+	"tool.media": "मिडिया",
+	"tool.media-alt-text": "वैकल्पिक पाठ",
+	"tool.media-alt-text-confirm": "पुष्टि गर्नुहोस्",
+	"tool.media-alt-text-desc": "विवरण दिनुहोस्...",
+	"tool.note": "टाँसिने",
+	"tool.octagon": "अष्टकोण",
+	"tool.oval": "ओवल",
+	"tool.pentagon": "पेन्टागन",
+	"tool.pointer-down": "सूचक तल",
+	"tool.rectangle": "आयत",
+	"tool.replace-media": "मिडिया बदल्नुहोस्",
+	"tool.rhombus": "रोम्बस",
+	"tool.rich-text-bold": "बोल्ड",
+	"tool.rich-text-bulletList": "बुलेट गरिएको सूची",
+	"tool.rich-text-code": "कोड",
+	"tool.rich-text-header": "हेडर",
+	"tool.rich-text-highlight": "हाइलाइट गर्नुहोस्",
+	"tool.rich-text-italic": "इटालिक",
+	"tool.rich-text-link": "लिङ्क डाउनलोड गर्नुहोस्",
+	"tool.rich-text-link-remove": "लिङ्क हटाउनुहोस्",
+	"tool.rich-text-link-visit": "लिङ्कमा जानुहोस्",
+	"tool.rich-text-orderedList": "क्रमबद्ध सूची",
+	"tool.rich-text-strikethrough": "स्ट्राइकथ्रु",
+	"tool.rich-text-toolbar-title": "पाठ ढाँचा",
+	"tool.rotate-cw": "घुमाउनुहोस्",
+	"tool.select": "सेलेक्ट",
+	"tool.star": "तारा",
+	"tool.text": "शब्द",
+	"tool.trapezoid": "Trapezoid",
+	"tool.triangle": "त्रिभुज",
+	"tool.x-box": "एक्स बाकस",
+	"ui.checked": "जाँच गरियो",
+	"ui.close": "बन्द",
+	"ui.unchecked": "जाँच नगरिएको",
+	"verticalAlign-style.end": "तल",
+	"verticalAlign-style.middle": "मध्य",
+	"verticalAlign-style.start": "शीर्ष",
+	"vscode.file-open.backup": "ब्याकअप",
+	"vscode.file-open.backup-failed": "ब्याकअप असफल भयो: यो .tldr फाइल होइन।",
+	"vscode.file-open.backup-saved": "ब्याकअप सुरक्षित गरियो",
+	"vscode.file-open.desc": "यो फाइल tldraw को पुरानो संस्करणबाट सिर्जना गरिएको थियो। के तपाइँ नयाँ संस्करण संग काम गर्न यसलाई upgrade गर्न चाहनुहुन्छ?",
+	"vscode.file-open.dont-show-again": "फेरि नसोध्नुहोस्",
+	"vscode.file-open.open": "जारी राख्नुहोस्"
+}
diff --git a/web/hermes-dist/translations/nl.json b/web/hermes-dist/translations/nl.json
new file mode 100644
index 0000000..f0090f5
--- /dev/null
+++ b/web/hermes-dist/translations/nl.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "Vormstijlen aanpassen",
+	"a11y.enlarge-shape": "Vorm vergroten",
+	"a11y.enter-leave-container": "Container betreden/verlaten",
+	"a11y.move-shape": "Vorm verplaatsen",
+	"a11y.move-shape-faster": "Vorm sneller verplaatsen",
+	"a11y.multiple-shapes": "{num} vormen geselecteerd",
+	"a11y.open-context-menu": "Contextmenu openen",
+	"a11y.open-keyboard-shortcuts": "Sneltoetsen openen",
+	"a11y.pan-camera": "Pancamera",
+	"a11y.repeat-shape": "Herhaal vorm",
+	"a11y.rotate-shape-ccw": "Vorm tegen de klok in draaien",
+	"a11y.rotate-shape-ccw-fine": "Vorm tegen de klok in draaien (fijn)",
+	"a11y.rotate-shape-cw": "Vorm met de klok mee draaien",
+	"a11y.rotate-shape-cw-fine": "Vorm met de klok mee draaien (fijn)",
+	"a11y.select-shape": "Selecteer volgende vorm",
+	"a11y.select-shape-direction": "Selecteer vorm in richting",
+	"a11y.shape-image": "Afbeelding",
+	"a11y.shape-index": "{num} van {total}",
+	"a11y.shape-video": "Video",
+	"a11y.shrink-shape": "Krimpvorm",
+	"a11y.skip-to-main-content": "Focus naar canvas verplaatsen",
+	"a11y.status": "Status",
+	"action.align-bottom": "Onderkant uitlijnen",
+	"action.align-center-horizontal": "Horizontaal uitlijnen",
+	"action.align-center-horizontal.short": "Uitlijnen H",
+	"action.align-center-vertical": "Verticaal uitlijnen",
+	"action.align-center-vertical.short": "Uitlijnen V",
+	"action.align-left": "Links uitlijnen",
+	"action.align-right": "Rechts uitlijnen",
+	"action.align-top": "Bovenkant uitlijnen",
+	"action.back-to-content": "Terug naar inhoud",
+	"action.bring-forward": "Naar voren",
+	"action.bring-to-front": "Plaats vooraan",
+	"action.convert-to-bookmark": "Converteren naar Bladwijzer",
+	"action.convert-to-embed": "Converteren naar Invoegcode",
+	"action.copy": "Kopiëren",
+	"action.copy-as-json": "Kopiëren als JSON",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "Kopiëren als PNG",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "Kopiëren als SVG",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "Snijden",
+	"action.delete": "Verwijderen",
+	"action.distribute-horizontal": "Horizontaal verdelen",
+	"action.distribute-horizontal.short": "Verdeel H",
+	"action.distribute-vertical": "Verticaal verdelen",
+	"action.distribute-vertical.short": "Verdeel V",
+	"action.download-original": "Origineel downloaden",
+	"action.duplicate": "Dupliceren",
+	"action.edit-link": "Link bewerken",
+	"action.enhanced-a11y-mode": "Verbeterde toegankelijkheidsmodus in-/uitschakelen",
+	"action.enhanced-a11y-mode.menu": "Verbeterde toegankelijkheidsmodus",
+	"action.exit-pen-mode": "Penmodus verlaten",
+	"action.export-all-as-png": "Alles exporteren als PNG",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "Alles exporteren als SVG",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "Exporteren als PNG",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "Exporteren als SVG",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "Aanpassen aan inhoud",
+	"action.flatten-to-image": "Afvlakken",
+	"action.flip-horizontal": "Horizontaal omdraaien",
+	"action.flip-horizontal.short": "Draai H",
+	"action.flip-vertical": "Verticaal omdraaien",
+	"action.flip-vertical.short": "Draai V",
+	"action.fork-project": "Fork dit project",
+	"action.fork-project-on-tldraw": "Fork-project op tldraw",
+	"action.group": "Groep",
+	"action.insert-embed": "Invoegen insluiten",
+	"action.insert-media": "Media uploaden",
+	"action.leave-shared-project": "Gedeeld project verlaten",
+	"action.new-project": "Nieuw project",
+	"action.new-shared-project": "Nieuw gedeeld project",
+	"action.open-cursor-chat": "Cursor chat",
+	"action.open-embed-link": "Link openen",
+	"action.open-file": "Bestand openen",
+	"action.open-kbd-shortcuts": "Sneltoetsen openen",
+	"action.pack": "Verpakken",
+	"action.paste": "Plakken",
+	"action.paste-error-description": "Kon niet plakken vanwege ontbrekende rechten voor het klembord. Schakel de rechten in en probeer het opnieuw.",
+	"action.paste-error-title": "Plakken mislukt",
+	"action.print": "Afdrukken",
+	"action.redo": "Opnieuw doen",
+	"action.remove-frame": "Kader verwijderen",
+	"action.rename": "Hernoemen",
+	"action.rotate-ccw": "Draai tegen de klok in",
+	"action.rotate-cw": "Draai met de klok mee",
+	"action.save-copy": "Bewaar een kopie",
+	"action.select-all": "Selecteer alles",
+	"action.select-none": "Selecteer geen",
+	"action.select-zoom-tool": "Zoom",
+	"action.send-backward": "Naar achter",
+	"action.send-to-back": "Plaats achteraan",
+	"action.share-project": "Deel dit project",
+	"action.stack-horizontal": "Horizontaal stapelen",
+	"action.stack-horizontal.short": "Stapel H",
+	"action.stack-vertical": "Verticaal stapelen",
+	"action.stack-vertical.short": "Stapel V",
+	"action.stop-following": "Stop met volgen",
+	"action.stretch-horizontal": "Horizontaal rekken",
+	"action.stretch-horizontal.short": "Rek H",
+	"action.stretch-vertical": "Verticaal rekken",
+	"action.stretch-vertical.short": "Rek V",
+	"action.toggle-auto-none": "Auto",
+	"action.toggle-auto-pan": "Auto (trackpad)",
+	"action.toggle-auto-size": "Automatische grootte schakelen",
+	"action.toggle-auto-zoom": "Auto (muis)",
+	"action.toggle-dark-mode": "Donkere modus schakelen",
+	"action.toggle-dark-mode.menu": "Donkere modus",
+	"action.toggle-debug-mode": "Debug-modus schakelen",
+	"action.toggle-debug-mode.menu": "Debug-modus",
+	"action.toggle-dynamic-size-mode": "Dynamische grootte in-/uitschakelen",
+	"action.toggle-dynamic-size-mode.menu": "Dynamische grootte",
+	"action.toggle-edge-scrolling": "Rand scrollen in-/uitschakelen",
+	"action.toggle-edge-scrolling.menu": "Rand scrollen",
+	"action.toggle-focus-mode": "Focusmodus schakelen",
+	"action.toggle-focus-mode.menu": "Focusmodus",
+	"action.toggle-grid": "Raster wisselen",
+	"action.toggle-grid.menu": "Raster weergeven",
+	"action.toggle-invert-zoom": "Omgekeerde muiszoom in-/uitschakelen",
+	"action.toggle-invert-zoom.menu": "Muiszoom omkeren",
+	"action.toggle-keyboard-shortcuts": "Sneltoetsen in-/uitschakelen",
+	"action.toggle-keyboard-shortcuts.menu": "Sneltoetsen inschakelen",
+	"action.toggle-lock": "Vergrendelen / ontgrendelen",
+	"action.toggle-mouse": "Muis",
+	"action.toggle-paste-at-cursor": "Schakel plakken bij cursor in",
+	"action.toggle-paste-at-cursor.menu": "Plakken bij cursor",
+	"action.toggle-reduce-motion": "Schakel beweging verminderen in",
+	"action.toggle-reduce-motion.menu": "Verminder beweging",
+	"action.toggle-snap-mode": "Altijd snap schakelen",
+	"action.toggle-snap-mode.menu": "Altijd snap",
+	"action.toggle-tool-lock": "Tool vergrendeling schakelen",
+	"action.toggle-tool-lock.menu": "Tool vergrendeling",
+	"action.toggle-trackpad": "Trackpad",
+	"action.toggle-transparent": "Transparante achtergrond schakelen",
+	"action.toggle-transparent.context-menu": "Transparant",
+	"action.toggle-transparent.menu": "Transparant",
+	"action.toggle-wrap-mode": "Schakel Selecteren op terugloop",
+	"action.toggle-wrap-mode.menu": "Selecteer op wrap",
+	"action.undo": "Ongedaan maken",
+	"action.ungroup": "Groepering opheffen",
+	"action.unlock-all": "Ontgrendel alles",
+	"action.zoom-in": "Inzoomen",
+	"action.zoom-out": "Uitzoomen",
+	"action.zoom-quick": "Snel inzoomen",
+	"action.zoom-to-100": "Zoomen naar 100%",
+	"action.zoom-to-fit": "Zoomen om te passen",
+	"action.zoom-to-selection": "Zoomen naar selectie",
+	"actions-menu.title": "Acties",
+	"align-style.end": "Einde",
+	"align-style.justify": "Verantwoorden",
+	"align-style.middle": "Centraal",
+	"align-style.start": "Begin",
+	"app.loading": "Tldraw laden…",
+	"arrow-kind-style.arc": "Boog",
+	"arrow-kind-style.elbow": "Elleboog",
+	"arrowheadEnd-style.arrow": "Pijl",
+	"arrowheadEnd-style.bar": "Balk",
+	"arrowheadEnd-style.diamond": "Diamant",
+	"arrowheadEnd-style.dot": "Punt",
+	"arrowheadEnd-style.inverted": "Omgekeerd",
+	"arrowheadEnd-style.none": "Geen",
+	"arrowheadEnd-style.pipe": "Pijp",
+	"arrowheadEnd-style.square": "Vierkant",
+	"arrowheadEnd-style.triangle": "Driehoek",
+	"arrowheadStart-style.arrow": "Pijl",
+	"arrowheadStart-style.bar": "Balk",
+	"arrowheadStart-style.diamond": "Diamant",
+	"arrowheadStart-style.dot": "Punt",
+	"arrowheadStart-style.inverted": "Omgekeerd",
+	"arrowheadStart-style.none": "Geen",
+	"arrowheadStart-style.pipe": "Pijp",
+	"arrowheadStart-style.square": "Vierkant",
+	"arrowheadStart-style.triangle": "Driehoek",
+	"assets.files.amount-too-many": "Te veel ]bestanden",
+	"assets.files.maximum-size": "Maximale bestandsgrootte is {size}",
+	"assets.files.size-too-big": "Bestandsgrootte is te groot",
+	"assets.files.type-not-allowed": "Bestandstype is niet toegestaan",
+	"assets.files.upload-failed": "Uploaden mislukt",
+	"assets.url.failed": "URL-voorbeeld kon niet worden geladen",
+	"color-style.black": "Zwart",
+	"color-style.blue": "Blauw",
+	"color-style.green": "Groen",
+	"color-style.grey": "Grijs",
+	"color-style.light-blue": "Lichtblauw",
+	"color-style.light-green": "Lichtgroen",
+	"color-style.light-red": "Lichtrood",
+	"color-style.light-violet": "Lichtpaars",
+	"color-style.orange": "Oranje",
+	"color-style.red": "Rood",
+	"color-style.violet": "Violet",
+	"color-style.white": "Wit",
+	"color-style.yellow": "Geel",
+	"context-menu.arrange": "Regelen",
+	"context-menu.copy-as": "Kopieer als",
+	"context-menu.edit": "Bewerking",
+	"context-menu.export-all-as": "Alles exporteren als",
+	"context-menu.export-as": "Exporteren als",
+	"context-menu.move-to-page": "Ga naar pagina",
+	"context-menu.reorder": "Volgorde",
+	"context-menu.title": "Contextmenu",
+	"context.pages.new-page": "Nieuwe pagina",
+	"cursor-chat.type-to-chat": "Typ om te chatten...",
+	"dash-style.dashed": "Gestreept",
+	"dash-style.dotted": "Gestippeld",
+	"dash-style.draw": "Tekenen",
+	"dash-style.solid": "Doorgetrokken",
+	"document-name-menu.copy-link": "Link kopiëren",
+	"document.default-name": "Zonder titel",
+	"edit-link-dialog.cancel": "Annuleren",
+	"edit-link-dialog.clear": "Wissen",
+	"edit-link-dialog.detail": "Links worden in een nieuw tabblad geopend.",
+	"edit-link-dialog.external-link": "Externe link",
+	"edit-link-dialog.invalid-url": "Een link moet een geldige URL zijn.",
+	"edit-link-dialog.save": "Doorgaan",
+	"edit-link-dialog.title": "Link bewerken",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "Rug",
+	"embed-dialog.cancel": "Annuleren",
+	"embed-dialog.create": "Aanmaken",
+	"embed-dialog.instruction": "Plak de URL van de site om de invoegcode aan te maken.",
+	"embed-dialog.invalid-url": "We konden geen invoegcode aanmaken van die URL.",
+	"embed-dialog.title": "Invoegcode aanmaken",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "Annuleren",
+	"file-system.confirm-clear.continue": "Doorgaan",
+	"file-system.confirm-clear.description": "Als u een nieuw project aanmaakt, wordt uw huidige project gewist en gaan alle niet-opgeslagen wijzigingen verloren. Weet u zeker dat u wilt doorgaan?",
+	"file-system.confirm-clear.dont-show-again": "Vraag het niet opnieuw",
+	"file-system.confirm-clear.title": "Huidig project wissen?",
+	"file-system.confirm-open.cancel": "Annuleren",
+	"file-system.confirm-open.description": "Als u een bestand opent, wordt uw huidige project vervangen en gaan alle niet-opgeslagen wijzigingen verloren. Weet u zeker dat u wilt doorgaan?",
+	"file-system.confirm-open.dont-show-again": "Vraag het niet opnieuw",
+	"file-system.confirm-open.open": "Bestand openen",
+	"file-system.confirm-open.title": "Huidig project overschrijven?",
+	"file-system.file-open-error.file-format-version-too-new": "Het bestand dat u probeerde te openen is van een nieuwere versie van tldraw. Laad de pagina opnieuw en probeer het opnieuw.",
+	"file-system.file-open-error.generic-corrupted-file": "Het bestand dat u probeerde te openen is beschadigd.",
+	"file-system.file-open-error.not-a-tldraw-file": "Het bestand dat u probeert te openen lijkt niet op een tldraw-bestand.",
+	"file-system.file-open-error.title": "Kan bestand niet openen",
+	"file-system.shared-document-file-open-error.description": "Het openen van bestanden uit gedeelde projecten wordt niet ondersteund.",
+	"file-system.shared-document-file-open-error.title": "Kan bestand niet openen",
+	"fill-style.fill": "Vullen",
+	"fill-style.lined-fill": "Gelijnde vulling",
+	"fill-style.none": "Geen",
+	"fill-style.pattern": "Patroon",
+	"fill-style.semi": "Half",
+	"fill-style.solid": "Doorgetrokken",
+	"focus-mode.toggle-focus-mode": "Focusmodus omschakelen",
+	"font-style.draw": "Tekenen",
+	"font-style.mono": "Mono",
+	"font-style.sans": "Sans",
+	"font-style.serif": "Serif",
+	"geo-style.arrow-down": "Pijl omlaag",
+	"geo-style.arrow-left": "Pijl naar links",
+	"geo-style.arrow-right": "Pijl naar rechts",
+	"geo-style.arrow-up": "Pijl omhoog",
+	"geo-style.check-box": "Selectievakje",
+	"geo-style.cloud": "Cloud",
+	"geo-style.diamond": "Diamant",
+	"geo-style.ellipse": "Ellips",
+	"geo-style.heart": "Hart",
+	"geo-style.hexagon": "Zeshoek",
+	"geo-style.octagon": "Achthoek",
+	"geo-style.oval": "Ovaal",
+	"geo-style.pentagon": "Pentagon",
+	"geo-style.rectangle": "Rechthoek",
+	"geo-style.rhombus": "Ruit",
+	"geo-style.rhombus-2": "Ruit links",
+	"geo-style.star": "Ster",
+	"geo-style.trapezoid": "Trapezium",
+	"geo-style.triangle": "Driehoek",
+	"geo-style.x-box": "X-Box",
+	"handle.crop.bottom": "Onderkant van het gewas",
+	"handle.crop.bottom-left": "Bijsnijden linksonder",
+	"handle.crop.bottom-right": "Bijsnijden rechtsonder",
+	"handle.crop.left": "Links bijsnijden",
+	"handle.crop.right": "Rechts bijsnijden",
+	"handle.crop.top": "Croptop",
+	"handle.crop.top-left": "Bijsnijden linksboven",
+	"handle.crop.top-right": "Bijsnijden rechtsboven",
+	"handle.resize-bottom": "Formaat onderkant wijzigen",
+	"handle.resize-bottom-left": "Formaat linksonder wijzigen",
+	"handle.resize-bottom-right": "Formaat rechtsonder aanpassen",
+	"handle.resize-left": "Formaat links wijzigen",
+	"handle.resize-right": "Formaat rechts aanpassen",
+	"handle.resize-top": "Bovenste formaat wijzigen",
+	"handle.resize-top-left": "Formaat linksboven wijzigen",
+	"handle.resize-top-right": "Formaat rechtsboven wijzigen",
+	"handle.rotate.bottom_left_rotate": "Linksonder draaien",
+	"handle.rotate.bottom_right_rotate": "Rechtsonder draaien",
+	"handle.rotate.mobile_rotate": "Draaien",
+	"handle.rotate.top_left_rotate": "Draai linksboven",
+	"handle.rotate.top_right_rotate": "Draai rechtsboven",
+	"help-menu.about": "Over",
+	"help-menu.discord": "Discord",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "Bestand importeren...",
+	"help-menu.keyboard-shortcuts": "Sneltoetsen",
+	"help-menu.privacy": "Privacybeleid",
+	"help-menu.terms": "Servicevoorwaarden",
+	"help-menu.title": "Hulp en bronnen",
+	"help-menu.twitter": "Twitter",
+	"menu.accessibility": "Toegankelijkheid",
+	"menu.color-theme": "Kleurenthema",
+	"menu.copy-as": "Kopieer als",
+	"menu.edit": "Bewerken",
+	"menu.export-as": "Exporteren als",
+	"menu.file": "Bestand",
+	"menu.input-device": "Invoerapparaat",
+	"menu.language": "Taal",
+	"menu.preferences": "Voorkeuren",
+	"menu.theme": "Thema",
+	"menu.title": "Menu",
+	"menu.view": "Weergave",
+	"navigation-zone.minimap": "Minikaart",
+	"navigation-zone.title": "Navigatie",
+	"navigation-zone.toggle-minimap": "Minimap schakelen",
+	"navigation-zone.zoom": "Zoom",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "Nieuwe pagina aanmaken",
+	"page-menu.edit-done": "Klaar",
+	"page-menu.edit-start": "Bewerking",
+	"page-menu.go-to-page": "Ga naar pagina",
+	"page-menu.new-page-initial-name": "Pagina 1",
+	"page-menu.submenu.delete": "Verwijderen",
+	"page-menu.submenu.duplicate-page": "Dupliceren",
+	"page-menu.submenu.move-down": "Omlaag gaan",
+	"page-menu.submenu.move-up": "Omhoog gaan",
+	"page-menu.submenu.rename": "Hernoemen",
+	"page-menu.submenu.title": "Menu",
+	"page-menu.title": "Pagina's",
+	"people-menu.anonymous-user": "Nieuw gebruiker",
+	"people-menu.avatar-color": "Avatar kleur",
+	"people-menu.change-color": "Kleur wijzigen",
+	"people-menu.change-name": "Naam wijzigen",
+	"people-menu.follow": "Volgen",
+	"people-menu.following": "Volgend",
+	"people-menu.invite": "Nodig anderen uit",
+	"people-menu.leading": "Ik volg u",
+	"people-menu.title": "Mensen",
+	"people-menu.user": "(U)",
+	"share-menu.copied": "Link gekopieerd!",
+	"share-menu.copy-link": "Link kopiëren",
+	"share-menu.copy-link-note": "Iedereen met de link kan dit project bekijken en bewerken.",
+	"share-menu.copy-readonly-link": "Kopieer alleen-lezen link",
+	"share-menu.copy-readonly-link-note": "Iedereen met de link kan dit project bekijken (maar niet bewerken).",
+	"share-menu.create-snapshot-link": "Link snapshot aanmaken",
+	"share-menu.creating-project": "Het nieuwe project aanmaken…",
+	"share-menu.fork-note": "Maak een nieuw gedeeld project op basis van deze snapshot.",
+	"share-menu.offline-note": "Als u dit project deelt, wordt er een gehoste live kopie gemaakt op een nieuwe URL. U kunt de URL delen met maximaal dertig andere mensen om het project samen te bekijken en te bewerken.",
+	"share-menu.project-too-large": "Sorry, dit project kan niet gedeeld worden, omdat het te groot is. We werken eraan!",
+	"share-menu.save-note": "Download dit project naar uw computer als een .tldr-bestand.",
+	"share-menu.share-project": "Deel dit project",
+	"share-menu.snapshot-link-note": "Leg dit project vast en deel het als een alleen-lezen link voor snapshot.",
+	"share-menu.title": "Delen",
+	"share-menu.upload-failed": "Sorry, we konden uw project op dit moment niet uploaden. Probeer het opnieuw of laat het ons weten als het probleem zich blijft voordoen.",
+	"sharing.confirm-leave.cancel": "Annuleren",
+	"sharing.confirm-leave.description": "Weet u zeker dat u dit gedeelde project wilt verlaten? U kunt ernaar terugkeren door naar de URL te navigeren.",
+	"sharing.confirm-leave.dont-show-again": "Vraag het niet nog een keer",
+	"sharing.confirm-leave.leave": "Verlaten",
+	"sharing.confirm-leave.title": "Huidig project verlaten?",
+	"shortcuts-dialog.a11y": "Toegankelijkheid",
+	"shortcuts-dialog.collaboration": "Samenwerking",
+	"shortcuts-dialog.edit": "Bewerking",
+	"shortcuts-dialog.file": "Bestand",
+	"shortcuts-dialog.preferences": "Voorkeuren",
+	"shortcuts-dialog.text-formatting": "Tekstopmaak",
+	"shortcuts-dialog.title": "Sneltoetsen",
+	"shortcuts-dialog.tools": "Hulpmiddelen",
+	"shortcuts-dialog.transform": "Transformeren",
+	"shortcuts-dialog.view": "Weergave",
+	"size-style.l": "Groot",
+	"size-style.m": "Medium",
+	"size-style.s": "Klein",
+	"size-style.xl": "Extra groot",
+	"spline-style.cubic": "Kubiek",
+	"spline-style.line": "Lijn",
+	"status.offline": "Offline",
+	"style-panel.align": "Uitlijnen",
+	"style-panel.arrow-kind": "Lijn",
+	"style-panel.arrowhead-end": "Einde",
+	"style-panel.arrowhead-start": "Begin",
+	"style-panel.arrowheads": "Pijlpunten",
+	"style-panel.color": "Kleur",
+	"style-panel.dash": "Streepje",
+	"style-panel.fill": "Vullen",
+	"style-panel.font": "Lettertype",
+	"style-panel.geo": "Vorm",
+	"style-panel.label-align": "Label uitlijnen",
+	"style-panel.mixed": "Gemengd",
+	"style-panel.opacity": "Ondoorzichtigheid",
+	"style-panel.position": "Positie",
+	"style-panel.selected": "gekozen",
+	"style-panel.size": "Maat",
+	"style-panel.spline": "Spline",
+	"style-panel.title": "Stijlen",
+	"style-panel.vertical-align": "Verticaal uitlijnen",
+	"theme.dark": "Donker",
+	"theme.light": "Licht",
+	"theme.system": "Systeem",
+	"toast.close": "Dichtbij",
+	"toast.error": "Fout",
+	"toast.error.copy-fail.desc": "Het is niet gelukt om de afbeelding te kopiëren",
+	"toast.error.copy-fail.title": "Mislukte kopie",
+	"toast.error.export-fail.desc": "Het exporteren van de afbeelding is mislukt",
+	"toast.error.export-fail.title": "Mislukte export",
+	"toast.info": "Informatie",
+	"toast.success": "Succes",
+	"toast.warning": "Waarschuwing",
+	"tool-panel.more": "Meer",
+	"tool-panel.title": "Hulpmiddelen",
+	"tool.arrow": "Pijl",
+	"tool.arrow-down": "Pijl omlaag",
+	"tool.arrow-left": "Pijl naar links",
+	"tool.arrow-right": "Pijl naar rechts",
+	"tool.arrow-up": "Pijl omhoog",
+	"tool.aspect-ratio": "Beeldverhouding",
+	"tool.aspect-ratio.circle": "Cirkel (1:1)",
+	"tool.aspect-ratio.landscape": "Landschap (4:3)",
+	"tool.aspect-ratio.original": "Origineel",
+	"tool.aspect-ratio.portrait": "Portret (3:4)",
+	"tool.aspect-ratio.square": "Vierkant (1:1)",
+	"tool.aspect-ratio.wide": "Breed (16:9)",
+	"tool.bookmark": "Bladwijzer",
+	"tool.check-box": "Selectievakje",
+	"tool.cloud": "Cloud",
+	"tool.diamond": "Diamant",
+	"tool.draw": "Tekenen",
+	"tool.ellipse": "Ellips",
+	"tool.embed": "Invoegcode",
+	"tool.eraser": "Gom",
+	"tool.flip-horz": "Horizontaal omdraaien",
+	"tool.flip-vert": "Verticaal omdraaien",
+	"tool.frame": "Kader",
+	"tool.hand": "Hand",
+	"tool.heart": "Hart",
+	"tool.hexagon": "Zeshoek",
+	"tool.highlight": "Hoogtepunt",
+	"tool.image-crop": "Afbeelding bijsnijden",
+	"tool.image-crop-confirm": "Bevestigen",
+	"tool.image-toolbar-title": "Afbeeldingshulpmiddelen",
+	"tool.image-zoom": "Zoom",
+	"tool.laser": "Laser",
+	"tool.line": "Lijn",
+	"tool.media": "Media",
+	"tool.media-alt-text": "Alternatieve tekst",
+	"tool.media-alt-text-confirm": "Bevestigen",
+	"tool.media-alt-text-desc": "Geef een beschrijving…",
+	"tool.note": "Opmerking",
+	"tool.octagon": "Achthoek",
+	"tool.oval": "Ovaal",
+	"tool.pentagon": "Pentagon",
+	"tool.pointer-down": "Wijzer omlaag",
+	"tool.rectangle": "Rechthoek",
+	"tool.replace-media": "Media vervangen",
+	"tool.rhombus": "Ruit",
+	"tool.rich-text-bold": "Vetgedrukt",
+	"tool.rich-text-bulletList": "Lijst met opsommingstekens",
+	"tool.rich-text-code": "Code",
+	"tool.rich-text-header": "Kopregel",
+	"tool.rich-text-highlight": "Markeren",
+	"tool.rich-text-italic": "Schuingedrukt",
+	"tool.rich-text-link": "Link",
+	"tool.rich-text-link-remove": "Link verwijderen",
+	"tool.rich-text-link-visit": "Bezoek link",
+	"tool.rich-text-orderedList": "Geordende lijst",
+	"tool.rich-text-strikethrough": "Doorhalen",
+	"tool.rich-text-toolbar-title": "Tekstopmaak",
+	"tool.rotate-cw": "Draaien",
+	"tool.select": "Selecteer",
+	"tool.star": "Ster",
+	"tool.text": "Tekst",
+	"tool.trapezoid": "Trapezium",
+	"tool.triangle": "Driehoek",
+	"tool.x-box": "X-box",
+	"ui.checked": "Gecontroleerd",
+	"ui.close": "Dichtbij",
+	"ui.unchecked": "Ongecontroleerd",
+	"verticalAlign-style.end": "Onderkant",
+	"verticalAlign-style.middle": "Centraal",
+	"verticalAlign-style.start": "Bovenkant",
+	"vscode.file-open.backup": "Back-up",
+	"vscode.file-open.backup-failed": "Back-up mislukt: dit is geen .tldr-bestand.",
+	"vscode.file-open.backup-saved": "Back-up opgeslagen",
+	"vscode.file-open.desc": "Dit bestand is gemaakt met een eerdere versie van tldraw. Wilt u het bijwerken, zodat het werkt met de nieuwe versie?",
+	"vscode.file-open.dont-show-again": "Vraag het niet opnieuw",
+	"vscode.file-open.open": "Doorgaan"
+}
diff --git a/web/hermes-dist/translations/no.json b/web/hermes-dist/translations/no.json
new file mode 100644
index 0000000..5c0c2f6
--- /dev/null
+++ b/web/hermes-dist/translations/no.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "Juster formstiler",
+	"a11y.enlarge-shape": "Forstørr formen",
+	"a11y.enter-leave-container": "Gå inn/ut av containeren",
+	"a11y.move-shape": "Flytt form",
+	"a11y.move-shape-faster": "Flytt formen raskere",
+	"a11y.multiple-shapes": "{num} former er valgt",
+	"a11y.open-context-menu": "Åpne kontekstmenyen",
+	"a11y.open-keyboard-shortcuts": "Åpne hurtigtaster",
+	"a11y.pan-camera": "Pan-kamera",
+	"a11y.repeat-shape": "Gjenta form",
+	"a11y.rotate-shape-ccw": "Roter formen mot klokken",
+	"a11y.rotate-shape-ccw-fine": "Roter formen mot klokken (fin)",
+	"a11y.rotate-shape-cw": "Roter formen med klokken",
+	"a11y.rotate-shape-cw-fine": "Roter formen med klokken (fin)",
+	"a11y.select-shape": "Velg neste form",
+	"a11y.select-shape-direction": "Velg form i retning",
+	"a11y.shape-image": "Bilde",
+	"a11y.shape-index": "{num} av {total}",
+	"a11y.shape-video": "Video",
+	"a11y.shrink-shape": "Krymp form",
+	"a11y.skip-to-main-content": "Flytt fokus til lerret",
+	"a11y.status": "Status",
+	"action.align-bottom": "Juster bunnen",
+	"action.align-center-horizontal": "Juster horisontalt",
+	"action.align-center-horizontal.short": "Juster H",
+	"action.align-center-vertical": "Juster vertikalt",
+	"action.align-center-vertical.short": "Juster V",
+	"action.align-left": "Juster til venstre",
+	"action.align-right": "Høyrejuster",
+	"action.align-top": "Juster toppen",
+	"action.back-to-content": "Tilbake til innholdet",
+	"action.bring-forward": "Ta frem",
+	"action.bring-to-front": "Bring frem",
+	"action.convert-to-bookmark": "Konverter til bokmerke",
+	"action.convert-to-embed": "Konverter til Embed",
+	"action.copy": "Kopier",
+	"action.copy-as-json": "Kopier som JSON",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "Kopier som PNG",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "Kopier som SVG",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "Klipp ut",
+	"action.delete": "Slett",
+	"action.distribute-horizontal": "Fordel horisontalt",
+	"action.distribute-horizontal.short": "Fordel H",
+	"action.distribute-vertical": "Fordel vertikalt",
+	"action.distribute-vertical.short": "Fordel V",
+	"action.download-original": "Last ned originalen",
+	"action.duplicate": "Dupliser",
+	"action.edit-link": "Rediger link",
+	"action.enhanced-a11y-mode": "Slå av/på modus for forbedret tilgjengelighet",
+	"action.enhanced-a11y-mode.menu": "Forbedret tilgjengelighetsmodus",
+	"action.exit-pen-mode": "Avslutt pennemodus",
+	"action.export-all-as-png": "Eksporter alt som PNG",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "Eksporter alt som SVG",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "Eksporter som PNG",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "Eksporter som SVG",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "Tilpass til innhold",
+	"action.flatten-to-image": "Flate ut",
+	"action.flip-horizontal": "Snu horisontalt",
+	"action.flip-horizontal.short": "Vend H",
+	"action.flip-vertical": "Snu vertikalt",
+	"action.flip-vertical.short": "Vend V",
+	"action.fork-project": "Fordel dette prosjektet",
+	"action.fork-project-on-tldraw": "Gaffelprosjekt på tldraw",
+	"action.group": "Grupper",
+	"action.insert-embed": "Sett inn embed",
+	"action.insert-media": "Last opp media",
+	"action.leave-shared-project": "Forlat delt prosjekt",
+	"action.new-project": "Nytt prosjekt",
+	"action.new-shared-project": "Nytt felles prosjekt",
+	"action.open-cursor-chat": "Markørchat",
+	"action.open-embed-link": "Åpne lenken",
+	"action.open-file": "Åpne filen",
+	"action.open-kbd-shortcuts": "Åpne hurtigtaster",
+	"action.pack": "Pakke",
+	"action.paste": "Lim inn",
+	"action.paste-error-description": "Kunne ikke lime inn på grunn av manglende utklippstavletillatelser. Aktiver tillatelsene og prøv igjen.",
+	"action.paste-error-title": "Innliming mislyktes",
+	"action.print": "Trykk",
+	"action.redo": "Gjør om",
+	"action.remove-frame": "Fjern rammen",
+	"action.rename": "Gi nytt navn",
+	"action.rotate-ccw": "Roter mot klokken",
+	"action.rotate-cw": "Roter med klokken",
+	"action.save-copy": "Lagre en kopi",
+	"action.select-all": "Velg alle",
+	"action.select-none": "Velg ingen",
+	"action.select-zoom-tool": "Zoom",
+	"action.send-backward": "Send bakover",
+	"action.send-to-back": "Send til baksiden",
+	"action.share-project": "Del dette prosjektet",
+	"action.stack-horizontal": "Stable horisontalt",
+	"action.stack-horizontal.short": "Stabel H",
+	"action.stack-vertical": "Stable vertikalt",
+	"action.stack-vertical.short": "Stabel V",
+	"action.stop-following": "Slutt å følge",
+	"action.stretch-horizontal": "Strekk horisontalt",
+	"action.stretch-horizontal.short": "Strekk H",
+	"action.stretch-vertical": "Strekk vertikalt",
+	"action.stretch-vertical.short": "Strekk V",
+	"action.toggle-auto-none": "Bil",
+	"action.toggle-auto-pan": "Automatisk (styreflate)",
+	"action.toggle-auto-size": "Bytt automatisk størrelse",
+	"action.toggle-auto-zoom": "Automatisk (mus)",
+	"action.toggle-dark-mode": "Bytt mørk modus",
+	"action.toggle-dark-mode.menu": "Mørk modus",
+	"action.toggle-debug-mode": "Bytt feilsøkingsmodus",
+	"action.toggle-debug-mode.menu": "Feilsøkingsmodus",
+	"action.toggle-dynamic-size-mode": "Bytt dynamisk størrelse",
+	"action.toggle-dynamic-size-mode.menu": "Dynamisk størrelse",
+	"action.toggle-edge-scrolling": "Veksle mellom kantrulling",
+	"action.toggle-edge-scrolling.menu": "Kantrulling",
+	"action.toggle-focus-mode": "Bytt fokusmodus",
+	"action.toggle-focus-mode.menu": "Fokusmodus",
+	"action.toggle-grid": "Bytt rutenett",
+	"action.toggle-grid.menu": "Vis rutenett",
+	"action.toggle-invert-zoom": "Aktiver/deaktiver invertert musezoom",
+	"action.toggle-invert-zoom.menu": "Inverter musezoom",
+	"action.toggle-keyboard-shortcuts": "Slå av/på hurtigtaster",
+	"action.toggle-keyboard-shortcuts.menu": "Aktiver hurtigtaster",
+	"action.toggle-lock": "Lås / Lås opp",
+	"action.toggle-mouse": "Mus",
+	"action.toggle-paste-at-cursor": "Veksle lim inn ved markøren",
+	"action.toggle-paste-at-cursor.menu": "Lim inn ved markøren",
+	"action.toggle-reduce-motion": "Veksle redusere bevegelse",
+	"action.toggle-reduce-motion.menu": "Reduser bevegelse",
+	"action.toggle-snap-mode": "Veksle alltid snap",
+	"action.toggle-snap-mode.menu": "Snapp alltid",
+	"action.toggle-tool-lock": "Slå på verktøylås",
+	"action.toggle-tool-lock.menu": "Verktøylås",
+	"action.toggle-trackpad": "Styreflate",
+	"action.toggle-transparent": "Bytt gjennomsiktig bakgrunn",
+	"action.toggle-transparent.context-menu": "Gjennomsiktig",
+	"action.toggle-transparent.menu": "Gjennomsiktig",
+	"action.toggle-wrap-mode": "Slå av/på Velg på bryteren",
+	"action.toggle-wrap-mode.menu": "Velg på omslag",
+	"action.undo": "Angre",
+	"action.ungroup": "Avgrupper",
+	"action.unlock-all": "Lås opp alle",
+	"action.zoom-in": "Zoom inn",
+	"action.zoom-out": "Zoom ut",
+	"action.zoom-quick": "Rask zoom",
+	"action.zoom-to-100": "Zoom til 100 %",
+	"action.zoom-to-fit": "Zoom for å passe",
+	"action.zoom-to-selection": "Zoom til valg",
+	"actions-menu.title": "Handlinger",
+	"align-style.end": "Slutt",
+	"align-style.justify": "Begrunn",
+	"align-style.middle": "Midten",
+	"align-style.start": "Start",
+	"app.loading": "Laster inn tldraw…",
+	"arrow-kind-style.arc": "Bue",
+	"arrow-kind-style.elbow": "Albue",
+	"arrowheadEnd-style.arrow": "Pil",
+	"arrowheadEnd-style.bar": "Bar",
+	"arrowheadEnd-style.diamond": "Diamant",
+	"arrowheadEnd-style.dot": "Prikk",
+	"arrowheadEnd-style.inverted": "Omvendt",
+	"arrowheadEnd-style.none": "Ingen",
+	"arrowheadEnd-style.pipe": "Rør",
+	"arrowheadEnd-style.square": "Kvadrat",
+	"arrowheadEnd-style.triangle": "Trekant",
+	"arrowheadStart-style.arrow": "Pil",
+	"arrowheadStart-style.bar": "Bar",
+	"arrowheadStart-style.diamond": "Diamant",
+	"arrowheadStart-style.dot": "Prikk",
+	"arrowheadStart-style.inverted": "Omvendt",
+	"arrowheadStart-style.none": "Ingen",
+	"arrowheadStart-style.pipe": "Rør",
+	"arrowheadStart-style.square": "Kvadrat",
+	"arrowheadStart-style.triangle": "Trekant",
+	"assets.files.amount-too-many": "For mange filer",
+	"assets.files.maximum-size": "Maksimal filstørrelse er {size}",
+	"assets.files.size-too-big": "Filstørrelsen er for stor",
+	"assets.files.type-not-allowed": "Filtype er ikke tillatt",
+	"assets.files.upload-failed": "Opplasting mislyktes",
+	"assets.url.failed": "Kunne ikke laste inn URL-forhåndsvisning",
+	"color-style.black": "Svart",
+	"color-style.blue": "Blå",
+	"color-style.green": "Grønn",
+	"color-style.grey": "Grå",
+	"color-style.light-blue": "Lyseblå",
+	"color-style.light-green": "Lysegrønn",
+	"color-style.light-red": "Lys rød",
+	"color-style.light-violet": "Lys fiolett",
+	"color-style.orange": "Oransje",
+	"color-style.red": "Rød",
+	"color-style.violet": "Fiolett",
+	"color-style.white": "Hvit",
+	"color-style.yellow": "Gul",
+	"context-menu.arrange": "Ordne",
+	"context-menu.copy-as": "Kopier som",
+	"context-menu.edit": "Redigere",
+	"context-menu.export-all-as": "Eksporter alt som",
+	"context-menu.export-as": "Eksporter som",
+	"context-menu.move-to-page": "Flytt til side",
+	"context-menu.reorder": "Bestill på nytt",
+	"context-menu.title": "Hurtigmeny",
+	"context.pages.new-page": "Ny side",
+	"cursor-chat.type-to-chat": "Skriv for å chatte...",
+	"dash-style.dashed": "Stiplet",
+	"dash-style.dotted": "Stiplet",
+	"dash-style.draw": "Tegn",
+	"dash-style.solid": "Fast",
+	"document-name-menu.copy-link": "Kopier lenken",
+	"document.default-name": "Uten tittel",
+	"edit-link-dialog.cancel": "Kansellere",
+	"edit-link-dialog.clear": "Klar",
+	"edit-link-dialog.detail": "Koblinger åpnes i en ny fane.",
+	"edit-link-dialog.external-link": "Ekstern lenke",
+	"edit-link-dialog.invalid-url": "En lenke må være en gyldig URL.",
+	"edit-link-dialog.save": "Fortsette",
+	"edit-link-dialog.title": "Rediger link",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "Tilbake",
+	"embed-dialog.cancel": "Kansellere",
+	"embed-dialog.create": "Skape",
+	"embed-dialog.instruction": "Lim inn nettstedets URL for å opprette innbyggingen.",
+	"embed-dialog.invalid-url": "Vi kunne ikke opprette en innebygging fra den nettadressen.",
+	"embed-dialog.title": "Opprett innebygging",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "Kansellere",
+	"file-system.confirm-clear.continue": "Fortsette",
+	"file-system.confirm-clear.description": "Oppretting av et nytt prosjekt vil tømme det nåværende prosjektet og eventuelle ulagrede endringer vil gå tapt. Er du sikker på at du vil fortsette?",
+	"file-system.confirm-clear.dont-show-again": "Ikke spør igjen",
+	"file-system.confirm-clear.title": "Fjerne gjeldende prosjekt?",
+	"file-system.confirm-open.cancel": "Kansellere",
+	"file-system.confirm-open.description": "Åpning av en fil vil erstatte det nåværende prosjektet og eventuelle ulagrede endringer vil gå tapt. Er du sikker på at du vil fortsette?",
+	"file-system.confirm-open.dont-show-again": "Ikke spør igjen",
+	"file-system.confirm-open.open": "Åpne filen",
+	"file-system.confirm-open.title": "Vil du overskrive nåværende prosjekt?",
+	"file-system.file-open-error.file-format-version-too-new": "Filen du prøvde å åpne er fra en nyere versjon av tldraw. Last inn siden på nytt og prøv igjen.",
+	"file-system.file-open-error.generic-corrupted-file": "Filen du prøvde å åpne er ødelagt.",
+	"file-system.file-open-error.not-a-tldraw-file": "Filen du prøvde å åpne ser ikke ut som en tldraw-fil.",
+	"file-system.file-open-error.title": "Kunne ikke åpne filen",
+	"file-system.shared-document-file-open-error.description": "Åpning av filer fra delte prosjekter støttes ikke.",
+	"file-system.shared-document-file-open-error.title": "Kunne ikke åpne filen",
+	"fill-style.fill": "Fylle",
+	"fill-style.lined-fill": "Linjert fyll",
+	"fill-style.none": "Ingen",
+	"fill-style.pattern": "Mønster",
+	"fill-style.semi": "Semi",
+	"fill-style.solid": "Fast",
+	"focus-mode.toggle-focus-mode": "Bytt fokusmodus",
+	"font-style.draw": "Tegn",
+	"font-style.mono": "Mono",
+	"font-style.sans": "Sans",
+	"font-style.serif": "Serif",
+	"geo-style.arrow-down": "Pil ned",
+	"geo-style.arrow-left": "Pil venstre",
+	"geo-style.arrow-right": "Pil høyre",
+	"geo-style.arrow-up": "Pil opp",
+	"geo-style.check-box": "Avmerkingsboks",
+	"geo-style.cloud": "Sky",
+	"geo-style.diamond": "Diamant",
+	"geo-style.ellipse": "Ellipse",
+	"geo-style.heart": "Hjerte",
+	"geo-style.hexagon": "Sekskant",
+	"geo-style.octagon": "Oktagon",
+	"geo-style.oval": "Oval",
+	"geo-style.pentagon": "Pentagon",
+	"geo-style.rectangle": "Rektangel",
+	"geo-style.rhombus": "Rombe",
+	"geo-style.rhombus-2": "Rombe til venstre",
+	"geo-style.star": "Stjerne",
+	"geo-style.trapezoid": "Trapes",
+	"geo-style.triangle": "Trekant",
+	"geo-style.x-box": "X Box",
+	"handle.crop.bottom": "Beskjær bunn",
+	"handle.crop.bottom-left": "Beskjær nederst til venstre",
+	"handle.crop.bottom-right": "Beskjær nederst til høyre",
+	"handle.crop.left": "Beskjær til venstre",
+	"handle.crop.right": "Beskjær til høyre",
+	"handle.crop.top": "Avskåret topp",
+	"handle.crop.top-left": "Beskjær øverst til venstre",
+	"handle.crop.top-right": "Beskjær øverst til høyre",
+	"handle.resize-bottom": "Endre størrelsen på bunnen",
+	"handle.resize-bottom-left": "Endre størrelse nederst til venstre",
+	"handle.resize-bottom-right": "Endre størrelse nederst til høyre",
+	"handle.resize-left": "Endre størrelsen til venstre",
+	"handle.resize-right": "Endre størrelse til høyre",
+	"handle.resize-top": "Endre størrelse på toppen",
+	"handle.resize-top-left": "Endre størrelsen øverst til venstre",
+	"handle.resize-top-right": "Endre størrelsen øverst til høyre",
+	"handle.rotate.bottom_left_rotate": "Roter nederst til venstre",
+	"handle.rotate.bottom_right_rotate": "Roter nederst til høyre",
+	"handle.rotate.mobile_rotate": "Rotere",
+	"handle.rotate.top_left_rotate": "Roter øverst til venstre",
+	"handle.rotate.top_right_rotate": "Roter øverst til høyre",
+	"help-menu.about": "Om",
+	"help-menu.discord": "Uenighet",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "Importer fil...",
+	"help-menu.keyboard-shortcuts": "Tastatursnarveier",
+	"help-menu.privacy": "Personvernerklæring",
+	"help-menu.terms": "Vilkår for bruk",
+	"help-menu.title": "Hjelp og ressurser",
+	"help-menu.twitter": "Twitter",
+	"menu.accessibility": "Tilgjengelighet",
+	"menu.color-theme": "Fargetema",
+	"menu.copy-as": "Kopier som",
+	"menu.edit": "Rediger",
+	"menu.export-as": "Eksporter som",
+	"menu.file": "Fil",
+	"menu.input-device": "Inndataenhet",
+	"menu.language": "Språk",
+	"menu.preferences": "Preferanser",
+	"menu.theme": "Tema",
+	"menu.title": "Meny",
+	"menu.view": "Vis",
+	"navigation-zone.minimap": "Minikart",
+	"navigation-zone.title": "Navigasjon",
+	"navigation-zone.toggle-minimap": "Slå av/på minikart",
+	"navigation-zone.zoom": "Zoom",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "Opprett ny side",
+	"page-menu.edit-done": "Ferdig",
+	"page-menu.edit-start": "Redigere",
+	"page-menu.go-to-page": "Gå til siden",
+	"page-menu.new-page-initial-name": "Side 1",
+	"page-menu.submenu.delete": "Slett",
+	"page-menu.submenu.duplicate-page": "Kopiere",
+	"page-menu.submenu.move-down": "Flytt ned",
+	"page-menu.submenu.move-up": "Flytt opp",
+	"page-menu.submenu.rename": "Gi nytt navn",
+	"page-menu.submenu.title": "Meny",
+	"page-menu.title": "Sider",
+	"people-menu.anonymous-user": "Ny bruker",
+	"people-menu.avatar-color": "Avatarfarge",
+	"people-menu.change-color": "Bytt farge",
+	"people-menu.change-name": "Endre navn",
+	"people-menu.follow": "Følge",
+	"people-menu.following": "Følgende",
+	"people-menu.invite": "Inviter andre",
+	"people-menu.leading": "Følger deg",
+	"people-menu.title": "Mennesker",
+	"people-menu.user": "(Du)",
+	"share-menu.copied": "Kopiert link!",
+	"share-menu.copy-link": "Kopier lenken",
+	"share-menu.copy-link-note": "Alle med koblingen vil kunne se og redigere dette prosjektet.",
+	"share-menu.copy-readonly-link": "Kopier skrivebeskyttet lenke",
+	"share-menu.copy-readonly-link-note": "Alle med lenken vil kunne se (men ikke redigere) dette prosjektet.",
+	"share-menu.create-snapshot-link": "Lag øyeblikksbildelink",
+	"share-menu.creating-project": "Oppretter det nye prosjektet …",
+	"share-menu.fork-note": "Opprett et nytt delt prosjekt basert på dette øyeblikksbildet.",
+	"share-menu.offline-note": "Deling av dette prosjektet vil opprette en vertsbasert direktekopi på en ny URL. Du kan dele nettadressen med opptil tretti andre personer for å se og redigere prosjektet sammen.",
+	"share-menu.project-too-large": "Beklager, dette prosjektet kan ikke deles fordi det er for stort. Vi jobber med det!",
+	"share-menu.save-note": "Last ned dette prosjektet til datamaskinen din som en .tldr-fil.",
+	"share-menu.share-project": "Del dette prosjektet",
+	"share-menu.snapshot-link-note": "Ta opp og del dette prosjektet som en skrivebeskyttet øyeblikksbildekobling.",
+	"share-menu.title": "Dele",
+	"share-menu.upload-failed": "Beklager, vi kunne ikke laste opp prosjektet ditt for øyeblikket. Prøv igjen eller gi oss beskjed hvis problemet vedvarer.",
+	"sharing.confirm-leave.cancel": "Kansellere",
+	"sharing.confirm-leave.description": "Er du sikker på at du vil forlate dette delte prosjektet? Du kan gå tilbake til den ved å navigere til dens URL.",
+	"sharing.confirm-leave.dont-show-again": "Ikke spør igjen",
+	"sharing.confirm-leave.leave": "Forlate",
+	"sharing.confirm-leave.title": "Vil du forlate det nåværende prosjektet?",
+	"shortcuts-dialog.a11y": "Tilgjengelighet",
+	"shortcuts-dialog.collaboration": "Samarbeidet",
+	"shortcuts-dialog.edit": "Rediger",
+	"shortcuts-dialog.file": "Fil",
+	"shortcuts-dialog.preferences": "Preferanser",
+	"shortcuts-dialog.text-formatting": "Tekstformatering",
+	"shortcuts-dialog.title": "Tastatursnarveier",
+	"shortcuts-dialog.tools": "Verktøy",
+	"shortcuts-dialog.transform": "Forvandle",
+	"shortcuts-dialog.view": "Vis",
+	"size-style.l": "Stor",
+	"size-style.m": "Medium",
+	"size-style.s": "Liten",
+	"size-style.xl": "Ekstra stor",
+	"spline-style.cubic": "Kubisk",
+	"spline-style.line": "Linje",
+	"status.offline": "Frakoblet",
+	"style-panel.align": "Juster",
+	"style-panel.arrow-kind": "Linje",
+	"style-panel.arrowhead-end": "Slutt",
+	"style-panel.arrowhead-start": "Start",
+	"style-panel.arrowheads": "Pilspisser",
+	"style-panel.color": "Farge",
+	"style-panel.dash": "Linje",
+	"style-panel.fill": "Fyll",
+	"style-panel.font": "Teksttype",
+	"style-panel.geo": "Form",
+	"style-panel.label-align": "Etikettjustering",
+	"style-panel.mixed": "Blandet",
+	"style-panel.opacity": "Opasitet",
+	"style-panel.position": "Posisjon",
+	"style-panel.selected": "valgt",
+	"style-panel.size": "Størrelse",
+	"style-panel.spline": "Spline",
+	"style-panel.title": "Stiler",
+	"style-panel.vertical-align": "Vertikal justering",
+	"theme.dark": "Mørk",
+	"theme.light": "Lys",
+	"theme.system": "System",
+	"toast.close": "Lukke",
+	"toast.error": "Feil",
+	"toast.error.copy-fail.desc": "Kunne ikke kopiere bildet",
+	"toast.error.copy-fail.title": "Mislykket kopi",
+	"toast.error.export-fail.desc": "Kunne ikke eksportere bildet",
+	"toast.error.export-fail.title": "Mislykket eksport",
+	"toast.info": "Info",
+	"toast.success": "Suksess",
+	"toast.warning": "Advarsel",
+	"tool-panel.more": "Flere",
+	"tool-panel.title": "Verktøy",
+	"tool.arrow": "Pil",
+	"tool.arrow-down": "Pil ned",
+	"tool.arrow-left": "Pil venstre",
+	"tool.arrow-right": "Pil høyre",
+	"tool.arrow-up": "Pil opp",
+	"tool.aspect-ratio": "Sideforhold",
+	"tool.aspect-ratio.circle": "Sirkel (1:1)",
+	"tool.aspect-ratio.landscape": "Landskap (4:3)",
+	"tool.aspect-ratio.original": "Opprinnelig",
+	"tool.aspect-ratio.portrait": "Portrett (3:4)",
+	"tool.aspect-ratio.square": "Kvadrat (1:1)",
+	"tool.aspect-ratio.wide": "Bred (16:9)",
+	"tool.bookmark": "Bokmerke",
+	"tool.check-box": "Avmerkingsboks",
+	"tool.cloud": "Sky",
+	"tool.diamond": "Diamant",
+	"tool.draw": "Tegn",
+	"tool.ellipse": "Ellipse",
+	"tool.embed": "Bygg inn",
+	"tool.eraser": "Viskelær",
+	"tool.flip-horz": "Snu horisontalt",
+	"tool.flip-vert": "Snu vertikalt",
+	"tool.frame": "Ramme",
+	"tool.hand": "Hånd",
+	"tool.heart": "Hjerte",
+	"tool.hexagon": "Sekskant",
+	"tool.highlight": "Marker",
+	"tool.image-crop": "Beskjær bilde",
+	"tool.image-crop-confirm": "Bekrefte",
+	"tool.image-toolbar-title": "Bildeverktøy",
+	"tool.image-zoom": "Zoom",
+	"tool.laser": "Laser",
+	"tool.line": "Linje",
+	"tool.media": "Media",
+	"tool.media-alt-text": "Alternativ tekst",
+	"tool.media-alt-text-confirm": "Bekrefte",
+	"tool.media-alt-text-desc": "Gi en beskrivelse…",
+	"tool.note": "Lapp",
+	"tool.octagon": "Oktagon",
+	"tool.oval": "Oval",
+	"tool.pentagon": "Pentagon",
+	"tool.pointer-down": "Peker ned",
+	"tool.rectangle": "Rektangel",
+	"tool.replace-media": "Bytt ut media",
+	"tool.rhombus": "Rombe",
+	"tool.rich-text-bold": "Fet",
+	"tool.rich-text-bulletList": "Punktliste",
+	"tool.rich-text-code": "Kode",
+	"tool.rich-text-header": "Overskrift",
+	"tool.rich-text-highlight": "Uthev",
+	"tool.rich-text-italic": "Kursiv",
+	"tool.rich-text-link": "Link",
+	"tool.rich-text-link-remove": "Fjern lenken",
+	"tool.rich-text-link-visit": "Besøk link",
+	"tool.rich-text-orderedList": "Ordnet liste",
+	"tool.rich-text-strikethrough": "Gjennomstreking",
+	"tool.rich-text-toolbar-title": "Tekstformatering",
+	"tool.rotate-cw": "Rotere",
+	"tool.select": "Velg",
+	"tool.star": "Stjerne",
+	"tool.text": "Tekst",
+	"tool.trapezoid": "Trapes",
+	"tool.triangle": "Trekant",
+	"tool.x-box": "X-boks",
+	"ui.checked": "Avkrysset",
+	"ui.close": "Lukke",
+	"ui.unchecked": "Ikke avkrysset",
+	"verticalAlign-style.end": "Bunn",
+	"verticalAlign-style.middle": "Midten",
+	"verticalAlign-style.start": "Topp",
+	"vscode.file-open.backup": "Sikkerhetskopiering",
+	"vscode.file-open.backup-failed": "Sikkerhetskopiering mislyktes: dette er ikke en .tldr-fil.",
+	"vscode.file-open.backup-saved": "Sikkerhetskopien er lagret",
+	"vscode.file-open.desc": "Denne filen ble opprettet med en tidligere versjon av tldraw. Vil du oppdatere den slik at den fungerer med den nye versjonen?",
+	"vscode.file-open.dont-show-again": "Ikke spør igjen",
+	"vscode.file-open.open": "Fortsette"
+}
diff --git a/web/hermes-dist/translations/pa.json b/web/hermes-dist/translations/pa.json
new file mode 100644
index 0000000..41da687
--- /dev/null
+++ b/web/hermes-dist/translations/pa.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "ਆਕਾਰ ਸ਼ੈਲੀਆਂ ਨੂੰ ਵਿਵਸਥਿਤ ਕਰੋ",
+	"a11y.enlarge-shape": "ਆਕਾਰ ਵੱਡਾ ਕਰੋ",
+	"a11y.enter-leave-container": "ਕੰਟੇਨਰ ਦਰਜ ਕਰੋ/ਛੱਡੋ",
+	"a11y.move-shape": "ਆਕਾਰ ਨੂੰ ਹਿਲਾਓ",
+	"a11y.move-shape-faster": "ਆਕਾਰ ਨੂੰ ਤੇਜ਼ੀ ਨਾਲ ਹਿਲਾਓ",
+	"a11y.multiple-shapes": "{num} ਆਕਾਰ ਚੁਣੇ ਗਏ",
+	"a11y.open-context-menu": "ਸੰਦਰਭ ਮੀਨੂ ਖੋਲ੍ਹੋ",
+	"a11y.open-keyboard-shortcuts": "ਕੀਬੋਰਡ ਸ਼ਾਰਟਕੱਟ ਖੋਲ੍ਹੋ",
+	"a11y.pan-camera": "ਪੈਨ ਕੈਮਰਾ",
+	"a11y.repeat-shape": "ਆਕਾਰ ਦੁਹਰਾਓ",
+	"a11y.rotate-shape-ccw": "ਆਕਾਰ ਨੂੰ ਘੜੀ ਦੀ ਉਲਟ ਦਿਸ਼ਾ ਵਿੱਚ ਘੁੰਮਾਓ",
+	"a11y.rotate-shape-ccw-fine": "ਆਕਾਰ ਨੂੰ ਘੜੀ ਦੀ ਉਲਟ ਦਿਸ਼ਾ ਵਿੱਚ ਘੁੰਮਾਓ (ਠੀਕ ਹੈ)",
+	"a11y.rotate-shape-cw": "ਆਕਾਰ ਨੂੰ ਘੜੀ ਦੀ ਦਿਸ਼ਾ ਵਿੱਚ ਘੁੰਮਾਓ",
+	"a11y.rotate-shape-cw-fine": "ਆਕਾਰ ਨੂੰ ਘੜੀ ਦੀ ਦਿਸ਼ਾ ਵਿੱਚ ਘੁੰਮਾਓ (ਠੀਕ ਹੈ)",
+	"a11y.select-shape": "ਅਗਲਾ ਆਕਾਰ ਚੁਣੋ",
+	"a11y.select-shape-direction": "ਦਿਸ਼ਾ ਵਿੱਚ ਆਕਾਰ ਚੁਣੋ",
+	"a11y.shape-image": "ਚਿੱਤਰ",
+	"a11y.shape-index": "{total} ਵਿੱਚੋਂ {num}",
+	"a11y.shape-video": "ਵੀਡੀਓ",
+	"a11y.shrink-shape": "ਆਕਾਰ ਸੁੰਗੜੋ",
+	"a11y.skip-to-main-content": "ਫੋਕਸ ਨੂੰ ਕੈਨਵਸ 'ਤੇ ਲੈ ਜਾਓ",
+	"a11y.status": "ਸਥਿਤੀ",
+	"action.align-bottom": "ਹੇਠਾਂ ਇਕਸਾਰ ਕਰੋ",
+	"action.align-center-horizontal": "ਖਿਤਿਜੀ ਤੌਰ 'ਤੇ ਇਕਸਾਰ ਕਰੋ",
+	"action.align-center-horizontal.short": "ਅਲਾਈਨ ਐੱਚ",
+	"action.align-center-vertical": "ਖੜ੍ਹਵੇਂ ਤੌਰ 'ਤੇ ਇਕਸਾਰ ਕਰੋ",
+	"action.align-center-vertical.short": "ਅਲਾਈਨ V",
+	"action.align-left": "ਖੱਬੇ ਪਾਸੇ ਇਕਸਾਰ ਕਰੋ",
+	"action.align-right": "ਸੱਜੇ ਪਾਸੇ ਇਕਸਾਰ ਕਰੋ",
+	"action.align-top": "ਸਿਖਰ ਨੂੰ ਇਕਸਾਰ ਕਰੋ",
+	"action.back-to-content": "ਸਮੱਗਰੀ 'ਤੇ ਵਾਪਸ ਜਾਓ",
+	"action.bring-forward": "ਅੱਗੇ ਲਿਆਓ",
+	"action.bring-to-front": "ਸਾਹਮਣੇ ਲਿਆਓ",
+	"action.convert-to-bookmark": "ਬੁੱਕਮਾਰਕ ਵਿੱਚ ਬਦਲੋ",
+	"action.convert-to-embed": "ਏਮਬੇਡ ਵਿੱਚ ਬਦਲੋ",
+	"action.copy": "ਕਾਪੀ ਕਰੋ",
+	"action.copy-as-json": "JSON ਵਜੋਂ ਕਾਪੀ ਕਰੋ",
+	"action.copy-as-json.short": "JSONLanguage",
+	"action.copy-as-png": "PNG ਵਜੋਂ ਕਾਪੀ ਕਰੋ",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "SVG ਵਜੋਂ ਕਾਪੀ ਕਰੋ",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "ਕੱਟੋ",
+	"action.delete": "ਮਿਟਾਓ",
+	"action.distribute-horizontal": "ਖਿਤਿਜੀ ਵੰਡੋ",
+	"action.distribute-horizontal.short": "ਵੰਡ ਐਚ",
+	"action.distribute-vertical": "ਲੰਬਕਾਰੀ ਵੰਡੋ",
+	"action.distribute-vertical.short": "ਵੰਡਣਾ ਵੀ",
+	"action.download-original": "ਮੂਲ ਡਾਊਨਲੋਡ ਕਰੋ",
+	"action.duplicate": "ਡੁਪਲੀਕੇਟ",
+	"action.edit-link": "ਲਿੰਕ ਦਾ ਸੰਪਾਦਨ ਕਰੋ",
+	"action.enhanced-a11y-mode": "ਵਿਸਤ੍ਰਿਤ ਪਹੁੰਚਯੋਗਤਾ ਮੋਡ ਨੂੰ ਟੌਗਲ ਕਰੋ",
+	"action.enhanced-a11y-mode.menu": "ਵਧਾਇਆ ਗਿਆ ਪਹੁੰਚਯੋਗਤਾ ਮੋਡ",
+	"action.exit-pen-mode": "ਪੈੱਨ ਮੋਡ ਤੋਂ ਬਾਹਰ ਜਾਓ",
+	"action.export-all-as-png": "ਸਭ ਨੂੰ PNG ਵਜੋਂ ਨਿਰਯਾਤ ਕਰੋ",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "ਸਭ ਨੂੰ SVG ਵਜੋਂ ਨਿਰਯਾਤ ਕਰੋ",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "PNG ਵਜੋਂ ਨਿਰਯਾਤ ਕਰੋ",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "SVG ਵਜੋਂ ਨਿਰਯਾਤ ਕਰੋ",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "ਸਮੱਗਰੀ ਲਈ ਫਿੱਟ",
+	"action.flatten-to-image": "ਸਮਤਲ",
+	"action.flip-horizontal": "ਖਿਤਿਜੀ ਰੂਪ ਵਿੱਚ ਫਲਿਪ ਕਰੋ",
+	"action.flip-horizontal.short": "ਫਲਿੱਪ ਐੱਚ",
+	"action.flip-vertical": "ਖੜ੍ਹਵੇਂ ਰੂਪ ਵਿੱਚ ਫਲਿਪ ਕਰੋ",
+	"action.flip-vertical.short": "ਫਲਿੱਪ V",
+	"action.fork-project": "ਇਸ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਫੋਰਕ ਕਰੋ",
+	"action.fork-project-on-tldraw": "tldraw 'ਤੇ ਫੋਰਕ ਪ੍ਰੋਜੈਕਟ",
+	"action.group": "ਸਮੂਹ",
+	"action.insert-embed": "ਏਮਬੇਡ ਸ਼ਾਮਲ ਕਰੋ",
+	"action.insert-media": "ਮੀਡੀਆ ਅੱਪਲੋਡ ਕਰੋ",
+	"action.leave-shared-project": "ਸਾਂਝਾ ਪ੍ਰੋਜੈਕਟ ਛੱਡੋ",
+	"action.new-project": "ਨਵਾਂ ਪ੍ਰੋਜੈਕਟ",
+	"action.new-shared-project": "ਨਵਾਂ ਸਾਂਝਾ ਪ੍ਰੋਜੈਕਟ",
+	"action.open-cursor-chat": "ਕਰਸਰ ਚੈਟ",
+	"action.open-embed-link": "ਲਿੰਕ ਖੋਲ੍ਹੋ",
+	"action.open-file": "ਫਾਈਲ ਖੋਲ੍ਹੋ",
+	"action.open-kbd-shortcuts": "ਕੀਬੋਰਡ ਸ਼ਾਰਟਕੱਟ ਖੋਲ੍ਹੋ",
+	"action.pack": "ਪੈਕ",
+	"action.paste": "ਪੇਸਟ ਕਰੋ",
+	"action.paste-error-description": "ਗੁੰਮ ਕਲਿੱਪਬੋਰਡ ਅਨੁਮਤੀਆਂ ਕਾਰਨ ਪੇਸਟ ਨਹੀਂ ਕੀਤਾ ਜਾ ਸਕਿਆ। ਕਿਰਪਾ ਕਰਕੇ ਇਜਾਜ਼ਤਾਂ ਨੂੰ ਚਾਲੂ ਕਰੋ ਅਤੇ ਦੁਬਾਰਾ ਕੋਸ਼ਿਸ਼ ਕਰੋ।",
+	"action.paste-error-title": "ਪੇਸਟ ਕਰਨਾ ਅਸਫਲ ਰਿਹਾ",
+	"action.print": "ਛਾਪੋ",
+	"action.redo": "ਦੁਬਾਰਾ ਕਰੋ",
+	"action.remove-frame": "ਫਰੇਮ ਹਟਾਓ",
+	"action.rename": "ਨਾਮ ਬਦਲੋ",
+	"action.rotate-ccw": "ਘੜੀ ਦੇ ਉਲਟ ਦਿਸ਼ਾ ਵਿੱਚ ਘੁੰਮਾਓ",
+	"action.rotate-cw": "ਘੜੀ ਦੀ ਦਿਸ਼ਾ ਵਿੱਚ ਘੁੰਮਾਓ",
+	"action.save-copy": "ਇੱਕ ਕਾਪੀ ਸੁਰੱਖਿਅਤ ਕਰੋ",
+	"action.select-all": "ਸਭ ਚੁਣੋ",
+	"action.select-none": "ਕੋਈ ਨਹੀਂ ਚੁਣੋ",
+	"action.select-zoom-tool": "ਜ਼ੂਮ ਕਰੋ",
+	"action.send-backward": "ਪਿੱਛੇ ਭੇਜੋ",
+	"action.send-to-back": "ਵਾਪਸ ਭੇਜੋ",
+	"action.share-project": "ਇਸ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਸਾਂਝਾ ਕਰੋ",
+	"action.stack-horizontal": "ਖਿਤਿਜੀ ਸਟੈਕ",
+	"action.stack-horizontal.short": "ਸਟੈਕ ਐੱਚ",
+	"action.stack-vertical": "ਖੜ੍ਹਵੇਂ ਤੌਰ 'ਤੇ ਸਟੈਕ ਕਰੋ",
+	"action.stack-vertical.short": "ਸਟੈਕ V",
+	"action.stop-following": "ਅਨੁਸਰਣ ਕਰਨਾ ਬੰਦ ਕਰੋ",
+	"action.stretch-horizontal": "ਖਿਤਿਜੀ ਖਿੱਚੋ",
+	"action.stretch-horizontal.short": "ਸਟ੍ਰੈਚ ਐੱਚ",
+	"action.stretch-vertical": "ਲੰਬਕਾਰੀ ਖਿੱਚੋ",
+	"action.stretch-vertical.short": "ਸਟ੍ਰੈਚ ਵੀ",
+	"action.toggle-auto-none": "ਆਟੋ",
+	"action.toggle-auto-pan": "ਆਟੋ (ਟ੍ਰੈਕਪੈਡ)",
+	"action.toggle-auto-size": "ਆਟੋ ਆਕਾਰ ਨੂੰ ਟੌਗਲ ਕਰੋ",
+	"action.toggle-auto-zoom": "ਆਟੋ (ਮਾਊਸ)",
+	"action.toggle-dark-mode": "ਡਾਰਕ ਮੋਡ ਨੂੰ ਟੌਗਲ ਕਰੋ",
+	"action.toggle-dark-mode.menu": "ਡਾਰਕ ਮੋਡ",
+	"action.toggle-debug-mode": "ਡੀਬੱਗ ਮੋਡ ਨੂੰ ਟੌਗਲ ਕਰੋ",
+	"action.toggle-debug-mode.menu": "ਡੀਬੱਗ ਮੋਡ",
+	"action.toggle-dynamic-size-mode": "ਗਤੀਸ਼ੀਲ ਆਕਾਰ ਨੂੰ ਟੌਗਲ ਕਰੋ",
+	"action.toggle-dynamic-size-mode.menu": "ਗਤੀਸ਼ੀਲ ਆਕਾਰ",
+	"action.toggle-edge-scrolling": "ਕਿਨਾਰੇ ਸਕ੍ਰੋਲਿੰਗ ਨੂੰ ਟੌਗਲ ਕਰੋ",
+	"action.toggle-edge-scrolling.menu": "ਕਿਨਾਰੇ ਸਕ੍ਰੋਲਿੰਗ",
+	"action.toggle-focus-mode": "ਫੋਕਸ ਮੋਡ ਨੂੰ ਟੌਗਲ ਕਰੋ",
+	"action.toggle-focus-mode.menu": "ਫੋਕਸ ਮੋਡ",
+	"action.toggle-grid": "ਗਰਿੱਡ ਨੂੰ ਟੌਗਲ ਕਰੋ",
+	"action.toggle-grid.menu": "ਗਰਿੱਡ ਦਿਖਾਓ",
+	"action.toggle-invert-zoom": "ਉਲਟਾ ਮਾਊਸ ਜ਼ੂਮ ਟੌਗਲ ਕਰੋ",
+	"action.toggle-invert-zoom.menu": "ਮਾਊਸ ਜ਼ੂਮ ਉਲਟਾਓ",
+	"action.toggle-keyboard-shortcuts": "ਕੀਬੋਰਡ ਸ਼ਾਰਟਕੱਟ ਟੌਗਲ ਕਰੋ",
+	"action.toggle-keyboard-shortcuts.menu": "ਕੀਬੋਰਡ ਸ਼ਾਰਟਕੱਟ ਚਾਲੂ ਕਰੋ",
+	"action.toggle-lock": "ਲਾਕ / ਅਨਲੌਕ",
+	"action.toggle-mouse": "ਮਾਊਸ",
+	"action.toggle-paste-at-cursor": "ਕਰਸਰ 'ਤੇ ਪੇਸਟ ਨੂੰ ਟੌਗਲ ਕਰੋ",
+	"action.toggle-paste-at-cursor.menu": "ਕਰਸਰ 'ਤੇ ਪੇਸਟ ਕਰੋ",
+	"action.toggle-reduce-motion": "ਮੋਸ਼ਨ ਘਟਾਉਣ ਨੂੰ ਟੌਗਲ ਕਰੋ",
+	"action.toggle-reduce-motion.menu": "ਗਤੀ ਘਟਾਓ",
+	"action.toggle-snap-mode": "ਟੌਗਲ ਹਮੇਸ਼ਾ ਸਨੈਪ ਕਰੋ",
+	"action.toggle-snap-mode.menu": "ਹਮੇਸ਼ਾ ਸਨੈਪ",
+	"action.toggle-tool-lock": "ਟੂਲ ਲੌਕ ਨੂੰ ਟੌਗਲ ਕਰੋ",
+	"action.toggle-tool-lock.menu": "ਟੂਲ ਲਾਕ",
+	"action.toggle-trackpad": "ਟਰੈਕਪੈਡ",
+	"action.toggle-transparent": "ਪਾਰਦਰਸ਼ੀ ਪਿਛੋਕੜ ਨੂੰ ਟੌਗਲ ਕਰੋ",
+	"action.toggle-transparent.context-menu": "ਪਾਰਦਰਸ਼ੀ",
+	"action.toggle-transparent.menu": "ਪਾਰਦਰਸ਼ੀ",
+	"action.toggle-wrap-mode": "ਰੈਪ 'ਤੇ ਚੁਣੋ ਨੂੰ ਟੌਗਲ ਕਰੋ",
+	"action.toggle-wrap-mode.menu": "ਲਪੇਟਣ 'ਤੇ ਚੁਣੋ",
+	"action.undo": "ਅਣਡੂ",
+	"action.ungroup": "ਅਨਗਰੁੱਪ ਕਰੋ",
+	"action.unlock-all": "ਸਭ ਨੂੰ ਅਨਲੌਕ ਕਰੋ",
+	"action.zoom-in": "ਜ਼ੂਮ ਇਨ ਕਰੋ",
+	"action.zoom-out": "ਜ਼ੂਮ ਘਟਾਓ",
+	"action.zoom-quick": "ਤੇਜ਼ ਜ਼ੂਮ",
+	"action.zoom-to-100": "100% ਤੱਕ ਜ਼ੂਮ ਕਰੋ",
+	"action.zoom-to-fit": "ਫਿੱਟ ਕਰਨ ਲਈ ਜ਼ੂਮ ਕਰੋ",
+	"action.zoom-to-selection": "ਚੋਣ ਕਰਨ ਲਈ ਜ਼ੂਮ ਕਰੋ",
+	"actions-menu.title": "ਕਾਰਵਾਈਆਂ",
+	"align-style.end": "ਅੰਤ",
+	"align-style.justify": "ਜਾਇਜ਼ ਠਹਿਰਾਓ",
+	"align-style.middle": "ਮਿਡਲ",
+	"align-style.start": "ਸ਼ੁਰੂ ਕਰੋ",
+	"app.loading": "tldraw ਲੋਡ ਕੀਤਾ ਜਾ ਰਿਹਾ ਹੈ…",
+	"arrow-kind-style.arc": "ਚਾਪ",
+	"arrow-kind-style.elbow": "ਕੂਹਣੀ",
+	"arrowheadEnd-style.arrow": "ਤੀਰ",
+	"arrowheadEnd-style.bar": "ਬਾਰ",
+	"arrowheadEnd-style.diamond": "ਹੀਰਾ",
+	"arrowheadEnd-style.dot": "ਬਿੰਦੀ",
+	"arrowheadEnd-style.inverted": "ਉਲਟਾ",
+	"arrowheadEnd-style.none": "ਕੋਈ ਨਹੀਂ",
+	"arrowheadEnd-style.pipe": "ਪਾਈਪ",
+	"arrowheadEnd-style.square": "ਵਰਗ",
+	"arrowheadEnd-style.triangle": "ਤਿਕੋਣ",
+	"arrowheadStart-style.arrow": "ਤੀਰ",
+	"arrowheadStart-style.bar": "ਬਾਰ",
+	"arrowheadStart-style.diamond": "ਹੀਰਾ",
+	"arrowheadStart-style.dot": "ਬਿੰਦੀ",
+	"arrowheadStart-style.inverted": "ਉਲਟਾ",
+	"arrowheadStart-style.none": "ਕੋਈ ਨਹੀਂ",
+	"arrowheadStart-style.pipe": "ਪਾਈਪ",
+	"arrowheadStart-style.square": "ਵਰਗ",
+	"arrowheadStart-style.triangle": "ਤਿਕੋਣ",
+	"assets.files.amount-too-many": "ਬਹੁਤ ਸਾਰੀਆਂ ਫਾਈਲਾਂ",
+	"assets.files.maximum-size": "ਵੱਧ ਤੋਂ ਵੱਧ ਫਾਈਲ ਆਕਾਰ {size} ਹੈ",
+	"assets.files.size-too-big": "ਫ਼ਾਈਲ ਦਾ ਆਕਾਰ ਬਹੁਤ ਵੱਡਾ ਹੈ",
+	"assets.files.type-not-allowed": "ਫ਼ਾਈਲ ਕਿਸਮ ਦੀ ਇਜਾਜ਼ਤ ਨਹੀਂ ਹੈ",
+	"assets.files.upload-failed": "ਅੱਪਲੋਡ ਅਸਫਲ ਰਿਹਾ",
+	"assets.url.failed": "URL ਪ੍ਰੀਵਿਊ ਲੋਡ ਨਹੀਂ ਕੀਤਾ ਜਾ ਸਕਿਆ",
+	"color-style.black": "ਕਾਲਾ",
+	"color-style.blue": "ਨੀਲਾ",
+	"color-style.green": "ਹਰਾ",
+	"color-style.grey": "ਸਲੇਟੀ",
+	"color-style.light-blue": "ਹਲਕਾ ਨੀਲਾ",
+	"color-style.light-green": "ਹਲਕਾ ਹਰਾ",
+	"color-style.light-red": "ਹਲਕਾ ਲਾਲ",
+	"color-style.light-violet": "ਹਲਕਾ ਵਾਇਲੇਟ",
+	"color-style.orange": "ਸੰਤਰਾ",
+	"color-style.red": "ਲਾਲ",
+	"color-style.violet": "ਵਾਇਲੇਟ",
+	"color-style.white": "ਚਿੱਟਾ",
+	"color-style.yellow": "ਪੀਲਾ",
+	"context-menu.arrange": "ਪ੍ਰਬੰਧ ਕਰੋ",
+	"context-menu.copy-as": "ਇਸ ਤਰ੍ਹਾਂ ਕਾਪੀ ਕਰੋ",
+	"context-menu.edit": "ਸੰਪਾਦਿਤ ਕਰੋ",
+	"context-menu.export-all-as": "ਸਭ ਨੂੰ ਇਸ ਤਰ੍ਹਾਂ ਐਕਸਪੋਰਟ ਕਰੋ",
+	"context-menu.export-as": "ਦੇ ਰੂਪ ਵਿੱਚ ਨਿਰਯਾਤ ਕਰੋ",
+	"context-menu.move-to-page": "ਪੰਨੇ 'ਤੇ ਜਾਓ",
+	"context-menu.reorder": "ਮੁੜ ਕ੍ਰਮਬੱਧ ਕਰੋ",
+	"context-menu.title": "ਸੰਦਰਭ ਮੀਨੂ",
+	"context.pages.new-page": "ਨਵਾਂ ਪੰਨਾ",
+	"cursor-chat.type-to-chat": "ਚੈਟ ਕਰਨ ਲਈ ਟਾਈਪ ਕਰੋ...",
+	"dash-style.dashed": "ਡੈਸ਼ਡ",
+	"dash-style.dotted": "ਬਿੰਦੀਦਾਰ",
+	"dash-style.draw": "ਡਰਾਅ",
+	"dash-style.solid": "ਠੋਸ",
+	"document-name-menu.copy-link": "ਲਿੰਕ ਕਾਪੀ ਕਰੋ",
+	"document.default-name": "ਬਿਨਾਂ ਸਿਰਲੇਖ ਵਾਲਾ",
+	"edit-link-dialog.cancel": "ਰੱਦ ਕਰੋ",
+	"edit-link-dialog.clear": "ਸਾਫ਼",
+	"edit-link-dialog.detail": "ਲਿੰਕ ਇੱਕ ਨਵੀਂ ਟੈਬ ਵਿੱਚ ਖੁੱਲ੍ਹਣਗੇ।",
+	"edit-link-dialog.external-link": "ਬਾਹਰੀ ਲਿੰਕ",
+	"edit-link-dialog.invalid-url": "ਇੱਕ ਲਿੰਕ ਇੱਕ ਵੈਧ URL ਹੋਣਾ ਚਾਹੀਦਾ ਹੈ।",
+	"edit-link-dialog.save": "ਜਾਰੀ ਰੱਖੋ",
+	"edit-link-dialog.title": "ਲਿੰਕ ਦਾ ਸੰਪਾਦਨ ਕਰੋ",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "ਵਾਪਸ",
+	"embed-dialog.cancel": "ਰੱਦ ਕਰੋ",
+	"embed-dialog.create": "ਬਣਾਓ",
+	"embed-dialog.instruction": "ਏਮਬੇਡ ਬਣਾਉਣ ਲਈ ਸਾਈਟ ਦੇ URL ਵਿੱਚ ਪੇਸਟ ਕਰੋ।",
+	"embed-dialog.invalid-url": "ਅਸੀਂ ਉਸ URL ਤੋਂ ਏਮਬੇਡ ਨਹੀਂ ਬਣਾ ਸਕੇ।",
+	"embed-dialog.title": "ਏਮਬੇਡ ਬਣਾਓ",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "ਰੱਦ ਕਰੋ",
+	"file-system.confirm-clear.continue": "ਜਾਰੀ ਰੱਖੋ",
+	"file-system.confirm-clear.description": "ਇੱਕ ਨਵਾਂ ਪ੍ਰੋਜੈਕਟ ਬਣਾਉਣਾ ਤੁਹਾਡੇ ਮੌਜੂਦਾ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਸਾਫ਼ ਕਰ ਦੇਵੇਗਾ ਅਤੇ ਕੋਈ ਵੀ ਅਣਰੱਖਿਅਤ ਤਬਦੀਲੀਆਂ ਖਤਮ ਹੋ ਜਾਣਗੀਆਂ। ਕੀ ਤੁਸੀਂ ਯਕੀਨੀ ਤੌਰ 'ਤੇ ਜਾਰੀ ਰੱਖਣਾ ਚਾਹੁੰਦੇ ਹੋ?",
+	"file-system.confirm-clear.dont-show-again": "ਦੁਬਾਰਾ ਨਾ ਪੁੱਛੋ",
+	"file-system.confirm-clear.title": "ਕੀ ਮੌਜੂਦਾ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਸਾਫ਼ ਕਰਨਾ ਹੈ?",
+	"file-system.confirm-open.cancel": "ਰੱਦ ਕਰੋ",
+	"file-system.confirm-open.description": "ਇੱਕ ਫਾਈਲ ਖੋਲ੍ਹਣਾ ਤੁਹਾਡੇ ਮੌਜੂਦਾ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਬਦਲ ਦੇਵੇਗਾ ਅਤੇ ਕੋਈ ਵੀ ਅਣਰੱਖਿਅਤ ਤਬਦੀਲੀਆਂ ਖਤਮ ਹੋ ਜਾਣਗੀਆਂ। ਕੀ ਤੁਸੀਂ ਯਕੀਨੀ ਤੌਰ 'ਤੇ ਜਾਰੀ ਰੱਖਣਾ ਚਾਹੁੰਦੇ ਹੋ?",
+	"file-system.confirm-open.dont-show-again": "ਦੁਬਾਰਾ ਨਾ ਪੁੱਛੋ",
+	"file-system.confirm-open.open": "ਫਾਈਲ ਖੋਲ੍ਹੋ",
+	"file-system.confirm-open.title": "ਮੌਜੂਦਾ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਓਵਰਰਾਈਟ ਕਰਨਾ ਹੈ?",
+	"file-system.file-open-error.file-format-version-too-new": "ਤੁਹਾਡੇ ਦੁਆਰਾ ਖੋਲ੍ਹਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕੀਤੀ ਗਈ ਫਾਈਲ tldraw ਦੇ ਇੱਕ ਨਵੇਂ ਸੰਸਕਰਣ ਤੋਂ ਹੈ। ਕਿਰਪਾ ਕਰਕੇ ਪੰਨਾ ਰੀਲੋਡ ਕਰੋ ਅਤੇ ਦੁਬਾਰਾ ਕੋਸ਼ਿਸ਼ ਕਰੋ।",
+	"file-system.file-open-error.generic-corrupted-file": "ਤੁਹਾਡੇ ਦੁਆਰਾ ਖੋਲ੍ਹਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕੀਤੀ ਗਈ ਫਾਈਲ ਖਰਾਬ ਹੋ ਗਈ ਹੈ।",
+	"file-system.file-open-error.not-a-tldraw-file": "ਜਿਸ ਫ਼ਾਈਲ ਨੂੰ ਤੁਸੀਂ ਖੋਲ੍ਹਣ ਦੀ ਕੋਸ਼ਿਸ਼ ਕੀਤੀ ਹੈ, ਉਹ ਇੱਕ tldraw ਫ਼ਾਈਲ ਵਰਗੀ ਨਹੀਂ ਲੱਗਦੀ।",
+	"file-system.file-open-error.title": "ਫ਼ਾਈਲ ਖੋਲ੍ਹੀ ਨਹੀਂ ਜਾ ਸਕੀ",
+	"file-system.shared-document-file-open-error.description": "ਸਾਂਝੇ ਪ੍ਰੋਜੈਕਟਾਂ ਤੋਂ ਫਾਈਲਾਂ ਨੂੰ ਖੋਲ੍ਹਣਾ ਸਮਰਥਿਤ ਨਹੀਂ ਹੈ।",
+	"file-system.shared-document-file-open-error.title": "ਫ਼ਾਈਲ ਖੋਲ੍ਹੀ ਨਹੀਂ ਜਾ ਸਕੀ",
+	"fill-style.fill": "ਭਰੋ",
+	"fill-style.lined-fill": "ਕਤਾਰਬੱਧ ਭਰਾਈ",
+	"fill-style.none": "ਕੋਈ ਨਹੀਂ",
+	"fill-style.pattern": "ਪੈਟਰਨ",
+	"fill-style.semi": "ਅਰਧ",
+	"fill-style.solid": "ਠੋਸ",
+	"focus-mode.toggle-focus-mode": "ਫੋਕਸ ਮੋਡ ਨੂੰ ਟੌਗਲ ਕਰੋ",
+	"font-style.draw": "ਡਰਾਅ",
+	"font-style.mono": "ਮੋਨੋ",
+	"font-style.sans": "ਸੰਸ",
+	"font-style.serif": "ਸੇਰੀਫ",
+	"geo-style.arrow-down": "ਹੇਠਾਂ ਤੀਰ",
+	"geo-style.arrow-left": "ਖੱਬੇ ਪਾਸੇ ਦਾ ਤੀਰ",
+	"geo-style.arrow-right": "ਸੱਜੇ ਤੀਰ",
+	"geo-style.arrow-up": "ਤੀਰ ਉੱਪਰ",
+	"geo-style.check-box": "ਚੈੱਕ ਬਾਕਸ",
+	"geo-style.cloud": "ਬੱਦਲ",
+	"geo-style.diamond": "ਹੀਰਾ",
+	"geo-style.ellipse": "ਅੰਡਾਕਾਰ",
+	"geo-style.heart": "ਦਿਲ",
+	"geo-style.hexagon": "ਹੈਕਸਾਗਨ",
+	"geo-style.octagon": "ਅਸ਼ਟਭੁਜ",
+	"geo-style.oval": "ਓਵਲ",
+	"geo-style.pentagon": "ਪੈਂਟਾਗਨ",
+	"geo-style.rectangle": "ਆਇਤਕਾਰ",
+	"geo-style.rhombus": "ਰੋਮਬਸ",
+	"geo-style.rhombus-2": "ਖੱਬੇ ਪਾਸੇ ਰ੍ਹੋਂਬਸ",
+	"geo-style.star": "ਤਾਰਾ",
+	"geo-style.trapezoid": "ਟ੍ਰੈਪੀਜ਼ੌਇਡ",
+	"geo-style.triangle": "ਤਿਕੋਣ",
+	"geo-style.x-box": "ਐਕਸ ਬਾਕਸ",
+	"handle.crop.bottom": "ਹੇਠਾਂ ਕਾਂਟ-ਛਾਂਟ ਕਰੋ",
+	"handle.crop.bottom-left": "ਹੇਠਾਂ ਖੱਬੇ ਪਾਸੇ ਤੋਂ ਕਾਂਟ-ਛਾਂਟ ਕਰੋ",
+	"handle.crop.bottom-right": "ਹੇਠਾਂ ਸੱਜੇ ਪਾਸੇ ਤੋਂ ਕਾਂਟ-ਛਾਂਟ ਕਰੋ",
+	"handle.crop.left": "ਖੱਬੇ ਪਾਸੇ ਤੋਂ ਕੱਟੋ",
+	"handle.crop.right": "ਸੱਜੇ ਪਾਸੇ ਤੋਂ ਕੱਟੋ",
+	"handle.crop.top": "ਕ੍ਰੌਪ ਟਾਪ",
+	"handle.crop.top-left": "ਉੱਪਰ ਖੱਬੇ ਪਾਸੇ ਤੋਂ ਕਾਂਟ-ਛਾਂਟ ਕਰੋ",
+	"handle.crop.top-right": "ਉੱਪਰ ਸੱਜੇ ਪਾਸੇ ਕਾਂਟ-ਛਾਂਟ ਕਰੋ",
+	"handle.resize-bottom": "ਹੇਠਾਂ ਦਾ ਆਕਾਰ ਬਦਲੋ",
+	"handle.resize-bottom-left": "ਹੇਠਾਂ ਖੱਬੇ ਪਾਸੇ ਆਕਾਰ ਬਦਲੋ",
+	"handle.resize-bottom-right": "ਹੇਠਾਂ ਸੱਜੇ ਆਕਾਰ ਬਦਲੋ",
+	"handle.resize-left": "ਖੱਬੇ ਪਾਸੇ ਦਾ ਆਕਾਰ ਬਦਲੋ",
+	"handle.resize-right": "ਸੱਜੇ ਪਾਸੇ ਮੁੜ ਆਕਾਰ ਦਿਓ",
+	"handle.resize-top": "ਉੱਪਰਲੇ ਹਿੱਸੇ ਦਾ ਆਕਾਰ ਬਦਲੋ",
+	"handle.resize-top-left": "ਉੱਪਰ ਖੱਬੇ ਪਾਸੇ ਆਕਾਰ ਬਦਲੋ",
+	"handle.resize-top-right": "ਉੱਪਰ ਸੱਜੇ ਆਕਾਰ ਬਦਲੋ",
+	"handle.rotate.bottom_left_rotate": "ਹੇਠਾਂ ਖੱਬੇ ਘੁੰਮਾਓ",
+	"handle.rotate.bottom_right_rotate": "ਹੇਠਾਂ ਸੱਜੇ ਘੁੰਮਾਓ",
+	"handle.rotate.mobile_rotate": "ਘੁੰਮਾਓ",
+	"handle.rotate.top_left_rotate": "ਉੱਪਰ ਖੱਬੇ ਘੁੰਮਾਓ",
+	"handle.rotate.top_right_rotate": "ਉੱਪਰ ਸੱਜੇ ਘੁੰਮਾਓ",
+	"help-menu.about": "ਬਾਰੇ",
+	"help-menu.discord": "ਵਿਵਾਦ",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "ਫਾਈਲ ਆਯਾਤ ਕਰੋ...",
+	"help-menu.keyboard-shortcuts": "ਕੀਬੋਰਡ ਸ਼ਾਰਟਕੱਟ",
+	"help-menu.privacy": "ਪਰਾਈਵੇਟ ਨੀਤੀ",
+	"help-menu.terms": "ਸੇਵਾ ਦੀਆਂ ਸ਼ਰਤਾਂ",
+	"help-menu.title": "ਮਦਦ ਅਤੇ ਸਰੋਤ",
+	"help-menu.twitter": "ਟਵਿੱਟਰ",
+	"menu.accessibility": "ਪਹੁੰਚਯੋਗਤਾ",
+	"menu.color-theme": "ਰੰਗ ਥੀਮ",
+	"menu.copy-as": "ਇਸ ਤਰ੍ਹਾਂ ਕਾਪੀ ਕਰੋ",
+	"menu.edit": "ਸੰਪਾਦਿਤ ਕਰੋ",
+	"menu.export-as": "ਦੇ ਰੂਪ ਵਿੱਚ ਨਿਰਯਾਤ ਕਰੋ",
+	"menu.file": "ਫਾਈਲ",
+	"menu.input-device": "ਇਨਪੁੱਟ ਡਿਵਾਈਸ",
+	"menu.language": "ਭਾਸ਼ਾ",
+	"menu.preferences": "ਤਰਜੀਹਾਂ",
+	"menu.theme": "ਥੀਮ",
+	"menu.title": "ਮੀਨੂ",
+	"menu.view": "ਦੇਖੋ",
+	"navigation-zone.minimap": "ਮਿਨੀਮੈਪ",
+	"navigation-zone.title": "ਨੇਵੀਗੇਸ਼ਨ",
+	"navigation-zone.toggle-minimap": "ਮਿਨੀਮੈਪ ਨੂੰ ਟੌਗਲ ਕਰੋ",
+	"navigation-zone.zoom": "ਜ਼ੂਮ",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "ਨਵਾਂ ਪੰਨਾ ਬਣਾਓ",
+	"page-menu.edit-done": "ਹੋ ਗਿਆ",
+	"page-menu.edit-start": "ਸੰਪਾਦਿਤ ਕਰੋ",
+	"page-menu.go-to-page": "ਪੰਨੇ 'ਤੇ ਜਾਓ",
+	"page-menu.new-page-initial-name": "ਪੰਨਾ 1",
+	"page-menu.submenu.delete": "ਮਿਟਾਓ",
+	"page-menu.submenu.duplicate-page": "ਡੁਪਲੀਕੇਟ",
+	"page-menu.submenu.move-down": "ਹੇਠਾਂ ਚਲੇ ਜਾਓ",
+	"page-menu.submenu.move-up": "ਉੱਪਰ ਜਾਓ",
+	"page-menu.submenu.rename": "ਨਾਮ ਬਦਲੋ",
+	"page-menu.submenu.title": "ਮੀਨੂ",
+	"page-menu.title": "ਪੰਨੇ",
+	"people-menu.anonymous-user": "ਨਵਾਂ ਵਰਤੋਂਕਾਰ",
+	"people-menu.avatar-color": "ਅਵਤਾਰ ਰੰਗ",
+	"people-menu.change-color": "ਰੰਗ ਬਦਲੋ",
+	"people-menu.change-name": "ਨਾਮ ਬਦਲੋ",
+	"people-menu.follow": "ਦਾ ਪਾਲਣ ਕਰੋ",
+	"people-menu.following": "ਅਨੁਸਰਣ ਕਰ ਰਹੇ ਹਨ",
+	"people-menu.invite": "ਹੋਰਾਂ ਨੂੰ ਸੱਦਾ ਦਿਓ",
+	"people-menu.leading": "ਤੁਹਾਡਾ ਅਨੁਸਰਣ ਕਰ ਰਿਹਾ ਹੈ",
+	"people-menu.title": "ਲੋਕ",
+	"people-menu.user": "(ਤੁਸੀਂ)",
+	"share-menu.copied": "ਲਿੰਕ ਕਾਪੀ ਕੀਤਾ ਗਿਆ!",
+	"share-menu.copy-link": "ਲਿੰਕ ਕਾਪੀ ਕਰੋ",
+	"share-menu.copy-link-note": "ਲਿੰਕ ਵਾਲਾ ਕੋਈ ਵੀ ਵਿਅਕਤੀ ਇਸ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਦੇਖਣ ਅਤੇ ਸੰਪਾਦਿਤ ਕਰਨ ਦੇ ਯੋਗ ਹੋਵੇਗਾ।",
+	"share-menu.copy-readonly-link": "ਸਿਰਫ਼ ਪੜ੍ਹਨ ਲਈ ਲਿੰਕ ਕਾਪੀ ਕਰੋ",
+	"share-menu.copy-readonly-link-note": "ਲਿੰਕ ਵਾਲਾ ਕੋਈ ਵੀ ਵਿਅਕਤੀ ਇਸ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਦੇਖਣ (ਪਰ ਸੰਪਾਦਿਤ ਨਹੀਂ) ਕਰਨ ਦੇ ਯੋਗ ਹੋਵੇਗਾ।",
+	"share-menu.create-snapshot-link": "ਸਨੈਪਸ਼ਾਟ ਲਿੰਕ ਬਣਾਓ",
+	"share-menu.creating-project": "ਨਵਾਂ ਪ੍ਰੋਜੈਕਟ ਬਣਾਇਆ ਜਾ ਰਿਹਾ ਹੈ...",
+	"share-menu.fork-note": "ਇਸ ਸਨੈਪਸ਼ਾਟ ਦੇ ਆਧਾਰ 'ਤੇ ਇੱਕ ਨਵਾਂ ਸਾਂਝਾ ਪ੍ਰੋਜੈਕਟ ਬਣਾਓ।",
+	"share-menu.offline-note": "ਇਸ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਸਾਂਝਾ ਕਰਨ ਨਾਲ ਇੱਕ ਨਵੇਂ URL 'ਤੇ ਇੱਕ ਹੋਸਟ ਕੀਤੀ ਲਾਈਵ ਕਾਪੀ ਬਣੇਗੀ। ਤੁਸੀਂ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਇਕੱਠੇ ਦੇਖਣ ਅਤੇ ਸੰਪਾਦਿਤ ਕਰਨ ਲਈ ਤੀਹ ਹੋਰ ਲੋਕਾਂ ਨਾਲ URL ਸਾਂਝਾ ਕਰ ਸਕਦੇ ਹੋ।",
+	"share-menu.project-too-large": "ਮਾਫ਼ ਕਰਨਾ, ਇਸ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਸਾਂਝਾ ਨਹੀਂ ਕੀਤਾ ਜਾ ਸਕਦਾ ਕਿਉਂਕਿ ਇਹ ਬਹੁਤ ਵੱਡਾ ਹੈ। ਅਸੀਂ ਇਸ 'ਤੇ ਕੰਮ ਕਰ ਰਹੇ ਹਾਂ!",
+	"share-menu.save-note": "ਇਸ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਆਪਣੇ ਕੰਪਿਊਟਰ 'ਤੇ .tldr ਫਾਈਲ ਦੇ ਤੌਰ 'ਤੇ ਡਾਊਨਲੋਡ ਕਰੋ।",
+	"share-menu.share-project": "ਇਸ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਸਾਂਝਾ ਕਰੋ",
+	"share-menu.snapshot-link-note": "ਇਸ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਸਿਰਫ਼-ਪੜ੍ਹਨ ਲਈ ਸਨੈਪਸ਼ਾਟ ਲਿੰਕ ਵਜੋਂ ਕੈਪਚਰ ਕਰੋ ਅਤੇ ਸਾਂਝਾ ਕਰੋ।",
+	"share-menu.title": "ਸ਼ੇਅਰ ਕਰੋ",
+	"share-menu.upload-failed": "ਮਾਫ਼ ਕਰਨਾ, ਅਸੀਂ ਇਸ ਸਮੇਂ ਤੁਹਾਡੇ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਅੱਪਲੋਡ ਨਹੀਂ ਕਰ ਸਕੇ। ਕਿਰਪਾ ਕਰਕੇ ਦੁਬਾਰਾ ਕੋਸ਼ਿਸ਼ ਕਰੋ ਜਾਂ ਜੇਕਰ ਸਮੱਸਿਆ ਬਣੀ ਰਹਿੰਦੀ ਹੈ ਤਾਂ ਸਾਨੂੰ ਦੱਸੋ।",
+	"sharing.confirm-leave.cancel": "ਰੱਦ ਕਰੋ",
+	"sharing.confirm-leave.description": "ਕੀ ਤੁਸੀਂ ਯਕੀਨੀ ਤੌਰ 'ਤੇ ਇਸ ਸਾਂਝੇ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਛੱਡਣਾ ਚਾਹੁੰਦੇ ਹੋ? ਤੁਸੀਂ ਇਸਦੇ URL 'ਤੇ ਨੈਵੀਗੇਟ ਕਰਕੇ ਇਸ 'ਤੇ ਵਾਪਸ ਆ ਸਕਦੇ ਹੋ।",
+	"sharing.confirm-leave.dont-show-again": "ਦੁਬਾਰਾ ਨਾ ਪੁੱਛੋ",
+	"sharing.confirm-leave.leave": "ਛੱਡੋ",
+	"sharing.confirm-leave.title": "ਕੀ ਮੌਜੂਦਾ ਪ੍ਰੋਜੈਕਟ ਨੂੰ ਛੱਡਣਾ ਹੈ?",
+	"shortcuts-dialog.a11y": "ਪਹੁੰਚਯੋਗਤਾ",
+	"shortcuts-dialog.collaboration": "ਸਹਿਯੋਗ",
+	"shortcuts-dialog.edit": "ਸੰਪਾਦਿਤ ਕਰੋ",
+	"shortcuts-dialog.file": "ਫਾਈਲ",
+	"shortcuts-dialog.preferences": "ਤਰਜੀਹਾਂ",
+	"shortcuts-dialog.text-formatting": "ਟੈਕਸਟ ਫਾਰਮੈਟਿੰਗ",
+	"shortcuts-dialog.title": "ਕੀਬੋਰਡ ਸ਼ਾਰਟਕੱਟ",
+	"shortcuts-dialog.tools": "ਸੰਦ",
+	"shortcuts-dialog.transform": "ਪਰਿਵਰਤਨ",
+	"shortcuts-dialog.view": "ਦੇਖੋ",
+	"size-style.l": "ਵੱਡਾ",
+	"size-style.m": "ਦਰਮਿਆਨਾ",
+	"size-style.s": "ਛੋਟਾ",
+	"size-style.xl": "ਵਾਧੂ ਵੱਡਾ",
+	"spline-style.cubic": "ਘਣ",
+	"spline-style.line": "ਲਾਈਨ",
+	"status.offline": "ਔਫਲਾਈਨ",
+	"style-panel.align": "ਇਕਸਾਰ",
+	"style-panel.arrow-kind": "ਲਾਈਨ",
+	"style-panel.arrowhead-end": "ਅੰਤ",
+	"style-panel.arrowhead-start": "ਸ਼ੁਰੂ ਕਰੋ",
+	"style-panel.arrowheads": "ਤੀਰ",
+	"style-panel.color": "ਰੰਗ",
+	"style-panel.dash": "ਡੈਸ਼",
+	"style-panel.fill": "ਭਰੋ",
+	"style-panel.font": "ਫੌਂਟ",
+	"style-panel.geo": "ਆਕਾਰ",
+	"style-panel.label-align": "ਲੇਬਲ ਇਕਸਾਰ",
+	"style-panel.mixed": "ਮਿਸ਼ਰਤ",
+	"style-panel.opacity": "ਧੁੰਦਲਾਪਨ",
+	"style-panel.position": "ਸਥਿਤੀ",
+	"style-panel.selected": "ਚੁਣਿਆ ਗਿਆ",
+	"style-panel.size": "ਆਕਾਰ",
+	"style-panel.spline": "ਸਪਲਾਈਨ",
+	"style-panel.title": "ਸਟਾਈਲ",
+	"style-panel.vertical-align": "ਲੰਬਕਾਰੀ ਇਕਸਾਰ",
+	"theme.dark": "ਹਨੇਰਾ",
+	"theme.light": "ਰੋਸ਼ਨੀ",
+	"theme.system": "ਸਿਸਟਮ",
+	"toast.close": "ਬੰਦ ਕਰੋ",
+	"toast.error": "ਗਲਤੀ",
+	"toast.error.copy-fail.desc": "ਚਿੱਤਰ ਨੂੰ ਕਾਪੀ ਕਰਨਾ ਅਸਫਲ ਰਿਹਾ",
+	"toast.error.copy-fail.title": "ਅਸਫਲ ਕਾਪੀ",
+	"toast.error.export-fail.desc": "ਚਿੱਤਰ ਨਿਰਯਾਤ ਕਰਨ ਵਿੱਚ ਅਸਫਲ",
+	"toast.error.export-fail.title": "ਨਿਰਯਾਤ ਅਸਫਲ ਰਿਹਾ",
+	"toast.info": "ਜਾਣਕਾਰੀ",
+	"toast.success": "ਸਫਲਤਾ",
+	"toast.warning": "ਚੇਤਾਵਨੀ",
+	"tool-panel.more": "ਹੋਰ",
+	"tool-panel.title": "ਔਜ਼ਾਰ",
+	"tool.arrow": "ਤੀਰ",
+	"tool.arrow-down": "ਹੇਠਾਂ ਤੀਰ",
+	"tool.arrow-left": "ਖੱਬੇ ਪਾਸੇ ਦਾ ਤੀਰ",
+	"tool.arrow-right": "ਸੱਜੇ ਤੀਰ",
+	"tool.arrow-up": "ਤੀਰ ਉੱਪਰ",
+	"tool.aspect-ratio": "ਆਕਾਰ ਅਨੁਪਾਤ",
+	"tool.aspect-ratio.circle": "ਚੱਕਰ (1:1)",
+	"tool.aspect-ratio.landscape": "ਲੈਂਡਸਕੇਪ (4:3)",
+	"tool.aspect-ratio.original": "ਅਸਲੀ",
+	"tool.aspect-ratio.portrait": "ਪੋਰਟਰੇਟ (3:4)",
+	"tool.aspect-ratio.square": "ਵਰਗ (1:1)",
+	"tool.aspect-ratio.wide": "ਚੌੜਾ (16:9)",
+	"tool.bookmark": "ਬੁੱਕਮਾਰਕ",
+	"tool.check-box": "ਚੈੱਕ ਬਾਕਸ",
+	"tool.cloud": "ਬੱਦਲ",
+	"tool.diamond": "ਹੀਰਾ",
+	"tool.draw": "ਡਰਾਅ",
+	"tool.ellipse": "ਅੰਡਾਕਾਰ",
+	"tool.embed": "ਏਮਬੇਡ ਕਰੋ",
+	"tool.eraser": "ਇਰੇਜ਼ਰ",
+	"tool.flip-horz": "ਖਿਤਿਜੀ ਤੌਰ 'ਤੇ ਫਲਿੱਪ ਕਰੋ",
+	"tool.flip-vert": "ਖੜ੍ਹਵੇਂ ਤੌਰ 'ਤੇ ਫਲਿੱਪ ਕਰੋ",
+	"tool.frame": "ਫਰੇਮ",
+	"tool.hand": "ਹੱਥ",
+	"tool.heart": "ਦਿਲ",
+	"tool.hexagon": "ਹੈਕਸਾਗਨ",
+	"tool.highlight": "ਹਾਈਲਾਈਟ ਕਰੋ",
+	"tool.image-crop": "ਚਿੱਤਰ ਕਾਂਟ-ਛਾਂਟ ਕਰੋ",
+	"tool.image-crop-confirm": "ਪੁਸ਼ਟੀ ਕਰੋ",
+	"tool.image-toolbar-title": "ਚਿੱਤਰ ਟੂਲ",
+	"tool.image-zoom": "ਜ਼ੂਮ ਕਰੋ",
+	"tool.laser": "ਲੇਜ਼ਰ",
+	"tool.line": "ਲਾਈਨ",
+	"tool.media": "ਮੀਡੀਆ",
+	"tool.media-alt-text": "ਵਿਕਲਪਿਕ ਟੈਕਸਟ",
+	"tool.media-alt-text-confirm": "ਪੁਸ਼ਟੀ ਕਰੋ",
+	"tool.media-alt-text-desc": "ਵੇਰਵਾ ਦਿਓ...",
+	"tool.note": "ਨੋਟ ਕਰੋ",
+	"tool.octagon": "ਅਸ਼ਟਭੁਜ",
+	"tool.oval": "ਓਵਲ",
+	"tool.pentagon": "ਪੈਂਟਾਗਨ",
+	"tool.pointer-down": "ਪੁਆਇੰਟਰ ਹੇਠਾਂ",
+	"tool.rectangle": "ਆਇਤਕਾਰ",
+	"tool.replace-media": "ਮੀਡੀਆ ਬਦਲੋ",
+	"tool.rhombus": "ਰੋਮਬਸ",
+	"tool.rich-text-bold": "ਬੋਲਡ",
+	"tool.rich-text-bulletList": "ਬੁਲੇਟਿਡ ਸੂਚੀ",
+	"tool.rich-text-code": "ਕੋਡ",
+	"tool.rich-text-header": "ਸਿਰਲੇਖ",
+	"tool.rich-text-highlight": "ਹਾਈਲਾਈਟ",
+	"tool.rich-text-italic": "ਇਟੈਲਿਕ",
+	"tool.rich-text-link": "ਲਿੰਕ",
+	"tool.rich-text-link-remove": "ਲਿੰਕ ਹਟਾਓ",
+	"tool.rich-text-link-visit": "ਲਿੰਕ 'ਤੇ ਜਾਓ",
+	"tool.rich-text-orderedList": "ਕ੍ਰਮਬੱਧ ਸੂਚੀ",
+	"tool.rich-text-strikethrough": "ਸਟ੍ਰਾਈਕਥਰੂ",
+	"tool.rich-text-toolbar-title": "ਟੈਕਸਟ ਫਾਰਮੈਟਿੰਗ",
+	"tool.rotate-cw": "ਘੁੰਮਾਓ",
+	"tool.select": "ਚੁਣੋ",
+	"tool.star": "ਤਾਰਾ",
+	"tool.text": "ਟੈਕਸਟ",
+	"tool.trapezoid": "ਟ੍ਰੈਪੀਜ਼ੌਇਡ",
+	"tool.triangle": "ਤਿਕੋਣ",
+	"tool.x-box": "ਐਕਸ ਬਾਕਸ",
+	"ui.checked": "ਚੈੱਕ ਕੀਤਾ ਗਿਆ",
+	"ui.close": "ਬੰਦ ਕਰੋ",
+	"ui.unchecked": "ਨਿਸ਼ਾਨ ਹਟਾਇਆ ਗਿਆ",
+	"verticalAlign-style.end": "ਥੱਲੇ",
+	"verticalAlign-style.middle": "ਮਿਡਲ",
+	"verticalAlign-style.start": "ਸਿਖਰ",
+	"vscode.file-open.backup": "ਬੈਕਅੱਪ",
+	"vscode.file-open.backup-failed": "ਬੈਕਅੱਪ ਅਸਫਲ: ਇਹ .tldr ਫ਼ਾਈਲ ਨਹੀਂ ਹੈ।",
+	"vscode.file-open.backup-saved": "ਬੈਕਅੱਪ ਸੁਰੱਖਿਅਤ ਕੀਤਾ ਗਿਆ",
+	"vscode.file-open.desc": "ਇਹ ਫਾਈਲ tldraw ਦੇ ਪੁਰਾਣੇ ਸੰਸਕਰਣ ਨਾਲ ਬਣਾਈ ਗਈ ਸੀ। ਕੀ ਤੁਸੀਂ ਨਵੇਂ ਸੰਸਕਰਣ ਦੇ ਨਾਲ ਕੰਮ ਕਰਨ ਲਈ ਇਸਨੂੰ ਅੱਪਡੇਟ ਕਰਨਾ ਚਾਹੋਗੇ?",
+	"vscode.file-open.dont-show-again": "ਦੁਬਾਰਾ ਨਾ ਪੁੱਛੋ",
+	"vscode.file-open.open": "ਜਾਰੀ ਰੱਖੋ"
+}
diff --git a/web/hermes-dist/translations/pl.json b/web/hermes-dist/translations/pl.json
new file mode 100644
index 0000000..c4d8684
--- /dev/null
+++ b/web/hermes-dist/translations/pl.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "Dostosuj style kształtów",
+	"a11y.enlarge-shape": "Powiększ kształt",
+	"a11y.enter-leave-container": "Wejdź/wyjdź z kontenera",
+	"a11y.move-shape": "Przesuń kształt",
+	"a11y.move-shape-faster": "Przesuwaj kształt szybciej",
+	"a11y.multiple-shapes": "Wybrano {num} kształtów",
+	"a11y.open-context-menu": "Otwórz menu kontekstowe",
+	"a11y.open-keyboard-shortcuts": "Otwórz skróty klawiaturowe",
+	"a11y.pan-camera": "Kamera panoramiczna",
+	"a11y.repeat-shape": "Powtórz kształt",
+	"a11y.rotate-shape-ccw": "Obróć kształt przeciwnie do ruchu wskazówek zegara",
+	"a11y.rotate-shape-ccw-fine": "Obróć kształt przeciwnie do ruchu wskazówek zegara (dokładnie)",
+	"a11y.rotate-shape-cw": "Obróć kształt zgodnie z ruchem wskazówek zegara",
+	"a11y.rotate-shape-cw-fine": "Obróć kształt zgodnie z ruchem wskazówek zegara (dokładnie)",
+	"a11y.select-shape": "Wybierz następny kształt",
+	"a11y.select-shape-direction": "Wybierz kształt w kierunku",
+	"a11y.shape-image": "Obraz",
+	"a11y.shape-index": "{num} z {total}",
+	"a11y.shape-video": "Wideo",
+	"a11y.shrink-shape": "Kurcz kształt",
+	"a11y.skip-to-main-content": "Przenieś fokus na płótno",
+	"a11y.status": "Status",
+	"action.align-bottom": "Wyrównaj do dołu",
+	"action.align-center-horizontal": "Wyrównaj poziomo",
+	"action.align-center-horizontal.short": "Wyrównaj poz.",
+	"action.align-center-vertical": "Wyrównaj pionowo",
+	"action.align-center-vertical.short": "Wyrównaj pion.",
+	"action.align-left": "Wyrównaj do lewej",
+	"action.align-right": "Wyrównaj do prawej",
+	"action.align-top": "Wyrównaj do góry",
+	"action.back-to-content": "Wróć do zawartości",
+	"action.bring-forward": "Przenieś do góry",
+	"action.bring-to-front": "Przenieś na wierzch",
+	"action.convert-to-bookmark": "Przekształć w zakładkę",
+	"action.convert-to-embed": "Przekształć w osadzony element",
+	"action.copy": "Kopiuj",
+	"action.copy-as-json": "Kopiuj jako JSON",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "Kopiuj jako PNG",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "Kopiuj jako SVG",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "Wytnij",
+	"action.delete": "Usuń",
+	"action.distribute-horizontal": "Rozmieść poziomo",
+	"action.distribute-horizontal.short": "Rozmieść poz.",
+	"action.distribute-vertical": "Rozmieść pionowo",
+	"action.distribute-vertical.short": "Rozmieść pion.",
+	"action.download-original": "Pobierz oryginał",
+	"action.duplicate": "Duplikuj",
+	"action.edit-link": "Edytuj link",
+	"action.enhanced-a11y-mode": "Przełącz tryb rozszerzonej dostępności",
+	"action.enhanced-a11y-mode.menu": "Ulepszony tryb dostępności",
+	"action.exit-pen-mode": "Opuść tryb pióra",
+	"action.export-all-as-png": "Eksportuj wszystko jako PNG",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "Eksportuj wszystko jako SVG",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "Eksportuj jako PNG",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "Eksportuj jako SVG",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "Dopasuj do zawartości",
+	"action.flatten-to-image": "Spłaszcz",
+	"action.flip-horizontal": "Odwróć w poziomie",
+	"action.flip-horizontal.short": "Odwróć w poz.",
+	"action.flip-vertical": "Odwróć w pionie",
+	"action.flip-vertical.short": "Odwróć w pion.",
+	"action.fork-project": "Fork projektu",
+	"action.fork-project-on-tldraw": "Fork projektu na tldraw",
+	"action.group": "Grupuj",
+	"action.insert-embed": "Wstaw osadzony element",
+	"action.insert-media": "Załaduj multimedia",
+	"action.leave-shared-project": "Opuść aktualny projekt",
+	"action.new-project": "Nowy projekt",
+	"action.new-shared-project": "Nowy współdzielony projekt",
+	"action.open-cursor-chat": "Chat kursorowy",
+	"action.open-embed-link": "Otwórz link",
+	"action.open-file": "Otwórz plik",
+	"action.open-kbd-shortcuts": "Otwórz skróty klawiaturowe",
+	"action.pack": "Zgrupuj",
+	"action.paste": "Wklej",
+	"action.paste-error-description": "Nie można wkleić z powodu braku uprawnień do schowka. Włącz uprawnienia i spróbuj ponownie.",
+	"action.paste-error-title": "Wklejenie nieudane",
+	"action.print": "Drukuj",
+	"action.redo": "Powtórz",
+	"action.remove-frame": "Usuń ramkę",
+	"action.rename": "Zmień nazwę",
+	"action.rotate-ccw": "Obróć przeciwnie do ruchu wskazówek zegara",
+	"action.rotate-cw": "Obróć zgodnie z ruchem wskazówek zegara",
+	"action.save-copy": "Zapisz kopię",
+	"action.select-all": "Zaznacz wszystko",
+	"action.select-none": "Odznacz wszystko",
+	"action.select-zoom-tool": "Powiększenie",
+	"action.send-backward": "Przesuń do tyłu",
+	"action.send-to-back": "Przesuń na spód",
+	"action.share-project": "Udostępnij ten projekt",
+	"action.stack-horizontal": "Ułóż poziomo",
+	"action.stack-horizontal.short": "Ułóż poz.",
+	"action.stack-vertical": "Ułóż pionowo",
+	"action.stack-vertical.short": "Ułóż pion.",
+	"action.stop-following": "Przestań obserwować",
+	"action.stretch-horizontal": "Rozciągnij pionowo",
+	"action.stretch-horizontal.short": "Rozciągnij poz.",
+	"action.stretch-vertical": "Rozciągnij poziomo",
+	"action.stretch-vertical.short": "Rozciągnij pion.",
+	"action.toggle-auto-none": "Automatyczny",
+	"action.toggle-auto-pan": "Auto (gładzik)",
+	"action.toggle-auto-size": "Przełącz automatyczny rozmiar",
+	"action.toggle-auto-zoom": "Auto (mysz)",
+	"action.toggle-dark-mode": "Przełącz tryb ciemny",
+	"action.toggle-dark-mode.menu": "Tryb ciemny",
+	"action.toggle-debug-mode": "Włącz/wyłącz tryb debugowania",
+	"action.toggle-debug-mode.menu": "Tryb debugowania",
+	"action.toggle-dynamic-size-mode": "Przełącz rozmiar dynamiczny",
+	"action.toggle-dynamic-size-mode.menu": "Rozmiar dynamiczny",
+	"action.toggle-edge-scrolling": "Przełącz przewijanie przy krawędziach",
+	"action.toggle-edge-scrolling.menu": "Przewijanie przy krawędziach",
+	"action.toggle-focus-mode": "Włącz/wyłącz tryb skupienia",
+	"action.toggle-focus-mode.menu": "Tryb skupienia",
+	"action.toggle-grid": "Włącz/wyłącz siatkę",
+	"action.toggle-grid.menu": "Pokaż siatkę",
+	"action.toggle-invert-zoom": "Przełącz odwrócenie powiększenia myszy",
+	"action.toggle-invert-zoom.menu": "Odwróć powiększenie myszy",
+	"action.toggle-keyboard-shortcuts": "Przełącz skróty klawiaturowe",
+	"action.toggle-keyboard-shortcuts.menu": "Skróty klawiaturowe",
+	"action.toggle-lock": "Blokuj/odblokuj",
+	"action.toggle-mouse": "Mysz",
+	"action.toggle-paste-at-cursor": "Włącz/wyłącz wklejanie na kursorze",
+	"action.toggle-paste-at-cursor.menu": "Wklej w miejscu kursora",
+	"action.toggle-reduce-motion": "Przełącz redukcję ruchu",
+	"action.toggle-reduce-motion.menu": "Redukuj ruch",
+	"action.toggle-snap-mode": "Przełącz zawsze przyciągaj",
+	"action.toggle-snap-mode.menu": "Zawsze przyciągaj",
+	"action.toggle-tool-lock": "Włącz/wyłącz blokadę narzędzia",
+	"action.toggle-tool-lock.menu": "Blokada narzędzia",
+	"action.toggle-trackpad": "Gładzik",
+	"action.toggle-transparent": "Przełącz przezroczystość tła",
+	"action.toggle-transparent.context-menu": "Przezroczyste",
+	"action.toggle-transparent.menu": "Przezroczyste",
+	"action.toggle-wrap-mode": "Przełącz zaznaczanie przy zawijaniu",
+	"action.toggle-wrap-mode.menu": "Zaznaczaj przy zawijaniu",
+	"action.undo": "Cofnij",
+	"action.ungroup": "Rozgrupuj",
+	"action.unlock-all": "Odblokuj wszystko",
+	"action.zoom-in": "Przybliż",
+	"action.zoom-out": "Oddal",
+	"action.zoom-quick": "Szybki zoom",
+	"action.zoom-to-100": "Przybliż do 100%",
+	"action.zoom-to-fit": "Wypełnij ekran",
+	"action.zoom-to-selection": "Przybliż do zaznaczenia",
+	"actions-menu.title": "Działania",
+	"align-style.end": "Koniec",
+	"align-style.justify": "Wyjustuj",
+	"align-style.middle": "Środek",
+	"align-style.start": "Start",
+	"app.loading": "Ładowanie tldraw…",
+	"arrow-kind-style.arc": "Łuk",
+	"arrow-kind-style.elbow": "Łokieć",
+	"arrowheadEnd-style.arrow": "Strzałka",
+	"arrowheadEnd-style.bar": "Linia",
+	"arrowheadEnd-style.diamond": "Romb",
+	"arrowheadEnd-style.dot": "Kropka",
+	"arrowheadEnd-style.inverted": "Odwrócony",
+	"arrowheadEnd-style.none": "Żaden",
+	"arrowheadEnd-style.pipe": "Linia pionowa",
+	"arrowheadEnd-style.square": "Kwadrat",
+	"arrowheadEnd-style.triangle": "Trójkąt",
+	"arrowheadStart-style.arrow": "Strzałka",
+	"arrowheadStart-style.bar": "Linia",
+	"arrowheadStart-style.diamond": "Romb",
+	"arrowheadStart-style.dot": "Kropka",
+	"arrowheadStart-style.inverted": "Odwrócony",
+	"arrowheadStart-style.none": "Żaden",
+	"arrowheadStart-style.pipe": "Linia pionowa",
+	"arrowheadStart-style.square": "Kwadrat",
+	"arrowheadStart-style.triangle": "Trójkąt",
+	"assets.files.amount-too-many": "Za dużo plików",
+	"assets.files.maximum-size": "Maksymalny rozmiar pliku to {size}",
+	"assets.files.size-too-big": "Rozmiar pliku jest za duży",
+	"assets.files.type-not-allowed": "Typ pliku jest niedozwolony",
+	"assets.files.upload-failed": "Przesyłanie nieudane",
+	"assets.url.failed": "Nie udało się załadować podglądu URL",
+	"color-style.black": "Czarny",
+	"color-style.blue": "Niebieski",
+	"color-style.green": "Zielony",
+	"color-style.grey": "Szary",
+	"color-style.light-blue": "Jasnoniebieski",
+	"color-style.light-green": "Jasnozielony",
+	"color-style.light-red": "Jasnoczerwony",
+	"color-style.light-violet": "Jasnofioletowy",
+	"color-style.orange": "Pomarańczowy",
+	"color-style.red": "Czerwony",
+	"color-style.violet": "Fioletowy",
+	"color-style.white": "Biały",
+	"color-style.yellow": "Żółty",
+	"context-menu.arrange": "Rozmieść",
+	"context-menu.copy-as": "Kopiuj jako",
+	"context-menu.edit": "Edytuj",
+	"context-menu.export-all-as": "Wyeksportuj wszystko jako",
+	"context-menu.export-as": "Eksportuj jako",
+	"context-menu.move-to-page": "Przenieś na stronę",
+	"context-menu.reorder": "Zmień kolejność",
+	"context-menu.title": "Menu kontekstowe",
+	"context.pages.new-page": "Nowa strona",
+	"cursor-chat.type-to-chat": "Pisz, aby rozpocząć chat",
+	"dash-style.dashed": "Linia przerywana",
+	"dash-style.dotted": "Linia kropkowana",
+	"dash-style.draw": "Rysuj",
+	"dash-style.solid": "Linia ciągła",
+	"document-name-menu.copy-link": "Kopiuj link",
+	"document.default-name": "Bez tytułu",
+	"edit-link-dialog.cancel": "Anuluj",
+	"edit-link-dialog.clear": "Wyczyść",
+	"edit-link-dialog.detail": "Linki otworzą się w nowej karcie.",
+	"edit-link-dialog.external-link": "Link zewnętrzny",
+	"edit-link-dialog.invalid-url": "Link musi być prawidłowym adresem URL.",
+	"edit-link-dialog.save": "Kontynuuj",
+	"edit-link-dialog.title": "Edytuj link",
+	"edit-link-dialog.url": "Adres URL",
+	"embed-dialog.back": "Powrót",
+	"embed-dialog.cancel": "Anuluj",
+	"embed-dialog.create": "Utwórz",
+	"embed-dialog.instruction": "Wklej adres URL witryny, aby utworzyć osadzenie.",
+	"embed-dialog.invalid-url": "Nie udało się utworzyć osadzenia z tego adresu URL.",
+	"embed-dialog.title": "Utwórz osadzenie",
+	"embed-dialog.url": "Adres URL",
+	"file-system.confirm-clear.cancel": "Anuluj",
+	"file-system.confirm-clear.continue": "Kontynuuj",
+	"file-system.confirm-clear.description": "Utworzenie nowego projektu spowoduje wyczyszczenie bieżącego, a wszelkie niezapisane zmiany zostaną utracone. Czy na pewno chcesz kontynuować?",
+	"file-system.confirm-clear.dont-show-again": "Nie pytaj ponownie",
+	"file-system.confirm-clear.title": "Wyczyścić aktualny projekt?",
+	"file-system.confirm-open.cancel": "Anuluj",
+	"file-system.confirm-open.description": "Otwarcie pliku spowoduje zastąpienie bieżącego projektu, a wszelkie niezapisane zmiany zostaną utracone. Czy na pewno chcesz kontynuować?",
+	"file-system.confirm-open.dont-show-again": "Nie pytaj ponownie",
+	"file-system.confirm-open.open": "Otwórz plik",
+	"file-system.confirm-open.title": "Nadpisać bieżący projekt?",
+	"file-system.file-open-error.file-format-version-too-new": "Plik, który próbujesz otworzyć, pochodzi z nowszej wersji tldraw. Odśwież stronę i spróbuj ponownie.",
+	"file-system.file-open-error.generic-corrupted-file": "Plik, który próbujesz otworzyć, jest uszkodzony.",
+	"file-system.file-open-error.not-a-tldraw-file": "Plik, który próbujesz otworzyć, nie wygląda na plik tldraw.",
+	"file-system.file-open-error.title": "Nie można otworzyć pliku",
+	"file-system.shared-document-file-open-error.description": "Otwieranie plików ze współdzielonych projektów nie jest obsługiwane.",
+	"file-system.shared-document-file-open-error.title": "Nie można otworzyć pliku",
+	"fill-style.fill": "Wypełnij",
+	"fill-style.lined-fill": "Wypełnienie liniowane",
+	"fill-style.none": "Żaden",
+	"fill-style.pattern": "Wzór",
+	"fill-style.semi": "Częściowe wypełnienie",
+	"fill-style.solid": "Jednolity",
+	"focus-mode.toggle-focus-mode": "Przełącz tryb skupienia",
+	"font-style.draw": "Rysuj",
+	"font-style.mono": "Mono",
+	"font-style.sans": "Bezszeryfowa",
+	"font-style.serif": "Szeryfowa",
+	"geo-style.arrow-down": "Strzałka w dół",
+	"geo-style.arrow-left": "Strzałka w lewo",
+	"geo-style.arrow-right": "Strzałka w prawo",
+	"geo-style.arrow-up": "Strzałka w górę",
+	"geo-style.check-box": "Pole wyboru",
+	"geo-style.cloud": "Chmura",
+	"geo-style.diamond": "Romb",
+	"geo-style.ellipse": "Elipsa",
+	"geo-style.heart": "Serce",
+	"geo-style.hexagon": "Sześciokąt",
+	"geo-style.octagon": "Ośmiokąt",
+	"geo-style.oval": "Owal",
+	"geo-style.pentagon": "Pięciokąt",
+	"geo-style.rectangle": "Prostokąt",
+	"geo-style.rhombus": "Romb",
+	"geo-style.rhombus-2": "Romb po lewej",
+	"geo-style.star": "Gwiazda",
+	"geo-style.trapezoid": "Trapez",
+	"geo-style.triangle": "Trójkąt",
+	"geo-style.x-box": "Kwadrat z X w środku",
+	"handle.crop.bottom": "Przytnij dół",
+	"handle.crop.bottom-left": "Przytnij lewy dolny róg",
+	"handle.crop.bottom-right": "Przytnij prawy dolny róg",
+	"handle.crop.left": "Przytnij w lewo",
+	"handle.crop.right": "Przytnij w prawo",
+	"handle.crop.top": "Krótki top",
+	"handle.crop.top-left": "Przytnij górną część z lewej strony",
+	"handle.crop.top-right": "Przytnij prawy górny róg",
+	"handle.resize-bottom": "Zmień rozmiar dołu",
+	"handle.resize-bottom-left": "Zmień rozmiar lewego dolnego rogu",
+	"handle.resize-bottom-right": "Zmień rozmiar prawego dolnego rogu",
+	"handle.resize-left": "Zmień rozmiar w lewo",
+	"handle.resize-right": "Zmień rozmiar w prawo",
+	"handle.resize-top": "Zmień rozmiar góry",
+	"handle.resize-top-left": "Zmień rozmiar lewego górnego rogu",
+	"handle.resize-top-right": "Zmień rozmiar prawego górnego rogu",
+	"handle.rotate.bottom_left_rotate": "Obróć w lewy dolny róg",
+	"handle.rotate.bottom_right_rotate": "Obróć w prawy dolny róg",
+	"handle.rotate.mobile_rotate": "Obracać",
+	"handle.rotate.top_left_rotate": "Obróć w lewy górny róg",
+	"handle.rotate.top_right_rotate": "Obróć w prawy górny róg",
+	"help-menu.about": "Informacje",
+	"help-menu.discord": "Discord",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "Importuj plik...",
+	"help-menu.keyboard-shortcuts": "Skróty klawiaturowe",
+	"help-menu.privacy": "Polityka prywatności",
+	"help-menu.terms": "Warunki korzystania z usługi",
+	"help-menu.title": "Pomoc i zasoby",
+	"help-menu.twitter": "Twitter",
+	"menu.accessibility": "Dostępność",
+	"menu.color-theme": "Motyw kolorystyczny",
+	"menu.copy-as": "Kopiuj jako",
+	"menu.edit": "Edycja",
+	"menu.export-as": "Eksportuj jako",
+	"menu.file": "Plik",
+	"menu.input-device": "Urządzenie wejściowe",
+	"menu.language": "Język",
+	"menu.preferences": "Preferencje",
+	"menu.theme": "Motyw",
+	"menu.title": "Menu",
+	"menu.view": "Widok",
+	"navigation-zone.minimap": "Minimap",
+	"navigation-zone.title": "Nawigacja",
+	"navigation-zone.toggle-minimap": "Przełącz mini mapę",
+	"navigation-zone.zoom": "Przybliż",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "Utwórz nową stronę",
+	"page-menu.edit-done": "Gotowe",
+	"page-menu.edit-start": "Edytuj",
+	"page-menu.go-to-page": "Idź do strony",
+	"page-menu.new-page-initial-name": "Strona 1",
+	"page-menu.submenu.delete": "Usuń",
+	"page-menu.submenu.duplicate-page": "Duplikuj",
+	"page-menu.submenu.move-down": "Przenieś w dół",
+	"page-menu.submenu.move-up": "Przenieś w górę",
+	"page-menu.submenu.rename": "Zmień nazwę",
+	"page-menu.submenu.title": "Menu",
+	"page-menu.title": "Strony",
+	"people-menu.anonymous-user": "Nowy użytkownik",
+	"people-menu.avatar-color": "Kolor awatara",
+	"people-menu.change-color": "Zmień kolor",
+	"people-menu.change-name": "Zmień nazwę",
+	"people-menu.follow": "Obserwuj",
+	"people-menu.following": "Obserwowani",
+	"people-menu.invite": "Zaproś innych",
+	"people-menu.leading": "Obserwujący",
+	"people-menu.title": "Ludzie",
+	"people-menu.user": "(Ty)",
+	"share-menu.copied": "Skopiowano link!",
+	"share-menu.copy-link": "Kopiuj link",
+	"share-menu.copy-link-note": "Każda osoba posiadająca link będzie mogła przeglądać i edytować ten projekt.",
+	"share-menu.copy-readonly-link": "Kopiuj link tylko do odczytu",
+	"share-menu.copy-readonly-link-note": "Każda osoba posiadająca link będzie mogła przeglądać (ale nie edytować) ten projekt.",
+	"share-menu.create-snapshot-link": "Utwórz łącze do aktualnego stanu",
+	"share-menu.creating-project": "Tworzenie nowego projektu…",
+	"share-menu.fork-note": "Utwórz nowy współdzielony projekt na podstawie jego stanu.",
+	"share-menu.offline-note": "Udostępnienie tego projektu spowoduje utworzenie jego aktywnej kopii pod nowym adresem URL. Możesz udostępnić adres URL maksymalnie trzydziestu innym osobom, aby wspólnie przeglądać i edytować projekt.",
+	"share-menu.project-too-large": "Przepraszamy, ten projekt nie może zostać udostępniony, ponieważ jest za duży. Pracujemy nad tym!",
+	"share-menu.save-note": "Pobierz ten projekt na swój komputer jako plik .tldr.",
+	"share-menu.share-project": "Udostępnij ten projekt",
+	"share-menu.snapshot-link-note": "Zapisz i udostępnij ten projekt jako link tylko do odczytu.",
+	"share-menu.title": "Udostępnij",
+	"share-menu.upload-failed": "Niestety nie udało się przesłać projektu. Spróbuj ponownie lub daj nam znać, jeśli problem będzie się powtarzał.",
+	"sharing.confirm-leave.cancel": "Anuluj",
+	"sharing.confirm-leave.description": "Czy na pewno chcesz opuścić ten udostępniony projekt? Możesz do niego wrócić, przechodząc do jego adresu URL.",
+	"sharing.confirm-leave.dont-show-again": "Nie pytaj ponownie",
+	"sharing.confirm-leave.leave": "Opuść",
+	"sharing.confirm-leave.title": "Opuścić aktualny projekt?",
+	"shortcuts-dialog.a11y": "Dostępność",
+	"shortcuts-dialog.collaboration": "Współpraca",
+	"shortcuts-dialog.edit": "Edycja",
+	"shortcuts-dialog.file": "Plik",
+	"shortcuts-dialog.preferences": "Preferencje",
+	"shortcuts-dialog.text-formatting": "Formatowanie tekstu",
+	"shortcuts-dialog.title": "Skróty klawiaturowe",
+	"shortcuts-dialog.tools": "Narzędzia",
+	"shortcuts-dialog.transform": "Przekształć",
+	"shortcuts-dialog.view": "Widok",
+	"size-style.l": "Duże",
+	"size-style.m": "Średnie",
+	"size-style.s": "Małe",
+	"size-style.xl": "Bardzo duże",
+	"spline-style.cubic": "Sześcienny",
+	"spline-style.line": "Linia",
+	"status.offline": "Offline",
+	"style-panel.align": "Wyrównanie",
+	"style-panel.arrow-kind": "Linia",
+	"style-panel.arrowhead-end": "Koniec",
+	"style-panel.arrowhead-start": "Start",
+	"style-panel.arrowheads": "Groty strzałek",
+	"style-panel.color": "Kolor",
+	"style-panel.dash": "Linia",
+	"style-panel.fill": "Wypełnienie",
+	"style-panel.font": "Czcionka",
+	"style-panel.geo": "Kształt",
+	"style-panel.label-align": "Wyrównanie etykiety",
+	"style-panel.mixed": "Mieszany",
+	"style-panel.opacity": "Przezroczystość",
+	"style-panel.position": "Pozycja",
+	"style-panel.selected": "wybrany",
+	"style-panel.size": "Rozmiar",
+	"style-panel.spline": "Krzywa",
+	"style-panel.title": "Style",
+	"style-panel.vertical-align": "Pionowe wyrównanie",
+	"theme.dark": "Ciemny",
+	"theme.light": "Jasny",
+	"theme.system": "Systemowy",
+	"toast.close": "Zamknij",
+	"toast.error": "Błąd",
+	"toast.error.copy-fail.desc": "Nie udało się skopiować obrazu",
+	"toast.error.copy-fail.title": "Kopia nieudana",
+	"toast.error.export-fail.desc": "Nie udało się wyeksportować obrazu",
+	"toast.error.export-fail.title": "Eksport nieudany",
+	"toast.info": "Informacje",
+	"toast.success": "Sukces",
+	"toast.warning": "Ostrzeżenie",
+	"tool-panel.more": "Więcej",
+	"tool-panel.title": "Narzędzia",
+	"tool.arrow": "Strzałka",
+	"tool.arrow-down": "Strzałka w dół",
+	"tool.arrow-left": "Strzałka w lewo",
+	"tool.arrow-right": "Strzałka w prawo",
+	"tool.arrow-up": "Strzałka w górę",
+	"tool.aspect-ratio": "Proporcje obrazu",
+	"tool.aspect-ratio.circle": "Krąg (1:1)",
+	"tool.aspect-ratio.landscape": "Krajobraz (4:3)",
+	"tool.aspect-ratio.original": "Oryginalny",
+	"tool.aspect-ratio.portrait": "Portret (3:4)",
+	"tool.aspect-ratio.square": "Kwadrat (1:1)",
+	"tool.aspect-ratio.wide": "Szeroki (16:9)",
+	"tool.bookmark": "Zakładka w książce",
+	"tool.check-box": "Pole wyboru",
+	"tool.cloud": "Chmura",
+	"tool.diamond": "Romb",
+	"tool.draw": "Rysuj",
+	"tool.ellipse": "Elipsa",
+	"tool.embed": "Osadź",
+	"tool.eraser": "Gumka",
+	"tool.flip-horz": "Odwróć w poziomie",
+	"tool.flip-vert": "Odwróć w pionie",
+	"tool.frame": "Ramka",
+	"tool.hand": "Przesuń",
+	"tool.heart": "Serce",
+	"tool.hexagon": "Sześciokąt",
+	"tool.highlight": "Wyróżnij",
+	"tool.image-crop": "Przytnij obraz",
+	"tool.image-crop-confirm": "Potwierdzać",
+	"tool.image-toolbar-title": "Narzędzia obrazowe",
+	"tool.image-zoom": "Przybliż",
+	"tool.laser": "Laser",
+	"tool.line": "Linia",
+	"tool.media": "Głoska bezdźwięczna",
+	"tool.media-alt-text": "Tekst alternatywny",
+	"tool.media-alt-text-confirm": "Potwierdzać",
+	"tool.media-alt-text-desc": "Podaj opis…",
+	"tool.note": "Naklejka",
+	"tool.octagon": "Ośmiokąt",
+	"tool.oval": "Owal",
+	"tool.pentagon": "Pięciokąt",
+	"tool.pointer-down": "Wskaźnik w dół",
+	"tool.rectangle": "Prostokąt",
+	"tool.replace-media": "Wymień nośnik",
+	"tool.rhombus": "Romb",
+	"tool.rich-text-bold": "Pogrubiony",
+	"tool.rich-text-bulletList": "Lista wypunktowana",
+	"tool.rich-text-code": "Kod",
+	"tool.rich-text-header": "Chodnikowiec",
+	"tool.rich-text-highlight": "Atrakcja",
+	"tool.rich-text-italic": "italski",
+	"tool.rich-text-link": "Połączyć",
+	"tool.rich-text-link-remove": "Usuń link",
+	"tool.rich-text-link-visit": "Odwiedź link",
+	"tool.rich-text-orderedList": "Lista uporządkowana",
+	"tool.rich-text-strikethrough": "Przekreślenie",
+	"tool.rich-text-toolbar-title": "Formatowanie tekstu",
+	"tool.rotate-cw": "Obracać",
+	"tool.select": "Zaznacz",
+	"tool.star": "Gwiazda",
+	"tool.text": "Tekst",
+	"tool.trapezoid": "Trapezoid",
+	"tool.triangle": "Trójkąt",
+	"tool.x-box": "Kwadrat z X w środku",
+	"ui.checked": "Sprawdzony",
+	"ui.close": "Zamknij",
+	"ui.unchecked": "Niepowstrzymany",
+	"verticalAlign-style.end": "Dół",
+	"verticalAlign-style.middle": "Środek",
+	"verticalAlign-style.start": "Góra",
+	"vscode.file-open.backup": "Kopia zapasowa",
+	"vscode.file-open.backup-failed": "Utworzenie kopii zapasowej nie powiodło się: to nie jest plik .tldr.",
+	"vscode.file-open.backup-saved": "Kopia zapasowa zapisana",
+	"vscode.file-open.desc": "Ten plik został utworzony przy użyciu wcześniejszej wersji tldraw. Czy chcesz go zaktualizować, aby działał z nową wersją?",
+	"vscode.file-open.dont-show-again": "Nie pytaj ponownie",
+	"vscode.file-open.open": "Kontynuuj"
+}
diff --git a/web/hermes-dist/translations/pt-br.json b/web/hermes-dist/translations/pt-br.json
new file mode 100644
index 0000000..68f2e41
--- /dev/null
+++ b/web/hermes-dist/translations/pt-br.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "Ajustar estilos da forma",
+	"a11y.enlarge-shape": "Expandir forma",
+	"a11y.enter-leave-container": "Entrar/sair do contêiner",
+	"a11y.move-shape": "Mover forma",
+	"a11y.move-shape-faster": "Deslocar forma mais rapidamente",
+	"a11y.multiple-shapes": "{num} formas selecionadas",
+	"a11y.open-context-menu": "Abrir menu de contexto",
+	"a11y.open-keyboard-shortcuts": "Abrir atalhos de teclado",
+	"a11y.pan-camera": "Mover câmera",
+	"a11y.repeat-shape": "Repetir forma",
+	"a11y.rotate-shape-ccw": "Girar forma no sentido anti-horário",
+	"a11y.rotate-shape-ccw-fine": "Girar forma no sentido anti-horário (precisão)",
+	"a11y.rotate-shape-cw": "Girar forma no sentido horário",
+	"a11y.rotate-shape-cw-fine": "Girar forma no sentido horário (precisão)",
+	"a11y.select-shape": "Selecionar forma seguinte",
+	"a11y.select-shape-direction": "Selecionar forma na direção desejada",
+	"a11y.shape-image": "Imagem",
+	"a11y.shape-index": "{num} de {total}",
+	"a11y.shape-video": "Vídeo",
+	"a11y.shrink-shape": "Reduzir forma",
+	"a11y.skip-to-main-content": "Mover o foco para a tela",
+	"a11y.status": "Status",
+	"action.align-bottom": "Alinhar embaixo",
+	"action.align-center-horizontal": "Alinhar ao centro na horizontal",
+	"action.align-center-horizontal.short": "Alinhar ao centro na horizontal",
+	"action.align-center-vertical": "Alinhar ao centro na vertical",
+	"action.align-center-vertical.short": "Alinhar ao centro na vertical",
+	"action.align-left": "Alinhar à esquerda",
+	"action.align-right": "Alinhar à direita",
+	"action.align-top": "Alinhas em cima",
+	"action.back-to-content": "Voltar ao conteúdo",
+	"action.bring-forward": "Avançar",
+	"action.bring-to-front": "Trazer para Frente",
+	"action.convert-to-bookmark": "Converter para marcador",
+	"action.convert-to-embed": "Converter para incorporar",
+	"action.copy": "Copiar",
+	"action.copy-as-json": "Copiar como JSON",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "Copiar como PNG",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "Copiar como SVG",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "Cortar",
+	"action.delete": "Deletar",
+	"action.distribute-horizontal": "Distribuir na horizontal",
+	"action.distribute-horizontal.short": "Distribuir na horizontal",
+	"action.distribute-vertical": "Distribuir na vertical",
+	"action.distribute-vertical.short": "Distribuir na vertical",
+	"action.download-original": "Baixar original",
+	"action.duplicate": "Duplicar",
+	"action.edit-link": "Editar link",
+	"action.enhanced-a11y-mode": "Alternar modo de acessibilidade aprimorado",
+	"action.enhanced-a11y-mode.menu": "Modo de acessibilidade aprimorado",
+	"action.exit-pen-mode": "Sair do modo caneta",
+	"action.export-all-as-png": "Exportar tudo como PNG",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "Exportar tudo como SVG",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "Exportar como PNG",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "Exportar como SVG",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "Ajustar ao conteúdo",
+	"action.flatten-to-image": "Achatar",
+	"action.flip-horizontal": "Virar Horizontalmente",
+	"action.flip-horizontal.short": "Virar Horizontalmente",
+	"action.flip-vertical": "Virar Verticalmente",
+	"action.flip-vertical.short": "Virar Verticalmente",
+	"action.fork-project": "Bifurque este projeto",
+	"action.fork-project-on-tldraw": "Projeto fork no tldraw",
+	"action.group": "Agrupar",
+	"action.insert-embed": "Inserir incorporação",
+	"action.insert-media": "Carregar Mídia",
+	"action.leave-shared-project": "Sair do projeto compartilhado",
+	"action.new-project": "Novo projeto",
+	"action.new-shared-project": "Novo projeto compartilhado",
+	"action.open-cursor-chat": "Bate-papo do cursor",
+	"action.open-embed-link": "Abrir link",
+	"action.open-file": "Abrir arquivo",
+	"action.open-kbd-shortcuts": "Abrir atalhos de teclado",
+	"action.pack": "Compactar",
+	"action.paste": "Colar",
+	"action.paste-error-description": "Não foi possível colar devido à falta de permissões da área de transferência. Habilite as permissões e tente novamente.",
+	"action.paste-error-title": "Falha ao colar",
+	"action.print": "Imprimir",
+	"action.redo": "Refazer",
+	"action.remove-frame": "Remover quadro",
+	"action.rename": "Renomear",
+	"action.rotate-ccw": "Girar no sentido anti-horário",
+	"action.rotate-cw": "Girar no sentido horário",
+	"action.save-copy": "Salvar uma cópia",
+	"action.select-all": "Selecionar todos",
+	"action.select-none": "Selecionar nenhum",
+	"action.select-zoom-tool": "Zoom",
+	"action.send-backward": "Enviar para Trás",
+	"action.send-to-back": "Recuar",
+	"action.share-project": "Compartilhe este projeto",
+	"action.stack-horizontal": "Empilhar horizontalmente",
+	"action.stack-horizontal.short": "Pilha H",
+	"action.stack-vertical": "Empilhar verticalmente",
+	"action.stack-vertical.short": "Pilha V",
+	"action.stop-following": "Pare de seguir",
+	"action.stretch-horizontal": "Esticar na horizontal",
+	"action.stretch-horizontal.short": "Esticar na horizontal",
+	"action.stretch-vertical": "Esticar na vertical",
+	"action.stretch-vertical.short": "Esticar na vertical",
+	"action.toggle-auto-none": "Auto",
+	"action.toggle-auto-pan": "Modo automático do touchpad",
+	"action.toggle-auto-size": "Alternar tamanho automático",
+	"action.toggle-auto-zoom": "Modo automático do mouse",
+	"action.toggle-dark-mode": "Modo Escuro",
+	"action.toggle-dark-mode.menu": "Modo Escuro",
+	"action.toggle-debug-mode": "Modo Debug",
+	"action.toggle-debug-mode.menu": "Modo Debug",
+	"action.toggle-dynamic-size-mode": "Alternar tamanho dinâmico",
+	"action.toggle-dynamic-size-mode.menu": "Tamanho dinâmico",
+	"action.toggle-edge-scrolling": "Alternar rolagem de borda",
+	"action.toggle-edge-scrolling.menu": "Rolagem de borda",
+	"action.toggle-focus-mode": "Modo Foco",
+	"action.toggle-focus-mode.menu": "Modo Foco",
+	"action.toggle-grid": "Mostrar Grade",
+	"action.toggle-grid.menu": "Mostrar Grade",
+	"action.toggle-invert-zoom": "Alternar zoom do mouse",
+	"action.toggle-invert-zoom.menu": "Inverter zoom do mouse",
+	"action.toggle-keyboard-shortcuts": "Alternar atalhos de teclado",
+	"action.toggle-keyboard-shortcuts.menu": "Atalhos de Teclado",
+	"action.toggle-lock": "Bloquear / Desbloquear",
+	"action.toggle-mouse": "Mouse",
+	"action.toggle-paste-at-cursor": "Alternar colar no cursor",
+	"action.toggle-paste-at-cursor.menu": "Colar no cursor",
+	"action.toggle-reduce-motion": "Alternar redução de movimento",
+	"action.toggle-reduce-motion.menu": "Reduzir movimento",
+	"action.toggle-snap-mode": "Mostrar Pontos de Ajuste",
+	"action.toggle-snap-mode.menu": "Mostrar Pontos de Ajuste",
+	"action.toggle-tool-lock": "Bloqueio de ferramenta de alternância",
+	"action.toggle-tool-lock.menu": "Bloqueio de ferramenta",
+	"action.toggle-trackpad": "Touchpad",
+	"action.toggle-transparent": "Alternar fundo transparente",
+	"action.toggle-transparent.context-menu": "Transparente",
+	"action.toggle-transparent.menu": "Transparente",
+	"action.toggle-wrap-mode": "Alternar Selecionar em wrap",
+	"action.toggle-wrap-mode.menu": "Selecionar em wrap",
+	"action.undo": "Desfazer",
+	"action.ungroup": "Desagrupar",
+	"action.unlock-all": "Desbloquear tudo",
+	"action.zoom-in": "Aumentar zoom",
+	"action.zoom-out": "Diminuir zoom",
+	"action.zoom-quick": "Zoom rápido",
+	"action.zoom-to-100": "Ampliar para 100%",
+	"action.zoom-to-fit": "Zoom para ajuste",
+	"action.zoom-to-selection": "Zoom para a seleção",
+	"actions-menu.title": "Ações",
+	"align-style.end": "Fim",
+	"align-style.justify": "Justificar",
+	"align-style.middle": "Meio",
+	"align-style.start": "Início",
+	"app.loading": "Carregando tldraw…",
+	"arrow-kind-style.arc": "Arco",
+	"arrow-kind-style.elbow": "Cotovelo",
+	"arrowheadEnd-style.arrow": "Seta",
+	"arrowheadEnd-style.bar": "Barra",
+	"arrowheadEnd-style.diamond": "Losango",
+	"arrowheadEnd-style.dot": "Ponto",
+	"arrowheadEnd-style.inverted": "Invertido",
+	"arrowheadEnd-style.none": "Nenhum",
+	"arrowheadEnd-style.pipe": "Cano",
+	"arrowheadEnd-style.square": "Quadrado",
+	"arrowheadEnd-style.triangle": "Triângulo",
+	"arrowheadStart-style.arrow": "Seta",
+	"arrowheadStart-style.bar": "Barra",
+	"arrowheadStart-style.diamond": "Losango",
+	"arrowheadStart-style.dot": "Ponto",
+	"arrowheadStart-style.inverted": "Invertido",
+	"arrowheadStart-style.none": "Nenhum",
+	"arrowheadStart-style.pipe": "Cano",
+	"arrowheadStart-style.square": "Quadrado",
+	"arrowheadStart-style.triangle": "Triângulo",
+	"assets.files.amount-too-many": "Muitos arquivos",
+	"assets.files.maximum-size": "O tamanho máximo do arquivo é {size}",
+	"assets.files.size-too-big": "O tamanho do arquivo é muito grande",
+	"assets.files.type-not-allowed": "Tipo de arquivo não permitido",
+	"assets.files.upload-failed": "Falha no upload",
+	"assets.url.failed": "Não foi possível carregar a pré-visualização do URL",
+	"color-style.black": "Preto",
+	"color-style.blue": "Azul",
+	"color-style.green": "Verde",
+	"color-style.grey": "Cinza",
+	"color-style.light-blue": "Azul claro",
+	"color-style.light-green": "Verde claro",
+	"color-style.light-red": "Vermelho claro",
+	"color-style.light-violet": "Violeta claro",
+	"color-style.orange": "Laranja",
+	"color-style.red": "Vermelho",
+	"color-style.violet": "Violeta",
+	"color-style.white": "Branco",
+	"color-style.yellow": "Amarelo",
+	"context-menu.arrange": "Organizar",
+	"context-menu.copy-as": "Copiar como",
+	"context-menu.edit": "Editar",
+	"context-menu.export-all-as": "Exportar tudo como",
+	"context-menu.export-as": "Exportar como",
+	"context-menu.move-to-page": "Mover para Página",
+	"context-menu.reorder": "Reordenar",
+	"context-menu.title": "Menu de contexto",
+	"context.pages.new-page": "Nova página",
+	"cursor-chat.type-to-chat": "Digite para conversar...",
+	"dash-style.dashed": "Tracejado",
+	"dash-style.dotted": "Pontilhado",
+	"dash-style.draw": "Desenhar",
+	"dash-style.solid": "Sólido",
+	"document-name-menu.copy-link": "Copiar link",
+	"document.default-name": "Sem título",
+	"edit-link-dialog.cancel": "Cancelar",
+	"edit-link-dialog.clear": "Limpar",
+	"edit-link-dialog.detail": "Os links serão abertos em uma nova aba.",
+	"edit-link-dialog.external-link": "Link externo",
+	"edit-link-dialog.invalid-url": "Um link deve ser um URL válido.",
+	"edit-link-dialog.save": "Continuar",
+	"edit-link-dialog.title": "Editar link",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "Voltar",
+	"embed-dialog.cancel": "Cancelar",
+	"embed-dialog.create": "Criar",
+	"embed-dialog.instruction": "Cole o URL do site para criar a incorporação.",
+	"embed-dialog.invalid-url": "Não foi possível criar uma incorporação a partir desse URL.",
+	"embed-dialog.title": "Criar incorporação",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "Cancelar",
+	"file-system.confirm-clear.continue": "Continuar",
+	"file-system.confirm-clear.description": "A criação de um novo projeto limpará seu projeto atual e todas as alterações não salvas serão perdidas. Tem certeza de que deseja continuar?",
+	"file-system.confirm-clear.dont-show-again": "Não pergunte novamente",
+	"file-system.confirm-clear.title": "Limpar projeto atual?",
+	"file-system.confirm-open.cancel": "Cancelar",
+	"file-system.confirm-open.description": "Abrir um arquivo substituirá seu projeto atual e quaisquer alterações não salvas serão perdidas. Tem certeza de que deseja continuar?",
+	"file-system.confirm-open.dont-show-again": "Não pergunte novamente",
+	"file-system.confirm-open.open": "Abrir arquivo",
+	"file-system.confirm-open.title": "Substituir o projeto atual?",
+	"file-system.file-open-error.file-format-version-too-new": "O arquivo que você tentou abrir é de uma versão mais recente do tldraw. Recarregue a página e tente novamente.",
+	"file-system.file-open-error.generic-corrupted-file": "O arquivo que você tentou abrir está corrompido.",
+	"file-system.file-open-error.not-a-tldraw-file": "O arquivo que você tentou abrir não parece ser um arquivo tldraw.",
+	"file-system.file-open-error.title": "Não foi possível abrir o arquivo",
+	"file-system.shared-document-file-open-error.description": "Não há suporte para abrir arquivos de projetos compartilhados.",
+	"file-system.shared-document-file-open-error.title": "Não foi possível abrir o arquivo",
+	"fill-style.fill": "Preencher",
+	"fill-style.lined-fill": "Preenchimento com linhas",
+	"fill-style.none": "Nenhum",
+	"fill-style.pattern": "Padrão",
+	"fill-style.semi": "Semi",
+	"fill-style.solid": "Sólido",
+	"focus-mode.toggle-focus-mode": "Modo Foco",
+	"font-style.draw": "Desenhar",
+	"font-style.mono": "Mono",
+	"font-style.sans": "Sans",
+	"font-style.serif": "Serifa",
+	"geo-style.arrow-down": "Seta para baixo",
+	"geo-style.arrow-left": "Seta para a esquerda",
+	"geo-style.arrow-right": "Seta para a direita",
+	"geo-style.arrow-up": "Seta para cima",
+	"geo-style.check-box": "Caixa de seleção",
+	"geo-style.cloud": "Nuvem",
+	"geo-style.diamond": "Losango",
+	"geo-style.ellipse": "Elipse",
+	"geo-style.heart": "Coração",
+	"geo-style.hexagon": "Hexágono",
+	"geo-style.octagon": "Octógono",
+	"geo-style.oval": "Oval",
+	"geo-style.pentagon": "Pentágono",
+	"geo-style.rectangle": "Retângulo",
+	"geo-style.rhombus": "Losango",
+	"geo-style.rhombus-2": "Losango voltado para a esquerda",
+	"geo-style.star": "Estrela",
+	"geo-style.trapezoid": "Trapézio",
+	"geo-style.triangle": "Triângulo",
+	"geo-style.x-box": "Caixa X",
+	"handle.crop.bottom": "Cortar parte inferior",
+	"handle.crop.bottom-left": "Cortar canto inferior esquerdo",
+	"handle.crop.bottom-right": "Cortar canto inferior direito",
+	"handle.crop.left": "Cortar lado esquerdo",
+	"handle.crop.right": "Cortar lado direito",
+	"handle.crop.top": "Cortar parte superior",
+	"handle.crop.top-left": "Cortar canto superior esquerdo",
+	"handle.crop.top-right": "Cortar canto superior direito",
+	"handle.resize-bottom": "Redimensionar parte inferior",
+	"handle.resize-bottom-left": "Redimensionar canto inferior esquerdo",
+	"handle.resize-bottom-right": "Redimensionar canto inferior direito",
+	"handle.resize-left": "Redimensionar lado esquerdo",
+	"handle.resize-right": "Redimensionar lado direito",
+	"handle.resize-top": "Redimensionar parte superior",
+	"handle.resize-top-left": "Redimensionar canto superior esquerdo",
+	"handle.resize-top-right": "Redimensionar canto superior direito",
+	"handle.rotate.bottom_left_rotate": "Girar canto inferior esquerdo",
+	"handle.rotate.bottom_right_rotate": "Girar canto inferior direito",
+	"handle.rotate.mobile_rotate": "Girar",
+	"handle.rotate.top_left_rotate": "Girar canto superior esquerdo",
+	"handle.rotate.top_right_rotate": "Girar canto superior direito",
+	"help-menu.about": "Sobre",
+	"help-menu.discord": "Discord",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "Importar arquivo...",
+	"help-menu.keyboard-shortcuts": "Atalhos de Teclado",
+	"help-menu.privacy": "Política de privacidade",
+	"help-menu.terms": "Termos de serviço",
+	"help-menu.title": "Ajuda e recursos",
+	"help-menu.twitter": "Twitter",
+	"menu.accessibility": "Acessibilidade",
+	"menu.color-theme": "Tema de cores",
+	"menu.copy-as": "Copiar como",
+	"menu.edit": "Editar",
+	"menu.export-as": "Exportar como",
+	"menu.file": "Arquivo",
+	"menu.input-device": "Dispositivo de entrada",
+	"menu.language": "Idioma",
+	"menu.preferences": "Preferências",
+	"menu.theme": "Tema",
+	"menu.title": "Menu",
+	"menu.view": "Visualizar",
+	"navigation-zone.minimap": "Minimapa",
+	"navigation-zone.title": "Navegação",
+	"navigation-zone.toggle-minimap": "Alternar minimapa",
+	"navigation-zone.zoom": "Ampliar",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "Criar Página",
+	"page-menu.edit-done": "Concluído",
+	"page-menu.edit-start": "Editar",
+	"page-menu.go-to-page": "Ir para a página",
+	"page-menu.new-page-initial-name": "Página 1",
+	"page-menu.submenu.delete": "Deletar",
+	"page-menu.submenu.duplicate-page": "Duplicar",
+	"page-menu.submenu.move-down": "Mover para baixo",
+	"page-menu.submenu.move-up": "Mover para cima",
+	"page-menu.submenu.rename": "Renomear",
+	"page-menu.submenu.title": "Menu",
+	"page-menu.title": "Páginas",
+	"people-menu.anonymous-user": "Novo usuário",
+	"people-menu.avatar-color": "Cor do avatar",
+	"people-menu.change-color": "Mudar cor",
+	"people-menu.change-name": "Mudar nome",
+	"people-menu.follow": "Seguir",
+	"people-menu.following": "Seguindo",
+	"people-menu.invite": "Convidar outros",
+	"people-menu.leading": "Seguindo você",
+	"people-menu.title": "Pessoas",
+	"people-menu.user": "(Você)",
+	"share-menu.copied": "Link copiado!",
+	"share-menu.copy-link": "Copiar Link de Convite",
+	"share-menu.copy-link-note": "Qualquer pessoa com o link poderá visualizar e editar este projeto.",
+	"share-menu.copy-readonly-link": "Copiar Link ReadOnly",
+	"share-menu.copy-readonly-link-note": "Qualquer pessoa com o link poderá visualizar (mas não editar) este projeto.",
+	"share-menu.create-snapshot-link": "Criar link de instantâneo",
+	"share-menu.creating-project": "Criando o novo projeto…",
+	"share-menu.fork-note": "Crie um novo projeto compartilhado com base neste instantâneo.",
+	"share-menu.offline-note": "O compartilhamento deste projeto criará uma cópia hospedada em tempo real em um novo URL. Você pode compartilhar o URL com até trinta outras pessoas para visualizar e editar o projeto em conjunto.",
+	"share-menu.project-too-large": "Desculpe, este projeto não pode ser compartilhado porque é muito grande. Estamos trabalhando nisso!",
+	"share-menu.save-note": "Baixe este projeto para seu computador como um arquivo .tldr.",
+	"share-menu.share-project": "Compartilhe este projeto",
+	"share-menu.snapshot-link-note": "Capture e compartilhe este projeto como um link de instantâneo somente leitura.",
+	"share-menu.title": "Compartilhar",
+	"share-menu.upload-failed": "Desculpe, não conseguimos carregar seu projeto no momento. Tente novamente ou nos avise se o problema persistir.",
+	"sharing.confirm-leave.cancel": "Cancelar",
+	"sharing.confirm-leave.description": "Tem certeza de que deseja sair deste projeto compartilhado? Você pode retornar a ele navegando até seu URL.",
+	"sharing.confirm-leave.dont-show-again": "Não pergunte novamente",
+	"sharing.confirm-leave.leave": "Deixar",
+	"sharing.confirm-leave.title": "Sair do projeto atual?",
+	"shortcuts-dialog.a11y": "Acessibilidade",
+	"shortcuts-dialog.collaboration": "Colaboração",
+	"shortcuts-dialog.edit": "Editar",
+	"shortcuts-dialog.file": "Arquivo",
+	"shortcuts-dialog.preferences": "Preferências",
+	"shortcuts-dialog.text-formatting": "Formatação de texto",
+	"shortcuts-dialog.title": "Atalhos de Teclado",
+	"shortcuts-dialog.tools": "Ferramentas",
+	"shortcuts-dialog.transform": "Transformar",
+	"shortcuts-dialog.view": "Visualizar",
+	"size-style.l": "Grande",
+	"size-style.m": "Médio",
+	"size-style.s": "Pequeno",
+	"size-style.xl": "Extragrande",
+	"spline-style.cubic": "Cúbico",
+	"spline-style.line": "Linha",
+	"status.offline": "Off-line",
+	"style-panel.align": "Alinhamento",
+	"style-panel.arrow-kind": "Linha",
+	"style-panel.arrowhead-end": "Fim",
+	"style-panel.arrowhead-start": "Começar",
+	"style-panel.arrowheads": "Pontas de flecha",
+	"style-panel.color": "Cor",
+	"style-panel.dash": "Traço",
+	"style-panel.fill": "Preencher",
+	"style-panel.font": "Fonte",
+	"style-panel.geo": "Forma",
+	"style-panel.label-align": "Alinhamento de rótulo",
+	"style-panel.mixed": "Misturado",
+	"style-panel.opacity": "Opacidade",
+	"style-panel.position": "Posição",
+	"style-panel.selected": "selecionado",
+	"style-panel.size": "Tamanho",
+	"style-panel.spline": "Spline",
+	"style-panel.title": "Estilos",
+	"style-panel.vertical-align": "Alinhamento vertical",
+	"theme.dark": "Modo escuro",
+	"theme.light": "Modo claro",
+	"theme.system": "Sistema",
+	"toast.close": "Fechar",
+	"toast.error": "Erro",
+	"toast.error.copy-fail.desc": "Falha ao copiar a imagem",
+	"toast.error.copy-fail.title": "Cópia com falha",
+	"toast.error.export-fail.desc": "Falha ao exportar a imagem",
+	"toast.error.export-fail.title": "Falha na exportação",
+	"toast.info": "Informações",
+	"toast.success": "Concluído",
+	"toast.warning": "Aviso",
+	"tool-panel.more": "Mais",
+	"tool-panel.title": "Ferramentas",
+	"tool.arrow": "Seta",
+	"tool.arrow-down": "Seta para baixo",
+	"tool.arrow-left": "Seta para a esquerda",
+	"tool.arrow-right": "Seta para a direita",
+	"tool.arrow-up": "Seta para cima",
+	"tool.aspect-ratio": "Proporção de tela",
+	"tool.aspect-ratio.circle": "Círculo (1:1)",
+	"tool.aspect-ratio.landscape": "Orientação horizontal (4:3)",
+	"tool.aspect-ratio.original": "Original",
+	"tool.aspect-ratio.portrait": "Orientação vertical (3:4)",
+	"tool.aspect-ratio.square": "Quadrado (1:1)",
+	"tool.aspect-ratio.wide": "Panorâmico (16:9)",
+	"tool.bookmark": "Marcador",
+	"tool.check-box": "Caixa de seleção",
+	"tool.cloud": "Nuvem",
+	"tool.diamond": "Losango",
+	"tool.draw": "Desenhar",
+	"tool.ellipse": "Elipse",
+	"tool.embed": "Incorporar",
+	"tool.eraser": "Borracha",
+	"tool.flip-horz": "Virar Horizontalmente",
+	"tool.flip-vert": "Virar Verticalmente",
+	"tool.frame": "Quadro",
+	"tool.hand": "Mão",
+	"tool.heart": "Coração",
+	"tool.hexagon": "Hexágono",
+	"tool.highlight": "Destacar",
+	"tool.image-crop": "Cortar imagem",
+	"tool.image-crop-confirm": "Confirmar",
+	"tool.image-toolbar-title": "Ferramentas de imagem",
+	"tool.image-zoom": "Ampliar",
+	"tool.laser": "Laser",
+	"tool.line": "Linha",
+	"tool.media": "Mídia",
+	"tool.media-alt-text": "Texto alternativo",
+	"tool.media-alt-text-confirm": "Confirmar",
+	"tool.media-alt-text-desc": "Forneça uma descrição…",
+	"tool.note": "Adesivo",
+	"tool.octagon": "Octógono",
+	"tool.oval": "Oval",
+	"tool.pentagon": "Pentágono",
+	"tool.pointer-down": "Ponteiro para baixo",
+	"tool.rectangle": "Retângulo",
+	"tool.replace-media": "Substituir mídia",
+	"tool.rhombus": "Losango",
+	"tool.rich-text-bold": "Negrito",
+	"tool.rich-text-bulletList": "Lista com marcadores",
+	"tool.rich-text-code": "Código",
+	"tool.rich-text-header": "Cabeçalho",
+	"tool.rich-text-highlight": "Destaque",
+	"tool.rich-text-italic": "itálico",
+	"tool.rich-text-link": "Link",
+	"tool.rich-text-link-remove": "Remover link",
+	"tool.rich-text-link-visit": "Visite o link",
+	"tool.rich-text-orderedList": "Lista ordenada",
+	"tool.rich-text-strikethrough": "Tachado",
+	"tool.rich-text-toolbar-title": "Formatação de texto",
+	"tool.rotate-cw": "Girar",
+	"tool.select": "Selecionar",
+	"tool.star": "Estrela",
+	"tool.text": "Texto",
+	"tool.trapezoid": "Trapézio",
+	"tool.triangle": "Triângulo",
+	"tool.x-box": "Caixa X",
+	"ui.checked": "Selecionado",
+	"ui.close": "Fechar",
+	"ui.unchecked": "Não selecionado",
+	"verticalAlign-style.end": "Fundo",
+	"verticalAlign-style.middle": "Meio",
+	"verticalAlign-style.start": "Topo",
+	"vscode.file-open.backup": "Backup",
+	"vscode.file-open.backup-failed": "Falha no backup: este não é um arquivo .tldr.",
+	"vscode.file-open.backup-saved": "Backup salvo",
+	"vscode.file-open.desc": "Este arquivo foi criado com uma versão anterior do tldraw. Você gostaria de atualizá-lo para que funcione com a nova versão?",
+	"vscode.file-open.dont-show-again": "Não pergunte novamente",
+	"vscode.file-open.open": "Continuar"
+}
diff --git a/web/hermes-dist/translations/pt-pt.json b/web/hermes-dist/translations/pt-pt.json
new file mode 100644
index 0000000..e8f0630
--- /dev/null
+++ b/web/hermes-dist/translations/pt-pt.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "Ajustar estilos de forma",
+	"a11y.enlarge-shape": "Aumentar forma",
+	"a11y.enter-leave-container": "Entrar/sair do contentor",
+	"a11y.move-shape": "Mover forma",
+	"a11y.move-shape-faster": "Mover forma mais depressa",
+	"a11y.multiple-shapes": "{num} formas selecionadas",
+	"a11y.open-context-menu": "Abrir menu contextual",
+	"a11y.open-keyboard-shortcuts": "Abrir atalhos de teclado",
+	"a11y.pan-camera": "Câmara panorâmica",
+	"a11y.repeat-shape": "Repetir forma",
+	"a11y.rotate-shape-ccw": "Rodar forma no sentido anti-horário",
+	"a11y.rotate-shape-ccw-fine": "Rodar forma no sentido anti-horário (fino)",
+	"a11y.rotate-shape-cw": "Rodar forma no sentido horário",
+	"a11y.rotate-shape-cw-fine": "Rodar forma no sentido horário (fino)",
+	"a11y.select-shape": "Selecionar próxima forma",
+	"a11y.select-shape-direction": "Selecionar forma em direção",
+	"a11y.shape-image": "Imagem",
+	"a11y.shape-index": "{num} de {total}",
+	"a11y.shape-video": "Vídeo",
+	"a11y.shrink-shape": "Encolher forma",
+	"a11y.skip-to-main-content": "Mover o foco para a tela",
+	"a11y.status": "Estado",
+	"action.align-bottom": "Alinhar inferior",
+	"action.align-center-horizontal": "Alinhar horizontalmente",
+	"action.align-center-horizontal.short": "Alinhar H",
+	"action.align-center-vertical": "Alinhar verticalmente",
+	"action.align-center-vertical.short": "Alinhar V",
+	"action.align-left": "Alinhar esquerda",
+	"action.align-right": "Alinhar direita",
+	"action.align-top": "Alinhar topo",
+	"action.back-to-content": "Voltar ao conteúdo",
+	"action.bring-forward": "Mover acima",
+	"action.bring-to-front": "Colocar à Frente",
+	"action.convert-to-bookmark": "Converter para marcador",
+	"action.convert-to-embed": "Converter para incorporação",
+	"action.copy": "Copiar",
+	"action.copy-as-json": "Copiar como JSON",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "Copiar como PNG",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "Copiar como SVG",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "Cortar",
+	"action.delete": "Apagar",
+	"action.distribute-horizontal": "Distribuir horizontalmente",
+	"action.distribute-horizontal.short": "Distribuir H",
+	"action.distribute-vertical": "Distribuir verticalmente",
+	"action.distribute-vertical.short": "Distribuir V",
+	"action.download-original": "Transferir original",
+	"action.duplicate": "Duplicar",
+	"action.edit-link": "Editar link",
+	"action.enhanced-a11y-mode": "Alternar modo de acessibilidade avançada",
+	"action.enhanced-a11y-mode.menu": "Modo de acessibilidade avançada",
+	"action.exit-pen-mode": "Sair do modo de caneta",
+	"action.export-all-as-png": "Exportar tudo como PNG",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "Exportar tudo como SVG",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "Exportar como PNG",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "Exportar como SVG",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "Ajustar ao conteúdo",
+	"action.flatten-to-image": "Achatar",
+	"action.flip-horizontal": "Inverter Horizontalmente",
+	"action.flip-horizontal.short": "Inverter Horizontalmente",
+	"action.flip-vertical": "Inverter Verticalmente",
+	"action.flip-vertical.short": "Inverter Verticalmente",
+	"action.fork-project": "Bifurcar este projeto",
+	"action.fork-project-on-tldraw": "Projeto de bifurcação no tldraw",
+	"action.group": "Agrupar",
+	"action.insert-embed": "Inserir incorporação",
+	"action.insert-media": "Upload Média",
+	"action.leave-shared-project": "Sair do projeto partilhado",
+	"action.new-project": "Novo projeto",
+	"action.new-shared-project": "Novo projeto partilhado",
+	"action.open-cursor-chat": "Chat com cursor",
+	"action.open-embed-link": "Abrir link",
+	"action.open-file": "Abrir ficheiro",
+	"action.open-kbd-shortcuts": "Abrir atalhos de teclado",
+	"action.pack": "Empacotar",
+	"action.paste": "Colar",
+	"action.paste-error-description": "Não foi possível colar devido a permissões em falta da área de transferência. Ative as permissões e tente de novo.",
+	"action.paste-error-title": "A colagem falhou",
+	"action.print": "Imprimir",
+	"action.redo": "Refazer",
+	"action.remove-frame": "Remover moldura",
+	"action.rename": "Mudar o nome",
+	"action.rotate-ccw": "Rodar no sentido anti-horário",
+	"action.rotate-cw": "Rodar no sentido horário",
+	"action.save-copy": "Guardar uma cópia",
+	"action.select-all": "Selecionar todos",
+	"action.select-none": "Selecionar nenhum",
+	"action.select-zoom-tool": "Zoom",
+	"action.send-backward": "Mover abaixo",
+	"action.send-to-back": "Colocar no Fundo",
+	"action.share-project": "Partilhar este projeto",
+	"action.stack-horizontal": "Empilhar horizontalmente",
+	"action.stack-horizontal.short": "Empilhar H",
+	"action.stack-vertical": "Empilhar verticalmente",
+	"action.stack-vertical.short": "Empilhar V",
+	"action.stop-following": "Deixar de seguir",
+	"action.stretch-horizontal": "Esticar horizontalmente",
+	"action.stretch-horizontal.short": "Esticar H",
+	"action.stretch-vertical": "Esticar verticalmente",
+	"action.stretch-vertical.short": "Esticar V",
+	"action.toggle-auto-none": "Automático",
+	"action.toggle-auto-pan": "Automático (trackpad)",
+	"action.toggle-auto-size": "Alternar tamanho automático",
+	"action.toggle-auto-zoom": "Automático (rato)",
+	"action.toggle-dark-mode": "Modo Escuro",
+	"action.toggle-dark-mode.menu": "Modo Escuro",
+	"action.toggle-debug-mode": "Modo Debug",
+	"action.toggle-debug-mode.menu": "Modo Debug",
+	"action.toggle-dynamic-size-mode": "Alternar tamanho dinâmico",
+	"action.toggle-dynamic-size-mode.menu": "Tamanho dinâmico",
+	"action.toggle-edge-scrolling": "Alternar deslocação nas margens",
+	"action.toggle-edge-scrolling.menu": "Deslocação nas margens",
+	"action.toggle-focus-mode": "Modo Foco",
+	"action.toggle-focus-mode.menu": "Modo Foco",
+	"action.toggle-grid": "Mostrar Grelha",
+	"action.toggle-grid.menu": "Mostrar Grelha",
+	"action.toggle-invert-zoom": "Alternar zoom do mouse",
+	"action.toggle-invert-zoom.menu": "Inverter zoom do mouse",
+	"action.toggle-keyboard-shortcuts": "Alternar atalhos de teclado",
+	"action.toggle-keyboard-shortcuts.menu": "Atalhos de teclado",
+	"action.toggle-lock": "Bloquear / Desbloquear",
+	"action.toggle-mouse": "Rato",
+	"action.toggle-paste-at-cursor": "Alternar colar em",
+	"action.toggle-paste-at-cursor.menu": "Cursor colar em",
+	"action.toggle-reduce-motion": "Alternar reduzir movimento",
+	"action.toggle-reduce-motion.menu": "Reduzir movimento",
+	"action.toggle-snap-mode": "Mostrar Pontos de Ajuste",
+	"action.toggle-snap-mode.menu": "Mostrar Pontos de Ajuste",
+	"action.toggle-tool-lock": "Alternar bloqueio de ferramentas",
+	"action.toggle-tool-lock.menu": "Bloqueio de ferramentas",
+	"action.toggle-trackpad": "Trackpad",
+	"action.toggle-transparent": "Alternar fundo transparente",
+	"action.toggle-transparent.context-menu": "Transparente",
+	"action.toggle-transparent.menu": "Transparente",
+	"action.toggle-wrap-mode": "Alternar moldagem",
+	"action.toggle-wrap-mode.menu": "Moldagem",
+	"action.undo": "Desfazer",
+	"action.ungroup": "Desagrupar",
+	"action.unlock-all": "Desbloquear tudo",
+	"action.zoom-in": "Aumentar zoom",
+	"action.zoom-out": "Diminuir zoom",
+	"action.zoom-quick": "Zoom rápido",
+	"action.zoom-to-100": "Zoom a 100%",
+	"action.zoom-to-fit": "Zoom para caber",
+	"action.zoom-to-selection": "Zoom na seleção",
+	"actions-menu.title": "Ações",
+	"align-style.end": "Direita",
+	"align-style.justify": "Justificar",
+	"align-style.middle": "Centro",
+	"align-style.start": "Esquerda",
+	"app.loading": "A carregar tldraw...",
+	"arrow-kind-style.arc": "Arco",
+	"arrow-kind-style.elbow": "Cotovelo",
+	"arrowheadEnd-style.arrow": "Seta",
+	"arrowheadEnd-style.bar": "Barra",
+	"arrowheadEnd-style.diamond": "Diamante",
+	"arrowheadEnd-style.dot": "Ponto",
+	"arrowheadEnd-style.inverted": "Invertido",
+	"arrowheadEnd-style.none": "Nenhum",
+	"arrowheadEnd-style.pipe": "Tubo",
+	"arrowheadEnd-style.square": "Quadrado",
+	"arrowheadEnd-style.triangle": "Triângulo",
+	"arrowheadStart-style.arrow": "Seta",
+	"arrowheadStart-style.bar": "Barra",
+	"arrowheadStart-style.diamond": "Diamante",
+	"arrowheadStart-style.dot": "Ponto",
+	"arrowheadStart-style.inverted": "Invertido",
+	"arrowheadStart-style.none": "Nenhum",
+	"arrowheadStart-style.pipe": "Tubo",
+	"arrowheadStart-style.square": "Quadrado",
+	"arrowheadStart-style.triangle": "Triângulo",
+	"assets.files.amount-too-many": "Muitos arquivos",
+	"assets.files.maximum-size": "O tamanho máximo do ficheiro é {size}",
+	"assets.files.size-too-big": "O tamanho do ficheiro é demasiado grande",
+	"assets.files.type-not-allowed": "O tipo de ficheiro não é permitido",
+	"assets.files.upload-failed": "O carregamento falhou",
+	"assets.url.failed": "Não foi possível carregar a pré-visualização de URL",
+	"color-style.black": "Preto",
+	"color-style.blue": "Azul",
+	"color-style.green": "Verde",
+	"color-style.grey": "Cinza",
+	"color-style.light-blue": "Azul-claro",
+	"color-style.light-green": "Verde-claro",
+	"color-style.light-red": "Vermelho-claro",
+	"color-style.light-violet": "Violeta-claro",
+	"color-style.orange": "Laranja",
+	"color-style.red": "Vermelho",
+	"color-style.violet": "Violeta",
+	"color-style.white": "Branco",
+	"color-style.yellow": "Amarelo",
+	"context-menu.arrange": "Organizar",
+	"context-menu.copy-as": "Copiar como",
+	"context-menu.edit": "Editar",
+	"context-menu.export-all-as": "Exportar tudo como",
+	"context-menu.export-as": "Exportar como",
+	"context-menu.move-to-page": "Mover para Página",
+	"context-menu.reorder": "Reordenar",
+	"context-menu.title": "Menu de contexto",
+	"context.pages.new-page": "Nova página",
+	"cursor-chat.type-to-chat": "Escreva para conversar...",
+	"dash-style.dashed": "Tracejado",
+	"dash-style.dotted": "Ponteado",
+	"dash-style.draw": "Desenhar",
+	"dash-style.solid": "Sólido",
+	"document-name-menu.copy-link": "Copiar link",
+	"document.default-name": "Sem título",
+	"edit-link-dialog.cancel": "Cancelar",
+	"edit-link-dialog.clear": "Limpar",
+	"edit-link-dialog.detail": "Os links abrirão num novo separador.",
+	"edit-link-dialog.external-link": "Link externo",
+	"edit-link-dialog.invalid-url": "O link tem de ser um URL válido.",
+	"edit-link-dialog.save": "Continuar",
+	"edit-link-dialog.title": "Editar link",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "Voltar",
+	"embed-dialog.cancel": "Cancelar",
+	"embed-dialog.create": "Criar",
+	"embed-dialog.instruction": "Cole no URL do site para criar a incorporação.",
+	"embed-dialog.invalid-url": "Não conseguimos criar uma incorporação a partir desse URL.",
+	"embed-dialog.title": "Criar incorporação",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "Cancelar",
+	"file-system.confirm-clear.continue": "Continuar",
+	"file-system.confirm-clear.description": "A criação de um novo projeto irá limpar o seu projeto atual, e quaisquer alterações não gravadas serão perdidas. Quer mesmo continuar?",
+	"file-system.confirm-clear.dont-show-again": "Não perguntar de novo",
+	"file-system.confirm-clear.title": "Limpar projeto atual?",
+	"file-system.confirm-open.cancel": "Cancelar",
+	"file-system.confirm-open.description": "A abertura de um ficheiro irá substituir o seu projeto atual, e quaisquer alterações não gravadas serão perdidas. Quer mesmo continuar?",
+	"file-system.confirm-open.dont-show-again": "Não perguntar de novo",
+	"file-system.confirm-open.open": "Abrir ficheiro",
+	"file-system.confirm-open.title": "Substituir o projeto atual?",
+	"file-system.file-open-error.file-format-version-too-new": "O ficheiro que tentou abrir é de uma versão mais recente do tldraw. Recarregue a página e tente novamente.",
+	"file-system.file-open-error.generic-corrupted-file": "O ficheiro que tentou abrir está corrompido.",
+	"file-system.file-open-error.not-a-tldraw-file": "O ficheiro que tentou abrir não parece ser um ficheiro tldraw.",
+	"file-system.file-open-error.title": "Não foi possível abrir o ficheiro",
+	"file-system.shared-document-file-open-error.description": "A abertura de ficheiros de projetos partilhados não é suportada.",
+	"file-system.shared-document-file-open-error.title": "Não foi possível abrir o ficheiro",
+	"fill-style.fill": "Preencher",
+	"fill-style.lined-fill": "Preenchimento com linhas",
+	"fill-style.none": "Nenhum",
+	"fill-style.pattern": "Padrão",
+	"fill-style.semi": "Semi",
+	"fill-style.solid": "Sólido",
+	"focus-mode.toggle-focus-mode": "Modo Foco",
+	"font-style.draw": "Desenhar",
+	"font-style.mono": "Mono",
+	"font-style.sans": "Sans",
+	"font-style.serif": "Serif",
+	"geo-style.arrow-down": "Seta para baixo",
+	"geo-style.arrow-left": "Seta para esquerda",
+	"geo-style.arrow-right": "Seta para direita",
+	"geo-style.arrow-up": "Seta para cima",
+	"geo-style.check-box": "Caixa de seleção",
+	"geo-style.cloud": "Nuvem",
+	"geo-style.diamond": "Diamante",
+	"geo-style.ellipse": "Elipse",
+	"geo-style.heart": "Coração",
+	"geo-style.hexagon": "Hexágono",
+	"geo-style.octagon": "Octógono",
+	"geo-style.oval": "Oval",
+	"geo-style.pentagon": "Pentágono",
+	"geo-style.rectangle": "Retângulo",
+	"geo-style.rhombus": "Losango",
+	"geo-style.rhombus-2": "Losango restante",
+	"geo-style.star": "Estrela",
+	"geo-style.trapezoid": "Trapezoide",
+	"geo-style.triangle": "Triângulo",
+	"geo-style.x-box": "Caixa de X",
+	"handle.crop.bottom": "Recortar fundo",
+	"handle.crop.bottom-left": "Recortar canto inferior esquerdo",
+	"handle.crop.bottom-right": "Recortar canto inferior direito",
+	"handle.crop.left": "Recortar lado esquerdo",
+	"handle.crop.right": "Recortar lado direito",
+	"handle.crop.top": "Recortar topo",
+	"handle.crop.top-left": "Recortar canto superior esquerdo",
+	"handle.crop.top-right": "Recortar canto superior direito",
+	"handle.resize-bottom": "Redimensionar fundo",
+	"handle.resize-bottom-left": "Redimensionar canto inferior esquerdo",
+	"handle.resize-bottom-right": "Redimensionar canto inferior direito",
+	"handle.resize-left": "Redimensionar lado esquerdo",
+	"handle.resize-right": "Redimensionar lado direito",
+	"handle.resize-top": "Redimensionar topo",
+	"handle.resize-top-left": "Redimensionar canto superior esquerdo",
+	"handle.resize-top-right": "Redimensionar canto superior direito",
+	"handle.rotate.bottom_left_rotate": "Rodar canto inferior esquerdo",
+	"handle.rotate.bottom_right_rotate": "Rodar canto inferior direito",
+	"handle.rotate.mobile_rotate": "Rodar",
+	"handle.rotate.top_left_rotate": "Rodar canto superior esquerdo",
+	"handle.rotate.top_right_rotate": "Rodar canto superior direito",
+	"help-menu.about": "Sobre",
+	"help-menu.discord": "Discord",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "Importar ficheiro...",
+	"help-menu.keyboard-shortcuts": "Atalhos de teclado",
+	"help-menu.privacy": "Política de privacidade",
+	"help-menu.terms": "Termos de serviço",
+	"help-menu.title": "Ajuda e recursos",
+	"help-menu.twitter": "Twitter",
+	"menu.accessibility": "Acessibilidade",
+	"menu.color-theme": "Tema de cores",
+	"menu.copy-as": "Copiar como",
+	"menu.edit": "Editar",
+	"menu.export-as": "Exportar como",
+	"menu.file": "Ficheiro",
+	"menu.input-device": "Dispositivo de entrada",
+	"menu.language": "Língua",
+	"menu.preferences": "Preferências",
+	"menu.theme": "Tema",
+	"menu.title": "Menu",
+	"menu.view": "Visualizar",
+	"navigation-zone.minimap": "Minimapa",
+	"navigation-zone.title": "Navegação",
+	"navigation-zone.toggle-minimap": "Alternar minimapa",
+	"navigation-zone.zoom": "Zoom",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "Criar Página",
+	"page-menu.edit-done": "Concluído",
+	"page-menu.edit-start": "Editar",
+	"page-menu.go-to-page": "Ir para a página",
+	"page-menu.new-page-initial-name": "Página 1",
+	"page-menu.submenu.delete": "Apagar",
+	"page-menu.submenu.duplicate-page": "Duplicar",
+	"page-menu.submenu.move-down": "Mover para baixo",
+	"page-menu.submenu.move-up": "Mover para cima",
+	"page-menu.submenu.rename": "Mudar o nome",
+	"page-menu.submenu.title": "Menu",
+	"page-menu.title": "Páginas",
+	"people-menu.anonymous-user": "Novo usuário",
+	"people-menu.avatar-color": "Cor do avatar",
+	"people-menu.change-color": "Mudar cor",
+	"people-menu.change-name": "Mudar nome",
+	"people-menu.follow": "Seguir",
+	"people-menu.following": "A seguir",
+	"people-menu.invite": "Convidar outros",
+	"people-menu.leading": "A segui-lo",
+	"people-menu.title": "Pessoas",
+	"people-menu.user": "(Você)",
+	"share-menu.copied": "Link copiado!",
+	"share-menu.copy-link": "Copiar Link de Convite",
+	"share-menu.copy-link-note": "Qualquer pessoa com o link poderá ver e editar este projeto.",
+	"share-menu.copy-readonly-link": "Copiar link só de leitura",
+	"share-menu.copy-readonly-link-note": "Qualquer pessoa com o link poderá ver (mas não editar) este projeto.",
+	"share-menu.create-snapshot-link": "Criar link de instantâneo",
+	"share-menu.creating-project": "A criar o novo projeto...",
+	"share-menu.fork-note": "Crie um novo projeto partilhado com base neste instantâneo.",
+	"share-menu.offline-note": "A partilha deste projeto irá criar uma cópia dinâmica alojada num novo URL. Pode partilhar o URL com até trinta pessoas para verem e editarem o projeto em conjunto.",
+	"share-menu.project-too-large": "Desculpe, este projeto não pode ser partilhado porque é demasiado grande. Estamos a trabalhar nisso!",
+	"share-menu.save-note": "Transfira este projeto para o seu computador como um ficheiro .tldr.",
+	"share-menu.share-project": "Partilhar este projeto",
+	"share-menu.snapshot-link-note": "Capte e partilhe este projeto como um link instantâneo só de leitura.",
+	"share-menu.title": "Partilhar",
+	"share-menu.upload-failed": "Desculpe, não conseguimos carregar o seu projeto de momento. Tente de novo ou informe-nos se o problema persistir.",
+	"sharing.confirm-leave.cancel": "Cancelar",
+	"sharing.confirm-leave.description": "Tem a certeza de que quer sair deste projeto partilhado? Pode voltar ao mesmo acedendo a este URL.",
+	"sharing.confirm-leave.dont-show-again": "Não perguntar de novo",
+	"sharing.confirm-leave.leave": "Sair",
+	"sharing.confirm-leave.title": "Sair do projeto atual?",
+	"shortcuts-dialog.a11y": "Acessibilidade",
+	"shortcuts-dialog.collaboration": "Colaboração",
+	"shortcuts-dialog.edit": "Editar",
+	"shortcuts-dialog.file": "Ficheiro",
+	"shortcuts-dialog.preferences": "Preferências",
+	"shortcuts-dialog.text-formatting": "Formatação de texto",
+	"shortcuts-dialog.title": "Atalhos de teclado",
+	"shortcuts-dialog.tools": "Ferramentas",
+	"shortcuts-dialog.transform": "Transformar",
+	"shortcuts-dialog.view": "Visualizar",
+	"size-style.l": "Grande",
+	"size-style.m": "Médio",
+	"size-style.s": "Pequeno",
+	"size-style.xl": "Extra grande",
+	"spline-style.cubic": "Cúbico",
+	"spline-style.line": "Linha",
+	"status.offline": "Offline",
+	"style-panel.align": "Alinhamento",
+	"style-panel.arrow-kind": "Linha",
+	"style-panel.arrowhead-end": "Fim",
+	"style-panel.arrowhead-start": "Início",
+	"style-panel.arrowheads": "Pontas de flecha",
+	"style-panel.color": "Cor",
+	"style-panel.dash": "Traço",
+	"style-panel.fill": "Preencher",
+	"style-panel.font": "Fonte",
+	"style-panel.geo": "Formato",
+	"style-panel.label-align": "Alinhamento de rótulo",
+	"style-panel.mixed": "Misto",
+	"style-panel.opacity": "Opacidade",
+	"style-panel.position": "Posição",
+	"style-panel.selected": "selecionado",
+	"style-panel.size": "Tamanho",
+	"style-panel.spline": "Estriado",
+	"style-panel.title": "Estilos",
+	"style-panel.vertical-align": "Alinhamento vertical",
+	"theme.dark": "Escuro",
+	"theme.light": "Claro",
+	"theme.system": "Sistema",
+	"toast.close": "Fechar",
+	"toast.error": "Erro",
+	"toast.error.copy-fail.desc": "Falha ao copiar a imagem",
+	"toast.error.copy-fail.title": "Cópia falhada",
+	"toast.error.export-fail.desc": "Falha ao exportar a imagem",
+	"toast.error.export-fail.title": "Exportação falhada",
+	"toast.info": "Informação",
+	"toast.success": "Sucesso",
+	"toast.warning": "Aviso",
+	"tool-panel.more": "Mais",
+	"tool-panel.title": "Ferramentas",
+	"tool.arrow": "Seta",
+	"tool.arrow-down": "Seta para baixo",
+	"tool.arrow-left": "Seta para esquerda",
+	"tool.arrow-right": "Seta para direita",
+	"tool.arrow-up": "Seta para cima",
+	"tool.aspect-ratio": "Proporção de imagem",
+	"tool.aspect-ratio.circle": "Círculo (1:1)",
+	"tool.aspect-ratio.landscape": "Paisagem (4:3)",
+	"tool.aspect-ratio.original": "Original",
+	"tool.aspect-ratio.portrait": "Retrato (3:4)",
+	"tool.aspect-ratio.square": "Quadrado (1:1)",
+	"tool.aspect-ratio.wide": "Amplo (16:9)",
+	"tool.bookmark": "Marcador",
+	"tool.check-box": "Caixa de seleção",
+	"tool.cloud": "Nuvem",
+	"tool.diamond": "Diamante",
+	"tool.draw": "Desenhar",
+	"tool.ellipse": "Elipse",
+	"tool.embed": "Incorporar",
+	"tool.eraser": "Borracha",
+	"tool.flip-horz": "Inverter Horizontalmente",
+	"tool.flip-vert": "Inverter Verticalmente",
+	"tool.frame": "Moldura",
+	"tool.hand": "Mão",
+	"tool.heart": "Coração",
+	"tool.hexagon": "Hexágono",
+	"tool.highlight": "Realçar",
+	"tool.image-crop": "Recortar imagem",
+	"tool.image-crop-confirm": "Confirmar",
+	"tool.image-toolbar-title": "Ferramentas de imagem",
+	"tool.image-zoom": "Zoom",
+	"tool.laser": "Laser",
+	"tool.line": "Linha",
+	"tool.media": "Mídia",
+	"tool.media-alt-text": "Texto alternativo",
+	"tool.media-alt-text-confirm": "Confirmar",
+	"tool.media-alt-text-desc": "Dê uma descrição...",
+	"tool.note": "Post-it",
+	"tool.octagon": "Octógono",
+	"tool.oval": "Oval",
+	"tool.pentagon": "Pentágono",
+	"tool.pointer-down": "Ponteiro para baixo",
+	"tool.rectangle": "Retângulo",
+	"tool.replace-media": "Substituir multimédia",
+	"tool.rhombus": "Losango",
+	"tool.rich-text-bold": "Audacioso",
+	"tool.rich-text-bulletList": "Lista com marcadores",
+	"tool.rich-text-code": "Código",
+	"tool.rich-text-header": "Cabeçalho",
+	"tool.rich-text-highlight": "Destaque",
+	"tool.rich-text-italic": "itálico",
+	"tool.rich-text-link": "Link",
+	"tool.rich-text-link-remove": "Remover link",
+	"tool.rich-text-link-visit": "Visite o link",
+	"tool.rich-text-orderedList": "Lista ordenada",
+	"tool.rich-text-strikethrough": "Tachado",
+	"tool.rich-text-toolbar-title": "Formatação de texto",
+	"tool.rotate-cw": "Rodar",
+	"tool.select": "Selecionar",
+	"tool.star": "Estrela",
+	"tool.text": "Texto",
+	"tool.trapezoid": "Trapezoide",
+	"tool.triangle": "Triângulo",
+	"tool.x-box": "Caixa de X",
+	"ui.checked": "Verificado",
+	"ui.close": "Fechar",
+	"ui.unchecked": "Não verificado",
+	"verticalAlign-style.end": "Inferior",
+	"verticalAlign-style.middle": "Meio",
+	"verticalAlign-style.start": "Superior",
+	"vscode.file-open.backup": "Cópia de segurança",
+	"vscode.file-open.backup-failed": "A cópia de segurança falhou: não é um ficheiro .tldr.",
+	"vscode.file-open.backup-saved": "Cópia de segurança guardada",
+	"vscode.file-open.desc": "Este ficheiro foi criado com uma versão anterior do tldraw. Pretende atualizá-lo para que funcione com a nova versão?",
+	"vscode.file-open.dont-show-again": "Não perguntar de novo",
+	"vscode.file-open.open": "Continuar"
+}
diff --git a/web/hermes-dist/translations/ro.json b/web/hermes-dist/translations/ro.json
new file mode 100644
index 0000000..1a165c4
--- /dev/null
+++ b/web/hermes-dist/translations/ro.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "Ajustați stilurile de formă",
+	"a11y.enlarge-shape": "Măriți forma",
+	"a11y.enter-leave-container": "Intrarea/ieșirea din container",
+	"a11y.move-shape": "Mută forma",
+	"a11y.move-shape-faster": "Mută forma mai repede",
+	"a11y.multiple-shapes": "{num} forme selectate",
+	"a11y.open-context-menu": "Deschideți meniul contextual",
+	"a11y.open-keyboard-shortcuts": "Deschideți comenzile rapide de la tastatură",
+	"a11y.pan-camera": "Cameră panoramică",
+	"a11y.repeat-shape": "Repetați forma",
+	"a11y.rotate-shape-ccw": "Rotește forma în sens invers acelor de ceasornic",
+	"a11y.rotate-shape-ccw-fine": "Rotește forma în sens invers acelor de ceasornic (fin)",
+	"a11y.rotate-shape-cw": "Rotește forma în sensul acelor de ceasornic",
+	"a11y.rotate-shape-cw-fine": "Rotește forma în sensul acelor de ceasornic (fin)",
+	"a11y.select-shape": "Selectați următoarea formă",
+	"a11y.select-shape-direction": "Selectați forma în direcția",
+	"a11y.shape-image": "Imagine",
+	"a11y.shape-index": "{num} din {total}",
+	"a11y.shape-video": "Video",
+	"a11y.shrink-shape": "Micșorați forma",
+	"a11y.skip-to-main-content": "Mutați focalizarea pe pânză",
+	"a11y.status": "Stare",
+	"action.align-bottom": "Aliniere jos",
+	"action.align-center-horizontal": "Aliniere orizontală",
+	"action.align-center-horizontal.short": "Aliniere orizontală",
+	"action.align-center-vertical": "Aliniere verticală",
+	"action.align-center-vertical.short": "Aliniere verticală",
+	"action.align-left": "Aliniere la stânga",
+	"action.align-right": "Aliniere la dreapta",
+	"action.align-top": "Aliniere sus",
+	"action.back-to-content": "Înapoi la conținut",
+	"action.bring-forward": "Adu în față",
+	"action.bring-to-front": "Adu în prim plan",
+	"action.convert-to-bookmark": "Convertește la marcaj",
+	"action.convert-to-embed": "Convertește la înglobare",
+	"action.copy": "Copiază",
+	"action.copy-as-json": "Copiați ca JSON",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "Copiază ca PNG",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "Copiază ca SVG",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "Decupează",
+	"action.delete": "Șterge",
+	"action.distribute-horizontal": "Distribuit orizontal",
+	"action.distribute-horizontal.short": "Distribuit orizontal",
+	"action.distribute-vertical": "Distribuit vertical",
+	"action.distribute-vertical.short": "Distribuit vertical",
+	"action.download-original": "Descărcați originalul",
+	"action.duplicate": "Fă duplicat",
+	"action.edit-link": "Editează legătură",
+	"action.enhanced-a11y-mode": "Comutare mod accesibilitate îmbunătățită",
+	"action.enhanced-a11y-mode.menu": "Mod de accesibilitate îmbunătățit",
+	"action.exit-pen-mode": "Ieși din modul stilou",
+	"action.export-all-as-png": "Exportă totul ca PNG",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "Exportă totul ca SVG",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "Exportă ca PNG",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "Exportă ca SVG",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "Potrivește la conținut",
+	"action.flatten-to-image": "Aplatiza",
+	"action.flip-horizontal": "Întoarce pe orizontală",
+	"action.flip-horizontal.short": "Întoarce pe orizontală",
+	"action.flip-vertical": "Întoarce pe verticală",
+	"action.flip-vertical.short": "Întoarce pe verticală",
+	"action.fork-project": "Ramifică acest proiect",
+	"action.fork-project-on-tldraw": "Proiect de furcă pe tldraw",
+	"action.group": "Grupare",
+	"action.insert-embed": "Inserează încorporare",
+	"action.insert-media": "Încarcă media",
+	"action.leave-shared-project": "Părăsește proiectul partajat",
+	"action.new-project": "Proiect nou",
+	"action.new-shared-project": "Proiect partajat nou",
+	"action.open-cursor-chat": "Cursor discuție",
+	"action.open-embed-link": "Deschide legătură",
+	"action.open-file": "Deschide fișier",
+	"action.open-kbd-shortcuts": "Deschideți comenzile rapide de la tastatură",
+	"action.pack": "Pachet",
+	"action.paste": "Lipește",
+	"action.paste-error-description": "Nu s-a putut insera din cauza lipsei permisiunilor pentru clipboard. Activează permisiunile și încearcă din nou.",
+	"action.paste-error-title": "Lipirea nu a reușit",
+	"action.print": "Imprimă",
+	"action.redo": "Refă",
+	"action.remove-frame": "Elimină ramă",
+	"action.rename": "Redenumește",
+	"action.rotate-ccw": "Rotire în sens invers acelor de ceasornic",
+	"action.rotate-cw": "Rotire în sensul acelor de ceasornic",
+	"action.save-copy": "Salvează o copie",
+	"action.select-all": "Selectează tot",
+	"action.select-none": "Nu selecta nimic",
+	"action.select-zoom-tool": "Zoom",
+	"action.send-backward": "Trimite în spate",
+	"action.send-to-back": "Trimite înapoi",
+	"action.share-project": "Partajează acest proiect",
+	"action.stack-horizontal": "Stivă orizontal",
+	"action.stack-horizontal.short": "Stivă orizontal",
+	"action.stack-vertical": "Stivă vertical",
+	"action.stack-vertical.short": "Stivă verticală",
+	"action.stop-following": "Oprește urmărirea",
+	"action.stretch-horizontal": "Întinde orizontal",
+	"action.stretch-horizontal.short": "Întinde orizontal",
+	"action.stretch-vertical": "Întinde vertical",
+	"action.stretch-vertical.short": "Întinde vertical",
+	"action.toggle-auto-none": "Auto",
+	"action.toggle-auto-pan": "Automat (trackpad)",
+	"action.toggle-auto-size": "Comută dimensiune automată",
+	"action.toggle-auto-zoom": "Automat (mouse)",
+	"action.toggle-dark-mode": "Comută mod întunecat",
+	"action.toggle-dark-mode.menu": "Mod întunecat",
+	"action.toggle-debug-mode": "Comută mod depanare",
+	"action.toggle-debug-mode.menu": "Mod depanare",
+	"action.toggle-dynamic-size-mode": "Comută dimensiunea dinamică",
+	"action.toggle-dynamic-size-mode.menu": "Dimensiune dinamică",
+	"action.toggle-edge-scrolling": "Comută derularea marginilor",
+	"action.toggle-edge-scrolling.menu": "Derulare margini",
+	"action.toggle-focus-mode": "Comută mod focalizare",
+	"action.toggle-focus-mode.menu": "Mod focalizare",
+	"action.toggle-grid": "Comută grilă",
+	"action.toggle-grid.menu": "Arată grilă",
+	"action.toggle-invert-zoom": "Comutare inversare zoom mouse",
+	"action.toggle-invert-zoom.menu": "Inversați zoom-ul mouse-ului",
+	"action.toggle-keyboard-shortcuts": "Comutare comenzi rapide de la tastatură",
+	"action.toggle-keyboard-shortcuts.menu": "Scurtături tastatură",
+	"action.toggle-lock": "Blochează/deblochează",
+	"action.toggle-mouse": "Mouse",
+	"action.toggle-paste-at-cursor": "Comută lipirea la cursor",
+	"action.toggle-paste-at-cursor.menu": "Lipește pe cursor",
+	"action.toggle-reduce-motion": "Comută reducere mișcare",
+	"action.toggle-reduce-motion.menu": "Redu mișcare",
+	"action.toggle-snap-mode": "Comută ruptura întotdeauna",
+	"action.toggle-snap-mode.menu": "Rupe întotdeauna",
+	"action.toggle-tool-lock": "Comută blocarea uneltei",
+	"action.toggle-tool-lock.menu": "Blocare unealtă",
+	"action.toggle-trackpad": "Trackpad",
+	"action.toggle-transparent": "Comută fundal transparent",
+	"action.toggle-transparent.context-menu": "Transparent",
+	"action.toggle-transparent.menu": "Transparent",
+	"action.toggle-wrap-mode": "Comută selectare la împachetare",
+	"action.toggle-wrap-mode.menu": "Selectează la împachetare",
+	"action.undo": "Anulează",
+	"action.ungroup": "Anulează gruparea",
+	"action.unlock-all": "Deblochează tot",
+	"action.zoom-in": "Mărește",
+	"action.zoom-out": "Micșorează",
+	"action.zoom-quick": "Zoom rapid",
+	"action.zoom-to-100": "Mărește la 100%",
+	"action.zoom-to-fit": "Mărește pentru a se potrivi",
+	"action.zoom-to-selection": "Mărește la selecție",
+	"actions-menu.title": "Acțiuni",
+	"align-style.end": "Sfârșit",
+	"align-style.justify": "Justificat",
+	"align-style.middle": "Mijloc",
+	"align-style.start": "Începe",
+	"app.loading": "Se încarcă tldraw…",
+	"arrow-kind-style.arc": "Arc",
+	"arrow-kind-style.elbow": "Cot",
+	"arrowheadEnd-style.arrow": "Săgeată",
+	"arrowheadEnd-style.bar": "Bară",
+	"arrowheadEnd-style.diamond": "Diamant",
+	"arrowheadEnd-style.dot": "Punct",
+	"arrowheadEnd-style.inverted": "Inversat",
+	"arrowheadEnd-style.none": "Niciunul",
+	"arrowheadEnd-style.pipe": "Conductă",
+	"arrowheadEnd-style.square": "Pătrat",
+	"arrowheadEnd-style.triangle": "Triunghi",
+	"arrowheadStart-style.arrow": "Săgeată",
+	"arrowheadStart-style.bar": "Bară",
+	"arrowheadStart-style.diamond": "Diamant",
+	"arrowheadStart-style.dot": "Punct",
+	"arrowheadStart-style.inverted": "Inversat",
+	"arrowheadStart-style.none": "Niciunul",
+	"arrowheadStart-style.pipe": "Conductă",
+	"arrowheadStart-style.square": "Pătrat",
+	"arrowheadStart-style.triangle": "Triunghi",
+	"assets.files.amount-too-many": "Prea multe fișiere",
+	"assets.files.maximum-size": "Dimensiunea maximă a fișierului este {size}",
+	"assets.files.size-too-big": "Dimensiunea fișierului este prea mare",
+	"assets.files.type-not-allowed": "Tipul de fișier nu este permis",
+	"assets.files.upload-failed": "Încărcare eșuată",
+	"assets.url.failed": "Nu s-a putut încărca previzualizarea URL-ului",
+	"color-style.black": "Negru",
+	"color-style.blue": "Albastru",
+	"color-style.green": "Verde",
+	"color-style.grey": "Gri",
+	"color-style.light-blue": "Albastru deschis",
+	"color-style.light-green": "Verde deschis",
+	"color-style.light-red": "Roșu deschis",
+	"color-style.light-violet": "Violet deschis",
+	"color-style.orange": "Portocaliu",
+	"color-style.red": "Roșu",
+	"color-style.violet": "Violet",
+	"color-style.white": "Alb",
+	"color-style.yellow": "Galben",
+	"context-menu.arrange": "Aranjează",
+	"context-menu.copy-as": "Copiază ca",
+	"context-menu.edit": "Editează",
+	"context-menu.export-all-as": "Exportă totul ca",
+	"context-menu.export-as": "Exportă ca",
+	"context-menu.move-to-page": "Mută în pagina",
+	"context-menu.reorder": "Reordonează",
+	"context-menu.title": "Meniu contextual",
+	"context.pages.new-page": "Pagină nouă",
+	"cursor-chat.type-to-chat": "Tastează pentru a discuta...",
+	"dash-style.dashed": "Întreruptă",
+	"dash-style.dotted": "Punctată",
+	"dash-style.draw": "Desenează",
+	"dash-style.solid": "Solid",
+	"document-name-menu.copy-link": "Copiază legătură",
+	"document.default-name": "Fără titlu",
+	"edit-link-dialog.cancel": "Anulează",
+	"edit-link-dialog.clear": "Golește",
+	"edit-link-dialog.detail": "Legăturile se vor deschide într-o filă nouă.",
+	"edit-link-dialog.external-link": "Legătură externă",
+	"edit-link-dialog.invalid-url": "O legătură trebuie să fie un URL valid.",
+	"edit-link-dialog.save": "Continuă",
+	"edit-link-dialog.title": "Editează legătură",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "Înapoi",
+	"embed-dialog.cancel": "Anulează",
+	"embed-dialog.create": "Creează",
+	"embed-dialog.instruction": "Introdu URL-ul site-ului pentru a crea înglobarea.",
+	"embed-dialog.invalid-url": "Nu am putut crea o încorporare din acea adresă URL.",
+	"embed-dialog.title": "Creează înglobare",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "Anulează",
+	"file-system.confirm-clear.continue": "Continuă",
+	"file-system.confirm-clear.description": "Crearea unui nou proiect va șterge proiectul curent și orice modificări nesalvate se vor pierde. Sigur vrei să continui?",
+	"file-system.confirm-clear.dont-show-again": "Nu mai întreba",
+	"file-system.confirm-clear.title": "Golești proiectul curent?",
+	"file-system.confirm-open.cancel": "Anulează",
+	"file-system.confirm-open.description": "Deschiderea unui fișier va înlocui proiectul curent și orice modificări nesalvate se vor pierde. Sigur vrei să continui?",
+	"file-system.confirm-open.dont-show-again": "Nu mai întreba",
+	"file-system.confirm-open.open": "Deschide fișier",
+	"file-system.confirm-open.title": "Suprascrii proiectul actual?",
+	"file-system.file-open-error.file-format-version-too-new": "Fișierul pe care ai încercat să îl deschizi este dintr-o versiune mai nouă de tldraw. Te rog reîncarcă pagina și încearcă din nou.",
+	"file-system.file-open-error.generic-corrupted-file": "Fișierul pe care ai încercat să îl deschizi este corupt.",
+	"file-system.file-open-error.not-a-tldraw-file": "Fișierul pe care ai încercat să îl deschizi nu arată ca un fișier tldraw.",
+	"file-system.file-open-error.title": "Nu s-a putut deschide fișierul",
+	"file-system.shared-document-file-open-error.description": "Deschiderea fișierelor din proiectele partajate nu este acceptată.",
+	"file-system.shared-document-file-open-error.title": "Fișierul nu a putut fi deschis",
+	"fill-style.fill": "Umple",
+	"fill-style.lined-fill": "Umplere liniată",
+	"fill-style.none": "Fără",
+	"fill-style.pattern": "Model",
+	"fill-style.semi": "Semi",
+	"fill-style.solid": "Solid",
+	"focus-mode.toggle-focus-mode": "Comută în modul focalizare",
+	"font-style.draw": "Desenează",
+	"font-style.mono": "Mono",
+	"font-style.sans": "Sans",
+	"font-style.serif": "Serif",
+	"geo-style.arrow-down": "Săgeata în jos",
+	"geo-style.arrow-left": "Săgeată la stânga",
+	"geo-style.arrow-right": "Săgeată la dreapta",
+	"geo-style.arrow-up": "Săgeată în sus",
+	"geo-style.check-box": "Bifă",
+	"geo-style.cloud": "Cloud",
+	"geo-style.diamond": "Diamant",
+	"geo-style.ellipse": "Elipsă",
+	"geo-style.heart": "inima",
+	"geo-style.hexagon": "Hexagon",
+	"geo-style.octagon": "Octogon",
+	"geo-style.oval": "Oval",
+	"geo-style.pentagon": "Pentagon",
+	"geo-style.rectangle": "Dreptunghi",
+	"geo-style.rhombus": "Romb",
+	"geo-style.rhombus-2": "Romb la stânga",
+	"geo-style.star": "Stea",
+	"geo-style.trapezoid": "Trapez",
+	"geo-style.triangle": "Triunghi",
+	"geo-style.x-box": "Casetă X",
+	"handle.crop.bottom": "Crop jos",
+	"handle.crop.bottom-left": "Decupează în stânga jos",
+	"handle.crop.bottom-right": "Decupează în dreapta jos",
+	"handle.crop.left": "Decupează la stânga",
+	"handle.crop.right": "Decupează la dreapta",
+	"handle.crop.top": "Top scurt",
+	"handle.crop.top-left": "Crop top stânga",
+	"handle.crop.top-right": "Decupați sus dreapta",
+	"handle.resize-bottom": "Redimensionează partea de jos",
+	"handle.resize-bottom-left": "Redimensionează stânga jos",
+	"handle.resize-bottom-right": "Redimensionează dreapta jos",
+	"handle.resize-left": "Redimensionare la stânga",
+	"handle.resize-right": "Redimensionare la dreapta",
+	"handle.resize-top": "Redimensionează partea de sus",
+	"handle.resize-top-left": "Redimensionează în stânga sus",
+	"handle.resize-top-right": "Redimensionează dreapta sus",
+	"handle.rotate.bottom_left_rotate": "Rotește în stânga jos",
+	"handle.rotate.bottom_right_rotate": "Rotește în dreapta jos",
+	"handle.rotate.mobile_rotate": "Roti",
+	"handle.rotate.top_left_rotate": "Rotește în stânga sus",
+	"handle.rotate.top_right_rotate": "Rotește sus dreapta",
+	"help-menu.about": "Despre",
+	"help-menu.discord": "Discord",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "Import fișier...",
+	"help-menu.keyboard-shortcuts": "Scurtături tastatură",
+	"help-menu.privacy": "Politică de confidențialitate",
+	"help-menu.terms": "Termene și condiții",
+	"help-menu.title": "Ajutor și resurse",
+	"help-menu.twitter": "Twitter",
+	"menu.accessibility": "Accesibilitate",
+	"menu.color-theme": "Temă de culoare",
+	"menu.copy-as": "Copiază ca",
+	"menu.edit": "Editează",
+	"menu.export-as": "Exportă ca",
+	"menu.file": "Fișier",
+	"menu.input-device": "Dispozitiv de intrare",
+	"menu.language": "Limbi",
+	"menu.preferences": "Preferințe",
+	"menu.theme": "Temă",
+	"menu.title": "Meniu",
+	"menu.view": "Vezi",
+	"navigation-zone.minimap": "Minihartă",
+	"navigation-zone.title": "Navigare",
+	"navigation-zone.toggle-minimap": "Comută mini-hartă",
+	"navigation-zone.zoom": "Mărește",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "Creează pagină nouă",
+	"page-menu.edit-done": "Gata",
+	"page-menu.edit-start": "Editează",
+	"page-menu.go-to-page": "Mergi la pagina",
+	"page-menu.new-page-initial-name": "Pagina 1",
+	"page-menu.submenu.delete": "Șterge",
+	"page-menu.submenu.duplicate-page": "Fă duplicat",
+	"page-menu.submenu.move-down": "Mută jos",
+	"page-menu.submenu.move-up": "Mută sus",
+	"page-menu.submenu.rename": "Redenumește",
+	"page-menu.submenu.title": "Meniu",
+	"page-menu.title": "Pagini",
+	"people-menu.anonymous-user": "Utilizator nou",
+	"people-menu.avatar-color": "Culoarea avatarului",
+	"people-menu.change-color": "Schimbă culoare",
+	"people-menu.change-name": "Schimbă nume",
+	"people-menu.follow": "Urmărește",
+	"people-menu.following": "Urmărește",
+	"people-menu.invite": "Invită-i pe alții",
+	"people-menu.leading": "Te urmărește",
+	"people-menu.title": "Persoane",
+	"people-menu.user": "(Tu)",
+	"share-menu.copied": "Legătură copiată!",
+	"share-menu.copy-link": "Copiază legătură",
+	"share-menu.copy-link-note": "Oricine are legătura va putea vizualiza și edita acest proiect.",
+	"share-menu.copy-readonly-link": "Copiază legătură doar citire",
+	"share-menu.copy-readonly-link-note": "Oricine are legătura va putea vizualiza (dar nu va putea edita) acest proiect.",
+	"share-menu.create-snapshot-link": "Creează o legătură instantanee",
+	"share-menu.creating-project": "Se creează noul proiect...",
+	"share-menu.fork-note": "Creează un nou proiect partajat pe baza acestui instantaneu.",
+	"share-menu.offline-note": "Partajarea acestui proiect va crea o copie live găzduită la o adresă URL nouă. Poți partaja adresa URL cu până la treizeci de alte persoane pentru a vizualiza și a edita proiectul împreună.",
+	"share-menu.project-too-large": "Scuze, acest proiect nu poate fi partajat deoarece este prea mare. Lucrăm la asta!",
+	"share-menu.save-note": "Descarcă acest proiect pe calculatorul tău ca un fișier .tldr.",
+	"share-menu.share-project": "Partajează acest proiect",
+	"share-menu.snapshot-link-note": "Capturează și partajează acest proiect ca o legătură instantanee numai pentru citire.",
+	"share-menu.title": "Partajează",
+	"share-menu.upload-failed": "Ne pare rău, momentan nu am putut încărca proiectul tău. Te rugăm să încerci din nou sau să ne anunți dacă problema persistă.",
+	"sharing.confirm-leave.cancel": "Anulează",
+	"sharing.confirm-leave.description": "Sigur vrei să părăsești acest proiect partajat? Te poți întoarce la el navigând la URL-ul său.",
+	"sharing.confirm-leave.dont-show-again": "Nu mai întreba",
+	"sharing.confirm-leave.leave": "Părăsește",
+	"sharing.confirm-leave.title": "Părăsești proiectul partajat?",
+	"shortcuts-dialog.a11y": "Accesibilitate",
+	"shortcuts-dialog.collaboration": "Colaborare",
+	"shortcuts-dialog.edit": "Editare",
+	"shortcuts-dialog.file": "Fișier",
+	"shortcuts-dialog.preferences": "Preferințe",
+	"shortcuts-dialog.text-formatting": "Formatarea textului",
+	"shortcuts-dialog.title": "Scurtături tastatură",
+	"shortcuts-dialog.tools": "Unelte",
+	"shortcuts-dialog.transform": "Transformare",
+	"shortcuts-dialog.view": "Vizualizare",
+	"size-style.l": "Mare",
+	"size-style.m": "Mediu",
+	"size-style.s": "Mic",
+	"size-style.xl": "Foarte mare",
+	"spline-style.cubic": "Cubic",
+	"spline-style.line": "Linie",
+	"status.offline": "Deconectat",
+	"style-panel.align": "Aliniere",
+	"style-panel.arrow-kind": "Linie",
+	"style-panel.arrowhead-end": "Sfârșit",
+	"style-panel.arrowhead-start": "Începe",
+	"style-panel.arrowheads": "Vârfuri de săgeți",
+	"style-panel.color": "Culoare",
+	"style-panel.dash": "Liniuță",
+	"style-panel.fill": "Umplere",
+	"style-panel.font": "Font",
+	"style-panel.geo": "Formă",
+	"style-panel.label-align": "Aliniere etichetă",
+	"style-panel.mixed": "Amestecat",
+	"style-panel.opacity": "Opacitate",
+	"style-panel.position": "Poziție",
+	"style-panel.selected": "selectat",
+	"style-panel.size": "Mărime",
+	"style-panel.spline": "Spline",
+	"style-panel.title": "Stiluri",
+	"style-panel.vertical-align": "Aliniere verticală",
+	"theme.dark": "Întunecat",
+	"theme.light": "Luminos",
+	"theme.system": "Sistem",
+	"toast.close": "Închide",
+	"toast.error": "Eroare",
+	"toast.error.copy-fail.desc": "Copierea imaginii a eșuat",
+	"toast.error.copy-fail.title": "Copiere eșuată",
+	"toast.error.export-fail.desc": "Exportarea imaginii a eșuat",
+	"toast.error.export-fail.title": "Export eșuat",
+	"toast.info": "Informații",
+	"toast.success": "Succes",
+	"toast.warning": "Avertizare",
+	"tool-panel.more": "Mai multe",
+	"tool-panel.title": "Unelte",
+	"tool.arrow": "Săgeată",
+	"tool.arrow-down": "Săgeată în jos",
+	"tool.arrow-left": "Săgeată la stânga",
+	"tool.arrow-right": "Săgeată la dreapta",
+	"tool.arrow-up": "Săgeata în sus",
+	"tool.aspect-ratio": "Raport de aspect",
+	"tool.aspect-ratio.circle": "Cerc (1:1)",
+	"tool.aspect-ratio.landscape": "Peisaj (4:3)",
+	"tool.aspect-ratio.original": "Original",
+	"tool.aspect-ratio.portrait": "Portret (3:4)",
+	"tool.aspect-ratio.square": "Pătrat (1:1)",
+	"tool.aspect-ratio.wide": "Lat (16:9)",
+	"tool.bookmark": "Marcaj",
+	"tool.check-box": "Bifă",
+	"tool.cloud": "Cloud",
+	"tool.diamond": "Diamant",
+	"tool.draw": "Desenează",
+	"tool.ellipse": "Elipsă",
+	"tool.embed": "Înglobare",
+	"tool.eraser": "Radieră",
+	"tool.flip-horz": "Întoarce pe orizontală",
+	"tool.flip-vert": "Întoarce pe verticală",
+	"tool.frame": "Cadru",
+	"tool.hand": "Mână",
+	"tool.heart": "inima",
+	"tool.hexagon": "Hexagon",
+	"tool.highlight": "Evidențiază",
+	"tool.image-crop": "Decupează imaginea",
+	"tool.image-crop-confirm": "Confirma",
+	"tool.image-toolbar-title": "Instrumente de imagine",
+	"tool.image-zoom": "Mărește",
+	"tool.laser": "Laser",
+	"tool.line": "Linie",
+	"tool.media": "Media",
+	"tool.media-alt-text": "Text alternativ",
+	"tool.media-alt-text-confirm": "Confirma",
+	"tool.media-alt-text-desc": "Dă o descriere…",
+	"tool.note": "Notă",
+	"tool.octagon": "Octogon",
+	"tool.oval": "Oval",
+	"tool.pentagon": "Pentagon",
+	"tool.pointer-down": "Indicatorul în jos",
+	"tool.rectangle": "Dreptunghi",
+	"tool.replace-media": "Înlocuiți suportul media",
+	"tool.rhombus": "Romb",
+	"tool.rich-text-bold": "Îndrăzneţ",
+	"tool.rich-text-bulletList": "Lista cu marcatori",
+	"tool.rich-text-code": "Cod",
+	"tool.rich-text-header": "Antet",
+	"tool.rich-text-highlight": "Evidențiați",
+	"tool.rich-text-italic": "Cursiv",
+	"tool.rich-text-link": "Legătură",
+	"tool.rich-text-link-remove": "Eliminați linkul",
+	"tool.rich-text-link-visit": "Vizitați linkul",
+	"tool.rich-text-orderedList": "Listă ordonată",
+	"tool.rich-text-strikethrough": "Striat",
+	"tool.rich-text-toolbar-title": "Formatarea textului",
+	"tool.rotate-cw": "Roti",
+	"tool.select": "Selectează",
+	"tool.star": "Stea",
+	"tool.text": "Text",
+	"tool.trapezoid": "Trapez",
+	"tool.triangle": "Triunghi",
+	"tool.x-box": "Casetă X",
+	"ui.checked": "Verificat",
+	"ui.close": "Închide",
+	"ui.unchecked": "Neverificat",
+	"verticalAlign-style.end": "Jos",
+	"verticalAlign-style.middle": "Mijloc",
+	"verticalAlign-style.start": "Sus",
+	"vscode.file-open.backup": "Copie de siguranță",
+	"vscode.file-open.backup-failed": "Eșec copie de siguranță: acesta nu este un fișier .tldr.",
+	"vscode.file-open.backup-saved": "Copie de siguranță salvată",
+	"vscode.file-open.desc": "Acest fișier a fost creat cu o versiune anterioară de tldraw. Vrei să îl actualizezi pentru a funcționa cu noua versiune?",
+	"vscode.file-open.dont-show-again": "Nu mai întreba",
+	"vscode.file-open.open": "Continuă"
+}
diff --git a/web/hermes-dist/translations/ru.json b/web/hermes-dist/translations/ru.json
new file mode 100644
index 0000000..3970114
--- /dev/null
+++ b/web/hermes-dist/translations/ru.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "Настроить стили фигуры",
+	"a11y.enlarge-shape": "Увеличить фигуру",
+	"a11y.enter-leave-container": "Войти/выйти из контейнера",
+	"a11y.move-shape": "Переместить фигуру",
+	"a11y.move-shape-faster": "Переместить фигуру быстрее",
+	"a11y.multiple-shapes": "Выбрано {num} фигур",
+	"a11y.open-context-menu": "Открыть контекстное меню",
+	"a11y.open-keyboard-shortcuts": "Открыть сочетания клавиш",
+	"a11y.pan-camera": "Переместить камеру",
+	"a11y.repeat-shape": "Дублировать фигуру",
+	"a11y.rotate-shape-ccw": "Повернуть форму против часовой стрелки",
+	"a11y.rotate-shape-ccw-fine": "Повернуть против часовой стрелки (точно)",
+	"a11y.rotate-shape-cw": "Повернуть форму по часовой стрелки",
+	"a11y.rotate-shape-cw-fine": "Повернуть по часовой стрелки (точно)",
+	"a11y.select-shape": "Выбрать следующую фигуру",
+	"a11y.select-shape-direction": "Выбрать фигуру по направлению",
+	"a11y.shape-image": "Изображение",
+	"a11y.shape-index": "{num} из {total}",
+	"a11y.shape-video": "Видео",
+	"a11y.shrink-shape": "Уменьшить фигуру",
+	"a11y.skip-to-main-content": "Переместить фокус на холст",
+	"a11y.status": "Статус",
+	"action.align-bottom": "Выровнять по нижнему краю",
+	"action.align-center-horizontal": "Выровнять по горизонтали",
+	"action.align-center-horizontal.short": "Выровнять по горизонтали",
+	"action.align-center-vertical": "Выровнять по вертикали",
+	"action.align-center-vertical.short": "Выровнять по вертикали",
+	"action.align-left": "Выровнять по левому краю",
+	"action.align-right": "Выровнять по правому краю",
+	"action.align-top": "Выровнять по верхнему краю",
+	"action.back-to-content": "Назад к содержанию",
+	"action.bring-forward": "Переместить вперед",
+	"action.bring-to-front": "На передний план",
+	"action.convert-to-bookmark": "Конвертировать в закладку",
+	"action.convert-to-embed": "Конвертировать во встраивание",
+	"action.copy": "Копировать",
+	"action.copy-as-json": "Скопировать в формате JSON",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "Копировать как PNG",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "Копировать как SVG",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "Вырезать",
+	"action.delete": "Удалить",
+	"action.distribute-horizontal": "Распределить по горизонтали",
+	"action.distribute-horizontal.short": "Распределить по горизонтали",
+	"action.distribute-vertical": "Распределить по вертикали",
+	"action.distribute-vertical.short": "Распределить по вертикали",
+	"action.download-original": "Загрузить оригинал",
+	"action.duplicate": "Дублировать",
+	"action.edit-link": "Редактировать ссылку",
+	"action.enhanced-a11y-mode": "Переключить режим расширенной доступности",
+	"action.enhanced-a11y-mode.menu": "Режим расширенной доступности",
+	"action.exit-pen-mode": "Выйти из режима пера",
+	"action.export-all-as-png": "Экспортировать все как PNG",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "Экспортировать все как SVG",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "Экспортировать как PNG",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "Экспортировать как SVG",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "Подогнать по содержанию",
+	"action.flatten-to-image": "Сгладить",
+	"action.flip-horizontal": "Зеркально отразить по горизонтали",
+	"action.flip-horizontal.short": "Зеркально отразить по горизонтали",
+	"action.flip-vertical": "Зеркально отразить по вертикали",
+	"action.flip-vertical.short": "Зеркально отразить по вертикали",
+	"action.fork-project": "Скопировать этот проект",
+	"action.fork-project-on-tldraw": "Скопировать проект на tldraw",
+	"action.group": "Сгруппировать",
+	"action.insert-embed": "Вставить встраивание",
+	"action.insert-media": "Загрузить медиа",
+	"action.leave-shared-project": "Выйти из совместного проекта",
+	"action.new-project": "Новый проект",
+	"action.new-shared-project": "Новый совместный проект",
+	"action.open-cursor-chat": "Чат с курсором",
+	"action.open-embed-link": "Открыть ссылку",
+	"action.open-file": "Открыть файл",
+	"action.open-kbd-shortcuts": "Открыть сочетания клавиш",
+	"action.pack": "Собрать в кучу",
+	"action.paste": "Вставить",
+	"action.paste-error-description": "Невозможно вставить из-за недостатка разрешений на использование буфера обмена. Пожалуйста, включите эти разрешения и попробуйте еще раз.",
+	"action.paste-error-title": "Вставка не удалась",
+	"action.print": "Печать",
+	"action.redo": "Повторить",
+	"action.remove-frame": "Удалить рамку",
+	"action.rename": "Переименовать",
+	"action.rotate-ccw": "Вращать против часовой стрелки",
+	"action.rotate-cw": "Вращаться по часовой стрелке",
+	"action.save-copy": "Сохранить копию",
+	"action.select-all": "Выбрать всё",
+	"action.select-none": "Снять выделение",
+	"action.select-zoom-tool": "Зум",
+	"action.send-backward": "Переместить назад",
+	"action.send-to-back": "На задний план",
+	"action.share-project": "Поделиться этим проектом",
+	"action.stack-horizontal": "Разместить горизонтально",
+	"action.stack-horizontal.short": "Разместить горизонтально",
+	"action.stack-vertical": "Разместить вертикально",
+	"action.stack-vertical.short": "Разместить вертикально",
+	"action.stop-following": "Перестать следовать",
+	"action.stretch-horizontal": "Растянуть по горизонтали",
+	"action.stretch-horizontal.short": "Растянуть по горизонтали",
+	"action.stretch-vertical": "Растянуть по вертикали",
+	"action.stretch-vertical.short": "Растянуть по вертикали",
+	"action.toggle-auto-none": "Авто",
+	"action.toggle-auto-pan": "Авто (трекпад)",
+	"action.toggle-auto-size": "Переключить автоматический размер",
+	"action.toggle-auto-zoom": "Авто (мышь)",
+	"action.toggle-dark-mode": "Переключить темный режим",
+	"action.toggle-dark-mode.menu": "Темный режим",
+	"action.toggle-debug-mode": "Переключить режим отладки",
+	"action.toggle-debug-mode.menu": "Режим отладки",
+	"action.toggle-dynamic-size-mode": "Переключить автоматический размер",
+	"action.toggle-dynamic-size-mode.menu": "Динамический размер",
+	"action.toggle-edge-scrolling": "Переключить прокрутку по краям",
+	"action.toggle-edge-scrolling.menu": "Прокрутка по краям",
+	"action.toggle-focus-mode": "Переключить режим концентрации",
+	"action.toggle-focus-mode.menu": "Режим концентрации",
+	"action.toggle-grid": "Переключить сетку",
+	"action.toggle-grid.menu": "Показать сетку",
+	"action.toggle-invert-zoom": "Переключить инвертированное масштабирование мыши",
+	"action.toggle-invert-zoom.menu": "Инвертировать масштабирование мыши",
+	"action.toggle-keyboard-shortcuts": "Переключить сочетания клавиш",
+	"action.toggle-keyboard-shortcuts.menu": "Сочетания клавиш",
+	"action.toggle-lock": "Блокировать / Разблокировать",
+	"action.toggle-mouse": "Мышь",
+	"action.toggle-paste-at-cursor": "Переключить вставку на курсор",
+	"action.toggle-paste-at-cursor.menu": "Вставить по курсору",
+	"action.toggle-reduce-motion": "Переключить уменьшение движения",
+	"action.toggle-reduce-motion.menu": "Уменьшить движение",
+	"action.toggle-snap-mode": "Переключить всегда привязываться",
+	"action.toggle-snap-mode.menu": "Всегда привязываться",
+	"action.toggle-tool-lock": "Переключить блокировку инструмента",
+	"action.toggle-tool-lock.menu": "Блокировка инструмента",
+	"action.toggle-trackpad": "Трекпад",
+	"action.toggle-transparent": "Переключить прозрачный фон",
+	"action.toggle-transparent.context-menu": "Прозрачный",
+	"action.toggle-transparent.menu": "Прозрачный",
+	"action.toggle-wrap-mode": "Переключить выбор при переносе",
+	"action.toggle-wrap-mode.menu": "Выбрать при переносе",
+	"action.undo": "Отменить",
+	"action.ungroup": "Разгруппировать",
+	"action.unlock-all": "Разблокировать все",
+	"action.zoom-in": "Увеличить",
+	"action.zoom-out": "Уменьшить",
+	"action.zoom-quick": "Быстрое масштабирование",
+	"action.zoom-to-100": "Масштабировать до 100%",
+	"action.zoom-to-fit": "Масштабировать до размера окна",
+	"action.zoom-to-selection": "Масштабировать до выделения",
+	"actions-menu.title": "Действия",
+	"align-style.end": "По правому краю",
+	"align-style.justify": "По ширине",
+	"align-style.middle": "По центру",
+	"align-style.start": "По левому краю",
+	"app.loading": "Загрузка tldraw…",
+	"arrow-kind-style.arc": "Кривая",
+	"arrow-kind-style.elbow": "Ломаная",
+	"arrowheadEnd-style.arrow": "Стрелка",
+	"arrowheadEnd-style.bar": "Линия",
+	"arrowheadEnd-style.diamond": "Ромб",
+	"arrowheadEnd-style.dot": "Круг",
+	"arrowheadEnd-style.inverted": "Обратная",
+	"arrowheadEnd-style.none": "Без",
+	"arrowheadEnd-style.pipe": "Труба",
+	"arrowheadEnd-style.square": "Квадрат",
+	"arrowheadEnd-style.triangle": "Треугольник",
+	"arrowheadStart-style.arrow": "Стрелка",
+	"arrowheadStart-style.bar": "Линия",
+	"arrowheadStart-style.diamond": "Ромб",
+	"arrowheadStart-style.dot": "Круг",
+	"arrowheadStart-style.inverted": "Обратная",
+	"arrowheadStart-style.none": "Без",
+	"arrowheadStart-style.pipe": "Труба",
+	"arrowheadStart-style.square": "Квадрат",
+	"arrowheadStart-style.triangle": "Треугольник",
+	"assets.files.amount-too-many": "Слишком много файлов",
+	"assets.files.maximum-size": "Максимальный размер файла — {size}",
+	"assets.files.size-too-big": "Размер файла слишком большой",
+	"assets.files.type-not-allowed": "Тип файла не разрешен",
+	"assets.files.upload-failed": "Загрузка не удалась",
+	"assets.url.failed": "Не удалось загрузить предварительный просмотр URL",
+	"color-style.black": "Черный",
+	"color-style.blue": "Синий",
+	"color-style.green": "Зеленый",
+	"color-style.grey": "Серый",
+	"color-style.light-blue": "Голубой",
+	"color-style.light-green": "Светло-зеленый",
+	"color-style.light-red": "Светло-красный",
+	"color-style.light-violet": "Светло-фиолетовый",
+	"color-style.orange": "Оранжевый",
+	"color-style.red": "Красный",
+	"color-style.violet": "Фиолетовый",
+	"color-style.white": "Белый",
+	"color-style.yellow": "Желтый",
+	"context-menu.arrange": "Организовать",
+	"context-menu.copy-as": "Скопировать как",
+	"context-menu.edit": "Правка",
+	"context-menu.export-all-as": "Экспортировать все как",
+	"context-menu.export-as": "Экспортировать как",
+	"context-menu.move-to-page": "Перенести на страницу",
+	"context-menu.reorder": "Переупорядочить",
+	"context-menu.title": "Контекстное меню",
+	"context.pages.new-page": "Новая страница",
+	"cursor-chat.type-to-chat": "Напишите сообщение в чате...",
+	"dash-style.dashed": "Штриховой",
+	"dash-style.dotted": "Пунктирный",
+	"dash-style.draw": "Художественный",
+	"dash-style.solid": "Сплошной",
+	"document-name-menu.copy-link": "Копировать ссылку",
+	"document.default-name": "Без названия",
+	"edit-link-dialog.cancel": "Отмена",
+	"edit-link-dialog.clear": "Очистить",
+	"edit-link-dialog.detail": "Ссылки откроются в новой вкладке.",
+	"edit-link-dialog.external-link": "Внешняя ссылка",
+	"edit-link-dialog.invalid-url": "Ссылка должна быть действительным URL-адресом.",
+	"edit-link-dialog.save": "Продолжить",
+	"edit-link-dialog.title": "Редактировать ссылку",
+	"edit-link-dialog.url": "URL-адрес",
+	"embed-dialog.back": "Назад",
+	"embed-dialog.cancel": "Отмена",
+	"embed-dialog.create": "Создать",
+	"embed-dialog.instruction": "Вставьте URL-адрес сайта, чтобы создать встраивание.",
+	"embed-dialog.invalid-url": "Нам не удалось создать встраивание из этого URL-адреса.",
+	"embed-dialog.title": "Создать встраивание",
+	"embed-dialog.url": "URL-адрес",
+	"file-system.confirm-clear.cancel": "Отмена",
+	"file-system.confirm-clear.continue": "Продолжить",
+	"file-system.confirm-clear.description": "Создание нового проекта очистит ваш текущий проект, и все несохраненные изменения будут потеряны. Вы уверены, что хотите продолжить?",
+	"file-system.confirm-clear.dont-show-again": "Больше не спрашивать",
+	"file-system.confirm-clear.title": "Очистить текущий проект?",
+	"file-system.confirm-open.cancel": "Отмена",
+	"file-system.confirm-open.description": "Открытие файла заменит ваш текущий проект, и все несохраненные изменения будут потеряны. Вы уверены, что хотите продолжить?",
+	"file-system.confirm-open.dont-show-again": "Больше не спрашивать",
+	"file-system.confirm-open.open": "Открыть файл",
+	"file-system.confirm-open.title": "Перезаписать текущий проект?",
+	"file-system.file-open-error.file-format-version-too-new": "Файл, который вы пытались открыть, относится к более новой версии tldraw. Пожалуйста, обновите страницу и попробуйте еще раз.",
+	"file-system.file-open-error.generic-corrupted-file": "Файл, который вы пытались открыть, поврежден.",
+	"file-system.file-open-error.not-a-tldraw-file": "Файл, который вы пытались открыть, не похож на файл tldraw.",
+	"file-system.file-open-error.title": "Не удалось открыть файл",
+	"file-system.shared-document-file-open-error.description": "Открытие файлов из совместных проектов не поддерживается.",
+	"file-system.shared-document-file-open-error.title": "Не удалось открыть файл",
+	"fill-style.fill": "Заполнить",
+	"fill-style.lined-fill": "Линейная заливка",
+	"fill-style.none": "Без",
+	"fill-style.pattern": "Узор",
+	"fill-style.semi": "Полу",
+	"fill-style.solid": "Сплошная",
+	"focus-mode.toggle-focus-mode": "Переключить режим концентрации",
+	"font-style.draw": "Художественный",
+	"font-style.mono": "Моноширинный",
+	"font-style.sans": "Без засечек",
+	"font-style.serif": "С засечками",
+	"geo-style.arrow-down": "Стрелка вниз",
+	"geo-style.arrow-left": "Стрелка влево",
+	"geo-style.arrow-right": "Стрелка вправо",
+	"geo-style.arrow-up": "Стрелка вверх",
+	"geo-style.check-box": "Флажок",
+	"geo-style.cloud": "Облако",
+	"geo-style.diamond": "Ромб",
+	"geo-style.ellipse": "Эллипс",
+	"geo-style.heart": "Сердце",
+	"geo-style.hexagon": "Шестиугольник",
+	"geo-style.octagon": "Восьмиугольник",
+	"geo-style.oval": "Овал",
+	"geo-style.pentagon": "Пятиугольник",
+	"geo-style.rectangle": "Прямоугольник",
+	"geo-style.rhombus": "Ромб",
+	"geo-style.rhombus-2": "Ромб слева",
+	"geo-style.star": "Звезда",
+	"geo-style.trapezoid": "Трапеция",
+	"geo-style.triangle": "Треугольник",
+	"geo-style.x-box": "X квадрат",
+	"handle.crop.bottom": "Обрезать снизу",
+	"handle.crop.bottom-left": "Обрезать снизу слева",
+	"handle.crop.bottom-right": "Обрезать снизу справа",
+	"handle.crop.left": "Обрезать слева",
+	"handle.crop.right": "Обрезать справа",
+	"handle.crop.top": "Обрезать сверху",
+	"handle.crop.top-left": "Обрезать сверху слева",
+	"handle.crop.top-right": "Обрезать сверху справа",
+	"handle.resize-bottom": "Изменить размер снизу",
+	"handle.resize-bottom-left": "Изменить размер снизу слева",
+	"handle.resize-bottom-right": "Изменить размер снизу справа",
+	"handle.resize-left": "Изменить размер слева",
+	"handle.resize-right": "Изменить размер справа",
+	"handle.resize-top": "Изменить размер сверху",
+	"handle.resize-top-left": "Изменить размер сверху слева",
+	"handle.resize-top-right": "Изменить размер сверху справа",
+	"handle.rotate.bottom_left_rotate": "Повернуть снизу слева",
+	"handle.rotate.bottom_right_rotate": "Повернуть снизу справа",
+	"handle.rotate.mobile_rotate": "Повернуть",
+	"handle.rotate.top_left_rotate": "Повернуть сверху слева",
+	"handle.rotate.top_right_rotate": "Повернуть сверху справа",
+	"help-menu.about": "О нас",
+	"help-menu.discord": "Discord",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "Импортировать файл...",
+	"help-menu.keyboard-shortcuts": "Сочетания клавиш",
+	"help-menu.privacy": "Политика конфиденциальности",
+	"help-menu.terms": "Условия использования",
+	"help-menu.title": "Помощь и материалы",
+	"help-menu.twitter": "Twitter",
+	"menu.accessibility": "Доступность",
+	"menu.color-theme": "Цветовая гамма",
+	"menu.copy-as": "Скопировать как",
+	"menu.edit": "Правка",
+	"menu.export-as": "Экспортировать как",
+	"menu.file": "Файл",
+	"menu.input-device": "Устройство ввода",
+	"menu.language": "Язык",
+	"menu.preferences": "Настройки",
+	"menu.theme": "Тема",
+	"menu.title": "Меню",
+	"menu.view": "Вид",
+	"navigation-zone.minimap": "Мини карта",
+	"navigation-zone.title": "Навигация",
+	"navigation-zone.toggle-minimap": "Переключить мини-карту",
+	"navigation-zone.zoom": "Увеличить",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "Создать новую страницу",
+	"page-menu.edit-done": "Выполнено",
+	"page-menu.edit-start": "Редактировать",
+	"page-menu.go-to-page": "Перейти на страницу",
+	"page-menu.new-page-initial-name": "Страница 1",
+	"page-menu.submenu.delete": "Удалить",
+	"page-menu.submenu.duplicate-page": "Дублировать",
+	"page-menu.submenu.move-down": "Переместить вниз",
+	"page-menu.submenu.move-up": "Переместить вверх",
+	"page-menu.submenu.rename": "Переименовать",
+	"page-menu.submenu.title": "Меню",
+	"page-menu.title": "Страницы",
+	"people-menu.anonymous-user": "Новый пользователь",
+	"people-menu.avatar-color": "Цвет аватара",
+	"people-menu.change-color": "Изменить цвет",
+	"people-menu.change-name": "Изменить имя",
+	"people-menu.follow": "Следовать",
+	"people-menu.following": "Следуем за",
+	"people-menu.invite": "Пригласить других пользователей",
+	"people-menu.leading": "Следуют за Вами",
+	"people-menu.title": "Люди",
+	"people-menu.user": "(Вы)",
+	"share-menu.copied": "Ссылка скопирована!",
+	"share-menu.copy-link": "Копировать ссылку",
+	"share-menu.copy-link-note": "Любой, у кого есть ссылка, сможет просматривать и редактировать этот проект.",
+	"share-menu.copy-readonly-link": "Скопировать ссылку только для чтения",
+	"share-menu.copy-readonly-link-note": "Любой, у кого есть ссылка, сможет просматривать (но не редактировать) этот проект.",
+	"share-menu.create-snapshot-link": "Создать ссылку на снимок",
+	"share-menu.creating-project": "Создание нового проекта…",
+	"share-menu.fork-note": "Создайте новый общий проект на основе этого снимка.",
+	"share-menu.offline-note": "Совместное использование этого проекта создаст размещенную онлайн копию по новому URL-адресу. Вы можете поделиться URL-адресом с тридцатью другими людьми для совместного просмотра и редактирования проекта.",
+	"share-menu.project-too-large": "К сожалению, этим проектом нельзя поделиться, потому что он слишком большой. Мы работаем над этим!",
+	"share-menu.save-note": "Загрузите этот проект на свой компьютер в виде .tldr файла.",
+	"share-menu.share-project": "Поделиться этим проектом",
+	"share-menu.snapshot-link-note": "Поделитесь ссылкой на этот проект в режиме только для чтения.",
+	"share-menu.title": "Поделиться",
+	"share-menu.upload-failed": "К сожалению, в данный момент мы не можем загрузить ваш проект. Повторите попытку или сообщите нам, если проблема не исчезнет.",
+	"sharing.confirm-leave.cancel": "Отмена",
+	"sharing.confirm-leave.description": "Вы уверены, что хотите покинуть этот совместный проект? Вы можете вернуться к нему, перейдя по его URL-адресу.",
+	"sharing.confirm-leave.dont-show-again": "Больше не спрашивать",
+	"sharing.confirm-leave.leave": "Выйти",
+	"sharing.confirm-leave.title": "Покинуть текущий проект?",
+	"shortcuts-dialog.a11y": "Доступность",
+	"shortcuts-dialog.collaboration": "Сотрудничество",
+	"shortcuts-dialog.edit": "Правка",
+	"shortcuts-dialog.file": "Файл",
+	"shortcuts-dialog.preferences": "Настройки",
+	"shortcuts-dialog.text-formatting": "Форматирование текста",
+	"shortcuts-dialog.title": "Сочетания клавиш",
+	"shortcuts-dialog.tools": "Инструменты",
+	"shortcuts-dialog.transform": "Преобразования",
+	"shortcuts-dialog.view": "Вид",
+	"size-style.l": "Большой",
+	"size-style.m": "Средний",
+	"size-style.s": "Маленький",
+	"size-style.xl": "Очень большой",
+	"spline-style.cubic": "Кубический",
+	"spline-style.line": "Прямой",
+	"status.offline": "Не в сети",
+	"style-panel.align": "Выровнять",
+	"style-panel.arrow-kind": "Прямой",
+	"style-panel.arrowhead-end": "Хвост",
+	"style-panel.arrowhead-start": "Наконечник",
+	"style-panel.arrowheads": "Стрелка",
+	"style-panel.color": "Цвет",
+	"style-panel.dash": "Контур",
+	"style-panel.fill": "Заливка",
+	"style-panel.font": "Шрифт",
+	"style-panel.geo": "Форма",
+	"style-panel.label-align": "Выравнивание меток",
+	"style-panel.mixed": "Смешанный",
+	"style-panel.opacity": "Непрозрачность",
+	"style-panel.position": "Позиция",
+	"style-panel.selected": "выбрано",
+	"style-panel.size": "Размер",
+	"style-panel.spline": "Сплайн",
+	"style-panel.title": "Стили",
+	"style-panel.vertical-align": "Вертикальное выравнивание",
+	"theme.dark": "Темная",
+	"theme.light": "Светлая",
+	"theme.system": "Системная",
+	"toast.close": "Закрыть",
+	"toast.error": "Ошибка",
+	"toast.error.copy-fail.desc": "Не удалось скопировать изображение",
+	"toast.error.copy-fail.title": "Не удалось скопировать",
+	"toast.error.export-fail.desc": "Не удалось экспортировать изображение",
+	"toast.error.export-fail.title": "Ошибка экспорта",
+	"toast.info": "Информация",
+	"toast.success": "Успешно",
+	"toast.warning": "Предупреждение",
+	"tool-panel.more": "Подробнее",
+	"tool-panel.title": "Инструменты",
+	"tool.arrow": "Стрелка",
+	"tool.arrow-down": "Стрелка вниз",
+	"tool.arrow-left": "Стрелка влево",
+	"tool.arrow-right": "Стрелка вправо",
+	"tool.arrow-up": "Стрелка вверх",
+	"tool.aspect-ratio": "Соотношение сторон",
+	"tool.aspect-ratio.circle": "Круг (1:1)",
+	"tool.aspect-ratio.landscape": "Альбом (4:3)",
+	"tool.aspect-ratio.original": "Оригинал",
+	"tool.aspect-ratio.portrait": "Портрет (3:4)",
+	"tool.aspect-ratio.square": "Квадрат (1:1)",
+	"tool.aspect-ratio.wide": "Широкий (16:9)",
+	"tool.bookmark": "Закладка",
+	"tool.check-box": "Флажок",
+	"tool.cloud": "Облако",
+	"tool.diamond": "Ромбоид",
+	"tool.draw": "Карандаш",
+	"tool.ellipse": "Эллипс",
+	"tool.embed": "Встраивание",
+	"tool.eraser": "Ластик",
+	"tool.flip-horz": "Зеркально отразить по горизонтали",
+	"tool.flip-vert": "Зеркально отразить по вертикали",
+	"tool.frame": "Рамка",
+	"tool.hand": "Рука",
+	"tool.heart": "Сердце",
+	"tool.hexagon": "Шестиугольник",
+	"tool.highlight": "Выделить",
+	"tool.image-crop": "Обрезать изображение",
+	"tool.image-crop-confirm": "Подтвердить",
+	"tool.image-toolbar-title": "Инструменты изображения",
+	"tool.image-zoom": "Увеличить",
+	"tool.laser": "Лазер",
+	"tool.line": "Линия",
+	"tool.media": "Медиа",
+	"tool.media-alt-text": "Альтернативный текст",
+	"tool.media-alt-text-confirm": "Подтвердить",
+	"tool.media-alt-text-desc": "Добавьте описание…",
+	"tool.note": "Заметка",
+	"tool.octagon": "Восьмиугольник",
+	"tool.oval": "Овал",
+	"tool.pentagon": "Пятиугольник",
+	"tool.pointer-down": "Указатель вниз",
+	"tool.rectangle": "Прямоугольник",
+	"tool.replace-media": "Заменить медиа",
+	"tool.rhombus": "Ромб",
+	"tool.rich-text-bold": "Жирный",
+	"tool.rich-text-bulletList": "Маркированный список",
+	"tool.rich-text-code": "Код",
+	"tool.rich-text-header": "Заголовок",
+	"tool.rich-text-highlight": "Выделять",
+	"tool.rich-text-italic": "Курсив",
+	"tool.rich-text-link": "Ссылка",
+	"tool.rich-text-link-remove": "Удалить ссылку",
+	"tool.rich-text-link-visit": "Перейти по ссылке",
+	"tool.rich-text-orderedList": "Нумерованный список",
+	"tool.rich-text-strikethrough": "Зачеркивание",
+	"tool.rich-text-toolbar-title": "Форматирование текста",
+	"tool.rotate-cw": "Повернуть",
+	"tool.select": "Перемещение",
+	"tool.star": "Звезда",
+	"tool.text": "Текст",
+	"tool.trapezoid": "Трапеция",
+	"tool.triangle": "Треугольник",
+	"tool.x-box": "X квадрат",
+	"ui.checked": "Отмечено",
+	"ui.close": "Закрыть",
+	"ui.unchecked": "Не отмечено",
+	"verticalAlign-style.end": "По нижнему краю",
+	"verticalAlign-style.middle": "По центру",
+	"verticalAlign-style.start": "По верхнему краю",
+	"vscode.file-open.backup": "Резервная копия",
+	"vscode.file-open.backup-failed": "Резервное копирование не удалось: это не файл .tldr",
+	"vscode.file-open.backup-saved": "Резервная копия сохранена",
+	"vscode.file-open.desc": "Этот файл был создан в более ранней версии tldraw. Хотите обновить его для работы с новой версией?",
+	"vscode.file-open.dont-show-again": "Больше не спрашивать",
+	"vscode.file-open.open": "Продолжить"
+}
diff --git a/web/hermes-dist/translations/sl.json b/web/hermes-dist/translations/sl.json
new file mode 100644
index 0000000..f39032a
--- /dev/null
+++ b/web/hermes-dist/translations/sl.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "Prilagodi sloge oblik",
+	"a11y.enlarge-shape": "Povečaj obliko",
+	"a11y.enter-leave-container": "Vstop/izstop iz zabojnika",
+	"a11y.move-shape": "Premakni obliko",
+	"a11y.move-shape-faster": "Hitrejše premikanje oblike",
+	"a11y.multiple-shapes": "{num} izbranih oblik",
+	"a11y.open-context-menu": "Odpri kontekstni meni",
+	"a11y.open-keyboard-shortcuts": "Odpri bližnjice na tipkovnici",
+	"a11y.pan-camera": "Panoramska kamera",
+	"a11y.repeat-shape": "Ponovi obliko",
+	"a11y.rotate-shape-ccw": "Zavrtite obliko v nasprotni smeri urinega kazalca",
+	"a11y.rotate-shape-ccw-fine": "Zavrtite obliko v nasprotni smeri urinega kazalca (natančno)",
+	"a11y.rotate-shape-cw": "Zavrtite obliko v smeri urinega kazalca",
+	"a11y.rotate-shape-cw-fine": "Zavrtite obliko v smeri urinega kazalca (natančno)",
+	"a11y.select-shape": "Izberi naslednjo obliko",
+	"a11y.select-shape-direction": "Izberi obliko v smeri",
+	"a11y.shape-image": "Slika",
+	"a11y.shape-index": "{num} od {total}",
+	"a11y.shape-video": "Video",
+	"a11y.shrink-shape": "Skrčljiva oblika",
+	"a11y.skip-to-main-content": "Premakni fokus na platno",
+	"a11y.status": "Stanje",
+	"action.align-bottom": "Poravnaj dno",
+	"action.align-center-horizontal": "Poravnaj vodoravno",
+	"action.align-center-horizontal.short": "Poravnaj vodoravno",
+	"action.align-center-vertical": "Poravnaj navpično",
+	"action.align-center-vertical.short": "Poravnaj navpično",
+	"action.align-left": "Poravnaj levo",
+	"action.align-right": "Poravnaj desno",
+	"action.align-top": "Poravnaj vrh",
+	"action.back-to-content": "Nazaj na vsebino",
+	"action.bring-forward": "Premakni naprej",
+	"action.bring-to-front": "Premakni v ospredje",
+	"action.convert-to-bookmark": "Pretvori v zaznamek",
+	"action.convert-to-embed": "Pretvori v vdelavo",
+	"action.copy": "Kopiraj",
+	"action.copy-as-json": "Kopiraj kot JSON",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "Kopiraj kot PNG",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "Kopiraj kot SVG",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "Izreži",
+	"action.delete": "Izbriši",
+	"action.distribute-horizontal": "Porazdeli vodoravno",
+	"action.distribute-horizontal.short": "Porazdeli vodoravno",
+	"action.distribute-vertical": "Porazdeli navpično",
+	"action.distribute-vertical.short": "Porazdeli navpično",
+	"action.download-original": "Prenesi izvirnik",
+	"action.duplicate": "Podvoji",
+	"action.edit-link": "Uredi povezavo",
+	"action.enhanced-a11y-mode": "Preklopi način izboljšane dostopnosti",
+	"action.enhanced-a11y-mode.menu": "Izboljšan način dostopnosti",
+	"action.exit-pen-mode": "Zapustite način peresa",
+	"action.export-all-as-png": "Izvozi vse kot PNG",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "Izvozi vse kot SVG",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "Izvozi kot PNG",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "Izvozi kot SVG",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "Prilagodi vsebini",
+	"action.flatten-to-image": "Sploščiti",
+	"action.flip-horizontal": "Zrcali vodoravno",
+	"action.flip-horizontal.short": "Zrcali horizontalno",
+	"action.flip-vertical": "Zrcali navpično",
+	"action.flip-vertical.short": "Zrcali vertikalno",
+	"action.fork-project": "Naredi kopijo projekta",
+	"action.fork-project-on-tldraw": "Naredi kopijo na tldraw",
+	"action.group": "Združi",
+	"action.insert-embed": "Vstavi vdelavo",
+	"action.insert-media": "Naloži predstavnost",
+	"action.leave-shared-project": "Zapusti skupni projekt",
+	"action.new-project": "Nov projekt",
+	"action.new-shared-project": "Nov skupni projekt",
+	"action.open-cursor-chat": "Klepet s kazalcem",
+	"action.open-embed-link": "Odpri povezavo",
+	"action.open-file": "Odpri datoteko",
+	"action.open-kbd-shortcuts": "Odpri bližnjice na tipkovnici",
+	"action.pack": "Spakiraj",
+	"action.paste": "Prilepi",
+	"action.paste-error-description": "Ni bilo mogoče prilepiti zaradi manjkajočih dovoljenj za odložišče. Omogočite dovoljenja in poskusite znova.",
+	"action.paste-error-title": "Lepljenje ni uspelo",
+	"action.print": "Natisni",
+	"action.redo": "Uveljavi",
+	"action.remove-frame": "Odstrani okvir",
+	"action.rename": "Preimenuj",
+	"action.rotate-ccw": "Zavrti v nasprotni smeri urinega kazalca",
+	"action.rotate-cw": "Zavrti v smeri urinega kazalca",
+	"action.save-copy": "Shrani kopijo",
+	"action.select-all": "Izberi vse",
+	"action.select-none": "Počisti izbiro",
+	"action.select-zoom-tool": "Povečava",
+	"action.send-backward": "Pošlji nazaj",
+	"action.send-to-back": "Pošlji v ozadje",
+	"action.share-project": "Deli ta projekt",
+	"action.stack-horizontal": "Naloži vodoravno",
+	"action.stack-horizontal.short": "Naloži vodoravno",
+	"action.stack-vertical": "Naloži navpično",
+	"action.stack-vertical.short": "Naloži navpično",
+	"action.stop-following": "Prenehaj slediti",
+	"action.stretch-horizontal": "Raztegnite vodoravno",
+	"action.stretch-horizontal.short": "Raztezanje vodoravno",
+	"action.stretch-vertical": "Raztegni navpično",
+	"action.stretch-vertical.short": "Raztezanje navpično",
+	"action.toggle-auto-none": "Auto",
+	"action.toggle-auto-pan": "Samodejno (sledilna ploščica)",
+	"action.toggle-auto-size": "Preklopi samodejno velikost",
+	"action.toggle-auto-zoom": "Samodejno (miška)",
+	"action.toggle-dark-mode": "Preklopi temni način",
+	"action.toggle-dark-mode.menu": "Temni način",
+	"action.toggle-debug-mode": "Preklopi način odpravljanja napak",
+	"action.toggle-debug-mode.menu": "Način odpravljanja napak",
+	"action.toggle-dynamic-size-mode": "Preklopi dinamično velikost",
+	"action.toggle-dynamic-size-mode.menu": "Dinamična velikost",
+	"action.toggle-edge-scrolling": "Preklopi pomikanje ob robovih",
+	"action.toggle-edge-scrolling.menu": "Pomikanje ob robovih",
+	"action.toggle-focus-mode": "Preklopi na osredotočen način",
+	"action.toggle-focus-mode.menu": "Osredotočen način",
+	"action.toggle-grid": "Preklopi mrežo",
+	"action.toggle-grid.menu": "Prikaži mrežo",
+	"action.toggle-invert-zoom": "Preklopi invertira povečavo/pomanjšavo miške",
+	"action.toggle-invert-zoom.menu": "Obrni povečavo z miško",
+	"action.toggle-keyboard-shortcuts": "Preklopi bližnjice na tipkovnici",
+	"action.toggle-keyboard-shortcuts.menu": "Bližnjice na tipkovnici",
+	"action.toggle-lock": "Zakleni / odkleni",
+	"action.toggle-mouse": "Miška",
+	"action.toggle-paste-at-cursor": "Preklopi prilepi na kazalec",
+	"action.toggle-paste-at-cursor.menu": "Prilepi na kazalec",
+	"action.toggle-reduce-motion": "Preklop zmanjšanja gibanja",
+	"action.toggle-reduce-motion.menu": "Zmanjšaj gibanje",
+	"action.toggle-snap-mode": "Preklopi pripenjanje",
+	"action.toggle-snap-mode.menu": "Vedno pripni",
+	"action.toggle-tool-lock": "Preklopi zaklepanje orodja",
+	"action.toggle-tool-lock.menu": "Zaklepanje orodja",
+	"action.toggle-trackpad": "Sledilna ploščica",
+	"action.toggle-transparent": "Preklopi prosojno ozadje",
+	"action.toggle-transparent.context-menu": "Prozorno",
+	"action.toggle-transparent.menu": "Prozorno",
+	"action.toggle-wrap-mode": "Preklopi Izberi ob zajetju",
+	"action.toggle-wrap-mode.menu": "Izberi ob zajetju",
+	"action.undo": "Razveljavi",
+	"action.ungroup": "Razdruži",
+	"action.unlock-all": "Odkleni vse",
+	"action.zoom-in": "Povečaj",
+	"action.zoom-out": "Pomanjšaj",
+	"action.zoom-quick": "Hitra povečava",
+	"action.zoom-to-100": "Povečaj na 100 %",
+	"action.zoom-to-fit": "Povečaj do prileganja",
+	"action.zoom-to-selection": "Pomakni na izbiro",
+	"actions-menu.title": "Akcije",
+	"align-style.end": "Konec",
+	"align-style.justify": "Poravnaj",
+	"align-style.middle": "Sredina",
+	"align-style.start": "Začetek",
+	"app.loading": "Nalaganje tldraw …",
+	"arrow-kind-style.arc": "Lok",
+	"arrow-kind-style.elbow": "Komolec",
+	"arrowheadEnd-style.arrow": "Puščica",
+	"arrowheadEnd-style.bar": "Črta",
+	"arrowheadEnd-style.diamond": "Diamant",
+	"arrowheadEnd-style.dot": "Pika",
+	"arrowheadEnd-style.inverted": "Obrnjeno",
+	"arrowheadEnd-style.none": "Brez",
+	"arrowheadEnd-style.pipe": "Cev",
+	"arrowheadEnd-style.square": "Kvadrat",
+	"arrowheadEnd-style.triangle": "Trikotnik",
+	"arrowheadStart-style.arrow": "Puščica",
+	"arrowheadStart-style.bar": "Črta",
+	"arrowheadStart-style.diamond": "Diamant",
+	"arrowheadStart-style.dot": "Pika",
+	"arrowheadStart-style.inverted": "Obrnjeno",
+	"arrowheadStart-style.none": "Brez",
+	"arrowheadStart-style.pipe": "Cev",
+	"arrowheadStart-style.square": "Kvadrat",
+	"arrowheadStart-style.triangle": "Trikotnik",
+	"assets.files.amount-too-many": "Preveč datotek",
+	"assets.files.maximum-size": "Največja velikost datoteke je {size}",
+	"assets.files.size-too-big": "Velikost datoteke je prevelika",
+	"assets.files.type-not-allowed": "Vrsta datoteke ni dovoljena",
+	"assets.files.upload-failed": "Nalaganje ni uspelo",
+	"assets.url.failed": "Ni bilo mogoče naložiti predogleda URL",
+	"color-style.black": "Črna",
+	"color-style.blue": "Modra",
+	"color-style.green": "Zelena",
+	"color-style.grey": "Siva",
+	"color-style.light-blue": "Svetlo modra",
+	"color-style.light-green": "Svetlo zelena",
+	"color-style.light-red": "Svetlo rdeča",
+	"color-style.light-violet": "Svetlo vijolična",
+	"color-style.orange": "Oranžna",
+	"color-style.red": "Rdeča",
+	"color-style.violet": "Vijolična",
+	"color-style.white": "Bela",
+	"color-style.yellow": "Rumena",
+	"context-menu.arrange": "Preuredi",
+	"context-menu.copy-as": "Kopiraj kot",
+	"context-menu.edit": "Uredi",
+	"context-menu.export-all-as": "Izvozi vse kot",
+	"context-menu.export-as": "Izvozi kot",
+	"context-menu.move-to-page": "Premakni na stran",
+	"context-menu.reorder": "Preuredite",
+	"context-menu.title": "Kontekstni meni",
+	"context.pages.new-page": "Nova stran",
+	"cursor-chat.type-to-chat": "Vnesite za klepet ...",
+	"dash-style.dashed": "Črtkano",
+	"dash-style.dotted": "Pikčasto",
+	"dash-style.draw": "Narisano",
+	"dash-style.solid": "Polno",
+	"document-name-menu.copy-link": "Kopiraj povezavo",
+	"document.default-name": "Neimenovana",
+	"edit-link-dialog.cancel": "Prekliči",
+	"edit-link-dialog.clear": "Počisti",
+	"edit-link-dialog.detail": "Povezave se bodo odprle v novem zavihku.",
+	"edit-link-dialog.external-link": "Zunanja povezava",
+	"edit-link-dialog.invalid-url": "Povezava mora biti veljavna",
+	"edit-link-dialog.save": "Nadaljuj",
+	"edit-link-dialog.title": "Uredi povezavo",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "Nazaj",
+	"embed-dialog.cancel": "Prekliči",
+	"embed-dialog.create": "Ustvari",
+	"embed-dialog.instruction": "Prilepite URL spletnega mesta, da ustvarite vdelavo.",
+	"embed-dialog.invalid-url": "Iz tega URL-ja nismo mogli ustvariti vdelave.",
+	"embed-dialog.title": "Ustvari vdelavo",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "Prekliči",
+	"file-system.confirm-clear.continue": "Nadaljuj",
+	"file-system.confirm-clear.description": "Če ustvarite nov projekt, boste izbrisali trenutni projekt in vse neshranjene spremembe bodo izgubljene. Ste prepričani, da želite nadaljevati?",
+	"file-system.confirm-clear.dont-show-again": "Ne sprašuj znova",
+	"file-system.confirm-clear.title": "Počisti trenutni projekt?",
+	"file-system.confirm-open.cancel": "Prekliči",
+	"file-system.confirm-open.description": "Če ustvarite nov projekt, boste izbrisali trenutni projekt in vse neshranjene spremembe bodo izgubljene. Ste prepričani, da želite nadaljevati?",
+	"file-system.confirm-open.dont-show-again": "Ne sprašuj znova",
+	"file-system.confirm-open.open": "Odpri datoteko",
+	"file-system.confirm-open.title": "Prepiši trenutni projekt?",
+	"file-system.file-open-error.file-format-version-too-new": "Datoteka, ki ste jo poskušali odpreti, je iz novejše različice tldraw. Ponovno naložite stran in poskusite znova.",
+	"file-system.file-open-error.generic-corrupted-file": "Datoteka, ki ste jo poskušali odpreti, je poškodovana.",
+	"file-system.file-open-error.not-a-tldraw-file": "Datoteka, ki ste jo poskušali odpreti, ni videti kot datoteka tldraw.",
+	"file-system.file-open-error.title": "Datoteke ni bilo mogoče odpreti",
+	"file-system.shared-document-file-open-error.description": "Odpiranje datotek v skupnih projektih ni podprto.",
+	"file-system.shared-document-file-open-error.title": "Datoteke ni bilo mogoče odpreti",
+	"fill-style.fill": "Izpolnite",
+	"fill-style.lined-fill": "Črtano polnilo",
+	"fill-style.none": "Brez",
+	"fill-style.pattern": "Vzorec",
+	"fill-style.semi": "Polovično",
+	"fill-style.solid": "Polno",
+	"focus-mode.toggle-focus-mode": "Preklopi na osredotočen način",
+	"font-style.draw": "Draw",
+	"font-style.mono": "Mono",
+	"font-style.sans": "Sans",
+	"font-style.serif": "Serif",
+	"geo-style.arrow-down": "Puščica navzdol",
+	"geo-style.arrow-left": "Puščica levo",
+	"geo-style.arrow-right": "Puščica desno",
+	"geo-style.arrow-up": "Puščica navzgor",
+	"geo-style.check-box": "Potrditveno polje",
+	"geo-style.cloud": "Oblak",
+	"geo-style.diamond": "Diamant",
+	"geo-style.ellipse": "Elipsa",
+	"geo-style.heart": "srce",
+	"geo-style.hexagon": "Šesterokotnik",
+	"geo-style.octagon": "Osmerokotnik",
+	"geo-style.oval": "Oval",
+	"geo-style.pentagon": "Peterokotnik",
+	"geo-style.rectangle": "Pravokotnik",
+	"geo-style.rhombus": "Romb",
+	"geo-style.rhombus-2": "Romb levo",
+	"geo-style.star": "Zvezda",
+	"geo-style.trapezoid": "Trapez",
+	"geo-style.triangle": "Trikotnik",
+	"geo-style.x-box": "X polje",
+	"handle.crop.bottom": "Obrezovanje spodnjega dela",
+	"handle.crop.bottom-left": "Obreži spodaj levo",
+	"handle.crop.bottom-right": "Obreži spodaj desno",
+	"handle.crop.left": "Orezovanje levo",
+	"handle.crop.right": "Orezovanje desno",
+	"handle.crop.top": "Odrezani top",
+	"handle.crop.top-left": "Orez zgoraj levo",
+	"handle.crop.top-right": "Orezovanje zgoraj desno",
+	"handle.resize-bottom": "Spremeni velikost dna",
+	"handle.resize-bottom-left": "Spremeni velikost spodaj levo",
+	"handle.resize-bottom-right": "Spremeni velikost spodaj desno",
+	"handle.resize-left": "Spremeni velikost levo",
+	"handle.resize-right": "Spremeni velikost desno",
+	"handle.resize-top": "Spremeni velikost vrha",
+	"handle.resize-top-left": "Spremeni velikost zgornjega levega",
+	"handle.resize-top-right": "Spremeni velikost zgoraj desno",
+	"handle.rotate.bottom_left_rotate": "Zavrti spodaj levo",
+	"handle.rotate.bottom_right_rotate": "Zavrti spodaj desno",
+	"handle.rotate.mobile_rotate": "Zavrtite",
+	"handle.rotate.top_left_rotate": "Zavrti zgoraj levo",
+	"handle.rotate.top_right_rotate": "Zavrti zgoraj desno",
+	"help-menu.about": "O nas",
+	"help-menu.discord": "Discord",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "Uvozi datoteko ...",
+	"help-menu.keyboard-shortcuts": "Bližnjice na tipkovnici",
+	"help-menu.privacy": "Politika zasebnosti",
+	"help-menu.terms": "Pogoji storitve",
+	"help-menu.title": "Pomoč in viri",
+	"help-menu.twitter": "Twitter",
+	"menu.accessibility": "Dostopnost",
+	"menu.color-theme": "Barvna tema",
+	"menu.copy-as": "Kopiraj kot",
+	"menu.edit": "Uredi",
+	"menu.export-as": "Izvozi kot",
+	"menu.file": "Datoteka",
+	"menu.input-device": "Vhodna naprava",
+	"menu.language": "Jezik",
+	"menu.preferences": "Nastavitve",
+	"menu.theme": "Tema",
+	"menu.title": "Meni",
+	"menu.view": "Pogled",
+	"navigation-zone.minimap": "Minizemljevid",
+	"navigation-zone.title": "Navigacija",
+	"navigation-zone.toggle-minimap": "Preklopi mini zemljevid",
+	"navigation-zone.zoom": "Povečava",
+	"opacity-style.0.1": "10 %",
+	"opacity-style.0.25": "25 %",
+	"opacity-style.0.5": "50 %",
+	"opacity-style.0.75": "75 %",
+	"opacity-style.1": "100 %",
+	"page-menu.create-new-page": "Ustvari novo stran",
+	"page-menu.edit-done": "Zaključi",
+	"page-menu.edit-start": "Uredi",
+	"page-menu.go-to-page": "Pojdi na stran",
+	"page-menu.new-page-initial-name": "Stran 1",
+	"page-menu.submenu.delete": "Izbriši",
+	"page-menu.submenu.duplicate-page": "Podvoji",
+	"page-menu.submenu.move-down": "Premakni navzdol",
+	"page-menu.submenu.move-up": "Premakni navzgor",
+	"page-menu.submenu.rename": "Preimenuj",
+	"page-menu.submenu.title": "Meni",
+	"page-menu.title": "Strani",
+	"people-menu.anonymous-user": "Nov uporabnik",
+	"people-menu.avatar-color": "Barva avatarja",
+	"people-menu.change-color": "Spremeni barvo",
+	"people-menu.change-name": "Spremeni ime",
+	"people-menu.follow": "Sledi",
+	"people-menu.following": "Sledim",
+	"people-menu.invite": "Povabi ostale",
+	"people-menu.leading": "Sledi vam",
+	"people-menu.title": "Ljudje",
+	"people-menu.user": "(Ti)",
+	"share-menu.copied": "Kopirana povezava!",
+	"share-menu.copy-link": "Kopiraj povezavo",
+	"share-menu.copy-link-note": "Vsakdo s povezavo si bo lahko ogledal in urejal ta projekt.",
+	"share-menu.copy-readonly-link": "Kopiraj povezavo samo za branje",
+	"share-menu.copy-readonly-link-note": "Vsakdo s povezavo si bo lahko ogledal (vendar ne urejal) ta projekt.",
+	"share-menu.create-snapshot-link": "Ustvari povezavo do posnetka",
+	"share-menu.creating-project": "Ustvarjanje novega projekta …",
+	"share-menu.fork-note": "Na podlagi tega posnetka ustvarite nov skupni projekt.",
+	"share-menu.offline-note": "Skupna raba tega projekta bo ustvarila živo kopijo na novem URL-ju. URL lahko delite z do tridesetimi drugimi osebami, s katerimi lahko skupaj gledate in urejate vsebino.",
+	"share-menu.project-too-large": "Žal tega projekta ni mogoče deliti, ker je prevelik. Delamo na tem!",
+	"share-menu.save-note": "Ta projekt prenesite na svoj računalnik kot datoteko .tldr.",
+	"share-menu.share-project": "Deli ta projekt",
+	"share-menu.snapshot-link-note": "Zajemite in delite ta projekt kot povezavo do posnetka samo za branje.",
+	"share-menu.title": "Deli",
+	"share-menu.upload-failed": "Oprostite, trenutno nismo mogli naložiti vašega projekta. Poskusite znova ali nam sporočite, če se težava ponovi.",
+	"sharing.confirm-leave.cancel": "Prekliči",
+	"sharing.confirm-leave.description": "Ali ste prepričani, da želite zapustiti ta skupni projekt? Nanj se lahko vrnete tako, da se ponovno vrnete na njegov URL.",
+	"sharing.confirm-leave.dont-show-again": "Ne sprašuj znova",
+	"sharing.confirm-leave.leave": "Zapusti",
+	"sharing.confirm-leave.title": "Zapusti trenutni projekt?",
+	"shortcuts-dialog.a11y": "Dostopnost",
+	"shortcuts-dialog.collaboration": "Sodelovanje",
+	"shortcuts-dialog.edit": "Uredi",
+	"shortcuts-dialog.file": "Datoteka",
+	"shortcuts-dialog.preferences": "Nastavitve",
+	"shortcuts-dialog.text-formatting": "Oblikovanje besedila",
+	"shortcuts-dialog.title": "Bližnjice na tipkovnici",
+	"shortcuts-dialog.tools": "Orodja",
+	"shortcuts-dialog.transform": "Preoblikuj",
+	"shortcuts-dialog.view": "Pogled",
+	"size-style.l": "Veliko",
+	"size-style.m": "Srednje",
+	"size-style.s": "Malo",
+	"size-style.xl": "Zelo veliko",
+	"spline-style.cubic": "Kubično",
+	"spline-style.line": "Črta",
+	"status.offline": "Brez povezave",
+	"style-panel.align": "Poravnava",
+	"style-panel.arrow-kind": "Črta",
+	"style-panel.arrowhead-end": "Konec",
+	"style-panel.arrowhead-start": "Začetek",
+	"style-panel.arrowheads": "Puščice",
+	"style-panel.color": "Barva",
+	"style-panel.dash": "Črtasto",
+	"style-panel.fill": "Polnilo",
+	"style-panel.font": "Pisava",
+	"style-panel.geo": "Oblika",
+	"style-panel.label-align": "Poravnava oznake",
+	"style-panel.mixed": "Mešano",
+	"style-panel.opacity": "Motnost",
+	"style-panel.position": "Položaj",
+	"style-panel.selected": "izbrano",
+	"style-panel.size": "Velikost",
+	"style-panel.spline": "Krivulja",
+	"style-panel.title": "Stili",
+	"style-panel.vertical-align": "Navpična poravnava",
+	"theme.dark": "Temno",
+	"theme.light": "Svetloba",
+	"theme.system": "Sistem",
+	"toast.close": "Zapri",
+	"toast.error": "Napaka",
+	"toast.error.copy-fail.desc": "Kopiranje slike ni uspelo",
+	"toast.error.copy-fail.title": "Kopiranje ni uspelo",
+	"toast.error.export-fail.desc": "Izvoz slike ni uspel",
+	"toast.error.export-fail.title": "Izvoz ni uspel",
+	"toast.info": "Informacije",
+	"toast.success": "Uspeh",
+	"toast.warning": "Opozorilo",
+	"tool-panel.more": "Več",
+	"tool-panel.title": "Orodja",
+	"tool.arrow": "Puščica",
+	"tool.arrow-down": "Puščica navzdol",
+	"tool.arrow-left": "Puščica levo",
+	"tool.arrow-right": "Puščica desno",
+	"tool.arrow-up": "Puščica navzgor",
+	"tool.aspect-ratio": "Razmerje stranic",
+	"tool.aspect-ratio.circle": "Krog (1:1)",
+	"tool.aspect-ratio.landscape": "Pokrajina (4:3)",
+	"tool.aspect-ratio.original": "Izvirnik",
+	"tool.aspect-ratio.portrait": "Portret (3:4)",
+	"tool.aspect-ratio.square": "Kvadrat (1:1)",
+	"tool.aspect-ratio.wide": "Široko (16:9)",
+	"tool.bookmark": "Zaznamek",
+	"tool.check-box": "Potrditveno polje",
+	"tool.cloud": "Oblak",
+	"tool.diamond": "Diamant",
+	"tool.draw": "Risanje",
+	"tool.ellipse": "Elipsa",
+	"tool.embed": "Vdelava",
+	"tool.eraser": "Radirka",
+	"tool.flip-horz": "Zrcali vodoravno",
+	"tool.flip-vert": "Zrcali navpično",
+	"tool.frame": "Okvir",
+	"tool.hand": "Roka",
+	"tool.heart": "srce",
+	"tool.hexagon": "Šesterokotnik",
+	"tool.highlight": "Marker",
+	"tool.image-crop": "Obreži sliko",
+	"tool.image-crop-confirm": "Potrdi",
+	"tool.image-toolbar-title": "Orodja za slike",
+	"tool.image-zoom": "Povečava",
+	"tool.laser": "Laser",
+	"tool.line": "Črta",
+	"tool.media": "Mediji",
+	"tool.media-alt-text": "Nadomestno besedilo",
+	"tool.media-alt-text-confirm": "Potrdi",
+	"tool.media-alt-text-desc": "Dajte opis …",
+	"tool.note": "Opomba",
+	"tool.octagon": "Osmerokotnik",
+	"tool.oval": "Oval",
+	"tool.pentagon": "Peterokotnik",
+	"tool.pointer-down": "Kazalec navzdol",
+	"tool.rectangle": "Pravokotnik",
+	"tool.replace-media": "Zamenjajte medij",
+	"tool.rhombus": "Romb",
+	"tool.rich-text-bold": "Krepko",
+	"tool.rich-text-bulletList": "Seznam z oznakami",
+	"tool.rich-text-code": "Koda",
+	"tool.rich-text-header": "Glava",
+	"tool.rich-text-highlight": "Označite",
+	"tool.rich-text-italic": "Ležeče",
+	"tool.rich-text-link": "Povezava",
+	"tool.rich-text-link-remove": "Odstrani povezavo",
+	"tool.rich-text-link-visit": "Obiščite povezavo",
+	"tool.rich-text-orderedList": "Urejen seznam",
+	"tool.rich-text-strikethrough": "Prečrtano",
+	"tool.rich-text-toolbar-title": "Oblikovanje besedila",
+	"tool.rotate-cw": "Zavrtite",
+	"tool.select": "Izbor",
+	"tool.star": "Zvezda",
+	"tool.text": "Besedilo",
+	"tool.trapezoid": "Trapez",
+	"tool.triangle": "Trikotnik",
+	"tool.x-box": "X polje",
+	"ui.checked": "Preverjeno",
+	"ui.close": "Zapri",
+	"ui.unchecked": "Neoznačeno",
+	"verticalAlign-style.end": "Dno",
+	"verticalAlign-style.middle": "Sredina",
+	"verticalAlign-style.start": "Vrh",
+	"vscode.file-open.backup": "Varnostna kopija",
+	"vscode.file-open.backup-failed": "Varnostno kopiranje ni uspelo: to ni datoteka .tldr.",
+	"vscode.file-open.backup-saved": "Varnostna kopija shranjena",
+	"vscode.file-open.desc": "Ta datoteka je bila ustvarjena s starejšo različico tldraw. Ali jo želite posodobiti, da bo deloval z novo različico?",
+	"vscode.file-open.dont-show-again": "Ne sprašuj znova",
+	"vscode.file-open.open": "Nadaljuj"
+}
diff --git a/web/hermes-dist/translations/so.json b/web/hermes-dist/translations/so.json
new file mode 100644
index 0000000..e336120
--- /dev/null
+++ b/web/hermes-dist/translations/so.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "Hagaajin qaababka qaabka",
+	"a11y.enlarge-shape": "Qaabka weyn",
+	"a11y.enter-leave-container": "Geli/ka tag weelka",
+	"a11y.move-shape": "Dhaqaaq qaabka",
+	"a11y.move-shape-faster": "Dhaqso u dhaqaaq qaabka",
+	"a11y.multiple-shapes": "qaababka {num} ayaa la doortay",
+	"a11y.open-context-menu": "Fur macnaha guud",
+	"a11y.open-keyboard-shortcuts": "Fur furayaasha kiiboodhka",
+	"a11y.pan-camera": "Kaamirada Pan",
+	"a11y.repeat-shape": "Ku soo celi qaabka",
+	"a11y.rotate-shape-ccw": "U rog qaab ka soo horjeeda saacada",
+	"a11y.rotate-shape-ccw-fine": "U rog qaabka dhanka saacada ka soo horjeeda (wanaagsan)",
+	"a11y.rotate-shape-cw": "U rog qaabka dhinaca saacadda",
+	"a11y.rotate-shape-cw-fine": "U rog qaabka dhinaca saacada (wanaagsan)",
+	"a11y.select-shape": "Dooro qaabka xiga",
+	"a11y.select-shape-direction": "Dooro qaabka jihada",
+	"a11y.shape-image": "Sawirka",
+	"a11y.shape-index": "{num} ka mid ah {total}",
+	"a11y.shape-video": "Video",
+	"a11y.shrink-shape": "Iska yaree qaabka",
+	"a11y.skip-to-main-content": "U guuri diiradda dhanka shiraac",
+	"a11y.status": "Xaalada",
+	"action.align-bottom": "ku sin hoos",
+	"action.align-center-horizontal": "ku sin jiif",
+	"action.align-center-horizontal.short": "Ku sin Jiif",
+	"action.align-center-vertical": "ku sin joog",
+	"action.align-center-vertical.short": "Ku sin Joog",
+	"action.align-left": "Ku sin bidix",
+	"action.align-right": "Ku sin midig",
+	"action.align-top": "Ku sin kor",
+	"action.back-to-content": "Ku laabo content",
+	"action.bring-forward": "Hore mari",
+	"action.bring-to-front": "Foodda mari",
+	"action.convert-to-bookmark": "U beddel xusuusin",
+	"action.convert-to-embed": "U beddel embed",
+	"action.copy": "Koobi",
+	"action.copy-as-json": "Nuqul ahaan JSON ahaan",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "Koobiyee PNG ahaan",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "Koobiyee SVG ahaan",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "Jar",
+	"action.delete": "Tirtir",
+	"action.distribute-horizontal": "U qaybi jiif",
+	"action.distribute-horizontal.short": "U qaybi jiif",
+	"action.distribute-vertical": "U qaybi joog",
+	"action.distribute-vertical.short": "U qaybi joog",
+	"action.download-original": "Soo deji asalka",
+	"action.duplicate": "Koobi ka samee",
+	"action.edit-link": "Beddel isku xirka",
+	"action.enhanced-a11y-mode": "Beddel qaabka gelitaan ee la xoojiyey",
+	"action.enhanced-a11y-mode.menu": "Habka gelitaanka oo la xoojiyey",
+	"action.exit-pen-mode": "Ka bax qaabka qalinka",
+	"action.export-all-as-png": "U dhoofi dhammaan PNG ahaan",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "U dhoofi dhammaan SVG ahaan",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "U dhoofi PNG ahaan",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "U dhoofi SVG ahaan",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "Ku ballaadhi si ku bboon",
+	"action.flatten-to-image": "Sawir ka dhig",
+	"action.flip-horizontal": "Rog jiif",
+	"action.flip-horizontal.short": "Rog jiif",
+	"action.flip-vertical": "Rog joog",
+	"action.flip-vertical.short": "Rog joog",
+	"action.fork-project": "Ka samee nuqul mashruucan",
+	"action.fork-project-on-tldraw": "Ka samee nuqul mashruucan tldraw",
+	"action.group": "Koox",
+	"action.insert-embed": "Geli embed",
+	"action.insert-media": "Geli maqal & muuqaal",
+	"action.leave-shared-project": "Ka tag mashruuc wadaagga",
+	"action.new-project": "Mashruuc cusub",
+	"action.new-shared-project": "Mashruuc wadaag cusub",
+	"action.open-cursor-chat": "Wadahadal tilmaamaha",
+	"action.open-embed-link": "Fur isku xidhka",
+	"action.open-file": "Fur fayl",
+	"action.open-kbd-shortcuts": "Fur furayaasha kiiboodhka",
+	"action.pack": "Xidhmo",
+	"action.paste": "Dheji",
+	"action.paste-error-description": "Laguma guuleysan ku dhejinta, ogolaansho la'aan jirta awgeed. Fadlan fur ogolaanshaha ku dhejinta oo mar kale isku day.",
+	"action.paste-error-title": "Ku dhejinta ma shaqayn",
+	"action.print": "Daabac",
+	"action.redo": "Ku noqo",
+	"action.remove-frame": "Ka saar xuduudka",
+	"action.rename": "Bedel magaca",
+	"action.rotate-ccw": "U wareeji dhanka danbe",
+	"action.rotate-cw": "U wareeji dhanka hore",
+	"action.save-copy": "Kaydi koobbi",
+	"action.select-all": "Dooro dhammaan",
+	"action.select-none": "Dooro midna",
+	"action.select-zoom-tool": "Zoom",
+	"action.send-backward": "Dib mari",
+	"action.send-to-back": "Dhabarka mari",
+	"action.share-project": "Wadaag mashruucan",
+	"action.stack-horizontal": "U rasee jiif",
+	"action.stack-horizontal.short": "U rasee jiif",
+	"action.stack-vertical": "U rasee joog",
+	"action.stack-vertical.short": "U rasee joog",
+	"action.stop-following": "Jooji raacidda",
+	"action.stretch-horizontal": "U kala jiid jiif",
+	"action.stretch-horizontal.short": "U kala jiid jiif",
+	"action.stretch-vertical": "U kala jiid joog",
+	"action.stretch-vertical.short": "U kala jiid joog",
+	"action.toggle-auto-none": "Baabuur",
+	"action.toggle-auto-pan": "Atooto ah (trackpad)",
+	"action.toggle-auto-size": "Daar/Dami cabbirka ootamaatika ah",
+	"action.toggle-auto-zoom": "Auto (jiirka)",
+	"action.toggle-dark-mode": "Daaar/Dami qaabka mugdiga",
+	"action.toggle-dark-mode.menu": "Qaabka mugdiga",
+	"action.toggle-debug-mode": "Daar/Dami qaabka cillad bixinta",
+	"action.toggle-debug-mode.menu": "Qaabka cillad bixinta",
+	"action.toggle-dynamic-size-mode": "Daar/Dami cabbirka firfircoon",
+	"action.toggle-dynamic-size-mode.menu": "Cabbir firfircoon",
+	"action.toggle-edge-scrolling": "Toggle edge scrolling",
+	"action.toggle-edge-scrolling.menu": "Edge scrolling",
+	"action.toggle-focus-mode": "DAAR/Dami qaabka diiradda",
+	"action.toggle-focus-mode.menu": "Qaabka diiradda",
+	"action.toggle-grid": "Daar/Dami xarriiqmo hageedyada",
+	"action.toggle-grid.menu": "Muuji xarriiqmo hageedyada",
+	"action.toggle-invert-zoom": "Beddel zoom-ka jiirka rogrog",
+	"action.toggle-invert-zoom.menu": "Rog jiirka si aad u rogto",
+	"action.toggle-keyboard-shortcuts": "Beddel furayaasha kiiboodhka",
+	"action.toggle-keyboard-shortcuts.menu": "Furayaasha gaaban ee kiiboodhka",
+	"action.toggle-lock": "Daar/Dami xidhnaanta",
+	"action.toggle-mouse": "Jiirka",
+	"action.toggle-paste-at-cursor": "Daar/Dami ku dhejinta tilmaamaha",
+	"action.toggle-paste-at-cursor.menu": "Ku dheji tilmaamaha",
+	"action.toggle-reduce-motion": "Daar/Dami yaraynta dhaq-dhaqaaqa",
+	"action.toggle-reduce-motion.menu": "Yaree dhaq-dhaqaaqa",
+	"action.toggle-snap-mode": "Toggle always snap",
+	"action.toggle-snap-mode.menu": "Always snap",
+	"action.toggle-tool-lock": "Daar/Dami qalab xidhaha",
+	"action.toggle-tool-lock.menu": "Xidh qalabka",
+	"action.toggle-trackpad": "Trackpad",
+	"action.toggle-transparent": "Daar/Dami gidaar hufan",
+	"action.toggle-transparent.context-menu": "Hufan",
+	"action.toggle-transparent.menu": "Hufan",
+	"action.toggle-wrap-mode": "Toggle Select on wrap",
+	"action.toggle-wrap-mode.menu": "Select on wrap",
+	"action.undo": "Ka noqo",
+	"action.ungroup": "Kala saar kooxda",
+	"action.unlock-all": "Fur dhammaan",
+	"action.zoom-in": "Soo dhawee",
+	"action.zoom-out": "Fogee",
+	"action.zoom-quick": "Zoom degdeg ah",
+	"action.zoom-to-100": "Soo dhawayn ilaa 100%",
+	"action.zoom-to-fit": "Soo dhawee in ku habboon",
+	"action.zoom-to-selection": "Soo dhawee inta doorashada ku jirta",
+	"actions-menu.title": "Falal",
+	"align-style.end": "Dhammaadka",
+	"align-style.justify": "Sin",
+	"align-style.middle": "Dhexda",
+	"align-style.start": "Bilowga",
+	"app.loading": "Soo dejinaya tldraw…",
+	"arrow-kind-style.arc": "Arc",
+	"arrow-kind-style.elbow": "xusul",
+	"arrowheadEnd-style.arrow": "Fallaadh",
+	"arrowheadEnd-style.bar": "Gabal fidsan",
+	"arrowheadEnd-style.diamond": "Dheeman",
+	"arrowheadEnd-style.dot": "Dhibic",
+	"arrowheadEnd-style.inverted": "Rogan",
+	"arrowheadEnd-style.none": "Midna",
+	"arrowheadEnd-style.pipe": "Tuubo",
+	"arrowheadEnd-style.square": "Afar gees leh",
+	"arrowheadEnd-style.triangle": "Saddex xagal",
+	"arrowheadStart-style.arrow": "Fallaadh",
+	"arrowheadStart-style.bar": "Gabal fidsan",
+	"arrowheadStart-style.diamond": "Dheeman",
+	"arrowheadStart-style.dot": "Dhibic",
+	"arrowheadStart-style.inverted": "Rogan",
+	"arrowheadStart-style.none": "Midna",
+	"arrowheadStart-style.pipe": "Tuubo",
+	"arrowheadStart-style.square": "Afar gees leh",
+	"arrowheadStart-style.triangle": "Saddex gees leh",
+	"assets.files.amount-too-many": "Faylal aad u badan",
+	"assets.files.maximum-size": "Cabbirka faylka ugu badan waa {size}",
+	"assets.files.size-too-big": "Cabbirka faylku aad buu u wayn yahay",
+	"assets.files.type-not-allowed": "Nooca faylkan lama ogola",
+	"assets.files.upload-failed": "Gelinta way guul darraysatay",
+	"assets.url.failed": "Kuma tusi karo muuqa URL-ka",
+	"color-style.black": "Madaw",
+	"color-style.blue": "Buluug",
+	"color-style.green": "Cagaar",
+	"color-style.grey": "Cawlan",
+	"color-style.light-blue": "Buluug khafiif ah",
+	"color-style.light-green": "Cagaar khafiif ah",
+	"color-style.light-red": "Casaan khafiif ah",
+	"color-style.light-violet": "Soosali khafiif ah",
+	"color-style.orange": "Huruud",
+	"color-style.red": "Casaan",
+	"color-style.violet": "Soosali",
+	"color-style.white": "Caddaan",
+	"color-style.yellow": "Jaalle",
+	"context-menu.arrange": "Habbee",
+	"context-menu.copy-as": "Samee koobi",
+	"context-menu.edit": "Beddel",
+	"context-menu.export-all-as": "Dhoofi",
+	"context-menu.export-as": "U dhoofi",
+	"context-menu.move-to-page": "U guur bogga",
+	"context-menu.reorder": "Dib u habee",
+	"context-menu.title": "Liiska macnaha guud",
+	"context.pages.new-page": "Bog cusub",
+	"cursor-chat.type-to-chat": "Qor si aad u sheekayso...",
+	"dash-style.dashed": "Bar-baro",
+	"dash-style.dotted": "Dhibco",
+	"dash-style.draw": "Sawir",
+	"dash-style.solid": "Adag",
+	"document-name-menu.copy-link": "Koobiyee isku xiraha",
+	"document.default-name": "Bilaa cinwaan",
+	"edit-link-dialog.cancel": "Jooji",
+	"edit-link-dialog.clear": "Masax",
+	"edit-link-dialog.detail": "Isku xiruhu waxa uu ka furmi doonaa bog cusub.",
+	"edit-link-dialog.external-link": "Xiriirinta dibadda",
+	"edit-link-dialog.invalid-url": "Isku xiruhu waa inuu noqdaa URL saxan.",
+	"edit-link-dialog.save": "Hore u soco",
+	"edit-link-dialog.title": "Beddel isku xiraha",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "Laabo",
+	"embed-dialog.cancel": "Jooji",
+	"embed-dialog.create": "Abuur",
+	"embed-dialog.instruction": "Ku dheji URL-ta mareegta si aad u abuurto embed",
+	"embed-dialog.invalid-url": "Kama samayn karno embed URL-tan",
+	"embed-dialog.title": "Geli embed",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "Jooji",
+	"file-system.confirm-clear.continue": "Sii wad",
+	"file-system.confirm-clear.description": "Abuurista mashruuc cusub waxay nadiifin doontaa mashruucaaga hadda oo wixii aan la keydin waa la waayi doonaa. Ma hubtaa inaad sii waddo?",
+	"file-system.confirm-clear.dont-show-again": "Ha i waydiin mar kale",
+	"file-system.confirm-clear.title": "Nadiifi mashruuca hadda?",
+	"file-system.confirm-open.cancel": "Jooji",
+	"file-system.confirm-open.description": "Furitaanka fayl wuxuu bedeli doonaa mashruucaaga hadda iyo wixii aan la keydin oo dhan waa la waayi doonaa. Ma hubtaa inaad sii waddo?",
+	"file-system.confirm-open.dont-show-again": "Ha i waydiin mar kale",
+	"file-system.confirm-open.open": "Fur fayl",
+	"file-system.confirm-open.title": "Ku dul qor mashruucan?",
+	"file-system.file-open-error.file-format-version-too-new": "Faylka aad isku dayday inaad furto waa nooca cusub ee tldraw. Fadlan bogga dib u cusboonaysii oo isku day mar kale.",
+	"file-system.file-open-error.generic-corrupted-file": "Faylka aad isku dayday inaad furto waa mid cilladaysan.",
+	"file-system.file-open-error.not-a-tldraw-file": "Faylka aad isku dayayday inaad furto uma muuqda mid tldraw ah.",
+	"file-system.file-open-error.title": "Ma furi karo faylka",
+	"file-system.shared-document-file-open-error.description": "Furitaanka faylalka laga soo qaado mashruucyada wadaagga ah ma shaqeeyaan.",
+	"file-system.shared-document-file-open-error.title": "Lama furi karo faylka",
+	"fill-style.fill": "Buux",
+	"fill-style.lined-fill": "Buuxinta safan",
+	"fill-style.none": "Midna",
+	"fill-style.pattern": "naqshad",
+	"fill-style.semi": "Semi",
+	"fill-style.solid": "Adag",
+	"focus-mode.toggle-focus-mode": "Daar/Dami qaabka diiradda",
+	"font-style.draw": "Sawir",
+	"font-style.mono": "Mono",
+	"font-style.sans": "Sans",
+	"font-style.serif": "Serif",
+	"geo-style.arrow-down": "Fallaar hoose",
+	"geo-style.arrow-left": "Fallaar bidixa",
+	"geo-style.arrow-right": "Fallaar midiga",
+	"geo-style.arrow-up": "Fallaar kor ah",
+	"geo-style.check-box": "Hubi sanduuqa",
+	"geo-style.cloud": "Daruur",
+	"geo-style.diamond": "Dheeman",
+	"geo-style.ellipse": "Wareeg",
+	"geo-style.heart": "Wadnaha",
+	"geo-style.hexagon": "Lix geesood",
+	"geo-style.octagon": "Siddeed geesood",
+	"geo-style.oval": "Ukun",
+	"geo-style.pentagon": "Shan geesood",
+	"geo-style.rectangle": "Laydi",
+	"geo-style.rhombus": "Rhombus",
+	"geo-style.rhombus-2": "Rhombus wuu baxay",
+	"geo-style.star": "Xiddig",
+	"geo-style.trapezoid": "Trapezoid",
+	"geo-style.triangle": "Triangle",
+	"geo-style.x-box": "X sanduuq",
+	"handle.crop.bottom": "Hooska dalaga",
+	"handle.crop.bottom-left": "Dalagyada hoose ee bidix",
+	"handle.crop.bottom-right": "Dalag midigta hoose",
+	"handle.crop.left": "Bidix dalagga",
+	"handle.crop.right": "Midig dalagga",
+	"handle.crop.top": "Korka dalagga",
+	"handle.crop.top-left": "Dalagyada kore ee bidix",
+	"handle.crop.top-right": "Midig korka dalool",
+	"handle.resize-bottom": "Wax ka beddel xagga hoose",
+	"handle.resize-bottom-left": "Cabbirka bidix ee hoose",
+	"handle.resize-bottom-right": "Wax ka beddel cabbirka hoose ee midig",
+	"handle.resize-left": "Bedel cabbirka bidix",
+	"handle.resize-right": "Sax u cabbir",
+	"handle.resize-top": "Kor u cabbir",
+	"handle.resize-top-left": "Bedel cabbirka sare ee bidix",
+	"handle.resize-top-right": "Wax ka beddel dhinaca sare ee midig",
+	"handle.rotate.bottom_left_rotate": "U rog dhinaca bidix ee hoose",
+	"handle.rotate.bottom_right_rotate": "U rog dhinaca midig midig",
+	"handle.rotate.mobile_rotate": "Isku rog",
+	"handle.rotate.top_left_rotate": "U rog dhinaca bidix ee sare",
+	"handle.rotate.top_right_rotate": "U rog dhinaca midig midig",
+	"help-menu.about": "Ku saabsan tldraw",
+	"help-menu.discord": "Discord",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "Soo rar faylka...",
+	"help-menu.keyboard-shortcuts": "Furayaasha gaaban ee kiiboodhka",
+	"help-menu.privacy": "Siyaasadda qarsoonaanta",
+	"help-menu.terms": "Shuruudaha adeegga",
+	"help-menu.title": "Caawin iyo xogo muhiima",
+	"help-menu.twitter": "Twitter",
+	"menu.accessibility": "Helitaanka",
+	"menu.color-theme": "Mawduuca midabka",
+	"menu.copy-as": "Samee koobi",
+	"menu.edit": "Bedel",
+	"menu.export-as": "U dhoofi",
+	"menu.file": "Fayl",
+	"menu.input-device": "Qalabka gelinta",
+	"menu.language": "Af",
+	"menu.preferences": "Dookhyada",
+	"menu.theme": "Naqshad",
+	"menu.title": "Fure",
+	"menu.view": "Eeg",
+	"navigation-zone.minimap": "Khariidad-yar",
+	"navigation-zone.title": "Navigation",
+	"navigation-zone.toggle-minimap": "Daar/Dami khariidadda yar",
+	"navigation-zone.zoom": "Soo dhawee",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "Abuur bog cusub",
+	"page-menu.edit-done": "Dhameeyey",
+	"page-menu.edit-start": "Beddel",
+	"page-menu.go-to-page": "U guur bogga",
+	"page-menu.new-page-initial-name": "Bogga 1aad",
+	"page-menu.submenu.delete": "Tirtir",
+	"page-menu.submenu.duplicate-page": "Samee nuqul kale",
+	"page-menu.submenu.move-down": "U guur hoos",
+	"page-menu.submenu.move-up": "U guur kor",
+	"page-menu.submenu.rename": "Beddel magaca",
+	"page-menu.submenu.title": "Fure",
+	"page-menu.title": "Bogag",
+	"people-menu.anonymous-user": "Isticmaale cusub",
+	"people-menu.avatar-color": "Midabka avatar",
+	"people-menu.change-color": "Bedel midabka",
+	"people-menu.change-name": "Beddel magaca",
+	"people-menu.follow": "Raacayaa",
+	"people-menu.following": "Raacayaa",
+	"people-menu.invite": "Ku casuum dad kale",
+	"people-menu.leading": "Raacdehaaga",
+	"people-menu.title": "Dad",
+	"people-menu.user": "(Adiga)",
+	"share-menu.copied": "Copied link",
+	"share-menu.copy-link": "Koobiyee isku xiraha tifatirahan",
+	"share-menu.copy-link-note": "Qof walba oo haysta isku xiraha uu eegi karaan sidoo kalana bedeli karaa mashruucan.",
+	"share-menu.copy-readonly-link": "Koobiyee isku xiraha daawadaha",
+	"share-menu.copy-readonly-link-note": "Qof walba oo haysta isku xiraha uu arki karaa mashruucan.",
+	"share-menu.create-snapshot-link": "Koobiyee isku xiraha xogtu sida hadda ay tahay",
+	"share-menu.creating-project": "Waxa la abuurayaa mashruuca cusub…",
+	"share-menu.fork-note": "Abuur mashruuc cusub adoo ku salaynaya xogta kan hadda",
+	"share-menu.offline-note": "Abuur mashruuc wadaage cusub adoo ku salayn kan hadda.",
+	"share-menu.project-too-large": "Waan ka xunnahay, mashruucan lama wadaagi kartid cid kale maadaama uu aad u wayn yahay. Waan xallin doonnaa!",
+	"share-menu.save-note": "Soo dejiso mashruucan isagoo qaab .tldr fayl ah",
+	"share-menu.share-project": "Wadaag mashruucan",
+	"share-menu.snapshot-link-note": "Qabo oo wadaaji mashruucan sida sawir akhris kaliya ah",
+	"share-menu.title": "Wadaag",
+	"share-menu.upload-failed": "Waan ka xunnahay, ma awoodin in aan gelinno mashruucan waqtigan. Fadlan isku day mar kale ama noo soo gudbi haddii ay cilladu bixi waydo.",
+	"sharing.confirm-leave.cancel": "Jooji",
+	"sharing.confirm-leave.description": "Ma hubtaa inaad ka baxdo mashruucan wadaagga ah? Waxaad ku soo laaban kartaa adiga oo booqanaya URL-kiisa.",
+	"sharing.confirm-leave.dont-show-again": "Ha waydiin mar kale",
+	"sharing.confirm-leave.leave": "Ka bax",
+	"sharing.confirm-leave.title": "Ka bax mashruucan?",
+	"shortcuts-dialog.a11y": "Helitaanka",
+	"shortcuts-dialog.collaboration": "Wada shaqayn",
+	"shortcuts-dialog.edit": "Beddel",
+	"shortcuts-dialog.file": "Fayl",
+	"shortcuts-dialog.preferences": "Dookhyada",
+	"shortcuts-dialog.text-formatting": "Habaynta qoraalka",
+	"shortcuts-dialog.title": "Furayaasha gaaban ee kiiboodhka",
+	"shortcuts-dialog.tools": "Qalabyada",
+	"shortcuts-dialog.transform": "Beddel qaabka",
+	"shortcuts-dialog.view": "Eeg",
+	"size-style.l": "Wayn",
+	"size-style.m": "Dhex-dhexaad",
+	"size-style.s": "Yar",
+	"size-style.xl": "Aad u wayn",
+	"spline-style.cubic": "Kubik",
+	"spline-style.line": "Xarriiq",
+	"status.offline": "Maqane",
+	"style-panel.align": "Sin",
+	"style-panel.arrow-kind": "Xarriiq",
+	"style-panel.arrowhead-end": "Dhammaad",
+	"style-panel.arrowhead-start": "Bilow",
+	"style-panel.arrowheads": "Fallaadho",
+	"style-panel.color": "Midab",
+	"style-panel.dash": "Baro-baro",
+	"style-panel.fill": "Buuxi",
+	"style-panel.font": "Farta",
+	"style-panel.geo": "Qaab",
+	"style-panel.label-align": "Sin calaamadda",
+	"style-panel.mixed": "Isku qasan",
+	"style-panel.opacity": "Hufnaan",
+	"style-panel.position": "Boos",
+	"style-panel.selected": "la doortay",
+	"style-panel.size": "Cabbirka",
+	"style-panel.spline": "Spline",
+	"style-panel.title": "Qaababka",
+	"style-panel.vertical-align": "U sin joog",
+	"theme.dark": "Mugdi",
+	"theme.light": "Iftiin",
+	"theme.system": "Nidaam",
+	"toast.close": "Xir",
+	"toast.error": "Khalad",
+	"toast.error.copy-fail.desc": "In la koobiyeeyo sawirka ma suuro galin",
+	"toast.error.copy-fail.title": "In la koobiyeeyo ma suuro galin",
+	"toast.error.export-fail.desc": "Dhoofinta sawirku ma suuro galin",
+	"toast.error.export-fail.title": "Dhoofintu ma suuro galin",
+	"toast.info": "Xog",
+	"toast.success": "Guul",
+	"toast.warning": "Digniin",
+	"tool-panel.more": "Wax badan",
+	"tool-panel.title": "Qalabyada",
+	"tool.arrow": "Fallaadh",
+	"tool.arrow-down": "Falladh hoos",
+	"tool.arrow-left": "Fallaadh bidix",
+	"tool.arrow-right": "Fallaadh midig",
+	"tool.arrow-up": "Fallaadh kor",
+	"tool.aspect-ratio": "Saamiga dhinaca",
+	"tool.aspect-ratio.circle": "Goobo (1:1)",
+	"tool.aspect-ratio.landscape": "Muuqaal muuqaal ah (4:3)",
+	"tool.aspect-ratio.original": "Asalka",
+	"tool.aspect-ratio.portrait": "Sawir (3:4)",
+	"tool.aspect-ratio.square": "Laba jibaaran (1:1)",
+	"tool.aspect-ratio.wide": "ballaaran (16:9)",
+	"tool.bookmark": "Bookmark",
+	"tool.check-box": "Hubi sanduuqa",
+	"tool.cloud": "Daruur",
+	"tool.diamond": "Dheeman",
+	"tool.draw": "Sawir",
+	"tool.ellipse": "Wareeg",
+	"tool.embed": "Embed",
+	"tool.eraser": "Tirtire",
+	"tool.flip-horz": "Rog jiif",
+	"tool.flip-vert": "Rog joog",
+	"tool.frame": "Xuduud",
+	"tool.hand": "Gacan",
+	"tool.heart": "Wadnaha",
+	"tool.hexagon": "Lix geesood",
+	"tool.highlight": "Muujin",
+	"tool.image-crop": "Sawirka jar",
+	"tool.image-crop-confirm": "Xaqiiji",
+	"tool.image-toolbar-title": "Qalabka sawirka",
+	"tool.image-zoom": "Soo dhawee",
+	"tool.laser": "Laysar",
+	"tool.line": "Xarriiq",
+	"tool.media": "Warbaahinta",
+	"tool.media-alt-text": "Qoraal kale",
+	"tool.media-alt-text-confirm": "Xaqiiji",
+	"tool.media-alt-text-desc": "Faahfaahin ka bixi…",
+	"tool.note": "Fiiro",
+	"tool.octagon": "Siddeed geesood",
+	"tool.oval": "Ukun",
+	"tool.pentagon": "Shan geesood",
+	"tool.pointer-down": "Tilmaame hoos",
+	"tool.rectangle": "Laydi",
+	"tool.replace-media": "Beddel warbaahinta",
+	"tool.rhombus": "Rhombus",
+	"tool.rich-text-bold": "Dhiirran",
+	"tool.rich-text-bulletList": "Liistada rasaasta leh",
+	"tool.rich-text-code": "Koodhka",
+	"tool.rich-text-header": "Madax",
+	"tool.rich-text-highlight": "Iftiimin",
+	"tool.rich-text-italic": "Italic",
+	"tool.rich-text-link": "Xiriirinta",
+	"tool.rich-text-link-remove": "Ka saar xidhiidhka",
+	"tool.rich-text-link-visit": "Booqo xiriirka",
+	"tool.rich-text-orderedList": "Liiska la dalbaday",
+	"tool.rich-text-strikethrough": "Guul-daro",
+	"tool.rich-text-toolbar-title": "Habaynta qoraalka",
+	"tool.rotate-cw": "Isku rog",
+	"tool.select": "Dooro",
+	"tool.star": "Xiddig",
+	"tool.text": "Qoraal",
+	"tool.trapezoid": "Trapezoid",
+	"tool.triangle": "Saddex xagal",
+	"tool.x-box": "X sanduuq",
+	"ui.checked": "La hubiyay",
+	"ui.close": "Xir",
+	"ui.unchecked": "Aan la hubin",
+	"verticalAlign-style.end": "Hoosta",
+	"verticalAlign-style.middle": "Dhexda",
+	"verticalAlign-style.start": "Korka",
+	"vscode.file-open.backup": "Kayd",
+	"vscode.file-open.backup-failed": "Kaydka lama kaydin: kani maaha fayl .tldr ah.",
+	"vscode.file-open.backup-saved": "Kaydka waa la kaydiyay",
+	"vscode.file-open.desc": "Waxaan cusboonaysiinay dukumintigaan si uu ula shaqeeyo nooca hadda ee tldraw. Haddii aad rabto inaad haysato nuqulka asalka ah (kaas oo ku shaqayn doona old.tldraw.com), guji hoos si aad nuqul kayd ah u sameyso.",
+	"vscode.file-open.dont-show-again": "Ha waydiin mar kale",
+	"vscode.file-open.open": "Sii wad"
+}
diff --git a/web/hermes-dist/translations/sv.json b/web/hermes-dist/translations/sv.json
new file mode 100644
index 0000000..8b6328d
--- /dev/null
+++ b/web/hermes-dist/translations/sv.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "Justera formstilar",
+	"a11y.enlarge-shape": "Förstora formen",
+	"a11y.enter-leave-container": "Gå in/ut ur behållaren",
+	"a11y.move-shape": "Flytta formen",
+	"a11y.move-shape-faster": "Flytta formen snabbare",
+	"a11y.multiple-shapes": "{num} former har valts",
+	"a11y.open-context-menu": "Öppna kontextmenyn",
+	"a11y.open-keyboard-shortcuts": "Öppna kortkommandon",
+	"a11y.pan-camera": "Pan-kamera",
+	"a11y.repeat-shape": "Upprepa formen",
+	"a11y.rotate-shape-ccw": "Rotera formen moturs",
+	"a11y.rotate-shape-ccw-fine": "Rotera formen moturs (fin)",
+	"a11y.rotate-shape-cw": "Rotera formen medurs",
+	"a11y.rotate-shape-cw-fine": "Rotera formen medsols (fin)",
+	"a11y.select-shape": "Välj nästa form",
+	"a11y.select-shape-direction": "Välj form i riktning",
+	"a11y.shape-image": "Bild",
+	"a11y.shape-index": "{num} av {total}",
+	"a11y.shape-video": "Video",
+	"a11y.shrink-shape": "Krympform",
+	"a11y.skip-to-main-content": "Flytta fokus till duk",
+	"a11y.status": "Status",
+	"action.align-bottom": "Justera längst ner",
+	"action.align-center-horizontal": "Justera horisontellt",
+	"action.align-center-horizontal.short": "Justera H",
+	"action.align-center-vertical": "Justera vertikalt",
+	"action.align-center-vertical.short": "Justera V",
+	"action.align-left": "Justera vänster",
+	"action.align-right": "Justera höger",
+	"action.align-top": "Justera längst upp",
+	"action.back-to-content": "Tillbaka till innehållet",
+	"action.bring-forward": "Flytta framåt",
+	"action.bring-to-front": "Placera längst fram",
+	"action.convert-to-bookmark": "Konvertera till bokmärke",
+	"action.convert-to-embed": "Konvertera till bädda in",
+	"action.copy": "Kopiera",
+	"action.copy-as-json": "Kopiera som JSON",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "Kopiera som PNG",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "Kopiera som SVG",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "Klipp ut",
+	"action.delete": "Radera",
+	"action.distribute-horizontal": "Fördela horisontellt",
+	"action.distribute-horizontal.short": "Dela ut H",
+	"action.distribute-vertical": "Fördela vertikalt",
+	"action.distribute-vertical.short": "Fördela V",
+	"action.download-original": "Ladda ner originalet",
+	"action.duplicate": "Duplicera",
+	"action.edit-link": "Redigera länk",
+	"action.enhanced-a11y-mode": "Växla utökat tillgänglighetsläge",
+	"action.enhanced-a11y-mode.menu": "Förbättrat tillgänglighetsläge",
+	"action.exit-pen-mode": "Avsluta pennläget",
+	"action.export-all-as-png": "Exportera allt som PNG",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "Exportera allt som SVG",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "Exportera som PNG",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "Exportera som SVG",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "Anpassa till innehållet",
+	"action.flatten-to-image": "Platta till",
+	"action.flip-horizontal": "Vänd horisontellt",
+	"action.flip-horizontal.short": "Vänd H",
+	"action.flip-vertical": "Vänd vertikalt",
+	"action.flip-vertical.short": "Vänd V",
+	"action.fork-project": "Gaffla detta projekt",
+	"action.fork-project-on-tldraw": "Gaffelprojekt på tldraw",
+	"action.group": "Gruppera",
+	"action.insert-embed": "Infoga inbäddning",
+	"action.insert-media": "Ladda upp media",
+	"action.leave-shared-project": "Stäng det delade projektet",
+	"action.new-project": "Nytt projekt",
+	"action.new-shared-project": "Nytt delat projekt",
+	"action.open-cursor-chat": "Markörchatt",
+	"action.open-embed-link": "Öppna länken",
+	"action.open-file": "Öppna filen",
+	"action.open-kbd-shortcuts": "Öppna kortkommandon",
+	"action.pack": "Packa",
+	"action.paste": "Klistra in",
+	"action.paste-error-description": "Det gick inte att klistra in på grund av att urklippsbehörigheter saknas. Aktivera behörigheterna och försök igen.",
+	"action.paste-error-title": "Det gick inte att klistra in",
+	"action.print": "Skriv ut",
+	"action.redo": "Gör om",
+	"action.remove-frame": "Ta bort ramen",
+	"action.rename": "Döp om",
+	"action.rotate-ccw": "Vrid moturs",
+	"action.rotate-cw": "Vrid medurs",
+	"action.save-copy": "Spara en kopia",
+	"action.select-all": "Välj alla",
+	"action.select-none": "Välj ingen",
+	"action.select-zoom-tool": "Zoom",
+	"action.send-backward": "Flytta bakåt",
+	"action.send-to-back": "Placera längst bak",
+	"action.share-project": "Dela detta projekt",
+	"action.stack-horizontal": "Stapla horisontellt",
+	"action.stack-horizontal.short": "Stapla H",
+	"action.stack-vertical": "Stapla vertikalt",
+	"action.stack-vertical.short": "Stapla V",
+	"action.stop-following": "Sluta följa",
+	"action.stretch-horizontal": "Sträck ut horisontellt",
+	"action.stretch-horizontal.short": "Sträck ut H",
+	"action.stretch-vertical": "Sträck ut vertikalt",
+	"action.stretch-vertical.short": "Sträck ut V",
+	"action.toggle-auto-none": "Auto",
+	"action.toggle-auto-pan": "Auto (styrplatta)",
+	"action.toggle-auto-size": "Aktivera automatisk storlek",
+	"action.toggle-auto-zoom": "Automatisk (mus)",
+	"action.toggle-dark-mode": "Aktivera mörkt läge",
+	"action.toggle-dark-mode.menu": "Mörkt läge",
+	"action.toggle-debug-mode": "Aktivera felsökningsläge",
+	"action.toggle-debug-mode.menu": "Felsökningsläge",
+	"action.toggle-dynamic-size-mode": "Aktivera dynamisk storlek",
+	"action.toggle-dynamic-size-mode.menu": "Dynamisk storlek",
+	"action.toggle-edge-scrolling": "Aktivera kantrullning",
+	"action.toggle-edge-scrolling.menu": "Kantrullning",
+	"action.toggle-focus-mode": "Aktivera fokuseringsläge",
+	"action.toggle-focus-mode.menu": "Fokuseringsläge",
+	"action.toggle-grid": "Aktivera rutnät",
+	"action.toggle-grid.menu": "Visa rutnät",
+	"action.toggle-invert-zoom": "Växla inverterad muszoom",
+	"action.toggle-invert-zoom.menu": "Invertera musens zoom",
+	"action.toggle-keyboard-shortcuts": "Växla tangentbordsgenvägar",
+	"action.toggle-keyboard-shortcuts.menu": "Tangentbordsgenvägar",
+	"action.toggle-lock": "Lås / Lås upp",
+	"action.toggle-mouse": "Mus",
+	"action.toggle-paste-at-cursor": "Aktivera klistra in vid markören",
+	"action.toggle-paste-at-cursor.menu": "Klistra in vid markören",
+	"action.toggle-reduce-motion": "Aktivera minska rörelse",
+	"action.toggle-reduce-motion.menu": "Minska rörelse",
+	"action.toggle-snap-mode": "Aktivera alltid fästpunkter",
+	"action.toggle-snap-mode.menu": "Alltid fästpunkter",
+	"action.toggle-tool-lock": "Aktivera verktygslås",
+	"action.toggle-tool-lock.menu": "Verktygslås",
+	"action.toggle-trackpad": "Styrplatta",
+	"action.toggle-transparent": "Aktivera genomskinlig bakgrund",
+	"action.toggle-transparent.context-menu": "Genomskinlig",
+	"action.toggle-transparent.menu": "Genomskinlig",
+	"action.toggle-wrap-mode": "Aktivera Välj på wrap",
+	"action.toggle-wrap-mode.menu": "Välj på wrap",
+	"action.undo": "Ångra",
+	"action.ungroup": "Avgruppera",
+	"action.unlock-all": "Lås upp alla",
+	"action.zoom-in": "Zooma in",
+	"action.zoom-out": "Zooma ut",
+	"action.zoom-quick": "Snabbzoomning",
+	"action.zoom-to-100": "Zooma till 100  %",
+	"action.zoom-to-fit": "Anpassa zoom till skärm",
+	"action.zoom-to-selection": "Zooma in till val",
+	"actions-menu.title": "Åtgärder",
+	"align-style.end": "Slut",
+	"align-style.justify": "Rättfärdiga",
+	"align-style.middle": "Mitten",
+	"align-style.start": "Start",
+	"app.loading": "Laddar tldraw…",
+	"arrow-kind-style.arc": "Båge",
+	"arrow-kind-style.elbow": "Armbåge",
+	"arrowheadEnd-style.arrow": "Pil",
+	"arrowheadEnd-style.bar": "Lodstreck",
+	"arrowheadEnd-style.diamond": "Diamant",
+	"arrowheadEnd-style.dot": "Punkt",
+	"arrowheadEnd-style.inverted": "Omvänd",
+	"arrowheadEnd-style.none": "Ingen",
+	"arrowheadEnd-style.pipe": "Rör",
+	"arrowheadEnd-style.square": "Fyrkant",
+	"arrowheadEnd-style.triangle": "Triangel",
+	"arrowheadStart-style.arrow": "Pil",
+	"arrowheadStart-style.bar": "Lodstreck",
+	"arrowheadStart-style.diamond": "Diamant",
+	"arrowheadStart-style.dot": "Punkt",
+	"arrowheadStart-style.inverted": "Omvänd",
+	"arrowheadStart-style.none": "Ingen",
+	"arrowheadStart-style.pipe": "Rör",
+	"arrowheadStart-style.square": "Fyrkant",
+	"arrowheadStart-style.triangle": "Triangel",
+	"assets.files.amount-too-many": "För många filer",
+	"assets.files.maximum-size": "Maximal filstorlek är {size}",
+	"assets.files.size-too-big": "Filstorleken är för stor",
+	"assets.files.type-not-allowed": "Filtyp är inte tillåten",
+	"assets.files.upload-failed": "Uppladdningen misslyckades",
+	"assets.url.failed": "Det gick inte att läsa in URL-förhandsgranskning",
+	"color-style.black": "Svart",
+	"color-style.blue": "Blå",
+	"color-style.green": "Grön",
+	"color-style.grey": "Grå",
+	"color-style.light-blue": "Ljusblå",
+	"color-style.light-green": "Ljusgrön",
+	"color-style.light-red": "Ljusröd",
+	"color-style.light-violet": "Ljusviolett",
+	"color-style.orange": "Orange",
+	"color-style.red": "Röd",
+	"color-style.violet": "Violett",
+	"color-style.white": "Vit",
+	"color-style.yellow": "Gul",
+	"context-menu.arrange": "Ordna",
+	"context-menu.copy-as": "Kopiera som",
+	"context-menu.edit": "Redigera",
+	"context-menu.export-all-as": "Exportera allt som",
+	"context-menu.export-as": "Exportera som",
+	"context-menu.move-to-page": "Flytta till sida",
+	"context-menu.reorder": "Ordna om",
+	"context-menu.title": "Snabbmeny",
+	"context.pages.new-page": "Ny sida",
+	"cursor-chat.type-to-chat": "Skriv för att chatta...",
+	"dash-style.dashed": "Streckad",
+	"dash-style.dotted": "Prickad",
+	"dash-style.draw": "Rita",
+	"dash-style.solid": "Heldragen",
+	"document-name-menu.copy-link": "Kopiera länk",
+	"document.default-name": "Namnlös",
+	"edit-link-dialog.cancel": "Avbryt",
+	"edit-link-dialog.clear": "Rensa",
+	"edit-link-dialog.detail": "Länkar öppnas i en ny flik.",
+	"edit-link-dialog.external-link": "Extern länk",
+	"edit-link-dialog.invalid-url": "En länk måste vara en giltig URL.",
+	"edit-link-dialog.save": "Fortsätt",
+	"edit-link-dialog.title": "Redigera länk",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "Tillbaka",
+	"embed-dialog.cancel": "Avbryt",
+	"embed-dialog.create": "Skapa",
+	"embed-dialog.instruction": "Klistra in webbplatsens URL för att skapa inbäddningen.",
+	"embed-dialog.invalid-url": "Vi kunde inte skapa en inbäddning från den webbadressen.",
+	"embed-dialog.title": "Skapa inbäddning",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "Avbryt",
+	"file-system.confirm-clear.continue": "Fortsätt",
+	"file-system.confirm-clear.description": "Om du skapar ett nytt projekt rensas ditt nuvarande projekt och alla osparade ändringar går förlorade. Är du säker på att du vill fortsätta?",
+	"file-system.confirm-clear.dont-show-again": "Fråga inte igen",
+	"file-system.confirm-clear.title": "Rensa aktuellt projekt?",
+	"file-system.confirm-open.cancel": "Avbryt",
+	"file-system.confirm-open.description": "Att öppna en fil kommer att ersätta ditt nuvarande projekt och alla osparade ändringar kommer att gå förlorade. Är du säker på att du vill fortsätta?",
+	"file-system.confirm-open.dont-show-again": "Fråga inte igen",
+	"file-system.confirm-open.open": "Öppna filen",
+	"file-system.confirm-open.title": "Vill du skriva över aktuellt projekt?",
+	"file-system.file-open-error.file-format-version-too-new": "Filen du försökte öppna är från en nyare version av tldraw. Ladda om sidan och försök igen.",
+	"file-system.file-open-error.generic-corrupted-file": "Filen du försökte öppna är skadad.",
+	"file-system.file-open-error.not-a-tldraw-file": "Filen du försökte öppna ser inte ut som en tldraw-fil.",
+	"file-system.file-open-error.title": "Det gick inte att öppna filen",
+	"file-system.shared-document-file-open-error.description": "Det går inte att öppna filer från delade projekt.",
+	"file-system.shared-document-file-open-error.title": "Det gick inte att öppna filen",
+	"fill-style.fill": "Fyll",
+	"fill-style.lined-fill": "Linjerad fyllning",
+	"fill-style.none": "Ingen",
+	"fill-style.pattern": "Mönster",
+	"fill-style.semi": "Semi",
+	"fill-style.solid": "Heldragen",
+	"focus-mode.toggle-focus-mode": "Aktivera fokuseringsläge",
+	"font-style.draw": "Rita",
+	"font-style.mono": "Mono",
+	"font-style.sans": "Sans",
+	"font-style.serif": "Serif",
+	"geo-style.arrow-down": "Pil ner",
+	"geo-style.arrow-left": "Vänsterpil",
+	"geo-style.arrow-right": "Högerpil",
+	"geo-style.arrow-up": "Pil upp",
+	"geo-style.check-box": "Kryssruta",
+	"geo-style.cloud": "Moln",
+	"geo-style.diamond": "Diamant",
+	"geo-style.ellipse": "Ellips",
+	"geo-style.heart": "Hjärta",
+	"geo-style.hexagon": "Sexhörning",
+	"geo-style.octagon": "Åttahörning",
+	"geo-style.oval": "Oval",
+	"geo-style.pentagon": "Femhörning",
+	"geo-style.rectangle": "Rektangel",
+	"geo-style.rhombus": "Romb",
+	"geo-style.rhombus-2": "Romb vänster",
+	"geo-style.star": "Stjärna",
+	"geo-style.trapezoid": "Trapets",
+	"geo-style.triangle": "Triangel",
+	"geo-style.x-box": "Kryssruta",
+	"handle.crop.bottom": "Beskuren botten",
+	"handle.crop.bottom-left": "Beskär längst ner till vänster",
+	"handle.crop.bottom-right": "Beskär längst ner till höger",
+	"handle.crop.left": "Beskär vänster",
+	"handle.crop.right": "Beskär höger",
+	"handle.crop.top": "Kort topp",
+	"handle.crop.top-left": "Beskär övre vänstra",
+	"handle.crop.top-right": "Beskär övre högra",
+	"handle.resize-bottom": "Ändra storlek på botten",
+	"handle.resize-bottom-left": "Ändra storlek längst ner till vänster",
+	"handle.resize-bottom-right": "Ändra storlek längst ner till höger",
+	"handle.resize-left": "Ändra storlek åt vänster",
+	"handle.resize-right": "Ändra storlek åt höger",
+	"handle.resize-top": "Ändra storlek på toppen",
+	"handle.resize-top-left": "Ändra storlek övre vänstra",
+	"handle.resize-top-right": "Ändra storlek övre högra",
+	"handle.rotate.bottom_left_rotate": "Rotera längst ner till vänster",
+	"handle.rotate.bottom_right_rotate": "Rotera längst ner till höger",
+	"handle.rotate.mobile_rotate": "Rotera",
+	"handle.rotate.top_left_rotate": "Rotera övre vänster",
+	"handle.rotate.top_right_rotate": "Rotera övre högra",
+	"help-menu.about": "Om",
+	"help-menu.discord": "Discord",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "Importera fil...",
+	"help-menu.keyboard-shortcuts": "Tangentbordsgenvägar",
+	"help-menu.privacy": "Sekretesspolicy",
+	"help-menu.terms": "Användarvillkor",
+	"help-menu.title": "Hjälp och resurser",
+	"help-menu.twitter": "Twitter",
+	"menu.accessibility": "Tillgänglighet",
+	"menu.color-theme": "Färgtema",
+	"menu.copy-as": "Kopiera som",
+	"menu.edit": "Redigera",
+	"menu.export-as": "Exportera som",
+	"menu.file": "Arkiv",
+	"menu.input-device": "Inmatningsenhet",
+	"menu.language": "Språk",
+	"menu.preferences": "Inställningar",
+	"menu.theme": "Tema",
+	"menu.title": "Meny",
+	"menu.view": "Visa",
+	"navigation-zone.minimap": "Minikarta",
+	"navigation-zone.title": "Navigering",
+	"navigation-zone.toggle-minimap": "Aktivera minikarta",
+	"navigation-zone.zoom": "Zooma in",
+	"opacity-style.0.1": "10 %",
+	"opacity-style.0.25": "25 %",
+	"opacity-style.0.5": "50 %",
+	"opacity-style.0.75": "75 %",
+	"opacity-style.1": "100 %",
+	"page-menu.create-new-page": "Skapa ny sida",
+	"page-menu.edit-done": "Klart",
+	"page-menu.edit-start": "Redigera",
+	"page-menu.go-to-page": "Gå till sidan",
+	"page-menu.new-page-initial-name": "Sida 1",
+	"page-menu.submenu.delete": "Radera",
+	"page-menu.submenu.duplicate-page": "Duplicera",
+	"page-menu.submenu.move-down": "Flytta ner",
+	"page-menu.submenu.move-up": "Flytta upp",
+	"page-menu.submenu.rename": "Döp om",
+	"page-menu.submenu.title": "Meny",
+	"page-menu.title": "Sidor",
+	"people-menu.anonymous-user": "Ny användare",
+	"people-menu.avatar-color": "Avatarfärg",
+	"people-menu.change-color": "Ändra färg",
+	"people-menu.change-name": "Byt namn",
+	"people-menu.follow": "Följ",
+	"people-menu.following": "Följer",
+	"people-menu.invite": "Bjud in andra",
+	"people-menu.leading": "Följer dig",
+	"people-menu.title": "Personer",
+	"people-menu.user": "(Du)",
+	"share-menu.copied": "Länk kopierad!",
+	"share-menu.copy-link": "Kopiera länk",
+	"share-menu.copy-link-note": "Alla med länken kommer att kunna se och redigera det här projektet.",
+	"share-menu.copy-readonly-link": "Kopiera skrivskyddad länk",
+	"share-menu.copy-readonly-link-note": "Alla med länken kommer att kunna se (men inte redigera) detta projekt.",
+	"share-menu.create-snapshot-link": "Skapa ögonblicksbildlänk",
+	"share-menu.creating-project": "Skapar det nya projektet...",
+	"share-menu.fork-note": "Skapa ett nytt delat projekt baserat på denna ögonblicksbild.",
+	"share-menu.offline-note": "Om du delar det här projektet skapas en hostad realtidskopia på en ny URL. Du kan dela webbadressen med upp till trettio andra personer för att se och redigera projektet tillsammans.",
+	"share-menu.project-too-large": "Det här projektet kan tyvärr inte delas eftersom det är för stort. Vi jobbar på det!",
+	"share-menu.save-note": "Ladda ner det här projektet till din dator som en .tldr-fil.",
+	"share-menu.share-project": "Dela detta projekt",
+	"share-menu.snapshot-link-note": "Spara och dela det här projektet som en skrivskyddad ögonblicksbildlänk.",
+	"share-menu.title": "Dela",
+	"share-menu.upload-failed": "Tyvärr, vi kunde inte ladda upp ditt projekt för tillfället. Försök igen eller meddela oss om problemet kvarstår.",
+	"sharing.confirm-leave.cancel": "Avbryt",
+	"sharing.confirm-leave.description": "Är du säker på att du vill stänga det här delade projektet? Du kan återvända till det genom att navigera till dess URL.",
+	"sharing.confirm-leave.dont-show-again": "Fråga inte igen",
+	"sharing.confirm-leave.leave": "Stäng",
+	"sharing.confirm-leave.title": "Stäng nuvarande projekt?",
+	"shortcuts-dialog.a11y": "Tillgänglighet",
+	"shortcuts-dialog.collaboration": "Samarbete",
+	"shortcuts-dialog.edit": "Redigera",
+	"shortcuts-dialog.file": "Arkiv",
+	"shortcuts-dialog.preferences": "Inställningar",
+	"shortcuts-dialog.text-formatting": "Textformatering",
+	"shortcuts-dialog.title": "Tangentbordsgenvägar",
+	"shortcuts-dialog.tools": "Verktyg",
+	"shortcuts-dialog.transform": "Transformera",
+	"shortcuts-dialog.view": "Visa",
+	"size-style.l": "Stor",
+	"size-style.m": "Medelstor",
+	"size-style.s": "Liten",
+	"size-style.xl": "Extra stor",
+	"spline-style.cubic": "Kubisk",
+	"spline-style.line": "Linje",
+	"status.offline": "Offline",
+	"style-panel.align": "Justera",
+	"style-panel.arrow-kind": "Linje",
+	"style-panel.arrowhead-end": "Avsluta",
+	"style-panel.arrowhead-start": "Start",
+	"style-panel.arrowheads": "Pilspetsar",
+	"style-panel.color": "Färg",
+	"style-panel.dash": "Streck",
+	"style-panel.fill": "Fyll",
+	"style-panel.font": "Typsnitt",
+	"style-panel.geo": "Form",
+	"style-panel.label-align": "Etikettjustera",
+	"style-panel.mixed": "Blandad",
+	"style-panel.opacity": "Opacitet",
+	"style-panel.position": "Placera",
+	"style-panel.selected": "vald",
+	"style-panel.size": "Storlek",
+	"style-panel.spline": "Spline",
+	"style-panel.title": "Utseende",
+	"style-panel.vertical-align": "Vertikal inriktning",
+	"theme.dark": "Mörk",
+	"theme.light": "Ljus",
+	"theme.system": "System",
+	"toast.close": "Stäng",
+	"toast.error": "Fel",
+	"toast.error.copy-fail.desc": "Det gick inte att kopiera bilden",
+	"toast.error.copy-fail.title": "Kopian misslyckades",
+	"toast.error.export-fail.desc": "Det gick inte att exportera bilden",
+	"toast.error.export-fail.title": "Exporten misslyckades",
+	"toast.info": "Info",
+	"toast.success": "Framgång",
+	"toast.warning": "Varning",
+	"tool-panel.more": "Mer",
+	"tool-panel.title": "Verktyg",
+	"tool.arrow": "Pil",
+	"tool.arrow-down": "Pil ner",
+	"tool.arrow-left": "Vänsterpil",
+	"tool.arrow-right": "Högerpil",
+	"tool.arrow-up": "Pil upp",
+	"tool.aspect-ratio": "Bildförhållande",
+	"tool.aspect-ratio.circle": "Cirkel (1:1)",
+	"tool.aspect-ratio.landscape": "Landskap (4:3)",
+	"tool.aspect-ratio.original": "Original",
+	"tool.aspect-ratio.portrait": "Porträtt (3:4)",
+	"tool.aspect-ratio.square": "Kvadrat (1:1)",
+	"tool.aspect-ratio.wide": "Bred (16:9)",
+	"tool.bookmark": "Bokmärke",
+	"tool.check-box": "Kryssruta",
+	"tool.cloud": "Moln",
+	"tool.diamond": "Diamant",
+	"tool.draw": "Rita",
+	"tool.ellipse": "Ellips",
+	"tool.embed": "Bädda in",
+	"tool.eraser": "Radergummi",
+	"tool.flip-horz": "Vänd horisontellt",
+	"tool.flip-vert": "Vänd vertikalt",
+	"tool.frame": "Ram",
+	"tool.hand": "Hand",
+	"tool.heart": "Hjärta",
+	"tool.hexagon": "Sexhörning",
+	"tool.highlight": "Markera",
+	"tool.image-crop": "Beskär bilden",
+	"tool.image-crop-confirm": "Bekräfta",
+	"tool.image-toolbar-title": "Bildverktyg",
+	"tool.image-zoom": "Zooma in",
+	"tool.laser": "Laser",
+	"tool.line": "Linje",
+	"tool.media": "Media",
+	"tool.media-alt-text": "Alternativ text",
+	"tool.media-alt-text-confirm": "Bekräfta",
+	"tool.media-alt-text-desc": "Ge en beskrivning…",
+	"tool.note": "Anmärkning",
+	"tool.octagon": "Åttahörning",
+	"tool.oval": "Oval",
+	"tool.pentagon": "Femhörning",
+	"tool.pointer-down": "Pekare ner",
+	"tool.rectangle": "Rektangel",
+	"tool.replace-media": "Byt ut media",
+	"tool.rhombus": "Romb",
+	"tool.rich-text-bold": "Djärv",
+	"tool.rich-text-bulletList": "Punktlista",
+	"tool.rich-text-code": "Koda",
+	"tool.rich-text-header": "Rubrik",
+	"tool.rich-text-highlight": "Markera",
+	"tool.rich-text-italic": "Kursiv",
+	"tool.rich-text-link": "Länk",
+	"tool.rich-text-link-remove": "Ta bort länken",
+	"tool.rich-text-link-visit": "Besök länk",
+	"tool.rich-text-orderedList": "Ordnad lista",
+	"tool.rich-text-strikethrough": "Genomstruken",
+	"tool.rich-text-toolbar-title": "Textformatering",
+	"tool.rotate-cw": "Rotera",
+	"tool.select": "Välj",
+	"tool.star": "Stjärna",
+	"tool.text": "Text",
+	"tool.trapezoid": "Trapets",
+	"tool.triangle": "Triangel",
+	"tool.x-box": "Kryssruta",
+	"ui.checked": "Kontrollerade",
+	"ui.close": "Stäng",
+	"ui.unchecked": "Okontrollerad",
+	"verticalAlign-style.end": "Längst ner",
+	"verticalAlign-style.middle": "Mitten",
+	"verticalAlign-style.start": "Längst upp",
+	"vscode.file-open.backup": "Säkerhetskopia",
+	"vscode.file-open.backup-failed": "Säkerhetskopieringen misslyckades: detta är inte en .tldr-fil.",
+	"vscode.file-open.backup-saved": "Säkerhetskopian har sparats",
+	"vscode.file-open.desc": "Den här filen skapades med en tidigare version av tldraw. Vill du uppdatera den för att fungera med den nya versionen?",
+	"vscode.file-open.dont-show-again": "Fråga inte igen",
+	"vscode.file-open.open": "Fortsätt"
+}
diff --git a/web/hermes-dist/translations/ta.json b/web/hermes-dist/translations/ta.json
new file mode 100644
index 0000000..eda42ea
--- /dev/null
+++ b/web/hermes-dist/translations/ta.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "வடிவ பாணிகளைச் சரிசெய்யவும்",
+	"a11y.enlarge-shape": "வடிவத்தைப் பெரிதாக்கு",
+	"a11y.enter-leave-container": "கொள்கலனை உள்ளிடவும்/வெளியேறவும்",
+	"a11y.move-shape": "வடிவத்தை நகர்த்து",
+	"a11y.move-shape-faster": "வடிவத்தை வேகமாக நகர்த்து",
+	"a11y.multiple-shapes": "{num} வடிவங்கள் தேர்ந்தெடுக்கப்பட்டன",
+	"a11y.open-context-menu": "சூழல் மெனுவைத் திற",
+	"a11y.open-keyboard-shortcuts": "விசைப்பலகை குறுக்குவழிகளைத் திற",
+	"a11y.pan-camera": "கேமராவை நகர்த்து",
+	"a11y.repeat-shape": "வடிவத்தை மீண்டும் செய்",
+	"a11y.rotate-shape-ccw": "வடிவத்தை எதிரெதிர் திசையில் சுழற்று",
+	"a11y.rotate-shape-ccw-fine": "வடிவத்தை எதிரெதிர் திசையில் சுழற்று (நன்றாக)",
+	"a11y.rotate-shape-cw": "வடிவத்தை கடிகார திசையில் சுழற்று",
+	"a11y.rotate-shape-cw-fine": "வடிவத்தை கடிகார திசையில் சுழற்று (நன்றாக)",
+	"a11y.select-shape": "அடுத்த வடிவத்தைத் தேர்ந்தெடுக்கவும்",
+	"a11y.select-shape-direction": "திசையில் வடிவத்தைத் தேர்ந்தெடுக்கவும்.",
+	"a11y.shape-image": "படம்",
+	"a11y.shape-index": "{total} இல் {num}",
+	"a11y.shape-video": "காணொளி",
+	"a11y.shrink-shape": "சுருக்கு வடிவம்",
+	"a11y.skip-to-main-content": "கவனத்தை கேன்வாஸுக்கு நகர்த்து",
+	"a11y.status": "நிலைமை",
+	"action.align-bottom": "கீழே சீரமைக்கவும்",
+	"action.align-center-horizontal": "கிடைமட்டமாக சீரமைக்கவும்",
+	"action.align-center-horizontal.short": "சீரமைக்க எச்",
+	"action.align-center-vertical": "செங்குத்தாக சீரமைக்கவும்",
+	"action.align-center-vertical.short": "சீரமைத்தல் வி",
+	"action.align-left": "இடப்புறம் சீரமைக்கவும்",
+	"action.align-right": "வலதுபுறம் சீரமைக்கவும்",
+	"action.align-top": "மேலே சீரமைக்கவும்",
+	"action.back-to-content": "உள்ளடக்கத்திற்குத் திரும்பு",
+	"action.bring-forward": "முன் கொண்டு வாருங்கள்",
+	"action.bring-to-front": "முன்னால் கொண்டு வாருங்கள்",
+	"action.convert-to-bookmark": "புக்மார்க்குக்கு மாற்றவும்",
+	"action.convert-to-embed": "உட்பொதிக்கு மாற்றவும்",
+	"action.copy": "நகலெடுக்கவும்",
+	"action.copy-as-json": "JSON ஆக நகலெடுக்கவும்",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "PNG ஆக நகலெடுக்கவும்",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "SVG ஆக நகலெடுக்கவும்",
+	"action.copy-as-svg.short": "எஸ்.வி.ஜி",
+	"action.cut": "வெட்டு",
+	"action.delete": "நீக்கு",
+	"action.distribute-horizontal": "கிடைமட்டமாக விநியோகிக்கவும்",
+	"action.distribute-horizontal.short": "எச் விநியோகிக்கவும்",
+	"action.distribute-vertical": "செங்குத்தாக விநியோகிக்கவும்",
+	"action.distribute-vertical.short": "வி விநியோகம்",
+	"action.download-original": "அசலைப் பதிவிறக்கு",
+	"action.duplicate": "நகல்",
+	"action.edit-link": "இணைப்பைத் திருத்து",
+	"action.enhanced-a11y-mode": "மேம்படுத்தப்பட்ட அணுகல்தன்மை பயன்முறையை நிலைமாற்று",
+	"action.enhanced-a11y-mode.menu": "மேம்படுத்தப்பட்ட அணுகல்தன்மை பயன்முறை",
+	"action.exit-pen-mode": "பேனா பயன்முறையிலிருந்து வெளியேறு",
+	"action.export-all-as-png": "அனைத்தையும் PNG ஆக ஏற்றுமதி செய்யவும்",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "அனைத்தையும் SVG ஆக ஏற்றுமதி செய்யவும்",
+	"action.export-all-as-svg.short": "எஸ்.வி.ஜி",
+	"action.export-as-png": "PNG ஆக ஏற்றுமதி செய்யவும்",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "SVG ஆக ஏற்றுமதி செய்யவும்",
+	"action.export-as-svg.short": "எஸ்.வி.ஜி",
+	"action.fit-frame-to-content": "உள்ளடக்கத்திற்கு அமை",
+	"action.flatten-to-image": "தட்டையாக்கு",
+	"action.flip-horizontal": "கிடைமட்டமாக புரட்டவும்",
+	"action.flip-horizontal.short": "ஃபிளிப் எச்",
+	"action.flip-vertical": "செங்குத்தாக புரட்டவும்",
+	"action.flip-vertical.short": "ஃபிளிப் வி",
+	"action.fork-project": "இந்த திட்டத்தை முடுக்கி",
+	"action.fork-project-on-tldraw": "டிஎல்டிராவில் ஃபோர்க் திட்டம்",
+	"action.group": "குழு",
+	"action.insert-embed": "உட்பொதியைச் செருகவும்",
+	"action.insert-media": "மீடியாவைப் பதிவேற்றவும்",
+	"action.leave-shared-project": "பகிரப்பட்ட திட்டத்திலிருந்து வெளியேறவும்",
+	"action.new-project": "புதிய திட்டம்",
+	"action.new-shared-project": "புதிய பகிரப்பட்ட திட்டம்",
+	"action.open-cursor-chat": "கர்சர் அரட்டை",
+	"action.open-embed-link": "இணைப்பைத் திற",
+	"action.open-file": "கோப்பைத் திறக்கவும்",
+	"action.open-kbd-shortcuts": "விசைப்பலகை குறுக்குவழிகளைத் திற",
+	"action.pack": "பேக்",
+	"action.paste": "ஒட்டவும்",
+	"action.paste-error-description": "கிளிப்போர்டு அனுமதிகள் இல்லாததால் ஒட்ட முடியவில்லை. அனுமதிகளை இயக்கி மீண்டும் முயற்சிக்கவும்.",
+	"action.paste-error-title": "ஒட்டுவதில் தோல்வி",
+	"action.print": "அச்சிடுக",
+	"action.redo": "மீண்டும் செய்",
+	"action.remove-frame": "சட்டத்தை அகற்று",
+	"action.rename": "மறுபெயரிடவும்",
+	"action.rotate-ccw": "எதிரெதிர் திசையில் சுழற்று",
+	"action.rotate-cw": "கடிகார திசையில் சுழற்று",
+	"action.save-copy": "ஒரு நகலை சேமிக்கவும்",
+	"action.select-all": "அனைத்தையும் தேர்ந்தெடுக்கவும்",
+	"action.select-none": "எதையும் தேர்ந்தெடுக்கவும்",
+	"action.select-zoom-tool": "ஜூம்",
+	"action.send-backward": "பின்னோக்கி அனுப்பு",
+	"action.send-to-back": "பின்னுக்கு அனுப்பு",
+	"action.share-project": "இந்தத் திட்டத்தைப் பகிரவும்",
+	"action.stack-horizontal": "கிடைமட்டமாக அடுக்கி வைக்கவும்",
+	"action.stack-horizontal.short": "ஸ்டாக் எச்",
+	"action.stack-vertical": "செங்குத்தாக அடுக்கி வைக்கவும்",
+	"action.stack-vertical.short": "ஸ்டாக் வி",
+	"action.stop-following": "பின்தொடர்வதை நிறுத்துங்கள்",
+	"action.stretch-horizontal": "கிடைமட்டமாக நீட்டவும்",
+	"action.stretch-horizontal.short": "நீட்சி எச்",
+	"action.stretch-vertical": "செங்குத்தாக நீட்டவும்",
+	"action.stretch-vertical.short": "நீட்சி வி",
+	"action.toggle-auto-none": "ஆட்டோ",
+	"action.toggle-auto-pan": "தானியங்கி (டிராக்பேட்)",
+	"action.toggle-auto-size": "தானியங்கு அளவை மாற்றவும்",
+	"action.toggle-auto-zoom": "ஆட்டோ (சுட்டி)",
+	"action.toggle-dark-mode": "இருண்ட பயன்முறையை மாற்றவும்",
+	"action.toggle-dark-mode.menu": "இருண்ட பயன்முறை",
+	"action.toggle-debug-mode": "பிழைத்திருத்த பயன்முறையை நிலைமாற்று",
+	"action.toggle-debug-mode.menu": "பிழைத்திருத்த முறை",
+	"action.toggle-dynamic-size-mode": "டைனமிக் அளவை மாற்றவும்",
+	"action.toggle-dynamic-size-mode.menu": "டைனமிக் அளவு",
+	"action.toggle-edge-scrolling": "விளிம்பு ஸ்க்ரோலிங்கை நிலைமாற்று",
+	"action.toggle-edge-scrolling.menu": "விளிம்பு ஸ்க்ரோலிங்",
+	"action.toggle-focus-mode": "ஃபோகஸ் பயன்முறையை நிலைமாற்று",
+	"action.toggle-focus-mode.menu": "ஃபோகஸ் பயன்முறை",
+	"action.toggle-grid": "கட்டத்தை நிலைமாற்று",
+	"action.toggle-grid.menu": "கட்டத்தைக் காட்டு",
+	"action.toggle-invert-zoom": "மவுஸ் ஜூம் அளவை தலைகீழாக்கு",
+	"action.toggle-invert-zoom.menu": "மவுஸ் ஜூம்மை தலைகீழாக்கு",
+	"action.toggle-keyboard-shortcuts": "விசைப்பலகை குறுக்குவழிகளை நிலைமாற்று",
+	"action.toggle-keyboard-shortcuts.menu": "விசைப்பலகை குறுக்குவழிகளை இயக்கு",
+	"action.toggle-lock": "பூட்டு / திறத்தல்",
+	"action.toggle-mouse": "சுட்டி",
+	"action.toggle-paste-at-cursor": "கர்சரில் ஒட்டுவதை நிலைமாற்று",
+	"action.toggle-paste-at-cursor.menu": "கர்சரில் ஒட்டவும்",
+	"action.toggle-reduce-motion": "இயக்கத்தைக் குறைக்கவும்",
+	"action.toggle-reduce-motion.menu": "இயக்கத்தைக் குறைக்கவும்",
+	"action.toggle-snap-mode": "எப்போதும் ஸ்னாப்பை நிலைமாற்று",
+	"action.toggle-snap-mode.menu": "எப்போதும் ஒடி",
+	"action.toggle-tool-lock": "கருவி பூட்டை நிலைமாற்று",
+	"action.toggle-tool-lock.menu": "கருவி பூட்டு",
+	"action.toggle-trackpad": "டிராக்பேட்",
+	"action.toggle-transparent": "வெளிப்படையான பின்னணியை மாற்றவும்",
+	"action.toggle-transparent.context-menu": "வெளிப்படையானது",
+	"action.toggle-transparent.menu": "வெளிப்படையானது",
+	"action.toggle-wrap-mode": "உறையில் தேர்ந்தெடு என்பதை நிலைமாற்றவும்",
+	"action.toggle-wrap-mode.menu": "மடக்கு மீது தேர்ந்தெடுக்கவும்",
+	"action.undo": "செயல்தவிர்",
+	"action.ungroup": "குழுவிலக்கு",
+	"action.unlock-all": "அனைத்தையும் திறக்கவும்",
+	"action.zoom-in": "பெரிதாக்கவும்",
+	"action.zoom-out": "பெரிதாக்கவும்",
+	"action.zoom-quick": "விரைவான ஜூம்",
+	"action.zoom-to-100": "100% பெரிதாக்கவும்",
+	"action.zoom-to-fit": "பொருத்தமாக பெரிதாக்கவும்",
+	"action.zoom-to-selection": "தேர்வுக்கு பெரிதாக்கு",
+	"actions-menu.title": "செயல்கள்",
+	"align-style.end": "முடிவு",
+	"align-style.justify": "நியாயப்படுத்து",
+	"align-style.middle": "நடுத்தர",
+	"align-style.start": "தொடங்கு",
+	"app.loading": "tldraw-வை ஏற்றுகிறது…",
+	"arrow-kind-style.arc": "வில்",
+	"arrow-kind-style.elbow": "முழங்கை",
+	"arrowheadEnd-style.arrow": "அம்பு",
+	"arrowheadEnd-style.bar": "பார்",
+	"arrowheadEnd-style.diamond": "வைரம்",
+	"arrowheadEnd-style.dot": "புள்ளி",
+	"arrowheadEnd-style.inverted": "தலைகீழாக",
+	"arrowheadEnd-style.none": "இல்லை",
+	"arrowheadEnd-style.pipe": "குழாய்",
+	"arrowheadEnd-style.square": "சதுரம்",
+	"arrowheadEnd-style.triangle": "முக்கோணம்",
+	"arrowheadStart-style.arrow": "அம்பு",
+	"arrowheadStart-style.bar": "பார்",
+	"arrowheadStart-style.diamond": "வைரம்",
+	"arrowheadStart-style.dot": "புள்ளி",
+	"arrowheadStart-style.inverted": "தலைகீழாக",
+	"arrowheadStart-style.none": "இல்லை",
+	"arrowheadStart-style.pipe": "குழாய்",
+	"arrowheadStart-style.square": "சதுரம்",
+	"arrowheadStart-style.triangle": "முக்கோணம்",
+	"assets.files.amount-too-many": "மிக அதிகமான கோப்புகள்",
+	"assets.files.maximum-size": "அதிகபட்ச கோப்பு அளவு {size}",
+	"assets.files.size-too-big": "கோப்பு அளவு மிகவும் பெரியது",
+	"assets.files.type-not-allowed": "கோப்பு வகை அனுமதிக்கப்படவில்லை",
+	"assets.files.upload-failed": "பதிவேற்றம் தோல்வியடைந்தது",
+	"assets.url.failed": "URL மாதிரிக்காட்சியை ஏற்ற முடியவில்லை",
+	"color-style.black": "கருப்பு",
+	"color-style.blue": "நீலம்",
+	"color-style.green": "பச்சை",
+	"color-style.grey": "சாம்பல்",
+	"color-style.light-blue": "வெளிர் நீலம்",
+	"color-style.light-green": "வெளிர் பச்சை",
+	"color-style.light-red": "வெளிர் சிவப்பு",
+	"color-style.light-violet": "வெளிர் ஊதா",
+	"color-style.orange": "ஆரஞ்சு",
+	"color-style.red": "சிவப்பு",
+	"color-style.violet": "வயலட்",
+	"color-style.white": "வெள்ளை",
+	"color-style.yellow": "மஞ்சள்",
+	"context-menu.arrange": "ஏற்பாடு செய்",
+	"context-menu.copy-as": "என நகலெடுக்கவும்",
+	"context-menu.edit": "திருத்தவும்",
+	"context-menu.export-all-as": "அனைத்தையும் ஏற்றுமதி செய்யவும்",
+	"context-menu.export-as": "என ஏற்றுமதி செய்யவும்",
+	"context-menu.move-to-page": "பக்கத்திற்கு நகர்த்தவும்",
+	"context-menu.reorder": "மறுவரிசைப்படுத்து",
+	"context-menu.title": "சூழல் மெனு",
+	"context.pages.new-page": "புதிய பக்கம்",
+	"cursor-chat.type-to-chat": "அரட்டையடிக்க தட்டச்சு செய்க...",
+	"dash-style.dashed": "கோடு போட்டது",
+	"dash-style.dotted": "புள்ளியிடப்பட்ட",
+	"dash-style.draw": "வரையவும்",
+	"dash-style.solid": "திடமான",
+	"document-name-menu.copy-link": "இணைப்பை நகலெடுக்கவும்",
+	"document.default-name": "பெயரிடப்படாதது",
+	"edit-link-dialog.cancel": "ரத்து செய்",
+	"edit-link-dialog.clear": "தெளிவு",
+	"edit-link-dialog.detail": "இணைப்புகள் புதிய தாவலில் திறக்கப்படும்.",
+	"edit-link-dialog.external-link": "வெளிப்புற இணைப்பு",
+	"edit-link-dialog.invalid-url": "இணைப்பு சரியான URL ஆக இருக்க வேண்டும்.",
+	"edit-link-dialog.save": "தொடரவும்",
+	"edit-link-dialog.title": "இணைப்பைத் திருத்து",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "மீண்டும்",
+	"embed-dialog.cancel": "ரத்து செய்",
+	"embed-dialog.create": "உருவாக்கு",
+	"embed-dialog.instruction": "உட்பொதிவை உருவாக்க, தளத்தின் URL இல் ஒட்டவும்.",
+	"embed-dialog.invalid-url": "அந்த URL இலிருந்து ஒரு உட்பொதிவை உருவாக்க முடியவில்லை.",
+	"embed-dialog.title": "உட்பொதிவை உருவாக்கவும்",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "ரத்து செய்",
+	"file-system.confirm-clear.continue": "தொடரவும்",
+	"file-system.confirm-clear.description": "புதிய திட்டத்தை உருவாக்குவது உங்கள் தற்போதைய திட்டப்பணியை அழிக்கும் மற்றும் சேமிக்கப்படாத மாற்றங்கள் இழக்கப்படும். நீங்கள் நிச்சயமாக தொடர விரும்புகிறீர்களா?",
+	"file-system.confirm-clear.dont-show-again": "மீண்டும் கேட்காதே",
+	"file-system.confirm-clear.title": "தற்போதைய திட்டத்தை அழிக்கவா?",
+	"file-system.confirm-open.cancel": "ரத்து செய்",
+	"file-system.confirm-open.description": "கோப்பைத் திறப்பது உங்கள் தற்போதைய திட்டப்பணியை மாற்றிவிடும், மேலும் சேமிக்கப்படாத மாற்றங்கள் அனைத்தும் இழக்கப்படும். நீங்கள் நிச்சயமாக தொடர விரும்புகிறீர்களா?",
+	"file-system.confirm-open.dont-show-again": "மீண்டும் கேட்காதே",
+	"file-system.confirm-open.open": "கோப்பைத் திறக்கவும்",
+	"file-system.confirm-open.title": "தற்போதைய திட்டத்தை மேலெழுதவா?",
+	"file-system.file-open-error.file-format-version-too-new": "நீங்கள் திறக்க முயற்சித்த கோப்பு tldraw இன் புதிய பதிப்பிலிருந்து வந்தது. பக்கத்தை மீண்டும் ஏற்றி மீண்டும் முயற்சிக்கவும்.",
+	"file-system.file-open-error.generic-corrupted-file": "நீங்கள் திறக்க முயற்சித்த கோப்பு சிதைந்துள்ளது.",
+	"file-system.file-open-error.not-a-tldraw-file": "நீங்கள் திறக்க முயற்சித்த கோப்பு tldraw கோப்பு போல் இல்லை.",
+	"file-system.file-open-error.title": "கோப்பை திறக்க முடியவில்லை",
+	"file-system.shared-document-file-open-error.description": "பகிரப்பட்ட திட்டங்களிலிருந்து கோப்புகளைத் திறப்பது ஆதரிக்கப்படவில்லை.",
+	"file-system.shared-document-file-open-error.title": "கோப்பை திறக்க முடியவில்லை",
+	"fill-style.fill": "நிரப்பவும்",
+	"fill-style.lined-fill": "வரிசையிடப்பட்ட நிரப்பு",
+	"fill-style.none": "இல்லை",
+	"fill-style.pattern": "முறை",
+	"fill-style.semi": "அரை",
+	"fill-style.solid": "திடமான",
+	"focus-mode.toggle-focus-mode": "ஃபோகஸ் பயன்முறையை நிலைமாற்று",
+	"font-style.draw": "வரையவும்",
+	"font-style.mono": "மோனோ",
+	"font-style.sans": "சான்ஸ்",
+	"font-style.serif": "செரிஃப்",
+	"geo-style.arrow-down": "கீழே அம்புக்குறி",
+	"geo-style.arrow-left": "அம்பு விட்டு",
+	"geo-style.arrow-right": "அம்பு வலது",
+	"geo-style.arrow-up": "மேலே அம்பு",
+	"geo-style.check-box": "தேர்வுப்பெட்டி",
+	"geo-style.cloud": "மேகம்",
+	"geo-style.diamond": "வைரம்",
+	"geo-style.ellipse": "நீள்வட்டம்",
+	"geo-style.heart": "இதயம்",
+	"geo-style.hexagon": "அறுகோணம்",
+	"geo-style.octagon": "எண்கோணம்",
+	"geo-style.oval": "ஓவல்",
+	"geo-style.pentagon": "பென்டகன்",
+	"geo-style.rectangle": "செவ்வகம்",
+	"geo-style.rhombus": "ரோம்பஸ்",
+	"geo-style.rhombus-2": "ரோம்பஸ் வெளியேறினார்",
+	"geo-style.star": "நட்சத்திரம்",
+	"geo-style.trapezoid": "ட்ரேப்சாய்டு",
+	"geo-style.triangle": "முக்கோணம்",
+	"geo-style.x-box": "எக்ஸ் பெட்டி",
+	"handle.crop.bottom": "செதுக்கு அடிப்பகுதி",
+	"handle.crop.bottom-left": "கீழ் இடதுபுறத்தில் செதுக்கு",
+	"handle.crop.bottom-right": "கீழ் வலதுபுறத்தில் செதுக்கு",
+	"handle.crop.left": "இடதுபுறம் செதுக்கு",
+	"handle.crop.right": "வலதுபுறம் செதுக்கு",
+	"handle.crop.top": "க்ராப் டாப்",
+	"handle.crop.top-left": "மேல் இடதுபுறம் செதுக்கு",
+	"handle.crop.top-right": "மேல் வலதுபுறத்தில் செதுக்கு",
+	"handle.resize-bottom": "கீழ்ப்பகுதியின் அளவை மாற்று",
+	"handle.resize-bottom-left": "கீழ் இடதுபுற அளவை மாற்று",
+	"handle.resize-bottom-right": "கீழ் வலதுபுற அளவை மாற்று",
+	"handle.resize-left": "இடதுபுற அளவை மாற்று",
+	"handle.resize-right": "வலதுபுறம் அளவை மாற்று",
+	"handle.resize-top": "மேல் அளவை மாற்று",
+	"handle.resize-top-left": "மேல் இடதுபுற அளவை மாற்று",
+	"handle.resize-top-right": "மேல் வலதுபுற அளவை மாற்று",
+	"handle.rotate.bottom_left_rotate": "கீழ் இடதுபுறமாகச் சுழற்று",
+	"handle.rotate.bottom_right_rotate": "கீழ் வலதுபுறம் சுழற்று",
+	"handle.rotate.mobile_rotate": "சுழற்று",
+	"handle.rotate.top_left_rotate": "மேல் இடதுபுறமாகச் சுழற்று",
+	"handle.rotate.top_right_rotate": "மேல் வலதுபுறமாகச் சுழற்று",
+	"help-menu.about": "பற்றி",
+	"help-menu.discord": "கருத்து வேறுபாடு",
+	"help-menu.github": "கிட்ஹப்",
+	"help-menu.import-tldr-file": "கோப்பை இறக்குமதி செய்...",
+	"help-menu.keyboard-shortcuts": "விசைப்பலகை குறுக்குவழிகள்",
+	"help-menu.privacy": "தனியுரிமைக் கொள்கை",
+	"help-menu.terms": "சேவை விதிமுறைகள்",
+	"help-menu.title": "உதவி மற்றும் ஆதாரங்கள்",
+	"help-menu.twitter": "ட்விட்டர்",
+	"menu.accessibility": "அணுகல்தன்மை",
+	"menu.color-theme": "வண்ணத் தீம்",
+	"menu.copy-as": "என நகலெடுக்கவும்",
+	"menu.edit": "திருத்தவும்",
+	"menu.export-as": "என ஏற்றுமதி செய்யவும்",
+	"menu.file": "கோப்பு",
+	"menu.input-device": "உள்ளீட்டு சாதனம்",
+	"menu.language": "மொழி",
+	"menu.preferences": "விருப்பங்கள்",
+	"menu.theme": "தீம்",
+	"menu.title": "மெனு",
+	"menu.view": "காண்க",
+	"navigation-zone.minimap": "மினிமேப்",
+	"navigation-zone.title": "வழிசெலுத்தல்",
+	"navigation-zone.toggle-minimap": "மினிமேப்பை நிலைமாற்று",
+	"navigation-zone.zoom": "பெரிதாக்கு",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "புதிய பக்கத்தை உருவாக்கவும்",
+	"page-menu.edit-done": "முடிந்தது",
+	"page-menu.edit-start": "திருத்தவும்",
+	"page-menu.go-to-page": "பக்கத்திற்குச் செல்லவும்",
+	"page-menu.new-page-initial-name": "பக்கம் 1",
+	"page-menu.submenu.delete": "நீக்கு",
+	"page-menu.submenu.duplicate-page": "நகல்",
+	"page-menu.submenu.move-down": "கீழே நகர்த்தவும்",
+	"page-menu.submenu.move-up": "மேலே செல்லவும்",
+	"page-menu.submenu.rename": "மறுபெயரிடவும்",
+	"page-menu.submenu.title": "மெனு",
+	"page-menu.title": "பக்கங்கள்",
+	"people-menu.anonymous-user": "புதிய பயனர்",
+	"people-menu.avatar-color": "அவதார் நிறம்",
+	"people-menu.change-color": "நிறத்தை மாற்றவும்",
+	"people-menu.change-name": "பெயரை மாற்றவும்",
+	"people-menu.follow": "பின்பற்றவும்",
+	"people-menu.following": "தொடர்ந்து",
+	"people-menu.invite": "மற்றவர்களை அழைக்கவும்",
+	"people-menu.leading": "உங்களைப் பின்தொடர்கிறது",
+	"people-menu.title": "மக்கள்",
+	"people-menu.user": "(நீங்கள்)",
+	"share-menu.copied": "நகலெடுக்கப்பட்ட இணைப்பு!",
+	"share-menu.copy-link": "இணைப்பை நகலெடுக்கவும்",
+	"share-menu.copy-link-note": "இணைப்பைக் கொண்ட எவரும் இந்தத் திட்டத்தைப் பார்க்கவும் திருத்தவும் முடியும்.",
+	"share-menu.copy-readonly-link": "படிக்க மட்டுமேயான இணைப்பை நகலெடுக்கவும்",
+	"share-menu.copy-readonly-link-note": "இணைப்பைக் கொண்ட எவரும் இந்தத் திட்டத்தைப் பார்க்க முடியும் (ஆனால் திருத்த முடியாது).",
+	"share-menu.create-snapshot-link": "ஸ்னாப்ஷாட் இணைப்பை உருவாக்கவும்",
+	"share-menu.creating-project": "புதிய திட்டத்தை உருவாக்குகிறது…",
+	"share-menu.fork-note": "இந்த ஸ்னாப்ஷாட்டின் அடிப்படையில் புதிய பகிரப்பட்ட திட்டத்தை உருவாக்கவும்.",
+	"share-menu.offline-note": "இந்தத் திட்டத்தைப் பகிர்வதால், புதிய URL இல் ஹோஸ்ட் செய்யப்பட்ட நேரடி நகல் உருவாக்கப்படும். திட்டத்தைப் பார்க்கவும் திருத்தவும் முப்பது பேர் வரை URLஐப் பகிரலாம்.",
+	"share-menu.project-too-large": "மன்னிக்கவும், இந்த திட்டம் மிகவும் பெரியதாக இருப்பதால் பகிர முடியாது. நாங்கள் வேலை செய்கிறோம்!",
+	"share-menu.save-note": "இந்தத் திட்டத்தை உங்கள் கணினியில் .tldr கோப்பாகப் பதிவிறக்கவும்.",
+	"share-menu.share-project": "இந்தத் திட்டத்தைப் பகிரவும்",
+	"share-menu.snapshot-link-note": "இந்த திட்டத்தைப் படிக்க மட்டுமேயான ஸ்னாப்ஷாட் இணைப்பாகப் பதிவுசெய்து பகிரவும்.",
+	"share-menu.title": "பகிரவும்",
+	"share-menu.upload-failed": "மன்னிக்கவும், தற்போது உங்கள் திட்டத்தைப் பதிவேற்ற முடியவில்லை. மீண்டும் முயற்சிக்கவும் அல்லது சிக்கல் தொடர்ந்தால் எங்களுக்குத் தெரிவிக்கவும்.",
+	"sharing.confirm-leave.cancel": "ரத்து செய்",
+	"sharing.confirm-leave.description": "இந்தப் பகிரப்பட்ட திட்டத்திலிருந்து நிச்சயமாக வெளியேற விரும்புகிறீர்களா? அதன் URL க்கு செல்வதன் மூலம் நீங்கள் அதற்குத் திரும்பலாம்.",
+	"sharing.confirm-leave.dont-show-again": "மீண்டும் கேட்காதே",
+	"sharing.confirm-leave.leave": "கிளம்பு",
+	"sharing.confirm-leave.title": "தற்போதைய திட்டத்திலிருந்து வெளியேறவா?",
+	"shortcuts-dialog.a11y": "அணுகல்தன்மை",
+	"shortcuts-dialog.collaboration": "ஒத்துழைப்பு",
+	"shortcuts-dialog.edit": "திருத்தவும்",
+	"shortcuts-dialog.file": "கோப்பு",
+	"shortcuts-dialog.preferences": "விருப்பங்கள்",
+	"shortcuts-dialog.text-formatting": "உரை வடிவமைப்பு",
+	"shortcuts-dialog.title": "விசைப்பலகை குறுக்குவழிகள்",
+	"shortcuts-dialog.tools": "கருவிகள்",
+	"shortcuts-dialog.transform": "உருமாற்றம்",
+	"shortcuts-dialog.view": "காண்க",
+	"size-style.l": "பெரியது",
+	"size-style.m": "நடுத்தர",
+	"size-style.s": "சிறியது",
+	"size-style.xl": "கூடுதல் பெரியது",
+	"spline-style.cubic": "கன சதுரம்",
+	"spline-style.line": "வரி",
+	"status.offline": "அகல்நிலை",
+	"style-panel.align": "சீரமைக்கவும்",
+	"style-panel.arrow-kind": "வரி",
+	"style-panel.arrowhead-end": "முடிவு",
+	"style-panel.arrowhead-start": "தொடங்கு",
+	"style-panel.arrowheads": "அம்புக்குறிகள்",
+	"style-panel.color": "நிறம்",
+	"style-panel.dash": "கோடு",
+	"style-panel.fill": "நிரப்பவும்",
+	"style-panel.font": "எழுத்துரு",
+	"style-panel.geo": "வடிவம்",
+	"style-panel.label-align": "லேபிள் சீரமை",
+	"style-panel.mixed": "கலப்பு",
+	"style-panel.opacity": "ஒளிபுகாநிலை",
+	"style-panel.position": "பதவி",
+	"style-panel.selected": "தேர்ந்தெடுக்கப்பட்டது",
+	"style-panel.size": "அளவு",
+	"style-panel.spline": "ஸ்ப்லைன்",
+	"style-panel.title": "பாணிகள்",
+	"style-panel.vertical-align": "செங்குத்து சீரமைப்பு",
+	"theme.dark": "இருள்",
+	"theme.light": "ஒளி",
+	"theme.system": "அமைப்பு",
+	"toast.close": "மூடு",
+	"toast.error": "பிழை",
+	"toast.error.copy-fail.desc": "படத்தை நகலெடுக்க முடியவில்லை",
+	"toast.error.copy-fail.title": "தோல்வியுற்ற நகல்",
+	"toast.error.export-fail.desc": "படத்தை ஏற்றுமதி செய்ய முடியவில்லை",
+	"toast.error.export-fail.title": "ஏற்றுமதி தோல்வி",
+	"toast.info": "தகவல்",
+	"toast.success": "வெற்றி",
+	"toast.warning": "எச்சரிக்கை",
+	"tool-panel.more": "மேலும்",
+	"tool-panel.title": "கருவிகள்",
+	"tool.arrow": "அம்பு",
+	"tool.arrow-down": "கீழே அம்புக்குறி",
+	"tool.arrow-left": "அம்பு விட்டு",
+	"tool.arrow-right": "அம்பு வலது",
+	"tool.arrow-up": "மேலே அம்பு",
+	"tool.aspect-ratio": "தோற்ற விகிதம்",
+	"tool.aspect-ratio.circle": "வட்டம் (1:1)",
+	"tool.aspect-ratio.landscape": "நிலப்பரப்பு (4:3)",
+	"tool.aspect-ratio.original": "அசல்",
+	"tool.aspect-ratio.portrait": "உருவப்படம் (3:4)",
+	"tool.aspect-ratio.square": "சதுரம் (1:1)",
+	"tool.aspect-ratio.wide": "அகலம் (16:9)",
+	"tool.bookmark": "புத்தககுறி",
+	"tool.check-box": "தேர்வுப்பெட்டி",
+	"tool.cloud": "மேகம்",
+	"tool.diamond": "வைரம்",
+	"tool.draw": "வரையவும்",
+	"tool.ellipse": "நீள்வட்டம்",
+	"tool.embed": "உட்பொதிக்கவும்",
+	"tool.eraser": "அழிப்பான்",
+	"tool.flip-horz": "கிடைமட்டமாக புரட்டு",
+	"tool.flip-vert": "செங்குத்தாக புரட்டு",
+	"tool.frame": "சட்டகம்",
+	"tool.hand": "கை",
+	"tool.heart": "இதயம்",
+	"tool.hexagon": "அறுகோணம்",
+	"tool.highlight": "முன்னிலைப்படுத்தவும்",
+	"tool.image-crop": "படத்தை செதுக்கு",
+	"tool.image-crop-confirm": "உறுதிப்படுத்தவும்",
+	"tool.image-toolbar-title": "படக் கருவிகள்",
+	"tool.image-zoom": "பெரிதாக்கு",
+	"tool.laser": "லேசர்",
+	"tool.line": "வரி",
+	"tool.media": "ஊடகம்",
+	"tool.media-alt-text": "மாற்று உரை",
+	"tool.media-alt-text-confirm": "உறுதிப்படுத்தவும்",
+	"tool.media-alt-text-desc": "விளக்கம் தரவும்...",
+	"tool.note": "குறிப்பு",
+	"tool.octagon": "எண்கோணம்",
+	"tool.oval": "ஓவல்",
+	"tool.pentagon": "பென்டகன்",
+	"tool.pointer-down": "கீழே சுட்டி",
+	"tool.rectangle": "செவ்வகம்",
+	"tool.replace-media": "மீடியாவை மாற்றவும்",
+	"tool.rhombus": "ரோம்பஸ்",
+	"tool.rich-text-bold": "தடித்த",
+	"tool.rich-text-bulletList": "பொட்டுக்குறியிடப்பட்ட பட்டியல்",
+	"tool.rich-text-code": "குறியீடு",
+	"tool.rich-text-header": "தலைப்பு",
+	"tool.rich-text-highlight": "ஹைலைட்",
+	"tool.rich-text-italic": "சாய்வு",
+	"tool.rich-text-link": "இணைப்பு",
+	"tool.rich-text-link-remove": "இணைப்பை அகற்று",
+	"tool.rich-text-link-visit": "இணைப்பைப் பார்வையிடவும்",
+	"tool.rich-text-orderedList": "வரிசைப்படுத்தப்பட்ட பட்டியல்",
+	"tool.rich-text-strikethrough": "அடித்தம்",
+	"tool.rich-text-toolbar-title": "உரை வடிவமைப்பு",
+	"tool.rotate-cw": "சுழற்று",
+	"tool.select": "தேர்ந்தெடு",
+	"tool.star": "நட்சத்திரம்",
+	"tool.text": "உரை",
+	"tool.trapezoid": "ட்ரேப்சாய்டு",
+	"tool.triangle": "முக்கோணம்",
+	"tool.x-box": "எக்ஸ் பெட்டி",
+	"ui.checked": "சரிபார்க்கப்பட்டது",
+	"ui.close": "மூடு",
+	"ui.unchecked": "தேர்வுநீக்கப்பட்டது",
+	"verticalAlign-style.end": "கீழே",
+	"verticalAlign-style.middle": "நடுத்தர",
+	"verticalAlign-style.start": "மேல்",
+	"vscode.file-open.backup": "காப்புப்பிரதி",
+	"vscode.file-open.backup-failed": "காப்புப்பிரதி தோல்வியடைந்தது: இது .tldr கோப்பு அல்ல.",
+	"vscode.file-open.backup-saved": "காப்புப்பிரதி சேமிக்கப்பட்டது",
+	"vscode.file-open.desc": "இந்தக் கோப்பு tldraw இன் முந்தைய பதிப்பைக் கொண்டு உருவாக்கப்பட்டது. புதிய பதிப்பில் வேலை செய்ய அதைப் புதுப்பிக்க விரும்புகிறீர்களா?",
+	"vscode.file-open.dont-show-again": "மீண்டும் கேட்காதே",
+	"vscode.file-open.open": "தொடரவும்"
+}
diff --git a/web/hermes-dist/translations/te.json b/web/hermes-dist/translations/te.json
new file mode 100644
index 0000000..02175d9
--- /dev/null
+++ b/web/hermes-dist/translations/te.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "ఆకార శైలులను సర్దుబాటు చేయండి",
+	"a11y.enlarge-shape": "ఆకారాన్ని పెద్దదిగా చేయి",
+	"a11y.enter-leave-container": "కంటైనర్‌లోకి ప్రవేశించండి/వదిలివేయండి",
+	"a11y.move-shape": "ఆకారాన్ని తరలించు",
+	"a11y.move-shape-faster": "ఆకారాన్ని వేగంగా తరలించండి",
+	"a11y.multiple-shapes": "{num} ఆకారాలు ఎంచుకోబడ్డాయి",
+	"a11y.open-context-menu": "సందర్భ మెనుని తెరవండి",
+	"a11y.open-keyboard-shortcuts": "కీబోర్డ్ షార్ట్‌కట్‌లను తెరవండి",
+	"a11y.pan-camera": "కెమెరాను ప్యాన్ చేయండి",
+	"a11y.repeat-shape": "ఆకారాన్ని పునరావృతం చేయి",
+	"a11y.rotate-shape-ccw": "ఆకారాన్ని అపసవ్య దిశలో తిప్పండి",
+	"a11y.rotate-shape-ccw-fine": "ఆకారాన్ని అపసవ్య దిశలో తిప్పండి (చక్కగా)",
+	"a11y.rotate-shape-cw": "ఆకారాన్ని సవ్యదిశలో తిప్పండి",
+	"a11y.rotate-shape-cw-fine": "ఆకారాన్ని సవ్యదిశలో తిప్పండి (సరిగ్గా)",
+	"a11y.select-shape": "తదుపరి ఆకారాన్ని ఎంచుకోండి",
+	"a11y.select-shape-direction": "దిశలో ఆకారాన్ని ఎంచుకోండి",
+	"a11y.shape-image": "చిత్రం",
+	"a11y.shape-index": "{total} లో {num}",
+	"a11y.shape-video": "వీడియో",
+	"a11y.shrink-shape": "ఆకారాన్ని కుదించు",
+	"a11y.skip-to-main-content": "ఫోకస్‌ను కాన్వాస్‌కి తరలించు",
+	"a11y.status": "స్థితి",
+	"action.align-bottom": "అడుగున కుదుర్చు",
+	"action.align-center-horizontal": "అడ్డంగా మధ్యలో కుదుర్చు",
+	"action.align-center-horizontal.short": "అడ్డంగా మధ్యలో కుదుర్చు",
+	"action.align-center-vertical": "నిలువుగా మధ్యలో కుదుర్చు",
+	"action.align-center-vertical.short": "నిలువుగా మధ్యలో కుదుర్చు",
+	"action.align-left": "ఎడమవైపుకు కుదుర్చు",
+	"action.align-right": "కుడివైపుకు కుదుర్చు",
+	"action.align-top": "పైకి కుదుర్చు",
+	"action.back-to-content": "కంటెంట్‌కి తిరిగి వెళ్ళు",
+	"action.bring-forward": "ముందుకు జరుపు",
+	"action.bring-to-front": "మొదటికి జరుపు",
+	"action.convert-to-bookmark": "బుక్‌మార్క్‌కి మార్చండి",
+	"action.convert-to-embed": "పొందుపరచడానికి మార్చండి",
+	"action.copy": "నకలు",
+	"action.copy-as-json": "JSONగా కాపీ చేయండి",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "PNGగా కాపీ చేయండి",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "SVG వలె కాపీ చేయండి",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "కత్తిరించు",
+	"action.delete": "తొలగించు",
+	"action.distribute-horizontal": "అడ్డంగా పంచు",
+	"action.distribute-horizontal.short": "అడ్డంగా పంచు",
+	"action.distribute-vertical": "నిలువుగా పంచు",
+	"action.distribute-vertical.short": "నిలువుగా పంచు",
+	"action.download-original": "అసలు దాన్ని డౌన్‌లోడ్ చేయి",
+	"action.duplicate": "మారుప్రతి",
+	"action.edit-link": "లింక్‌ని సవరించండి",
+	"action.enhanced-a11y-mode": "మెరుగైన యాక్సెసిబిలిటీ మోడ్‌ను టోగుల్ చేయండి",
+	"action.enhanced-a11y-mode.menu": "మెరుగైన యాక్సెసిబిలిటీ మోడ్",
+	"action.exit-pen-mode": "పెన్ మోడ్ నుండి నిష్క్రమించండి",
+	"action.export-all-as-png": "అన్నింటినీ PNGగా ఎగుమతి చేయండి",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "అన్నింటినీ SVGగా ఎగుమతి చేయండి",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "PNGగా ఎగుమతి చేయండి",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "SVGగా ఎగుమతి చేయండి",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "కంటెంట్‌కి సరిపోతాయి",
+	"action.flatten-to-image": "చదును చేయండి",
+	"action.flip-horizontal": "అడ్డంగా పల్టీ",
+	"action.flip-horizontal.short": "అడ్డంగా పల్టీ",
+	"action.flip-vertical": "నిలువుగా పల్టీ",
+	"action.flip-vertical.short": "నిలువుగా పల్టీ",
+	"action.fork-project": "ఈ ప్రాజెక్ట్ను ఫోర్క్ చేయండి",
+	"action.fork-project-on-tldraw": "tldra లో ఫోర్క్ ప్రాజెక్ట్",
+	"action.group": "గుంపుగా ఏర్పరచు",
+	"action.insert-embed": "చొప్పించు",
+	"action.insert-media": "ఎగుమతి మాధ్యం",
+	"action.leave-shared-project": "భాగస్వామ్య ప్రాజెక్ట్ నుండి నిష్క్రమించండి",
+	"action.new-project": "కొత్త ప్రాజెక్ట్",
+	"action.new-shared-project": "కొత్త భాగస్వామ్య ప్రాజెక్ట్",
+	"action.open-cursor-chat": "కర్సర్ చాట్",
+	"action.open-embed-link": "లింక్ తెరవండి",
+	"action.open-file": "ఫైల్‌ని తెరవండి",
+	"action.open-kbd-shortcuts": "కీబోర్డ్ షార్ట్‌కట్‌లను తెరవండి",
+	"action.pack": "ప్యాక్",
+	"action.paste": "అతికించు",
+	"action.paste-error-description": "క్లిప్‌బోర్డ్ అనుమతులు లేనందున అతికించడం సాధ్యపడలేదు. దయచేసి అనుమతులను ప్రారంభించి, మళ్లీ ప్రయత్నించండి.",
+	"action.paste-error-title": "అతికించడం విఫలమైంది",
+	"action.print": "ముద్రించు",
+	"action.redo": "మళ్ళీ మార్చు",
+	"action.remove-frame": "ఫ్రేమ్ని తీసివేయండి",
+	"action.rename": "పేరు మార్చండి",
+	"action.rotate-ccw": "అపసవ్య దిశలో తిప్పండి",
+	"action.rotate-cw": "సవ్యదిశలో తిప్పండి",
+	"action.save-copy": "కాపీని సేవ్ చేయండి",
+	"action.select-all": "అన్నీ ఎంపికచెయ్యి",
+	"action.select-none": "ఎదీ ఎంపికచెయ్యవద్దు",
+	"action.select-zoom-tool": "జూమ్",
+	"action.send-backward": "వెనుకకు జరుపు",
+	"action.send-to-back": "ఆఖరికి జరుపు",
+	"action.share-project": "ఈ ప్రాజెక్ట్‌ను భాగస్వామ్యం చేయండి",
+	"action.stack-horizontal": "అడ్డంగా పేర్చండి",
+	"action.stack-horizontal.short": "స్టాక్ హెచ్",
+	"action.stack-vertical": "నిలువుగా పేర్చండి",
+	"action.stack-vertical.short": "స్టాక్ V",
+	"action.stop-following": "అనుసరించడం ఆపు",
+	"action.stretch-horizontal": "అడ్డంగా లాగు",
+	"action.stretch-horizontal.short": "అడ్డంగా లాగు",
+	"action.stretch-vertical": "నిలువుగా లాగు",
+	"action.stretch-vertical.short": "నిలువుగా లాగు",
+	"action.toggle-auto-none": "ఆటో",
+	"action.toggle-auto-pan": "ఆటో (ట్రాక్‌ప్యాడ్)",
+	"action.toggle-auto-size": "స్వీయ పరిమాణాన్ని టోగుల్ చేయండి",
+	"action.toggle-auto-zoom": "ఆటో (మౌస్)",
+	"action.toggle-dark-mode": "చీకటైన క్రమం",
+	"action.toggle-dark-mode.menu": "చీకటైన క్రమం",
+	"action.toggle-debug-mode": "తప్పులేరు క్రమం",
+	"action.toggle-debug-mode.menu": "తప్పులేరు క్రమం",
+	"action.toggle-dynamic-size-mode": "డైనమిక్ పరిమాణాన్ని టోగుల్ చేయండి",
+	"action.toggle-dynamic-size-mode.menu": "డైనమిక్ పరిమాణం",
+	"action.toggle-edge-scrolling": "అంచు స్క్రోలింగ్‌ని టోగుల్ చేయండి",
+	"action.toggle-edge-scrolling.menu": "ఎడ్జ్ స్క్రోలింగ్",
+	"action.toggle-focus-mode": "తీక్షణ క్రమం",
+	"action.toggle-focus-mode.menu": "తీక్షణ క్రమం",
+	"action.toggle-grid": "చట్రం చూపు",
+	"action.toggle-grid.menu": "చట్రం చూపు",
+	"action.toggle-invert-zoom": "మౌస్ జూమ్ విలోమాన్ని టోగుల్ చేయండి",
+	"action.toggle-invert-zoom.menu": "మౌస్ జూమ్‌ను విలోమం చేయండి",
+	"action.toggle-keyboard-shortcuts": "కీబోర్డ్ షార్ట్‌కట్‌లను టోగుల్ చేయండి",
+	"action.toggle-keyboard-shortcuts.menu": "కీబోర్డ్ సత్వరమార్గం",
+	"action.toggle-lock": "లాక్ / అన్‌లాక్ చేయండి",
+	"action.toggle-mouse": "మౌస్",
+	"action.toggle-paste-at-cursor": "కర్సర్ వద్ద అతికించడాన్ని టోగుల్ చేయండి",
+	"action.toggle-paste-at-cursor.menu": "కర్సర్ వద్ద అతికించండి",
+	"action.toggle-reduce-motion": "మోషన్ తగ్గించడాన్ని టోగుల్ చేయండి",
+	"action.toggle-reduce-motion.menu": "కదలికను తగ్గించండి",
+	"action.toggle-snap-mode": "ఎప్పుడూ దృశ్యభాగం చూపు",
+	"action.toggle-snap-mode.menu": "ఎప్పుడూ దృశ్యభాగం చూపు",
+	"action.toggle-tool-lock": "టూల్ లాక్‌ని టోగుల్ చేయండి",
+	"action.toggle-tool-lock.menu": "సాధనం లాక్",
+	"action.toggle-trackpad": "ట్రాక్‌ప్యాడ్",
+	"action.toggle-transparent": "పారదర్శక నేపథ్యాన్ని టోగుల్ చేయండి",
+	"action.toggle-transparent.context-menu": "కాంతి భేద్యము",
+	"action.toggle-transparent.menu": "కాంతి భేద్యము",
+	"action.toggle-wrap-mode": "ర్యాప్‌లో ఎంపికను టోగుల్ చేయండి",
+	"action.toggle-wrap-mode.menu": "చుట్టుపై ఎంచుకోండి",
+	"action.undo": "మార్పుని తిరుగగొట్టు",
+	"action.ungroup": "గుంపును చెదరగొట్టు",
+	"action.unlock-all": "అన్నింటినీ అన్‌లాక్ చేయండి",
+	"action.zoom-in": "దగ్గరగా చూపు",
+	"action.zoom-out": "దూరంగా చూపు",
+	"action.zoom-quick": "త్వరిత జూమ్",
+	"action.zoom-to-100": "100%కి జూమ్ చేయండి",
+	"action.zoom-to-fit": "సరిపెట్టి చూపు",
+	"action.zoom-to-selection": "ఎంచుకున్న విషయాన్నే చూపు",
+	"actions-menu.title": "చర్యలు",
+	"align-style.end": "ముగింపు",
+	"align-style.justify": "సమర్థించండి",
+	"align-style.middle": "మధ్య",
+	"align-style.start": "ప్రారంభించండి",
+	"app.loading": "tldraw లోడ్ అవుతోంది…",
+	"arrow-kind-style.arc": "ఆర్క్",
+	"arrow-kind-style.elbow": "మోచేయి",
+	"arrowheadEnd-style.arrow": "బాణం",
+	"arrowheadEnd-style.bar": "బార్",
+	"arrowheadEnd-style.diamond": "డైమండ్",
+	"arrowheadEnd-style.dot": "చుక్క",
+	"arrowheadEnd-style.inverted": "తలకిందులు",
+	"arrowheadEnd-style.none": "ఏదీ లేదు",
+	"arrowheadEnd-style.pipe": "పైపు",
+	"arrowheadEnd-style.square": "చతురస్రం",
+	"arrowheadEnd-style.triangle": "త్రిభుజం",
+	"arrowheadStart-style.arrow": "బాణం",
+	"arrowheadStart-style.bar": "బార్",
+	"arrowheadStart-style.diamond": "డైమండ్",
+	"arrowheadStart-style.dot": "చుక్క",
+	"arrowheadStart-style.inverted": "తలకిందులు",
+	"arrowheadStart-style.none": "ఏదీ లేదు",
+	"arrowheadStart-style.pipe": "పైపు",
+	"arrowheadStart-style.square": "చతురస్రం",
+	"arrowheadStart-style.triangle": "త్రిభుజం",
+	"assets.files.amount-too-many": "చాలా ఎక్కువ ఫైళ్లు ఉన్నాయి",
+	"assets.files.maximum-size": "గరిష్ట ఫైల్ పరిమాణం {size}",
+	"assets.files.size-too-big": "ఫైల్ పరిమాణం చాలా పెద్దది",
+	"assets.files.type-not-allowed": "ఫైల్ రకం అనుమతించబడదు",
+	"assets.files.upload-failed": "అప్‌లోడ్ విఫలమైంది",
+	"assets.url.failed": "URL ప్రివ్యూను లోడ్ చేయడం సాధ్యపడలేదు",
+	"color-style.black": "నలుపు",
+	"color-style.blue": "నీలం",
+	"color-style.green": "ఆకుపచ్చ",
+	"color-style.grey": "బూడిద రంగు",
+	"color-style.light-blue": "లేత నీలం",
+	"color-style.light-green": "లేత ఆకుపచ్చ",
+	"color-style.light-red": "లేత ఎరుపు",
+	"color-style.light-violet": "లేత వైలెట్",
+	"color-style.orange": "నారింజ రంగు",
+	"color-style.red": "ఎరుపు",
+	"color-style.violet": "వైలెట్",
+	"color-style.white": "తెలుపు",
+	"color-style.yellow": "పసుపు",
+	"context-menu.arrange": "అమర్చు",
+	"context-menu.copy-as": "నకలుప్రతిగా ఇక్కడికి",
+	"context-menu.edit": "సవరించు",
+	"context-menu.export-all-as": "అన్నింటినీ ఇలా ఎగుమతి చేయండి",
+	"context-menu.export-as": "ఎగుమతి ఇక్కడికి",
+	"context-menu.move-to-page": "పుటలోకి జరుపు",
+	"context-menu.reorder": "క్రమాన్ని మార్చండి",
+	"context-menu.title": "సందర్భ మెను",
+	"context.pages.new-page": "కొత్త పేజీ",
+	"cursor-chat.type-to-chat": "చాట్ చేయడానికి టైప్ చేయండి...",
+	"dash-style.dashed": "డాష్ చేయబడింది",
+	"dash-style.dotted": "చుక్కలున్నాయి",
+	"dash-style.draw": "గీయ్యి",
+	"dash-style.solid": "ఘనమైనది",
+	"document-name-menu.copy-link": "లింక్‌ని కాపీ చేయండి",
+	"document.default-name": "శీర్షిక లేని",
+	"edit-link-dialog.cancel": "రద్దుచేయి",
+	"edit-link-dialog.clear": "క్లియర్",
+	"edit-link-dialog.detail": "లింక్‌లు కొత్త ట్యాబ్‌లో తెరవబడతాయి.",
+	"edit-link-dialog.external-link": "బాహ్య లింక్",
+	"edit-link-dialog.invalid-url": "లింక్ తప్పనిసరిగా చెల్లుబాటు అయ్యే URL అయి ఉండాలి.",
+	"edit-link-dialog.save": "కొనసాగించు",
+	"edit-link-dialog.title": "లింక్‌ని సవరించండి",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "వెనుకకు",
+	"embed-dialog.cancel": "రద్దుచేయి",
+	"embed-dialog.create": "సృష్టించు",
+	"embed-dialog.instruction": "పొందుపరచడానికి సైట్ యొక్క URLలో అతికించండి.",
+	"embed-dialog.invalid-url": "మేము ఆ URL నుండి పొందుపరచడాన్ని సృష్టించలేకపోయాము.",
+	"embed-dialog.title": "పొందుపరచండి",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "రద్దు చేయి",
+	"file-system.confirm-clear.continue": "కొనసాగించు",
+	"file-system.confirm-clear.description": "కొత్త ప్రాజెక్ట్‌ను సృష్టించడం వలన మీ ప్రస్తుత ప్రాజెక్ట్ క్లియర్ చేయబడుతుంది మరియు సేవ్ చేయని ఏవైనా మార్పులు పోతాయి. మీరు ఖచ్చితంగా కొనసాగించాలనుకుంటున్నారా?",
+	"file-system.confirm-clear.dont-show-again": "మళ్ళీ అడగవద్దు",
+	"file-system.confirm-clear.title": "ప్రస్తుత ప్రాజెక్ట్‌ను క్లియర్ చేయాలా?",
+	"file-system.confirm-open.cancel": "రద్దుచేయి",
+	"file-system.confirm-open.description": "ఫైల్‌ను తెరవడం వలన మీ ప్రస్తుత ప్రాజెక్ట్ భర్తీ చేయబడుతుంది మరియు సేవ్ చేయని ఏవైనా మార్పులు కోల్పోతాయి. మీరు ఖచ్చితంగా కొనసాగించాలనుకుంటున్నారా?",
+	"file-system.confirm-open.dont-show-again": "మళ్ళీ అడగవద్దు",
+	"file-system.confirm-open.open": "ఫైల్‌ని తెరవండి",
+	"file-system.confirm-open.title": "ప్రస్తుత ప్రాజెక్ట్‌ని ఓవర్‌రైట్ చేయాలా?",
+	"file-system.file-open-error.file-format-version-too-new": "మీరు తెరవడానికి ప్రయత్నించిన ఫైల్ tldra యొక్క కొత్త వెర్షన్ నుండి వచ్చింది. దయచేసి పేజీని రీలోడ్ చేసి, మళ్లీ ప్రయత్నించండి.",
+	"file-system.file-open-error.generic-corrupted-file": "మీరు తెరవడానికి ప్రయత్నించిన ఫైల్ పాడైంది.",
+	"file-system.file-open-error.not-a-tldraw-file": "మీరు తెరవడానికి ప్రయత్నించిన ఫైల్ tldraw ఫైల్ లాగా కనిపించడం లేదు.",
+	"file-system.file-open-error.title": "ఫైల్‌ని తెరవడం సాధ్యపడలేదు",
+	"file-system.shared-document-file-open-error.description": "భాగస్వామ్య ప్రాజెక్ట్‌ల నుండి ఫైల్‌లను తెరవడానికి మద్దతు లేదు.",
+	"file-system.shared-document-file-open-error.title": "ఫైల్‌ని తెరవడం సాధ్యపడలేదు",
+	"fill-style.fill": "పూరించండి",
+	"fill-style.lined-fill": "లైన్డ్ ఫిల్",
+	"fill-style.none": "ఏదీ లేదు",
+	"fill-style.pattern": "నమూనా",
+	"fill-style.semi": "సెమీ",
+	"fill-style.solid": "ఘనమైనది",
+	"focus-mode.toggle-focus-mode": "తీక్షణ క్రమం",
+	"font-style.draw": "గీయ్యి",
+	"font-style.mono": "మోనో",
+	"font-style.sans": "సాన్స్",
+	"font-style.serif": "సెరిఫ్",
+	"geo-style.arrow-down": "క్రిందికి బాణం",
+	"geo-style.arrow-left": "బాణం వదిలి",
+	"geo-style.arrow-right": "బాణం కుడి",
+	"geo-style.arrow-up": "పైకి బాణం",
+	"geo-style.check-box": "చెక్ బాక్స్",
+	"geo-style.cloud": "మేఘం",
+	"geo-style.diamond": "డైమండ్",
+	"geo-style.ellipse": "దీర్ఘవృత్తం",
+	"geo-style.heart": "గుండె",
+	"geo-style.hexagon": "షడ్భుజి",
+	"geo-style.octagon": "అష్టభుజి",
+	"geo-style.oval": "ఓవల్",
+	"geo-style.pentagon": "పెంటగాన్",
+	"geo-style.rectangle": "దీర్ఘచతురస్రం",
+	"geo-style.rhombus": "రాంబస్",
+	"geo-style.rhombus-2": "రాంబస్ వెళ్ళిపోయాడు",
+	"geo-style.star": "నక్షత్రం",
+	"geo-style.trapezoid": "ట్రాపజోయిడ్",
+	"geo-style.triangle": "త్రిభుజం",
+	"geo-style.x-box": "X బాక్స్",
+	"handle.crop.bottom": "దిగువ భాగాన్ని కత్తిరించండి",
+	"handle.crop.bottom-left": "దిగువ ఎడమవైపు కత్తిరించు",
+	"handle.crop.bottom-right": "దిగువ కుడివైపున కత్తిరించండి",
+	"handle.crop.left": "ఎడమవైపు కత్తిరించు",
+	"handle.crop.right": "కుడివైపు కత్తిరించు",
+	"handle.crop.top": "క్రాప్ టాప్",
+	"handle.crop.top-left": "ఎగువ ఎడమవైపు కత్తిరించు",
+	"handle.crop.top-right": "ఎగువ కుడివైపున కత్తిరించు",
+	"handle.resize-bottom": "దిగువ పరిమాణాన్ని మార్చు",
+	"handle.resize-bottom-left": "దిగువ ఎడమవైపు పరిమాణాన్ని మార్చు",
+	"handle.resize-bottom-right": "దిగువ కుడివైపు పరిమాణాన్ని మార్చు",
+	"handle.resize-left": "ఎడమవైపుకు పునఃపరిమాణం చేయి",
+	"handle.resize-right": "కుడివైపు పరిమాణం మార్చు",
+	"handle.resize-top": "పైభాగాన్ని పునఃపరిమాణం చేయి",
+	"handle.resize-top-left": "ఎగువ ఎడమవైపు పరిమాణాన్ని మార్చు",
+	"handle.resize-top-right": "ఎగువ కుడివైపు పరిమాణాన్ని మార్చు",
+	"handle.rotate.bottom_left_rotate": "దిగువ ఎడమవైపుకు తిప్పండి",
+	"handle.rotate.bottom_right_rotate": "దిగువ కుడివైపుకు తిప్పండి",
+	"handle.rotate.mobile_rotate": "తిప్పండి",
+	"handle.rotate.top_left_rotate": "పైన ఎడమవైపుకు తిప్పండి",
+	"handle.rotate.top_right_rotate": "ఎగువ కుడివైపుకు తిప్పండి",
+	"help-menu.about": "గురించి",
+	"help-menu.discord": "Discord",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "ఫైల్ దిగుమతి...",
+	"help-menu.keyboard-shortcuts": "కీబోర్డ్ సత్వరమార్గం",
+	"help-menu.privacy": "గోప్యతా విధానం",
+	"help-menu.terms": "సేవా నిబంధనలు",
+	"help-menu.title": "సహాయం మరియు వనరులు",
+	"help-menu.twitter": "Twitter",
+	"menu.accessibility": "యాక్సెసిబిలిటీ",
+	"menu.color-theme": "రంగు థీమ్",
+	"menu.copy-as": "నకలుప్రతిగా ఇక్కడికి",
+	"menu.edit": "పరిష్కరించు",
+	"menu.export-as": "ఎగుమతి ఇక్కడికి",
+	"menu.file": "ఫైల్",
+	"menu.input-device": "ఇన్‌పుట్ పరికరం",
+	"menu.language": "భాష",
+	"menu.preferences": "ఎంచుకొన్నవి",
+	"menu.theme": "థీమ్",
+	"menu.title": "మెనూ",
+	"menu.view": "చూపు",
+	"navigation-zone.minimap": "మినీమ్యాప్",
+	"navigation-zone.title": "నావిగేషన్",
+	"navigation-zone.toggle-minimap": "మినిమ్యాప్‌ను టోగుల్ చేయండి",
+	"navigation-zone.zoom": "జూమ్ చేయండి",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "పుట కల్పించు",
+	"page-menu.edit-done": "పూర్తయింది",
+	"page-menu.edit-start": "పరిష్కరించు",
+	"page-menu.go-to-page": "పేజీకి వెళ్లండి",
+	"page-menu.new-page-initial-name": "పేజీ 1",
+	"page-menu.submenu.delete": "తొలగించు",
+	"page-menu.submenu.duplicate-page": "మారుప్రతి",
+	"page-menu.submenu.move-down": "క్రిందికి తరలించు",
+	"page-menu.submenu.move-up": "పైకి కదలండి",
+	"page-menu.submenu.rename": "పేరు మార్చండి",
+	"page-menu.submenu.title": "మెనూ",
+	"page-menu.title": "పేజీలు",
+	"people-menu.anonymous-user": "కొత్త వినియోగదారు",
+	"people-menu.avatar-color": "అవతార్ రంగు",
+	"people-menu.change-color": "రంగు మార్చండి",
+	"people-menu.change-name": "పేరు మార్చండి",
+	"people-menu.follow": "అనుసరించండి",
+	"people-menu.following": "అనుసరిస్తోంది",
+	"people-menu.invite": "ఇతరులను ఆహ్వానించండి",
+	"people-menu.leading": "నిన్ను అనుసరిస్తోంది",
+	"people-menu.title": "ప్రజలు",
+	"people-menu.user": "(మీరు)",
+	"share-menu.copied": "లింక్ కాపీ చేయబడింది!",
+	"share-menu.copy-link": "అహ్వాన లింకు రాయి",
+	"share-menu.copy-link-note": "లింక్‌ను కలిగి ఉన్న ఎవరైనా ఈ ప్రాజెక్ట్‌ను వీక్షించగలరు మరియు సవరించగలరు.",
+	"share-menu.copy-readonly-link": "మారనిప్రతి లింకు రాయి",
+	"share-menu.copy-readonly-link-note": "లింక్‌ని కలిగి ఉన్న ఎవరైనా ఈ ప్రాజెక్ట్‌ను వీక్షించగలరు (కానీ సవరించలేరు).",
+	"share-menu.create-snapshot-link": "స్నాప్‌షాట్ లింక్‌ను సృష్టించండి",
+	"share-menu.creating-project": "కొత్త ప్రాజెక్ట్‌ని సృష్టిస్తోంది...",
+	"share-menu.fork-note": "ఈ స్నాప్‌షాట్ ఆధారంగా కొత్త భాగస్వామ్య ప్రాజెక్ట్‌ను సృష్టించండి.",
+	"share-menu.offline-note": "ఈ ప్రాజెక్ట్‌ను భాగస్వామ్యం చేయడం వలన కొత్త URLలో హోస్ట్ చేయబడిన లైవ్ కాపీ సృష్టించబడుతుంది. ప్రాజెక్ట్‌ను వీక్షించడానికి మరియు సవరించడానికి మీరు ముప్పై మంది వ్యక్తులతో URLని భాగస్వామ్యం చేయవచ్చు.",
+	"share-menu.project-too-large": "క్షమించండి, ఈ ప్రాజెక్ట్ చాలా పెద్దదిగా ఉన్నందున భాగస్వామ్యం చేయబడదు. మేము దానిపై పని చేస్తున్నాము!",
+	"share-menu.save-note": "ఈ ప్రాజెక్ట్‌ని మీ కంప్యూటర్‌కి .tldr ఫైల్‌గా డౌన్‌లోడ్ చేయండి.",
+	"share-menu.share-project": "ఈ ప్రాజెక్ట్‌ను భాగస్వామ్యం చేయండి",
+	"share-menu.snapshot-link-note": "ఈ ప్రాజెక్ట్‌ను చదవడానికి మాత్రమే స్నాప్‌షాట్ లింక్‌గా క్యాప్చర్ చేయండి మరియు భాగస్వామ్యం చేయండి.",
+	"share-menu.title": "షేర్ చేయండి",
+	"share-menu.upload-failed": "క్షమించండి, మేము ప్రస్తుతం మీ ప్రాజెక్ట్‌ను అప్‌లోడ్ చేయలేకపోయాము. దయచేసి మళ్లీ ప్రయత్నించండి లేదా సమస్య కొనసాగితే మాకు తెలియజేయండి.",
+	"sharing.confirm-leave.cancel": "రద్దు చేయి",
+	"sharing.confirm-leave.description": "మీరు ఈ భాగస్వామ్య ప్రాజెక్ట్ నుండి ఖచ్చితంగా నిష్క్రమించాలనుకుంటున్నారా? మీరు దాని URLకి నావిగేట్ చేయడం ద్వారా దానికి తిరిగి రావచ్చు.",
+	"sharing.confirm-leave.dont-show-again": "మళ్ళీ అడగవద్దు",
+	"sharing.confirm-leave.leave": "వదిలేయండి",
+	"sharing.confirm-leave.title": "ప్రస్తుత ప్రాజెక్ట్ నుండి నిష్క్రమించాలా?",
+	"shortcuts-dialog.a11y": "యాక్సెసిబిలిటీ",
+	"shortcuts-dialog.collaboration": "సహకారం",
+	"shortcuts-dialog.edit": "పరిష్కరించు",
+	"shortcuts-dialog.file": "ఫైల్",
+	"shortcuts-dialog.preferences": "ఎంచుకొన్నవి",
+	"shortcuts-dialog.text-formatting": "టెక్స్ట్ ఫార్మాటింగ్",
+	"shortcuts-dialog.title": "కీబోర్డ్ సత్వరమార్గం",
+	"shortcuts-dialog.tools": "పరికరాలు",
+	"shortcuts-dialog.transform": "మార్చు",
+	"shortcuts-dialog.view": "చూపు",
+	"size-style.l": "పెద్దది",
+	"size-style.m": "మధ్యస్థం",
+	"size-style.s": "చిన్నది",
+	"size-style.xl": "అదనపు పెద్దది",
+	"spline-style.cubic": "క్యూబిక్",
+	"spline-style.line": "గీత",
+	"status.offline": "ఆఫ్‌లైన్",
+	"style-panel.align": "సరిపరచు",
+	"style-panel.arrow-kind": "గీత",
+	"style-panel.arrowhead-end": "ముగింపు",
+	"style-panel.arrowhead-start": "ప్రారంభించండి",
+	"style-panel.arrowheads": "బాణపు తలలు",
+	"style-panel.color": "రంగు",
+	"style-panel.dash": "అడ్డ గీత",
+	"style-panel.fill": "నింపు",
+	"style-panel.font": "అక్షరాకృతి",
+	"style-panel.geo": "ఆకారం",
+	"style-panel.label-align": "లేబుల్ సమలేఖనం",
+	"style-panel.mixed": "మిక్స్డ్",
+	"style-panel.opacity": "అస్పష్టత",
+	"style-panel.position": "స్థానం",
+	"style-panel.selected": "ఎంపిక చేయబడింది",
+	"style-panel.size": "పరిమాణం",
+	"style-panel.spline": "స్ప్లైన్",
+	"style-panel.title": "విధములు",
+	"style-panel.vertical-align": "నిలువు సమలేఖనం",
+	"theme.dark": "చీకటి",
+	"theme.light": "కాంతి",
+	"theme.system": "వ్యవస్థ",
+	"toast.close": "మూసివేయి",
+	"toast.error": "లోపం",
+	"toast.error.copy-fail.desc": "చిత్రాన్ని కాపీ చేయడంలో విఫలమైంది",
+	"toast.error.copy-fail.title": "విఫలమైన కాపీ",
+	"toast.error.export-fail.desc": "చిత్రాన్ని ఎగుమతి చేయడంలో విఫలమైంది",
+	"toast.error.export-fail.title": "ఎగుమతి విఫలమైంది",
+	"toast.info": "సమాచారం",
+	"toast.success": "విజయం",
+	"toast.warning": "హెచ్చరిక",
+	"tool-panel.more": "మరిన్ని",
+	"tool-panel.title": "పరికరాలు",
+	"tool.arrow": "బాణం",
+	"tool.arrow-down": "క్రిందికి బాణం",
+	"tool.arrow-left": "బాణం వదిలి",
+	"tool.arrow-right": "బాణం కుడి",
+	"tool.arrow-up": "పైకి బాణం",
+	"tool.aspect-ratio": "కారక నిష్పత్తి",
+	"tool.aspect-ratio.circle": "వృత్తం (1:1)",
+	"tool.aspect-ratio.landscape": "ల్యాండ్‌స్కేప్ (4:3)",
+	"tool.aspect-ratio.original": "అసలు",
+	"tool.aspect-ratio.portrait": "పోర్ట్రైట్ (3:4)",
+	"tool.aspect-ratio.square": "చతురస్రం (1:1)",
+	"tool.aspect-ratio.wide": "వెడల్పు (16:9)",
+	"tool.bookmark": "బుక్‌మార్క్",
+	"tool.check-box": "చెక్ బాక్స్",
+	"tool.cloud": "మేఘం",
+	"tool.diamond": "డైమండ్",
+	"tool.draw": "గీయ్యి",
+	"tool.ellipse": "దీర్ఘవృత్తం",
+	"tool.embed": "పొందుపరచండి",
+	"tool.eraser": "Eraser",
+	"tool.flip-horz": "అడ్డంగా పల్టీ",
+	"tool.flip-vert": "నిలువుగా పల్టీ",
+	"tool.frame": "ఫ్రేమ్",
+	"tool.hand": "చేయి",
+	"tool.heart": "గుండె",
+	"tool.hexagon": "షడ్భుజి",
+	"tool.highlight": "హైలైట్ చేయండి",
+	"tool.image-crop": "చిత్రాన్ని కత్తిరించండి",
+	"tool.image-crop-confirm": "నిర్ధారించండి",
+	"tool.image-toolbar-title": "చిత్ర సాధనాలు",
+	"tool.image-zoom": "జూమ్ చేయండి",
+	"tool.laser": "లేజర్",
+	"tool.line": "గీత",
+	"tool.media": "మీడియా",
+	"tool.media-alt-text": "ప్రత్యామ్నాయ వచనం",
+	"tool.media-alt-text-confirm": "నిర్ధారించండి",
+	"tool.media-alt-text-desc": "వివరణ ఇవ్వండి...",
+	"tool.note": "అతుక్కునే",
+	"tool.octagon": "అష్టభుజి",
+	"tool.oval": "ఓవల్",
+	"tool.pentagon": "పెంటగాన్",
+	"tool.pointer-down": "క్రిందికి పాయింటర్",
+	"tool.rectangle": "దీర్ఘచతురస్రం",
+	"tool.replace-media": "మీడియాను భర్తీ చేయండి",
+	"tool.rhombus": "రాంబస్",
+	"tool.rich-text-bold": "బోల్డ్",
+	"tool.rich-text-bulletList": "బుల్లెట్ జాబితా",
+	"tool.rich-text-code": "కోడ్",
+	"tool.rich-text-header": "హెడర్",
+	"tool.rich-text-highlight": "హైలైట్",
+	"tool.rich-text-italic": "ఇటాలిక్",
+	"tool.rich-text-link": "లింక్",
+	"tool.rich-text-link-remove": "లింక్‌ను తీసివేయి",
+	"tool.rich-text-link-visit": "లింక్‌ను సందర్శించండి",
+	"tool.rich-text-orderedList": "ఆర్డర్ చేసిన జాబితా",
+	"tool.rich-text-strikethrough": "కొట్టివేత",
+	"tool.rich-text-toolbar-title": "టెక్స్ట్ ఫార్మాటింగ్",
+	"tool.rotate-cw": "తిప్పండి",
+	"tool.select": "ఎంపికచెయ్యి",
+	"tool.star": "నక్షత్రం",
+	"tool.text": "అక్షరములు",
+	"tool.trapezoid": "ట్రాపజోయిడ్",
+	"tool.triangle": "త్రిభుజం",
+	"tool.x-box": "X బాక్స్",
+	"ui.checked": "తనిఖీ చేయబడింది",
+	"ui.close": "ముగింపు / ముగింపు",
+	"ui.unchecked": "ఎంపిక తీసివేయబడింది",
+	"verticalAlign-style.end": "దిగువన",
+	"verticalAlign-style.middle": "మధ్య",
+	"verticalAlign-style.start": "టాప్",
+	"vscode.file-open.backup": "బ్యాకప్",
+	"vscode.file-open.backup-failed": "బ్యాకప్ విఫలమైంది: ఇది .tldr ఫైల్ కాదు.",
+	"vscode.file-open.backup-saved": "బ్యాకప్ సేవ్ చేయబడింది",
+	"vscode.file-open.desc": "ఈ ఫైల్ tldraw యొక్క మునుపటి సంస్కరణతో సృష్టించబడింది. కొత్త వెర్షన్‌తో పని చేయడానికి మీరు దీన్ని అప్‌డేట్ చేయాలనుకుంటున్నారా?",
+	"vscode.file-open.dont-show-again": "మళ్ళీ అడగవద్దు",
+	"vscode.file-open.open": "కొనసాగించు"
+}
diff --git a/web/hermes-dist/translations/th.json b/web/hermes-dist/translations/th.json
new file mode 100644
index 0000000..b6eb4ab
--- /dev/null
+++ b/web/hermes-dist/translations/th.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "ปรับแต่งรูปแบบรูปร่าง",
+	"a11y.enlarge-shape": "ขยายรูปร่าง",
+	"a11y.enter-leave-container": "เข้า/ออกคอนเทนเนอร์",
+	"a11y.move-shape": "ย้ายรูปร่าง",
+	"a11y.move-shape-faster": "ย้ายรูปร่างได้เร็วขึ้น",
+	"a11y.multiple-shapes": "{num} รูปร่างที่เลือก",
+	"a11y.open-context-menu": "เปิดเมนูบริบท",
+	"a11y.open-keyboard-shortcuts": "เปิดทางลัดแป้นพิมพ์",
+	"a11y.pan-camera": "แพนกล้อง",
+	"a11y.repeat-shape": "ทำซ้ำรูปร่าง",
+	"a11y.rotate-shape-ccw": "หมุนรูปร่างทวนเข็มนาฬิกา",
+	"a11y.rotate-shape-ccw-fine": "หมุนรูปร่างทวนเข็มนาฬิกา (ละเอียด)",
+	"a11y.rotate-shape-cw": "หมุนรูปร่างตามเข็มนาฬิกา",
+	"a11y.rotate-shape-cw-fine": "หมุนรูปร่างตามเข็มนาฬิกา (ละเอียด)",
+	"a11y.select-shape": "เลือกรูปร่างถัดไป",
+	"a11y.select-shape-direction": "เลือกรูปร่างตามทิศทาง",
+	"a11y.shape-image": "ภาพ",
+	"a11y.shape-index": "{num} จาก {total}",
+	"a11y.shape-video": "วีดีโอ",
+	"a11y.shrink-shape": "ย่อขนาดรูปร่าง",
+	"a11y.skip-to-main-content": "ย้ายโฟกัสไปที่ผืนผ้าใบ",
+	"a11y.status": "สถานะ",
+	"action.align-bottom": "จัดให้ชิดด้านล่าง",
+	"action.align-center-horizontal": "จัดให้กึ่งกลางแนวนอน",
+	"action.align-center-horizontal.short": "จัดให้อยู่กึ่งกลางแนวนอน",
+	"action.align-center-vertical": "ซ้อนต่อกันแนวนอน",
+	"action.align-center-vertical.short": "จัดให้อยู่กึ่งกลางแนวตั้ง",
+	"action.align-left": "จัดให้ชิดซ้าย",
+	"action.align-right": "จัดให้ชิดขวา",
+	"action.align-top": "จัดให้ชิดด้านบน",
+	"action.back-to-content": "กลับไปยังเนื้อหา",
+	"action.bring-forward": "ย้ายไปข้างหน้า",
+	"action.bring-to-front": "ย้ายไปด้านหน้าสุด",
+	"action.convert-to-bookmark": "แปลงเป็นบุ๊กมาร์ก",
+	"action.convert-to-embed": "แปลงเป็น Embed",
+	"action.copy": "คัดลอก",
+	"action.copy-as-json": "คัดลอกเป็น JSON",
+	"action.copy-as-json.short": "เจซอน",
+	"action.copy-as-png": "คัดลอกเป็น PNG",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "คัดลอกเป็น SVG",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "ตัด",
+	"action.delete": "ลบ",
+	"action.distribute-horizontal": "กระจายในแนวนอน",
+	"action.distribute-horizontal.short": "กระจายแนวนอน",
+	"action.distribute-vertical": "กระจายในแนวตั้ง",
+	"action.distribute-vertical.short": "กระจายแนวตั้ง",
+	"action.download-original": "ดาวน์โหลดต้นฉบับ",
+	"action.duplicate": "ทำซ้ำ",
+	"action.edit-link": "แก้ไขลิงก์",
+	"action.enhanced-a11y-mode": "สลับโหมดการช่วยการเข้าถึงขั้นสูง",
+	"action.enhanced-a11y-mode.menu": "โหมดการช่วยการเข้าถึงขั้นสูง",
+	"action.exit-pen-mode": "ออกจากโหมดปากกา",
+	"action.export-all-as-png": "ส่งออกทั้งหมดเป็น PNG",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "ส่งออกทั้งหมดเป็น SVG",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "ส่งออกเป็น PNG",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "ส่งออกเป็น SVG",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "พอดีกับเนื้อหา",
+	"action.flatten-to-image": "ทำให้เรียบ",
+	"action.flip-horizontal": "พลิกแนวนอน",
+	"action.flip-horizontal.short": "พลิกแนวตั้ง",
+	"action.flip-vertical": "พลิกแนวตั้ง",
+	"action.flip-vertical.short": "พลิกแนวนอน",
+	"action.fork-project": "คัดลอกโครงการนี้",
+	"action.fork-project-on-tldraw": "คัดลอกโครงการบน tldraw",
+	"action.group": "จัดกลุ่ม",
+	"action.insert-embed": "ใส่ embed",
+	"action.insert-media": "อัปโหลดสื่อ",
+	"action.leave-shared-project": "ออกจากโครงการที่ใช้ร่วมกัน",
+	"action.new-project": "โครงการใหม่",
+	"action.new-shared-project": "โครงการใหม่ที่ใช้ร่วมกัน",
+	"action.open-cursor-chat": "เคอร์เซอร์แชท",
+	"action.open-embed-link": "เปิดลิงก์",
+	"action.open-file": "เปิดไฟล์",
+	"action.open-kbd-shortcuts": "เปิดทางลัดแป้นพิมพ์",
+	"action.pack": "บรรจุ",
+	"action.paste": "วาง",
+	"action.paste-error-description": "วางไม่ได้เนื่องจากไม่มีการอนุญาตคลิปบอร์ด โปรดเปิดใช้งานการอนุญาตและลองอีกครั้ง",
+	"action.paste-error-title": "การวางล้มเหลว",
+	"action.print": "พิมพ์",
+	"action.redo": "ทำซ้ำ",
+	"action.remove-frame": "ลบกรอบ",
+	"action.rename": "เปลี่ยนชื่อ",
+	"action.rotate-ccw": "หมุนทวนเข็มนาฬิกา",
+	"action.rotate-cw": "หมุนตามเข็มนาฬิกา",
+	"action.save-copy": "บันทึกสำเนา",
+	"action.select-all": "เลือกทั้งหมด",
+	"action.select-none": "ไม่เลือกทั้งหมด",
+	"action.select-zoom-tool": "ซูม",
+	"action.send-backward": "ย้ายไปข้างหลัง",
+	"action.send-to-back": "ย้ายไปด้านหลังสุด",
+	"action.share-project": "แบ่งปันโครงการนี้",
+	"action.stack-horizontal": "ซ้อนต่อกันแนวนอน",
+	"action.stack-horizontal.short": "ซ้อนต่อกันแนวนอน",
+	"action.stack-vertical": "ซ้อนต่อกันแนวตั้ง",
+	"action.stack-vertical.short": "ซ้อนต่อกันแนวตั้ง",
+	"action.stop-following": "หยุดติดตาม",
+	"action.stretch-horizontal": "ยืดในแนวนอน",
+	"action.stretch-horizontal.short": "ยืดแนวนอน",
+	"action.stretch-vertical": "ยืดในแนวตั้ง",
+	"action.stretch-vertical.short": "ยืดแนวตั้ง",
+	"action.toggle-auto-none": "อัตโนมัติ",
+	"action.toggle-auto-pan": "อัตโนมัติ (แทร็กแพด)",
+	"action.toggle-auto-size": "สลับขนาดอัตโนมัติ",
+	"action.toggle-auto-zoom": "อัตโนมัติ (เมาส์)",
+	"action.toggle-dark-mode": "โหมดมืด",
+	"action.toggle-dark-mode.menu": "โหมดมืด",
+	"action.toggle-debug-mode": "โหมดดีบัก",
+	"action.toggle-debug-mode.menu": "โหมดดีบัก",
+	"action.toggle-dynamic-size-mode": "เปิดปิดขนาดผกผัน",
+	"action.toggle-dynamic-size-mode.menu": "ขนาดผกผัน",
+	"action.toggle-edge-scrolling": "เปิดปิดการเลื่อนที่ขอบ",
+	"action.toggle-edge-scrolling.menu": "การเลื่อนที่ขอบ",
+	"action.toggle-focus-mode": "โหมดโฟกัส",
+	"action.toggle-focus-mode.menu": "โหมดโฟกัส",
+	"action.toggle-grid": "แสดงตาราง",
+	"action.toggle-grid.menu": "แสดงตาราง",
+	"action.toggle-invert-zoom": "สลับการกลับด้านการซูมของเมาส์",
+	"action.toggle-invert-zoom.menu": "กลับด้านการซูมของเมาส์",
+	"action.toggle-keyboard-shortcuts": "สลับการใช้ทางลัดแป้นพิมพ์",
+	"action.toggle-keyboard-shortcuts.menu": "แป้นพิมพ์ลัด",
+	"action.toggle-lock": "ล็อก / ปลดล็อก",
+	"action.toggle-mouse": "เมาส์",
+	"action.toggle-paste-at-cursor": "เปิดปิดการวางที่เคอร์เซอร์",
+	"action.toggle-paste-at-cursor.menu": "วางที่เคอร์เซอร์",
+	"action.toggle-reduce-motion": "เปิดปิดการลดการเคลื่อนไหว",
+	"action.toggle-reduce-motion.menu": "ลดการเคลื่อนไหว",
+	"action.toggle-snap-mode": "สลับสแนปตลอด",
+	"action.toggle-snap-mode.menu": "แสดงสแนปตลอด",
+	"action.toggle-tool-lock": "สลับล็อคเครื่องมือ",
+	"action.toggle-tool-lock.menu": "ล็อคเครื่องมือ",
+	"action.toggle-trackpad": "แทร็กแพด",
+	"action.toggle-transparent": "สลับพื้นหลังโปร่งใส",
+	"action.toggle-transparent.context-menu": "โปร่งใส",
+	"action.toggle-transparent.menu": "โปร่งใส",
+	"action.toggle-wrap-mode": "เปิดปิดเลือกเมื่อแรป",
+	"action.toggle-wrap-mode.menu": "เลือกเมื่อแรป",
+	"action.undo": "เลิกทำ",
+	"action.ungroup": "ยกเลิกจัดกลุ่ม",
+	"action.unlock-all": "ปลดล็อกทั้งหมด",
+	"action.zoom-in": "ขยาย",
+	"action.zoom-out": "ย่อ",
+	"action.zoom-quick": "ซูมเร็ว",
+	"action.zoom-to-100": "ขยายเป็น 100%",
+	"action.zoom-to-fit": "ขยายให้พอดี",
+	"action.zoom-to-selection": "ขยายให้พอดีกับสิ่งที่เลือก",
+	"actions-menu.title": "การกระทำ",
+	"align-style.end": "สิ้นสุด",
+	"align-style.justify": "ปรับ",
+	"align-style.middle": "กลาง",
+	"align-style.start": "เริ่มต้น",
+	"app.loading": "กำลังโหลด tldraw…",
+	"arrow-kind-style.arc": "ส่วนโค้ง",
+	"arrow-kind-style.elbow": "ข้อศอก",
+	"arrowheadEnd-style.arrow": "ลูกศร",
+	"arrowheadEnd-style.bar": "แถบ",
+	"arrowheadEnd-style.diamond": "สี่เหลี่ยมเพชร",
+	"arrowheadEnd-style.dot": "จุด",
+	"arrowheadEnd-style.inverted": "กลับด้าน",
+	"arrowheadEnd-style.none": "ไม่มี",
+	"arrowheadEnd-style.pipe": "ท่อ",
+	"arrowheadEnd-style.square": "สี่เหลี่ยมจัตุรัส",
+	"arrowheadEnd-style.triangle": "สามเหลี่ยม",
+	"arrowheadStart-style.arrow": "ลูกศร",
+	"arrowheadStart-style.bar": "แถบ",
+	"arrowheadStart-style.diamond": "สี่เหลี่ยมเพชร",
+	"arrowheadStart-style.dot": "จุด",
+	"arrowheadStart-style.inverted": "กลับด้าน",
+	"arrowheadStart-style.none": "ไม่มี",
+	"arrowheadStart-style.pipe": "ท่อ",
+	"arrowheadStart-style.square": "สี่เหลี่ยมจัตุรัส",
+	"arrowheadStart-style.triangle": "สามเหลี่ยม",
+	"assets.files.amount-too-many": "ไฟล์มีมากเกินไป",
+	"assets.files.maximum-size": "ขนาดไฟล์สูงสุดคือ {size}",
+	"assets.files.size-too-big": "ขนาดไฟล์ใหญ่เกินไป",
+	"assets.files.type-not-allowed": "ประเภทไฟล์ที่ไม่อนุญาต",
+	"assets.files.upload-failed": "การอัปโหลดล้มเหลว",
+	"assets.url.failed": "โหลดตัวอย่าง URL ไม่ได้",
+	"color-style.black": "สีดำ",
+	"color-style.blue": "สีฟ้า",
+	"color-style.green": "สีเขียว",
+	"color-style.grey": "สีเทา",
+	"color-style.light-blue": "สีฟ้าอ่อน",
+	"color-style.light-green": "สีเขียวอ่อน",
+	"color-style.light-red": "สีแดงอ่อน",
+	"color-style.light-violet": "สีม่วงอ่อน",
+	"color-style.orange": "สีส้ม",
+	"color-style.red": "สีแดง",
+	"color-style.violet": "สีม่วง",
+	"color-style.white": "สีขาว",
+	"color-style.yellow": "สีเหลือง",
+	"context-menu.arrange": "จัดระเบียบ",
+	"context-menu.copy-as": "คัดลอกเป็น",
+	"context-menu.edit": "แก้ไข",
+	"context-menu.export-all-as": "ส่งออกทั้งหมดเป็น",
+	"context-menu.export-as": "ส่งออกเป็น",
+	"context-menu.move-to-page": "ย้ายไปยังหน้า",
+	"context-menu.reorder": "จัดเรียงลำดับ",
+	"context-menu.title": "เมนูบริบท",
+	"context.pages.new-page": "หน้าใหม่",
+	"cursor-chat.type-to-chat": "พิมพ์เพื่อแชท...",
+	"dash-style.dashed": "ประ",
+	"dash-style.dotted": "จุด",
+	"dash-style.draw": "ดินสอ",
+	"dash-style.solid": "หนาแข็ง",
+	"document-name-menu.copy-link": "คัดลอกลิงก์",
+	"document.default-name": "ไม่มีชื่อ",
+	"edit-link-dialog.cancel": "ยกเลิก",
+	"edit-link-dialog.clear": "ล้าง",
+	"edit-link-dialog.detail": "ลิงก์จะเปิดขึ้นในแท็บใหม่",
+	"edit-link-dialog.external-link": "ลิงก์ภายนอก",
+	"edit-link-dialog.invalid-url": "ลิงก์ต้องเป็น URL ที่ถูกต้อง",
+	"edit-link-dialog.save": "ดำเนินการต่อ",
+	"edit-link-dialog.title": "แก้ไขลิงค์",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "กลับ",
+	"embed-dialog.cancel": "ยกเลิก",
+	"embed-dialog.create": "สร้าง",
+	"embed-dialog.instruction": "วาง URL ของไซต์เพื่อสร้าง embed",
+	"embed-dialog.invalid-url": "เราไม่สามารถสร้าง embed จาก URL นั้นได้",
+	"embed-dialog.title": "สร้าง embed",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "ยกเลิก",
+	"file-system.confirm-clear.continue": "ดำเนินการต่อ",
+	"file-system.confirm-clear.description": "การสร้างโครงการใหม่จะล้างโครงการปัจจุบันของคุณ และการเปลี่ยนแปลงที่ไม่ได้บันทึกไว้จะสูญหายไป คุณแน่ใจว่าต้องการดําเนินการต่อหรือไม่",
+	"file-system.confirm-clear.dont-show-again": "ไม่ต้องถามอีก",
+	"file-system.confirm-clear.title": "ล้างโครงการปัจจุบันหรือไม่",
+	"file-system.confirm-open.cancel": "ยกเลิก",
+	"file-system.confirm-open.description": "การเปิดไฟล์จะแทนที่โครงการปัจจุบันของคุณและการเปลี่ยนแปลงที่ไม่ได้บันทึกจะหายไป คุณแน่ใจหรือไม่ว่าต้องการดําเนินการต่อ",
+	"file-system.confirm-open.dont-show-again": "ไม่ต้องถามอีก",
+	"file-system.confirm-open.open": "เปิดไฟล์",
+	"file-system.confirm-open.title": "เขียนทับโครงการปัจจุบันใช่หรือไม่",
+	"file-system.file-open-error.file-format-version-too-new": "ไฟล์ที่คุณพยายามเปิดมาจาก tldraw รุ่นใหม่กว่า โปรดโหลดหน้าเว็บและลองอีกครั้ง",
+	"file-system.file-open-error.generic-corrupted-file": "ไฟล์ที่คุณพยายามเปิดเสียหาย",
+	"file-system.file-open-error.not-a-tldraw-file": "ไฟล์ที่คุณพยายามเปิดดูไม่เหมือนไฟล์ tldraw",
+	"file-system.file-open-error.title": "ไม่สามารถเปิดไฟล์ได้",
+	"file-system.shared-document-file-open-error.description": "ไม่รองรับการเปิดไฟล์จากโครงการที่ใช้งานร่วมกัน",
+	"file-system.shared-document-file-open-error.title": "ไม่สามารถเปิดไฟล์ได้",
+	"fill-style.fill": "เติมเต็ม",
+	"fill-style.lined-fill": "เติมแบบมีเส้น",
+	"fill-style.none": "ไม่มี",
+	"fill-style.pattern": "ลวดลาย",
+	"fill-style.semi": "กึ่ง",
+	"fill-style.solid": "หนาแข็ง",
+	"focus-mode.toggle-focus-mode": "โหมดโฟกัส",
+	"font-style.draw": "ดินสอ",
+	"font-style.mono": "โมโน",
+	"font-style.sans": "แซนส์",
+	"font-style.serif": "เซริฟ",
+	"geo-style.arrow-down": "ลูกศรลง",
+	"geo-style.arrow-left": "ลูกศรซ้าย",
+	"geo-style.arrow-right": "ลูกศรขวา",
+	"geo-style.arrow-up": "ลูกศรขึ้น",
+	"geo-style.check-box": "ช่องทำเครื่องหมาย",
+	"geo-style.cloud": "คลาวด์",
+	"geo-style.diamond": "สี่เหลี่ยมเพชร",
+	"geo-style.ellipse": "วงรี",
+	"geo-style.heart": "หัวใจ",
+	"geo-style.hexagon": "หกเหลี่ยม",
+	"geo-style.octagon": "แปดเหลี่ยม",
+	"geo-style.oval": "วงรี",
+	"geo-style.pentagon": "ห้าเหลี่ยม",
+	"geo-style.rectangle": "สี่เหลี่ยมผืนผ้า",
+	"geo-style.rhombus": "สี่เหลี่ยมขนมเปียกปูน",
+	"geo-style.rhombus-2": "สี่เหลี่ยมขนมเปียกปูนด้านซ้าย",
+	"geo-style.star": "ดาว",
+	"geo-style.trapezoid": "สี่เหลี่ยมคางหมู",
+	"geo-style.triangle": "สามเหลี่ยม",
+	"geo-style.x-box": "สี่เหลี่ยมพื้นผ้า X",
+	"handle.crop.bottom": "ครอบตัดด้านล่าง",
+	"handle.crop.bottom-left": "ครอบตัดด้านล่างซ้าย",
+	"handle.crop.bottom-right": "ครอบตัดด้านล่างขวา",
+	"handle.crop.left": "ครอบตัดด้านซ้าย",
+	"handle.crop.right": "ครอบตัดด้านขวา",
+	"handle.crop.top": "ครอบตัดด้านบน",
+	"handle.crop.top-left": "ครอบตัดด้านบนซ้าย",
+	"handle.crop.top-right": "ครอบตัดด้านบนขวา",
+	"handle.resize-bottom": "ปรับขนาดด้านล่าง",
+	"handle.resize-bottom-left": "ปรับขนาดซ้ายล่าง",
+	"handle.resize-bottom-right": "ปรับขนาดขวาล่าง",
+	"handle.resize-left": "ปรับขนาดด้านซ้าย",
+	"handle.resize-right": "ปรับขนาดด้านขวา",
+	"handle.resize-top": "ปรับขนาดด้านบน",
+	"handle.resize-top-left": "ปรับขนาดซ้ายบน",
+	"handle.resize-top-right": "ปรับขนาดขวาบน",
+	"handle.rotate.bottom_left_rotate": "หมุนซ้ายล่าง",
+	"handle.rotate.bottom_right_rotate": "หมุนขวาล่าง",
+	"handle.rotate.mobile_rotate": "หมุน",
+	"handle.rotate.top_left_rotate": "หมุนซ้ายบน",
+	"handle.rotate.top_right_rotate": "หมุนขวาบน",
+	"help-menu.about": "เกี่ยวกับ",
+	"help-menu.discord": "ดิสคอร์ด",
+	"help-menu.github": "กิตฮับ",
+	"help-menu.import-tldr-file": "นำเข้าไฟล์...",
+	"help-menu.keyboard-shortcuts": "แป้นพิมพ์ลัด",
+	"help-menu.privacy": "นโยบายความเป็นส่วนตัว",
+	"help-menu.terms": "เงื่อนไขการใช้งาน",
+	"help-menu.title": "ความช่วยเหลือและแหล่งข้อมูล",
+	"help-menu.twitter": "ทวิตเตอร์",
+	"menu.accessibility": "การเข้าถึง",
+	"menu.color-theme": "ธีมสี",
+	"menu.copy-as": "คัดลอกเป็น",
+	"menu.edit": "แก้ไข",
+	"menu.export-as": "ส่งออกเป็น",
+	"menu.file": "ไฟล์",
+	"menu.input-device": "อุปกรณ์ป้อนข้อมูล",
+	"menu.language": "ภาษา",
+	"menu.preferences": "ตั้งค่า",
+	"menu.theme": "ธีม",
+	"menu.title": "เมนู",
+	"menu.view": "มุมมอง",
+	"navigation-zone.minimap": "แผนที่ย่อ",
+	"navigation-zone.title": "การนำทาง",
+	"navigation-zone.toggle-minimap": "สลับแผนที่ย่อ",
+	"navigation-zone.zoom": "ขยาย",
+	"opacity-style.0.1": "๑๐%",
+	"opacity-style.0.25": "๒๕%",
+	"opacity-style.0.5": "๕๐%",
+	"opacity-style.0.75": "๗๕%",
+	"opacity-style.1": "๑๐๐%",
+	"page-menu.create-new-page": "สร้างหน้า",
+	"page-menu.edit-done": "เสร็จแล้ว",
+	"page-menu.edit-start": "แก้ไข",
+	"page-menu.go-to-page": "ไปที่หน้า",
+	"page-menu.new-page-initial-name": "หน้า 1",
+	"page-menu.submenu.delete": "ลบ",
+	"page-menu.submenu.duplicate-page": "สำเนา",
+	"page-menu.submenu.move-down": "เลื่อนลง",
+	"page-menu.submenu.move-up": "เลื่อนขึ้น",
+	"page-menu.submenu.rename": "เปลี่ยนชื่อ",
+	"page-menu.submenu.title": "เมนู",
+	"page-menu.title": "หน้า",
+	"people-menu.anonymous-user": "ผู้ใช้ใหม่",
+	"people-menu.avatar-color": "สีของอวตาร์",
+	"people-menu.change-color": "เปลี่ยนสี",
+	"people-menu.change-name": "เปลี่ยนชื่อ",
+	"people-menu.follow": "ติดตาม",
+	"people-menu.following": "กำลังติดตาม",
+	"people-menu.invite": "เชิญผู้อื่น",
+	"people-menu.leading": "กำลังติดตามคุณ",
+	"people-menu.title": "ผู้คน",
+	"people-menu.user": "(คุณ)",
+	"share-menu.copied": "คัดลอกลิงก์แล้ว!",
+	"share-menu.copy-link": "คัดลอกลิงก์เชิญ",
+	"share-menu.copy-link-note": "ทุกคนที่มีลิงก์จะสามารถดูและแก้ไขโครงการนี้ได้",
+	"share-menu.copy-readonly-link": "คัดลอกลิงก์แบบให้อ่านอย่างเดียว",
+	"share-menu.copy-readonly-link-note": "ทุกคนที่มีลิงก์จะสามารถดู (แต่ไม่สามารถแก้ไข) โครงการนี้ได้",
+	"share-menu.create-snapshot-link": "สร้างลิงก์สแนปช็อต",
+	"share-menu.creating-project": "กำลังสร้างโปรเจกต์ใหม่...",
+	"share-menu.fork-note": "สร้างโครงการใหม่ที่ใช้ร่วมกันตามสแนปช็อตนี้",
+	"share-menu.offline-note": "การแชร์โครงการนี้จะสร้างสําเนาสดที่โฮสต์ที่ URL ใหม่ คุณสามารถแชร์ URL กับบุคคลอื่นได้สูงสุดสามสิบคนเพื่อดูและแก้ไขโครงการด้วยกัน",
+	"share-menu.project-too-large": "ขออภัย ไม่สามารถแชร์โครงการนี้ได้เนื่องจากมีขนาดใหญ่เกินไป เรากำลังดำเนินการอยู่!",
+	"share-menu.save-note": "ดาวน์โหลดโครงการนี้ไปยังคอมพิวเตอร์ของคุณเป็นไฟล์ .tldr",
+	"share-menu.share-project": "แบ่งปันโครงการนี้",
+	"share-menu.snapshot-link-note": "เก็บข้อมูลและแบ่งปันโครงการนี้เป็นลิงก์สแนปช็อตที่อ่านได้เท่านั้น",
+	"share-menu.title": "แบ่งปัน",
+	"share-menu.upload-failed": "ขออภัย เราไม่สามารถอัปโหลดโครงการของคุณได้ในขณะนี้ โปรดลองอีกครั้งหรือแจ้งให้เราทราบหากปัญหายังคงอยู่",
+	"sharing.confirm-leave.cancel": "ยกเลิก",
+	"sharing.confirm-leave.description": "คุณแน่ใจว่าต้องการออกจากโครงการใช้ร่วมกันนี้หรือไม่? คุณสามารถกลับมาได้โดยการมาที่ URL ของโปรเจกต์นี้",
+	"sharing.confirm-leave.dont-show-again": "ไม่ต้องถามอีก",
+	"sharing.confirm-leave.leave": "ออก",
+	"sharing.confirm-leave.title": "ออกโครงการปัจจุบันหรือไม่",
+	"shortcuts-dialog.a11y": "การเข้าถึง",
+	"shortcuts-dialog.collaboration": "ความร่วมมือ",
+	"shortcuts-dialog.edit": "แก้ไข",
+	"shortcuts-dialog.file": "ไฟล์",
+	"shortcuts-dialog.preferences": "ตั้งค่า",
+	"shortcuts-dialog.text-formatting": "การจัดรูปแบบข้อความ",
+	"shortcuts-dialog.title": "แป้นพิมพ์ลัด",
+	"shortcuts-dialog.tools": "เครื่องมือ",
+	"shortcuts-dialog.transform": "แปลง",
+	"shortcuts-dialog.view": "มุมมอง",
+	"size-style.l": "ใหญ่",
+	"size-style.m": "ปานกลาง",
+	"size-style.s": "เล็ก",
+	"size-style.xl": "ขนาดใหญ่พิเศษ",
+	"spline-style.cubic": "ลูกบาศก์",
+	"spline-style.line": "เส้น",
+	"status.offline": "ออฟไลน์",
+	"style-panel.align": "จัดแนว",
+	"style-panel.arrow-kind": "เส้น",
+	"style-panel.arrowhead-end": "สิ้นสุด",
+	"style-panel.arrowhead-start": "เริ่มต้น",
+	"style-panel.arrowheads": "หัวลูกศร",
+	"style-panel.color": "สี",
+	"style-panel.dash": "เส้นขีด",
+	"style-panel.fill": "เติม",
+	"style-panel.font": "แบบอักษร",
+	"style-panel.geo": "รูปร่าง",
+	"style-panel.label-align": "ป้ายกำกับตรงกัน",
+	"style-panel.mixed": "ผสม",
+	"style-panel.opacity": "ความทึบ",
+	"style-panel.position": "ตำแหน่ง",
+	"style-panel.selected": "เลือกแล้ว",
+	"style-panel.size": "ขนาด",
+	"style-panel.spline": "เส้นโค้ง",
+	"style-panel.title": "รูปแบบ",
+	"style-panel.vertical-align": "เรียงแนวตั้ง",
+	"theme.dark": "มืด",
+	"theme.light": "สว่าง",
+	"theme.system": "ระบบ",
+	"toast.close": "ปิด",
+	"toast.error": "ข้อผิดพลาด",
+	"toast.error.copy-fail.desc": "คัดลอกรูปภาพไม่สําเร็จ",
+	"toast.error.copy-fail.title": "การคัดลอกล้มเหลว",
+	"toast.error.export-fail.desc": "การส่งออกรูปภาพไม่สำเร็จ",
+	"toast.error.export-fail.title": "การส่งออกล้มเหลว",
+	"toast.info": "ข้อมูล",
+	"toast.success": "ความสำเร็จ",
+	"toast.warning": "คำเตือน",
+	"tool-panel.more": "เพิ่มเติม",
+	"tool-panel.title": "เครื่องมือ",
+	"tool.arrow": "ลูกศร",
+	"tool.arrow-down": "ลูกศรลง",
+	"tool.arrow-left": "ลูกศรซ้าย",
+	"tool.arrow-right": "ลูกศรขวา",
+	"tool.arrow-up": "ลูกศรขึ้น",
+	"tool.aspect-ratio": "อัตราส่วนภาพ",
+	"tool.aspect-ratio.circle": "วงกลม (1:1)",
+	"tool.aspect-ratio.landscape": "แนวนอน (4:3)",
+	"tool.aspect-ratio.original": "ต้นฉบับ",
+	"tool.aspect-ratio.portrait": "แนวตั้ง (3:4)",
+	"tool.aspect-ratio.square": "สี่เหลี่ยมจัตุรัส (1:1)",
+	"tool.aspect-ratio.wide": "กว้าง (16:9)",
+	"tool.bookmark": "บุ๊คมาร์ก",
+	"tool.check-box": "ช่องทำเครื่องหมาย",
+	"tool.cloud": "คลาวด์",
+	"tool.diamond": "สี่เหลี่ยมเพชร",
+	"tool.draw": "ดินสอ",
+	"tool.ellipse": "วงรี",
+	"tool.embed": "Embed",
+	"tool.eraser": "ยางลบ",
+	"tool.flip-horz": "พลิกแนวนอน",
+	"tool.flip-vert": "พลิกแนวตั้ง",
+	"tool.frame": "กรอบ",
+	"tool.hand": "มือ",
+	"tool.heart": "หัวใจ",
+	"tool.hexagon": "หกเหลี่ยม",
+	"tool.highlight": "ไฮไลท์",
+	"tool.image-crop": "ครอบตัดรูปภาพ",
+	"tool.image-crop-confirm": "ยืนยัน",
+	"tool.image-toolbar-title": "เครื่องมือรูปภาพ",
+	"tool.image-zoom": "ขยาย",
+	"tool.laser": "เลเซอร์",
+	"tool.line": "เส้น",
+	"tool.media": "สื่อมวลชน",
+	"tool.media-alt-text": "ข้อความทางเลือก",
+	"tool.media-alt-text-confirm": "ยืนยัน",
+	"tool.media-alt-text-desc": "ให้คําอธิบาย...",
+	"tool.note": "บันทึกย่อ",
+	"tool.octagon": "แปดเหลี่ยม",
+	"tool.oval": "วงรี",
+	"tool.pentagon": "ห้าเหลี่ยม",
+	"tool.pointer-down": "ลูกศรลง",
+	"tool.rectangle": "สี่เหลี่ยมผืนผ้า",
+	"tool.replace-media": "แทนที่สื่อ",
+	"tool.rhombus": "สี่เหลี่ยมขนมเปียกปูน",
+	"tool.rich-text-bold": "ตัวหนา",
+	"tool.rich-text-bulletList": "รายการแบบมีหัวข้อย่อย",
+	"tool.rich-text-code": "รหัส",
+	"tool.rich-text-header": "ส่วนหัว",
+	"tool.rich-text-highlight": "ไฮไลท์",
+	"tool.rich-text-italic": "ตัวเอียง",
+	"tool.rich-text-link": "ลิงค์",
+	"tool.rich-text-link-remove": "ลบลิงค์",
+	"tool.rich-text-link-visit": "เยี่ยมชมลิงค์",
+	"tool.rich-text-orderedList": "รายการสั่งซื้อ",
+	"tool.rich-text-strikethrough": "ขีดฆ่า",
+	"tool.rich-text-toolbar-title": "การจัดรูปแบบข้อความ",
+	"tool.rotate-cw": "หมุน",
+	"tool.select": "เลือก",
+	"tool.star": "ดาว",
+	"tool.text": "กล่องข้อความ",
+	"tool.trapezoid": "สี่เหลี่ยมคางหมู",
+	"tool.triangle": "สามเหลี่ยม",
+	"tool.x-box": "สี่เหลี่ยมพื้นผ้า X",
+	"ui.checked": "เลือกแล้ว",
+	"ui.close": "ปิด",
+	"ui.unchecked": "ยกเลิกการเลือกแล้ว",
+	"verticalAlign-style.end": "ล่าง",
+	"verticalAlign-style.middle": "กลาง",
+	"verticalAlign-style.start": "บน",
+	"vscode.file-open.backup": "การสำรองข้อมูล",
+	"vscode.file-open.backup-failed": "การสำรองข้อมูลล้มเหลว: นี่ไม่ใช่ไฟล์ .tldr",
+	"vscode.file-open.backup-saved": "บันทึกการสำรองข้อมูลแล้ว",
+	"vscode.file-open.desc": "ไฟล์นี้ถูกสร้างขึ้นด้วย tldraw รุ่นก่อนหน้า คุณต้องการอัปเดตเพื่อทํางานกับรุ่นใหม่หรือไม่",
+	"vscode.file-open.dont-show-again": "ไม่ต้องถามอีก",
+	"vscode.file-open.open": "ดำเนินการต่อ"
+}
diff --git a/web/hermes-dist/translations/tl.json b/web/hermes-dist/translations/tl.json
new file mode 100644
index 0000000..de3d2c6
--- /dev/null
+++ b/web/hermes-dist/translations/tl.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "Ayusin ang mga istilo ng hugis",
+	"a11y.enlarge-shape": "Palakihin ang hugis",
+	"a11y.enter-leave-container": "Ipasok/iwanan ang lalagyan",
+	"a11y.move-shape": "Ilipat ang hugis",
+	"a11y.move-shape-faster": "Ilipat ang hugis nang mas mabilis",
+	"a11y.multiple-shapes": "{num} mga hugis ang napili",
+	"a11y.open-context-menu": "Buksan ang menu ng konteksto",
+	"a11y.open-keyboard-shortcuts": "Buksan ang mga keyboard shortcut",
+	"a11y.pan-camera": "I-pan ang camera",
+	"a11y.repeat-shape": "Ulitin ang hugis",
+	"a11y.rotate-shape-ccw": "Paikutin ang hugis nang pakaliwa",
+	"a11y.rotate-shape-ccw-fine": "I-rotate ang hugis pakaliwa (fine)",
+	"a11y.rotate-shape-cw": "Paikutin ang hugis pakanan",
+	"a11y.rotate-shape-cw-fine": "I-rotate ang hugis pakanan (fine)",
+	"a11y.select-shape": "Piliin ang susunod na hugis",
+	"a11y.select-shape-direction": "Piliin ang hugis sa direksyon",
+	"a11y.shape-image": "Imahe",
+	"a11y.shape-index": "{num} ng {total}",
+	"a11y.shape-video": "Video",
+	"a11y.shrink-shape": "Paliitin ang hugis",
+	"a11y.skip-to-main-content": "Ilipat ang focus sa canvas",
+	"a11y.status": "Katayuan",
+	"action.align-bottom": "I-align sa ibaba",
+	"action.align-center-horizontal": "I-align nang pahalang",
+	"action.align-center-horizontal.short": "Ihanay ang H",
+	"action.align-center-vertical": "I-align patayo",
+	"action.align-center-vertical.short": "Ihanay ang V",
+	"action.align-left": "I-align sa kaliwa",
+	"action.align-right": "I-align sa kanan",
+	"action.align-top": "I-align sa itaas",
+	"action.back-to-content": "Bumalik sa nilalaman",
+	"action.bring-forward": "Dalhin pasulong",
+	"action.bring-to-front": "Dalhin sa harap",
+	"action.convert-to-bookmark": "I-convert sa Bookmark",
+	"action.convert-to-embed": "I-convert sa I-embed",
+	"action.copy": "Kopyahin",
+	"action.copy-as-json": "Kopyahin bilang JSON",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "Kopyahin bilang PNG",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "Kopyahin bilang SVG",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "Putulin",
+	"action.delete": "Tanggalin",
+	"action.distribute-horizontal": "Ipamahagi nang pahalang",
+	"action.distribute-horizontal.short": "Ipamahagi ang H",
+	"action.distribute-vertical": "Ipamahagi nang patayo",
+	"action.distribute-vertical.short": "Ipamahagi ang V",
+	"action.download-original": "I-download ang orihinal",
+	"action.duplicate": "Duplicate",
+	"action.edit-link": "I-edit ang link",
+	"action.enhanced-a11y-mode": "I-toggle ang pinahusay na mode ng accessibility",
+	"action.enhanced-a11y-mode.menu": "Pinahusay na accessibility mode",
+	"action.exit-pen-mode": "Lumabas sa pen mode",
+	"action.export-all-as-png": "I-export ang lahat bilang PNG",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "I-export ang lahat bilang SVG",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "I-export bilang PNG",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "I-export bilang SVG",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "Angkop sa nilalaman",
+	"action.flatten-to-image": "patagin",
+	"action.flip-horizontal": "I-flip nang pahalang",
+	"action.flip-horizontal.short": "I-flip H",
+	"action.flip-vertical": "I-flip patayo",
+	"action.flip-vertical.short": "I-flip V",
+	"action.fork-project": "I-fork ang proyektong ito",
+	"action.fork-project-on-tldraw": "Fork project sa tldraw",
+	"action.group": "Grupo",
+	"action.insert-embed": "Ipasok ang embed",
+	"action.insert-media": "Mag-upload ng media",
+	"action.leave-shared-project": "Iwanan ang nakabahaging proyekto",
+	"action.new-project": "Bagong proyekto",
+	"action.new-shared-project": "Bagong nakabahaging proyekto",
+	"action.open-cursor-chat": "Cursor chat",
+	"action.open-embed-link": "Buksan ang link",
+	"action.open-file": "Buksan ang file",
+	"action.open-kbd-shortcuts": "Buksan ang mga keyboard shortcut",
+	"action.pack": "Pack",
+	"action.paste": "Idikit",
+	"action.paste-error-description": "Hindi ma-paste dahil sa mga nawawalang pahintulot sa clipboard. Mangyaring paganahin ang mga pahintulot at subukang muli.",
+	"action.paste-error-title": "Nabigo ang pag-paste",
+	"action.print": "Print",
+	"action.redo": "Gawin muli",
+	"action.remove-frame": "Alisin ang frame",
+	"action.rename": "Palitan ang pangalan",
+	"action.rotate-ccw": "I-rotate ang counterclockwise",
+	"action.rotate-cw": "I-rotate clockwise",
+	"action.save-copy": "Mag-save ng kopya",
+	"action.select-all": "Piliin lahat",
+	"action.select-none": "Pumili ng wala",
+	"action.select-zoom-tool": "Mag-zoom",
+	"action.send-backward": "Ipadala pabalik",
+	"action.send-to-back": "Ipadala sa likod",
+	"action.share-project": "Ibahagi ang proyektong ito",
+	"action.stack-horizontal": "I-stack nang pahalang",
+	"action.stack-horizontal.short": "Stack H",
+	"action.stack-vertical": "I-stack nang patayo",
+	"action.stack-vertical.short": "Stack V",
+	"action.stop-following": "Itigil ang pagsunod",
+	"action.stretch-horizontal": "Mag-stretch nang pahalang",
+	"action.stretch-horizontal.short": "Mag-stretch H",
+	"action.stretch-vertical": "Iunat nang patayo",
+	"action.stretch-vertical.short": "Mag-stretch V",
+	"action.toggle-auto-none": "Auto",
+	"action.toggle-auto-pan": "Auto (trackpad)",
+	"action.toggle-auto-size": "I-toggle ang laki ng auto",
+	"action.toggle-auto-zoom": "Auto (mouse)",
+	"action.toggle-dark-mode": "I-toggle ang dark mode",
+	"action.toggle-dark-mode.menu": "Dark mode",
+	"action.toggle-debug-mode": "I-toggle ang debug mode",
+	"action.toggle-debug-mode.menu": "Debug mode",
+	"action.toggle-dynamic-size-mode": "I-toggle ang dynamic na laki",
+	"action.toggle-dynamic-size-mode.menu": "Dynamic na laki",
+	"action.toggle-edge-scrolling": "I-toggle ang pag-scroll sa gilid",
+	"action.toggle-edge-scrolling.menu": "Pag-scroll sa gilid",
+	"action.toggle-focus-mode": "I-toggle ang focus mode",
+	"action.toggle-focus-mode.menu": "Focus mode",
+	"action.toggle-grid": "I-toggle ang grid",
+	"action.toggle-grid.menu": "Ipakita ang grid",
+	"action.toggle-invert-zoom": "I-toggle ang invert mouse zoom",
+	"action.toggle-invert-zoom.menu": "Baliktarin ang pag-zoom ng mouse",
+	"action.toggle-keyboard-shortcuts": "I-toggle ang mga keyboard shortcut",
+	"action.toggle-keyboard-shortcuts.menu": "Paganahin ang mga keyboard shortcut",
+	"action.toggle-lock": "I-lock / I-unlock",
+	"action.toggle-mouse": "Daga",
+	"action.toggle-paste-at-cursor": "I-toggle ang paste sa cursor",
+	"action.toggle-paste-at-cursor.menu": "Idikit sa cursor",
+	"action.toggle-reduce-motion": "I-toggle ang bawasan ang paggalaw",
+	"action.toggle-reduce-motion.menu": "Bawasan ang paggalaw",
+	"action.toggle-snap-mode": "Toggle palaging snap",
+	"action.toggle-snap-mode.menu": "Laging snap",
+	"action.toggle-tool-lock": "I-toggle ang lock ng tool",
+	"action.toggle-tool-lock.menu": "Lock ng tool",
+	"action.toggle-trackpad": "Trackpad",
+	"action.toggle-transparent": "I-toggle ang transparent na background",
+	"action.toggle-transparent.context-menu": "Transparent",
+	"action.toggle-transparent.menu": "Transparent",
+	"action.toggle-wrap-mode": "I-toggle ang Select on wrap",
+	"action.toggle-wrap-mode.menu": "Pumili sa balot",
+	"action.undo": "I-undo",
+	"action.ungroup": "Alisin sa pangkat",
+	"action.unlock-all": "I-unlock ang lahat",
+	"action.zoom-in": "Mag-zoom in",
+	"action.zoom-out": "Mag-zoom out",
+	"action.zoom-quick": "Mabilis na pag-zoom",
+	"action.zoom-to-100": "Mag-zoom sa 100%",
+	"action.zoom-to-fit": "Mag-zoom para magkasya",
+	"action.zoom-to-selection": "Mag-zoom sa pagpili",
+	"actions-menu.title": "Mga aksyon",
+	"align-style.end": "Tapusin",
+	"align-style.justify": "Pangatwiranan",
+	"align-style.middle": "Gitna",
+	"align-style.start": "Magsimula",
+	"app.loading": "Nilo-load ang tldraw...",
+	"arrow-kind-style.arc": "Arc",
+	"arrow-kind-style.elbow": "siko",
+	"arrowheadEnd-style.arrow": "Palaso",
+	"arrowheadEnd-style.bar": "Bar",
+	"arrowheadEnd-style.diamond": "brilyante",
+	"arrowheadEnd-style.dot": "Dot",
+	"arrowheadEnd-style.inverted": "Baliktad",
+	"arrowheadEnd-style.none": "wala",
+	"arrowheadEnd-style.pipe": "Pipe",
+	"arrowheadEnd-style.square": "Square",
+	"arrowheadEnd-style.triangle": "Tatsulok",
+	"arrowheadStart-style.arrow": "Palaso",
+	"arrowheadStart-style.bar": "Bar",
+	"arrowheadStart-style.diamond": "brilyante",
+	"arrowheadStart-style.dot": "Dot",
+	"arrowheadStart-style.inverted": "Baliktad",
+	"arrowheadStart-style.none": "wala",
+	"arrowheadStart-style.pipe": "Pipe",
+	"arrowheadStart-style.square": "Square",
+	"arrowheadStart-style.triangle": "Tatsulok",
+	"assets.files.amount-too-many": "Masyadong maraming file",
+	"assets.files.maximum-size": "Ang maximum na laki ng file ay {size}",
+	"assets.files.size-too-big": "Masyadong malaki ang laki ng file",
+	"assets.files.type-not-allowed": "Hindi pinapayagan ang uri ng file",
+	"assets.files.upload-failed": "Nabigo ang pag-upload",
+	"assets.url.failed": "Hindi ma-load ang preview ng URL",
+	"color-style.black": "Itim",
+	"color-style.blue": "Asul",
+	"color-style.green": "Berde",
+	"color-style.grey": "Gray",
+	"color-style.light-blue": "Banayad na asul",
+	"color-style.light-green": "Banayad na berde",
+	"color-style.light-red": "Banayad na pula",
+	"color-style.light-violet": "Banayad na violet",
+	"color-style.orange": "Kahel",
+	"color-style.red": "Pula",
+	"color-style.violet": "Violet",
+	"color-style.white": "Puti",
+	"color-style.yellow": "Dilaw",
+	"context-menu.arrange": "Ayusin",
+	"context-menu.copy-as": "Kopyahin bilang",
+	"context-menu.edit": "I-edit",
+	"context-menu.export-all-as": "I-export ang lahat bilang",
+	"context-menu.export-as": "I-export bilang",
+	"context-menu.move-to-page": "Ilipat sa page",
+	"context-menu.reorder": "Muling ayusin",
+	"context-menu.title": "Menu ng konteksto",
+	"context.pages.new-page": "Bagong page",
+	"cursor-chat.type-to-chat": "Mag-type para makipag-chat...",
+	"dash-style.dashed": "Dashed",
+	"dash-style.dotted": "May tuldok",
+	"dash-style.draw": "Gumuhit",
+	"dash-style.solid": "Solid",
+	"document-name-menu.copy-link": "Kopyahin ang link",
+	"document.default-name": "Walang pamagat",
+	"edit-link-dialog.cancel": "Kanselahin",
+	"edit-link-dialog.clear": "Maaliwalas",
+	"edit-link-dialog.detail": "Magbubukas ang mga link sa isang bagong tab.",
+	"edit-link-dialog.external-link": "Panlabas na link",
+	"edit-link-dialog.invalid-url": "Ang isang link ay dapat na isang wastong URL.",
+	"edit-link-dialog.save": "Magpatuloy",
+	"edit-link-dialog.title": "I-edit ang link",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "Bumalik",
+	"embed-dialog.cancel": "Kanselahin",
+	"embed-dialog.create": "Lumikha",
+	"embed-dialog.instruction": "I-paste ang URL ng site para gawin ang embed.",
+	"embed-dialog.invalid-url": "Hindi kami makagawa ng embed mula sa URL na iyon.",
+	"embed-dialog.title": "Gumawa ng embed",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "Kanselahin",
+	"file-system.confirm-clear.continue": "Magpatuloy",
+	"file-system.confirm-clear.description": "Ang paggawa ng bagong proyekto ay maglilinis sa iyong kasalukuyang proyekto at ang anumang hindi na-save na mga pagbabago ay mawawala. Sigurado ka bang gusto mong magpatuloy?",
+	"file-system.confirm-clear.dont-show-again": "Wag ka nang magtanong ulit",
+	"file-system.confirm-clear.title": "I-clear ang kasalukuyang proyekto?",
+	"file-system.confirm-open.cancel": "Kanselahin",
+	"file-system.confirm-open.description": "Papalitan ng pagbubukas ng file ang iyong kasalukuyang proyekto at mawawala ang anumang hindi na-save na pagbabago. Sigurado ka bang gusto mong magpatuloy?",
+	"file-system.confirm-open.dont-show-again": "Wag ka nang magtanong ulit",
+	"file-system.confirm-open.open": "Buksan ang file",
+	"file-system.confirm-open.title": "I-overwrite ang kasalukuyang proyekto?",
+	"file-system.file-open-error.file-format-version-too-new": "Ang file na sinubukan mong buksan ay mula sa mas bagong bersyon ng tldraw. Paki-reload ang page at subukang muli.",
+	"file-system.file-open-error.generic-corrupted-file": "Ang file na sinubukan mong buksan ay sira.",
+	"file-system.file-open-error.not-a-tldraw-file": "Ang file na sinubukan mong buksan ay hindi mukhang isang tldraw file.",
+	"file-system.file-open-error.title": "Hindi mabuksan ang file",
+	"file-system.shared-document-file-open-error.description": "Ang pagbubukas ng mga file mula sa mga nakabahaging proyekto ay hindi suportado.",
+	"file-system.shared-document-file-open-error.title": "Hindi mabuksan ang file",
+	"fill-style.fill": "Punan",
+	"fill-style.lined-fill": "May linyang punan",
+	"fill-style.none": "wala",
+	"fill-style.pattern": "Pattern",
+	"fill-style.semi": "Semi",
+	"fill-style.solid": "Solid",
+	"focus-mode.toggle-focus-mode": "I-toggle ang focus mode",
+	"font-style.draw": "Gumuhit",
+	"font-style.mono": "Mono",
+	"font-style.sans": "Sans",
+	"font-style.serif": "Serif",
+	"geo-style.arrow-down": "Arrow pababa",
+	"geo-style.arrow-left": "Pakaliwa ang arrow",
+	"geo-style.arrow-right": "Arrow sa kanan",
+	"geo-style.arrow-up": "Arrow pataas",
+	"geo-style.check-box": "Check box",
+	"geo-style.cloud": "Ulap",
+	"geo-style.diamond": "brilyante",
+	"geo-style.ellipse": "Ellipse",
+	"geo-style.heart": "Puso",
+	"geo-style.hexagon": "Heksagono",
+	"geo-style.octagon": "Octagon",
+	"geo-style.oval": "Oval",
+	"geo-style.pentagon": "Pentagon",
+	"geo-style.rectangle": "Parihaba",
+	"geo-style.rhombus": "Rhombus",
+	"geo-style.rhombus-2": "Umalis si Rhombus",
+	"geo-style.star": "Bituin",
+	"geo-style.trapezoid": "Trapezoid",
+	"geo-style.triangle": "Tatsulok",
+	"geo-style.x-box": "X Kahon",
+	"handle.crop.bottom": "I-crop ang ibaba",
+	"handle.crop.bottom-left": "I-crop ang kaliwang ibaba",
+	"handle.crop.bottom-right": "I-crop sa ibaba sa kanan",
+	"handle.crop.left": "I-crop ang kaliwa",
+	"handle.crop.right": "I-crop sa kanan",
+	"handle.crop.top": "Crop top",
+	"handle.crop.top-left": "I-crop ang kaliwa sa itaas",
+	"handle.crop.top-right": "I-crop ang kanang itaas",
+	"handle.resize-bottom": "Baguhin ang laki sa ibaba",
+	"handle.resize-bottom-left": "Baguhin ang laki sa kaliwang ibaba",
+	"handle.resize-bottom-right": "Baguhin ang laki sa kanan sa ibaba",
+	"handle.resize-left": "Baguhin ang laki sa kaliwa",
+	"handle.resize-right": "Baguhin ang laki nang tama",
+	"handle.resize-top": "Baguhin ang laki sa itaas",
+	"handle.resize-top-left": "Baguhin ang laki sa kaliwang itaas",
+	"handle.resize-top-right": "Baguhin ang laki sa kanang itaas",
+	"handle.rotate.bottom_left_rotate": "I-rotate sa ibaba sa kaliwa",
+	"handle.rotate.bottom_right_rotate": "I-rotate sa ibaba sa kanan",
+	"handle.rotate.mobile_rotate": "Iikot",
+	"handle.rotate.top_left_rotate": "I-rotate sa kaliwa sa itaas",
+	"handle.rotate.top_right_rotate": "I-rotate sa itaas sa kanan",
+	"help-menu.about": "Tungkol sa",
+	"help-menu.discord": "Discord",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "Mag-import ng file...",
+	"help-menu.keyboard-shortcuts": "Mga keyboard shortcut",
+	"help-menu.privacy": "Patakaran sa privacy",
+	"help-menu.terms": "Mga tuntunin ng serbisyo",
+	"help-menu.title": "Tulong at mapagkukunan",
+	"help-menu.twitter": "Twitter",
+	"menu.accessibility": "Accessibility",
+	"menu.color-theme": "Tema ng kulay",
+	"menu.copy-as": "Kopyahin bilang",
+	"menu.edit": "I-edit",
+	"menu.export-as": "I-export bilang",
+	"menu.file": "file",
+	"menu.input-device": "Kagamitang pang-input",
+	"menu.language": "Wika",
+	"menu.preferences": "Mga Kagustuhan",
+	"menu.theme": "Tema",
+	"menu.title": "Menu",
+	"menu.view": "Tingnan",
+	"navigation-zone.minimap": "Minimap",
+	"navigation-zone.title": "Pag-navigate",
+	"navigation-zone.toggle-minimap": "I-toggle ang minimap",
+	"navigation-zone.zoom": "Mag-zoom",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "Gumawa ng bagong page",
+	"page-menu.edit-done": "Tapos na",
+	"page-menu.edit-start": "I-edit",
+	"page-menu.go-to-page": "Pumunta sa pahina",
+	"page-menu.new-page-initial-name": "Pahina 1",
+	"page-menu.submenu.delete": "Tanggalin",
+	"page-menu.submenu.duplicate-page": "Duplicate",
+	"page-menu.submenu.move-down": "Ilipat pababa",
+	"page-menu.submenu.move-up": "Umakyat",
+	"page-menu.submenu.rename": "Palitan ang pangalan",
+	"page-menu.submenu.title": "Menu",
+	"page-menu.title": "Mga pahina",
+	"people-menu.anonymous-user": "Bagong user",
+	"people-menu.avatar-color": "Kulay ng avatar",
+	"people-menu.change-color": "Baguhin ang kulay",
+	"people-menu.change-name": "Palitan ang pangalan",
+	"people-menu.follow": "Sundin",
+	"people-menu.following": "Sumusunod",
+	"people-menu.invite": "Mag-imbita ng iba",
+	"people-menu.leading": "Sinusundan Ka",
+	"people-menu.title": "Mga tao",
+	"people-menu.user": "(Ikaw)",
+	"share-menu.copied": "Kinopya ang link!",
+	"share-menu.copy-link": "Kopyahin ang link",
+	"share-menu.copy-link-note": "Magagawang tingnan at i-edit ng sinumang may link ang proyektong ito.",
+	"share-menu.copy-readonly-link": "Kopyahin ang read-only na link",
+	"share-menu.copy-readonly-link-note": "Magagawang tingnan ng sinumang may link (ngunit hindi i-edit) ang proyektong ito.",
+	"share-menu.create-snapshot-link": "Lumikha ng link ng snapshot",
+	"share-menu.creating-project": "Ginagawa ang bagong proyekto…",
+	"share-menu.fork-note": "Gumawa ng bagong nakabahaging proyekto batay sa snapshot na ito.",
+	"share-menu.offline-note": "Ang pagbabahagi ng proyektong ito ay lilikha ng naka-host na live na kopya sa isang bagong URL. Maaari mong ibahagi ang URL sa hanggang tatlumpung iba pang mga tao upang tingnan at i-edit ang proyekto nang magkasama.",
+	"share-menu.project-too-large": "Paumanhin, hindi maibabahagi ang proyektong ito dahil napakalaki nito. Ginagawa namin ito!",
+	"share-menu.save-note": "I-download ang proyektong ito sa iyong computer bilang isang .tldr file.",
+	"share-menu.share-project": "Ibahagi ang proyektong ito",
+	"share-menu.snapshot-link-note": "Kunin at ibahagi ang proyektong ito bilang read-only snapshot link.",
+	"share-menu.title": "Ibahagi",
+	"share-menu.upload-failed": "Paumanhin, hindi namin ma-upload ang iyong proyekto sa ngayon. Pakisubukang muli o ipaalam sa amin kung magpapatuloy ang problema.",
+	"sharing.confirm-leave.cancel": "Kanselahin",
+	"sharing.confirm-leave.description": "Sigurado ka bang gusto mong umalis sa nakabahaging proyektong ito? Maaari kang bumalik dito sa pamamagitan ng pag-navigate sa URL nito.",
+	"sharing.confirm-leave.dont-show-again": "Wag ka nang magtanong ulit",
+	"sharing.confirm-leave.leave": "umalis",
+	"sharing.confirm-leave.title": "Iwanan ang kasalukuyang proyekto?",
+	"shortcuts-dialog.a11y": "Accessibility",
+	"shortcuts-dialog.collaboration": "Pakikipagtulungan",
+	"shortcuts-dialog.edit": "I-edit",
+	"shortcuts-dialog.file": "file",
+	"shortcuts-dialog.preferences": "Mga Kagustuhan",
+	"shortcuts-dialog.text-formatting": "Pag-format ng teksto",
+	"shortcuts-dialog.title": "Mga keyboard shortcut",
+	"shortcuts-dialog.tools": "Mga gamit",
+	"shortcuts-dialog.transform": "Ibahin ang anyo",
+	"shortcuts-dialog.view": "Tingnan",
+	"size-style.l": "Malaki",
+	"size-style.m": "Katamtaman",
+	"size-style.s": "Maliit",
+	"size-style.xl": "Sobrang laki",
+	"spline-style.cubic": "Kubiko",
+	"spline-style.line": "Linya",
+	"status.offline": "Offline",
+	"style-panel.align": "I-align",
+	"style-panel.arrow-kind": "Linya",
+	"style-panel.arrowhead-end": "Tapusin",
+	"style-panel.arrowhead-start": "Magsimula",
+	"style-panel.arrowheads": "Mga arrowhead",
+	"style-panel.color": "Kulay",
+	"style-panel.dash": "Dash",
+	"style-panel.fill": "Punan",
+	"style-panel.font": "Font",
+	"style-panel.geo": "Hugis",
+	"style-panel.label-align": "I-align ang label",
+	"style-panel.mixed": "Mixed",
+	"style-panel.opacity": "Opacity",
+	"style-panel.position": "Posisyon",
+	"style-panel.selected": "pinili",
+	"style-panel.size": "Sukat",
+	"style-panel.spline": "Spline",
+	"style-panel.title": "Mga istilo",
+	"style-panel.vertical-align": "Patayong align",
+	"theme.dark": "Madilim",
+	"theme.light": "Liwanag",
+	"theme.system": "Sistema",
+	"toast.close": "Isara",
+	"toast.error": "Error",
+	"toast.error.copy-fail.desc": "Nabigong kopyahin ang larawan",
+	"toast.error.copy-fail.title": "Nabigong kopyahin",
+	"toast.error.export-fail.desc": "Nabigong i-export ang larawan",
+	"toast.error.export-fail.title": "Nabigong pag-export",
+	"toast.info": "Impormasyon",
+	"toast.success": "Tagumpay",
+	"toast.warning": "Babala",
+	"tool-panel.more": "Higit pa",
+	"tool-panel.title": "Mga gamit",
+	"tool.arrow": "Palaso",
+	"tool.arrow-down": "Arrow pababa",
+	"tool.arrow-left": "Pakaliwa ang arrow",
+	"tool.arrow-right": "Arrow sa kanan",
+	"tool.arrow-up": "Arrow pataas",
+	"tool.aspect-ratio": "Aspect ratio",
+	"tool.aspect-ratio.circle": "Bilog (1:1)",
+	"tool.aspect-ratio.landscape": "Landscape (4:3)",
+	"tool.aspect-ratio.original": "Orihinal",
+	"tool.aspect-ratio.portrait": "Portrait (3:4)",
+	"tool.aspect-ratio.square": "Square (1:1)",
+	"tool.aspect-ratio.wide": "Malapad (16:9)",
+	"tool.bookmark": "Bookmark",
+	"tool.check-box": "Check box",
+	"tool.cloud": "Ulap",
+	"tool.diamond": "brilyante",
+	"tool.draw": "Gumuhit",
+	"tool.ellipse": "Ellipse",
+	"tool.embed": "I-embed",
+	"tool.eraser": "Pambura",
+	"tool.flip-horz": "I-flip nang pahalang",
+	"tool.flip-vert": "I-flip patayo",
+	"tool.frame": "Frame",
+	"tool.hand": "Kamay",
+	"tool.heart": "Puso",
+	"tool.hexagon": "Heksagono",
+	"tool.highlight": "I-highlight",
+	"tool.image-crop": "I-crop ang larawan",
+	"tool.image-crop-confirm": "Kumpirmahin",
+	"tool.image-toolbar-title": "Mga tool sa larawan",
+	"tool.image-zoom": "Mag-zoom",
+	"tool.laser": "Laser",
+	"tool.line": "Linya",
+	"tool.media": "Media",
+	"tool.media-alt-text": "Alternatibong teksto",
+	"tool.media-alt-text-confirm": "Kumpirmahin",
+	"tool.media-alt-text-desc": "Magbigay ng paglalarawan...",
+	"tool.note": "Tandaan",
+	"tool.octagon": "Octagon",
+	"tool.oval": "Oval",
+	"tool.pentagon": "Pentagon",
+	"tool.pointer-down": "Ibaba ang pointer",
+	"tool.rectangle": "Parihaba",
+	"tool.replace-media": "Palitan ang media",
+	"tool.rhombus": "Rhombus",
+	"tool.rich-text-bold": "Matapang",
+	"tool.rich-text-bulletList": "Naka-bullet na listahan",
+	"tool.rich-text-code": "Code",
+	"tool.rich-text-header": "Header",
+	"tool.rich-text-highlight": "I-highlight",
+	"tool.rich-text-italic": "Italic",
+	"tool.rich-text-link": "Link",
+	"tool.rich-text-link-remove": "Alisin ang link",
+	"tool.rich-text-link-visit": "Bisitahin ang link",
+	"tool.rich-text-orderedList": "Inorder na listahan",
+	"tool.rich-text-strikethrough": "Strikethrough",
+	"tool.rich-text-toolbar-title": "Pag-format ng teksto",
+	"tool.rotate-cw": "Iikot",
+	"tool.select": "Pumili",
+	"tool.star": "Bituin",
+	"tool.text": "Text",
+	"tool.trapezoid": "Trapezoid",
+	"tool.triangle": "Tatsulok",
+	"tool.x-box": "X kahon",
+	"ui.checked": "Sinuri",
+	"ui.close": "Isara",
+	"ui.unchecked": "Hindi naka-check",
+	"verticalAlign-style.end": "Ibaba",
+	"verticalAlign-style.middle": "Gitna",
+	"verticalAlign-style.start": "Nangunguna",
+	"vscode.file-open.backup": "Backup",
+	"vscode.file-open.backup-failed": "Nabigo ang pag-backup: hindi ito .tldr file.",
+	"vscode.file-open.backup-saved": "Na-save ang backup",
+	"vscode.file-open.desc": "Ang file na ito ay ginawa gamit ang mas naunang bersyon ng tldraw. Gusto mo bang i-update ito upang gumana sa bagong bersyon?",
+	"vscode.file-open.dont-show-again": "Wag ka nang magtanong ulit",
+	"vscode.file-open.open": "Magpatuloy"
+}
diff --git a/web/hermes-dist/translations/tr.json b/web/hermes-dist/translations/tr.json
new file mode 100644
index 0000000..1aeed12
--- /dev/null
+++ b/web/hermes-dist/translations/tr.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "Şekil stillerini ayarla",
+	"a11y.enlarge-shape": "Şekli büyüt",
+	"a11y.enter-leave-container": "Konteynere gir/çık",
+	"a11y.move-shape": "Şekli hareket ettir",
+	"a11y.move-shape-faster": "Şekli daha hızlı hareket ettir",
+	"a11y.multiple-shapes": "{num} şekil seçildi",
+	"a11y.open-context-menu": "Bağlam menüsünü aç",
+	"a11y.open-keyboard-shortcuts": "Klavye kısayollarını aç",
+	"a11y.pan-camera": "Kamerayı kaydır",
+	"a11y.repeat-shape": "Şekli tekrarla",
+	"a11y.rotate-shape-ccw": "Şekli saat yönünün tersine döndür",
+	"a11y.rotate-shape-ccw-fine": "Şekli saat yönünün tersine döndür (hassas)",
+	"a11y.rotate-shape-cw": "Şekli saat yönünde döndür",
+	"a11y.rotate-shape-cw-fine": "Şekli saat yönünde döndür (hassas)",
+	"a11y.select-shape": "Sonraki şekli seç",
+	"a11y.select-shape-direction": "Şekli belirlenen yönde seç",
+	"a11y.shape-image": "Resim",
+	"a11y.shape-index": "{total} adetten {num} tanesi",
+	"a11y.shape-video": "Video",
+	"a11y.shrink-shape": "Şekli küçült",
+	"a11y.skip-to-main-content": "Odak noktasını tuvale taşı",
+	"a11y.status": "Durum",
+	"action.align-bottom": "Aşağı hizala",
+	"action.align-center-horizontal": "Yatay olanak hizala",
+	"action.align-center-horizontal.short": "Yatay hizala",
+	"action.align-center-vertical": "Dikey olarak hizala",
+	"action.align-center-vertical.short": "Dikey hizala",
+	"action.align-left": "Sola hizala",
+	"action.align-right": "Sağa hizala",
+	"action.align-top": "Yukarı hizala",
+	"action.back-to-content": "İçeriğe geri dön",
+	"action.bring-forward": "Öne doğru getir",
+	"action.bring-to-front": "Öne getir",
+	"action.convert-to-bookmark": "Yer işaretine dönüştür",
+	"action.convert-to-embed": "Yerleştirmeye dönüştür",
+	"action.copy": "Kopyala",
+	"action.copy-as-json": "JSON olarak kopyala",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "PNG olarak kopyala",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "SVG olarak kopyala",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "Kes",
+	"action.delete": "Sil",
+	"action.distribute-horizontal": "Yatay olarak dağıt",
+	"action.distribute-horizontal.short": "Yatay dağıt",
+	"action.distribute-vertical": "Dikey olarak dağıt",
+	"action.distribute-vertical.short": "Dikey dağıt",
+	"action.download-original": "Orijinali indir",
+	"action.duplicate": "Kopya oluştur",
+	"action.edit-link": "Bağlantıyı düzenle",
+	"action.enhanced-a11y-mode": "Gelişmiş erişilebilirlik modunu aç/kapat",
+	"action.enhanced-a11y-mode.menu": "Gelişmiş erişilebilirlik modu",
+	"action.exit-pen-mode": "Kalem modundan çık",
+	"action.export-all-as-png": "Tümünü PNG olarak dışa aktar",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "Tümünü SVG olarak dışa aktar",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "PNG olarak dışa aktar",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "SVG olarak dışa aktar",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "İçeriği Hizala",
+	"action.flatten-to-image": "Düzleştir",
+	"action.flip-horizontal": "Yatay Çevir",
+	"action.flip-horizontal.short": "Yatay döndür",
+	"action.flip-vertical": "Dikey Çevir",
+	"action.flip-vertical.short": "Dikey döndür",
+	"action.fork-project": "Bu projeyi forkla",
+	"action.fork-project-on-tldraw": "tldraw'da projeyi çatalla",
+	"action.group": "Grupla",
+	"action.insert-embed": "Dışardan çağır",
+	"action.insert-media": "Medya Yükle",
+	"action.leave-shared-project": "Paylaşılan Projeyi Kapat",
+	"action.new-project": "Yeni Proje",
+	"action.new-shared-project": "Yeni ortak proje",
+	"action.open-cursor-chat": "Sohbet imleci",
+	"action.open-embed-link": "Bağlantıyı aç",
+	"action.open-file": "Dosya aç",
+	"action.open-kbd-shortcuts": "Klavye kısayollarını aç",
+	"action.pack": "Paket",
+	"action.paste": "Yapıştır",
+	"action.paste-error-description": "Eksik pano izinleri nedeniyle yapıştırılamadı. Lütfen izinleri etkinleştirip tekrar deneyin.",
+	"action.paste-error-title": "Yapıştırılamadı",
+	"action.print": "Yazdır",
+	"action.redo": "Yinele",
+	"action.remove-frame": "Çerçeveyi kaldır",
+	"action.rename": "Yeniden Adlandır",
+	"action.rotate-ccw": "Saat yönünün aksine döndür",
+	"action.rotate-cw": "Saat yönünde döndür",
+	"action.save-copy": "Bir kopyasını kaydet",
+	"action.select-all": "Hepsini Seç",
+	"action.select-none": "Hiçbirini Seçme",
+	"action.select-zoom-tool": "Zoom",
+	"action.send-backward": "Arkaya doğru gönder",
+	"action.send-to-back": "Arkaya gönder",
+	"action.share-project": "Bu projeyi paylaş",
+	"action.stack-horizontal": "Yatay olarak istifle",
+	"action.stack-horizontal.short": "Yatay istifle",
+	"action.stack-vertical": "Dikey olarak istifle",
+	"action.stack-vertical.short": "Dikey istifle",
+	"action.stop-following": "Takibi bırak",
+	"action.stretch-horizontal": "Yatay olanak esnet",
+	"action.stretch-horizontal.short": "Yatay esnet",
+	"action.stretch-vertical": "Dikey olarak esnet",
+	"action.stretch-vertical.short": "Dikey esnet",
+	"action.toggle-auto-none": "Otomatik",
+	"action.toggle-auto-pan": "Otomatik (izleme dörtgeni)",
+	"action.toggle-auto-size": "Boyutu Uyarla aç/kapat",
+	"action.toggle-auto-zoom": "Otomatik (fare)",
+	"action.toggle-dark-mode": "Karanlık moda geçiş yap",
+	"action.toggle-dark-mode.menu": "Karanlık mod",
+	"action.toggle-debug-mode": "Hata ayıklama moduna geçiş yap",
+	"action.toggle-debug-mode.menu": "Hata ayıklama modu",
+	"action.toggle-dynamic-size-mode": "Dinamik boyutu aç/kapat",
+	"action.toggle-dynamic-size-mode.menu": "Dinamik boyut",
+	"action.toggle-edge-scrolling": "Kaydırma çubuğunu aç/kapat",
+	"action.toggle-edge-scrolling.menu": "Kaydırma çubuğu",
+	"action.toggle-focus-mode": "Odak moduna geçiş yap",
+	"action.toggle-focus-mode.menu": "Odak modu",
+	"action.toggle-grid": "Izgarayı değiştir",
+	"action.toggle-grid.menu": "Izgarayı göster",
+	"action.toggle-invert-zoom": "Fare yakınlaştırmasını tersine çevir/aç",
+	"action.toggle-invert-zoom.menu": "Fare yakınlaştırmasını tersine çevir",
+	"action.toggle-keyboard-shortcuts": "Klavye kısayollarını aç/kapat",
+	"action.toggle-keyboard-shortcuts.menu": "Klavye kısayolları",
+	"action.toggle-lock": "Kilidi Aç / Kilidi Kapat",
+	"action.toggle-mouse": "Fare",
+	"action.toggle-paste-at-cursor": "İmleç konumuna yapıştırmayı aç/kapat",
+	"action.toggle-paste-at-cursor.menu": "İmleç konumuna yapıştır",
+	"action.toggle-reduce-motion": "Hareketi azaltmayı aç/kapat",
+	"action.toggle-reduce-motion.menu": "Hareketi azalt",
+	"action.toggle-snap-mode": "Her zaman tuttura geçiş yap",
+	"action.toggle-snap-mode.menu": "Her zaman tuttur",
+	"action.toggle-tool-lock": "Araç kilidine geçiş yap",
+	"action.toggle-tool-lock.menu": "Araç kilidi",
+	"action.toggle-trackpad": "İzleme dörtgeni",
+	"action.toggle-transparent": "Şeffaf arkaplana geçiş yap",
+	"action.toggle-transparent.context-menu": "Şeffaf",
+	"action.toggle-transparent.menu": "Şeffaf",
+	"action.toggle-wrap-mode": "Çevrelediğinde seçmeyi aç/kapat",
+	"action.toggle-wrap-mode.menu": "Çevrelediğinde seç",
+	"action.undo": "Geri Al",
+	"action.ungroup": "Gruplamayı Kaldır",
+	"action.unlock-all": "Tüm Kilitleri Aç",
+	"action.zoom-in": "Yakınlaştır",
+	"action.zoom-out": "Uzaklaştır",
+	"action.zoom-quick": "Hızlı yakınlaştırma",
+	"action.zoom-to-100": "%100 yakınlaştır",
+	"action.zoom-to-fit": "Sığdırmak için Yakınlaştır",
+	"action.zoom-to-selection": "Seçime Yakınlaştır",
+	"actions-menu.title": "Eylemler",
+	"align-style.end": "Son",
+	"align-style.justify": "Blokla",
+	"align-style.middle": "Orta",
+	"align-style.start": "Başla",
+	"app.loading": "tldraw yükleniyor…",
+	"arrow-kind-style.arc": "Yay",
+	"arrow-kind-style.elbow": "Dirsek",
+	"arrowheadEnd-style.arrow": "Ok",
+	"arrowheadEnd-style.bar": "Çubuk",
+	"arrowheadEnd-style.diamond": "Karo",
+	"arrowheadEnd-style.dot": "Nokta",
+	"arrowheadEnd-style.inverted": "Ters",
+	"arrowheadEnd-style.none": "Hiçbiri",
+	"arrowheadEnd-style.pipe": "Boru",
+	"arrowheadEnd-style.square": "Kare",
+	"arrowheadEnd-style.triangle": "Üçgen",
+	"arrowheadStart-style.arrow": "Ok",
+	"arrowheadStart-style.bar": "Çubuk",
+	"arrowheadStart-style.diamond": "Karo",
+	"arrowheadStart-style.dot": "Nokta",
+	"arrowheadStart-style.inverted": "Ters",
+	"arrowheadStart-style.none": "Hiçbiri",
+	"arrowheadStart-style.pipe": "Boru",
+	"arrowheadStart-style.square": "Kare",
+	"arrowheadStart-style.triangle": "Üçgen",
+	"assets.files.amount-too-many": "Çok fazla dosya",
+	"assets.files.maximum-size": "Maksimum dosya boyutu {size}",
+	"assets.files.size-too-big": "Dosya boyutu çok büyük",
+	"assets.files.type-not-allowed": "Dosya türüne izin verilmiyor",
+	"assets.files.upload-failed": "Yüklenemedi",
+	"assets.url.failed": "URL önizlemesi yüklenemedi",
+	"color-style.black": "Siyah",
+	"color-style.blue": "Mavi",
+	"color-style.green": "Yeşil",
+	"color-style.grey": "Gri",
+	"color-style.light-blue": "Açık mavi",
+	"color-style.light-green": "Açık yeşil",
+	"color-style.light-red": "Açık kırmızı",
+	"color-style.light-violet": "Açık eflatun",
+	"color-style.orange": "Turuncu",
+	"color-style.red": "Kırmızı",
+	"color-style.violet": "Eflatun",
+	"color-style.white": "Beyaz",
+	"color-style.yellow": "Sarı",
+	"context-menu.arrange": "Düzenle",
+	"context-menu.copy-as": "Olarak Kopyala",
+	"context-menu.edit": "Düzenle",
+	"context-menu.export-all-as": "Tümünü dışa aktarma formatı",
+	"context-menu.export-as": "Olarak Dışarı Aktar",
+	"context-menu.move-to-page": "Sayfaya Taşı",
+	"context-menu.reorder": "Yeniden sırala",
+	"context-menu.title": "Bağlam menüsü",
+	"context.pages.new-page": "Yeni sayfa",
+	"cursor-chat.type-to-chat": "Bir şeyler yaz...",
+	"dash-style.dashed": "Kesik çizgili",
+	"dash-style.dotted": "Noktalı",
+	"dash-style.draw": "Çizim",
+	"dash-style.solid": "Düz",
+	"document-name-menu.copy-link": "Bağlantıyı kopyala",
+	"document.default-name": "İsimsiz",
+	"edit-link-dialog.cancel": "İptal",
+	"edit-link-dialog.clear": "Temizle",
+	"edit-link-dialog.detail": "Bağlantılar yeni sekmede açılacaktır.",
+	"edit-link-dialog.external-link": "Dış bağlantı",
+	"edit-link-dialog.invalid-url": "Bağlantı geçerli bir URL olmalıdır.",
+	"edit-link-dialog.save": "Devam et",
+	"edit-link-dialog.title": "Bağlantıyı düzenle",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "Geri",
+	"embed-dialog.cancel": "İptal",
+	"embed-dialog.create": "Oluştur",
+	"embed-dialog.instruction": "Yerleştirmeyi oluşturmak için sitenin URL adresini yapıştırın.",
+	"embed-dialog.invalid-url": "Bu URL'den yerleştirme oluşturamadık.",
+	"embed-dialog.title": "Yerleştirme oluştur",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "Vazgeç",
+	"file-system.confirm-clear.continue": "Devam",
+	"file-system.confirm-clear.description": "Yeni proje başlatmak, mevcut projedeki herşeyi siler. Devam etmek istiyor musun?",
+	"file-system.confirm-clear.dont-show-again": "Bir daha sorma",
+	"file-system.confirm-clear.title": "Mevcut projeyi temizle",
+	"file-system.confirm-open.cancel": "İptal",
+	"file-system.confirm-open.description": "Açtığınız yeni dosya mevcut projenizin yerini alacak ve kaydedilmemiş tüm değişiklikler kaybolacaktır. Devam etmek istediğinize emin misiniz?",
+	"file-system.confirm-open.dont-show-again": "Bir daha sorma",
+	"file-system.confirm-open.open": "Dosya Aç",
+	"file-system.confirm-open.title": "Mevcut projenin üzerine yazılsın mı?",
+	"file-system.file-open-error.file-format-version-too-new": "Açmaya çalıştığınız dosya daha yeni bir tldraw versiyonuna ait. Lütfen sayfayı yenileyip tekrar deneyin.",
+	"file-system.file-open-error.generic-corrupted-file": "Açmaya çalıştığınız dosya bozuk",
+	"file-system.file-open-error.not-a-tldraw-file": "Açmaya çalıştığınız dosya tldraw dosyasına benzemiyor.",
+	"file-system.file-open-error.title": "Dosya açılamadı",
+	"file-system.shared-document-file-open-error.description": "Paylaşılan projelerdeki dosyaların açılmaası desteklenmemektedir.",
+	"file-system.shared-document-file-open-error.title": "Dosya açılamadı",
+	"fill-style.fill": "Doldur",
+	"fill-style.lined-fill": "Çizgili dolgu",
+	"fill-style.none": "Hiçbiri",
+	"fill-style.pattern": "Desen",
+	"fill-style.semi": "Yarı",
+	"fill-style.solid": "Düz",
+	"focus-mode.toggle-focus-mode": "Odak modunu değiştir",
+	"font-style.draw": "Çizim",
+	"font-style.mono": "Mono",
+	"font-style.sans": "Sans",
+	"font-style.serif": "Serif",
+	"geo-style.arrow-down": "Aşağı ok",
+	"geo-style.arrow-left": "Sol ok",
+	"geo-style.arrow-right": "Sağ ok",
+	"geo-style.arrow-up": "Yukarı ok",
+	"geo-style.check-box": "Onay Kutusu",
+	"geo-style.cloud": "Bulut",
+	"geo-style.diamond": "Karo",
+	"geo-style.ellipse": "Elips",
+	"geo-style.heart": "Kalp",
+	"geo-style.hexagon": "Altıgen",
+	"geo-style.octagon": "Sekizgen",
+	"geo-style.oval": "Oval",
+	"geo-style.pentagon": "Beşgen",
+	"geo-style.rectangle": "Dikdörtgen",
+	"geo-style.rhombus": "Eşkenar dörtgen",
+	"geo-style.rhombus-2": "Eşkenar dörtgen sol",
+	"geo-style.star": "Yıldız",
+	"geo-style.trapezoid": "Yamuk",
+	"geo-style.triangle": "Üçgen",
+	"geo-style.x-box": "X Kutusu",
+	"handle.crop.bottom": "Alt kısmı kırp",
+	"handle.crop.bottom-left": "Sol alt kısmı kırp",
+	"handle.crop.bottom-right": "Sağ alt kısmı kırp",
+	"handle.crop.left": "Sol kısmı kırp",
+	"handle.crop.right": "Sağ kısmı kırp",
+	"handle.crop.top": "Üst kısmı kırp",
+	"handle.crop.top-left": "Sol üst kısmı kırp",
+	"handle.crop.top-right": "Sağ üst kısmı kırp",
+	"handle.resize-bottom": "Alt kısmı yeniden boyutlandır",
+	"handle.resize-bottom-left": "Sol alt kısmı yeniden boyutlandır",
+	"handle.resize-bottom-right": "Sağ alt kısmı yeniden boyutlandır",
+	"handle.resize-left": "Sol kısmı yeniden boyutlandır",
+	"handle.resize-right": "Sağ kısmı yeniden boyutlandır",
+	"handle.resize-top": "Üst kısmı yeniden boyutlandır",
+	"handle.resize-top-left": "Sol üst kısmı yeniden boyutlandır",
+	"handle.resize-top-right": "Sağ üst kısmı yeniden boyutlandır",
+	"handle.rotate.bottom_left_rotate": "Sol alt kısmı döndür",
+	"handle.rotate.bottom_right_rotate": "Sağ alt kısmı döndür",
+	"handle.rotate.mobile_rotate": "Döndür",
+	"handle.rotate.top_left_rotate": "Sol üst kısmı döndür",
+	"handle.rotate.top_right_rotate": "Sağ üst kısmı döndür",
+	"help-menu.about": "Hakkında",
+	"help-menu.discord": "Discord",
+	"help-menu.github": "Github",
+	"help-menu.import-tldr-file": "Dosyayı içe aktar...",
+	"help-menu.keyboard-shortcuts": "Klavye kısayolları",
+	"help-menu.privacy": "Gizlilik politikası",
+	"help-menu.terms": "Hizmet şartları",
+	"help-menu.title": "Yardım ve kaynaklar",
+	"help-menu.twitter": "Twitter",
+	"menu.accessibility": "Erişilebilirlik",
+	"menu.color-theme": "Renk teması",
+	"menu.copy-as": "Olarak Kopyala",
+	"menu.edit": "Düzenle",
+	"menu.export-as": "Olarak Dışarı Aktar",
+	"menu.file": "Dosya",
+	"menu.input-device": "Giriş aygıtı",
+	"menu.language": "Dil",
+	"menu.preferences": "Tercihler",
+	"menu.theme": "Tema",
+	"menu.title": "Menü",
+	"menu.view": "Görüntü",
+	"navigation-zone.minimap": "Mini harita",
+	"navigation-zone.title": "Navigasyon",
+	"navigation-zone.toggle-minimap": "Mini haritayı aç/kapat",
+	"navigation-zone.zoom": "Yakınlaştır",
+	"opacity-style.0.1": "%10",
+	"opacity-style.0.25": "%25",
+	"opacity-style.0.5": "%50",
+	"opacity-style.0.75": "%75",
+	"opacity-style.1": "%100",
+	"page-menu.create-new-page": "Yeni sayfa oluştur",
+	"page-menu.edit-done": "Bitti",
+	"page-menu.edit-start": "Düzenle",
+	"page-menu.go-to-page": "Sayfaya git",
+	"page-menu.new-page-initial-name": "Sayfa 1",
+	"page-menu.submenu.delete": "Sil",
+	"page-menu.submenu.duplicate-page": "Kopya oluştur",
+	"page-menu.submenu.move-down": "Aşağı taşı",
+	"page-menu.submenu.move-up": "Yukarı taşı",
+	"page-menu.submenu.rename": "Yeniden adlandır",
+	"page-menu.submenu.title": "Menü",
+	"page-menu.title": "Sayfalar",
+	"people-menu.anonymous-user": "Yeni kullanıcı",
+	"people-menu.avatar-color": "Avatar rengi",
+	"people-menu.change-color": "Rengi değiştir",
+	"people-menu.change-name": "İsmi değiştir",
+	"people-menu.follow": "Takip et",
+	"people-menu.following": "Takip ediliyor",
+	"people-menu.invite": "Başkalarını davet et",
+	"people-menu.leading": "Seni takip ediyor",
+	"people-menu.title": "Kişiler",
+	"people-menu.user": "(Siz)",
+	"share-menu.copied": "Bağlantı kopyalandı!",
+	"share-menu.copy-link": "Bağlantıyı kopyala",
+	"share-menu.copy-link-note": "Bağlantıya sahip olan herkes bu projeyi görüntüleyebilir ve düzenleyebilir.",
+	"share-menu.copy-readonly-link": "Salt okunur bağlantıyı kopyala",
+	"share-menu.copy-readonly-link-note": "Bağlantıya sahip olan herkes bu projeyi görüntüleyebilir (ancak düzenleyemez)",
+	"share-menu.create-snapshot-link": "Link ile dışarıya ver",
+	"share-menu.creating-project": "Yeni proje oluşturuluyor..",
+	"share-menu.fork-note": "Linki üzerinden projeyi içe aktar",
+	"share-menu.offline-note": "Bu projeyi paylaşmak, yeni bir URL'de barındırılan canlı bir kopya oluşturacaktır. Projeyi birlikte görüntülemek ve düzenlemek için bağlantıyı en fazla otuz kişiyle paylaşabilirsiniz.",
+	"share-menu.project-too-large": "Üzgünüz, bu proje çok büyük olduğu için paylaşılamıyor. Üzerinde çalışıyoruz!",
+	"share-menu.save-note": "Projeyi .tldr olarak dışa aktar",
+	"share-menu.share-project": "Bu projeyi paylaş",
+	"share-menu.snapshot-link-note": "Link ile sadece görüntülenebilir şekilde dışarıya ver",
+	"share-menu.title": "Paylaş",
+	"share-menu.upload-failed": "Proje yüklenirken hata oluştu, lütfen daha sonra tekrar deneyin.",
+	"sharing.confirm-leave.cancel": "Vazgeç",
+	"sharing.confirm-leave.description": "Paylaşılan projeden ayrılamak istediğinize emin misiniz?. Daha sonra aynı link ile geri dönebilirsiniz.",
+	"sharing.confirm-leave.dont-show-again": "Bir daha sorma",
+	"sharing.confirm-leave.leave": "Ayrıl",
+	"sharing.confirm-leave.title": "Açık Projeyi Kapat",
+	"shortcuts-dialog.a11y": "Erişilebilirlik",
+	"shortcuts-dialog.collaboration": "İşbirliği",
+	"shortcuts-dialog.edit": "Düzenle",
+	"shortcuts-dialog.file": "Dosya",
+	"shortcuts-dialog.preferences": "Tercihler",
+	"shortcuts-dialog.text-formatting": "Metin biçimlendirme",
+	"shortcuts-dialog.title": "Klavye kısayolları",
+	"shortcuts-dialog.tools": "Araçlar",
+	"shortcuts-dialog.transform": "Dönüştür",
+	"shortcuts-dialog.view": "Görüntü",
+	"size-style.l": "Büyük",
+	"size-style.m": "Orta boy",
+	"size-style.s": "Küçük",
+	"size-style.xl": "Ekstra büyük",
+	"spline-style.cubic": "Kübik",
+	"spline-style.line": "Çizgi",
+	"status.offline": "Çevrimdışı",
+	"style-panel.align": "Hizala",
+	"style-panel.arrow-kind": "Çizgi",
+	"style-panel.arrowhead-end": "Bitiş",
+	"style-panel.arrowhead-start": "Başlangıç",
+	"style-panel.arrowheads": "Ok uçları",
+	"style-panel.color": "Renk",
+	"style-panel.dash": "Çizgi",
+	"style-panel.fill": "Doldur",
+	"style-panel.font": "Yazı Tipi",
+	"style-panel.geo": "Şekil",
+	"style-panel.label-align": "Etiket hizalama",
+	"style-panel.mixed": "Karışık",
+	"style-panel.opacity": "Opaklık",
+	"style-panel.position": "Pozisyon",
+	"style-panel.selected": "seçili",
+	"style-panel.size": "Boyut",
+	"style-panel.spline": "Eğri",
+	"style-panel.title": "Stiller",
+	"style-panel.vertical-align": "Dikey Hizalama",
+	"theme.dark": "Koyu",
+	"theme.light": "Açık",
+	"theme.system": "Sistem",
+	"toast.close": "Kapat",
+	"toast.error": "Hata",
+	"toast.error.copy-fail.desc": "Görsel kopyalanamadı",
+	"toast.error.copy-fail.title": "Kopyalama başarısız",
+	"toast.error.export-fail.desc": "Görsel dışa aktarılamadı",
+	"toast.error.export-fail.title": "Dışa aktarma başarısız",
+	"toast.info": "Bilgi",
+	"toast.success": "Başarılı",
+	"toast.warning": "Uyarı",
+	"tool-panel.more": "Daha Fazla",
+	"tool-panel.title": "Araçlar",
+	"tool.arrow": "Ok",
+	"tool.arrow-down": "Aşağı ok",
+	"tool.arrow-left": "Sol ok",
+	"tool.arrow-right": "Sağ ok",
+	"tool.arrow-up": "Yukarı ok",
+	"tool.aspect-ratio": "En boy oranı",
+	"tool.aspect-ratio.circle": "Daire (1:1)",
+	"tool.aspect-ratio.landscape": "Yatay (4:3)",
+	"tool.aspect-ratio.original": "Orijinal",
+	"tool.aspect-ratio.portrait": "Dikey (3:4)",
+	"tool.aspect-ratio.square": "Kare (1:1)",
+	"tool.aspect-ratio.wide": "Geniş (16:9)",
+	"tool.bookmark": "Yer imi",
+	"tool.check-box": "Onay Kutusu",
+	"tool.cloud": "Bulut",
+	"tool.diamond": "Karo",
+	"tool.draw": "Çizim",
+	"tool.ellipse": "Elips",
+	"tool.embed": "Yerleştir",
+	"tool.eraser": "Silgi",
+	"tool.flip-horz": "Yatay Çevir",
+	"tool.flip-vert": "Dikey Çevir",
+	"tool.frame": "Çerçeve",
+	"tool.hand": "El",
+	"tool.heart": "Kalp",
+	"tool.hexagon": "Altıgen",
+	"tool.highlight": "Vurgu",
+	"tool.image-crop": "Görüntüyü kırp",
+	"tool.image-crop-confirm": "Onayla",
+	"tool.image-toolbar-title": "Görüntü araçları",
+	"tool.image-zoom": "Yakınlaştır",
+	"tool.laser": "Lazer",
+	"tool.line": "Çizgi",
+	"tool.media": "Medya",
+	"tool.media-alt-text": "Alternatif metin",
+	"tool.media-alt-text-confirm": "Onayla",
+	"tool.media-alt-text-desc": "Açıklama yazın...",
+	"tool.note": "Yapışkan",
+	"tool.octagon": "Sekizgen",
+	"tool.oval": "Oval",
+	"tool.pentagon": "Beşgen",
+	"tool.pointer-down": "İşaretçi aşağı",
+	"tool.rectangle": "Dikdörtgen",
+	"tool.replace-media": "Medyayı değiştir",
+	"tool.rhombus": "Eşkenar dörtgen",
+	"tool.rich-text-bold": "Gözü pek",
+	"tool.rich-text-bulletList": "Madde işaretli liste",
+	"tool.rich-text-code": "Kod",
+	"tool.rich-text-header": "Başlık",
+	"tool.rich-text-highlight": "Vurgulamak",
+	"tool.rich-text-italic": "İtalik",
+	"tool.rich-text-link": "Bağlantı",
+	"tool.rich-text-link-remove": "Bağlantıyı kaldır",
+	"tool.rich-text-link-visit": "Bağlantıyı ziyaret edin",
+	"tool.rich-text-orderedList": "Sıralı liste",
+	"tool.rich-text-strikethrough": "Üstü çizili",
+	"tool.rich-text-toolbar-title": "Metin biçimlendirme",
+	"tool.rotate-cw": "Döndür",
+	"tool.select": "Seç",
+	"tool.star": "Yıldız",
+	"tool.text": "Yazı",
+	"tool.trapezoid": "Yamuk",
+	"tool.triangle": "Üçgen",
+	"tool.x-box": "X kutusu",
+	"ui.checked": "İşaretlenmiş",
+	"ui.close": "Kapat",
+	"ui.unchecked": "İşaretlenmemiş",
+	"verticalAlign-style.end": "Alt",
+	"verticalAlign-style.middle": "Orta",
+	"verticalAlign-style.start": "Üst",
+	"vscode.file-open.backup": "Yedek",
+	"vscode.file-open.backup-failed": "Yedekleme başarısız: bu .tldr uzantısına sahip bir dosya değil.",
+	"vscode.file-open.backup-saved": "Yedek Kaydedildi",
+	"vscode.file-open.desc": "Bu dosya daha önceki bir tldraw versiyonu ile oluşturulmuştur. Yeni versiyonla çalışmak için güncellemek ister misiniz?",
+	"vscode.file-open.dont-show-again": "Bir daha sorma",
+	"vscode.file-open.open": "Devam"
+}
diff --git a/web/hermes-dist/translations/uk.json b/web/hermes-dist/translations/uk.json
new file mode 100644
index 0000000..3a56950
--- /dev/null
+++ b/web/hermes-dist/translations/uk.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "Налаштування стилів фігур",
+	"a11y.enlarge-shape": "Збільшити фігуру",
+	"a11y.enter-leave-container": "Вхід/вихід з контейнера",
+	"a11y.move-shape": "Перемістити фігуру",
+	"a11y.move-shape-faster": "Швидше переміщуйте фігуру",
+	"a11y.multiple-shapes": "Вибрано {num} фігур",
+	"a11y.open-context-menu": "Відкрити контекстне меню",
+	"a11y.open-keyboard-shortcuts": "Відкрити комбінації клавіш",
+	"a11y.pan-camera": "Панорамна камера",
+	"a11y.repeat-shape": "Повторити фігуру",
+	"a11y.rotate-shape-ccw": "Повернути фігуру проти годинникової стрілки",
+	"a11y.rotate-shape-ccw-fine": "Повернути фігуру проти годинникової стрілки (точніше)",
+	"a11y.rotate-shape-cw": "Повернути фігуру за годинниковою стрілкою",
+	"a11y.rotate-shape-cw-fine": "Повернути фігуру за годинниковою стрілкою (точніше)",
+	"a11y.select-shape": "Вибрати наступну фігуру",
+	"a11y.select-shape-direction": "Виберіть фігуру в напрямку",
+	"a11y.shape-image": "Зображення",
+	"a11y.shape-index": "{num} із {total}",
+	"a11y.shape-video": "відео",
+	"a11y.shrink-shape": "Термоусадочна форма",
+	"a11y.skip-to-main-content": "Перемістити фокус на полотно",
+	"a11y.status": "Статус",
+	"action.align-bottom": "Вирівняти за нижнім краєм",
+	"action.align-center-horizontal": "Вирівняти по горизонталі",
+	"action.align-center-horizontal.short": "Вирівняти по горизонталі",
+	"action.align-center-vertical": "Вирівняти по вертикалі",
+	"action.align-center-vertical.short": "Вирівняти по вертикалі",
+	"action.align-left": "Вирівняти за лівим краєм",
+	"action.align-right": "Вирівняти за правим краєм",
+	"action.align-top": "Вирівняти за верхнім краєм",
+	"action.back-to-content": "Повернутися до змісту",
+	"action.bring-forward": "Перемістити вперед",
+	"action.bring-to-front": "На передній план",
+	"action.convert-to-bookmark": "Перетворити у закладку",
+	"action.convert-to-embed": "Конвертувати у вбудовування",
+	"action.copy": "Копіювати",
+	"action.copy-as-json": "Копіювати як JSON",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "Копіювати як PNG",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "Копіювати як SVG",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "Вирізати",
+	"action.delete": "Видалити",
+	"action.distribute-horizontal": "Розподілити по горизонталі",
+	"action.distribute-horizontal.short": "Розподілити по горизонталі",
+	"action.distribute-vertical": "Розподілити по вертикалі",
+	"action.distribute-vertical.short": "Розподілити по вертикалі",
+	"action.download-original": "Завантажити оригінал",
+	"action.duplicate": "Дублювати",
+	"action.edit-link": "Редагувати посилання",
+	"action.enhanced-a11y-mode": "Увімкнути/вимкнути режим розширеної доступності",
+	"action.enhanced-a11y-mode.menu": "Режим розширеної доступності",
+	"action.exit-pen-mode": "Вийти з режиму пера",
+	"action.export-all-as-png": "Експортуйте все як PNG",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "Експортувати все як SVG",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "Експортувати як PNG",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "Експортувати як SVG",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "Відповідність вмісту",
+	"action.flatten-to-image": "Розплющити",
+	"action.flip-horizontal": "Віддзеркалити по горизонталі",
+	"action.flip-horizontal.short": "Віддзеркалити по горизонталі",
+	"action.flip-vertical": "Віддзеркалити по вертикалі",
+	"action.flip-vertical.short": "Віддзеркалити по вертикалі",
+	"action.fork-project": "Скопіювати цей проєкт",
+	"action.fork-project-on-tldraw": "Форк проекту на tldraw",
+	"action.group": "Згрупувати",
+	"action.insert-embed": "Вставити вбудовування",
+	"action.insert-media": "Завантажити медіа",
+	"action.leave-shared-project": "Вийти зі спільного проєкту",
+	"action.new-project": "Новий проєкт",
+	"action.new-shared-project": "Новий спільний проєкт",
+	"action.open-cursor-chat": "Курсорний чат",
+	"action.open-embed-link": "Відкрити посилання",
+	"action.open-file": "Відкрити файл",
+	"action.open-kbd-shortcuts": "Відкрити комбінації клавіш",
+	"action.pack": "Зібрати до купи",
+	"action.paste": "Вставити",
+	"action.paste-error-description": "Вставка не вдалася через відсутність прав доступу до буфера обміну. Надайте необхідні дозволи та спробуйте знову.",
+	"action.paste-error-title": "Не вдалося вставити",
+	"action.print": "Друк",
+	"action.redo": "Повторити",
+	"action.remove-frame": "Зняти рамку",
+	"action.rename": "Перейменувати",
+	"action.rotate-ccw": "Обернути проти годинникової стрілки",
+	"action.rotate-cw": "Обернути за годинниковою стрілкою",
+	"action.save-copy": "Зберегти копію",
+	"action.select-all": "Обрати все",
+	"action.select-none": "Зняти виділення",
+	"action.select-zoom-tool": "Збільшити",
+	"action.send-backward": "Перемістити назад",
+	"action.send-to-back": "На задній план",
+	"action.share-project": "Поділитися цим проєктом",
+	"action.stack-horizontal": "Розмістити горизонтально",
+	"action.stack-horizontal.short": "Розмістити горизонтально",
+	"action.stack-vertical": "Розмістити вертикально",
+	"action.stack-vertical.short": "Розмістити вертикально",
+	"action.stop-following": "Припинити стежити",
+	"action.stretch-horizontal": "Розтягнути по горизонталі",
+	"action.stretch-horizontal.short": "Розтягнути по горизонталі",
+	"action.stretch-vertical": "Розтягнути по вертикалі",
+	"action.stretch-vertical.short": "Розтягнути по вертикалі",
+	"action.toggle-auto-none": "Авто",
+	"action.toggle-auto-pan": "Автоматично (трекпад)",
+	"action.toggle-auto-size": "Перемкнути автоматичний розмір",
+	"action.toggle-auto-zoom": "Автоматично (миша)",
+	"action.toggle-dark-mode": "Перемкнути темний режим",
+	"action.toggle-dark-mode.menu": "Темний режим",
+	"action.toggle-debug-mode": "Перемкнути режим налагодження",
+	"action.toggle-debug-mode.menu": "Режим налагодження",
+	"action.toggle-dynamic-size-mode": "Перемкнути автоматичний розмір",
+	"action.toggle-dynamic-size-mode.menu": "Динамічний розмір",
+	"action.toggle-edge-scrolling": "Увімкнути прокручування країв",
+	"action.toggle-edge-scrolling.menu": "Прокручування країв",
+	"action.toggle-focus-mode": "Перемкнути режим концентрації",
+	"action.toggle-focus-mode.menu": "Режим концентрації",
+	"action.toggle-grid": "Перемкнути сітку",
+	"action.toggle-grid.menu": "Показати сітку",
+	"action.toggle-invert-zoom": "Увімкнути/вимкнути інвертований масштаб миші",
+	"action.toggle-invert-zoom.menu": "Інвертувати масштаб миші",
+	"action.toggle-keyboard-shortcuts": "Перемикання комбінацій клавіш",
+	"action.toggle-keyboard-shortcuts.menu": "Комбінації клавіш",
+	"action.toggle-lock": "Блокувати / Розблокувати",
+	"action.toggle-mouse": "Миша",
+	"action.toggle-paste-at-cursor": "Перемкнути вставку за курсором",
+	"action.toggle-paste-at-cursor.menu": "Вставити під курсор",
+	"action.toggle-reduce-motion": "Перемкнути зменшення руху",
+	"action.toggle-reduce-motion.menu": "Зменшити рух",
+	"action.toggle-snap-mode": "Перемкнути постійне прив’язування",
+	"action.toggle-snap-mode.menu": "Завжди прив'язуватися",
+	"action.toggle-tool-lock": "Перемкнути блокування інструменту",
+	"action.toggle-tool-lock.menu": "Блокування інструменту",
+	"action.toggle-trackpad": "Трекпад",
+	"action.toggle-transparent": "Перемкнути прозорий фон",
+	"action.toggle-transparent.context-menu": "Прозорий",
+	"action.toggle-transparent.menu": "Прозорий",
+	"action.toggle-wrap-mode": "Увімкнути вибір при перенесенні",
+	"action.toggle-wrap-mode.menu": "Виберіть на обгортанні",
+	"action.undo": "Скасувати",
+	"action.ungroup": "Розгрупувати",
+	"action.unlock-all": "Розблокувати все",
+	"action.zoom-in": "Збільшити",
+	"action.zoom-out": "Зменшити",
+	"action.zoom-quick": "Швидке масштабування",
+	"action.zoom-to-100": "Масштабувати до 100%",
+	"action.zoom-to-fit": "Масштабувати до розміру вікна",
+	"action.zoom-to-selection": "Масштабувати до виділення",
+	"actions-menu.title": "Дії",
+	"align-style.end": "За правим краєм",
+	"align-style.justify": "За шириною",
+	"align-style.middle": "За центром",
+	"align-style.start": "За лівим краєм",
+	"app.loading": "Завантаження tldraw…",
+	"arrow-kind-style.arc": "Дуга",
+	"arrow-kind-style.elbow": "Лікоть",
+	"arrowheadEnd-style.arrow": "Стрілка",
+	"arrowheadEnd-style.bar": "Лінія",
+	"arrowheadEnd-style.diamond": "Ромб",
+	"arrowheadEnd-style.dot": "Коло",
+	"arrowheadEnd-style.inverted": "Обернена",
+	"arrowheadEnd-style.none": "Без",
+	"arrowheadEnd-style.pipe": "Труба",
+	"arrowheadEnd-style.square": "Квадрат",
+	"arrowheadEnd-style.triangle": "Трикутник",
+	"arrowheadStart-style.arrow": "Стрілка",
+	"arrowheadStart-style.bar": "Лінія",
+	"arrowheadStart-style.diamond": "Ромб",
+	"arrowheadStart-style.dot": "Коло",
+	"arrowheadStart-style.inverted": "Обернена",
+	"arrowheadStart-style.none": "Без",
+	"arrowheadStart-style.pipe": "Труба",
+	"arrowheadStart-style.square": "Квадрат",
+	"arrowheadStart-style.triangle": "Трикутник",
+	"assets.files.amount-too-many": "Забагато файлів",
+	"assets.files.maximum-size": "Максимальний розмір файлу — {size}",
+	"assets.files.size-too-big": "Розмір файлу занадто великий",
+	"assets.files.type-not-allowed": "Тип файлу не дозволено",
+	"assets.files.upload-failed": "Помилка завантаження",
+	"assets.url.failed": "Не вдалося завантажити попередній перегляд URL-адреси",
+	"color-style.black": "Чорний",
+	"color-style.blue": "Синій",
+	"color-style.green": "Зелений",
+	"color-style.grey": "Сірий",
+	"color-style.light-blue": "Блакитний",
+	"color-style.light-green": "Світло-зелений",
+	"color-style.light-red": "Світло-червоний",
+	"color-style.light-violet": "Світло-фіолетовий",
+	"color-style.orange": "Помаранчевий",
+	"color-style.red": "Червоний",
+	"color-style.violet": "Фіолетовий",
+	"color-style.white": "Білий",
+	"color-style.yellow": "Жовтий",
+	"context-menu.arrange": "Організувати",
+	"context-menu.copy-as": "Скопіювати як",
+	"context-menu.edit": "Правка",
+	"context-menu.export-all-as": "Експортувати все як",
+	"context-menu.export-as": "Експортувати як",
+	"context-menu.move-to-page": "Перенести на сторінку",
+	"context-menu.reorder": "Перевпорядкувати",
+	"context-menu.title": "Контекстне меню",
+	"context.pages.new-page": "Нова сторінка",
+	"cursor-chat.type-to-chat": "Натисніть, щоб розпочати спілкуватися...",
+	"dash-style.dashed": "Штриховий",
+	"dash-style.dotted": "Пунктирний",
+	"dash-style.draw": "Художній",
+	"dash-style.solid": "Суцільний",
+	"document-name-menu.copy-link": "Копіювати посилання",
+	"document.default-name": "Без назви",
+	"edit-link-dialog.cancel": "Скасувати",
+	"edit-link-dialog.clear": "Очистити",
+	"edit-link-dialog.detail": "Посилання відкриються в новій вкладці.",
+	"edit-link-dialog.external-link": "Зовнішнє посилання",
+	"edit-link-dialog.invalid-url": "Посилання має бути дійсною URL-адресою.",
+	"edit-link-dialog.save": "Далі",
+	"edit-link-dialog.title": "Редагувати посилання",
+	"edit-link-dialog.url": "URL-адреса",
+	"embed-dialog.back": "Назад",
+	"embed-dialog.cancel": "Скасувати",
+	"embed-dialog.create": "Створити",
+	"embed-dialog.instruction": "Вставте URL-адресу сайту, щоб створити вбудовування.",
+	"embed-dialog.invalid-url": "Ми не змогли створити вбудовування з цієї URL-адреси.",
+	"embed-dialog.title": "Створити вбудовування",
+	"embed-dialog.url": "URL-адреса",
+	"file-system.confirm-clear.cancel": "Скасувати",
+	"file-system.confirm-clear.continue": "Далі",
+	"file-system.confirm-clear.description": "Створення нового проєкту очистить ваш поточний проєкт, і всі незбережені зміни будуть втрачені. Ви впевнені, що хочете продовжити?",
+	"file-system.confirm-clear.dont-show-again": "Більше не запитувати",
+	"file-system.confirm-clear.title": "Очистити поточний проєкт?",
+	"file-system.confirm-open.cancel": "Скасувати",
+	"file-system.confirm-open.description": "Відкриття файлу замінить ваш поточний проєкт, і будь-які незбережені зміни будуть втрачені. Ви дійсно бажаєте продовжити?",
+	"file-system.confirm-open.dont-show-again": "Не запитувати більше",
+	"file-system.confirm-open.open": "Відкрити файл",
+	"file-system.confirm-open.title": "Перезаписати поточний проєкт?",
+	"file-system.file-open-error.file-format-version-too-new": "Файл, який ви намагалися відкрити, належить до новішої версії tldraw. Будь ласка, перезавантажте сторінку і спробуйте ще раз.",
+	"file-system.file-open-error.generic-corrupted-file": "Файл, який ви намагалися відкрити, пошкоджено.",
+	"file-system.file-open-error.not-a-tldraw-file": "Файл, який ви намагалися відкрити, не схожий на файл tldraw.",
+	"file-system.file-open-error.title": "Не вдалося відкрити файл",
+	"file-system.shared-document-file-open-error.description": "Відкриття файлів зі спільних проєктів не підтримується.",
+	"file-system.shared-document-file-open-error.title": "Не вдалося відкрити файл",
+	"fill-style.fill": "Заповнити",
+	"fill-style.lined-fill": "Лінійована заливка",
+	"fill-style.none": "Без",
+	"fill-style.pattern": "Візерунок",
+	"fill-style.semi": "Напів",
+	"fill-style.solid": "Суцільне",
+	"focus-mode.toggle-focus-mode": "Перемкнути режим концентрації",
+	"font-style.draw": "Художній",
+	"font-style.mono": "Моноширинний",
+	"font-style.sans": "Без засічок",
+	"font-style.serif": "Із засічками",
+	"geo-style.arrow-down": "Стрілка вниз",
+	"geo-style.arrow-left": "Стрілка вліво",
+	"geo-style.arrow-right": "Стрілка вправо",
+	"geo-style.arrow-up": "Стрілка вгору",
+	"geo-style.check-box": "Прапорець",
+	"geo-style.cloud": "Хмара",
+	"geo-style.diamond": "Ромб",
+	"geo-style.ellipse": "Еліпс",
+	"geo-style.heart": "серце",
+	"geo-style.hexagon": "Шестикутник",
+	"geo-style.octagon": "Восьмикутник",
+	"geo-style.oval": "Овал",
+	"geo-style.pentagon": "П'ятикутник",
+	"geo-style.rectangle": "Прямокутник",
+	"geo-style.rhombus": "Ромб",
+	"geo-style.rhombus-2": "Ромб ліворуч",
+	"geo-style.star": "Зірка",
+	"geo-style.trapezoid": "Трапеція",
+	"geo-style.triangle": "Трикутник",
+	"geo-style.x-box": "X квадрат",
+	"handle.crop.bottom": "Обрізати низ",
+	"handle.crop.bottom-left": "Обрізати внизу ліворуч",
+	"handle.crop.bottom-right": "Обрізати внизу праворуч",
+	"handle.crop.left": "Обрізати ліворуч",
+	"handle.crop.right": "Обрізати праворуч",
+	"handle.crop.top": "Укорочений топ",
+	"handle.crop.top-left": "Обрізати верхній лівий кут",
+	"handle.crop.top-right": "Обрізати верхній правий кут",
+	"handle.resize-bottom": "Змінити розмір нижньої частини",
+	"handle.resize-bottom-left": "Змінити розмір нижнього лівого кута",
+	"handle.resize-bottom-right": "Змінити розмір нижнього правого кута",
+	"handle.resize-left": "Змінити розмір ліворуч",
+	"handle.resize-right": "Змінити розмір праворуч",
+	"handle.resize-top": "Змінити розмір верхньої частини",
+	"handle.resize-top-left": "Змінити розмір верхнього лівого кута",
+	"handle.resize-top-right": "Змінити розмір верхнього правого кута",
+	"handle.rotate.bottom_left_rotate": "Повернути внизу ліворуч",
+	"handle.rotate.bottom_right_rotate": "Повернути внизу праворуч",
+	"handle.rotate.mobile_rotate": "Повернути",
+	"handle.rotate.top_left_rotate": "Повернути зверху ліворуч",
+	"handle.rotate.top_right_rotate": "Повернути зверху праворуч",
+	"help-menu.about": "Про нас",
+	"help-menu.discord": "Discord",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "Імпортувати файл...",
+	"help-menu.keyboard-shortcuts": "Комбінації клавіш",
+	"help-menu.privacy": "Політика конфіденційності",
+	"help-menu.terms": "Умови користування",
+	"help-menu.title": "Довідка та матеріали",
+	"help-menu.twitter": "Twitter",
+	"menu.accessibility": "Доступність",
+	"menu.color-theme": "Колірна тема",
+	"menu.copy-as": "Скопіювати як",
+	"menu.edit": "Правка",
+	"menu.export-as": "Експортувати як",
+	"menu.file": "Файл",
+	"menu.input-device": "Вхідний пристрій",
+	"menu.language": "Мова",
+	"menu.preferences": "Налаштування",
+	"menu.theme": "Тема",
+	"menu.title": "Меню",
+	"menu.view": "Вигляд",
+	"navigation-zone.minimap": "Міні-карта",
+	"navigation-zone.title": "Навігація",
+	"navigation-zone.toggle-minimap": "Перемкнути мінімапу",
+	"navigation-zone.zoom": "Збільшити",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "Створити нову сторінку",
+	"page-menu.edit-done": "Готово",
+	"page-menu.edit-start": "Редагувати",
+	"page-menu.go-to-page": "Перейти на сторінку",
+	"page-menu.new-page-initial-name": "Сторінка 1",
+	"page-menu.submenu.delete": "Видалити",
+	"page-menu.submenu.duplicate-page": "Дублювати",
+	"page-menu.submenu.move-down": "Перемістити вниз",
+	"page-menu.submenu.move-up": "Перемістити вгору",
+	"page-menu.submenu.rename": "Перейменувати",
+	"page-menu.submenu.title": "Меню",
+	"page-menu.title": "Сторінки",
+	"people-menu.anonymous-user": "Новий користувач",
+	"people-menu.avatar-color": "Колір аватара",
+	"people-menu.change-color": "Змінити колір",
+	"people-menu.change-name": "Змінити ім'я",
+	"people-menu.follow": "Стежити",
+	"people-menu.following": "Стежимо за",
+	"people-menu.invite": "Запросити інших користувачів",
+	"people-menu.leading": "Стежать за Вами",
+	"people-menu.title": "Люди",
+	"people-menu.user": "(Ви)",
+	"share-menu.copied": "Посилання скопійовано!",
+	"share-menu.copy-link": "Копіювати посилання",
+	"share-menu.copy-link-note": "Будь-хто, маючи посилання, зможе переглянути та відредагувати цей проєкт.",
+	"share-menu.copy-readonly-link": "Скопіювати посилання, доступне лише для читання",
+	"share-menu.copy-readonly-link-note": "Будь-хто, маючи посилання, зможе переглянути (але не редагувати) цей проєкт.",
+	"share-menu.create-snapshot-link": "Створити посилання на знімок",
+	"share-menu.creating-project": "Створення нового проєкт…",
+	"share-menu.fork-note": "Створіть новий спільний проєкт на основі цього знімка.",
+	"share-menu.offline-note": "Спільний доступ до цього проєкту створить розміщену онлайн копію за новою URL-адресою. Ви можете поділитися URL-адресою з тридцятьма іншими людьми, щоб вони мали змогу переглядати та редагувати проєкт разом з вами.",
+	"share-menu.project-too-large": "На жаль, цим проєктом не можна поділитися, оскільки він занадто великий. Ми працюємо над цим!",
+	"share-menu.save-note": "Завантажте цей проєкт на свій комп’ютер як .tldr файл.",
+	"share-menu.share-project": "Поділитися цим проєктом",
+	"share-menu.snapshot-link-note": "Поділіться посиланням на цей проєкт в режимі лише для читання.",
+	"share-menu.title": "Поділитися",
+	"share-menu.upload-failed": "На жаль, наразі ми не можемо завантажити ваш проєкт. Спробуйте ще раз або повідомте нам, якщо проблема не зникне.",
+	"sharing.confirm-leave.cancel": "Скасувати",
+	"sharing.confirm-leave.description": "Ви впевнені, що бажаєте залишити цей спільний проєкт? Ви можете повернутися до нього, перейшовши за його URL-адресою.",
+	"sharing.confirm-leave.dont-show-again": "Більше не запитувати",
+	"sharing.confirm-leave.leave": "Вийти",
+	"sharing.confirm-leave.title": "Залишити поточний проєкт?",
+	"shortcuts-dialog.a11y": "Доступність",
+	"shortcuts-dialog.collaboration": "Співпраця",
+	"shortcuts-dialog.edit": "Правка",
+	"shortcuts-dialog.file": "Файл",
+	"shortcuts-dialog.preferences": "Налаштування",
+	"shortcuts-dialog.text-formatting": "Форматування тексту",
+	"shortcuts-dialog.title": "Комбінації клавіш",
+	"shortcuts-dialog.tools": "Інструменти",
+	"shortcuts-dialog.transform": "Перетворення",
+	"shortcuts-dialog.view": "Вигляд",
+	"size-style.l": "Великий",
+	"size-style.m": "Середній",
+	"size-style.s": "Маленький",
+	"size-style.xl": "Дуже великий",
+	"spline-style.cubic": "Кубічний",
+	"spline-style.line": "Прямий",
+	"status.offline": "Офлайн",
+	"style-panel.align": "Вирівняти",
+	"style-panel.arrow-kind": "Прямий",
+	"style-panel.arrowhead-end": "Хвіст",
+	"style-panel.arrowhead-start": "Наконечник",
+	"style-panel.arrowheads": "Стрілка",
+	"style-panel.color": "Колір",
+	"style-panel.dash": "Контур",
+	"style-panel.fill": "Заливка",
+	"style-panel.font": "Шрифт",
+	"style-panel.geo": "Форма",
+	"style-panel.label-align": "Вирівнювання мітки",
+	"style-panel.mixed": "Змішаний",
+	"style-panel.opacity": "Непрозорість",
+	"style-panel.position": "Позиція",
+	"style-panel.selected": "вибраний",
+	"style-panel.size": "Розмір",
+	"style-panel.spline": "Сплайн",
+	"style-panel.title": "Стилі",
+	"style-panel.vertical-align": "Вертикальне вирівнювання",
+	"theme.dark": "Темна",
+	"theme.light": "Світла",
+	"theme.system": "Системна",
+	"toast.close": "Закрити",
+	"toast.error": "Помилка",
+	"toast.error.copy-fail.desc": "Не вдалося скопіювати зображення",
+	"toast.error.copy-fail.title": "Не вдалося скопіювати",
+	"toast.error.export-fail.desc": "Не вдалося експортувати зображення",
+	"toast.error.export-fail.title": "Помилка експорту",
+	"toast.info": "Інформація",
+	"toast.success": "Успіх",
+	"toast.warning": "УВАГА",
+	"tool-panel.more": "Детальніше",
+	"tool-panel.title": "Інструменти",
+	"tool.arrow": "Стрілка",
+	"tool.arrow-down": "Стрілка вниз",
+	"tool.arrow-left": "Стрілка вліво",
+	"tool.arrow-right": "Стрілка вправо",
+	"tool.arrow-up": "Стрілка вгору",
+	"tool.aspect-ratio": "Співвідношення сторін",
+	"tool.aspect-ratio.circle": "Коло (1:1)",
+	"tool.aspect-ratio.landscape": "Пейзаж (4:3)",
+	"tool.aspect-ratio.original": "Оригінал",
+	"tool.aspect-ratio.portrait": "Портрет (3:4)",
+	"tool.aspect-ratio.square": "Квадрат (1:1)",
+	"tool.aspect-ratio.wide": "Широкий (16:9)",
+	"tool.bookmark": "Закладка",
+	"tool.check-box": "Прапорець",
+	"tool.cloud": "Хмара",
+	"tool.diamond": "Ромбоїд",
+	"tool.draw": "Олівець",
+	"tool.ellipse": "Еліпс",
+	"tool.embed": "Вбудовування",
+	"tool.eraser": "Гумка",
+	"tool.flip-horz": "Віддзеркалити по горизонталі",
+	"tool.flip-vert": "Віддзеркалити по вертикалі",
+	"tool.frame": "Рамка",
+	"tool.hand": "Рука",
+	"tool.heart": "серце",
+	"tool.hexagon": "Шестикутник",
+	"tool.highlight": "Текстовиділювач",
+	"tool.image-crop": "Обрізати зображення",
+	"tool.image-crop-confirm": "Підтвердити",
+	"tool.image-toolbar-title": "Інструменти для роботи з зображеннями",
+	"tool.image-zoom": "Збільшити",
+	"tool.laser": "Лазер",
+	"tool.line": "Лінія",
+	"tool.media": "ЗМІ",
+	"tool.media-alt-text": "Альтернативний текст",
+	"tool.media-alt-text-confirm": "Підтвердити",
+	"tool.media-alt-text-desc": "Дайте опис…",
+	"tool.note": "Нотатка",
+	"tool.octagon": "Восьмикутник",
+	"tool.oval": "Овал",
+	"tool.pentagon": "П'ятикутник",
+	"tool.pointer-down": "Вказівник вниз",
+	"tool.rectangle": "Прямокутник",
+	"tool.replace-media": "Замініть носій",
+	"tool.rhombus": "Ромб",
+	"tool.rich-text-bold": "жирний",
+	"tool.rich-text-bulletList": "Маркірований список",
+	"tool.rich-text-code": "Код",
+	"tool.rich-text-header": "Заголовок",
+	"tool.rich-text-highlight": "Виділіть",
+	"tool.rich-text-italic": "Курсив",
+	"tool.rich-text-link": "Посилання",
+	"tool.rich-text-link-remove": "Видалити посилання",
+	"tool.rich-text-link-visit": "Перейдіть за посиланням",
+	"tool.rich-text-orderedList": "Упорядкований список",
+	"tool.rich-text-strikethrough": "Закреслення",
+	"tool.rich-text-toolbar-title": "Форматування тексту",
+	"tool.rotate-cw": "Повернути",
+	"tool.select": "Переміщення",
+	"tool.star": "Зірка",
+	"tool.text": "Текст",
+	"tool.trapezoid": "Трапеція",
+	"tool.triangle": "Трикутник",
+	"tool.x-box": "X квадрат",
+	"ui.checked": "Перевірено",
+	"ui.close": "Закрити",
+	"ui.unchecked": "Невизначено",
+	"verticalAlign-style.end": "Дно",
+	"verticalAlign-style.middle": "Середній",
+	"verticalAlign-style.start": "Топ",
+	"vscode.file-open.backup": "Резервна копія",
+	"vscode.file-open.backup-failed": "Резервне копіювання не вдалося: це не файл .tldr.",
+	"vscode.file-open.backup-saved": "Резервна копія збережена",
+	"vscode.file-open.desc": "Цей файл було створено у попередній версії tldraw. Бажаєте оновити його для роботи з новою версією?",
+	"vscode.file-open.dont-show-again": "Більше не запитувати",
+	"vscode.file-open.open": "Далі"
+}
diff --git a/web/hermes-dist/translations/ur.json b/web/hermes-dist/translations/ur.json
new file mode 100644
index 0000000..9a1ecd0
--- /dev/null
+++ b/web/hermes-dist/translations/ur.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "شکل کے انداز کو ایڈجسٹ کریں۔",
+	"a11y.enlarge-shape": "شکل کو بڑا کریں۔",
+	"a11y.enter-leave-container": "کنٹینر داخل کریں / چھوڑیں۔",
+	"a11y.move-shape": "شکل کو منتقل کریں۔",
+	"a11y.move-shape-faster": "شکل کو تیزی سے منتقل کریں۔",
+	"a11y.multiple-shapes": "{num} شکلیں منتخب کی گئیں۔",
+	"a11y.open-context-menu": "سیاق و سباق کا مینو کھولیں۔",
+	"a11y.open-keyboard-shortcuts": "کی بورڈ شارٹ کٹ کھولیں۔",
+	"a11y.pan-camera": "پین کیمرہ",
+	"a11y.repeat-shape": "شکل دہرائیں۔",
+	"a11y.rotate-shape-ccw": "شکل کو گھڑی کی مخالف سمت میں گھمائیں۔",
+	"a11y.rotate-shape-ccw-fine": "شکل کو گھڑی کی مخالف سمت میں گھمائیں (ٹھیک)",
+	"a11y.rotate-shape-cw": "شکل کو گھڑی کی سمت گھمائیں۔",
+	"a11y.rotate-shape-cw-fine": "شکل کو گھڑی کی سمت گھمائیں (ٹھیک)",
+	"a11y.select-shape": "اگلی شکل منتخب کریں۔",
+	"a11y.select-shape-direction": "سمت میں شکل منتخب کریں۔",
+	"a11y.shape-image": "تصویر",
+	"a11y.shape-index": "{total} میں سے {num}",
+	"a11y.shape-video": "ویڈیو",
+	"a11y.shrink-shape": "شکل سکڑنا",
+	"a11y.skip-to-main-content": "توجہ کو کینوس پر منتقل کریں۔",
+	"a11y.status": "حیثیت",
+	"action.align-bottom": "نیچے سیدھ کریں۔",
+	"action.align-center-horizontal": "افقی طور پر سیدھ کریں۔",
+	"action.align-center-horizontal.short": "ایلائن ایچ",
+	"action.align-center-vertical": "عمودی طور پر سیدھ کریں۔",
+	"action.align-center-vertical.short": "سیدھ میں V",
+	"action.align-left": "بائیں سیدھ کریں۔",
+	"action.align-right": "دائیں سیدھ کریں۔",
+	"action.align-top": "اوپر سیدھ کریں۔",
+	"action.back-to-content": "مواد پر واپس جائیں۔",
+	"action.bring-forward": "آگے لاؤ",
+	"action.bring-to-front": "سامنے لاؤ",
+	"action.convert-to-bookmark": "بک مارک میں تبدیل کریں۔",
+	"action.convert-to-embed": "ایمبیڈ میں تبدیل کریں۔",
+	"action.copy": "کاپی",
+	"action.copy-as-json": "JSON کے بطور کاپی کریں۔",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "PNG کے بطور کاپی کریں۔",
+	"action.copy-as-png.short": "پی این جی",
+	"action.copy-as-svg": "SVG کے بطور کاپی کریں۔",
+	"action.copy-as-svg.short": "ایس وی جی",
+	"action.cut": "کاٹنا",
+	"action.delete": "حذف کریں۔",
+	"action.distribute-horizontal": "افقی طور پر تقسیم کریں۔",
+	"action.distribute-horizontal.short": "تقسیم کریں H",
+	"action.distribute-vertical": "عمودی طور پر تقسیم کریں۔",
+	"action.distribute-vertical.short": "تقسیم V",
+	"action.download-original": "اصل ڈاؤن لوڈ کریں۔",
+	"action.duplicate": "نقل",
+	"action.edit-link": "لنک میں ترمیم کریں۔",
+	"action.enhanced-a11y-mode": "بہتر رسائی موڈ کو ٹوگل کریں۔",
+	"action.enhanced-a11y-mode.menu": "بہتر رسائی موڈ",
+	"action.exit-pen-mode": "قلم موڈ سے باہر نکلیں۔",
+	"action.export-all-as-png": "تمام PNG کے بطور برآمد کریں۔",
+	"action.export-all-as-png.short": "پی این جی",
+	"action.export-all-as-svg": "سبھی کو SVG کے بطور ایکسپورٹ کریں۔",
+	"action.export-all-as-svg.short": "ایس وی جی",
+	"action.export-as-png": "PNG کے بطور برآمد کریں۔",
+	"action.export-as-png.short": "پی این جی",
+	"action.export-as-svg": "SVG کے بطور برآمد کریں۔",
+	"action.export-as-svg.short": "ایس وی جی",
+	"action.fit-frame-to-content": "مواد کے مطابق",
+	"action.flatten-to-image": "چپٹا کرنا",
+	"action.flip-horizontal": "افقی طور پر پلٹائیں۔",
+	"action.flip-horizontal.short": "فلپ ایچ",
+	"action.flip-vertical": "عمودی طور پر پلٹائیں۔",
+	"action.flip-vertical.short": "پلٹائیں وی",
+	"action.fork-project": "اس منصوبے کو فورک کریں۔",
+	"action.fork-project-on-tldraw": "tldraw پر فورک پروجیکٹ",
+	"action.group": "گروپ",
+	"action.insert-embed": "ایمبیڈ داخل کریں۔",
+	"action.insert-media": "میڈیا اپ لوڈ کریں۔",
+	"action.leave-shared-project": "مشترکہ پروجیکٹ چھوڑ دیں۔",
+	"action.new-project": "نیا پروجیکٹ",
+	"action.new-shared-project": "نیا مشترکہ پروجیکٹ",
+	"action.open-cursor-chat": "کرسر چیٹ",
+	"action.open-embed-link": "لنک کھولیں۔",
+	"action.open-file": "فائل کھولیں۔",
+	"action.open-kbd-shortcuts": "کی بورڈ شارٹ کٹ کھولیں۔",
+	"action.pack": "پیک",
+	"action.paste": "چسپاں کریں۔",
+	"action.paste-error-description": "کلپ بورڈ کی اجازت نہ ہونے کی وجہ سے پیسٹ نہیں کیا جا سکا۔ براہ کرم اجازتوں کو فعال کریں اور دوبارہ کوشش کریں۔",
+	"action.paste-error-title": "چسپاں کرنا ناکام ہو گیا۔",
+	"action.print": "پرنٹ",
+	"action.redo": "دوبارہ کریں۔",
+	"action.remove-frame": "فریم کو ہٹا دیں۔",
+	"action.rename": "نام تبدیل کریں۔",
+	"action.rotate-ccw": "گھڑی کی مخالف سمت میں گھمائیں۔",
+	"action.rotate-cw": "گھڑی کی سمت گھمائیں۔",
+	"action.save-copy": "ایک کاپی محفوظ کریں۔",
+	"action.select-all": "سبھی کو منتخب کریں۔",
+	"action.select-none": "کوئی بھی منتخب نہ کریں۔",
+	"action.select-zoom-tool": "زوم",
+	"action.send-backward": "پیچھے بھیجیں۔",
+	"action.send-to-back": "واپس بھیجیں۔",
+	"action.share-project": "اس پروجیکٹ کو شیئر کریں۔",
+	"action.stack-horizontal": "افقی طور پر اسٹیک کریں۔",
+	"action.stack-horizontal.short": "اسٹیک H",
+	"action.stack-vertical": "عمودی طور پر اسٹیک کریں۔",
+	"action.stack-vertical.short": "اسٹیک وی",
+	"action.stop-following": "پیروی کرنا چھوڑ دیں۔",
+	"action.stretch-horizontal": "افقی طور پر کھینچیں۔",
+	"action.stretch-horizontal.short": "اسٹریچ ایچ",
+	"action.stretch-vertical": "عمودی طور پر کھینچیں۔",
+	"action.stretch-vertical.short": "اسٹریچ وی",
+	"action.toggle-auto-none": "آٹو",
+	"action.toggle-auto-pan": "آٹو (ٹریک پیڈ)",
+	"action.toggle-auto-size": "آٹو سائز ٹوگل کریں۔",
+	"action.toggle-auto-zoom": "آٹو (ماؤس)",
+	"action.toggle-dark-mode": "ڈارک موڈ کو ٹوگل کریں۔",
+	"action.toggle-dark-mode.menu": "ڈارک موڈ",
+	"action.toggle-debug-mode": "ڈیبگ موڈ کو ٹوگل کریں۔",
+	"action.toggle-debug-mode.menu": "ڈیبگ موڈ",
+	"action.toggle-dynamic-size-mode": "متحرک سائز کو ٹوگل کریں۔",
+	"action.toggle-dynamic-size-mode.menu": "متحرک سائز",
+	"action.toggle-edge-scrolling": "کنارے اسکرولنگ کو ٹوگل کریں۔",
+	"action.toggle-edge-scrolling.menu": "کنارے اسکرولنگ",
+	"action.toggle-focus-mode": "فوکس موڈ کو ٹوگل کریں۔",
+	"action.toggle-focus-mode.menu": "فوکس موڈ",
+	"action.toggle-grid": "گرڈ ٹوگل کریں۔",
+	"action.toggle-grid.menu": "گرڈ دکھائیں۔",
+	"action.toggle-invert-zoom": "انورٹ ماؤس زوم کو ٹوگل کریں۔",
+	"action.toggle-invert-zoom.menu": "ماؤس زوم کو الٹ دیں۔",
+	"action.toggle-keyboard-shortcuts": "کی بورڈ شارٹ کٹس کو ٹوگل کریں۔",
+	"action.toggle-keyboard-shortcuts.menu": "کی بورڈ شارٹ کٹس کو فعال کریں۔",
+	"action.toggle-lock": "مقفل کرنا / غیر مقفل کرنا",
+	"action.toggle-mouse": "ماؤس",
+	"action.toggle-paste-at-cursor": "کرسر پر پیسٹ ٹوگل کریں۔",
+	"action.toggle-paste-at-cursor.menu": "کرسر پر چسپاں کریں۔",
+	"action.toggle-reduce-motion": "حرکت کم کرنے کو ٹوگل کریں۔",
+	"action.toggle-reduce-motion.menu": "حرکت کو کم کریں۔",
+	"action.toggle-snap-mode": "ٹوگل ہمیشہ اسنیپ کریں۔",
+	"action.toggle-snap-mode.menu": "ہمیشہ سنیپ کریں۔",
+	"action.toggle-tool-lock": "ٹوگل ٹوگل لاک",
+	"action.toggle-tool-lock.menu": "ٹول لاک",
+	"action.toggle-trackpad": "ٹریک پیڈ",
+	"action.toggle-transparent": "شفاف پس منظر کو ٹوگل کریں۔",
+	"action.toggle-transparent.context-menu": "شفاف",
+	"action.toggle-transparent.menu": "شفاف",
+	"action.toggle-wrap-mode": "ریپ پر سلیکٹ کو ٹوگل کریں۔",
+	"action.toggle-wrap-mode.menu": "لپیٹ پر منتخب کریں۔",
+	"action.undo": "کالعدم",
+	"action.ungroup": "غیر گروپ کریں۔",
+	"action.unlock-all": "سب کو غیر مقفل کریں۔",
+	"action.zoom-in": "زوم ان کریں۔",
+	"action.zoom-out": "زوم آؤٹ کریں۔",
+	"action.zoom-quick": "فوری زوم",
+	"action.zoom-to-100": "100% تک زوم کریں",
+	"action.zoom-to-fit": "فٹ ہونے کے لیے زوم کریں۔",
+	"action.zoom-to-selection": "انتخاب کے لیے زوم کریں۔",
+	"actions-menu.title": "اعمال",
+	"align-style.end": "ختم",
+	"align-style.justify": "جواز پیش کریں۔",
+	"align-style.middle": "درمیانی",
+	"align-style.start": "شروع کریں۔",
+	"app.loading": "tldraw لوڈ ہو رہا ہے…",
+	"arrow-kind-style.arc": "قوس",
+	"arrow-kind-style.elbow": "کہنی",
+	"arrowheadEnd-style.arrow": "تیر",
+	"arrowheadEnd-style.bar": "بار",
+	"arrowheadEnd-style.diamond": "ہیرا",
+	"arrowheadEnd-style.dot": "ڈاٹ",
+	"arrowheadEnd-style.inverted": "الٹا",
+	"arrowheadEnd-style.none": "کوئی نہیں۔",
+	"arrowheadEnd-style.pipe": "پائپ",
+	"arrowheadEnd-style.square": "مربع",
+	"arrowheadEnd-style.triangle": "مثلث",
+	"arrowheadStart-style.arrow": "تیر",
+	"arrowheadStart-style.bar": "بار",
+	"arrowheadStart-style.diamond": "ہیرا",
+	"arrowheadStart-style.dot": "ڈاٹ",
+	"arrowheadStart-style.inverted": "الٹا",
+	"arrowheadStart-style.none": "کوئی نہیں۔",
+	"arrowheadStart-style.pipe": "پائپ",
+	"arrowheadStart-style.square": "مربع",
+	"arrowheadStart-style.triangle": "مثلث",
+	"assets.files.amount-too-many": "بہت ساری فائلیں",
+	"assets.files.maximum-size": "فائل کا زیادہ سے زیادہ سائز {size} ہے",
+	"assets.files.size-too-big": "فائل کا سائز بہت بڑا ہے۔",
+	"assets.files.type-not-allowed": "فائل کی قسم کی اجازت نہیں ہے۔",
+	"assets.files.upload-failed": "اپ لوڈ ناکام ہو گیا۔",
+	"assets.url.failed": "URL کا پیش منظر لوڈ نہیں کیا جا سکا",
+	"color-style.black": "سیاہ",
+	"color-style.blue": "نیلا",
+	"color-style.green": "سبز",
+	"color-style.grey": "گرے",
+	"color-style.light-blue": "ہلکا نیلا",
+	"color-style.light-green": "ہلکا سبز",
+	"color-style.light-red": "ہلکا سرخ",
+	"color-style.light-violet": "ہلکا بنفشی",
+	"color-style.orange": "کینو",
+	"color-style.red": "سرخ",
+	"color-style.violet": "وایلیٹ",
+	"color-style.white": "سفید",
+	"color-style.yellow": "پیلا",
+	"context-menu.arrange": "بندوبست کریں۔",
+	"context-menu.copy-as": "بطور کاپی کریں۔",
+	"context-menu.edit": "ترمیم کریں۔",
+	"context-menu.export-all-as": "سبھی کو بطور ایکسپورٹ کریں۔",
+	"context-menu.export-as": "بطور برآمد کریں۔",
+	"context-menu.move-to-page": "صفحہ پر منتقل کریں۔",
+	"context-menu.reorder": "دوبارہ ترتیب دیں۔",
+	"context-menu.title": "سیاق و سباق کا مینو",
+	"context.pages.new-page": "نیا صفحہ",
+	"cursor-chat.type-to-chat": "چیٹ کرنے کے لیے ٹائپ کریں...",
+	"dash-style.dashed": "ڈیشڈ",
+	"dash-style.dotted": "نقطے دار",
+	"dash-style.draw": "ڈرا",
+	"dash-style.solid": "ٹھوس",
+	"document-name-menu.copy-link": "لنک کاپی کریں۔",
+	"document.default-name": "بلا عنوان",
+	"edit-link-dialog.cancel": "منسوخ کریں۔",
+	"edit-link-dialog.clear": "صاف",
+	"edit-link-dialog.detail": "لنکس ایک نئے ٹیب میں کھلیں گے۔",
+	"edit-link-dialog.external-link": "بیرونی لنک",
+	"edit-link-dialog.invalid-url": "لنک کا درست URL ہونا ضروری ہے۔",
+	"edit-link-dialog.save": "جاری رکھیں",
+	"edit-link-dialog.title": "لنک میں ترمیم کریں۔",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "پیچھے",
+	"embed-dialog.cancel": "منسوخ کریں۔",
+	"embed-dialog.create": "بنائیں",
+	"embed-dialog.instruction": "ایمبیڈ بنانے کے لیے سائٹ کے یو آر ایل میں چسپاں کریں۔",
+	"embed-dialog.invalid-url": "ہم اس URL سے ایمبیڈ نہیں بنا سکے۔",
+	"embed-dialog.title": "ایمبیڈ بنائیں",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "منسوخ کریں۔",
+	"file-system.confirm-clear.continue": "جاری رکھیں",
+	"file-system.confirm-clear.description": "نیا پروجیکٹ بنانے سے آپ کا موجودہ پروجیکٹ صاف ہو جائے گا اور کوئی بھی غیر محفوظ شدہ تبدیلیاں ضائع ہو جائیں گی۔ کیا آپ واقعی جاری رکھنا چاہتے ہیں؟",
+	"file-system.confirm-clear.dont-show-again": "دوبارہ مت پوچھو",
+	"file-system.confirm-clear.title": "موجودہ پروجیکٹ کو صاف کریں؟",
+	"file-system.confirm-open.cancel": "منسوخ کریں۔",
+	"file-system.confirm-open.description": "فائل کھولنے سے آپ کا موجودہ پروجیکٹ بدل جائے گا اور کوئی بھی غیر محفوظ شدہ تبدیلیاں ضائع ہو جائیں گی۔ کیا آپ واقعی جاری رکھنا چاہتے ہیں؟",
+	"file-system.confirm-open.dont-show-again": "دوبارہ مت پوچھو",
+	"file-system.confirm-open.open": "فائل کھولیں۔",
+	"file-system.confirm-open.title": "موجودہ پروجیکٹ کو اوور رائٹ کریں؟",
+	"file-system.file-open-error.file-format-version-too-new": "آپ نے جس فائل کو کھولنے کی کوشش کی ہے وہ tldraw کے نئے ورژن سے ہے۔ براہ کرم صفحہ دوبارہ لوڈ کریں اور دوبارہ کوشش کریں۔",
+	"file-system.file-open-error.generic-corrupted-file": "آپ نے جس فائل کو کھولنے کی کوشش کی وہ کرپٹ ہے۔",
+	"file-system.file-open-error.not-a-tldraw-file": "آپ نے جس فائل کو کھولنے کی کوشش کی وہ tldraw فائل کی طرح نظر نہیں آتی۔",
+	"file-system.file-open-error.title": "فائل نہیں کھل سکی",
+	"file-system.shared-document-file-open-error.description": "مشترکہ پروجیکٹس سے فائلیں کھولنا تعاون یافتہ نہیں ہے۔",
+	"file-system.shared-document-file-open-error.title": "فائل نہیں کھل سکی",
+	"fill-style.fill": "بھرنا",
+	"fill-style.lined-fill": "لکیر بھرنا",
+	"fill-style.none": "کوئی نہیں۔",
+	"fill-style.pattern": "پیٹرن",
+	"fill-style.semi": "نیم",
+	"fill-style.solid": "ٹھوس",
+	"focus-mode.toggle-focus-mode": "فوکس موڈ کو ٹوگل کریں۔",
+	"font-style.draw": "ڈرا",
+	"font-style.mono": "مونو",
+	"font-style.sans": "سینز",
+	"font-style.serif": "سیرف",
+	"geo-style.arrow-down": "نیچے تیر",
+	"geo-style.arrow-left": "تیر بائیں",
+	"geo-style.arrow-right": "تیر دائیں طرف",
+	"geo-style.arrow-up": "تیر اوپر",
+	"geo-style.check-box": "چیک باکس",
+	"geo-style.cloud": "بادل",
+	"geo-style.diamond": "ہیرا",
+	"geo-style.ellipse": "بیضوی",
+	"geo-style.heart": "دل",
+	"geo-style.hexagon": "مسدس",
+	"geo-style.octagon": "آکٹگن",
+	"geo-style.oval": "اوول",
+	"geo-style.pentagon": "پینٹاگون",
+	"geo-style.rectangle": "مستطیل",
+	"geo-style.rhombus": "رومبس",
+	"geo-style.rhombus-2": "رومبس چلا گیا۔",
+	"geo-style.star": "ستارہ",
+	"geo-style.trapezoid": "Trapezoid",
+	"geo-style.triangle": "مثلث",
+	"geo-style.x-box": "ایکس باکس",
+	"handle.crop.bottom": "نیچے کاٹنا",
+	"handle.crop.bottom-left": "نیچے بائیں تراشیں۔",
+	"handle.crop.bottom-right": "نیچے دائیں تراشیں۔",
+	"handle.crop.left": "بائیں کٹائیں",
+	"handle.crop.right": "دائیں کاٹیں۔",
+	"handle.crop.top": "کراپ ٹاپ",
+	"handle.crop.top-left": "اوپر بائیں تراشیں۔",
+	"handle.crop.top-right": "اوپر دائیں کو تراشیں۔",
+	"handle.resize-bottom": "نیچے کا سائز تبدیل کریں۔",
+	"handle.resize-bottom-left": "نیچے بائیں کا سائز تبدیل کریں۔",
+	"handle.resize-bottom-right": "نیچے دائیں سائز تبدیل کریں۔",
+	"handle.resize-left": "بائیں سائز تبدیل کریں۔",
+	"handle.resize-right": "دائیں سائز تبدیل کریں۔",
+	"handle.resize-top": "اوپر کا سائز تبدیل کریں۔",
+	"handle.resize-top-left": "اوپر بائیں سائز کا سائز تبدیل کریں۔",
+	"handle.resize-top-right": "اوپری دائیں سائز تبدیل کریں۔",
+	"handle.rotate.bottom_left_rotate": "نیچے بائیں طرف گھمائیں۔",
+	"handle.rotate.bottom_right_rotate": "نیچے دائیں گھمائیں۔",
+	"handle.rotate.mobile_rotate": "گھمائیں۔",
+	"handle.rotate.top_left_rotate": "اوپر بائیں طرف گھمائیں۔",
+	"handle.rotate.top_right_rotate": "اوپر دائیں گھمائیں۔",
+	"help-menu.about": "کے بارے میں",
+	"help-menu.discord": "اختلاف",
+	"help-menu.github": "گٹ ہب",
+	"help-menu.import-tldr-file": "فائل درآمد کریں...",
+	"help-menu.keyboard-shortcuts": "کی بورڈ شارٹ کٹس",
+	"help-menu.privacy": "رازداری کی پالیسی",
+	"help-menu.terms": "سروس کی شرائط",
+	"help-menu.title": "مدد اور وسائل",
+	"help-menu.twitter": "ٹویٹر",
+	"menu.accessibility": "رسائی",
+	"menu.color-theme": "رنگین تھیم",
+	"menu.copy-as": "بطور کاپی کریں۔",
+	"menu.edit": "ترمیم کریں۔",
+	"menu.export-as": "بطور برآمد کریں۔",
+	"menu.file": "فائل",
+	"menu.input-device": "ان پٹ ڈیوائس",
+	"menu.language": "زبان",
+	"menu.preferences": "ترجیحات",
+	"menu.theme": "تھیم",
+	"menu.title": "مینو",
+	"menu.view": "دیکھیں",
+	"navigation-zone.minimap": "منی میپ",
+	"navigation-zone.title": "نیویگیشن",
+	"navigation-zone.toggle-minimap": "منی میپ کو ٹوگل کریں۔",
+	"navigation-zone.zoom": "زوم",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "نیا صفحہ بنائیں",
+	"page-menu.edit-done": "ہو گیا",
+	"page-menu.edit-start": "ترمیم کریں۔",
+	"page-menu.go-to-page": "صفحہ پر جائیں۔",
+	"page-menu.new-page-initial-name": "صفحہ 1",
+	"page-menu.submenu.delete": "حذف کریں۔",
+	"page-menu.submenu.duplicate-page": "نقل",
+	"page-menu.submenu.move-down": "نیچے کی طرف بڑھیں۔",
+	"page-menu.submenu.move-up": "اوپر بڑھیں۔",
+	"page-menu.submenu.rename": "نام تبدیل کریں۔",
+	"page-menu.submenu.title": "مینو",
+	"page-menu.title": "صفحات",
+	"people-menu.anonymous-user": "نیا صارف",
+	"people-menu.avatar-color": "اوتار کا رنگ",
+	"people-menu.change-color": "رنگ تبدیل کریں۔",
+	"people-menu.change-name": "نام تبدیل کریں۔",
+	"people-menu.follow": "پیروی کریں۔",
+	"people-menu.following": "پیروی کرنا",
+	"people-menu.invite": "دوسروں کو مدعو کریں۔",
+	"people-menu.leading": "آپ کی پیروی کرنا",
+	"people-menu.title": "لوگ",
+	"people-menu.user": "(آپ)",
+	"share-menu.copied": "کاپی شدہ لنک!",
+	"share-menu.copy-link": "لنک کاپی کریں۔",
+	"share-menu.copy-link-note": "کوئی بھی جس کے پاس لنک ہے اس پروجیکٹ کو دیکھ اور اس میں ترمیم کر سکے گا۔",
+	"share-menu.copy-readonly-link": "صرف پڑھنے کے لیے لنک کاپی کریں۔",
+	"share-menu.copy-readonly-link-note": "کوئی بھی جس کے پاس لنک ہے اس پروجیکٹ کو دیکھ سکے گا (لیکن اس میں ترمیم نہیں کرے گا)۔",
+	"share-menu.create-snapshot-link": "سنیپ شاٹ لنک بنائیں",
+	"share-menu.creating-project": "نیا پروجیکٹ بنایا جا رہا ہے…",
+	"share-menu.fork-note": "اس سنیپ شاٹ کی بنیاد پر ایک نیا مشترکہ پروجیکٹ بنائیں۔",
+	"share-menu.offline-note": "اس پروجیکٹ کو شیئر کرنے سے ایک نئے URL پر ایک میزبان لائیو کاپی بن جائے گی۔ آپ پروجیکٹ کو دیکھنے اور اس میں ترمیم کرنے کے لیے تیس تک دوسرے لوگوں کے ساتھ URL کا اشتراک کر سکتے ہیں۔",
+	"share-menu.project-too-large": "معذرت، اس پروجیکٹ کا اشتراک نہیں کیا جا سکتا کیونکہ یہ بہت بڑا ہے۔ ہم اس پر کام کر رہے ہیں!",
+	"share-menu.save-note": "اس پروجیکٹ کو اپنے کمپیوٹر پر .tldr فائل کے طور پر ڈاؤن لوڈ کریں۔",
+	"share-menu.share-project": "اس پروجیکٹ کو شیئر کریں۔",
+	"share-menu.snapshot-link-note": "اس پروجیکٹ کو صرف پڑھنے کے لیے سنیپ شاٹ کے لنک کے طور پر کیپچر کریں اور اس کا اشتراک کریں۔",
+	"share-menu.title": "شیئر کریں۔",
+	"share-menu.upload-failed": "معذرت، ہم اس وقت آپ کا پروجیکٹ اپ لوڈ نہیں کر سکے۔ براہ کرم دوبارہ کوشش کریں یا اگر مسئلہ برقرار رہتا ہے تو ہمیں بتائیں۔",
+	"sharing.confirm-leave.cancel": "منسوخ کریں۔",
+	"sharing.confirm-leave.description": "کیا آپ واقعی اس مشترکہ پروجیکٹ کو چھوڑنا چاہتے ہیں؟ آپ اس کے URL پر نیویگیٹ کر کے اس پر واپس جا سکتے ہیں۔",
+	"sharing.confirm-leave.dont-show-again": "دوبارہ مت پوچھو",
+	"sharing.confirm-leave.leave": "چھوڑو",
+	"sharing.confirm-leave.title": "موجودہ پروجیکٹ چھوڑ دیں؟",
+	"shortcuts-dialog.a11y": "رسائی",
+	"shortcuts-dialog.collaboration": "تعاون",
+	"shortcuts-dialog.edit": "ترمیم کریں۔",
+	"shortcuts-dialog.file": "فائل",
+	"shortcuts-dialog.preferences": "ترجیحات",
+	"shortcuts-dialog.text-formatting": "ٹیکسٹ فارمیٹنگ",
+	"shortcuts-dialog.title": "کی بورڈ شارٹ کٹس",
+	"shortcuts-dialog.tools": "اوزار",
+	"shortcuts-dialog.transform": "تبدیلی",
+	"shortcuts-dialog.view": "دیکھیں",
+	"size-style.l": "بڑا",
+	"size-style.m": "درمیانہ",
+	"size-style.s": "چھوٹا",
+	"size-style.xl": "اضافی بڑا",
+	"spline-style.cubic": "کیوبک",
+	"spline-style.line": "لائن",
+	"status.offline": "آف لائن",
+	"style-panel.align": "سیدھ میں لانا",
+	"style-panel.arrow-kind": "لائن",
+	"style-panel.arrowhead-end": "ختم",
+	"style-panel.arrowhead-start": "شروع کریں۔",
+	"style-panel.arrowheads": "تیر کے نشانات",
+	"style-panel.color": "رنگ",
+	"style-panel.dash": "ڈیش",
+	"style-panel.fill": "بھرنا",
+	"style-panel.font": "فونٹ",
+	"style-panel.geo": "شکل",
+	"style-panel.label-align": "لیبل سیدھ کریں۔",
+	"style-panel.mixed": "ملا ہوا",
+	"style-panel.opacity": "دھندلاپن",
+	"style-panel.position": "پوزیشن",
+	"style-panel.selected": "منتخب",
+	"style-panel.size": "سائز",
+	"style-panel.spline": "سپلائن",
+	"style-panel.title": "طرزیں",
+	"style-panel.vertical-align": "عمودی سیدھ",
+	"theme.dark": "اندھیرا",
+	"theme.light": "روشنی",
+	"theme.system": "سسٹم",
+	"toast.close": "بند",
+	"toast.error": "خرابی",
+	"toast.error.copy-fail.desc": "تصویر کاپی کرنے میں ناکام",
+	"toast.error.copy-fail.title": "ناکام کاپی",
+	"toast.error.export-fail.desc": "تصویر برآمد کرنے میں ناکام",
+	"toast.error.export-fail.title": "ناکام برآمد",
+	"toast.info": "معلومات",
+	"toast.success": "کامیابی",
+	"toast.warning": "وارننگ",
+	"tool-panel.more": "مزید",
+	"tool-panel.title": "اوزار",
+	"tool.arrow": "تیر",
+	"tool.arrow-down": "نیچے تیر",
+	"tool.arrow-left": "تیر بائیں",
+	"tool.arrow-right": "تیر دائیں طرف",
+	"tool.arrow-up": "تیر اوپر",
+	"tool.aspect-ratio": "پہلو کا تناسب",
+	"tool.aspect-ratio.circle": "حلقہ (1:1)",
+	"tool.aspect-ratio.landscape": "لینڈ سکیپ (4:3)",
+	"tool.aspect-ratio.original": "اصل",
+	"tool.aspect-ratio.portrait": "پورٹریٹ (3:4)",
+	"tool.aspect-ratio.square": "مربع (1:1)",
+	"tool.aspect-ratio.wide": "چوڑا (16:9)",
+	"tool.bookmark": "بک مارک",
+	"tool.check-box": "چیک باکس",
+	"tool.cloud": "بادل",
+	"tool.diamond": "ہیرا",
+	"tool.draw": "ڈرا",
+	"tool.ellipse": "بیضوی",
+	"tool.embed": "ایمبیڈ",
+	"tool.eraser": "صاف کرنے والا",
+	"tool.flip-horz": "افقی طور پر پلٹائیں۔",
+	"tool.flip-vert": "عمودی طور پر پلٹائیں۔",
+	"tool.frame": "فریم",
+	"tool.hand": "ہاتھ",
+	"tool.heart": "دل",
+	"tool.hexagon": "مسدس",
+	"tool.highlight": "نمایاں کریں۔",
+	"tool.image-crop": "تصویر کو تراشیں۔",
+	"tool.image-crop-confirm": "تصدیق کریں۔",
+	"tool.image-toolbar-title": "تصویری ٹولز",
+	"tool.image-zoom": "زوم",
+	"tool.laser": "لیزر",
+	"tool.line": "لائن",
+	"tool.media": "میڈیا",
+	"tool.media-alt-text": "متبادل متن",
+	"tool.media-alt-text-confirm": "تصدیق کریں۔",
+	"tool.media-alt-text-desc": "تفصیل دیں…",
+	"tool.note": "نوٹ",
+	"tool.octagon": "آکٹگن",
+	"tool.oval": "اوول",
+	"tool.pentagon": "پینٹاگون",
+	"tool.pointer-down": "پوائنٹر نیچے",
+	"tool.rectangle": "مستطیل",
+	"tool.replace-media": "میڈیا کو تبدیل کریں۔",
+	"tool.rhombus": "رومبس",
+	"tool.rich-text-bold": "بولڈ",
+	"tool.rich-text-bulletList": "گولیوں والی فہرست",
+	"tool.rich-text-code": "کوڈ",
+	"tool.rich-text-header": "ہیڈر",
+	"tool.rich-text-highlight": "نمایاں کریں۔",
+	"tool.rich-text-italic": "ترچھا",
+	"tool.rich-text-link": "لنک",
+	"tool.rich-text-link-remove": "لنک ہٹا دیں۔",
+	"tool.rich-text-link-visit": "لنک وزٹ کریں۔",
+	"tool.rich-text-orderedList": "آرڈر شدہ فہرست",
+	"tool.rich-text-strikethrough": "سٹرائیک تھرو",
+	"tool.rich-text-toolbar-title": "ٹیکسٹ فارمیٹنگ",
+	"tool.rotate-cw": "گھمائیں۔",
+	"tool.select": "منتخب کریں۔",
+	"tool.star": "ستارہ",
+	"tool.text": "متن",
+	"tool.trapezoid": "Trapezoid",
+	"tool.triangle": "مثلث",
+	"tool.x-box": "ایکس باکس",
+	"ui.checked": "چیک کیا گیا۔",
+	"ui.close": "بند",
+	"ui.unchecked": "غیر نشان زد",
+	"verticalAlign-style.end": "نیچے",
+	"verticalAlign-style.middle": "درمیانی",
+	"verticalAlign-style.start": "اوپر",
+	"vscode.file-open.backup": "بیک اپ",
+	"vscode.file-open.backup-failed": "بیک اپ ناکام ہو گیا: یہ .tldr فائل نہیں ہے۔",
+	"vscode.file-open.backup-saved": "بیک اپ محفوظ ہو گیا۔",
+	"vscode.file-open.desc": "یہ فائل tldraw کے پرانے ورژن کے ساتھ بنائی گئی تھی۔ کیا آپ اسے نئے ورژن کے ساتھ کام کرنے کے لیے اپ ڈیٹ کرنا چاہیں گے؟",
+	"vscode.file-open.dont-show-again": "دوبارہ مت پوچھو",
+	"vscode.file-open.open": "جاری رکھیں"
+}
diff --git a/web/hermes-dist/translations/vi.json b/web/hermes-dist/translations/vi.json
new file mode 100644
index 0000000..1e7ccc5
--- /dev/null
+++ b/web/hermes-dist/translations/vi.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "Điều chỉnh kiểu hình dạng",
+	"a11y.enlarge-shape": "Phóng to hình",
+	"a11y.enter-leave-container": "Vào/ra khỏi thùng chứa",
+	"a11y.move-shape": "Di chuyển hình",
+	"a11y.move-shape-faster": "Di chuyển hình nhanh hơn",
+	"a11y.multiple-shapes": "{num} hình dạng được chọn",
+	"a11y.open-context-menu": "Mở menu ngữ cảnh",
+	"a11y.open-keyboard-shortcuts": "Mở phím tắt",
+	"a11y.pan-camera": "Xoay camera",
+	"a11y.repeat-shape": "Lặp lại hình",
+	"a11y.rotate-shape-ccw": "Xoay hình ngược chiều kim đồng hồ",
+	"a11y.rotate-shape-ccw-fine": "Xoay hình ngược chiều kim đồng hồ (chính xác)",
+	"a11y.rotate-shape-cw": "Xoay hình theo chiều kim đồng hồ",
+	"a11y.rotate-shape-cw-fine": "Xoay hình theo chiều kim đồng hồ (chính xác)",
+	"a11y.select-shape": "Chọn hình tiếp theo",
+	"a11y.select-shape-direction": "Chọn hình theo hướng",
+	"a11y.shape-image": "Hình ảnh",
+	"a11y.shape-index": "{num} trong số {total}",
+	"a11y.shape-video": "Băng hình",
+	"a11y.shrink-shape": "Thu nhỏ hình",
+	"a11y.skip-to-main-content": "Di chuyển tiêu điểm đến canvas",
+	"a11y.status": "Trạng thái",
+	"action.align-bottom": "Căn chỉnh dưới",
+	"action.align-center-horizontal": "Căn chỉnh ngang",
+	"action.align-center-horizontal.short": "Căn chỉnh ngang",
+	"action.align-center-vertical": "Căn chỉnh dọc",
+	"action.align-center-vertical.short": "Căn chỉnh dọc",
+	"action.align-left": "Căn chỉnh trái",
+	"action.align-right": "Căn chỉnh phải",
+	"action.align-top": "Căn chỉnh đầu",
+	"action.back-to-content": "Quay lại nội dung",
+	"action.bring-forward": "Mang ra phía sau",
+	"action.bring-to-front": "Mang ra phía trước",
+	"action.convert-to-bookmark": "Chuyển đổi thành Dấu trang",
+	"action.convert-to-embed": "Chuyển đổi sang Nhúng",
+	"action.copy": "Sao chép",
+	"action.copy-as-json": "Sao chép dưới dạng JSON",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "Sao chép định dạng PNG",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "Sao chép định dạng SVG",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "Cắt",
+	"action.delete": "Xoá",
+	"action.distribute-horizontal": "Phân phối ngang",
+	"action.distribute-horizontal.short": "Phân phối ngang",
+	"action.distribute-vertical": "Phân phối dọc",
+	"action.distribute-vertical.short": "Phân phối dọc",
+	"action.download-original": "Tải xuống bản gốc",
+	"action.duplicate": "Nhân đôi",
+	"action.edit-link": "Chỉnh sửa liên kết",
+	"action.enhanced-a11y-mode": "Bật/tắt chế độ trợ năng nâng cao",
+	"action.enhanced-a11y-mode.menu": "Chế độ trợ năng nâng cao",
+	"action.exit-pen-mode": "Thoát khỏi chế độ bút",
+	"action.export-all-as-png": "Xuất tất cả dưới dạng PNG",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "Xuất tất cả dưới dạng SVG",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "Xuất định dạng PNG",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "Xuất định dạng SVG",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "Vừa với nội dung",
+	"action.flatten-to-image": "Làm phẳng",
+	"action.flip-horizontal": "Lật ngang",
+	"action.flip-horizontal.short": "Lật ngang",
+	"action.flip-vertical": "Lật dọc",
+	"action.flip-vertical.short": "Lật dọc",
+	"action.fork-project": "Phân nhánh dự án này",
+	"action.fork-project-on-tldraw": "Dự án nhánh trên tldraw",
+	"action.group": "Nhóm",
+	"action.insert-embed": "Chèn nhúng",
+	"action.insert-media": "Tải phương tiện lên",
+	"action.leave-shared-project": "Rời khỏi dự án chung",
+	"action.new-project": "Dự án mới",
+	"action.new-shared-project": "Dự án chia sẻ mới",
+	"action.open-cursor-chat": "Trò chuyện bằng con trỏ",
+	"action.open-embed-link": "Mở liên kết",
+	"action.open-file": "Mở tệp",
+	"action.open-kbd-shortcuts": "Mở phím tắt",
+	"action.pack": "Đóng gói",
+	"action.paste": "Dán",
+	"action.paste-error-description": "Không thể dán do thiếu quyền truy cập vào bảng nhớ tạm. Vui lòng bật quyền và thử lại.",
+	"action.paste-error-title": "Không thể dán",
+	"action.print": "In",
+	"action.redo": "Làm lại",
+	"action.remove-frame": "Xóa khung",
+	"action.rename": "Đổi tên",
+	"action.rotate-ccw": "Xoay ngược chiều kim đồng hồ",
+	"action.rotate-cw": "Xoay theo chiều kim đồng hồ",
+	"action.save-copy": "Lưu bản sao",
+	"action.select-all": "Lựa chọn tất cả",
+	"action.select-none": "Không lựa chọn",
+	"action.select-zoom-tool": "Phóng",
+	"action.send-backward": "Quay lại sau",
+	"action.send-to-back": "Quay lại trước",
+	"action.share-project": "Chia sẻ dự án này",
+	"action.stack-horizontal": "Căng chiều ngang",
+	"action.stack-horizontal.short": "Căng ngang",
+	"action.stack-vertical": "Căng chiều đứng",
+	"action.stack-vertical.short": "Căng dọc",
+	"action.stop-following": "Dừng theo dõi",
+	"action.stretch-horizontal": "Căng chiều ngang",
+	"action.stretch-horizontal.short": "Căng ngang",
+	"action.stretch-vertical": "Căng chiều đứng",
+	"action.stretch-vertical.short": "Căng dọc",
+	"action.toggle-auto-none": "Tự động",
+	"action.toggle-auto-pan": "Tự động (bàn di chuột)",
+	"action.toggle-auto-size": "Bật/tắt kích thước tự động",
+	"action.toggle-auto-zoom": "Tự động (chuột)",
+	"action.toggle-dark-mode": "Bật/tắt chế độ tối",
+	"action.toggle-dark-mode.menu": "Chế độ tối",
+	"action.toggle-debug-mode": "Bật/tắt chế độ tìm lỗi",
+	"action.toggle-debug-mode.menu": "Chế độ tìm lỗi",
+	"action.toggle-dynamic-size-mode": "Bật/tắt kích thước động",
+	"action.toggle-dynamic-size-mode.menu": "Kích thước động",
+	"action.toggle-edge-scrolling": "Bật/tắt chế độ cuộn cạnh",
+	"action.toggle-edge-scrolling.menu": "Cuộn cạnh",
+	"action.toggle-focus-mode": "Bật/tắt chế độ tập trung",
+	"action.toggle-focus-mode.menu": "Chế độ tập trung",
+	"action.toggle-grid": "Bật/tắt lưới",
+	"action.toggle-grid.menu": "Hiển thị lưới",
+	"action.toggle-invert-zoom": "Bật/tắt chế độ đảo ngược thu phóng chuột",
+	"action.toggle-invert-zoom.menu": "Đảo ngược độ phóng to chuột",
+	"action.toggle-keyboard-shortcuts": "Bật/tắt phím tắt",
+	"action.toggle-keyboard-shortcuts.menu": "Phím tắt bàn phím",
+	"action.toggle-lock": "Khóa/Mở khóa",
+	"action.toggle-mouse": "Chuột",
+	"action.toggle-paste-at-cursor": "Bật/tắt chế độ dán tại con trỏ",
+	"action.toggle-paste-at-cursor.menu": "Dán tại con trỏ",
+	"action.toggle-reduce-motion": "Bật/tắt chế độ giảm chuyển động",
+	"action.toggle-reduce-motion.menu": "Giảm chuyển động",
+	"action.toggle-snap-mode": "Bật/tắt luôn khớp",
+	"action.toggle-snap-mode.menu": "Luôn khớp",
+	"action.toggle-tool-lock": "Bật/tắt khóa công cụ",
+	"action.toggle-tool-lock.menu": "Khóa công cụ",
+	"action.toggle-trackpad": "Bàn di chuột",
+	"action.toggle-transparent": "Bật/tắt nền trong suốt",
+	"action.toggle-transparent.context-menu": "Trong suốt",
+	"action.toggle-transparent.menu": "Trong suốt",
+	"action.toggle-wrap-mode": "Bật/tắt chế độ Chọn khi bọc",
+	"action.toggle-wrap-mode.menu": "Chọn khi bọc",
+	"action.undo": "Quay lại",
+	"action.ungroup": "Bỏ nhóm",
+	"action.unlock-all": "Mở khóa tất cả",
+	"action.zoom-in": "Phóng to",
+	"action.zoom-out": "Thu nhỏ",
+	"action.zoom-quick": "Thu phóng nhanh",
+	"action.zoom-to-100": "Phóng to 100%",
+	"action.zoom-to-fit": "Phóng to vừa",
+	"action.zoom-to-selection": "Phóng to đến đang chọn",
+	"actions-menu.title": "Hành động",
+	"align-style.end": "Cuối",
+	"align-style.justify": "Căn chỉnh",
+	"align-style.middle": "Chính giữa",
+	"align-style.start": "Đầu",
+	"app.loading": "Đang tải tldraw…",
+	"arrow-kind-style.arc": "Cung",
+	"arrow-kind-style.elbow": "Khuỷu",
+	"arrowheadEnd-style.arrow": "Mũi tên",
+	"arrowheadEnd-style.bar": "Thanh",
+	"arrowheadEnd-style.diamond": "Kim cương",
+	"arrowheadEnd-style.dot": "Chấm",
+	"arrowheadEnd-style.inverted": "Đảo ngược",
+	"arrowheadEnd-style.none": "Không",
+	"arrowheadEnd-style.pipe": "Đường ống",
+	"arrowheadEnd-style.square": "Hình vuông",
+	"arrowheadEnd-style.triangle": "Tam giác",
+	"arrowheadStart-style.arrow": "Mũi tên",
+	"arrowheadStart-style.bar": "Thanh",
+	"arrowheadStart-style.diamond": "Kim cương",
+	"arrowheadStart-style.dot": "Chấm",
+	"arrowheadStart-style.inverted": "Đảo ngược",
+	"arrowheadStart-style.none": "Không",
+	"arrowheadStart-style.pipe": "Đường ống",
+	"arrowheadStart-style.square": "Hình vuông",
+	"arrowheadStart-style.triangle": "Tam giác",
+	"assets.files.amount-too-many": "Quá nhiều tập tin",
+	"assets.files.maximum-size": "Kích thước tệp tối đa là {size}",
+	"assets.files.size-too-big": "Kích cỡ tệp quá lớn",
+	"assets.files.type-not-allowed": "Loại tệp không được cho phép",
+	"assets.files.upload-failed": "Không thể tải lên",
+	"assets.url.failed": "Không thể tải bản xem trước URL",
+	"color-style.black": "Đen",
+	"color-style.blue": "Xanh dương",
+	"color-style.green": "Xanh lá",
+	"color-style.grey": "Xám",
+	"color-style.light-blue": "Xanh dương tươi",
+	"color-style.light-green": "Xanh lá tươi",
+	"color-style.light-red": "Đỏ tươi",
+	"color-style.light-violet": "Tím tươi",
+	"color-style.orange": "Cam",
+	"color-style.red": "Đỏ",
+	"color-style.violet": "Tím",
+	"color-style.white": "Trắng",
+	"color-style.yellow": "Vàng",
+	"context-menu.arrange": "Vị trí",
+	"context-menu.copy-as": "Sao chép dưới dạng",
+	"context-menu.edit": "Chỉnh sửa",
+	"context-menu.export-all-as": "Xuất tất cả dưới dạng",
+	"context-menu.export-as": "Xuất dưới dạng",
+	"context-menu.move-to-page": "Đi đến trang",
+	"context-menu.reorder": "Sắp xếp",
+	"context-menu.title": "Menu ngữ cảnh",
+	"context.pages.new-page": "Trang mới",
+	"cursor-chat.type-to-chat": "Nhập để trò chuyện...",
+	"dash-style.dashed": "Nét đứt",
+	"dash-style.dotted": "Chấm",
+	"dash-style.draw": "Vẽ",
+	"dash-style.solid": "Trơn",
+	"document-name-menu.copy-link": "Sao chép liên kết",
+	"document.default-name": "Không có tiêu đề",
+	"edit-link-dialog.cancel": "Huỷ",
+	"edit-link-dialog.clear": "Xoá",
+	"edit-link-dialog.detail": "Liên kết sẽ mở trong một tab mới.",
+	"edit-link-dialog.external-link": "Liên kết ngoài",
+	"edit-link-dialog.invalid-url": "Một liên kết phải là một đường dẫn hợp lệ.",
+	"edit-link-dialog.save": "Tiếp tục",
+	"edit-link-dialog.title": "Chỉnh sửa liên kết",
+	"edit-link-dialog.url": "Đường dẫn",
+	"embed-dialog.back": "Quay lại",
+	"embed-dialog.cancel": "Huỷ",
+	"embed-dialog.create": "Tạo",
+	"embed-dialog.instruction": "Dán đường dẫn của trang web để tạo nhúng.",
+	"embed-dialog.invalid-url": "Chúng tôi không thể tạo nhúng từ đường dẫn đó.",
+	"embed-dialog.title": "Tạo nhúng",
+	"embed-dialog.url": "Đường dẫn",
+	"file-system.confirm-clear.cancel": "Hủy",
+	"file-system.confirm-clear.continue": "Tiếp tục",
+	"file-system.confirm-clear.description": "Việc tạo một dự án mới sẽ xóa dự án hiện tại của bạn và mọi thay đổi chưa lưu sẽ bị mất. Bạn có chắc chắn muốn tiếp tục không?",
+	"file-system.confirm-clear.dont-show-again": "Không hỏi lại",
+	"file-system.confirm-clear.title": "Xóa dự án hiện tại?",
+	"file-system.confirm-open.cancel": "Huỷ",
+	"file-system.confirm-open.description": "Việc mở tệp sẽ thay thế dự án hiện tại của bạn và mọi thay đổi chưa được lưu sẽ bị mất. Bạn có chắc chắn muốn tiếp tục không?",
+	"file-system.confirm-open.dont-show-again": "Đừng hỏi lại",
+	"file-system.confirm-open.open": "Mở tệp",
+	"file-system.confirm-open.title": "Ghi đè lên dự án hiện tại?",
+	"file-system.file-open-error.file-format-version-too-new": "Tệp bạn cố mở là từ phiên bản mới hơn của tldraw. Hãy tải lại trang và thử lại.",
+	"file-system.file-open-error.generic-corrupted-file": "Tệp bạn cố mở bị hỏng.",
+	"file-system.file-open-error.not-a-tldraw-file": "Tệp bạn cố mở không giống tệp tldraw.",
+	"file-system.file-open-error.title": "Không thể mở tệp",
+	"file-system.shared-document-file-open-error.description": "Mở tệp từ các dự án được chia sẻ hiện tại không được hỗ trợ.",
+	"file-system.shared-document-file-open-error.title": "Không thể mở tệp",
+	"fill-style.fill": "Tô",
+	"fill-style.lined-fill": "Tô có viền",
+	"fill-style.none": "Không",
+	"fill-style.pattern": "Mẫu",
+	"fill-style.semi": "Một nữa",
+	"fill-style.solid": "Trơn",
+	"focus-mode.toggle-focus-mode": "Bật/tắt chế độ tập trung",
+	"font-style.draw": "Vẽ",
+	"font-style.mono": "Mono",
+	"font-style.sans": "Sans",
+	"font-style.serif": "Serif",
+	"geo-style.arrow-down": "Mũi tên xuống dưới",
+	"geo-style.arrow-left": "Mũi tên sang trái",
+	"geo-style.arrow-right": "Mũi tên sang phải",
+	"geo-style.arrow-up": "Mũi tên hướng lên",
+	"geo-style.check-box": "Hộp kiểm",
+	"geo-style.cloud": "Đám mây",
+	"geo-style.diamond": "Kim cương",
+	"geo-style.ellipse": "Hình Elip",
+	"geo-style.heart": "Trái tim",
+	"geo-style.hexagon": "Hình lục giác",
+	"geo-style.octagon": "Hình bát giác",
+	"geo-style.oval": "Hình bầu",
+	"geo-style.pentagon": "Hình ngũ giác",
+	"geo-style.rectangle": "Hình chữ nhật",
+	"geo-style.rhombus": "Hình thoi",
+	"geo-style.rhombus-2": "Hình thoi sang trái",
+	"geo-style.star": "Ngôi sao",
+	"geo-style.trapezoid": "Hình thang",
+	"geo-style.triangle": "Hình tam giác",
+	"geo-style.x-box": "Khung X",
+	"handle.crop.bottom": "Cắt phần dưới cùng",
+	"handle.crop.bottom-left": "Cắt góc dưới bên trái",
+	"handle.crop.bottom-right": "Cắt góc dưới bên phải",
+	"handle.crop.left": "Cắt bên trái",
+	"handle.crop.right": "Cắt bên phải",
+	"handle.crop.top": "Cắt phần trên cùng",
+	"handle.crop.top-left": "Cắt góc trên bên trái",
+	"handle.crop.top-right": "Cắt góc trên bên phải",
+	"handle.resize-bottom": "Thay đổi kích thước phần dưới cùng",
+	"handle.resize-bottom-left": "Thay đổi kích thước góc dưới bên trái",
+	"handle.resize-bottom-right": "Thay đổi kích thước góc dưới bên phải",
+	"handle.resize-left": "Thay đổi kích thước bên trái",
+	"handle.resize-right": "Thay đổi kích thước bên phải",
+	"handle.resize-top": "Thay đổi kích thước phần trên cùng",
+	"handle.resize-top-left": "Thay đổi kích thước góc trên bên trái",
+	"handle.resize-top-right": "Thay đổi kích thước góc trên bên phải",
+	"handle.rotate.bottom_left_rotate": "Xoay góc dưới bên trái",
+	"handle.rotate.bottom_right_rotate": "Xoay góc dưới bên phải",
+	"handle.rotate.mobile_rotate": "Xoay",
+	"handle.rotate.top_left_rotate": "Xoay góc trên bên trái",
+	"handle.rotate.top_right_rotate": "Xoay góc trên bên phải",
+	"help-menu.about": "Về chúng tôi",
+	"help-menu.discord": "Discord",
+	"help-menu.github": "Github",
+	"help-menu.import-tldr-file": "Nhập tệp....",
+	"help-menu.keyboard-shortcuts": "Phím tắt bàn phím",
+	"help-menu.privacy": "Chính sách quyền riêng tư",
+	"help-menu.terms": "Điều khoản dịch vụ",
+	"help-menu.title": "Trợ giúp và thông tin khác",
+	"help-menu.twitter": "Twitter",
+	"menu.accessibility": "Trợ năng",
+	"menu.color-theme": "Chủ đề màu sắc",
+	"menu.copy-as": "Sao chép dưới dạng",
+	"menu.edit": "Chỉnh sửa",
+	"menu.export-as": "Xuất dưới dạng",
+	"menu.file": "Tệp",
+	"menu.input-device": "Thiết bị đầu vào",
+	"menu.language": "Ngôn ngữ",
+	"menu.preferences": "Cài đặt",
+	"menu.theme": "Chủ đề",
+	"menu.title": "Menu",
+	"menu.view": "Lượt xem",
+	"navigation-zone.minimap": "Bản đồ nhỏ",
+	"navigation-zone.title": "Điều hướng",
+	"navigation-zone.toggle-minimap": "Bật/tắt bản đồ nhỏ",
+	"navigation-zone.zoom": "Phóng to",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "Tạo trang mới",
+	"page-menu.edit-done": "Xong",
+	"page-menu.edit-start": "Sửa",
+	"page-menu.go-to-page": "Đi đến trang",
+	"page-menu.new-page-initial-name": "Trang 1",
+	"page-menu.submenu.delete": "Xoá",
+	"page-menu.submenu.duplicate-page": "Nhân đôi",
+	"page-menu.submenu.move-down": "Đi xuống",
+	"page-menu.submenu.move-up": "Đi lên",
+	"page-menu.submenu.rename": "Đổi tên",
+	"page-menu.submenu.title": "Menu",
+	"page-menu.title": "Các trang",
+	"people-menu.anonymous-user": "Người dùng mới",
+	"people-menu.avatar-color": "Màu sắc hình đại diện",
+	"people-menu.change-color": "Thay đổi màu",
+	"people-menu.change-name": "Thay đổi tên",
+	"people-menu.follow": "Theo dõi",
+	"people-menu.following": "Đang theo dõi",
+	"people-menu.invite": "Mời người khác",
+	"people-menu.leading": "Đang theo dõi bạn",
+	"people-menu.title": "Mọi người",
+	"people-menu.user": "(Bạn)",
+	"share-menu.copied": "Đã sao chép liên kết!",
+	"share-menu.copy-link": "Sao chép liên kết",
+	"share-menu.copy-link-note": "Bất kỳ ai có liên kết đều có thể xem và chỉnh sửa dự án này.",
+	"share-menu.copy-readonly-link": "Sao chép liên kết chỉ có thể đọc",
+	"share-menu.copy-readonly-link-note": "Bất kỳ ai có liên kết đều có thể xem (nhưng không thể chỉnh sửa) dự án này.",
+	"share-menu.create-snapshot-link": "Tạo liên kết ảnh chụp nhanh",
+	"share-menu.creating-project": "Đang tạo dự án mới...",
+	"share-menu.fork-note": "Tạo một dự án chung mới dựa trên ảnh chụp nhanh này.",
+	"share-menu.offline-note": "Chia sẻ dự án này sẽ tạo một bản sao trực tiếp được lưu trữ tại một đường dẫn mới. Bạn có thể chia sẻ đường dẫn với tối đa 30 người khác để cùng xem và chỉnh sửa dự án.",
+	"share-menu.project-too-large": "Rất tiếc, không thể chia sẻ dự án này vì dự án quá lớn. Chúng tôi đang làm việc để cải thiện điều này!",
+	"share-menu.save-note": "Tải dự án này về máy tính của bạn dưới dạng tệp .tldr.",
+	"share-menu.share-project": "Chia sẻ dự án này",
+	"share-menu.snapshot-link-note": "Chụp và chia sẻ dự án này dưới dạng liên kết ảnh chụp nhanh chỉ cho phép đọc.",
+	"share-menu.title": "Chia sẻ",
+	"share-menu.upload-failed": "Rất tiếc, chúng tôi không thể tải dự án của bạn lên tại thời điểm này. Vui lòng thử lại hoặc cho chúng tôi biết nếu sự cố vẫn tiếp diễn.",
+	"sharing.confirm-leave.cancel": "Hủy",
+	"sharing.confirm-leave.description": "Bạn có chắc chắn muốn rời khỏi dự án chung này không? Bạn có thể quay lại bằng cách điều hướng đến URL của dự án.",
+	"sharing.confirm-leave.dont-show-again": "Không hỏi lại",
+	"sharing.confirm-leave.leave": "Rời đi",
+	"sharing.confirm-leave.title": "Rời khỏi dự án hiện tại?",
+	"shortcuts-dialog.a11y": "Trợ năng",
+	"shortcuts-dialog.collaboration": "Cộng tác",
+	"shortcuts-dialog.edit": "Sửa",
+	"shortcuts-dialog.file": "Tệp",
+	"shortcuts-dialog.preferences": "Cài đặt",
+	"shortcuts-dialog.text-formatting": "Định dạng văn bản",
+	"shortcuts-dialog.title": "Phím tắt bàn phím",
+	"shortcuts-dialog.tools": "Các công cụ",
+	"shortcuts-dialog.transform": "Biến đổi",
+	"shortcuts-dialog.view": "Xem",
+	"size-style.l": "Lớn",
+	"size-style.m": "Trung bình",
+	"size-style.s": "Nhỏ",
+	"size-style.xl": "Cực lớn",
+	"spline-style.cubic": "Khối",
+	"spline-style.line": "Đường",
+	"status.offline": "Ngoại tuyến",
+	"style-panel.align": "Căn chỉnh",
+	"style-panel.arrow-kind": "Đường",
+	"style-panel.arrowhead-end": "Kết thúc",
+	"style-panel.arrowhead-start": "Bắt đầu",
+	"style-panel.arrowheads": "Đầu mũi tên",
+	"style-panel.color": "Màu",
+	"style-panel.dash": "Nét đứt",
+	"style-panel.fill": "Tô",
+	"style-panel.font": "Phông",
+	"style-panel.geo": "Hình",
+	"style-panel.label-align": "Căn chỉnh nhãn",
+	"style-panel.mixed": "Trộn",
+	"style-panel.opacity": "Độ mờ",
+	"style-panel.position": "Vị trí",
+	"style-panel.selected": "đã chọn",
+	"style-panel.size": "Kích thước",
+	"style-panel.spline": "Đường cong",
+	"style-panel.title": "Kiểu",
+	"style-panel.vertical-align": "Căn chỉnh theo chiều dọc",
+	"theme.dark": "Tối",
+	"theme.light": "Sáng",
+	"theme.system": "Hệ thống",
+	"toast.close": "Đóng",
+	"toast.error": "Lỗi",
+	"toast.error.copy-fail.desc": "Không thể sao chép hình ảnh",
+	"toast.error.copy-fail.title": "Sao chép thất bại",
+	"toast.error.export-fail.desc": "Xuất ảnh thất bại",
+	"toast.error.export-fail.title": "Xuất thất bại",
+	"toast.info": "Thông tin",
+	"toast.success": "Thành công",
+	"toast.warning": "Cảnh báo",
+	"tool-panel.more": "Xem thêm",
+	"tool-panel.title": "Các công cụ",
+	"tool.arrow": "Mũi tên",
+	"tool.arrow-down": "Mũi tên xuống dưới",
+	"tool.arrow-left": "Mũi tên qua trái",
+	"tool.arrow-right": "Mũi tên qua phải",
+	"tool.arrow-up": "Mũi tên lên trên",
+	"tool.aspect-ratio": "Tỷ lệ khung hình",
+	"tool.aspect-ratio.circle": "Hình tròn (1:1)",
+	"tool.aspect-ratio.landscape": "Phong cảnh (4:3)",
+	"tool.aspect-ratio.original": "Gốc",
+	"tool.aspect-ratio.portrait": "Chân dung (3:4)",
+	"tool.aspect-ratio.square": "Hình vuông (1:1)",
+	"tool.aspect-ratio.wide": "Rộng (16:9)",
+	"tool.bookmark": "Đánh dấu trang",
+	"tool.check-box": "Hộp kiểm",
+	"tool.cloud": "Đám mây",
+	"tool.diamond": "Hình kim cương",
+	"tool.draw": "Vẽ",
+	"tool.ellipse": "Hình Elip",
+	"tool.embed": "Nhúng",
+	"tool.eraser": "Tẩy",
+	"tool.flip-horz": "Lật ngang",
+	"tool.flip-vert": "Lật dọc",
+	"tool.frame": "Khung",
+	"tool.hand": "Tay",
+	"tool.heart": "Trái tim",
+	"tool.hexagon": "Hình lục giác",
+	"tool.highlight": "Đánh dấu",
+	"tool.image-crop": "Cắt hình ảnh",
+	"tool.image-crop-confirm": "Xác nhận",
+	"tool.image-toolbar-title": "Công cụ hình ảnh",
+	"tool.image-zoom": "Phóng to",
+	"tool.laser": "Laser",
+	"tool.line": "Đường",
+	"tool.media": "Phương tiện truyền thông",
+	"tool.media-alt-text": "Văn bản thay thế",
+	"tool.media-alt-text-confirm": "Xác nhận",
+	"tool.media-alt-text-desc": "Hãy mô tả...",
+	"tool.note": "Ghi chú",
+	"tool.octagon": "Hình bát giác",
+	"tool.oval": "Hình bầu",
+	"tool.pentagon": "Hình ngũ giác",
+	"tool.pointer-down": "Con trỏ chỉ xuống",
+	"tool.rectangle": "Hình chữ nhật",
+	"tool.replace-media": "Thay thế phương tiện",
+	"tool.rhombus": "Hình thoi",
+	"tool.rich-text-bold": "In đậm",
+	"tool.rich-text-bulletList": "Danh sách có dấu đầu dòng",
+	"tool.rich-text-code": "Mã số",
+	"tool.rich-text-header": "Tiêu đề",
+	"tool.rich-text-highlight": "Điểm nổi bật",
+	"tool.rich-text-italic": "nghiêng",
+	"tool.rich-text-link": "Liên kết",
+	"tool.rich-text-link-remove": "Xóa liên kết",
+	"tool.rich-text-link-visit": "Truy cập liên kết",
+	"tool.rich-text-orderedList": "Danh sách theo thứ tự",
+	"tool.rich-text-strikethrough": "gạch ngang",
+	"tool.rich-text-toolbar-title": "Định dạng văn bản",
+	"tool.rotate-cw": "Xoay",
+	"tool.select": "Lựa chọn",
+	"tool.star": "Ngôi sao",
+	"tool.text": "Chữ",
+	"tool.trapezoid": "Hình thang",
+	"tool.triangle": "Tam giác",
+	"tool.x-box": "Khung X",
+	"ui.checked": "Đã đánh dấu",
+	"ui.close": "Đóng",
+	"ui.unchecked": "Đã bỏ đánh dấu",
+	"verticalAlign-style.end": "Dưới",
+	"verticalAlign-style.middle": "Giữa",
+	"verticalAlign-style.start": "Trên",
+	"vscode.file-open.backup": "Sao lưu",
+	"vscode.file-open.backup-failed": "Không thể sao lưu: đây không phải là tệp .tldr.",
+	"vscode.file-open.backup-saved": "Đã lưu bản sao lưu",
+	"vscode.file-open.desc": "Tệp này được tạo bằng phiên bản cũ hơn của tldraw. Bạn có muốn cập nhật nó để hoạt động với phiên bản mới không?",
+	"vscode.file-open.dont-show-again": "Đừng hỏi lại",
+	"vscode.file-open.open": "Tiếp tục"
+}
diff --git a/web/hermes-dist/translations/zh-cn.json b/web/hermes-dist/translations/zh-cn.json
new file mode 100644
index 0000000..7b994b1
--- /dev/null
+++ b/web/hermes-dist/translations/zh-cn.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "调整形状样式",
+	"a11y.enlarge-shape": "放大形状",
+	"a11y.enter-leave-container": "进入/离开容器",
+	"a11y.move-shape": "移动形状",
+	"a11y.move-shape-faster": "快速移动形状",
+	"a11y.multiple-shapes": "已选择 {num} 个形状",
+	"a11y.open-context-menu": "打开右键菜单",
+	"a11y.open-keyboard-shortcuts": "键盘快捷方式",
+	"a11y.pan-camera": "平移相机",
+	"a11y.repeat-shape": "重复形状",
+	"a11y.rotate-shape-ccw": "逆时针旋转形状",
+	"a11y.rotate-shape-ccw-fine": "逆时针旋转形状（微调）",
+	"a11y.rotate-shape-cw": "顺时针旋转形状",
+	"a11y.rotate-shape-cw-fine": "顺时针旋转形状（微调）",
+	"a11y.select-shape": "选择下一个形状",
+	"a11y.select-shape-direction": "按方向选择形状",
+	"a11y.shape-image": "图像",
+	"a11y.shape-index": "{num} / {total}",
+	"a11y.shape-video": "视频",
+	"a11y.shrink-shape": "缩小形状",
+	"a11y.skip-to-main-content": "将焦点移至画布",
+	"a11y.status": "状态",
+	"action.align-bottom": "底端对齐",
+	"action.align-center-horizontal": "水平对齐",
+	"action.align-center-horizontal.short": "水平对齐",
+	"action.align-center-vertical": "垂直对齐",
+	"action.align-center-vertical.short": "垂直对齐",
+	"action.align-left": "左对齐",
+	"action.align-right": "右对齐",
+	"action.align-top": "顶端对齐",
+	"action.back-to-content": "返回内容",
+	"action.bring-forward": "上移一层",
+	"action.bring-to-front": "置顶",
+	"action.convert-to-bookmark": "转换为书签",
+	"action.convert-to-embed": "转换为嵌入",
+	"action.copy": "复制",
+	"action.copy-as-json": "复制为 JSON",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "复制为 PNG",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "复制为 SVG",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "剪切",
+	"action.delete": "删除",
+	"action.distribute-horizontal": "横向分布",
+	"action.distribute-horizontal.short": "横向分布",
+	"action.distribute-vertical": "纵向分布",
+	"action.distribute-vertical.short": "纵向分布",
+	"action.download-original": "下载原图",
+	"action.duplicate": "复制",
+	"action.edit-link": "编辑链接",
+	"action.enhanced-a11y-mode": "切换增强辅助功能模式",
+	"action.enhanced-a11y-mode.menu": "增强辅助功能模式",
+	"action.exit-pen-mode": "退出钢笔模式",
+	"action.export-all-as-png": "全部导出为 PNG",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "全部导出为 SVG",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "导出为 PNG",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "导出为 SVG",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "适合于内容",
+	"action.flatten-to-image": "展开",
+	"action.flip-horizontal": "水平翻转",
+	"action.flip-horizontal.short": "水平翻转",
+	"action.flip-vertical": "垂直翻转",
+	"action.flip-vertical.short": "垂直翻转",
+	"action.fork-project": "Fork 这个项目",
+	"action.fork-project-on-tldraw": "在 tldraw 上 Fork 项目",
+	"action.group": "分组",
+	"action.insert-embed": "创建嵌入",
+	"action.insert-media": "上传媒体文件",
+	"action.leave-shared-project": "退出共享项目",
+	"action.new-project": "新项目",
+	"action.new-shared-project": "新建共享项目",
+	"action.open-cursor-chat": "Cursor Chat",
+	"action.open-embed-link": "打开链接",
+	"action.open-file": "打开文件",
+	"action.open-kbd-shortcuts": "打开键盘快捷方式",
+	"action.pack": "打包",
+	"action.paste": "粘贴",
+	"action.paste-error-description": "由于缺少剪贴板权限，无法粘贴。请启用权限并重试。",
+	"action.paste-error-title": "粘贴失败",
+	"action.print": "打印",
+	"action.redo": "重做",
+	"action.remove-frame": "移除框架",
+	"action.rename": "重命名",
+	"action.rotate-ccw": "逆时针旋转",
+	"action.rotate-cw": "顺时针旋转",
+	"action.save-copy": "保存副本",
+	"action.select-all": "选中全部",
+	"action.select-none": "取消选中",
+	"action.select-zoom-tool": "飞涨",
+	"action.send-backward": "下移一层",
+	"action.send-to-back": "置底",
+	"action.share-project": "共享此项目",
+	"action.stack-horizontal": "横排",
+	"action.stack-horizontal.short": "横排",
+	"action.stack-vertical": "竖排",
+	"action.stack-vertical.short": "竖排",
+	"action.stop-following": "停止跟踪",
+	"action.stretch-horizontal": "水平拉伸",
+	"action.stretch-horizontal.short": "水平拉伸",
+	"action.stretch-vertical": "垂直拉伸",
+	"action.stretch-vertical.short": "垂直拉伸",
+	"action.toggle-auto-none": "自动",
+	"action.toggle-auto-pan": "自动（触摸板）",
+	"action.toggle-auto-size": "切换自动大小",
+	"action.toggle-auto-zoom": "自动（鼠标）",
+	"action.toggle-dark-mode": "切换暗黑模式",
+	"action.toggle-dark-mode.menu": "暗黑模式",
+	"action.toggle-debug-mode": "切换调试模式",
+	"action.toggle-debug-mode.menu": "调试模式",
+	"action.toggle-dynamic-size-mode": "切换动态尺寸",
+	"action.toggle-dynamic-size-mode.menu": "动态尺寸",
+	"action.toggle-edge-scrolling": "切换边缘滚动",
+	"action.toggle-edge-scrolling.menu": "边缘滚动",
+	"action.toggle-focus-mode": "切换专注模式",
+	"action.toggle-focus-mode.menu": "专注模式",
+	"action.toggle-grid": "切换网格",
+	"action.toggle-grid.menu": "显示网格",
+	"action.toggle-invert-zoom": "切换反转鼠标缩放",
+	"action.toggle-invert-zoom.menu": "反转鼠标缩放",
+	"action.toggle-keyboard-shortcuts": "键盘快捷方式",
+	"action.toggle-keyboard-shortcuts.menu": "键盘快捷方式",
+	"action.toggle-lock": "锁定/解锁",
+	"action.toggle-mouse": "鼠标",
+	"action.toggle-paste-at-cursor": "在光标处切换粘贴",
+	"action.toggle-paste-at-cursor.menu": "粘贴至光标处",
+	"action.toggle-reduce-motion": "切换降低灵敏度",
+	"action.toggle-reduce-motion.menu": "降低灵敏度",
+	"action.toggle-snap-mode": "切换始终吸附",
+	"action.toggle-snap-mode.menu": "始终吸附",
+	"action.toggle-tool-lock": "切换工具锁定",
+	"action.toggle-tool-lock.menu": "工具锁定",
+	"action.toggle-trackpad": "触摸板",
+	"action.toggle-transparent": "切换透明背景",
+	"action.toggle-transparent.context-menu": "透明",
+	"action.toggle-transparent.menu": "透明",
+	"action.toggle-wrap-mode": "切换换行模式",
+	"action.toggle-wrap-mode.menu": "选择换行",
+	"action.undo": "撤销",
+	"action.ungroup": "取消分组",
+	"action.unlock-all": "全部解锁",
+	"action.zoom-in": "放大",
+	"action.zoom-out": "缩小",
+	"action.zoom-quick": "快速缩放",
+	"action.zoom-to-100": "缩放至 100%",
+	"action.zoom-to-fit": "自适应缩放",
+	"action.zoom-to-selection": "缩放至显示选中内容",
+	"actions-menu.title": "操作",
+	"align-style.end": "结束",
+	"align-style.justify": "两端对齐",
+	"align-style.middle": "中间",
+	"align-style.start": "开始",
+	"app.loading": "加载中...",
+	"arrow-kind-style.arc": "弧",
+	"arrow-kind-style.elbow": "折线",
+	"arrowheadEnd-style.arrow": "箭头",
+	"arrowheadEnd-style.bar": "条",
+	"arrowheadEnd-style.diamond": "菱形",
+	"arrowheadEnd-style.dot": "点",
+	"arrowheadEnd-style.inverted": "反转",
+	"arrowheadEnd-style.none": "无",
+	"arrowheadEnd-style.pipe": "管道",
+	"arrowheadEnd-style.square": "正方形",
+	"arrowheadEnd-style.triangle": "三角形",
+	"arrowheadStart-style.arrow": "箭头",
+	"arrowheadStart-style.bar": "条",
+	"arrowheadStart-style.diamond": "菱形",
+	"arrowheadStart-style.dot": "点",
+	"arrowheadStart-style.inverted": "反转",
+	"arrowheadStart-style.none": "无",
+	"arrowheadStart-style.pipe": "管道",
+	"arrowheadStart-style.square": "正方形",
+	"arrowheadStart-style.triangle": "三角形",
+	"assets.files.amount-too-many": "文件过多",
+	"assets.files.maximum-size": "文件大小最大为 {size}",
+	"assets.files.size-too-big": "文件太大",
+	"assets.files.type-not-allowed": "文件类型不符合",
+	"assets.files.upload-failed": "上传失败",
+	"assets.url.failed": "无法加载 URL 预览",
+	"color-style.black": "黑色",
+	"color-style.blue": "蓝色",
+	"color-style.green": "绿色",
+	"color-style.grey": "灰色",
+	"color-style.light-blue": "浅蓝色",
+	"color-style.light-green": "浅绿色",
+	"color-style.light-red": "浅红色",
+	"color-style.light-violet": "浅紫色",
+	"color-style.orange": "橙色",
+	"color-style.red": "红色",
+	"color-style.violet": "紫色",
+	"color-style.white": "白色",
+	"color-style.yellow": "黄色",
+	"context-menu.arrange": "排列",
+	"context-menu.copy-as": "复制为",
+	"context-menu.edit": "编辑",
+	"context-menu.export-all-as": "全部导出为",
+	"context-menu.export-as": "导出为",
+	"context-menu.move-to-page": "移动到页面",
+	"context-menu.reorder": "重新排序",
+	"context-menu.title": "右键菜单",
+	"context.pages.new-page": "新页面",
+	"cursor-chat.type-to-chat": "输入以开始聊天...",
+	"dash-style.dashed": "虚线",
+	"dash-style.dotted": "虚点",
+	"dash-style.draw": "画笔",
+	"dash-style.solid": "实心",
+	"document-name-menu.copy-link": "复制链接",
+	"document.default-name": "无标题",
+	"edit-link-dialog.cancel": "取消",
+	"edit-link-dialog.clear": "清除",
+	"edit-link-dialog.detail": "链接将在新标签页中打开。",
+	"edit-link-dialog.external-link": "外部链接",
+	"edit-link-dialog.invalid-url": "链接必须是有效 URL。",
+	"edit-link-dialog.save": "继续",
+	"edit-link-dialog.title": "编辑链接",
+	"edit-link-dialog.url": "URL",
+	"embed-dialog.back": "返回",
+	"embed-dialog.cancel": "取消",
+	"embed-dialog.create": "创建",
+	"embed-dialog.instruction": "粘贴网站 URL 创建嵌入。",
+	"embed-dialog.invalid-url": "我们无法从该 URL 创建嵌入。",
+	"embed-dialog.title": "创建嵌入",
+	"embed-dialog.url": "URL",
+	"file-system.confirm-clear.cancel": "取消",
+	"file-system.confirm-clear.continue": "继续",
+	"file-system.confirm-clear.description": "创建新项目将清除您当前的项目，并且所有未保存的更改都将丢失。确定要继续吗？",
+	"file-system.confirm-clear.dont-show-again": "不再询问",
+	"file-system.confirm-clear.title": "清空当前项目？",
+	"file-system.confirm-open.cancel": "取消",
+	"file-system.confirm-open.description": "打开文件将替换您的当前项目，任何未保存的更改将丢失。确定要继续吗？",
+	"file-system.confirm-open.dont-show-again": "不再询问",
+	"file-system.confirm-open.open": "打开文件",
+	"file-system.confirm-open.title": "覆盖当前项目？",
+	"file-system.file-open-error.file-format-version-too-new": "您试图打开的文件来自 tldraw 新版本。请重新加载页面，然后重试。",
+	"file-system.file-open-error.generic-corrupted-file": "您试图打开的文件已损坏。",
+	"file-system.file-open-error.not-a-tldraw-file": "您试图打开的文件看起来不像 tldraw 文件。",
+	"file-system.file-open-error.title": "无法打开文件",
+	"file-system.shared-document-file-open-error.description": "不支持从共享项目中打开文件。",
+	"file-system.shared-document-file-open-error.title": "无法打开文件",
+	"fill-style.fill": "填充",
+	"fill-style.lined-fill": "线条填充",
+	"fill-style.none": "无",
+	"fill-style.pattern": "图案",
+	"fill-style.semi": "半填充",
+	"fill-style.solid": "实心",
+	"focus-mode.toggle-focus-mode": "切换专注模式",
+	"font-style.draw": "画笔",
+	"font-style.mono": "等宽",
+	"font-style.sans": "无衬线",
+	"font-style.serif": "衬线",
+	"geo-style.arrow-down": "向下箭头",
+	"geo-style.arrow-left": "向左箭头",
+	"geo-style.arrow-right": "向右箭头",
+	"geo-style.arrow-up": "向上箭头",
+	"geo-style.check-box": "复选框",
+	"geo-style.cloud": "云",
+	"geo-style.diamond": "菱形",
+	"geo-style.ellipse": "椭圆形",
+	"geo-style.heart": "心",
+	"geo-style.hexagon": "六边形",
+	"geo-style.octagon": "八边形",
+	"geo-style.oval": "卵形",
+	"geo-style.pentagon": "五边形",
+	"geo-style.rectangle": "矩形",
+	"geo-style.rhombus": "菱形",
+	"geo-style.rhombus-2": "左侧菱形",
+	"geo-style.star": "星形",
+	"geo-style.trapezoid": "梯形",
+	"geo-style.triangle": "三角形",
+	"geo-style.x-box": "X 框",
+	"handle.crop.bottom": "裁剪下方",
+	"handle.crop.bottom-left": "裁剪左下角",
+	"handle.crop.bottom-right": "裁剪右下角",
+	"handle.crop.left": "裁剪左侧",
+	"handle.crop.right": "裁剪右侧",
+	"handle.crop.top": "裁剪上方",
+	"handle.crop.top-left": "裁剪左上角",
+	"handle.crop.top-right": "裁剪右上角",
+	"handle.resize-bottom": "缩放下方",
+	"handle.resize-bottom-left": "缩放左下角",
+	"handle.resize-bottom-right": "缩放右下角",
+	"handle.resize-left": "缩放左侧",
+	"handle.resize-right": "缩放右侧",
+	"handle.resize-top": "缩放上方",
+	"handle.resize-top-left": "缩放左上角",
+	"handle.resize-top-right": "缩放右上角",
+	"handle.rotate.bottom_left_rotate": "旋转左下",
+	"handle.rotate.bottom_right_rotate": "旋转右下",
+	"handle.rotate.mobile_rotate": "旋转",
+	"handle.rotate.top_left_rotate": "旋转左上",
+	"handle.rotate.top_right_rotate": "旋转右上",
+	"help-menu.about": "关于",
+	"help-menu.discord": "Discord",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "导入文件...",
+	"help-menu.keyboard-shortcuts": "键盘快捷方式",
+	"help-menu.privacy": "隐私政策",
+	"help-menu.terms": "服务条款",
+	"help-menu.title": "帮助和资源",
+	"help-menu.twitter": "Twitter",
+	"menu.accessibility": "辅助功能",
+	"menu.color-theme": "颜色主题",
+	"menu.copy-as": "复制为",
+	"menu.edit": "编辑",
+	"menu.export-as": "导出为",
+	"menu.file": "文件",
+	"menu.input-device": "输入设备",
+	"menu.language": "语言",
+	"menu.preferences": "偏好",
+	"menu.theme": "主题",
+	"menu.title": "菜单",
+	"menu.view": "视图",
+	"navigation-zone.minimap": "概览图",
+	"navigation-zone.title": "导航",
+	"navigation-zone.toggle-minimap": "切换小地图",
+	"navigation-zone.zoom": "缩放",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "创建新页面",
+	"page-menu.edit-done": "完成",
+	"page-menu.edit-start": "编辑",
+	"page-menu.go-to-page": "转到页面",
+	"page-menu.new-page-initial-name": "页面 1",
+	"page-menu.submenu.delete": "删除",
+	"page-menu.submenu.duplicate-page": "复制",
+	"page-menu.submenu.move-down": "下移",
+	"page-menu.submenu.move-up": "上移",
+	"page-menu.submenu.rename": "重命名",
+	"page-menu.submenu.title": "菜单",
+	"page-menu.title": "页面",
+	"people-menu.anonymous-user": "新用户",
+	"people-menu.avatar-color": "头像颜色",
+	"people-menu.change-color": "更改颜色",
+	"people-menu.change-name": "更改名称",
+	"people-menu.follow": "跟踪",
+	"people-menu.following": "正在跟随",
+	"people-menu.invite": "邀请他人",
+	"people-menu.leading": "跟随",
+	"people-menu.title": "人员",
+	"people-menu.user": "（您）",
+	"share-menu.copied": "链接已复制！",
+	"share-menu.copy-link": "复制链接",
+	"share-menu.copy-link-note": "任何人使用此链接都能查看和编辑此项目。",
+	"share-menu.copy-readonly-link": "复制只读链接",
+	"share-menu.copy-readonly-link-note": "任何人使用此链接都能查看（但不能编辑）此项目。",
+	"share-menu.create-snapshot-link": "创建快照链接",
+	"share-menu.creating-project": "创建新项目…",
+	"share-menu.fork-note": "基于这个快照创建一个新的共享项目。",
+	"share-menu.offline-note": "共享此项目将以新 URL 创建托管活动副本。您可以与不超过三十人共享此 URL，一起查看和编辑项目。",
+	"share-menu.project-too-large": "抱歉，此项目太大，无法共享。我们正在努力解决！",
+	"share-menu.save-note": "将这个项目以 .tldr 格式保存到您的电脑上。",
+	"share-menu.share-project": "共享此项目",
+	"share-menu.snapshot-link-note": "截取此项目并将其共享为一个只读的快照链接。",
+	"share-menu.title": "共享",
+	"share-menu.upload-failed": "抱歉，我们目前无法上传您的项目，请重试。如果问题仍然存在，请告诉我们。",
+	"sharing.confirm-leave.cancel": "取消",
+	"sharing.confirm-leave.description": "您确定要退出这个共享项目吗？您可以通过访问它的 URL 以返回。",
+	"sharing.confirm-leave.dont-show-again": "不再询问",
+	"sharing.confirm-leave.leave": "退出",
+	"sharing.confirm-leave.title": "退出当前项目？",
+	"shortcuts-dialog.a11y": "辅助功能",
+	"shortcuts-dialog.collaboration": "协作",
+	"shortcuts-dialog.edit": "编辑",
+	"shortcuts-dialog.file": "文件",
+	"shortcuts-dialog.preferences": "偏好",
+	"shortcuts-dialog.text-formatting": "文本格式",
+	"shortcuts-dialog.title": "键盘快捷方式",
+	"shortcuts-dialog.tools": "工具",
+	"shortcuts-dialog.transform": "转换",
+	"shortcuts-dialog.view": "视图",
+	"size-style.l": "大",
+	"size-style.m": "中",
+	"size-style.s": "小",
+	"size-style.xl": "加大",
+	"spline-style.cubic": "三次曲线",
+	"spline-style.line": "直线",
+	"status.offline": "离线",
+	"style-panel.align": "对齐",
+	"style-panel.arrow-kind": "直线",
+	"style-panel.arrowhead-end": "末端",
+	"style-panel.arrowhead-start": "前端",
+	"style-panel.arrowheads": "箭头",
+	"style-panel.color": "颜色",
+	"style-panel.dash": "划线",
+	"style-panel.fill": "填充",
+	"style-panel.font": "字体",
+	"style-panel.geo": "形状",
+	"style-panel.label-align": "标签对齐",
+	"style-panel.mixed": "混合",
+	"style-panel.opacity": "不透明度",
+	"style-panel.position": "位置",
+	"style-panel.selected": "已选中",
+	"style-panel.size": "大小",
+	"style-panel.spline": "曲线",
+	"style-panel.title": "样式",
+	"style-panel.vertical-align": "垂直对齐",
+	"theme.dark": "暗黑模式",
+	"theme.light": "浅色模式",
+	"theme.system": "系统",
+	"toast.close": "关闭",
+	"toast.error": "错误",
+	"toast.error.copy-fail.desc": "无法复制图像",
+	"toast.error.copy-fail.title": "复制失败",
+	"toast.error.export-fail.desc": "无法导出图像",
+	"toast.error.export-fail.title": "导出失败",
+	"toast.info": "提示",
+	"toast.success": "成功",
+	"toast.warning": "警告",
+	"tool-panel.more": "更多",
+	"tool-panel.title": "工具",
+	"tool.arrow": "箭头",
+	"tool.arrow-down": "向下箭头",
+	"tool.arrow-left": "向左箭头",
+	"tool.arrow-right": "向右箭头",
+	"tool.arrow-up": "向上箭头",
+	"tool.aspect-ratio": "纵横比",
+	"tool.aspect-ratio.circle": "圆形 (1:1)",
+	"tool.aspect-ratio.landscape": "横向 (4:3)",
+	"tool.aspect-ratio.original": "原始比例",
+	"tool.aspect-ratio.portrait": "纵向 (3:4)",
+	"tool.aspect-ratio.square": "正方形 (1:1)",
+	"tool.aspect-ratio.wide": "宽屏 (16:9)",
+	"tool.bookmark": "书签",
+	"tool.check-box": "复选框",
+	"tool.cloud": "云",
+	"tool.diamond": "菱形",
+	"tool.draw": "画笔",
+	"tool.ellipse": "椭圆形",
+	"tool.embed": "嵌入",
+	"tool.eraser": "橡皮",
+	"tool.flip-horz": "水平翻转",
+	"tool.flip-vert": "垂直翻转",
+	"tool.frame": "框架",
+	"tool.hand": "手形",
+	"tool.heart": "心",
+	"tool.hexagon": "六边形",
+	"tool.highlight": "高亮",
+	"tool.image-crop": "裁剪",
+	"tool.image-crop-confirm": "确定",
+	"tool.image-toolbar-title": "图片工具",
+	"tool.image-zoom": "缩放",
+	"tool.laser": "激光笔",
+	"tool.line": "直线",
+	"tool.media": "媒体",
+	"tool.media-alt-text": "替代文本",
+	"tool.media-alt-text-confirm": "确定",
+	"tool.media-alt-text-desc": "输入描述...",
+	"tool.note": "便笺",
+	"tool.octagon": "八边形",
+	"tool.oval": "卵形",
+	"tool.pentagon": "五边形",
+	"tool.pointer-down": "指针向下",
+	"tool.rectangle": "矩形",
+	"tool.replace-media": "替换",
+	"tool.rhombus": "菱形",
+	"tool.rich-text-bold": "粗体",
+	"tool.rich-text-bulletList": "项目符号列表",
+	"tool.rich-text-code": "代码",
+	"tool.rich-text-header": "标题",
+	"tool.rich-text-highlight": "强调",
+	"tool.rich-text-italic": "斜体",
+	"tool.rich-text-link": "链接",
+	"tool.rich-text-link-remove": "删除链接",
+	"tool.rich-text-link-visit": "访问链接",
+	"tool.rich-text-orderedList": "有序列表",
+	"tool.rich-text-strikethrough": "删除线",
+	"tool.rich-text-toolbar-title": "文本格式",
+	"tool.rotate-cw": "旋转",
+	"tool.select": "选择",
+	"tool.star": "星形",
+	"tool.text": "文本",
+	"tool.trapezoid": "梯形",
+	"tool.triangle": "三角形",
+	"tool.x-box": "X 框",
+	"ui.checked": "已选中",
+	"ui.close": "关闭",
+	"ui.unchecked": "未选中",
+	"verticalAlign-style.end": "底部",
+	"verticalAlign-style.middle": "中间",
+	"verticalAlign-style.start": "顶部",
+	"vscode.file-open.backup": "备份",
+	"vscode.file-open.backup-failed": "备份失败：这不是 .tldr 文件。",
+	"vscode.file-open.backup-saved": "备份已保存",
+	"vscode.file-open.desc": "该文件是用较早版本的tldraw创建的。您是否愿意将其更新为新版本？",
+	"vscode.file-open.dont-show-again": "不再询问",
+	"vscode.file-open.open": "继续"
+}
diff --git a/web/hermes-dist/translations/zh-tw.json b/web/hermes-dist/translations/zh-tw.json
new file mode 100644
index 0000000..d0f5b95
--- /dev/null
+++ b/web/hermes-dist/translations/zh-tw.json
@@ -0,0 +1,495 @@
+{
+	"a11y.adjust-shape-styles": "調整圖形樣式",
+	"a11y.enlarge-shape": "放大圖形",
+	"a11y.enter-leave-container": "輸入/離開容器",
+	"a11y.move-shape": "移動圖形",
+	"a11y.move-shape-faster": "加快移動圖形",
+	"a11y.multiple-shapes": "已選擇 {num} 個形狀",
+	"a11y.open-context-menu": "開啟右鍵選單",
+	"a11y.open-keyboard-shortcuts": "開啟鍵盤快捷鍵",
+	"a11y.pan-camera": "平移鏡頭",
+	"a11y.repeat-shape": "重複圖形",
+	"a11y.rotate-shape-ccw": "逆時針旋轉圖形",
+	"a11y.rotate-shape-ccw-fine": "逆時針微幅旋轉圖形",
+	"a11y.rotate-shape-cw": "順時針旋轉圖形",
+	"a11y.rotate-shape-cw-fine": "順時針微幅旋轉圖形",
+	"a11y.select-shape": "選取下一個圖形",
+	"a11y.select-shape-direction": "選取該方向的圖形",
+	"a11y.shape-image": "影像",
+	"a11y.shape-index": "{num} / {total}",
+	"a11y.shape-video": "影片",
+	"a11y.shrink-shape": "縮小圖形",
+	"a11y.skip-to-main-content": "將焦點移至畫布",
+	"a11y.status": "狀態",
+	"action.align-bottom": "置底",
+	"action.align-center-horizontal": "水平置中",
+	"action.align-center-horizontal.short": "水平置中",
+	"action.align-center-vertical": "垂直置中",
+	"action.align-center-vertical.short": "垂直置中",
+	"action.align-left": "置左",
+	"action.align-right": "置右",
+	"action.align-top": "置頂",
+	"action.back-to-content": "回到內容",
+	"action.bring-forward": "前移一層",
+	"action.bring-to-front": "移至頂層",
+	"action.convert-to-bookmark": "轉換為書籤",
+	"action.convert-to-embed": "轉換為嵌入",
+	"action.copy": "複製",
+	"action.copy-as-json": "複製為 JSON",
+	"action.copy-as-json.short": "JSON",
+	"action.copy-as-png": "複製為 PNG",
+	"action.copy-as-png.short": "PNG",
+	"action.copy-as-svg": "複製為 SVG",
+	"action.copy-as-svg.short": "SVG",
+	"action.cut": "剪下",
+	"action.delete": "刪除",
+	"action.distribute-horizontal": "水平分布",
+	"action.distribute-horizontal.short": "水平分布",
+	"action.distribute-vertical": "垂直分布",
+	"action.distribute-vertical.short": "垂直分布",
+	"action.download-original": "下載原始檔",
+	"action.duplicate": "複製",
+	"action.edit-link": "編輯連結",
+	"action.enhanced-a11y-mode": "切換進階輔助模式",
+	"action.enhanced-a11y-mode.menu": "進階輔助模式",
+	"action.exit-pen-mode": "退出畫筆模式",
+	"action.export-all-as-png": "全部匯出成 PNG",
+	"action.export-all-as-png.short": "PNG",
+	"action.export-all-as-svg": "全部匯出成 SVG",
+	"action.export-all-as-svg.short": "SVG",
+	"action.export-as-png": "匯出成 PNG",
+	"action.export-as-png.short": "PNG",
+	"action.export-as-svg": "匯出成 SVG",
+	"action.export-as-svg.short": "SVG",
+	"action.fit-frame-to-content": "貼合內容大小",
+	"action.flatten-to-image": "平鋪",
+	"action.flip-horizontal": "水平翻轉",
+	"action.flip-horizontal.short": "水平翻轉",
+	"action.flip-vertical": "垂直翻轉",
+	"action.flip-vertical.short": "垂直翻轉",
+	"action.fork-project": "分叉此專案",
+	"action.fork-project-on-tldraw": "在 tldraw 上分叉專案",
+	"action.group": "群組",
+	"action.insert-embed": "插入嵌入",
+	"action.insert-media": "上傳媒體檔",
+	"action.leave-shared-project": "離開共享專案",
+	"action.new-project": "新建專案",
+	"action.new-shared-project": "新建共享專案",
+	"action.open-cursor-chat": "Cursor chat",
+	"action.open-embed-link": "開啟連結",
+	"action.open-file": "開啟檔案",
+	"action.open-kbd-shortcuts": "開啟鍵盤快捷鍵",
+	"action.pack": "打包",
+	"action.paste": "貼上",
+	"action.paste-error-description": "由於沒有剪貼簿權限而無法貼上。請啟用權限並重試。",
+	"action.paste-error-title": "貼上失敗",
+	"action.print": "列印",
+	"action.redo": "取消復原",
+	"action.remove-frame": "移除框架",
+	"action.rename": "重新命名",
+	"action.rotate-ccw": "逆時針旋轉",
+	"action.rotate-cw": "順時針旋轉",
+	"action.save-copy": "存為副本",
+	"action.select-all": "全選",
+	"action.select-none": "取消選取",
+	"action.select-zoom-tool": "飛漲",
+	"action.send-backward": "後移一層",
+	"action.send-to-back": "移至底層",
+	"action.share-project": "共享此專案",
+	"action.stack-horizontal": "水平堆疊",
+	"action.stack-horizontal.short": "水平堆疊",
+	"action.stack-vertical": "垂直堆疊",
+	"action.stack-vertical.short": "垂直堆疊",
+	"action.stop-following": "取消追蹤",
+	"action.stretch-horizontal": "水平延展",
+	"action.stretch-horizontal.short": "水平延展",
+	"action.stretch-vertical": "垂直延展",
+	"action.stretch-vertical.short": "垂直延展",
+	"action.toggle-auto-none": "自動",
+	"action.toggle-auto-pan": "自動（觸控板）",
+	"action.toggle-auto-size": "切換自動大小",
+	"action.toggle-auto-zoom": "自動（滑鼠）",
+	"action.toggle-dark-mode": "切換深色模式",
+	"action.toggle-dark-mode.menu": "深色模式",
+	"action.toggle-debug-mode": "切換除錯模式",
+	"action.toggle-debug-mode.menu": "除錯模式",
+	"action.toggle-dynamic-size-mode": "切換動態大小",
+	"action.toggle-dynamic-size-mode.menu": "動態大小",
+	"action.toggle-edge-scrolling": "切換邊緣滾動",
+	"action.toggle-edge-scrolling.menu": "邊緣滾動",
+	"action.toggle-focus-mode": "切換專注模式",
+	"action.toggle-focus-mode.menu": "專注模式",
+	"action.toggle-grid": "切換網格",
+	"action.toggle-grid.menu": "顯示網格",
+	"action.toggle-invert-zoom": "切換反轉滑鼠縮放",
+	"action.toggle-invert-zoom.menu": "反轉滑鼠縮放",
+	"action.toggle-keyboard-shortcuts": "切換鍵盤快捷鍵",
+	"action.toggle-keyboard-shortcuts.menu": "鍵盤快捷鍵",
+	"action.toggle-lock": "鎖定/解鎖",
+	"action.toggle-mouse": "滑鼠",
+	"action.toggle-paste-at-cursor": "在游標位置切換貼上",
+	"action.toggle-paste-at-cursor.menu": "在游標位置貼上",
+	"action.toggle-reduce-motion": "切換減少活動",
+	"action.toggle-reduce-motion.menu": "減少活動",
+	"action.toggle-snap-mode": "切換始終貼齊",
+	"action.toggle-snap-mode.menu": "始終貼齊",
+	"action.toggle-tool-lock": "切換工具鎖定",
+	"action.toggle-tool-lock.menu": "工具鎖定",
+	"action.toggle-trackpad": "觸控板",
+	"action.toggle-transparent": "切換透明背景",
+	"action.toggle-transparent.context-menu": "透明",
+	"action.toggle-transparent.menu": "透明",
+	"action.toggle-wrap-mode": "在 wrap 切換選擇",
+	"action.toggle-wrap-mode.menu": "在 wrap 選擇",
+	"action.undo": "復原",
+	"action.ungroup": "取消群組",
+	"action.unlock-all": "全部解鎖",
+	"action.zoom-in": "放大",
+	"action.zoom-out": "縮小",
+	"action.zoom-quick": "快速縮放",
+	"action.zoom-to-100": "縮放至 100%",
+	"action.zoom-to-fit": "縮放至適當大小",
+	"action.zoom-to-selection": "縮放至選取範圍",
+	"actions-menu.title": "操作",
+	"align-style.end": "末端",
+	"align-style.justify": "兩端",
+	"align-style.middle": "置中",
+	"align-style.start": "前端",
+	"app.loading": "載入 tldraw 中…",
+	"arrow-kind-style.arc": "弧線",
+	"arrow-kind-style.elbow": "折線",
+	"arrowheadEnd-style.arrow": "箭頭",
+	"arrowheadEnd-style.bar": "條狀",
+	"arrowheadEnd-style.diamond": "菱形",
+	"arrowheadEnd-style.dot": "點",
+	"arrowheadEnd-style.inverted": "反轉",
+	"arrowheadEnd-style.none": "無",
+	"arrowheadEnd-style.pipe": "管狀",
+	"arrowheadEnd-style.square": "正方形",
+	"arrowheadEnd-style.triangle": "三角形",
+	"arrowheadStart-style.arrow": "箭頭",
+	"arrowheadStart-style.bar": "條狀",
+	"arrowheadStart-style.diamond": "菱形",
+	"arrowheadStart-style.dot": "點",
+	"arrowheadStart-style.inverted": "反轉",
+	"arrowheadStart-style.none": "無",
+	"arrowheadStart-style.pipe": "管狀",
+	"arrowheadStart-style.square": "正方形",
+	"arrowheadStart-style.triangle": "三角形",
+	"assets.files.amount-too-many": "文件過多",
+	"assets.files.maximum-size": "檔案大小上限為 {size}",
+	"assets.files.size-too-big": "檔案大小太大",
+	"assets.files.type-not-allowed": "檔案類型不允許",
+	"assets.files.upload-failed": "上傳失敗",
+	"assets.url.failed": "無法加載 URL 預覽",
+	"color-style.black": "黑色",
+	"color-style.blue": "藍色",
+	"color-style.green": "綠色",
+	"color-style.grey": "灰色",
+	"color-style.light-blue": "淺藍色",
+	"color-style.light-green": "淺綠色",
+	"color-style.light-red": "淺紅色",
+	"color-style.light-violet": "淺紫色",
+	"color-style.orange": "橘色",
+	"color-style.red": "紅色",
+	"color-style.violet": "紫色",
+	"color-style.white": "白色",
+	"color-style.yellow": "黃色",
+	"context-menu.arrange": "佈局",
+	"context-menu.copy-as": "複製成",
+	"context-menu.edit": "編輯",
+	"context-menu.export-all-as": "全部匯出為",
+	"context-menu.export-as": "匯出成",
+	"context-menu.move-to-page": "移至頁面",
+	"context-menu.reorder": "重新排序",
+	"context-menu.title": "內容選單",
+	"context.pages.new-page": "新頁面",
+	"cursor-chat.type-to-chat": "輸入聊天內容...",
+	"dash-style.dashed": "虛線",
+	"dash-style.dotted": "虛點",
+	"dash-style.draw": "手繪",
+	"dash-style.solid": "實線",
+	"document-name-menu.copy-link": "複製連結",
+	"document.default-name": "無標題",
+	"edit-link-dialog.cancel": "取消",
+	"edit-link-dialog.clear": "清除",
+	"edit-link-dialog.detail": "連結將在新分頁開啟。",
+	"edit-link-dialog.external-link": "外部連結",
+	"edit-link-dialog.invalid-url": "連結必須是有效網址。",
+	"edit-link-dialog.save": "繼續",
+	"edit-link-dialog.title": "編輯連結",
+	"edit-link-dialog.url": "網址",
+	"embed-dialog.back": "返回",
+	"embed-dialog.cancel": "取消",
+	"embed-dialog.create": "建立",
+	"embed-dialog.instruction": "貼上網站連結以建立嵌入。",
+	"embed-dialog.invalid-url": "我們沒辦法從該網址建立嵌入。",
+	"embed-dialog.title": "建立嵌入",
+	"embed-dialog.url": "網址",
+	"file-system.confirm-clear.cancel": "取消",
+	"file-system.confirm-clear.continue": "繼續",
+	"file-system.confirm-clear.description": "建立新專案將清除當前專案，任何未儲存的更動都會消失。您確定要繼續嗎？",
+	"file-system.confirm-clear.dont-show-again": "不再詢問",
+	"file-system.confirm-clear.title": "清除當前專案？",
+	"file-system.confirm-open.cancel": "取消",
+	"file-system.confirm-open.description": "開啟檔案將置換您的當前專案，任何未儲存的更動都會消失。您確定要繼續嗎？",
+	"file-system.confirm-open.dont-show-again": "不再詢問",
+	"file-system.confirm-open.open": "開啟檔案",
+	"file-system.confirm-open.title": "覆蓋當前檔案？",
+	"file-system.file-open-error.file-format-version-too-new": "你嘗試開啟的檔案來自新版 tldraw。請重新載入頁面，然後再試一次。",
+	"file-system.file-open-error.generic-corrupted-file": "您嘗試開啟的檔案已損毀。",
+	"file-system.file-open-error.not-a-tldraw-file": "您嘗試開啟的檔案不像 tldraw 檔。",
+	"file-system.file-open-error.title": "無法開啟檔案",
+	"file-system.shared-document-file-open-error.description": "不支援從共享專案開啟檔案。",
+	"file-system.shared-document-file-open-error.title": "無法開啟檔案",
+	"fill-style.fill": "充滿",
+	"fill-style.lined-fill": "線條填充",
+	"fill-style.none": "無",
+	"fill-style.pattern": "圖案",
+	"fill-style.semi": "半填滿",
+	"fill-style.solid": "填滿",
+	"focus-mode.toggle-focus-mode": "切換專注模式",
+	"font-style.draw": "手繪",
+	"font-style.mono": "等寬",
+	"font-style.sans": "無襯線",
+	"font-style.serif": "襯線",
+	"geo-style.arrow-down": "向下箭頭",
+	"geo-style.arrow-left": "向左箭頭",
+	"geo-style.arrow-right": "向右箭頭",
+	"geo-style.arrow-up": "向上箭頭",
+	"geo-style.check-box": "勾選框",
+	"geo-style.cloud": "雲端",
+	"geo-style.diamond": "菱形 2",
+	"geo-style.ellipse": "橢圓形",
+	"geo-style.heart": "心",
+	"geo-style.hexagon": "六邊形",
+	"geo-style.octagon": "八邊形",
+	"geo-style.oval": "卵形",
+	"geo-style.pentagon": "五邊形",
+	"geo-style.rectangle": "矩形",
+	"geo-style.rhombus": "菱形",
+	"geo-style.rhombus-2": "左菱形",
+	"geo-style.star": "星形",
+	"geo-style.trapezoid": "梯形",
+	"geo-style.triangle": "三角形",
+	"geo-style.x-box": "X 框",
+	"handle.crop.bottom": "裁切下方",
+	"handle.crop.bottom-left": "裁切左下角",
+	"handle.crop.bottom-right": "裁切右下角",
+	"handle.crop.left": "裁切左側",
+	"handle.crop.right": "裁切右側",
+	"handle.crop.top": "裁切上方",
+	"handle.crop.top-left": "裁切左上角",
+	"handle.crop.top-right": "裁切右上角",
+	"handle.resize-bottom": "從下方調整大小",
+	"handle.resize-bottom-left": "從左下角調整大小",
+	"handle.resize-bottom-right": "從右下角調整大小",
+	"handle.resize-left": "從左側調整大小",
+	"handle.resize-right": "從右側調整大小",
+	"handle.resize-top": "從上方調整大小",
+	"handle.resize-top-left": "從左上角調整大小",
+	"handle.resize-top-right": "從右上角調整大小",
+	"handle.rotate.bottom_left_rotate": "向左下角旋轉",
+	"handle.rotate.bottom_right_rotate": "向右下角旋轉",
+	"handle.rotate.mobile_rotate": "旋轉",
+	"handle.rotate.top_left_rotate": "向左上角旋轉",
+	"handle.rotate.top_right_rotate": "向右上角旋轉",
+	"help-menu.about": "關於",
+	"help-menu.discord": "Discord",
+	"help-menu.github": "GitHub",
+	"help-menu.import-tldr-file": "匯入檔案...",
+	"help-menu.keyboard-shortcuts": "鍵盤快捷鍵",
+	"help-menu.privacy": "隱私權政策",
+	"help-menu.terms": "服務條款",
+	"help-menu.title": "幫助和資源",
+	"help-menu.twitter": "Twitter",
+	"menu.accessibility": "輔助",
+	"menu.color-theme": "顏色主題",
+	"menu.copy-as": "複製成",
+	"menu.edit": "編輯",
+	"menu.export-as": "匯出成",
+	"menu.file": "檔案",
+	"menu.input-device": "輸入裝置",
+	"menu.language": "語言",
+	"menu.preferences": "選項",
+	"menu.theme": "主題",
+	"menu.title": "選單",
+	"menu.view": "檢視",
+	"navigation-zone.minimap": "縮略圖",
+	"navigation-zone.title": "導覽",
+	"navigation-zone.toggle-minimap": "切換小地圖",
+	"navigation-zone.zoom": "縮放",
+	"opacity-style.0.1": "10%",
+	"opacity-style.0.25": "25%",
+	"opacity-style.0.5": "50%",
+	"opacity-style.0.75": "75%",
+	"opacity-style.1": "100%",
+	"page-menu.create-new-page": "建立新頁面",
+	"page-menu.edit-done": "完成",
+	"page-menu.edit-start": "編輯",
+	"page-menu.go-to-page": "轉到頁面",
+	"page-menu.new-page-initial-name": "頁面 1",
+	"page-menu.submenu.delete": "刪除",
+	"page-menu.submenu.duplicate-page": "複製",
+	"page-menu.submenu.move-down": "下移",
+	"page-menu.submenu.move-up": "上移",
+	"page-menu.submenu.rename": "重新命名",
+	"page-menu.submenu.title": "選單",
+	"page-menu.title": "頁面",
+	"people-menu.anonymous-user": "新用戶",
+	"people-menu.avatar-color": "頭像顏色",
+	"people-menu.change-color": "更改顏色",
+	"people-menu.change-name": "更改名稱",
+	"people-menu.follow": "追蹤",
+	"people-menu.following": "關注",
+	"people-menu.invite": "邀請其他人",
+	"people-menu.leading": "關注你",
+	"people-menu.title": "人員",
+	"people-menu.user": "（您）",
+	"share-menu.copied": "已複製連結！",
+	"share-menu.copy-link": "複製編輯連結",
+	"share-menu.copy-link-note": "任何人透過連結都能檢視和編輯此專案。",
+	"share-menu.copy-readonly-link": "複製唯讀連結",
+	"share-menu.copy-readonly-link-note": "任何人透過連結都能檢視（但不能編輯）此專案。",
+	"share-menu.create-snapshot-link": "建立快照連結",
+	"share-menu.creating-project": "正在新建專案…",
+	"share-menu.fork-note": "基於此快照建立新的共享專案。",
+	"share-menu.offline-note": "共享此專案將建立即時副本，並產生新網址。您可以分享網址，與其他至多三十人一起檢視和編輯副本。",
+	"share-menu.project-too-large": "抱歉，無法共享此專案，因為檔案過大。我們已在調整這件事！",
+	"share-menu.save-note": "將此專案作為 .tldr 檔下載到您的電腦。",
+	"share-menu.share-project": "共享此專案",
+	"share-menu.snapshot-link-note": "將此專案作為唯讀快照連結進行擷取並共享。",
+	"share-menu.title": "共享",
+	"share-menu.upload-failed": "抱歉，我們目前無法上傳您的專案。請重試或讓我們知道問題是否持續存在。",
+	"sharing.confirm-leave.cancel": "取消",
+	"sharing.confirm-leave.description": "您確定要離開此共享專案嗎？您可以導覽到其 URL 返回。",
+	"sharing.confirm-leave.dont-show-again": "不再詢問",
+	"sharing.confirm-leave.leave": "離開",
+	"sharing.confirm-leave.title": "離開當前專案？",
+	"shortcuts-dialog.a11y": "輔助",
+	"shortcuts-dialog.collaboration": "合作",
+	"shortcuts-dialog.edit": "編輯",
+	"shortcuts-dialog.file": "檔案",
+	"shortcuts-dialog.preferences": "選項",
+	"shortcuts-dialog.text-formatting": "文字格式",
+	"shortcuts-dialog.title": "鍵盤快捷鍵",
+	"shortcuts-dialog.tools": "工具",
+	"shortcuts-dialog.transform": "轉換",
+	"shortcuts-dialog.view": "檢視",
+	"size-style.l": "大",
+	"size-style.m": "中",
+	"size-style.s": "小",
+	"size-style.xl": "特大",
+	"spline-style.cubic": "立方體",
+	"spline-style.line": "直線",
+	"status.offline": "斷線",
+	"style-panel.align": "對齊",
+	"style-panel.arrow-kind": "直線",
+	"style-panel.arrowhead-end": "末端",
+	"style-panel.arrowhead-start": "前端",
+	"style-panel.arrowheads": "箭頭",
+	"style-panel.color": "顏色",
+	"style-panel.dash": "虛線",
+	"style-panel.fill": "填充",
+	"style-panel.font": "字型",
+	"style-panel.geo": "形狀",
+	"style-panel.label-align": "標籤對齊",
+	"style-panel.mixed": "混合",
+	"style-panel.opacity": "不透明度",
+	"style-panel.position": "位置",
+	"style-panel.selected": "已選取",
+	"style-panel.size": "大小",
+	"style-panel.spline": "曲線",
+	"style-panel.title": "樣式",
+	"style-panel.vertical-align": "垂直對齊",
+	"theme.dark": "黑暗",
+	"theme.light": "明亮",
+	"theme.system": "系統",
+	"toast.close": "關閉",
+	"toast.error": "錯誤",
+	"toast.error.copy-fail.desc": "圖片複製失敗",
+	"toast.error.copy-fail.title": "複製失敗",
+	"toast.error.export-fail.desc": "圖片匯出失敗",
+	"toast.error.export-fail.title": "匯出失敗",
+	"toast.info": "資訊",
+	"toast.success": "成功",
+	"toast.warning": "警告",
+	"tool-panel.more": "更多",
+	"tool-panel.title": "工具",
+	"tool.arrow": "箭頭",
+	"tool.arrow-down": "向下箭頭",
+	"tool.arrow-left": "向左箭頭",
+	"tool.arrow-right": "向右箭頭",
+	"tool.arrow-up": "向上箭頭",
+	"tool.aspect-ratio": "長寬比",
+	"tool.aspect-ratio.circle": "圓形 (1:1)",
+	"tool.aspect-ratio.landscape": "橫式 (4:3)",
+	"tool.aspect-ratio.original": "原圖",
+	"tool.aspect-ratio.portrait": "直式 (3:4)",
+	"tool.aspect-ratio.square": "正方形 (1:1)",
+	"tool.aspect-ratio.wide": "寬版 (16:9)",
+	"tool.bookmark": "書籤",
+	"tool.check-box": "勾選框",
+	"tool.cloud": "雲端",
+	"tool.diamond": "菱形 2",
+	"tool.draw": "手繪",
+	"tool.ellipse": "橢圓形",
+	"tool.embed": "嵌入",
+	"tool.eraser": "橡皮擦",
+	"tool.flip-horz": "水平翻轉",
+	"tool.flip-vert": "垂直翻轉",
+	"tool.frame": "框架",
+	"tool.hand": "抓取",
+	"tool.heart": "心",
+	"tool.hexagon": "六邊形",
+	"tool.highlight": "醒目提醒",
+	"tool.image-crop": "裁切圖片",
+	"tool.image-crop-confirm": "確認",
+	"tool.image-toolbar-title": "修圖工具",
+	"tool.image-zoom": "縮放",
+	"tool.laser": "雷射",
+	"tool.line": "直線",
+	"tool.media": "媒體",
+	"tool.media-alt-text": "替代文字",
+	"tool.media-alt-text-confirm": "確認",
+	"tool.media-alt-text-desc": "提供說明…",
+	"tool.note": "便利貼",
+	"tool.octagon": "八邊形",
+	"tool.oval": "卵形",
+	"tool.pentagon": "五邊形",
+	"tool.pointer-down": "指針向下",
+	"tool.rectangle": "矩形",
+	"tool.replace-media": "更換媒體",
+	"tool.rhombus": "菱形",
+	"tool.rich-text-bold": "粗體",
+	"tool.rich-text-bulletList": "項目符號列表",
+	"tool.rich-text-code": "程式碼",
+	"tool.rich-text-header": "標題",
+	"tool.rich-text-highlight": "強調",
+	"tool.rich-text-italic": "斜體",
+	"tool.rich-text-link": "關聯",
+	"tool.rich-text-link-remove": "刪除連結",
+	"tool.rich-text-link-visit": "訪問連結",
+	"tool.rich-text-orderedList": "有序清單",
+	"tool.rich-text-strikethrough": "刪除線",
+	"tool.rich-text-toolbar-title": "文字格式",
+	"tool.rotate-cw": "旋轉",
+	"tool.select": "選取",
+	"tool.star": "星形",
+	"tool.text": "文字",
+	"tool.trapezoid": "梯形",
+	"tool.triangle": "三角形",
+	"tool.x-box": "X 框",
+	"ui.checked": "已勾選",
+	"ui.close": "關閉",
+	"ui.unchecked": "未勾選",
+	"verticalAlign-style.end": "置底",
+	"verticalAlign-style.middle": "置中",
+	"verticalAlign-style.start": "置頂",
+	"vscode.file-open.backup": "備份",
+	"vscode.file-open.backup-failed": "備份失敗：這不是 .tldr 檔。",
+	"vscode.file-open.backup-saved": "已備份",
+	"vscode.file-open.desc": "此檔案由較早版本的 tldraw 所建立。您想要更新它以用於新版本上嗎？",
+	"vscode.file-open.dont-show-again": "不再詢問",
+	"vscode.file-open.open": "繼續"
+}