@ourroadmaps/web-sdk 1.4.0 → 1.5.0

package/dist/review.global.js

@@ -1,4 +1,4 @@
-"use strict";var OurRoadmaps=(()=>{var v=Object.defineProperty;var _=Object.getOwnPropertyDescriptor;var X=Object.getOwnPropertyNames;var F=Object.prototype.hasOwnProperty;var W=(n,e,t)=>e in n?v(n,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):n[e]=t;var B=(n,e)=>{for(var t in e)v(n,t,{get:e[t],enumerable:!0})},j=(n,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let o of X(e))!F.call(n,o)&&o!==t&&v(n,o,{get:()=>e[o],enumerable:!(i=_(e,o))||i.enumerable});return n};var q=n=>j(v({},"__esModule",{value:!0}),n);var r=(n,e,t)=>W(n,typeof e!="symbol"?e+"":e,t);var Q={};B(Q,{Review:()=>P});var G={},S=(typeof G<"u","https://api.ourroadmaps.com");async function L(n){let e=await fetch(`${S}/v1/prototype-review/${n}`);if(e.status===410)throw new m("expired","This feedback session has expired");if(e.status===404)throw new m("invalid","This review link is not valid");if(!e.ok)throw new m("error","Something went wrong");return(await e.json()).data}async function M(n,e){let t=await fetch(`${S}/v1/prototype-review/${n}/comments`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(!t.ok)throw new m("error","Failed to submit comment");return(await t.json()).data}async function w(n){let e=await fetch(`${S}/v1/prototype-review/${n}/comments`);if(!e.ok)throw new m("error","Failed to load comments");return(await e.json()).data}var m=class extends Error{constructor(t,i){super(i);this.code=t;this.name="ReviewError"}};function z(n,e){let t=document.elementFromPoint(n,e),i=document.documentElement,o=(n+window.scrollX)/i.scrollWidth*100,s=(e+window.scrollY)/i.scrollHeight*100;if(!t||t===document.body||t===i)return{pinX:o,pinY:s,element:{selector:"body",tag:"body",text:"",ariaLabel:null,className:"",boundingBox:{x:0,y:0,w:i.scrollWidth,h:i.scrollHeight}},context:{parentTag:"",parentText:"",grandparentTag:"",siblings:[],nearbyText:""},viewportWidth:window.innerWidth,viewportHeight:window.innerHeight};let a=t.getBoundingClientRect();return{pinX:o,pinY:s,element:{selector:J(t),tag:t.tagName.toLowerCase(),text:b(t).slice(0,200),ariaLabel:t.getAttribute("aria-label"),className:t.className&&typeof t.className=="string"?t.className:"",boundingBox:{x:Math.round(a.x),y:Math.round(a.y),w:Math.round(a.width),h:Math.round(a.height)}},context:{parentTag:t.parentElement?`${t.parentElement.tagName.toLowerCase()}${D(t.parentElement)}`:"",parentText:t.parentElement?b(t.parentElement).slice(0,100):"",grandparentTag:t.parentElement?.parentElement?`${t.parentElement.parentElement.tagName.toLowerCase()}${D(t.parentElement.parentElement)}`:"",siblings:K(t),nearbyText:V(t).slice(0,200)},viewportWidth:window.innerWidth,viewportHeight:window.innerHeight}}function J(n){let e=[],t=n;for(;t&&t!==document.body;){if(t.id){e.unshift(`#${t.id}`);break}let i=t.tagName.toLowerCase();if(t.className&&typeof t.className=="string"){let o=t.className.trim().split(/\s+/).slice(0,2).join(".");o&&(i+=`.${o}`)}e.unshift(i),t=t.parentElement}return e.join(" > ")}function b(n){let e="";for(let t of n.childNodes)t.nodeType===Node.TEXT_NODE&&(e+=t.textContent?.trim()||"");return e.trim()||n.textContent?.trim().slice(0,200)||""}function D(n){if(!n.className||typeof n.className!="string")return"";let e=n.className.trim().split(/\s+/).slice(0,2).join(".");return e?`.${e}`:""}function K(n){if(!n.parentElement)return[];let e=[];for(let t of n.parentElement.children){if(t===n)continue;let i=t.tagName.toLowerCase(),o=(t.textContent?.trim()||"").slice(0,50);if(e.push(o?`${i}:${o}`:i),e.length>=4)break}return e}function V(n){let e=n.parentElement,t=0;for(;e&&t<3;){let i=b(e);if(i&&i!==b(n))return i;e=e.parentElement,t++}return""}var I=`
+"use strict";var OurRoadmaps=(()=>{var w=Object.defineProperty;var q=Object.getOwnPropertyDescriptor;var X=Object.getOwnPropertyNames;var _=Object.prototype.hasOwnProperty;var F=(o,e,t)=>e in o?w(o,e,{enumerable:!0,configurable:!0,writable:!0,value:t}):o[e]=t;var W=(o,e)=>{for(var t in e)w(o,t,{get:e[t],enumerable:!0})},K=(o,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let n of X(e))!_.call(o,n)&&n!==t&&w(o,n,{get:()=>e[n],enumerable:!(i=q(e,n))||i.enumerable});return o};var G=o=>K(w({},"__esModule",{value:!0}),o);var s=(o,e,t)=>F(o,typeof e!="symbol"?e+"":e,t);var ee={};W(ee,{Review:()=>T});var V={},b=(typeof V<"u","https://api.ourroadmaps.com");async function M(o){let e=await fetch(`${b}/v1/prototype-review/${o}`);if(e.status===410)throw new h("expired","This feedback session has expired");if(e.status===404)throw new h("invalid","This review link is not valid");if(!e.ok)throw new h("error","Something went wrong");return(await e.json()).data}async function S(o,e,t){let i={};if(e&&(i.name=e),t&&(i.email=t),!(await fetch(`${b}/v1/prototype-review/${o}/identify`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(i)})).ok)throw new h("error","Failed to identify")}async function H(o,e){let t=await fetch(`${b}/v1/prototype-review/${o}/comments`,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(e)});if(!t.ok)throw new h("error","Failed to submit comment");return(await t.json()).data}async function g(o){let e=await fetch(`${b}/v1/prototype-review/${o}/comments`);if(!e.ok)throw new h("error","Failed to load comments");return(await e.json()).data}var h=class extends Error{constructor(t,i){super(i);this.code=t;this.name="ReviewError"}};function I(o,e){let t=document.elementFromPoint(o,e),i=document.documentElement,n=(o+window.scrollX)/i.scrollWidth*100,r=(e+window.scrollY)/i.scrollHeight*100;if(!t||t===document.body||t===i)return{pinX:n,pinY:r,element:{selector:"body",tag:"body",text:"",ariaLabel:null,className:"",boundingBox:{x:0,y:0,w:i.scrollWidth,h:i.scrollHeight}},context:{parentTag:"",parentText:"",grandparentTag:"",siblings:[],nearbyText:""},viewportWidth:window.innerWidth,viewportHeight:window.innerHeight};let a=t.getBoundingClientRect();return{pinX:n,pinY:r,element:{selector:J(t),tag:t.tagName.toLowerCase(),text:x(t).slice(0,200),ariaLabel:t.getAttribute("aria-label"),className:t.className&&typeof t.className=="string"?t.className:"",boundingBox:{x:Math.round(a.x),y:Math.round(a.y),w:Math.round(a.width),h:Math.round(a.height)}},context:{parentTag:t.parentElement?`${t.parentElement.tagName.toLowerCase()}${U(t.parentElement)}`:"",parentText:t.parentElement?x(t.parentElement).slice(0,100):"",grandparentTag:t.parentElement?.parentElement?`${t.parentElement.parentElement.tagName.toLowerCase()}${U(t.parentElement.parentElement)}`:"",siblings:Z(t),nearbyText:Q(t).slice(0,200)},viewportWidth:window.innerWidth,viewportHeight:window.innerHeight}}function J(o){let e=[],t=o;for(;t&&t!==document.body;){if(t.id){e.unshift(`#${t.id}`);break}let i=t.tagName.toLowerCase();if(t.className&&typeof t.className=="string"){let n=t.className.trim().split(/\s+/).slice(0,2).join(".");n&&(i+=`.${n}`)}e.unshift(i),t=t.parentElement}return e.join(" > ")}function x(o){let e="";for(let t of o.childNodes)t.nodeType===Node.TEXT_NODE&&(e+=t.textContent?.trim()||"");return e.trim()||o.textContent?.trim().slice(0,200)||""}function U(o){if(!o.className||typeof o.className!="string")return"";let e=o.className.trim().split(/\s+/).slice(0,2).join(".");return e?`.${e}`:""}function Z(o){if(!o.parentElement)return[];let e=[];for(let t of o.parentElement.children){if(t===o)continue;let i=t.tagName.toLowerCase(),n=(t.textContent?.trim()||"").slice(0,50);if(e.push(n?`${i}:${n}`:i),e.length>=4)break}return e}function Q(o){let e=o.parentElement,t=0;for(;e&&t<3;){let i=x(e);if(i&&i!==x(o))return i;e=e.parentElement,t++}return""}var A=`
 :host {
   all: initial;
 }
@@ -70,6 +70,242 @@
   box-shadow: 0 -2px 16px rgba(0, 0, 0, 0.2);
 }
 
+/* \u2500\u2500\u2500 Mode Toggle \u2500\u2500\u2500 */
+.review-mode-toggle {
+  display: flex;
+  border-radius: 6px;
+  overflow: hidden;
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.review-mode-btn {
+  padding: 5px 10px;
+  font-family: inherit;
+  font-size: 12px;
+  font-weight: 500;
+  border: none;
+  cursor: pointer;
+  color: rgba(255, 255, 255, 0.6);
+  background: transparent;
+  transition: background 0.15s ease, color 0.15s ease;
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  white-space: nowrap;
+}
+
+.review-mode-btn:hover {
+  color: rgba(255, 255, 255, 0.85);
+  background: rgba(255, 255, 255, 0.08);
+}
+
+.review-mode-btn--active {
+  background: #7c3aed;
+  color: #fff;
+}
+
+.review-mode-btn--active:hover {
+  background: #6d28d9;
+  color: #fff;
+}
+
+/* \u2500\u2500\u2500 Comments Panel \u2500\u2500\u2500 */
+.review-panel {
+  position: fixed;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  width: 320px;
+  background: #111;
+  color: #fff;
+  font-family: system-ui, -apple-system, sans-serif;
+  z-index: 10001;
+  display: flex;
+  flex-direction: column;
+  border-left: 1px solid rgba(255, 255, 255, 0.1);
+  transform: translateX(100%);
+  transition: transform 0.2s ease;
+}
+
+.review-panel--open {
+  transform: translateX(0);
+}
+
+.review-panel-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 14px 16px;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
+  flex-shrink: 0;
+}
+
+.review-panel-header h3 {
+  margin: 0;
+  font-size: 14px;
+  font-weight: 600;
+  color: rgba(255, 255, 255, 0.9);
+}
+
+.review-panel-close {
+  background: none;
+  border: none;
+  color: rgba(255, 255, 255, 0.5);
+  cursor: pointer;
+  padding: 4px;
+  border-radius: 4px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: color 0.15s ease, background 0.15s ease;
+}
+
+.review-panel-close:hover {
+  color: rgba(255, 255, 255, 0.9);
+  background: rgba(255, 255, 255, 0.1);
+}
+
+.review-panel-body {
+  flex: 1;
+  overflow-y: auto;
+  padding: 12px 16px;
+}
+
+.review-panel-section {
+  margin-bottom: 16px;
+}
+
+.review-panel-section-header {
+  font-size: 11px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: rgba(255, 255, 255, 0.4);
+  margin-bottom: 8px;
+  padding-bottom: 6px;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
+}
+
+.review-panel-section-toggle {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 11px;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: rgba(255, 255, 255, 0.4);
+  margin-bottom: 8px;
+  padding-bottom: 6px;
+  border: none;
+  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
+  background: none;
+  cursor: pointer;
+  width: 100%;
+  text-align: left;
+  transition: color 0.15s ease;
+}
+
+.review-panel-section-toggle:hover {
+  color: rgba(255, 255, 255, 0.6);
+}
+
+.review-panel-section-toggle svg {
+  transition: transform 0.15s ease;
+}
+
+.review-panel-section-toggle--expanded svg {
+  transform: rotate(90deg);
+}
+
+.review-panel-page-label {
+  font-size: 11px;
+  color: rgba(255, 255, 255, 0.3);
+  margin: 10px 0 6px;
+  font-family: monospace;
+}
+
+.review-panel-page-label:first-child {
+  margin-top: 0;
+}
+
+/* \u2500\u2500\u2500 Comment Item \u2500\u2500\u2500 */
+.review-panel-comment {
+  background: rgba(255, 255, 255, 0.05);
+  border-radius: 6px;
+  padding: 10px 12px;
+  margin-bottom: 6px;
+  cursor: pointer;
+  transition: background 0.15s ease;
+}
+
+.review-panel-comment:hover {
+  background: rgba(255, 255, 255, 0.08);
+}
+
+.review-panel-comment-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin-bottom: 4px;
+}
+
+.review-panel-pin-badge {
+  width: 18px;
+  height: 18px;
+  border-radius: 50%;
+  background: #7c3aed;
+  color: #fff;
+  font-size: 10px;
+  font-weight: 600;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+}
+
+.review-panel-general-badge {
+  width: 18px;
+  height: 18px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-shrink: 0;
+  color: rgba(255, 255, 255, 0.5);
+}
+
+.review-panel-comment-author {
+  font-size: 12px;
+  font-weight: 600;
+  color: rgba(255, 255, 255, 0.8);
+}
+
+.review-panel-comment-text {
+  font-size: 13px;
+  color: rgba(255, 255, 255, 0.6);
+  line-height: 1.4;
+  margin-bottom: 4px;
+}
+
+.review-panel-comment-time {
+  font-size: 11px;
+  color: rgba(255, 255, 255, 0.3);
+}
+
+.review-panel-empty {
+  text-align: center;
+  padding: 24px 16px;
+  color: rgba(255, 255, 255, 0.3);
+  font-size: 13px;
+}
+
+.review-panel-loading {
+  text-align: center;
+  padding: 24px 16px;
+  color: rgba(255, 255, 255, 0.4);
+  font-size: 13px;
+}
+
 /* \u2500\u2500\u2500 Comment Card \u2500\u2500\u2500 */
 .review-comment-card {
   position: fixed;
@@ -250,6 +486,81 @@
   backdrop-filter: blur(8px);
 }
 
