@satanwagen/reviewkit 0.1.2 → 0.1.4

package/dist/{chunk-YWBFAV57.js → chunk-5MAFDRUI.js}

@@ -1,7 +1,30 @@
-import { parseSessionJson, isCopyItem, isImageItem, sendToEmblema, parseSession, SCHEMA_VERSION, pingEmblema, isKnownItemType, fetchSyncKey, revokeSyncKey, isCommentItem, isDeleteItem, isMoveItem, isStyleItem, fetchSyncState, generateSyncKey, ITEM_STATUSES } from './chunk-4YNLMSCK.js';
-import { createContext, useState, useEffect, useReducer, useMemo, useRef, useContext, useLayoutEffect } from 'react';
-import { createPortal } from 'react-dom';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import {
+  ITEM_STATUSES,
+  SCHEMA_VERSION,
+  fetchSyncKey,
+  fetchSyncState,
+  generateSyncKey,
+  isCommentItem,
+  isCopyItem,
+  isDeleteItem,
+  isImageItem,
+  isKnownItemType,
+  isMoveItem,
+  isStyleItem,
+  parseSession,
+  parseSessionJson,
+  pingEmblema,
+  revokeSyncKey,
+  sendToEmblema
+} from "./chunk-DG6O5XIC.js";
+import {
+  clearSticky,
+  isLocalHost,
+  isStickyEnabled,
+  reviewParam,
+  setSticky,
+  shouldActivate
+} from "./chunk-ETAGGIDN.js";
 
 // src/client/target.ts
 var HOST_ATTR = "data-review-kit-host";
@@ -316,19 +339,14 @@ function importSessionFile(file) {
   });
 }
 
+// src/client/ReviewKit.tsx
+import { useEffect as useEffect18, useState as useState14 } from "react";
+import { createPortal } from "react-dom";
+
 // src/client/env.ts
-var STICKY_KEY = "review-kit:sticky";
 var LEGACY_SESSION_KEY = "review-kit:active";
 var LEGACY_LOCAL_FLAG = "reviewkit";
-var STICKY_TTL_MS = 4 * 60 * 60 * 1e3;
 var DEACTIVATE_EVENT = "review-kit:deactivate";
