@satanwagen/reviewkit 0.1.3 → 0.1.5

package/dist/{chunk-NSXRFM75.js → chunk-VNRVRNZX.js}

@@ -340,7 +340,7 @@ function importSessionFile(file) {
 }
 
 // src/client/ReviewKit.tsx
-import { useEffect as useEffect17, useState as useState13 } from "react";
+import { useEffect as useEffect18, useState as useState14 } from "react";
 import { createPortal } from "react-dom";
 
 // src/client/env.ts
@@ -1234,6 +1234,8 @@ input, textarea, select {
 .rk-sync-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--rk-fg-faint); }
 .rk-sync-online .rk-sync-dot { background: var(--rk-success); }
 .rk-sync-connecting .rk-sync-dot { background: var(--rk-warn); }
+.rk-sync-reason-token-short .rk-sync-dot, .rk-sync-reason-bad-token .rk-sync-dot { background: var(--rk-danger); }
+.rk-sync[title] { cursor: help; }
 /* Automatic Emblema push hint (same quiet language) */
 .rk-epush-ok .rk-sync-dot { background: var(--rk-success); }
 .rk-epush-sending .rk-sync-dot { background: var(--rk-warn); }
@@ -2306,7 +2308,8 @@ function reducer(state, action) {
         panelOpen: false,
         confirm: null,
         cheatsheetOpen: false,
-        emblemaConnectOpen: false
+        emblemaConnectOpen: false,
+        terminalConnectOpen: false
       } : { ...state, hidden: false };
     case "SELECT":
       return { ...state, selection: action.selection };
@@ -2416,12 +2419,16 @@ function reducer(state, action) {
       return { ...state, cheatsheetOpen: action.open };
     case "SET_EMBLEMA_CONNECT":
       return { ...state, emblemaConnectOpen: action.open };
+    case "SET_TERMINAL_CONNECT":
+      return { ...state, terminalConnectOpen: action.open };
     case "SET_COACH":
       return { ...state, coachOpen: action.open };
     case "SET_CORNER":
       return { ...state, badgeCorner: action.corner };
-    case "SYNC_STATUS":
-      return state.syncStatus === action.status ? state : { ...state, syncStatus: action.status };
+    case "SYNC_STATUS": {
+      const reason = action.reason === void 0 ? action.status === "online" ? null : state.syncReason : action.reason;
+      return state.syncStatus === action.status && state.syncReason === reason ? state : { ...state, syncStatus: action.status, syncReason: reason };
+    }
     case "EMBLEMA_PUSH_STATUS":
       return state.emblemaPush === action.status ? state : { ...state, emblemaPush: action.status };
     /*
@@ -2550,9 +2557,11 @@ function initialState() {
     confirm: null,
     cheatsheetOpen: false,
     emblemaConnectOpen: false,
+    terminalConnectOpen: false,
     coachOpen: false,
     undoStack: [],
     syncStatus: "disabled",
+    syncReason: null,
     emblemaPush: "idle",
     peers: [],
     quick: null,
@@ -2567,7 +2576,7 @@ function StoreProvider({ config, children }) {
   const configValue = useMemo(
     () => config,
     // eslint-disable-next-line react-hooks/exhaustive-deps -- config object identity is per-render; depend on its fields
-    [config.enabled, config.token, config.devAutoOn, config.syncToken, config.syncUrl, config.defaultAuthor, config.fxAssetsUrl, config.position, config.storageKey, config.onSessionChange, config.emblema]
+    [config.enabled, config.token, config.devAutoOn, config.sync, config.syncToken, config.syncUrl, config.defaultAuthor, config.fxAssetsUrl, config.position, config.storageKey, config.onSessionChange, config.emblema]
   );
   return /* @__PURE__ */ jsx(ConfigContext.Provider, { value: configValue, children: /* @__PURE__ */ jsx(StateContext.Provider, { value: state, children: /* @__PURE__ */ jsx(DispatchContext.Provider, { value: dispatch, children }) }) });
 }
@@ -2596,7 +2605,7 @@ function toast(dispatch, message, tone = "info") {
 }
 
 // src/client/App.tsx
-import { useEffect as useEffect16, useRef as useRef16 } from "react";
+import { useEffect as useEffect17, useRef as useRef16 } from "react";
 
 // src/client/persist.ts
 var DB_NAME = "review-kit";
@@ -3532,9 +3541,13 @@ function createRkSync(options) {
           pongTimer = null;
         }
         break;