+/* \u2500\u2500\u2500 Name Entry Overlay \u2500\u2500\u2500 */
+.review-name-overlay {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.4);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 10003;
+  backdrop-filter: blur(2px);
+}
+
+.review-name-card {
+  background: #fff;
+  border-radius: 12px;
+  padding: 28px 32px;
+  font-family: system-ui, -apple-system, sans-serif;
+  box-shadow: 0 8px 30px rgba(0, 0, 0, 0.2);
+  max-width: 360px;
+  width: 90%;
+  border: 1px solid rgba(0, 0, 0, 0.06);
+}
+
+.review-name-card h3 {
+  margin: 0 0 4px;
+  font-size: 17px;
+  font-weight: 600;
+  color: #111;
+}
+
+.review-name-card p {
+  margin: 0 0 20px;
+  font-size: 14px;
+  color: #666;
+}
+
+.review-name-card label {
+  display: block;
+  font-size: 13px;
+  font-weight: 500;
+  color: #374151;
+  margin-bottom: 6px;
+}
+
+.review-name-card input {
+  width: 100%;
+  border: 1px solid #d1d5db;
+  border-radius: 8px;
+  padding: 10px 12px;
+  font-family: inherit;
+  font-size: 14px;
+  color: #1f2937;
+  background: #fafafa;
+  box-sizing: border-box;
+  outline: none;
+  transition: border-color 0.15s ease, box-shadow 0.15s ease;
+}
+
+.review-name-card input:focus {
+  border-color: #7c3aed;
+  box-shadow: 0 0 0 2px rgba(124, 58, 237, 0.15);
+  background: #fff;
+}
+
+.review-name-card input::placeholder {
+  color: #9ca3af;
+}
+
+.review-name-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+  margin-top: 20px;
+}
+
 /* \u2500\u2500\u2500 Reduced Motion \u2500\u2500\u2500 */
 @media (prefers-reduced-motion: reduce) {
   *, *::before, *::after {
@@ -257,7 +568,7 @@
     transition-duration: 0.01ms !important;
   }
 }
