pipeup 0.0.1 → 0.3.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Pipeup contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,5 +1,99 @@
 # pipeup
 
-Comments, feedback and live presence for shared HTML documents and slide decks.
+Comments and feedback right on any HTML page: documents, slide decks and whole sites.
 
-In development. Not ready for use yet.
+> **Alpha (0.3.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,
+local storage, sealed feedback files, copy for AI, and the UI: comments in a column beside documents or as
+bubbles, comment mode for blocks and pins on any page, and an opt-in reserved gutter. It is one file
+(at most 32 KB gzip) so it works from `file://` with nothing else to load.
+
+Nobody has to give a name. Each reviewer is an animal in a colour ("Red Fox": 5 animals, 10 colours),
+picked from their identity so it is the same on every page, shown as a squircle avatar (the animal drawn in its
+colour on a tint of it) at the top right of their comments; once they add a name (beside the comment box, or the
+identity row at the top of the menu) the avatar shows their initial in the same colours. Copy for AI names unnamed reviewers by
+their colour and animal.
+
+As a classic script (also works from `file://`), it mounts itself on pages that carry a document id:
+
+```html
+<html data-pipeup-doc="<id>:<key>">
+  ...
+  <script src="https://cdn.jsdelivr.net/npm/pipeup@0.3.1/dist/pipeup.min.js" integrity="sha384-…" crossorigin="anonymous" defer></script>
+```
+
+Each release's notes on GitHub give the `integrity` value
+(`node scripts/sri.mjs` prints it for a local build). Make a document key with
+`await Pipeup.newDocumentAttribute()` and keep it once people have commented.
+
+Install with `npm i pipeup`. From a bundler (no side effects; call `mount` yourself):
+
+```js
+import { mount } from "pipeup";
+const pipeup = await mount({ name: "Sam" }); // options: root, name (optional), store
+await pipeup.flush(); // write any unsaved changes now (this also happens when the page is hidden)
+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).
+
+Examples in the source repository, one per kind of page, each following the agent skill's guidance (open from disk after `npm run build`):
+
+- [examples/review-document.html](https://github.com/pipeup-ai/pipeup/blob/main/libs/ts/pipeup/examples/review-document.html) — a document: centred reading area with a reserved comment gutter.
+- [examples/review-site.html](https://github.com/pipeup-ai/pipeup/blob/main/libs/ts/pipeup/examples/review-site.html) — a site: clear blocks with stable ids for comment mode and pins; navigation ignored.
+- [examples/review-deck.html](https://github.com/pipeup-ai/pipeup/blob/main/libs/ts/pipeup/examples/review-deck.html) — a deck: one marked element per slide; slide controls ignored so they keep working (slide-aware comments come in a later release).
+
+Comments show only while someone is reviewing: in comment mode, while All comments is open, or while a comment
+is being written. With comment mode off (as every page opens) the page is the author's alone; the control still
+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.
+**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
+has nowhere to show); the panel closes with its close button, Esc or a click on the page. Elements the page
+fixes to the window don't move over with the page.
+
+Comment mode (press **Shift+Alt+C**, or **⇧⌥C** on a Mac, or switch on Start commenting in the control's menu) lets reviewers comment on blocks and drop pins
+(Option-click, or Alt-click) on any page. While it is on, clicks, submits, and Enter or Space on the page's own controls do
+nothing, and selecting text offers a comment icon, clicking a highlight opens its thread, and
+clicking a block opens its comment box at once (a bar names the block, and its expand icon moves the box to the
+block around it, keeping what you typed). Esc steps back: the box and its block together, then comment mode (or an open
+comment, then comment mode). It is a quiet page, not a
+sandbox:
+
+- CSS `:hover` styles still apply.
+- A page's own capture-phase listeners on `window`, added before Pipeup, can still hear events.
+- Esc also reaches the page's own key handlers.
+- The browser's own right-click menu is switched off in comment mode.
+
+Not built yet: using comment mode from the keyboard (Tab between blocks, ↑ parent, ↓ child, Enter to
+comment). Blocks and pins are mouse-only for now.
+
+`pipeup/core` is the headless core only, for tools that never draw UI:
+
+```js
+import { PipeupDocument, IndexedDbStore, loadOrCreateProfile, parseDocumentAttribute, describeRange } from "pipeup/core";
+
+const doc = await parseDocumentAttribute(document.documentElement.dataset.pipeupDoc);
+const store = await IndexedDbStore.open();
+const me = await loadOrCreateProfile(store); // name "" until they add one; animalName(me.identity.publicKey) says who they are
+const comments = await PipeupDocument.open({ doc: doc.id, key: doc.key, store, identity: me.identity, name: me.name });
+await comments.comment(describeRange(getSelection().getRangeAt(0), document.body), "Is 20% realistic?");
+```
+
+| Command | Does |
+|---|---|
+| `npm run check` | Types, lint, unit tests, build, size budget and browser tests |
+| `npm test` | Tests only |
+| `npm run e2e` | Browser tests (Playwright; run `npm run build` first) |
+| `npm run format` | Prettier |
+
+Design: [docs/design/architecture.md](https://github.com/pipeup-ai/pipeup/blob/main/docs/design/architecture.md).
+Changes: [CHANGELOG.md](https://github.com/pipeup-ai/pipeup/blob/main/CHANGELOG.md). Licence: MIT.

package/dist/pipeup.core.js

@@ -0,0 +1,9 @@
+function f(t){let e="";for(let n of t)e+=String.fromCharCode(n);return btoa(e).replace(/\+/g,"-").replace(/\//g,"_").replace(/=+$/,"")}function g(t){let e=t.replace(/-/g,"+").replace(/_/g,"/")+"===".slice((t.length+3)%4),n=atob(e),r=new Uint8Array(n.length);for(let o=0;o<n.length;o++)r[o]=n.charCodeAt(o);return r}function Q(t=16){return f(crypto.getRandomValues(new Uint8Array(t)))}function m(t){return new TextEncoder().encode(t)}function w(t){if(t===null||typeof t!="object")return JSON.stringify(t);if(Array.isArray(t))return"["+t.map(w).join(",")+"]";let e=t;return"{"+Object.keys(e).filter(n=>e[n]!==void 0).sort().map(n=>JSON.stringify(n)+":"+w(e[n])).join(",")+"}"}function y(t){return t.replace(/\s+/g," ").trim()}function E(t){let e=y(t),n=2166136261;for(let r=0;r<e.length;r++)n^=e.charCodeAt(r),n=Math.imul(n,16777619)>>>0;return n.toString(16).padStart(8,"0")}var ke=/^[A-Za-z0-9_-]{43}$/,Te=512,b=new Map;async function R(){let t=await crypto.subtle.generateKey({name:"Ed25519"},!1,["sign","verify"]),e=new Uint8Array(await crypto.subtle.exportKey("raw",t.publicKey));return{publicKey:f(e),privateKey:t.privateKey}}async function J(t,e){let n=await crypto.subtle.sign({name:"Ed25519"},t.privateKey,e);return f(new Uint8Array(n))}async function V(t,e,n){if(!ke.test(t))return!1;try{if(f(g(t))!==t)return!1;let r=b.get(t);if(!r){b.size>=Te&&b.delete(b.keys().next().value),r=crypto.subtle.importKey("raw",g(t),{name:"Ed25519"},!0,["verify"]),b.set(t,r);let o=r;o.catch(()=>{b.get(t)===o&&b.delete(t)})}return await crypto.subtle.verify({name:"Ed25519"},await r,g(n),e)}catch{return!1}}var k=1e4,D=2**40,T=2**47,l={doc:64,path:2e3,snapshot:500,anchorId:200,quote:1e4,context:64,viewEntries:16,viewKey:64,viewValue:200},Ie=/^[0-9a-f]{8}$/,L=/^[A-Za-z0-9_-]{43}$/,Ce=/^[A-Za-z0-9_-]{43}$/,Me=new Set(["create","reply","edit","delete","resolve","reopen"]);async function Y(t,e){if(t.author!==e.publicKey)throw new Error("pipeup: an op must be signed by its author");return{body:t,sig:await J(e,m(w(t)))}}var h=(t,e)=>typeof t=="string"&&t.length<=e,W=t=>typeof t=="number"&&Number.isFinite(t)&&t>=0&&t<=1;function B(t){if(!t||typeof t!="object")return!1;let{id:e,path:n,fingerprint:r,snapshot:o,quote:i,point:s,view:a}=t;if(!h(n,l.path)||!h(o,l.snapshot)||typeof r!="string"||!Ie.test(r)||e!==void 0&&(!h(e,l.anchorId)||e===""))return!1;if(i!==void 0){if(!i||typeof i!="object")return!1;let c=i;if(!h(c.exact,l.quote)||c.exact===""||!h(c.prefix,l.context)||!h(c.suffix,l.context))return!1}if(s!==void 0){if(!s||typeof s!="object")return!1;let c=s;if(!W(c.x)||!W(c.y))return!1}if(a!==void 0){if(!a||typeof a!="object"||Array.isArray(a))return!1;let c=Object.entries(a);if(c.length>l.viewEntries||!c.every(([p,d])=>p.length<=l.viewKey&&h(d,l.viewValue)))return!1}return!0}function ee(t){if(!t||typeof t!="object")return!1;let{body:e,sig:n}=t;if(typeof n!="string"||!e||typeof e!="object")return!1;let r=e;return!(r.v!==1||typeof r.id!="string"||!L.test(r.id)||typeof r.kind!="string"||!Me.has(r.kind)||!h(r.doc,l.doc)||r.doc===""||typeof r.thread!="string"||!L.test(r.thread)||typeof r.author!="string"||!Ce.test(r.author)||typeof r.name!="string"||r.name.length>80||r.name!==r.name.trim()||typeof r.clock!="number"||!Number.isSafeInteger(r.clock)||r.clock<1||r.clock>D||typeof r.at!="number"||!Number.isSafeInteger(r.at)||r.at<0||r.at>T||r.text!==void 0&&(!h(r.text,k)||r.text!==r.text.trim())||r.target!==void 0&&(typeof r.target!="string"||!L.test(r.target))||(r.kind==="create"||r.kind==="reply"||r.kind==="edit")&&(typeof r.text!="string"||r.text.trim()==="")||(r.kind==="reply"||r.kind==="edit"||r.kind==="delete")&&!r.target||r.kind==="create"&&(r.id!==r.thread||!B(r.anchor)))}function te(t){return V(t.body.author,m(w(t.body)),t.sig)}function re(t,e){return t.body.clock!==e.body.clock?t.body.clock-e.body.clock:t.body.at!==e.body.at?t.body.at-e.body.at:t.body.author!==e.body.author?t.body.author<e.body.author?-1:1:t.body.id!==e.body.id?t.body.id<e.body.id?-1:1:0}function oe(t){let e=new Map,n=new Map,r=new Map;for(let{body:o}of[...t].sort(re)){if(o.name&&r.set(o.author,o.name),o.kind==="create"){if(e.has(o.id)||!o.anchor||o.text===void 0)continue;let a=ne(o.id,o.author,o.name,o.text,o.at);e.set(o.id,{id:o.id,anchor:o.anchor,root:a,resolved:!1}),n.set(o.id,{comment:a,thread:o.id});continue}let i=e.get(o.thread);if(!i)continue;if(o.kind==="resolve"||o.kind==="reopen"){i.resolved=o.kind==="resolve";continue}let s=o.target?n.get(o.target):void 0;if(!(!s||s.thread!==o.thread)){if(o.kind==="reply"){if(n.has(o.id)||o.text===void 0)continue;let a=ne(o.id,o.author,o.name,o.text,o.at);i.root.replies.push(a),n.set(o.id,{comment:a,thread:o.thread});continue}o.author!==s.comment.author||s.comment.deleted||(o.kind==="edit"&&o.text!==void 0&&(s.comment.text=o.text,s.comment.edited=!0),o.kind==="delete"&&(s.comment.text="",s.comment.deleted=!0))}}for(let{comment:o}of n.values())o.name||(o.unnamed=!0,o.name=r.get(o.author)??"");return[...e.values()]}function ne(t,e,n,r,o){return{id:t,author:e,name:n,text:r,at:o,edited:!1,deleted:!1,replies:[]}}async function _(t){let e={...t,id:void 0,thread:t.kind==="create"?void 0:t.thread},n=await crypto.subtle.digest("SHA-256",m(w(e)));return f(new Uint8Array(n))}var I=class{constructor(e){this.doc=e}ops=new Map;clock=0;createAt=new Map;threadAt=new Map;get size(){return this.ops.size}all(){return[...this.ops.values()]}threads(){return oe(this.ops.values())}async add(e){let n=[];for(let r of e)!ee(r)||r.body.doc!==this.doc||this.ops.has(r.body.id)||r.body.id!==await _(r.body)||!await te(r)||(this.ops.set(r.body.id,r),this.clock=Math.max(this.clock,r.body.clock),r.body.kind==="create"&&this.createAt.set(r.body.author,Math.max(this.createAt.get(r.body.author)??0,r.body.at)),this.threadAt.set(r.body.thread,Math.max(this.threadAt.get(r.body.thread)??0,r.body.at)),n.push(r));return n}async append(e,n,r){let o={v:1,...r,id:"",thread:r.kind==="create"?"":r.thread,doc:this.doc,author:e.publicKey,name:n,clock:Math.min(this.clock+1,D),at:Math.min(Math.max(Date.now(),r.kind==="create"?(this.createAt.get(e.publicKey)??0)+1:(this.threadAt.get(r.thread)??0)+1),T)};for(let a=0;;a++){if(a===1e3)throw new Error("pipeup: could not record this change");if(o.id=await _(o),!this.ops.has(o.id)||o.at>=T)break;o.at+=1}let i=this.ops.get(o.id);if(i)return i;o.kind==="create"&&(o.thread=o.id);let[s]=await this.add([await Y(o,e)]);if(!s)throw new Error("pipeup: could not record this change");return s}};var Ne=/^([A-Za-z0-9_-]{16}):([A-Za-z0-9_-]{43})$/;function $e(){return`${Q(12)}:${f(crypto.getRandomValues(new Uint8Array(32)))}`}async function Fe(t){let e=Ne.exec(t.trim()),n=e?.[1],r=e?.[2];if(!n||!r)throw new Error('pipeup: data-pipeup-doc must look like "<id>:<key>", as made by newDocumentAttribute()');let o=await crypto.subtle.importKey("raw",g(r),{name:"AES-GCM"},!1,["encrypt","decrypt"]);return{id:n,key:o}}async function ie(t,e,n){let r=crypto.getRandomValues(new Uint8Array(12)),o=await crypto.subtle.encrypt({name:"AES-GCM",iv:r,additionalData:m(n)},t,m(e));return{iv:f(r),data:f(new Uint8Array(o))}}async function se(t,e,n){try{let r=await crypto.subtle.decrypt({name:"AES-GCM",iv:g(e.iv),additionalData:m(n)},t,g(e.data));return new TextDecoder().decode(r)}catch{throw new Error("pipeup: this feedback could not be opened with this document")}}var Re=5e6,ae=t=>`pipeup-file:${t}`;async function ce(t,e,n){let r=n?{pipeup:1,doc:t,sealed:!0,...await ie(n,JSON.stringify(e),ae(t))}:{pipeup:1,doc:t,sealed:!1,ops:e};return JSON.stringify(r,null,2)}async function de(t,e,n){if(t.length>Re)throw new Error("pipeup: this feedback file is too large");let r;try{r=JSON.parse(t)}catch{throw new Error("pipeup: this is not an Pipeup feedback file")}if(!r||typeof r!="object"||r.pipeup!==1||typeof r.doc!="string")throw new Error("pipeup: this is not an Pipeup feedback file");if(r.doc!==e)throw new Error("pipeup: this feedback is for a different document");if(!r.sealed)return Array.isArray(r.ops)?r.ops:[];if(!n)throw new Error("pipeup: this feedback is sealed, and this page has no document key");if(typeof r.iv!="string"||typeof r.data!="string")throw new Error("pipeup: this is not an Pipeup feedback file");let o;try{o=await se(n,{iv:r.iv,data:r.data},ae(e))}catch{throw new Error("pipeup: this feedback could not be opened with this document's key")}let i;try{i=JSON.parse(o)}catch{throw new Error("pipeup: this is not an Pipeup feedback file")}return Array.isArray(i)?i:[]}var pe=80,v=class extends Error{constructor(n,r,o=1){super("pipeup: shown here, but not saved yet");this.id=n;this.cause=r;this.count=o;this.name="UnsavedChangeError"}},K=class t{constructor(e,n){this.log=e;this.options=n;this.displayName=n.name.trim()?le(n.name):""}listeners=new Set;cache=[];comments=new Map;displayName;queue=Promise.resolve();unsaved=[];static async open(e){if(typeof e.doc!="string"||e.doc===""||e.doc.length>l.doc)throw new Error(`pipeup: the document id must be 1 to ${l.doc} characters`);let n=new I(e.doc);await n.add(await e.store.load(e.doc));let r=new t(n,e);return r.refresh(!1),r}get id(){return this.options.doc}get me(){return this.options.identity.publicKey}get name(){return this.displayName}set name(e){this.displayName=le(e),this.refresh(!0)}threads(){return this.cache}onChange(e){return this.listeners.add(e),()=>this.listeners.delete(e)}comment(e,n){return this.enqueue(()=>this.write({kind:"create",anchor:e,text:U(n)}))}reply(e,n){return this.enqueue(()=>this.write({kind:"reply",thread:this.find(e).thread,target:e,text:U(n)}))}edit(e,n){return this.enqueue(async()=>{let{thread:r}=this.mine(e);await this.write({kind:"edit",thread:r,target:e,text:U(n)})})}remove(e){return this.enqueue(async()=>{let{thread:n}=this.mine(e);await this.write({kind:"delete",thread:n,target:e})})}resolve(e){return this.enqueue(async()=>{await this.write({kind:"resolve",thread:this.thread(e)})})}reopen(e){return this.enqueue(async()=>{await this.write({kind:"reopen",thread:this.thread(e)})})}flush(){return this.enqueue(()=>this.persist())}exportFile(){return ce(this.options.doc,this.log.all(),this.options.key)}importFile(e){return this.enqueue(async()=>{let n=await this.log.add(await de(e,this.options.doc,this.options.key));this.unsaved.push(...n),n.length>0&&this.refresh(!0);try{await this.persist()}catch(r){throw n.length>0?new v(n[0].body.id,r,n.length):r}return n.length})}enqueue(e){let n=this.queue.then(e);return this.queue=n.catch(()=>{}),n}async write(e){let n=await this.log.append(this.options.identity,this.displayName,e);this.unsaved.push(n),this.refresh(!0);try{await this.persist()}catch(r){throw new v(n.body.id,r)}return n.body.id}async persist(){if(this.unsaved.length===0)return;let e=[...this.unsaved];await this.options.store.append(this.options.doc,e),this.unsaved=this.unsaved.filter(n=>!e.includes(n))}refresh(e){this.cache=this.log.threads(),this.comments.clear();let n=(r,o)=>{r.unnamed&&r.author===this.me&&this.displayName&&(r.name=this.displayName),this.comments.set(r.id,{comment:r,thread:o});for(let i of r.replies)n(i,o)};for(let r of this.cache)n(r.root,r.id);if(e)for(let r of this.listeners)try{r(this.cache)}catch(o){globalThis.reportError?.(o)}}find(e){let n=this.comments.get(e);if(!n)throw new Error("pipeup: there is no comment with that id");return n}mine(e){let n=this.find(e);if(n.comment.author!==this.me)throw new Error("pipeup: only the writer can change a comment");return n}thread(e){if(!this.cache.some(n=>n.id===e))throw new Error("pipeup: there is no thread with that id");return e}};function U(t){let e=t.trim();if(!e)throw new Error("pipeup: a comment needs some words");if(e.length>k)throw new Error(`pipeup: comments are limited to ${k} characters`);return e}function le(t){let e=t.replace(/\s+/g," ").trim();if(!e||e.length>pe)throw new Error(`pipeup: choose a name of 1 to ${pe} characters`);return e}var q=class{docs=new Map;profile=null;async load(e){return[...this.docs.get(e)?.values()??[]]}async append(e,n){let r=this.docs.get(e);r||this.docs.set(e,r=new Map);for(let o of n)r.set(o.body.id,o)}async loadProfile(){return this.profile}async saveProfile(e){this.profile=e}async saveProfileIfAbsent(e){return this.profile||(this.profile=e),this.profile}},ue="",Le="Reviewer";async function De(t,e=ue){let n=await t.loadProfile();if(n)return n.name===Le?{...n,name:""}:n;let r={identity:await R(),name:e};return t.saveProfileIfAbsent(r)}var j=class t{constructor(e){this.db=e}static open(e="pipeup"){return new Promise((n,r)=>{let o=indexedDB.open(e,1);o.onupgradeneeded=()=>{let i=o.result;i.createObjectStore("ops",{keyPath:["doc","id"]}).createIndex("doc","doc"),i.createObjectStore("meta")},o.onsuccess=()=>{let i=o.result;i.onversionchange=()=>i.close(),n(new t(i))},o.onerror=()=>r(o.error??new Error("pipeup: could not open local storage"))})}close(){this.db.close()}async load(e){return(await this.request("ops","readonly",r=>r.index("doc").getAll(e))).map(r=>r.op)}async append(e,n){if(n.length===0)return;let r=this.db.transaction("ops","readwrite"),o=r.objectStore("ops"),i=Be(r);try{for(let s of n)o.put({doc:e,id:s.body.id,op:s})}catch(s){throw r.abort(),i.catch(()=>{}),s}await i}async loadProfile(){return await this.request("meta","readonly",e=>e.get("profile"))??null}async saveProfile(e){await this.request("meta","readwrite",n=>n.put(e,"profile"))}async saveProfileIfAbsent(e){return new Promise((n,r)=>{let o=this.db.transaction("meta","readwrite"),i=o.objectStore("meta"),s=e;o.oncomplete=()=>n(s),o.onerror=()=>r(o.error??new Error("pipeup: local storage write failed")),o.onabort=()=>r(o.error??new Error("pipeup: local storage write aborted"));let a=i.get("profile");a.onsuccess=()=>{a.result?s=a.result:i.put(e,"profile")}})}request(e,n,r){return new Promise((o,i)=>{let s=r(this.db.transaction(e,n).objectStore(e));s.onsuccess=()=>o(s.result),s.onerror=()=>i(s.error??new Error("pipeup: local storage request failed"))})}};function Be(t){return new Promise((e,n)=>{t.oncomplete=()=>e(),t.onerror=()=>n(t.error??new Error("pipeup: local storage write failed")),t.onabort=()=>n(t.error??new Error("pipeup: local storage write aborted"))})}function P(t){let n=(t.ownerDocument??t).createTreeWalker(t,NodeFilter.SHOW_TEXT),r=[],o="";for(let i=n.nextNode();i;i=n.nextNode())r.push({node:i,start:o.length}),o+=i.data;return{text:o,nodes:r}}function H(t,e,n){let o=(t.ownerDocument??t).createRange();return o.setStart(t,0),o.setEnd(e,n),o.toString().length}function z(t,e,n){let r=fe(t,e,!1),o=fe(t,n,!0);if(!r||!o||n<e)return null;let i=r.node.ownerDocument.createRange();return i.setStart(r.node,r.offset),i.setEnd(o.node,o.offset),i}function fe(t,e,n){for(let o of t.nodes){let i=o.start+o.node.data.length;if(e>=o.start&&(e<i||n&&e===i))return{node:o.node,offset:e-o.start}}let r=t.nodes[t.nodes.length-1];return r&&e===r.start+r.node.data.length?{node:r.node,offset:r.node.data.length}:null}var me=32,ge=200,_e="p,li,h1,h2,h3,h4,h5,h6,td,th,blockquote,pre,figcaption,dt,dd,summary,caption";function ye(t){return t.nodeType===Node.ELEMENT_NODE?t:t.parentElement}function xe(t,e){for(let n=ye(t)?.closest("[data-pipeup-id]")??null;n;){if(!e.contains(n))return null;let r=n.getAttribute("data-pipeup-id")??"";if(r!==""&&r.length<=l.anchorId)return n;n=n.parentElement?.closest("[data-pipeup-id]")??null}return null}function Ue(t){let e=t;return/[\uD800-\uDBFF]$/.test(e)&&(e=e.slice(0,-1)),/^[\uDC00-\uDFFF]/.test(e)&&(e=e.slice(1)),e}function C(t,e,n){return Ue(t.slice(e,n))}function Ke(t,e){let n=qe(t,e);if(n.length>l.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 we(t){if(!B(t))throw new Error("pipeup: could not describe this place on the page");return t}function M(t,e){let n=ye(t),r=n?.closest(_e)??null;return r&&e.contains(r)?r:n&&e.contains(n)?n:e}function qe(t,e){if(t===e)return"";let n=[];for(let r=e;r&&r!==t;r=r.parentElement){let o=1;for(let i=r.previousElementSibling;i;i=i.previousElementSibling)i.tagName===r.tagName&&o++;n.unshift(`${r.tagName.toLowerCase()}:nth-of-type(${o})`)}return":scope > "+n.join(" > ")}function je(t,e,n){if(!e.contains(t.commonAncestorContainer))throw new Error("pipeup: the selection is outside the commentable area");let r=xe(t.commonAncestorContainer,e),o=r??e,{text:i}=P(o),s=H(o,t.startContainer,t.startOffset),a=H(o,t.endContainer,t.endOffset),c=i.slice(s,a);if(c==="")throw new Error("pipeup: select some text to comment on");if(c.length>l.quote)throw new Error(`pipeup: selections are limited to ${l.quote} characters`);let p=C(i,Math.max(0,s-me),s),d=C(i,a,a+me);return we({...r?{id:r.getAttribute("data-pipeup-id")??""}:{},path:"",quote:{exact:c,prefix:p,suffix:d},...n?{view:n}:{},fingerprint:E(M(t.startContainer,e).textContent??""),snapshot:C(y(p+c+d),0,ge)})}function He(t,e,n,r){let o=xe(t,e);return we({...o?{id:o.getAttribute("data-pipeup-id")??""}:{},path:Ke(o??e,t),...n?{point:{x:he(n.x),y:he(n.y)}}:{},...r?{view:r}:{},fingerprint:E(t.textContent??""),snapshot:C(y(t.textContent??""),0,ge)})}function he(t){return Number.isFinite(t)?Math.min(1,Math.max(0,t)):0}function ze(t,e){let n=Array.from({length:e.length+1},(o,i)=>i),r=new Array(e.length+1).fill(0);for(let o=1;o<=t.length;o++){r[0]=o;for(let i=1;i<=e.length;i++){let s=t.charCodeAt(o-1)===e.charCodeAt(i-1)?0:1;r[i]=Math.min((n[i]??0)+1,(r[i-1]??0)+1,(n[i-1]??0)+s)}[n,r]=[r,n]}return n[e.length]??0}function be(t,e,n){let r=e.length;if(r===0)return null;let o=Array.from({length:r+1},(d,O)=>O),i=new Array(r+1).fill(0),s=-1,a=1/0;for(let d=1;d<=t.length;d++){i[0]=0;let O=t.charCodeAt(d-1);for(let x=1;x<=r;x++){let Se=e.charCodeAt(x-1)===O?0:1;i[x]=Math.min((o[x]??0)+1,(i[x-1]??0)+1,(o[x-1]??0)+Se)}let Z=i[r]??1/0;Z<a&&(a=Z,s=d),[o,i]=[i,o]}if(a>n)return null;let c=Math.max(0,s-r),p=1/0;for(let d=Math.max(0,s-r-n);d<=Math.min(s,s-r+n);d++){let O=ze(t.slice(d,s),e);O<p&&(p=O,c=d)}return{start:c,end:s,distance:p}}var S={state:"orphaned",element:null,range:null},Xe=5e4,Ge=300,Ze=12,Qe=":scope > ";function Je(t,e){for(let n of t.querySelectorAll("[data-pipeup-id]"))if(n.getAttribute("data-pipeup-id")===e)return n;return null}function Ve(t,e,n={}){let r=t.id?Je(e,t.id):e;return t.quote?Ye(t,t.quote,r,e,n.fuzzy!==!1):We(t,r)}function We(t,e){if(!e)return S;let n=e;if(t.path){if(!t.path.startsWith(Qe))return S;try{n=e.querySelector(t.path)}catch{return S}}return n?{state:E(n.textContent??"")===t.fingerprint?"attached":"moved",element:n,range:null}:S}function Ye(t,e,n,r,o){let i=n??r,s=P(i),a=et(s.text,e);if(a>=0){let c=z(s,a,a+e.exact.length);if(c){let p=M(c.startContainer,r);return{state:n!==null&&E(p.textContent??"")===t.fingerprint?"attached":"moved",element:p,range:c}}}if(o){let c=i===r?s:P(r);if(c.text.length<=Xe&&e.exact.length>=Ze&&e.exact.length<=Ge){let p=be(c.text,e.exact,Math.floor(e.exact.length/4)),d=p?z(c,p.start,p.end):null;if(d)return{state:"moved",element:M(d.startContainer,r),range:d}}}return S}function et(t,e){if(!e.exact)return-1;let n=-1,r=-1;for(let o=t.indexOf(e.exact);o!==-1;o=t.indexOf(e.exact,o+1)){let i=t.slice(Math.max(0,o-e.prefix.length),o),s=t.slice(o+e.exact.length,o+e.exact.length+e.suffix.length),a=rt(i,e.prefix)+tt(s,e.suffix);a>r&&(n=o,r=a)}return n}function tt(t,e){let n=0;for(;n<t.length&&n<e.length&&t[n]===e[n];)n++;return n}function rt(t,e){let n=0;for(;n<t.length&&n<e.length&&t[t.length-1-n]===e[e.length-1-n];)n++;return n}var nt={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"},ot=40;function Ae(t){let e=t.getAttribute("data-pipeup-label");if(e)return e;let n=nt[t.tagName.toUpperCase()]??"Block",r=y(t.getAttribute("aria-label")??t.getAttribute("alt")??t.innerText??t.textContent??"");return r?`${n} \xB7 ${X(r,ot)}`:n}function it(t,e,n){let r=t.id??null,o=t.quote?.exact??null,i=t.point?`${Math.round(t.point.x*100)}% across, ${Math.round(t.point.y*100)}% down the element`:null,s=e.element;if(e.state==="orphaned"||!s)return{where:`No longer on the page (it read: "${t.snapshot}")`,element:null,id:r,quote:o,pin:i};let a=[],c=t.view?.slide;if(c){let d=s.closest("[data-pipeup-slide]")?.querySelector("h1,h2,h3")?.textContent;a.push(`Slide ${c}`+(d?` "${X(y(d))}"`:""))}else{let d=st(s,n);d&&a.push(`Section "${X(y(d.textContent??""))}"`)}let p=Ae(s);return a.push(p),{where:a.join(" \u203A "),element:p,id:r,quote:o,pin:i}}function st(t,e){let n=null;for(let r of e.querySelectorAll("h1,h2,h3")){if(r===t||r.contains(t))break;if(r.compareDocumentPosition(t)&Node.DOCUMENT_POSITION_FOLLOWING)n=r;else break}return n}function X(t,e=60){return t.length>e?t.slice(0,e-1)+"\u2026":t}var N=["Otter","Fox","Owl","Bear","Rabbit"],G=["Red","Orange","Yellow","Green","Teal","Blue","Purple","Pink","Brown","Grey"];function Oe(t){let e=2166136261;for(let n=0;n<t.length;n++)e=Math.imul(e^t.charCodeAt(n),16777619);return e=Math.imul(e^e>>>16,2246822507),e=Math.imul(e^e>>>13,3266489909),(e^e>>>16)>>>0}var at=t=>Oe(t)%N.length,ct=t=>Math.floor(Oe(t)/N.length)%G.length,Ee=t=>`${G[ct(t)]} ${N[at(t)]}`,A=t=>t.name||Ee(t.author);var dt="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 $(t,e){let n=Math.max(0,Math.round((e-t)/1e3));if(n<60)return"just now";let r=Math.round(n/60);if(r<60)return`${r}m ago`;let o=Math.round(r/60);return o<48?`${o}h ago`:`${Math.round(o/24)}d ago`}function pt(t,e,n,r){return e==="ai"?ve(t,"## Comment thread",r,n):Pe(t)}function lt(t,e,n){let r=t.filter(a=>!a.thread.resolved);if(e==="text")return r.map(Pe).join(`
+`);let o=t.length-r.length,i=[`# Review comments: ${u(n.title)}`,"",`- **Page:** ${u(n.url)}`,`- **Exported:** ${n.exportedAt.toISOString()}`,`- **Open threads:** ${r.length}${o?` (${o} resolved, not included)`:""}`,"",dt,"",""].join(`
+`),s=n.exportedAt.getTime();return i+r.map((a,c)=>ve(a,`## Thread ${c+1}`,s)).join(`
+`)}function u(t){return t.replace(/\s+/g," ").trim()}function ve(t,e,n,r){let{thread:o,location:i}=t,s=o.root.replies.length,a=[`${e} \xB7 ${o.resolved?"resolved":"open"}`];if(a.push(`- **Thread:** ${o.id}`),r&&a.push(`- **Page:** ${u(r)}`),a.push(`- **Where:** ${u(i.where)}`),i.id){let c=u(i.id.replace(/`/g,""));a.push(`- **Element:** \`[data-pipeup-id="${c}"]\`${i.element?` (${u(i.element)})`:""}`)}i.quote&&a.push(`- **Quoted text:** "${u(i.quote)}"`),i.pin&&a.push(`- **Pin:** ${u(i.pin)}`),a.push(`- **Started by:** ${u(A(o.root))}, ${$(o.root.at,n)}${s?` \xB7 ${s} ${s===1?"reply":"replies"}`:""}`,"",`**${u(A(o.root))}** (${$(o.root.at,n)}): ${F(o.root,"  ")}`);for(let c of o.root.replies)a.push(`- **${u(A(c))}** (${$(c.at,n)}): ${F(c,"  ")} <!-- comment:${c.id} -->`);return a.join(`
+`)+`
+`}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.3.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

@@ -0,0 +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 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 pt(e,t){return e.deleted?"(deleted)":e.text.replace(/\r\n|\r|\n/g,`
+`+t)+(e.edited?" (edited)":"")}var ni="0.3.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 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};