-function isDevBuild() {
-  try {
-    return process.env.NODE_ENV === "development";
-  } catch {
-    return false;
-  }
-}
 function safeRemove(storage, key) {
   try {
     storage().removeItem(key);
@@ -339,40 +357,8 @@ function clearLegacyKeys() {
   safeRemove(() => window.sessionStorage, LEGACY_SESSION_KEY);
   safeRemove(() => window.localStorage, LEGACY_LOCAL_FLAG);
 }
-function readSticky() {
-  try {
-    const raw = window.sessionStorage.getItem(STICKY_KEY);
-    if (!raw) return null;
-    const parsed = JSON.parse(raw);
-    if (typeof parsed === "object" && parsed !== null && typeof parsed.token === "string" && typeof parsed.until === "number") {
-      return parsed;
-    }
-  } catch {
-  }
-  return null;
-}
-function isStickyEnabled(token) {
-  const sticky = readSticky();
-  if (!sticky) return false;
-  if (sticky.until < Date.now() || sticky.token !== (token ?? "")) {
-    safeRemove(() => window.sessionStorage, STICKY_KEY);
-    return false;
-  }
-  return true;
-}
-function setSticky(token, on) {
-  try {
-    if (on) {
-      const value = { token: token ?? "", until: Date.now() + STICKY_TTL_MS };
-      window.sessionStorage.setItem(STICKY_KEY, JSON.stringify(value));
-    } else {
-      window.sessionStorage.removeItem(STICKY_KEY);
-    }
-  } catch {
-  }
-}
 function deactivateReview() {
-  safeRemove(() => window.sessionStorage, STICKY_KEY);
+  clearSticky();
   clearLegacyKeys();
   try {
     const url = new URL(window.location.href);
@@ -387,67 +373,24 @@ function deactivateReview() {
   } catch {
   }
 }
-function hostAllowed(allowedHosts) {
-  if (!allowedHosts || allowedHosts.length === 0) return true;
-  let host = "";
-  try {
-    host = window.location.hostname.toLowerCase();
-  } catch {
-    return false;
-  }
-  return allowedHosts.some((pattern) => {
-    const regex = new RegExp(
-      "^" + pattern.toLowerCase().split("*").map((part) => part.replace(/[.*+?^${}()|[\]\\]/g, "\\$&")).join(".*") + "$"
-    );
-    return regex.test(host);
-  });
-}
-function resolveActivation(token) {
+var warnedNoAllowlist = false;
+function resolveActivation(options) {
   if (typeof window === "undefined") return false;
-  let param = null;
-  try {
-    param = new URLSearchParams(window.location.search).get("review");
-  } catch {
-    param = null;
-  }
-  if (param === "off") {
-    safeRemove(() => window.sessionStorage, STICKY_KEY);
-    clearLegacyKeys();
-    return false;
-  }
-  const tokenConfigured = token !== void 0 && token !== "";
-  if (tokenConfigured) {
-    if (param !== null && param !== "") {
-      if (param === token) {
-        setSticky(token, true);
-        return true;
-      }
-      console.warn("[review-kit] `?review` token does not match the configured token; staying inactive.");
-      return false;
-    }
-    if (isStickyEnabled(token)) {
-      setSticky(token, true);
-      return true;
+  clearLegacyKeys();
+  const active = shouldActivate(options);
+  if (!active) return false;
+  const token = options.token;
+  const param = reviewParam();
+  if (token !== void 0 && token !== "" && (param === token || isStickyEnabled(token))) {
+    setSticky(token, true);
+    if (param === token && !options.allowedHosts?.length && !isLocalHost() && !warnedNoAllowlist) {
+      warnedNoAllowlist = true;
+      console.warn(
+        "[review-kit] Review mode activated by URL token on a public hostname with no `allowedHosts`. For production pass `allowedHosts` next to `token` so the layer cannot be opened on hosts you did not intend."
+      );
     }
-    clearLegacyKeys();
-    return false;
-  }
-  if (param !== null && param !== "") {
-    console.warn(
-      "[review-kit] Activated via `?review` with no token configured. Pass a `token` prop to <ReviewKit /> to restrict who can open review mode."
-    );
-    setSticky(void 0, true);
-    return true;
-  }
-  if (isStickyEnabled(void 0)) {
-    setSticky(void 0, true);
-    return true;
-  }
-  try {
-    if (window.localStorage.getItem(LEGACY_LOCAL_FLAG) !== null) return true;
-  } catch {
   }
-  return isDevBuild();
+  return true;
 }
 var FOCUS_KEY = "review-kit:focus";
 function rememberFocusItem(id) {
@@ -1291,10 +1234,13 @@ 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); }
 .rk-epush-offline .rk-sync-dot { background: var(--rk-fg-faint); }
+.rk-epush-rejected .rk-sync-dot { background: var(--rk-danger, #d33); }
 
 /* ---------------------------------------------------------------- */
 /* Floating editor cards                                             */
@@ -2280,6 +2226,9 @@ input, textarea, select {
 `;
 }
 
+// src/client/store.tsx
+import { createContext, useContext, useMemo, useReducer } from "react";
+
 // src/client/id.ts
 function rkId() {
   const time = Date.now().toString(36);
@@ -2295,6 +2244,9 @@ function rkId() {
   }
   return `rk-${time}-${rand}`;
 }
+
+// src/client/store.tsx
+import { jsx } from "react/jsx-runtime";
 function itemMatchesFilter(item, filter) {
   if (!filter) return true;
   if (filter.types.length > 0 && !filter.types.includes(item.type)) return false;
@@ -2356,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 };
@@ -2466,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 };
     /*
@@ -2600,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,
@@ -2617,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.token, config.syncToken, config.syncUrl, config.defaultAuthor, 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 }) }) });
 }
@@ -2645,6 +2604,9 @@ function toast(dispatch, message, tone = "info") {
   dispatch({ type: "PUSH_TOAST", toast: { id: rkId(), message, tone } });
 }
 
+// src/client/App.tsx
+import { useEffect as useEffect17, useRef as useRef16 } from "react";
+
 // src/client/persist.ts
 var DB_NAME = "review-kit";
 var STORE = "sessions";
@@ -2771,6 +2733,9 @@ async function revealTarget(target) {
   const el = resolveTarget(target)?.element ?? null;
   return el && isElementVisible(el) ? "revealed" : "failed";
 }
+
+// src/client/preview.ts
+import { useEffect, useRef } from "react";
 var EDITED_ATTR = "data-rk-edited";
 var STYLE_ID = "rk-preview-style";
 var RESCHEDULE_MS = 180;
@@ -2989,836 +2954,91 @@ function useAppliedPreview(state, dispatch) {
   }, []);
 }
 
-// src/client/effects.ts
-var FX_SOUND_BASE = "https://agropolio.fucking.style/rk-assets";
-var ONDRO_MS = 12e4;
-var BIG_MS = 45e3;
-var NICE_MS = 6900;
-var CHAOS_SEL = "body > :not([data-review-kit-host]):not(script):not(style):not(svg[data-rk-fx])";
-var broadcast = null;
-function setEffectBroadcaster(fn) {
-  broadcast = fn;
-}
-var active = /* @__PURE__ */ new Set();
-function cancelEffects() {
-  if (active.size === 0) return false;
-  for (const cancel of [...active]) cancel();
-  return true;
-}
-function reducedMotion() {
-  try {
-    return window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-  } catch {
-    return false;
-  }
-}
-function spawnParticles(layer, spec, reduced, duration) {
-  const count = reduced ? Math.min(10, spec.count) : spec.count;
-  const vw = window.innerWidth;
-  const vh = window.innerHeight;
-  for (let i = 0; i < count; i++) {
-    const particle = document.createElement("span");
-    particle.className = spec.className ? `rk-fx-particle ${spec.className}` : "rk-fx-particle";
-    particle.textContent = spec.glyphs[i % spec.glyphs.length];
-    const delay = i / count * duration * 0.4;
-    const life = duration * (0.45 + 0.35 * (i * 7 % 10) / 10);
-    particle.style.fontSize = `${14 + i * 13 % 18}px`;
-    if (spec.kind === "rain") {
-      const x = i * 61 % 100 / 100 * vw;
-      const sway = i * 31 % 60 - 30 | 0;
-      particle.style.setProperty("--fx-x0", `${x}px`);
-      particle.style.setProperty("--fx-x1", `${x + sway}px`);
-      particle.style.setProperty("--fx-y0", `-40px`);
-      particle.style.setProperty("--fx-y1", `${vh + 40}px`);
-    } else {
-      const angle = i / count * Math.PI * 2;
-      const radius = 120 + i * 47 % 240;
-      particle.style.setProperty("--fx-x0", `${vw / 2}px`);
-      particle.style.setProperty("--fx-y0", `${vh / 2}px`);
-      particle.style.setProperty("--fx-x1", `${vw / 2 + Math.cos(angle) * radius}px`);
-      particle.style.setProperty("--fx-y1", `${vh / 2 + Math.sin(angle) * radius + vh * 0.4}px`);
-    }
-    particle.style.animation = `rk-fx-fall ${reduced ? life * 0.8 : life}ms linear ${delay}ms both`;
-    layer.appendChild(particle);
-  }
-}
-function runShake() {
-  const prev = document.body.style.animation;
-  let styleTag = document.getElementById("rk-fx-shake-style");
-  if (!styleTag) {
-    styleTag = document.createElement("style");
-    styleTag.id = "rk-fx-shake-style";
-    styleTag.textContent = "@keyframes rk-fx-shake { 0%,100% { transform: translate(0,0); } 25% { transform: translate(-5px,3px); } 50% { transform: translate(4px,-4px); } 75% { transform: translate(-3px,-2px); } }";
-    document.head.appendChild(styleTag);
-  }
-  document.body.style.animation = "rk-fx-shake 260ms ease-in-out 6";
-  let done = false;
-  const restore2 = () => {
-    if (done) return;
-    done = true;
-    document.body.style.animation = prev;
-    if (document.body.getAttribute("style") === "") document.body.removeAttribute("style");
-  };
-  window.setTimeout(restore2, 1700);
-  return restore2;
-}
-function startOndro({ layer, reduced }) {
-  const cleanups = [];
-  const timers = [];
-  const intervals = [];
-  const later = (fn, ms) => timers.push(window.setTimeout(fn, ms));
-  const every = (fn, ms) => intervals.push(window.setInterval(fn, ms));
-  cleanups.push(() => {
-    timers.forEach((t) => window.clearTimeout(t));
-    intervals.forEach((t) => window.clearInterval(t));
-  });
-  const addStyle = (css) => {
-    const style = document.createElement("style");
-    style.setAttribute("data-rk-fx", "ondro");
-    style.textContent = css;
-    document.head.appendChild(style);
-    cleanups.push(() => style.remove());
-    return style;
-  };
-  const wave = (spec) => {
-    const sub = document.createElement("div");
-    sub.className = "rk-fx-layer";
-    layer.appendChild(sub);
-    spawnParticles(sub, spec, reduced, spec.durationMs);
-    const t = window.setTimeout(() => sub.remove(), spec.durationMs + 1600);
-    timers.push(t);
-    cleanups.push(() => sub.remove());
-  };
-  if (reduced) {
-    addStyle(`@keyframes rk-ondro { 0% { filter: none; } 50% { filter: hue-rotate(40deg) saturate(1.15); } 100% { filter: none; } }
-${CHAOS_SEL} { animation: rk-ondro 8s ease-in-out infinite; }`);
-    wave({ kind: "rain", glyphs: ["\u{1F92A}", "\u{1F4A5}", "\u{1F300}"], count: 8, durationMs: 8e3 });
-    every(() => wave({ kind: "rain", glyphs: ["\u{1F92A}", "\u{1F300}"], count: 6, durationMs: 8e3 }), 15e3);
-  } else {
-    const scrollX = window.scrollX;
-    const scrollY = window.scrollY;
-    const htmlOverflow = document.documentElement.style.overflow;
-    document.documentElement.style.overflow = "hidden";
-    cleanups.push(() => {
-      document.documentElement.style.overflow = htmlOverflow;
-      if (document.documentElement.getAttribute("style") === "") document.documentElement.removeAttribute("style");
-      window.scrollTo(scrollX, scrollY);
-    });
-    const originY = scrollY + window.innerHeight / 2;
-    addStyle(`${CHAOS_SEL} { transform-origin: 50vw ${originY}px; }`);
-    const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-    svg.setAttribute("data-rk-fx", "ondro");
-    svg.setAttribute("width", "0");
-    svg.setAttribute("height", "0");
-    svg.style.position = "absolute";
-    svg.innerHTML = `<defs>
-      <filter id="rk-ondro-warp" x="-10%" y="-10%" width="120%" height="120%">
-        <feTurbulence type="turbulence" baseFrequency="0.004 0.017" numOctaves="2" result="n" seed="7">
-          <animate attributeName="baseFrequency" dur="5.2s" values="0.004 0.017;0.013 0.005;0.004 0.017" repeatCount="indefinite"/>
-        </feTurbulence>
-        <feDisplacementMap in="SourceGraphic" in2="n" scale="14" xChannelSelector="R" yChannelSelector="G">
-          <animate attributeName="scale" dur="4.4s" values="6;26;6" repeatCount="indefinite"/>
-        </feDisplacementMap>
-      </filter>
-      <filter id="rk-ondro-ca" x="-5%" y="-5%" width="110%" height="110%">
-        <feColorMatrix in="SourceGraphic" type="matrix" values="1 0 0 0 0  0 0 0 0 0  0 0 0 0 0  0 0 0 1 0" result="r"/>
-        <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 0  0 1 0 0 0  0 0 0 0 0  0 0 0 1 0" result="g"/>
-        <feColorMatrix in="SourceGraphic" type="matrix" values="0 0 0 0 0  0 0 0 0 0  0 0 1 0 0  0 0 0 1 0" result="b"/>
-        <feOffset in="r" dx="4" dy="0" result="ro"><animate attributeName="dx" dur="2.9s" values="1;6;1" repeatCount="indefinite"/></feOffset>
-        <feOffset in="b" dx="-4" dy="1" result="bo"><animate attributeName="dx" dur="3.3s" values="-1;-6;-1" repeatCount="indefinite"/></feOffset>
-        <feBlend in="ro" in2="g" mode="screen" result="rg"/>
-        <feBlend in="rg" in2="bo" mode="screen"/>
-      </filter>
-    </defs>`;
-    document.body.appendChild(svg);
-    cleanups.push(() => svg.remove());
-    addStyle(`@keyframes rk-ondro1 {
-  0%   { filter: none; transform: scale(1.22); }
-  25%  { filter: hue-rotate(120deg) saturate(1.9) blur(1.6px); transform: scale(1.238) rotate(1.4deg) translateX(6px); }
-  50%  { filter: hue-rotate(230deg) saturate(0.6) contrast(1.12) blur(0.6px); transform: scale(1.202) rotate(-1.2deg) translateY(5px); }
-  75%  { filter: hue-rotate(310deg) saturate(2.1) blur(2.6px); transform: scale(1.22) skewX(1.1deg) translateX(-7px); }
-  100% { filter: hue-rotate(360deg); transform: scale(1.22); }
-}
-${CHAOS_SEL} { animation: rk-ondro1 2.6s ease-in-out infinite; }`);
-    later(() => {
-      addStyle(`@keyframes rk-ondro2 {
-  0%   { filter: url(#rk-ondro-warp) hue-rotate(0deg) saturate(1.3); transform: scale(1.22); }
-  20%  { filter: url(#rk-ondro-ca) hue-rotate(100deg) saturate(2.3) blur(3.4px); transform: scale(1.256) rotate(2.4deg) translate(12px, -6px); }
-  45%  { filter: url(#rk-ondro-warp) hue-rotate(190deg) saturate(0.45) contrast(1.2) blur(1.4px); transform: scale(1.19) rotate(-2.2deg) translate(-13px, 8px) skewY(1.2deg); }
-  70%  { filter: url(#rk-ondro-ca) hue-rotate(280deg) saturate(2.4) blur(4.6px); transform: scale(1.244) skewX(-1.8deg) translateY(-10px); }
-  100% { filter: url(#rk-ondro-warp) hue-rotate(360deg) saturate(1.3); transform: scale(1.22); }
-}
-${CHAOS_SEL} { animation: rk-ondro2 2.2s ease-in-out infinite; }
-@keyframes rk-ondro-shake { 0%,100% { transform: translate(0,0); } 20% { transform: translate(-6px,4px); } 40% { transform: translate(5px,-5px); } 60% { transform: translate(-4px,-3px); } 80% { transform: translate(6px,3px); } }
-@keyframes rk-ondro-text {
-  0%,100% { letter-spacing: normal; word-spacing: normal; text-shadow: none; }
-  30% { letter-spacing: 0.12em; word-spacing: 0.3em; text-shadow: 4px 0 rgba(255,0,90,0.6), -4px 1px rgba(0,190,255,0.6); }
-  60% { letter-spacing: -0.05em; word-spacing: -0.1em; text-shadow: -6px 0 rgba(255,0,90,0.55), 6px 2px rgba(0,190,255,0.55), 0 3px rgba(120,255,0,0.4); }
-  80% { letter-spacing: 0.2em; text-shadow: 2px -2px rgba(255,0,90,0.65), -2px 2px rgba(0,190,255,0.65); }
-}
-h1, h2, h3, h4, p, a, li, button, span { animation: rk-ondro-text 3.1s ease-in-out infinite; }`);
-      startTextDecay(cleanups, every);
-      spawnGlitchBands(layer, cleanups);
-      wave({ kind: "burst", glyphs: ["\u{1F4A5}", "\u{1F9E8}", "\u{1F525}", "\u{1F300}"], count: 34, durationMs: 5e3 });
-    }, 6e3);
-    later(() => {
-      addStyle(`@keyframes rk-ondro3 {
-  0%   { filter: url(#rk-ondro-warp) hue-rotate(0deg) saturate(1.6) invert(0); transform: scale(1.22); }
-  18%  { filter: url(#rk-ondro-ca) hue-rotate(140deg) saturate(2.5) blur(6px) invert(0.35); transform: scale(1.27) rotate(3.2deg) translate(20px, -12px); }
-  38%  { filter: url(#rk-ondro-warp) hue-rotate(220deg) saturate(0.4) blur(2px) invert(0.75); transform: scale(1.18) rotate(-3deg) translate(-22px, 12px) skewY(2deg); }
-  58%  { filter: url(#rk-ondro-ca) hue-rotate(300deg) saturate(2.2) blur(7px) invert(0.3); transform: scale(1.25) skewX(2.4deg) translateY(-16px); }
-  80%  { filter: url(#rk-ondro-warp) hue-rotate(340deg) saturate(1.8) blur(3px) invert(0.05); transform: scale(1.23) rotate(1.6deg) translate(14px, 6px); }
-  100% { filter: url(#rk-ondro-warp) hue-rotate(360deg) saturate(1.6) invert(0); transform: scale(1.22); }
-}
-${CHAOS_SEL} { animation: rk-ondro3 4s ease-in-out infinite; }
-@keyframes rk-ondro-shake3 { 0%,100% { transform: translate(0,0) rotate(0); } 25% { transform: translate(-9px,6px) rotate(-0.4deg); } 50% { transform: translate(8px,-8px) rotate(0.5deg); } 75% { transform: translate(-7px,-5px) rotate(-0.3deg); } }
-body { animation: rk-ondro-shake3 620ms ease-in-out infinite; }`);
-      wave({ kind: "rain", glyphs: ["\u{1F92F}", "\u{1F480}", "\u{1F9E0}", "\u26A1\uFE0F", "\u{1FAE0}", "\u{1F529}"], count: 60, durationMs: 7e3 });
-    }, 13e3);
-    wave({ kind: "rain", glyphs: ["\u{1F92A}", "\u{1F4A5}", "\u{1F300}", "\u{1F9E0}", "\u26A1\uFE0F"], count: 40, durationMs: 12e3 });
-    every(() => wave({ kind: "rain", glyphs: ["\u{1F92A}", "\u{1F4A5}", "\u{1F300}", "\u{1F9E0}", "\u26A1\uFE0F", "\u{1F355}", "\u{1F4C0}"], count: 30, durationMs: 9e3 }), 9500);
-    every(() => spawnFallingLetters(layer), 12e3);
-    later(() => spawnFallingLetters(layer), 7e3);
-  }
-  const audio = new Audio(`${FX_SOUND_BASE}/rick.mp3`);
-  audio.volume = 0.8;
-  audio.loop = true;
-  cleanups.push(() => {
-    audio.pause();
-    audio.src = "";
-  });
-  audio.play().catch(() => {
-    const chip = document.createElement("button");
-    chip.className = "rk-fx-sound";
-    chip.type = "button";
-    chip.textContent = "\u{1F50A} klikni pre zvuk";
-    chip.addEventListener("click", () => {
-      audio.play().catch(() => void 0);
-      chip.remove();
-    });
-    layer.appendChild(chip);
-    cleanups.push(() => chip.remove());
-  });
-  installKillWord(cleanups);
-  return () => {
-    for (const fn of cleanups) fn();
-  };
+// src/client/effectCatalog.ts
+var EFFECT_NAMES = [
+  "ondro",
+  "lava",
+  "sklo",
+  "vir",
+  "crt",
+  "hovno",
+  "konfety",
+  "srdiecka",
+  "sneh",
+  "zemetrasenie",
+  "69",
+  "kokot",
+  "vrtule",
+  "muchy",
+  "pes",
+  "pivo",
+  "nikotin",
+  "matrix",
+  "disko",
+  "zrkadlo",
+  "pohreb",
+  "laser",
+  "kura",
+  "spam"
+];
+var NAME_SET = new Set(EFFECT_NAMES);
+function isEffectCommand(name) {
+  return name === "stop" || NAME_SET.has(name);
 }
-function installKillWord(cleanups) {
-  let buffer = "";
-  const inTextField = (event) => event.composedPath().some(
-    (node) => node instanceof HTMLElement && (node.tagName === "INPUT" || node.tagName === "TEXTAREA" || node.isContentEditable)
-  );
-  const KILL_LETTERS = /* @__PURE__ */ new Set(["h", "o", "v", "n"]);
-  const onKey = (event) => {
-    if (event.key.length !== 1 || event.metaKey || event.ctrlKey || event.altKey) return;
-    const key = event.key.toLowerCase();
-    buffer = (buffer + key).slice(-8);
-    if (KILL_LETTERS.has(key) && !inTextField(event)) event.stopPropagation();
-    if (buffer.includes("hovno")) {
-      buffer = "";
-      broadcast?.("stop");
-      cancelEffects();
-    }
-  };
-  document.addEventListener("keydown", onKey, true);
-  cleanups.push(() => document.removeEventListener("keydown", onKey, true));
-}
-function bigEffect(build) {
-  return function start({ layer, reduced }) {
-    const cleanups = [];
-    const timers = [];
-    const intervals = [];
-    const later = (fn, ms) => timers.push(window.setTimeout(fn, ms));
-    const every = (fn, ms) => intervals.push(window.setInterval(fn, ms));
-    cleanups.push(() => {
-      timers.forEach((t) => window.clearTimeout(t));
-      intervals.forEach((t) => window.clearInterval(t));
-    });
-    const addStyle = (css) => {
-      const style = document.createElement("style");
-      style.setAttribute("data-rk-fx", "");
-      style.textContent = css;
-      document.head.appendChild(style);
-      cleanups.push(() => style.remove());
-    };
-    const wave = (spec) => {
-      const sub = document.createElement("div");
-      sub.className = "rk-fx-layer";
-      layer.appendChild(sub);
-      spawnParticles(sub, spec, reduced, spec.durationMs);
-      timers.push(window.setTimeout(() => sub.remove(), spec.durationMs + 1600));
-      cleanups.push(() => sub.remove());
-    };
-    if (!reduced) {
-      const scrollX = window.scrollX;
-      const scrollY = window.scrollY;
-      const htmlOverflow = document.documentElement.style.overflow;
-      document.documentElement.style.overflow = "hidden";
-      cleanups.push(() => {
-        document.documentElement.style.overflow = htmlOverflow;
-        if (document.documentElement.getAttribute("style") === "") document.documentElement.removeAttribute("style");
-        window.scrollTo(scrollX, scrollY);
-      });
-      const originY = scrollY + window.innerHeight / 2;
-      addStyle(`${CHAOS_SEL} { transform-origin: 50vw ${originY}px; }`);
-    }
-    build({
-      layer,
-      reduced,
-      addStyle,
-      later,
-      every,
-      wave,
-      decayText: () => startTextDecay(cleanups, every),
-      cleanups
+
+// src/client/effectsLazy.ts
+var loaded = null;
+var loading = null;
+var broadcaster = null;
+var assetsUrl = null;
+var queued = 0;
+function load() {
+  if (loaded) return Promise.resolve(loaded);
+  if (!loading) {
+    loading = import("./effects-EWKHKUDP.js").then((mod) => {
+      loaded = mod;
+      mod.setEffectBroadcaster(broadcaster);
+      mod.setFxAssetsUrl(assetsUrl);
+      return mod;
+    }).catch((error) => {
+      loading = null;
+      queued = 0;
+      throw error;
     });
-    installKillWord(cleanups);
-    return () => {
-      for (const fn of cleanups) fn();
-    };
-  };
-}
-function startTextDecay(cleanups, every) {
-  const GLYPHS = "\u2593\u2592\u2591#@%&$?!\xD7\xD8\u2206\xA7";
-  const originals = /* @__PURE__ */ new Map();
-  const nodes = [];
-  const walker = document.createTreeWalker(document.body, NodeFilter.SHOW_TEXT);
-  let node;
-  while ((node = walker.nextNode()) && nodes.length < 120) {
-    const text = node;
-    const value = text.nodeValue ?? "";
-    if (value.trim().length < 4) continue;
-    const parent = text.parentElement;
-    if (!parent || parent.closest("[data-review-kit-host], script, style, [data-rk-edited]")) continue;
-    nodes.push(text);
-  }
-  every(() => {
-    for (let i = 0; i < 22; i++) {
-      const text = nodes[Math.random() * nodes.length | 0];
-      if (!text || !text.isConnected) continue;
-      if (!originals.has(text)) originals.set(text, text.nodeValue ?? "");
-      const original = originals.get(text) ?? "";
-      if (Math.random() < 0.3) {
-        text.nodeValue = original;
-        continue;
-      }
-      const chars = [...original];
-      const swaps = 1 + (Math.random() * 3 | 0);
-      for (let k = 0; k < swaps; k++) {
-        const idx = Math.random() * chars.length | 0;
-        if (chars[idx] !== " ") chars[idx] = GLYPHS[Math.random() * GLYPHS.length | 0];
-      }
-      text.nodeValue = chars.join("");
-    }
-  }, 260);
-  cleanups.push(() => {
-    for (const [text, value] of originals) {
-      if (text.isConnected && text.nodeValue !== value) text.nodeValue = value;
-    }
-    originals.clear();
-  });
-}
-function spawnFallingLetters(layer) {
-  const sub = document.createElement("div");
-  sub.className = "rk-fx-layer";
-  layer.appendChild(sub);
-  const headings = [...document.querySelectorAll("h1, h2, h3")].filter((el) => {
-    const r = el.getBoundingClientRect();
-    return r.width > 0 && r.top < window.innerHeight && r.bottom > 0 && !el.closest("[data-review-kit-host]");
-  });
-  let spawned = 0;
-  for (const heading of headings.slice(0, 3)) {
-    const textNode = [...heading.childNodes].find((n) => n.nodeType === 3 && (n.nodeValue ?? "").trim().length > 3);
-    const source = textNode ?? heading.firstChild;
-    if (!source || source.nodeType !== 3) continue;
-    const value = source.nodeValue ?? "";
-    const range = document.createRange();
-    for (let i = 0; i < value.length && spawned < 26; i++) {
-      if (value[i] === " " || Math.random() < 0.55) continue;
-      range.setStart(source, i);
-      range.setEnd(source, i + 1);
-      const rect = range.getBoundingClientRect();
-      if (rect.width === 0) continue;
-      const span = document.createElement("span");
-      span.className = "rk-fx-letter";
-      span.textContent = value[i];
-      span.style.left = `${rect.left}px`;
-      span.style.top = `${rect.top}px`;
-      span.style.fontSize = `${rect.height}px`;
-      span.style.animationDelay = `${Math.random() * 900 | 0}ms`;
-      span.style.setProperty("--fx-drift", `${(Math.random() * 120 | 0) - 60}px`);
-      sub.appendChild(span);
-      spawned++;
-    }
-  }
-  window.setTimeout(() => sub.remove(), 4600);
-}
-function spawnGlitchBands(layer, cleanups) {
-  for (let i = 0; i < 3; i++) {
-    const band = document.createElement("div");
-    band.className = "rk-fx-band";
-    band.style.height = `${34 + i * 16}px`;
-    band.style.animationDuration = `${2.8 + i * 0.7}s`;
-    band.style.animationDelay = `${i * 0.9}s`;
-    layer.appendChild(band);
-    cleanups.push(() => band.remove());
   }
+  return loading;
 }
-var startLava = bigEffect(({ layer, reduced, addStyle, later, every, wave, decayText, cleanups }) => {
-  if (reduced) {
-    addStyle(`@keyframes rk-lava-soft { 0%,100% { filter: none; } 50% { filter: sepia(0.35) hue-rotate(-20deg) saturate(1.3); } }
-${CHAOS_SEL} { animation: rk-lava-soft 9s ease-in-out infinite; }`);
-    wave({ kind: "rain", glyphs: ["\u{1FAE0}", "\u{1F525}"], count: 8, durationMs: 9e3 });
-    every(() => wave({ kind: "rain", glyphs: ["\u{1FAE0}", "\u{1F4A7}"], count: 6, durationMs: 9e3 }), 14e3);
-    return;
-  }
-  const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-  svg.setAttribute("data-rk-fx", "");
-  svg.setAttribute("width", "0");
-  svg.setAttribute("height", "0");
-  svg.style.position = "absolute";
-  svg.innerHTML = `<defs><filter id="rk-lava-warp" x="-10%" y="-10%" width="120%" height="130%">
-    <feTurbulence type="fractalNoise" baseFrequency="0.008 0.003" numOctaves="2" result="n" seed="4">
-      <animate attributeName="baseFrequency" dur="7s" values="0.008 0.003;0.014 0.006;0.008 0.003" repeatCount="indefinite"/>
-    </feTurbulence>
-    <feDisplacementMap in="SourceGraphic" in2="n" scale="10" xChannelSelector="R" yChannelSelector="G">
-      <animate attributeName="scale" dur="6s" values="4;24;4" repeatCount="indefinite"/>
-    </feDisplacementMap>
-  </filter></defs>`;
-  document.body.appendChild(svg);
-  cleanups.push(() => svg.remove());
-  addStyle(`@keyframes rk-lava1 {
-  0%   { filter: none; transform: scale(1.22); }
-  35%  { filter: sepia(0.4) hue-rotate(-24deg) saturate(1.8) blur(0.8px); transform: scale(1.235) skewY(0.5deg) translateY(6px); }
-  70%  { filter: sepia(0.6) hue-rotate(-38deg) saturate(2.2) contrast(1.1) blur(1.6px); transform: scale(1.22) scaleY(1.03) translateY(14px) skewX(-0.6deg); }
-  100% { filter: none; transform: scale(1.22); }
-}
-${CHAOS_SEL} { animation: rk-lava1 7s ease-in-out infinite; }`);
-  later(() => {
-    addStyle(`@keyframes rk-lava2 {
-  0%   { filter: url(#rk-lava-warp) sepia(0.5) hue-rotate(-30deg) saturate(2); transform: scale(1.22) translateY(10px); }
-  40%  { filter: url(#rk-lava-warp) sepia(0.8) hue-rotate(-48deg) saturate(2.8) contrast(1.18) blur(2.4px); transform: scale(1.2) scaleY(1.1) translateY(46px) skewX(1deg); }
-  70%  { filter: url(#rk-lava-warp) sepia(0.7) hue-rotate(-40deg) saturate(2.4) blur(1.2px); transform: scale(1.23) scaleY(1.06) translateY(28px) skewY(-0.8deg); }
-  100% { filter: url(#rk-lava-warp) sepia(0.5) hue-rotate(-30deg) saturate(2); transform: scale(1.22) translateY(10px); }
-}
-${CHAOS_SEL} { animation: rk-lava2 6.5s ease-in-out infinite; }
-@keyframes rk-lava-text { 0%,100% { letter-spacing: normal; } 50% { letter-spacing: 0.1em; word-spacing: 0.25em; text-shadow: 0 6px 6px rgba(255,80,0,0.5); } }
-h1, h2, h3, p, a, li, button { animation: rk-lava-text 5s ease-in-out infinite; }`);
-    decayText();
-  }, 1e4);
-  const drips = document.createElement("div");
-  drips.className = "rk-fx-layer";
-  layer.appendChild(drips);
-  cleanups.push(() => drips.remove());
-  every(() => {
-    const d = document.createElement("div");
-    d.className = "rk-fx-drip";
-    d.style.left = `${(Math.random() * 96 + 2).toFixed(1)}vw`;
-    d.style.animationDuration = `${(3.5 + Math.random() * 3).toFixed(2)}s`;
-    d.style.background = `linear-gradient(180deg, transparent, hsl(${Math.random() * 30 + 8 | 0}, 95%, 55%))`;
-    drips.appendChild(d);
-    window.setTimeout(() => d.remove(), 7e3);
-  }, 700);
-  wave({ kind: "rain", glyphs: ["\u{1F525}", "\u{1FAE0}", "\u{1F321}\uFE0F", "\u{1F4A7}"], count: 30, durationMs: 1e4 });
-  every(() => wave({ kind: "rain", glyphs: ["\u{1F525}", "\u{1FAE0}", "\u{1F4A7}"], count: 22, durationMs: 9e3 }), 9500);
-});
-var startSklo = bigEffect(({ layer, reduced, addStyle, every, wave, decayText, cleanups }) => {
-  if (reduced) {
-    addStyle(`@keyframes rk-sklo-soft { 0%,100% { filter: none; } 50% { filter: saturate(0.7) brightness(1.06); } }
-${CHAOS_SEL} { animation: rk-sklo-soft 8s ease-in-out infinite; }`);
-    wave({ kind: "burst", glyphs: ["\u2727", "\u2756", "\u{1F4A0}"], count: 10, durationMs: 8e3 });
-    return;
-  }
-  addStyle(`@keyframes rk-sklo-base {
-  0%,10% { transform: scale(1.12); filter: none; }
-  16% { transform: scale(1.125) rotate(0.4deg); filter: brightness(1.12) contrast(1.06); }
-  50% { transform: scale(1.1) rotate(-0.5deg); filter: saturate(0.65) brightness(1.05) blur(0.5px); }
-  72% { transform: scale(1.12); filter: none; }
-  100% { transform: scale(1.12); filter: none; }
-}
-${CHAOS_SEL} { animation: rk-sklo-base 11s ease-in-out infinite; }
-@keyframes rk-sklo-fly {
-  0%, 12%  { transform: translate(0, 0) rotate(0); opacity: 1; }
-  30%      { transform: translate(var(--rk-gx), var(--rk-gy)) rotate(var(--rk-gr)); opacity: 0.92; }
-  52%      { transform: translate(calc(var(--rk-gx) * 1.18), calc(var(--rk-gy) * 1.18)) rotate(calc(var(--rk-gr) * 1.25)); opacity: 0.85; }
-  74%      { transform: translate(0, 0) rotate(0); opacity: 1; }
-  100%     { transform: translate(0, 0) rotate(0); opacity: 1; }
-}
-[data-rk-shard] { animation: rk-sklo-fly 11s cubic-bezier(0.55, 0, 0.3, 1) infinite; }`);
-  const shards = [...document.querySelectorAll("h1, h2, h3, h4, p, li, img, button, a")].filter((el) => {
-    if (el.closest("[data-review-kit-host]")) return false;
-    const r = el.getBoundingClientRect();
-    return r.width > 8 && r.height > 8 && r.bottom > -200 && r.top < window.innerHeight + 200;
-  }).slice(0, 90);
-  const rules = [];
-  shards.forEach((el, i) => {
-    const angle = i * 137.5 * Math.PI / 180;
-    const dist = 18 + i * 29 % 46;
-    rules.push(
-      `[data-rk-shard="${i}"] { --rk-gx: ${(Math.cos(angle) * dist).toFixed(1)}vw; --rk-gy: ${(Math.sin(angle) * dist).toFixed(1)}vh; --rk-gr: ${i * 97 % 640 - 320}deg; }`
-    );
-    el.setAttribute("data-rk-shard", String(i));
-  });
-  addStyle(rules.join("\n"));
-  cleanups.push(() => {
-    for (const el of shards) el.removeAttribute("data-rk-shard");
-  });
-  const cracks = document.createElement("div");
-  cracks.className = "rk-fx-cracks";
-  cracks.innerHTML = Array.from({ length: 9 }, (_, i) => {
-    const angle = i * 40 + i % 3 * 7;
-    return `<span style="transform: rotate(${angle}deg); animation-delay: ${(i * 0.05).toFixed(2)}s"></span>`;
-  }).join("");
-  layer.appendChild(cracks);
-  cleanups.push(() => cracks.remove());
-  decayText();
-  every(() => wave({ kind: "burst", glyphs: ["\u2727", "\u2756", "\u{1F4A0}", "\u{1F9CA}"], count: 26, durationMs: 5e3 }), 11e3);
-  wave({ kind: "burst", glyphs: ["\u2727", "\u2756", "\u{1F4A0}"], count: 26, durationMs: 5e3 });
-});
-var startVir = bigEffect(({ layer, reduced, addStyle, later, wave, decayText, cleanups }) => {
-  if (reduced) {
-    addStyle(`@keyframes rk-vir-soft { 0%,100% { filter: none; } 50% { filter: hue-rotate(50deg); } }
-${CHAOS_SEL} { animation: rk-vir-soft 9s ease-in-out infinite; }`);
-    wave({ kind: "burst", glyphs: ["\u{1F300}"], count: 8, durationMs: 8e3 });
-    return;
-  }
-  addStyle(`@keyframes rk-vir1 {
-  0%   { transform: scale(1.25) rotate(0deg); filter: none; }
-  30%  { transform: scale(1.31) rotate(4deg); filter: hue-rotate(50deg) saturate(1.3) blur(0.5px); }
-  60%  { transform: scale(1.28) rotate(-3.4deg); filter: hue-rotate(140deg) saturate(0.8) blur(1px); }
-  100% { transform: scale(1.25) rotate(0deg); filter: none; }
-}
-${CHAOS_SEL} { animation: rk-vir1 6.5s ease-in-out infinite; }`);
-  later(() => {
-    addStyle(`@keyframes rk-vir2 {
-  0%   { transform: scale(1.25) rotate(0deg); filter: hue-rotate(0deg) saturate(1.4); }
-  25%  { transform: scale(1.42) rotate(9deg); filter: hue-rotate(90deg) saturate(1.9) blur(1.6px); }
-  50%  { transform: scale(1.55) rotate(-7deg); filter: hue-rotate(200deg) saturate(0.6) contrast(1.15) blur(2.6px); }
-  75%  { transform: scale(1.38) rotate(10deg); filter: hue-rotate(300deg) saturate(1.8) blur(1.2px); }
-  100% { transform: scale(1.25) rotate(0deg); filter: hue-rotate(360deg) saturate(1.4); }
-}
-${CHAOS_SEL} { animation: rk-vir2 5.5s ease-in-out infinite; }
-@keyframes rk-vir-text { 0%,100% { letter-spacing: normal; } 50% { letter-spacing: 0.16em; text-shadow: 3px 0 rgba(0,180,255,0.5), -3px 0 rgba(255,60,160,0.5); } }
-h1, h2, h3, p, a, li, button { animation: rk-vir-text 4.5s ease-in-out infinite; }`);
-    decayText();
-  }, 12e3);
-  const GLYPHS = ["\u{1F300}", "\u2728", "\u{1F343}", "\u{1F4C4}", "\u2604\uFE0F"];
-  const bits = [];
-  const cx = () => window.innerWidth / 2;
-  const cy = () => window.innerHeight / 2;
-  const maxR = () => Math.hypot(window.innerWidth, window.innerHeight) / 2 + 60;
-  for (let i = 0; i < 36; i++) {
-    const el = document.createElement("span");
-    el.className = "rk-fx-particle";
-    el.textContent = GLYPHS[i % GLYPHS.length];
-    el.style.fontSize = `${13 + i * 11 % 16}px`;
-    layer.appendChild(el);
-    bits.push({ el, r: maxR() * ((i + 1) / 36), a: i * 0.7, v: 0.6 + i % 5 * 0.16 });
-  }
-  let raf = 0;
-  const tick = () => {
-    raf = requestAnimationFrame(tick);
-    for (const bit of bits) {
-      bit.a += 0.014 * bit.v * (1 + 140 / Math.max(bit.r, 40));
-      bit.r -= 0.55 * bit.v;
-      if (bit.r < 16) bit.r = maxR();
-      bit.el.style.transform = `translate3d(${cx() + Math.cos(bit.a) * bit.r}px, ${cy() + Math.sin(bit.a) * bit.r}px, 0) rotate(${bit.a}rad)`;
-      bit.el.style.opacity = `${Math.min(1, bit.r / 120)}`;
-    }
-  };
-  raf = requestAnimationFrame(tick);
-  cleanups.push(() => {
-    cancelAnimationFrame(raf);
-    bits.forEach((bit) => bit.el.remove());
-  });
-});
-var startCrt = bigEffect(({ layer, reduced, addStyle, every, wave, decayText, cleanups }) => {
-  if (reduced) {
-    addStyle(`${CHAOS_SEL} { filter: sepia(0.7) hue-rotate(55deg) saturate(1.6) contrast(1.05); transition: filter 2s ease; }`);
-    return;
+function cancelWhenReady() {
+  if (loaded) return loaded.cancelEffects();
+  if (loading && queued > 0) {
+    loading.then((mod) => mod.cancelEffects()).catch(() => void 0);
+    return true;
   }
-  const svg = document.createElementNS("http://www.w3.org/2000/svg", "svg");
-  svg.setAttribute("data-rk-fx", "");
-  svg.setAttribute("width", "0");
-  svg.setAttribute("height", "0");
-  svg.style.position = "absolute";
-  svg.innerHTML = `<defs><filter id="rk-crt-tear" x="-10%" y="-10%" width="120%" height="120%">
-    <feTurbulence type="turbulence" baseFrequency="0.002 0.09" numOctaves="1" result="n" seed="11">
-      <animate attributeName="seed" dur="3s" values="11;37;11" repeatCount="indefinite"/>
-    </feTurbulence>
-    <feDisplacementMap in="SourceGraphic" in2="n" scale="0" xChannelSelector="R" yChannelSelector="G">
-      <animate attributeName="scale" dur="8s" values="0;0;26;4;0;0" keyTimes="0;0.55;0.62;0.7;0.78;1" repeatCount="indefinite"/>
-    </feDisplacementMap>
-  </filter></defs>`;
-  document.body.appendChild(svg);
-  cleanups.push(() => svg.remove());
-  addStyle(`@keyframes rk-crt-hold {
-  0%, 60%  { transform: scale(1.16) translate(0, 0); }
-  64%      { transform: scale(1.16) translate(-3px, 14px) skewX(-0.8deg); }
-  68%      { transform: scale(1.16) translate(2px, -8px); }
-  74%, 100% { transform: scale(1.16) translate(0, 0); }
-}
-${CHAOS_SEL} {
-  filter: url(#rk-crt-tear) sepia(1) hue-rotate(55deg) saturate(2.6) contrast(1.22) brightness(0.92);
-  animation: rk-crt-hold 8s linear infinite;
-}
-@keyframes rk-crt-text { 0%,100% { text-shadow: 1px 0 rgba(0,255,120,0.5); } 50% { text-shadow: -2px 0 rgba(0,255,120,0.7), 2px 0 rgba(0,120,60,0.5); letter-spacing: 0.06em; } }
-h1, h2, h3, p, a, li, button { animation: rk-crt-text 5s ease-in-out infinite; }`);
-  const overlay = document.createElement("div");
-  overlay.className = "rk-fx-crt";
-  overlay.innerHTML = '<div class="rk-fx-crt-scan"></div><div class="rk-fx-crt-roll"></div><div class="rk-fx-crt-vignette"></div><div class="rk-fx-crt-osd">KAN\xC1L 69 \xB7 SLAB\xDD SIGN\xC1L</div>';
-  layer.appendChild(overlay);
-  cleanups.push(() => overlay.remove());
-  decayText();
-  every(() => wave({ kind: "rain", glyphs: ["\u{1F4FA}", "\u{1F4E1}", "\u{1D34D}"], count: 10, durationMs: 7e3 }), 16e3);
-});
-function startBanner({ layer, reduced }) {
-  const banner = document.createElement("div");
-  banner.className = "rk-fx-banner";
-  banner.textContent = "\u{1F6A8} KOKOT ALERT \u{1F6A8} KOKOT ALERT \u{1F6A8} KOKOT ALERT \u{1F6A8}";
-  if (reduced) banner.classList.add("rk-fx-banner-still");
-  layer.appendChild(banner);
-  return () => banner.remove();
-}
-function startVrtule({ reduced }) {
-  const style = document.createElement("style");
-  style.setAttribute("data-rk-fx", "vrtule");
-  style.textContent = reduced ? `@keyframes rk-vrtula { 0%,100% { transform: rotate(0); } 50% { transform: rotate(3deg); } }
-img { animation: rk-vrtula 4s ease-in-out infinite; }` : `@keyframes rk-vrtula { from { transform: rotate(0) scale(1); } 50% { transform: rotate(180deg) scale(0.9); } to { transform: rotate(360deg) scale(1); } }
-img { animation: rk-vrtula 3.6s ease-in-out infinite; }`;
-  document.head.appendChild(style);
-  return () => style.remove();
-}
-function makeChase(options) {
-  return function startChase({ layer, reduced }) {
-    const critters = [];
-    const count = reduced ? Math.min(4, options.count) : options.count;
-    for (let i = 0; i < count; i++) {
-      const el = document.createElement("span");
-      el.className = "rk-fx-particle";
-      el.textContent = options.glyphs[i % options.glyphs.length];
-      el.style.fontSize = `${options.sizePx(i)}px`;
-      layer.appendChild(el);
-      critters.push({ el, x: window.innerWidth / 2, y: window.innerHeight / 2, seed: i * 137 });
-    }
-    const wobble = options.wobbleT ?? 400;
-    let raf = 0;
-    const tick = (t) => {
-      raf = requestAnimationFrame(tick);
-      const root = layer.getRootNode();
-      const chips = [...root.querySelectorAll(".rk-peer-cursor")].filter((c) => c.style.opacity !== "0").map((c) => {
-        const m = /translate3d\(([-\d.]+)px, ([-\d.]+)px/.exec(c.style.transform);
-        return m ? { x: parseFloat(m[1]), y: parseFloat(m[2]) } : null;
-      }).filter((p) => p !== null);
-      chips.push({ x: lastPointerFallback.x, y: lastPointerFallback.y });
-      for (const critter of critters) {
-        const target = chips[critter.seed % chips.length];
-        const orbit = reduced ? 14 : options.orbit(critter.seed);
-        const wx = target.x + Math.cos(t / wobble + critter.seed) * orbit;
-        const wy = target.y + Math.sin(t / (wobble * 0.82) + critter.seed) * orbit;
-        const prevX = critter.x;
-        critter.x += (wx - critter.x) * options.lag;
-        critter.y += (wy - critter.y) * options.lag;
-        const face = options.flip && critter.x < prevX ? " scaleX(-1)" : "";
-        critter.el.style.transform = `translate3d(${critter.x}px, ${critter.y}px, 0)${face}`;
-      }
-    };
-    raf = requestAnimationFrame(tick);
-    const onMove = (event) => {
-      lastPointerFallback.x = event.clientX;
-      lastPointerFallback.y = event.clientY;
-    };
-    document.addEventListener("pointermove", onMove, { passive: true });
-    return () => {
-      cancelAnimationFrame(raf);
-      document.removeEventListener("pointermove", onMove);
-      for (const critter of critters) critter.el.remove();
-    };
-  };
+  return false;
 }
-var lastPointerFallback = { x: 300, y: 300 };
-function styleEffect(css) {
-  const style = document.createElement("style");
-  style.setAttribute("data-rk-fx", "");
-  style.textContent = css;
-  document.head.appendChild(style);
-  return () => style.remove();
-}
-var PAGE_SEL = "body > :not([data-review-kit-host]):not(script):not(style)";
-function startDisko({ layer, reduced }) {
-  const remove = styleEffect(
-    reduced ? `@keyframes rk-disko { 0%,100% { filter: none; } 50% { filter: hue-rotate(60deg) saturate(1.2); } }
-${PAGE_SEL} { animation: rk-disko 8s ease-in-out infinite; }` : `@keyframes rk-disko { from { filter: hue-rotate(0deg) saturate(1.35); } to { filter: hue-rotate(360deg) saturate(1.35); } }
-${PAGE_SEL} { animation: rk-disko 4s linear infinite; }`
-  );
-  spawnParticles(layer, { kind: "rain", glyphs: ["\u2728", "\u{1FAA9}", "\u{1F483}", "\u{1F57A}"], count: 26}, reduced, 15e3);
-  return remove;
+function setEffectBroadcaster(fn) {
+  broadcaster = fn;
+  loaded?.setEffectBroadcaster(fn);
 }
-function startZrkadlo({ reduced }) {
-  if (reduced) {
-    return styleEffect(`${PAGE_SEL} { filter: saturate(0.8); transition: filter 2s ease; }`);
-  }
-  return styleEffect(`@keyframes rk-zrkadlo {
-  0%, 100% { transform: perspective(1400px) rotateY(0); }
-  35%, 65% { transform: perspective(1400px) rotateY(180deg); }
-}
-${PAGE_SEL} { animation: rk-zrkadlo 12s ease-in-out both; transform-origin: 50% 50%; }`);
-}
-function startPohreb({ layer, reduced }) {
-  const remove = styleEffect(`@keyframes rk-pohreb { from { filter: none; } to { filter: grayscale(1) brightness(0.82) sepia(0.15); } }
-${PAGE_SEL} { animation: rk-pohreb 5s ease-out both; }`);
-  spawnParticles(layer, { kind: "rain", glyphs: ["\u{1F940}", "\u26B0\uFE0F", "\u{1F56F}\uFE0F", "\u{1F5A4}"], count: reduced ? 8 : 22}, reduced, 14e3);
-  return remove;
-}
-function startLaser({ layer, reduced }) {
-  const beams = [];
-  const count = reduced ? 2 : 5;
-  const hues = [330, 190, 120, 45, 265];
-  for (let i = 0; i < count; i++) {
-    const beam = document.createElement("div");
-    beam.className = "rk-fx-laser";
-    beam.style.background = `linear-gradient(90deg, transparent, hsla(${hues[i % hues.length]}, 100%, 60%, 0.55), transparent)`;
-    beam.style.left = `${i % 2 * 100}%`;
-    beam.style.animationDuration = `${3.4 + i * 0.6}s`;
-    beam.style.animationDelay = `${i * 0.45}s`;
-    if (i % 2) beam.style.animationDirection = "reverse";
-    layer.appendChild(beam);
-    beams.push(beam);
-  }
-  return () => beams.forEach((b) => b.remove());
-}
-function startKura({ layer, reduced }) {
-  const hen = document.createElement("span");
-  hen.className = "rk-fx-kura";
-  hen.textContent = "\u{1F414}";
-  layer.appendChild(hen);
-  const props = [hen];
-  const timers = [];
-  const walkMs = reduced ? 16e3 : 11e3;
-  hen.style.animationDuration = `${walkMs}ms`;
-  if (!reduced) {
-    for (let i = 1; i <= 5; i++) {
-      timers.push(
-        window.setTimeout(() => {
-          const egg = document.createElement("span");
-          egg.className = "rk-fx-egg";
-          egg.textContent = "\u{1F95A}";
-          egg.style.left = `${i / 6 * 100}%`;
-          layer.appendChild(egg);
-          props.push(egg);
-          timers.push(
-            window.setTimeout(() => {
-              egg.textContent = "\u{1F423}";
-            }, 2600 + i * 400)
-          );
-        }, walkMs * i / 6)
-      );
-    }
-  }
-  return () => {
-    timers.forEach((t) => window.clearTimeout(t));
-    props.forEach((p) => p.remove());
-  };
+function setEffectAssetsUrl(url) {
+  assetsUrl = url ?? null;
+  loaded?.setFxAssetsUrl(assetsUrl);
 }
-function startSpam({ layer, reduced }) {
-  const MESSAGES = [
-    "\u26A0\uFE0F Kritick\xE1 chyba: str\xE1nka je pr\xEDli\u0161 pekn\xE1",
-    "\u{1F525} 69 \u013Eud\xED pr\xE1ve pozer\xE1 tento button",
-    "\u{1F4BE} Uklad\xE1m tvoje hriechy\u2026",
-    "\u{1F4C8} Konverzia st\xFApla o 420 %",
-    "\u{1F9E0} AI navrhuje: prerob to cel\xE9",
-    "\u{1F36A} T\xE1to str\xE1nka \u017Eerie kol\xE1\u010Diky",
-    "\u{1F4DE} Vol\xE1 ti klient. Zdvihni.",
-    "\u{1F4B8} Fakt\xFAra po splatnosti (odjak\u017Eiva)",
-    "\u{1F6F8} Zisten\xE1 mimozemsk\xE1 aktivita v p\xE4ti\u010Dke",
-    "\u2705 Ni\u010D sa nepodarilo \xFAspe\u0161ne"
-  ];
-  const toasts = [];
-  const timers = [];
-  const total = reduced ? 4 : MESSAGES.length;
-  for (let i = 0; i < total; i++) {
-    timers.push(
-      window.setTimeout(() => {
-        const toast2 = document.createElement("div");
-        toast2.className = "rk-fx-toast";
-        toast2.textContent = MESSAGES[i % MESSAGES.length];
-        toast2.style.top = `${14 + i % 5 * 58}px`;
-        layer.appendChild(toast2);
-        toasts.push(toast2);
-        timers.push(window.setTimeout(() => toast2.remove(), 5200));
-      }, i * (reduced ? 1800 : 950))
-    );
-  }
-  return () => {
-    timers.forEach((t) => window.clearTimeout(t));
-    toasts.forEach((t) => t.remove());
-  };
+function cancelEffects() {
+  return cancelWhenReady();
 }
-var EFFECTS = {
-  ondro: { kind: "custom", durationMs: ONDRO_MS, start: startOndro },
-  lava: { kind: "custom", durationMs: BIG_MS, start: startLava },
-  sklo: { kind: "custom", durationMs: BIG_MS, start: startSklo },
-  vir: { kind: "custom", durationMs: BIG_MS, start: startVir },
-  crt: { kind: "custom", durationMs: BIG_MS, start: startCrt },
-  hovno: { kind: "rain", glyphs: ["\u{1F4A9}"], count: 44, durationMs: 4200 },
-  konfety: { kind: "burst", glyphs: ["\u{1F389}", "\u{1F38A}", "\u2728"], count: 56, durationMs: 3600 },
-  srdiecka: { kind: "rain", glyphs: ["\u2764\uFE0F", "\u{1F49A}", "\u{1F49B}"], count: 40, durationMs: 4200 },
-  sneh: { kind: "rain", glyphs: ["\u2744\uFE0F", "\u{1F328}\uFE0F"], count: 48, durationMs: 5200 },
-  zemetrasenie: { kind: "rain", glyphs: ["\u{1FAA8}", "\u{1F9F1}"], count: 18, durationMs: 2400, shake: true },
-  "69": { kind: "burst", glyphs: ["\u{1F346}", "\u{1F351}", "\u{1F4A6}"], count: 69, durationMs: NICE_MS },
-  kokot: { kind: "custom", durationMs: 14500, start: startBanner },
-  vrtule: { kind: "custom", durationMs: NICE_MS, start: startVrtule },
-  muchy: {
-    kind: "custom",
-    durationMs: NICE_MS,
-    start: makeChase({ glyphs: ["\u{1FAB0}"], count: 14, sizePx: (i) => 12 + i % 3 * 4, orbit: (s) => 26 + s % 20, lag: 0.12, wobbleT: 400 })
-  },
-  pes: {
-    kind: "custom",
-    durationMs: 12e3,
-    start: makeChase({ glyphs: ["\u{1F415}", "\u{1F429}", "\u{1F9AE}"], count: 3, sizePx: (i) => 26 + i % 2 * 6, orbit: (s) => 46 + s % 30, lag: 0.055, wobbleT: 900, flip: true })
-  },
-  pivo: { kind: "rain", glyphs: ["\u{1F37A}", "\u{1F37B}", "\u{1F37E}"], count: 42, durationMs: 8e3 },
-  nikotin: { kind: "rain", glyphs: ["\u{1F6AC}", "\u{1F4A8}", "\u{1F62E}\u200D\u{1F4A8}"], count: 20, durationMs: 13e3 },
-  matrix: { kind: "rain", glyphs: [..."\u30A2\u30AB\u30B5\u30BF\u30CA0169\uFF8A\uFF8F\uFF94\uFF97\uFF66"], count: 64, durationMs: 12e3, className: "rk-fx-matrix" },
-  disko: { kind: "custom", durationMs: 15e3, start: startDisko },
-  zrkadlo: { kind: "custom", durationMs: 12e3, start: startZrkadlo },
-  pohreb: { kind: "custom", durationMs: 14e3, start: startPohreb },
-  laser: { kind: "custom", durationMs: 12e3, start: startLaser },
-  kura: { kind: "custom", durationMs: 11500, start: startKura },
-  spam: { kind: "custom", durationMs: 11e3, start: startSpam }
-};
 function runEffect(name, layerHost) {
+  if (!isEffectCommand(name)) return false;
   if (name === "stop") {
-    cancelEffects();
+    cancelWhenReady();
     return true;
   }
-  const spec = EFFECTS[name];
-  if (!spec || !layerHost) return spec !== void 0;
-  const reduced = reducedMotion();
-  const duration = reduced && spec.kind !== "custom" ? Math.min(2e3, spec.durationMs) : spec.durationMs;
-  const layer = document.createElement("div");
-  layer.className = "rk-fx-layer";
-  layerHost.appendChild(layer);
-  let customCleanup = null;
-  let shakeCleanup = null;
-  if (spec.kind === "custom") {
-    customCleanup = spec.start({ layer, reduced });
-  } else {
-    spawnParticles(layer, spec, reduced, duration);
-    if (spec.shake && !reduced) shakeCleanup = runShake();
-  }
-  let timer = 0;
-  const cancel = () => {
-    window.clearTimeout(timer);
-    customCleanup?.();
-    shakeCleanup?.();
-    layer.remove();
-    active.delete(cancel);
-  };
-  timer = window.setTimeout(cancel, duration + 1200);
-  active.add(cancel);
+  queued += 1;
+  void load().then((mod) => {
+    queued = Math.max(0, queued - 1);
+    mod.runEffect(name, layerHost);
+  }).catch(() => {
+  });
   return true;
 }
 
@@ -4118,21 +3338,24 @@ var SHORTCUTS = [
     }
   }
 ];
+
+// src/client/emblemaPush.ts
+import { useEffect as useEffect2, useRef as useRef2 } from "react";
 var AUTO_PUSH_DEBOUNCE_MS = 500;
 function useEmblemaAutoPush(state, dispatch, config) {
   const emblema = config.emblema;
-  const sessionRef = useRef(state.session);
+  const sessionRef = useRef2(state.session);
   sessionRef.current = state.session;
-  const lastSent = useRef(/* @__PURE__ */ new Map());
-  const inFlight = useRef(false);
-  const alive = useRef(true);
-  useEffect(() => {
+  const lastSent = useRef2(/* @__PURE__ */ new Map());
+  const inFlight = useRef2(false);
+  const alive = useRef2(true);
+  useEffect2(() => {
     alive.current = true;
     return () => {
       alive.current = false;
     };
   }, []);
-  const flushRef = useRef(() => {
+  const flushRef = useRef2(() => {
   });
   flushRef.current = () => {
     if (!alive.current || !emblema) return;
@@ -4154,12 +3377,12 @@ function useEmblemaAutoPush(state, dispatch, config) {
         for (const item of changed) lastSent.current.set(item.id, item);
         if (alive.current) dispatch({ type: "EMBLEMA_PUSH_STATUS", status: "ok" });
       } else if (alive.current) {
-        dispatch({ type: "EMBLEMA_PUSH_STATUS", status: "offline" });
+        dispatch({ type: "EMBLEMA_PUSH_STATUS", status: result.reason === "rejected" ? "rejected" : "offline" });
       }
     });
   };
   const items = state.session?.items;
-  useEffect(() => {
+  useEffect2(() => {
     if (!emblema || !items) return;
     for (const id of [...lastSent.current.keys()]) {
       if (!items.some((item) => item.id === id)) lastSent.current.delete(id);
@@ -4173,6 +3396,9 @@ function useEmblemaAutoPush(state, dispatch, config) {
   }, [items, emblema]);
 }
 
+// src/client/sync.ts
+import { useEffect as useEffect3, useMemo as useMemo2, useRef as useRef3 } from "react";
+
 // realtime/client/rkSync.ts
 var RK_SYNC_PROTOCOL_VERSION = 1;
 var BACKOFF_BASE_MS = 1e3;
@@ -4303,8 +3529,8 @@ function createRkSync(options) {
         log(`welcome: ${items.length} items, ${peers.length} peers, ${deleted.length} tombstones, flushing ${queue.length}`);
         safely(() => handlers.onSnapshot?.(items, peers, deleted));
         while (queue.length > 0) {
-          const queued = queue[0];
-          if (!rawSend(queued)) break;
+          const queued2 = queue[0];
+          if (!rawSend(queued2)) break;
           queue.shift();
         }
         break;
@@ -4315,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));
@@ -4356,8 +3586,8 @@ function createRkSync(options) {
         if (typeof msg.peerId === "string") {
           const peerId = msg.peerId;
           const itemId = typeof msg.itemId === "string" ? msg.itemId : null;
-          const active2 = msg.active === true;
-          safely(() => handlers.onPeerTyping?.(peerId, itemId, active2));
+          const active = msg.active === true;
+          safely(() => handlers.onPeerTyping?.(peerId, itemId, active));
         }
         break;
       case "item:add": {
@@ -4388,6 +3618,8 @@ function createRkSync(options) {
           safely(() => handlers.onItemDelete?.(id, authorId));
         }
         break;
+      default:
+        break;
     }
   };
   const connect = () => {
@@ -4471,8 +3703,8 @@ function createRkSync(options) {
     sendSelecting(selector) {
       sendEphemeral({ t: "selecting", selector });
     },
-    sendTyping(itemId, active2) {
-      sendEphemeral({ t: "typing", itemId, active: active2 });
+    sendTyping(itemId, active) {
+      sendEphemeral({ t: "typing", itemId, active });
     },
     sendEffect(name) {
       sendEphemeral({ t: "fx", name });
@@ -4517,7 +3749,18 @@ function currentAuthor(name) {
 }
 
 // src/client/sync.ts
-var DEFAULT_SYNC_URL = "wss://agropolio.fucking.style/rk-sync";
+var DEFAULT_SYNC_URL = "wss://2-59-219-26.sslip.io/rk-sync";
+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,
@@ -4541,24 +3784,47 @@ function sanitizeRemoteItem(raw) {
   return { ...raw, target };
 }
 function useRealtimeSync(state, rawDispatch, config, reducer2) {
-  const syncRef = useRef(null);
-  const stateRef = useRef(state);
+  const syncRef = useRef3(null);
+  const stateRef = useRef3(state);
   stateRef.current = state;
-  const myIdRef = useRef("");
-  const enabled = typeof config.syncToken === "string" && config.syncToken !== "";
+  const myIdRef = useRef3("");
+  const syncToken = resolveSyncToken(config);
+  const syncUrl = resolveSyncUrl(config);
+  const enabled = syncToken !== null;
   const author = state.session?.author ?? "";
   const hasSession = state.session !== null;
-  useEffect(() => {
+  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 ?? DEFAULT_SYNC_URL,
+      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 });
@@ -4580,7 +3846,7 @@ function useRealtimeSync(state, rawDispatch, config, reducer2) {
           runEffect(name, layerRoot);
         },
         onPeerSelecting: (peerId, selector) => dispatch({ type: "PEER_SELECTING", peerId, selector }),
-        onPeerTyping: (peerId, itemId, active2) => dispatch({ type: "PEER_TYPING", peerId, itemId, active: active2 }),
+        onPeerTyping: (peerId, itemId, active) => dispatch({ type: "PEER_TYPING", peerId, itemId, active }),
         onItemAdd: (item, authorId) => {
           const safeItem = sanitizeRemoteItem(item);
           if (!safeItem) return;
@@ -4615,11 +3881,11 @@ 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]);
-  const wrapped = useMemo(() => {
+  }, [enabled, hasSession, syncToken, syncUrl, author, rawDispatch]);
+  const wrapped = useMemo2(() => {
     return (action) => {
       const prev = stateRef.current;
       rawDispatch(action);
@@ -4641,7 +3907,7 @@ function useRealtimeSync(state, rawDispatch, config, reducer2) {
       }
     };
   }, [rawDispatch, reducer2]);
-  useEffect(() => {
+  useEffect3(() => {
     if (!enabled) return;
     let lastEl = null;
     let lastSel = null;
@@ -4670,18 +3936,21 @@ function useRealtimeSync(state, rawDispatch, config, reducer2) {
     return () => document.removeEventListener("pointermove", onPointerMove);
   }, [enabled]);
   const selectingSelector = state.editor?.target.selector ?? state.selection?.target.selector ?? null;
-  useEffect(() => {
+  useEffect3(() => {
     if (!enabled) return;
     syncRef.current?.sendSelecting(selectingSelector);
   }, [enabled, selectingSelector]);
   const editorOpen = state.editor !== null;
-  useEffect(() => {
+  useEffect3(() => {
     if (!enabled) return;
     syncRef.current?.sendTyping(null, editorOpen);
   }, [enabled, editorOpen]);
   return enabled ? wrapped : rawDispatch;
 }
 
+// src/client/components/Badge.tsx
+import { useLayoutEffect, useRef as useRef4, useState } from "react";
+
 // src/client/dragPosition.ts
 var MARGIN = 8;
 var SNAP = 14;
@@ -4723,6 +3992,9 @@ function snapClampPos(x, y, width, height) {
   if (y > vh - height - 16 - SNAP) y = vh - height - 16;
   return clampPos(x, y, width, height);
 }
+
+// src/client/components/Badge.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
 var POS_KEY = "review-kit:badge-pos";
 var DRAG_THRESHOLD = 6;
 function defaultPos(corner, width, height) {
@@ -4745,16 +4017,16 @@ function Badge() {
   const { session, mode, panelOpen } = useStore();
   const dispatch = useDispatch();
   const config = useConfig();
-  const ref = useRef(null);
-  const clickTimer = useRef(null);
-  const lastClickAt = useRef(0);
+  const ref = useRef4(null);
+  const clickTimer = useRef4(null);
+  const lastClickAt = useRef4(0);
   const [pos, setPos] = useState(() => readStoredPos(POS_KEY));
   const [dragging, setDragging] = useState(false);
-  const drag = useRef(null);
+  const drag = useRef4(null);
   const openCount = session?.items.filter((item) => item.status === "open").length ?? 0;
   const applyPos = (next, persist) => {
     setPos(next);
-    storePos(POS_KEY, next);
+    if (persist) storePos(POS_KEY, next);
     const el = ref.current;
     if (el) {
       const effective = next ?? defaultPos(config.position ?? "bottom-right", el.offsetWidth, el.offsetHeight);
@@ -4828,7 +4100,7 @@ function Badge() {
           if (clickTimer.current !== null) window.clearTimeout(clickTimer.current);
           clickTimer.current = null;
           lastClickAt.current = 0;
-          applyPos(null);
+          applyPos(null, true);
           return;
         }
         lastClickAt.current = now;
@@ -4846,7 +4118,7 @@ function Badge() {
         node.offsetHeight
       );
       node.style.translate = `${snapped.x}px ${snapped.y}px`;
-      applyPos(snapped);
+      applyPos(snapped, true);
     };
     window.addEventListener("pointermove", onMove, { passive: false });
     window.addEventListener("pointerup", onUp);
@@ -4865,15 +4137,18 @@ function Badge() {
       "aria-expanded": panelOpen,
       onPointerDown,
       children: [
-        /* @__PURE__ */ jsx("span", { className: "rk-badge-dot" }),
+        /* @__PURE__ */ jsx2("span", { className: "rk-badge-dot" }),
         "Review",
-        openCount > 0 && /* @__PURE__ */ jsx("span", { className: "rk-badge-count", children: openCount })
+        openCount > 0 && /* @__PURE__ */ jsx2("span", { className: "rk-badge-count", children: openCount })
       ]
     }
   );
 }
+
+// src/client/components/icons.tsx
+import { jsx as jsx3, jsxs as jsxs2 } from "react/jsx-runtime";
 function Base({ size = 16, children, ...rest }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx3(
     "svg",
     {
       width: size,
@@ -4892,170 +4167,177 @@ function Base({ size = 16, children, ...rest }) {
   );
 }
 function IconText(props) {
-  return /* @__PURE__ */ jsxs(Base, { ...props, children: [
-    /* @__PURE__ */ jsx("path", { d: "M3.5 4.5V3h9v1.5" }),
-    /* @__PURE__ */ jsx("path", { d: "M8 3v10" }),
-    /* @__PURE__ */ jsx("path", { d: "M6 13h4" })
+  return /* @__PURE__ */ jsxs2(Base, { ...props, children: [
+    /* @__PURE__ */ jsx3("path", { d: "M3.5 4.5V3h9v1.5" }),
+    /* @__PURE__ */ jsx3("path", { d: "M8 3v10" }),
+    /* @__PURE__ */ jsx3("path", { d: "M6 13h4" })
   ] });
 }
 function IconImage(props) {
-  return /* @__PURE__ */ jsxs(Base, { ...props, children: [
-    /* @__PURE__ */ jsx("rect", { x: "2.25", y: "3.25", width: "11.5", height: "9.5", rx: "1.5" }),
-    /* @__PURE__ */ jsx("circle", { cx: "5.75", cy: "6.5", r: "1", fill: "currentColor", stroke: "none" }),
-    /* @__PURE__ */ jsx("path", { d: "M2.5 11l3.2-3.2a1 1 0 0 1 1.4 0L10 10.7l1.4-1.4a1 1 0 0 1 1.4 0l.95.95" })
+  return /* @__PURE__ */ jsxs2(Base, { ...props, children: [
+    /* @__PURE__ */ jsx3("rect", { x: "2.25", y: "3.25", width: "11.5", height: "9.5", rx: "1.5" }),
+    /* @__PURE__ */ jsx3("circle", { cx: "5.75", cy: "6.5", r: "1", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ jsx3("path", { d: "M2.5 11l3.2-3.2a1 1 0 0 1 1.4 0L10 10.7l1.4-1.4a1 1 0 0 1 1.4 0l.95.95" })
   ] });
 }
 function IconComment(props) {
-  return /* @__PURE__ */ jsx(Base, { ...props, children: /* @__PURE__ */ jsx("path", { d: "M13.5 7.6c0 2.7-2.46 4.6-5.5 4.6-.6 0-1.18-.07-1.72-.2L3.5 13.5l.55-2.2C3.06 10.45 2.5 9.1 2.5 7.6 2.5 4.9 4.96 3 8 3s5.5 1.9 5.5 4.6Z" }) });
+  return /* @__PURE__ */ jsx3(Base, { ...props, children: /* @__PURE__ */ jsx3("path", { d: "M13.5 7.6c0 2.7-2.46 4.6-5.5 4.6-.6 0-1.18-.07-1.72-.2L3.5 13.5l.55-2.2C3.06 10.45 2.5 9.1 2.5 7.6 2.5 4.9 4.96 3 8 3s5.5 1.9 5.5 4.6Z" }) });
 }
 function IconTrash(props) {
-  return /* @__PURE__ */ jsxs(Base, { ...props, children: [
-    /* @__PURE__ */ jsx("path", { d: "M2.75 4.25h10.5" }),
-    /* @__PURE__ */ jsx("path", { d: "M5.5 4.25V3.4c0-.63.51-1.15 1.15-1.15h2.7c.64 0 1.15.52 1.15 1.15v.85" }),
-    /* @__PURE__ */ jsx("path", { d: "M4.25 4.5l.55 8.05c.04.62.56 1.1 1.18 1.1h4.04c.62 0 1.14-.48 1.18-1.1l.55-8.05" }),
-    /* @__PURE__ */ jsx("path", { d: "M6.6 7v3.8M9.4 7v3.8" })
+  return /* @__PURE__ */ jsxs2(Base, { ...props, children: [
+    /* @__PURE__ */ jsx3("path", { d: "M2.75 4.25h10.5" }),
+    /* @__PURE__ */ jsx3("path", { d: "M5.5 4.25V3.4c0-.63.51-1.15 1.15-1.15h2.7c.64 0 1.15.52 1.15 1.15v.85" }),
+    /* @__PURE__ */ jsx3("path", { d: "M4.25 4.5l.55 8.05c.04.62.56 1.1 1.18 1.1h4.04c.62 0 1.14-.48 1.18-1.1l.55-8.05" }),
+    /* @__PURE__ */ jsx3("path", { d: "M6.6 7v3.8M9.4 7v3.8" })
   ] });
 }
 function IconMove(props) {
-  return /* @__PURE__ */ jsxs(Base, { ...props, children: [
-    /* @__PURE__ */ jsx("path", { d: "M8 2.5v11" }),
-    /* @__PURE__ */ jsx("path", { d: "M5.25 5.25 8 2.5l2.75 2.75" }),
-    /* @__PURE__ */ jsx("path", { d: "M5.25 10.75 8 13.5l2.75-2.75" })
+  return /* @__PURE__ */ jsxs2(Base, { ...props, children: [
+    /* @__PURE__ */ jsx3("path", { d: "M8 2.5v11" }),
+    /* @__PURE__ */ jsx3("path", { d: "M5.25 5.25 8 2.5l2.75 2.75" }),
+    /* @__PURE__ */ jsx3("path", { d: "M5.25 10.75 8 13.5l2.75-2.75" })
   ] });
 }
 function IconStyle(props) {
-  return /* @__PURE__ */ jsxs(Base, { ...props, children: [
-    /* @__PURE__ */ jsx("path", { d: "M11.2 2.6a1.6 1.6 0 0 1 2.26 2.26L7.1 11.2l-3.1.85.84-3.1 6.36-6.35Z" }),
-    /* @__PURE__ */ jsx("path", { d: "M9.6 4.2l2.2 2.2" })
+  return /* @__PURE__ */ jsxs2(Base, { ...props, children: [
+    /* @__PURE__ */ jsx3("path", { d: "M11.2 2.6a1.6 1.6 0 0 1 2.26 2.26L7.1 11.2l-3.1.85.84-3.1 6.36-6.35Z" }),
+    /* @__PURE__ */ jsx3("path", { d: "M9.6 4.2l2.2 2.2" })
   ] });
 }
 function IconClose(props) {
-  return /* @__PURE__ */ jsx(Base, { ...props, children: /* @__PURE__ */ jsx("path", { d: "M4 4l8 8M12 4l-8 8" }) });
+  return /* @__PURE__ */ jsx3(Base, { ...props, children: /* @__PURE__ */ jsx3("path", { d: "M4 4l8 8M12 4l-8 8" }) });
 }
 function IconSearch(props) {
-  return /* @__PURE__ */ jsxs(Base, { ...props, children: [
-    /* @__PURE__ */ jsx("circle", { cx: "7", cy: "7", r: "4.25" }),
-    /* @__PURE__ */ jsx("path", { d: "M10.3 10.3 13.5 13.5" })
+  return /* @__PURE__ */ jsxs2(Base, { ...props, children: [
+    /* @__PURE__ */ jsx3("circle", { cx: "7", cy: "7", r: "4.25" }),
+    /* @__PURE__ */ jsx3("path", { d: "M10.3 10.3 13.5 13.5" })
   ] });
 }
 function IconDownload(props) {
-  return /* @__PURE__ */ jsxs(Base, { ...props, children: [
-    /* @__PURE__ */ jsx("path", { d: "M8 2.5v7.5" }),
-    /* @__PURE__ */ jsx("path", { d: "M5.25 7.5 8 10.25 10.75 7.5" }),
-    /* @__PURE__ */ jsx("path", { d: "M3 11.5v1a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1" })
+  return /* @__PURE__ */ jsxs2(Base, { ...props, children: [
+    /* @__PURE__ */ jsx3("path", { d: "M8 2.5v7.5" }),
+    /* @__PURE__ */ jsx3("path", { d: "M5.25 7.5 8 10.25 10.75 7.5" }),
+    /* @__PURE__ */ jsx3("path", { d: "M3 11.5v1a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1" })
   ] });
 }
 function IconUpload(props) {
-  return /* @__PURE__ */ jsxs(Base, { ...props, children: [
-    /* @__PURE__ */ jsx("path", { d: "M8 10V2.75" }),
-    /* @__PURE__ */ jsx("path", { d: "M5.25 5.25 8 2.5l2.75 2.75" }),
-    /* @__PURE__ */ jsx("path", { d: "M3 11.5v1a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1" })
+  return /* @__PURE__ */ jsxs2(Base, { ...props, children: [
+    /* @__PURE__ */ jsx3("path", { d: "M8 10V2.75" }),
+    /* @__PURE__ */ jsx3("path", { d: "M5.25 5.25 8 2.5l2.75 2.75" }),
+    /* @__PURE__ */ jsx3("path", { d: "M3 11.5v1a1 1 0 0 0 1 1h8a1 1 0 0 0 1-1v-1" })
   ] });
 }
 function IconCopyClipboard(props) {
-  return /* @__PURE__ */ jsxs(Base, { ...props, children: [
-    /* @__PURE__ */ jsx("rect", { x: "5.5", y: "5.5", width: "8", height: "8", rx: "1.5" }),
-    /* @__PURE__ */ jsx("path", { d: "M10.5 5.5v-2a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2" })
+  return /* @__PURE__ */ jsxs2(Base, { ...props, children: [
+    /* @__PURE__ */ jsx3("rect", { x: "5.5", y: "5.5", width: "8", height: "8", rx: "1.5" }),
+    /* @__PURE__ */ jsx3("path", { d: "M10.5 5.5v-2a1 1 0 0 0-1-1h-6a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2" })
   ] });
 }
 function IconUndo(props) {
-  return /* @__PURE__ */ jsxs(Base, { ...props, children: [
-    /* @__PURE__ */ jsx("path", { d: "M3 6.5h6.5a3.5 3.5 0 0 1 0 7H6" }),
-    /* @__PURE__ */ jsx("path", { d: "M5.5 4 3 6.5 5.5 9" })
+  return /* @__PURE__ */ jsxs2(Base, { ...props, children: [
+    /* @__PURE__ */ jsx3("path", { d: "M3 6.5h6.5a3.5 3.5 0 0 1 0 7H6" }),
+    /* @__PURE__ */ jsx3("path", { d: "M5.5 4 3 6.5 5.5 9" })
   ] });
 }
 function IconCheck(props) {
-  return /* @__PURE__ */ jsx(Base, { ...props, children: /* @__PURE__ */ jsx("path", { d: "M3 8.5 6.5 12 13 4.5" }) });
+  return /* @__PURE__ */ jsx3(Base, { ...props, children: /* @__PURE__ */ jsx3("path", { d: "M3 8.5 6.5 12 13 4.5" }) });
 }
 function IconWarning(props) {
-  return /* @__PURE__ */ jsxs(Base, { ...props, children: [
-    /* @__PURE__ */ jsx("path", { d: "M8 2.75 14.5 13.5h-13L8 2.75Z" }),
-    /* @__PURE__ */ jsx("path", { d: "M8 7v3" }),
-    /* @__PURE__ */ jsx("circle", { cx: "8", cy: "11.9", r: "0.55", fill: "currentColor", stroke: "none" })
+  return /* @__PURE__ */ jsxs2(Base, { ...props, children: [
+    /* @__PURE__ */ jsx3("path", { d: "M8 2.75 14.5 13.5h-13L8 2.75Z" }),
+    /* @__PURE__ */ jsx3("path", { d: "M8 7v3" }),
+    /* @__PURE__ */ jsx3("circle", { cx: "8", cy: "11.9", r: "0.55", fill: "currentColor", stroke: "none" })
   ] });
 }
 function IconTarget(props) {
-  return /* @__PURE__ */ jsxs(Base, { ...props, children: [
-    /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "5.5" }),
-    /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "1", fill: "currentColor", stroke: "none" }),
-    /* @__PURE__ */ jsx("path", { d: "M8 1.5v2M8 12.5v2M1.5 8h2M12.5 8h2" })
+  return /* @__PURE__ */ jsxs2(Base, { ...props, children: [
+    /* @__PURE__ */ jsx3("circle", { cx: "8", cy: "8", r: "5.5" }),
+    /* @__PURE__ */ jsx3("circle", { cx: "8", cy: "8", r: "1", fill: "currentColor", stroke: "none" }),
+    /* @__PURE__ */ jsx3("path", { d: "M8 1.5v2M8 12.5v2M1.5 8h2M12.5 8h2" })
   ] });
 }
 function IconKeyboard(props) {
-  return /* @__PURE__ */ jsxs(Base, { ...props, children: [
-    /* @__PURE__ */ jsx("rect", { x: "2", y: "4.5", width: "12", height: "7.5", rx: "1.5" }),
-    /* @__PURE__ */ jsx("path", { d: "M4.5 7h.01M7 7h.01M9.5 7h.01M12 7h.01M5 9.5h6" })
+  return /* @__PURE__ */ jsxs2(Base, { ...props, children: [
+    /* @__PURE__ */ jsx3("rect", { x: "2", y: "4.5", width: "12", height: "7.5", rx: "1.5" }),
+    /* @__PURE__ */ jsx3("path", { d: "M4.5 7h.01M7 7h.01M9.5 7h.01M12 7h.01M5 9.5h6" })
   ] });
 }
 function IconGear(props) {
-  return /* @__PURE__ */ jsxs(Base, { ...props, children: [
-    /* @__PURE__ */ jsx("circle", { cx: "8", cy: "8", r: "2.1" }),
-    /* @__PURE__ */ jsx("path", { d: "M8 1.8v2M8 12.2v2M1.8 8h2M12.2 8h2M3.6 3.6l1.4 1.4M11 11l1.4 1.4M12.4 3.6 11 5M5 11l-1.4 1.4" })
+  return /* @__PURE__ */ jsxs2(Base, { ...props, children: [
+    /* @__PURE__ */ jsx3("circle", { cx: "8", cy: "8", r: "2.1" }),
+    /* @__PURE__ */ jsx3("path", { d: "M8 1.8v2M8 12.2v2M1.8 8h2M12.2 8h2M3.6 3.6l1.4 1.4M11 11l1.4 1.4M12.4 3.6 11 5M5 11l-1.4 1.4" })
   ] });
 }
 function IconFilter(props) {
-  return /* @__PURE__ */ jsx(Base, { ...props, children: /* @__PURE__ */ jsx("path", { d: "M2.5 4h11M4.5 8h7M6.5 12h3" }) });
+  return /* @__PURE__ */ jsx3(Base, { ...props, children: /* @__PURE__ */ jsx3("path", { d: "M2.5 4h11M4.5 8h7M6.5 12h3" }) });
 }
 function IconLink(props) {
-  return /* @__PURE__ */ jsxs(Base, { ...props, children: [
-    /* @__PURE__ */ jsx("path", { d: "M6.5 9.5 9.5 6.5" }),
-    /* @__PURE__ */ jsx("path", { d: "M7.25 4.9 8.4 3.75a2.4 2.4 0 0 1 3.4 0 2.4 2.4 0 0 1 0 3.4L10.65 8.3" }),
-    /* @__PURE__ */ jsx("path", { d: "M8.75 11.1 7.6 12.25a2.4 2.4 0 0 1-3.4 0 2.4 2.4 0 0 1 0-3.4L5.35 7.7" })
+  return /* @__PURE__ */ jsxs2(Base, { ...props, children: [
+    /* @__PURE__ */ jsx3("path", { d: "M6.5 9.5 9.5 6.5" }),
+    /* @__PURE__ */ jsx3("path", { d: "M7.25 4.9 8.4 3.75a2.4 2.4 0 0 1 3.4 0 2.4 2.4 0 0 1 0 3.4L10.65 8.3" }),
+    /* @__PURE__ */ jsx3("path", { d: "M8.75 11.1 7.6 12.25a2.4 2.4 0 0 1-3.4 0 2.4 2.4 0 0 1 0-3.4L5.35 7.7" })
   ] });
 }
 function IconUnlink(props) {
-  return /* @__PURE__ */ jsxs(Base, { ...props, children: [
-    /* @__PURE__ */ jsx("path", { d: "M6.5 4.5v-2M9.5 13.5v-2M4.5 6.5h-2M13.5 9.5h-2" }),
-    /* @__PURE__ */ jsx("path", { d: "M6 10 3.5 12.5M10 6l2.5-2.5" })
+  return /* @__PURE__ */ jsxs2(Base, { ...props, children: [
+    /* @__PURE__ */ jsx3("path", { d: "M6.5 4.5v-2M9.5 13.5v-2M4.5 6.5h-2M13.5 9.5h-2" }),
+    /* @__PURE__ */ jsx3("path", { d: "M6 10 3.5 12.5M10 6l2.5-2.5" })
   ] });
 }
 function iconForType(type, size = 14) {
   switch (type) {
     case "copy":
-      return /* @__PURE__ */ jsx(IconText, { size });
+      return /* @__PURE__ */ jsx3(IconText, { size });
     case "image":
-      return /* @__PURE__ */ jsx(IconImage, { size });
+      return /* @__PURE__ */ jsx3(IconImage, { size });
     case "comment":
-      return /* @__PURE__ */ jsx(IconComment, { size });
+      return /* @__PURE__ */ jsx3(IconComment, { size });
     case "delete":
-      return /* @__PURE__ */ jsx(IconTrash, { size });
+      return /* @__PURE__ */ jsx3(IconTrash, { size });
     case "move":
-      return /* @__PURE__ */ jsx(IconMove, { size });
+      return /* @__PURE__ */ jsx3(IconMove, { size });
     case "style":
-      return /* @__PURE__ */ jsx(IconStyle, { size });
+      return /* @__PURE__ */ jsx3(IconStyle, { size });
     default:
-      return /* @__PURE__ */ jsx(IconTarget, { size });
+      return /* @__PURE__ */ jsx3(IconTarget, { size });
   }
 }
+
+// src/client/components/CheatSheet.tsx
+import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
 var GROUPS = ["Tools", "View", "Items", "Session"];
 function CheatSheet() {
   const { cheatsheetOpen } = useStore();
   const dispatch = useDispatch();
   if (!cheatsheetOpen) return null;
   const close = () => dispatch({ type: "SET_CHEATSHEET", open: false });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: "rk-backdrop", onClick: close }),
-    /* @__PURE__ */ jsxs("div", { className: "rk-modal rk-cheatsheet", role: "dialog", "aria-modal": "true", "aria-label": "Keyboard shortcuts", children: [
-      /* @__PURE__ */ jsxs("div", { className: "rk-cheat-head", children: [
-        /* @__PURE__ */ jsx("span", { className: "rk-cheat-head-icon", children: /* @__PURE__ */ jsx(IconKeyboard, { size: 15 }) }),
-        /* @__PURE__ */ jsx("span", { className: "rk-cheat-title", children: "Keyboard shortcuts" }),
-        /* @__PURE__ */ jsx("span", { style: { flex: 1 } }),
-        /* @__PURE__ */ jsx("button", { type: "button", className: "rk-icon-btn", "aria-label": "Close", onClick: close, autoFocus: true, children: /* @__PURE__ */ jsx(IconClose, { size: 13 }) })
+  return /* @__PURE__ */ jsxs3(Fragment, { children: [
+    /* @__PURE__ */ jsx4("div", { className: "rk-backdrop", onClick: close }),
+    /* @__PURE__ */ jsxs3("div", { className: "rk-modal rk-cheatsheet", role: "dialog", "aria-modal": "true", "aria-label": "Keyboard shortcuts", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "rk-cheat-head", children: [
+        /* @__PURE__ */ jsx4("span", { className: "rk-cheat-head-icon", children: /* @__PURE__ */ jsx4(IconKeyboard, { size: 15 }) }),
+        /* @__PURE__ */ jsx4("span", { className: "rk-cheat-title", children: "Keyboard shortcuts" }),
+        /* @__PURE__ */ jsx4("span", { style: { flex: 1 } }),
+        /* @__PURE__ */ jsx4("button", { type: "button", className: "rk-icon-btn", "aria-label": "Close", onClick: close, autoFocus: true, children: /* @__PURE__ */ jsx4(IconClose, { size: 13 }) })
       ] }),
-      /* @__PURE__ */ jsx("div", { className: "rk-cheat-grid", children: GROUPS.map((group) => /* @__PURE__ */ jsxs("section", { className: "rk-cheat-group", children: [
-        /* @__PURE__ */ jsx("h3", { className: "rk-cheat-group-title", children: group }),
-        SHORTCUTS.filter((def) => def.group === group).map((def) => /* @__PURE__ */ jsxs("div", { className: "rk-shortcut-row", children: [
-          /* @__PURE__ */ jsxs("span", { className: "rk-shortcut-text", children: [
-            /* @__PURE__ */ jsx("span", { className: "rk-shortcut-title", children: def.title }),
-            /* @__PURE__ */ jsx("span", { className: "rk-shortcut-desc", children: def.description })
+      /* @__PURE__ */ jsx4("div", { className: "rk-cheat-grid", children: GROUPS.map((group) => /* @__PURE__ */ jsxs3("section", { className: "rk-cheat-group", children: [
+        /* @__PURE__ */ jsx4("h3", { className: "rk-cheat-group-title", children: group }),
+        SHORTCUTS.filter((def) => def.group === group).map((def) => /* @__PURE__ */ jsxs3("div", { className: "rk-shortcut-row", children: [
+          /* @__PURE__ */ jsxs3("span", { className: "rk-shortcut-text", children: [
+            /* @__PURE__ */ jsx4("span", { className: "rk-shortcut-title", children: def.title }),
+            /* @__PURE__ */ jsx4("span", { className: "rk-shortcut-desc", children: def.description })
           ] }),
-          /* @__PURE__ */ jsx("span", { className: "rk-keys", children: displayKeys(def, IS_MAC).map((key) => /* @__PURE__ */ jsx("span", { className: "rk-kbd", children: key }, key)) })
+          /* @__PURE__ */ jsx4("span", { className: "rk-keys", children: displayKeys(def, IS_MAC).map((key) => /* @__PURE__ */ jsx4("span", { className: "rk-kbd", children: key }, key)) })
         ] }, def.id))
       ] }, group)) }),
-      /* @__PURE__ */ jsx("div", { className: "rk-egg", children: "Psst \u2014 the \u201C/\u201D box knows a few tricks it won\u2019t tell you about." })
+      /* @__PURE__ */ jsx4("div", { className: "rk-egg", children: "Psst \u2014 the \u201C/\u201D box knows a few tricks it won\u2019t tell you about." })
     ] })
   ] });
 }
+
+// src/client/components/EmblemaConnect.tsx
+import { useEffect as useEffect4, useState as useState2 } from "react";
+import { Fragment as Fragment2, jsx as jsx5, jsxs as jsxs4 } from "react/jsx-runtime";
 function shortKey(key) {
   return `${key.slice(0, 4)}\u2026${key.slice(-4)}`;
 }
@@ -5070,14 +4352,14 @@ function ago(iso) {
 function EmblemaConnect() {
   const { emblemaConnectOpen } = useStore();
   const dispatch = useDispatch();
-  const [state, setState] = useState("loading");
-  const [key, setKey] = useState(null);
-  const [busy, setBusy] = useState(false);
+  const [state, setState] = useState2("loading");
+  const [key, setKey] = useState2(null);
+  const [busy, setBusy] = useState2(false);
   const refresh = () => {
     setState("loading");
     void fetchSyncState().then(setState);
   };
-  useEffect(() => {
+  useEffect4(() => {
     if (emblemaConnectOpen) {
       setKey(null);
       refresh();
@@ -5106,48 +4388,48 @@ function EmblemaConnect() {
       refresh();
     }).finally(() => setBusy(false));
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: "rk-backdrop", onClick: close }),
-    /* @__PURE__ */ jsx("div", { className: "rk-modal", role: "dialog", "aria-modal": "true", "aria-label": "Connect to Emblema", children: /* @__PURE__ */ jsxs("div", { className: "rk-modal-body", children: [
-      /* @__PURE__ */ jsxs("div", { className: "rk-modal-title", style: { display: "flex", alignItems: "center", gap: 8 }, children: [
+  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
+    /* @__PURE__ */ jsx5("div", { className: "rk-backdrop", onClick: close }),
+    /* @__PURE__ */ jsx5("div", { className: "rk-modal", role: "dialog", "aria-modal": "true", "aria-label": "Connect to Emblema", children: /* @__PURE__ */ jsxs4("div", { className: "rk-modal-body", children: [
+      /* @__PURE__ */ jsxs4("div", { className: "rk-modal-title", style: { display: "flex", alignItems: "center", gap: 8 }, children: [
         "Connect to Emblema",
-        /* @__PURE__ */ jsx("span", { style: { flex: 1 } }),
-        /* @__PURE__ */ jsx("button", { type: "button", className: "rk-icon-btn", "aria-label": "Close", onClick: close, autoFocus: true, children: /* @__PURE__ */ jsx(IconClose, { size: 13 }) })
+        /* @__PURE__ */ jsx5("span", { style: { flex: 1 } }),
+        /* @__PURE__ */ jsx5("button", { type: "button", className: "rk-icon-btn", "aria-label": "Close", onClick: close, autoFocus: true, children: /* @__PURE__ */ jsx5(IconClose, { size: 13 }) })
       ] }),
-      state === "loading" && /* @__PURE__ */ jsx("div", { className: "rk-modal-text", children: "Looking for the local sync agent\u2026" }),
-      state === null && /* @__PURE__ */ jsxs("div", { className: "rk-modal-text", children: [
+      state === "loading" && /* @__PURE__ */ jsx5("div", { className: "rk-modal-text", children: "Looking for the local sync agent\u2026" }),
+      state === null && /* @__PURE__ */ jsxs4("div", { className: "rk-modal-text", children: [
         "The local sync agent isn't running. In the project repo run:",
-        /* @__PURE__ */ jsxs("code", { className: "rk-connect-cmd", children: [
-          "npx reviewkit-emblema init --origin ",
+        /* @__PURE__ */ jsxs4("code", { className: "rk-connect-cmd", children: [
+          "npx -p @satanwagen/reviewkit-cli reviewkit-emblema init --origin ",
           window.location.origin
         ] }),
-        /* @__PURE__ */ jsx("code", { className: "rk-connect-cmd", children: "npx reviewkit-emblema 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__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs("div", { className: "rk-modal-text", children: [
+      state !== null && state !== "loading" && /* @__PURE__ */ jsxs4(Fragment2, { children: [
+        /* @__PURE__ */ jsxs4("div", { className: "rk-modal-text", children: [
           "Project ",
-          /* @__PURE__ */ jsx("strong", { children: state.name }),
+          /* @__PURE__ */ jsx5("strong", { children: state.name }),
           " ",
-          /* @__PURE__ */ jsxs("span", { className: "rk-connect-id", children: [
+          /* @__PURE__ */ jsxs4("span", { className: "rk-connect-id", children: [
             "(",
             state.id,
             ")"
           ] }),
-          /* @__PURE__ */ jsx("br", {}),
+          /* @__PURE__ */ jsx5("br", {}),
           "Status:",
           " ",
-          state.revoked ? /* @__PURE__ */ jsx("span", { className: "rk-connect-bad", children: "revoked \u2014 generate a new key to reconnect" }) : /* @__PURE__ */ jsx(Fragment, { children: "paired key active" }),
-          /* @__PURE__ */ jsx("br", {}),
+          state.revoked ? /* @__PURE__ */ jsx5("span", { className: "rk-connect-bad", children: "revoked \u2014 generate a new key to reconnect" }) : /* @__PURE__ */ jsx5(Fragment2, { children: "paired key active" }),
+          /* @__PURE__ */ jsx5("br", {}),
           "Last confirmed by Emblema: ",
-          /* @__PURE__ */ jsx("strong", { children: ago(state.lastAck) }),
+          /* @__PURE__ */ jsx5("strong", { children: ago(state.lastAck) }),
           " \xB7 ",
           state.findings,
           " finding",
           state.findings === 1 ? "" : "s",
           " tracked"
         ] }),
-        key && /* @__PURE__ */ jsx(
+        key && /* @__PURE__ */ jsx5(
           "code",
           {
             className: "rk-connect-key",
@@ -5155,8 +4437,8 @@ function EmblemaConnect() {
             children: shortKey(key)
           }
         ),
-        /* @__PURE__ */ jsxs("div", { className: "rk-connect-actions", children: [
-          /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsxs4("div", { className: "rk-connect-actions", children: [
+          /* @__PURE__ */ jsx5(
             "button",
             {
               type: "button",
@@ -5167,7 +4449,7 @@ function EmblemaConnect() {
               children: state.revoked ? "Generate new key" : "New key (rotate)"
             }
           ),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx5(
             "button",
             {
               type: "button",
@@ -5184,8 +4466,8 @@ function EmblemaConnect() {
               children: "Copy key"
             }
           ),
-          /* @__PURE__ */ jsx("span", { style: { flex: 1 } }),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx5("span", { style: { flex: 1 } }),
+          /* @__PURE__ */ jsx5(
             "button",
             {
               type: "button",
@@ -5207,12 +4489,230 @@ 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 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] = useState(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() });
@@ -5223,39 +4723,39 @@ function CoachMark() {
     }
     if (startPicking) dispatch({ type: "SET_MODE", mode: "pick" });
   };
-  return /* @__PURE__ */ jsxs("div", { className: "rk-coach", role: "dialog", "aria-label": "Welcome to review mode", children: [
-    /* @__PURE__ */ jsx("div", { className: "rk-coach-accent" }),
-    /* @__PURE__ */ jsxs("div", { className: "rk-coach-body", children: [
-      /* @__PURE__ */ jsxs("div", { className: "rk-modal-title", style: { display: "flex", alignItems: "center", gap: 8 }, children: [
-        /* @__PURE__ */ jsx(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__ */ jsx("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__ */ jsxs("div", { className: "rk-coach-keys", "aria-label": "Key shortcuts", children: [
-        /* @__PURE__ */ jsxs("span", { children: [
-          /* @__PURE__ */ jsx("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__ */ jsxs("span", { children: [
-          /* @__PURE__ */ jsx("span", { className: "rk-kbd", children: "C" }),
+        /* @__PURE__ */ jsxs6("span", { children: [
+          /* @__PURE__ */ jsx7("span", { className: "rk-kbd", children: "C" }),
           " comment"
         ] }),
-        /* @__PURE__ */ jsxs("span", { children: [
-          /* @__PURE__ */ jsx("span", { className: "rk-kbd", children: "I" }),
+        /* @__PURE__ */ jsxs6("span", { children: [
+          /* @__PURE__ */ jsx7("span", { className: "rk-kbd", children: "I" }),
           " image"
         ] }),
-        /* @__PURE__ */ jsxs("span", { children: [
-          /* @__PURE__ */ jsx("span", { className: "rk-kbd", children: "V" }),
+        /* @__PURE__ */ jsxs6("span", { children: [
+          /* @__PURE__ */ jsx7("span", { className: "rk-kbd", children: "V" }),
           " select"
         ] }),
-        /* @__PURE__ */ jsxs("span", { children: [
-          /* @__PURE__ */ jsx("span", { className: "rk-kbd", children: "?" }),
+        /* @__PURE__ */ jsxs6("span", { children: [
+          /* @__PURE__ */ jsx7("span", { className: "rk-kbd", children: "?" }),
           " all shortcuts"
         ] })
       ] }),
-      /* @__PURE__ */ jsxs("div", { children: [
-        /* @__PURE__ */ jsx("label", { className: "rk-label", htmlFor: "rk-author", children: "Your name" }),
-        /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsxs6("div", { children: [
+        /* @__PURE__ */ jsx7("label", { className: "rk-label", htmlFor: "rk-author", children: "Your name" }),
+        /* @__PURE__ */ jsx7(
           "input",
           {
             id: "rk-author",
@@ -5269,32 +4769,36 @@ function CoachMark() {
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs("div", { style: { display: "flex", justifyContent: "flex-end", gap: 8, marginTop: 4 }, children: [
-        /* @__PURE__ */ jsx("button", { type: "button", className: "rk-btn rk-btn-ghost", onClick: () => done(false), children: "Not now" }),
-        /* @__PURE__ */ jsx("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 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 = useRef(null);
-  useEffect(() => {
+  const cancelRef = useRef5(null);
+  useEffect6(() => {
     if (confirm) cancelRef.current?.focus();
   }, [confirm]);
   if (!confirm) return null;
   const close = () => dispatch({ type: "SET_CONFIRM", confirm: null });
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: "rk-backdrop", onClick: close }),
-    /* @__PURE__ */ jsxs("div", { className: "rk-modal", role: "alertdialog", "aria-modal": "true", "aria-label": confirm.title, children: [
-      /* @__PURE__ */ jsxs("div", { className: "rk-modal-body", children: [
-        /* @__PURE__ */ jsx("div", { className: "rk-modal-title", children: confirm.title }),
-        /* @__PURE__ */ jsx("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__ */ jsxs("div", { className: "rk-modal-actions", children: [
-        /* @__PURE__ */ jsx("button", { ref: cancelRef, type: "button", className: "rk-btn rk-btn-ghost", onClick: close, children: "Cancel" }),
-        /* @__PURE__ */ jsx(
+      /* @__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",
@@ -5312,6 +4816,12 @@ function ConfirmHost() {
   ] });
 }
 
+// src/client/components/ImageEditor.tsx
+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 useState5 } from "react";
+
 // src/client/position.ts
 function place(anchor, size, side, offset) {
   switch (side) {
@@ -5355,9 +4865,9 @@ function computePosition(anchor, size, options = {}) {
 
 // src/client/useAnchored.ts
 function useAnchored(anchorEl, side = "bottom", offset = 8) {
-  const ref = useRef(null);
-  const [pos, setPos] = useState(null);
-  useLayoutEffect(() => {
+  const ref = useRef6(null);
+  const [pos, setPos] = useState5(null);
+  useLayoutEffect2(() => {
     if (!anchorEl) {
       setPos(null);
       return;
@@ -5386,6 +4896,9 @@ function anchoredStyle(pos) {
   if (!pos) return { visibility: "hidden", transform: "translate3d(-9999px, -9999px, 0)" };
   return { transform: `translate3d(${pos.x}px, ${pos.y}px, 0)`, top: 0, left: 0 };
 }
+
+// src/client/components/ImageEditor.tsx
+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;
@@ -5443,15 +4956,15 @@ function urlFromDataTransfer(dt) {
 function ImageEditor({ editor }) {
   const dispatch = useDispatch();
   const { route, session } = useStore();
-  const [replacement, setReplacement] = useState(null);
-  const [urlValue, setUrlValue] = useState("");
-  const [loading, setLoading] = useState(false);
-  const [description, setDescription] = useState("");
-  const [priority, setPriority] = useState("nice");
-  const [over, setOver] = useState(false);
-  const fileInput = useRef(null);
-  const abortRef = useRef(null);
-  const debounceRef = useRef(null);
+  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);
   const { ref, pos } = useAnchored(editor.element, "bottom", 12);
   const image = findImage(editor.element);
   const beforeSrc = image?.currentSrc || image?.src || "";
@@ -5515,7 +5028,7 @@ function ImageEditor({ editor }) {
       }
     }
   };
-  useEffect(() => {
+  useEffect7(() => {
     if (debounceRef.current !== null) window.clearTimeout(debounceRef.current);
     if (urlValue.trim() === "" || replacement !== null) return;
     debounceRef.current = window.setTimeout(() => {
@@ -5525,8 +5038,8 @@ function ImageEditor({ editor }) {
       if (debounceRef.current !== null) window.clearTimeout(debounceRef.current);
     };
   }, [urlValue, replacement]);
-  useEffect(() => () => abortRef.current?.abort(), []);
-  useEffect(() => {
+  useEffect7(() => () => abortRef.current?.abort(), []);
+  useEffect7(() => {
     const onPaste = (event) => {
       const data = event.clipboardData;
       if (!data) return;
@@ -5604,23 +5117,23 @@ function ImageEditor({ editor }) {
     toast(dispatch, "Image proposal saved", "success");
   };
   const previewSrc = replacement?.kind === "data" ? replacement.dataUrl : replacement?.url;
-  return /* @__PURE__ */ jsxs("div", { ref, className: "rk-card", style: anchoredStyle(pos), role: "dialog", "aria-label": "Replace image", children: [
-    /* @__PURE__ */ jsxs("div", { className: "rk-card-head", children: [
-      /* @__PURE__ */ jsx(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__ */ jsxs("div", { className: "rk-card-body", children: [
-      replacement && previewSrc ? /* @__PURE__ */ jsx("div", { className: "rk-thumbs", children: /* @__PURE__ */ jsxs("div", { className: "rk-thumb-pair", title: "Hover to compare with the current image", children: [
-        /* @__PURE__ */ jsxs("figure", { className: "rk-thumb", children: [
-          /* @__PURE__ */ jsx("img", { src: beforeSrc, alt: "Current" }),
-          /* @__PURE__ */ jsx("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__ */ jsxs("figure", { className: "rk-thumb", children: [
-          /* @__PURE__ */ jsx("img", { src: previewSrc, alt: "Proposed replacement" }),
-          /* @__PURE__ */ jsx("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__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsxs(
+      ] }) }) : /* @__PURE__ */ jsxs8(Fragment5, { children: [
+        /* @__PURE__ */ jsxs8(
           "button",
           {
             type: "button",
@@ -5633,18 +5146,18 @@ function ImageEditor({ editor }) {
             onDragLeave: () => setOver(false),
             onDrop,
             children: [
-              /* @__PURE__ */ jsx(IconUpload, { size: 18 }),
-              /* @__PURE__ */ jsxs("span", { children: [
+              /* @__PURE__ */ jsx9(IconUpload, { size: 18 }),
+              /* @__PURE__ */ jsxs8("span", { children: [
                 "Drop an image \u2014 from your disk or another tab \u2014",
-                /* @__PURE__ */ jsx("br", {}),
+                /* @__PURE__ */ jsx9("br", {}),
                 "or click to browse (max 2 MB)"
               ] })
             ]
           }
         ),
-        /* @__PURE__ */ jsxs("div", { className: "rk-url", children: [
-          loading ? /* @__PURE__ */ jsx("span", { className: "rk-spinner", "aria-label": "Loading image" }) : /* @__PURE__ */ jsx(IconLink, { size: 13 }),
-          /* @__PURE__ */ jsx(
+        /* @__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",
@@ -5659,9 +5172,9 @@ function ImageEditor({ editor }) {
           )
         ] })
       ] }),
-      replacement && /* @__PURE__ */ jsx("button", { type: "button", className: "rk-btn rk-btn-ghost", onClick: clearReplacement, children: "Remove replacement" }),
-      /* @__PURE__ */ jsx("input", { ref: fileInput, type: "file", accept: "image/*", hidden: true, onChange: onPick }),
-      /* @__PURE__ */ jsx(
+      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",
@@ -5671,39 +5184,43 @@ function ImageEditor({ editor }) {
           rows: 2
         }
       ),
-      /* @__PURE__ */ jsxs("div", { className: "rk-seg", role: "group", "aria-label": "Priority", children: [
-        /* @__PURE__ */ jsx("button", { type: "button", "aria-pressed": priority === "must", onClick: () => setPriority("must"), children: "Must" }),
-        /* @__PURE__ */ jsx("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__ */ jsxs("div", { className: "rk-card-foot", children: [
-      /* @__PURE__ */ jsxs("span", { className: "rk-hint", children: [
-        /* @__PURE__ */ jsx("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__ */ jsxs("div", { className: "rk-actions", children: [
-        /* @__PURE__ */ jsx("button", { type: "button", className: "rk-btn rk-btn-ghost", onClick: () => dispatch({ type: "CLOSE_EDITOR" }), children: "Cancel" }),
-        /* @__PURE__ */ jsx("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 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] = useState(() => editor.element.innerText);
-  const [priority, setPriority] = useState("nice");
-  const [note, setNote] = useState("");
-  const original = useRef(null);
-  const baseline = useRef(null);
-  const [sizeDelta, setSizeDelta] = useState(0);
-  const [widthDelta, setWidthDelta] = useState(0);
-  const [clipped, setClipped] = useState(false);
-  const ringRef = useRef(null);
-  const afterRef = useRef(null);
+  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] = 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;
-  useEffect(() => {
+  useEffect8(() => {
     const el = element;
     original.current = { html: el.innerHTML, text: el.innerText, styleAttr: el.getAttribute("style") };
     const rect = el.getBoundingClientRect();
@@ -5733,8 +5250,8 @@ function InlineEditor({ editor }) {
       }
     };
   }, [element]);
-  const focusedOnce = useRef(false);
-  useEffect(() => {
+  const focusedOnce = useRef8(false);
+  useEffect8(() => {
     const field = afterRef.current;
     if (pos === null || focusedOnce.current || !field) return;
     focusedOnce.current = true;
@@ -5742,7 +5259,7 @@ function InlineEditor({ editor }) {
     const end = field.value.length;
     field.setSelectionRange(end, end);
   }, [pos]);
-  useEffect(() => {
+  useEffect8(() => {
     const field = afterRef.current;
     if (!field) return;
     field.style.height = "auto";
@@ -5752,7 +5269,7 @@ function InlineEditor({ editor }) {
     setAfter(value);
     if (element.innerText !== value) setElementText(element, value);
   };
-  useEffect(() => {
+  useEffect8(() => {
     let raf = 0;
     let lastDelta = 0;
     let lastWidth = 0;
@@ -5822,7 +5339,7 @@ function InlineEditor({ editor }) {
       cancel();
     }
   };
-  useEffect(() => {
+  useEffect8(() => {
     const el = element;
     const onKeyDown = (event) => {
       if (event.key === "Enter" && !event.shiftKey) {
@@ -5840,19 +5357,19 @@ function InlineEditor({ editor }) {
   });
   const before = original.current?.text ?? "";
   const delta = after.length - before.length;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { ref: ringRef, className: "rk-edit-ring" }),
-    /* @__PURE__ */ jsxs("div", { ref, className: "rk-card", style: anchoredStyle(pos), role: "dialog", "aria-label": "Rewrite text", children: [
-      /* @__PURE__ */ jsxs("div", { className: "rk-card-head", children: [
-        /* @__PURE__ */ jsx(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__ */ jsx("span", { className: "rk-spacer" }),
-        /* @__PURE__ */ jsxs("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__ */ jsxs("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,
@@ -5860,15 +5377,15 @@ function InlineEditor({ editor }) {
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "rk-card-body", children: [
-        /* @__PURE__ */ jsxs("div", { className: "rk-diff", "aria-label": "Before and after", children: [
-          /* @__PURE__ */ jsxs("div", { className: "rk-diff-row rk-diff-before", children: [
-            /* @__PURE__ */ jsx("span", { className: "rk-diff-tag", children: "Before" }),
-            /* @__PURE__ */ jsx("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__ */ jsxs("div", { className: "rk-diff-row rk-diff-after", children: [
-            /* @__PURE__ */ jsx("span", { className: "rk-diff-tag", children: "After" }),
-            /* @__PURE__ */ jsx(
+          /* @__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,
@@ -5882,11 +5399,11 @@ function InlineEditor({ editor }) {
             )
           ] })
         ] }),
-        (Math.abs(sizeDelta) > 2 || Math.abs(widthDelta) > 4 || clipped) && /* @__PURE__ */ jsxs("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__ */ jsxs("span", { children: [
+            return /* @__PURE__ */ jsxs9("span", { children: [
               "Block ",
               sizeDelta > 0 ? "grew" : "shrank",
               " by ",
@@ -5896,16 +5413,16 @@ function InlineEditor({ editor }) {
               " \u2014 as it would with this text live."
             ] });
           })(),
-          Math.abs(sizeDelta) <= 2 && Math.abs(widthDelta) > 4 && /* @__PURE__ */ jsxs("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__ */ jsx("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__ */ jsx(
+        /* @__PURE__ */ jsx10(
           "input",
           {
             className: "rk-input",
@@ -5914,29 +5431,33 @@ function InlineEditor({ editor }) {
             onChange: (event) => setNote(event.target.value)
           }
         ),
-        /* @__PURE__ */ jsxs("div", { className: "rk-seg", role: "group", "aria-label": "Priority", children: [
-          /* @__PURE__ */ jsx("button", { type: "button", "aria-pressed": priority === "must", onClick: () => setPriority("must"), children: "Must" }),
-          /* @__PURE__ */ jsx("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__ */ jsxs("div", { className: "rk-card-foot", children: [
-        /* @__PURE__ */ jsxs("span", { className: "rk-hint", children: [
-          /* @__PURE__ */ jsx("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__ */ jsx("span", { className: "rk-kbd", children: "\u21E7\u21B5" }),
+          /* @__PURE__ */ jsx10("span", { className: "rk-kbd", children: "\u21E7\u21B5" }),
           " newline \xB7",
           " ",
-          /* @__PURE__ */ jsx("span", { className: "rk-kbd", children: "esc" }),
+          /* @__PURE__ */ jsx10("span", { className: "rk-kbd", children: "esc" }),
           " cancel"
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "rk-actions", children: [
-          /* @__PURE__ */ jsx("button", { type: "button", className: "rk-btn rk-btn-ghost", onClick: cancel, children: "Cancel" }),
-          /* @__PURE__ */ jsx("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" })
         ] })
       ] })
     ] })
   ] });
 }
+
+// src/client/components/NoteComposer.tsx
+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",
@@ -5952,14 +5473,14 @@ var PLACEHOLDERS = {
 function NoteComposer({ editor }) {
   const dispatch = useDispatch();
   const { route, session } = useStore();
-  const [text, setText] = useState("");
-  const [direction, setDirection] = useState(void 0);
-  const [priority, setPriority] = useState("nice");
-  const textareaRef = useRef(null);
+  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 = useRef(false);
-  useEffect(() => {
+  const focusedOnce = useRef9(false);
+  useEffect9(() => {
     const field = textareaRef.current;
     if (pos === null || focusedOnce.current || !field) return;
     focusedOnce.current = true;
@@ -6018,13 +5539,13 @@ function NoteComposer({ editor }) {
       save();
     }
   };
-  return /* @__PURE__ */ jsxs("div", { ref, className: "rk-card", style: anchoredStyle(pos), role: "dialog", "aria-label": TITLES[kind], children: [
-    /* @__PURE__ */ jsxs("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__ */ jsxs("div", { className: "rk-card-body", children: [
-      kind === "move" && /* @__PURE__ */ jsx("div", { className: "rk-seg", role: "group", "aria-label": "Direction", children: ["up", "down", "first", "last"].map((option) => /* @__PURE__ */ jsx(
+    /* @__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",
@@ -6034,7 +5555,7 @@ function NoteComposer({ editor }) {
         },
         option
       )) }),
-      /* @__PURE__ */ jsx(
+      /* @__PURE__ */ jsx11(
         "textarea",
         {
           ref: textareaRef,
@@ -6046,25 +5567,29 @@ function NoteComposer({ editor }) {
           rows: 3
         }
       ),
-      /* @__PURE__ */ jsxs("div", { className: "rk-seg", role: "group", "aria-label": "Priority", children: [
-        /* @__PURE__ */ jsx("button", { type: "button", "aria-pressed": priority === "must", onClick: () => setPriority("must"), children: "Must" }),
-        /* @__PURE__ */ jsx("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__ */ jsxs("div", { className: "rk-card-foot", children: [
-      /* @__PURE__ */ jsxs("span", { className: "rk-hint", children: [
-        /* @__PURE__ */ jsx("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__ */ jsx("span", { className: "rk-kbd", children: "esc" }),
+        /* @__PURE__ */ jsx11("span", { className: "rk-kbd", children: "esc" }),
         " cancel"
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: "rk-actions", children: [
-        /* @__PURE__ */ jsx("button", { type: "button", className: "rk-btn rk-btn-ghost", onClick: () => dispatch({ type: "CLOSE_EDITOR" }), children: "Cancel" }),
-        /* @__PURE__ */ jsx("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 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)) {
@@ -6146,24 +5671,24 @@ function formatBytes(bytes) {
 function CopyDiff({ before, after }) {
   const parts = diffParts(before, after);
   const delta = after.length - before.length;
-  return /* @__PURE__ */ jsxs("div", { className: "rk-diffview", children: [
-    /* @__PURE__ */ jsxs("div", { className: "rk-diff-row rk-diff-before", children: [
-      /* @__PURE__ */ jsx("span", { className: "rk-diff-tag", children: "Before" }),
-      /* @__PURE__ */ jsxs("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__ */ jsx("mark", { className: "rk-del", children: parts.delMid }),
+        parts.delMid && /* @__PURE__ */ jsx12("mark", { className: "rk-del", children: parts.delMid }),
         parts.suffix
       ] })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "rk-diff-row rk-diff-after", children: [
-      /* @__PURE__ */ jsx("span", { className: "rk-diff-tag", children: "After" }),
-      /* @__PURE__ */ jsxs("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__ */ jsx("mark", { className: "rk-ins", children: parts.insMid }),
+        parts.insMid && /* @__PURE__ */ jsx12("mark", { className: "rk-ins", children: parts.insMid }),
         parts.suffix
       ] })
     ] }),
-    /* @__PURE__ */ jsxs("div", { className: "rk-diff-len", children: [
+    /* @__PURE__ */ jsxs11("div", { className: "rk-diff-len", children: [
       before.length,
       " \u2192 ",
       after.length,
@@ -6174,8 +5699,8 @@ function CopyDiff({ before, after }) {
 }
 function ImageDetail({ beforeSrc, afterSrc, afterDataUrl }) {
   const replacement = afterDataUrl ?? afterSrc;
-  const [dims, setDims] = useState("");
-  useEffect(() => {
+  const [dims, setDims] = useState9("");
+  useEffect10(() => {
     if (!replacement) return;
     const img = new Image();
     img.onload = () => setDims(`${img.naturalWidth}\xD7${img.naturalHeight}px`);
@@ -6200,55 +5725,67 @@ function ImageDetail({ beforeSrc, afterSrc, afterDataUrl }) {
       window.open(replacement, "_blank", "noopener");
     }
   };
-  return /* @__PURE__ */ jsxs("div", { className: "rk-imgdetail", children: [
-    /* @__PURE__ */ jsxs("div", { className: "rk-thumbs", children: [
-      /* @__PURE__ */ jsxs("figure", { className: "rk-thumb", children: [
-        beforeSrc ? /* @__PURE__ */ jsx("img", { src: beforeSrc, alt: "Current" }) : /* @__PURE__ */ jsx("div", { className: "rk-thumb-missing", children: "no image" }),
-        /* @__PURE__ */ jsx("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__ */ jsxs("figure", { className: "rk-thumb", children: [
-        /* @__PURE__ */ jsx("img", { src: replacement, alt: "Proposed replacement" }),
-        /* @__PURE__ */ jsxs("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__ */ jsxs("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__ */ jsx("a", { className: "rk-imgdetail-url", href: afterSrc, target: "_blank", rel: "noopener noreferrer", title: afterSrc, children: afterSrc }),
-    /* @__PURE__ */ jsxs("div", { className: "rk-imgdetail-actions", children: [
-      /* @__PURE__ */ jsxs("button", { type: "button", className: "rk-btn rk-btn-ghost", onClick: () => void download(), children: [
-        /* @__PURE__ */ jsx(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__ */ jsx("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] = useState(() => isStickyEnabled(config.token));
-  const [query, setQuery] = useState("");
-  const [typeFilter, setTypeFilter] = useState(/* @__PURE__ */ new Set());
-  const [prioFilter, setPrioFilter] = useState(/* @__PURE__ */ new Set());
-  const [statusFilter, setStatusFilter] = useState(/* @__PURE__ */ new Set());
-  const [filterOpen, setFilterOpen] = useState(false);
-  const [settingsOpen, setSettingsOpen] = useState(false);
-  const [emblemaAlive, setEmblemaAlive] = useState(null);
-  const [emblemaSending, setEmblemaSending] = useState(false);
-  const [emblemaSync, setEmblemaSync] = useState("unknown");
-  const panelRef = useRef(null);
-  const searchRef = useRef(null);
-  const importRef = useRef(null);
-  const sheetDrag = useRef(null);
-  const items = useMemo(() => session?.items ?? [], [session]);
-  const { orphanIds, hiddenIds } = useMemo(() => {
+  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);
+  const sheetDrag = useRef10(null);
+  const items = useMemo3(() => session?.items ?? [], [session]);
+  const { orphanIds, hiddenIds } = useMemo3(() => {
     const orphans = /* @__PURE__ */ new Set();
     const hiddens = /* @__PURE__ */ new Set();
     for (const item of items) {
@@ -6259,15 +5796,15 @@ function Panel() {
     }
     return { orphanIds: orphans, hiddenIds: hiddens };
   }, [items, panelOpen]);
-  const activeFilter = useMemo(
+  const activeFilter = useMemo3(
     () => typeFilter.size + prioFilter.size + statusFilter.size > 0 ? { types: [...typeFilter], priorities: [...prioFilter], statuses: [...statusFilter] } : null,
     [typeFilter, prioFilter, statusFilter]
   );
-  useEffect(() => {
+  useEffect10(() => {
     dispatch({ type: "SET_FILTER", filter: activeFilter });
     return () => dispatch({ type: "SET_FILTER", filter: null });
   }, [activeFilter, dispatch]);
-  const filtered = useMemo(() => {
+  const filtered = useMemo3(() => {
     const q = query.trim().toLowerCase();
     return items.map((item, index) => ({ item, number: index + 1 })).filter(({ item }) => {
       if (!itemMatchesFilter(item, activeFilter)) return false;
@@ -6276,22 +5813,22 @@ function Panel() {
       return haystack.includes(q);
     });
   }, [items, query, activeFilter]);
-  const typeCounts = useMemo(() => {
+  const typeCounts = useMemo3(() => {
     const counts = /* @__PURE__ */ new Map();
     for (const item of items) counts.set(item.type, (counts.get(item.type) ?? 0) + 1);
     return counts;
   }, [items]);
-  const prioCounts = useMemo(() => {
+  const prioCounts = useMemo3(() => {
     const counts = /* @__PURE__ */ new Map();
     for (const item of items) counts.set(item.priority, (counts.get(item.priority) ?? 0) + 1);
     return counts;
   }, [items]);
-  const statusCounts = useMemo(() => {
+  const statusCounts = useMemo3(() => {
     const counts = /* @__PURE__ */ new Map();
     for (const item of items) counts.set(item.status, (counts.get(item.status) ?? 0) + 1);
     return counts;
   }, [items]);
-  const groups = useMemo(() => {
+  const groups = useMemo3(() => {
     const map = /* @__PURE__ */ new Map();
     for (const entry of filtered) {
       const list = map.get(entry.item.route) ?? [];
@@ -6300,7 +5837,7 @@ function Panel() {
     }
     return Array.from(map.entries());
   }, [filtered]);
-  useEffect(() => {
+  useEffect10(() => {
     if (!filterOpen && !settingsOpen) return;
     const onDown = (event) => {
       const path = event.composedPath();
@@ -6311,7 +5848,7 @@ function Panel() {
     document.addEventListener("pointerdown", onDown, true);
     return () => document.removeEventListener("pointerdown", onDown, true);
   }, [filterOpen, settingsOpen]);
-  useEffect(() => {
+  useEffect10(() => {
     if (!settingsOpen) return;
     let alive = true;
     const probe = () => {
@@ -6335,7 +5872,7 @@ function Panel() {
     live: "paired",
     off: "not paired"
   }[emblemaPairState];
-  useEffect(() => {
+  useEffect10(() => {
     if (!panelOpen || activeItemId === null) return;
     const row = panelRef.current?.querySelector(`[data-item-id="${activeItemId}"]`);
     row?.scrollIntoView({ block: "nearest" });
@@ -6366,11 +5903,11 @@ function Panel() {
       if (focusable.length === 0) return;
       const first = focusable[0];
       const last = focusable[focusable.length - 1];
-      const active2 = panel.getRootNode() instanceof ShadowRoot ? panel.getRootNode().activeElement : document.activeElement;
-      if (event.shiftKey && active2 === first) {
+      const active = panel.getRootNode() instanceof ShadowRoot ? panel.getRootNode().activeElement : document.activeElement;
+      if (event.shiftKey && active === first) {
         event.preventDefault();
         last.focus();
-      } else if (!event.shiftKey && active2 === last) {
+      } else if (!event.shiftKey && active === last) {
         event.preventDefault();
         first.focus();
       }
@@ -6451,7 +5988,7 @@ function Panel() {
     panel.style.transform = "";
     if (dy > 110) dispatch({ type: "SET_PANEL", open: false });
   };
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs11(
     "div",
     {
       ref: panelRef,
@@ -6461,7 +5998,7 @@ function Panel() {
       "aria-label": "Review feedback panel",
       onKeyDown,
       children: [
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx12(
           "div",
           {
             className: "rk-sheet-handle",
@@ -6472,34 +6009,41 @@ function Panel() {
             onPointerCancel: onSheetHandleUp
           }
         ),
-        /* @__PURE__ */ jsxs("div", { className: "rk-panel-head", children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("div", { className: "rk-panel-title", children: "Feedback" }),
-            /* @__PURE__ */ jsxs("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__ */ jsxs("span", { className: `rk-sync rk-sync-${syncStatus}`, children: [
-                /* @__PURE__ */ jsx("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__ */ jsxs(
+              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__ */ jsx("span", { className: "rk-sync-dot" }),
-                    emblemaPush === "ok" ? "emblema" : emblemaPush === "sending" ? "emblema\u2026" : "emblema offline"
+                    /* @__PURE__ */ jsx12("span", { className: "rk-sync-dot" }),
+                    emblemaPush === "ok" ? "emblema" : emblemaPush === "sending" ? "emblema\u2026" : emblemaPush === "rejected" ? "emblema rejected" : "emblema offline"
                   ]
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsx("span", { className: "rk-spacer" }),
-          /* @__PURE__ */ jsxs("div", { className: "rk-menu-scope rk-menu-anchor", children: [
-            /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx12("span", { className: "rk-spacer" }),
+          /* @__PURE__ */ jsxs11("div", { className: "rk-menu-scope rk-menu-anchor", children: [
+            /* @__PURE__ */ jsx12(
               "button",
               {
                 type: "button",
@@ -6515,11 +6059,11 @@ function Panel() {
                     void pingEmblema(config.emblema).then((port) => setEmblemaAlive(port !== null));
                   }
                 },
-                children: /* @__PURE__ */ jsx(IconGear, { size: 15 })
+                children: /* @__PURE__ */ jsx12(IconGear, { size: 15 })
               }
             ),
-            settingsOpen && /* @__PURE__ */ jsxs("div", { className: "rk-menu", role: "menu", "aria-label": "Session settings", children: [
-              /* @__PURE__ */ jsxs(
+            settingsOpen && /* @__PURE__ */ jsxs11("div", { className: "rk-menu", role: "menu", "aria-label": "Session settings", children: [
+              config.token && /* @__PURE__ */ jsxs11(
                 "button",
                 {
                   type: "button",
@@ -6534,12 +6078,12 @@ function Panel() {
                     toast(dispatch, next ? "Review stays on in this tab" : "Review active only via the link", "info");
                   },
                   children: [
-                    /* @__PURE__ */ jsx("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__ */ jsxs(
+              config.emblema && /* @__PURE__ */ jsxs11(
                 "button",
                 {
                   type: "button",
@@ -6569,7 +6113,7 @@ function Panel() {
                     }).finally(() => setEmblemaSending(false));
                   },
                   children: [
-                    /* @__PURE__ */ jsx(
+                    /* @__PURE__ */ jsx12(
                       "span",
                       {
                         className: "rk-emblema-dot",
@@ -6580,25 +6124,40 @@ function Panel() {
                   ]
                 }
               ),
-              /* @__PURE__ */ jsxs(
+              /* @__PURE__ */ jsxs11(
                 "button",
                 {
                   type: "button",
                   role: "menuitem",
                   className: "rk-menu-item",
-                  title: emblemaPairState === "stale" ? "The local sync agent is not answering \u2014 run `npx reviewkit-emblema 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__ */ jsx("span", { className: "rk-emblema-dot", "data-state": emblemaPairState }),
+                    /* @__PURE__ */ jsx12("span", { className: "rk-emblema-dot", "data-state": emblemaPairState }),
                     "Connect to Emblema\u2026",
-                    /* @__PURE__ */ jsx("span", { className: "rk-menu-count", children: emblemaPairLabel })
+                    /* @__PURE__ */ jsx12("span", { className: "rk-menu-count", children: emblemaPairLabel })
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx(
+              /* @__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",
@@ -6611,31 +6170,31 @@ function Panel() {
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx12(
             "button",
             {
               type: "button",
               className: "rk-icon-btn",
               "aria-label": "Keyboard shortcuts",
               onClick: () => dispatch({ type: "SET_CHEATSHEET", open: true }),
-              children: /* @__PURE__ */ jsx(IconKeyboard, { size: 15 })
+              children: /* @__PURE__ */ jsx12(IconKeyboard, { size: 15 })
             }
           ),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx12(
             "button",
             {
               type: "button",
               className: "rk-icon-btn",
               "aria-label": "Close panel",
               onClick: () => dispatch({ type: "SET_PANEL", open: false }),
-              children: /* @__PURE__ */ jsx(IconClose, { size: 14 })
+              children: /* @__PURE__ */ jsx12(IconClose, { size: 14 })
             }
           )
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "rk-view-row", children: [
-          /* @__PURE__ */ jsx("div", { className: "rk-view-info", children: /* @__PURE__ */ jsx("div", { className: "rk-view-title", children: "Page view" }) }),
-          /* @__PURE__ */ jsxs("div", { className: "rk-seg rk-view-toggle", role: "group", "aria-label": "Page view (P to toggle)", children: [
-            /* @__PURE__ */ jsx(
+        /* @__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",
@@ -6645,7 +6204,7 @@ function Panel() {
                 children: "Original"
               }
             ),
-            /* @__PURE__ */ jsx(
+            /* @__PURE__ */ jsx12(
               "button",
               {
                 type: "button",
@@ -6657,8 +6216,8 @@ function Panel() {
             )
           ] })
         ] }),
-        /* @__PURE__ */ jsxs("div", { className: "rk-panel-tools", children: [
-          /* @__PURE__ */ jsxs(
+        /* @__PURE__ */ jsxs11("div", { className: "rk-panel-tools", children: [
+          /* @__PURE__ */ jsxs11(
             "button",
             {
               type: "button",
@@ -6669,15 +6228,15 @@ function Panel() {
                 dispatch({ type: "SET_MODE", mode: "pick" });
               },
               children: [
-                /* @__PURE__ */ jsx(IconTarget, { size: 14 }),
+                /* @__PURE__ */ jsx12(IconTarget, { size: 14 }),
                 " Pick an element"
               ]
             }
           ),
-          /* @__PURE__ */ jsxs("div", { className: "rk-search-row", children: [
-            /* @__PURE__ */ jsxs("div", { className: "rk-search", children: [
-              /* @__PURE__ */ jsx(IconSearch, { size: 13 }),
-              /* @__PURE__ */ jsx(
+          /* @__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,
@@ -6689,8 +6248,8 @@ function Panel() {
                 }
               )
             ] }),
-            /* @__PURE__ */ jsxs("div", { className: "rk-menu-scope rk-menu-anchor", children: [
-              /* @__PURE__ */ jsxs(
+            /* @__PURE__ */ jsxs11("div", { className: "rk-menu-scope rk-menu-anchor", children: [
+              /* @__PURE__ */ jsxs11(
                 "button",
                 {
                   type: "button",
@@ -6702,15 +6261,15 @@ function Panel() {
                     setSettingsOpen(false);
                   },
                   children: [
-                    /* @__PURE__ */ jsx(IconFilter, { size: 13 }),
+                    /* @__PURE__ */ jsx12(IconFilter, { size: 13 }),
                     "Filter",
-                    typeFilter.size + prioFilter.size + statusFilter.size > 0 && /* @__PURE__ */ jsx("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__ */ jsxs("div", { className: "rk-menu", role: "menu", "aria-label": "Filter items", children: [
-                /* @__PURE__ */ jsx("div", { className: "rk-menu-title", children: "Type" }),
-                TYPE_FILTERS.map((type) => /* @__PURE__ */ jsxs(
+              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",
@@ -6724,16 +6283,16 @@ function Panel() {
                       setTypeFilter(next);
                     },
                     children: [
-                      /* @__PURE__ */ jsx("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__ */ jsx("span", { className: "rk-menu-label", children: type }),
-                      /* @__PURE__ */ jsx("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__ */ jsx("div", { className: "rk-menu-title", children: "Priority" }),
-                PRIORITY_FILTERS.map((priority) => /* @__PURE__ */ jsxs(
+                /* @__PURE__ */ jsx12("div", { className: "rk-menu-title", children: "Priority" }),
+                PRIORITY_FILTERS.map((priority) => /* @__PURE__ */ jsxs11(
                   "button",
                   {
                     type: "button",
@@ -6747,15 +6306,15 @@ function Panel() {
                       setPrioFilter(next);
                     },
                     children: [
-                      /* @__PURE__ */ jsx("span", { className: `rk-menu-check${prioFilter.has(priority) ? " rk-on" : ""}` }),
-                      /* @__PURE__ */ jsx("span", { className: "rk-menu-label", children: PRIORITY_LABELS[priority] }),
-                      /* @__PURE__ */ jsx("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__ */ jsx("div", { className: "rk-menu-title", children: "Status" }),
-                STATUSES.map((status) => /* @__PURE__ */ jsxs(
+                /* @__PURE__ */ jsx12("div", { className: "rk-menu-title", children: "Status" }),
+                STATUSES.map((status) => /* @__PURE__ */ jsxs11(
                   "button",
                   {
                     type: "button",
@@ -6769,15 +6328,15 @@ function Panel() {
                       setStatusFilter(next);
                     },
                     children: [
-                      /* @__PURE__ */ jsx("span", { className: `rk-menu-check${statusFilter.has(status) ? " rk-on" : ""}` }),
-                      /* @__PURE__ */ jsx("span", { className: `rk-status-dot rk-st-${status}` }),
-                      /* @__PURE__ */ jsx("span", { className: "rk-menu-label", children: status }),
-                      /* @__PURE__ */ jsx("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__ */ jsx(
+                /* @__PURE__ */ jsx12(
                   "button",
                   {
                     type: "button",
@@ -6797,28 +6356,28 @@ function Panel() {
             ] })
           ] })
         ] }),
-        preview && unapplied > 0 && /* @__PURE__ */ jsxs("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__ */ jsx("div", { className: "rk-panel-list", children: filtered.length === 0 ? /* @__PURE__ */ jsxs("div", { className: "rk-empty", children: [
-          /* @__PURE__ */ jsx("div", { className: "rk-empty-art", children: /* @__PURE__ */ jsx(IconTarget, { size: 22 }) }),
-          /* @__PURE__ */ jsx("div", { className: "rk-empty-title", children: items.length === 0 ? "Nothing here yet" : "No matches" }),
-          /* @__PURE__ */ jsx("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__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("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 active2 = item.id === activeItemId;
+            const active = item.id === activeItemId;
             const orphan = orphanIds.has(item.id);
             const hiddenEl = hiddenIds.has(item.id);
-            return /* @__PURE__ */ jsxs("div", { children: [
-              /* @__PURE__ */ jsxs(
+            return /* @__PURE__ */ jsxs11("div", { children: [
+              /* @__PURE__ */ jsxs11(
                 "div",
                 {
                   "data-item-id": item.id,
-                  className: `rk-item${active2 ? " rk-active" : ""}${orphan ? " rk-orphan" : ""}`,
+                  className: `rk-item${active ? " rk-active" : ""}${orphan ? " rk-orphan" : ""}`,
                   role: "button",
                   tabIndex: 0,
                   onClick: () => jumpTo(item),
@@ -6829,18 +6388,18 @@ function Panel() {
                     }
                   },
                   children: [
-                    /* @__PURE__ */ jsx("span", { className: "rk-item-num", children: number }),
-                    /* @__PURE__ */ jsx("span", { className: "rk-item-icon", children: iconForType(item.type) }),
-                    /* @__PURE__ */ jsxs("span", { className: "rk-item-body", children: [
-                      /* @__PURE__ */ jsxs("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__ */ jsx("span", { className: "rk-item-change", children: changeSummary(item) }),
-                      /* @__PURE__ */ jsxs("span", { className: "rk-item-meta", children: [
-                        /* @__PURE__ */ jsxs("span", { className: "rk-author", title: new Date(item.createdAt).toLocaleString(), children: [
-                          /* @__PURE__ */ jsx(
+                      /* @__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",
@@ -6848,15 +6407,15 @@ function Panel() {
                             }
                           ),
                           item.author?.name ?? "Unknown",
-                          /* @__PURE__ */ jsxs("span", { className: "rk-time", children: [
+                          /* @__PURE__ */ jsxs11("span", { className: "rk-time", children: [
                             " \xB7 ",
                             timeAgo(item.createdAt)
                           ] })
                         ] }),
-                        item.priority === "must" && /* @__PURE__ */ jsx("span", { className: "rk-badge-mini rk-must", children: "must" }),
-                        item.status !== "open" && /* @__PURE__ */ jsx("span", { className: `rk-badge-mini rk-${item.status}`, children: item.status }),
-                        orphan && /* @__PURE__ */ jsx("span", { className: "rk-badge-mini rk-orphaned", children: "unanchored" }),
-                        hiddenEl && /* @__PURE__ */ jsx(
+                        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",
@@ -6864,14 +6423,14 @@ function Panel() {
                             children: "hidden"
                           }
                         ),
-                        item.note && /* @__PURE__ */ jsx("span", { className: "rk-badge-mini", children: "note" }),
-                        peers.filter((peer) => peer.typingActive && peer.typingItemId === item.id).map((peer) => /* @__PURE__ */ jsxs("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__ */ jsx("span", { className: "rk-item-actions", children: /* @__PURE__ */ jsx(
+                    /* @__PURE__ */ jsx12("span", { className: "rk-item-actions", children: /* @__PURE__ */ jsx12(
                       "button",
                       {
                         type: "button",
@@ -6886,15 +6445,15 @@ function Panel() {
                             "info"
                           );
                         },
-                        children: /* @__PURE__ */ jsx(IconTrash, { size: 13 })
+                        children: /* @__PURE__ */ jsx12(IconTrash, { size: 13 })
                       }
                     ) })
                   ]
                 }
               ),
-              active2 && /* @__PURE__ */ jsxs("div", { className: "rk-item-edit", children: [
-                /* @__PURE__ */ jsxs("div", { className: "rk-detail-byline", title: new Date(item.createdAt).toLocaleString(), children: [
-                  /* @__PURE__ */ jsx(
+              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",
@@ -6905,8 +6464,8 @@ function Panel() {
                   " \xB7 ",
                   timeAgo(item.createdAt)
                 ] }),
-                isCopyItem(item) && /* @__PURE__ */ jsx(CopyDiff, { before: item.payload.before, after: item.payload.after }),
-                isImageItem(item) && /* @__PURE__ */ jsx(
+                isCopyItem(item) && /* @__PURE__ */ jsx12(CopyDiff, { before: item.payload.before, after: item.payload.after }),
+                isImageItem(item) && /* @__PURE__ */ jsx12(
                   ImageDetail,
                   {
                     beforeSrc: item.payload.beforeSrc,
@@ -6914,7 +6473,7 @@ function Panel() {
                     afterDataUrl: item.payload.afterDataUrl
                   }
                 ),
-                isKnownItemType(item.type) && item.type !== "move" && /* @__PURE__ */ jsx(
+                isKnownItemType(item.type) && item.type !== "move" && /* @__PURE__ */ jsx12(
                   "textarea",
                   {
                     className: "rk-textarea",
@@ -6924,7 +6483,7 @@ function Panel() {
                     onChange: (event) => dispatch({ type: "UPDATE_ITEM", id: item.id, patch: withPayloadText(item, event.target.value) })
                   }
                 ),
-                /* @__PURE__ */ jsx(
+                /* @__PURE__ */ jsx12(
                   "input",
                   {
                     className: "rk-input",
@@ -6934,9 +6493,9 @@ function Panel() {
                     onChange: (event) => dispatch({ type: "UPDATE_ITEM", id: item.id, patch: { note: event.target.value } })
                   }
                 ),
-                /* @__PURE__ */ jsxs("div", { style: { display: "flex", gap: 8, flexWrap: "wrap" }, children: [
-                  /* @__PURE__ */ jsxs("div", { className: "rk-seg", role: "group", "aria-label": "Priority", children: [
-                    /* @__PURE__ */ jsx(
+                /* @__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",
@@ -6945,7 +6504,7 @@ function Panel() {
                         children: "Must"
                       }
                     ),
-                    /* @__PURE__ */ jsx(
+                    /* @__PURE__ */ jsx12(
                       "button",
                       {
                         type: "button",
@@ -6955,7 +6514,7 @@ function Panel() {
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsx("div", { className: "rk-seg", role: "group", "aria-label": "Status", children: STATUSES.map((status) => /* @__PURE__ */ jsx(
+                  /* @__PURE__ */ jsx12("div", { className: "rk-seg", role: "group", "aria-label": "Status", children: STATUSES.map((status) => /* @__PURE__ */ jsx12(
                     "button",
                     {
                       type: "button",
@@ -6970,22 +6529,22 @@ function Panel() {
             ] }, item.id);
           })
         ] }, route)) }),
-        /* @__PURE__ */ jsxs("div", { className: "rk-panel-foot", children: [
-          /* @__PURE__ */ jsxs("button", { type: "button", className: "rk-btn rk-btn-ghost", onClick: onExport, disabled: items.length === 0, children: [
-            /* @__PURE__ */ jsx(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__ */ jsxs("button", { type: "button", className: "rk-btn rk-btn-ghost", onClick: () => void onCopy(), disabled: items.length === 0, children: [
-            /* @__PURE__ */ jsx(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__ */ jsxs("button", { type: "button", className: "rk-btn rk-btn-ghost", onClick: () => importRef.current?.click(), children: [
-            /* @__PURE__ */ jsx(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__ */ jsx("span", { className: "rk-spacer" }),
-          undoStack.length > 0 && /* @__PURE__ */ jsx("button", { type: "button", className: "rk-icon-btn", "aria-label": "Undo last change (\u2318Z)", onClick: () => dispatch({ type: "UNDO" }), children: /* @__PURE__ */ jsx(IconUndo, { size: 14 }) }),
-          /* @__PURE__ */ jsx(
+          /* @__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",
@@ -6996,7 +6555,7 @@ function Panel() {
               children: "Clear"
             }
           ),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx12(
             "button",
             {
               type: "button",
@@ -7006,7 +6565,7 @@ function Panel() {
               children: "Exit review"
             }
           ),
-          /* @__PURE__ */ jsx(
+          /* @__PURE__ */ jsx12(
             "input",
             {
               ref: importRef,
@@ -7025,6 +6584,10 @@ function Panel() {
     }
   );
 }
+
+// src/client/components/Presence.tsx
+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";
@@ -7034,8 +6597,8 @@ function initials(name) {
 function PresenceStrip() {
   const { peers, syncStatus } = useStore();
   if (syncStatus === "disabled" || peers.length === 0) return null;
-  return /* @__PURE__ */ jsxs("div", { className: "rk-presence", "aria-label": `${peers.length} reviewer${peers.length === 1 ? "" : "s"} online`, children: [
-    peers.slice(0, 5).map((peer) => /* @__PURE__ */ jsx(
+  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",
@@ -7045,7 +6608,7 @@ function PresenceStrip() {
       },
       peer.id
     )),
-    peers.length > 5 && /* @__PURE__ */ jsxs("span", { className: "rk-avatar rk-avatar-more", children: [
+    peers.length > 5 && /* @__PURE__ */ jsxs12("span", { className: "rk-avatar rk-avatar-more", children: [
       "+",
       peers.length - 5
     ] })
@@ -7053,13 +6616,13 @@ function PresenceStrip() {
 }
 function PeerCursors() {
   const { peers } = useStore();
-  const ringRefs = useRef(/* @__PURE__ */ new Map());
-  const cursorRefs = useRef(/* @__PURE__ */ new Map());
-  const motion = useRef(
+  const ringRefs = useRef11(/* @__PURE__ */ new Map());
+  const cursorRefs = useRef11(/* @__PURE__ */ new Map());
+  const motion = useRef11(
     /* @__PURE__ */ new Map()
   );
-  const peersRef = useRef(peers);
-  const seen = useRef(/* @__PURE__ */ new Map());
+  const peersRef = useRef11(peers);
+  const seen = useRef11(/* @__PURE__ */ new Map());
   for (const peer of peers) {
     const sig = peer.cursor ? `${peer.cursor.x},${peer.cursor.y},${peer.cursor.ox},${peer.cursor.oy}` : "";
     if (seen.current.get(peer.id) !== sig) {
@@ -7069,7 +6632,7 @@ function PeerCursors() {
     }
   }
   peersRef.current = peers;
-  useEffect(() => {
+  useEffect11(() => {
     const reduced = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
     let raf = 0;
     let last = performance.now();
@@ -7174,8 +6737,8 @@ function PeerCursors() {
     return () => cancelAnimationFrame(raf);
   }, []);
   if (peers.length === 0) return null;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    peers.map((peer) => /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsxs12(Fragment7, { children: [
+    peers.map((peer) => /* @__PURE__ */ jsx13(
       "div",
       {
         ref: (el) => {
@@ -7187,7 +6750,7 @@ function PeerCursors() {
       },
       `ring-${peer.id}`
     )),
-    peers.map((peer, index) => /* @__PURE__ */ jsxs(
+    peers.map((peer, index) => /* @__PURE__ */ jsxs12(
       "div",
       {
         ref: (el) => {
@@ -7197,8 +6760,8 @@ function PeerCursors() {
         className: "rk-peer-cursor",
         style: { opacity: 0 },
         children: [
-          /* @__PURE__ */ jsx("svg", { width: "14", height: "18", viewBox: "0 0 14 18", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M1 1l12 7.5-5.2 1.2L5 16z", fill: peer.color, stroke: "rgba(0,0,0,0.25)", strokeWidth: "1" }) }),
-          /* @__PURE__ */ jsxs(
+          /* @__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",
@@ -7215,17 +6778,21 @@ function PeerCursors() {
     ))
   ] });
 }
+
+// src/client/components/QuickComment.tsx
+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__ */ jsx(QuickComposerCard, { quick }, quick.id);
+  return /* @__PURE__ */ jsx14(QuickComposerCard, { quick }, quick.id);
 }
 function QuickComposerCard({ quick }) {
   const { route, session } = useStore();
   const dispatch = useDispatch();
-  const [text, setText] = useState("");
-  const fieldRef = useRef(null);
-  useEffect(() => {
+  const [text, setText] = useState10("");
+  const fieldRef = useRef12(null);
+  useEffect12(() => {
     const field = fieldRef.current;
     if (!field) return;
     field.focus();
@@ -7242,7 +6809,7 @@ function QuickComposerCard({ quick }) {
       return;
     }
     const command = /^\/(\S+)$/.exec(trimmed);
-    if (command && EFFECTS[command[1]]) {
+    if (command && isEffectCommand(command[1])) {
       try {
         runEffect(command[1], layerRoot);
         sendEffectToRoom(command[1]);
@@ -7278,18 +6845,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__ */ jsxs("div", { className: "rk-quick", style: { transform: `translate3d(${x}px, ${y}px, 0)` }, role: "dialog", "aria-label": "Quick comment", children: [
-    /* @__PURE__ */ jsxs("div", { className: "rk-quick-head", children: [
-      /* @__PURE__ */ jsx(IconComment, { size: 12 }),
-      /* @__PURE__ */ jsx("span", { children: "Comment here" }),
-      /* @__PURE__ */ jsxs("span", { className: "rk-hint", children: [
-        /* @__PURE__ */ jsx("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__ */ jsx("span", { className: "rk-kbd", children: "esc" }),
+        /* @__PURE__ */ jsx14("span", { className: "rk-kbd", children: "esc" }),
         " cancel"
       ] })
     ] }),
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx14(
       "textarea",
       {
         ref: fieldRef,
@@ -7303,6 +6870,10 @@ function QuickComposerCard({ quick }) {
     )
   ] });
 }
+
+// src/client/components/PickLayer.tsx
+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) {
@@ -7317,14 +6888,14 @@ function applyRect(el, rect, pad2 = 3) {
 function PickLayer() {
   const { mode, selection, tool } = useStore();
   const dispatch = useDispatch();
-  const [hovered, setHovered] = useState(null);
-  const outlineRef = useRef(null);
-  const labelRef = useRef(null);
-  const selectRef = useRef(null);
-  const hoveredRef = useRef(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";
-  useEffect(() => {
+  useEffect13(() => {
     if (!picking) {
       setHovered(null);
       return;
@@ -7368,7 +6939,7 @@ function PickLayer() {
       document.removeEventListener("mousedown", swallow, true);
     };
   }, [picking, tool, dispatch]);
-  useEffect(() => {
+  useEffect13(() => {
     if (!picking) return;
     const body = document.body;
     const prev = body.style.cursor;
@@ -7378,7 +6949,7 @@ function PickLayer() {
       if (body.getAttribute("style") === "") body.removeAttribute("style");
     };
   }, [picking, tool]);
-  useEffect(() => {
+  useEffect13(() => {
     let raf = 0;
     const tick = () => {
       const hoverEl = hoveredRef.current;
@@ -7404,17 +6975,21 @@ function PickLayer() {
     raf = requestAnimationFrame(tick);
     return () => cancelAnimationFrame(raf);
   }, [picking, selection]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    picking && /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx("div", { ref: outlineRef, className: "rk-outline", style: { opacity: 0 } }),
-      /* @__PURE__ */ jsx("div", { ref: labelRef, className: "rk-outline-label", style: { opacity: 0 }, children: hovered ? /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx("span", { className: "rk-tag", children: hovered.tagName.toLowerCase() }),
-        /* @__PURE__ */ jsx("span", { children: describeElement(hovered).replace(/^[a-z0-9]+ · /, "") })
-      ] }) : /* @__PURE__ */ jsx("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__ */ jsx("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 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",
@@ -7426,22 +7001,22 @@ var RERESOLVE_MS = 800;
 function Pins() {
   const { session, route, activeItemId, editor, mode, filter } = useStore();
   const dispatch = useDispatch();
-  const [clusters, setClusters] = useState([]);
-  const [orphanCount, setOrphanCount] = useState(0);
-  const wrapRefs = useRef(/* @__PURE__ */ new Map());
-  const visibleCache = useRef(/* @__PURE__ */ new Map());
-  const highlightRef = useRef(null);
-  const hoveredItems = useRef(null);
-  const elementCache = useRef(/* @__PURE__ */ new Map());
-  const lastResolve = useRef(0);
-  const [newestId, setNewestId] = useState(null);
-  const prevCount = useRef(0);
-  const items = useMemo(() => {
+  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] = 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]));
-  useEffect(() => {
+  useEffect14(() => {
     const count = session?.items.length ?? 0;
     if (count > prevCount.current && session && count > 0) {
       const id = session.items[count - 1].id;
@@ -7452,7 +7027,7 @@ function Pins() {
     }
     prevCount.current = count;
   }, [session]);
-  useEffect(() => {
+  useEffect14(() => {
     let raf = 0;
     let lastSignature = "";
     const tick = (time) => {
@@ -7536,8 +7111,8 @@ function Pins() {
     dispatch({ type: "SET_ACTIVE_ITEM", id });
     dispatch({ type: "SET_PANEL", open: true });
   };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("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);
@@ -7547,7 +7122,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__ */ jsx(
+      return /* @__PURE__ */ jsx16(
         "div",
         {
           ref: (el) => {
@@ -7555,7 +7130,7 @@ function Pins() {
             else wrapRefs.current.delete(cluster.key);
           },
           className: `rk-pin-wrap${picking ? " rk-pin-ghost" : ""}`,
-          children: /* @__PURE__ */ jsx(
+          children: /* @__PURE__ */ jsx16(
             "button",
             {
               type: "button",
@@ -7577,7 +7152,7 @@ function Pins() {
         cluster.key
       );
     }),
-    orphanCount > 0 && /* @__PURE__ */ jsxs(
+    orphanCount > 0 && /* @__PURE__ */ jsxs15(
       "button",
       {
         type: "button",
@@ -7585,7 +7160,7 @@ function Pins() {
         style: { bottom: 16, left: "50%", transform: "translateX(-50%)" },
         onClick: () => dispatch({ type: "SET_PANEL", open: true }),
         children: [
-          /* @__PURE__ */ jsx(IconUnlink, { size: 13 }),
+          /* @__PURE__ */ jsx16(IconUnlink, { size: 13 }),
           orphanCount,
           " unanchored item",
           orphanCount === 1 ? "" : "s"
@@ -7594,11 +7169,15 @@ function Pins() {
     )
   ] });
 }
+
+// src/client/components/Toolbar.tsx
+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__ */ jsx(IconTarget, { size: n }) },
-  { tool: "copy", hintId: "tool-copy", label: "Rewrite text", icon: (n) => /* @__PURE__ */ jsx(IconText, { size: n }) },
-  { tool: "comment", hintId: "tool-comment", label: "Comment", icon: (n) => /* @__PURE__ */ jsx(IconComment, { size: n }) },
-  { tool: "image", hintId: "tool-image", label: "Replace image", icon: (n) => /* @__PURE__ */ jsx(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;
@@ -7606,30 +7185,30 @@ function Toolbar() {
   const { selection, editor, peers, syncStatus, mode, tool } = useStore();
   const hasPeers = syncStatus !== "disabled" && peers.length > 0;
   const dispatch = useDispatch();
-  const ref = useRef(null);
-  const [pos, setPos] = useState(() => readStoredPos(POS_KEY2));
-  const drag = useRef(null);
-  const [dragging, setDragging] = useState(false);
-  const justDragged = useRef(false);
+  const ref = useRef15(null);
+  const [pos, setPos] = useState13(() => readStoredPos(POS_KEY2));
+  const drag = useRef15(null);
+  const [dragging, setDragging] = useState13(false);
+  const justDragged = useRef15(false);
   const visible = editor === null || selection !== null;
   const applyPos = (next, persist) => {
     if (next === null && ref.current) ref.current.style.bottom = "";
     setPos(next);
-    storePos(POS_KEY2, next);
+    if (persist) storePos(POS_KEY2, next);
   };
-  useLayoutEffect(() => {
+  useLayoutEffect3(() => {
     const el = ref.current;
     if (!el || pos === null) return;
     const clamped = clampPos(pos.x, pos.y, el.offsetWidth, el.offsetHeight);
-    if (clamped.x !== pos.x || clamped.y !== pos.y) applyPos(clamped);
+    if (clamped.x !== pos.x || clamped.y !== pos.y) applyPos(clamped, true);
   }, [pos, selection, hasPeers, visible]);
-  useEffect(() => {
+  useEffect15(() => {
     const onResize = () => {
       const el = ref.current;
       const current = readStoredPos(POS_KEY2);
       if (!el || !current) return;
       const clamped = clampPos(current.x, current.y, el.offsetWidth, el.offsetHeight);
-      if (clamped.x !== current.x || clamped.y !== current.y) applyPos(clamped);
+      if (clamped.x !== current.x || clamped.y !== current.y) applyPos(clamped, true);
     };
     window.addEventListener("resize", onResize);
     return () => window.removeEventListener("resize", onResize);
@@ -7694,7 +7273,7 @@ function Toolbar() {
       node.style.left = "0px";
       node.style.top = "0px";
       node.style.translate = `${snapped.x}px ${snapped.y}px`;
-      applyPos(snapped);
+      applyPos(snapped, true);
     };
     window.addEventListener("pointermove", onMove, { passive: false });
     window.addEventListener("pointerup", onUp);
@@ -7721,7 +7300,7 @@ function Toolbar() {
     else if (event.key === "ArrowDown") dy = stepSize;
     else return;
     event.preventDefault();
-    applyPos(clampPos(rect.left + dx, rect.top + dy, el.offsetWidth, el.offsetHeight));
+    applyPos(clampPos(rect.left + dx, rect.top + dy, el.offsetWidth, el.offsetHeight), true);
   };
   const open = (kind) => {
     if (!selection) return;
@@ -7736,7 +7315,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__ */ jsxs(
+  return /* @__PURE__ */ jsxs16(
     "div",
     {
       ref,
@@ -7747,27 +7326,27 @@ function Toolbar() {
       onPointerDown,
       onClickCapture,
       children: [
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx17(
           "button",
           {
             type: "button",
             className: "rk-toolbar-grip",
             "aria-label": "Move the toolbar \u2014 drag, or use arrow keys; double-click to reset its position",
             onKeyDown: onGripKeyDown,
-            onDoubleClick: () => applyPos(null),
-            children: /* @__PURE__ */ jsxs("svg", { width: "8", height: "14", viewBox: "0 0 8 14", "aria-hidden": "true", fill: "currentColor", children: [
-              /* @__PURE__ */ jsx("circle", { cx: "2", cy: "2", r: "1.1" }),
-              /* @__PURE__ */ jsx("circle", { cx: "6", cy: "2", r: "1.1" }),
-              /* @__PURE__ */ jsx("circle", { cx: "2", cy: "7", r: "1.1" }),
-              /* @__PURE__ */ jsx("circle", { cx: "6", cy: "7", r: "1.1" }),
-              /* @__PURE__ */ jsx("circle", { cx: "2", cy: "12", r: "1.1" }),
-              /* @__PURE__ */ jsx("circle", { cx: "6", cy: "12", r: "1.1" })
+            onDoubleClick: () => applyPos(null, true),
+            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__ */ jsx(PresenceStrip, {}),
-        hasPeers && /* @__PURE__ */ jsx("span", { className: "rk-toolbar-sep" }),
-        /* @__PURE__ */ jsx("div", { className: "rk-seg rk-tool-seg", role: "group", "aria-label": "Tools", children: TOOLS.map((entry) => /* @__PURE__ */ jsx(
+        /* @__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",
@@ -7779,9 +7358,9 @@ function Toolbar() {
           },
           entry.tool
         )) }),
-        selection && /* @__PURE__ */ jsx("span", { className: "rk-toolbar-sep" }),
-        selection && /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsxs(
+        selection && /* @__PURE__ */ jsx17("span", { className: "rk-toolbar-sep" }),
+        selection && /* @__PURE__ */ jsxs16(Fragment10, { children: [
+          /* @__PURE__ */ jsxs16(
             "button",
             {
               type: "button",
@@ -7790,12 +7369,12 @@ function Toolbar() {
               title: `Rewrite text${keyHint("tool-copy")}`,
               onClick: () => open("copy"),
               children: [
-                /* @__PURE__ */ jsx(IconText, { size: 14 }),
+                /* @__PURE__ */ jsx17(IconText, { size: 14 }),
                 " Rewrite"
               ]
             }
           ),
-          hasImage && /* @__PURE__ */ jsxs(
+          hasImage && /* @__PURE__ */ jsxs16(
             "button",
             {
               type: "button",
@@ -7804,12 +7383,12 @@ function Toolbar() {
               title: `Replace image${keyHint("tool-image")}`,
               onClick: () => open("image"),
               children: [
-                /* @__PURE__ */ jsx(IconImage, { size: 14 }),
+                /* @__PURE__ */ jsx17(IconImage, { size: 14 }),
                 " Image"
               ]
             }
           ),
-          /* @__PURE__ */ jsxs(
+          /* @__PURE__ */ jsxs16(
             "button",
             {
               type: "button",
@@ -7818,32 +7397,32 @@ function Toolbar() {
               title: `Comment${keyHint("tool-comment")}`,
               onClick: () => open("comment"),
               children: [
-                /* @__PURE__ */ jsx(IconComment, { size: 14 }),
+                /* @__PURE__ */ jsx17(IconComment, { size: 14 }),
                 " Comment"
               ]
             }
           ),
-          /* @__PURE__ */ jsxs("button", { type: "button", role: "menuitem", className: "rk-toolbar-btn", onClick: () => open("style"), children: [
-            /* @__PURE__ */ jsx(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__ */ jsxs("button", { type: "button", role: "menuitem", className: "rk-toolbar-btn", onClick: () => open("move"), children: [
-            /* @__PURE__ */ jsx(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__ */ jsxs("button", { type: "button", role: "menuitem", className: "rk-toolbar-btn rk-danger", onClick: () => open("delete"), children: [
-            /* @__PURE__ */ jsx(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__ */ jsx("span", { className: "rk-toolbar-sep" }),
-          /* @__PURE__ */ jsx(
+          /* @__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__ */ jsx(IconClose, { size: 13 })
+              children: /* @__PURE__ */ jsx17(IconClose, { size: 13 })
             }
           )
         ] })
@@ -7851,32 +7430,42 @@ function Toolbar() {
     }
   );
 }
+
+// src/client/components/Toast.tsx
+import { useEffect as useEffect16 } from "react";
+import { jsx as jsx18, jsxs as jsxs17 } from "react/jsx-runtime";
 function ToastRow({ toast: toast2 }) {
   const dispatch = useDispatch();
-  useEffect(() => {
+  useEffect16(() => {
     const timer = window.setTimeout(() => dispatch({ type: "DISMISS_TOAST", id: toast2.id }), 3500);
     return () => window.clearTimeout(timer);
   }, [toast2.id, dispatch]);
-  return /* @__PURE__ */ jsxs("div", { className: `rk-toast rk-${toast2.tone}`, role: "status", children: [
-    toast2.tone === "success" ? /* @__PURE__ */ jsx(IconCheck, { size: 13 }) : toast2.tone === "error" ? /* @__PURE__ */ jsx(IconWarning, { size: 13 }) : /* @__PURE__ */ jsx(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__ */ jsx("div", { className: "rk-toasts", "aria-live": "polite", children: toasts.map((toast2) => /* @__PURE__ */ jsx(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 jsx19, jsxs as jsxs18 } from "react/jsx-runtime";
 function App() {
   const state = useStore();
   const rawDispatch = useDispatch();
   const config = useConfig();
   const dispatch = useRealtimeSync(state, rawDispatch, config, reducer);
-  const saveTimer = useRef(null);
+  const saveTimer = useRef16(null);
   const storageKey = config.storageKey ?? defaultStorageKey();
   useAppliedPreview(state, dispatch);
   useEmblemaAutoPush(state, dispatch, config);
-  useEffect(() => {
+  useEffect17(() => {
+    setEffectAssetsUrl(config.fxAssetsUrl);
+  }, [config.fxAssetsUrl]);
+  useEffect17(() => {
     let cancelled = false;
     void loadSession(storageKey).then((stored) => {
       if (cancelled) return;
@@ -7894,7 +7483,7 @@ function App() {
     };
   }, [storageKey, config.defaultAuthor, dispatch]);
   const { session } = state;
-  useEffect(() => {
+  useEffect17(() => {
     if (!session) return;
     if (saveTimer.current !== null) window.clearTimeout(saveTimer.current);
     saveTimer.current = window.setTimeout(() => {
@@ -7905,9 +7494,9 @@ function App() {
       if (saveTimer.current !== null) window.clearTimeout(saveTimer.current);
     };
   }, [session, storageKey, config]);
-  useEffect(() => trackPointer(), []);
-  const focusHandled = useRef(false);
-  useEffect(() => {
+  useEffect17(() => trackPointer(), []);
+  const focusHandled = useRef16(false);
+  useEffect17(() => {
     if (!session || focusHandled.current) return;
     focusHandled.current = true;
     const id = takeFocusItem();
@@ -7932,7 +7521,7 @@ function App() {
       cancelled = true;
     };
   }, [session, dispatch]);
-  useEffect(() => {
+  useEffect17(() => {
     let last = window.location.pathname;
     const check = () => {
       if (window.location.pathname !== last) {
@@ -7947,9 +7536,9 @@ function App() {
       window.removeEventListener("popstate", check);
     };
   }, [dispatch]);
-  const stateRef = useRef(state);
+  const stateRef = useRef16(state);
   stateRef.current = state;
-  useEffect(() => {
+  useEffect17(() => {
     const onKeyDown = (event) => {
       const current = stateRef.current;
       for (const def of SHORTCUTS) {
@@ -7964,7 +7553,7 @@ function App() {
     document.addEventListener("keydown", onKeyDown);
     return () => document.removeEventListener("keydown", onKeyDown);
   }, [dispatch]);
-  useEffect(() => {
+  useEffect17(() => {
     if (!state.editor) return;
     const editorEl = state.editor.element;
     const onPointerDown = (event) => {
@@ -7977,29 +7566,33 @@ function App() {
   }, [state.editor, dispatch]);
   if (!session) return null;
   if (state.hidden) {
-    return /* @__PURE__ */ jsx(DispatchContext.Provider, { value: dispatch, children: null });
+    return /* @__PURE__ */ jsx19(DispatchContext.Provider, { value: dispatch, children: null });
   }
-  return /* @__PURE__ */ jsxs(DispatchContext.Provider, { value: dispatch, children: [
-    /* @__PURE__ */ jsx(PickLayer, {}),
-    /* @__PURE__ */ jsx(PeerCursors, {}),
-    /* @__PURE__ */ jsx(Toolbar, {}),
-    state.editor?.kind === "copy" && /* @__PURE__ */ jsx(InlineEditor, { editor: state.editor }),
-    state.editor?.kind === "image" && /* @__PURE__ */ jsx(ImageEditor, { editor: state.editor }),
-    state.editor && state.editor.kind !== "copy" && state.editor.kind !== "image" && /* @__PURE__ */ jsx(NoteComposer, { editor: state.editor }),
-    /* @__PURE__ */ jsx(Pins, {}),
-    /* @__PURE__ */ jsx(QuickComment, {}),
-    /* @__PURE__ */ jsx(Panel, {}),
-    /* @__PURE__ */ jsx(Badge, {}),
-    /* @__PURE__ */ jsx(CoachMark, {}),
-    /* @__PURE__ */ jsx(CheatSheet, {}),
-    /* @__PURE__ */ jsx(EmblemaConnect, {}),
-    /* @__PURE__ */ jsx(ConfirmHost, {}),
-    /* @__PURE__ */ jsx(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 jsx20 } from "react/jsx-runtime";
 function ShadowHost({ config }) {
-  const [mount, setMount] = useState(null);
-  useEffect(() => {
+  const [mount, setMount] = useState14(null);
+  useEffect18(() => {
     const host = document.createElement("div");
     host.setAttribute(HOST_ATTR, "");
     host.style.position = "fixed";
@@ -8035,23 +7628,36 @@ function ShadowHost({ config }) {
   }, []);
   if (!mount) return null;
   return createPortal(
-    /* @__PURE__ */ jsx(StoreProvider, { config, children: /* @__PURE__ */ jsx(App, {}) }),
+    /* @__PURE__ */ jsx20(StoreProvider, { config, children: /* @__PURE__ */ jsx20(App, {}) }),
     mount
   );
 }
 function ReviewKit(props) {
-  const [active2, setActive] = useState(false);
-  useEffect(() => {
-    if (!hostAllowed(props.allowedHosts)) return;
-    setActive(resolveActivation(props.token));
+  const [active, setActive] = useState14(false);
+  const { enabled, token, allowedHosts, devAutoOn } = props;
+  const hostsKey = allowedHosts?.join("\0") ?? "";
+  useEffect18(() => {
+    if (enabled === false) {
+      setActive(false);
+      return;
+    }
+    setActive(resolveActivation({ token, allowedHosts, devAutoOn, enabled }));
     const onDeactivate = () => setActive(false);
     window.addEventListener(DEACTIVATE_EVENT, onDeactivate);
     return () => window.removeEventListener(DEACTIVATE_EVENT, onDeactivate);
-  }, [props.token, props.allowedHosts]);
-  if (!active2) return null;
-  return /* @__PURE__ */ jsx(ShadowHost, { config: props });
+  }, [enabled, token, devAutoOn, hostsKey]);
+  if (enabled === false || !active) return null;
+  return /* @__PURE__ */ jsx20(ShadowHost, { config: props });
 }
 
-export { ReviewKit, captureTarget, copySessionToClipboard, downloadSession, exportFilename, importSessionFile, resolveTarget, sessionToJson };
-//# sourceMappingURL=chunk-YWBFAV57.js.map
-//# sourceMappingURL=chunk-YWBFAV57.js.map
+export {
+  captureTarget,
+  resolveTarget,
+  exportFilename,
+  sessionToJson,
+  downloadSession,
+  copySessionToClipboard,
+  importSessionFile,
+  ReviewKit
+};
+//# sourceMappingURL=chunk-5MAFDRUI.js.map