-`,U=`
+`,B=`
 body {
   position: relative !important;
 }
@@ -314,25 +625,73 @@ body {
     transition-duration: 0.01ms !important;
   }
 }
-`;var k="roadmaps-review-pin-styles",u=class{constructor(){r(this,"container");r(this,"pins",new Map);r(this,"styleEl",null);this.container=document.createElement("div"),this.container.className="pin-container"}mount(){document.getElementById(k)||(this.styleEl=document.createElement("style"),this.styleEl.id=k,this.styleEl.textContent=U,document.head.appendChild(this.styleEl)),document.body.appendChild(this.container)}addPin(e,t,i,o,s){let a=document.createElement("div");a.className=o?"review-pin":"review-pin review-pin--other",a.textContent=String(e),a.style.left=`${t}%`,a.style.top=`${i}%`,a.dataset.pinNumber=String(e),a.dataset.pageUrl=s,this.container.appendChild(a),this.pins.set(e,{el:a,pageUrl:s})}removePin(e){let t=this.pins.get(e);t&&(t.el.remove(),this.pins.delete(e))}highlightPin(e){for(let[t,{el:i}]of this.pins)i.classList.toggle("review-pin--highlighted",t===e)}clearHighlight(){for(let{el:e}of this.pins.values())e.classList.remove("review-pin--highlighted")}filterByPage(e){for(let{el:t,pageUrl:i}of this.pins.values())t.style.display=i===e?"":"none"}showAll(){for(let{el:e}of this.pins.values())e.style.display=""}countForPage(e){let t=0;for(let{pageUrl:i}of this.pins.values())i===e&&t++;return t}destroy(){this.container.remove(),this.pins.clear(),this.styleEl?(this.styleEl.remove(),this.styleEl=null):document.getElementById(k)?.remove()}};var x=class{constructor(e){this.shadowRoot=e;r(this,"card",null);r(this,"onSubmit",null);r(this,"onCancel",null)}show(e){this.hide(),this.onSubmit=e.onSubmit,this.onCancel=e.onCancel,this.card=document.createElement("div"),this.card.className="review-comment-card",this.card.style.left=`${Math.min(e.x,window.innerWidth-320)}px`,this.card.style.top=`${Math.min(e.y+20,window.innerHeight-200)}px`,this.card.innerHTML=`
+`;var N="roadmaps-review-pin-styles",u=class{constructor(){s(this,"container");s(this,"pins",new Map);s(this,"styleEl",null);this.container=document.createElement("div"),this.container.className="pin-container"}mount(){document.getElementById(N)||(this.styleEl=document.createElement("style"),this.styleEl.id=N,this.styleEl.textContent=B,document.head.appendChild(this.styleEl)),document.body.appendChild(this.container)}addPin(e,t,i,n,r){let a=this.pins.get(e);a&&(a.el.remove(),this.pins.delete(e));let l=document.createElement("div");l.className=n?"review-pin":"review-pin review-pin--other",l.textContent=String(e),l.style.left=`${t}%`,l.style.top=`${i}%`,l.dataset.pinNumber=String(e),l.dataset.pageUrl=r,this.container.appendChild(l),this.pins.set(e,{el:l,pageUrl:r})}removePin(e){let t=this.pins.get(e);t&&(t.el.remove(),this.pins.delete(e))}highlightPin(e){for(let[t,{el:i}]of this.pins)i.classList.toggle("review-pin--highlighted",t===e)}clearHighlight(){for(let{el:e}of this.pins.values())e.classList.remove("review-pin--highlighted")}filterByPage(e){for(let{el:t,pageUrl:i}of this.pins.values())t.style.display=i===e?"":"none"}showAll(){for(let{el:e}of this.pins.values())e.style.display=""}countForPage(e){let t=0;for(let{pageUrl:i}of this.pins.values())i===e&&t++;return t}destroy(){this.container.remove(),this.pins.clear(),this.styleEl?(this.styleEl.remove(),this.styleEl=null):document.getElementById(N)?.remove()}};var y=class{constructor(e){this.shadowRoot=e;s(this,"card",null);s(this,"onSubmit",null);s(this,"onCancel",null)}show(e){this.hide(),this.onSubmit=e.onSubmit,this.onCancel=e.onCancel,this.card=document.createElement("div"),this.card.className="review-comment-card",this.card.style.left=`${Math.min(e.x,window.innerWidth-320)}px`,this.card.style.top=`${Math.min(e.y+20,window.innerHeight-200)}px`,this.card.innerHTML=`
       <textarea class="review-comment-input" placeholder="Leave your feedback..." rows="3"></textarea>
       <div class="review-comment-actions">
         <button class="review-btn review-btn--cancel">Cancel</button>
         <button class="review-btn review-btn--submit">Submit</button>
       </div>
       <div class="review-comment-error" style="display:none"></div>
