pipeup 0.4.0-beta.0 → 0.4.0-beta.1

package/README.md

@@ -2,7 +2,7 @@
 
 Comments and feedback right on any HTML page: documents, slide decks and whole sites.
 
-> **Alpha (0.4.0-beta.0).** The API and the stored comment format may change before 1.0; pin an exact version.
+> **Alpha (0.4.0-beta.1).** The API and the stored comment format may change before 1.0; pin an exact version.
 > Website and Try pages: https://pipeup-ai.github.io/pipeup/ · Source: https://github.com/pipeup-ai/pipeup
 
 Pipeup: signed comment operations, threads with one-level replies, anchors that survive page changes,
@@ -21,7 +21,7 @@ As a classic script (also works from `file://`), it mounts itself on pages that
 ```html
 <html data-pipeup-doc="<id>:<key>">
   ...
-  <script src="https://cdn.jsdelivr.net/npm/pipeup@0.4.0-beta.0/dist/pipeup.min.js" integrity="sha384-…" crossorigin="anonymous" defer></script>
+  <script src="https://cdn.jsdelivr.net/npm/pipeup@0.4.0-beta.1/dist/pipeup.min.js" integrity="sha384-…" crossorigin="anonymous" defer></script>
 ```
 
 Each release's notes on GitHub give the `integrity` value