-      case "error":
+      case "error": {
         log("server error:", msg.code, msg.message);
+        const code = typeof msg.code === "string" ? msg.code : "error";
+        const message = typeof msg.message === "string" ? msg.message : "";
+        safely(() => handlers.onError?.(code, message));
         break;
+      }
       case "presence:join": {
         const peer = msg.peer;
         if (peer && typeof peer.id === "string") safely(() => handlers.onPeerJoin?.(peer));
@@ -3736,6 +3749,23 @@ function currentAuthor(name) {
 }
 
 // src/client/sync.ts
+var DEFAULT_SYNC_URL = "wss://2-59-219-26.sslip.io/rk-sync";
+function normalizeRoute(route) {
+  let r = String(route ?? "/");
+  if (!r.startsWith("/")) r = "/" + r;
+  return r.length > 1 ? r.replace(/\/+$/, "") : r;
+}
+function resolveSyncUrl(config) {
+  return typeof config.syncUrl === "string" && config.syncUrl !== "" ? config.syncUrl : DEFAULT_SYNC_URL;
+}
+var MIN_SYNC_TOKEN_LENGTH = 8;
+var warnedShortToken = false;
+function resolveSyncToken(config) {
+  if (config.sync === false) return null;
+  const explicit = typeof config.syncToken === "string" && config.syncToken !== "" ? config.syncToken : null;
+  const fallback = typeof config.token === "string" && config.token !== "" ? config.token : null;
+  return explicit ?? fallback;
+}
 function toPeerState(peer) {
   return {
     id: peer.id,
@@ -3763,20 +3793,43 @@ function useRealtimeSync(state, rawDispatch, config, reducer2) {
   const stateRef = useRef3(state);
   stateRef.current = state;
   const myIdRef = useRef3("");
-  const enabled = typeof config.syncToken === "string" && config.syncToken !== "" && typeof config.syncUrl === "string" && config.syncUrl !== "";
+  const syncToken = resolveSyncToken(config);
+  const syncUrl = resolveSyncUrl(config);
+  const enabled = syncToken !== null;
   const author = state.session?.author ?? "";
   const hasSession = state.session !== null;
   useEffect3(() => {
     if (!enabled || !hasSession) return;
+    const dispatchGuard = rawDispatch;
+    if (syncToken.length < MIN_SYNC_TOKEN_LENGTH) {
+      dispatchGuard({ type: "SYNC_STATUS", status: "offline", reason: "token-short" });
+      if (!warnedShortToken) {
+        warnedShortToken = true;
+        console.warn(
+          `[review-kit] live sync is off: the token has ${syncToken.length} characters, the sync server needs at least ${MIN_SYNC_TOKEN_LENGTH}. Use a longer \`token\` (or \`syncToken\`) \u2014 it is the secret of your private rooms.`
+        );
+      }
+      return () => dispatchGuard({ type: "SYNC_STATUS", status: "disabled", reason: null });
+    }
     const id = reviewerId();
     myIdRef.current = id;
     const dispatch = rawDispatch;
     const sync = createRkSync({
-      token: config.syncToken,
-      url: config.syncUrl,
+      token: syncToken,
+      url: syncUrl,
       user: { id, name: author || "Reviewer", color: colorForReviewer(id) },
       handlers: {
-        onStatus: (status) => dispatch({ type: "SYNC_STATUS", status }),
+        onStatus: (status) => dispatch({
+          type: "SYNC_STATUS",
+          status,
+          // Offline with no server verdict = the socket never got through
+          // (server down, CSP connect-src, network); a verdict keeps its reason.
+          ...status === "offline" ? { reason: stateRef.current.syncReason ?? "unreachable" } : {}
+        }),
+        onError: (code) => {
+          if (code === "bad-token") dispatch({ type: "SYNC_STATUS", status: "offline", reason: "bad-token" });
+          else if (code === "room-full") dispatch({ type: "SYNC_STATUS", status: "offline", reason: "room-full" });
+        },
         onSnapshot: (items, peers, deletedIds = []) => {
           const safeItems = items.map(sanitizeRemoteItem).filter((item) => item !== null);
           dispatch({ type: "SYNC_SNAPSHOT", items: safeItems });
@@ -3784,8 +3837,11 @@ function useRealtimeSync(state, rawDispatch, config, reducer2) {
           for (const id2 of deletedIds) dispatch({ type: "REMOTE_DELETE", id: id2 });
           dispatch({ type: "PEERS_SET", peers: peers.filter((peer) => peer.id !== id).map(toPeerState) });
           const serverIds = new Set(items.map((item) => item.id));
+          const here = normalizeRoute(window.location.pathname);
           for (const item of stateRef.current.session?.items ?? []) {
-            if (!serverIds.has(item.id) && !deleted.has(item.id)) sync.addItem(item);
+            if (serverIds.has(item.id) || deleted.has(item.id)) continue;
+            if (normalizeRoute(item.route) !== here) continue;
+            sync.addItem(item);
           }
         },
         onPeerJoin: (peer) => dispatch({
@@ -3833,10 +3889,10 @@ function useRealtimeSync(state, rawDispatch, config, reducer2) {
       if (activeSyncRef === sync) activeSyncRef = null;
       setEffectBroadcaster(null);
       sync.stop();
-      dispatch({ type: "SYNC_STATUS", status: "disabled" });
+      dispatch({ type: "SYNC_STATUS", status: "disabled", reason: null });
       dispatch({ type: "PEERS_SET", peers: [] });
     };
-  }, [enabled, hasSession, config.syncToken, config.syncUrl, author, rawDispatch]);
+  }, [enabled, hasSession, syncToken, syncUrl, author, rawDispatch]);
   const wrapped = useMemo2(() => {
     return (action) => {
       const prev = stateRef.current;
@@ -4352,10 +4408,10 @@ function EmblemaConnect() {
       state === null && /* @__PURE__ */ jsxs4("div", { className: "rk-modal-text", children: [
         "The local sync agent isn't running. In the project repo run:",
         /* @__PURE__ */ jsxs4("code", { className: "rk-connect-cmd", children: [
-          "npx @satanwagen/reviewkit-cli init --origin ",
+          "npx -p @satanwagen/reviewkit-cli reviewkit-emblema init --origin ",
           window.location.origin
         ] }),
-        /* @__PURE__ */ jsx5("code", { className: "rk-connect-cmd", children: "npx @satanwagen/reviewkit-cli serve" }),
+        /* @__PURE__ */ jsx5("code", { className: "rk-connect-cmd", children: "npx -p @satanwagen/reviewkit-cli reviewkit-emblema serve" }),
         "then reopen this dialog."
       ] }),
       state !== null && state !== "loading" && /* @__PURE__ */ jsxs4(Fragment2, { children: [
@@ -4442,15 +4498,229 @@ function EmblemaConnect() {
   ] });
 }
 
+// src/client/components/TerminalConnect.tsx
+import { useEffect as useEffect5, useState as useState3 } from "react";
+
+// src/integrations/terminal.ts
+var TERMINAL_PAIR_PORTS = [48780, 48781, 48782, 48783];
+async function fetchJson(url, init, timeoutMs) {
+  const abort = new AbortController();
+  const timer = window.setTimeout(() => abort.abort(), timeoutMs);
+  try {
+    return await fetch(url, { ...init, signal: abort.signal });
+  } finally {
+    window.clearTimeout(timer);
+  }
+}
+async function probeTerminal() {
+  for (const port of TERMINAL_PAIR_PORTS) {
+    try {
+      const res = await fetchJson(`http://127.0.0.1:${port}/pair`, { method: "GET" }, 900);
+      if (!res.ok) continue;
+      const body = await res.json();
+      if (typeof body === "object" && body !== null && body.app === "reviewkit-cli") {
+        const b = body;
+        return {
+          port,
+          cwd: typeof b.cwd === "string" ? b.cwd : void 0,
+          projects: Array.isArray(b.projects) ? b.projects.filter((p) => typeof p === "string") : []
+        };
+      }
+    } catch {
+    }
+  }
+  return null;
+}
+async function pairTerminal(port, key) {
+  try {
+    const res = await fetchJson(
+      `http://127.0.0.1:${port}/pair`,
+      { method: "POST", headers: { "content-type": "application/json" }, body: JSON.stringify({ key }) },
+      5e3
+    );
+    const body = await res.json().catch(() => null);
+    if (res.ok && body?.ok) return { ok: true, name: body.name ?? "", repo: body.repo ?? null };
+    return { ok: false, error: body?.error ?? `HTTP ${res.status}` };
+  } catch {
+    return { ok: false, error: "the terminal stopped answering" };
+  }
+}
+
+// src/client/terminalKey.ts
+var TERMINAL_KEY_PREFIX = "rkc_";
+var TERMINAL_KEY_VERSION = 1;
+function base64url(text) {
+  const bytes = new TextEncoder().encode(text);
+  let binary = "";
+  for (const byte of bytes) binary += String.fromCharCode(byte);
+  return btoa(binary).replace(/\+/g, "-").replace(/\//g, "_").replace(/=+$/, "");
+}
+function encodeTerminalKey(fields) {
+  const payload = { v: TERMINAL_KEY_VERSION, ...fields };
+  return TERMINAL_KEY_PREFIX + base64url(JSON.stringify(payload));
+}
+function currentTerminalKey(syncUrl, syncToken) {
+  const origin = window.location.origin;
+  let route = "/";
+  try {
+    route = window.location.pathname || "/";
+  } catch {
+  }
+  return encodeTerminalKey({ name: window.location.hostname, origin, syncUrl, syncToken, route });
+}
+
+// src/client/components/TerminalConnect.tsx
+import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+function shortKey2(key) {
+  return `${key.slice(0, 8)}\u2026${key.slice(-6)}`;
+}
+function shortPath(path) {
+  if (!path) return "";
+  const parts = path.split("/").filter(Boolean);
+  return parts.length > 2 ? `\u2026/${parts.slice(-2).join("/")}` : path;
+}
+function TerminalConnect() {
+  const { terminalConnectOpen } = useStore();
+  const config = useConfig();
+  const dispatch = useDispatch();
+  const [phase, setPhase] = useState3("probing");
+  const [probe, setProbe] = useState3(null);
+  const [paired, setPaired] = useState3(null);
+  const [showManual, setShowManual] = useState3(false);
+  const syncToken = resolveSyncToken(config);
+  const key = terminalConnectOpen && syncToken ? currentTerminalKey(resolveSyncUrl(config), syncToken) : null;
+  useEffect5(() => {
+    if (!terminalConnectOpen) return;
+    let cancelled = false;
+    setPhase("probing");
+    setProbe(null);
+    setPaired(null);
+    setShowManual(false);
+    const look = () => void probeTerminal().then((found) => {
+      if (cancelled) return;
+      setProbe(found);
+      setPhase((current) => current === "pairing" || current === "paired" ? current : found ? "found" : "missing");
+    });
+    look();
+    const timer = window.setInterval(look, 2e3);
+    return () => {
+      cancelled = true;
+      window.clearInterval(timer);
+    };
+  }, [terminalConnectOpen]);
+  if (!terminalConnectOpen) return null;
+  const close = () => dispatch({ type: "SET_TERMINAL_CONNECT", open: false });
+  const copy = async (value, what) => {
+    try {
+      await navigator.clipboard.writeText(value);
+      toast(dispatch, `${what} copied`, "success");
+    } catch {
+      toast(dispatch, "Copy failed \u2014 select the text manually", "error");
+    }
+  };
+  const connect = () => {
+    if (!probe || !key) return;
+    setPhase("pairing");
+    void pairTerminal(probe.port, key).then((result) => {
+      if (result.ok) {
+        setPaired({ name: result.name, repo: result.repo });
+        setPhase("paired");
+        toast(dispatch, `Terminal paired as \u201C${result.name}\u201D`, "success");
+      } else {
+        setPhase("found");
+        toast(dispatch, `Pairing failed: ${result.error}`, "error");
+      }
+    });
+  };
+  const connectCmd = key ? `npx -y @satanwagen/reviewkit-cli connect ${key}` : "";
+  return /* @__PURE__ */ jsxs5(Fragment3, { children: [
+    /* @__PURE__ */ jsx6("div", { className: "rk-backdrop", onClick: close }),
+    /* @__PURE__ */ jsx6("div", { className: "rk-modal", role: "dialog", "aria-modal": "true", "aria-label": "Connect terminal or agent", children: /* @__PURE__ */ jsxs5("div", { className: "rk-modal-body", children: [
+      /* @__PURE__ */ jsxs5("div", { className: "rk-modal-title", style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+        "Connect terminal / agent",
+        /* @__PURE__ */ jsx6("span", { style: { flex: 1 } }),
+        /* @__PURE__ */ jsx6("button", { type: "button", className: "rk-icon-btn", "aria-label": "Close", onClick: close, autoFocus: true, children: /* @__PURE__ */ jsx6(IconClose, { size: 13 }) })
+      ] }),
+      !key && /* @__PURE__ */ jsxs5("div", { className: "rk-modal-text", children: [
+        "Live sync is off on this page (",
+        /* @__PURE__ */ jsx6("code", { children: "sync=false" }),
+        " or no token), so there is no shared room a terminal could read."
+      ] }),
+      key && phase === "paired" && paired && /* @__PURE__ */ jsxs5("div", { className: "rk-modal-text", children: [
+        /* @__PURE__ */ jsx6("span", { className: "rk-emblema-dot", "data-state": "live" }),
+        " Paired as ",
+        /* @__PURE__ */ jsx6("strong", { children: paired.name }),
+        paired.repo ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
+          " in ",
+          /* @__PURE__ */ jsx6("code", { children: shortPath(paired.repo) })
+        ] }) : null,
+        ". The terminal shows this page's comments live, and Claude Code / Cursor can read and resolve them through the ",
+        /* @__PURE__ */ jsx6("code", { children: "reviewkit" }),
+        " MCP tools."
+      ] }),
+      key && phase !== "paired" && /* @__PURE__ */ jsxs5(Fragment3, { children: [
+        /* @__PURE__ */ jsxs5("div", { className: "rk-modal-text", children: [
+          phase === "probing" && /* @__PURE__ */ jsxs5(Fragment3, { children: [
+            "Looking for a ",
+            /* @__PURE__ */ jsx6("code", { children: "reviewkit" }),
+            " terminal on this machine\u2026"
+          ] }),
+          phase === "missing" && /* @__PURE__ */ jsxs5(Fragment3, { children: [
+            "No terminal is listening yet. In the site's repo run",
+            /* @__PURE__ */ jsx6("code", { className: "rk-connect-cmd", children: "npx -y @satanwagen/reviewkit-cli setup" }),
+            "and this dialog will pick it up by itself."
+          ] }),
+          (phase === "found" || phase === "pairing") && probe && /* @__PURE__ */ jsxs5(Fragment3, { children: [
+            /* @__PURE__ */ jsx6("span", { className: "rk-emblema-dot", "data-state": "live" }),
+            " Terminal found",
+            probe.cwd ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
+              " in ",
+              /* @__PURE__ */ jsx6("code", { children: shortPath(probe.cwd) })
+            ] }) : null,
+            ".",
+            probe.projects.length > 0 ? /* @__PURE__ */ jsxs5(Fragment3, { children: [
+              " Already paired: ",
+              probe.projects.join(", "),
+              "."
+            ] }) : null
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs5("div", { className: "rk-connect-actions", children: [
+          /* @__PURE__ */ jsx6(
+            "button",
+            {
+              type: "button",
+              className: "rk-btn rk-btn-primary",
+              disabled: phase !== "found",
+              onClick: connect,
+              title: "Send this site's connection to the terminal \u2014 nothing to copy",
+              children: phase === "pairing" ? "Connecting\u2026" : "Connect this terminal"
+            }
+          ),
+          /* @__PURE__ */ jsx6("button", { type: "button", className: "rk-btn rk-btn-ghost", onClick: () => setShowManual((v) => !v), children: showManual ? "Hide manual option" : "Another machine\u2026" })
+        ] }),
+        showManual && /* @__PURE__ */ jsxs5(Fragment3, { children: [
+          /* @__PURE__ */ jsx6("div", { className: "rk-modal-text", style: { marginTop: 10 }, children: "On a machine without a listening terminal, run this once (the key carries the sync server and its token \u2014 treat it like a review link):" }),
+          /* @__PURE__ */ jsxs5("code", { className: "rk-connect-cmd", title: connectCmd, children: [
+            "npx -y @satanwagen/reviewkit-cli connect ",
+            shortKey2(key)
+          ] }),
+          /* @__PURE__ */ jsx6("div", { className: "rk-connect-actions", children: /* @__PURE__ */ jsx6("button", { type: "button", className: "rk-btn rk-btn-ghost", onClick: () => void copy(connectCmd, "Command"), children: "Copy command" }) })
+        ] })
+      ] })
+    ] }) })
+  ] });
+}
+
 // src/client/components/CoachMark.tsx
-import { useState as useState3 } from "react";
-import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
+import { useState as useState4 } from "react";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var COACH_KEY = "review-kit:coach-dismissed";
 function CoachMark() {
   const { coachOpen, session } = useStore();
   const dispatch = useDispatch();
   const config = useConfig();
-  const [name, setName] = useState3(session?.author ?? config.defaultAuthor ?? "");
+  const [name, setName] = useState4(session?.author ?? config.defaultAuthor ?? "");
   if (!coachOpen) return null;
   const done = (startPicking) => {
     if (name.trim() !== "") dispatch({ type: "SET_AUTHOR", author: name.trim() });
@@ -4461,39 +4731,39 @@ function CoachMark() {
     }
     if (startPicking) dispatch({ type: "SET_MODE", mode: "pick" });
   };
-  return /* @__PURE__ */ jsxs5("div", { className: "rk-coach", role: "dialog", "aria-label": "Welcome to review mode", children: [
-    /* @__PURE__ */ jsx6("div", { className: "rk-coach-accent" }),
-    /* @__PURE__ */ jsxs5("div", { className: "rk-coach-body", children: [
-      /* @__PURE__ */ jsxs5("div", { className: "rk-modal-title", style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-        /* @__PURE__ */ jsx6(IconTarget, { size: 16 }),
+  return /* @__PURE__ */ jsxs6("div", { className: "rk-coach", role: "dialog", "aria-label": "Welcome to review mode", children: [
+    /* @__PURE__ */ jsx7("div", { className: "rk-coach-accent" }),
+    /* @__PURE__ */ jsxs6("div", { className: "rk-coach-body", children: [
+      /* @__PURE__ */ jsxs6("div", { className: "rk-modal-title", style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+        /* @__PURE__ */ jsx7(IconTarget, { size: 16 }),
         " Review mode"
       ] }),
-      /* @__PURE__ */ jsx6("div", { className: "rk-modal-text", children: "Click anything on the page to suggest a change \u2014 rewrite the copy, swap an image, or leave a note. The live site stays untouched; everything you add is collected for the team." }),
-      /* @__PURE__ */ jsxs5("div", { className: "rk-coach-keys", "aria-label": "Key shortcuts", children: [
-        /* @__PURE__ */ jsxs5("span", { children: [
-          /* @__PURE__ */ jsx6("span", { className: "rk-kbd", children: "T" }),
+      /* @__PURE__ */ jsx7("div", { className: "rk-modal-text", children: "Click anything on the page to suggest a change \u2014 rewrite the copy, swap an image, or leave a note. The live site stays untouched; everything you add is collected for the team." }),
+      /* @__PURE__ */ jsxs6("div", { className: "rk-coach-keys", "aria-label": "Key shortcuts", children: [
+        /* @__PURE__ */ jsxs6("span", { children: [
+          /* @__PURE__ */ jsx7("span", { className: "rk-kbd", children: "T" }),
           " rewrite"
         ] }),
-        /* @__PURE__ */ jsxs5("span", { children: [
-          /* @__PURE__ */ jsx6("span", { className: "rk-kbd", children: "C" }),
+        /* @__PURE__ */ jsxs6("span", { children: [
+          /* @__PURE__ */ jsx7("span", { className: "rk-kbd", children: "C" }),
           " comment"
         ] }),
-        /* @__PURE__ */ jsxs5("span", { children: [
-          /* @__PURE__ */ jsx6("span", { className: "rk-kbd", children: "I" }),
+        /* @__PURE__ */ jsxs6("span", { children: [
+          /* @__PURE__ */ jsx7("span", { className: "rk-kbd", children: "I" }),
           " image"
         ] }),
-        /* @__PURE__ */ jsxs5("span", { children: [
-          /* @__PURE__ */ jsx6("span", { className: "rk-kbd", children: "V" }),
+        /* @__PURE__ */ jsxs6("span", { children: [
+          /* @__PURE__ */ jsx7("span", { className: "rk-kbd", children: "V" }),
           " select"
         ] }),
-        /* @__PURE__ */ jsxs5("span", { children: [
-          /* @__PURE__ */ jsx6("span", { className: "rk-kbd", children: "?" }),
+        /* @__PURE__ */ jsxs6("span", { children: [
+          /* @__PURE__ */ jsx7("span", { className: "rk-kbd", children: "?" }),
           " all shortcuts"
         ] })
       ] }),
-      /* @__PURE__ */ jsxs5("div", { children: [
-        /* @__PURE__ */ jsx6("label", { className: "rk-label", htmlFor: "rk-author", children: "Your name" }),
-        /* @__PURE__ */ jsx6(
+      /* @__PURE__ */ jsxs6("div", { children: [
+        /* @__PURE__ */ jsx7("label", { className: "rk-label", htmlFor: "rk-author", children: "Your name" }),
+        /* @__PURE__ */ jsx7(
           "input",
           {
             id: "rk-author",
@@ -4507,36 +4777,36 @@ function CoachMark() {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs5("div", { style: { display: "flex", justifyContent: "flex-end", gap: 8, marginTop: 4 }, children: [
-        /* @__PURE__ */ jsx6("button", { type: "button", className: "rk-btn rk-btn-ghost", onClick: () => done(false), children: "Not now" }),
-        /* @__PURE__ */ jsx6("button", { type: "button", className: "rk-btn rk-btn-primary", onClick: () => done(true), children: "Start reviewing" })
+      /* @__PURE__ */ jsxs6("div", { style: { display: "flex", justifyContent: "flex-end", gap: 8, marginTop: 4 }, children: [
+        /* @__PURE__ */ jsx7("button", { type: "button", className: "rk-btn rk-btn-ghost", onClick: () => done(false), children: "Not now" }),
+        /* @__PURE__ */ jsx7("button", { type: "button", className: "rk-btn rk-btn-primary", onClick: () => done(true), children: "Start reviewing" })
       ] })
     ] })
   ] });
 }
 
 // src/client/components/Confirm.tsx
-import { useEffect as useEffect5, useRef as useRef5 } from "react";
-import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
+import { useEffect as useEffect6, useRef as useRef5 } from "react";
+import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function ConfirmHost() {
   const { confirm } = useStore();
   const dispatch = useDispatch();
   const cancelRef = useRef5(null);
-  useEffect5(() => {
+  useEffect6(() => {
     if (confirm) cancelRef.current?.focus();
   }, [confirm]);
   if (!confirm) return null;
   const close = () => dispatch({ type: "SET_CONFIRM", confirm: null });
-  return /* @__PURE__ */ jsxs6(Fragment3, { children: [
-    /* @__PURE__ */ jsx7("div", { className: "rk-backdrop", onClick: close }),
-    /* @__PURE__ */ jsxs6("div", { className: "rk-modal", role: "alertdialog", "aria-modal": "true", "aria-label": confirm.title, children: [
-      /* @__PURE__ */ jsxs6("div", { className: "rk-modal-body", children: [
-        /* @__PURE__ */ jsx7("div", { className: "rk-modal-title", children: confirm.title }),
-        /* @__PURE__ */ jsx7("div", { className: "rk-modal-text", children: confirm.message })
+  return /* @__PURE__ */ jsxs7(Fragment4, { children: [
+    /* @__PURE__ */ jsx8("div", { className: "rk-backdrop", onClick: close }),
+    /* @__PURE__ */ jsxs7("div", { className: "rk-modal", role: "alertdialog", "aria-modal": "true", "aria-label": confirm.title, children: [
+      /* @__PURE__ */ jsxs7("div", { className: "rk-modal-body", children: [
+        /* @__PURE__ */ jsx8("div", { className: "rk-modal-title", children: confirm.title }),
+        /* @__PURE__ */ jsx8("div", { className: "rk-modal-text", children: confirm.message })
       ] }),
-      /* @__PURE__ */ jsxs6("div", { className: "rk-modal-actions", children: [
-        /* @__PURE__ */ jsx7("button", { ref: cancelRef, type: "button", className: "rk-btn rk-btn-ghost", onClick: close, children: "Cancel" }),
-        /* @__PURE__ */ jsx7(
+      /* @__PURE__ */ jsxs7("div", { className: "rk-modal-actions", children: [
+        /* @__PURE__ */ jsx8("button", { ref: cancelRef, type: "button", className: "rk-btn rk-btn-ghost", onClick: close, children: "Cancel" }),
+        /* @__PURE__ */ jsx8(
           "button",
           {
             type: "button",
@@ -4555,10 +4825,10 @@ function ConfirmHost() {
 }
 
 // src/client/components/ImageEditor.tsx
-import { useEffect as useEffect6, useRef as useRef7, useState as useState5 } from "react";
+import { useEffect as useEffect7, useRef as useRef7, useState as useState6 } from "react";
 
 // src/client/useAnchored.ts
-import { useLayoutEffect as useLayoutEffect2, useRef as useRef6, useState as useState4 } from "react";
+import { useLayoutEffect as useLayoutEffect2, useRef as useRef6, useState as useState5 } from "react";
 
 // src/client/position.ts
 function place(anchor, size, side, offset) {
@@ -4604,7 +4874,7 @@ function computePosition(anchor, size, options = {}) {
 // src/client/useAnchored.ts
 function useAnchored(anchorEl, side = "bottom", offset = 8) {
   const ref = useRef6(null);
-  const [pos, setPos] = useState4(null);
+  const [pos, setPos] = useState5(null);
   useLayoutEffect2(() => {
     if (!anchorEl) {
       setPos(null);
@@ -4636,7 +4906,7 @@ function anchoredStyle(pos) {
 }
 
 // src/client/components/ImageEditor.tsx
-import { Fragment as Fragment4, jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
+import { Fragment as Fragment5, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 var MAX_BYTES = 2 * 1024 * 1024;
 var FETCH_TIMEOUT_MS = 12e3;
 var PROBE_TIMEOUT_MS = 8e3;
@@ -4694,12 +4964,12 @@ function urlFromDataTransfer(dt) {
 function ImageEditor({ editor }) {
   const dispatch = useDispatch();
   const { route, session } = useStore();
-  const [replacement, setReplacement] = useState5(null);
-  const [urlValue, setUrlValue] = useState5("");
-  const [loading2, setLoading] = useState5(false);
-  const [description, setDescription] = useState5("");
-  const [priority, setPriority] = useState5("nice");
-  const [over, setOver] = useState5(false);
+  const [replacement, setReplacement] = useState6(null);
+  const [urlValue, setUrlValue] = useState6("");
+  const [loading2, setLoading] = useState6(false);
+  const [description, setDescription] = useState6("");
+  const [priority, setPriority] = useState6("nice");
+  const [over, setOver] = useState6(false);
   const fileInput = useRef7(null);
   const abortRef = useRef7(null);
   const debounceRef = useRef7(null);
@@ -4766,7 +5036,7 @@ function ImageEditor({ editor }) {
       }
     }
   };
-  useEffect6(() => {
+  useEffect7(() => {
     if (debounceRef.current !== null) window.clearTimeout(debounceRef.current);
     if (urlValue.trim() === "" || replacement !== null) return;
     debounceRef.current = window.setTimeout(() => {
@@ -4776,8 +5046,8 @@ function ImageEditor({ editor }) {
       if (debounceRef.current !== null) window.clearTimeout(debounceRef.current);
     };
   }, [urlValue, replacement]);
-  useEffect6(() => () => abortRef.current?.abort(), []);
-  useEffect6(() => {
+  useEffect7(() => () => abortRef.current?.abort(), []);
+  useEffect7(() => {
     const onPaste = (event) => {
       const data = event.clipboardData;
       if (!data) return;
@@ -4855,23 +5125,23 @@ function ImageEditor({ editor }) {
     toast(dispatch, "Image proposal saved", "success");
   };
   const previewSrc = replacement?.kind === "data" ? replacement.dataUrl : replacement?.url;
-  return /* @__PURE__ */ jsxs7("div", { ref, className: "rk-card", style: anchoredStyle(pos), role: "dialog", "aria-label": "Replace image", children: [
-    /* @__PURE__ */ jsxs7("div", { className: "rk-card-head", children: [
-      /* @__PURE__ */ jsx8(IconImage, { size: 14 }),
+  return /* @__PURE__ */ jsxs8("div", { ref, className: "rk-card", style: anchoredStyle(pos), role: "dialog", "aria-label": "Replace image", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "rk-card-head", children: [
+      /* @__PURE__ */ jsx9(IconImage, { size: 14 }),
       "Replace image"
     ] }),
-    /* @__PURE__ */ jsxs7("div", { className: "rk-card-body", children: [
-      replacement && previewSrc ? /* @__PURE__ */ jsx8("div", { className: "rk-thumbs", children: /* @__PURE__ */ jsxs7("div", { className: "rk-thumb-pair", title: "Hover to compare with the current image", children: [
-        /* @__PURE__ */ jsxs7("figure", { className: "rk-thumb", children: [
-          /* @__PURE__ */ jsx8("img", { src: beforeSrc, alt: "Current" }),
-          /* @__PURE__ */ jsx8("figcaption", { children: "Before" })
+    /* @__PURE__ */ jsxs8("div", { className: "rk-card-body", children: [
+      replacement && previewSrc ? /* @__PURE__ */ jsx9("div", { className: "rk-thumbs", children: /* @__PURE__ */ jsxs8("div", { className: "rk-thumb-pair", title: "Hover to compare with the current image", children: [
+        /* @__PURE__ */ jsxs8("figure", { className: "rk-thumb", children: [
+          /* @__PURE__ */ jsx9("img", { src: beforeSrc, alt: "Current" }),
+          /* @__PURE__ */ jsx9("figcaption", { children: "Before" })
         ] }),
-        /* @__PURE__ */ jsxs7("figure", { className: "rk-thumb", children: [
-          /* @__PURE__ */ jsx8("img", { src: previewSrc, alt: "Proposed replacement" }),
-          /* @__PURE__ */ jsx8("figcaption", { children: replacement.kind === "url" ? "After \xB7 linked" : "After" })
+        /* @__PURE__ */ jsxs8("figure", { className: "rk-thumb", children: [
+          /* @__PURE__ */ jsx9("img", { src: previewSrc, alt: "Proposed replacement" }),
+          /* @__PURE__ */ jsx9("figcaption", { children: replacement.kind === "url" ? "After \xB7 linked" : "After" })
         ] })
-      ] }) }) : /* @__PURE__ */ jsxs7(Fragment4, { children: [
-        /* @__PURE__ */ jsxs7(
+      ] }) }) : /* @__PURE__ */ jsxs8(Fragment5, { children: [
+        /* @__PURE__ */ jsxs8(
           "button",
           {
             type: "button",
@@ -4884,18 +5154,18 @@ function ImageEditor({ editor }) {
             onDragLeave: () => setOver(false),
             onDrop,
             children: [
-              /* @__PURE__ */ jsx8(IconUpload, { size: 18 }),
-              /* @__PURE__ */ jsxs7("span", { children: [
+              /* @__PURE__ */ jsx9(IconUpload, { size: 18 }),
+              /* @__PURE__ */ jsxs8("span", { children: [
                 "Drop an image \u2014 from your disk or another tab \u2014",
-                /* @__PURE__ */ jsx8("br", {}),
+                /* @__PURE__ */ jsx9("br", {}),
                 "or click to browse (max 2 MB)"
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ jsxs7("div", { className: "rk-url", children: [
-          loading2 ? /* @__PURE__ */ jsx8("span", { className: "rk-spinner", "aria-label": "Loading image" }) : /* @__PURE__ */ jsx8(IconLink, { size: 13 }),
-          /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsxs8("div", { className: "rk-url", children: [
+          loading2 ? /* @__PURE__ */ jsx9("span", { className: "rk-spinner", "aria-label": "Loading image" }) : /* @__PURE__ */ jsx9(IconLink, { size: 13 }),
+          /* @__PURE__ */ jsx9(
             "input",
             {
               className: "rk-input",
@@ -4910,9 +5180,9 @@ function ImageEditor({ editor }) {
           )
         ] })
       ] }),
-      replacement && /* @__PURE__ */ jsx8("button", { type: "button", className: "rk-btn rk-btn-ghost", onClick: clearReplacement, children: "Remove replacement" }),
-      /* @__PURE__ */ jsx8("input", { ref: fileInput, type: "file", accept: "image/*", hidden: true, onChange: onPick }),
-      /* @__PURE__ */ jsx8(
+      replacement && /* @__PURE__ */ jsx9("button", { type: "button", className: "rk-btn rk-btn-ghost", onClick: clearReplacement, children: "Remove replacement" }),
+      /* @__PURE__ */ jsx9("input", { ref: fileInput, type: "file", accept: "image/*", hidden: true, onChange: onPick }),
+      /* @__PURE__ */ jsx9(
         "textarea",
         {
           className: "rk-textarea",
@@ -4922,43 +5192,43 @@ function ImageEditor({ editor }) {
           rows: 2
         }
       ),
-      /* @__PURE__ */ jsxs7("div", { className: "rk-seg", role: "group", "aria-label": "Priority", children: [
-        /* @__PURE__ */ jsx8("button", { type: "button", "aria-pressed": priority === "must", onClick: () => setPriority("must"), children: "Must" }),
-        /* @__PURE__ */ jsx8("button", { type: "button", "aria-pressed": priority === "nice", onClick: () => setPriority("nice"), children: "Nice to have" })
+      /* @__PURE__ */ jsxs8("div", { className: "rk-seg", role: "group", "aria-label": "Priority", children: [
+        /* @__PURE__ */ jsx9("button", { type: "button", "aria-pressed": priority === "must", onClick: () => setPriority("must"), children: "Must" }),
+        /* @__PURE__ */ jsx9("button", { type: "button", "aria-pressed": priority === "nice", onClick: () => setPriority("nice"), children: "Nice to have" })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs7("div", { className: "rk-card-foot", children: [
-      /* @__PURE__ */ jsxs7("span", { className: "rk-hint", children: [
-        /* @__PURE__ */ jsx8("span", { className: "rk-kbd", children: "esc" }),
+    /* @__PURE__ */ jsxs8("div", { className: "rk-card-foot", children: [
+      /* @__PURE__ */ jsxs8("span", { className: "rk-hint", children: [
+        /* @__PURE__ */ jsx9("span", { className: "rk-kbd", children: "esc" }),
         " cancel"
       ] }),
-      /* @__PURE__ */ jsxs7("div", { className: "rk-actions", children: [
-        /* @__PURE__ */ jsx8("button", { type: "button", className: "rk-btn rk-btn-ghost", onClick: () => dispatch({ type: "CLOSE_EDITOR" }), children: "Cancel" }),
-        /* @__PURE__ */ jsx8("button", { type: "button", className: "rk-btn rk-btn-primary", onClick: save, children: "Save" })
+      /* @__PURE__ */ jsxs8("div", { className: "rk-actions", children: [
+        /* @__PURE__ */ jsx9("button", { type: "button", className: "rk-btn rk-btn-ghost", onClick: () => dispatch({ type: "CLOSE_EDITOR" }), children: "Cancel" }),
+        /* @__PURE__ */ jsx9("button", { type: "button", className: "rk-btn rk-btn-primary", onClick: save, children: "Save" })
       ] })
     ] })
   ] });
 }
 
 // src/client/components/InlineEditor.tsx
-import { useEffect as useEffect7, useRef as useRef8, useState as useState6 } from "react";
-import { Fragment as Fragment5, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
+import { useEffect as useEffect8, useRef as useRef8, useState as useState7 } from "react";
+import { Fragment as Fragment6, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 function InlineEditor({ editor }) {
   const dispatch = useDispatch();
   const { route, session } = useStore();
-  const [after, setAfter] = useState6(() => editor.element.innerText);
-  const [priority, setPriority] = useState6("nice");
-  const [note, setNote] = useState6("");
+  const [after, setAfter] = useState7(() => editor.element.innerText);
+  const [priority, setPriority] = useState7("nice");
+  const [note, setNote] = useState7("");
   const original = useRef8(null);
   const baseline = useRef8(null);
-  const [sizeDelta, setSizeDelta] = useState6(0);
-  const [widthDelta, setWidthDelta] = useState6(0);
-  const [clipped, setClipped] = useState6(false);
+  const [sizeDelta, setSizeDelta] = useState7(0);
+  const [widthDelta, setWidthDelta] = useState7(0);
+  const [clipped, setClipped] = useState7(false);
   const ringRef = useRef8(null);
   const afterRef = useRef8(null);
   const { ref, pos } = useAnchored(editor.element, "bottom", 12);
   const element = editor.element;
-  useEffect7(() => {
+  useEffect8(() => {
     const el = element;
     original.current = { html: el.innerHTML, text: el.innerText, styleAttr: el.getAttribute("style") };
     const rect = el.getBoundingClientRect();
@@ -4989,7 +5259,7 @@ function InlineEditor({ editor }) {
     };
   }, [element]);
   const focusedOnce = useRef8(false);
-  useEffect7(() => {
+  useEffect8(() => {
     const field = afterRef.current;
     if (pos === null || focusedOnce.current || !field) return;
     focusedOnce.current = true;
@@ -4997,7 +5267,7 @@ function InlineEditor({ editor }) {
     const end = field.value.length;
     field.setSelectionRange(end, end);
   }, [pos]);
-  useEffect7(() => {
+  useEffect8(() => {
     const field = afterRef.current;
     if (!field) return;
     field.style.height = "auto";
@@ -5007,7 +5277,7 @@ function InlineEditor({ editor }) {
     setAfter(value);
     if (element.innerText !== value) setElementText(element, value);
   };
-  useEffect7(() => {
+  useEffect8(() => {
     let raf = 0;
     let lastDelta = 0;
     let lastWidth = 0;
@@ -5077,7 +5347,7 @@ function InlineEditor({ editor }) {
       cancel();
     }
   };
-  useEffect7(() => {
+  useEffect8(() => {
     const el = element;
     const onKeyDown = (event) => {
       if (event.key === "Enter" && !event.shiftKey) {
@@ -5095,19 +5365,19 @@ function InlineEditor({ editor }) {
   });
   const before = original.current?.text ?? "";
   const delta = after.length - before.length;
-  return /* @__PURE__ */ jsxs8(Fragment5, { children: [
-    /* @__PURE__ */ jsx9("div", { ref: ringRef, className: "rk-edit-ring" }),
-    /* @__PURE__ */ jsxs8("div", { ref, className: "rk-card", style: anchoredStyle(pos), role: "dialog", "aria-label": "Rewrite text", children: [
-      /* @__PURE__ */ jsxs8("div", { className: "rk-card-head", children: [
-        /* @__PURE__ */ jsx9(IconText, { size: 14 }),
+  return /* @__PURE__ */ jsxs9(Fragment6, { children: [
+    /* @__PURE__ */ jsx10("div", { ref: ringRef, className: "rk-edit-ring" }),
+    /* @__PURE__ */ jsxs9("div", { ref, className: "rk-card", style: anchoredStyle(pos), role: "dialog", "aria-label": "Rewrite text", children: [
+      /* @__PURE__ */ jsxs9("div", { className: "rk-card-head", children: [
+        /* @__PURE__ */ jsx10(IconText, { size: 14 }),
         "Rewrite text",
-        /* @__PURE__ */ jsx9("span", { className: "rk-spacer" }),
-        /* @__PURE__ */ jsxs8("span", { className: "rk-delta", "aria-live": "polite", children: [
+        /* @__PURE__ */ jsx10("span", { className: "rk-spacer" }),
+        /* @__PURE__ */ jsxs9("span", { className: "rk-delta", "aria-live": "polite", children: [
           before.length,
           " \u2192 ",
           after.length,
           " ",
-          delta !== 0 && /* @__PURE__ */ jsxs8("span", { className: delta > 0 ? "rk-plus" : "rk-minus", children: [
+          delta !== 0 && /* @__PURE__ */ jsxs9("span", { className: delta > 0 ? "rk-plus" : "rk-minus", children: [
             "(",
             delta > 0 ? "+" : "",
             delta,
@@ -5115,15 +5385,15 @@ function InlineEditor({ editor }) {
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "rk-card-body", children: [
-        /* @__PURE__ */ jsxs8("div", { className: "rk-diff", "aria-label": "Before and after", children: [
-          /* @__PURE__ */ jsxs8("div", { className: "rk-diff-row rk-diff-before", children: [
-            /* @__PURE__ */ jsx9("span", { className: "rk-diff-tag", children: "Before" }),
-            /* @__PURE__ */ jsx9("span", { className: "rk-diff-text", children: before })
+      /* @__PURE__ */ jsxs9("div", { className: "rk-card-body", children: [
+        /* @__PURE__ */ jsxs9("div", { className: "rk-diff", "aria-label": "Before and after", children: [
+          /* @__PURE__ */ jsxs9("div", { className: "rk-diff-row rk-diff-before", children: [
+            /* @__PURE__ */ jsx10("span", { className: "rk-diff-tag", children: "Before" }),
+            /* @__PURE__ */ jsx10("span", { className: "rk-diff-text", children: before })
           ] }),
-          /* @__PURE__ */ jsxs8("div", { className: "rk-diff-row rk-diff-after", children: [
-            /* @__PURE__ */ jsx9("span", { className: "rk-diff-tag", children: "After" }),
-            /* @__PURE__ */ jsx9(
+          /* @__PURE__ */ jsxs9("div", { className: "rk-diff-row rk-diff-after", children: [
+            /* @__PURE__ */ jsx10("span", { className: "rk-diff-tag", children: "After" }),
+            /* @__PURE__ */ jsx10(
               "textarea",
               {
                 ref: afterRef,
@@ -5137,11 +5407,11 @@ function InlineEditor({ editor }) {
             )
           ] })
         ] }),
-        (Math.abs(sizeDelta) > 2 || Math.abs(widthDelta) > 4 || clipped) && /* @__PURE__ */ jsxs8("div", { className: "rk-size-note", role: "status", children: [
+        (Math.abs(sizeDelta) > 2 || Math.abs(widthDelta) > 4 || clipped) && /* @__PURE__ */ jsxs9("div", { className: "rk-size-note", role: "status", children: [
           Math.abs(sizeDelta) > 2 && (() => {
             const lines = baseline.current ? Math.round(Math.abs(sizeDelta) / baseline.current.lineHeight) : 0;
             const lineNote = lines >= 1 ? ` (~${lines} line${lines === 1 ? "" : "s"})` : "";
-            return /* @__PURE__ */ jsxs8("span", { children: [
+            return /* @__PURE__ */ jsxs9("span", { children: [
               "Block ",
               sizeDelta > 0 ? "grew" : "shrank",
               " by ",
@@ -5151,16 +5421,16 @@ function InlineEditor({ editor }) {
               " \u2014 as it would with this text live."
             ] });
           })(),
-          Math.abs(sizeDelta) <= 2 && Math.abs(widthDelta) > 4 && /* @__PURE__ */ jsxs8("span", { children: [
+          Math.abs(sizeDelta) <= 2 && Math.abs(widthDelta) > 4 && /* @__PURE__ */ jsxs9("span", { children: [
             "Block got ",
             widthDelta > 0 ? "wider" : "narrower",
             " by ",
             Math.abs(widthDelta),
             " px \u2014 as it would with this text live."
           ] }),
-          clipped && /* @__PURE__ */ jsx9("span", { className: "rk-clip-note", children: "Text exceeds the visible crop here and will be cut off." })
+          clipped && /* @__PURE__ */ jsx10("span", { className: "rk-clip-note", children: "Text exceeds the visible crop here and will be cut off." })
         ] }),
-        /* @__PURE__ */ jsx9(
+        /* @__PURE__ */ jsx10(
           "input",
           {
             className: "rk-input",
@@ -5169,24 +5439,24 @@ function InlineEditor({ editor }) {
             onChange: (event) => setNote(event.target.value)
           }
         ),
-        /* @__PURE__ */ jsxs8("div", { className: "rk-seg", role: "group", "aria-label": "Priority", children: [
-          /* @__PURE__ */ jsx9("button", { type: "button", "aria-pressed": priority === "must", onClick: () => setPriority("must"), children: "Must" }),
-          /* @__PURE__ */ jsx9("button", { type: "button", "aria-pressed": priority === "nice", onClick: () => setPriority("nice"), children: "Nice to have" })
+        /* @__PURE__ */ jsxs9("div", { className: "rk-seg", role: "group", "aria-label": "Priority", children: [
+          /* @__PURE__ */ jsx10("button", { type: "button", "aria-pressed": priority === "must", onClick: () => setPriority("must"), children: "Must" }),
+          /* @__PURE__ */ jsx10("button", { type: "button", "aria-pressed": priority === "nice", onClick: () => setPriority("nice"), children: "Nice to have" })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs8("div", { className: "rk-card-foot", children: [
-        /* @__PURE__ */ jsxs8("span", { className: "rk-hint", children: [
-          /* @__PURE__ */ jsx9("span", { className: "rk-kbd", children: "\u21B5" }),
+      /* @__PURE__ */ jsxs9("div", { className: "rk-card-foot", children: [
+        /* @__PURE__ */ jsxs9("span", { className: "rk-hint", children: [
+          /* @__PURE__ */ jsx10("span", { className: "rk-kbd", children: "\u21B5" }),
           " save \xB7 ",
-          /* @__PURE__ */ jsx9("span", { className: "rk-kbd", children: "\u21E7\u21B5" }),
+          /* @__PURE__ */ jsx10("span", { className: "rk-kbd", children: "\u21E7\u21B5" }),
           " newline \xB7",
           " ",
-          /* @__PURE__ */ jsx9("span", { className: "rk-kbd", children: "esc" }),
+          /* @__PURE__ */ jsx10("span", { className: "rk-kbd", children: "esc" }),
           " cancel"
         ] }),
-        /* @__PURE__ */ jsxs8("div", { className: "rk-actions", children: [
-          /* @__PURE__ */ jsx9("button", { type: "button", className: "rk-btn rk-btn-ghost", onClick: cancel, children: "Cancel" }),
-          /* @__PURE__ */ jsx9("button", { type: "button", className: "rk-btn rk-btn-primary", onClick: commit, children: "Save" })
+        /* @__PURE__ */ jsxs9("div", { className: "rk-actions", children: [
+          /* @__PURE__ */ jsx10("button", { type: "button", className: "rk-btn rk-btn-ghost", onClick: cancel, children: "Cancel" }),
+          /* @__PURE__ */ jsx10("button", { type: "button", className: "rk-btn rk-btn-primary", onClick: commit, children: "Save" })
         ] })
       ] })
     ] })
@@ -5194,8 +5464,8 @@ function InlineEditor({ editor }) {
 }
 
 // src/client/components/NoteComposer.tsx
-import { useEffect as useEffect8, useRef as useRef9, useState as useState7 } from "react";
-import { jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
+import { useEffect as useEffect9, useRef as useRef9, useState as useState8 } from "react";
+import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
 var TITLES = {
   comment: "Comment",
   delete: "Mark for deletion",
@@ -5211,14 +5481,14 @@ var PLACEHOLDERS = {
 function NoteComposer({ editor }) {
   const dispatch = useDispatch();
   const { route, session } = useStore();
-  const [text, setText] = useState7("");
-  const [direction, setDirection] = useState7(void 0);
-  const [priority, setPriority] = useState7("nice");
+  const [text, setText] = useState8("");
+  const [direction, setDirection] = useState8(void 0);
+  const [priority, setPriority] = useState8("nice");
   const textareaRef = useRef9(null);
   const { ref, pos } = useAnchored(editor.element, "bottom", 12);
   const { kind } = editor;
   const focusedOnce = useRef9(false);
-  useEffect8(() => {
+  useEffect9(() => {
     const field = textareaRef.current;
     if (pos === null || focusedOnce.current || !field) return;
     focusedOnce.current = true;
@@ -5277,13 +5547,13 @@ function NoteComposer({ editor }) {
       save();
     }
   };
-  return /* @__PURE__ */ jsxs9("div", { ref, className: "rk-card", style: anchoredStyle(pos), role: "dialog", "aria-label": TITLES[kind], children: [
-    /* @__PURE__ */ jsxs9("div", { className: "rk-card-head", children: [
+  return /* @__PURE__ */ jsxs10("div", { ref, className: "rk-card", style: anchoredStyle(pos), role: "dialog", "aria-label": TITLES[kind], children: [
+    /* @__PURE__ */ jsxs10("div", { className: "rk-card-head", children: [
       iconForType(kind),
       TITLES[kind]
     ] }),
-    /* @__PURE__ */ jsxs9("div", { className: "rk-card-body", children: [
-      kind === "move" && /* @__PURE__ */ jsx10("div", { className: "rk-seg", role: "group", "aria-label": "Direction", children: ["up", "down", "first", "last"].map((option) => /* @__PURE__ */ jsx10(
+    /* @__PURE__ */ jsxs10("div", { className: "rk-card-body", children: [
+      kind === "move" && /* @__PURE__ */ jsx11("div", { className: "rk-seg", role: "group", "aria-label": "Direction", children: ["up", "down", "first", "last"].map((option) => /* @__PURE__ */ jsx11(
         "button",
         {
           type: "button",
@@ -5293,7 +5563,7 @@ function NoteComposer({ editor }) {
         },
         option
       )) }),
-      /* @__PURE__ */ jsx10(
+      /* @__PURE__ */ jsx11(
         "textarea",
         {
           ref: textareaRef,
@@ -5305,29 +5575,29 @@ function NoteComposer({ editor }) {
           rows: 3
         }
       ),
-      /* @__PURE__ */ jsxs9("div", { className: "rk-seg", role: "group", "aria-label": "Priority", children: [
-        /* @__PURE__ */ jsx10("button", { type: "button", "aria-pressed": priority === "must", onClick: () => setPriority("must"), children: "Must" }),
-        /* @__PURE__ */ jsx10("button", { type: "button", "aria-pressed": priority === "nice", onClick: () => setPriority("nice"), children: "Nice to have" })
+      /* @__PURE__ */ jsxs10("div", { className: "rk-seg", role: "group", "aria-label": "Priority", children: [
+        /* @__PURE__ */ jsx11("button", { type: "button", "aria-pressed": priority === "must", onClick: () => setPriority("must"), children: "Must" }),
+        /* @__PURE__ */ jsx11("button", { type: "button", "aria-pressed": priority === "nice", onClick: () => setPriority("nice"), children: "Nice to have" })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs9("div", { className: "rk-card-foot", children: [
-      /* @__PURE__ */ jsxs9("span", { className: "rk-hint", children: [
-        /* @__PURE__ */ jsx10("span", { className: "rk-kbd", children: "\u2318\u21B5" }),
+    /* @__PURE__ */ jsxs10("div", { className: "rk-card-foot", children: [
+      /* @__PURE__ */ jsxs10("span", { className: "rk-hint", children: [
+        /* @__PURE__ */ jsx11("span", { className: "rk-kbd", children: "\u2318\u21B5" }),
         " save \xB7 ",
-        /* @__PURE__ */ jsx10("span", { className: "rk-kbd", children: "esc" }),
+        /* @__PURE__ */ jsx11("span", { className: "rk-kbd", children: "esc" }),
         " cancel"
       ] }),
-      /* @__PURE__ */ jsxs9("div", { className: "rk-actions", children: [
-        /* @__PURE__ */ jsx10("button", { type: "button", className: "rk-btn rk-btn-ghost", onClick: () => dispatch({ type: "CLOSE_EDITOR" }), children: "Cancel" }),
-        /* @__PURE__ */ jsx10("button", { type: "button", className: "rk-btn rk-btn-primary", onClick: save, children: "Save" })
+      /* @__PURE__ */ jsxs10("div", { className: "rk-actions", children: [
+        /* @__PURE__ */ jsx11("button", { type: "button", className: "rk-btn rk-btn-ghost", onClick: () => dispatch({ type: "CLOSE_EDITOR" }), children: "Cancel" }),
+        /* @__PURE__ */ jsx11("button", { type: "button", className: "rk-btn rk-btn-primary", onClick: save, children: "Save" })
       ] })
     ] })
   ] });
 }
 
 // src/client/components/Panel.tsx
-import { useEffect as useEffect9, useMemo as useMemo3, useRef as useRef10, useState as useState8 } from "react";
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { useEffect as useEffect10, useMemo as useMemo3, useRef as useRef10, useState as useState9 } from "react";
+import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
 function changeSummary(item) {
   if (isCopyItem(item)) return `\u201C${item.payload.after}\u201D`;
   if (isImageItem(item)) {
@@ -5409,24 +5679,24 @@ function formatBytes(bytes) {
 function CopyDiff({ before, after }) {
   const parts = diffParts(before, after);
   const delta = after.length - before.length;
-  return /* @__PURE__ */ jsxs10("div", { className: "rk-diffview", children: [
-    /* @__PURE__ */ jsxs10("div", { className: "rk-diff-row rk-diff-before", children: [
-      /* @__PURE__ */ jsx11("span", { className: "rk-diff-tag", children: "Before" }),
-      /* @__PURE__ */ jsxs10("span", { className: "rk-diff-text", children: [
+  return /* @__PURE__ */ jsxs11("div", { className: "rk-diffview", children: [
+    /* @__PURE__ */ jsxs11("div", { className: "rk-diff-row rk-diff-before", children: [
+      /* @__PURE__ */ jsx12("span", { className: "rk-diff-tag", children: "Before" }),
+      /* @__PURE__ */ jsxs11("span", { className: "rk-diff-text", children: [
         parts.prefix,
-        parts.delMid && /* @__PURE__ */ jsx11("mark", { className: "rk-del", children: parts.delMid }),
+        parts.delMid && /* @__PURE__ */ jsx12("mark", { className: "rk-del", children: parts.delMid }),
         parts.suffix
       ] })
     ] }),
-    /* @__PURE__ */ jsxs10("div", { className: "rk-diff-row rk-diff-after", children: [
-      /* @__PURE__ */ jsx11("span", { className: "rk-diff-tag", children: "After" }),
-      /* @__PURE__ */ jsxs10("span", { className: "rk-diff-text", children: [
+    /* @__PURE__ */ jsxs11("div", { className: "rk-diff-row rk-diff-after", children: [
+      /* @__PURE__ */ jsx12("span", { className: "rk-diff-tag", children: "After" }),
+      /* @__PURE__ */ jsxs11("span", { className: "rk-diff-text", children: [
         parts.prefix,
-        parts.insMid && /* @__PURE__ */ jsx11("mark", { className: "rk-ins", children: parts.insMid }),
+        parts.insMid && /* @__PURE__ */ jsx12("mark", { className: "rk-ins", children: parts.insMid }),
         parts.suffix
       ] })
     ] }),
-    /* @__PURE__ */ jsxs10("div", { className: "rk-diff-len", children: [
+    /* @__PURE__ */ jsxs11("div", { className: "rk-diff-len", children: [
       before.length,
       " \u2192 ",
       after.length,
@@ -5437,8 +5707,8 @@ function CopyDiff({ before, after }) {
 }
 function ImageDetail({ beforeSrc, afterSrc, afterDataUrl }) {
   const replacement = afterDataUrl ?? afterSrc;
-  const [dims, setDims] = useState8("");
-  useEffect9(() => {
+  const [dims, setDims] = useState9("");
+  useEffect10(() => {
     if (!replacement) return;
     const img = new Image();
     img.onload = () => setDims(`${img.naturalWidth}\xD7${img.naturalHeight}px`);
@@ -5463,49 +5733,61 @@ function ImageDetail({ beforeSrc, afterSrc, afterDataUrl }) {
       window.open(replacement, "_blank", "noopener");
     }
   };
-  return /* @__PURE__ */ jsxs10("div", { className: "rk-imgdetail", children: [
-    /* @__PURE__ */ jsxs10("div", { className: "rk-thumbs", children: [
-      /* @__PURE__ */ jsxs10("figure", { className: "rk-thumb", children: [
-        beforeSrc ? /* @__PURE__ */ jsx11("img", { src: beforeSrc, alt: "Current" }) : /* @__PURE__ */ jsx11("div", { className: "rk-thumb-missing", children: "no image" }),
-        /* @__PURE__ */ jsx11("figcaption", { children: "Before" })
+  return /* @__PURE__ */ jsxs11("div", { className: "rk-imgdetail", children: [
+    /* @__PURE__ */ jsxs11("div", { className: "rk-thumbs", children: [
+      /* @__PURE__ */ jsxs11("figure", { className: "rk-thumb", children: [
+        beforeSrc ? /* @__PURE__ */ jsx12("img", { src: beforeSrc, alt: "Current" }) : /* @__PURE__ */ jsx12("div", { className: "rk-thumb-missing", children: "no image" }),
+        /* @__PURE__ */ jsx12("figcaption", { children: "Before" })
       ] }),
-      /* @__PURE__ */ jsxs10("figure", { className: "rk-thumb", children: [
-        /* @__PURE__ */ jsx11("img", { src: replacement, alt: "Proposed replacement" }),
-        /* @__PURE__ */ jsxs10("figcaption", { children: [
+      /* @__PURE__ */ jsxs11("figure", { className: "rk-thumb", children: [
+        /* @__PURE__ */ jsx12("img", { src: replacement, alt: "Proposed replacement" }),
+        /* @__PURE__ */ jsxs11("figcaption", { children: [
           "After",
           embedded ? "" : " \xB7 linked"
         ] })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs10("div", { className: "rk-imgdetail-meta", children: [
+    /* @__PURE__ */ jsxs11("div", { className: "rk-imgdetail-meta", children: [
       embedded ? "Embedded image" : "Linked image",
       dims ? ` \xB7 ${dims}` : "",
       bytes !== null ? ` \xB7 ${formatBytes(bytes)}` : ""
     ] }),
-    !embedded && afterSrc && /* @__PURE__ */ jsx11("a", { className: "rk-imgdetail-url", href: afterSrc, target: "_blank", rel: "noopener noreferrer", title: afterSrc, children: afterSrc }),
-    /* @__PURE__ */ jsxs10("div", { className: "rk-imgdetail-actions", children: [
-      /* @__PURE__ */ jsxs10("button", { type: "button", className: "rk-btn rk-btn-ghost", onClick: () => void download(), children: [
-        /* @__PURE__ */ jsx11(IconDownload, { size: 12 }),
+    !embedded && afterSrc && /* @__PURE__ */ jsx12("a", { className: "rk-imgdetail-url", href: afterSrc, target: "_blank", rel: "noopener noreferrer", title: afterSrc, children: afterSrc }),
+    /* @__PURE__ */ jsxs11("div", { className: "rk-imgdetail-actions", children: [
+      /* @__PURE__ */ jsxs11("button", { type: "button", className: "rk-btn rk-btn-ghost", onClick: () => void download(), children: [
+        /* @__PURE__ */ jsx12(IconDownload, { size: 12 }),
         " Download"
       ] }),
-      /* @__PURE__ */ jsx11("button", { type: "button", className: "rk-btn rk-btn-ghost", onClick: () => window.open(replacement, "_blank", "noopener"), children: "Open" })
+      /* @__PURE__ */ jsx12("button", { type: "button", className: "rk-btn rk-btn-ghost", onClick: () => window.open(replacement, "_blank", "noopener"), children: "Open" })
     ] })
   ] });
 }
+var SYNC_REASON_LABEL = {
+  "token-short": "token too short",
+  "bad-token": "token rejected",
+  "room-full": "room full",
+  unreachable: "server unreachable"
+};
+var SYNC_REASON_HELP = {
+  "token-short": "The sync server needs a token of at least 8 characters. Use a longer `token` (or `syncToken`) in <ReviewKit /> and everyone with the link shares items live.",
+  "bad-token": "The sync server rejected the token. Check `syncToken` / `token` in <ReviewKit />.",
+  "room-full": "This page already has the maximum number of reviewers online (16). Try again later.",
+  unreachable: "Could not reach the sync server. Usually the page's Content-Security-Policy is missing the server in connect-src, or the server is down. Items stay on this device meanwhile."
+};
 function Panel() {
-  const { session, panelOpen, activeItemId, badgeCorner, undoStack, preview, unapplied, syncStatus, emblemaPush, peers } = useStore();
+  const { session, panelOpen, activeItemId, badgeCorner, undoStack, preview, unapplied, syncStatus, syncReason, emblemaPush, peers } = useStore();
   const dispatch = useDispatch();
   const config = useConfig();
-  const [sticky, setStickyState] = useState8(() => isStickyEnabled(config.token));
-  const [query, setQuery] = useState8("");
-  const [typeFilter, setTypeFilter] = useState8(/* @__PURE__ */ new Set());
-  const [prioFilter, setPrioFilter] = useState8(/* @__PURE__ */ new Set());
-  const [statusFilter, setStatusFilter] = useState8(/* @__PURE__ */ new Set());
-  const [filterOpen, setFilterOpen] = useState8(false);
-  const [settingsOpen, setSettingsOpen] = useState8(false);
-  const [emblemaAlive, setEmblemaAlive] = useState8(null);
-  const [emblemaSending, setEmblemaSending] = useState8(false);
-  const [emblemaSync, setEmblemaSync] = useState8("unknown");
+  const [sticky, setStickyState] = useState9(() => isStickyEnabled(config.token));
+  const [query, setQuery] = useState9("");
+  const [typeFilter, setTypeFilter] = useState9(/* @__PURE__ */ new Set());
+  const [prioFilter, setPrioFilter] = useState9(/* @__PURE__ */ new Set());
+  const [statusFilter, setStatusFilter] = useState9(/* @__PURE__ */ new Set());
+  const [filterOpen, setFilterOpen] = useState9(false);
+  const [settingsOpen, setSettingsOpen] = useState9(false);
+  const [emblemaAlive, setEmblemaAlive] = useState9(null);
+  const [emblemaSending, setEmblemaSending] = useState9(false);
+  const [emblemaSync, setEmblemaSync] = useState9("unknown");
   const panelRef = useRef10(null);
   const searchRef = useRef10(null);
   const importRef = useRef10(null);
@@ -5526,7 +5808,7 @@ function Panel() {
     () => typeFilter.size + prioFilter.size + statusFilter.size > 0 ? { types: [...typeFilter], priorities: [...prioFilter], statuses: [...statusFilter] } : null,
     [typeFilter, prioFilter, statusFilter]
   );
-  useEffect9(() => {
+  useEffect10(() => {
     dispatch({ type: "SET_FILTER", filter: activeFilter });
     return () => dispatch({ type: "SET_FILTER", filter: null });
   }, [activeFilter, dispatch]);
@@ -5563,7 +5845,7 @@ function Panel() {
     }
     return Array.from(map.entries());
   }, [filtered]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (!filterOpen && !settingsOpen) return;
     const onDown = (event) => {
       const path = event.composedPath();
@@ -5574,7 +5856,7 @@ function Panel() {
     document.addEventListener("pointerdown", onDown, true);
     return () => document.removeEventListener("pointerdown", onDown, true);
   }, [filterOpen, settingsOpen]);
-  useEffect9(() => {
+  useEffect10(() => {
     if (!settingsOpen) return;
     let alive = true;
     const probe = () => {
@@ -5598,7 +5880,7 @@ function Panel() {
     live: "paired",
     off: "not paired"
   }[emblemaPairState];
-  useEffect9(() => {
+  useEffect10(() => {
     if (!panelOpen || activeItemId === null) return;
     const row = panelRef.current?.querySelector(`[data-item-id="${activeItemId}"]`);
     row?.scrollIntoView({ block: "nearest" });
@@ -5714,7 +5996,7 @@ function Panel() {
     panel.style.transform = "";
     if (dy > 110) dispatch({ type: "SET_PANEL", open: false });
   };
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     "div",
     {
       ref: panelRef,
@@ -5724,7 +6006,7 @@ function Panel() {
       "aria-label": "Review feedback panel",
       onKeyDown,
       children: [
-        /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsx12(
           "div",
           {
             className: "rk-sheet-handle",
@@ -5735,34 +6017,41 @@ function Panel() {
             onPointerCancel: onSheetHandleUp
           }
         ),
-        /* @__PURE__ */ jsxs10("div", { className: "rk-panel-head", children: [
-          /* @__PURE__ */ jsxs10("div", { children: [
-            /* @__PURE__ */ jsx11("div", { className: "rk-panel-title", children: "Feedback" }),
-            /* @__PURE__ */ jsxs10("div", { className: "rk-panel-sub", children: [
+        /* @__PURE__ */ jsxs11("div", { className: "rk-panel-head", children: [
+          /* @__PURE__ */ jsxs11("div", { children: [
+            /* @__PURE__ */ jsx12("div", { className: "rk-panel-title", children: "Feedback" }),
+            /* @__PURE__ */ jsxs11("div", { className: "rk-panel-sub", children: [
               items.length,
               " item",
               items.length === 1 ? "" : "s",
               session.author ? ` \xB7 ${session.author}` : "",
-              syncStatus !== "disabled" && /* @__PURE__ */ jsxs10("span", { className: `rk-sync rk-sync-${syncStatus}`, children: [
-                /* @__PURE__ */ jsx11("span", { className: "rk-sync-dot" }),
-                syncStatus === "online" ? `live${peers.length > 0 ? ` \xB7 ${peers.length} other${peers.length === 1 ? "" : "s"}` : ""}` : syncStatus === "connecting" ? "connecting\u2026" : "local only"
-              ] }),
-              config.emblema && emblemaPush !== "idle" && /* @__PURE__ */ jsxs10(
+              syncStatus !== "disabled" && /* @__PURE__ */ jsxs11(
+                "span",
+                {
+                  className: `rk-sync rk-sync-${syncStatus}${syncReason ? ` rk-sync-reason-${syncReason}` : ""}`,
+                  title: syncStatus === "online" ? "Live: everyone with this review link shares these items in real time" : syncStatus === "connecting" ? "Connecting to the sync server\u2026" : SYNC_REASON_HELP[syncReason ?? "unreachable"],
+                  children: [
+                    /* @__PURE__ */ jsx12("span", { className: "rk-sync-dot" }),
+                    syncStatus === "online" ? `live${peers.length > 0 ? ` \xB7 ${peers.length} other${peers.length === 1 ? "" : "s"}` : ""}` : syncStatus === "connecting" ? "connecting\u2026" : `local only \xB7 ${SYNC_REASON_LABEL[syncReason ?? "unreachable"]}`
+                  ]
+                }
+              ),
+              config.emblema && emblemaPush !== "idle" && /* @__PURE__ */ jsxs11(
                 "span",
                 {
                   className: `rk-sync rk-epush-${emblemaPush}`,
                   title: emblemaPush === "ok" ? "Review items stream to Emblema automatically" : emblemaPush === "sending" ? "Sending items to Emblema\u2026" : "Emblema isn't reachable \u2014 items resend on the next change, or use Resend all in the menu",
                   children: [
-                    /* @__PURE__ */ jsx11("span", { className: "rk-sync-dot" }),
+                    /* @__PURE__ */ jsx12("span", { className: "rk-sync-dot" }),
                     emblemaPush === "ok" ? "emblema" : emblemaPush === "sending" ? "emblema\u2026" : emblemaPush === "rejected" ? "emblema rejected" : "emblema offline"
                   ]
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsx11("span", { className: "rk-spacer" }),
-          /* @__PURE__ */ jsxs10("div", { className: "rk-menu-scope rk-menu-anchor", children: [
-            /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12("span", { className: "rk-spacer" }),
+          /* @__PURE__ */ jsxs11("div", { className: "rk-menu-scope rk-menu-anchor", children: [
+            /* @__PURE__ */ jsx12(
               "button",
               {
                 type: "button",
@@ -5778,11 +6067,11 @@ function Panel() {
                     void pingEmblema(config.emblema).then((port) => setEmblemaAlive(port !== null));
                   }
                 },
-                children: /* @__PURE__ */ jsx11(IconGear, { size: 15 })
+                children: /* @__PURE__ */ jsx12(IconGear, { size: 15 })
               }
             ),
-            settingsOpen && /* @__PURE__ */ jsxs10("div", { className: "rk-menu", role: "menu", "aria-label": "Session settings", children: [
-              config.token && /* @__PURE__ */ jsxs10(
+            settingsOpen && /* @__PURE__ */ jsxs11("div", { className: "rk-menu", role: "menu", "aria-label": "Session settings", children: [
+              config.token && /* @__PURE__ */ jsxs11(
                 "button",
                 {
                   type: "button",
@@ -5797,12 +6086,12 @@ function Panel() {
                     toast(dispatch, next ? "Review stays on in this tab" : "Review active only via the link", "info");
                   },
                   children: [
-                    /* @__PURE__ */ jsx11("span", { className: `rk-menu-check${sticky ? " rk-on" : ""}` }),
+                    /* @__PURE__ */ jsx12("span", { className: `rk-menu-check${sticky ? " rk-on" : ""}` }),
                     "Keep review on in this tab"
                   ]
                 }
               ),
-              config.emblema && /* @__PURE__ */ jsxs10(
+              config.emblema && /* @__PURE__ */ jsxs11(
                 "button",
                 {
                   type: "button",
@@ -5832,7 +6121,7 @@ function Panel() {
                     }).finally(() => setEmblemaSending(false));
                   },
                   children: [
-                    /* @__PURE__ */ jsx11(
+                    /* @__PURE__ */ jsx12(
                       "span",
                       {
                         className: "rk-emblema-dot",
@@ -5843,25 +6132,40 @@ function Panel() {
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs10(
+              /* @__PURE__ */ jsxs11(
                 "button",
                 {
                   type: "button",
                   role: "menuitem",
                   className: "rk-menu-item",
-                  title: emblemaPairState === "stale" ? "The local sync agent is not answering \u2014 run `npx @satanwagen/reviewkit-cli serve` in the project" : "Pair this project with the Emblema app via a sync key",
+                  title: emblemaPairState === "stale" ? "The local sync agent is not answering \u2014 run `npx -p @satanwagen/reviewkit-cli reviewkit-emblema serve` in the project" : "Pair this project with the Emblema app via a sync key",
                   onClick: () => {
                     setSettingsOpen(false);
                     dispatch({ type: "SET_EMBLEMA_CONNECT", open: true });
                   },
                   children: [
-                    /* @__PURE__ */ jsx11("span", { className: "rk-emblema-dot", "data-state": emblemaPairState }),
+                    /* @__PURE__ */ jsx12("span", { className: "rk-emblema-dot", "data-state": emblemaPairState }),
                     "Connect to Emblema\u2026",
-                    /* @__PURE__ */ jsx11("span", { className: "rk-menu-count", children: emblemaPairLabel })
+                    /* @__PURE__ */ jsx12("span", { className: "rk-menu-count", children: emblemaPairLabel })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx11(
+              /* @__PURE__ */ jsx12(
+                "button",
+                {
+                  type: "button",
+                  role: "menuitem",
+                  className: "rk-menu-item",
+                  title: resolveSyncToken(config) ? "Pair the reviewkit terminal CLI / Claude Code MCP bridge with this site" : "Needs live sync (sync is off on this page) \u2014 the terminal reads the shared room",
+                  disabled: !resolveSyncToken(config),
+                  onClick: () => {
+                    setSettingsOpen(false);
+                    dispatch({ type: "SET_TERMINAL_CONNECT", open: true });
+                  },
+                  children: "Connect terminal / agent\u2026"
+                }
+              ),
+              /* @__PURE__ */ jsx12(
                 "button",
                 {
                   type: "button",
@@ -5874,31 +6178,31 @@ function Panel() {
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             "button",
             {
               type: "button",
               className: "rk-icon-btn",
               "aria-label": "Keyboard shortcuts",
               onClick: () => dispatch({ type: "SET_CHEATSHEET", open: true }),
-              children: /* @__PURE__ */ jsx11(IconKeyboard, { size: 15 })
+              children: /* @__PURE__ */ jsx12(IconKeyboard, { size: 15 })
             }
           ),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             "button",
             {
               type: "button",
               className: "rk-icon-btn",
               "aria-label": "Close panel",
               onClick: () => dispatch({ type: "SET_PANEL", open: false }),
-              children: /* @__PURE__ */ jsx11(IconClose, { size: 14 })
+              children: /* @__PURE__ */ jsx12(IconClose, { size: 14 })
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs10("div", { className: "rk-view-row", children: [
-          /* @__PURE__ */ jsx11("div", { className: "rk-view-info", children: /* @__PURE__ */ jsx11("div", { className: "rk-view-title", children: "Page view" }) }),
-          /* @__PURE__ */ jsxs10("div", { className: "rk-seg rk-view-toggle", role: "group", "aria-label": "Page view (P to toggle)", children: [
-            /* @__PURE__ */ jsx11(
+        /* @__PURE__ */ jsxs11("div", { className: "rk-view-row", children: [
+          /* @__PURE__ */ jsx12("div", { className: "rk-view-info", children: /* @__PURE__ */ jsx12("div", { className: "rk-view-title", children: "Page view" }) }),
+          /* @__PURE__ */ jsxs11("div", { className: "rk-seg rk-view-toggle", role: "group", "aria-label": "Page view (P to toggle)", children: [
+            /* @__PURE__ */ jsx12(
               "button",
               {
                 type: "button",
@@ -5908,7 +6212,7 @@ function Panel() {
                 children: "Original"
               }
             ),
-            /* @__PURE__ */ jsx11(
+            /* @__PURE__ */ jsx12(
               "button",
               {
                 type: "button",
@@ -5920,8 +6224,8 @@ function Panel() {
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs10("div", { className: "rk-panel-tools", children: [
-          /* @__PURE__ */ jsxs10(
+        /* @__PURE__ */ jsxs11("div", { className: "rk-panel-tools", children: [
+          /* @__PURE__ */ jsxs11(
             "button",
             {
               type: "button",
@@ -5932,15 +6236,15 @@ function Panel() {
                 dispatch({ type: "SET_MODE", mode: "pick" });
               },
               children: [
-                /* @__PURE__ */ jsx11(IconTarget, { size: 14 }),
+                /* @__PURE__ */ jsx12(IconTarget, { size: 14 }),
                 " Pick an element"
               ]
             }
           ),
-          /* @__PURE__ */ jsxs10("div", { className: "rk-search-row", children: [
-            /* @__PURE__ */ jsxs10("div", { className: "rk-search", children: [
-              /* @__PURE__ */ jsx11(IconSearch, { size: 13 }),
-              /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsxs11("div", { className: "rk-search-row", children: [
+            /* @__PURE__ */ jsxs11("div", { className: "rk-search", children: [
+              /* @__PURE__ */ jsx12(IconSearch, { size: 13 }),
+              /* @__PURE__ */ jsx12(
                 "input",
                 {
                   ref: searchRef,
@@ -5952,8 +6256,8 @@ function Panel() {
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs10("div", { className: "rk-menu-scope rk-menu-anchor", children: [
-              /* @__PURE__ */ jsxs10(
+            /* @__PURE__ */ jsxs11("div", { className: "rk-menu-scope rk-menu-anchor", children: [
+              /* @__PURE__ */ jsxs11(
                 "button",
                 {
                   type: "button",
@@ -5965,15 +6269,15 @@ function Panel() {
                     setSettingsOpen(false);
                   },
                   children: [
-                    /* @__PURE__ */ jsx11(IconFilter, { size: 13 }),
+                    /* @__PURE__ */ jsx12(IconFilter, { size: 13 }),
                     "Filter",
-                    typeFilter.size + prioFilter.size + statusFilter.size > 0 && /* @__PURE__ */ jsx11("span", { className: "rk-badge-count", children: typeFilter.size + prioFilter.size + statusFilter.size })
+                    typeFilter.size + prioFilter.size + statusFilter.size > 0 && /* @__PURE__ */ jsx12("span", { className: "rk-badge-count", children: typeFilter.size + prioFilter.size + statusFilter.size })
                   ]
                 }
               ),
-              filterOpen && /* @__PURE__ */ jsxs10("div", { className: "rk-menu", role: "menu", "aria-label": "Filter items", children: [
-                /* @__PURE__ */ jsx11("div", { className: "rk-menu-title", children: "Type" }),
-                TYPE_FILTERS.map((type) => /* @__PURE__ */ jsxs10(
+              filterOpen && /* @__PURE__ */ jsxs11("div", { className: "rk-menu", role: "menu", "aria-label": "Filter items", children: [
+                /* @__PURE__ */ jsx12("div", { className: "rk-menu-title", children: "Type" }),
+                TYPE_FILTERS.map((type) => /* @__PURE__ */ jsxs11(
                   "button",
                   {
                     type: "button",
@@ -5987,16 +6291,16 @@ function Panel() {
                       setTypeFilter(next);
                     },
                     children: [
-                      /* @__PURE__ */ jsx11("span", { className: `rk-menu-check${typeFilter.has(type) ? " rk-on" : ""}` }),
+                      /* @__PURE__ */ jsx12("span", { className: `rk-menu-check${typeFilter.has(type) ? " rk-on" : ""}` }),
                       iconForType(type, 12),
-                      /* @__PURE__ */ jsx11("span", { className: "rk-menu-label", children: type }),
-                      /* @__PURE__ */ jsx11("span", { className: "rk-menu-count", children: typeCounts.get(type) ?? 0 })
+                      /* @__PURE__ */ jsx12("span", { className: "rk-menu-label", children: type }),
+                      /* @__PURE__ */ jsx12("span", { className: "rk-menu-count", children: typeCounts.get(type) ?? 0 })
                     ]
                   },
                   type
                 )),
-                /* @__PURE__ */ jsx11("div", { className: "rk-menu-title", children: "Priority" }),
-                PRIORITY_FILTERS.map((priority) => /* @__PURE__ */ jsxs10(
+                /* @__PURE__ */ jsx12("div", { className: "rk-menu-title", children: "Priority" }),
+                PRIORITY_FILTERS.map((priority) => /* @__PURE__ */ jsxs11(
                   "button",
                   {
                     type: "button",
@@ -6010,15 +6314,15 @@ function Panel() {
                       setPrioFilter(next);
                     },
                     children: [
-                      /* @__PURE__ */ jsx11("span", { className: `rk-menu-check${prioFilter.has(priority) ? " rk-on" : ""}` }),
-                      /* @__PURE__ */ jsx11("span", { className: "rk-menu-label", children: PRIORITY_LABELS[priority] }),
-                      /* @__PURE__ */ jsx11("span", { className: "rk-menu-count", children: prioCounts.get(priority) ?? 0 })
+                      /* @__PURE__ */ jsx12("span", { className: `rk-menu-check${prioFilter.has(priority) ? " rk-on" : ""}` }),
+                      /* @__PURE__ */ jsx12("span", { className: "rk-menu-label", children: PRIORITY_LABELS[priority] }),
+                      /* @__PURE__ */ jsx12("span", { className: "rk-menu-count", children: prioCounts.get(priority) ?? 0 })
                     ]
                   },
                   priority
                 )),
-                /* @__PURE__ */ jsx11("div", { className: "rk-menu-title", children: "Status" }),
-                STATUSES.map((status) => /* @__PURE__ */ jsxs10(
+                /* @__PURE__ */ jsx12("div", { className: "rk-menu-title", children: "Status" }),
+                STATUSES.map((status) => /* @__PURE__ */ jsxs11(
                   "button",
                   {
                     type: "button",
@@ -6032,15 +6336,15 @@ function Panel() {
                       setStatusFilter(next);
                     },
                     children: [
-                      /* @__PURE__ */ jsx11("span", { className: `rk-menu-check${statusFilter.has(status) ? " rk-on" : ""}` }),
-                      /* @__PURE__ */ jsx11("span", { className: `rk-status-dot rk-st-${status}` }),
-                      /* @__PURE__ */ jsx11("span", { className: "rk-menu-label", children: status }),
-                      /* @__PURE__ */ jsx11("span", { className: "rk-menu-count", children: statusCounts.get(status) ?? 0 })
+                      /* @__PURE__ */ jsx12("span", { className: `rk-menu-check${statusFilter.has(status) ? " rk-on" : ""}` }),
+                      /* @__PURE__ */ jsx12("span", { className: `rk-status-dot rk-st-${status}` }),
+                      /* @__PURE__ */ jsx12("span", { className: "rk-menu-label", children: status }),
+                      /* @__PURE__ */ jsx12("span", { className: "rk-menu-count", children: statusCounts.get(status) ?? 0 })
                     ]
                   },
                   status
                 )),
-                /* @__PURE__ */ jsx11(
+                /* @__PURE__ */ jsx12(
                   "button",
                   {
                     type: "button",
@@ -6060,24 +6364,24 @@ function Panel() {
             ] })
           ] })
         ] }),
-        preview && unapplied > 0 && /* @__PURE__ */ jsxs10("div", { className: "rk-unplaced", role: "status", children: [
+        preview && unapplied > 0 && /* @__PURE__ */ jsxs11("div", { className: "rk-unplaced", role: "status", children: [
           unapplied,
           " saved change",
           unapplied === 1 ? "" : "s",
           " couldn\u2019t be placed on the current page \u2014 the page has changed since they were captured."
         ] }),
-        /* @__PURE__ */ jsx11("div", { className: "rk-panel-list", children: filtered.length === 0 ? /* @__PURE__ */ jsxs10("div", { className: "rk-empty", children: [
-          /* @__PURE__ */ jsx11("div", { className: "rk-empty-art", children: /* @__PURE__ */ jsx11(IconTarget, { size: 22 }) }),
-          /* @__PURE__ */ jsx11("div", { className: "rk-empty-title", children: items.length === 0 ? "Nothing here yet" : "No matches" }),
-          /* @__PURE__ */ jsx11("div", { className: "rk-empty-text", children: items.length === 0 ? "Choose \u201CPick an element\u201D, then click anything on the page. Your suggestions collect here, ready to hand off." : "Try a different search, or clear the filters." })
-        ] }) : groups.map(([route, entries]) => /* @__PURE__ */ jsxs10("div", { children: [
-          /* @__PURE__ */ jsx11("div", { className: "rk-group-title", children: route }),
+        /* @__PURE__ */ jsx12("div", { className: "rk-panel-list", children: filtered.length === 0 ? /* @__PURE__ */ jsxs11("div", { className: "rk-empty", children: [
+          /* @__PURE__ */ jsx12("div", { className: "rk-empty-art", children: /* @__PURE__ */ jsx12(IconTarget, { size: 22 }) }),
+          /* @__PURE__ */ jsx12("div", { className: "rk-empty-title", children: items.length === 0 ? "Nothing here yet" : "No matches" }),
+          /* @__PURE__ */ jsx12("div", { className: "rk-empty-text", children: items.length === 0 ? "Choose \u201CPick an element\u201D, then click anything on the page. Your suggestions collect here, ready to hand off." : "Try a different search, or clear the filters." })
+        ] }) : groups.map(([route, entries]) => /* @__PURE__ */ jsxs11("div", { children: [
+          /* @__PURE__ */ jsx12("div", { className: "rk-group-title", children: route }),
           entries.map(({ item, number }) => {
             const active = item.id === activeItemId;
             const orphan = orphanIds.has(item.id);
             const hiddenEl = hiddenIds.has(item.id);
-            return /* @__PURE__ */ jsxs10("div", { children: [
-              /* @__PURE__ */ jsxs10(
+            return /* @__PURE__ */ jsxs11("div", { children: [
+              /* @__PURE__ */ jsxs11(
                 "div",
                 {
                   "data-item-id": item.id,
@@ -6092,18 +6396,18 @@ function Panel() {
                     }
                   },
                   children: [
-                    /* @__PURE__ */ jsx11("span", { className: "rk-item-num", children: number }),
-                    /* @__PURE__ */ jsx11("span", { className: "rk-item-icon", children: iconForType(item.type) }),
-                    /* @__PURE__ */ jsxs10("span", { className: "rk-item-body", children: [
-                      /* @__PURE__ */ jsxs10("span", { className: "rk-item-snippet", children: [
+                    /* @__PURE__ */ jsx12("span", { className: "rk-item-num", children: number }),
+                    /* @__PURE__ */ jsx12("span", { className: "rk-item-icon", children: iconForType(item.type) }),
+                    /* @__PURE__ */ jsxs11("span", { className: "rk-item-body", children: [
+                      /* @__PURE__ */ jsxs11("span", { className: "rk-item-snippet", children: [
                         item.target.tagName,
                         " \xB7 ",
                         item.target.textSnippet || item.target.selector
                       ] }),
-                      /* @__PURE__ */ jsx11("span", { className: "rk-item-change", children: changeSummary(item) }),
-                      /* @__PURE__ */ jsxs10("span", { className: "rk-item-meta", children: [
-                        /* @__PURE__ */ jsxs10("span", { className: "rk-author", title: new Date(item.createdAt).toLocaleString(), children: [
-                          /* @__PURE__ */ jsx11(
+                      /* @__PURE__ */ jsx12("span", { className: "rk-item-change", children: changeSummary(item) }),
+                      /* @__PURE__ */ jsxs11("span", { className: "rk-item-meta", children: [
+                        /* @__PURE__ */ jsxs11("span", { className: "rk-author", title: new Date(item.createdAt).toLocaleString(), children: [
+                          /* @__PURE__ */ jsx12(
                             "span",
                             {
                               className: "rk-author-dot",
@@ -6111,15 +6415,15 @@ function Panel() {
                             }
                           ),
                           item.author?.name ?? "Unknown",
-                          /* @__PURE__ */ jsxs10("span", { className: "rk-time", children: [
+                          /* @__PURE__ */ jsxs11("span", { className: "rk-time", children: [
                             " \xB7 ",
                             timeAgo(item.createdAt)
                           ] })
                         ] }),
-                        item.priority === "must" && /* @__PURE__ */ jsx11("span", { className: "rk-badge-mini rk-must", children: "must" }),
-                        item.status !== "open" && /* @__PURE__ */ jsx11("span", { className: `rk-badge-mini rk-${item.status}`, children: item.status }),
-                        orphan && /* @__PURE__ */ jsx11("span", { className: "rk-badge-mini rk-orphaned", children: "unanchored" }),
-                        hiddenEl && /* @__PURE__ */ jsx11(
+                        item.priority === "must" && /* @__PURE__ */ jsx12("span", { className: "rk-badge-mini rk-must", children: "must" }),
+                        item.status !== "open" && /* @__PURE__ */ jsx12("span", { className: `rk-badge-mini rk-${item.status}`, children: item.status }),
+                        orphan && /* @__PURE__ */ jsx12("span", { className: "rk-badge-mini rk-orphaned", children: "unanchored" }),
+                        hiddenEl && /* @__PURE__ */ jsx12(
                           "span",
                           {
                             className: "rk-badge-mini rk-hidden-el",
@@ -6127,14 +6431,14 @@ function Panel() {
                             children: "hidden"
                           }
                         ),
-                        item.note && /* @__PURE__ */ jsx11("span", { className: "rk-badge-mini", children: "note" }),
-                        peers.filter((peer) => peer.typingActive && peer.typingItemId === item.id).map((peer) => /* @__PURE__ */ jsxs10("span", { className: "rk-badge-mini", style: { color: peer.color }, children: [
+                        item.note && /* @__PURE__ */ jsx12("span", { className: "rk-badge-mini", children: "note" }),
+                        peers.filter((peer) => peer.typingActive && peer.typingItemId === item.id).map((peer) => /* @__PURE__ */ jsxs11("span", { className: "rk-badge-mini", style: { color: peer.color }, children: [
                           peer.name || "peer",
                           " is writing\u2026"
                         ] }, peer.id))
                       ] })
                     ] }),
-                    /* @__PURE__ */ jsx11("span", { className: "rk-item-actions", children: /* @__PURE__ */ jsx11(
+                    /* @__PURE__ */ jsx12("span", { className: "rk-item-actions", children: /* @__PURE__ */ jsx12(
                       "button",
                       {
                         type: "button",
@@ -6149,15 +6453,15 @@ function Panel() {
                             "info"
                           );
                         },
-                        children: /* @__PURE__ */ jsx11(IconTrash, { size: 13 })
+                        children: /* @__PURE__ */ jsx12(IconTrash, { size: 13 })
                       }
                     ) })
                   ]
                 }
               ),
-              active && /* @__PURE__ */ jsxs10("div", { className: "rk-item-edit", children: [
-                /* @__PURE__ */ jsxs10("div", { className: "rk-detail-byline", title: new Date(item.createdAt).toLocaleString(), children: [
-                  /* @__PURE__ */ jsx11(
+              active && /* @__PURE__ */ jsxs11("div", { className: "rk-item-edit", children: [
+                /* @__PURE__ */ jsxs11("div", { className: "rk-detail-byline", title: new Date(item.createdAt).toLocaleString(), children: [
+                  /* @__PURE__ */ jsx12(
                     "span",
                     {
                       className: "rk-author-dot",
@@ -6168,8 +6472,8 @@ function Panel() {
                   " \xB7 ",
                   timeAgo(item.createdAt)
                 ] }),
-                isCopyItem(item) && /* @__PURE__ */ jsx11(CopyDiff, { before: item.payload.before, after: item.payload.after }),
-                isImageItem(item) && /* @__PURE__ */ jsx11(
+                isCopyItem(item) && /* @__PURE__ */ jsx12(CopyDiff, { before: item.payload.before, after: item.payload.after }),
+                isImageItem(item) && /* @__PURE__ */ jsx12(
                   ImageDetail,
                   {
                     beforeSrc: item.payload.beforeSrc,
@@ -6177,7 +6481,7 @@ function Panel() {
                     afterDataUrl: item.payload.afterDataUrl
                   }
                 ),
-                isKnownItemType(item.type) && item.type !== "move" && /* @__PURE__ */ jsx11(
+                isKnownItemType(item.type) && item.type !== "move" && /* @__PURE__ */ jsx12(
                   "textarea",
                   {
                     className: "rk-textarea",
@@ -6187,7 +6491,7 @@ function Panel() {
                     onChange: (event) => dispatch({ type: "UPDATE_ITEM", id: item.id, patch: withPayloadText(item, event.target.value) })
                   }
                 ),
-                /* @__PURE__ */ jsx11(
+                /* @__PURE__ */ jsx12(
                   "input",
                   {
                     className: "rk-input",
@@ -6197,9 +6501,9 @@ function Panel() {
                     onChange: (event) => dispatch({ type: "UPDATE_ITEM", id: item.id, patch: { note: event.target.value } })
                   }
                 ),
-                /* @__PURE__ */ jsxs10("div", { style: { display: "flex", gap: 8, flexWrap: "wrap" }, children: [
-                  /* @__PURE__ */ jsxs10("div", { className: "rk-seg", role: "group", "aria-label": "Priority", children: [
-                    /* @__PURE__ */ jsx11(
+                /* @__PURE__ */ jsxs11("div", { style: { display: "flex", gap: 8, flexWrap: "wrap" }, children: [
+                  /* @__PURE__ */ jsxs11("div", { className: "rk-seg", role: "group", "aria-label": "Priority", children: [
+                    /* @__PURE__ */ jsx12(
                       "button",
                       {
                         type: "button",
@@ -6208,7 +6512,7 @@ function Panel() {
                         children: "Must"
                       }
                     ),
-                    /* @__PURE__ */ jsx11(
+                    /* @__PURE__ */ jsx12(
                       "button",
                       {
                         type: "button",
@@ -6218,7 +6522,7 @@ function Panel() {
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsx11("div", { className: "rk-seg", role: "group", "aria-label": "Status", children: STATUSES.map((status) => /* @__PURE__ */ jsx11(
+                  /* @__PURE__ */ jsx12("div", { className: "rk-seg", role: "group", "aria-label": "Status", children: STATUSES.map((status) => /* @__PURE__ */ jsx12(
                     "button",
                     {
                       type: "button",
@@ -6233,22 +6537,22 @@ function Panel() {
             ] }, item.id);
           })
         ] }, route)) }),
-        /* @__PURE__ */ jsxs10("div", { className: "rk-panel-foot", children: [
-          /* @__PURE__ */ jsxs10("button", { type: "button", className: "rk-btn rk-btn-ghost", onClick: onExport, disabled: items.length === 0, children: [
-            /* @__PURE__ */ jsx11(IconDownload, { size: 13 }),
+        /* @__PURE__ */ jsxs11("div", { className: "rk-panel-foot", children: [
+          /* @__PURE__ */ jsxs11("button", { type: "button", className: "rk-btn rk-btn-ghost", onClick: onExport, disabled: items.length === 0, children: [
+            /* @__PURE__ */ jsx12(IconDownload, { size: 13 }),
             " Export"
           ] }),
-          /* @__PURE__ */ jsxs10("button", { type: "button", className: "rk-btn rk-btn-ghost", onClick: () => void onCopy(), disabled: items.length === 0, children: [
-            /* @__PURE__ */ jsx11(IconCopyClipboard, { size: 13 }),
+          /* @__PURE__ */ jsxs11("button", { type: "button", className: "rk-btn rk-btn-ghost", onClick: () => void onCopy(), disabled: items.length === 0, children: [
+            /* @__PURE__ */ jsx12(IconCopyClipboard, { size: 13 }),
             " Copy"
           ] }),
-          /* @__PURE__ */ jsxs10("button", { type: "button", className: "rk-btn rk-btn-ghost", onClick: () => importRef.current?.click(), children: [
-            /* @__PURE__ */ jsx11(IconUpload, { size: 13 }),
+          /* @__PURE__ */ jsxs11("button", { type: "button", className: "rk-btn rk-btn-ghost", onClick: () => importRef.current?.click(), children: [
+            /* @__PURE__ */ jsx12(IconUpload, { size: 13 }),
             " Import"
           ] }),
-          /* @__PURE__ */ jsx11("span", { className: "rk-spacer" }),
-          undoStack.length > 0 && /* @__PURE__ */ jsx11("button", { type: "button", className: "rk-icon-btn", "aria-label": "Undo last change (\u2318Z)", onClick: () => dispatch({ type: "UNDO" }), children: /* @__PURE__ */ jsx11(IconUndo, { size: 14 }) }),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12("span", { className: "rk-spacer" }),
+          undoStack.length > 0 && /* @__PURE__ */ jsx12("button", { type: "button", className: "rk-icon-btn", "aria-label": "Undo last change (\u2318Z)", onClick: () => dispatch({ type: "UNDO" }), children: /* @__PURE__ */ jsx12(IconUndo, { size: 14 }) }),
+          /* @__PURE__ */ jsx12(
             "button",
             {
               type: "button",
@@ -6259,7 +6563,7 @@ function Panel() {
               children: "Clear"
             }
           ),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             "button",
             {
               type: "button",
@@ -6269,7 +6573,7 @@ function Panel() {
               children: "Exit review"
             }
           ),
-          /* @__PURE__ */ jsx11(
+          /* @__PURE__ */ jsx12(
             "input",
             {
               ref: importRef,
@@ -6290,8 +6594,8 @@ function Panel() {
 }
 
 // src/client/components/Presence.tsx
-import { useEffect as useEffect10, useRef as useRef11 } from "react";
-import { Fragment as Fragment6, jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { useEffect as useEffect11, useRef as useRef11 } from "react";
+import { Fragment as Fragment7, jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
 function initials(name) {
   const parts = name.trim().split(/\s+/).filter(Boolean);
   if (parts.length === 0) return "\xB7";
@@ -6301,8 +6605,8 @@ function initials(name) {
 function PresenceStrip() {
   const { peers, syncStatus } = useStore();
   if (syncStatus === "disabled" || peers.length === 0) return null;
-  return /* @__PURE__ */ jsxs11("div", { className: "rk-presence", "aria-label": `${peers.length} reviewer${peers.length === 1 ? "" : "s"} online`, children: [
-    peers.slice(0, 5).map((peer) => /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsxs12("div", { className: "rk-presence", "aria-label": `${peers.length} reviewer${peers.length === 1 ? "" : "s"} online`, children: [
+    peers.slice(0, 5).map((peer) => /* @__PURE__ */ jsx13(
       "span",
       {
         className: "rk-avatar",
@@ -6312,7 +6616,7 @@ function PresenceStrip() {
       },
       peer.id
     )),
-    peers.length > 5 && /* @__PURE__ */ jsxs11("span", { className: "rk-avatar rk-avatar-more", children: [
+    peers.length > 5 && /* @__PURE__ */ jsxs12("span", { className: "rk-avatar rk-avatar-more", children: [
       "+",
       peers.length - 5
     ] })
@@ -6336,7 +6640,7 @@ function PeerCursors() {
     }
   }
   peersRef.current = peers;
-  useEffect10(() => {
+  useEffect11(() => {
     const reduced = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
     let raf = 0;
     let last = performance.now();
@@ -6441,8 +6745,8 @@ function PeerCursors() {
     return () => cancelAnimationFrame(raf);
   }, []);
   if (peers.length === 0) return null;
-  return /* @__PURE__ */ jsxs11(Fragment6, { children: [
-    peers.map((peer) => /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsxs12(Fragment7, { children: [
+    peers.map((peer) => /* @__PURE__ */ jsx13(
       "div",
       {
         ref: (el) => {
@@ -6454,7 +6758,7 @@ function PeerCursors() {
       },
       `ring-${peer.id}`
     )),
-    peers.map((peer, index) => /* @__PURE__ */ jsxs11(
+    peers.map((peer, index) => /* @__PURE__ */ jsxs12(
       "div",
       {
         ref: (el) => {
@@ -6464,8 +6768,8 @@ function PeerCursors() {
         className: "rk-peer-cursor",
         style: { opacity: 0 },
         children: [
-          /* @__PURE__ */ jsx12("svg", { width: "14", height: "18", viewBox: "0 0 14 18", "aria-hidden": "true", children: /* @__PURE__ */ jsx12("path", { d: "M1 1l12 7.5-5.2 1.2L5 16z", fill: peer.color, stroke: "rgba(0,0,0,0.25)", strokeWidth: "1" }) }),
-          /* @__PURE__ */ jsxs11(
+          /* @__PURE__ */ jsx13("svg", { width: "14", height: "18", viewBox: "0 0 14 18", "aria-hidden": "true", children: /* @__PURE__ */ jsx13("path", { d: "M1 1l12 7.5-5.2 1.2L5 16z", fill: peer.color, stroke: "rgba(0,0,0,0.25)", strokeWidth: "1" }) }),
+          /* @__PURE__ */ jsxs12(
             "span",
             {
               className: "rk-peer-name",
@@ -6484,19 +6788,19 @@ function PeerCursors() {
 }
 
 // src/client/components/QuickComment.tsx
-import { useEffect as useEffect11, useRef as useRef12, useState as useState9 } from "react";
-import { jsx as jsx13, jsxs as jsxs12 } from "react/jsx-runtime";
+import { useEffect as useEffect12, useRef as useRef12, useState as useState10 } from "react";
+import { jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
 function QuickComment() {
   const { quick } = useStore();
   if (!quick) return null;
-  return /* @__PURE__ */ jsx13(QuickComposerCard, { quick }, quick.id);
+  return /* @__PURE__ */ jsx14(QuickComposerCard, { quick }, quick.id);
 }
 function QuickComposerCard({ quick }) {
   const { route, session } = useStore();
   const dispatch = useDispatch();
-  const [text, setText] = useState9("");
+  const [text, setText] = useState10("");
   const fieldRef = useRef12(null);
-  useEffect11(() => {
+  useEffect12(() => {
     const field = fieldRef.current;
     if (!field) return;
     field.focus();
@@ -6549,18 +6853,18 @@ function QuickComposerCard({ quick }) {
   };
   const x = Math.min(Math.max(quick.x, 8), window.innerWidth - 288);
   const y = Math.min(Math.max(quick.y + 12, 8), window.innerHeight - 108);
-  return /* @__PURE__ */ jsxs12("div", { className: "rk-quick", style: { transform: `translate3d(${x}px, ${y}px, 0)` }, role: "dialog", "aria-label": "Quick comment", children: [
-    /* @__PURE__ */ jsxs12("div", { className: "rk-quick-head", children: [
-      /* @__PURE__ */ jsx13(IconComment, { size: 12 }),
-      /* @__PURE__ */ jsx13("span", { children: "Comment here" }),
-      /* @__PURE__ */ jsxs12("span", { className: "rk-hint", children: [
-        /* @__PURE__ */ jsx13("span", { className: "rk-kbd", children: "\u21B5" }),
+  return /* @__PURE__ */ jsxs13("div", { className: "rk-quick", style: { transform: `translate3d(${x}px, ${y}px, 0)` }, role: "dialog", "aria-label": "Quick comment", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "rk-quick-head", children: [
+      /* @__PURE__ */ jsx14(IconComment, { size: 12 }),
+      /* @__PURE__ */ jsx14("span", { children: "Comment here" }),
+      /* @__PURE__ */ jsxs13("span", { className: "rk-hint", children: [
+        /* @__PURE__ */ jsx14("span", { className: "rk-kbd", children: "\u21B5" }),
         " save \xB7 ",
-        /* @__PURE__ */ jsx13("span", { className: "rk-kbd", children: "esc" }),
+        /* @__PURE__ */ jsx14("span", { className: "rk-kbd", children: "esc" }),
         " cancel"
       ] })
     ] }),
-    /* @__PURE__ */ jsx13(
+    /* @__PURE__ */ jsx14(
       "textarea",
       {
         ref: fieldRef,
@@ -6576,8 +6880,8 @@ function QuickComposerCard({ quick }) {
 }
 
 // src/client/components/PickLayer.tsx
-import { useEffect as useEffect12, useRef as useRef13, useState as useState10 } from "react";
-import { Fragment as Fragment7, jsx as jsx14, jsxs as jsxs13 } from "react/jsx-runtime";
+import { useEffect as useEffect13, useRef as useRef13, useState as useState11 } from "react";
+import { Fragment as Fragment8, jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
 function applyRect(el, rect, pad2 = 3) {
   if (!el) return;
   if (!rect) {
@@ -6592,14 +6896,14 @@ function applyRect(el, rect, pad2 = 3) {
 function PickLayer() {
   const { mode, selection, tool } = useStore();
   const dispatch = useDispatch();
-  const [hovered, setHovered] = useState10(null);
+  const [hovered, setHovered] = useState11(null);
   const outlineRef = useRef13(null);
   const labelRef = useRef13(null);
   const selectRef = useRef13(null);
   const hoveredRef = useRef13(null);
   hoveredRef.current = hovered;
   const picking = mode === "pick";
-  useEffect12(() => {
+  useEffect13(() => {
     if (!picking) {
       setHovered(null);
       return;
@@ -6643,7 +6947,7 @@ function PickLayer() {
       document.removeEventListener("mousedown", swallow, true);
     };
   }, [picking, tool, dispatch]);
-  useEffect12(() => {
+  useEffect13(() => {
     if (!picking) return;
     const body = document.body;
     const prev = body.style.cursor;
@@ -6653,7 +6957,7 @@ function PickLayer() {
       if (body.getAttribute("style") === "") body.removeAttribute("style");
     };
   }, [picking, tool]);
-  useEffect12(() => {
+  useEffect13(() => {
     let raf = 0;
     const tick = () => {
       const hoverEl = hoveredRef.current;
@@ -6679,21 +6983,21 @@ function PickLayer() {
     raf = requestAnimationFrame(tick);
     return () => cancelAnimationFrame(raf);
   }, [picking, selection]);
-  return /* @__PURE__ */ jsxs13(Fragment7, { children: [
-    picking && /* @__PURE__ */ jsxs13(Fragment7, { children: [
-      /* @__PURE__ */ jsx14("div", { ref: outlineRef, className: "rk-outline", style: { opacity: 0 } }),
-      /* @__PURE__ */ jsx14("div", { ref: labelRef, className: "rk-outline-label", style: { opacity: 0 }, children: hovered ? /* @__PURE__ */ jsxs13(Fragment7, { children: [
-        /* @__PURE__ */ jsx14("span", { className: "rk-tag", children: hovered.tagName.toLowerCase() }),
-        /* @__PURE__ */ jsx14("span", { children: describeElement(hovered).replace(/^[a-z0-9]+ · /, "") })
-      ] }) : /* @__PURE__ */ jsx14("span", { children: "Pick an element" }) })
+  return /* @__PURE__ */ jsxs14(Fragment8, { children: [
+    picking && /* @__PURE__ */ jsxs14(Fragment8, { children: [
+      /* @__PURE__ */ jsx15("div", { ref: outlineRef, className: "rk-outline", style: { opacity: 0 } }),
+      /* @__PURE__ */ jsx15("div", { ref: labelRef, className: "rk-outline-label", style: { opacity: 0 }, children: hovered ? /* @__PURE__ */ jsxs14(Fragment8, { children: [
+        /* @__PURE__ */ jsx15("span", { className: "rk-tag", children: hovered.tagName.toLowerCase() }),
+        /* @__PURE__ */ jsx15("span", { children: describeElement(hovered).replace(/^[a-z0-9]+ · /, "") })
+      ] }) : /* @__PURE__ */ jsx15("span", { children: "Pick an element" }) })
     ] }),
-    selection && /* @__PURE__ */ jsx14("div", { ref: selectRef, className: "rk-select-ring", style: { opacity: 0 } })
+    selection && /* @__PURE__ */ jsx15("div", { ref: selectRef, className: "rk-select-ring", style: { opacity: 0 } })
   ] });
 }
 
 // src/client/components/Pins.tsx
-import { useEffect as useEffect13, useMemo as useMemo4, useRef as useRef14, useState as useState11 } from "react";
-import { Fragment as Fragment8, jsx as jsx15, jsxs as jsxs14 } from "react/jsx-runtime";
+import { useEffect as useEffect14, useMemo as useMemo4, useRef as useRef14, useState as useState12 } from "react";
+import { Fragment as Fragment9, jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
 var STATUS_LABELS = {
   open: "open",
   accepted: "accepted",
@@ -6705,22 +7009,22 @@ var RERESOLVE_MS = 800;
 function Pins() {
   const { session, route, activeItemId, editor, mode, filter } = useStore();
   const dispatch = useDispatch();
-  const [clusters, setClusters] = useState11([]);
-  const [orphanCount, setOrphanCount] = useState11(0);
+  const [clusters, setClusters] = useState12([]);
+  const [orphanCount, setOrphanCount] = useState12(0);
   const wrapRefs = useRef14(/* @__PURE__ */ new Map());
   const visibleCache = useRef14(/* @__PURE__ */ new Map());
   const highlightRef = useRef14(null);
   const hoveredItems = useRef14(null);
   const elementCache = useRef14(/* @__PURE__ */ new Map());
   const lastResolve = useRef14(0);
-  const [newestId, setNewestId] = useState11(null);
+  const [newestId, setNewestId] = useState12(null);
   const prevCount = useRef14(0);
   const items = useMemo4(() => {
     const all = session?.items ?? [];
     return all.map((item, index) => ({ item, number: index + 1 })).filter(({ item }) => item.route === route);
   }, [session, route]);
   const byId = new Map(items.map(({ item }) => [item.id, item]));
-  useEffect13(() => {
+  useEffect14(() => {
     const count = session?.items.length ?? 0;
     if (count > prevCount.current && session && count > 0) {
       const id = session.items[count - 1].id;
@@ -6731,7 +7035,7 @@ function Pins() {
     }
     prevCount.current = count;
   }, [session]);
-  useEffect13(() => {
+  useEffect14(() => {
     let raf = 0;
     let lastSignature = "";
     const tick = (time) => {
@@ -6815,8 +7119,8 @@ function Pins() {
     dispatch({ type: "SET_ACTIVE_ITEM", id });
     dispatch({ type: "SET_PANEL", open: true });
   };
-  return /* @__PURE__ */ jsxs14(Fragment8, { children: [
-    /* @__PURE__ */ jsx15("div", { ref: highlightRef, className: "rk-hl-ring", style: { opacity: 0 } }),
+  return /* @__PURE__ */ jsxs15(Fragment9, { children: [
+    /* @__PURE__ */ jsx16("div", { ref: highlightRef, className: "rk-hl-ring", style: { opacity: 0 } }),
     clusters.map((cluster) => {
       const isCluster = cluster.ids.length > 1;
       const isActive = activeItemId !== null && cluster.ids.includes(activeItemId);
@@ -6826,7 +7130,7 @@ function Pins() {
       const status = statuses.size === 1 ? members[0]?.status : void 0;
       const dimmed = filter !== null && members.length > 0 && !members.some((item) => itemMatchesFilter(item, filter));
       const statusHint = isCluster ? status ? ` \xB7 all ${STATUS_LABELS[status] ?? status}` : "" : ` \xB7 ${STATUS_LABELS[members[0]?.status ?? "open"] ?? members[0]?.status}`;
-      return /* @__PURE__ */ jsx15(
+      return /* @__PURE__ */ jsx16(
         "div",
         {
           ref: (el) => {
@@ -6834,7 +7138,7 @@ function Pins() {
             else wrapRefs.current.delete(cluster.key);
           },
           className: `rk-pin-wrap${picking ? " rk-pin-ghost" : ""}`,
-          children: /* @__PURE__ */ jsx15(
+          children: /* @__PURE__ */ jsx16(
             "button",
             {
               type: "button",
@@ -6856,7 +7160,7 @@ function Pins() {
         cluster.key
       );
     }),
-    orphanCount > 0 && /* @__PURE__ */ jsxs14(
+    orphanCount > 0 && /* @__PURE__ */ jsxs15(
       "button",
       {
         type: "button",
@@ -6864,7 +7168,7 @@ function Pins() {
         style: { bottom: 16, left: "50%", transform: "translateX(-50%)" },
         onClick: () => dispatch({ type: "SET_PANEL", open: true }),
         children: [
-          /* @__PURE__ */ jsx15(IconUnlink, { size: 13 }),
+          /* @__PURE__ */ jsx16(IconUnlink, { size: 13 }),
           orphanCount,
           " unanchored item",
           orphanCount === 1 ? "" : "s"
@@ -6875,13 +7179,13 @@ function Pins() {
 }
 
 // src/client/components/Toolbar.tsx
-import { useEffect as useEffect14, useLayoutEffect as useLayoutEffect3, useRef as useRef15, useState as useState12 } from "react";
-import { Fragment as Fragment9, jsx as jsx16, jsxs as jsxs15 } from "react/jsx-runtime";
+import { useEffect as useEffect15, useLayoutEffect as useLayoutEffect3, useRef as useRef15, useState as useState13 } from "react";
+import { Fragment as Fragment10, jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
 var TOOLS = [
-  { tool: "select", hintId: "tool-select", label: "Select", icon: (n) => /* @__PURE__ */ jsx16(IconTarget, { size: n }) },
-  { tool: "copy", hintId: "tool-copy", label: "Rewrite text", icon: (n) => /* @__PURE__ */ jsx16(IconText, { size: n }) },
-  { tool: "comment", hintId: "tool-comment", label: "Comment", icon: (n) => /* @__PURE__ */ jsx16(IconComment, { size: n }) },
-  { tool: "image", hintId: "tool-image", label: "Replace image", icon: (n) => /* @__PURE__ */ jsx16(IconImage, { size: n }) }
+  { tool: "select", hintId: "tool-select", label: "Select", icon: (n) => /* @__PURE__ */ jsx17(IconTarget, { size: n }) },
+  { tool: "copy", hintId: "tool-copy", label: "Rewrite text", icon: (n) => /* @__PURE__ */ jsx17(IconText, { size: n }) },
+  { tool: "comment", hintId: "tool-comment", label: "Comment", icon: (n) => /* @__PURE__ */ jsx17(IconComment, { size: n }) },
+  { tool: "image", hintId: "tool-image", label: "Replace image", icon: (n) => /* @__PURE__ */ jsx17(IconImage, { size: n }) }
 ];
 var POS_KEY2 = "review-kit:toolbar-pos";
 var DRAG_THRESHOLD2 = 6;
@@ -6890,9 +7194,9 @@ function Toolbar() {
   const hasPeers = syncStatus !== "disabled" && peers.length > 0;
   const dispatch = useDispatch();
   const ref = useRef15(null);
-  const [pos, setPos] = useState12(() => readStoredPos(POS_KEY2));
+  const [pos, setPos] = useState13(() => readStoredPos(POS_KEY2));
   const drag = useRef15(null);
-  const [dragging, setDragging] = useState12(false);
+  const [dragging, setDragging] = useState13(false);
   const justDragged = useRef15(false);
   const visible = editor === null || selection !== null;
   const applyPos = (next, persist) => {
@@ -6906,7 +7210,7 @@ function Toolbar() {
     const clamped = clampPos(pos.x, pos.y, el.offsetWidth, el.offsetHeight);
     if (clamped.x !== pos.x || clamped.y !== pos.y) applyPos(clamped, true);
   }, [pos, selection, hasPeers, visible]);
-  useEffect14(() => {
+  useEffect15(() => {
     const onResize = () => {
       const el = ref.current;
       const current = readStoredPos(POS_KEY2);
@@ -7019,7 +7323,7 @@ function Toolbar() {
     mode === "pick" && selection === null ? "rk-ghost" : ""
   ].filter(Boolean).join(" ");
   const style = pos !== null ? { left: 0, top: 0, translate: `${pos.x}px ${pos.y}px` } : void 0;
-  return /* @__PURE__ */ jsxs15(
+  return /* @__PURE__ */ jsxs16(
     "div",
     {
       ref,
@@ -7030,7 +7334,7 @@ function Toolbar() {
       onPointerDown,
       onClickCapture,
       children: [
-        /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(
           "button",
           {
             type: "button",
@@ -7038,19 +7342,19 @@ function Toolbar() {
             "aria-label": "Move the toolbar \u2014 drag, or use arrow keys; double-click to reset its position",
             onKeyDown: onGripKeyDown,
             onDoubleClick: () => applyPos(null, true),
-            children: /* @__PURE__ */ jsxs15("svg", { width: "8", height: "14", viewBox: "0 0 8 14", "aria-hidden": "true", fill: "currentColor", children: [
-              /* @__PURE__ */ jsx16("circle", { cx: "2", cy: "2", r: "1.1" }),
-              /* @__PURE__ */ jsx16("circle", { cx: "6", cy: "2", r: "1.1" }),
-              /* @__PURE__ */ jsx16("circle", { cx: "2", cy: "7", r: "1.1" }),
-              /* @__PURE__ */ jsx16("circle", { cx: "6", cy: "7", r: "1.1" }),
-              /* @__PURE__ */ jsx16("circle", { cx: "2", cy: "12", r: "1.1" }),
-              /* @__PURE__ */ jsx16("circle", { cx: "6", cy: "12", r: "1.1" })
+            children: /* @__PURE__ */ jsxs16("svg", { width: "8", height: "14", viewBox: "0 0 8 14", "aria-hidden": "true", fill: "currentColor", children: [
+              /* @__PURE__ */ jsx17("circle", { cx: "2", cy: "2", r: "1.1" }),
+              /* @__PURE__ */ jsx17("circle", { cx: "6", cy: "2", r: "1.1" }),
+              /* @__PURE__ */ jsx17("circle", { cx: "2", cy: "7", r: "1.1" }),
+              /* @__PURE__ */ jsx17("circle", { cx: "6", cy: "7", r: "1.1" }),
+              /* @__PURE__ */ jsx17("circle", { cx: "2", cy: "12", r: "1.1" }),
+              /* @__PURE__ */ jsx17("circle", { cx: "6", cy: "12", r: "1.1" })
             ] })
           }
         ),
-        /* @__PURE__ */ jsx16(PresenceStrip, {}),
-        hasPeers && /* @__PURE__ */ jsx16("span", { className: "rk-toolbar-sep" }),
-        /* @__PURE__ */ jsx16("div", { className: "rk-seg rk-tool-seg", role: "group", "aria-label": "Tools", children: TOOLS.map((entry) => /* @__PURE__ */ jsx16(
+        /* @__PURE__ */ jsx17(PresenceStrip, {}),
+        hasPeers && /* @__PURE__ */ jsx17("span", { className: "rk-toolbar-sep" }),
+        /* @__PURE__ */ jsx17("div", { className: "rk-seg rk-tool-seg", role: "group", "aria-label": "Tools", children: TOOLS.map((entry) => /* @__PURE__ */ jsx17(
           "button",
           {
             type: "button",
@@ -7062,9 +7366,9 @@ function Toolbar() {
           },
           entry.tool
         )) }),
-        selection && /* @__PURE__ */ jsx16("span", { className: "rk-toolbar-sep" }),
-        selection && /* @__PURE__ */ jsxs15(Fragment9, { children: [
-          /* @__PURE__ */ jsxs15(
+        selection && /* @__PURE__ */ jsx17("span", { className: "rk-toolbar-sep" }),
+        selection && /* @__PURE__ */ jsxs16(Fragment10, { children: [
+          /* @__PURE__ */ jsxs16(
             "button",
             {
               type: "button",
@@ -7073,12 +7377,12 @@ function Toolbar() {
               title: `Rewrite text${keyHint("tool-copy")}`,
               onClick: () => open("copy"),
               children: [
-                /* @__PURE__ */ jsx16(IconText, { size: 14 }),
+                /* @__PURE__ */ jsx17(IconText, { size: 14 }),
                 " Rewrite"
               ]
             }
           ),
-          hasImage && /* @__PURE__ */ jsxs15(
+          hasImage && /* @__PURE__ */ jsxs16(
             "button",
             {
               type: "button",
@@ -7087,12 +7391,12 @@ function Toolbar() {
               title: `Replace image${keyHint("tool-image")}`,
               onClick: () => open("image"),
               children: [
-                /* @__PURE__ */ jsx16(IconImage, { size: 14 }),
+                /* @__PURE__ */ jsx17(IconImage, { size: 14 }),
                 " Image"
               ]
             }
           ),
-          /* @__PURE__ */ jsxs15(
+          /* @__PURE__ */ jsxs16(
             "button",
             {
               type: "button",
@@ -7101,32 +7405,32 @@ function Toolbar() {
               title: `Comment${keyHint("tool-comment")}`,
               onClick: () => open("comment"),
               children: [
-                /* @__PURE__ */ jsx16(IconComment, { size: 14 }),
+                /* @__PURE__ */ jsx17(IconComment, { size: 14 }),
                 " Comment"
               ]
             }
           ),
-          /* @__PURE__ */ jsxs15("button", { type: "button", role: "menuitem", className: "rk-toolbar-btn", onClick: () => open("style"), children: [
-            /* @__PURE__ */ jsx16(IconStyle, { size: 14 }),
+          /* @__PURE__ */ jsxs16("button", { type: "button", role: "menuitem", className: "rk-toolbar-btn", onClick: () => open("style"), children: [
+            /* @__PURE__ */ jsx17(IconStyle, { size: 14 }),
             " Style"
           ] }),
-          /* @__PURE__ */ jsxs15("button", { type: "button", role: "menuitem", className: "rk-toolbar-btn", onClick: () => open("move"), children: [
-            /* @__PURE__ */ jsx16(IconMove, { size: 14 }),
+          /* @__PURE__ */ jsxs16("button", { type: "button", role: "menuitem", className: "rk-toolbar-btn", onClick: () => open("move"), children: [
+            /* @__PURE__ */ jsx17(IconMove, { size: 14 }),
             " Move"
           ] }),
-          /* @__PURE__ */ jsxs15("button", { type: "button", role: "menuitem", className: "rk-toolbar-btn rk-danger", onClick: () => open("delete"), children: [
-            /* @__PURE__ */ jsx16(IconTrash, { size: 14 }),
+          /* @__PURE__ */ jsxs16("button", { type: "button", role: "menuitem", className: "rk-toolbar-btn rk-danger", onClick: () => open("delete"), children: [
+            /* @__PURE__ */ jsx17(IconTrash, { size: 14 }),
             " Delete"
           ] }),
-          /* @__PURE__ */ jsx16("span", { className: "rk-toolbar-sep" }),
-          /* @__PURE__ */ jsx16(
+          /* @__PURE__ */ jsx17("span", { className: "rk-toolbar-sep" }),
+          /* @__PURE__ */ jsx17(
             "button",
             {
               type: "button",
               className: "rk-icon-btn",
               "aria-label": "Deselect",
               onClick: () => dispatch({ type: "SELECT", selection: null }),
-              children: /* @__PURE__ */ jsx16(IconClose, { size: 13 })
+              children: /* @__PURE__ */ jsx17(IconClose, { size: 13 })
             }
           )
         ] })
@@ -7136,27 +7440,27 @@ function Toolbar() {
 }
 
 // src/client/components/Toast.tsx
-import { useEffect as useEffect15 } from "react";
-import { jsx as jsx17, jsxs as jsxs16 } from "react/jsx-runtime";
+import { useEffect as useEffect16 } from "react";
+import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
 function ToastRow({ toast: toast2 }) {
   const dispatch = useDispatch();
-  useEffect15(() => {
+  useEffect16(() => {
     const timer = window.setTimeout(() => dispatch({ type: "DISMISS_TOAST", id: toast2.id }), 3500);
     return () => window.clearTimeout(timer);
   }, [toast2.id, dispatch]);
-  return /* @__PURE__ */ jsxs16("div", { className: `rk-toast rk-${toast2.tone}`, role: "status", children: [
-    toast2.tone === "success" ? /* @__PURE__ */ jsx17(IconCheck, { size: 13 }) : toast2.tone === "error" ? /* @__PURE__ */ jsx17(IconWarning, { size: 13 }) : /* @__PURE__ */ jsx17(IconComment, { size: 13 }),
+  return /* @__PURE__ */ jsxs17("div", { className: `rk-toast rk-${toast2.tone}`, role: "status", children: [
+    toast2.tone === "success" ? /* @__PURE__ */ jsx18(IconCheck, { size: 13 }) : toast2.tone === "error" ? /* @__PURE__ */ jsx18(IconWarning, { size: 13 }) : /* @__PURE__ */ jsx18(IconComment, { size: 13 }),
     toast2.message
   ] });
 }
 function ToastHost() {
   const { toasts } = useStore();
   if (toasts.length === 0) return null;
-  return /* @__PURE__ */ jsx17("div", { className: "rk-toasts", "aria-live": "polite", children: toasts.map((toast2) => /* @__PURE__ */ jsx17(ToastRow, { toast: toast2 }, toast2.id)) });
+  return /* @__PURE__ */ jsx18("div", { className: "rk-toasts", "aria-live": "polite", children: toasts.map((toast2) => /* @__PURE__ */ jsx18(ToastRow, { toast: toast2 }, toast2.id)) });
 }
 
 // src/client/App.tsx
-import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
 function App() {
   const state = useStore();
   const rawDispatch = useDispatch();
@@ -7166,10 +7470,10 @@ function App() {
   const storageKey = config.storageKey ?? defaultStorageKey();
   useAppliedPreview(state, dispatch);
   useEmblemaAutoPush(state, dispatch, config);
-  useEffect16(() => {
+  useEffect17(() => {
     setEffectAssetsUrl(config.fxAssetsUrl);
   }, [config.fxAssetsUrl]);
-  useEffect16(() => {
+  useEffect17(() => {
     let cancelled = false;
     void loadSession(storageKey).then((stored) => {
       if (cancelled) return;
@@ -7187,7 +7491,7 @@ function App() {
     };
   }, [storageKey, config.defaultAuthor, dispatch]);
   const { session } = state;
-  useEffect16(() => {
+  useEffect17(() => {
     if (!session) return;
     if (saveTimer.current !== null) window.clearTimeout(saveTimer.current);
     saveTimer.current = window.setTimeout(() => {
@@ -7198,9 +7502,9 @@ function App() {
       if (saveTimer.current !== null) window.clearTimeout(saveTimer.current);
     };
   }, [session, storageKey, config]);
-  useEffect16(() => trackPointer(), []);
+  useEffect17(() => trackPointer(), []);
   const focusHandled = useRef16(false);
-  useEffect16(() => {
+  useEffect17(() => {
     if (!session || focusHandled.current) return;
     focusHandled.current = true;
     const id = takeFocusItem();
@@ -7225,7 +7529,7 @@ function App() {
       cancelled = true;
     };
   }, [session, dispatch]);
-  useEffect16(() => {
+  useEffect17(() => {
     let last = window.location.pathname;
     const check = () => {
       if (window.location.pathname !== last) {
@@ -7242,7 +7546,7 @@ function App() {
   }, [dispatch]);
   const stateRef = useRef16(state);
   stateRef.current = state;
-  useEffect16(() => {
+  useEffect17(() => {
     const onKeyDown = (event) => {
       const current = stateRef.current;
       for (const def of SHORTCUTS) {
@@ -7257,7 +7561,7 @@ function App() {
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
   }, [dispatch]);
-  useEffect16(() => {
+  useEffect17(() => {
     if (!state.editor) return;
     const editorEl = state.editor.element;
     const onPointerDown = (event) => {
@@ -7270,32 +7574,33 @@ function App() {
   }, [state.editor, dispatch]);
   if (!session) return null;
   if (state.hidden) {
-    return /* @__PURE__ */ jsx18(DispatchContext.Provider, { value: dispatch, children: null });
+    return /* @__PURE__ */ jsx19(DispatchContext.Provider, { value: dispatch, children: null });
   }
-  return /* @__PURE__ */ jsxs17(DispatchContext.Provider, { value: dispatch, children: [
-    /* @__PURE__ */ jsx18(PickLayer, {}),
-    /* @__PURE__ */ jsx18(PeerCursors, {}),
-    /* @__PURE__ */ jsx18(Toolbar, {}),
-    state.editor?.kind === "copy" && /* @__PURE__ */ jsx18(InlineEditor, { editor: state.editor }),
-    state.editor?.kind === "image" && /* @__PURE__ */ jsx18(ImageEditor, { editor: state.editor }),
-    state.editor && state.editor.kind !== "copy" && state.editor.kind !== "image" && /* @__PURE__ */ jsx18(NoteComposer, { editor: state.editor }),
-    /* @__PURE__ */ jsx18(Pins, {}),
-    /* @__PURE__ */ jsx18(QuickComment, {}),
-    /* @__PURE__ */ jsx18(Panel, {}),
-    /* @__PURE__ */ jsx18(Badge, {}),
-    /* @__PURE__ */ jsx18(CoachMark, {}),
-    /* @__PURE__ */ jsx18(CheatSheet, {}),
-    /* @__PURE__ */ jsx18(EmblemaConnect, {}),
-    /* @__PURE__ */ jsx18(ConfirmHost, {}),
-    /* @__PURE__ */ jsx18(ToastHost, {})
+  return /* @__PURE__ */ jsxs18(DispatchContext.Provider, { value: dispatch, children: [
+    /* @__PURE__ */ jsx19(PickLayer, {}),
+    /* @__PURE__ */ jsx19(PeerCursors, {}),
+    /* @__PURE__ */ jsx19(Toolbar, {}),
+    state.editor?.kind === "copy" && /* @__PURE__ */ jsx19(InlineEditor, { editor: state.editor }),
+    state.editor?.kind === "image" && /* @__PURE__ */ jsx19(ImageEditor, { editor: state.editor }),
+    state.editor && state.editor.kind !== "copy" && state.editor.kind !== "image" && /* @__PURE__ */ jsx19(NoteComposer, { editor: state.editor }),
+    /* @__PURE__ */ jsx19(Pins, {}),
+    /* @__PURE__ */ jsx19(QuickComment, {}),
+    /* @__PURE__ */ jsx19(Panel, {}),
+    /* @__PURE__ */ jsx19(Badge, {}),
+    /* @__PURE__ */ jsx19(CoachMark, {}),
+    /* @__PURE__ */ jsx19(CheatSheet, {}),
+    /* @__PURE__ */ jsx19(EmblemaConnect, {}),
+    /* @__PURE__ */ jsx19(TerminalConnect, {}),
+    /* @__PURE__ */ jsx19(ConfirmHost, {}),
+    /* @__PURE__ */ jsx19(ToastHost, {})
   ] });
 }
 
 // src/client/ReviewKit.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function ShadowHost({ config }) {
-  const [mount, setMount] = useState13(null);
-  useEffect17(() => {
+  const [mount, setMount] = useState14(null);
+  useEffect18(() => {
     const host = document.createElement("div");
     host.setAttribute(HOST_ATTR, "");
     host.style.position = "fixed";
@@ -7331,15 +7636,15 @@ function ShadowHost({ config }) {
   }, []);
   if (!mount) return null;
   return createPortal(
-    /* @__PURE__ */ jsx19(StoreProvider, { config, children: /* @__PURE__ */ jsx19(App, {}) }),
+    /* @__PURE__ */ jsx20(StoreProvider, { config, children: /* @__PURE__ */ jsx20(App, {}) }),
     mount
   );
 }
 function ReviewKit(props) {
-  const [active, setActive] = useState13(false);
+  const [active, setActive] = useState14(false);
   const { enabled, token, allowedHosts, devAutoOn } = props;
   const hostsKey = allowedHosts?.join("\0") ?? "";
-  useEffect17(() => {
+  useEffect18(() => {
     if (enabled === false) {
       setActive(false);
       return;
@@ -7350,7 +7655,7 @@ function ReviewKit(props) {
     return () => window.removeEventListener(DEACTIVATE_EVENT, onDeactivate);
   }, [enabled, token, devAutoOn, hostsKey]);
   if (enabled === false || !active) return null;
-  return /* @__PURE__ */ jsx19(ShadowHost, { config: props });
+  return /* @__PURE__ */ jsx20(ShadowHost, { config: props });
 }
 
 export {
@@ -7363,4 +7668,4 @@ export {
   importSessionFile,
   ReviewKit
 };
-//# sourceMappingURL=chunk-NSXRFM75.js.map
+//# sourceMappingURL=chunk-VNRVRNZX.js.map