-    `,this.attachListeners(),this.shadowRoot.appendChild(this.card),this.card.querySelector("textarea")?.focus()}hide(){this.card?.remove(),this.card=null}showForGeneral(e){this.show({x:window.innerWidth/2-150,y:window.innerHeight/2-100,onSubmit:e.onSubmit,onCancel:e.onCancel})}attachListeners(){this.card&&(this.card.querySelector(".review-btn--cancel")?.addEventListener("click",()=>{this.onCancel?.(),this.hide()}),this.card.querySelector(".review-btn--submit")?.addEventListener("click",()=>this.handleSubmit()),this.card.querySelector("textarea")?.addEventListener("keydown",e=>{(e.metaKey||e.ctrlKey)&&e.key==="Enter"&&(e.preventDefault(),this.handleSubmit())}))}async handleSubmit(){if(!this.card)return;let e=this.card.querySelector("textarea"),t=e.value.trim();if(!t)return;let i=this.card.querySelector(".review-btn--submit"),o=this.card.querySelector(".review-comment-error");i.disabled=!0,i.textContent="Submitting...",e.disabled=!0,o.style.display="none";try{await this.onSubmit?.(t),this.hide()}catch(s){i.disabled=!1,i.textContent="Submit",e.disabled=!1,o.textContent=s instanceof Error?s.message:"Failed to submit",o.style.display="block"}}};function d(){return window.location.pathname+window.location.search+window.location.hash}var g=class{constructor(e){this.onChange=e;r(this,"popstateHandler",null);r(this,"hashchangeHandler",null);r(this,"originalPushState",null);r(this,"originalReplaceState",null);r(this,"lastPageId");this.lastPageId=d()}start(){if(this.originalPushState)return;let e=()=>{let t=d();t!==this.lastPageId&&(this.lastPageId=t,this.onChange(t))};this.popstateHandler=e,window.addEventListener("popstate",this.popstateHandler),this.hashchangeHandler=e,window.addEventListener("hashchange",this.hashchangeHandler),this.originalPushState=history.pushState.bind(history),this.originalReplaceState=history.replaceState.bind(history),history.pushState=(...t)=>{this.originalPushState(...t),e()},history.replaceState=(...t)=>{this.originalReplaceState(...t),e()}}destroy(){this.popstateHandler&&window.removeEventListener("popstate",this.popstateHandler),this.hashchangeHandler&&window.removeEventListener("hashchange",this.hashchangeHandler),this.originalPushState&&(history.pushState=this.originalPushState),this.originalReplaceState&&(history.replaceState=this.originalReplaceState)}};var y=class{constructor(e,t,i){this.token=e;this.shadowRoot=t;this.initData=i;r(this,"pinManager");r(this,"commentCard");r(this,"nextPinNumber");r(this,"pendingPinNumber",null);r(this,"promptEl",null);r(this,"toolbarEl",null);r(this,"clickHandler",null);r(this,"pageListener",null);this.pinManager=new u,this.commentCard=new x(t),this.nextPinNumber=i.nextPinNumber}async init(){document.body.style.cursor="crosshair",this.pinManager.mount(),this.showPrompt(),this.renderToolbar(),await this.loadExistingPins(),this.pinManager.filterByPage(d()),this.pageListener=new g(e=>{this.pinManager.filterByPage(e)}),this.pageListener.start(),this.clickHandler=e=>this.handleClick(e),document.addEventListener("click",this.clickHandler,!0)}showPrompt(){this.promptEl=document.createElement("div"),this.promptEl.className="review-prompt",this.promptEl.innerHTML=`
+    `,this.attachListeners(),this.shadowRoot.appendChild(this.card),this.card.querySelector("textarea")?.focus()}hide(){this.card?.remove(),this.card=null}showForGeneral(e){this.show({x:window.innerWidth/2-150,y:window.innerHeight/2-100,onSubmit:e.onSubmit,onCancel:e.onCancel})}attachListeners(){this.card&&(this.card.querySelector(".review-btn--cancel")?.addEventListener("click",()=>{this.onCancel?.(),this.hide()}),this.card.querySelector(".review-btn--submit")?.addEventListener("click",()=>this.handleSubmit()),this.card.querySelector("textarea")?.addEventListener("keydown",e=>{(e.metaKey||e.ctrlKey)&&e.key==="Enter"&&(e.preventDefault(),this.handleSubmit())}))}async handleSubmit(){if(!this.card)return;let e=this.card.querySelector("textarea"),t=e.value.trim();if(!t)return;let i=this.card.querySelector(".review-btn--submit"),n=this.card.querySelector(".review-comment-error");i.disabled=!0,i.textContent="Submitting...",e.disabled=!0,n.style.display="none";try{await this.onSubmit?.(t),this.hide()}catch(r){i.disabled=!1,i.textContent="Submit",e.disabled=!1,n.textContent=r instanceof Error?r.message:"Failed to submit",n.style.display="block"}}};function c(){return window.location.pathname+window.location.search+window.location.hash}var v=class{constructor(e){this.onChange=e;s(this,"popstateHandler",null);s(this,"hashchangeHandler",null);s(this,"originalPushState",null);s(this,"originalReplaceState",null);s(this,"lastPageId");this.lastPageId=c()}start(){if(this.originalPushState)return;let e=()=>{let t=c();t!==this.lastPageId&&(this.lastPageId=t,this.onChange(t))};this.popstateHandler=e,window.addEventListener("popstate",this.popstateHandler),this.hashchangeHandler=e,window.addEventListener("hashchange",this.hashchangeHandler),this.originalPushState=history.pushState.bind(history),this.originalReplaceState=history.replaceState.bind(history),history.pushState=(...t)=>{this.originalPushState(...t),e()},history.replaceState=(...t)=>{this.originalReplaceState(...t),e()}}destroy(){this.popstateHandler&&window.removeEventListener("popstate",this.popstateHandler),this.hashchangeHandler&&window.removeEventListener("hashchange",this.hashchangeHandler),this.originalPushState&&(history.pushState=this.originalPushState),this.originalReplaceState&&(history.replaceState=this.originalReplaceState)}};var E=class{constructor(e,t,i){this.token=e;this.shadowRoot=t;this.pinManager=i;s(this,"panelEl");s(this,"bodyEl",null);s(this,"isOpen",!1);s(this,"allPagesExpanded",!1);s(this,"comments",[]);this.panelEl=document.createElement("div"),this.panelEl.className="review-panel",this.panelEl.innerHTML=`
+      <div class="review-panel-header">
+        <h3>Comments</h3>
+        <button class="review-panel-close" title="Close">
+          <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M18 6 6 18"/><path d="m6 6 12 12"/></svg>
+        </button>
+      </div>
+      <div class="review-panel-body"></div>
+    `,this.bodyEl=this.panelEl.querySelector(".review-panel-body"),this.panelEl.querySelector(".review-panel-close")?.addEventListener("click",()=>this.close()),this.shadowRoot.appendChild(this.panelEl)}async toggle(){this.isOpen?this.close():await this.open()}async open(){this.isOpen=!0,this.panelEl.classList.add("review-panel--open"),await this.refresh()}close(){this.isOpen=!1,this.panelEl.classList.remove("review-panel--open"),this.pinManager.clearHighlight()}async refresh(){if(!(!this.isOpen||!this.bodyEl)){this.bodyEl.innerHTML='<div class="review-panel-loading">Loading comments...</div>';try{this.comments=await g(this.token),this.render()}catch{this.bodyEl.innerHTML='<div class="review-panel-empty">Failed to load comments</div>'}}}render(){if(!this.bodyEl)return;let e=this.comments.filter(a=>a.commentText);if(e.length===0){this.bodyEl.innerHTML='<div class="review-panel-empty">No comments yet</div>';return}let t=c(),i=e.filter(a=>a.pageUrl===t),n=e.filter(a=>a.pageUrl!==t),r="";if(r+='<div class="review-panel-section">',r+='<div class="review-panel-section-header">This Page</div>',i.length===0?r+='<div class="review-panel-empty" style="padding:8px 0;">No comments on this page</div>':r+=this.renderComments(i),r+="</div>",n.length>0){let a=this.groupByPage(n);if(r+='<div class="review-panel-section">',r+=`<button class="review-panel-section-toggle ${this.allPagesExpanded?"review-panel-section-toggle--expanded":""}" data-action="toggle-all">
+        <svg width="10" height="10" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round"><path d="m9 18 6-6-6-6"/></svg>
+        All Pages (${n.length} comment${n.length!==1?"s":""})
+      </button>`,this.allPagesExpanded){r+='<div class="review-panel-all-pages">';for(let l of a)r+=`<div class="review-panel-page-label">${this.escapeHtml(this.formatPageUrl(l.pageUrl))}</div>`,r+=this.renderComments(l.comments);r+="</div>"}r+="</div>"}this.bodyEl.innerHTML=r,this.attachEventListeners()}renderComments(e){return e.map(t=>{let i=t.pinNumber!=null?`<span class="review-panel-pin-badge">${t.pinNumber}</span>`:'<span class="review-panel-general-badge"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg></span>',n=t.reviewerName||"Anonymous",r=t.commentText||"",a=this.formatTime(t.createdAt),l=t.pinNumber!=null?`data-pin="${t.pinNumber}"`:"",p=t.pageUrl?`data-page="${this.escapeAttr(t.pageUrl)}"`:"";return`<div class="review-panel-comment" ${l} ${p}>
+          <div class="review-panel-comment-header">
+            ${i}
+            <span class="review-panel-comment-author">${this.escapeHtml(n)}</span>
+          </div>
+          <div class="review-panel-comment-text">${this.escapeHtml(r)}</div>
+          <div class="review-panel-comment-time">${a}</div>
+        </div>`}).join("")}attachEventListeners(){this.bodyEl&&(this.bodyEl.querySelector('[data-action="toggle-all"]')?.addEventListener("click",()=>{this.allPagesExpanded=!this.allPagesExpanded,this.render()}),this.bodyEl.querySelectorAll(".review-panel-comment[data-pin]").forEach(e=>{e.addEventListener("click",()=>{let t=Number(e.dataset.pin);t&&this.pinManager.highlightPin(t)})}))}groupByPage(e){let t=new Map;for(let i of e){let n=i.pageUrl||"(unknown)",r=t.get(n)||[];r.push(i),t.set(n,r)}return Array.from(t.entries()).map(([i,n])=>({pageUrl:i,comments:n}))}formatPageUrl(e){try{let t=new URL(e,"https://placeholder");return t.pathname+t.search+t.hash}catch{return e||"/"}}formatTime(e){let t=new Date(e);if(Number.isNaN(t.getTime()))return"";let i=Date.now(),n=Math.max(0,i-t.getTime()),r=Math.floor(n/6e4);if(r<1)return"just now";if(r<60)return`${r}m ago`;let a=Math.floor(r/60);return a<24?`${a}h ago`:`${Math.floor(a/24)}d ago`}escapeHtml(e){return e.replace(/&/g,"&amp;").replace(/</g,"&lt;").replace(/>/g,"&gt;").replace(/"/g,"&quot;")}escapeAttr(e){return e.replace(/"/g,"&quot;").replace(/'/g,"&#39;")}destroy(){this.panelEl.remove()}};var P=class{constructor(e,t,i){this.token=e;this.shadowRoot=t;this.initData=i;s(this,"pinManager");s(this,"commentCard");s(this,"nextPinNumber");s(this,"pendingPinNumber",null);s(this,"promptEl",null);s(this,"toolbarEl",null);s(this,"clickHandler",null);s(this,"pageListener",null);s(this,"mode","comment");s(this,"keydownHandler",null);s(this,"commentPanel",null);this.pinManager=new u,this.commentCard=new y(t),this.nextPinNumber=i.nextPinNumber}async init(){this.initData.reviewer.name||await this.showNameEntry(),document.body.style.cursor="crosshair",this.pinManager.mount(),this.showPrompt(),this.renderToolbar(),this.commentPanel=new E(this.token,this.shadowRoot,this.pinManager),await this.loadExistingPins(),this.pinManager.filterByPage(c()),this.pageListener=new v(e=>{this.pinManager.filterByPage(e)}),this.pageListener.start(),this.clickHandler=e=>this.handleClick(e),document.addEventListener("click",this.clickHandler,!0),this.keydownHandler=e=>{let t=e.target?.tagName;t==="INPUT"||t==="TEXTAREA"||t==="SELECT"||e.target?.isContentEditable||e.key==="c"&&!e.ctrlKey&&!e.metaKey&&!e.altKey&&this.setMode(this.mode==="comment"?"navigate":"comment")},document.addEventListener("keydown",this.keydownHandler)}showPrompt(){this.promptEl=document.createElement("div"),this.promptEl.className="review-prompt",this.promptEl.innerHTML=`
       <h3 style="margin:0 0 8px;font-size:16px;">Click anywhere to leave feedback</h3>
       <p style="margin:0;color:#666;font-size:14px;">Drop numbered pins on elements you want to comment on</p>