@@ -38,7 +38,8 @@ pipeup.unmount(); // remove Pipeup from the page; the comments stay saved
 ```
 
 Pages designed for review can reserve a comment gutter: add `data-pipeup-reserve` to `<html>` and lay the
-page out with `var(--pipeup-gutter, 0px)` — see [examples/review-document.html](https://github.com/pipeup-ai/pipeup/blob/main/libs/ts/pipeup/examples/review-document.html).
+page out with `var(--pipeup-gutter, 0px)`. While All comments is open the page is moved over for it and its
+width is published as `--pipeup-panel`, so fixed bars can use `right: var(--pipeup-panel, 0px)` — see [examples/review-document.html](https://github.com/pipeup-ai/pipeup/blob/main/libs/ts/pipeup/examples/review-document.html).
 
 Examples in the source repository, one per kind of page, each following the agent skill's guidance (open from disk after `npm run build`):
 
@@ -53,7 +54,7 @@ counts the open threads.
 The comment control is one round button in the corner: the comment icon, or the number of open threads inside
 a comment bubble. Hovering it shows a tooltip with its shortcut; clicking (or tapping) it opens its menu of
 one-line rows, each explained by a tooltip on hover or focus. From the top: who you are (avatar and name, with
-Add name), Copy all (Markdown for AI), Copy all as text, All comments, and nearest the button **Start commenting** with its shortcut and a switch.
+Add name, edited in place in that row), Copy as Markdown (for AI), Copy as Text, All comments, and nearest the button **Start commenting** with its shortcut and a switch, which leaves the menu open so you see it move. The menu closes on Esc, a click outside, or 3 seconds after the pointer leaves it.
 **All comments** is a panel on the right that moves the page over to make room: every thread in page order with
 where it is, threads whose content is gone under "No longer on the page", and a Show resolved switch in its
 header. Choosing one scrolls to it and opens it while the panel stays open (or opens it beside the panel when it

package/dist/pipeup.core.js

@@ -6,4 +6,4 @@ function f(t){let e="";for(let n of t)e+=String.fromCharCode(n);return btoa(e).r
 `}function Pe(t){let{thread:e,location:n}=t,r=[u(n.where)+(n.quote?`, on the text "${u(n.quote)}"`:""),`${u(A(e.root))}: ${F(e.root,"  ")}`];for(let o of e.root.replies)r.push(`  ${u(A(o))}: ${F(o,"    ")}`);return r.join(`
 `)+`
 `}function F(t,e){return t.deleted?"(deleted)":t.text.replace(/\r\n|\r|\n/g,`
-`+e)+(t.edited?" (edited)":"")}var Yt="0.4.0-beta.0";export{N as ANIMALS,G as COLOURS,ue as DEFAULT_PROFILE_NAME,j as IndexedDbStore,q as MemoryStore,K as PipeupDocument,v as UnsavedChangeError,Yt as VERSION,Ee as animalName,lt as copyAll,pt as copyThread,R as createIdentity,He as describeElement,je as describeRange,$ as formatAgo,Ae as labelOf,De as loadOrCreateProfile,it as locate,A as nameOf,$e as newDocumentAttribute,Fe as parseDocumentAttribute,Ve as resolveAnchor};
+`+e)+(t.edited?" (edited)":"")}var Yt="0.4.0-beta.1";export{N as ANIMALS,G as COLOURS,ue as DEFAULT_PROFILE_NAME,j as IndexedDbStore,q as MemoryStore,K as PipeupDocument,v as UnsavedChangeError,Yt as VERSION,Ee as animalName,lt as copyAll,pt as copyThread,R as createIdentity,He as describeElement,je as describeRange,$ as formatAgo,Ae as labelOf,De as loadOrCreateProfile,it as locate,A as nameOf,$e as newDocumentAttribute,Fe as parseDocumentAttribute,Ve as resolveAnchor};

package/dist/pipeup.esm.js

@@ -1,9 +1,9 @@
-function pe(e){let t="";for(let n of e)t+=String.fromCharCode(n);return btoa(t).replace(/\+/g,"-").replace(/\//g,"_").replace(/=+$/,"")}function ve(e){let t=e.replace(/-/g,"+").replace(/_/g,"/")+"===".slice((e.length+3)%4),n=atob(t),o=new Uint8Array(n.length);for(let r=0;r<n.length;r++)o[r]=n.charCodeAt(r);return o}function Xt(e=16){return pe(crypto.getRandomValues(new Uint8Array(e)))}function ue(e){return new TextEncoder().encode(e)}function be(e){if(e===null||typeof e!="object")return JSON.stringify(e);if(Array.isArray(e))return"["+e.map(be).join(",")+"]";let t=e;return"{"+Object.keys(t).filter(n=>t[n]!==void 0).sort().map(n=>JSON.stringify(n)+":"+be(t[n])).join(",")+"}"}function ye(e){return e.replace(/\s+/g," ").trim()}function we(e){let t=ye(e),n=2166136261;for(let o=0;o<t.length;o++)n^=t.charCodeAt(o),n=Math.imul(n,16777619)>>>0;return n.toString(16).padStart(8,"0")}var ro=/^[A-Za-z0-9_-]{43}$/,io=512,xe=new Map;async function kt(){let e=await crypto.subtle.generateKey({name:"Ed25519"},!1,["sign","verify"]),t=new Uint8Array(await crypto.subtle.exportKey("raw",e.publicKey));return{publicKey:pe(t),privateKey:e.privateKey}}async function Zt(e,t){let n=await crypto.subtle.sign({name:"Ed25519"},e.privateKey,t);return pe(new Uint8Array(n))}async function Qt(e,t,n){if(!ro.test(e))return!1;try{if(pe(ve(e))!==e)return!1;let o=xe.get(e);if(!o){xe.size>=io&&xe.delete(xe.keys().next().value),o=crypto.subtle.importKey("raw",ve(e),{name:"Ed25519"},!0,["verify"]),xe.set(e,o);let r=o;r.catch(()=>{xe.get(e)===r&&xe.delete(e)})}return await crypto.subtle.verify({name:"Ed25519"},await o,ve(n),t)}catch{return!1}}var ot=1e4,St=2**40,rt=2**47,W={doc:64,path:2e3,snapshot:500,anchorId:200,quote:1e4,context:64,viewEntries:16,viewKey:64,viewValue:200},ao=/^[0-9a-f]{8}$/,Tt=/^[A-Za-z0-9_-]{43}$/,so=/^[A-Za-z0-9_-]{43}$/,lo=new Set(["create","reply","edit","delete","resolve","reopen"]);async function en(e,t){if(e.author!==t.publicKey)throw new Error("pipeup: an op must be signed by its author");return{body:e,sig:await Zt(t,ue(be(e)))}}var me=(e,t)=>typeof e=="string"&&e.length<=t,Jt=e=>typeof e=="number"&&Number.isFinite(e)&&e>=0&&e<=1;function At(e){if(!e||typeof e!="object")return!1;let{id:t,path:n,fingerprint:o,snapshot:r,quote:i,point:s,view:a}=e;if(!me(n,W.path)||!me(r,W.snapshot)||typeof o!="string"||!ao.test(o)||t!==void 0&&(!me(t,W.anchorId)||t===""))return!1;if(i!==void 0){if(!i||typeof i!="object")return!1;let p=i;if(!me(p.exact,W.quote)||p.exact===""||!me(p.prefix,W.context)||!me(p.suffix,W.context))return!1}if(s!==void 0){if(!s||typeof s!="object")return!1;let p=s;if(!Jt(p.x)||!Jt(p.y))return!1}if(a!==void 0){if(!a||typeof a!="object"||Array.isArray(a))return!1;let p=Object.entries(a);if(p.length>W.viewEntries||!p.every(([l,d])=>l.length<=W.viewKey&&me(d,W.viewValue)))return!1}return!0}function tn(e){if(!e||typeof e!="object")return!1;let{body:t,sig:n}=e;if(typeof n!="string"||!t||typeof t!="object")return!1;let o=t;return!(o.v!==1||typeof o.id!="string"||!Tt.test(o.id)||typeof o.kind!="string"||!lo.has(o.kind)||!me(o.doc,W.doc)||o.doc===""||typeof o.thread!="string"||!Tt.test(o.thread)||typeof o.author!="string"||!so.test(o.author)||typeof o.name!="string"||o.name.length>80||o.name!==o.name.trim()||typeof o.clock!="number"||!Number.isSafeInteger(o.clock)||o.clock<1||o.clock>St||typeof o.at!="number"||!Number.isSafeInteger(o.at)||o.at<0||o.at>rt||o.text!==void 0&&(!me(o.text,ot)||o.text!==o.text.trim())||o.target!==void 0&&(typeof o.target!="string"||!Tt.test(o.target))||(o.kind==="create"||o.kind==="reply"||o.kind==="edit")&&(typeof o.text!="string"||o.text.trim()==="")||(o.kind==="reply"||o.kind==="edit"||o.kind==="delete")&&!o.target||o.kind==="create"&&(o.id!==o.thread||!At(o.anchor)))}function nn(e){return Qt(e.body.author,ue(be(e.body)),e.sig)}function on(e,t){return e.body.clock!==t.body.clock?e.body.clock-t.body.clock:e.body.at!==t.body.at?e.body.at-t.body.at:e.body.author!==t.body.author?e.body.author<t.body.author?-1:1:e.body.id!==t.body.id?e.body.id<t.body.id?-1:1:0}function an(e){let t=new Map,n=new Map,o=new Map;for(let{body:r}of[...e].sort(on)){if(r.name&&o.set(r.author,r.name),r.kind==="create"){if(t.has(r.id)||!r.anchor||r.text===void 0)continue;let a=rn(r.id,r.author,r.name,r.text,r.at);t.set(r.id,{id:r.id,anchor:r.anchor,root:a,resolved:!1}),n.set(r.id,{comment:a,thread:r.id});continue}let i=t.get(r.thread);if(!i)continue;if(r.kind==="resolve"||r.kind==="reopen"){i.resolved=r.kind==="resolve";continue}let s=r.target?n.get(r.target):void 0;if(!(!s||s.thread!==r.thread)){if(r.kind==="reply"){if(n.has(r.id)||r.text===void 0)continue;let a=rn(r.id,r.author,r.name,r.text,r.at);i.root.replies.push(a),n.set(r.id,{comment:a,thread:r.thread});continue}r.author!==s.comment.author||s.comment.deleted||(r.kind==="edit"&&r.text!==void 0&&(s.comment.text=r.text,s.comment.edited=!0),r.kind==="delete"&&(s.comment.text="",s.comment.deleted=!0))}}for(let{comment:r}of n.values())r.name||(r.unnamed=!0,r.name=o.get(r.author)??"");return[...t.values()]}function rn(e,t,n,o,r){return{id:e,author:t,name:n,text:o,at:r,edited:!1,deleted:!1,replies:[]}}async function Lt(e){let t={...e,id:void 0,thread:e.kind==="create"?void 0:e.thread},n=await crypto.subtle.digest("SHA-256",ue(be(t)));return pe(new Uint8Array(n))}var it=class{constructor(t){this.doc=t}ops=new Map;clock=0;createAt=new Map;threadAt=new Map;get size(){return this.ops.size}all(){return[...this.ops.values()]}threads(){return an(this.ops.values())}async add(t){let n=[];for(let o of t)!tn(o)||o.body.doc!==this.doc||this.ops.has(o.body.id)||o.body.id!==await Lt(o.body)||!await nn(o)||(this.ops.set(o.body.id,o),this.clock=Math.max(this.clock,o.body.clock),o.body.kind==="create"&&this.createAt.set(o.body.author,Math.max(this.createAt.get(o.body.author)??0,o.body.at)),this.threadAt.set(o.body.thread,Math.max(this.threadAt.get(o.body.thread)??0,o.body.at)),n.push(o));return n}async append(t,n,o){let r={v:1,...o,id:"",thread:o.kind==="create"?"":o.thread,doc:this.doc,author:t.publicKey,name:n,clock:Math.min(this.clock+1,St),at:Math.min(Math.max(Date.now(),o.kind==="create"?(this.createAt.get(t.publicKey)??0)+1:(this.threadAt.get(o.thread)??0)+1),rt)};for(let a=0;;a++){if(a===1e3)throw new Error("pipeup: could not record this change");if(r.id=await Lt(r),!this.ops.has(r.id)||r.at>=rt)break;r.at+=1}let i=this.ops.get(r.id);if(i)return i;r.kind==="create"&&(r.thread=r.id);let[s]=await this.add([await en(r,t)]);if(!s)throw new Error("pipeup: could not record this change");return s}};var co=/^([A-Za-z0-9_-]{16}):([A-Za-z0-9_-]{43})$/;function po(){return`${Xt(12)}:${pe(crypto.getRandomValues(new Uint8Array(32)))}`}async function Mt(e){let t=co.exec(e.trim()),n=t?.[1],o=t?.[2];if(!n||!o)throw new Error('pipeup: data-pipeup-doc must look like "<id>:<key>", as made by newDocumentAttribute()');let r=await crypto.subtle.importKey("raw",ve(o),{name:"AES-GCM"},!1,["encrypt","decrypt"]);return{id:n,key:r}}async function sn(e,t,n){let o=crypto.getRandomValues(new Uint8Array(12)),r=await crypto.subtle.encrypt({name:"AES-GCM",iv:o,additionalData:ue(n)},e,ue(t));return{iv:pe(o),data:pe(new Uint8Array(r))}}async function ln(e,t,n){try{let o=await crypto.subtle.decrypt({name:"AES-GCM",iv:ve(t.iv),additionalData:ue(n)},e,ve(t.data));return new TextDecoder().decode(o)}catch{throw new Error("pipeup: this feedback could not be opened with this document")}}var uo=5e6,cn=e=>`pipeup-file:${e}`;async function pn(e,t,n){let o=n?{pipeup:1,doc:e,sealed:!0,...await sn(n,JSON.stringify(t),cn(e))}:{pipeup:1,doc:e,sealed:!1,ops:t};return JSON.stringify(o,null,2)}async function dn(e,t,n){if(e.length>uo)throw new Error("pipeup: this feedback file is too large");let o;try{o=JSON.parse(e)}catch{throw new Error("pipeup: this is not an Pipeup feedback file")}if(!o||typeof o!="object"||o.pipeup!==1||typeof o.doc!="string")throw new Error("pipeup: this is not an Pipeup feedback file");if(o.doc!==t)throw new Error("pipeup: this feedback is for a different document");if(!o.sealed)return Array.isArray(o.ops)?o.ops:[];if(!n)throw new Error("pipeup: this feedback is sealed, and this page has no document key");if(typeof o.iv!="string"||typeof o.data!="string")throw new Error("pipeup: this is not an Pipeup feedback file");let r;try{r=await ln(n,{iv:o.iv,data:o.data},cn(t))}catch{throw new Error("pipeup: this feedback could not be opened with this document's key")}let i;try{i=JSON.parse(r)}catch{throw new Error("pipeup: this is not an Pipeup feedback file")}return Array.isArray(i)?i:[]}var un=80,de=class extends Error{constructor(n,o,r=1){super("pipeup: shown here, but not saved yet");this.id=n;this.cause=o;this.count=r;this.name="UnsavedChangeError"}},qe=class e{constructor(t,n){this.log=t;this.options=n;this.displayName=n.name.trim()?mn(n.name):""}listeners=new Set;cache=[];comments=new Map;displayName;queue=Promise.resolve();unsaved=[];static async open(t){if(typeof t.doc!="string"||t.doc===""||t.doc.length>W.doc)throw new Error(`pipeup: the document id must be 1 to ${W.doc} characters`);let n=new it(t.doc);await n.add(await t.store.load(t.doc));let o=new e(n,t);return o.refresh(!1),o}get id(){return this.options.doc}get me(){return this.options.identity.publicKey}get name(){return this.displayName}set name(t){this.displayName=mn(t),this.refresh(!0)}threads(){return this.cache}onChange(t){return this.listeners.add(t),()=>this.listeners.delete(t)}comment(t,n){return this.enqueue(()=>this.write({kind:"create",anchor:t,text:Ct(n)}))}reply(t,n){return this.enqueue(()=>this.write({kind:"reply",thread:this.find(t).thread,target:t,text:Ct(n)}))}edit(t,n){return this.enqueue(async()=>{let{thread:o}=this.mine(t);await this.write({kind:"edit",thread:o,target:t,text:Ct(n)})})}remove(t){return this.enqueue(async()=>{let{thread:n}=this.mine(t);await this.write({kind:"delete",thread:n,target:t})})}resolve(t){return this.enqueue(async()=>{await this.write({kind:"resolve",thread:this.thread(t)})})}reopen(t){return this.enqueue(async()=>{await this.write({kind:"reopen",thread:this.thread(t)})})}flush(){return this.enqueue(()=>this.persist())}exportFile(){return pn(this.options.doc,this.log.all(),this.options.key)}importFile(t){return this.enqueue(async()=>{let n=await this.log.add(await dn(t,this.options.doc,this.options.key));this.unsaved.push(...n),n.length>0&&this.refresh(!0);try{await this.persist()}catch(o){throw n.length>0?new de(n[0].body.id,o,n.length):o}return n.length})}enqueue(t){let n=this.queue.then(t);return this.queue=n.catch(()=>{}),n}async write(t){let n=await this.log.append(this.options.identity,this.displayName,t);this.unsaved.push(n),this.refresh(!0);try{await this.persist()}catch(o){throw new de(n.body.id,o)}return n.body.id}async persist(){if(this.unsaved.length===0)return;let t=[...this.unsaved];await this.options.store.append(this.options.doc,t),this.unsaved=this.unsaved.filter(n=>!t.includes(n))}refresh(t){this.cache=this.log.threads(),this.comments.clear();let n=(o,r)=>{o.unnamed&&o.author===this.me&&this.displayName&&(o.name=this.displayName),this.comments.set(o.id,{comment:o,thread:r});for(let i of o.replies)n(i,r)};for(let o of this.cache)n(o.root,o.id);if(t)for(let o of this.listeners)try{o(this.cache)}catch(r){globalThis.reportError?.(r)}}find(t){let n=this.comments.get(t);if(!n)throw new Error("pipeup: there is no comment with that id");return n}mine(t){let n=this.find(t);if(n.comment.author!==this.me)throw new Error("pipeup: only the writer can change a comment");return n}thread(t){if(!this.cache.some(n=>n.id===t))throw new Error("pipeup: there is no thread with that id");return t}};function Ct(e){let t=e.trim();if(!t)throw new Error("pipeup: a comment needs some words");if(t.length>ot)throw new Error(`pipeup: comments are limited to ${ot} characters`);return t}function mn(e){let t=e.replace(/\s+/g," ").trim();if(!t||t.length>un)throw new Error(`pipeup: choose a name of 1 to ${un} characters`);return t}var Ve=class{docs=new Map;profile=null;async load(t){return[...this.docs.get(t)?.values()??[]]}async append(t,n){let o=this.docs.get(t);o||this.docs.set(t,o=new Map);for(let r of n)o.set(r.body.id,r)}async loadProfile(){return this.profile}async saveProfile(t){this.profile=t}async saveProfileIfAbsent(t){return this.profile||(this.profile=t),this.profile}},fn="",mo="Reviewer";async function Ue(e,t=fn){let n=await e.loadProfile();if(n)return n.name===mo?{...n,name:""}:n;let o={identity:await kt(),name:t};return e.saveProfileIfAbsent(o)}var ze=class e{constructor(t){this.db=t}static open(t="pipeup"){return new Promise((n,o)=>{let r=indexedDB.open(t,1);r.onupgradeneeded=()=>{let i=r.result;i.createObjectStore("ops",{keyPath:["doc","id"]}).createIndex("doc","doc"),i.createObjectStore("meta")},r.onsuccess=()=>{let i=r.result;i.onversionchange=()=>i.close(),n(new e(i))},r.onerror=()=>o(r.error??new Error("pipeup: could not open local storage"))})}close(){this.db.close()}async load(t){return(await this.request("ops","readonly",o=>o.index("doc").getAll(t))).map(o=>o.op)}async append(t,n){if(n.length===0)return;let o=this.db.transaction("ops","readwrite"),r=o.objectStore("ops"),i=fo(o);try{for(let s of n)r.put({doc:t,id:s.body.id,op:s})}catch(s){throw o.abort(),i.catch(()=>{}),s}await i}async loadProfile(){return await this.request("meta","readonly",t=>t.get("profile"))??null}async saveProfile(t){await this.request("meta","readwrite",n=>n.put(t,"profile"))}async saveProfileIfAbsent(t){return new Promise((n,o)=>{let r=this.db.transaction("meta","readwrite"),i=r.objectStore("meta"),s=t;r.oncomplete=()=>n(s),r.onerror=()=>o(r.error??new Error("pipeup: local storage write failed")),r.onabort=()=>o(r.error??new Error("pipeup: local storage write aborted"));let a=i.get("profile");a.onsuccess=()=>{a.result?s=a.result:i.put(t,"profile")}})}request(t,n,o){return new Promise((r,i)=>{let s=o(this.db.transaction(t,n).objectStore(t));s.onsuccess=()=>r(s.result),s.onerror=()=>i(s.error??new Error("pipeup: local storage request failed"))})}};function fo(e){return new Promise((t,n)=>{e.oncomplete=()=>t(),e.onerror=()=>n(e.error??new Error("pipeup: local storage write failed")),e.onabort=()=>n(e.error??new Error("pipeup: local storage write aborted"))})}function Ke(e){let n=(e.ownerDocument??e).createTreeWalker(e,NodeFilter.SHOW_TEXT),o=[],r="";for(let i=n.nextNode();i;i=n.nextNode())o.push({node:i,start:r.length}),r+=i.data;return{text:r,nodes:o}}function Pt(e,t,n){let r=(e.ownerDocument??e).createRange();return r.setStart(e,0),r.setEnd(t,n),r.toString().length}function Ot(e,t,n){let o=hn(e,t,!1),r=hn(e,n,!0);if(!o||!r||n<t)return null;let i=o.node.ownerDocument.createRange();return i.setStart(o.node,o.offset),i.setEnd(r.node,r.offset),i}function hn(e,t,n){for(let r of e.nodes){let i=r.start+r.node.data.length;if(t>=r.start&&(t<i||n&&t===i))return{node:r.node,offset:t-r.start}}let o=e.nodes[e.nodes.length-1];return o&&t===o.start+o.node.data.length?{node:o.node,offset:o.node.data.length}:null}var gn=32,yn=200,ho="p,li,h1,h2,h3,h4,h5,h6,td,th,blockquote,pre,figcaption,dt,dd,summary,caption";function wn(e){return e.nodeType===Node.ELEMENT_NODE?e:e.parentElement}function bn(e,t){for(let n=wn(e)?.closest("[data-pipeup-id]")??null;n;){if(!t.contains(n))return null;let o=n.getAttribute("data-pipeup-id")??"";if(o!==""&&o.length<=W.anchorId)return n;n=n.parentElement?.closest("[data-pipeup-id]")??null}return null}function go(e){let t=e;return/[\uD800-\uDBFF]$/.test(t)&&(t=t.slice(0,-1)),/^[\uDC00-\uDFFF]/.test(t)&&(t=t.slice(1)),t}function at(e,t,n){return go(e.slice(t,n))}function vo(e,t){let n=yo(e,t);if(n.length>W.path)throw new Error("pipeup: this element is nested too deeply to comment on \u2014 give a nearby container a data-pipeup-id");return n}function xn(e){if(!At(e))throw new Error("pipeup: could not describe this place on the page");return e}function st(e,t){let n=wn(e),o=n?.closest(ho)??null;return o&&t.contains(o)?o:n&&t.contains(n)?n:t}function yo(e,t){if(e===t)return"";let n=[];for(let o=t;o&&o!==e;o=o.parentElement){let r=1;for(let i=o.previousElementSibling;i;i=i.previousElementSibling)i.tagName===o.tagName&&r++;n.unshift(`${o.tagName.toLowerCase()}:nth-of-type(${r})`)}return":scope > "+n.join(" > ")}function Rt(e,t,n){if(!t.contains(e.commonAncestorContainer))throw new Error("pipeup: the selection is outside the commentable area");let o=bn(e.commonAncestorContainer,t),r=o??t,{text:i}=Ke(r),s=Pt(r,e.startContainer,e.startOffset),a=Pt(r,e.endContainer,e.endOffset),p=i.slice(s,a);if(p==="")throw new Error("pipeup: select some text to comment on");if(p.length>W.quote)throw new Error(`pipeup: selections are limited to ${W.quote} characters`);let l=at(i,Math.max(0,s-gn),s),d=at(i,a,a+gn);return xn({...o?{id:o.getAttribute("data-pipeup-id")??""}:{},path:"",quote:{exact:p,prefix:l,suffix:d},...n?{view:n}:{},fingerprint:we(st(e.startContainer,t).textContent??""),snapshot:at(ye(l+p+d),0,yn)})}function lt(e,t,n,o){let r=bn(e,t);return xn({...r?{id:r.getAttribute("data-pipeup-id")??""}:{},path:vo(r??t,e),...n?{point:{x:vn(n.x),y:vn(n.y)}}:{},...o?{view:o}:{},fingerprint:we(e.textContent??""),snapshot:at(ye(e.textContent??""),0,yn)})}function vn(e){return Number.isFinite(e)?Math.min(1,Math.max(0,e)):0}function wo(e,t){let n=Array.from({length:t.length+1},(r,i)=>i),o=new Array(t.length+1).fill(0);for(let r=1;r<=e.length;r++){o[0]=r;for(let i=1;i<=t.length;i++){let s=e.charCodeAt(r-1)===t.charCodeAt(i-1)?0:1;o[i]=Math.min((n[i]??0)+1,(o[i-1]??0)+1,(n[i-1]??0)+s)}[n,o]=[o,n]}return n[t.length]??0}function En(e,t,n){let o=t.length;if(o===0)return null;let r=Array.from({length:o+1},(d,y)=>y),i=new Array(o+1).fill(0),s=-1,a=1/0;for(let d=1;d<=e.length;d++){i[0]=0;let y=e.charCodeAt(d-1);for(let f=1;f<=o;f++){let x=t.charCodeAt(f-1)===y?0:1;i[f]=Math.min((r[f]??0)+1,(i[f-1]??0)+1,(r[f-1]??0)+x)}let E=i[o]??1/0;E<a&&(a=E,s=d),[r,i]=[i,r]}if(a>n)return null;let p=Math.max(0,s-o),l=1/0;for(let d=Math.max(0,s-o-n);d<=Math.min(s,s-o+n);d++){let y=wo(e.slice(d,s),t);y<l&&(l=y,p=d)}return{start:p,end:s,distance:l}}var We={state:"orphaned",element:null,range:null},bo=5e4,xo=300,Eo=12,ko=":scope > ";function To(e,t){for(let n of e.querySelectorAll("[data-pipeup-id]"))if(n.getAttribute("data-pipeup-id")===t)return n;return null}function ct(e,t,n={}){let o=e.id?To(t,e.id):t;return e.quote?Ao(e,e.quote,o,t,n.fuzzy!==!1):So(e,o)}function So(e,t){if(!t)return We;let n=t;if(e.path){if(!e.path.startsWith(ko))return We;try{n=t.querySelector(e.path)}catch{return We}}return n?{state:we(n.textContent??"")===e.fingerprint?"attached":"moved",element:n,range:null}:We}function Ao(e,t,n,o,r){let i=n??o,s=Ke(i),a=Lo(s.text,t);if(a>=0){let p=Ot(s,a,a+t.exact.length);if(p){let l=st(p.startContainer,o);return{state:n!==null&&we(l.textContent??"")===e.fingerprint?"attached":"moved",element:l,range:p}}}if(r){let p=i===o?s:Ke(o);if(p.text.length<=bo&&t.exact.length>=Eo&&t.exact.length<=xo){let l=En(p.text,t.exact,Math.floor(t.exact.length/4)),d=l?Ot(p,l.start,l.end):null;if(d)return{state:"moved",element:st(d.startContainer,o),range:d}}}return We}function Lo(e,t){if(!t.exact)return-1;let n=-1,o=-1;for(let r=e.indexOf(t.exact);r!==-1;r=e.indexOf(t.exact,r+1)){let i=e.slice(Math.max(0,r-t.prefix.length),r),s=e.slice(r+t.exact.length,r+t.exact.length+t.suffix.length),a=Co(i,t.prefix)+Mo(s,t.suffix);a>o&&(n=r,o=a)}return n}function Mo(e,t){let n=0;for(;n<e.length&&n<t.length&&e[n]===t[n];)n++;return n}function Co(e,t){let n=0;for(;n<e.length&&n<t.length&&e[e.length-1-n]===t[t.length-1-n];)n++;return n}var Po={A:"Link",BUTTON:"Button",P:"Paragraph",LI:"List item",IMG:"Image",TABLE:"Table",TD:"Cell",TH:"Cell",FIGURE:"Figure",SVG:"Graphic",CANVAS:"Graphic",LABEL:"Label",INPUT:"Field",SELECT:"Field",TEXTAREA:"Field",SUMMARY:"Question",BLOCKQUOTE:"Quote",SECTION:"Section",H1:"Heading",H2:"Heading",H3:"Heading",H4:"Heading",H5:"Heading",H6:"Heading"},Oo=40;function Re(e){let t=e.getAttribute("data-pipeup-label");if(t)return t;let n=Po[e.tagName.toUpperCase()]??"Block",o=ye(e.getAttribute("aria-label")??e.getAttribute("alt")??e.innerText??e.textContent??"");return o?`${n} \xB7 ${It(o,Oo)}`:n}function Nt(e,t,n){let o=e.id??null,r=e.quote?.exact??null,i=e.point?`${Math.round(e.point.x*100)}% across, ${Math.round(e.point.y*100)}% down the element`:null,s=t.element;if(t.state==="orphaned"||!s)return{where:`No longer on the page (it read: "${e.snapshot}")`,element:null,id:o,quote:r,pin:i};let a=[],p=e.view?.slide;if(p){let d=s.closest("[data-pipeup-slide]")?.querySelector("h1,h2,h3")?.textContent;a.push(`Slide ${p}`+(d?` "${It(ye(d))}"`:""))}else{let d=Ro(s,n);d&&a.push(`Section "${It(ye(d.textContent??""))}"`)}let l=Re(s);return a.push(l),{where:a.join(" \u203A "),element:l,id:o,quote:r,pin:i}}function Ro(e,t){let n=null;for(let o of t.querySelectorAll("h1,h2,h3")){if(o===e||o.contains(e))break;if(o.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING)n=o;else break}return n}function It(e,t=60){return e.length>t?e.slice(0,t-1)+"\u2026":e}var Ie=["Otter","Fox","Owl","Bear","Rabbit"],$t=["Red","Orange","Yellow","Green","Teal","Blue","Purple","Pink","Brown","Grey"];function kn(e){let t=2166136261;for(let n=0;n<e.length;n++)t=Math.imul(t^e.charCodeAt(n),16777619);return t=Math.imul(t^t>>>16,2246822507),t=Math.imul(t^t>>>13,3266489909),(t^t>>>16)>>>0}var Dt=e=>kn(e)%Ie.length,Bt=e=>Math.floor(kn(e)/Ie.length)%$t.length,fe=e=>`${$t[Bt(e)]} ${Ie[Dt(e)]}`,se=e=>e.name||fe(e.author);var Io="Each thread says where it is: the slide or section, the element (its data-pipeup-id attribute in the HTML), and the exact quoted text or pin position. Work through the open threads in order, and for each one say what you changed or why you did not.";function Ne(e,t){let n=Math.max(0,Math.round((t-e)/1e3));if(n<60)return"just now";let o=Math.round(n/60);if(o<60)return`${o}m ago`;let r=Math.round(o/60);return r<48?`${r}h ago`:`${Math.round(r/24)}d ago`}function Ht(e,t,n,o){return t==="ai"?Tn(e,"## Comment thread",o,n):Sn(e)}function Ft(e,t,n){let o=e.filter(a=>!a.thread.resolved);if(t==="text")return o.map(Sn).join(`
-`);let r=e.length-o.length,i=[`# Review comments: ${Q(n.title)}`,"",`- **Page:** ${Q(n.url)}`,`- **Exported:** ${n.exportedAt.toISOString()}`,`- **Open threads:** ${o.length}${r?` (${r} resolved, not included)`:""}`,"",Io,"",""].join(`
-`),s=n.exportedAt.getTime();return i+o.map((a,p)=>Tn(a,`## Thread ${p+1}`,s)).join(`
-`)}function Q(e){return e.replace(/\s+/g," ").trim()}function Tn(e,t,n,o){let{thread:r,location:i}=e,s=r.root.replies.length,a=[`${t} \xB7 ${r.resolved?"resolved":"open"}`];if(a.push(`- **Thread:** ${r.id}`),o&&a.push(`- **Page:** ${Q(o)}`),a.push(`- **Where:** ${Q(i.where)}`),i.id){let p=Q(i.id.replace(/`/g,""));a.push(`- **Element:** \`[data-pipeup-id="${p}"]\`${i.element?` (${Q(i.element)})`:""}`)}i.quote&&a.push(`- **Quoted text:** "${Q(i.quote)}"`),i.pin&&a.push(`- **Pin:** ${Q(i.pin)}`),a.push(`- **Started by:** ${Q(se(r.root))}, ${Ne(r.root.at,n)}${s?` \xB7 ${s} ${s===1?"reply":"replies"}`:""}`,"",`**${Q(se(r.root))}** (${Ne(r.root.at,n)}): ${pt(r.root,"  ")}`);for(let p of r.root.replies)a.push(`- **${Q(se(p))}** (${Ne(p.at,n)}): ${pt(p,"  ")} <!-- comment:${p.id} -->`);return a.join(`
+function se(e){let t="";for(let n of e)t+=String.fromCharCode(n);return btoa(t).replace(/\+/g,"-").replace(/\//g,"_").replace(/=+$/,"")}function we(e){let t=e.replace(/-/g,"+").replace(/_/g,"/")+"===".slice((e.length+3)%4),n=atob(t),o=new Uint8Array(n.length);for(let r=0;r<n.length;r++)o[r]=n.charCodeAt(r);return o}function Qt(e=16){return se(crypto.getRandomValues(new Uint8Array(e)))}function de(e){return new TextEncoder().encode(e)}function xe(e){if(e===null||typeof e!="object")return JSON.stringify(e);if(Array.isArray(e))return"["+e.map(xe).join(",")+"]";let t=e;return"{"+Object.keys(t).filter(n=>t[n]!==void 0).sort().map(n=>JSON.stringify(n)+":"+xe(t[n])).join(",")+"}"}function ye(e){return e.replace(/\s+/g," ").trim()}function be(e){let t=ye(e),n=2166136261;for(let o=0;o<t.length;o++)n^=t.charCodeAt(o),n=Math.imul(n,16777619)>>>0;return n.toString(16).padStart(8,"0")}var io=/^[A-Za-z0-9_-]{43}$/,ao=512,Ee=new Map;async function St(){let e=await crypto.subtle.generateKey({name:"Ed25519"},!1,["sign","verify"]),t=new Uint8Array(await crypto.subtle.exportKey("raw",e.publicKey));return{publicKey:se(t),privateKey:e.privateKey}}async function Jt(e,t){let n=await crypto.subtle.sign({name:"Ed25519"},e.privateKey,t);return se(new Uint8Array(n))}async function en(e,t,n){if(!io.test(e))return!1;try{if(se(we(e))!==e)return!1;let o=Ee.get(e);if(!o){Ee.size>=ao&&Ee.delete(Ee.keys().next().value),o=crypto.subtle.importKey("raw",we(e),{name:"Ed25519"},!0,["verify"]),Ee.set(e,o);let r=o;r.catch(()=>{Ee.get(e)===r&&Ee.delete(e)})}return await crypto.subtle.verify({name:"Ed25519"},await o,we(n),t)}catch{return!1}}var ot=1e4,Lt=2**40,rt=2**47,z={doc:64,path:2e3,snapshot:500,anchorId:200,quote:1e4,context:64,viewEntries:16,viewKey:64,viewValue:200},so=/^[0-9a-f]{8}$/,At=/^[A-Za-z0-9_-]{43}$/,lo=/^[A-Za-z0-9_-]{43}$/,co=new Set(["create","reply","edit","delete","resolve","reopen"]);async function nn(e,t){if(e.author!==t.publicKey)throw new Error("pipeup: an op must be signed by its author");return{body:e,sig:await Jt(t,de(xe(e)))}}var ue=(e,t)=>typeof e=="string"&&e.length<=t,tn=e=>typeof e=="number"&&Number.isFinite(e)&&e>=0&&e<=1;function Mt(e){if(!e||typeof e!="object")return!1;let{id:t,path:n,fingerprint:o,snapshot:r,quote:i,point:s,view:a}=e;if(!ue(n,z.path)||!ue(r,z.snapshot)||typeof o!="string"||!so.test(o)||t!==void 0&&(!ue(t,z.anchorId)||t===""))return!1;if(i!==void 0){if(!i||typeof i!="object")return!1;let p=i;if(!ue(p.exact,z.quote)||p.exact===""||!ue(p.prefix,z.context)||!ue(p.suffix,z.context))return!1}if(s!==void 0){if(!s||typeof s!="object")return!1;let p=s;if(!tn(p.x)||!tn(p.y))return!1}if(a!==void 0){if(!a||typeof a!="object"||Array.isArray(a))return!1;let p=Object.entries(a);if(p.length>z.viewEntries||!p.every(([l,d])=>l.length<=z.viewKey&&ue(d,z.viewValue)))return!1}return!0}function on(e){if(!e||typeof e!="object")return!1;let{body:t,sig:n}=e;if(typeof n!="string"||!t||typeof t!="object")return!1;let o=t;return!(o.v!==1||typeof o.id!="string"||!At.test(o.id)||typeof o.kind!="string"||!co.has(o.kind)||!ue(o.doc,z.doc)||o.doc===""||typeof o.thread!="string"||!At.test(o.thread)||typeof o.author!="string"||!lo.test(o.author)||typeof o.name!="string"||o.name.length>80||o.name!==o.name.trim()||typeof o.clock!="number"||!Number.isSafeInteger(o.clock)||o.clock<1||o.clock>Lt||typeof o.at!="number"||!Number.isSafeInteger(o.at)||o.at<0||o.at>rt||o.text!==void 0&&(!ue(o.text,ot)||o.text!==o.text.trim())||o.target!==void 0&&(typeof o.target!="string"||!At.test(o.target))||(o.kind==="create"||o.kind==="reply"||o.kind==="edit")&&(typeof o.text!="string"||o.text.trim()==="")||(o.kind==="reply"||o.kind==="edit"||o.kind==="delete")&&!o.target||o.kind==="create"&&(o.id!==o.thread||!Mt(o.anchor)))}function rn(e){return en(e.body.author,de(xe(e.body)),e.sig)}function an(e,t){return e.body.clock!==t.body.clock?e.body.clock-t.body.clock:e.body.at!==t.body.at?e.body.at-t.body.at:e.body.author!==t.body.author?e.body.author<t.body.author?-1:1:e.body.id!==t.body.id?e.body.id<t.body.id?-1:1:0}function ln(e){let t=new Map,n=new Map,o=new Map;for(let{body:r}of[...e].sort(an)){if(r.name&&o.set(r.author,r.name),r.kind==="create"){if(t.has(r.id)||!r.anchor||r.text===void 0)continue;let a=sn(r.id,r.author,r.name,r.text,r.at);t.set(r.id,{id:r.id,anchor:r.anchor,root:a,resolved:!1}),n.set(r.id,{comment:a,thread:r.id});continue}let i=t.get(r.thread);if(!i)continue;if(r.kind==="resolve"||r.kind==="reopen"){i.resolved=r.kind==="resolve";continue}let s=r.target?n.get(r.target):void 0;if(!(!s||s.thread!==r.thread)){if(r.kind==="reply"){if(n.has(r.id)||r.text===void 0)continue;let a=sn(r.id,r.author,r.name,r.text,r.at);i.root.replies.push(a),n.set(r.id,{comment:a,thread:r.thread});continue}r.author!==s.comment.author||s.comment.deleted||(r.kind==="edit"&&r.text!==void 0&&(s.comment.text=r.text,s.comment.edited=!0),r.kind==="delete"&&(s.comment.text="",s.comment.deleted=!0))}}for(let{comment:r}of n.values())r.name||(r.unnamed=!0,r.name=o.get(r.author)??"");return[...t.values()]}function sn(e,t,n,o,r){return{id:e,author:t,name:n,text:o,at:r,edited:!1,deleted:!1,replies:[]}}async function Ct(e){let t={...e,id:void 0,thread:e.kind==="create"?void 0:e.thread},n=await crypto.subtle.digest("SHA-256",de(xe(t)));return se(new Uint8Array(n))}var it=class{constructor(t){this.doc=t}ops=new Map;clock=0;createAt=new Map;threadAt=new Map;get size(){return this.ops.size}all(){return[...this.ops.values()]}threads(){return ln(this.ops.values())}async add(t){let n=[];for(let o of t)!on(o)||o.body.doc!==this.doc||this.ops.has(o.body.id)||o.body.id!==await Ct(o.body)||!await rn(o)||(this.ops.set(o.body.id,o),this.clock=Math.max(this.clock,o.body.clock),o.body.kind==="create"&&this.createAt.set(o.body.author,Math.max(this.createAt.get(o.body.author)??0,o.body.at)),this.threadAt.set(o.body.thread,Math.max(this.threadAt.get(o.body.thread)??0,o.body.at)),n.push(o));return n}async append(t,n,o){let r={v:1,...o,id:"",thread:o.kind==="create"?"":o.thread,doc:this.doc,author:t.publicKey,name:n,clock:Math.min(this.clock+1,Lt),at:Math.min(Math.max(Date.now(),o.kind==="create"?(this.createAt.get(t.publicKey)??0)+1:(this.threadAt.get(o.thread)??0)+1),rt)};for(let a=0;;a++){if(a===1e3)throw new Error("pipeup: could not record this change");if(r.id=await Ct(r),!this.ops.has(r.id)||r.at>=rt)break;r.at+=1}let i=this.ops.get(r.id);if(i)return i;r.kind==="create"&&(r.thread=r.id);let[s]=await this.add([await nn(r,t)]);if(!s)throw new Error("pipeup: could not record this change");return s}};var po=/^([A-Za-z0-9_-]{16}):([A-Za-z0-9_-]{43})$/;function uo(){return`${Qt(12)}:${se(crypto.getRandomValues(new Uint8Array(32)))}`}async function Pt(e){let t=po.exec(e.trim()),n=t?.[1],o=t?.[2];if(!n||!o)throw new Error('pipeup: data-pipeup-doc must look like "<id>:<key>", as made by newDocumentAttribute()');let r=await crypto.subtle.importKey("raw",we(o),{name:"AES-GCM"},!1,["encrypt","decrypt"]);return{id:n,key:r}}async function cn(e,t,n){let o=crypto.getRandomValues(new Uint8Array(12)),r=await crypto.subtle.encrypt({name:"AES-GCM",iv:o,additionalData:de(n)},e,de(t));return{iv:se(o),data:se(new Uint8Array(r))}}async function pn(e,t,n){try{let o=await crypto.subtle.decrypt({name:"AES-GCM",iv:we(t.iv),additionalData:de(n)},e,we(t.data));return new TextDecoder().decode(o)}catch{throw new Error("pipeup: this feedback could not be opened with this document")}}var mo=5e6,dn=e=>`pipeup-file:${e}`;async function un(e,t,n){let o=n?{pipeup:1,doc:e,sealed:!0,...await cn(n,JSON.stringify(t),dn(e))}:{pipeup:1,doc:e,sealed:!1,ops:t};return JSON.stringify(o,null,2)}async function mn(e,t,n){if(e.length>mo)throw new Error("pipeup: this feedback file is too large");let o;try{o=JSON.parse(e)}catch{throw new Error("pipeup: this is not an Pipeup feedback file")}if(!o||typeof o!="object"||o.pipeup!==1||typeof o.doc!="string")throw new Error("pipeup: this is not an Pipeup feedback file");if(o.doc!==t)throw new Error("pipeup: this feedback is for a different document");if(!o.sealed)return Array.isArray(o.ops)?o.ops:[];if(!n)throw new Error("pipeup: this feedback is sealed, and this page has no document key");if(typeof o.iv!="string"||typeof o.data!="string")throw new Error("pipeup: this is not an Pipeup feedback file");let r;try{r=await pn(n,{iv:o.iv,data:o.data},dn(t))}catch{throw new Error("pipeup: this feedback could not be opened with this document's key")}let i;try{i=JSON.parse(r)}catch{throw new Error("pipeup: this is not an Pipeup feedback file")}return Array.isArray(i)?i:[]}var fn=80,le=class extends Error{constructor(n,o,r=1){super("pipeup: shown here, but not saved yet");this.id=n;this.cause=o;this.count=r;this.name="UnsavedChangeError"}},qe=class e{constructor(t,n){this.log=t;this.options=n;this.displayName=n.name.trim()?hn(n.name):""}listeners=new Set;cache=[];comments=new Map;displayName;queue=Promise.resolve();unsaved=[];static async open(t){if(typeof t.doc!="string"||t.doc===""||t.doc.length>z.doc)throw new Error(`pipeup: the document id must be 1 to ${z.doc} characters`);let n=new it(t.doc);await n.add(await t.store.load(t.doc));let o=new e(n,t);return o.refresh(!1),o}get id(){return this.options.doc}get me(){return this.options.identity.publicKey}get name(){return this.displayName}set name(t){this.displayName=hn(t),this.refresh(!0)}threads(){return this.cache}onChange(t){return this.listeners.add(t),()=>this.listeners.delete(t)}comment(t,n){return this.enqueue(()=>this.write({kind:"create",anchor:t,text:Ot(n)}))}reply(t,n){return this.enqueue(()=>this.write({kind:"reply",thread:this.find(t).thread,target:t,text:Ot(n)}))}edit(t,n){return this.enqueue(async()=>{let{thread:o}=this.mine(t);await this.write({kind:"edit",thread:o,target:t,text:Ot(n)})})}remove(t){return this.enqueue(async()=>{let{thread:n}=this.mine(t);await this.write({kind:"delete",thread:n,target:t})})}resolve(t){return this.enqueue(async()=>{await this.write({kind:"resolve",thread:this.thread(t)})})}reopen(t){return this.enqueue(async()=>{await this.write({kind:"reopen",thread:this.thread(t)})})}flush(){return this.enqueue(()=>this.persist())}exportFile(){return un(this.options.doc,this.log.all(),this.options.key)}importFile(t){return this.enqueue(async()=>{let n=await this.log.add(await mn(t,this.options.doc,this.options.key));this.unsaved.push(...n),n.length>0&&this.refresh(!0);try{await this.persist()}catch(o){throw n.length>0?new le(n[0].body.id,o,n.length):o}return n.length})}enqueue(t){let n=this.queue.then(t);return this.queue=n.catch(()=>{}),n}async write(t){let n=await this.log.append(this.options.identity,this.displayName,t);this.unsaved.push(n),this.refresh(!0);try{await this.persist()}catch(o){throw new le(n.body.id,o)}return n.body.id}async persist(){if(this.unsaved.length===0)return;let t=[...this.unsaved];await this.options.store.append(this.options.doc,t),this.unsaved=this.unsaved.filter(n=>!t.includes(n))}refresh(t){this.cache=this.log.threads(),this.comments.clear();let n=(o,r)=>{o.unnamed&&o.author===this.me&&this.displayName&&(o.name=this.displayName),this.comments.set(o.id,{comment:o,thread:r});for(let i of o.replies)n(i,r)};for(let o of this.cache)n(o.root,o.id);if(t)for(let o of this.listeners)try{o(this.cache)}catch(r){globalThis.reportError?.(r)}}find(t){let n=this.comments.get(t);if(!n)throw new Error("pipeup: there is no comment with that id");return n}mine(t){let n=this.find(t);if(n.comment.author!==this.me)throw new Error("pipeup: only the writer can change a comment");return n}thread(t){if(!this.cache.some(n=>n.id===t))throw new Error("pipeup: there is no thread with that id");return t}};function Ot(e){let t=e.trim();if(!t)throw new Error("pipeup: a comment needs some words");if(t.length>ot)throw new Error(`pipeup: comments are limited to ${ot} characters`);return t}function hn(e){let t=e.replace(/\s+/g," ").trim();if(!t||t.length>fn)throw new Error(`pipeup: choose a name of 1 to ${fn} characters`);return t}var Ve=class{docs=new Map;profile=null;async load(t){return[...this.docs.get(t)?.values()??[]]}async append(t,n){let o=this.docs.get(t);o||this.docs.set(t,o=new Map);for(let r of n)o.set(r.body.id,r)}async loadProfile(){return this.profile}async saveProfile(t){this.profile=t}async saveProfileIfAbsent(t){return this.profile||(this.profile=t),this.profile}},gn="",fo="Reviewer";async function Ue(e,t=gn){let n=await e.loadProfile();if(n)return n.name===fo?{...n,name:""}:n;let o={identity:await St(),name:t};return e.saveProfileIfAbsent(o)}var Ke=class e{constructor(t){this.db=t}static open(t="pipeup"){return new Promise((n,o)=>{let r=indexedDB.open(t,1);r.onupgradeneeded=()=>{let i=r.result;i.createObjectStore("ops",{keyPath:["doc","id"]}).createIndex("doc","doc"),i.createObjectStore("meta")},r.onsuccess=()=>{let i=r.result;i.onversionchange=()=>i.close(),n(new e(i))},r.onerror=()=>o(r.error??new Error("pipeup: could not open local storage"))})}close(){this.db.close()}async load(t){return(await this.request("ops","readonly",o=>o.index("doc").getAll(t))).map(o=>o.op)}async append(t,n){if(n.length===0)return;let o=this.db.transaction("ops","readwrite"),r=o.objectStore("ops"),i=ho(o);try{for(let s of n)r.put({doc:t,id:s.body.id,op:s})}catch(s){throw o.abort(),i.catch(()=>{}),s}await i}async loadProfile(){return await this.request("meta","readonly",t=>t.get("profile"))??null}async saveProfile(t){await this.request("meta","readwrite",n=>n.put(t,"profile"))}async saveProfileIfAbsent(t){return new Promise((n,o)=>{let r=this.db.transaction("meta","readwrite"),i=r.objectStore("meta"),s=t;r.oncomplete=()=>n(s),r.onerror=()=>o(r.error??new Error("pipeup: local storage write failed")),r.onabort=()=>o(r.error??new Error("pipeup: local storage write aborted"));let a=i.get("profile");a.onsuccess=()=>{a.result?s=a.result:i.put(t,"profile")}})}request(t,n,o){return new Promise((r,i)=>{let s=o(this.db.transaction(t,n).objectStore(t));s.onsuccess=()=>r(s.result),s.onerror=()=>i(s.error??new Error("pipeup: local storage request failed"))})}};function ho(e){return new Promise((t,n)=>{e.oncomplete=()=>t(),e.onerror=()=>n(e.error??new Error("pipeup: local storage write failed")),e.onabort=()=>n(e.error??new Error("pipeup: local storage write aborted"))})}function ze(e){let n=(e.ownerDocument??e).createTreeWalker(e,NodeFilter.SHOW_TEXT),o=[],r="";for(let i=n.nextNode();i;i=n.nextNode())o.push({node:i,start:r.length}),r+=i.data;return{text:r,nodes:o}}function Rt(e,t,n){let r=(e.ownerDocument??e).createRange();return r.setStart(e,0),r.setEnd(t,n),r.toString().length}function It(e,t,n){let o=vn(e,t,!1),r=vn(e,n,!0);if(!o||!r||n<t)return null;let i=o.node.ownerDocument.createRange();return i.setStart(o.node,o.offset),i.setEnd(r.node,r.offset),i}function vn(e,t,n){for(let r of e.nodes){let i=r.start+r.node.data.length;if(t>=r.start&&(t<i||n&&t===i))return{node:r.node,offset:t-r.start}}let o=e.nodes[e.nodes.length-1];return o&&t===o.start+o.node.data.length?{node:o.node,offset:o.node.data.length}:null}var wn=32,bn=200,go="p,li,h1,h2,h3,h4,h5,h6,td,th,blockquote,pre,figcaption,dt,dd,summary,caption";function xn(e){return e.nodeType===Node.ELEMENT_NODE?e:e.parentElement}function En(e,t){for(let n=xn(e)?.closest("[data-pipeup-id]")??null;n;){if(!t.contains(n))return null;let o=n.getAttribute("data-pipeup-id")??"";if(o!==""&&o.length<=z.anchorId)return n;n=n.parentElement?.closest("[data-pipeup-id]")??null}return null}function vo(e){let t=e;return/[\uD800-\uDBFF]$/.test(t)&&(t=t.slice(0,-1)),/^[\uDC00-\uDFFF]/.test(t)&&(t=t.slice(1)),t}function at(e,t,n){return vo(e.slice(t,n))}function wo(e,t){let n=yo(e,t);if(n.length>z.path)throw new Error("pipeup: this element is nested too deeply to comment on \u2014 give a nearby container a data-pipeup-id");return n}function kn(e){if(!Mt(e))throw new Error("pipeup: could not describe this place on the page");return e}function st(e,t){let n=xn(e),o=n?.closest(go)??null;return o&&t.contains(o)?o:n&&t.contains(n)?n:t}function yo(e,t){if(e===t)return"";let n=[];for(let o=t;o&&o!==e;o=o.parentElement){let r=1;for(let i=o.previousElementSibling;i;i=i.previousElementSibling)i.tagName===o.tagName&&r++;n.unshift(`${o.tagName.toLowerCase()}:nth-of-type(${r})`)}return":scope > "+n.join(" > ")}function Nt(e,t,n){if(!t.contains(e.commonAncestorContainer))throw new Error("pipeup: the selection is outside the commentable area");let o=En(e.commonAncestorContainer,t),r=o??t,{text:i}=ze(r),s=Rt(r,e.startContainer,e.startOffset),a=Rt(r,e.endContainer,e.endOffset),p=i.slice(s,a);if(p==="")throw new Error("pipeup: select some text to comment on");if(p.length>z.quote)throw new Error(`pipeup: selections are limited to ${z.quote} characters`);let l=at(i,Math.max(0,s-wn),s),d=at(i,a,a+wn);return kn({...o?{id:o.getAttribute("data-pipeup-id")??""}:{},path:"",quote:{exact:p,prefix:l,suffix:d},...n?{view:n}:{},fingerprint:be(st(e.startContainer,t).textContent??""),snapshot:at(ye(l+p+d),0,bn)})}function lt(e,t,n,o){let r=En(e,t);return kn({...r?{id:r.getAttribute("data-pipeup-id")??""}:{},path:wo(r??t,e),...n?{point:{x:yn(n.x),y:yn(n.y)}}:{},...o?{view:o}:{},fingerprint:be(e.textContent??""),snapshot:at(ye(e.textContent??""),0,bn)})}function yn(e){return Number.isFinite(e)?Math.min(1,Math.max(0,e)):0}function bo(e,t){let n=Array.from({length:t.length+1},(r,i)=>i),o=new Array(t.length+1).fill(0);for(let r=1;r<=e.length;r++){o[0]=r;for(let i=1;i<=t.length;i++){let s=e.charCodeAt(r-1)===t.charCodeAt(i-1)?0:1;o[i]=Math.min((n[i]??0)+1,(o[i-1]??0)+1,(n[i-1]??0)+s)}[n,o]=[o,n]}return n[t.length]??0}function Tn(e,t,n){let o=t.length;if(o===0)return null;let r=Array.from({length:o+1},(d,y)=>y),i=new Array(o+1).fill(0),s=-1,a=1/0;for(let d=1;d<=e.length;d++){i[0]=0;let y=e.charCodeAt(d-1);for(let h=1;h<=o;h++){let x=t.charCodeAt(h-1)===y?0:1;i[h]=Math.min((r[h]??0)+1,(i[h-1]??0)+1,(r[h-1]??0)+x)}let E=i[o]??1/0;E<a&&(a=E,s=d),[r,i]=[i,r]}if(a>n)return null;let p=Math.max(0,s-o),l=1/0;for(let d=Math.max(0,s-o-n);d<=Math.min(s,s-o+n);d++){let y=bo(e.slice(d,s),t);y<l&&(l=y,p=d)}return{start:p,end:s,distance:l}}var We={state:"orphaned",element:null,range:null},xo=5e4,Eo=300,ko=12,To=":scope > ";function So(e,t){for(let n of e.querySelectorAll("[data-pipeup-id]"))if(n.getAttribute("data-pipeup-id")===t)return n;return null}function ct(e,t,n={}){let o=e.id?So(t,e.id):t;return e.quote?Lo(e,e.quote,o,t,n.fuzzy!==!1):Ao(e,o)}function Ao(e,t){if(!t)return We;let n=t;if(e.path){if(!e.path.startsWith(To))return We;try{n=t.querySelector(e.path)}catch{return We}}return n?{state:be(n.textContent??"")===e.fingerprint?"attached":"moved",element:n,range:null}:We}function Lo(e,t,n,o,r){let i=n??o,s=ze(i),a=Mo(s.text,t);if(a>=0){let p=It(s,a,a+t.exact.length);if(p){let l=st(p.startContainer,o);return{state:n!==null&&be(l.textContent??"")===e.fingerprint?"attached":"moved",element:l,range:p}}}if(r){let p=i===o?s:ze(o);if(p.text.length<=xo&&t.exact.length>=ko&&t.exact.length<=Eo){let l=Tn(p.text,t.exact,Math.floor(t.exact.length/4)),d=l?It(p,l.start,l.end):null;if(d)return{state:"moved",element:st(d.startContainer,o),range:d}}}return We}function Mo(e,t){if(!t.exact)return-1;let n=-1,o=-1;for(let r=e.indexOf(t.exact);r!==-1;r=e.indexOf(t.exact,r+1)){let i=e.slice(Math.max(0,r-t.prefix.length),r),s=e.slice(r+t.exact.length,r+t.exact.length+t.suffix.length),a=Po(i,t.prefix)+Co(s,t.suffix);a>o&&(n=r,o=a)}return n}function Co(e,t){let n=0;for(;n<e.length&&n<t.length&&e[n]===t[n];)n++;return n}function Po(e,t){let n=0;for(;n<e.length&&n<t.length&&e[e.length-1-n]===t[t.length-1-n];)n++;return n}var Oo={A:"Link",BUTTON:"Button",P:"Paragraph",LI:"List item",IMG:"Image",TABLE:"Table",TD:"Cell",TH:"Cell",FIGURE:"Figure",SVG:"Graphic",CANVAS:"Graphic",LABEL:"Label",INPUT:"Field",SELECT:"Field",TEXTAREA:"Field",SUMMARY:"Question",BLOCKQUOTE:"Quote",SECTION:"Section",H1:"Heading",H2:"Heading",H3:"Heading",H4:"Heading",H5:"Heading",H6:"Heading"},Ro=40;function Re(e){let t=e.getAttribute("data-pipeup-label");if(t)return t;let n=Oo[e.tagName.toUpperCase()]??"Block",o=ye(e.getAttribute("aria-label")??e.getAttribute("alt")??e.innerText??e.textContent??"");return o?`${n} \xB7 ${$t(o,Ro)}`:n}function Dt(e,t,n){let o=e.id??null,r=e.quote?.exact??null,i=e.point?`${Math.round(e.point.x*100)}% across, ${Math.round(e.point.y*100)}% down the element`:null,s=t.element;if(t.state==="orphaned"||!s)return{where:`No longer on the page (it read: "${e.snapshot}")`,element:null,id:o,quote:r,pin:i};let a=[],p=e.view?.slide;if(p){let d=s.closest("[data-pipeup-slide]")?.querySelector("h1,h2,h3")?.textContent;a.push(`Slide ${p}`+(d?` "${$t(ye(d))}"`:""))}else{let d=Io(s,n);d&&a.push(`Section "${$t(ye(d.textContent??""))}"`)}let l=Re(s);return a.push(l),{where:a.join(" \u203A "),element:l,id:o,quote:r,pin:i}}function Io(e,t){let n=null;for(let o of t.querySelectorAll("h1,h2,h3")){if(o===e||o.contains(e))break;if(o.compareDocumentPosition(e)&Node.DOCUMENT_POSITION_FOLLOWING)n=o;else break}return n}function $t(e,t=60){return e.length>t?e.slice(0,t-1)+"\u2026":e}var Ie=["Otter","Fox","Owl","Bear","Rabbit"],Bt=["Red","Orange","Yellow","Green","Teal","Blue","Purple","Pink","Brown","Grey"];function Sn(e){let t=2166136261;for(let n=0;n<e.length;n++)t=Math.imul(t^e.charCodeAt(n),16777619);return t=Math.imul(t^t>>>16,2246822507),t=Math.imul(t^t>>>13,3266489909),(t^t>>>16)>>>0}var Ht=e=>Sn(e)%Ie.length,Ft=e=>Math.floor(Sn(e)/Ie.length)%Bt.length,me=e=>`${Bt[Ft(e)]} ${Ie[Ht(e)]}`,ie=e=>e.name||me(e.author);var No="Each thread says where it is: the slide or section, the element (its data-pipeup-id attribute in the HTML), and the exact quoted text or pin position. Work through the open threads in order, and for each one say what you changed or why you did not.";function Ne(e,t){let n=Math.max(0,Math.round((t-e)/1e3));if(n<60)return"just now";let o=Math.round(n/60);if(o<60)return`${o}m ago`;let r=Math.round(o/60);return r<48?`${r}h ago`:`${Math.round(r/24)}d ago`}function _t(e,t,n,o){return t==="ai"?An(e,"## Comment thread",o,n):Ln(e)}function qt(e,t,n){let o=e.filter(a=>!a.thread.resolved);if(t==="text")return o.map(Ln).join(`
+`);let r=e.length-o.length,i=[`# Review comments: ${Z(n.title)}`,"",`- **Page:** ${Z(n.url)}`,`- **Exported:** ${n.exportedAt.toISOString()}`,`- **Open threads:** ${o.length}${r?` (${r} resolved, not included)`:""}`,"",No,"",""].join(`
+`),s=n.exportedAt.getTime();return i+o.map((a,p)=>An(a,`## Thread ${p+1}`,s)).join(`
+`)}function Z(e){return e.replace(/\s+/g," ").trim()}function An(e,t,n,o){let{thread:r,location:i}=e,s=r.root.replies.length,a=[`${t} \xB7 ${r.resolved?"resolved":"open"}`];if(a.push(`- **Thread:** ${r.id}`),o&&a.push(`- **Page:** ${Z(o)}`),a.push(`- **Where:** ${Z(i.where)}`),i.id){let p=Z(i.id.replace(/`/g,""));a.push(`- **Element:** \`[data-pipeup-id="${p}"]\`${i.element?` (${Z(i.element)})`:""}`)}i.quote&&a.push(`- **Quoted text:** "${Z(i.quote)}"`),i.pin&&a.push(`- **Pin:** ${Z(i.pin)}`),a.push(`- **Started by:** ${Z(ie(r.root))}, ${Ne(r.root.at,n)}${s?` \xB7 ${s} ${s===1?"reply":"replies"}`:""}`,"",`**${Z(ie(r.root))}** (${Ne(r.root.at,n)}): ${pt(r.root,"  ")}`);for(let p of r.root.replies)a.push(`- **${Z(ie(p))}** (${Ne(p.at,n)}): ${pt(p,"  ")} <!-- comment:${p.id} -->`);return a.join(`
 `)+`
-`}function Sn(e){let{thread:t,location:n}=e,o=[Q(n.where)+(n.quote?`, on the text "${Q(n.quote)}"`:""),`${Q(se(t.root))}: ${pt(t.root,"  ")}`];for(let r of t.root.replies)o.push(`  ${Q(se(r))}: ${pt(r,"    ")}`);return o.join(`
+`}function Ln(e){let{thread:t,location:n}=e,o=[Z(n.where)+(n.quote?`, on the text "${Z(n.quote)}"`:""),`${Z(ie(t.root))}: ${pt(t.root,"  ")}`];for(let r of t.root.replies)o.push(`  ${Z(ie(r))}: ${pt(r,"    ")}`);return o.join(`
 `)+`
 `}function pt(e,t){return e.deleted?"(deleted)":e.text.replace(/\r\n|\r|\n/g,`
-`+t)+(e.edited?" (edited)":"")}var ni="0.4.0-beta.0";function m(e,t={},...n){let o=document.createElement(e);for(let[r,i]of Object.entries(t))i===void 0||i===!1||(r==="class"?o.className=String(i):o.setAttribute(r,i===!0?"":i));for(let r of n)r!=null&&r!==!1&&o.append(r);return o}function J(e,t){let n=e.getRootNode().activeElement;t&&n instanceof HTMLElement&&e.contains(n)&&n.blur(),e.inert=t}function he(e,t){return e.length>t?e.slice(0,t-1)+"\u2026":e}function $e(e,t,n=4){e.style.left=`${t.left-n}px`,e.style.top=`${t.top-n}px`,e.style.width=`${t.width+n*2}px`,e.style.height=`${t.height+n*2}px`}var No=/\bhttps?:\/\/[^\s<>"'`]+/gi,$o=`.,;:!?'"]}`,Do=2048,Bo=/[\u202A-\u202E\u2066-\u2069]/;function Ho(e){let t=0,n=0;for(let r of e)r==="("?t++:r===")"&&n++;let o=e.length;for(;o>0;){let r=e[o-1];if(r===")"&&n>t)n--;else if(!$o.includes(r))break;o--}return e.slice(0,o)}function dt(e){let t=[],n=0;for(let o of e.matchAll(No)){if(o[0].length>Do||Bo.test(o[0]))continue;let r=Ho(o[0]),i=o.index??0,s;try{let p=new URL(r);if(p.protocol!=="http:"&&p.protocol!=="https:")continue;s=p.href}catch{continue}i>n&&t.push(e.slice(n,i));let a=m("a",{href:s,target:"_blank",rel:"noopener noreferrer"},r);a.addEventListener("click",p=>p.stopPropagation()),t.push(a),n=i+r.length}return n<e.length&&t.push(e.slice(n)),t}var ge={code:"KeyC",mods:{shift:!0,alt:!0,meta:!1,ctrl:!1},mac:{label:"\u21E7\u2325C",aria:"Shift+Alt+C"},other:{label:"Shift+Alt+C",aria:"Shift+Alt+C"}},An=typeof navigator<"u"&&/Mac|iP(hone|ad|od)/.test(navigator.platform),Ye=(An?ge.mac:ge.other).label,_t=(An?ge.mac:ge.other).aria;function Ln(e){return e.code===ge.code&&e.shiftKey===ge.mods.shift&&e.altKey===ge.mods.alt&&e.metaKey===ge.mods.meta&&e.ctrlKey===ge.mods.ctrl&&!e.repeat&&!e.getModifierState("AltGraph")}var Mn="http://www.w3.org/2000/svg",Fo={comment:["M20.5 11.5a8 8 0 0 1-11.7 7.1L4 19.8l1.2-4.4A8 8 0 1 1 20.5 11.5z","M12.3 8.2v6.6M9 11.5h6.6"],send:["M21 12L3.5 4.5 6.2 12l-2.7 7.5zM6.2 12H13"],copy:["M10 8h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2z","M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2"],resolve:["M5 12.5l4.5 4.5L19 7.5"],reopen:["M3 12a9 9 0 1 0 3-6.7","M3 4v5h5"],lines:["M4 7h16M4 12h10M4 17h7"],list:["M3 6.5a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0-3 0M3 12a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0-3 0M3 17.5a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0-3 0M9 6.5h11M9 12h11M9 17.5h7"],expand:["M14 4h6v6M20 4l-6 6M10 20H4v-6M4 20l6-6M20 14v6h-6M20 20l-6-6M4 10V4h6M4 4l6 6"],bubble:["M20.5 11.5a8 8 0 0 1-11.7 7.1L4 19.8l1.2-4.4A8 8 0 1 1 20.5 11.5z"],close:["M6 6l12 12M18 6L6 18"],edit:["M4 20h4L19 9l-4-4L4 16z"]};function Y(e,t=15,n){let o=qt(Fo[e],t);return n&&o.setAttribute("stroke-width",String(n)),o}function qt(e,t){let n=document.createElementNS(Mn,"svg"),o={width:String(t),height:String(t),viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"};for(let[r,i]of Object.entries(o))n.setAttribute(r,i);for(let r of e){let i=document.createElementNS(Mn,"path");i.setAttribute("d",r),n.append(i)}return n}var ut=(e,t,n)=>`M${e} ${t}a${n} ${n} 0 1 0 ${2*n} 0a${n} ${n} 0 1 0 -${2*n} 0`,_o={Otter:"M4 13.2C4 9.2 7.6 6.5 12 6.5s8 2.7 8 6.7-3.6 6.3-8 6.3-8-2.3-8-6.3zM5.6 9.6a1.8 1.8 0 1 1 2.7-2.3M18.4 9.6a1.8 1.8 0 1 0-2.7-2.3M9.2 11.6h.01M14.8 11.6h.01M11 14h2l-1 1zM9.8 15.8l-3.2.4M9.9 17l-2.7 1.1M14.2 15.8l3.2.4M14.1 17l2.7 1.1",Fox:"M3.5 4l5 3.5h7l5-3.5-1.5 8.5L12 20l-7-7.5zM9 12h.01M15 12h.01M12 17h.01",Owl:`M5 4.5l3 2.5h8l3-2.5V14a7 7 0 0 1-14 0z${ut(7.4,11.5,1.9)}${ut(12.8,11.5,1.9)}M11.3 14.6l.7 1 .7-1`,Bear:`${ut(5,13.5,7)}M8.9 7.22A2.8 2.8 0 1 0 5.89 10.09M18.11 10.09A2.8 2.8 0 1 0 15.1 7.22M9.4 12.6h.01M14.6 12.6h.01M10.3 16.4c0-1 .8-1.6 1.7-1.6s1.7.6 1.7 1.6-.8 1.6-1.7 1.6-1.7-.6-1.7-1.6z`,Rabbit:`${ut(6.5,15.5,5.5)}M9.6 10.5C8.2 6.5 8.4 2.5 9.8 2.5s2.4 3.5 1.6 7.5M14.4 10.5c1.4-4 1.2-8-.2-8s-2.4 3.5-1.6 7.5M10 15h.01M14 15h.01M11.3 17.3l.7.5.7-.5`};function Cn(e){let t=/[\p{L}\p{N}]/u.exec(e);if(!t)return"";let n=t[0].toUpperCase();return[...n].length===1?n:t[0]}var je=(e,t)=>Cn(t)||fe(e);function Ee(e,t){return m("span",{class:`av c${Bt(e)}`,"aria-hidden":"true","data-animal":fe(e)},Cn(t)||qt([_o[Ie[Dt(e)]]],24))}var qo=320;function mt(e,t){setTimeout(()=>{e.remove(),t?.()},qo)}function ft(e){return requestAnimationFrame(()=>{e.offsetWidth,e.classList.add("in")}),e}function ht(e){let t=m("textarea",{class:"input",rows:"1","aria-label":e.label}),n=m("button",{class:"send",type:"button","aria-label":"Send",title:"Send"},Y("send")),o=m("div",{class:"row"},e.before,t,n),r=!1,i=()=>{n.classList.toggle("show",t.value.trim()!==""),t.style.height="auto",t.style.height=`${Math.max(27,t.scrollHeight)}px`},s=async()=>{let a=t.value.trim();if(!(!a||r)){r=!0;try{await e.onSend(a),t.value="",i()}catch{}finally{r=!1}}};return o.addEventListener("mousedown",a=>{a.target===t||n.contains(a.target)||(a.preventDefault(),t.focus({preventScroll:!0}),t.setSelectionRange(t.value.length,t.value.length))}),t.addEventListener("input",i),t.addEventListener("keydown",a=>{a.stopPropagation(),a.key==="Enter"&&!a.shiftKey&&!a.isComposing?(a.preventDefault(),s()):a.key==="Escape"&&(a.preventDefault(),t.value="",i(),t.blur(),e.onCancel?.())}),n.addEventListener("click",a=>{a.stopPropagation(),s()}),{element:o,input:t,focus:()=>t.focus({preventScroll:!0}),clear:()=>{t.value="",i()}}}function Vo(e){let t=m("button",{class:"me",type:"button",tabindex:"-1","aria-hidden":"true"});t.addEventListener("mousedown",w=>w.preventDefault());let n=ht({label:"Comment",before:t,onSend:e.onSend,onCancel:e.onCancel}),o=m("div",{class:"say"}),r=m("input",{class:"input",type:"text",maxlength:"80","aria-label":"Your name"}),i=m("div",{class:"nf"},r),s=m("div",{class:"you"},o,i),a="",p=!1,l=()=>{let w=e.name(),v=w?"change":"add your name";if(t.title=w?"Change your name":"Add your name",!t.lastChild||a!==w){let T=Ee(e.me,w),S=t.lastChild;S?(ft(T),mt(S)):T.classList.add("in"),t.append(T),a=w}let A=m("button",{type:"button"},v);A.addEventListener("click",y),o.replaceChildren(m("span",{class:"nm"},w||`You're ${fe(e.me)}`)," \xB7 ",A)},d=w=>{s.classList.toggle("naming",w),J(o,w),J(i,!w)};function y(w){w.stopPropagation(),r.value=e.name(),d(!0),r.focus({preventScroll:!0}),r.select()}let E=()=>{d(!1),n.focus()};t.addEventListener("click",y),r.addEventListener("keydown",w=>{if(w.stopPropagation(),w.key==="Escape")w.preventDefault(),E();else if(w.key==="Enter"){w.preventDefault();let v=r.value.trim();if(!v||v===e.name())return E();if(p)return;p=!0,e.rename(v).finally(()=>{p=!1,l(),E()})}}),l(),d(!1);let f=m("div",{class:"ctx"},e.label);return{element:m("div",{class:"draft"},f,n.element,s),caret:()=>{let{selectionStart:w,selectionEnd:v}=n.input;return()=>{n.focus(),n.input.setSelectionRange(w,v)}},hideLabel:w=>{f.hidden=w},setLabel:w=>{f.textContent=w},focus:()=>n.focus(),isEmpty:()=>n.input.value.trim()===""}}function gt(e,t){let n=Vo({label:t.label,me:e.doc.me,name:()=>e.menu.name(),rename:o=>e.menu.rename(o),onSend:o=>e.postDraft(o),onCancel:()=>e.cancelDraft()});return e.registerDraft(n),n}function vt(e,t){if(t.state==="orphaned"||!t.element||e.quote)return null;let n=t.element.getBoundingClientRect();if(!n.width&&!n.height)return null;if(e.point)return{x:n.left+e.point.x*n.width,y:n.top+e.point.y*n.height};let o=t.element.ownerDocument.createRange();o.selectNodeContents(t.element);let r=o.getBoundingClientRect();return{x:r.width?Math.min(n.right-8,r.right+6):n.right-8,y:(r.height?r.top:n.top)+8}}function Ge(e){return e.range?[...e.range.getClientRects()]:[]}function Vt(e,t){let n=Ge(t)[0];if(n)return n.top;if(t.state==="orphaned"||!t.element)return null;let o=t.element.getBoundingClientRect();return e.point?o.top+e.point.y*o.height:o.top}function Xe(e,t){let n=Ge(t).at(-1);if(n)return{x:n.left,y:n.bottom,below:!0};let o=vt(e,t);return o?{...o,below:!1}:null}function Pn(e,t,n){for(let o of n)if(e>=o.left&&e<=o.right&&t>=o.top&&t<=o.bottom)return!0;return!1}function On(e,t,n=10){let o=[...e].sort((a,p)=>a.want-p.want),r=new Array(o.length).fill(0),i=o.findIndex(a=>a.id===t),s=a=>o[a];if(i<0)o.forEach((a,p)=>{r[p]=p===0?a.want:Math.max(a.want,(r[p-1]??0)+s(p-1).height+n)});else{r[i]=s(i).want;for(let a=i+1;a<o.length;a++)r[a]=Math.max(s(a).want,(r[a-1]??0)+s(a-1).height+n);for(let a=i-1;a>=0;a--)r[a]=Math.min(s(a).want,(r[a+1]??0)-s(a).height-n)}return new Map(o.map((a,p)=>[a.id,r[p]??0]))}var Ze=320,ke=300,Uo=480,Te=()=>window.innerWidth<=Uo;function yt(e){let t=window.innerWidth;return{width:e&&!Te()?t-Ze:t,height:window.innerHeight}}function wt(e,t,n,o=12){let r,i;return e.below?(r=Math.min(e.x,n.width-t.width-o),i=e.y+8,i+t.height>n.height-o&&(i=e.y-t.height-40)):(r=e.x+14,r+t.width>n.width-o&&(r=e.x-t.width-28),i=Math.min(e.y-12,n.height-t.height-o)),{left:Math.max(o,r),top:Math.max(o,i)}}function Rn(e,t,n,o=12,r=44){let i=e.top-r>=8,s=e.top+e.height+8+(i?0:r),a=e.top-8-(i?r:0)-t.height,p=s+t.height<=n.height-o||a<o,l=p?s:a;return{above:!p,left:Math.max(o,Math.min(e.left,n.width-t.width-o)),top:Math.max(o,l)}}function bt(e,t,n){let o=e.top-t.height-10;return o<8&&(o=e.top+e.height+10),{left:Math.max(8,Math.min(e.left+e.width/2-t.width/2,n.width-t.width-8)),top:o}}var In=e=>`${e} ${e===1?"reply":"replies"}`;function De(e,t,n){let o={...n},r=e.id,i=m("div",{class:"rbox always"},m("div",{},ht({label:"Reply",onSend:v=>t.reply(r,v),onCancel:t.close}).element)),s=m("div",{}),a=m("div",{}),p=null,l=m("div",{},a,m("div",{class:"more"},s)),d=new Map,y=new Map,E=new Map,f=v=>{let A=je(v.author,v.name),T=d.get(v.id),S=T?.el;if((!S||T.key!==A)&&(S=ft(Ee(v.author,v.name)),T)){let C=T.el;E.set(v.id,C),mt(C,()=>E.get(v.id)===C&&E.delete(v.id))}S.title=se(v),y.set(v.id,{key:A,el:S});let P=E.get(v.id);return P?[P,S]:[S]},x=(v,A,T)=>{let S=m("button",{class:"ib",type:"button","aria-label":A,title:A},Y(v));return S.addEventListener("click",P=>{P.stopPropagation(),T()}),S};function w(v,A={}){Object.assign(o,A),r=v.id;let T=(o.now??Date.now)(),S=v.root.replies.length,P=q=>m("span",{class:"who"},`${se(q)} \xB7 ${Ne(q.at,T)}`),C=q=>m("div",{class:q.deleted?"tx del":"tx"},...q.deleted?["Deleted"]:[...dt(q.text),q.edited?" (edited)":""]),z=v.resolved?"Resolved"+(S?` \xB7 ${In(S)}`:""):S?In(S):"",G=m("div",{class:o.variant==="column"&&z?"ft has-rest":"ft"},o.variant==="column"&&z?m("span",{class:"rest"},z):null,m("span",{class:"hover"},P(v.root),m("span",{class:"acts"},x("copy","Copy thread",()=>t.copy(v.id)),v.resolved?x("reopen","Reopen",()=>void t.reopen(v.id)):x("resolve","Resolve",()=>void t.resolve(v.id))))),K=o.lost?m("div",{class:"ctx"},`No longer on the page \u2014 it read \u201C${he(o.lost,120)}\u201D`):o.quote?m("div",{class:"ctx"},`\u201C${he(o.quote,80)}\u201D`):null;y=new Map;let ie=m("div",{class:"root"},...f(v.root),K,C(v.root),G);a.replaceWith(ie),a=ie,p?.remove(),p=S?m("div",{class:"rps"},...v.root.replies.map(q=>m("div",{class:"it"},...f(q),C(q),m("div",{class:"rft"},P(q))))):null,p&&s.prepend(p),d=y,v.resolved?i.remove():i.parentNode!==s&&s.append(i),l.className=v.resolved?"thread resolved":"thread",l.setAttribute("data-thread",v.id)}return w(e),{element:l,update:w}}var zo="a,button,input,select,textarea,label,summary,[role=button],[contenteditable]",Ko=400;function Ut(e,t){let n=new Map,o=m("div",{class:"tip",role:"tooltip"}),r=m("div",{class:"mark"}),i=m("div",{class:"pop",role:"dialog","aria-label":"Comment thread"});o.inert=i.inert=!0,e.layer.append(r,o,i);let s=m("div",{class:"bub pin ghost","aria-hidden":"true"}),a=[],p=null,l=null,d=null,y=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches===!0,E=0,f=null,x=null,w=null,v=0,A=h=>a.find(L=>L.id===h)??null,T=()=>t.popovers||e.state.listing,S=!1,P=h=>{let L=e.resolved.get(h.id);return L?Xe(h.anchor,L):null};function C(h,L,M){let{left:H,top:R}=wt(L,{width:h.offsetWidth||M,height:h.offsetHeight},yt(e.state.listing));h.style.left=`${H}px`,h.style.top=`${R}px`}function z(h){let L=h&&T()&&e.state.active!==h?A(h):null,M=L?P(L):null;if(!L||!M){w=null,o.classList.remove("show"),J(o,!0);return}if(w!==L.id){let H=L.root.replies.length;o.replaceChildren(m("div",{class:"tx clamp"},...L.root.deleted?["Deleted"]:dt(L.root.text)),m("div",{class:"who"},`${se(L.root)}${H?` \xB7 ${H} ${H===1?"reply":"replies"}`:""}`)),w=L.id}C(o,M,260),o.classList.contains("show")||o.offsetWidth,o.classList.add("show"),o.inert=!1}function G(h){f=h,z(h),e.hot(h)}function K(h){if(window.clearTimeout(v),h!==null){G(h);return}v=window.setTimeout(()=>G(null),T()?Ko:0)}o.addEventListener("mouseenter",()=>window.clearTimeout(v)),o.addEventListener("mouseleave",()=>K(null)),o.addEventListener("click",h=>{h.stopPropagation();let L=w;L&&(window.clearTimeout(v),G(null),e.open(L))});function ie(h){let L=n.get(h.id);if(L)return L;let M=m("button",{class:"bub",type:"button","aria-label":`Comment: ${he(h.root.text,60)}`});return M.addEventListener("mouseenter",()=>K(h.id)),M.addEventListener("mouseleave",()=>K(null)),M.addEventListener("click",H=>{H.stopPropagation(),z(null),e.open(h.id)}),e.layer.insertBefore(M,r),n.set(h.id,M),M}function q(){let h=e.state.draft,L=d&&h&&!h.anchor.quote&&!h.anchor.point?h.resolved.element:null;if(L){let{left:H,top:R,above:F}=Rn(L.getBoundingClientRect(),{width:i.offsetWidth||ke,height:i.offsetHeight},{width:window.innerWidth,height:window.innerHeight}),X=d?.above!==null&&d?.above!==F;if(d&&(d.above=F),X&&le())return;i.style.left=`${H}px`,i.style.top=`${R}px`;return}let M=d&&h?Xe(h.anchor,h.resolved):p?P(p):null;M&&C(i,M,ke)}let oe=h=>e.state.commenting&&!h.anchor.quote&&!h.anchor.point;function le(){return window.clearTimeout(E),y?(i.classList.remove("show"),E=window.setTimeout(()=>{q(),i.classList.add("show")},220),!0):(i.classList.add("glide"),E=window.setTimeout(()=>i.classList.remove("glide"),450),!1)}function j(h){if(window.clearTimeout(E),y){i.classList.remove("show"),E=window.setTimeout(()=>{d?.box.setLabel(h),q(),i.classList.add("show")},220);return}d?.box.setLabel(h),i.classList.add("glide"),E=window.setTimeout(()=>i.classList.remove("glide"),450)}function ee(){if(!T())return null;let h=e.state.draft;return h?h.anchor.quote||h.anchor.point||e.state.commenting?null:h.resolved.element:!p||p.anchor.quote||p.anchor.point?null:e.resolved.get(p.id)?.element??null}function u(h){a=h;let L=new Set;for(let F of h){if(!e.visible(F)||F.anchor.quote)continue;let X=e.resolved.get(F.id);if(!X||X.state==="orphaned")continue;L.add(F.id);let Z=ie(F);Z.classList.toggle("done",F.resolved),Z.classList.toggle("on",e.state.active===F.id),Z.classList.toggle("pin",F.anchor.point!==void 0)}for(let[F,X]of n)L.has(F)||(X.classList.remove("in"),n.delete(F),window.setTimeout(()=>X.remove(),300));z(f),S!==e.state.listing&&i.classList.contains("show")&&!y&&(window.clearTimeout(E),i.classList.add("glide"),E=window.setTimeout(()=>i.classList.remove("glide"),450)),S=e.state.listing;let M=t.popovers?e.state.draft:null;if(M){d?.of!==M?(window.clearTimeout(E),i.classList.remove("glide"),d={box:gt(e,M),of:M,at:M.resolved.element,above:null},d.box.hideLabel(oe(M)),i.replaceChildren(d.box.element),i.inert=!1,d.box.focus(),p=null,l=null,q(),i.classList.add("show")):d&&(d.at!==M.resolved.element&&(d.at=M.resolved.element,d.above=null,j(M.label)),d.box.hideLabel(oe(M)));return}d&&(window.clearTimeout(E),i.classList.remove("glide"),d=null,e.registerDraft(null));let H=T()&&e.state.active?A(e.state.active):null;if(!H||!e.visible(H)){p=null,l=null,i.classList.remove("show"),J(i,!0);return}let R=H.anchor.quote?.exact??null;!p||!l||p.id!==H.id?(l=De(H,e.actions,{variant:"popover",quote:R}),i.replaceChildren(l.element),p=H,q(),i.classList.add("show"),i.inert=!1):p!==H&&(l.update(H,{quote:R}),p=H)}function N(){for(let[H,R]of n){let F=A(H),X=e.resolved.get(H),Z=F&&X?vt(F.anchor,X):null;if(!Z||Z.y<-40||Z.y>window.innerHeight+40){R.style.visibility="hidden";continue}R.style.visibility="",R.style.left=`${Z.x}px`,R.style.top=`${Z.y}px`,R.classList.contains("in")||(R.offsetWidth,R.classList.add("in"))}let h=e.state.draft,L=h?.anchor.point?vt(h.anchor,h.resolved):null;L?(s.style.left=`${L.x}px`,s.style.top=`${L.y}px`,s.classList.contains("in")||(e.layer.insertBefore(s,r),s.offsetWidth,s.classList.add("in"))):s.classList.contains("in")&&(s.classList.remove("in"),window.setTimeout(()=>s.classList.contains("in")||s.remove(),300)),i.classList.contains("show")&&q();let M=ee();r.classList.toggle("show",M!==null),M&&$e(r,M.getBoundingClientRect(),4)}let B=h=>{if(e.owns(h)){let M=h.composedPath()[0];x!==null&&!(M instanceof Element&&M.closest(".tip,.bub"))&&K(null),x=null;return}let L=e.readsAt(h.clientX,h.clientY)?.id??null;L!==x&&(x=L,K(L))},U=h=>{if(e.owns(h))return;let L=window.getSelection();if(L&&!L.isCollapsed||(e.state.commenting?h.altKey:h.target instanceof Element&&h.target.closest(zo)))return;let M=e.readsAt(h.clientX,h.clientY);M&&(e.claim(h),z(null),e.open(M.id))};return window.addEventListener("pointermove",B,{capture:!0,passive:!0}),window.addEventListener("click",U,!0),{render:u,frame:N,destroy(){window.clearTimeout(v),window.clearTimeout(E),window.removeEventListener("pointermove",B,!0),window.removeEventListener("click",U,!0),e.registerDraft(null);for(let h of n.values())h.remove();s.remove(),o.remove(),r.remove(),i.remove()}}}var Wo="button,a,input,select,textarea,label,summary,details,img,svg,canvas,video,picture,figure,table,th,td,li,p,h1,h2,h3,h4,h5,h6,blockquote,pre";var Nn=(e,t)=>Math.abs(e.left-t.left)<=2&&Math.abs(e.top-t.top)<=2&&Math.abs(e.width-t.width)<=2&&Math.abs(e.height-t.height)<=2;function Qe(e,t,n){if(e===t||!t.contains(e)||e.closest("[data-pipeup-ignore]"))return null;let o=n.viewport(),r=.6*o.width*o.height,i=null;for(let a=e;a&&a!==t;a=a.parentElement){let p=n.box(a);if(!(p.width<2||p.height<2)){if(a.hasAttribute("data-pipeup-id")){i=a;break}if(!(p.width*p.height>r)&&(a.matches(Wo)||n.drawn(a))){i=a;break}}}if(!i||i.hasAttribute("data-pipeup-id"))return i;let s=n.box(i);for(let a=i.parentElement;a&&a!==t&&Nn(n.box(a),s);a=a.parentElement)if(a.hasAttribute("data-pipeup-id"))return a;return i}function zt(e,t,n){let o=n.box(e);for(let r=e.parentElement;r&&r!==t;){let i=Qe(r,t,n);if(!i)return null;if(!Nn(n.box(i),o))return i;r=i.parentElement}return null}function $n(e=window){return{box:t=>t.getBoundingClientRect(),drawn:t=>{let n=e.getComputedStyle(t),o=n.backgroundColor!=="transparent"&&!/,\s*0\)$/.test(n.backgroundColor),r=["top","right","bottom","left"].some(i=>parseFloat(n.getPropertyValue(`border-${i}-width`))>0);return o||r||n.backgroundImage!=="none"||n.boxShadow!=="none"},viewport:()=>({width:e.innerWidth,height:e.innerHeight})}}var Hn="a,button,summary,[role=button],[role=link],[role=switch],[role=tab],[role=checkbox],input[type=checkbox],input[type=radio],input[type=submit],input[type=button],input[type=reset]",Yo=`${Hn},input,select,textarea,[contenteditable]:not([contenteditable=false]),[tabindex]:not([tabindex="-1"])`,Dn=["click","dblclick","auxclick","submit","contextmenu","dragstart"],Bn=[...["over","out","enter","leave","down","up"].flatMap(e=>[`pointer${e}`,`mouse${e}`]),"mousemove","touchstart","touchmove","touchend","touchcancel"],jo=400;function Fn(e,t=$n()){let n=m("div",{class:"pick"});e.layer.append(n);let o=m("span",{class:"lbl"}),r=m("button",{class:"nb",type:"button","aria-label":"Select the block around it",title:"Select the block around it"},Y("expand",16)),i=m("div",{class:"namebar",role:"toolbar","aria-label":"Chosen block"},o,r);i.inert=!0,e.layer.append(i),i.addEventListener("mousedown",u=>u.preventDefault()),r.addEventListener("click",u=>{u.stopPropagation();let N=p&&zt(p,e.root,t);N&&K(N)});let s=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches===!0,a=null,p=null,l=null,d=null,y=0,E=()=>{},f=null,x=()=>{},w=u=>!e.owns(u)&&!(u.target instanceof Element&&u.target.closest("[data-pipeup-ignore]"));function v(){d&&(n.classList.toggle("glide",performance.now()<y),$e(n,d.getBoundingClientRect(),4))}function A(){if(!f)return;i.classList.toggle("glide",performance.now()<y&&i.classList.contains("show"));let u=f.getBoundingClientRect(),{left:N,top:B}=bt({left:u.left,top:u.top,width:u.width,height:u.height},{width:i.offsetWidth||200,height:i.offsetHeight||34},{width:window.innerWidth,height:window.innerHeight});i.style.left=`${N}px`,i.style.top=`${B}px`}function T(u,N){d=u,y=N?performance.now()+jo:0,v(),n.classList.add("show")}function S(u,N){let B=getComputedStyle(u);if(B.opacity==="0")return N(),()=>{};let U=0,h=()=>{window.clearTimeout(U),u.removeEventListener("transitionend",M)},L=()=>{h(),N()},M=R=>{R.target===u&&R.propertyName==="opacity"&&L()},H=Math.max(...B.transitionDuration.split(",").map(R=>parseFloat(R)*1e3||0));return U=window.setTimeout(L,H+100),u.addEventListener("transitionend",M),h}function P(u){if(u!==a){if(a=u,E(),!u){n.classList.remove("show");return}getComputedStyle(n).opacity==="0"?T(u,!1):s?(n.classList.remove("show"),E=S(n,()=>T(u,!1))):T(u,!0)}}function C(u){p=u,n.classList.toggle("on",u!==null),P(u),x(),i.inert=!u,u?s?(i.classList.remove("show"),x=S(i,()=>z(u))):z(u):(i.classList.remove("show"),f=null)}function z(u){o.textContent=o.title=Re(u);let N=zt(u,e.root,t)===null;r.hidden=N;let B=i.classList.contains("show");f=u,A(),B||(i.offsetWidth,i.classList.add("show"))}function G(u){let N;try{N=lt(u,e.root)}catch(h){e.report(h);return}let B={anchor:N,label:Re(u),ranges:[],resolved:{state:"attached",element:u,range:null}},U=e.state.draft;C(u),l=U??{...B,ranges:[]},U?e.moveDraft({...B,ranges:[]}):e.startDraft(l)}function K(u){e.keepCaret(()=>G(u))}function ie(u){let N=(u.target instanceof Element?Qe(u.target,e.root,t):null)??e.root,B=N.getBoundingClientRect();if(!B.width||!B.height)return;let U={x:(u.clientX-B.left)/B.width,y:(u.clientY-B.top)/B.height},h;try{h=lt(N,e.root,U)}catch(M){e.report(M);return}let L=Re(N).replace(/^[A-Z](?=[a-z])/,M=>M.toLowerCase());C(null),P(null),e.startDraft({anchor:h,label:`Pin on ${L}`,ranges:[],resolved:{state:"attached",element:N,range:null}})}function q(u){let N=window.getSelection();if(N&&!N.isCollapsed)return;if(e.state.draft&&(u.altKey||!e.draftEmpty())){e.dismiss();return}if(!u.altKey&&e.readsAt(u.clientX,u.clientY))return;if(e.state.active&&e.open(null),u.altKey){ie(u);return}let B=u.target instanceof Element?Qe(u.target,e.root,t):null;B?G(B):(e.dismiss(),C(null))}let oe=u=>{if(!e.owns(u)){if(!w(u)){p||P(null);return}u.stopPropagation(),!(p||e.state.draft)&&P(u.target instanceof Element?Qe(u.target,e.root,t):null)}},le=u=>{w(u)&&(u.stopPropagation(),(u.type==="pointerdown"||u.type==="mousedown")&&u.target instanceof Element&&u.target.closest(Yo)&&u.preventDefault())},j=u=>{w(u)&&(u.preventDefault(),u.stopPropagation(),u.type==="click"&&q(u))},ee=u=>{(u.key==="Enter"||u.key===" ")&&w(u)&&u.target instanceof Element&&u.target.closest(Hn)&&(u.preventDefault(),u.stopPropagation())};window.addEventListener("pointermove",oe,!0);for(let u of Bn)window.addEventListener(u,le,!0);for(let u of Dn)window.addEventListener(u,j,!0);return window.addEventListener("keydown",ee,!0),{back(){return p?(C(null),!0):!1},render(){let u=e.state.draft;l&&u!==l?(l=null,C(null)):u&&!l&&(a||p)&&C(null)},frame(){v(),A()},destroy(){E(),x(),window.removeEventListener("pointermove",oe,!0);for(let u of Bn)window.removeEventListener(u,le,!0);for(let u of Dn)window.removeEventListener(u,j,!0);window.removeEventListener("keydown",ee,!0),n.classList.remove("show"),i.classList.remove("show"),J(i,!0),S(n,()=>n.remove()),S(i,()=>i.remove())}}}var Go=300,Xo=32,Kt=220,Je=320,Zo=24,_n=24;function Wt(e,t=!1){let n=e.ownerDocument.documentElement,o=n.getAttribute("data-pipeup-layout");if(o==="bubbles"||e.querySelector("[data-pipeup-slide]"))return null;let r=e.querySelector("article, main, [role=main]")??(o==="column"?e:null);if(!r)return null;if(n.hasAttribute("data-pipeup-reserve")){let a=n.clientWidth,l=getComputedStyle(r).maxWidth,d;return l.endsWith("px")?d=parseFloat(l):l.endsWith("%")?d=parseFloat(l)/100*a:d=r.getBoundingClientRect().width,o!=="column"&&a<d+Je-(t?Zo:0)?null:{x:a-Je+_n,width:Je-2*_n}}let i=r.getBoundingClientRect().right;if(window.innerWidth-i<Go&&o!=="column")return null;let s=i+Xo;return{x:s,width:Math.max(220,Math.min(300,window.innerWidth-s-16))}}function Yt(e,t){let n=e.resolved.get(t.id);return!n||n.state==="orphaned"&&!e.pending.has(t.id)}function qn(e){let t=m("div",{class:"col"});e.layer.append(t);let n=new Map,o=null,r=new ResizeObserver(()=>a()),i=f=>Yt(e,f);function s(f){let x=e.resolved.get(f.id),w=x?Vt(f.anchor,x):null;return w===null?Number.POSITIVE_INFINITY:w+window.scrollY-4}function a(){let f=[],x=[];for(let[S,P]of n){let C=s(P.thread);if(Number.isFinite(C))P.placed=C;else if(e.pending.has(S)){if(P.placed===null){P.el.classList.add("wait");continue}C=P.placed}Number.isFinite(C)?f.push({id:S,want:C,height:P.el.offsetHeight}):x.push({id:S,height:P.el.offsetHeight})}let w=e.state.draft,v=w?Vt(w.anchor,w.resolved):null;o&&v!==null&&f.push({id:"draft",want:v+window.scrollY-4,height:o.el.offsetHeight});let A=On(f,o?"draft":e.state.active),T=Math.max(0,...f.map(S=>(A.get(S.id)??0)+S.height))+24;for(let S of x)A.set(S.id,T),T+=S.height+10;for(let[S,P]of n){if(P.el.classList.contains("wait")){if(!A.has(S))continue;P.el.style.transition="none",P.el.style.transform=`translateY(${Math.round(A.get(S))}px)`,P.el.offsetWidth,P.el.style.transition="",P.el.classList.remove("wait");continue}P.el.style.transform=`translateY(${Math.round(A.get(S)??0)}px)`}o&&(o.el.style.transform=`translateY(${Math.round(A.get("draft")??0)}px)`)}function p(f,x){f.thread=x,f.lost=i(x),f.view.update(x,{lost:f.lost?x.anchor.snapshot:null})}function l(f){let x=i(f),w=De(f,e.actions,{variant:"column",lost:x?f.anchor.snapshot:null}),v=m("div",{class:"th","data-thread":f.id},w.element);return v.style.transition="none",v.addEventListener("mouseenter",()=>e.hot(f.id)),v.addEventListener("mouseleave",()=>e.hot(null)),v.addEventListener("click",()=>e.open(f.id)),t.append(v),r.observe(v),{el:v,thread:f,lost:x,placed:null,view:w}}function d(){let f=e.state.draft;if(o&&f&&o.of!==f){let x=o.el;r.unobserve(x),x.classList.add("out"),window.setTimeout(()=>x.remove(),Kt),o=null}if(f&&o&&(o.box.setLabel(f.label),o.box.hideLabel(e.state.commenting&&!f.anchor.quote&&!f.anchor.point)),f&&!o){let x=gt(e,f),w=m("div",{class:"th on"},x.element);w.style.transition="none",t.append(w),r.observe(w),o={el:w,box:x,of:f},x.hideLabel(e.state.commenting&&!f.anchor.quote&&!f.anchor.point),x.focus()}else if(!f&&o){let x=o.el;r.unobserve(x),x.classList.add("out"),window.setTimeout(()=>x.remove(),Kt),o=null,e.registerDraft(null)}}function y(f){J(t,e.state.listing);let x=new Set,w=[],v=e.state.active!==null||e.state.draft!==null;for(let A of f){if(!e.visible(A))continue;x.add(A.id);let T=n.get(A.id);T?(T.thread!==A||T.lost!==i(A))&&p(T,A):(T=l(A),n.set(A.id,T),w.push(T.el));let S=T.el;S.classList.toggle("on",e.state.active===A.id);let P=S.querySelector(".more");P&&J(P,e.state.active!==A.id),S.classList.toggle("dim",v&&e.state.active!==A.id),S.classList.toggle("hot",e.state.hot===A.id&&e.state.active!==A.id),S.classList.toggle("resolved",A.resolved),S.classList.toggle("lost",T.lost)}for(let[A,T]of n)x.has(A)||(n.delete(A),r.unobserve(T.el),T.el.classList.add("out"),window.setTimeout(()=>T.el.remove(),Kt));d(),a(),o&&w.push(o.el);for(let A of w)A.offsetWidth,A.style.transition=""}function E(){let f=Wt(e.root,!0);f&&(t.style.width=`${f.width}px`,t.style.transform=`translate(${f.x}px, ${-window.scrollY}px)`)}return{render:y,frame:E,destroy(){r.disconnect(),e.registerDraft(null),t.remove()}}}var Qo="[data-pipeup-ignore],input,textarea,select,[contenteditable]:not([contenteditable=false])";function Vn(e){let t=m("button",{type:"button","aria-label":"Comment",title:"Comment"},Y("comment",17)),n=m("div",{class:"selbar"},t);n.inert=!0,e.layer.append(n);let o=null,r=d=>{let y=d&&(d.nodeType===Node.ELEMENT_NODE?d:d.parentElement);return!!y&&e.root.contains(y)&&!y.closest(Qo)};function i(){if(!o)return;let d=o.getBoundingClientRect(),{left:y,top:E}=bt({left:d.left,top:d.top,width:d.width,height:d.height},{width:n.offsetWidth||36,height:n.offsetHeight||34},{width:window.innerWidth,height:window.innerHeight});n.style.left=`${y}px`,n.style.top=`${E}px`}function s(){o=null,n.inert=!0,n.classList.remove("show")}function a(){let d=window.getSelection();if(!e.state.commenting||!d||d.isCollapsed||d.rangeCount===0||!d.toString().trim()||!r(d.anchorNode)||!r(d.focusNode)){s();return}o=d.getRangeAt(0).cloneRange(),i(),n.inert=!1,n.classList.add("show")}t.addEventListener("mousedown",d=>d.preventDefault()),t.addEventListener("click",d=>{d.stopPropagation();let y=o;if(!y)return;let E;try{E=Rt(y,e.root)}catch(x){e.report(x),s();return}let f=he(y.toString().replace(/\s+/g," ").trim(),60);window.getSelection()?.removeAllRanges(),s(),e.startDraft({anchor:E,label:`\u201C${f}\u201D`,ranges:[y],resolved:{state:"attached",element:null,range:y}})});let p=()=>{if(!o)return;let d=window.getSelection();(!d||d.isCollapsed||!d.toString().trim())&&s()};document.addEventListener("selectionchange",p);let l=d=>{e.owns(d)||window.setTimeout(a,0)};return window.addEventListener("mouseup",l,!0),window.addEventListener("keyup",l,!0),{render(){!e.state.commenting&&o&&s()},frame(){o&&i()},destroy(){window.removeEventListener("mouseup",l,!0),window.removeEventListener("keyup",l,!0),document.removeEventListener("selectionchange",p),n.remove()}}}async function jt(e,t){try{await navigator.clipboard.writeText(e);return}catch{}let n=document.createElement("textarea");n.value=e,n.setAttribute("readonly",""),n.style.cssText="position:fixed;opacity:0;pointer-events:none",t.append(n),n.select();let o=document.execCommand("copy");if(n.remove(),!o)throw new Error("pipeup: your browser blocked copying")}function Un(e){let t=[m("span",{class:"n"}),m("span",{class:"n"})],n=Y("comment",20,1.4);n.lastElementChild.setAttribute("stroke-width","1.6");let o=m("button",{class:"mode",type:"button","aria-label":"Comment","aria-keyshortcuts":_t,"aria-haspopup":"menu","aria-expanded":"false"},m("span",{class:"plus"},n),m("span",{class:"cnt"},Y("bubble",34,1.4),...t)),r=m("span",{class:"ttip","aria-hidden":"true"},"Comment",m("small",{},Ye)),i=m("div",{class:"launch"},o,r),s=m("div",{class:"menu",role:"menu","aria-label":"Comments"}),a=m("div",{class:"list",role:"menu","aria-label":"All comments"}),p=m("span",{class:"pn"}),l=m("button",{class:"ib",type:"button","aria-label":"Close"},Y("close")),d=m("button",{class:"hs",type:"button",role:"switch","aria-checked":"false"},"Show resolved",m("span",{class:"sw","aria-hidden":"true"}));d.addEventListener("click",g=>{g.stopPropagation(),e.menu.toggleResolved()});let y=m("div",{class:"all",role:"dialog","aria-label":"All comments"},m("div",{class:"hd"},m("span",{},"All comments"),p,d,l),a),E=m("div",{class:"pop side",role:"dialog","aria-label":"Comment thread"});s.inert=y.inert=E.inert=!0,e.layer.append(s,i,y);let f=!1,x=!1,w=[],v=!1,A=0,T=null,S=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches===!0,P=g=>{f=g,g||x&&(x=!1,Me()),s.classList.toggle("show",g),J(s,!g),o.setAttribute("aria-expanded",String(g))},C=(g,k=!1)=>{e.state.listing!==g&&(e.state.listing=g,e.render(),g?(z(a)[0]??l).focus({preventScroll:!0}):k&&o.focus({preventScroll:!0}))},z=(g=s)=>[...g.querySelectorAll(".mi")],G=()=>s.getRootNode().activeElement,K=()=>{P(!1),o.focus({preventScroll:!0})},ie=()=>{x=!1,Me(),F.focus({preventScroll:!0})},q=g=>{let k=z(g.currentTarget);if(k.length===0)return;let $=G(),I=k.indexOf($),_=te=>{g.preventDefault(),k[(te+k.length)%k.length]?.focus({preventScroll:!0})};g.key==="ArrowDown"?_(I+1):g.key==="ArrowUp"?_(I<0?k.length-1:I-1):g.key==="Home"?_(0):g.key==="End"&&_(k.length-1)};s.addEventListener("keydown",q),a.addEventListener("keydown",q),l.addEventListener("click",g=>{g.stopPropagation(),C(!1,!0)});let oe=g=>Yt(e,g),le=()=>w.filter(g=>!g.resolved).length;function j(){let g=z(a).indexOf(G()),k=e.menu.all().filter(re=>!re.thread.resolved||e.state.showResolved),$=re=>{let ae=re.thread,_e=Ee(ae.root.author,ae.root.name);_e.classList.add("in");let Oe=m("button",{class:ae.resolved?"mi done":"mi",type:"button",role:"menuitem","data-thread":ae.id},_e,m("span",{},m("span",{class:"clamp"},ae.root.deleted?"Deleted":ae.root.text),m("small",{},oe(ae)?`\u201C${he(ae.anchor.snapshot,80)}\u201D`:re.location.where)));return Oe.addEventListener("click",tt=>{tt.stopPropagation(),ee(ae.id,Oe.getBoundingClientRect().top)}),Oe},I=k.filter(re=>oe(re.thread)),_="No longer on the page";p.textContent=String(le()),d.setAttribute("aria-checked",String(e.state.showResolved)),a.replaceChildren(k.length?"":m("div",{class:"sec",role:"presentation"},"No open comments"),...k.filter(re=>!oe(re.thread)).map($),I.length?m("div",{role:"group","aria-label":_},m("div",{class:"sec","aria-hidden":"true"},_),...I.map($)):"");let te=z(a);g>=0&&te[Math.min(g,te.length-1)]?.focus({preventScroll:!0})}function ee(g,k){Te()&&(e.state.reading=!0,C(!1)),u(g,k)}function u(g,k){let $=w.find(te=>te.id===g),I=e.resolved.get(g);if(!$)return;let _=I&&!oe($)?I.element??I.range?.startContainer.parentElement??null:null;if(_?.scrollIntoView({block:"center",inline:"nearest",behavior:S?"auto":"smooth"}),_&&I&&Xe($.anchor,I)&&_.checkVisibility?.({visibilityProperty:!0})!==!1){B(),e.open(g);return}e.open(null),Te()&&(e.state.reading=!0,e.render()),N($,k)}function N(g,k){let $={quote:g.anchor.quote?.exact??null,lost:oe(g)?g.anchor.snapshot:null};if(T?.id===g.id?T.view.update(g,$):(T={id:g.id,view:De(g,e.actions,{variant:"popover",...$})},E.replaceChildren(T.view.element)),k===void 0)return;E.isConnected||(e.layer.insertBefore(E,y),E.offsetWidth);let I=yt(e.state.listing),{left:_,top:te}=wt({x:I.width,y:k,below:!1},{width:ke,height:E.offsetHeight},I);E.style.left=`${_}px`,E.style.top=`${te}px`,E.classList.add("show"),E.inert=!1,e.focusReply(g.id)}function B(g=!1){T&&(T=null,E.classList.remove("show"),J(E,!0),g&&e.state.reading&&(e.state.reading=!1,e.render()))}function U(g,k,$,I=!1,..._){let te=m("button",{class:"mi",type:"button",role:I?"menuitemcheckbox":"menuitem"},g,m("span",{class:"lb"},k),..._,I&&m("span",{class:"sw","aria-hidden":"true"}),m("span",{class:"tt","aria-hidden":"true"}));return te.addEventListener("click",re=>{re.stopPropagation(),$()}),te}let h=(g,k,$,I)=>{let _=g.querySelector(".lb");_.textContent!==k&&(_.textContent=k),g.querySelector(".tt").textContent=$,g.setAttribute("aria-description",$),I!==void 0&&g.setAttribute("aria-checked",String(I))},L=()=>m("div",{class:"sep",role:"separator"}),M=m("span",{class:"ma"}),H=m("span",{class:"kc"}),R="",F=U(M,"",()=>{x=!0,Me()},!1,H);F.dataset.item="name";let X=U(Y("copy"),"Copy all",()=>{K(),e.menu.copyAll("ai")}),Z=U(Y("lines"),"Copy all as text",()=>{K(),e.menu.copyAll("text")}),Be=m("span",{class:"kc"}),Le=U(Y("list"),"All comments",()=>{P(!1),C(!0)},!1,Be),ce=U(Y("comment"),"Start commenting",()=>{K(),e.setCommenting(!e.state.commenting)},!0,m("span",{class:"kc","aria-hidden":"true"},Ye));ce.dataset.item="comment",ce.setAttribute("aria-keyshortcuts",_t);let Et=[F,L(),X,Z,Le,L(),ce];function He(){let g=le(),k=e.menu.name(),$=k||fe(e.doc.me);if(h(F,$,k?"The name on your comments":"Add a name to show on your comments"),F.setAttribute("aria-label",`${$}, ${k?"edit":"add"} your name`),H.replaceChildren(k?Y("edit",13):"Add name"),je(e.doc.me,k)!==R){R=je(e.doc.me,k);let I=Ee(e.doc.me,k);I.classList.add("in"),M.replaceChildren(I)}h(X,"Copy all","Markdown, with where each thread is"),h(Z,"Copy all as text","Just the words"),h(Le,"All comments","Every thread, and where it is"),Be.textContent=g?String(g):"",h(ce,"Start commenting",e.state.commenting?"Turn off to hide the comments again":"Shows the comments; choose any part of the page to comment on it",e.state.commenting)}function Me(){if(x){let g=m("textarea",{class:"input",rows:"1","aria-label":"Your name"});g.value=e.menu.name(),g.addEventListener("keydown",k=>{if(k.stopPropagation(),k.key==="Enter"){k.preventDefault();let $=g.value.trim();$&&e.menu.rename($).then(ie)}else k.key==="Escape"&&ie()}),s.replaceChildren(m("label",{class:"name"},"Your name",g)),g.focus({preventScroll:!0});return}He(),s.firstChild!==F&&s.replaceChildren(...Et)}o.addEventListener("click",g=>{if(g.stopPropagation(),f){P(!1);return}Me(),P(!0),g.detail===0&&z().at(-1)?.focus({preventScroll:!0})});let Ce=!1,Pe=()=>{Ce=y.contains(G())},Fe=g=>{let k=g.composedPath();f&&!k.includes(s)&&!k.includes(o)&&P(!1),e.state.listing&&!e.owns(g)&&C(!1,Ce&&(!document.activeElement||document.activeElement===document.body)),!k.includes(E)&&!k.includes(y)&&B(!0)};window.addEventListener("pointerdown",Pe,!0),window.addEventListener("click",Fe,!0);let et=g=>{if(g.key!=="Escape"||x)return;let k=g.composedPath()[0];if(f)K();else if(e.state.listing&&!(k instanceof HTMLTextAreaElement&&!y.contains(k)))C(!1,!0);else if(T)B(!0),e.actions.close();else return;g.stopPropagation()};return window.addEventListener("keydown",et,!0),{render(g){w=g;let k=le();if(k!==A){if(k){let[I,_]=t[0].classList.contains("on")?t:[t[1],t[0]];_.textContent=k>99?"99+":String(k),_.classList.toggle("s",k>99),I.classList.remove("on"),_.classList.add("on")}o.classList.toggle("has",k>0),o.setAttribute("aria-label",k?`Comment, ${k} open`:"Comment"),A=k}e.state.commenting&&!v&&f&&K(),v=e.state.commenting,o.classList.toggle("on",v),f&&!x&&He();let $=e.state.listing;if(y.classList.toggle("full",Te()),y.classList.contains("show")!==$&&(y.classList.toggle("show",$),J(y,!$)),$&&j(),T){let I=g.find(_=>_.id===T?.id);!I||e.state.active||I.resolved&&!e.state.showResolved?B():N(I)}},frame(){},destroy(){window.removeEventListener("pointerdown",Pe,!0),window.removeEventListener("click",Fe,!0),window.removeEventListener("keydown",et,!0),s.remove(),y.remove(),E.remove(),i.remove()}}}var Kn=["pipeup-quote","pipeup-on","pipeup-done"],Jo={"pipeup-quote":[[250,227,188,.75],[250,200,100,.28]],"pipeup-on":[[247,212,154,.95],[250,200,100,.42]],"pipeup-done":[[180,178,169,.22],[180,178,169,.2]]},er=(e,t)=>Kn.map(n=>{let[o,r,i,s]=Jo[n][e?1:0];return`::highlight(${n}){background-color:rgba(${o},${r},${i},${+(s*t).toFixed(3)})}`}).join("");function Wn(){return typeof CSS<"u"&&"highlights"in CSS&&typeof Highlight<"u"}var tr="<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'><rect x='7' y='7' width='23' height='23' rx='4' fill='none' stroke='#534AB7' stroke-width='2' stroke-dasharray='4 3'/><path d='M3 2v15l4-3.5 3 6.5 2.5-1.2-3-6.3H15z' fill='#fff' stroke='#2C2C2A' stroke-width='1.2' stroke-linejoin='round'/></svg>",nr=`:not([data-pipeup-ignore],[data-pipeup-ignore] *){cursor:url("data:image/svg+xml,${encodeURIComponent(tr)}") 3 2,crosshair!important}`;function Yn(e=document,t=!1){let n=e.defaultView?.CSSStyleSheet;if(!n||!("replaceSync"in n.prototype)||!("adoptedStyleSheets"in e))return{gutter(){},picking(){},fade(){},room(){},remove:()=>zn()};let o=new n,r=null,i=!1,s=1,a=0,p="",l=0,d=()=>o.replaceSync(er(t,s)+(r===null?"":`:root{--pipeup-gutter:${r}px}`)+(i?nr:"")+(a||p?`html{${a?`margin-right:${a}px!important;`:""}${p}}`:""));return d(),e.adoptedStyleSheets=[...e.adoptedStyleSheets,o],{gutter(y){y!==r&&(r=y,d())},picking(y){y!==i&&(i=y,d())},fade(y){s=y,d()},room(y,E){y!==a&&(a=y,p=E?"":"transition:margin-right .34s cubic-bezier(.4,0,.2,1)!important",clearTimeout(l),!y&&p&&(l=window.setTimeout(()=>{p="",d()},400)),d())},remove(){clearTimeout(l),e.adoptedStyleSheets=e.adoptedStyleSheets.filter(y=>y!==o),zn()}}}function jn(e){Wn()&&(CSS.highlights.set("pipeup-quote",new Highlight(...e.quote)),CSS.highlights.set("pipeup-on",new Highlight(...e.on)),CSS.highlights.set("pipeup-done",new Highlight(...e.done)))}function zn(){if(Wn())for(let e of Kn)CSS.highlights.delete(e)}var Gt=':host{all:initial}*{box-sizing:border-box}button{-webkit-appearance:none;appearance:none;font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}svg{display:block}.layer{all:initial;display:block;position:fixed;inset:0;pointer-events:none;font:13px/1.5 var(--pu-font,system-ui,sans-serif);color:var(--pu-ink);--pu-ink:#2C2C2A;--pu-muted:#5F5E5A;--pu-faint:#888780;--pu-line:#E5E3DA;--pu-rule:#ECEAE2;--pu-soft:#FAFAF7;--pu-surface:#FFFFFF;--pu-hover:#F1EFE8;--pu-accent-soft:color-mix(in srgb,var(--pu-accent,#534AB7) 12%,transparent);--pu-shadow:0 8px 28px rgba(44,44,42,.1);--pu-enter:.26s;--pu-move:.34s;--pu-exit:.2s;--pu-pulse:1.2s;--pu-eo:cubic-bezier(.22,.61,.36,1);--pu-eio:cubic-bezier(.4,0,.2,1);--pu-ei:cubic-bezier(.4,0,1,1)}.layer.dark{--pu-ink:#ECEBE6;--pu-muted:#B4B2A9;--pu-faint:#8D8B84;--pu-line:#3A3936;--pu-rule:#34332F;--pu-soft:#22221F;--pu-surface:#1B1B19;--pu-hover:#2C2C29;--pu-shadow:0 8px 28px rgba(0,0,0,.45)}.layer.hidden .bub,.layer.hidden .col,.layer.hidden .pop,.layer.hidden .tip,.layer.hidden .mark,.layer.hidden .selbar{opacity:0!important;pointer-events:none!important}.tx{font-size:14px;line-height:1.5;color:var(--pu-ink);white-space:pre-wrap;overflow-wrap:anywhere}.tx.del,.who,.rest,.ctx{color:var(--pu-faint)}.who,.rest{font-size:12px}.who{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rft>.who{display:block}.ctx[hidden]{display:none}.ctx{font-size:12px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tx a{color:var(--pu-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.ft,.rft{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--pu-enter) var(--pu-eo),opacity var(--pu-enter) var(--pu-eo)}.ft>*,.rft>*{overflow:hidden;min-height:0;display:flex;align-items:center}.root:hover>.ft,.root:focus-within>.ft,.it:hover>.rft,.it:focus-within>.rft{grid-template-rows:1fr;opacity:1}.ft.has-rest{grid-template-rows:1fr;opacity:1}.ft.has-rest>*{grid-area:1/1}.ft .hover{opacity:0;transition:opacity var(--pu-enter) var(--pu-eo)}.ft .rest{transition:opacity var(--pu-enter) var(--pu-eo)}.root:hover>.ft .hover,.root:focus-within>.ft .hover,.ft:not(.has-rest) .hover{opacity:1}.root:hover>.ft .rest,.root:focus-within>.ft .rest{opacity:0}.acts{margin-left:6px;display:flex;flex:none}.ib{width:24px;height:22px;display:grid;place-items:center;border-radius:6px;color:var(--pu-muted);transition:background-color .2s var(--pu-eo),color .2s var(--pu-eo)}.ib:hover,.ib:focus-visible{background:var(--pu-hover);color:var(--pu-ink);outline:none}.rps,.rbox{padding-left:14px}.rps .it{padding-top:6px}.more{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--pu-move) var(--pu-eio)}.more>div{overflow:hidden;min-height:0}.th:not(.on) .more{grid-template-rows:0fr}.row{display:flex;align-items:center;gap:8px;padding:8px 0 2px;cursor:text}.input{flex:1;min-width:0;height:27px;display:block;border:0;border-bottom:1px solid var(--pu-line);outline:none;resize:none;overflow:hidden;font:inherit;font-size:14px;line-height:1.5;padding:3px 0;color:var(--pu-ink);background:transparent;transition:border-color var(--pu-enter) var(--pu-eo)}.row:hover .input,.input:hover{border-bottom-color:var(--pu-muted)}.input:focus{border-bottom-color:var(--pu-accent)}.name{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--pu-faint);padding-top:6px}.name .input{font-size:13px;height:24px}.root,.it{position:relative;padding-right:30px}.av{display:grid;place-items:center;width:22px;height:22px;border-radius:32%;font-size:12px;font-weight:600;line-height:1;opacity:0;transform:scale(.85);transition:opacity var(--pu-enter) var(--pu-eo),transform var(--pu-enter) var(--pu-eo)}.av.in{opacity:1;transform:none}.av svg{width:80%;height:80%}.root>.av,.it>.av{position:absolute;top:0;right:0}.it>.av{top:6px}.av{--av-l:92%;--av-d:30%;--s:60%;background:hsl(var(--h) var(--s) var(--av-l));color:hsl(var(--h) var(--s) var(--av-d))}.dark .av{--av-l:20%;--av-d:78%}.c0{--h:0}.c1{--h:25}.c2{--h:50}.c3{--h:130}.c4{--h:175}.c5{--h:215}.c6{--h:270}.c7{--h:330}.c8{--h:28;--s:35%}.c9{--h:220;--s:8%}.me{flex:none;display:grid}.me>.av{grid-area:1/1;width:26px;height:26px;font-size:13px}.you{display:grid;padding:0 34px;min-height:24px;font-size:12px;color:var(--pu-faint)}.you>*{grid-area:1/1;display:flex;align-items:center;min-width:0;transition:opacity var(--pu-enter) var(--pu-eo),transform var(--pu-enter) var(--pu-eo)}.say{white-space:pre;overflow:hidden}.nm{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.say button{flex:none}.say button{color:var(--pu-muted);text-decoration:underline;text-decoration-color:var(--pu-line);text-underline-offset:2px;transition:color .2s var(--pu-eo)}.say button:hover,.say button:focus-visible{color:var(--pu-accent);outline:none}.nf{opacity:0;transform:translateY(-4px);pointer-events:none}.nf .input{font-size:13px;height:24px}.you.naming .nf{opacity:1;transform:none;pointer-events:auto}.you.naming .say{opacity:0;pointer-events:none}.send{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:var(--pu-accent);flex:none;opacity:0;pointer-events:none;transition:opacity var(--pu-enter) var(--pu-eo),background-color .2s var(--pu-eo)}.send.show{opacity:1;pointer-events:auto}.send:hover{background:var(--pu-accent-soft)}.bub{position:fixed;left:0;top:0;width:20px;height:20px;margin:-20px 0 0 -2px;border-radius:50% 50% 50% 0;background:var(--pu-accent);border:2px solid var(--pu-surface);box-shadow:0 1px 4px #0003;pointer-events:auto;opacity:0;transform:translateY(-6px) scale(.9);transform-origin:2px 20px;transition:opacity var(--pu-exit) var(--pu-ei),transform var(--pu-exit) var(--pu-ei)}.bub.in{opacity:1;transform:none;transition:opacity var(--pu-enter) var(--pu-eo),transform var(--pu-enter) var(--pu-eo)}.bub.in:hover,.bub.on{transform:scale(1.18)}.bub.done{background:var(--pu-faint)}.bub.ghost{pointer-events:none}.tip,.pop,.menu,.all,.toast,.selbar{background:var(--pu-surface);border:1px solid var(--pu-line);box-shadow:var(--pu-shadow)}.tip{position:fixed;max-width:260px;border-radius:10px;padding:7px 10px;opacity:0;transform:translateY(3px);transition:opacity .22s var(--pu-eo),transform .26s var(--pu-eo)}.tip.show{opacity:1;transform:none;pointer-events:auto;cursor:pointer;transition:opacity .22s var(--pu-eo),transform .26s var(--pu-eo),left var(--pu-move) var(--pu-eio),top var(--pu-move) var(--pu-eio)}.pop{position:fixed;width:var(--pu-pop);border-radius:12px;padding:10px 12px 8px;pointer-events:none;opacity:0;transform:translateY(6px) scale(.98);transition:opacity var(--pu-exit) var(--pu-ei),transform var(--pu-exit) var(--pu-ei)}.pop.show{opacity:1;transform:none;pointer-events:auto;transition:opacity var(--pu-enter) var(--pu-eo),transform var(--pu-move) var(--pu-eo)}.pop.show.glide{transition:opacity var(--pu-enter) var(--pu-eo),transform var(--pu-move) var(--pu-eo),left var(--pu-move) var(--pu-eio),top var(--pu-move) var(--pu-eio)}.mark{position:fixed;border:2px solid color-mix(in srgb,var(--pu-accent) 50%,transparent);background:var(--pu-accent-soft);border-radius:8px;opacity:0;transition:opacity .3s var(--pu-eo)}.mark.show{opacity:1}.pulse{position:fixed;border:2px solid var(--pu-accent);border-radius:8px;background:var(--pu-accent-soft);animation:pu-pulse var(--pu-pulse) var(--pu-eio) forwards}@keyframes pu-pulse{0%{opacity:0;transform:scale(.985)}35%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(1.02)}}.col{position:fixed;left:0;top:0;pointer-events:none;transition:opacity var(--pu-enter) var(--pu-eo)}.th{position:absolute;left:0;right:0;top:0;padding:4px 4px 4px 12px;pointer-events:auto;cursor:pointer;box-shadow:inset 2px 0 0 transparent;transition:transform var(--pu-move) var(--pu-eio),box-shadow var(--pu-enter) var(--pu-eo),opacity var(--pu-enter) var(--pu-eo)}.th.hot{box-shadow:inset 2px 0 0 var(--pu-line)}.th.on{box-shadow:inset 2px 0 0 var(--pu-accent);cursor:default}.th.dim{opacity:.45}.th.resolved:not(.on):not(.hot){opacity:.6}.th.lost .ctx{white-space:normal}.th.wait{opacity:0!important;pointer-events:none}.th.out{opacity:0!important;pointer-events:none;transition:opacity var(--pu-exit) var(--pu-ei)}.selbar{position:fixed;display:flex;border-radius:10px;padding:2px;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity var(--pu-enter) var(--pu-eo),transform .3s var(--pu-eo)}.selbar.show{opacity:1;transform:none;pointer-events:auto}.selbar button{width:32px;height:30px;display:grid;place-items:center;border-radius:8px;color:var(--pu-accent);transition:background-color .2s var(--pu-eo)}.selbar button:hover,.selbar button:focus-visible{background:var(--pu-accent-soft);outline:none}.pick{position:fixed;left:0;top:0;border:2px solid color-mix(in srgb,var(--pu-accent) 70%,transparent);background:color-mix(in srgb,var(--pu-accent) 6%,transparent);border-radius:8px;pointer-events:none;opacity:0;transition:opacity var(--pu-exit) var(--pu-ei),border-color var(--pu-exit) var(--pu-ei)}.pick.show{opacity:1;transition-duration:var(--pu-enter);transition-timing-function:var(--pu-eo)}.pick.show.glide{transition-property:all;transition-duration:var(--pu-move);transition-timing-function:var(--pu-eio)}.pick.on{border-color:var(--pu-accent)}.namebar{position:fixed;left:0;top:0;display:flex;align-items:center;gap:2px;padding:2px 2px 2px 10px;border-radius:10px;font-size:12px;color:var(--pu-muted);white-space:nowrap;background:var(--pu-surface);border:1px solid var(--pu-line);box-shadow:var(--pu-shadow);pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity var(--pu-exit) var(--pu-ei),transform var(--pu-exit) var(--pu-ei)}.namebar.show{opacity:1;transform:none;pointer-events:auto;transition:opacity var(--pu-enter) var(--pu-eo),transform .3s var(--pu-eo)}.namebar.show.glide{transition-property:all;transition-duration:var(--pu-move);transition-timing-function:var(--pu-eio)}.namebar .lbl{margin-right:6px;max-width:260px;overflow:hidden;text-overflow:ellipsis}.namebar .nb{padding:4px;display:grid;place-items:center;border-radius:7px;transition:background-color .2s var(--pu-eo),color .2s var(--pu-eo)}.namebar .nb:hover,.namebar .nb:focus-visible{background:var(--pu-hover);color:var(--pu-ink);outline:none}.namebar .nb[hidden]{display:none}.launch{position:fixed;right:20px;bottom:20px;pointer-events:auto}.launch .mode{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--pu-surface);border:1px solid var(--pu-line);box-shadow:var(--pu-shadow);transition:background-color .3s var(--pu-eo),color .3s var(--pu-eo)}.mode>*,.cnt>*{grid-area:1/1}.mode>*{display:grid;place-items:center;transition:opacity var(--pu-enter) var(--pu-eo)}.cnt,.has>.plus{opacity:0}.has>.cnt{opacity:1}.n{font-size:12px;font-weight:500;line-height:1;margin:-1.4px 0 0 1.4px;font-variant-numeric:tabular-nums;opacity:0;transition:opacity var(--pu-enter) var(--pu-eo)}.n.s{font-size:9.5px;letter-spacing:-.04em}.n.on{opacity:1}.launch .mode:hover,.launch .mode[aria-expanded=true]{background:var(--pu-hover)}.launch .mode.on{background:var(--pu-accent);color:#fff}.ttip{position:absolute;right:0;bottom:54px;white-space:nowrap;border-radius:8px;padding:4px 9px;font-size:12px;background:var(--pu-surface);border:1px solid var(--pu-line);box-shadow:var(--pu-shadow);pointer-events:none;opacity:0;transform:translateY(3px);transition:opacity var(--pu-exit) var(--pu-ei),transform var(--pu-exit) var(--pu-ei)}.ttip small{margin-left:8px}.ttip small,.mi .kc{font-size:12px;color:var(--pu-faint)}.mode:hover+.ttip,.mode:focus-visible+.ttip{opacity:1;transform:none;transition:opacity var(--pu-enter) var(--pu-eo) .5s,transform var(--pu-enter) var(--pu-eo) .5s}.launch .mode[aria-expanded=true]+.ttip{opacity:0;transition:opacity var(--pu-exit) var(--pu-ei)}@media(hover:none){.ttip,.tt{display:none}}.menu{position:fixed;right:20px;bottom:76px;width:290px;border-radius:12px;padding:4px;pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity var(--pu-exit) var(--pu-ei),transform var(--pu-exit) var(--pu-ei)}.menu.show{opacity:1;transform:none;pointer-events:auto;transition:opacity var(--pu-enter) var(--pu-eo),transform var(--pu-move) var(--pu-eo)}.mi{position:relative;display:flex;gap:10px;align-items:center;width:100%;min-height:34px;text-align:left;padding:6px 10px;border-radius:8px;transition:background-color .2s var(--pu-eo)}.mi:hover,.mi:focus-visible{background:var(--pu-soft);outline:none}.mi svg{color:var(--pu-muted);flex:none}.mi small{display:block;color:var(--pu-faint);font-size:12px}.lb{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ma{flex:none;display:grid;margin:-2px 0}.ma .av{width:20px;height:20px;font-size:11px}.mi .av svg{color:inherit}.sep{height:1px;margin:4px 10px;background:var(--pu-rule)}.tt{position:absolute;right:calc(100% + 14px);top:50%;translate:0 -50%;width:max-content;max-width:220px;padding:4px 9px;border-radius:8px;font-size:12px;line-height:1.4;color:var(--pu-muted);background:var(--pu-surface);border:1px solid var(--pu-line);box-shadow:var(--pu-shadow);pointer-events:none;opacity:0;transform:translate(3px);transition:opacity var(--pu-exit) var(--pu-ei),transform var(--pu-exit) var(--pu-ei)}.mi:hover>.tt,.mi:focus-visible>.tt{opacity:1;transform:none;transition:opacity var(--pu-enter) var(--pu-eo) .5s,transform var(--pu-enter) var(--pu-eo) .5s}@media(max-width:600px){.tt{right:8px;top:auto;bottom:100%;translate:none;transform:translateY(3px)}}.sw{position:relative;flex:none;width:26px;height:16px;border-radius:8px;background:var(--pu-line);transition:background-color var(--pu-move) var(--pu-eio)}.sw:before,.sw:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform var(--pu-move) var(--pu-eio),opacity var(--pu-move) var(--pu-eio)}.sw:before{opacity:0;transform:translate(10px)}[aria-checked=true]>.sw{background:var(--pu-accent)}[aria-checked=true]>.sw:after{transform:translate(10px)}.all{position:fixed;top:0;right:0;bottom:0;width:var(--pu-panel);display:flex;flex-direction:column;border-width:0 0 0 1px;opacity:0;transform:translate(100%);transition:transform var(--pu-exit) var(--pu-ei),opacity var(--pu-exit) var(--pu-ei)}.all.show{opacity:1;transform:none;pointer-events:auto;transition:transform var(--pu-move) var(--pu-eo),opacity var(--pu-enter) var(--pu-eo)}.all.full{width:100%}.hd{display:flex;align-items:center;gap:8px;padding:12px 10px 8px 16px;font-weight:600}.pn{font-weight:400;color:var(--pu-faint)}.hs{margin-left:auto;display:flex;align-items:center;gap:6px;padding:3px 4px 3px 6px;border-radius:6px;font-size:12px;font-weight:400;color:var(--pu-muted);transition:background-color .2s var(--pu-eo)}.hs:hover,.hs:focus-visible{background:var(--pu-hover);outline:none}.list{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:4px}.all .mi{align-items:flex-start}.all .mi>.av{flex:none}.all .mi>span:last-child{flex:1;min-width:0}.all .mi small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.all .mi .av svg{margin:0}.all .mi.done{opacity:.6}.layer.listing .col{opacity:0;transition:opacity var(--pu-exit) var(--pu-ei)}.sec{padding:8px 10px 2px;font-size:12px;color:var(--pu-faint)}.toast{position:fixed;left:50%;bottom:28px;border-radius:10px;padding:8px 14px;font-size:13px;opacity:0;transform:translate(-50%,6px);transition:opacity .3s var(--pu-eo),transform .36s var(--pu-eo)}.toast.show{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){.bub,.bub.in,.bub.in:hover,.bub.on,.tip,.pop,.selbar,.menu,.all,.ttip,.tt,.toast{transform:none!important}.sw:after{transform:none!important;transition-property:opacity}[aria-checked=true]>.sw:after{opacity:0}[aria-checked=true]>.sw:before{opacity:1}.th{transition-property:opacity,box-shadow}.tip.show{transition-property:opacity}.pick,.pick.show{transition:opacity .16s ease-in-out}.all,.all.show{transition-property:opacity}.namebar,.namebar.show{transform:none!important;transition:opacity .16s ease-in-out}.av,.nf{transform:none!important}@keyframes pu-pulse{0%{opacity:0}35%{opacity:.85}to{opacity:0}}}';var Gn="#534AB7",or="rgb(0, 0, 238)";function Xn(e){let t=/rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)(?:\s*[,/]\s*([\d.]+%?))?\s*\)/.exec(e);if(!t||t[1]===void 0||t[2]===void 0||t[3]===void 0)return null;let n=t[4]===void 0?1:t[4].endsWith("%")?parseFloat(t[4])/100:parseFloat(t[4]);return{r:Number(t[1]),g:Number(t[2]),b:Number(t[3]),a:n}}function rr(e){let t=n=>{let o=n/255;return o<=.03928?o/12.92:((o+.055)/1.055)**2.4};return .2126*t(e.r)+.7152*t(e.g)+.0722*t(e.b)}function Zn(e){let t=e.ownerDocument,n=t.defaultView;if(!n)return{font:"system-ui, sans-serif",accent:Gn,dark:!1};let o=t.documentElement,r=n.getComputedStyle(e).fontFamily||"system-ui, sans-serif",i=(n.getComputedStyle(o).getPropertyValue("--pipeup-accent")||o.style.getPropertyValue("--pipeup-accent")).trim(),s=e.querySelector("a[href]"),a=s?n.getComputedStyle(s).color:"",p=i||(a&&a!==or?a:Gn),l=Xn(n.getComputedStyle(t.body).backgroundColor);(!l||l.a===0)&&(l=Xn(n.getComputedStyle(o).backgroundColor));let d=l&&l.a>0?rr(l)<.2:n.matchMedia?.("(prefers-color-scheme: dark)").matches===!0&&/dark/.test(n.getComputedStyle(o).colorScheme||"");return{font:r,accent:p,dark:!!d}}function Qn(e,t){e.style.setProperty("--pu-font",t.font),e.style.setProperty("--pu-accent",t.accent),e.classList.toggle("dark",t.dark)}function Jn(e,t=document){let n=t.createElement("pipeup-root");n.setAttribute("data-pipeup-ignore",""),n.style.cssText="position:fixed!important;inset:0!important;pointer-events:none!important;z-index:2147483000!important;display:block!important;margin:0!important;visibility:visible!important;opacity:1!important;transform:none!important;filter:none!important;";let o=n.attachShadow({mode:"open"}),r=t.defaultView?.CSSStyleSheet;if(r&&"replaceSync"in r.prototype&&"adoptedStyleSheets"in o){let s=new r;s.replaceSync(Gt),o.adoptedStyleSheets=[s]}else{let s=t.createElement("style");s.textContent=Gt,o.append(s)}let i=t.createElement("div");return i.className="layer",i.style.setProperty("--pu-panel",`${Ze}px`),i.style.setProperty("--pu-pop",`${ke}px`),Qn(i,e),o.append(i),t.documentElement.append(n),{element:n,shadow:o,layer:i,destroy:()=>n.remove()}}var ir=40,ar=250,sr=120,lr=2400,eo=4e3;function to(e,t=!1){return Wt(e,t)?"column":"bubbles"}function cr(e){return[...e.state.mode==="column"?[qn(e),Ut(e,{popovers:!1})]:[Ut(e,{popovers:!0})],Vn(e),Un(e)]}var pr=1e3,xt="Shown here, but not saved yet \u2014 it will be saved with your next change",Se=e=>e instanceof Error?e.message.replace(/^pipeup: /,""):"Something went wrong";function no(e){let t=Zn(e.root),n=Jn(t),o=Yn(document,t.dark);o.fade(0);let r=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches===!0,i=document.documentElement.hasAttribute("data-pipeup-reserve"),s=new Map,a=new Set,p=new WeakSet,l={active:null,hot:null,showResolved:!1,hidden:!0,mode:to(e.root),draft:null,commenting:!1,listing:!1,reading:!1},d=m("div",{class:"toast",role:"status","aria-live":"polite"});n.layer.append(d);let y=null,E=[],f=null,x=!1,w=0,v=0,A=0,T=0,S=0,P=!1;function C(c,b=lr){x||(P=b===eo,d.textContent=c,d.classList.add("show"),window.clearTimeout(w),w=window.setTimeout(()=>d.classList.remove("show"),b))}function z(){P&&(P=!1,window.clearTimeout(w),d.classList.remove("show"))}function G(c){C(Se(c))}function K(c){throw G(c),c}let ie=c=>({thread:c,location:Nt(c.anchor,s.get(c.id)??ct(c.anchor,e.root),e.root)}),q={reply:async(c,b)=>{try{await e.doc.reply(c,b)}catch(O){O instanceof de?C(xt):K(O)}},resolve:async c=>{try{await e.doc.resolve(c),l.active===c&&!l.showResolved&&(l.active=null),C("Resolved \xB7 Show resolved brings it back")}catch(b){b instanceof de?(l.active===c&&!l.showResolved&&(l.active=null),C(`Resolved \xB7 ${xt}`)):C(Se(b))}},reopen:async c=>{try{await e.doc.reopen(c),C("Reopened")}catch(b){C(b instanceof de?`Reopened \xB7 ${xt}`:Se(b))}},close:()=>{ce(null),F&&X(F)?.focus({preventScroll:!0}),F=""},copy:c=>{try{let b=e.doc.threads().find(D=>D.id===c);if(!b)return;let O=Ht(ie(b),"ai",location.href,Date.now());jt(O,n.layer).then(()=>C("Thread copied as Markdown for AI"),D=>C(Se(D)))}catch(b){C(Se(b))}}};function oe(c){let b=O=>s.get(O.id)?.element??null;return[...c].sort((O,D)=>{let V=b(O),ne=b(D);return!V||!ne?V?-1:ne?1:0:V===ne?0:V.compareDocumentPosition(ne)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1})}let le={copyAll:async c=>{let b=le.all(),O=Ft(b,c,{title:document.title,url:location.href,exportedAt:new Date});try{await jt(O,n.layer);let D=b.filter(V=>!V.thread.resolved).length;C(`Copied ${D} thread${D===1?"":"s"}${c==="ai"?" as Markdown for AI":""}`)}catch(D){C(Se(D))}},toggleResolved:()=>{l.showResolved=!l.showResolved,R()},rename:async c=>{let b=c.replace(/\s+/g," ").trim();try{await et(b)?C(`New comments will say ${b}, but this browser couldn't remember it`):C(`New comments will say ${b}`)}catch(O){C(Se(O))}},name:()=>e.doc.name,all:()=>oe(e.doc.threads()).map(ie)},j={doc:e.doc,root:e.root,layer:n.layer,host:n.element,state:l,resolved:s,pending:a,actions:q,menu:le,visible:c=>!l.hidden&&(!c.resolved||l.showResolved),quoteAt:(c,b)=>{for(let O of e.doc.threads()){let D=s.get(O.id);if(O.anchor.quote&&j.visible(O)&&D?.range&&Pn(c,b,Ge(D)))return O}return null},readsAt:(c,b)=>j.draftEmpty()?j.quoteAt(c,b):null,owns:c=>c.composedPath().includes(n.element),claim:c=>void p.add(c),open:ce,focusReply:c=>Le(c),hot:Et,startDraft:He,moveDraft:Me,draftEmpty:()=>!y||y.isEmpty(),keepCaret:c=>{let b=y?.caret();c(),b?.()},postDraft:g,cancelDraft:Ce,setCommenting:Pe,dismiss:Fe,registerDraft:c=>{y=c},toast:C,report:G,pulse:k,render:R};function ee(c){let b=performance.now(),O=e.doc.threads();for(let D of O){if(c&&!c.has(D.id))continue;let V=performance.now()-b<ir,ne=ct(D.anchor,e.root,{fuzzy:V});s.set(D.id,ne),!V&&ne.state==="orphaned"?a.add(D.id):a.delete(D.id)}for(let D of[...s.keys()])O.some(V=>V.id===D)||s.delete(D);a.size===0?(window.clearTimeout(T),T=0):T===0&&(T=window.setTimeout(()=>{T=0,!x&&(ee(new Set(a)),R())},ar))}function u(c){let b=[],O=[],D=[];for(let V of c){let ne=s.get(V.id);V.resolved&&!l.showResolved||!ne?.range||(V.id===l.active||V.id===l.hot?O.push(ne.range):V.resolved?D.push(ne.range):b.push(ne.range))}l.draft&&O.push(...l.draft.ranges),jn({quote:b,on:O,done:D})}let N=0,B=0,U=0;function h(c){if(c===B)return;B=c,cancelAnimationFrame(U);let b=N,O=performance.now(),D=c?260:200,V=ne=>{let nt=Math.min(1,(ne-O)/D);N=b+(c-b)*(c?1-(1-nt)**3:nt*nt),o.fade(N),nt<1&&(U=requestAnimationFrame(V))};U=requestAnimationFrame(V)}let L=0,M=0;function H(c){c!==L&&(L=c,o.room(c,r),window.clearTimeout(M),M=window.setTimeout(()=>{ee(),R()},r?0:400))}function R(){if(x)return;let c=e.doc.threads();l.hidden=!l.commenting&&!l.listing&&!l.reading&&!l.draft,l.hidden&&(l.active=null),h(l.hidden?0:1),n.layer.classList.toggle("hidden",l.hidden),n.layer.classList.toggle("listing",l.listing);let b=l.listing&&!Te();H(b?Ze:0),o.gutter(i?l.mode==="column"&&!l.hidden&&!b?Je:0:null),u(c);for(let O of E)O.render(c);f?.render(c)}let F="",X=c=>n.layer.querySelector(`.all .mi[data-thread="${c}"]`),Z="input,textarea,select,[contenteditable]:not([contenteditable=false])",Be=()=>{let c=n.layer.getRootNode().activeElement;return c instanceof HTMLTextAreaElement&&c.value!==""||!!document.activeElement?.matches(Z)};function Le(c,b=Be()){let O=[...n.layer.querySelectorAll(`[data-thread="${c}"] .rbox textarea`)].find(D=>!D.closest("[inert]"));b||!O||(F=n.layer.getRootNode().activeElement?.getAttribute("data-thread")??"",O.focus({preventScroll:!0}))}function ce(c){if(c&&l.draft&&!j.draftEmpty())return;if(l.active===c&&!l.draft)return c?Le(c):void 0;let b=Be();c||(l.reading=!1),l.active=c,c&&(l.draft=null,k(c)),R(),c&&Le(c,b)}function Et(c){l.hot!==c&&(l.hot=c,c&&c!==l.active&&k(c),R())}function He(c){z(),l.listing=!1,l.draft=c,l.active=null,R()}function Me(c){if(!l.draft)return He(c);Object.assign(l.draft,c),R()}function Ce(){l.draft&&(l.draft=null,R())}function Pe(c){l.commenting!==c&&(l.commenting=c,o.picking(c),c?(l.active=null,l.listing=!1,C(`Click anything to comment \xB7 Option-click (Alt-click) to pin \xB7 ${Ye} or Esc to finish`,eo),f=Fn(j)):(z(),f?.destroy(),f=null),R())}function Fe(){if(l.draft){j.draftEmpty()&&Ce();return}l.active&&ce(null)}async function et(c){try{return await e.onName(c),!1}catch(b){if(e.doc.name!==c)throw b;return!0}}async function g(c){let b=l.draft;if(b)try{let O=await e.doc.comment(b.anchor,c);l.draft=null,ee(new Set([O])),ce(O)}catch(O){if(O instanceof de){l.draft=null,ee(new Set([O.id])),ce(O.id),C(xt);return}K(O)}}function k(c){let b=s.get(c);if(!b||b.state==="orphaned")return;let O=b.range?Ge(b):b.element?[b.element.getBoundingClientRect()]:[];for(let D of O.slice(0,6)){let V=m("div",{class:"pulse"});$e(V,D,4),n.layer.prepend(V),window.setTimeout(()=>V.remove(),1300)}}function $(){for(let c of E)c.destroy();E=cr(j),R()}let I=()=>{if(!x){for(let c of E)c.frame();f?.frame(),S=requestAnimationFrame(I)}},_=c=>{let b=c.composedPath()[0];return b instanceof Element&&b.closest(Z)!==null},te=c=>{if(c.key==="Escape"){l.draft?Ce():l.active?ce(null):f&&!f.back()&&Pe(!1);return}Ln(c)&&!c.isComposing&&!c.defaultPrevented&&!_(c)&&(c.preventDefault(),Pe(!l.commenting))},re=c=>{if(j.owns(c)||p.has(c))return;let b=window.getSelection();b&&!b.isCollapsed||Fe()},ae=()=>{let c=to(e.root,l.mode==="column");c!==l.mode?(l.mode=c,$()):R()};function _e(){let c=performance.now();v===0&&(A=c),window.clearTimeout(v);let b=Math.min(sr,Math.max(0,A+pr-c));v=window.setTimeout(()=>{v=0,ee(),R()},b)}let Oe=new MutationObserver(c=>{c.every(b=>n.element.contains(b.target))||_e()});window.addEventListener("keydown",te),window.addEventListener("click",re),window.addEventListener("resize",ae),Oe.observe(e.root,{subtree:!0,childList:!0,characterData:!0});let tt=typeof ResizeObserver>"u"?null:new ResizeObserver(_e);tt?.observe(e.root);let oo=e.doc.onChange(()=>{ee(),R()});return ee(),$(),S=requestAnimationFrame(I),{ctx:j,destroy(){x=!0,cancelAnimationFrame(S),cancelAnimationFrame(U),window.clearTimeout(M),window.clearTimeout(w),window.clearTimeout(v),window.clearTimeout(T),Oe.disconnect(),tt?.disconnect(),oo(),window.removeEventListener("keydown",te),window.removeEventListener("click",re),window.removeEventListener("resize",ae),f?.destroy();for(let c of E)c.destroy();o.remove(),n.destroy()}}}var Ae=null,dr=4e3;function ur(e={}){if(Ae)return Ae;let t=fr(e,()=>t).catch(n=>{throw Ae===t&&(Ae=null),n});return Ae=t,t}function mr(e,t){return new Promise((n,o)=>{let r=setTimeout(()=>o(new Error("timed out")),t);e.then(n,o).finally(()=>clearTimeout(r))})}async function fr(e,t){let n=document.documentElement.getAttribute("data-pipeup-doc"),{id:o,key:r}=n?await Mt(n):{id:`page-${we(location.origin+location.pathname)}`,key:null},i,s=!1,a;if(e.store)i=e.store,a=await Ue(i);else try{let f=ze.open();i=await mr(f,dr).catch(x=>{throw f.then(w=>w.close(),()=>{}),x}),a=await Ue(i)}catch{i=new Ve,s=!0,a=await Ue(i)}let p=e.name?.trim();p&&p!==a.name&&(a={...a,name:p},await i.saveProfile(a));let l=await qe.open({doc:o,key:r,store:i,identity:a.identity,name:a.name}),d=no({doc:l,root:e.root??document.body,onName:async f=>{l.name=f,a={...a,name:f},await i.saveProfile(a)}});s&&d.ctx.toast("This browser can't keep comments for this page \u2014 copy the comments (Copy all) to keep them");let y=()=>void l.flush().catch(f=>globalThis.reportError?.(f)),E=!1;return window.addEventListener("pagehide",y),{document:l,flush:()=>l.flush(),unmount:()=>{E||(E=!0,window.removeEventListener("pagehide",y),d.destroy(),Ae===t()&&(Ae=null))}}}export{Ie as ANIMALS,$t as COLOURS,fn as DEFAULT_PROFILE_NAME,ze as IndexedDbStore,Ve as MemoryStore,qe as PipeupDocument,de as UnsavedChangeError,ni as VERSION,fe as animalName,Ft as copyAll,Ht as copyThread,kt as createIdentity,lt as describeElement,Rt as describeRange,Ne as formatAgo,Re as labelOf,Ue as loadOrCreateProfile,Nt as locate,ur as mount,se as nameOf,po as newDocumentAttribute,Mt as parseDocumentAttribute,ct as resolveAnchor};
+`+t)+(e.edited?" (edited)":"")}var si="0.4.0-beta.1";function m(e,t={},...n){let o=document.createElement(e);for(let[r,i]of Object.entries(t))i===void 0||i===!1||(r==="class"?o.className=String(i):o.setAttribute(r,i===!0?"":i));for(let r of n)r!=null&&r!==!1&&o.append(r);return o}function Q(e,t){let n=e.getRootNode().activeElement;t&&n instanceof HTMLElement&&e.contains(n)&&n.blur(),e.inert=t}function fe(e,t){return e.length>t?e.slice(0,t-1)+"\u2026":e}function $e(e,t,n=4){e.style.left=`${t.left-n}px`,e.style.top=`${t.top-n}px`,e.style.width=`${t.width+n*2}px`,e.style.height=`${t.height+n*2}px`}var $o=/\bhttps?:\/\/[^\s<>"'`]+/gi,Do=`.,;:!?'"]}`,Bo=2048,Ho=/[\u202A-\u202E\u2066-\u2069]/;function Fo(e){let t=0,n=0;for(let r of e)r==="("?t++:r===")"&&n++;let o=e.length;for(;o>0;){let r=e[o-1];if(r===")"&&n>t)n--;else if(!Do.includes(r))break;o--}return e.slice(0,o)}function dt(e){let t=[],n=0;for(let o of e.matchAll($o)){if(o[0].length>Bo||Ho.test(o[0]))continue;let r=Fo(o[0]),i=o.index??0,s;try{let p=new URL(r);if(p.protocol!=="http:"&&p.protocol!=="https:")continue;s=p.href}catch{continue}i>n&&t.push(e.slice(n,i));let a=m("a",{href:s,target:"_blank",rel:"noopener noreferrer"},r);a.addEventListener("click",p=>p.stopPropagation()),t.push(a),n=i+r.length}return n<e.length&&t.push(e.slice(n)),t}var he={code:"KeyC",mods:{shift:!0,alt:!0,meta:!1,ctrl:!1},mac:{label:"\u21E7\u2325C",aria:"Shift+Alt+C"},other:{label:"Shift+Alt+C",aria:"Shift+Alt+C"}},Mn=typeof navigator<"u"&&/Mac|iP(hone|ad|od)/.test(navigator.platform),Ye=(Mn?he.mac:he.other).label,Vt=(Mn?he.mac:he.other).aria;function Cn(e){return e.code===he.code&&e.shiftKey===he.mods.shift&&e.altKey===he.mods.alt&&e.metaKey===he.mods.meta&&e.ctrlKey===he.mods.ctrl&&!e.repeat&&!e.getModifierState("AltGraph")}var Pn="http://www.w3.org/2000/svg",_o={comment:["M20.5 11.5a8 8 0 0 1-11.7 7.1L4 19.8l1.2-4.4A8 8 0 1 1 20.5 11.5z","M12.3 8.2v6.6M9 11.5h6.6"],send:["M21 12L3.5 4.5 6.2 12l-2.7 7.5zM6.2 12H13"],copy:["M10 8h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2h-8a2 2 0 0 1-2-2v-8a2 2 0 0 1 2-2z","M16 8V6a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h2"],resolve:["M5 12.5l4.5 4.5L19 7.5"],reopen:["M3 12a9 9 0 1 0 3-6.7","M3 4v5h5"],lines:["M4 7h16M4 12h10M4 17h7"],list:["M3 6.5a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0-3 0M3 12a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0-3 0M3 17.5a1.5 1.5 0 1 0 3 0a1.5 1.5 0 1 0-3 0M9 6.5h11M9 12h11M9 17.5h7"],expand:["M14 4h6v6M20 4l-6 6M10 20H4v-6M4 20l6-6M20 14v6h-6M20 20l-6-6M4 10V4h6M4 4l6 6"],bubble:["M20.5 11.5a8 8 0 0 1-11.7 7.1L4 19.8l1.2-4.4A8 8 0 1 1 20.5 11.5z"],close:["M6 6l12 12M18 6L6 18"],edit:["M4 20h4L19 9l-4-4L4 16z"]};function W(e,t=15,n){let o=Ut(_o[e],t);return n&&o.setAttribute("stroke-width",String(n)),o}function Ut(e,t){let n=document.createElementNS(Pn,"svg"),o={width:String(t),height:String(t),viewBox:"0 0 24 24",fill:"none",stroke:"currentColor","stroke-width":"1.8","stroke-linecap":"round","stroke-linejoin":"round","aria-hidden":"true"};for(let[r,i]of Object.entries(o))n.setAttribute(r,i);for(let r of e){let i=document.createElementNS(Pn,"path");i.setAttribute("d",r),n.append(i)}return n}var ut=(e,t,n)=>`M${e} ${t}a${n} ${n} 0 1 0 ${2*n} 0a${n} ${n} 0 1 0 -${2*n} 0`,qo={Otter:"M4 13.2C4 9.2 7.6 6.5 12 6.5s8 2.7 8 6.7-3.6 6.3-8 6.3-8-2.3-8-6.3zM5.6 9.6a1.8 1.8 0 1 1 2.7-2.3M18.4 9.6a1.8 1.8 0 1 0-2.7-2.3M9.2 11.6h.01M14.8 11.6h.01M11 14h2l-1 1zM9.8 15.8l-3.2.4M9.9 17l-2.7 1.1M14.2 15.8l3.2.4M14.1 17l2.7 1.1",Fox:"M3.5 4l5 3.5h7l5-3.5-1.5 8.5L12 20l-7-7.5zM9 12h.01M15 12h.01M12 17h.01",Owl:`M5 4.5l3 2.5h8l3-2.5V14a7 7 0 0 1-14 0z${ut(7.4,11.5,1.9)}${ut(12.8,11.5,1.9)}M11.3 14.6l.7 1 .7-1`,Bear:`${ut(5,13.5,7)}M8.9 7.22A2.8 2.8 0 1 0 5.89 10.09M18.11 10.09A2.8 2.8 0 1 0 15.1 7.22M9.4 12.6h.01M14.6 12.6h.01M10.3 16.4c0-1 .8-1.6 1.7-1.6s1.7.6 1.7 1.6-.8 1.6-1.7 1.6-1.7-.6-1.7-1.6z`,Rabbit:`${ut(6.5,15.5,5.5)}M9.6 10.5C8.2 6.5 8.4 2.5 9.8 2.5s2.4 3.5 1.6 7.5M14.4 10.5c1.4-4 1.2-8-.2-8s-2.4 3.5-1.6 7.5M10 15h.01M14 15h.01M11.3 17.3l.7.5.7-.5`};function On(e){let t=/[\p{L}\p{N}]/u.exec(e);if(!t)return"";let n=t[0].toUpperCase();return[...n].length===1?n:t[0]}var je=(e,t)=>On(t)||me(e);function ke(e,t){return m("span",{class:`av c${Ft(e)}`,"aria-hidden":"true","data-animal":me(e)},On(t)||Ut([qo[Ie[Ht(e)]]],24))}var Vo=320;function mt(e,t){setTimeout(()=>{e.remove(),t?.()},Vo)}function ft(e){return requestAnimationFrame(()=>{e.offsetWidth,e.classList.add("in")}),e}function ht(e){let t=m("textarea",{class:"input",rows:"1","aria-label":e.label}),n=m("button",{class:"send",type:"button","aria-label":"Send",title:"Send"},W("send")),o=m("div",{class:"row"},e.before,t,n),r=!1,i=()=>{n.classList.toggle("show",t.value.trim()!==""),t.style.height="auto",t.style.height=`${Math.max(27,t.scrollHeight)}px`},s=async()=>{let a=t.value.trim();if(!(!a||r)){r=!0;try{await e.onSend(a),t.value="",i()}catch{}finally{r=!1}}};return o.addEventListener("mousedown",a=>{a.target===t||n.contains(a.target)||(a.preventDefault(),t.focus({preventScroll:!0}),t.setSelectionRange(t.value.length,t.value.length))}),t.addEventListener("input",i),t.addEventListener("keydown",a=>{a.stopPropagation(),a.key==="Enter"&&!a.shiftKey&&!a.isComposing?(a.preventDefault(),s()):a.key==="Escape"&&(a.preventDefault(),t.value="",i(),t.blur(),e.onCancel?.())}),n.addEventListener("click",a=>{a.stopPropagation(),s()}),{element:o,input:t,focus:()=>t.focus({preventScroll:!0}),clear:()=>{t.value="",i()}}}function Uo(e){let t=m("button",{class:"me",type:"button",tabindex:"-1","aria-hidden":"true"});t.addEventListener("mousedown",v=>v.preventDefault());let n=ht({label:"Comment",before:t,onSend:e.onSend,onCancel:e.onCancel}),o=m("div",{class:"say"}),r=m("input",{class:"input",type:"text",maxlength:"80","aria-label":"Your name"}),i=m("div",{class:"nf"},r),s=m("div",{class:"you"},o,i),a="",p=!1,l=()=>{let v=e.name(),w=v?"change":"add your name";if(t.title=v?"Change your name":"Add your name",!t.lastChild||a!==v){let T=ke(e.me,v),A=t.lastChild;A?(ft(T),mt(A)):T.classList.add("in"),t.append(T),a=v}let L=m("button",{type:"button"},w);L.addEventListener("click",y),o.replaceChildren(m("span",{class:"nm"},v||`You're ${me(e.me)}`)," \xB7 ",L)},d=v=>{s.classList.toggle("naming",v),Q(o,v),Q(i,!v)};function y(v){v.stopPropagation(),r.value=e.name(),d(!0),r.focus({preventScroll:!0}),r.select()}let E=()=>{d(!1),n.focus()};t.addEventListener("click",y),r.addEventListener("keydown",v=>{if(v.stopPropagation(),v.key==="Escape")v.preventDefault(),E();else if(v.key==="Enter"){v.preventDefault();let w=r.value.trim();if(!w||w===e.name())return E();if(p)return;p=!0,e.rename(w).finally(()=>{p=!1,l(),E()})}}),l(),d(!1);let h=m("div",{class:"ctx"},e.label);return{element:m("div",{class:"draft"},h,n.element,s),caret:()=>{let{selectionStart:v,selectionEnd:w}=n.input;return()=>{n.focus(),n.input.setSelectionRange(v,w)}},hideLabel:v=>{h.hidden=v},setLabel:v=>{h.textContent=v},focus:()=>n.focus(),isEmpty:()=>n.input.value.trim()===""}}function gt(e,t){let n=Uo({label:t.label,me:e.doc.me,name:()=>e.menu.name(),rename:o=>e.menu.rename(o),onSend:o=>e.postDraft(o),onCancel:()=>e.cancelDraft()});return e.registerDraft(n),n}function vt(e,t){if(t.state==="orphaned"||!t.element||e.quote)return null;let n=t.element.getBoundingClientRect();if(!n.width&&!n.height)return null;if(e.point)return{x:n.left+e.point.x*n.width,y:n.top+e.point.y*n.height};let o=t.element.ownerDocument.createRange();o.selectNodeContents(t.element);let r=o.getBoundingClientRect();return{x:r.width?Math.min(n.right-8,r.right+6):n.right-8,y:(r.height?r.top:n.top)+8}}function Ge(e){return e.range?[...e.range.getClientRects()]:[]}function Kt(e,t){let n=Ge(t)[0];if(n)return n.top;if(t.state==="orphaned"||!t.element)return null;let o=t.element.getBoundingClientRect();return e.point?o.top+e.point.y*o.height:o.top}function Xe(e,t){let n=Ge(t).at(-1);if(n)return{x:n.left,y:n.bottom,below:!0};let o=vt(e,t);return o?{...o,below:!1}:null}function Rn(e,t,n){for(let o of n)if(e>=o.left&&e<=o.right&&t>=o.top&&t<=o.bottom)return!0;return!1}function In(e,t,n=10){let o=[...e].sort((a,p)=>a.want-p.want),r=new Array(o.length).fill(0),i=o.findIndex(a=>a.id===t),s=a=>o[a];if(i<0)o.forEach((a,p)=>{r[p]=p===0?a.want:Math.max(a.want,(r[p-1]??0)+s(p-1).height+n)});else{r[i]=s(i).want;for(let a=i+1;a<o.length;a++)r[a]=Math.max(s(a).want,(r[a-1]??0)+s(a-1).height+n);for(let a=i-1;a>=0;a--)r[a]=Math.min(s(a).want,(r[a+1]??0)-s(a).height-n)}return new Map(o.map((a,p)=>[a.id,r[p]??0]))}var Ze=320,Te=300,Ko=480,Se=()=>window.innerWidth<=Ko;function wt(e){let t=window.innerWidth;return{width:e&&!Se()?t-Ze:t,height:window.innerHeight}}function yt(e,t,n,o=12){let r,i;return e.below?(r=Math.min(e.x,n.width-t.width-o),i=e.y+8,i+t.height>n.height-o&&(i=e.y-t.height-40)):(r=e.x+14,r+t.width>n.width-o&&(r=e.x-t.width-28),i=Math.min(e.y-12,n.height-t.height-o)),{left:Math.max(o,r),top:Math.max(o,i)}}function Nn(e,t,n,o=12,r=44){let i=e.top-r>=8,s=e.top+e.height+8+(i?0:r),a=e.top-8-(i?r:0)-t.height,p=s+t.height<=n.height-o||a<o,l=p?s:a;return{above:!p,left:Math.max(o,Math.min(e.left,n.width-t.width-o)),top:Math.max(o,l)}}function bt(e,t,n){let o=e.top-t.height-10;return o<8&&(o=e.top+e.height+10),{left:Math.max(8,Math.min(e.left+e.width/2-t.width/2,n.width-t.width-8)),top:o}}var $n=e=>`${e} ${e===1?"reply":"replies"}`;function De(e,t,n){let o={...n},r=e.id,i=m("div",{class:"rbox always"},m("div",{},ht({label:"Reply",onSend:w=>t.reply(r,w),onCancel:t.close}).element)),s=m("div",{}),a=m("div",{}),p=null,l=m("div",{},a,m("div",{class:"more"},s)),d=new Map,y=new Map,E=new Map,h=w=>{let L=je(w.author,w.name),T=d.get(w.id),A=T?.el;if((!A||T.key!==L)&&(A=ft(ke(w.author,w.name)),T)){let C=T.el;E.set(w.id,C),mt(C,()=>E.get(w.id)===C&&E.delete(w.id))}A.title=ie(w),y.set(w.id,{key:L,el:A});let P=E.get(w.id);return P?[P,A]:[A]},x=(w,L,T)=>{let A=m("button",{class:"ib",type:"button","aria-label":L,title:L},W(w));return A.addEventListener("click",P=>{P.stopPropagation(),T()}),A};function v(w,L={}){Object.assign(o,L),r=w.id;let T=(o.now??Date.now)(),A=w.root.replies.length,P=F=>m("span",{class:"who"},`${ie(F)} \xB7 ${Ne(F.at,T)}`),C=F=>m("div",{class:F.deleted?"tx del":"tx"},...F.deleted?["Deleted"]:[...dt(F.text),F.edited?" (edited)":""]),V=w.resolved?"Resolved"+(A?` \xB7 ${$n(A)}`:""):A?$n(A):"",G=m("div",{class:o.variant==="column"&&V?"ft has-rest":"ft"},o.variant==="column"&&V?m("span",{class:"rest"},V):null,m("span",{class:"hover"},P(w.root),m("span",{class:"acts"},x("copy","Copy thread",()=>t.copy(w.id)),w.resolved?x("reopen","Reopen",()=>void t.reopen(w.id)):x("resolve","Resolve",()=>void t.resolve(w.id))))),Y=o.lost?m("div",{class:"ctx"},`No longer on the page \u2014 it read \u201C${fe(o.lost,120)}\u201D`):o.quote?m("div",{class:"ctx"},`\u201C${fe(o.quote,80)}\u201D`):null;y=new Map;let oe=m("div",{class:"root"},...h(w.root),Y,C(w.root),G);a.replaceWith(oe),a=oe,p?.remove(),p=A?m("div",{class:"rps"},...w.root.replies.map(F=>m("div",{class:"it"},...h(F),C(F),m("div",{class:"rft"},P(F))))):null,p&&s.prepend(p),d=y,w.resolved?i.remove():i.parentNode!==s&&s.append(i),l.className=w.resolved?"thread resolved":"thread",l.setAttribute("data-thread",w.id)}return v(e),{element:l,update:v}}var zo="a,button,input,select,textarea,label,summary,[role=button],[contenteditable]",Wo=400;function zt(e,t){let n=new Map,o=m("div",{class:"tip",role:"tooltip"}),r=m("div",{class:"mark"}),i=m("div",{class:"pop",role:"dialog","aria-label":"Comment thread"});o.inert=i.inert=!0,e.layer.append(r,o,i);let s=m("div",{class:"bub pin ghost","aria-hidden":"true"}),a=[],p=null,l=null,d=null,y=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches===!0,E=0,h=null,x=null,v=null,w=0,L=f=>a.find(S=>S.id===f)??null,T=()=>t.popovers||e.state.listing,A=!1,P=f=>{let S=e.resolved.get(f.id);return S?Xe(f.anchor,S):null};function C(f,S,M){let{left:D,top:O}=yt(S,{width:f.offsetWidth||M,height:f.offsetHeight},wt(e.state.listing));f.style.left=`${D}px`,f.style.top=`${O}px`}function V(f){let S=f&&T()&&e.state.active!==f?L(f):null,M=S?P(S):null;if(!S||!M){v=null,o.classList.remove("show"),Q(o,!0);return}if(v!==S.id){let D=S.root.replies.length;o.replaceChildren(m("div",{class:"tx clamp"},...S.root.deleted?["Deleted"]:dt(S.root.text)),m("div",{class:"who"},`${ie(S.root)}${D?` \xB7 ${D} ${D===1?"reply":"replies"}`:""}`)),v=S.id}C(o,M,260),o.classList.contains("show")||o.offsetWidth,o.classList.add("show"),o.inert=!1}function G(f){h=f,V(f),e.hot(f)}function Y(f){if(window.clearTimeout(w),f!==null){G(f);return}w=window.setTimeout(()=>G(null),T()?Wo:0)}o.addEventListener("mouseenter",()=>window.clearTimeout(w)),o.addEventListener("mouseleave",()=>Y(null)),o.addEventListener("click",f=>{f.stopPropagation();let S=v;S&&(window.clearTimeout(w),G(null),e.open(S))});function oe(f){let S=n.get(f.id);if(S)return S;let M=m("button",{class:"bub",type:"button","aria-label":`Comment: ${fe(f.root.text,60)}`});return M.addEventListener("mouseenter",()=>Y(f.id)),M.addEventListener("mouseleave",()=>Y(null)),M.addEventListener("click",D=>{D.stopPropagation(),V(null),e.open(f.id)}),e.layer.insertBefore(M,r),n.set(f.id,M),M}function F(){let f=e.state.draft,S=d&&f&&!f.anchor.quote&&!f.anchor.point?f.resolved.element:null;if(S){let{left:D,top:O,above:_}=Nn(S.getBoundingClientRect(),{width:i.offsetWidth||Te,height:i.offsetHeight},{width:window.innerWidth,height:window.innerHeight}),U=d?.above!==null&&d?.above!==_;if(d&&(d.above=_),U&&ce())return;i.style.left=`${D}px`,i.style.top=`${O}px`;return}let M=d&&f?Xe(f.anchor,f.resolved):p?P(p):null;M&&C(i,M,Te)}let ae=f=>e.state.commenting&&!f.anchor.quote&&!f.anchor.point;function ce(){return window.clearTimeout(E),y?(i.classList.remove("show"),E=window.setTimeout(()=>{F(),i.classList.add("show")},220),!0):(i.classList.add("glide"),E=window.setTimeout(()=>i.classList.remove("glide"),450),!1)}function j(f){if(window.clearTimeout(E),y){i.classList.remove("show"),E=window.setTimeout(()=>{d?.box.setLabel(f),F(),i.classList.add("show")},220);return}d?.box.setLabel(f),i.classList.add("glide"),E=window.setTimeout(()=>i.classList.remove("glide"),450)}function J(){if(!T())return null;let f=e.state.draft;return f?f.anchor.quote||f.anchor.point||e.state.commenting?null:f.resolved.element:!p||p.anchor.quote||p.anchor.point?null:e.resolved.get(p.id)?.element??null}function pe(f){a=f;let S=new Set;for(let _ of f){if(!e.visible(_)||_.anchor.quote)continue;let U=e.resolved.get(_.id);if(!U||U.state==="orphaned")continue;S.add(_.id);let X=oe(_);X.classList.toggle("done",_.resolved),X.classList.toggle("on",e.state.active===_.id),X.classList.toggle("pin",_.anchor.point!==void 0)}for(let[_,U]of n)S.has(_)||(U.classList.remove("in"),n.delete(_),window.setTimeout(()=>U.remove(),300));V(h),A!==e.state.listing&&i.classList.contains("show")&&!y&&(window.clearTimeout(E),i.classList.add("glide"),E=window.setTimeout(()=>i.classList.remove("glide"),450)),A=e.state.listing;let M=t.popovers?e.state.draft:null;if(M){d?.of!==M?(window.clearTimeout(E),i.classList.remove("glide"),d={box:gt(e,M),of:M,at:M.resolved.element,above:null},d.box.hideLabel(ae(M)),i.replaceChildren(d.box.element),i.inert=!1,d.box.focus(),p=null,l=null,F(),i.classList.add("show")):d&&(d.at!==M.resolved.element&&(d.at=M.resolved.element,d.above=null,j(M.label)),d.box.hideLabel(ae(M)));return}d&&(window.clearTimeout(E),i.classList.remove("glide"),d=null,e.registerDraft(null));let D=T()&&e.state.active?L(e.state.active):null;if(!D||!e.visible(D)){p=null,l=null,i.classList.remove("show"),Q(i,!0);return}let O=D.anchor.quote?.exact??null;!p||!l||p.id!==D.id?(l=De(D,e.actions,{variant:"popover",quote:O}),i.replaceChildren(l.element),p=D,F(),i.classList.add("show"),i.inert=!1):p!==D&&(l.update(D,{quote:O}),p=D)}function te(){for(let[D,O]of n){let _=L(D),U=e.resolved.get(D),X=_&&U?vt(_.anchor,U):null;if(!X||X.y<-40||X.y>window.innerHeight+40){O.style.visibility="hidden";continue}O.style.visibility="",O.style.left=`${X.x}px`,O.style.top=`${X.y}px`,O.classList.contains("in")||(O.offsetWidth,O.classList.add("in"))}let f=e.state.draft,S=f?.anchor.point?vt(f.anchor,f.resolved):null;S?(s.style.left=`${S.x}px`,s.style.top=`${S.y}px`,s.classList.contains("in")||(e.layer.insertBefore(s,r),s.offsetWidth,s.classList.add("in"))):s.classList.contains("in")&&(s.classList.remove("in"),window.setTimeout(()=>s.classList.contains("in")||s.remove(),300)),i.classList.contains("show")&&F();let M=J();r.classList.toggle("show",M!==null),M&&$e(r,M.getBoundingClientRect(),4)}let u=f=>{if(e.owns(f)){let M=f.composedPath()[0];x!==null&&!(M instanceof Element&&M.closest(".tip,.bub"))&&Y(null),x=null;return}let S=e.readsAt(f.clientX,f.clientY)?.id??null;S!==x&&(x=S,Y(S))},N=f=>{if(e.owns(f))return;let S=window.getSelection();if(S&&!S.isCollapsed||(e.state.commenting?f.altKey:f.target instanceof Element&&f.target.closest(zo)))return;let M=e.readsAt(f.clientX,f.clientY);M&&(e.claim(f),V(null),e.open(M.id))};return window.addEventListener("pointermove",u,{capture:!0,passive:!0}),window.addEventListener("click",N,!0),{render:pe,frame:te,destroy(){window.clearTimeout(w),window.clearTimeout(E),window.removeEventListener("pointermove",u,!0),window.removeEventListener("click",N,!0),e.registerDraft(null);for(let f of n.values())f.remove();s.remove(),o.remove(),r.remove(),i.remove()}}}var Yo="button link img figure region list listitem tab tabpanel article navigation complementary banner contentinfo form search group dialog menu menuitem checkbox switch radio slider textbox combobox option row cell heading table".split(" ").map(e=>`[role=${e}]`),jo=["button,a,input,select,textarea,label,summary,details,img,svg,canvas,video,picture,figure,figcaption,table,th,td","li,ul,ol,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,blockquote,pre","section,article,aside,nav,header,footer,main,form,fieldset",...Yo].join(","),Go="a,button,label,summary,[role=button],[role=link],[role=tab],[role=option],[role=menuitem]",Xo=.6,xt=2,Dn=(e,t)=>Math.abs(e.left-t.left)<=xt&&Math.abs(e.top-t.top)<=xt&&Math.abs(e.width-t.width)<=xt&&Math.abs(e.height-t.height)<=xt;function Qe(e,t,n){if(e===t||!t.contains(e)||e.closest("[data-pipeup-ignore]"))return null;let o=n.viewport(),r=Xo*o.width*o.height,i=null;for(let a=e;a&&a!==t;a=a.parentElement){let p=n.box(a);if(!(p.width<2||p.height<2)){if(a.hasAttribute("data-pipeup-id")){i=a;break}if(!(p.width*p.height>r)&&(a.matches(jo)||n.drawn(a)||a.childElementCount>1&&!a.parentElement?.closest(Go)&&n.grouped(a))){i=a;break}}}if(!i||i.hasAttribute("data-pipeup-id"))return i;let s=n.box(i);for(let a=i.parentElement;a&&a!==t&&Dn(n.box(a),s);a=a.parentElement)if(a.hasAttribute("data-pipeup-id"))return a;return i}function Wt(e,t,n){let o=n.box(e);for(let r=e.parentElement;r&&r!==t;){let i=Qe(r,t,n);if(!i)return null;if(!Dn(n.box(i),o))return i;r=i.parentElement}return null}function Bn(e=window){return{box:t=>t.getBoundingClientRect(),drawn:t=>{let n=e.getComputedStyle(t),o=n.backgroundColor!=="transparent"&&!/,\s*0\)$/.test(n.backgroundColor),r=["top","right","bottom","left"].some(i=>parseFloat(n.getPropertyValue(`border-${i}-width`))>0);return o||r||n.backgroundImage!=="none"||n.boxShadow!=="none"},grouped:t=>/^(inline-)?(flex|grid)$/.test(e.getComputedStyle(t).display),viewport:()=>({width:e.innerWidth,height:e.innerHeight})}}var _n="a,button,summary,[role=button],[role=link],[role=switch],[role=tab],[role=checkbox],input[type=checkbox],input[type=radio],input[type=submit],input[type=button],input[type=reset]",Zo=`${_n},input,select,textarea,[contenteditable]:not([contenteditable=false]),[tabindex]:not([tabindex="-1"])`,Hn=["click","dblclick","auxclick","submit","contextmenu","dragstart"],Fn=[...["over","out","enter","leave","down","up"].flatMap(e=>[`pointer${e}`,`mouse${e}`]),"mousemove","touchstart","touchmove","touchend","touchcancel"],Qo=400;function qn(e,t=Bn()){let n=m("div",{class:"pick"});e.layer.append(n);let o=m("span",{class:"lbl"}),r=m("button",{class:"nb",type:"button","aria-label":"Select the block around it",title:"Select the block around it"},W("expand",16)),i=m("div",{class:"namebar",role:"toolbar","aria-label":"Chosen block"},o,r);i.inert=!0,e.layer.append(i),i.addEventListener("mousedown",u=>u.preventDefault()),r.addEventListener("click",u=>{u.stopPropagation();let N=p&&Wt(p,e.root,t);N&&Y(N)});let s=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches===!0,a=null,p=null,l=null,d=null,y=0,E=()=>{},h=null,x=()=>{},v=u=>!e.owns(u)&&!(u.target instanceof Element&&u.target.closest("[data-pipeup-ignore]"));function w(){d&&(n.classList.toggle("glide",performance.now()<y),$e(n,d.getBoundingClientRect(),4))}function L(){if(!h)return;i.classList.toggle("glide",performance.now()<y&&i.classList.contains("show"));let u=h.getBoundingClientRect(),{left:N,top:f}=bt({left:u.left,top:u.top,width:u.width,height:u.height},{width:i.offsetWidth||200,height:i.offsetHeight||34},{width:window.innerWidth,height:window.innerHeight});i.style.left=`${N}px`,i.style.top=`${f}px`}function T(u,N){d=u,y=N?performance.now()+Qo:0,w(),n.classList.add("show")}function A(u,N){let f=getComputedStyle(u);if(f.opacity==="0")return N(),()=>{};let S=0,M=()=>{window.clearTimeout(S),u.removeEventListener("transitionend",O)},D=()=>{M(),N()},O=U=>{U.target===u&&U.propertyName==="opacity"&&D()},_=Math.max(...f.transitionDuration.split(",").map(U=>parseFloat(U)*1e3||0));return S=window.setTimeout(D,_+100),u.addEventListener("transitionend",O),M}function P(u){if(u!==a){if(a=u,E(),!u){n.classList.remove("show");return}getComputedStyle(n).opacity==="0"?T(u,!1):s?(n.classList.remove("show"),E=A(n,()=>T(u,!1))):T(u,!0)}}function C(u){p=u,n.classList.toggle("on",u!==null),P(u),x(),i.inert=!u,u?s?(i.classList.remove("show"),x=A(i,()=>V(u))):V(u):(i.classList.remove("show"),h=null)}function V(u){o.textContent=o.title=Re(u);let N=Wt(u,e.root,t)===null;r.hidden=N;let f=i.classList.contains("show");h=u,L(),f||(i.offsetWidth,i.classList.add("show"))}function G(u){let N;try{N=lt(u,e.root)}catch(M){e.report(M);return}let f={anchor:N,label:Re(u),ranges:[],resolved:{state:"attached",element:u,range:null}},S=e.state.draft;C(u),l=S??{...f,ranges:[]},S?e.moveDraft({...f,ranges:[]}):e.startDraft(l)}function Y(u){e.keepCaret(()=>G(u))}function oe(u){let N=(u.target instanceof Element?Qe(u.target,e.root,t):null)??e.root,f=N.getBoundingClientRect();if(!f.width||!f.height)return;let S={x:(u.clientX-f.left)/f.width,y:(u.clientY-f.top)/f.height},M;try{M=lt(N,e.root,S)}catch(O){e.report(O);return}let D=Re(N).replace(/^[A-Z](?=[a-z])/,O=>O.toLowerCase());C(null),P(null),e.startDraft({anchor:M,label:`Pin on ${D}`,ranges:[],resolved:{state:"attached",element:N,range:null}})}function F(u){let N=window.getSelection();if(N&&!N.isCollapsed)return;if(e.state.draft&&(u.altKey||!e.draftEmpty())){e.dismiss();return}if(!u.altKey&&e.readsAt(u.clientX,u.clientY))return;if(e.state.active&&e.open(null),u.altKey){oe(u);return}let f=u.target instanceof Element?Qe(u.target,e.root,t):null;f?G(f):(e.dismiss(),C(null))}let ae=u=>{if(!e.owns(u)){if(!v(u)){p||P(null);return}u.stopPropagation(),!(p||e.state.draft)&&P(!ce()&&u.target instanceof Element?Qe(u.target,e.root,t):null)}},ce=()=>{let u=window.getSelection();return!!u&&!u.isCollapsed&&u.toString().trim()!==""},j=()=>{!p&&ce()&&P(null)},J=u=>{v(u)&&(u.stopPropagation(),(u.type==="pointerdown"||u.type==="mousedown")&&u.target instanceof Element&&u.target.closest(Zo)&&u.preventDefault())},pe=u=>{v(u)&&(u.preventDefault(),u.stopPropagation(),u.type==="click"&&!e.state.menu&&!e.claimed(u)&&F(u))},te=u=>{(u.key==="Enter"||u.key===" ")&&v(u)&&u.target instanceof Element&&u.target.closest(_n)&&(u.preventDefault(),u.stopPropagation())};window.addEventListener("pointermove",ae,!0),document.addEventListener("selectionchange",j);for(let u of Fn)window.addEventListener(u,J,!0);for(let u of Hn)window.addEventListener(u,pe,!0);return window.addEventListener("keydown",te,!0),{back(){return p?(C(null),!0):!1},render(){let u=e.state.draft;l&&u!==l?(l=null,C(null)):u&&!l&&(a||p)&&C(null)},frame(){w(),L()},destroy(){E(),x(),window.removeEventListener("pointermove",ae,!0),document.removeEventListener("selectionchange",j);for(let u of Fn)window.removeEventListener(u,J,!0);for(let u of Hn)window.removeEventListener(u,pe,!0);window.removeEventListener("keydown",te,!0),n.classList.remove("show"),i.classList.remove("show"),Q(i,!0),A(n,()=>n.remove()),A(i,()=>i.remove())}}}var Jo=300,er=32,Yt=220,Je=320,tr=24,Vn=24;function jt(e,t=!1){let n=e.ownerDocument.documentElement,o=n.getAttribute("data-pipeup-layout");if(o==="bubbles"||e.querySelector("[data-pipeup-slide]"))return null;let r=e.querySelector("article, main, [role=main]")??(o==="column"?e:null);if(!r)return null;if(n.hasAttribute("data-pipeup-reserve")){let a=n.clientWidth,l=getComputedStyle(r).maxWidth,d;return l.endsWith("px")?d=parseFloat(l):l.endsWith("%")?d=parseFloat(l)/100*a:d=r.getBoundingClientRect().width,o!=="column"&&a<d+Je-(t?tr:0)?null:{x:a-Je+Vn,width:Je-2*Vn}}let i=r.getBoundingClientRect().right;if(window.innerWidth-i<Jo&&o!=="column")return null;let s=i+er;return{x:s,width:Math.max(220,Math.min(300,window.innerWidth-s-16))}}function Gt(e,t){let n=e.resolved.get(t.id);return!n||n.state==="orphaned"&&!e.pending.has(t.id)}function Un(e){let t=m("div",{class:"col"});e.layer.append(t);let n=new Map,o=null,r=new ResizeObserver(()=>a()),i=h=>Gt(e,h);function s(h){let x=e.resolved.get(h.id),v=x?Kt(h.anchor,x):null;return v===null?Number.POSITIVE_INFINITY:v+window.scrollY-4}function a(){let h=[],x=[];for(let[A,P]of n){let C=s(P.thread);if(Number.isFinite(C))P.placed=C;else if(e.pending.has(A)){if(P.placed===null){P.el.classList.add("wait");continue}C=P.placed}Number.isFinite(C)?h.push({id:A,want:C,height:P.el.offsetHeight}):x.push({id:A,height:P.el.offsetHeight})}let v=e.state.draft,w=v?Kt(v.anchor,v.resolved):null;o&&w!==null&&h.push({id:"draft",want:w+window.scrollY-4,height:o.el.offsetHeight});let L=In(h,o?"draft":e.state.active),T=Math.max(0,...h.map(A=>(L.get(A.id)??0)+A.height))+24;for(let A of x)L.set(A.id,T),T+=A.height+10;for(let[A,P]of n){if(P.el.classList.contains("wait")){if(!L.has(A))continue;P.el.style.transition="none",P.el.style.transform=`translateY(${Math.round(L.get(A))}px)`,P.el.offsetWidth,P.el.style.transition="",P.el.classList.remove("wait");continue}P.el.style.transform=`translateY(${Math.round(L.get(A)??0)}px)`}o&&(o.el.style.transform=`translateY(${Math.round(L.get("draft")??0)}px)`)}function p(h,x){h.thread=x,h.lost=i(x),h.view.update(x,{lost:h.lost?x.anchor.snapshot:null})}function l(h){let x=i(h),v=De(h,e.actions,{variant:"column",lost:x?h.anchor.snapshot:null}),w=m("div",{class:"th","data-thread":h.id},v.element);return w.style.transition="none",w.addEventListener("mouseenter",()=>e.hot(h.id)),w.addEventListener("mouseleave",()=>e.hot(null)),w.addEventListener("click",()=>e.open(h.id)),t.append(w),r.observe(w),{el:w,thread:h,lost:x,placed:null,view:v}}function d(){let h=e.state.draft;if(o&&h&&o.of!==h){let x=o.el;r.unobserve(x),x.classList.add("out"),window.setTimeout(()=>x.remove(),Yt),o=null}if(h&&o&&(o.box.setLabel(h.label),o.box.hideLabel(e.state.commenting&&!h.anchor.quote&&!h.anchor.point)),h&&!o){let x=gt(e,h),v=m("div",{class:"th on"},x.element);v.style.transition="none",t.append(v),r.observe(v),o={el:v,box:x,of:h},x.hideLabel(e.state.commenting&&!h.anchor.quote&&!h.anchor.point),x.focus()}else if(!h&&o){let x=o.el;r.unobserve(x),x.classList.add("out"),window.setTimeout(()=>x.remove(),Yt),o=null,e.registerDraft(null)}}function y(h){Q(t,e.state.listing);let x=new Set,v=[],w=e.state.active!==null||e.state.draft!==null;for(let L of h){if(!e.visible(L))continue;x.add(L.id);let T=n.get(L.id);T?(T.thread!==L||T.lost!==i(L))&&p(T,L):(T=l(L),n.set(L.id,T),v.push(T.el));let A=T.el;A.classList.toggle("on",e.state.active===L.id);let P=A.querySelector(".more");P&&Q(P,e.state.active!==L.id),A.classList.toggle("dim",w&&e.state.active!==L.id),A.classList.toggle("hot",e.state.hot===L.id&&e.state.active!==L.id),A.classList.toggle("resolved",L.resolved),A.classList.toggle("lost",T.lost)}for(let[L,T]of n)x.has(L)||(n.delete(L),r.unobserve(T.el),T.el.classList.add("out"),window.setTimeout(()=>T.el.remove(),Yt));d(),a(),o&&v.push(o.el);for(let L of v)L.offsetWidth,L.style.transition=""}function E(){let h=jt(e.root,!0);h&&(t.style.width=`${h.width}px`,t.style.transform=`translate(${h.x}px, ${-window.scrollY}px)`)}return{render:y,frame:E,destroy(){r.disconnect(),e.registerDraft(null),t.remove()}}}var nr="[data-pipeup-ignore],input,textarea,select,[contenteditable]:not([contenteditable=false])";function Kn(e){let t=m("button",{type:"button","aria-label":"Comment",title:"Comment"},W("comment",17)),n=m("div",{class:"selbar"},t);n.inert=!0,e.layer.append(n);let o=null,r=d=>{let y=d&&(d.nodeType===Node.ELEMENT_NODE?d:d.parentElement);return!!y&&e.root.contains(y)&&!y.closest(nr)};function i(){if(!o)return;let d=o.getBoundingClientRect(),{left:y,top:E}=bt({left:d.left,top:d.top,width:d.width,height:d.height},{width:n.offsetWidth||36,height:n.offsetHeight||34},{width:window.innerWidth,height:window.innerHeight});n.style.left=`${y}px`,n.style.top=`${E}px`}function s(){o=null,n.inert=!0,n.classList.remove("show")}function a(){let d=window.getSelection();if(!e.state.commenting||!d||d.isCollapsed||d.rangeCount===0||!d.toString().trim()||!r(d.anchorNode)||!r(d.focusNode)){s();return}o=d.getRangeAt(0).cloneRange(),i(),n.inert=!1,n.classList.add("show")}t.addEventListener("mousedown",d=>d.preventDefault()),t.addEventListener("click",d=>{d.stopPropagation();let y=o;if(!y)return;let E;try{E=Nt(y,e.root)}catch(x){e.report(x),s();return}let h=fe(y.toString().replace(/\s+/g," ").trim(),60);window.getSelection()?.removeAllRanges(),s(),e.startDraft({anchor:E,label:`\u201C${h}\u201D`,ranges:[y],resolved:{state:"attached",element:null,range:y}})});let p=()=>{if(!o)return;let d=window.getSelection();(!d||d.isCollapsed||!d.toString().trim())&&s()};document.addEventListener("selectionchange",p);let l=d=>{e.owns(d)||window.setTimeout(a,0)};return window.addEventListener("mouseup",l,!0),window.addEventListener("keyup",l,!0),{render(){!e.state.commenting&&o&&s()},frame(){o&&i()},destroy(){window.removeEventListener("mouseup",l,!0),window.removeEventListener("keyup",l,!0),document.removeEventListener("selectionchange",p),n.remove()}}}async function Xt(e,t){try{await navigator.clipboard.writeText(e);return}catch{}let n=document.createElement("textarea");n.value=e,n.setAttribute("readonly",""),n.style.cssText="position:fixed;opacity:0;pointer-events:none",t.append(n),n.select();let o=document.execCommand("copy");if(n.remove(),!o)throw new Error("pipeup: your browser blocked copying")}var or=3e3;function zn(e){let t=[m("span",{class:"n"}),m("span",{class:"n"})],n=W("comment",20,1.4);n.lastElementChild.setAttribute("stroke-width","1.6");let o=m("button",{class:"mode",type:"button","aria-label":"Comment","aria-keyshortcuts":Vt,"aria-haspopup":"menu","aria-expanded":"false"},m("span",{class:"plus"},n),m("span",{class:"cnt"},W("bubble",34,1.4),...t)),r=m("span",{class:"ttip","aria-hidden":"true"},"Comment",m("small",{},Ye)),i=m("div",{class:"launch"},o,r),s=m("div",{class:"menu",role:"menu","aria-label":"Comments"}),a=m("div",{class:"list",role:"menu","aria-label":"All comments"}),p=m("span",{class:"pn"}),l=m("button",{class:"ib",type:"button","aria-label":"Close"},W("close")),d=m("button",{class:"hs",type:"button",role:"switch","aria-checked":"false"},"Show resolved",m("span",{class:"sw","aria-hidden":"true"}));d.addEventListener("click",g=>{g.stopPropagation(),e.menu.toggleResolved()});let y=m("div",{class:"all",role:"dialog","aria-label":"All comments"},m("div",{class:"hd"},m("span",{},"All comments"),p,d,l),a),E=m("div",{class:"pop side",role:"dialog","aria-label":"Comment thread"});s.inert=y.inert=E.inert=!0,e.layer.append(s,i,y);let h=!1,x=null,v=0,w=[],L=0,T=null,A=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches===!0,P=g=>{h=e.state.menu=g,window.clearTimeout(v),v=0,g||x?.(!0),s.classList.toggle("show",g),Q(s,!g),o.setAttribute("aria-expanded",String(g))},C=(g,k=!1)=>{e.state.listing!==g&&(e.state.listing=g,e.render(),g?(V(a)[0]??l).focus({preventScroll:!0}):k&&o.focus({preventScroll:!0}))},V=(g=s)=>[...g.querySelectorAll(".mi")],G=()=>s.getRootNode().activeElement,Y=()=>{P(!1),o.focus({preventScroll:!0})},oe=g=>{let k=V(g.currentTarget);if(k.length===0)return;let $=G(),I=k.indexOf($),H=K=>{g.preventDefault(),k[(K+k.length)%k.length]?.focus({preventScroll:!0})};g.key==="ArrowDown"?H(I+1):g.key==="ArrowUp"?H(I<0?k.length-1:I-1):g.key==="Home"?H(0):g.key==="End"&&H(k.length-1)};s.addEventListener("keydown",oe),a.addEventListener("keydown",oe),l.addEventListener("click",g=>{g.stopPropagation(),C(!1,!0)});let F=g=>Gt(e,g),ae=()=>w.filter(g=>!g.resolved).length;function ce(){let g=V(a).indexOf(G()),k=e.menu.all().filter(ne=>!ne.thread.resolved||e.state.showResolved),$=ne=>{let re=ne.thread,_e=ke(re.root.author,re.root.name);_e.classList.add("in");let Oe=m("button",{class:re.resolved?"mi done":"mi",type:"button",role:"menuitem","data-thread":re.id},_e,m("span",{},m("span",{class:"clamp"},re.root.deleted?"Deleted":re.root.text),m("small",{},F(re)?`\u201C${fe(re.anchor.snapshot,80)}\u201D`:ne.location.where)));return Oe.addEventListener("click",Tt=>{Tt.stopPropagation(),j(re.id,Oe.getBoundingClientRect().top)}),Oe},I=k.filter(ne=>F(ne.thread)),H="No longer on the page";p.textContent=String(ae()),d.setAttribute("aria-checked",String(e.state.showResolved)),a.replaceChildren(k.length?"":m("div",{class:"sec",role:"presentation"},"No open comments"),...k.filter(ne=>!F(ne.thread)).map($),I.length?m("div",{role:"group","aria-label":H},m("div",{class:"sec","aria-hidden":"true"},H),...I.map($)):"");let K=V(a);g>=0&&K[Math.min(g,K.length-1)]?.focus({preventScroll:!0})}function j(g,k){Se()&&(e.state.reading=!0,C(!1)),J(g,k)}function J(g,k){let $=w.find(K=>K.id===g),I=e.resolved.get(g);if(!$)return;let H=I&&!F($)?I.element??I.range?.startContainer.parentElement??null:null;if(H?.scrollIntoView({block:"center",inline:"nearest",behavior:A?"auto":"smooth"}),H&&I&&Xe($.anchor,I)&&H.checkVisibility?.({visibilityProperty:!0})!==!1){te(),e.open(g);return}e.open(null),Se()&&(e.state.reading=!0,e.render()),pe($,k)}function pe(g,k){let $={quote:g.anchor.quote?.exact??null,lost:F(g)?g.anchor.snapshot:null};if(T?.id===g.id?T.view.update(g,$):(T={id:g.id,view:De(g,e.actions,{variant:"popover",...$})},E.replaceChildren(T.view.element)),k===void 0)return;E.isConnected||(e.layer.insertBefore(E,y),E.offsetWidth);let I=wt(e.state.listing),{left:H,top:K}=yt({x:I.width,y:k,below:!1},{width:Te,height:E.offsetHeight},I);E.style.left=`${H}px`,E.style.top=`${K}px`,E.classList.add("show"),E.inert=!1,e.focusReply(g.id)}function te(g=!1){T&&(T=null,E.classList.remove("show"),Q(E,!0),g&&e.state.reading&&(e.state.reading=!1,e.render()))}function u(g,k,$,I=!1,...H){let K=m("button",{class:"mi",type:"button",role:I?"menuitemcheckbox":"menuitem"},g,m("span",{class:"lb"},k),...H,I&&m("span",{class:"sw","aria-hidden":"true"}),m("span",{class:"tt","aria-hidden":"true"}));return K.addEventListener("click",ne=>{ne.stopPropagation(),$()}),K}let N=(g,k,$,I)=>{let H=g.querySelector(".lb");H.textContent!==k&&(H.textContent=k),g.querySelector(".tt").textContent=$,g.setAttribute("aria-description",$),I!==void 0&&g.setAttribute("aria-checked",String(I))},f=()=>m("div",{class:"sep",role:"separator"}),S=m("span",{class:"ma"}),M=m("span",{class:"kc"}),D="",O=u(S,"",kt,!1,M);O.dataset.item="name";let _=u(W("copy"),"Copy as Markdown",()=>{Y(),e.menu.copyAll("ai")}),U=u(W("lines"),"Copy as Text",()=>{Y(),e.menu.copyAll("text")}),X=m("span",{class:"kc"}),Be=u(W("list"),"All comments",()=>{P(!1),C(!0)},!1,X),ge=u(W("comment"),"Start commenting",()=>e.setCommenting(!e.state.commenting),!0,m("span",{class:"kc","aria-hidden":"true"},Ye));ge.dataset.item="comment",ge.setAttribute("aria-keyshortcuts",Vt);let ve=[O,f(),_,U,Be,f(),ge];function He(){let g=ae(),k=e.menu.name(),$=k||me(e.doc.me);if(N(O,$,k?"The name on your comments":"Add a name to show on your comments"),O.setAttribute("aria-label",`${$}, ${k?"edit":"add"} your name`),M.replaceChildren(k?W("edit",13):"Add name"),je(e.doc.me,k)!==D){D=je(e.doc.me,k);let I=ke(e.doc.me,k);I.classList.add("in"),S.replaceChildren(I)}N(_,"Copy as Markdown","Markdown, with where each thread is"),N(U,"Copy as Text","Just the words"),N(Be,"All comments","Every thread, and where it is"),X.textContent=g?String(g):"",N(ge,"Start commenting",e.state.commenting?"Turn off to hide the comments again":"Shows the comments; choose any part of the page to comment on it",e.state.commenting)}function et(){He(),s.firstChild!==O&&s.replaceChildren(...ve)}function kt(){let g=m("input",{class:"input",type:"text",maxlength:"80","aria-label":"Your name"});g.value=e.menu.name();let k=m("div",{class:"ed"},S.cloneNode(!0),g),$=(I,H=!1)=>{if(x!==$)return;x=null;let K=g.value.trim();I&&K&&K!==e.menu.name()&&e.menu.rename(K).then(He),k.replaceWith(O),H&&O.focus({preventScroll:!0})};x=$,g.addEventListener("keydown",I=>{I.stopPropagation(),(I.key==="Enter"||I.key==="Escape")&&(I.preventDefault(),$(I.key==="Enter",!0))}),g.addEventListener("blur",()=>$(!0)),O.replaceWith(k),g.focus({preventScroll:!0})}o.addEventListener("click",g=>{if(g.stopPropagation(),h){P(!1);return}et(),P(!0),g.detail===0&&V().at(-1)?.focus({preventScroll:!0})});let Me=!1,Ce=()=>{Me=y.contains(G())},Fe=g=>{let k=g.composedPath();h&&!k.includes(s)&&!k.includes(o)&&(P(!1),e.state.commenting&&!e.owns(g)&&(e.claim(g),g.preventDefault(),g.stopPropagation())),e.state.listing&&!e.owns(g)&&C(!1,Me&&(!document.activeElement||document.activeElement===document.body)),!k.includes(E)&&!k.includes(y)&&te(!0)},Pe=g=>{if(!h||g.pointerType==="touch"||g.type==="pointerout"&&g.relatedTarget)return;let k=g.composedPath();g.type==="pointerover"&&(k.includes(s)||k.includes(o))?(window.clearTimeout(v),v=0):v||(v=window.setTimeout(()=>{v=0,x||P(!1)},or))};window.addEventListener("pointerdown",Ce,!0),window.addEventListener("click",Fe,!0),window.addEventListener("pointerover",Pe,!0),window.addEventListener("pointerout",Pe,!0);let tt=g=>{if(g.key!=="Escape"||x)return;let k=g.composedPath()[0];if(h)Y();else if(e.state.listing&&!(k instanceof HTMLTextAreaElement&&!y.contains(k)))C(!1,!0);else if(T)te(!0),e.actions.close();else return;g.stopPropagation()};return window.addEventListener("keydown",tt,!0),{render(g){w=g;let k=ae();if(k!==L){if(k){let[I,H]=t[0].classList.contains("on")?t:[t[1],t[0]];H.textContent=k>99?"99+":String(k),H.classList.toggle("s",k>99),I.classList.remove("on"),H.classList.add("on")}o.classList.toggle("has",k>0),o.setAttribute("aria-label",k?`Comment, ${k} open`:"Comment"),L=k}o.classList.toggle("on",e.state.commenting),h&&He();let $=e.state.listing;if(y.classList.toggle("full",Se()),y.classList.contains("show")!==$&&(y.classList.toggle("show",$),Q(y,!$)),$&&ce(),T){let I=g.find(H=>H.id===T?.id);!I||e.state.active||I.resolved&&!e.state.showResolved?te():pe(I)}},frame(){},destroy(){window.removeEventListener("pointerdown",Ce,!0),window.removeEventListener("click",Fe,!0),window.removeEventListener("pointerover",Pe,!0),window.removeEventListener("pointerout",Pe,!0),window.clearTimeout(v),window.removeEventListener("keydown",tt,!0),s.remove(),y.remove(),E.remove(),i.remove()}}}var Yn=["pipeup-quote","pipeup-on","pipeup-done"],rr={"pipeup-quote":[[250,227,188,.75],[250,200,100,.28]],"pipeup-on":[[247,212,154,.95],[250,200,100,.42]],"pipeup-done":[[180,178,169,.22],[180,178,169,.2]]},ir=(e,t)=>Yn.map(n=>{let[o,r,i,s]=rr[n][e?1:0];return`::highlight(${n}){background-color:rgba(${o},${r},${i},${+(s*t).toFixed(3)})}`}).join("");function jn(){return typeof CSS<"u"&&"highlights"in CSS&&typeof Highlight<"u"}var ar="<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'><rect x='7' y='7' width='23' height='23' rx='4' fill='none' stroke='#534AB7' stroke-width='2' stroke-dasharray='4 3'/><path d='M3 2v15l4-3.5 3 6.5 2.5-1.2-3-6.3H15z' fill='#fff' stroke='#2C2C2A' stroke-width='1.2' stroke-linejoin='round'/></svg>",sr=`:not([data-pipeup-ignore],[data-pipeup-ignore] *){cursor:url("data:image/svg+xml,${encodeURIComponent(ar)}") 3 2,crosshair!important}`;function Gn(e=document,t=!1){let n=e.defaultView?.CSSStyleSheet;if(!n||!("replaceSync"in n.prototype)||!("adoptedStyleSheets"in e))return{gutter(){},picking(){},fade(){},room(){},remove:()=>Wn()};let o=new n,r=null,i=!1,s=1,a=0,p="",l=0,d=()=>o.replaceSync(ir(t,s)+(r===null?"":`:root{--pipeup-gutter:${r}px}`)+(i?sr:"")+(a||p?`html{--pipeup-panel:${a}px;${a?`margin-right:${a}px!important;`:""}${p}}`:""));return d(),e.adoptedStyleSheets=[...e.adoptedStyleSheets,o],{gutter(y){y!==r&&(r=y,d())},picking(y){y!==i&&(i=y,d())},fade(y){s=y,d()},room(y,E){y!==a&&(a=y,p=E?"":"transition:margin-right .34s cubic-bezier(.4,0,.2,1)!important",clearTimeout(l),!y&&p&&(l=window.setTimeout(()=>{p="",d()},400)),d())},remove(){clearTimeout(l),e.adoptedStyleSheets=e.adoptedStyleSheets.filter(y=>y!==o),Wn()}}}function Xn(e){jn()&&(CSS.highlights.set("pipeup-quote",new Highlight(...e.quote)),CSS.highlights.set("pipeup-on",new Highlight(...e.on)),CSS.highlights.set("pipeup-done",new Highlight(...e.done)))}function Wn(){if(jn())for(let e of Yn)CSS.highlights.delete(e)}var Zt=':host{all:initial}*{box-sizing:border-box}button{-webkit-appearance:none;appearance:none;font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}svg{display:block}.layer{all:initial;display:block;position:fixed;inset:0;pointer-events:none;font:13px/1.5 var(--pu-font,system-ui,sans-serif);color:var(--pu-ink);--pu-ink:#2C2C2A;--pu-muted:#5F5E5A;--pu-faint:#888780;--pu-line:#E5E3DA;--pu-rule:#ECEAE2;--pu-soft:#FAFAF7;--pu-surface:#FFFFFF;--pu-hover:#F1EFE8;--pu-accent-soft:color-mix(in srgb,var(--pu-accent,#534AB7) 12%,transparent);--pu-shadow:0 8px 28px rgba(44,44,42,.1);--pu-enter:.26s;--pu-move:.34s;--pu-exit:.2s;--pu-pulse:1.2s;--pu-eo:cubic-bezier(.22,.61,.36,1);--pu-eio:cubic-bezier(.4,0,.2,1);--pu-ei:cubic-bezier(.4,0,1,1)}.layer.dark{--pu-ink:#ECEBE6;--pu-muted:#B4B2A9;--pu-faint:#8D8B84;--pu-line:#3A3936;--pu-rule:#34332F;--pu-soft:#22221F;--pu-surface:#1B1B19;--pu-hover:#2C2C29;--pu-shadow:0 8px 28px rgba(0,0,0,.45)}.layer.hidden .bub,.layer.hidden .col,.layer.hidden .pop,.layer.hidden .tip,.layer.hidden .mark,.layer.hidden .selbar{opacity:0!important;pointer-events:none!important}.tx{font-size:14px;line-height:1.5;color:var(--pu-ink);white-space:pre-wrap;overflow-wrap:anywhere}.tx.del,.who,.rest,.ctx{color:var(--pu-faint)}.who,.rest{font-size:12px}.who{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rft>.who{display:block}.ctx[hidden]{display:none}.ctx{font-size:12px;margin-bottom:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.clamp{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tx a{color:var(--pu-accent);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.ft,.rft{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows var(--pu-enter) var(--pu-eo),opacity var(--pu-enter) var(--pu-eo)}.ft>*,.rft>*{overflow:hidden;min-height:0;display:flex;align-items:center}.root:hover>.ft,.root:focus-within>.ft,.it:hover>.rft,.it:focus-within>.rft{grid-template-rows:1fr;opacity:1}.ft.has-rest{grid-template-rows:1fr;opacity:1}.ft.has-rest>*{grid-area:1/1}.ft .hover{opacity:0;transition:opacity var(--pu-enter) var(--pu-eo)}.ft .rest{transition:opacity var(--pu-enter) var(--pu-eo)}.root:hover>.ft .hover,.root:focus-within>.ft .hover,.ft:not(.has-rest) .hover{opacity:1}.root:hover>.ft .rest,.root:focus-within>.ft .rest{opacity:0}.acts{margin-left:6px;display:flex;flex:none}.ib{width:24px;height:22px;display:grid;place-items:center;border-radius:6px;color:var(--pu-muted);transition:background-color .2s var(--pu-eo),color .2s var(--pu-eo)}.ib:hover,.ib:focus-visible{background:var(--pu-hover);color:var(--pu-ink);outline:none}.rps,.rbox{padding-left:14px}.rps .it{padding-top:6px}.more{display:grid;grid-template-rows:1fr;transition:grid-template-rows var(--pu-move) var(--pu-eio)}.more>div{overflow:hidden;min-height:0}.th:not(.on) .more{grid-template-rows:0fr}.row{display:flex;align-items:center;gap:8px;padding:8px 0 2px;cursor:text}.input{flex:1;min-width:0;height:27px;display:block;border:0;border-bottom:1px solid var(--pu-line);outline:none;resize:none;overflow:hidden;font:inherit;font-size:14px;line-height:1.5;padding:3px 0;color:var(--pu-ink);background:transparent;transition:border-color var(--pu-enter) var(--pu-eo)}.row:hover .input,.input:hover{border-bottom-color:var(--pu-muted)}.input:focus{border-bottom-color:var(--pu-accent)}.ed{display:flex;gap:10px;align-items:center;min-height:34px;padding:6px 10px}.ed .input{font-size:13px;height:22px}.root,.it{position:relative;padding-right:30px}.av{display:grid;place-items:center;width:22px;height:22px;border-radius:32%;font-size:12px;font-weight:600;line-height:1;opacity:0;transform:scale(.85);transition:opacity var(--pu-enter) var(--pu-eo),transform var(--pu-enter) var(--pu-eo)}.av.in{opacity:1;transform:none}.av svg{width:80%;height:80%}.root>.av,.it>.av{position:absolute;top:0;right:0}.it>.av{top:6px}.av{--av-l:92%;--av-d:30%;--s:60%;background:hsl(var(--h) var(--s) var(--av-l));color:hsl(var(--h) var(--s) var(--av-d))}.dark .av{--av-l:20%;--av-d:78%}.c0{--h:0}.c1{--h:25}.c2{--h:50}.c3{--h:130}.c4{--h:175}.c5{--h:215}.c6{--h:270}.c7{--h:330}.c8{--h:28;--s:35%}.c9{--h:220;--s:8%}.me{flex:none;display:grid}.me>.av{grid-area:1/1;width:26px;height:26px;font-size:13px}.you{display:grid;padding:0 34px;min-height:24px;font-size:12px;color:var(--pu-faint)}.you>*{grid-area:1/1;display:flex;align-items:center;min-width:0;transition:opacity var(--pu-enter) var(--pu-eo),transform var(--pu-enter) var(--pu-eo)}.say{white-space:pre;overflow:hidden}.nm{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.say button{flex:none}.say button{color:var(--pu-muted);text-decoration:underline;text-decoration-color:var(--pu-line);text-underline-offset:2px;transition:color .2s var(--pu-eo)}.say button:hover,.say button:focus-visible{color:var(--pu-accent);outline:none}.nf{opacity:0;transform:translateY(-4px);pointer-events:none}.nf .input{font-size:13px;height:24px}.you.naming .nf{opacity:1;transform:none;pointer-events:auto}.you.naming .say{opacity:0;pointer-events:none}.send{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;color:var(--pu-accent);flex:none;opacity:0;pointer-events:none;transition:opacity var(--pu-enter) var(--pu-eo),background-color .2s var(--pu-eo)}.send.show{opacity:1;pointer-events:auto}.send:hover{background:var(--pu-accent-soft)}.bub{position:fixed;left:0;top:0;width:20px;height:20px;margin:-20px 0 0 -2px;border-radius:50% 50% 50% 0;background:var(--pu-accent);border:2px solid var(--pu-surface);box-shadow:0 1px 4px #0003;pointer-events:auto;opacity:0;transform:translateY(-6px) scale(.9);transform-origin:2px 20px;transition:opacity var(--pu-exit) var(--pu-ei),transform var(--pu-exit) var(--pu-ei)}.bub.in{opacity:1;transform:none;transition:opacity var(--pu-enter) var(--pu-eo),transform var(--pu-enter) var(--pu-eo)}.bub.in:hover,.bub.on{transform:scale(1.18)}.bub.done{background:var(--pu-faint)}.bub.ghost{pointer-events:none}.tip,.pop,.menu,.all,.toast,.selbar{background:var(--pu-surface);border:1px solid var(--pu-line);box-shadow:var(--pu-shadow)}.tip{position:fixed;max-width:260px;border-radius:10px;padding:7px 10px;opacity:0;transform:translateY(3px);transition:opacity .22s var(--pu-eo),transform .26s var(--pu-eo)}.tip.show{opacity:1;transform:none;pointer-events:auto;cursor:pointer;transition:opacity .22s var(--pu-eo),transform .26s var(--pu-eo),left var(--pu-move) var(--pu-eio),top var(--pu-move) var(--pu-eio)}.pop{position:fixed;width:var(--pu-pop);border-radius:12px;padding:10px 12px 8px;pointer-events:none;opacity:0;transform:translateY(6px) scale(.98);transition:opacity var(--pu-exit) var(--pu-ei),transform var(--pu-exit) var(--pu-ei)}.pop.show{opacity:1;transform:none;pointer-events:auto;transition:opacity var(--pu-enter) var(--pu-eo),transform var(--pu-move) var(--pu-eo)}.pop.show.glide{transition:opacity var(--pu-enter) var(--pu-eo),transform var(--pu-move) var(--pu-eo),left var(--pu-move) var(--pu-eio),top var(--pu-move) var(--pu-eio)}.mark{position:fixed;border:2px solid color-mix(in srgb,var(--pu-accent) 50%,transparent);background:var(--pu-accent-soft);border-radius:8px;opacity:0;transition:opacity .3s var(--pu-eo)}.mark.show{opacity:1}.pulse{position:fixed;border:2px solid var(--pu-accent);border-radius:8px;background:var(--pu-accent-soft);animation:pu-pulse var(--pu-pulse) var(--pu-eio) forwards}@keyframes pu-pulse{0%{opacity:0;transform:scale(.985)}35%{opacity:.85;transform:scale(1)}to{opacity:0;transform:scale(1.02)}}.col{position:fixed;left:0;top:0;pointer-events:none;transition:opacity var(--pu-enter) var(--pu-eo)}.th{position:absolute;left:0;right:0;top:0;padding:4px 4px 4px 12px;pointer-events:auto;cursor:pointer;box-shadow:inset 2px 0 0 transparent;transition:transform var(--pu-move) var(--pu-eio),box-shadow var(--pu-enter) var(--pu-eo),opacity var(--pu-enter) var(--pu-eo)}.th.hot{box-shadow:inset 2px 0 0 var(--pu-line)}.th.on{box-shadow:inset 2px 0 0 var(--pu-accent);cursor:default}.th.dim{opacity:.45}.th.resolved:not(.on):not(.hot){opacity:.6}.th.lost .ctx{white-space:normal}.th.wait{opacity:0!important;pointer-events:none}.th.out{opacity:0!important;pointer-events:none;transition:opacity var(--pu-exit) var(--pu-ei)}.selbar{position:fixed;display:flex;border-radius:10px;padding:2px;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity var(--pu-enter) var(--pu-eo),transform .3s var(--pu-eo)}.selbar.show{opacity:1;transform:none;pointer-events:auto}.selbar button{width:32px;height:30px;display:grid;place-items:center;border-radius:8px;color:var(--pu-accent);transition:background-color .2s var(--pu-eo)}.selbar button:hover,.selbar button:focus-visible{background:var(--pu-accent-soft);outline:none}.pick{position:fixed;left:0;top:0;border:2px solid color-mix(in srgb,var(--pu-accent) 70%,transparent);background:color-mix(in srgb,var(--pu-accent) 6%,transparent);border-radius:8px;pointer-events:none;opacity:0;transition:opacity var(--pu-exit) var(--pu-ei),border-color var(--pu-exit) var(--pu-ei)}.pick.show{opacity:1;transition-duration:var(--pu-enter);transition-timing-function:var(--pu-eo)}.pick.show.glide{transition-property:all;transition-duration:var(--pu-move);transition-timing-function:var(--pu-eio)}.pick.on{border-color:var(--pu-accent)}.namebar{position:fixed;left:0;top:0;display:flex;align-items:center;gap:2px;padding:2px 2px 2px 10px;border-radius:10px;font-size:12px;color:var(--pu-muted);white-space:nowrap;background:var(--pu-surface);border:1px solid var(--pu-line);box-shadow:var(--pu-shadow);pointer-events:none;opacity:0;transform:translateY(4px);transition:opacity var(--pu-exit) var(--pu-ei),transform var(--pu-exit) var(--pu-ei)}.namebar.show{opacity:1;transform:none;pointer-events:auto;transition:opacity var(--pu-enter) var(--pu-eo),transform .3s var(--pu-eo)}.namebar.show.glide{transition-property:all;transition-duration:var(--pu-move);transition-timing-function:var(--pu-eio)}.namebar .lbl{margin-right:6px;max-width:260px;overflow:hidden;text-overflow:ellipsis}.namebar .nb{padding:4px;display:grid;place-items:center;border-radius:7px;transition:background-color .2s var(--pu-eo),color .2s var(--pu-eo)}.namebar .nb:hover,.namebar .nb:focus-visible{background:var(--pu-hover);color:var(--pu-ink);outline:none}.namebar .nb[hidden]{display:none}.launch{position:fixed;right:20px;bottom:20px;pointer-events:auto}.launch .mode{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--pu-surface);border:1px solid var(--pu-line);box-shadow:var(--pu-shadow);transition:background-color .3s var(--pu-eo),color .3s var(--pu-eo)}.mode>*,.cnt>*{grid-area:1/1}.mode>*{display:grid;place-items:center;transition:opacity var(--pu-enter) var(--pu-eo)}.cnt,.has>.plus{opacity:0}.has>.cnt{opacity:1}.n{font-size:12px;font-weight:500;line-height:1;margin:-1.4px 0 0 1.4px;font-variant-numeric:tabular-nums;opacity:0;transition:opacity var(--pu-enter) var(--pu-eo)}.n.s{font-size:9.5px;letter-spacing:-.04em}.n.on{opacity:1}.launch .mode:hover,.launch .mode[aria-expanded=true]{background:var(--pu-hover)}.launch .mode.on{background:var(--pu-accent);color:#fff}.ttip{position:absolute;right:0;bottom:54px;white-space:nowrap;border-radius:8px;padding:4px 9px;font-size:12px;background:var(--pu-surface);border:1px solid var(--pu-line);box-shadow:var(--pu-shadow);pointer-events:none;opacity:0;transform:translateY(3px);transition:opacity var(--pu-exit) var(--pu-ei),transform var(--pu-exit) var(--pu-ei)}.ttip small{margin-left:8px}.ttip small,.mi .kc{font-size:12px;color:var(--pu-faint)}.mode:hover+.ttip,.mode:focus-visible+.ttip{opacity:1;transform:none;transition:opacity var(--pu-enter) var(--pu-eo) .5s,transform var(--pu-enter) var(--pu-eo) .5s}.launch .mode[aria-expanded=true]+.ttip{opacity:0;transition:opacity var(--pu-exit) var(--pu-ei)}@media(hover:none){.ttip,.tt{display:none}}.menu{position:fixed;right:20px;bottom:76px;width:290px;border-radius:12px;padding:4px;pointer-events:none;opacity:0;transform:translateY(6px);transition:opacity var(--pu-exit) var(--pu-ei),transform var(--pu-exit) var(--pu-ei)}.menu.show{opacity:1;transform:none;pointer-events:auto;transition:opacity var(--pu-enter) var(--pu-eo),transform var(--pu-move) var(--pu-eo)}.mi{position:relative;display:flex;gap:10px;align-items:center;width:100%;min-height:34px;text-align:left;padding:6px 10px;border-radius:8px;transition:background-color .2s var(--pu-eo)}.mi:hover,.mi:focus-visible{background:var(--pu-soft);outline:none}.mi svg{color:var(--pu-muted);flex:none}.mi small{display:block;color:var(--pu-faint);font-size:12px}.lb{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ma{flex:none;display:grid;margin:-2px 0}.ma .av{width:20px;height:20px;font-size:11px}.mi .av svg{color:inherit}.sep{height:1px;margin:4px 10px;background:var(--pu-rule)}.tt{position:absolute;right:calc(100% + 14px);top:50%;translate:0 -50%;width:max-content;max-width:220px;padding:4px 9px;border-radius:8px;font-size:12px;line-height:1.4;color:var(--pu-muted);background:var(--pu-surface);border:1px solid var(--pu-line);box-shadow:var(--pu-shadow);pointer-events:none;opacity:0;transform:translate(3px);transition:opacity var(--pu-exit) var(--pu-ei),transform var(--pu-exit) var(--pu-ei)}.mi:hover>.tt,.mi:focus-visible>.tt{opacity:1;transform:none;transition:opacity var(--pu-enter) var(--pu-eo) .5s,transform var(--pu-enter) var(--pu-eo) .5s}@media(max-width:600px){.tt{right:8px;top:auto;bottom:100%;translate:none;transform:translateY(3px)}}.sw{position:relative;flex:none;width:26px;height:16px;border-radius:8px;background:var(--pu-line);transition:background-color var(--pu-move) var(--pu-eio)}.sw:before,.sw:after{content:"";position:absolute;top:2px;left:2px;width:12px;height:12px;border-radius:50%;background:#fff;box-shadow:0 1px 2px #00000040;transition:transform var(--pu-move) var(--pu-eio),opacity var(--pu-move) var(--pu-eio)}.sw:before{opacity:0;transform:translate(10px)}[aria-checked=true]>.sw{background:var(--pu-accent)}[aria-checked=true]>.sw:after{transform:translate(10px)}.all{position:fixed;top:0;right:0;bottom:0;width:var(--pu-panel);display:flex;flex-direction:column;border-width:0 0 0 1px;opacity:0;transform:translate(100%);transition:transform var(--pu-exit) var(--pu-ei),opacity var(--pu-exit) var(--pu-ei)}.all.show{opacity:1;transform:none;pointer-events:auto;transition:transform var(--pu-move) var(--pu-eo),opacity var(--pu-enter) var(--pu-eo)}.all.full{width:100%}.hd{display:flex;align-items:center;gap:8px;padding:12px 10px 8px 16px;font-weight:600}.pn{font-weight:400;color:var(--pu-faint)}.hs{margin-left:auto;display:flex;align-items:center;gap:6px;padding:3px 4px 3px 6px;border-radius:6px;font-size:12px;font-weight:400;color:var(--pu-muted);transition:background-color .2s var(--pu-eo)}.hs:hover,.hs:focus-visible{background:var(--pu-hover);outline:none}.list{flex:1;overflow-y:auto;overscroll-behavior:contain;padding:4px}.all .mi{align-items:flex-start}.all .mi>.av{flex:none}.all .mi>span:last-child{flex:1;min-width:0}.all .mi small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.all .mi .av svg{margin:0}.all .mi.done{opacity:.6}.layer.listing .col{opacity:0;transition:opacity var(--pu-exit) var(--pu-ei)}.sec{padding:8px 10px 2px;font-size:12px;color:var(--pu-faint)}.toast{position:fixed;left:50%;bottom:28px;border-radius:10px;padding:8px 14px;font-size:13px;opacity:0;transform:translate(-50%,6px);transition:opacity .3s var(--pu-eo),transform .36s var(--pu-eo)}.toast.show{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){.bub,.bub.in,.bub.in:hover,.bub.on,.tip,.pop,.selbar,.menu,.all,.ttip,.tt,.toast{transform:none!important}.sw:after{transform:none!important;transition-property:opacity}[aria-checked=true]>.sw:after{opacity:0}[aria-checked=true]>.sw:before{opacity:1}.th{transition-property:opacity,box-shadow}.tip.show{transition-property:opacity}.pick,.pick.show{transition:opacity .16s ease-in-out}.all,.all.show{transition-property:opacity}.namebar,.namebar.show{transform:none!important;transition:opacity .16s ease-in-out}.av,.nf{transform:none!important}@keyframes pu-pulse{0%{opacity:0}35%{opacity:.85}to{opacity:0}}}';var Zn="#534AB7",lr="rgb(0, 0, 238)";function Qn(e){let t=/rgba?\(\s*([\d.]+)[\s,]+([\d.]+)[\s,]+([\d.]+)(?:\s*[,/]\s*([\d.]+%?))?\s*\)/.exec(e);if(!t||t[1]===void 0||t[2]===void 0||t[3]===void 0)return null;let n=t[4]===void 0?1:t[4].endsWith("%")?parseFloat(t[4])/100:parseFloat(t[4]);return{r:Number(t[1]),g:Number(t[2]),b:Number(t[3]),a:n}}function cr(e){let t=n=>{let o=n/255;return o<=.03928?o/12.92:((o+.055)/1.055)**2.4};return .2126*t(e.r)+.7152*t(e.g)+.0722*t(e.b)}function Jn(e){let t=e.ownerDocument,n=t.defaultView;if(!n)return{font:"system-ui, sans-serif",accent:Zn,dark:!1};let o=t.documentElement,r=n.getComputedStyle(e).fontFamily||"system-ui, sans-serif",i=(n.getComputedStyle(o).getPropertyValue("--pipeup-accent")||o.style.getPropertyValue("--pipeup-accent")).trim(),s=e.querySelector("a[href]"),a=s?n.getComputedStyle(s).color:"",p=i||(a&&a!==lr?a:Zn),l=Qn(n.getComputedStyle(t.body).backgroundColor);(!l||l.a===0)&&(l=Qn(n.getComputedStyle(o).backgroundColor));let d=l&&l.a>0?cr(l)<.2:n.matchMedia?.("(prefers-color-scheme: dark)").matches===!0&&/dark/.test(n.getComputedStyle(o).colorScheme||"");return{font:r,accent:p,dark:!!d}}function eo(e,t){e.style.setProperty("--pu-font",t.font),e.style.setProperty("--pu-accent",t.accent),e.classList.toggle("dark",t.dark)}function to(e,t=document){let n=t.createElement("pipeup-root");n.setAttribute("data-pipeup-ignore",""),n.style.cssText="position:fixed!important;inset:0!important;pointer-events:none!important;z-index:2147483000!important;display:block!important;margin:0!important;visibility:visible!important;opacity:1!important;transform:none!important;filter:none!important;";let o=n.attachShadow({mode:"open"}),r=t.defaultView?.CSSStyleSheet;if(r&&"replaceSync"in r.prototype&&"adoptedStyleSheets"in o){let s=new r;s.replaceSync(Zt),o.adoptedStyleSheets=[s]}else{let s=t.createElement("style");s.textContent=Zt,o.append(s)}let i=t.createElement("div");return i.className="layer",i.style.setProperty("--pu-panel",`${Ze}px`),i.style.setProperty("--pu-pop",`${Te}px`),eo(i,e),o.append(i),t.documentElement.append(n),{element:n,shadow:o,layer:i,destroy:()=>n.remove()}}var pr=40,dr=250,ur=120,mr=2400,no=4e3;function oo(e,t=!1){return jt(e,t)?"column":"bubbles"}function fr(e){return[...e.state.mode==="column"?[Un(e),zt(e,{popovers:!1})]:[zt(e,{popovers:!0})],Kn(e),zn(e)]}var hr=1e3,Et="Shown here, but not saved yet \u2014 it will be saved with your next change",Ae=e=>e instanceof Error?e.message.replace(/^pipeup: /,""):"Something went wrong";function ro(e){let t=Jn(e.root),n=to(t),o=Gn(document,t.dark);o.fade(0);let r=window.matchMedia?.("(prefers-reduced-motion: reduce)").matches===!0,i=document.documentElement.hasAttribute("data-pipeup-reserve"),s=new Map,a=new Set,p=new WeakSet,l={active:null,hot:null,showResolved:!1,hidden:!0,mode:oo(e.root),draft:null,commenting:!1,listing:!1,reading:!1,menu:!1},d=m("div",{class:"toast",role:"status","aria-live":"polite"});n.layer.append(d);let y=null,E=[],h=null,x=!1,v=0,w=0,L=0,T=0,A=0,P=!1;function C(c,b=mr){x||(P=b===no,d.textContent=c,d.classList.add("show"),window.clearTimeout(v),v=window.setTimeout(()=>d.classList.remove("show"),b))}function V(){P&&(P=!1,window.clearTimeout(v),d.classList.remove("show"))}function G(c){C(Ae(c))}function Y(c){throw G(c),c}let oe=c=>({thread:c,location:Dt(c.anchor,s.get(c.id)??ct(c.anchor,e.root),e.root)}),F={reply:async(c,b)=>{try{await e.doc.reply(c,b)}catch(R){R instanceof le?C(Et):Y(R)}},resolve:async c=>{try{await e.doc.resolve(c),l.active===c&&!l.showResolved&&(l.active=null),C("Resolved \xB7 Show resolved brings it back")}catch(b){b instanceof le?(l.active===c&&!l.showResolved&&(l.active=null),C(`Resolved \xB7 ${Et}`)):C(Ae(b))}},reopen:async c=>{try{await e.doc.reopen(c),C("Reopened")}catch(b){C(b instanceof le?`Reopened \xB7 ${Et}`:Ae(b))}},close:()=>{ve(null),_&&U(_)?.focus({preventScroll:!0}),_=""},copy:c=>{try{let b=e.doc.threads().find(B=>B.id===c);if(!b)return;let R=_t(oe(b),"ai",location.href,Date.now());Xt(R,n.layer).then(()=>C("Thread copied as Markdown for AI"),B=>C(Ae(B)))}catch(b){C(Ae(b))}}};function ae(c){let b=R=>s.get(R.id)?.element??null;return[...c].sort((R,B)=>{let q=b(R),ee=b(B);return!q||!ee?q?-1:ee?1:0:q===ee?0:q.compareDocumentPosition(ee)&Node.DOCUMENT_POSITION_FOLLOWING?-1:1})}let ce={copyAll:async c=>{let b=ce.all(),R=qt(b,c,{title:document.title,url:location.href,exportedAt:new Date});try{await Xt(R,n.layer);let B=b.filter(q=>!q.thread.resolved).length;C(`Copied ${B} thread${B===1?"":"s"}${c==="ai"?" as Markdown for AI":""}`)}catch(B){C(Ae(B))}},toggleResolved:()=>{l.showResolved=!l.showResolved,O()},rename:async c=>{let b=c.replace(/\s+/g," ").trim();try{await Pe(b)?C(`New comments will say ${b}, but this browser couldn't remember it`):C(`New comments will say ${b}`)}catch(R){C(Ae(R))}},name:()=>e.doc.name,all:()=>ae(e.doc.threads()).map(oe)},j={doc:e.doc,root:e.root,layer:n.layer,host:n.element,state:l,resolved:s,pending:a,actions:F,menu:ce,visible:c=>!l.hidden&&(!c.resolved||l.showResolved),quoteAt:(c,b)=>{for(let R of e.doc.threads()){let B=s.get(R.id);if(R.anchor.quote&&j.visible(R)&&B?.range&&Rn(c,b,Ge(B)))return R}return null},readsAt:(c,b)=>j.draftEmpty()?j.quoteAt(c,b):null,owns:c=>c.composedPath().includes(n.element),claim:c=>void p.add(c),claimed:c=>p.has(c),open:ve,focusReply:c=>ge(c),hot:He,startDraft:et,moveDraft:kt,draftEmpty:()=>!y||y.isEmpty(),keepCaret:c=>{let b=y?.caret();c(),b?.()},postDraft:tt,cancelDraft:Me,setCommenting:Ce,dismiss:Fe,registerDraft:c=>{y=c},toast:C,report:G,pulse:g,render:O};function J(c){let b=performance.now(),R=e.doc.threads();for(let B of R){if(c&&!c.has(B.id))continue;let q=performance.now()-b<pr,ee=ct(B.anchor,e.root,{fuzzy:q});s.set(B.id,ee),!q&&ee.state==="orphaned"?a.add(B.id):a.delete(B.id)}for(let B of[...s.keys()])R.some(q=>q.id===B)||s.delete(B);a.size===0?(window.clearTimeout(T),T=0):T===0&&(T=window.setTimeout(()=>{T=0,!x&&(J(new Set(a)),O())},dr))}function pe(c){let b=[],R=[],B=[];for(let q of c){let ee=s.get(q.id);q.resolved&&!l.showResolved||!ee?.range||(q.id===l.active||q.id===l.hot?R.push(ee.range):q.resolved?B.push(ee.range):b.push(ee.range))}l.draft&&R.push(...l.draft.ranges),Xn({quote:b,on:R,done:B})}let te=0,u=0,N=0;function f(c){if(c===u)return;u=c,cancelAnimationFrame(N);let b=te,R=performance.now(),B=c?260:200,q=ee=>{let nt=Math.min(1,(ee-R)/B);te=b+(c-b)*(c?1-(1-nt)**3:nt*nt),o.fade(te),nt<1&&(N=requestAnimationFrame(q))};N=requestAnimationFrame(q)}let S=0,M=0;function D(c){c!==S&&(S=c,o.room(c,r),window.clearTimeout(M),M=window.setTimeout(()=>{J(),O()},r?0:400))}function O(){if(x)return;let c=e.doc.threads();l.hidden=!l.commenting&&!l.listing&&!l.reading&&!l.draft,l.hidden&&(l.active=null),f(l.hidden?0:1),n.layer.classList.toggle("hidden",l.hidden),n.layer.classList.toggle("listing",l.listing);let b=l.listing&&!Se();D(b?Ze:0),o.gutter(i?l.mode==="column"&&!l.hidden&&!b?Je:0:null),pe(c);for(let R of E)R.render(c);h?.render(c)}let _="",U=c=>n.layer.querySelector(`.all .mi[data-thread="${c}"]`),X="input,textarea,select,[contenteditable]:not([contenteditable=false])",Be=()=>{let c=n.layer.getRootNode().activeElement;return c instanceof HTMLTextAreaElement&&c.value!==""||!!document.activeElement?.matches(X)};function ge(c,b=Be()){let R=[...n.layer.querySelectorAll(`[data-thread="${c}"] .rbox textarea`)].find(B=>!B.closest("[inert]"));b||!R||(_=n.layer.getRootNode().activeElement?.getAttribute("data-thread")??"",R.focus({preventScroll:!0}))}function ve(c){if(c&&l.draft&&!j.draftEmpty())return;if(l.active===c&&!l.draft)return c?ge(c):void 0;let b=Be();c||(l.reading=!1),l.active=c,c&&(l.draft=null,g(c)),O(),c&&ge(c,b)}function He(c){l.hot!==c&&(l.hot=c,c&&c!==l.active&&g(c),O())}function et(c){V(),l.listing=!1,l.draft=c,l.active=null,O()}function kt(c){if(!l.draft)return et(c);Object.assign(l.draft,c),O()}function Me(){l.draft&&(l.draft=null,O())}function Ce(c){l.commenting!==c&&(l.commenting=c,o.picking(c),c?(l.active=null,l.listing=!1,C(`Click anything to comment \xB7 Option-click (Alt-click) to pin \xB7 ${Ye} or Esc to finish`,no),h=qn(j)):(V(),h?.destroy(),h=null),O())}function Fe(){if(l.draft){j.draftEmpty()&&Me();return}l.active&&ve(null)}async function Pe(c){try{return await e.onName(c),!1}catch(b){if(e.doc.name!==c)throw b;return!0}}async function tt(c){let b=l.draft;if(b)try{let R=await e.doc.comment(b.anchor,c);l.draft=null,J(new Set([R])),ve(R)}catch(R){if(R instanceof le){l.draft=null,J(new Set([R.id])),ve(R.id),C(Et);return}Y(R)}}function g(c){let b=s.get(c);if(!b||b.state==="orphaned")return;let R=b.range?Ge(b):b.element?[b.element.getBoundingClientRect()]:[];for(let B of R.slice(0,6)){let q=m("div",{class:"pulse"});$e(q,B,4),n.layer.prepend(q),window.setTimeout(()=>q.remove(),1300)}}function k(){for(let c of E)c.destroy();E=fr(j),O()}let $=()=>{if(!x){for(let c of E)c.frame();h?.frame(),A=requestAnimationFrame($)}},I=c=>{let b=c.composedPath()[0];return b instanceof Element&&b.closest(X)!==null},H=c=>{if(c.key==="Escape"){l.draft?Me():l.active?ve(null):h&&!h.back()&&Ce(!1);return}Cn(c)&&!c.isComposing&&!c.defaultPrevented&&!I(c)&&(c.preventDefault(),Ce(!l.commenting))},K=c=>{if(j.owns(c)||p.has(c))return;let b=window.getSelection();b&&!b.isCollapsed||Fe()},ne=()=>{let c=oo(e.root,l.mode==="column");c!==l.mode?(l.mode=c,k()):O()};function re(){let c=performance.now();w===0&&(L=c),window.clearTimeout(w);let b=Math.min(ur,Math.max(0,L+hr-c));w=window.setTimeout(()=>{w=0,J(),O()},b)}let _e=new MutationObserver(c=>{c.every(b=>n.element.contains(b.target))||re()});window.addEventListener("keydown",H),window.addEventListener("click",K),window.addEventListener("resize",ne),_e.observe(e.root,{subtree:!0,childList:!0,characterData:!0});let Oe=typeof ResizeObserver>"u"?null:new ResizeObserver(re);Oe?.observe(e.root);let Tt=e.doc.onChange(()=>{J(),O()});return J(),k(),A=requestAnimationFrame($),{ctx:j,destroy(){x=!0,cancelAnimationFrame(A),cancelAnimationFrame(N),window.clearTimeout(M),window.clearTimeout(v),window.clearTimeout(w),window.clearTimeout(T),_e.disconnect(),Oe?.disconnect(),Tt(),window.removeEventListener("keydown",H),window.removeEventListener("click",K),window.removeEventListener("resize",ne),h?.destroy();for(let c of E)c.destroy();o.remove(),n.destroy()}}}var Le=null,gr=4e3;function vr(e={}){if(Le)return Le;let t=yr(e,()=>t).catch(n=>{throw Le===t&&(Le=null),n});return Le=t,t}function wr(e,t){return new Promise((n,o)=>{let r=setTimeout(()=>o(new Error("timed out")),t);e.then(n,o).finally(()=>clearTimeout(r))})}async function yr(e,t){let n=document.documentElement.getAttribute("data-pipeup-doc"),{id:o,key:r}=n?await Pt(n):{id:`page-${be(location.origin+location.pathname)}`,key:null},i,s=!1,a;if(e.store)i=e.store,a=await Ue(i);else try{let h=Ke.open();i=await wr(h,gr).catch(x=>{throw h.then(v=>v.close(),()=>{}),x}),a=await Ue(i)}catch{i=new Ve,s=!0,a=await Ue(i)}let p=e.name?.trim();p&&p!==a.name&&(a={...a,name:p},await i.saveProfile(a));let l=await qe.open({doc:o,key:r,store:i,identity:a.identity,name:a.name}),d=ro({doc:l,root:e.root??document.body,onName:async h=>{l.name=h,a={...a,name:h},await i.saveProfile(a)}});s&&d.ctx.toast("This browser can't keep comments for this page \u2014 copy the comments (Copy as Markdown) to keep them");let y=()=>void l.flush().catch(h=>globalThis.reportError?.(h)),E=!1;return window.addEventListener("pagehide",y),{document:l,flush:()=>l.flush(),unmount:()=>{E||(E=!0,window.removeEventListener("pagehide",y),d.destroy(),Le===t()&&(Le=null))}}}export{Ie as ANIMALS,Bt as COLOURS,gn as DEFAULT_PROFILE_NAME,Ke as IndexedDbStore,Ve as MemoryStore,qe as PipeupDocument,le as UnsavedChangeError,si as VERSION,me as animalName,qt as copyAll,_t as copyThread,St as createIdentity,lt as describeElement,Nt as describeRange,Ne as formatAgo,Re as labelOf,Ue as loadOrCreateProfile,Dt as locate,vr as mount,ie as nameOf,uo as newDocumentAttribute,Pt as parseDocumentAttribute,ct as resolveAnchor};