@reticlehq/browser 2.3.0 → 2.5.0

package/dist/presenter/presenter-run-state.js

@@ -25,7 +25,7 @@ export function buildRunState(input) {
     }
     return {
         session: input.sessionId,
-        url: typeof location === 'undefined' ? '' : location.href,
+        url: 'undefined' === typeof location ? '' : location.href,
         state: input.state,
         startedMs: start,
         durationMs: Math.max(0, (input.endMs ?? input.now) - start),

package/dist/presenter/presenter-styles.d.ts

@@ -3,4 +3,4 @@
  * Split out of presenter.ts so that file stays a cohesive controller under the size cap; this is
  * pure style data (no behavior). LOG_CSS + CONTROLS_CSS are composed in at the end as before.
  */
-export declare const PRESENTER_CSS = "\n[data-reticle-glow]{position:fixed;inset:0;pointer-events:none;z-index:2147483600;opacity:0;\n  transition:opacity .25s ease;box-shadow:inset 0 0 0 3px rgba(99,102,241,.9),inset 0 0 28px 6px rgba(99,102,241,.45);}\n[data-reticle-glow][data-on=\"1\"]{opacity:1;animation:reticle-pulse 1.6s ease-in-out infinite;}\n[data-reticle-glow][data-on=\"1\"][data-busy=\"1\"]{animation:reticle-shimmer 1.1s ease-in-out infinite;}\n@keyframes reticle-pulse{0%,100%{box-shadow:inset 0 0 0 3px rgba(99,102,241,.9),inset 0 0 22px 4px rgba(99,102,241,.35)}\n  50%{box-shadow:inset 0 0 0 3px rgba(124,127,242,1),inset 0 0 40px 10px rgba(99,102,241,.6)}}\n@keyframes reticle-shimmer{0%,100%{box-shadow:inset 0 0 0 3px rgba(124,127,242,1),inset 0 0 34px 8px rgba(99,102,241,.55)}\n  50%{box-shadow:inset 0 0 0 3px rgba(140,142,255,1),inset 0 0 48px 12px rgba(99,102,241,.7)}}\n[data-reticle-cursor]{position:fixed;top:0;left:0;width:22px;height:22px;margin:-11px 0 0 -11px;\n  border:2px solid #6366f1;border-radius:50%;background:rgba(99,102,241,.25);pointer-events:none;\n  z-index:2147483646;opacity:0;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .2s ease;}\n[data-reticle-cursor][data-on=\"1\"]{opacity:1;}\n[data-reticle-cursor]::after{content:\"\";position:absolute;inset:7px;border-radius:50%;background:#6366f1;}\n[data-reticle-ripple]{position:fixed;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;\n  background:rgba(99,102,241,.5);pointer-events:none;z-index:2147483645;animation:reticle-ripple .5s ease-out forwards;}\n@keyframes reticle-ripple{from{transform:scale(.4);opacity:.8}to{transform:scale(5);opacity:0}}\n[data-reticle-ring]{position:fixed;pointer-events:none;z-index:2147483644;border:2px solid #22c55e;border-radius:8px;\n  box-shadow:0 0 0 3px rgba(34,197,94,.25);opacity:0;transition:opacity .15s ease;}\n[data-reticle-ring][data-on=\"1\"]{opacity:1;}\n[data-reticle-hud]{\n  --reticle-accent:#7c83ff;--reticle-accent-soft:rgba(124,131,255,.16);\n  --reticle-bg:rgba(13,15,22,.92);--reticle-bg2:rgba(19,22,32,.88);\n  --reticle-fg:#e9ebf2;--reticle-muted:#9aa0b2;--reticle-faint:#6a7186;\n  --reticle-line:rgba(255,255,255,.09);--reticle-line2:rgba(255,255,255,.05);\n  --reticle-read:#54d2e6;--reticle-ok:#3dd7a6;--reticle-bad:#ff7a7a;\n  --reticle-font:\"Inter\",system-ui,-apple-system,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif;\n  --reticle-serif:\"IBM Plex Serif\",Georgia,\"Times New Roman\",serif;\n  position:fixed;left:50%;right:auto;bottom:20px;box-sizing:border-box;\n  width:384px;height:468px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);\n  display:flex;flex-direction:column;overflow:hidden;text-align:left;z-index:2147483647;pointer-events:none;\n  font-family:var(--reticle-font);font-size:13px;line-height:1.5;color:var(--reticle-fg);-webkit-font-smoothing:antialiased;\n  background:linear-gradient(180deg,var(--reticle-bg),var(--reticle-bg2));\n  /* No backdrop-filter here, deliberately. blur(24px) on this panel was measured as the single most\n     expensive thing the whole SDK does: a backdrop blur must re-sample everything behind it whenever\n     that content changes, and on a page repainting at 60fps that is continuous full-panel work. On\n     the hostile fixture it cost +4.0pp of main thread \u2014 five times the rest of the presenter, and\n     more than every observer combined. Removing it took total main-thread time from 2.15s to 1.67s\n     over an 8s window. The panel background is ~85% opaque, so the glass effect it bought was\n     marginal. If you want it back, add it here and expect to pay that. */\n  border:1px solid var(--reticle-line);border-radius:20px;\n  box-shadow:0 28px 70px -18px rgba(0,0,0,.66),0 0 0 1px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.07),0 0 54px -22px var(--reticle-accent);\n  opacity:0;transform:translateX(-50%) translateY(14px) scale(.985);\n  transition:opacity .3s ease,transform .42s cubic-bezier(.16,1,.3,1),height .42s cubic-bezier(.16,1,.3,1),border-radius .42s ease,box-shadow .35s ease;}\n[data-reticle-overlay][data-reticle-state=\"paused\"] [data-reticle-hud]{--reticle-accent:#f6b44c;--reticle-accent-soft:rgba(246,180,76,.16);}\n[data-reticle-overlay][data-reticle-state=\"ended\"] [data-reticle-hud]{--reticle-accent:#3dd7a6;--reticle-accent-soft:rgba(61,215,166,.14);}\n[data-reticle-hud]::before{content:\"\";position:absolute;inset:0;border-radius:inherit;pointer-events:none;\n  background:radial-gradient(130% 90% at 50% 0%,var(--reticle-accent-soft),transparent 60%);}\n[data-reticle-hud]>*{position:relative;}\n[data-reticle-hud][data-on=\"1\"]{opacity:1;transform:translateX(-50%) translateY(0) scale(1);}\n/* Click-through: the glassy panel itself never blocks the app \u2014 only its interactive controls\n   capture clicks (buttons / inputs), so a human can click straight through the HUD to the page.\n   The log auto-scrolls, so it stays click-through too (drag-scroll is traded for click-through). */\n[data-reticle-hud] button,[data-reticle-hud] input,[data-reticle-hud] textarea,\n[data-reticle-hud] select,[data-reticle-hud] [contenteditable]{pointer-events:auto;}\n/* When minimised to a pill, the whole bar is the (single) click target to restore. */\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud][data-on=\"1\"]{pointer-events:auto;}\n[data-reticle-hud] .reticle-hud-head{display:flex;align-items:center;gap:8px;flex:none;\n  padding:12px 12px 12px 15px;border-bottom:1px solid var(--reticle-line2);}\n[data-reticle-hud] .reticle-dot{width:9px;height:9px;border-radius:50%;flex:none;background:var(--reticle-accent);\n  animation:reticle-breathe 2.6s ease-in-out infinite;}\n@keyframes reticle-breathe{0%,100%{box-shadow:0 0 0 0 var(--reticle-accent),0 0 7px 1px var(--reticle-accent);opacity:.85}\n  50%{box-shadow:0 0 0 4px var(--reticle-accent-soft),0 0 15px 3px var(--reticle-accent);opacity:1}}\n[data-reticle-hud] .reticle-brand{font-family:var(--reticle-serif);font-weight:500;font-size:15px;letter-spacing:.01em;color:var(--reticle-fg);}\n[data-reticle-hud] .reticle-head-sp{flex:1;}\n[data-reticle-hud] .reticle-live{display:none;flex:1;min-width:0;color:var(--reticle-muted);font-size:12.5px;\n  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}\n[data-reticle-hud] .reticle-maxhint{display:none;flex:none;color:var(--reticle-faint);font-size:13px;line-height:1;}\n[data-reticle-hud] .reticle-act-strip{flex:none;padding:7px 15px;border-bottom:1px solid var(--reticle-line2);background:rgba(0,0,0,.14);}\n[data-reticle-hud] .reticle-act{display:block;color:var(--reticle-muted);font-size:11.5px;\n  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}\n[data-reticle-hud] [data-reticle-min-btn]{flex:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;\n  width:26px;height:26px;border-radius:8px;border:1px solid var(--reticle-line);background:rgba(255,255,255,.04);\n  color:var(--reticle-muted);font-size:15px;line-height:1;transition:background .15s,color .15s,transform .1s;}\n[data-reticle-hud] [data-reticle-min-btn]:hover{color:var(--reticle-fg);background:rgba(255,255,255,.08);}\n[data-reticle-hud] [data-reticle-min-btn]:active{transform:scale(.94);}\n[data-reticle-hud] .reticle-pass{color:var(--reticle-ok);}[data-reticle-hud] .reticle-fail{color:var(--reticle-bad);}\n[data-reticle-hud] .reticle-tally{flex:none;display:inline-flex;align-items:center;gap:8px;font-size:11.5px;\n  font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.01em;}\n[data-reticle-hud] .reticle-tally[hidden]{display:none;}\n[data-reticle-hud] .reticle-tally .reticle-t-pass{color:var(--reticle-ok);}\n[data-reticle-hud] .reticle-tally .reticle-t-fail{color:var(--reticle-bad);}\n[data-reticle-hud] .reticle-tally [data-z=\"1\"]{opacity:.4;}\n@keyframes reticle-tally-pop{0%{transform:scale(1)}38%{transform:scale(1.3)}100%{transform:scale(1)}}\n[data-reticle-hud] .reticle-tally [data-bump=\"1\"]{display:inline-block;animation:reticle-tally-pop .36s cubic-bezier(.16,1,.3,1);}\n[data-reticle-hud] .reticle-chip{display:none;flex:none;font-size:9px;font-weight:600;letter-spacing:.08em;\n  padding:2px 7px;border-radius:6px;vertical-align:middle;}\n[data-reticle-hud] .reticle-chip[data-mode=\"reading\"]{display:inline-block;color:var(--reticle-read);\n  background:rgba(84,210,230,.12);border:1px solid rgba(84,210,230,.32);}\n[data-reticle-hud] .reticle-chip[data-mode=\"acting\"]{display:inline-block;color:var(--reticle-accent);\n  background:var(--reticle-accent-soft);border:1px solid var(--reticle-accent);}\n[data-reticle-hud] .reticle-chip[data-mode=\"idle\"]{display:none;}\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud]{height:50px;border-radius:25px;cursor:pointer;}\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] .reticle-hud-head{border-bottom:none;height:50px;padding:0 12px 0 16px;}\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] .reticle-brand,\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] .reticle-chip,\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] .reticle-head-sp,\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] [data-reticle-min-btn],\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] .reticle-ctl,\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] .reticle-badge,\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] .reticle-act-strip,\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] [data-reticle-log],\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] [data-reticle-foot],\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] .reticle-banner{display:none;}\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] .reticle-live{display:block;}\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] .reticle-maxhint{display:inline-flex;}\n[data-reticle-mode=\"reading\"] [data-reticle-glow][data-on=\"1\"]{\n  box-shadow:inset 0 0 0 3px rgba(34,211,238,.9),inset 0 0 28px 6px rgba(34,211,238,.4);}\n[data-reticle-mode=\"reading\"] [data-reticle-ring]{border-color:#22d3ee;\n  box-shadow:0 0 0 3px rgba(34,211,238,.25);}\n[data-reticle-overlay][data-reticle-throttled=\"1\"] [data-reticle-glow][data-on=\"1\"]{\n  box-shadow:inset 0 0 0 3px rgba(251,191,36,.9),inset 0 0 28px 6px rgba(251,191,36,.45);}\n[data-reticle-overlay][data-reticle-throttled=\"1\"] [data-reticle-hud]{--reticle-accent:#fbbf24;--reticle-accent-soft:rgba(251,191,36,.16);}\n\n[data-reticle-log]{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;\n  gap:7px;padding:12px 14px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent;}\n[data-reticle-log]::-webkit-scrollbar{width:9px;}\n[data-reticle-log]::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:9px;border:2px solid transparent;background-clip:content-box;}\n[data-reticle-log]::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.26);background-clip:content-box;}\n[data-reticle-log-row]{display:flex;align-items:baseline;gap:8px;font-size:12px;line-height:1.45;\n  animation:reticle-row-in .26s cubic-bezier(.16,1,.3,1);}\n@keyframes reticle-row-in{from{opacity:0;transform:translateY(5px);}to{opacity:1;transform:none;}}\n[data-reticle-log-ts]{flex:none;color:var(--reticle-faint);font-size:10px;font-variant-numeric:tabular-nums;padding-top:1px;}\n[data-reticle-log] .reticle-log-text{flex:1;min-width:0;color:#d6dae4;overflow-wrap:anywhere;word-break:break-word;}\n[data-reticle-log] .reticle-res{flex:none;font-weight:700;}\n[data-reticle-log-row][data-kind=\"human\"]{align-self:flex-end;max-width:88%;\n  background:var(--reticle-accent-soft);border:1px solid var(--reticle-accent);border-radius:13px 13px 4px 13px;padding:6px 11px;}\n[data-reticle-log-row][data-kind=\"human\"] [data-reticle-log-ts]{display:none;}\n[data-reticle-log-row][data-kind=\"human\"] .reticle-log-text{color:var(--reticle-fg);}\n\n\n[data-reticle-hud] .reticle-ctl{pointer-events:auto;cursor:pointer;flex:none;display:inline-flex;align-items:center;justify-content:center;\n  height:26px;padding:0 11px;border-radius:8px;border:1px solid var(--reticle-line);background:rgba(255,255,255,.04);\n  color:var(--reticle-muted);font-family:var(--reticle-font);font-size:11px;font-weight:500;letter-spacing:.01em;line-height:1;\n  transition:background .15s,color .15s,border-color .15s,transform .1s;}\n[data-reticle-hud] .reticle-ctl:hover{color:var(--reticle-fg);background:rgba(255,255,255,.09);}\n[data-reticle-hud] .reticle-ctl:active{transform:scale(.95);}\n[data-reticle-hud] .reticle-ctl:disabled{opacity:.35;cursor:default;}\n[data-reticle-hud] [data-reticle-end]{color:#ff9aa2;border-color:rgba(255,107,107,.22);}\n[data-reticle-hud] [data-reticle-end]:hover{color:#ff7a7a;border-color:rgba(255,107,107,.5);background:rgba(255,107,107,.1);}\n[data-reticle-hud] .reticle-badge{display:none;align-items:center;flex:none;font-weight:600;letter-spacing:.1em;font-size:9px;\n  color:var(--reticle-accent);border:1px solid var(--reticle-accent);background:var(--reticle-accent-soft);padding:2px 8px;border-radius:999px;}\n[data-reticle-overlay][data-reticle-state=\"paused\"] [data-reticle-badge]{display:inline-flex;}\n[data-reticle-hud] [data-reticle-foot]{flex:none;padding:10px 12px 12px;border-top:1px solid var(--reticle-line2);background:rgba(0,0,0,.16);}\n[data-reticle-hud] .reticle-composer{display:flex;align-items:flex-end;gap:6px;background:rgba(255,255,255,.05);\n  border:1px solid var(--reticle-line);border-radius:14px;padding:5px 6px 5px 14px;transition:border-color .15s,box-shadow .15s;}\n[data-reticle-hud] .reticle-composer:focus-within{border-color:var(--reticle-accent);box-shadow:0 0 0 3px var(--reticle-accent-soft);}\n[data-reticle-hud] .reticle-msg{flex:1;min-width:0;pointer-events:auto;background:transparent;border:none;outline:none;resize:none;\n  box-sizing:border-box;color:var(--reticle-fg);font-family:var(--reticle-font);font-size:13px;line-height:18px;\n  height:28px;min-height:28px;max-height:96px;padding:5px 0;overflow-y:auto;\n  scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent;}\n[data-reticle-hud] .reticle-msg::-webkit-scrollbar{width:9px;}\n[data-reticle-hud] .reticle-msg::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:9px;border:2px solid transparent;background-clip:content-box;}\n[data-reticle-hud] .reticle-msg::placeholder{color:var(--reticle-faint);}\n[data-reticle-hud] .reticle-msg:disabled{opacity:.5;}\n[data-reticle-hud] .reticle-send{flex:none;width:30px;height:30px;padding:0;border-radius:10px;border:none;cursor:pointer;pointer-events:auto;\n  background:var(--reticle-accent);color:#0b0d14;display:inline-flex;align-items:center;justify-content:center;transition:filter .15s,transform .1s;}\n[data-reticle-hud] .reticle-send svg{display:block;}\n[data-reticle-hud] .reticle-send:hover{filter:brightness(1.12);}\n[data-reticle-hud] .reticle-send:active{transform:scale(.9);}\n[data-reticle-hud] .reticle-send:disabled{opacity:.4;cursor:default;}\n[data-reticle-hud] .reticle-banner{display:none;flex:none;padding:8px 15px;color:var(--reticle-accent);\n  font-size:11.5px;font-weight:500;border-bottom:1px solid var(--reticle-line2);background:var(--reticle-accent-soft);}\n[data-reticle-overlay][data-reticle-state=\"ended\"] [data-reticle-banner]{display:block;}\n/* Export row: hidden during a live session; revealed when ended so the run can be copied/saved. */\n[data-reticle-hud] .reticle-export{display:none;align-items:center;gap:8px;margin-top:9px;}\n[data-reticle-overlay][data-reticle-state=\"ended\"] [data-reticle-hud] .reticle-export{display:flex;}\n[data-reticle-hud] .reticle-export-msg{color:var(--reticle-ok);font-size:11px;opacity:0;transition:opacity .15s;}\n[data-reticle-hud] .reticle-export-msg[data-show=\"1\"]{opacity:1;}\n[data-reticle-overlay][data-reticle-state=\"paused\"] [data-reticle-glow][data-on=\"1\"]{animation:none;\n  box-shadow:inset 0 0 0 3px rgba(246,180,76,.9),inset 0 0 30px 6px rgba(246,180,76,.4);}\n[data-reticle-overlay][data-reticle-state=\"ended\"] [data-reticle-glow][data-on=\"1\"]{animation:none;\n  box-shadow:inset 0 0 0 2px rgba(61,215,166,.55);}\n/* Handoff tones tell the human the agent's mode at a glance. waiting = calm teal \"your turn\" (no\n   alarm); ask = amber \"answer me\" with a pulse; warn = amber \"agent crashed\" with a pulse. Each leads\n   the banner with an icon and overrides the calm ended-green accent. */\n[data-reticle-overlay][data-reticle-tone=\"waiting\"] [data-reticle-hud]{--reticle-accent:#38bdf8;--reticle-accent-soft:rgba(56,189,248,.16);}\n[data-reticle-overlay][data-reticle-tone=\"waiting\"] [data-reticle-banner]{font-weight:600;color:#7dd3fc;}\n[data-reticle-overlay][data-reticle-tone=\"waiting\"] [data-reticle-banner]::before{content:\"\\270B  \";}\n[data-reticle-overlay][data-reticle-tone=\"waiting\"] [data-reticle-glow][data-on=\"1\"]{animation:none;\n  box-shadow:inset 0 0 0 2px rgba(56,189,248,.5);}\n[data-reticle-overlay][data-reticle-tone=\"ask\"] [data-reticle-hud],\n[data-reticle-overlay][data-reticle-tone=\"warn\"] [data-reticle-hud]{--reticle-accent:#fb923c;--reticle-accent-soft:rgba(251,146,60,.18);}\n[data-reticle-overlay][data-reticle-tone=\"ask\"] [data-reticle-banner],\n[data-reticle-overlay][data-reticle-tone=\"warn\"] [data-reticle-banner]{font-weight:600;color:#fdba74;}\n[data-reticle-overlay][data-reticle-tone=\"ask\"] [data-reticle-banner]::before{content:\"\\2753  \";}\n[data-reticle-overlay][data-reticle-tone=\"warn\"] [data-reticle-banner]::before{content:\"\\26A0\\FE0F  \";}\n[data-reticle-overlay][data-reticle-tone=\"ask\"] [data-reticle-glow][data-on=\"1\"],\n[data-reticle-overlay][data-reticle-tone=\"warn\"] [data-reticle-glow][data-on=\"1\"]{animation:reticle-warn-pulse 1.5s ease-in-out infinite;\n  box-shadow:inset 0 0 0 2px rgba(251,146,60,.7);}\n@keyframes reticle-warn-pulse{0%,100%{box-shadow:inset 0 0 0 2px rgba(251,146,60,.32);}\n  50%{box-shadow:inset 0 0 0 3px rgba(251,146,60,.85),inset 0 0 26px 5px rgba(251,146,60,.34);}}\n/* Replay-a-flow row: the human re-runs a saved flow with no agent. Hidden until flows are pushed.\n   Bounded + self-scrolling: it sits between the flex:1 log and the flex:none composer, so without a\n   height cap a long flow list would squeeze the log to nothing and push the message input past the\n   panel's overflow:hidden clip. flex:none + max-height + overflow-y keep the log and input always\n   visible; extra flow chips scroll inside this section instead of growing the panel. */\n[data-reticle-hud] .reticle-flows{display:none;flex:none;flex-wrap:wrap;align-content:flex-start;gap:6px;\n  padding:9px 12px;border-top:1px solid var(--reticle-line2);max-height:88px;overflow-y:auto;overscroll-behavior:contain;}\n[data-reticle-hud] .reticle-flows[data-has=\"1\"]{display:flex;}\n[data-reticle-hud] .reticle-flows::-webkit-scrollbar{width:9px;}\n[data-reticle-hud] .reticle-flows::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:9px;border:2px solid transparent;background-clip:content-box;}\n[data-reticle-hud] .reticle-flows-cap{flex:0 0 100%;margin-bottom:1px;color:var(--reticle-faint);font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;}\n[data-reticle-hud] .reticle-flow{pointer-events:auto;cursor:pointer;display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;\n  border-radius:7px;border:1px solid var(--reticle-line);background:rgba(255,255,255,.04);color:var(--reticle-muted);\n  font-family:var(--reticle-font);font-size:11px;font-weight:500;transition:background .15s,color .15s,border-color .15s,transform .1s;}\n[data-reticle-hud] .reticle-flow:hover{color:var(--reticle-fg);background:var(--reticle-accent-soft);border-color:var(--reticle-accent);}\n[data-reticle-hud] .reticle-flow:active{transform:scale(.95);}\n";
+export declare const PRESENTER_CSS = "\n[data-reticle-glow]{position:fixed;inset:0;pointer-events:none;z-index:2147483600;opacity:0;\n  transition:opacity .25s ease;box-shadow:inset 0 0 0 3px rgba(99,102,241,.9),inset 0 0 28px 6px rgba(99,102,241,.45);}\n[data-reticle-glow][data-on=\"1\"]{opacity:1;animation:reticle-pulse 1.6s ease-in-out infinite;}\n[data-reticle-glow][data-on=\"1\"][data-busy=\"1\"]{animation:reticle-shimmer 1.1s ease-in-out infinite;}\n@keyframes reticle-pulse{0%,100%{box-shadow:inset 0 0 0 3px rgba(99,102,241,.9),inset 0 0 22px 4px rgba(99,102,241,.35)}\n  50%{box-shadow:inset 0 0 0 3px rgba(124,127,242,1),inset 0 0 40px 10px rgba(99,102,241,.6)}}\n@keyframes reticle-shimmer{0%,100%{box-shadow:inset 0 0 0 3px rgba(124,127,242,1),inset 0 0 34px 8px rgba(99,102,241,.55)}\n  50%{box-shadow:inset 0 0 0 3px rgba(140,142,255,1),inset 0 0 48px 12px rgba(99,102,241,.7)}}\n[data-reticle-cursor]{position:fixed;top:0;left:0;width:22px;height:22px;margin:-11px 0 0 -11px;\n  border:2px solid #6366f1;border-radius:50%;background:rgba(99,102,241,.25);pointer-events:none;\n  z-index:2147483646;opacity:0;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .2s ease;}\n[data-reticle-cursor][data-on=\"1\"]{opacity:1;}\n[data-reticle-cursor]::after{content:\"\";position:absolute;inset:7px;border-radius:50%;background:#6366f1;}\n[data-reticle-ripple]{position:fixed;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;\n  background:rgba(99,102,241,.5);pointer-events:none;z-index:2147483645;animation:reticle-ripple .5s ease-out forwards;}\n@keyframes reticle-ripple{from{transform:scale(.4);opacity:.8}to{transform:scale(5);opacity:0}}\n[data-reticle-ring]{position:fixed;pointer-events:none;z-index:2147483644;border:2px solid #22c55e;border-radius:8px;\n  box-shadow:0 0 0 3px rgba(34,197,94,.25);opacity:0;transition:opacity .15s ease;}\n[data-reticle-ring][data-on=\"1\"]{opacity:1;}\n[data-reticle-hud]{\n  --reticle-accent:#7c83ff;--reticle-accent-soft:rgba(124,131,255,.16);\n  --reticle-bg:rgba(13,15,22,.92);--reticle-bg2:rgba(19,22,32,.88);\n  --reticle-fg:#e9ebf2;--reticle-muted:#9aa0b2;--reticle-faint:#6a7186;\n  --reticle-line:rgba(255,255,255,.09);--reticle-line2:rgba(255,255,255,.05);\n  --reticle-read:#54d2e6;--reticle-ok:#3dd7a6;--reticle-bad:#ff7a7a;\n  --reticle-font:\"Inter\",system-ui,-apple-system,\"Segoe UI\",Roboto,\"Helvetica Neue\",Arial,sans-serif;\n  position:fixed;left:50%;right:auto;bottom:20px;box-sizing:border-box;\n  width:384px;height:468px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);\n  display:flex;flex-direction:column;overflow:hidden;text-align:left;z-index:2147483647;pointer-events:none;\n  font-family:var(--reticle-font);font-size:13px;line-height:1.5;color:var(--reticle-fg);-webkit-font-smoothing:antialiased;\n  background:linear-gradient(180deg,var(--reticle-bg),var(--reticle-bg2));\n  /* No backdrop-filter here, deliberately. blur(24px) on this panel was measured as the single most\n     expensive thing the whole SDK does: a backdrop blur must re-sample everything behind it whenever\n     that content changes, and on a page repainting at 60fps that is continuous full-panel work. On\n     the hostile fixture it cost +4.0pp of main thread \u2014 five times the rest of the presenter, and\n     more than every observer combined. Removing it took total main-thread time from 2.15s to 1.67s\n     over an 8s window. The panel background is ~85% opaque, so the glass effect it bought was\n     marginal. If you want it back, add it here and expect to pay that. */\n  border:1px solid var(--reticle-line);border-radius:20px;\n  box-shadow:0 28px 70px -18px rgba(0,0,0,.66),0 0 0 1px rgba(0,0,0,.35),inset 0 1px 0 rgba(255,255,255,.07),0 0 54px -22px var(--reticle-accent);\n  opacity:0;transform:translateX(-50%) translateY(14px) scale(.985);\n  transition:opacity .3s ease,transform .42s cubic-bezier(.16,1,.3,1),height .42s cubic-bezier(.16,1,.3,1),border-radius .42s ease,box-shadow .35s ease;}\n[data-reticle-overlay][data-reticle-state=\"paused\"] [data-reticle-hud]{--reticle-accent:#f6b44c;--reticle-accent-soft:rgba(246,180,76,.16);}\n[data-reticle-overlay][data-reticle-state=\"ended\"] [data-reticle-hud]{--reticle-accent:#3dd7a6;--reticle-accent-soft:rgba(61,215,166,.14);}\n[data-reticle-hud]::before{content:\"\";position:absolute;inset:0;border-radius:inherit;pointer-events:none;\n  background:radial-gradient(130% 90% at 50% 0%,var(--reticle-accent-soft),transparent 60%);}\n[data-reticle-hud]>*{position:relative;}\n[data-reticle-hud][data-on=\"1\"]{opacity:1;transform:translateX(-50%) translateY(0) scale(1);}\n/* Click-through: the glassy panel itself never blocks the app \u2014 only its interactive controls\n   capture clicks (buttons / inputs), so a human can click straight through the HUD to the page.\n   The log auto-scrolls, so it stays click-through too (drag-scroll is traded for click-through). */\n[data-reticle-hud] button,[data-reticle-hud] input,[data-reticle-hud] textarea,\n[data-reticle-hud] select,[data-reticle-hud] [contenteditable]{pointer-events:auto;}\n/* When minimised to a pill, the whole bar is the (single) click target to restore. */\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud][data-on=\"1\"]{pointer-events:auto;}\n[data-reticle-hud] .reticle-hud-head{display:flex;align-items:center;gap:8px;flex:none;\n  padding:12px 12px 12px 15px;border-bottom:1px solid var(--reticle-line2);}\n/* Brand block: both marks always in the DOM, CSS picks one off data-reticle-min (see below) so the\n   collapsed/expanded swap needs no JS state. Artwork paints with currentColor, so it inherits\n   --reticle-fg and reads correctly on any HUD surface instead of baking in the export's #FAFAFA. */\n[data-reticle-hud] .reticle-brand{display:inline-flex;align-items:center;flex:none;color:var(--reticle-fg);}\n[data-reticle-hud] .reticle-mark{display:none;height:18px;width:auto;flex:none;}\n[data-reticle-hud] .reticle-wordmark{display:block;height:16px;width:auto;flex:none;}\n/* Visually hidden, still announced \u2014 the marks are aria-hidden artwork, this names the HUD. */\n[data-reticle-hud] .reticle-brand-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;\n  overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}\n[data-reticle-hud] .reticle-head-sp{flex:1;}\n[data-reticle-hud] .reticle-live{display:none;flex:1;min-width:0;color:var(--reticle-muted);font-size:12.5px;\n  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}\n[data-reticle-hud] .reticle-maxhint{display:none;flex:none;color:var(--reticle-faint);font-size:13px;line-height:1;}\n[data-reticle-hud] .reticle-act-strip{flex:none;padding:7px 15px;border-bottom:1px solid var(--reticle-line2);background:rgba(0,0,0,.14);}\n[data-reticle-hud] .reticle-act{display:block;color:var(--reticle-muted);font-size:11.5px;\n  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}\n[data-reticle-hud] [data-reticle-min-btn]{flex:none;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;\n  width:26px;height:26px;border-radius:8px;border:1px solid var(--reticle-line);background:rgba(255,255,255,.04);\n  color:var(--reticle-muted);font-size:15px;line-height:1;transition:background .15s,color .15s,transform .1s;}\n[data-reticle-hud] [data-reticle-min-btn]:hover{color:var(--reticle-fg);background:rgba(255,255,255,.08);}\n[data-reticle-hud] [data-reticle-min-btn]:active{transform:scale(.94);}\n[data-reticle-hud] .reticle-pass{color:var(--reticle-ok);}[data-reticle-hud] .reticle-fail{color:var(--reticle-bad);}\n[data-reticle-hud] .reticle-tally{flex:none;display:inline-flex;align-items:center;gap:8px;font-size:11.5px;\n  font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:.01em;}\n[data-reticle-hud] .reticle-tally[hidden]{display:none;}\n[data-reticle-hud] .reticle-tally .reticle-t-pass{color:var(--reticle-ok);}\n[data-reticle-hud] .reticle-tally .reticle-t-fail{color:var(--reticle-bad);}\n[data-reticle-hud] .reticle-tally [data-z=\"1\"]{opacity:.4;}\n@keyframes reticle-tally-pop{0%{transform:scale(1)}38%{transform:scale(1.3)}100%{transform:scale(1)}}\n[data-reticle-hud] .reticle-tally [data-bump=\"1\"]{display:inline-block;animation:reticle-tally-pop .36s cubic-bezier(.16,1,.3,1);}\n[data-reticle-hud] .reticle-chip{display:none;flex:none;font-size:9px;font-weight:600;letter-spacing:.08em;\n  padding:2px 7px;border-radius:6px;vertical-align:middle;}\n[data-reticle-hud] .reticle-chip[data-mode=\"reading\"]{display:inline-block;color:var(--reticle-read);\n  background:rgba(84,210,230,.12);border:1px solid rgba(84,210,230,.32);}\n[data-reticle-hud] .reticle-chip[data-mode=\"acting\"]{display:inline-block;color:var(--reticle-accent);\n  background:var(--reticle-accent-soft);border:1px solid var(--reticle-accent);}\n[data-reticle-hud] .reticle-chip[data-mode=\"idle\"]{display:none;}\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud]{height:50px;border-radius:25px;cursor:pointer;}\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] .reticle-hud-head{border-bottom:none;height:50px;padding:0 12px 0 16px;}\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] .reticle-chip,\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] .reticle-head-sp,\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] [data-reticle-min-btn],\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] .reticle-ctl,\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] .reticle-badge,\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] .reticle-act-strip,\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] [data-reticle-log],\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] [data-reticle-foot],\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] .reticle-banner{display:none;}\n/* Collapsed to a pill: mark only, beside the dot. Expanded: the full wordmark. */\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] .reticle-wordmark{display:none;}\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] .reticle-mark{display:block;}\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] .reticle-live{display:block;}\n[data-reticle-overlay][data-reticle-min=\"1\"] [data-reticle-hud] .reticle-maxhint{display:inline-flex;}\n[data-reticle-mode=\"reading\"] [data-reticle-glow][data-on=\"1\"]{\n  box-shadow:inset 0 0 0 3px rgba(34,211,238,.9),inset 0 0 28px 6px rgba(34,211,238,.4);}\n[data-reticle-mode=\"reading\"] [data-reticle-ring]{border-color:#22d3ee;\n  box-shadow:0 0 0 3px rgba(34,211,238,.25);}\n[data-reticle-overlay][data-reticle-throttled=\"1\"] [data-reticle-glow][data-on=\"1\"]{\n  box-shadow:inset 0 0 0 3px rgba(251,191,36,.9),inset 0 0 28px 6px rgba(251,191,36,.45);}\n[data-reticle-overlay][data-reticle-throttled=\"1\"] [data-reticle-hud]{--reticle-accent:#fbbf24;--reticle-accent-soft:rgba(251,191,36,.16);}\n/* The two INFINITE animations \u2014 the header dot and the border glow \u2014 are pure decoration and were\n   blinking regardless of the user's motion preference. Everything else the presenter animates is a\n   one-shot (ripple, tally pop) or a transition, which reduce-motion tolerates. */\n@media (prefers-reduced-motion:reduce){\n  [data-reticle-glow][data-on=\"1\"],\n  [data-reticle-glow][data-on=\"1\"][data-busy=\"1\"]{animation:none;}}\n\n[data-reticle-log]{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;\n  gap:7px;padding:12px 14px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.16) transparent;}\n[data-reticle-log]::-webkit-scrollbar{width:9px;}\n[data-reticle-log]::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:9px;border:2px solid transparent;background-clip:content-box;}\n[data-reticle-log]::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.26);background-clip:content-box;}\n[data-reticle-log-row]{display:flex;align-items:baseline;gap:8px;font-size:12px;line-height:1.45;\n  animation:reticle-row-in .26s cubic-bezier(.16,1,.3,1);}\n@keyframes reticle-row-in{from{opacity:0;transform:translateY(5px);}to{opacity:1;transform:none;}}\n[data-reticle-log-ts]{flex:none;color:var(--reticle-faint);font-size:10px;font-variant-numeric:tabular-nums;padding-top:1px;}\n[data-reticle-log] .reticle-log-text{flex:1;min-width:0;color:#d6dae4;overflow-wrap:anywhere;word-break:break-word;}\n[data-reticle-log] .reticle-res{flex:none;font-weight:700;}\n[data-reticle-log-row][data-kind=\"human\"]{align-self:flex-end;max-width:88%;\n  background:var(--reticle-accent-soft);border:1px solid var(--reticle-accent);border-radius:13px 13px 4px 13px;padding:6px 11px;}\n[data-reticle-log-row][data-kind=\"human\"] [data-reticle-log-ts]{display:none;}\n[data-reticle-log-row][data-kind=\"human\"] .reticle-log-text{color:var(--reticle-fg);}\n\n\n[data-reticle-hud] .reticle-ctl{pointer-events:auto;cursor:pointer;flex:none;display:inline-flex;align-items:center;justify-content:center;\n  height:26px;padding:0 11px;border-radius:8px;border:1px solid var(--reticle-line);background:rgba(255,255,255,.04);\n  color:var(--reticle-muted);font-family:var(--reticle-font);font-size:11px;font-weight:500;letter-spacing:.01em;line-height:1;\n  transition:background .15s,color .15s,border-color .15s,transform .1s;}\n[data-reticle-hud] .reticle-ctl:hover{color:var(--reticle-fg);background:rgba(255,255,255,.09);}\n[data-reticle-hud] .reticle-ctl:active{transform:scale(.95);}\n[data-reticle-hud] .reticle-ctl:disabled{opacity:.35;cursor:default;}\n[data-reticle-hud] [data-reticle-end]{color:#ff9aa2;border-color:rgba(255,107,107,.22);}\n[data-reticle-hud] [data-reticle-end]:hover{color:#ff7a7a;border-color:rgba(255,107,107,.5);background:rgba(255,107,107,.1);}\n[data-reticle-hud] .reticle-badge{display:none;align-items:center;flex:none;font-weight:600;letter-spacing:.1em;font-size:9px;\n  color:var(--reticle-accent);border:1px solid var(--reticle-accent);background:var(--reticle-accent-soft);padding:2px 8px;border-radius:999px;}\n[data-reticle-overlay][data-reticle-state=\"paused\"] [data-reticle-badge]{display:inline-flex;}\n[data-reticle-hud] [data-reticle-foot]{flex:none;padding:10px 12px 12px;border-top:1px solid var(--reticle-line2);background:rgba(0,0,0,.16);}\n[data-reticle-hud] .reticle-composer{display:flex;align-items:flex-end;gap:6px;background:rgba(255,255,255,.05);\n  border:1px solid var(--reticle-line);border-radius:14px;padding:5px 6px 5px 14px;transition:border-color .15s,box-shadow .15s;}\n[data-reticle-hud] .reticle-composer:focus-within{border-color:var(--reticle-accent);box-shadow:0 0 0 3px var(--reticle-accent-soft);}\n[data-reticle-hud] .reticle-msg{flex:1;min-width:0;pointer-events:auto;background:transparent;border:none;outline:none;resize:none;\n  box-sizing:border-box;color:var(--reticle-fg);font-family:var(--reticle-font);font-size:13px;line-height:18px;\n  height:28px;min-height:28px;max-height:96px;padding:5px 0;overflow-y:auto;\n  scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.14) transparent;}\n[data-reticle-hud] .reticle-msg::-webkit-scrollbar{width:9px;}\n[data-reticle-hud] .reticle-msg::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:9px;border:2px solid transparent;background-clip:content-box;}\n[data-reticle-hud] .reticle-msg::placeholder{color:var(--reticle-faint);}\n[data-reticle-hud] .reticle-msg:disabled{opacity:.5;}\n[data-reticle-hud] .reticle-send{flex:none;width:30px;height:30px;padding:0;border-radius:10px;border:none;cursor:pointer;pointer-events:auto;\n  background:var(--reticle-accent);color:#0b0d14;display:inline-flex;align-items:center;justify-content:center;transition:filter .15s,transform .1s;}\n[data-reticle-hud] .reticle-send svg{display:block;}\n[data-reticle-hud] .reticle-send:hover{filter:brightness(1.12);}\n[data-reticle-hud] .reticle-send:active{transform:scale(.9);}\n[data-reticle-hud] .reticle-send:disabled{opacity:.4;cursor:default;}\n[data-reticle-hud] .reticle-banner{display:none;flex:none;padding:8px 15px;color:var(--reticle-accent);\n  font-size:11.5px;font-weight:500;border-bottom:1px solid var(--reticle-line2);background:var(--reticle-accent-soft);}\n[data-reticle-overlay][data-reticle-state=\"ended\"] [data-reticle-banner]{display:block;}\n/* Export row: hidden during a live session; revealed when ended so the run can be copied/saved. */\n[data-reticle-hud] .reticle-export{display:none;align-items:center;gap:8px;margin-top:9px;}\n[data-reticle-overlay][data-reticle-state=\"ended\"] [data-reticle-hud] .reticle-export{display:flex;}\n[data-reticle-hud] .reticle-export-msg{color:var(--reticle-ok);font-size:11px;opacity:0;transition:opacity .15s;}\n[data-reticle-hud] .reticle-export-msg[data-show=\"1\"]{opacity:1;}\n[data-reticle-overlay][data-reticle-state=\"paused\"] [data-reticle-glow][data-on=\"1\"]{animation:none;\n  box-shadow:inset 0 0 0 3px rgba(246,180,76,.9),inset 0 0 30px 6px rgba(246,180,76,.4);}\n[data-reticle-overlay][data-reticle-state=\"ended\"] [data-reticle-glow][data-on=\"1\"]{animation:none;\n  box-shadow:inset 0 0 0 2px rgba(61,215,166,.55);}\n/* Handoff tones tell the human the agent's mode at a glance. waiting = calm teal \"your turn\" (no\n   alarm); ask = amber \"answer me\" with a pulse; warn = amber \"agent crashed\" with a pulse. Each leads\n   the banner with an icon and overrides the calm ended-green accent. */\n[data-reticle-overlay][data-reticle-tone=\"waiting\"] [data-reticle-hud]{--reticle-accent:#38bdf8;--reticle-accent-soft:rgba(56,189,248,.16);}\n[data-reticle-overlay][data-reticle-tone=\"waiting\"] [data-reticle-banner]{font-weight:600;color:#7dd3fc;}\n[data-reticle-overlay][data-reticle-tone=\"waiting\"] [data-reticle-banner]::before{content:\"\\270B  \";}\n[data-reticle-overlay][data-reticle-tone=\"waiting\"] [data-reticle-glow][data-on=\"1\"]{animation:none;\n  box-shadow:inset 0 0 0 2px rgba(56,189,248,.5);}\n[data-reticle-overlay][data-reticle-tone=\"ask\"] [data-reticle-hud],\n[data-reticle-overlay][data-reticle-tone=\"warn\"] [data-reticle-hud]{--reticle-accent:#fb923c;--reticle-accent-soft:rgba(251,146,60,.18);}\n[data-reticle-overlay][data-reticle-tone=\"ask\"] [data-reticle-banner],\n[data-reticle-overlay][data-reticle-tone=\"warn\"] [data-reticle-banner]{font-weight:600;color:#fdba74;}\n[data-reticle-overlay][data-reticle-tone=\"ask\"] [data-reticle-banner]::before{content:\"\\2753  \";}\n[data-reticle-overlay][data-reticle-tone=\"warn\"] [data-reticle-banner]::before{content:\"\\26A0\\FE0F  \";}\n[data-reticle-overlay][data-reticle-tone=\"ask\"] [data-reticle-glow][data-on=\"1\"],\n[data-reticle-overlay][data-reticle-tone=\"warn\"] [data-reticle-glow][data-on=\"1\"]{animation:reticle-warn-pulse 1.5s ease-in-out infinite;\n  box-shadow:inset 0 0 0 2px rgba(251,146,60,.7);}\n@keyframes reticle-warn-pulse{0%,100%{box-shadow:inset 0 0 0 2px rgba(251,146,60,.32);}\n  50%{box-shadow:inset 0 0 0 3px rgba(251,146,60,.85),inset 0 0 26px 5px rgba(251,146,60,.34);}}\n/* Replay-a-flow row: the human re-runs a saved flow with no agent. Hidden until flows are pushed.\n   Bounded + self-scrolling: it sits between the flex:1 log and the flex:none composer, so without a\n   height cap a long flow list would squeeze the log to nothing and push the message input past the\n   panel's overflow:hidden clip. flex:none + max-height + overflow-y keep the log and input always\n   visible; extra flow chips scroll inside this section instead of growing the panel. */\n[data-reticle-hud] .reticle-flows{display:none;flex:none;flex-wrap:wrap;align-content:flex-start;gap:6px;\n  padding:9px 12px;border-top:1px solid var(--reticle-line2);max-height:88px;overflow-y:auto;overscroll-behavior:contain;}\n[data-reticle-hud] .reticle-flows[data-has=\"1\"]{display:flex;}\n[data-reticle-hud] .reticle-flows::-webkit-scrollbar{width:9px;}\n[data-reticle-hud] .reticle-flows::-webkit-scrollbar-thumb{background:rgba(255,255,255,.14);border-radius:9px;border:2px solid transparent;background-clip:content-box;}\n[data-reticle-hud] .reticle-flows-cap{flex:0 0 100%;margin-bottom:1px;color:var(--reticle-faint);font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;}\n[data-reticle-hud] .reticle-flow{pointer-events:auto;cursor:pointer;display:inline-flex;align-items:center;gap:5px;height:24px;padding:0 10px;\n  border-radius:7px;border:1px solid var(--reticle-line);background:rgba(255,255,255,.04);color:var(--reticle-muted);\n  font-family:var(--reticle-font);font-size:11px;font-weight:500;transition:background .15s,color .15s,border-color .15s,transform .1s;}\n[data-reticle-hud] .reticle-flow:hover{color:var(--reticle-fg);background:var(--reticle-accent-soft);border-color:var(--reticle-accent);}\n[data-reticle-hud] .reticle-flow:active{transform:scale(.95);}\n";

package/dist/presenter/presenter-styles.js

@@ -7,8 +7,8 @@ import { CONTROLS_CSS } from './presenter-controls.js';
  */
 // No web-font @import: a dev-only SDK must not make the host page issue a cross-origin request to
 // fonts.googleapis.com (and trip a `style-src 'self'` CSP with a console violation) just for HUD
-// polish. The font vars below already prefer Inter/IBM Plex Serif if present and fall back to the
-// system stack otherwise — so the overlay stays self-contained and never touches the network.
+// polish. The font var below already prefers Inter if present and falls back to the system stack
+// otherwise — so the overlay stays self-contained and never touches the network.
 export const PRESENTER_CSS = `
 [data-reticle-glow]{position:fixed;inset:0;pointer-events:none;z-index:2147483600;opacity:0;
   transition:opacity .25s ease;box-shadow:inset 0 0 0 3px rgba(99,102,241,.9),inset 0 0 28px 6px rgba(99,102,241,.45);}
@@ -36,7 +36,6 @@ export const PRESENTER_CSS = `
   --reticle-line:rgba(255,255,255,.09);--reticle-line2:rgba(255,255,255,.05);
   --reticle-read:#54d2e6;--reticle-ok:#3dd7a6;--reticle-bad:#ff7a7a;
   --reticle-font:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
-  --reticle-serif:"IBM Plex Serif",Georgia,"Times New Roman",serif;
   position:fixed;left:50%;right:auto;bottom:20px;box-sizing:border-box;
   width:384px;height:468px;max-width:calc(100vw - 32px);max-height:calc(100vh - 32px);
   display:flex;flex-direction:column;overflow:hidden;text-align:left;z-index:2147483647;pointer-events:none;
@@ -68,11 +67,15 @@ export const PRESENTER_CSS = `
 [data-reticle-overlay][data-reticle-min="1"] [data-reticle-hud][data-on="1"]{pointer-events:auto;}
 [data-reticle-hud] .reticle-hud-head{display:flex;align-items:center;gap:8px;flex:none;
   padding:12px 12px 12px 15px;border-bottom:1px solid var(--reticle-line2);}
-[data-reticle-hud] .reticle-dot{width:9px;height:9px;border-radius:50%;flex:none;background:var(--reticle-accent);
-  animation:reticle-breathe 2.6s ease-in-out infinite;}
-@keyframes reticle-breathe{0%,100%{box-shadow:0 0 0 0 var(--reticle-accent),0 0 7px 1px var(--reticle-accent);opacity:.85}
-  50%{box-shadow:0 0 0 4px var(--reticle-accent-soft),0 0 15px 3px var(--reticle-accent);opacity:1}}
-[data-reticle-hud] .reticle-brand{font-family:var(--reticle-serif);font-weight:500;font-size:15px;letter-spacing:.01em;color:var(--reticle-fg);}
+/* Brand block: both marks always in the DOM, CSS picks one off data-reticle-min (see below) so the
+   collapsed/expanded swap needs no JS state. Artwork paints with currentColor, so it inherits
+   --reticle-fg and reads correctly on any HUD surface instead of baking in the export's #FAFAFA. */
+[data-reticle-hud] .reticle-brand{display:inline-flex;align-items:center;flex:none;color:var(--reticle-fg);}
+[data-reticle-hud] .reticle-mark{display:none;height:18px;width:auto;flex:none;}
+[data-reticle-hud] .reticle-wordmark{display:block;height:16px;width:auto;flex:none;}
+/* Visually hidden, still announced — the marks are aria-hidden artwork, this names the HUD. */
+[data-reticle-hud] .reticle-brand-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;
+  overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0;}
 [data-reticle-hud] .reticle-head-sp{flex:1;}
 [data-reticle-hud] .reticle-live{display:none;flex:1;min-width:0;color:var(--reticle-muted);font-size:12.5px;
   white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
@@ -103,7 +106,6 @@ export const PRESENTER_CSS = `
 [data-reticle-hud] .reticle-chip[data-mode="idle"]{display:none;}
 [data-reticle-overlay][data-reticle-min="1"] [data-reticle-hud]{height:50px;border-radius:25px;cursor:pointer;}
 [data-reticle-overlay][data-reticle-min="1"] [data-reticle-hud] .reticle-hud-head{border-bottom:none;height:50px;padding:0 12px 0 16px;}
-[data-reticle-overlay][data-reticle-min="1"] [data-reticle-hud] .reticle-brand,
 [data-reticle-overlay][data-reticle-min="1"] [data-reticle-hud] .reticle-chip,
 [data-reticle-overlay][data-reticle-min="1"] [data-reticle-hud] .reticle-head-sp,
 [data-reticle-overlay][data-reticle-min="1"] [data-reticle-hud] [data-reticle-min-btn],
@@ -113,6 +115,9 @@ export const PRESENTER_CSS = `
 [data-reticle-overlay][data-reticle-min="1"] [data-reticle-hud] [data-reticle-log],
 [data-reticle-overlay][data-reticle-min="1"] [data-reticle-hud] [data-reticle-foot],
 [data-reticle-overlay][data-reticle-min="1"] [data-reticle-hud] .reticle-banner{display:none;}
+/* Collapsed to a pill: mark only, beside the dot. Expanded: the full wordmark. */
+[data-reticle-overlay][data-reticle-min="1"] [data-reticle-hud] .reticle-wordmark{display:none;}
+[data-reticle-overlay][data-reticle-min="1"] [data-reticle-hud] .reticle-mark{display:block;}
 [data-reticle-overlay][data-reticle-min="1"] [data-reticle-hud] .reticle-live{display:block;}
 [data-reticle-overlay][data-reticle-min="1"] [data-reticle-hud] .reticle-maxhint{display:inline-flex;}
 [data-reticle-mode="reading"] [data-reticle-glow][data-on="1"]{
@@ -122,5 +127,11 @@ export const PRESENTER_CSS = `
 [data-reticle-overlay][data-reticle-throttled="1"] [data-reticle-glow][data-on="1"]{
   box-shadow:inset 0 0 0 3px rgba(251,191,36,.9),inset 0 0 28px 6px rgba(251,191,36,.45);}
 [data-reticle-overlay][data-reticle-throttled="1"] [data-reticle-hud]{--reticle-accent:#fbbf24;--reticle-accent-soft:rgba(251,191,36,.16);}
+/* The two INFINITE animations — the header dot and the border glow — are pure decoration and were
+   blinking regardless of the user's motion preference. Everything else the presenter animates is a
+   one-shot (ripple, tally pop) or a transition, which reduce-motion tolerates. */
+@media (prefers-reduced-motion:reduce){
+  [data-reticle-glow][data-on="1"],
+  [data-reticle-glow][data-on="1"][data-busy="1"]{animation:none;}}
 ${LOG_CSS}
 ${CONTROLS_CSS}`;

package/dist/presenter/presenter-tally.js

@@ -21,14 +21,14 @@ export function renderTally(el, runLog, prev) {
     const next = countVerdicts(runLog);
     if (el === undefined)
         return next;
-    if (next.passes === 0 && next.fails === 0) {
+    if (0 === next.passes && 0 === next.fails) {
         el.setAttribute('hidden', '');
         return next;
     }
     const bumpPass = next.passes > prev.passes ? ' data-bump="1"' : '';
     const bumpFail = next.fails > prev.fails ? ' data-bump="1"' : '';
-    const dimP = next.passes === 0 ? ' data-z="1"' : '';
-    const dimF = next.fails === 0 ? ' data-z="1"' : '';
+    const dimP = 0 === next.passes ? ' data-z="1"' : '';
+    const dimF = 0 === next.fails ? ' data-z="1"' : '';
     el.removeAttribute('hidden');
     el.innerHTML =
         `<span class="reticle-t-pass"${dimP}${bumpPass}>✓ ${String(next.passes)}</span>` +

package/dist/presenter/presenter-test-helpers.d.ts

@@ -7,9 +7,10 @@ export declare const wait: (ms: number) => Promise<void>;
 export declare const until: (pred: () => boolean, ms?: number) => Promise<boolean>;
 export declare const dataOn: () => string | null;
 export declare const dataBusy: () => string | null;
-export interface GlowFlips {
+interface GlowFlips {
     enters: number;
     exits: number;
     stop: () => void;
 }
 export declare function trackGlowFlips(glow: HTMLElement): GlowFlips;
+export {};

package/dist/presenter/presenter-test-helpers.js

@@ -22,9 +22,9 @@ export function trackGlowFlips(glow) {
             if (r.attributeName !== 'data-on')
                 continue;
             const v = glow.getAttribute('data-on');
-            if (v === '1')
+            if ('1' === v)
                 counts.enters++;
-            if (v === '0')
+            if ('0' === v)
                 counts.exits++;
         }
     });

package/dist/presenter/presenter-verbs.js

@@ -1,26 +1,31 @@
 // Present-tense verb for an action label in the presenter HUD (cursor status + act-log row).
 // Presenter-only UI copy — never a wire string. Shared by presenter.ts (cursor) and reticle.ts
 // (act-log row) so the two stay in lockstep.
+//
+// The CASES are wire values though, and they are core's ActionType. Spelled as free strings here,
+// a rename in core left this switch silently falling through to `default` — which returns the raw
+// action name, so the HUD degrades to "webmcp Save" instead of a verb and nothing fails.
+import { ActionType } from '@reticlehq/core';
 export function actionVerb(action) {
     switch (action) {
-        case 'click':
-        case 'dblclick':
+        case ActionType.CLICK:
+        case ActionType.DBLCLICK:
             return 'Clicking';
-        case 'fill':
-        case 'type':
+        case ActionType.FILL:
+        case ActionType.TYPE:
             return 'Typing into';
-        case 'hover':
+        case ActionType.HOVER:
             return 'Hovering';
-        case 'select':
+        case ActionType.SELECT:
             return 'Selecting';
-        case 'submit':
+        case ActionType.SUBMIT:
             return 'Submitting';
-        case 'check':
-        case 'uncheck':
+        case ActionType.CHECK:
+        case ActionType.UNCHECK:
             return 'Toggling';
-        case 'upload':
+        case ActionType.UPLOAD:
             return 'Uploading to';
-        case 'drag':
+        case ActionType.DRAG:
             return 'Dragging';
         default:
             return action;

package/dist/presenter/presenter.js

@@ -1,10 +1,11 @@
-import { ReticleCommand, PresenterMode, SessionState, isPresenterTone, isSessionState, } from '@reticlehq/core';
+import { ActionType, ReticleCommand, PresenterMode, SessionState, isPresenterTone, isSessionState, } from '@reticlehq/core';
 import { refs } from '../dom/refs.js';
 import { actionVerb } from './presenter-verbs.js';
 import { nativeSetTimeout, nativeClearTimeout, nativeNow } from '../timers/native-timers.js';
 import { LOG_KIND, CHIP_LABEL, DATA_RETICLE_LOG, HUMAN_ROW_PREFIX, clampLogMax, formatElapsed, humanDuration, appendLogRow, } from './presenter-log.js';
 import { PRESENTER_CSS } from './presenter-styles.js';
-import { BorderMode, DEFAULT_BORDER_MODE, DATA_BUSY, BUSY_OFF, DEFAULT_PACE, GlowPhase, IDLE_AFTER_MS, HEARTBEAT_MS, IDLE_NOTICE_MS, IDLE_END_MS, IDLE_END_MIN_MS, GLOW_FADE_MS, GLOW_ON, GLOW_OFF, DATA_ON, MIN_ATTR, THROTTLED_ATTR, } from './presenter-config.js';
+import { BRAND_HTML } from './presenter-brand.js';
+import { BorderMode, DEFAULT_BORDER_MODE, DATA_BUSY, BUSY_OFF, effectivePaceMs, GlowPhase, IDLE_AFTER_MS, HEARTBEAT_MS, IDLE_NOTICE_MS, IDLE_END_MS, IDLE_END_MIN_MS, GLOW_FADE_MS, GLOW_ON, GLOW_OFF, DATA_ON, MIN_ATTR, THROTTLED_ATTR, } from './presenter-config.js';
 import { buildRunState } from './presenter-run-state.js';
 import { moveCursor, ringAround, spawnRipple, pace } from './presenter-effects.js';
 import { GlowController } from './presenter-glow.js';
@@ -57,7 +58,7 @@ export class Presenter {
     #onControl;
     #panel;
     constructor(options = {}) {
-        this.#paceMs = options.paceMs ?? DEFAULT_PACE;
+        this.#paceMs = effectivePaceMs(options.paceMs);
         this.#now = options.now ?? nativeNow;
         this.#heartbeatMs = options.heartbeatMs ?? HEARTBEAT_MS;
         this.#idleNoticeMs = options.idleNoticeMs ?? IDLE_NOTICE_MS;
@@ -111,7 +112,7 @@ export class Presenter {
             return void this.#panel.setFlows(a['flows']);
         const state = a['state'];
         const tone = a['tone'];
-        const text = typeof a['text'] === 'string' && a['text'].length > 0 ? a['text'] : undefined;
+        const text = 'string' === typeof a['text'] && a['text'].length > 0 ? a['text'] : undefined;
         if (isSessionState(state))
             this.setState(state, text, isPresenterTone(tone) ? tone : undefined);
     }
@@ -124,7 +125,7 @@ export class Presenter {
         this.#pruneLog();
     }
     mount() {
-        if (this.#root !== undefined || typeof document === 'undefined')
+        if (this.#root !== undefined || 'undefined' === typeof document)
             return;
         const style = document.createElement('style');
         style.setAttribute('data-reticle-overlay', '');
@@ -137,7 +138,7 @@ export class Presenter {
       <div data-reticle-cursor></div>
       <div data-reticle-ring></div>
       <div data-reticle-hud>
-        <div class="reticle-hud-head"><span class="reticle-dot"></span><span class="reticle-brand">Reticle</span><span class="reticle-chip" data-reticle-chip></span><span class="reticle-tally" data-reticle-tally hidden></span><span class="reticle-live"></span><span class="reticle-head-sp"></span><button type="button" data-reticle-min-btn title="Minimise" aria-label="Minimise the panel">⌄</button>${CONTROLS_HEAD_HTML}<span class="reticle-maxhint" aria-hidden="true">⌃</span></div>
+        <div class="reticle-hud-head">${BRAND_HTML}<span class="reticle-chip" data-reticle-chip></span><span class="reticle-tally" data-reticle-tally hidden></span><span class="reticle-live"></span><span class="reticle-head-sp"></span><button type="button" data-reticle-min-btn title="Minimise" aria-label="Minimise the panel">⌄</button>${CONTROLS_HEAD_HTML}<span class="reticle-maxhint" aria-hidden="true">⌃</span></div>
         <div class="reticle-act-strip"><span class="reticle-act">idle</span></div>
         ${CONTROLS_BANNER_HTML}
         <div ${DATA_RETICLE_LOG}></div>
@@ -162,7 +163,7 @@ export class Presenter {
             setMin(true);
         });
         root.querySelector('.reticle-hud-head')?.addEventListener('click', () => {
-            if (root.getAttribute(MIN_ATTR) === '1')
+            if ('1' === root.getAttribute(MIN_ATTR))
                 setMin(false); // clicking the minimised bar restores
         });
         this.#glowCtl.setElements(this.#glow, this.#cursor);
@@ -348,7 +349,7 @@ export class Presenter {
         if (this.#log === undefined)
             return undefined;
         const trimmed = text.trim();
-        if (trimmed.length === 0)
+        if (0 === trimmed.length)
             return undefined;
         this.#logBaseMs ??= ms;
         // Structured run-log entry (mirrors the DOM row) for the exported run state, capped like the DOM.
@@ -381,7 +382,7 @@ export class Presenter {
     }
     /** Back-compat: narration appends to the live log (append-only, never overwrites). */
     narrate(text, level = 'info') {
-        const line = level === 'info' ? text : `[${level}] ${text}`;
+        const line = 'info' === level ? text : `[${level}] ${text}`;
         return this.log(LOG_KIND.NARRATION, line);
     }
     #pruneLog() {
@@ -417,7 +418,9 @@ export class Presenter {
         moveCursor(this.#cursor, cx, cy);
         ringAround(this.#ring, rect);
         await pace(this.#paceMs);
-        if (action === 'click' || action === 'dblclick' || action === 'submit')
+        if (ActionType.CLICK === action ||
+            ActionType.DBLCLICK === action ||
+            ActionType.SUBMIT === action)
             spawnRipple(this.#root, cx, cy);
     }
 }

package/dist/recorder/recorder.js

@@ -33,6 +33,7 @@ const ANNOTATION_LABEL = {
     [AnnotationKind.ASSERT_SIGNAL]: 'assert signal',
     [AnnotationKind.ASSERT_VISIBLE]: 'assert visible',
     [AnnotationKind.ASSERT_STATE]: 'assert state',
+    [AnnotationKind.ASSERT_NET]: 'assert request',
     [AnnotationKind.MARK_DYNAMIC]: 'mark dynamic',
     [AnnotationKind.SUCCESS_STATE]: 'success state',
     [AnnotationKind.INTENT]: 'intent',
@@ -64,13 +65,13 @@ export function anchorFor(el) {
 function isTextbox(el) {
     if (el instanceof HTMLTextAreaElement)
         return true;
-    return el instanceof HTMLInputElement && inputRole(el) === 'textbox';
+    return el instanceof HTMLInputElement && 'textbox' === inputRole(el);
 }
 function inputRole(el) {
     const type = el.type.toLowerCase();
-    if (type === 'checkbox')
+    if ('checkbox' === type)
         return 'checkbox';
-    if (type === 'radio')
+    if ('radio' === type)
         return 'radio';
     if (['text', 'email', 'tel', 'url', 'search', 'password', ''].includes(type))
         return 'textbox';
@@ -163,7 +164,7 @@ class Recorder {
     mount() {
         if (this.#root !== undefined)
             return;
-        if (typeof document === 'undefined')
+        if ('undefined' === typeof document)
             return;
         this.#buildToolbar();
         this.#installCapture();
@@ -222,7 +223,7 @@ class Recorder {
         // semantic step (CHECK/UNCHECK/SELECT). Recording a CLICK here too would replay any onChange
         // side effect twice (analytics, dependent-field resets), so skip the duplicate.
         if ((target instanceof HTMLInputElement &&
-            (inputRole(target) === 'checkbox' || inputRole(target) === 'radio')) ||
+            ('checkbox' === inputRole(target) || 'radio' === inputRole(target))) ||
             target instanceof HTMLSelectElement) {
             return;
         }
@@ -244,12 +245,12 @@ class Recorder {
         const target = this.#ignore(ev);
         if (target === undefined)
             return;
-        if (target instanceof HTMLInputElement && inputRole(target) === 'checkbox') {
+        if (target instanceof HTMLInputElement && 'checkbox' === inputRole(target)) {
             this.#flushPendingFill();
             this.#steps.push(buildStep(target, target.checked ? ActionType.CHECK : ActionType.UNCHECK));
             return;
         }
-        if (target instanceof HTMLInputElement && inputRole(target) === 'radio') {
+        if (target instanceof HTMLInputElement && 'radio' === inputRole(target)) {
             this.#flushPendingFill();
             this.#steps.push(buildStep(target, ActionType.CHECK));
             return;
@@ -328,7 +329,7 @@ class Recorder {
     #start() {
         // A fresh span — no leakage from a previous Record→Stop cycle.
         this.#steps = [];
-        this.#startPath = typeof location === 'undefined' ? undefined : location.pathname;
+        this.#startPath = 'undefined' === typeof location ? undefined : location.pathname;
         this.#annotations = [];
         this.#pendingFill = undefined;
         this.#draft = undefined;
@@ -340,7 +341,7 @@ class Recorder {
         const name = this.#nameField() ?? this.#deps.defaultName ?? DEFAULT_NAME;
         const flow = compileRecording(name, this.#steps, this.#annotations, this.#deps.now(), this.#startPath);
         this.#deps.emit(EventType.FLOW_RECORDED, { name, flow });
-        this.#setStatus(this.#steps.length === 0 ? RECORDER_EMPTY_MSG : STATUS_IDLE);
+        this.#setStatus(0 === this.#steps.length ? RECORDER_EMPTY_MSG : STATUS_IDLE);
         this.#setPhase(RecorderPhase.IDLE);
         this.#closeMenu();
     }

package/dist/registry/capabilities.d.ts

@@ -16,6 +16,8 @@ export interface CapabilitiesInput {
     stores?: string[];
     flows?: CapabilityFlow[];
 }
+/** Set by the SDK at connect. Idempotent; the last connect wins. */
+export declare function setCapabilitiesListener(cb: (() => void) | undefined): void;
 /** Called by the host app via reticle.describe. Merges (idempotent), never replaces wholesale. */
 export declare function registerCapabilities(input: CapabilitiesInput): void;
 /** Snapshot copy of the registered capabilities (defensive — never hand out the live arrays). */

package/dist/registry/capabilities.js

@@ -12,6 +12,21 @@ function mergeUnique(into, add) {
         if (!into.includes(v))
             into.push(v);
 }
+/**
+ * Notified whenever capabilities change, so the SDK can re-announce them to the bridge.
+ *
+ * `hasCapabilities` rides in the HELLO, which goes out at connect() — and registering deliberately
+ * happens AFTER connect, because `registerStore` needs a live SDK to subscribe through. Without a
+ * notification, an app that declared its whole testable surface still appeared to the agent as
+ * having none, permanently. The hook lives HERE rather than on `reticle.describe` because the
+ * documented entry point is this bare function; only wiring `describe` would have fixed the path
+ * almost nobody uses.
+ */
+let onChanged;
+/** Set by the SDK at connect. Idempotent; the last connect wins. */
+export function setCapabilitiesListener(cb) {
+    onChanged = cb;
+}
 /** Called by the host app via reticle.describe. Merges (idempotent), never replaces wholesale. */
 export function registerCapabilities(input) {
     mergeUnique(capabilities.testids, input.testids);
@@ -28,6 +43,7 @@ export function registerCapabilities(input) {
             }
         }
     }
+    onChanged?.();
 }
 /** Snapshot copy of the registered capabilities (defensive — never hand out the live arrays). */
 export function getCapabilities() {

package/dist/registry/store-adapters.d.ts

@@ -1,4 +1,4 @@
-import type { StoreLike } from './stores.js';
+import type { StoreLike, StoreSubscribe } from './stores.js';
 /**
  * Adapters that give non-`{getState, subscribe}` state libraries the shape `registerStore` wants.
  *
@@ -119,6 +119,132 @@ export declare function valtioStore<T extends object>(proxy: T, snapshot: (p: T)
  * ```
  */
 export declare function mobxStore<T>(observable: T, toJS: (value: T) => unknown, reaction: (track: () => unknown, effect: () => void) => () => void): StoreLike;
+/** The minimum of a Recoil `Loadable` this adapter touches. */
+interface RecoilLoadableLike {
+    /** 'hasValue' | 'loading' | 'hasError'. Widened to string: it arrives from outside this package. */
+    state: string;
+    /** The value, the pending promise, or the thrown error — which one depends on `state`. */
+    contents: unknown;
+}
+/** The minimum of a Recoil `Snapshot` this adapter touches, generic in the ATOM type. */
+interface RecoilSnapshotLike<A> {
+    getLoadable: (atom: A) => RecoilLoadableLike;
+}
+/** How one Recoil atom is projected: the value never travels without the load state beside it. */
+export interface RecoilAtomSnapshot {
+    status: string;
+    value: unknown;
+    error: string | null;
+}
+/**
+ * Expose a chosen set of Recoil atoms as one Reticle store.
+ *
+ * Three things about Recoil's API shape this adapter is built around, none of them optional:
+ *
+ *  - **The atom map is forced, not an ergonomic choice.** Recoil has no enumerable registry of live
+ *    atoms, so "the whole store" is not a thing that exists. Naming the atoms is the only way to
+ *    snapshot them, and it doubles as a declaration of what matters — the same reason `jotaiStore`
+ *    takes one.
+ *  - **`.state`/`.contents`, never `.getValue()`.** On a pending async selector `getValue()` THROWS
+ *    the pending promise, and on a failed one it throws the error. Either would take down the whole
+ *    state read over one slow atom — so a loading atom reports `status: 'loading'` with a null value
+ *    rather than silently becoming an empty object or an exception.
+ *  - **One subscription, not one per atom.** Recoil exposes no per-atom subscription outside React
+ *    (`jotaiStore` gets `store.sub(atom, …)`; there is no equivalent here). The transaction stream is
+ *    the only public change signal, so the caller passes it in — the same "the library ships free
+ *    functions, so hand them over" shape as `valtioStore` and `mobxStore`.
+ *
+ * Wire it from a bridge component, which is where `useRecoilTransactionObserver_UNSTABLE` lives:
+ *
+ * ```tsx
+ * const latest = useRef(snapshot_UNSTABLE());
+ * const listeners = useRef(new Set<() => void>()).current;
+ * useRecoilTransactionObserver_UNSTABLE(({ snapshot }) => {
+ *   latest.current = snapshot;
+ *   for (const l of listeners) l();
+ * });
+ * registerStore('recoil', recoilStore({ cart: cartAtom }, () => latest.current, (l) => {
+ *   listeners.add(l);
+ *   return () => listeners.delete(l);
+ * }));
+ * ```
+ */
+export declare function recoilStore<A>(atoms: Record<string, A>, snapshot: () => RecoilSnapshotLike<A>, subscribe: StoreSubscribe): StoreLike;
+/**
+ * The minimum of a Svelte store this adapter touches.
+ *
+ * `subscribe` may return either the unsubscribe function or an object carrying one — the store
+ * contract permits both, and an RxJS-shaped source returns the object form.
+ */
+interface SvelteReadable {
+    subscribe: (run: (value: unknown) => void) => (() => void) | {
+        unsubscribe: () => void;
+    };
+}
+/**
+ * Expose a Svelte store as a Reticle store.
+ *
+ * Structurally unlike every other adapter in this file: they all wrap something that can be PULLED
+ * (`getState`, `getSnapshot`, `snapshot(proxy)`, `toJS`). A Svelte store has no pull side at all —
+ * `{ subscribe }` is the entire contract. What makes a pull possible anyway is the part of that
+ * contract which says `subscribe` must call back **immediately and synchronously** with the current
+ * value: subscribe, catch the value, unsubscribe, return it. That is precisely how `svelte/store`'s
+ * own `get()` is implemented, so it is a blessed read rather than a trick.
+ *
+ * Doing it that way is what keeps this adapter free of the `dispose` the obvious implementation
+ * needs. Caching the latest value would mean holding a permanent subscription, which means a
+ * teardown the other five adapters don't have, which means a leak the moment a caller forgets it.
+ * A transient subscription per read owns nothing and leaks nothing.
+ *
+ * ```ts
+ * registerStore('cart', svelteStore(cartStore));
+ * ```
+ */
+export declare function svelteStore(readable: SvelteReadable, warn?: (message: string) => void): StoreLike;
+/**
+ * The minimum of a Pinia store this adapter touches.
+ *
+ * Two things here look over-specified and are not, both found by compiling against the real library
+ * rather than against a fake written to the same belief as the adapter:
+ *
+ *  - **`$state: object`, not `Record<string, unknown>`.** A Pinia store's `$state` is a concrete
+ *    object type with named keys and no index signature, and TypeScript rejects those for a
+ *    `Record<string, unknown>` parameter. `piniaStore(useCartStore())` did not compile — the same
+ *    shape of failure as the Jotai contravariance note above, and equally invisible to a fake.
+ *  - **`flush` as the literal union**, not `string`. The option object is checked contravariantly, so
+ *    a widened `string` here makes the real `$subscribe` unassignable to this shape and the whole
+ *    store stops matching.
+ */
+interface PiniaStoreLike {
+    $state: object;
+    $subscribe: (callback: (mutation: unknown, state: unknown) => void, options?: {
+        detached?: boolean;
+        flush?: 'pre' | 'post' | 'sync';
+    }) => () => void;
+}
+/**
+ * Expose a Pinia store as a Reticle store. `$state` / `$subscribe` are close to `{getState,
+ * subscribe}` but not close enough for `registerStore`'s duck-type, which is the whole reason a Vue
+ * app currently connects and then reports no state at all.
+ *
+ * Both `$subscribe` options are load-bearing:
+ *
+ *  - **`detached`** keeps the subscription alive past the component that happened to register the
+ *    store. Without it Pinia tears the listener down on unmount, so a store registered from inside a
+ *    component goes permanently silent after the first route change — readable, but never again
+ *    emitting a STATE_CHANGE, which reads exactly like an app that stopped changing.
+ *  - **`flush: 'sync'`** puts the notification inside the action's attribution window. The default
+ *    (`'post'`) defers it past the Vue update tick, and a state change that lands after the window
+ *    closed is no longer linked to the click that caused it in the causal summary.
+ *
+ * `$state` carries state, not getters — a Pinia getter is derived, so asserting on the state it
+ * derives from is the stronger assertion anyway.
+ *
+ * ```ts
+ * registerStore('cart', piniaStore(useCartStore()));
+ * ```
+ */
+export declare function piniaStore(store: PiniaStoreLike): StoreLike;
 /**
  * Build a store whose value is PUSHED in rather than pulled — for state that has no object to read.
  *