-    `,this.shadowRoot.appendChild(this.promptEl),setTimeout(()=>this.dismissPrompt(),5e3)}dismissPrompt(){this.promptEl&&(this.promptEl.remove(),this.promptEl=null)}renderToolbar(){this.toolbarEl=document.createElement("div"),this.toolbarEl.className="review-toolbar",this.updateToolbar(),this.shadowRoot.appendChild(this.toolbarEl)}updateToolbar(){if(!this.toolbarEl)return;let e=this.nextPinNumber-1;this.toolbarEl.innerHTML=`
+    `,this.shadowRoot.appendChild(this.promptEl),setTimeout(()=>this.dismissPrompt(),5e3)}dismissPrompt(){this.promptEl&&(this.promptEl.remove(),this.promptEl=null)}showNameEntry(){return new Promise(e=>{let t=document.createElement("div");t.className="review-name-overlay",t.innerHTML=`
+        <div class="review-name-card">
+          <h3>Welcome to the review</h3>
+          <p>Optionally enter your name so the team knows who left the feedback.</p>
+          <div style="margin-bottom:12px;">
+            <label>Name</label>
+            <input type="text" class="review-name-input" placeholder="Your name (optional)" />
+          </div>
+          <div>
+            <label>Email</label>
+            <input type="email" class="review-email-input" placeholder="Your email (optional)" />
+          </div>
+          <div class="review-name-actions">
+            <button class="review-btn review-btn--cancel review-name-skip">Skip</button>
+            <button class="review-btn review-btn--submit review-name-continue">Continue</button>
+          </div>
+        </div>
+      `,this.shadowRoot.appendChild(t);let i=t.querySelector(".review-name-input"),n=t.querySelector(".review-email-input"),r=t.querySelector(".review-name-skip"),a=t.querySelector(".review-name-continue"),l=async()=>{let p=i.value.trim()||void 0,d=n.value.trim()||void 0;try{await S(this.token,p,d)}catch{}t.remove(),e()};r.addEventListener("click",()=>{S(this.token).catch(()=>{}),t.remove(),e()}),a.addEventListener("click",l),i.addEventListener("keydown",p=>{p.key==="Enter"&&l()}),n.addEventListener("keydown",p=>{p.key==="Enter"&&l()}),i.focus()})}renderToolbar(){this.toolbarEl=document.createElement("div"),this.toolbarEl.className="review-toolbar",this.updateToolbar(),this.shadowRoot.appendChild(this.toolbarEl)}updateToolbar(){if(!this.toolbarEl)return;let e=this.nextPinNumber-1,t=this.mode==="navigate",i=this.mode==="comment";this.toolbarEl.innerHTML=`
+      <div class="review-mode-toggle">
+        <button class="review-mode-btn ${t?"review-mode-btn--active":""}" data-mode="navigate">
+          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M5 12h14"/><path d="m12 5 7 7-7 7"/></svg>
+          Navigate
+        </button>
+        <button class="review-mode-btn ${i?"review-mode-btn--active":""}" data-mode="comment">
+          <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0Z"/><circle cx="12" cy="10" r="3"/></svg>
+          Comment
+        </button>
+      </div>
       <span style="font-weight:500;">${this.initData.session.name}</span>
       <span style="opacity:0.7;">${e} pin${e!==1?"s":""}</span>
-      <button class="review-btn review-btn--submit" style="margin-left:auto;padding:6px 12px;font-size:13px;">General Comment</button>
-    `,this.toolbarEl.querySelector("button")?.addEventListener("click",t=>{t.stopPropagation(),this.handleGeneralComment()})}async loadExistingPins(){try{let e=await w(this.token);for(let t of e)if(t.pinNumber!=null&&t.pinData){let i=t.commentText!=null;this.pinManager.addPin(t.pinNumber,t.pinData.pinX,t.pinData.pinY,i,t.pageUrl??"")}}catch{}}handleClick(e){if(e.composedPath().some(s=>s instanceof HTMLElement&&s.closest?.("#ourroadmaps-review"))||this.pendingPinNumber!=null)return;this.dismissPrompt();let i=z(e.clientX,e.clientY),o=this.nextPinNumber;this.pinManager.addPin(o,i.pinX,i.pinY,!0,d()),this.pendingPinNumber=o,this.commentCard.show({x:e.clientX,y:e.clientY,onSubmit:async s=>{await M(this.token,{commentText:s,pinNumber:o,pinData:i,pageUrl:d()}),this.pendingPinNumber=null,this.nextPinNumber++,this.updateToolbar(),this.showToast("Comment saved")},onCancel:()=>{this.pinManager.removePin(o),this.pendingPinNumber=null}}),e.preventDefault(),e.stopPropagation()}handleGeneralComment(){this.pendingPinNumber==null&&this.commentCard.showForGeneral({onSubmit:async e=>{await M(this.token,{commentText:e,pinNumber:null,pinData:null,pageUrl:d()}),this.showToast("Comment saved")},onCancel:()=>{}})}showToast(e){let t=document.createElement("div");t.className="review-toast",t.textContent=e,this.shadowRoot.appendChild(t),setTimeout(()=>t.remove(),2500)}destroy(){document.body.style.cursor="",this.clickHandler&&document.removeEventListener("click",this.clickHandler,!0),this.pageListener?.destroy(),this.dismissPrompt(),this.toolbarEl?.remove(),this.commentCard.hide(),this.pinManager.destroy()}};var N="ourroadmaps:token";function H(n,e){try{sessionStorage.setItem(N,JSON.stringify({type:n,token:e}))}catch{}}function A(){try{let n=sessionStorage.getItem(N);if(!n)return null;let e=JSON.parse(n);return e&&typeof e.type=="string"&&typeof e.token=="string"?e:null}catch{return null}}function R(){try{sessionStorage.removeItem(N)}catch{}}var E=class{constructor(e,t){this.token=e;this.shadowRoot=t;r(this,"pinManager");r(this,"toolbarEl",null);r(this,"tooltipEl",null);r(this,"comments",[]);r(this,"pinClickHandler",null);r(this,"pageListener",null);r(this,"showAllPages",!1);this.pinManager=new u}async init(){this.pinManager.mount();try{this.comments=await w(this.token);for(let e of this.comments)e.pinNumber!=null&&e.pinData&&this.pinManager.addPin(e.pinNumber,e.pinData.pinX,e.pinData.pinY,!0,e.pageUrl??"")}catch{}this.pinManager.filterByPage(d()),this.renderToolbar(),this.pageListener=new g(e=>{this.showAllPages||this.pinManager.filterByPage(e),this.updateToolbar()}),this.pageListener.start(),this.pinClickHandler=e=>{let t=e.target;if(t.classList?.contains("review-pin")){let i=Number(t.dataset.pinNumber);i&&this.handlePinClick(i,e)}},document.addEventListener("click",this.pinClickHandler,!0),this.autoFocusPin()}renderToolbar(){this.toolbarEl=document.createElement("div"),this.toolbarEl.className="review-toolbar",this.updateToolbar(),this.shadowRoot.appendChild(this.toolbarEl)}updateToolbar(){if(!this.toolbarEl)return;let e=this.comments.filter(l=>l.pinNumber!=null).length,t=d(),i=this.pinManager.countForPage(t),o=new URL(t,window.location.origin),s=o.hash?`${o.pathname}${o.hash.split("?")[0]}`:o.pathname||"/";this.toolbarEl.innerHTML="";let a=document.createElement("span");a.style.fontWeight="500",a.textContent="Triage Mode",this.toolbarEl.appendChild(a);let h=document.createElement("span");h.style.opacity="0.7",this.showAllPages?h.textContent=`${e} pin${e!==1?"s":""}`:h.textContent=`${i} pin${i!==1?"s":""} on ${s} (${e} total)`,this.toolbarEl.appendChild(h);let c=document.createElement("button");c.className="review-btn review-btn--submit",c.style.cssText="margin-left:auto;padding:6px 12px;font-size:13px;",c.textContent=this.showAllPages?"This page":"All pages",c.addEventListener("click",l=>{l.stopPropagation(),this.togglePageFilter()}),this.toolbarEl.appendChild(c)}togglePageFilter(){this.showAllPages=!this.showAllPages,this.showAllPages?this.pinManager.showAll():this.pinManager.filterByPage(d()),this.updateToolbar()}handlePinClick(e,t){this.hideTooltip(),this.pinManager.highlightPin(e),this.showTooltipForPin(e,t.clientX+16,t.clientY-10)}showTooltipForPin(e,t,i){this.hideTooltip();let o=this.comments.find(p=>p.pinNumber===e);if(!o)return;this.tooltipEl=document.createElement("div"),this.tooltipEl.className="review-tooltip";let s=new Date(o.createdAt).toLocaleString(),a=document.createElement("div");if(a.style.cssText="font-weight:500;margin-bottom:4px;",a.textContent=`Pin #${e}`,this.tooltipEl.appendChild(a),o.reviewerName){let p=document.createElement("div");p.style.cssText="font-size:11px;opacity:0.7;margin-bottom:2px;",p.textContent=o.reviewerName,this.tooltipEl.appendChild(p)}let h=document.createElement("div");h.style.cssText="margin-bottom:4px;",h.textContent=o.commentText||"(no text)",this.tooltipEl.appendChild(h);let c=document.createElement("div");c.style.cssText="font-size:11px;opacity:0.7;",c.textContent=s,this.tooltipEl.appendChild(c);let l=o.pageUrl??"";if(l&&l!==d()){let p=document.createElement("div");p.style.cssText="margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,0.2);font-size:12px;";let C=document.createElement("span");C.style.opacity="0.7",C.textContent=`Page: ${l.split("?")[0].split("#")[0]||"/"} \u2014 `,p.appendChild(C);let f=document.createElement("a");f.style.cssText="color:#a78bfa;cursor:pointer;text-decoration:underline;pointer-events:auto;",f.textContent="Navigate there?",f.addEventListener("click",O=>{O.stopPropagation(),this.navigateToPin(l,e)}),p.appendChild(f),this.tooltipEl.appendChild(p),this.tooltipEl.style.pointerEvents="auto"}let T=t??window.innerWidth/2,Y=i??window.innerHeight/3;this.tooltipEl.style.position="fixed",this.tooltipEl.style.left=`${Math.min(T,window.innerWidth-300)}px`,this.tooltipEl.style.top=`${Math.min(Y,window.innerHeight-150)}px`,this.shadowRoot.appendChild(this.tooltipEl);let $=p=>{p.target!==this.tooltipEl&&!this.tooltipEl?.contains(p.target)&&(this.hideTooltip(),this.pinManager.clearHighlight(),document.removeEventListener("click",$,!0))};setTimeout(()=>document.addEventListener("click",$,!0),0)}navigateToPin(e,t){this.hideTooltip(),this.pinManager.clearHighlight();let i=new URL(e,window.location.origin);i.searchParams.set("pin",String(t)),window.location.href=i.toString()}autoFocusPin(){let t=new URLSearchParams(window.location.search).get("pin");if(!t)return;let i=Number(t);if(!i)return;let o=this.comments.find(l=>l.pinNumber===i);if(!o?.pinData)return;let s=o.pageUrl??"";if(s){let l=new URL(window.location.href);l.searchParams.delete("pin");let T=l.pathname+l.search+l.hash;if(s!==T){this.navigateToPin(s,i);return}}this.pinManager.showAll(),this.showAllPages=!0,this.updateToolbar();let a=document.documentElement,h=o.pinData.pinX/100*a.scrollWidth,c=o.pinData.pinY/100*a.scrollHeight;window.scrollTo({left:h-window.innerWidth/2,top:c-window.innerHeight/2,behavior:"smooth"}),setTimeout(()=>{this.pinManager.highlightPin(i),this.showTooltipForPin(i)},500)}hideTooltip(){this.tooltipEl?.remove(),this.tooltipEl=null}destroy(){this.pinClickHandler&&document.removeEventListener("click",this.pinClickHandler,!0),this.pageListener?.destroy(),this.hideTooltip(),this.toolbarEl?.remove(),this.pinManager.destroy()}};var P=class{constructor(e={}){r(this,"root");r(this,"shadow");r(this,"mode",null);r(this,"_isDestroyed",!1);this.root=document.createElement("div"),this.root.id="ourroadmaps-review",this.shadow=this.root.attachShadow({mode:"open"});let t=document.createElement("style");t.textContent=I,this.shadow.appendChild(t),document.body.appendChild(this.root)}async init(e,t){if(!e||!t){let i=new URLSearchParams(window.location.search),o=i.get("review"),s=i.get("triage");if(o)e="review",t=o,H("review",o);else if(s)e="triage",t=s,H("triage",s);else{let a=A();if(a)e=a.type,t=a.token;else return}}if(e==="review")try{let i=await L(t);this.mode=new y(t,this.shadow,i),await this.mode.init()}catch(i){i instanceof m&&(R(),this.showErrorOverlay(i.code==="expired"?"This feedback session has expired":"This review link is no longer valid"))}else if(e==="triage")try{await L(t),this.mode=new E(t,this.shadow),await this.mode.init()}catch(i){i instanceof m&&(R(),this.showErrorOverlay(i.code==="expired"?"This feedback session has expired":"This review link is no longer valid"))}}showErrorOverlay(e){let t=document.createElement("div");t.className="review-expired-overlay",t.innerHTML=`
+      <button class="review-btn review-btn--submit" data-action="general" style="margin-left:auto;padding:6px 12px;font-size:13px;">General Comment</button>
+      <button class="review-mode-btn" data-action="panel" title="View all comments" style="padding:5px 8px;">
+        <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z"/></svg>
+      </button>
+    `,this.toolbarEl.querySelectorAll("[data-mode]").forEach(n=>{n.addEventListener("click",r=>{r.stopPropagation();let a=n.dataset.mode;this.setMode(a)})}),this.toolbarEl.querySelector('[data-action="general"]')?.addEventListener("click",n=>{n.stopPropagation(),this.handleGeneralComment()}),this.toolbarEl.querySelector('[data-action="panel"]')?.addEventListener("click",n=>{n.stopPropagation(),this.toggleCommentPanel()})}async loadExistingPins(){try{let e=await g(this.token);for(let t of e)if(t.pinNumber!=null&&t.pinData){let i=t.commentText!=null;this.pinManager.addPin(t.pinNumber,t.pinData.pinX,t.pinData.pinY,i,t.pageUrl??"")}}catch{}}handleClick(e){if(this.mode==="navigate"||e.composedPath().some(r=>r instanceof HTMLElement&&r.closest?.("#ourroadmaps-review"))||this.pendingPinNumber!=null)return;this.dismissPrompt();let i=I(e.clientX,e.clientY),n=this.nextPinNumber;this.pinManager.addPin(n,i.pinX,i.pinY,!0,c()),this.pendingPinNumber=n,this.commentCard.show({x:e.clientX,y:e.clientY,onSubmit:async r=>{await H(this.token,{commentText:r,pinNumber:n,pinData:i,pageUrl:c()}),this.pendingPinNumber=null,this.nextPinNumber++,this.updateToolbar(),this.showToast("Comment saved"),this.commentPanel?.refresh()},onCancel:()=>{this.pinManager.removePin(n),this.pendingPinNumber=null}}),e.preventDefault(),e.stopPropagation()}setMode(e){this.mode=e,document.body.style.cursor=e==="comment"?"crosshair":"",this.updateToolbar()}toggleCommentPanel(){this.commentPanel?.toggle()}handleGeneralComment(){this.pendingPinNumber==null&&this.commentCard.showForGeneral({onSubmit:async e=>{await H(this.token,{commentText:e,pinNumber:null,pinData:null,pageUrl:c()}),this.showToast("Comment saved"),this.commentPanel?.refresh()},onCancel:()=>{}})}showToast(e){let t=document.createElement("div");t.className="review-toast",t.textContent=e,this.shadowRoot.appendChild(t),setTimeout(()=>t.remove(),2500)}destroy(){document.body.style.cursor="",this.clickHandler&&document.removeEventListener("click",this.clickHandler,!0),this.pageListener?.destroy(),this.keydownHandler&&document.removeEventListener("keydown",this.keydownHandler),this.dismissPrompt(),this.toolbarEl?.remove(),this.commentCard.hide(),this.commentPanel?.destroy(),this.pinManager.destroy()}};var R="ourroadmaps:token";function $(o,e){try{sessionStorage.setItem(R,JSON.stringify({type:o,token:e}))}catch{}}function j(){try{let o=sessionStorage.getItem(R);if(!o)return null;let e=JSON.parse(o);return e&&typeof e.type=="string"&&typeof e.token=="string"?e:null}catch{return null}}function z(){try{sessionStorage.removeItem(R)}catch{}}var k=class{constructor(e,t){this.token=e;this.shadowRoot=t;s(this,"pinManager");s(this,"toolbarEl",null);s(this,"tooltipEl",null);s(this,"comments",[]);s(this,"pinClickHandler",null);s(this,"pageListener",null);s(this,"showAllPages",!1);this.pinManager=new u}async init(){this.pinManager.mount();try{this.comments=await g(this.token);for(let e of this.comments)e.pinNumber!=null&&e.pinData&&this.pinManager.addPin(e.pinNumber,e.pinData.pinX,e.pinData.pinY,!0,e.pageUrl??"")}catch{}this.pinManager.filterByPage(c()),this.renderToolbar(),this.pageListener=new v(e=>{this.showAllPages||this.pinManager.filterByPage(e),this.updateToolbar()}),this.pageListener.start(),this.pinClickHandler=e=>{let t=e.target;if(t.classList?.contains("review-pin")){let i=Number(t.dataset.pinNumber);i&&this.handlePinClick(i,e)}},document.addEventListener("click",this.pinClickHandler,!0),this.autoFocusPin()}renderToolbar(){this.toolbarEl=document.createElement("div"),this.toolbarEl.className="review-toolbar",this.updateToolbar(),this.shadowRoot.appendChild(this.toolbarEl)}updateToolbar(){if(!this.toolbarEl)return;let e=this.comments.filter(d=>d.pinNumber!=null).length,t=c(),i=this.pinManager.countForPage(t),n=new URL(t,window.location.origin),r=n.hash?`${n.pathname}${n.hash.split("?")[0]}`:n.pathname||"/";this.toolbarEl.innerHTML="";let a=document.createElement("span");a.style.fontWeight="500",a.textContent="Triage Mode",this.toolbarEl.appendChild(a);let l=document.createElement("span");l.style.opacity="0.7",this.showAllPages?l.textContent=`${e} pin${e!==1?"s":""}`:l.textContent=`${i} pin${i!==1?"s":""} on ${r} (${e} total)`,this.toolbarEl.appendChild(l);let p=document.createElement("button");p.className="review-btn review-btn--submit",p.style.cssText="margin-left:auto;padding:6px 12px;font-size:13px;",p.textContent=this.showAllPages?"This page":"All pages",p.addEventListener("click",d=>{d.stopPropagation(),this.togglePageFilter()}),this.toolbarEl.appendChild(p)}togglePageFilter(){this.showAllPages=!this.showAllPages,this.showAllPages?this.pinManager.showAll():this.pinManager.filterByPage(c()),this.updateToolbar()}handlePinClick(e,t){this.hideTooltip(),this.pinManager.highlightPin(e),this.showTooltipForPin(e,t.clientX+16,t.clientY-10)}showTooltipForPin(e,t,i){this.hideTooltip();let n=this.comments.find(m=>m.pinNumber===e);if(!n)return;this.tooltipEl=document.createElement("div"),this.tooltipEl.className="review-tooltip";let r=new Date(n.createdAt).toLocaleString(),a=document.createElement("div");if(a.style.cssText="font-weight:500;margin-bottom:4px;",a.textContent=`Pin #${e}`,this.tooltipEl.appendChild(a),n.reviewerName){let m=document.createElement("div");m.style.cssText="font-size:11px;opacity:0.7;margin-bottom:2px;",m.textContent=n.reviewerName,this.tooltipEl.appendChild(m)}let l=document.createElement("div");l.style.cssText="margin-bottom:4px;",l.textContent=n.commentText||"(no text)",this.tooltipEl.appendChild(l);let p=document.createElement("div");p.style.cssText="font-size:11px;opacity:0.7;",p.textContent=r,this.tooltipEl.appendChild(p);let d=n.pageUrl??"";if(d&&d!==c()){let m=document.createElement("div");m.style.cssText="margin-top:6px;padding-top:6px;border-top:1px solid rgba(255,255,255,0.2);font-size:12px;";let L=document.createElement("span");L.style.opacity="0.7",L.textContent=`Page: ${d.split("?")[0].split("#")[0]||"/"} \u2014 `,m.appendChild(L);let f=document.createElement("a");f.style.cssText="color:#a78bfa;cursor:pointer;text-decoration:underline;pointer-events:auto;",f.textContent="Navigate there?",f.addEventListener("click",Y=>{Y.stopPropagation(),this.navigateToPin(d,e)}),m.appendChild(f),this.tooltipEl.appendChild(m),this.tooltipEl.style.pointerEvents="auto"}let C=t??window.innerWidth/2,O=i??window.innerHeight/3;this.tooltipEl.style.position="fixed",this.tooltipEl.style.left=`${Math.min(C,window.innerWidth-300)}px`,this.tooltipEl.style.top=`${Math.min(O,window.innerHeight-150)}px`,this.shadowRoot.appendChild(this.tooltipEl);let D=m=>{m.target!==this.tooltipEl&&!this.tooltipEl?.contains(m.target)&&(this.hideTooltip(),this.pinManager.clearHighlight(),document.removeEventListener("click",D,!0))};setTimeout(()=>document.addEventListener("click",D,!0),0)}navigateToPin(e,t){this.hideTooltip(),this.pinManager.clearHighlight();let i=new URL(e,window.location.origin);i.searchParams.set("pin",String(t)),window.location.href=i.toString()}autoFocusPin(){let t=new URLSearchParams(window.location.search).get("pin");if(!t)return;let i=Number(t);if(!i)return;let n=this.comments.find(d=>d.pinNumber===i);if(!n?.pinData)return;let r=n.pageUrl??"";if(r){let d=new URL(window.location.href);d.searchParams.delete("pin");let C=d.pathname+d.search+d.hash;if(r!==C){this.navigateToPin(r,i);return}}this.pinManager.showAll(),this.showAllPages=!0,this.updateToolbar();let a=document.documentElement,l=n.pinData.pinX/100*a.scrollWidth,p=n.pinData.pinY/100*a.scrollHeight;window.scrollTo({left:l-window.innerWidth/2,top:p-window.innerHeight/2,behavior:"smooth"}),setTimeout(()=>{this.pinManager.highlightPin(i),this.showTooltipForPin(i)},500)}hideTooltip(){this.tooltipEl?.remove(),this.tooltipEl=null}destroy(){this.pinClickHandler&&document.removeEventListener("click",this.pinClickHandler,!0),this.pageListener?.destroy(),this.hideTooltip(),this.toolbarEl?.remove(),this.pinManager.destroy()}};var T=class{constructor(e={}){s(this,"root");s(this,"shadow");s(this,"mode",null);s(this,"_isDestroyed",!1);this.root=document.createElement("div"),this.root.id="ourroadmaps-review",this.shadow=this.root.attachShadow({mode:"open"});let t=document.createElement("style");t.textContent=A,this.shadow.appendChild(t),document.body.appendChild(this.root)}async init(e,t){if(!e||!t){let i=new URLSearchParams(window.location.search),n=i.get("review"),r=i.get("triage");if(n){e="review",t=n,$("review",n);let a=new URL(window.location.href);a.searchParams.delete("review"),history.replaceState(null,"",a.toString())}else if(r){e="triage",t=r,$("triage",r);let a=new URL(window.location.href);a.searchParams.delete("triage"),history.replaceState(null,"",a.toString())}else{let a=j();if(a)e=a.type,t=a.token;else return}}if(e==="review")try{let i=await M(t);this.mode=new P(t,this.shadow,i),await this.mode.init()}catch(i){i instanceof h&&(z(),this.showErrorOverlay(i.code==="expired"?"This feedback session has expired":"This review link is no longer valid"))}else if(e==="triage")try{await M(t),this.mode=new k(t,this.shadow),await this.mode.init()}catch(i){i instanceof h&&(z(),this.showErrorOverlay(i.code==="expired"?"This feedback session has expired":"This review link is no longer valid"))}}showErrorOverlay(e){let t=document.createElement("div");t.className="review-expired-overlay",t.innerHTML=`
       <div class="review-expired-card">
         <h2 style="margin:0 0 8px;font-size:18px;">Session Unavailable</h2>
         <p style="margin:0;color:#666;font-size:14px;">${e}</p>
         <p style="margin:12px 0 0;color:#999;font-size:13px;">Contact the prototype owner for a new link.</p>
       </div>
-    `,this.shadow.appendChild(t),document.body.style.filter="grayscale(0.8)"}destroy(){this._isDestroyed||(this._isDestroyed=!0,this.mode?.destroy(),this.root.remove(),document.body.style.filter="")}};return q(Q);})();
+    `,this.shadow.appendChild(t),document.body.style.filter="grayscale(0.8)"}destroy(){this._isDestroyed||(this._isDestroyed=!0,this.mode?.destroy(),this.root.remove(),document.body.style.filter="")}};return G(ee);})();
 //# sourceMappingURL=review.global.js.map