@hazem3500/komo 0.9.29 → 0.9.31

package/dist/chunk-FFJ7Z4MJ.js

@@ -0,0 +1 @@
+import{a as e,b as t,c as n,d as i}from"./chunk-ILX63XAJ.js";import{b as o}from"./chunk-DH22G2S5.js";import{a}from"./chunk-53M6AOAX.js";import{a as r,b as s,c as l,d,e as p,f as c,g as u,h,i as m,m as g}from"./chunk-WGISPOJV.js";import{a as f,b,d as x,e as w,f as y,g as v,h as k,i as S,j as C,k as $,l as E,n as z,o as j,q as A,r as M}from"./chunk-PLSWBSSX.js";var L=e=>`komo:setup:${e.endpoint}:${e.onboarding?.code}`;function T(e){if(!e.onboarding?.inProject)return e;try{let t=JSON.parse(localStorage.getItem(L(e))||"null");if("string"==typeof t?.project&&t.project.startsWith("komo_")&&"string"==typeof t.repo)return{...e,project:t.project,repo:t.repo,onboarding:void 0}}catch{}return e}function _(e){let{scope:t="project",...n}=e;if("branch"===t&&!e.branch?.trim())throw new Error("Branch scope needs a build-time branch. Run komo sync before your build or set branch explicitly.");return{...n,endpoint:n.endpoint||"https://komo.offbr.co",repo:e.repo||e.project,branch:"branch"===t?e.branch:"shared"}}function R(e,t){let n=e.x<t/2?"right":"left",i=e.component;if(!i)return n;let{left:o,top:a,right:r,bottom:s}=i;if(r<=o||s<=a)return n;let l=(o+r)/2;return(Math.hypot(Math.max(o-e.x,0,e.x-r),Math.max(a-e.y,0,e.y-s))||Math.min(e.x-o,r-e.x,e.y-a,s-e.y))>100||e.x===l?n:e.x<l?"right":"left"}var q=(e,t)=>({value:e.style.getPropertyValue(t),priority:e.style.getPropertyPriority(t)}),P=(e,t,n)=>{e.style.setProperty(t,n.value,n.priority)};function W(e,t){let n=e.getAttribute("style"),i=e.style.cssText,o=t.map(t=>[t,q(e,t)]);return()=>{for(let[t,n]of o)P(e,t,n);e.style.cssText===i&&(null===n?e.removeAttribute("style"):e.setAttribute("style",n))}}var O=e=>e&&"none"!==e?e.match(/calc\(.*?\)|[^\s(]+/g)??[]:[],H=(e,t="0px 0px")=>[{scale:String(e),translate:t},{scale:String(e),translate:t}];function B(e,t){for(let n of e.getAnimations?.()??[])"transitionProperty"in n&&t.includes(String(n.transitionProperty))&&n.cancel()}var D=class{constructor(e,t,n=e=>e){this.confirmed=e,this.changed=t,this.normalize=n}confirmed;changed;normalize;jobs=[];aliases=new Map;revision=0;get busy(){return this.jobs.length>0}id=e=>this.aliases.get(e)??e;get value(){return this.normalize(this.jobs.reduce((e,t)=>t.change(e,this.id),this.confirmed),this.id)}replace(e,t=this.revision){return!this.busy&&t===this.revision&&(this.confirmed=e,this.changed(this.value),!0)}reset(e){let t=this.jobs;this.jobs=[],this.aliases.clear(),this.confirmed=e,this.revision++;for(let e of t)e.reject(new DOMException("Session changed","AbortError"));this.changed(this.value)}submit(e,t){let n=new Promise((n,i)=>{this.jobs.push({change:e,save:t,resolve:n,reject:i})});return this.revision++,this.changed(this.value),1===this.jobs.length&&this.drain(),n}async drain(){for(;this.jobs.length;){let e,t=this.jobs[0],n=!1;try{let e=await t.save(this.id);if(this.jobs[0]!==t)return;this.confirmed=t.change(this.confirmed,this.id);for(let[t,n]of Object.entries(e??{}))this.aliases.set(t,n);this.confirmed=this.normalize(this.confirmed,this.id)}catch(t){n=!0,e=t}if(this.jobs[0]!==t)return;this.jobs.shift(),this.revision++,this.changed(this.value),n?t.reject(e):t.resolve()}}};function F(e,t,n,i,o=600,a=34){let r=t+((n-e)*o-t*a)*i;return{value:e+r*i,velocity:r}}var I=(e,t)=>Math.max(16,Math.min(e,t));function Y(e,t,n,i,o){return{...e,x:"left"===e.edgeX?16:"right"===e.edgeX?Math.max(16,i-t-16):I(e.x,i-t-16),y:"top"===e.edgeY?16:"bottom"===e.edgeY?Math.max(16,o-n-16):I(e.y,o-n-16)}}function N(e,t,n,i,o){let a=Y(e,t,n,i,o),r=i-t-16-a.x,s=o-n-16-a.y;return Math.min(a.x-16,r)<.05*i&&(a.edgeX=a.x-16<=r?"left":"right"),Math.min(a.y-16,s)<.05*o&&(a.edgeY=a.y-16<=s?"top":"bottom"),Y(a,t,n,i,o)}function X(e,t,n,i,o,a,r=()=>!0,s=()=>!1){let l;t.addEventListener("pointerdown",d=>{let p=d.target;if(!r()||0!==d.button||p.closest("button,input,textarea,a,summary,[role=menu]")&&!s(p))return;l?.();let c=e.getBoundingClientRect(),u=!1,h=d.clientX,m=d.clientY,g=d.timeStamp,f=0,b=0,x=t=>{if(t.pointerId!==d.pointerId)return;if(!r())return void l?.();let i=t.clientX-d.clientX,a=t.clientY-d.clientY;if(!u&&Math.hypot(i,a)<5)return;if(!u){o?.();for(let t of e.getAnimations())t.cancel();e.dataset.dragging="true",u=!0}t.preventDefault();let s=t.timeStamp-g;s>0&&(f=.8*(t.clientX-h)/s+.2*f,b=.8*(t.clientY-m)/s+.2*b),h=t.clientX,m=t.clientY,g=t.timeStamp;let p=Y({x:c.left+i,y:c.top+a},c.width,c.height,document.documentElement.clientWidth,window.innerHeight);n(p);let x=N(p,c.width,c.height,document.documentElement.clientWidth,window.innerHeight);e.dataset.snapX=x.edgeX??"",e.dataset.snapY=x.edgeY??""},w=i=>{if(i.pointerId!==d.pointerId)return;if(!r())return void l?.();if(l?.(),!u)return;let o=e.getBoundingClientRect(),s="pointercancel"!==i.type&&i.timeStamp-g<80?120:0;n(N({x:o.left+f*s,y:o.top+b*s},o.width,o.height,document.documentElement.clientWidth,window.innerHeight)),a?.();let p=e.getBoundingClientRect();matchMedia("(prefers-reduced-motion: reduce)").matches||e.animate([{translate:`${o.left-p.left}px ${o.top-p.top}px`},{translate:"0px 0px"}],{duration:320,easing:"cubic-bezier(.22,1,.36,1)"}),t.addEventListener("click",e=>{e.preventDefault(),e.stopImmediatePropagation()},{capture:!0,once:!0})};l=()=>{window.removeEventListener("pointermove",x,!0),window.removeEventListener("pointerup",w,!0),window.removeEventListener("pointercancel",w,!0),delete e.dataset.dragging,delete e.dataset.snapX,delete e.dataset.snapY,i.removeEventListener("abort",l)},i.addEventListener("abort",l,{once:!0}),window.addEventListener("pointermove",x,{capture:!0,passive:!1}),window.addEventListener("pointerup",w,!0),window.addEventListener("pointercancel",w,!0)},{signal:i})}var U=16,V=240,K=200,J=(e,t,n)=>Math.min(Math.max(e,t),Math.max(t,n));function G(e,t,n,i,o,a){let r=t.left+t.width,s=t.top+t.height,l=Math.min(a-32,680),d=t.left,p=t.top,c=t.width,u=t.height;return e.includes("e")&&(c=J(t.width+n,V,o-t.left-U)),e.includes("w")&&(c=J(t.width-n,V,r-U),d=r-c),e.includes("s")&&(u=J(t.height+i,K,Math.min(a-t.top-U,l))),e.includes("n")&&(u=J(t.height-i,K,Math.min(s-U,l)),p=s-u),{left:d,top:p,width:c,height:u}}var Z=/^(?:\p{RI}\p{RI}|[#*0-9]️?⃣|\p{Extended_Pictographic}[️\p{Emoji_Modifier}]?(?:‍\p{Extended_Pictographic}[️\p{Emoji_Modifier}]?)*|\u{1F3F4}[\u{E0020}-\u{E007E}]+\u{E007F})$/u,Q=e=>"string"==typeof e&&e.length<=128&&Z.test(e),ee=["👍","❤️","🎉","👀","✅","🤔"],te=new Map;function ne(e){if(te.has(e))return te.get(e);let t={counts:{}};try{let n=JSON.parse(localStorage.getItem(e)??"null");for(let[e,i]of Object.entries(n?.counts??{}).slice(0,200))Q(e)&&"number"==typeof i&&Number.isFinite(i)&&i>0&&(t.counts[e]=i);Q(n?.recent)&&(t.recent=n.recent)}catch{}return te.set(e,t),t}function ie(e,t){let n=/\[([^\]\n]+)\]\((https?:\/\/[^\s)]+)\)|https?:\/\/[^\s<>]+/gi,i=0;for(let o of t.matchAll(n)){let n=o.index??0;n>i&&e.append(document.createTextNode(t.slice(i,n)));let a=void 0!==o[1],r=a?o[2]:o[0],{url:s,trailing:l}=ae(r),d=oe(s);if(d){if(a){let t=document.createElement("a");t.href=d,t.target="_blank",t.rel="noopener noreferrer",t.textContent=o[1],e.append(t)}else{let t=document.createElement("a");t.href=d,t.target="_blank",t.rel="noopener noreferrer",t.textContent=s,e.append(t)}l&&e.append(document.createTextNode(l))}else e.append(document.createTextNode(o[0]));i=n+o[0].length}i<t.length&&e.append(document.createTextNode(t.slice(i)))}function oe(e){try{let t=new URL(e);return"http:"!==t.protocol&&"https:"!==t.protocol||t.username||t.password?null:t.href}catch{return null}}function ae(e){let t=e.length;for(;t>0&&/[.,!?;:]$/.test(e.slice(0,t));)t--;for(let[n,i]of[["(",")"],["[","]"],["{","}"]])for(;t>0&&e[t-1]===i;){let o=e.slice(0,t),a=[...o].filter(e=>e===n).length;if([...o].filter(e=>e===i).length<=a)break;t--}return{url:e.slice(0,t),trailing:e.slice(t)}}var re=(e,t)=>e<=760||e<=1e3&&t<=500;function se(e,t,n,i=t,o=!1,a=!1,r=!0){let s=n&&!re(e,t),l=n&&!s,d=s?404:0,p=s&&r?a?Math.min(.9,(e-d-24)/e):.9:1,c=l?o?0:.18*t:t,u=l?i:s?r?t*(a?p:.9):Math.max(1,t-48):t,h=s?a||!r?24:e-d-e*p:0,m=s?(t-u)/2:0;return{desktop:s,mobile:l,framed:s,sheetTop:c,bottom:t-m-u,scale:p,left:h,top:m,right:d,visibleTop:Math.max(0,m),visibleHeight:Math.max(0,u+Math.min(0,m)),visibleLeft:Math.max(0,h),visibleWidth:e-d-Math.max(0,h),height:u,dockCenter:s?e-190:e/2}}function le(e){let t=e instanceof n?e.code:void 0;return"site_not_approved"===t?{kind:"site",title:"Comments aren’t on for this site",detail:"Own this site? Turn comments on. Otherwise, send this link to the owner."}:"offline"===t?{kind:"offline",title:"You’re offline",detail:"Comments will come back when you do."}:"unreachable"===t?{kind:"unreachable",title:"Can’t connect",detail:"You might be offline, or this site isn’t set up for comments yet."}:{kind:"server",title:"Comments didn’t load",detail:e instanceof Error?e.message:"Something went wrong."}}var de="input,textarea,select,script,style,[contenteditable],[hidden],[aria-hidden=true]",pe=(e,t=160)=>e.replace(/\s+/g," ").trim().slice(0,t);function ce(e){let t,n=document.createTreeWalker(e,NodeFilter.SHOW_TEXT),i="";for(;(t=n.nextNode())&&(t.parentElement?.closest(de)||(i+=t.textContent+" "),!(i.length>320)););return pe(i)}function ue(e){let t=document.querySelectorAll(e);return 1===t.length?t[0]:null}var he=/^radix-|^:r|_r_|«r/;function me(e,t){for(let n of["data-comment-anchor","id","data-testid","data-test","data-cy"]){let i=e.getAttribute(n);if(!i||i.length>500||"id"===n&&he.test(i))continue;let o="id"===n?`#${CSS.escape(i)}`:`[${n}="${CSS.escape(i)}"]`;if(o.length<=2e3&&(!t||o===t)&&ue(o)===e)return o}}function ge(e){let t=[],n=e;for(;n&&n!==document.body&&n!==document.documentElement;){let e=me(n);if(e){t.unshift(e);break}let i=n.parentElement?[...n.parentElement.children].filter(e=>e.tagName===n.tagName):[],o=n.tagName.toLowerCase();t.unshift(i.length>1?`${o}:nth-of-type(${i.indexOf(n)+1})`:o),n=n.parentElement}return n===document.body?t.unshift("body"):n===document.documentElement&&t.unshift("html"),t.join(" > ")}function fe(e){return pe(e.getAttribute("aria-label")||(e.getAttribute("aria-labelledby")||"").split(/\s+/).map(e=>{let t=e&&document.getElementById(e);return t?ce(t):""}).join(" ")||e.getAttribute("alt")||e.labels&&[...e.labels].map(ce).join(" ")||"")}function be(e){let t=e.parentElement?.closest("li,article,tr,[data-comment-anchor]")||e.parentElement;return t&&t!==document.body&&t!==document.documentElement?ce(t):""}var xe=e=>e.matches("dialog,[role=dialog],[role=alertdialog],[popover]")||"fixed"===getComputedStyle(e).position;function we(e){let t,n=xe(e)?null:e.parentElement;for(;n&&n!==document.body&&(t=me(n),!t);){if(xe(n)){let e=ge(n);e.length<=2e3&&(t=e);break}n=n.parentElement}let i=window.getSelection(),o=i?.rangeCount?i.getRangeAt(0):null,a=getComputedStyle(e);return{tag:e.tagName.length<=32?e.tagName.toLowerCase():void 0,role:pe(e.getAttribute("role")||"",80)||void 0,label:fe(e)||void 0,nearby:be(e)||void 0,classes:pe(e.getAttribute("class")||"",200)||void 0,styles:["display","width","height","font-size","color","padding","gap"].map(e=>`${e}: ${a.getPropertyValue(e)}`).join("; ").slice(0,500),selectedText:o&&e.contains(o.commonAncestorContainer)&&!e.closest(de)&&!e.querySelector(de)&&pe(i.toString(),200)||void 0,scope:t}}function ye(e,t){let n=t.context;return!!(t.text||n?.label||n?.nearby)&&(!t.text||(n?ce(e)===pe(t.text):pe(e.textContent||"").startsWith(pe(t.text))))&&(!n||(!n.tag||e.tagName.toLowerCase()===n.tag)&&(!n.role||e.getAttribute("role")===n.role)&&(!n.label||fe(e)===n.label)&&(!n.nearby||be(e)===n.nearby))}function ve(e,t){if(e===t||e&&t&&(e.startsWith(t)||t.startsWith(e)))return!0;let n=e.toLowerCase().split(" ").filter(Boolean),i=new Set(t.toLowerCase().split(" ").filter(Boolean));return 2*n.filter(e=>i.has(e)).length/(n.length+i.size||1)>=.6}function ke(e,t,n){let i=[];for(let n=e;n&&n!==document.body&&n!==document.documentElement&&((n!==t||n===e)&&i.push(n),n!==t&&!xe(n));n=n.parentElement);let o=n?.(e);return o?.isConnected&&i.includes(o)?o:i.find(e=>e.hasAttribute("data-comment-anchor")&&me(e))||(i.slice(1).find(e=>e.matches("article,li,tr,[role=listitem],[role=row],[role=button],[role=link]")&&me(e))??e)}function Se(e,t,n,i){let o=e,a=Math.min(t.x,n.x),r=Math.min(t.y,n.y),s=Math.max(t.x,n.x),l=Math.max(t.y,n.y);for(;o.parentElement&&o!==document.body;){let e=o.getBoundingClientRect();if(a>=e.left&&s<=e.right&&r>=e.top&&l<=e.bottom&&e.width&&e.height)break;o=o.parentElement}let d=o.getBoundingClientRect(),p=e=>Math.max(0,Math.min(1,e)),c=s-a>6||l-r>6,u=p((a-d.left)/(d.width||1)),h=p((r-d.top)/(d.height||1));return{selector:ge(o),text:ce(o),context:we(o),x:u,y:h,width:c?Math.min(1-u,(s-a)/(d.width||1)):0,height:c?Math.min(1-h,(l-r)/(d.height||1)):0,pageX:a+window.scrollX,pageY:r+window.scrollY,viewportWidth:window.innerWidth,source:("function"==typeof i?i(o):i)??o.closest("[data-comment-source]")?.getAttribute("data-comment-source")??void 0}}var Ce=(e,t,n)=>[...n?e.querySelectorAll(t.context.tag):e.children].filter(e=>ye(e,t));function $e(e,t,n=Ce){let i=null;try{let o=e.selector?ue(e.selector):document.body;if(i=t?.isConnected&&t===o?t:o,i&&me(i,e.selector))return i;if(i&&!ye(i,e))return Ee(e,n)??(function(e,t){let n=t.context;return!!n?.tag&&e.tagName.toLowerCase()===n.tag&&(!n.role||e.getAttribute("role")===n.role)&&(!n.classes||pe(e.getAttribute("class")||"",200)===n.classes)&&ve(pe(t.text),ce(e))&&(!n.nearby||ve(n.nearby,be(e)))}(i,e)?i:null);if(i||!e.context?.scope)return i&&function(e,t,n){let i=t.context;if(!i?.tag||!(t.text||i.label||i.nearby))return e;let o=i.scope?ue(i.scope):null,a=o?n(o,t,!0):e.parentElement?n(e.parentElement,t,!1):[];return 1===a.length?a[0]:a.includes(e)&&a.every(t=>t.contains(e)||e.contains(t))?e:null}(i,e,n);i=Ee(e,n)}catch{i=null}return i}function Ee(e,t){let n=e.context;if(!n?.tag||!n.scope||!(e.text||n.label||n.nearby))return null;let i=ue(n.scope),o=i?t(i,e,!0):[];return 1===o.length?o[0]:null}function ze(e,t){return je(e,$e(e,t))}function je(e,t){if(t){let n=t.getBoundingClientRect();if(n.width&&n.height)return{x:n.left+n.width*e.x,y:n.top+n.height*e.y,width:n.width*e.width,height:n.height*e.height,attached:!0,component:{left:n.left,top:n.top,right:n.right,bottom:n.bottom}}}return{x:e.pageX*window.innerWidth/e.viewportWidth-window.scrollX,y:e.pageY-window.scrollY,width:0,height:0,attached:!1}}var Ae={comment:"C",browse:"V",design:"D",restore:"Shift+K",comments:"L"},Me=["Ctrl","Alt","Shift","Meta"],Le=new Set(["escape","tab"]);function Te(e,t){let n=t.split("+").map(e=>e.trim());n.length>1&&""===n.at(-1)&&""===n.at(-2)&&n.splice(-2,2,"+");let i=n.pop()??"",o=new Set;for(let i of n){let n=Me.find(e=>e.toLowerCase()===i.toLowerCase());if(!n||o.has(n))throw new Error(`Invalid komo shortcut for ${e}: "${t}".`);o.add(n)}if(!i||Le.has(i.toLowerCase()))throw new Error(`Invalid komo shortcut for ${e}: "${t}".`);let a=1===i.length?i.toUpperCase():i;return{key:i.toLowerCase(),shift:o.has("Shift"),alt:o.has("Alt"),ctrl:o.has("Ctrl"),meta:o.has("Meta"),label:[...Me.filter(e=>o.has(e)),a].join("+")}}function _e(e,t){if(!t||e.shiftKey!==t.shift||e.altKey!==t.alt||e.ctrlKey!==t.ctrl||e.metaKey!==t.meta)return!1;let{key:n}=t;if(e.key.toLowerCase()===n)return!0;let i=/^[a-z]$/.test(n)?`Key${n.toUpperCase()}`:/^\d$/.test(n)&&`Digit${n}`;return e.code===i&&(t.shift||t.alt||t.ctrl||t.meta||!/^[a-z\d]$/i.test(e.key))}function Re(e,t){return t?`${e} · ${t.label}`:e}var qe=new WeakMap;function Pe(e){return We(_(e))}function We(_){let I={destroy(){},open(){},close(){},comment(){},async refresh(){}};if(typeof document>"u"||!1===_.enabled)return I;if(!(_.endpoint&&_.repo&&_.branch&&_.project))throw new Error("Comments require endpoint, repo, branch, and project.");if(_.pageRoot&&(_.pageRoot===document.body||!document.body.contains(_.pageRoot)))throw new Error("pageRoot must be mounted inside body.");let N=new URL(_.endpoint);if(N.username||N.password||"https:"!==N.protocol&&("http:"!==N.protocol||!["localhost","127.0.0.1","[::1]"].includes(N.hostname)))throw new Error("Use an HTTPS API endpoint without credentials; HTTP is allowed on localhost.");j(_.avatar);let J=function(e={}){let t={},n=new Map;for(let i of Object.keys(Ae)){let o=e[i]??Ae[i];if(!1===o){t[i]=null;continue}if("string"!=typeof o)throw new Error(`Invalid komo shortcut for ${i}.`);let a=Te(i,o),r=n.get(a.label.toLowerCase());if(r)throw new Error(`komo shortcuts for ${r} and ${i} both use ${a.label}.`);n.set(a.label.toLowerCase(),i),t[i]=a}return t}(_.shortcuts),Z=!1!==_.features?.designMode,te=!1!==_.features?.tags,oe=JSON.stringify([N.href,_.project,_.repo,_.branch]),ae=qe.get(document);if(ae){if(ae.scope!==oe)throw new Error("Destroy the current komo instance before changing projects or branches.");return ae.controller}_={...T(_)};let de=[...document.body.childNodes].filter(e=>e instanceof Element?!e.matches("script,style,link,meta,template,noscript"):3===e.nodeType&&e.textContent?.trim()),ue=_.pageRoot??(1===de.length&&de[0]instanceof HTMLElement?de[0]:document.body),he="contents"===getComputedStyle(ue).display?document.body:ue,me=he!==document.body,ge=`branch-comments:sidebar-mode:${_.project}:${_.repo}`,xe=(()=>{if(!me)return"edge";try{let e=localStorage.getItem(ge);if("edge"===e||"background"===e)return e}catch{}return"background"===_.sidebar?"background":"edge"})(),we=re(window.innerWidth,window.innerHeight),ye=!we&&"edge"===xe,ve=!1,Ce=!1,Ee=!1,Me=["localhost","127.0.0.1","[::1]"].includes(location.hostname),Le=_.branch,Pe=`branch-comments:channel:${_.project}:${_.repo}`,We="local";try{"shared"===localStorage.getItem(Pe)&&(We="shared")}catch{}Me&&"local"===We&&(_={..._,branch:"local"});let Oe=new i(_),He=new AbortController,Be=!1,De=!!_.onboarding,Fe=!1,Ie=!1,Ye=!1===_.showToolbar,Ne=!1===_.showToolbar,Xe=!1,Ue=!1,Ve=0,Ke=!!_.onboarding,Je=!1,Ge=!1,Ze=!!_.onboarding,Qe=0,et=null,tt=[],nt=null,it=null,ot=null,at=null,rt=new D([],e=>{if(!Be){if(nt){let e=rt.id(nt);e!==nt&&(Sn.has(nt)&&(Sn.set(e,Sn.get(nt)),Sn.delete(nt)),Ft===nt&&(Ft=e),nt=e)}mn&&(mn=rt.id(mn)),tt=e,Ko="",ea(),ba(),Vo(),Ke||ja()}},(e,t)=>e.map(e=>({...e,id:t(e.id),comments:e.comments.map(e=>({...e,id:t(e.id)}))})));function st(e,t){return(n,i)=>n.flatMap(n=>{if(n.id!==i(e))return[n];let o=t(n);return o?[o]:[]})}async function lt(e,t,n){let i=Oe,o=Oe.token,a=Qe,r=()=>Be||Oe!==i||a!==Qe||Oe.token!==o;try{await rt.submit(e,async e=>{if(r())throw new DOMException("Session changed","AbortError");return t(e)})}catch(e){throw r()?new DOMException("Session changed","AbortError"):(n?.(),er(),new Error(`Couldn't save. Your change was reverted. ${e instanceof Error?e.message:"Try again."}`,{cause:e}))}if(r())throw new DOMException("Session changed","AbortError");rt.busy||lo(bo)}let dt,pt="open",ct="",ut=!0,ht="",mt="Connecting",gt="",ft=null,bt=0,xt=0,wt=null,yt=Promise.resolve(),vt=null;function kt(){clearTimeout(bt);let e=vt;return vt=null,e&&(yt=yt.catch(()=>{}).then(async()=>{if(Oe.token===e.token)try{let t=await Oe.request("me","PATCH",{name:e.name,avatarUrl:e.avatarUrl,accentColor:e.accentColor});if(Oe.token!==e.token)return;wt=t.user,xt===e.revision&&Oe.save({token:e.token,user:t.user}),Be||(Vo(),lo(bo))}catch(t){throw Oe.token===e.token&&xt===e.revision&&(Oe.user=wt,ft=null,er()),new Error(`Couldn't save your profile. ${t instanceof Error?t.message:"Try again."}`,{cause:t})}})),yt}function St(e,t=!1){!Oe.token||!e.name.trim()||((!wt||wt.id!==Oe.user?.id)&&(wt=Oe.user?{...Oe.user}:null),vt={...e,name:e.name.trim(),token:Oe.token,revision:++xt},Oe.user&&(Oe.user={...Oe.user,...e,name:e.name.trim()}),Vo(),clearTimeout(bt),t?lo(kt):bt=window.setTimeout(()=>lo(kt),500))}function Ct(){let e=E("Continue with Google",()=>lo(()=>va("google")),"google-signin secondary");return e.prepend(M()),e}let $t,Et,zt="",jt=null,At=!1,Mt=!1,Lt=!1,Tt=_.onboarding?.sites?.filter(e=>e.startsWith("https://")&&e!==location.origin).join("\n")??"",_t=!1,Rt=null,qt=null,Pt=0,Wt=!1,Ot=!1,Ht=!1,Bt=null,Dt=[],Ft=null,It=null,Yt=new Map,Nt=function(e){let t=null,n=null,i=0,o=0,a=0,r=0,s=0,l=0,d=0,p=0,c=0,u=0,h=1,m=matchMedia("(prefers-reduced-motion: reduce)"),g=()=>{n&&(n.style.translate=`${a-d}px ${r-p}px`,n.style.scale=`${1-c*h} ${1-c*(1-h)}`)},f=()=>{cancelAnimationFrame(i),i=0,s=l=c=u=0,n&&(n.style.translate="",n.style.scale="",n.style.willChange="")},b=t=>{if(!n?.isConnected||m.matches)return void f();let x=Math.min((t-o)/1e3,.032);o=t;let w=Math.max(1,Math.ceil(x/.008));for(let e=0;e<w;e++){let e=x/w,t=F(a,s,d,e),n=F(r,l,p,e);a=t.value,s=t.velocity,r=n.value,l=n.velocity;let i=Math.hypot(s,l);i>30&&(h=Math.abs(s)/(Math.abs(s)+Math.abs(l)));let o=F(c,u,Math.min(.035,i/24e3),e,220,15);c=Math.max(-.012,Math.min(.04,o.value)),u=o.velocity}if(g(),e(),Math.hypot(a-d,r-p)<.1&&Math.hypot(s,l)<1&&Math.abs(c)<2e-4&&Math.abs(u)<.002)return a=d,r=p,f(),void e();i=requestAnimationFrame(b)};return{place(e,s,l,c,u){if(t!==e&&(f(),t=e,a=l,r=c),n=s,d=l,p=c,s.style.left=`${l}px`,s.style.top=`${c}px`,m.matches||!u&&!i)return a=l,r=c,void f();g(),s.style.willChange="translate, scale",i||(o=performance.now(),i=requestAnimationFrame(b))},stop:f}}(()=>ro()),Xt=null,Ut=`branch-comments:drawer:${_.project}:${_.repo}`;try{let e=JSON.parse(localStorage.getItem(Ut)??"null");e&&Number.isFinite(e.x)&&Number.isFinite(e.y)&&(Et={x:e.x,y:e.y,edgeX:["left","right"].includes(e.edgeX)?e.edgeX:void 0,edgeY:["top","bottom"].includes(e.edgeY)?e.edgeY:void 0},$t=Et)}catch{}let Vt,Kt,Jt=`branch-comments:sidebar:${_.project}:${_.repo}`,Gt=!1,Zt=380,Qt=null;try{let e=JSON.parse(localStorage.getItem(Jt)??"null");Number.isFinite(e?.width)&&(Zt=e.width),Number.isFinite(e?.height)&&(Qt=e.height),e&&Number.isFinite(e.x)&&Number.isFinite(e.y)&&(Vt={x:e.x,y:e.y,edgeX:["left","right"].includes(e.edgeX)?e.edgeX:void 0,edgeY:["top","bottom"].includes(e.edgeY)?e.edgeY:void 0},Kt=Vt)}catch{}let en,tn,nn,on,an=new Map,rn=/^Proposed .+ \(preview only\)$/m,sn=()=>en??=import("./design-comment-W2OVUWBL.js").then(e=>(nn=e,tn=e.summarizeDesignComment,Be||(Ko="",ea(!0)),e)),ln=e=>t=>{let n=$e(e),i=[];try{t&&(i=[...document.querySelectorAll(t)])}catch{}return 1!==i.length||n&&i.includes(n)?n??i[0]??null:i[0]},dn=e=>rn.test(e)?tn?.(e)??(sn(),"Design change"):e,pn="",cn="",un=[],hn="",mn=null,gn="",fn=null,bn=!1,xn=Gi(),wn=0,yn=0,vn=0,kn=0,Sn=new Map,Cn=C("div");Cn.dataset.branchComments="",Cn.dataset.sidebar=we?"mobile":ye?"edge":"background",Object.assign(Cn.style,{position:"fixed",inset:"0",pointerEvents:"none",zIndex:"2147483647",isolation:"isolate"});let $n=Cn.attachShadow({mode:"open"}),En=C("style");En.textContent='.project-management[hidden],.project-management [hidden]{display:none!important}.project-management .account-sites-summary{justify-content:space-between}.project-management .account-usage-status{padding:0 16px}.project-management summary{cursor:pointer}.project-member{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;overflow-wrap:anywhere}.project-danger{display:grid;gap:10px;font-size:12px}.project-danger p{color:#999;line-height:1.5}.project-danger>button{display:block;width:100%;margin-top:12px}.project-help{color:var(--accent,#c8b5f4);font-size:12px}.project-management .destructive{color:#fda29b}.cleanup-confirm{position:fixed;margin:0;width:min(296px,calc(100vw - 24px));box-sizing:border-box;padding:16px;border:0;border-radius:16px;background:#242424;color:#eee;font:13px/1.5 ui-sans-serif,system-ui,sans-serif;box-shadow:inset 0 0 0 1px #ffffff18,0 12px 40px #0005}.cleanup-confirm p{margin:8px 0 16px;color:#aaa}.cleanup-actions{display:flex;justify-content:flex-end;gap:8px}.cleanup-actions button{border:0;border-radius:9px;padding:8px 10px;background:#ffffff0b;color:#ddd;font:inherit;cursor:pointer}.cleanup-actions button:hover{background:#ffffff15}.cleanup-actions button:focus-visible{outline:2px solid var(--accent,#c8b5f4);outline-offset:2px}.cleanup-actions .destructive,.panel-head .copy-page-prompt.destructive{color:#fda29b}.copy-page-prompt:disabled{opacity:.4;cursor:default}:host{all:initial;line-height:1.45;color-scheme:light}*{box-sizing:border-box}button,input,textarea,select{font:inherit;color:inherit}button{appearance:none;border:0;cursor:pointer;background:none;display:inline-flex;align-items:center;justify-content:center;gap:7px;flex-shrink:0}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible{outline:2px solid #f48120;outline-offset:3px}input,textarea,select{border:0;outline:none;background:#f4f3f0;border-radius:8px;padding:10px 12px;box-shadow:inset 0 0 0 1px #e4e2dd}input:focus,textarea:focus,select:focus{box-shadow:inset 0 0 0 2px #f48120}textarea{resize:vertical;min-height:85px;max-height:260px;width:100%;line-height:1.55;scrollbar-width:none}textarea::-webkit-scrollbar{display:none}input{min-width:0;width:100%}p{margin:0}h2,h3{margin:0;font-size:16px;font-weight:600}a{color:inherit}svg{width:18px;height:18px;flex-shrink:0}small{font-size:11px;color:#77766f}.toolbar{position:fixed;bottom:24px;left:50%;transform:translate(-50%);pointer-events:auto;z-index:5;transition:opacity .15s ease}:host(.design-active) .toolbar{opacity:0;pointer-events:none;transition-delay:.4s}:host(.design-active[data-sidebar="mobile"]) .toolbar{transition-delay:.32s}@media(prefers-reduced-motion:reduce){:host(.design-active) .toolbar,:host(.design-active[data-sidebar="mobile"]) .toolbar{transition-duration:0ms;transition-delay:0ms}}.catch{position:fixed;inset:0;pointer-events:auto;cursor:crosshair;touch-action:none;z-index:0}.selection,.area{position:fixed;pointer-events:none}.selection{z-index:1}.pin{position:fixed;pointer-events:auto;z-index:2}.pin:hover,.pin.hot,.pin.active{background:#252522;color:#fff}.pin.detached{opacity:.65}.panel{position:fixed;right:0;top:0;width:380px;height:100%;pointer-events:auto;background:#faf9f6;box-shadow:-1px 0 #dad8d1,-15px 0 40px #00000008;display:flex;flex-direction:column;z-index:4}.panel[hidden]{display:none!important}.panel-head{display:grid}.row{display:flex;align-items:center;gap:8px}.between{justify-content:space-between}.muted{color:#77766f}.icon{width:30px;height:30px;border-radius:7px}.icon:hover{background:#ebe9e3}.list{overflow:auto;flex:1;overscroll-behavior:contain;padding:0 10px 100px}.thread-card{display:block;width:100%;text-align:left;position:relative}.thread-card:after{content:"";position:absolute;bottom:0;height:1px;background:#e8e5de}.thread-card:hover{background:#f0eee8}.thread-item{position:relative}.list[data-long]>.thread-item{content-visibility:auto;contain-intrinsic-block-size:auto 160px}.thread-item>.card-resolve{position:absolute;top:8px;right:8px;display:grid;place-items:center;opacity:0;filter:blur(2px);transition:opacity .15s cubic-bezier(.22,1,.36,1),filter .15s cubic-bezier(.22,1,.36,1),transform .15s cubic-bezier(.22,1,.36,1)}.thread-item:hover>.card-resolve,.thread-item>.card-resolve:focus-visible{opacity:1;filter:none}.thread-item>.card-resolve:active{transform:scale(.98)}@media(hover:none){.thread-item>.card-resolve{opacity:1;filter:none}}@media(prefers-reduced-motion:reduce){.thread-item>.card-resolve{transition:none}}.thread-card.active{background:#ede9df}.thread-card .preview{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;white-space:pre-wrap;overflow-wrap:anywhere}.meta{display:flex;gap:8px;align-items:center;font-size:11px;color:#77766f}.tag-list{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--accent, #bda6ef)}.page{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:215px}.empty{text-align:center;color:#77766f;display:grid;justify-items:center}.empty svg{width:32px;height:32px;color:#bbb6aa}.empty strong{color:#34332e}.empty p{max-width:250px;line-height:1.6}.empty-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.dialog{position:fixed;max-width:calc(100vw - 24px);max-height:calc(100vh - 110px);display:flex;flex-direction:column;pointer-events:auto;z-index:6}.dialog-head{flex-shrink:0}.dialog-head h3{font-size:13px}.messages{overflow:auto;overscroll-behavior:contain}.message{position:relative}.message+.message:before{content:"";position:absolute;inset:0 0 auto;height:1px}.author{font-weight:600;font-size:12px}.avatar{width:26px;height:26px;border-radius:50%;display:inline-grid;place-items:center;font-size:10px}.message-text{white-space:pre-wrap;overflow-wrap:anywhere}.actions{display:flex;align-items:center;flex-wrap:wrap}.reaction{min-height:25px}.reaction-picker{display:flex;flex-wrap:wrap;gap:5px;margin:9px 0}.composer{display:grid}.primary{background:#282822;color:#fff;padding:8px 12px;border-radius:8px;font-size:12px;min-height:34px}.primary:hover{background:#4a463a}.secondary{padding:8px 12px;border-radius:8px;background:#eeece5;font-size:12px;min-height:34px}.secondary:hover{background:#e4e0d6}.notice{font-size:11px;color:#777268;line-height:1.5}.error{background:#fff0e5;color:#9c4619;padding:10px 12px;border-radius:8px;font-size:12px;line-height:1.5}.toast{position:fixed;bottom:94px;left:50%;transform:translate(-50%);padding:10px 16px;background:#242422;color:#fff;border-radius:9px;max-width:360px;pointer-events:auto;z-index:10;font-size:12px;box-shadow:0 4px 20px #0002}.account{display:grid}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(max-width:760px){.toolbar{max-width:calc(100vw - 20px)}}.morphing-menu{--mm-surface: light-dark(#0d0d0d, #fff);--mm-ink: light-dark(rgb(255 255 255 / 90%), rgb(13 13 13 / 90%));--mm-hover: light-dark(rgb(255 255 255 / 6%), rgb(0 0 0 / 4%));--mm-button: 44px;--mm-inset: 4px;--mm-bar-height: calc(var(--mm-button) + 2 * var(--mm-inset));--mm-bar-width: min(calc(var(--mm-count) * var(--mm-button) + 2 * var(--mm-inset)), calc(100vw - 32px) );--mm-panel-width: min(268px, calc(100vw - 32px) );--mm-panel-padding: 8px;--mm-radius: calc(var(--mm-bar-height) / 2);position:relative;width:var(--mm-bar-width);height:var(--mm-bar-height);flex:none;font-family:inherit;-webkit-tap-highlight-color:transparent}.morphing-menu *,.morphing-menu *:before,.morphing-menu *:after{box-sizing:border-box}.morphing-menu__shell{position:absolute;bottom:0;left:50%;translate:-50% 0;width:var(--mm-bar-width);height:var(--mm-bar-height);border-radius:var(--mm-radius);background:var(--mm-surface, #0d0d0d);color:var(--mm-ink, #fff);box-shadow:inset 0 1px 1px light-dark(rgb(255 255 255 / 8%),rgb(255 255 255 / 40%)),inset 0 -1px 2px light-dark(rgb(0 0 0 / 50%),rgb(0 0 0 / 20%)),0 1px 2px #0000001f;overflow:hidden;isolation:isolate}.morphing-menu__bar{position:absolute;bottom:0;left:50%;translate:-50% 0;display:flex;align-items:center;padding:var(--mm-inset);width:var(--mm-bar-width);height:var(--mm-bar-height)}.morphing-menu__shortcut,.morphing-menu__row{appearance:none;display:flex;align-items:center;flex:none;border:0;margin:0;background:transparent;color:inherit;font:inherit;font-size:15px;font-weight:500;line-height:20px;text-decoration:none;cursor:pointer;touch-action:manipulation;scale:1;transition:background .15s ease,scale .18s cubic-bezier(.22,1,.36,1)}.morphing-menu__shortcut{justify-content:center;width:0;flex:1;height:var(--mm-button);padding:0;border-radius:999px}.morphing-menu__panel{position:absolute;top:0;left:50%;translate:-50% 0;width:var(--mm-panel-width);padding:var(--mm-panel-padding);max-height:calc(100dvh - 64px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}.morphing-menu [aria-hidden=true]{pointer-events:none}.morphing-menu__row{gap:8px;width:100%;min-height:40px;padding:10px 12px;border-radius:calc(var(--mm-radius) - var(--mm-panel-padding));text-align:left}.morphing-menu__panel[aria-hidden=true] .morphing-menu__row{opacity:0}.morphing-menu__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.morphing-menu__icon{display:flex;flex:none}.morphing-menu svg{width:20px;height:20px;flex-shrink:0;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.morphing-menu__chevron{margin-left:auto;opacity:.6}.morphing-menu__shortcut:focus-visible,.morphing-menu__row:focus-visible{outline:2px solid currentColor;outline-offset:-3px}.morphing-menu__tooltip{position:absolute;bottom:calc(100% + 8px);translate:-50% 0;padding:6px 10px;border-radius:14px;background:light-dark(#fff,#171717);color:light-dark(#111,#fefefe);box-shadow:0 0 0 1px light-dark(rgb(0 0 0 / 6%),rgb(255 255 255 / 10%)),0 1px 2px -1px #0000000f,0 2px 4px #0000000a;font-size:14px;font-weight:500;line-height:20px;white-space:nowrap;pointer-events:none}@media(hover:hover){.morphing-menu__shortcut:hover,.morphing-menu__row:hover{background:var(--mm-hover)}}@media(pointer:coarse){.morphing-menu{--mm-button: 48px;--mm-bar-width: min(296px, calc(100vw - 32px) );--mm-panel-width: min(296px, calc(100vw - 32px) );--mm-panel-padding: 12px}.morphing-menu__row{min-height:44px;padding-block:12px}}@media(prefers-reduced-motion:no-preference){.morphing-menu__shortcut:active,.morphing-menu__row:active{transition-duration:.1s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.morphing-menu__shortcut:active{scale:.95}.morphing-menu__row:active{scale:.96}}@media(prefers-reduced-motion:reduce){.morphing-menu__shortcut,.morphing-menu__row{transition:none;scale:1}}.toolbar .morphing-menu{--mm-surface: #0d0d0d;--mm-ink: #f8f7f4;--mm-hover: #ffffff12}.toolbar .morphing-menu__row{justify-content:flex-start}.toolbar .morphing-menu__shortcut{padding:0}.toolbar .review-avatar{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:10px;letter-spacing:0}:host(.review-open) .panel{color:#eee;box-shadow:none}:host(.review-open) .panel input,:host(.review-open) .panel select{background:#191919;color:#ddd;box-shadow:inset 0 0 0 1px #ffffff12}:host(.review-open) .panel .muted,:host(.review-open) .panel small,:host(.review-open) .panel .meta,:host(.review-open) .panel .branch{color:#888}:host(.review-open) .panel .filter{color:#999}:host(.review-open) .panel .filter.active,:host(.review-open) .panel .secondary{background:#262626;color:#eee}:host(.review-open) .panel .icon:hover,:host(.review-open) .panel .thread-card:hover{background:#161616}:host(.review-open) .panel .empty .primary{background:var(--accent, #bda6ef);color:#211b2d;font-weight:500}:host(.review-open) .panel .empty strong{color:#aaa;font-weight:400}:host(.review-open) .panel .empty svg{color:#555}:host(.review-open) .panel .list{padding-bottom:24px}:host{font-family:-apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;font-size:13px;color:#202124}.pin{width:34px;height:34px;border-radius:50% 50% 50% 5px;font-size:11px;font-weight:600;box-shadow:0 0 0 2px #fff,0 3px 10px #0003}.pin.active{box-shadow:0 0 0 2px #fff,0 0 0 4px #4388ff,0 4px 14px #0003}.pin.resolved{background:#bfc9c4;color:#293c31}.pin-check svg{width:10px;height:10px}.pin-check{position:absolute;right:-4px;bottom:-3px;background:#fff;color:#4c6c56;border-radius:50%;font-size:9px;width:14px;height:14px;display:grid;place-items:center}.area,.selection{background:#4285f410;box-shadow:inset 0 0 0 1.5px #4388ff;border-radius:3px}:host(.review-open) .panel{width:380px;background:transparent}.panel-head .row{gap:4px}:host(.review-open) .panel .icon{color:#909090;width:28px;height:28px}.panel .icon svg{width:16px;height:16px}.thread-card{border-radius:14px}.thread-card .preview{font-size:15px;line-height:1.5;margin:0 0 14px;-webkit-line-clamp:5;color:#f1f1f1;letter-spacing:-.015em}.thread-card .row{gap:7px;min-width:0;padding-right:28px}.thread-card .avatar{width:20px;height:20px;font-size:8px}.thread-card .author{font-size:11px;font-weight:500;color:#b2b2b2;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-card small{margin-left:auto;font-size:10px;flex:none;white-space:nowrap}.card-page-row{display:flex;align-items:center;gap:6px;min-width:0;margin-top:8px;color:#999;font-size:11px}.card-page-row .page{min-width:0;max-width:none;flex:1}.card-page-row svg{width:13px;height:13px}.card-status{display:block;margin-top:8px;color:#999;font-size:11px}.card-page-row[hidden],.card-status[hidden],.sidebar-replies[hidden]{display:none}.card-tags{display:flex;flex-wrap:wrap;gap:5px;min-width:0;margin-top:10px}.card-tag{min-width:0;max-width:100%;padding:2px 7px;border-radius:6px;color:var(--accent,#bda6ef);background:color-mix(in srgb,var(--accent,#bda6ef) 10%,transparent);font-size:11px;line-height:1.5;overflow-wrap:anywhere}.card-reply-toggle{display:flex;width:max-content;max-width:calc(100% - 24px);min-height:30px;margin:0 12px 10px;padding:4px 7px;gap:6px;border-radius:6px;white-space:nowrap;font-size:11px;color:#aaa}.card-reply-toggle:hover,.card-reply-toggle[aria-expanded=true]{background:#ffffff0a;color:#ddd}.card-reply-toggle svg{width:14px;height:14px}.card-reply-toggle svg:last-child{margin-left:2px;transition:rotate .15s ease}.card-reply-toggle[aria-expanded=true] svg:last-child{rotate:180deg}.thread-card:focus-visible,.card-reply-toggle:focus-visible,.card-resolve:focus-visible{outline:2px solid var(--accent,#bda6ef);outline-offset:-2px}@media(prefers-reduced-motion:reduce){.card-reply-toggle svg:last-child{transition:none}}:host(.review-open) .panel .thread-card:after{left:14px;right:14px;background:#ffffff0c}:host(.review-open) .panel .thread-card.active{background:#ffffff0a}:host(.review-open) .panel .avatar{background:#bca8e7;color:#302342}.empty{padding:50px 16px;gap:14px}.empty svg{display:none}.empty strong{font-size:13px}.dialog{overflow:hidden}.dialog-head{position:absolute;z-index:3;padding:0;box-shadow:none;justify-content:flex-end;height:26px}.dialog-head .icon,.draft-close,.approved-site>.icon{width:25px;height:25px;color:#949494}.dialog-head svg,.draft-close svg,.approved-site>.icon svg{width:15px;height:15px}.draft-close{position:absolute;right:16px;top:16px;z-index:1}.messages{max-height:45vh}.message .author{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message .avatar{background:#c8b5f4;color:#352a50;font-size:9px}.message small{font-size:10px}.message-text{letter-spacing:-.01em}.actions{gap:5px;min-height:26px}.actions>.icon{height:24px;width:24px}.actions>.icon svg{height:15px;width:15px}.reaction{padding:3px 7px;border-radius:20px;font-size:11px}.composer textarea{max-height:180px;resize:none;outline:none}.composer .row{gap:8px}.composer input{width:130px;min-width:0;background:#f5f5f7;box-shadow:none;padding:7px 10px;border-radius:20px;font-size:12px}.composer .row>.secondary{font-size:10px;padding:4px 8px;min-height:28px}.composer .avatar{width:24px;height:24px;font-size:9px;background:#c8b5f4;color:#352a50}.send{width:30px;height:30px;margin-left:auto;background:#3478f6;color:#fff;border-radius:50%;padding:0;transition:background .15s ease,transform .15s ease}.send:disabled{opacity:1;cursor:default}.send svg{width:18px;height:18px}.send:not(:disabled):active{transform:scale(.94)}.toolbar .review-avatar{background:#ffffff16;color:#ddd}.toolbar .review-avatar svg{width:15px;height:15px}@media(max-width:760px){:host(.mobile-composing) .toolbar{opacity:0;pointer-events:none;visibility:hidden}.dialog{width:calc(100vw - 32px);left:16px!important;max-height:65vh}.dialog .messages{max-height:35vh}}.component-hover{position:fixed;pointer-events:none;z-index:1;opacity:0;background:none;outline:2px dashed var(--accent, #bda6ef);outline-offset:2px;transition:opacity .1s ease}.composer{gap:8px}.composer textarea{min-height:34px;font-size:13px;line-height:22px}.composer:has(.avatar){position:relative;padding-left:42px;padding-right:40px;min-height:58px}.composer:has(.avatar)>.row{display:contents}.composer:has(.avatar) .avatar{position:absolute}.composer:has(.avatar) .send{position:absolute;width:26px;height:26px}.dialog:has(.draft-close) .composer{padding-top:24px}.message-text{font-size:13px;line-height:1.5}.message:first-child>.row{padding-right:var(--thread-actions-width, 78px)}.dialog:has(.thread-tag-action){--thread-actions-width: 107px}.dialog-head{top:12px;right:8px}.dialog>.dialog-head{background:#242424;border-radius:8px}.messages[data-fade]{mask-image:linear-gradient(to bottom,var(--fade-top, #000),#000 28px,#000 calc(100% - 28px),var(--fade-bottom, #000))}.messages[data-fade~=top]{--fade-top: transparent}.messages[data-fade~=bottom]{--fade-bottom: transparent}.message .author{font-size:11px}.comment-menu{position:relative}.comment-menu>summary{list-style:none;cursor:pointer;display:grid;place-items:center}.comment-menu>summary::-webkit-details-marker{display:none}.comment-menu-items{position:absolute;top:30px;right:0}.menu-action{width:100%;text-align:left;background:transparent}.pin-preview{position:fixed;pointer-events:auto;z-index:3}.pin-preview-open{display:block;width:100%;background:transparent;color:inherit;text-align:left;border-radius:inherit}.pin-preview p{font-size:13px;line-height:1.5;margin:0 0 12px;white-space:pre-wrap;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.pin-preview .avatar{background:#c8b5f4;color:#352a50}.pin-preview small{color:#999;margin:0 36px 0 auto}.pin-preview-resolve{position:absolute;top:17px;right:16px}:host(.review-open) .panel{top:36px;right:0;padding:0 24px}.panel-head{padding:0 0 16px}.thread-card{padding:16px 12px}.thread-card .preview{margin:10px 0 0}.thread-card:after{left:12px;right:12px}:host(.review-open) .toolbar .morphing-menu{--mm-surface: #ffffff12;--mm-hover: #ffffff10}.toolbar .morphing-menu__shell{backdrop-filter:blur(12px) saturate(1.2);box-shadow:inset 0 1px #ffffff20,inset 0 0 0 1px #ffffff0c,0 4px 16px #0002}.pin:hover,.pin.hot{background:#bda6ef;color:#352a50;box-shadow:0 0 0 2px #fff,0 3px 10px #0003}.comment-menu-items{min-width:224px;padding:5px;border-radius:12px;background:linear-gradient(145deg,#292729,#232323);color:#ededed;box-shadow:inset 0 0 0 1px #ffffff12,0 12px 32px #0004,0 2px 5px #0003}.menu-action{display:flex;align-items:center;gap:10px;justify-content:flex-start;min-height:36px;padding:8px 10px;color:inherit;font-size:13px;border-radius:8px}.menu-action svg{width:16px;height:16px;color:#bcb9bd}.menu-action:hover,.menu-action:focus-visible{background:#ffffff0d;outline:none}.menu-action+.menu-action:last-child{margin-top:6px;position:relative}.menu-action+.menu-action:last-child:before{content:"";position:absolute;top:-4px;left:5px;right:5px;height:1px;background:#ffffff0a}.toolbar .morphing-menu:has(.morphing-menu__panel[aria-hidden=false]) .morphing-menu__shell{background:linear-gradient(145deg,#292729,#232323)}.toolbar .morphing-menu__row{gap:10px;font-size:13px;border-radius:9px;color:#ededed}.toolbar .morphing-menu__row svg{width:18px;height:18px;color:#bcb9bd}.dialog{width:320px;border-radius:16px}.messages{padding:0 16px}.message{padding:18px 0 16px}.message .row{gap:8px}.message .avatar{width:24px;height:24px}.message-text{padding-left:32px;margin:3px 0 8px}.actions{padding-left:32px}.message+.message:before{left:-16px;right:-16px}.composer{padding:12px 16px}.composer textarea{padding:8px 10px;border-radius:8px}.composer:has(.avatar){padding:12px 16px 12px 48px}.composer:has(.avatar) textarea{padding-right:38px}.composer:has(.avatar) .avatar{left:16px;bottom:auto;top:19px;width:24px;height:24px}.composer:has(.avatar) .send{right:22px;bottom:18px}.review-avatar{position:relative;overflow:hidden}.review-avatar img{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;object-fit:cover}.dialog,.pin-preview{background:#242424;color:#ececec;box-shadow:inset 0 0 0 1px #ffffff12,0 16px 48px #0005}.message .author,.pin-preview strong{color:#efefef}.message small{color:#8d8d8d}.message+.message:before,.composer{box-shadow:0 -1px #ffffff08}.message+.message:before{background:#ffffff08}.dialog .icon,.pin-preview .icon,.actions>.icon{color:#929292}.dialog .icon:hover,.pin-preview .icon:hover{background:#ffffff0a;color:#eee}.composer textarea,.dialog input,.dialog textarea{background:#ffffff07;color:#eee;box-shadow:inset 0 0 0 1px #ffffff05}.composer textarea::placeholder,.dialog input::placeholder,.dialog textarea::placeholder{color:#858585}.composer textarea:focus,.dialog textarea:focus{box-shadow:inset 0 0 0 1px #ffffff20}.send:disabled{background:#ffffff0a;color:#707070}.reaction{background:#ffffff08;color:#ccc}.pin{touch-action:manipulation}.pin[data-moving]{touch-action:none;cursor:grab;z-index:4}.pin-move{position:fixed;z-index:30;left:50%;bottom:80px;translate:-50% 0;width:min(420px,calc(100vw - 24px));display:flex;flex-wrap:wrap;gap:8px;padding:14px;border-radius:14px;background:#252525;color:#eee;box-shadow:0 0 0 1px #ffffff20,0 8px 24px #0005;font:12px/1.5 ui-sans-serif,system-ui,sans-serif;pointer-events:auto}.pin-move p{flex-basis:100%;margin:0 0 4px}.pin-move button{min-height:36px;padding:6px 12px;border-radius:8px}.pin-move .primary{background:var(--accent,#c8b5f4);color:#21172f}.pin-move .secondary{background:#ffffff12;color:#eee}.pin-move-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.pin{padding:0;overflow:hidden}.pin .avatar{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;background:transparent;color:inherit;display:grid;place-items:center;font-size:inherit}.avatar{position:relative;overflow:hidden;flex-shrink:0}.avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}.sidebar-replies{position:relative;margin:0 12px 14px 20px;padding:2px 0 2px 12px;display:grid;gap:12px}.sidebar-replies:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:#ffffff16}.sidebar-reply{display:grid;grid-template-columns:20px minmax(0,1fr);align-items:flex-start;gap:8px;text-align:left}.sidebar-reply .avatar{width:20px;height:20px;font-size:8px}.sidebar-reply>div{min-width:0}.sidebar-reply p{font-size:13px;line-height:1.5;margin:4px 0 0;white-space:pre-wrap;overflow-wrap:anywhere;color:#d9d9d9}.reply-meta{font-size:11px;color:#999;overflow-wrap:anywhere}.floating-notice{display:flex;align-items:center;gap:10px;width:max-content;max-width:min(360px,calc(100vw - 24px));padding:10px 12px;border-radius:12px;color:#d4d4d4;background:#292929;box-shadow:inset 0 0 0 1px #ffffff12,0 8px 28px #0004;font-size:12px}.floating-notice>svg{width:16px;height:16px;color:#aaa}.floating-notice>span{flex:1}.floating-notice .icon{width:24px;height:24px}.floating-notice .icon:hover{background:#ffffff10}.notice-action{padding:5px 8px;border-radius:6px;background:#ffffff10}.account-layer{position:fixed;inset:0 0 0 auto;width:min(380px,100vw);padding:24px 16px 96px;z-index:9;display:grid;place-items:center;background:#0008;pointer-events:auto}.account-layer .account-dialog{position:relative;left:auto!important;top:auto!important;bottom:auto!important;width:100%;max-height:calc(100dvh - 120px);overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin;scrollbar-color:#ffffff30 transparent}.account{padding:36px 24px 24px;gap:20px}.account h2{font-size:20px;letter-spacing:-.025em;font-weight:500}.account-name-label{display:grid;gap:8px;font-size:12px;color:#999}.account input,.account textarea{font-size:15px;padding:12px}.account .primary{width:100%;min-height:42px;color:#222;background:#eee}.account .primary:hover{background:#fff}.account .secondary{background:#ffffff0a;color:#ddd}.account>.avatar{width:48px;height:48px;border-radius:50%;font-size:18px}.account .notice{color:#999}.account-layer .account-dialog{border-radius:24px;background:#202020;box-shadow:0 16px 48px #0006,inset 0 0 0 1px #ffffff12}.account-layer .account{flex:none;padding:32px 24px 24px;gap:20px}.account-summary{display:flex;flex-direction:column;align-items:center;gap:10px;margin-bottom:8px}.account-summary .avatar{width:72px;height:72px;font-size:24px;box-shadow:0 0 0 4px #ffffff06}.account-summary h3{margin:6px 0 0}.account-status{display:flex;align-items:center;justify-content:center;gap:5px;color:#949494;font-size:12px}.account-layer .account input,.account-layer .account textarea{width:100%;min-height:44px;background:#ffffff06;color:#f2f2f2;box-shadow:inset 0 0 0 1px #ffffff0b;border-radius:12px;transition:box-shadow .15s ease,background .15s ease}.account-layer .account input:focus,.account-layer .account textarea:focus{outline:none;background:#ffffff09;box-shadow:inset 0 0 0 1px #bda6ef}.account-layer .account button{border-radius:12px}.account-layer .account .primary{background:#bda6ef;color:#211b2d;font-weight:600}.account-layer .account .primary:disabled{opacity:.4;cursor:default}.account-layer .account .primary[aria-busy=true]{opacity:.7;cursor:progress}.account .primary[aria-busy=true]:after{content:"";width:12px;height:12px;box-sizing:border-box;border:1.5px solid;border-right-color:transparent;border-radius:50%;animation:busy-spin .7s linear infinite}@keyframes busy-spin{to{rotate:1turn}}@media(prefers-reduced-motion:reduce){.account .primary[aria-busy=true]:after{animation-duration:2s}}.account-dialog .dialog-head{top:16px;right:14px}.account-layer .account .account-avatar-button{padding:0;border-radius:50%;background:transparent;position:relative;transition:filter .15s ease,transform .15s ease}.account-avatar-button:hover{filter:brightness(.88);transform:scale(1.025)}.account-avatar-button:focus-visible{outline:2px solid #bda6ef;outline-offset:6px}.google-logo{width:18px;height:18px;flex:none;object-fit:contain}.account-status .google-logo{width:14px;height:14px;margin-left:2px}.account .google-signin{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;width:100%;box-shadow:inset 0 0 0 1px #ffffff12}.account-divider{display:flex;align-items:center;gap:12px;font-size:12px;color:#777}.account-divider:before,.account-divider:after{content:"";height:1px;flex:1;background:#ffffff0d}@media(prefers-reduced-motion:reduce){.account-avatar-button{transition:none!important}}.account-session{padding-top:20px;box-shadow:0 -1px #ffffff0b}.account-session .secondary{width:100%;min-height:40px}.account-setting{display:grid;gap:8px}.account-setting-label{font-size:11px;line-height:16px;color:#a5a5a5;text-transform:uppercase;letter-spacing:.05em}.account .selection-menu>summary.selection-trigger{width:100%;min-height:44px;padding:10px 14px 10px 12px;justify-content:space-between;border-radius:12px;background:#ffffff0a;color:inherit;font:inherit;box-shadow:inset 0 0 0 1px #ffffff14}.selection-trigger:focus-visible{outline:2px solid var(--accent, #bda6ef);outline-offset:2px}.account .selection-menu{min-width:0}.account .selection-label{min-width:0;overflow:hidden;text-overflow:ellipsis}@media(max-width:760px){.account-layer{width:100%}}:host{--duration-stagger: 40ms;--duration-fast: .25s;--duration-quick: .15s;--ease-smooth-out: cubic-bezier(.22, 1, .36, 1);--dropdown-open-dur: var(--duration-fast);--dropdown-close-dur: var(--duration-quick);--dropdown-pre-scale: .97;--dropdown-closing-scale: .99;--dropdown-ease: var(--ease-smooth-out)}.t-dropdown{transform-origin:top left;transform:scale(var(--dropdown-pre-scale));opacity:0;pointer-events:none;transition:transform var(--dropdown-open-dur) var(--dropdown-ease),opacity var(--dropdown-open-dur) var(--dropdown-ease);will-change:transform,opacity}.t-dropdown[data-origin=top-right]{transform-origin:top right}.t-dropdown[data-origin=top-center]{transform-origin:top center}.t-dropdown[data-origin=bottom-left]{transform-origin:bottom left}.t-dropdown[data-origin=bottom-center]{transform-origin:bottom center}.t-dropdown[data-origin=bottom-right]{transform-origin:bottom right}.t-dropdown.is-open{transform:scale(1);opacity:1;pointer-events:auto}.t-dropdown.is-closing{transform:scale(var(--dropdown-closing-scale));opacity:0;pointer-events:none;transition:transform var(--dropdown-close-dur) var(--dropdown-ease),opacity var(--dropdown-close-dur) var(--dropdown-ease)}@media(prefers-reduced-motion:reduce){.t-dropdown{transition:none!important}}.message-content{display:flex;align-items:flex-start;gap:8px;padding-left:32px}.message-content .message-text{flex:1;min-width:0;padding:0;margin:3px 0 0}.message-reaction{position:relative;flex:none;width:26px;height:26px}.message>.row>.comment-menu{margin-left:auto}.message>.row>.comment-menu>summary{width:24px;height:24px}.message .actions{margin-top:8px}.emoji-menu{position:fixed;z-index:20;display:flex;gap:2px;padding:5px;background:#292929;border-radius:12px;box-shadow:0 0 0 1px #ffffff12,0 8px 24px #0005}.emoji-choice{display:grid;place-items:center;padding:0;border-radius:7px;opacity:0;transform:translate(-6px) scale(.97);transition:transform var(--duration-fast) var(--ease-smooth-out),opacity var(--duration-fast) var(--ease-smooth-out)}.emoji-menu.is-open .emoji-choice{opacity:1;transform:translate(0) scale(1);transition-delay:calc(var(--emoji-index) * var(--duration-stagger))}.emoji-menu.is-closing .emoji-choice{opacity:0;transform:scale(.99);transition-duration:var(--duration-quick);transition-delay:0ms}.emoji-choice:hover{background:#ffffff12}.reply-composer{position:relative;display:block}.reply-composer textarea{width:100%;padding-right:44px}.reply-composer>.send{position:absolute;right:22px;top:17px;width:26px;height:26px}.new-comment-composer>.row>.send{margin-left:auto}@media(prefers-reduced-motion:reduce){.emoji-choice{transition:none!important}}.comment-menu-items[popover]{position:fixed;inset:auto;margin:0;border:0}.selection-menu>summary.selection-trigger{display:flex;align-items:center;gap:8px;padding:8px 12px 8px 0;color:#eee;font-size:15px;font-weight:500;list-style:none;cursor:pointer}.selection-trigger svg{width:14px;height:14px;flex:none;color:#888;transition:transform .15s ease-out}.selection-menu[open]>.selection-trigger svg{transform:rotate(180deg)}.selection-menu [aria-checked=false] svg{opacity:0}.selection-menu [aria-checked=true]{background:#ffffff0b}.selection-menu .menu-action:last-child{margin-top:0}.selection-menu .menu-action:last-child:before{display:none}.selection-menu .comment-menu-items:popover-open{animation:selection-enter .25s cubic-bezier(.22,1,.36,1);transform-origin:top right}@keyframes selection-enter{0%{opacity:0;transform:translateY(-4px) scale(.97)}to{opacity:1;transform:none}}.panel-head{gap:0}.sidebar-search{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s cubic-bezier(.22,1,.36,1),opacity .15s ease-out}.panel[data-search=true] .sidebar-search{grid-template-rows:1fr;opacity:1}.sidebar-search-inner{min-height:0;overflow:hidden}.sidebar-search-row{display:flex;align-items:center;gap:8px;padding-top:12px}.sidebar-search-field{display:flex;min-width:0;align-items:center;gap:8px;background:#ffffff0d;border-radius:10px;padding:0 10px}.sidebar-search-field svg{flex:none;width:16px;height:16px;color:#888}:host(.review-open) .panel .sidebar-search-field input{min-width:0;width:100%;padding:9px 0;background:transparent;box-shadow:none;color:#eee;font-size:14px}.sidebar-search-field input::placeholder{color:#888}.search-cancel{color:#ccc;font-size:13px;padding:8px 0;transform:translate(8px);opacity:0;transition:transform .25s cubic-bezier(.22,1,.36,1),opacity .15s ease-out}.panel[data-search=true] .search-cancel{transform:none;opacity:1}.scope-slot .selection-trigger{font-size:12px;color:#999;padding:10px 12px 0 0}@media(prefers-reduced-motion:reduce){.sidebar-search,.search-cancel,.selection-trigger svg{transition:none}.selection-menu .comment-menu-items:popover-open{animation:none}}.dialog:has(.draft-close) .new-comment-composer{display:grid;gap:8px;padding:16px;box-shadow:none}.new-comment-composer .draft-proposal{margin-right:32px}.new-comment-composer .draft-body{display:grid;grid-template-columns:24px minmax(0,1fr) 28px;grid-template-rows:minmax(28px,auto) 28px;align-items:start;column-gap:12px;row-gap:8px}.new-comment-composer .draft-body:not(:has(.avatar)){grid-template-columns:minmax(0,1fr) 28px}.new-comment-composer .draft-body .avatar{grid-row:1;grid-column:1}.new-comment-composer .draft-body textarea{grid-row:1;grid-column:2}.new-comment-composer .draft-body:not(:has(.avatar)) textarea{grid-column:1}.new-comment-composer .draft-body .send{grid-row:2;grid-column:-2}.dialog .new-comment-composer .draft-body .avatar{position:relative;inset:auto;flex:none;width:24px;height:24px;margin:0}.dialog .new-comment-composer textarea,.dialog .new-comment-composer textarea:focus{flex:1;min-width:0;min-height:28px;padding:3px 0;background:transparent;border:0;border-radius:0;box-shadow:none;outline:none;line-height:22px}.dialog .new-comment-composer>.row{display:flex;justify-content:flex-end}.dialog .new-comment-composer .send{position:static;width:28px;height:28px;margin-left:auto}.pin-preview{width:320px;border-radius:18px}.pin-preview-open{padding:20px 16px 16px}.pin-preview .row{gap:8px;font-size:12px}.pin-preview .avatar{width:24px;height:24px;font-size:9px}.pin-preview .hover-message{margin:3px 0 0;padding-left:32px;line-height:1.6}.pin-preview .pin-preview-card{margin:-8px 16px 16px 48px;padding:0;cursor:pointer}.message-content{margin-right:-6px}.message-reaction.has-reactions{display:flex;align-items:center;justify-content:center;gap:3px;width:auto;min-width:26px;max-width:100px;padding:3px;background:transparent}.reaction-leaving{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:3px;pointer-events:none}.reaction-value{font-size:14px;line-height:20px;white-space:nowrap}.emoji-choice{width:28px;height:28px;font-size:17px;color:#ccc}.emoji-choice svg{width:18px;height:18px;stroke:currentColor}.emoji-choice:hover,.emoji-choice:focus-visible{color:#eee}.emoji-menu[data-placement=below] .emoji-choice{transform:translateY(-4px) scale(.97)}.emoji-menu[data-placement=below].is-open .emoji-choice{transform:none;transition-delay:0ms}.emoji-menu[data-placement=below].is-closing .emoji-choice{transform:scale(.99);transition-delay:0ms}.dialog .new-comment-composer .draft-body .send{flex:none;margin:0}.comment-drag-handle{position:absolute;inset:0 90px auto 0;height:34px;z-index:2;cursor:grab;touch-action:none}.toolbar{cursor:grab;touch-action:none}[data-dragging=true],[data-dragging=true] .comment-drag-handle{cursor:grabbing;user-select:none}[data-snap-x=left]:not(.toolbar){box-shadow:-3px 0 #ffffff70}[data-snap-x=right]:not(.toolbar){box-shadow:3px 0 #ffffff70}[data-snap-y=top]:not(.toolbar){box-shadow:0 -3px #ffffff70}[data-snap-y=bottom]:not(.toolbar){box-shadow:0 3px #ffffff70}.toolbar:before,.toolbar:after{content:"";position:absolute;pointer-events:none;background:#ffffff70;border-radius:999px;opacity:0}.toolbar:before{width:2px;height:28px;top:50%;translate:0 -50%}.toolbar:after{width:28px;height:2px;left:50%;translate:-50% 0}.toolbar[data-snap-x=left]:before{left:-10px;opacity:1}.toolbar[data-snap-x=right]:before{right:-10px;opacity:1}.toolbar[data-snap-y=top]:after{top:-10px;opacity:1}.toolbar[data-snap-y=bottom]:after{bottom:-10px;opacity:1}.toolbar,.panel,.dialog-head,.comment-drag-handle{-webkit-user-select:none;user-select:none}.message-text,.hover-message,.thread-card p,input,textarea{-webkit-user-select:text;user-select:text}.toolbar .morphing-menu [aria-current],.toolbar .morphing-menu [aria-current]:hover{background:#ffffff0d;color:#cbb9ec;box-shadow:inset 0 0 0 1px #ffffff08}:host(.review-open) .panel{height:calc(100% - 36px);padding-bottom:0}:host(.review-open) .panel .list{min-height:0;margin-inline:-12px;padding:0 0 112px;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent;scrollbar-gutter:stable;scroll-padding-bottom:112px;-webkit-mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 112px),transparent calc(100% - 24px));mask-image:linear-gradient(to bottom,#000 0,#000 calc(100% - 112px),transparent calc(100% - 24px))}:host(.review-open) .panel .list[data-scrolling=true]{scrollbar-color:#ffffff30 transparent}@supports selector(::-webkit-scrollbar){:host(.review-open) .panel .list,:host(.review-open) .panel .list[data-scrolling=true]{scrollbar-width:auto;scrollbar-color:auto}:host(.review-open) .panel .list::-webkit-scrollbar{width:4px}:host(.review-open) .panel .list::-webkit-scrollbar-track{background:transparent}:host(.review-open) .panel .list::-webkit-scrollbar-thumb{background:transparent;border-radius:999px}:host(.review-open) .panel .list[data-scrolling=true]::-webkit-scrollbar-thumb{background:#ffffff30}:host(.review-open) .panel .list[data-scrolling=true]::-webkit-scrollbar-thumb:hover{background:#ffffff50}:host(.review-open) .panel .list::-webkit-scrollbar-button{display:none}}@media(max-width:760px){:host(.review-open) .panel{height:100%}}.toolbar>.morphing-menu{transition:translate .28s cubic-bezier(.22,1,.36,1),scale .28s cubic-bezier(.22,1,.36,1),opacity .2s ease-in,filter .2s ease-in}.toolbar[data-away=true]{pointer-events:none}.toolbar[data-away=true]>.morphing-menu{translate:var(--drawer-away-x, 0px) var(--drawer-away-y, 24px);scale:.9;opacity:0;filter:blur(4px);pointer-events:none}@media(prefers-reduced-motion:reduce){.toolbar>.morphing-menu{transition:none}.toolbar[data-away=true]>.morphing-menu{translate:none;scale:1;filter:none}}.morphing-menu[data-vertical=true]{width:var(--mm-bar-height);height:var(--mm-bar-width)}.morphing-menu[data-vertical=true] .morphing-menu__bar{flex-direction:column;width:var(--mm-bar-height);height:var(--mm-bar-width);left:0;top:0;bottom:auto;translate:none}.morphing-menu[data-vertical=true] .morphing-menu__shortcut{width:var(--mm-button);height:0}.morphing-menu[data-edge=top] .morphing-menu__shell{top:0;bottom:auto}.morphing-menu[data-vertical=true] .morphing-menu__shell{left:0;top:0;bottom:auto;translate:none}.morphing-menu[data-edge=right] .morphing-menu__shell{left:auto;right:0}.morphing-menu[data-vertical=true][data-align-end=true] .morphing-menu__shell,.morphing-menu[data-vertical=true][data-align-end=true] .morphing-menu__bar{top:auto;bottom:0}.morphing-menu[data-edge=right] .morphing-menu__bar{left:auto;right:0}.morphing-menu__tooltip{bottom:auto;translate:-50% -100%;max-width:calc(100vw - 16px);overflow:hidden;text-overflow:ellipsis}.morphing-menu[data-edge=top] .morphing-menu__tooltip{translate:-50% 0}.morphing-menu[data-edge=left] .morphing-menu__tooltip{translate:0 -50%}.morphing-menu[data-edge=right] .morphing-menu__tooltip{translate:-100% -50%}.emoji-choice[aria-checked=true],.emoji-choice[aria-checked=true]:hover{background:#ffffff12;box-shadow:inset 0 0 0 1px #ffffff0a}:host(.review-open) .toolbar{cursor:default;touch-action:auto}.sidebar-search-field input::-webkit-search-cancel-button,.sidebar-search-field input::-webkit-search-decoration{-webkit-appearance:none;display:none}:host(.review-open) .toolbar .morphing-menu [data-menu-item=comments],:host(.review-open) .toolbar .morphing-menu [data-menu-item=comments]:hover{background:#ffffff0d;color:#cbb9ec;box-shadow:inset 0 0 0 1px #ffffff08}.toolbar[data-intro-wait=true]>.morphing-menu{transition:none}.toolbar[data-intro=true][data-away=true]>.morphing-menu{translate:0 var(--drawer-intro-y, 100vh);scale:1;filter:none}.toolbar[data-away=true][data-peek=true]>.morphing-menu{translate:0 var(--drawer-peek-y, 100vh);scale:1;opacity:1;filter:none}.toolbar .morphing-menu__row[aria-current] svg{color:inherit}.sidebar-selector{display:grid;min-width:0}.sidebar-selector>*{grid-area:1 / 1;transition:opacity .2s ease,transform .25s cubic-bezier(.22,1,.36,1)}.tag-filter-slot:empty{display:none}.panel .sidebar-title .tag-filter-trigger.active{color:var(--accent, #bda6ef)}.panel[data-search=true] .tag-filter-slot{opacity:0;pointer-events:none}.sidebar-selector .scope-slot{opacity:0;transform:translateY(6px);pointer-events:none}.panel[data-search=true] .sidebar-selector .filter-slot{opacity:0;transform:translateY(-6px);pointer-events:none}.panel[data-search=true] .sidebar-selector .scope-slot{opacity:1;transform:none;pointer-events:auto}.sidebar-selector .scope-slot .selection-trigger{font-size:15px;color:#f4f4f4;padding:8px 12px 8px 0;font-weight:600}.copy-page-prompt{display:grid;place-items:center;translate:0 0;transition:translate .28s cubic-bezier(.22,1,.36,1)}.copy-page-prompt>svg{grid-area:1 / 1;transform-origin:center}.panel[data-search=true] .copy-page-prompt{display:grid;place-items:center;translate:calc(100% + 4px) 0}.sidebar-search-trigger{transition:opacity .15s ease}.panel[data-search=true] .sidebar-search-trigger{opacity:0;pointer-events:none}.sidebar-search{opacity:1}.panel[data-search=true] .sidebar-search-inner{overflow:visible}.sidebar-search-field{flex:none;transform-origin:top left;box-sizing:border-box;overflow:hidden;width:100%}.sidebar-search-field .search-cancel{flex:none;padding:0;width:24px;height:24px}.sidebar-search-field input{transition:opacity .15s ease}.panel[data-search=false] .sidebar-search-field input{opacity:0}@media(prefers-reduced-motion:reduce){.sidebar-selector>*,.copy-page-prompt,.sidebar-search-trigger,.sidebar-search-field input{transition:none}}.toolbar .morphing-menu__panel>.morphing-menu__row:first-child,.toolbar .morphing-menu__panel>.morphing-menu__row:last-child{transition:background .15s ease,scale .18s var(--ease-smooth-out),border-radius .15s var(--ease-smooth-out)}.toolbar .morphing-menu__panel>.morphing-menu__row:first-child{border-top-left-radius:calc(var(--mm-radius) - var(--mm-panel-padding));border-top-right-radius:calc(var(--mm-radius) - var(--mm-panel-padding))}.toolbar .morphing-menu__panel>.morphing-menu__row:last-child{border-bottom-left-radius:calc(var(--mm-radius) - var(--mm-panel-padding));border-bottom-right-radius:calc(var(--mm-radius) - var(--mm-panel-padding))}.toolbar .morphing-menu__panel>.morphing-menu__row:first-child:active{border-top-left-radius:9px;border-top-right-radius:9px}.toolbar .morphing-menu__panel>.morphing-menu__row:last-child:active{border-bottom-left-radius:9px;border-bottom-right-radius:9px}@media(prefers-reduced-motion:reduce){.toolbar .morphing-menu__panel>.morphing-menu__row:first-child,.toolbar .morphing-menu__panel>.morphing-menu__row:last-child{transition:none}}.avatar,.pin{background:var(--reviewer-accent, #c8b5f4);color:var(--reviewer-ink, #352a50)}.avatar:has(img){outline:2px solid var(--reviewer-accent, #c8b5f4);outline-offset:1px}.account-accent{display:grid;gap:12px}.account-accent-label{color:#aaa;font-size:12px}.accent-swatches{display:flex;align-items:center;justify-content:space-between;gap:4px}.account-layer .account .accent-swatch{position:relative;flex:none;width:32px;height:32px;padding:4px;border-radius:50%;background:transparent;box-shadow:none}.accent-swatch:before{content:"";position:absolute;inset:4px;border-radius:inherit;background:var(--swatch)}.account .accent-swatch[aria-pressed=true]{box-shadow:inset 0 0 0 1.5px #eee}.account .accent-swatch:hover{background:#ffffff0d}.account .accent-swatch:focus-visible{outline:2px solid #eee;outline-offset:2px}.accent-custom:before{background:conic-gradient(#f46021,#f9b73b,#2e9d51,#38c5f6,#1f72ff,#9038fc,#f46021)}.accent-custom svg{position:relative;width:16px;height:16px;padding:2px;border-radius:50%;background:#252525;color:#eee}.emoji-keyboard{position:fixed;z-index:21;width:min(300px,calc(100vw - 16px));max-height:calc(100dvh - 16px);overflow:auto;border-radius:16px;background:#252525;box-shadow:0 0 0 1px #ffffff12,0 12px 32px #0006}.emoji-keyboard-close{position:absolute;top:12px;right:10px;z-index:2;width:26px;height:26px;color:#999}.emoji-keyboard-status{display:block;padding:20px;color:#aaa;font-size:12px}.emoji-keyboard emoji-picker{width:100%;height:min(300px,calc(100dvh - 32px));--background: #252525;--border-color: transparent;--button-hover-background: #ffffff10;--button-active-background: #ffffff18;--input-border-color: #ffffff12;--input-border-radius: 8px;--input-font-color: #eee;--indicator-color: #c8b5f4;--outline-color: #c8b5f4;--num-columns: 8;--emoji-size: 20px;--emoji-padding: 6px;--category-emoji-size: 16px;--category-emoji-padding: 6px}.pin .avatar:has(img){outline:none}.pin .avatar img{object-fit:cover;object-position:center;pointer-events:none;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none}.menu-action.destructive{color:#ff9696}.menu-action.destructive svg{color:inherit}.menu-action.destructive:hover,.menu-action.destructive:focus-visible{background:#ff6b6b14;color:#ffb0b0}.accent-popover{position:fixed;inset:auto;margin:0;width:min(240px,calc(100vw - 16px));padding:0;border:0;border-radius:12px;background:#292929;color:#ddd;box-shadow:0 0 0 1px #ffffff12,0 8px 24px #0005;transform-origin:bottom right}.accent-popover-head{display:flex;justify-content:space-between;gap:12px;padding:8px 12px;font-size:11px;box-shadow:0 1px #ffffff0d}.accent-popover-head span:last-child{color:#999;font-variant-numeric:tabular-nums}.accent-picker-body{display:flex;flex-direction:column;gap:8px;padding:12px}.accent-picker-body .react-colorful{width:100%;height:148px}.accent-picker-body .react-colorful__saturation{border-radius:8px;border-bottom:none}.accent-picker-body .react-colorful__hue{height:14px;margin-top:10px;border-radius:8px}.accent-picker-body .react-colorful__pointer{width:14px;height:14px}.accent-picker-body .react-colorful__hue-pointer{width:10px;height:18px;border-radius:6px}.accent-picker-body input.accent-hex{width:100%;height:28px;min-height:28px;padding:5px 8px;border-radius:6px;background:#ffffff08;color:#eee;font-size:12px;box-shadow:inset 0 0 0 1px #ffffff0c}.pin{--pin-x: -9px;transform:translate(var(--pin-x),-28px) scale(1);transform-origin:bottom left;transition:transform .12s cubic-bezier(.22,1,.36,1)}.pin[data-pointer=right]{--pin-x: -25px;border-radius:50% 50% 5px;transform-origin:bottom right}.pin.hot{z-index:3;transform:translate(var(--pin-x),-28px) scale(1.12)}.pins{transition:opacity .12s ease}.pins[data-scrolling=true]{opacity:0}.pins[data-scrolling=true] .pin{pointer-events:none}@media(prefers-reduced-motion:reduce){.pin,.pins{transition:none}}.pin-stack{position:fixed;display:flex;align-items:center;padding:3px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;pointer-events:auto;z-index:2;isolation:isolate}.pin-stack::-webkit-scrollbar{display:none}.pin-stack .pin:not([data-dragging]){position:relative;flex:0 0 34px;transform:scale(1);margin-left:-12px}.pin-stack .pin:not([data-dragging]):first-child{margin-left:0}.pin-stack .pin:hover,.pin-stack .pin:focus-visible,.pin-stack .pin.active{z-index:4}.pins[data-scrolling=true] .pin-stack{pointer-events:none}.onboarding-panel{display:grid;gap:16px}.onboarding-panel>p:empty{display:none}.approved-sites{display:grid;gap:8px;font-size:12px;overflow-wrap:anywhere;color:#ddd}.approved-sites:empty{display:none}.account-usage,.approved-sites-editor,.approved-site-list{min-width:0;grid-template-columns:minmax(0,1fr)}.approved-sites-editor{display:grid;padding-top:4px;border-top:1px solid #ffffff0d}.approved-sites-toggle{min-width:0;min-height:36px;margin:0 -8px;padding:0 8px;display:flex;align-items:center;gap:8px;border-radius:8px;background:transparent;font-size:12px;color:#ddd;text-align:left;cursor:pointer}.approved-sites-toggle:hover{background:#ffffff08}.approved-sites-toggle:focus-visible{outline:2px solid #bda6ef;outline-offset:-2px}.approved-sites-toggle>span:first-child{flex:1}.approved-sites-count{color:#aaa;font-variant-numeric:tabular-nums}.approved-sites-toggle svg{width:14px;height:14px;color:#888;transition:transform .25s cubic-bezier(.22,1,.36,1)}.approved-sites-editor[data-open=true] .approved-sites-toggle svg{transform:rotate(180deg)}.approved-sites-reveal{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s cubic-bezier(.22,1,.36,1)}.approved-sites-editor[data-open=true] .approved-sites-reveal{grid-template-rows:1fr}.approved-sites-body{min-height:0;min-width:0;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr);gap:10px}.approved-sites-editor[data-open=true] .approved-sites-body{padding-top:4px}.approved-site-list{display:grid;margin:0;padding:0;list-style:none}.approved-site{min-width:0;min-height:32px;display:flex;align-items:center;gap:8px;font-size:12px;color:#ddd}.approved-site>span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.approved-site>button{flex-shrink:0;opacity:0;transition:opacity .12s}.account-layer .account .approved-site>.icon{border-radius:7px}.approved-site:hover>button,.approved-site>button:focus-visible{opacity:1}@media(hover:none){.approved-site>button{opacity:1}}@media(prefers-reduced-motion:reduce){.approved-sites-reveal,.approved-sites-toggle svg{transition:none}}.approved-site-add{min-width:0;display:flex;gap:8px}.account .approved-site-add input{width:0;min-width:0;flex:1;font-size:13px;padding:8px 10px}.approved-site-add>button{flex-shrink:0;padding:0 12px}.approved-sites-body>.account-usage-status:empty{display:none}.account-usage{min-height:144px;box-sizing:border-box;align-content:start;display:grid;gap:14px;padding:16px;border-radius:14px;background:#ffffff05;box-shadow:inset 0 0 0 1px #ffffff09}.account-usage h3{line-height:18px;margin:0;font-size:12px;font-weight:500;color:#aaa}.usage-skeleton{display:block;height:10px;border-radius:4px;background:#ffffff0b}.usage-skeleton-heading{height:18px;display:flex;align-items:center}.usage-skeleton-title{width:70px}.usage-skeleton-label{width:88px;align-self:center}.usage-skeleton-count{width:56px;align-self:center}.usage-skeleton-ring{width:22px;height:22px;border-radius:50%;mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px))}.account-sites[aria-busy=true] .account-sites-summary{justify-content:space-between;color:#888}.account-projects{display:grid;gap:12px;padding-bottom:4px}.account-projects .account-usage-label{height:20px;align-items:center}.account-project-count{display:flex;align-items:baseline;gap:6px}.account-project-count strong{font-size:16px;line-height:1;font-weight:500;color:#eee}.account-project-count>span{font-size:12px;color:#909090}.account-project-slots{display:flex;gap:6px}.account-project-slots>span{flex:1;height:4px;border-radius:2px;background:#ffffff0b;box-shadow:inset 0 0 0 1px #ffffff07}.account-project-slots>span[data-used=true]{background:#bda6ef;box-shadow:inset 0 1px #ffffff26}.account-usage-label{line-height:18px;display:flex;justify-content:space-between;gap:12px;font-size:12px;color:#ddd;font-variant-numeric:tabular-nums}.account-usage-label>:last-child{color:#aaa}.account-comments{align-items:center;min-height:24px}.account-comment-count{display:flex;align-items:center;gap:10px}.account-usage-ring{display:block;width:22px;height:22px;flex-shrink:0;border-radius:50%;background:conic-gradient(#bda6ef var(--usage),#ffffff12 0);mask:radial-gradient(farthest-side,transparent calc(100% - 3px),#000 calc(100% - 2.5px))}.account-usage-ring[data-full=true]{background:conic-gradient(#f1b77d var(--usage),#ffffff12 0)}.account-sites{border-radius:14px;background:#ffffff05;box-shadow:inset 0 0 0 1px #ffffff09}.account-sites-summary{line-height:18px;width:100%;background:transparent;border-radius:inherit;text-align:left;display:flex;align-items:center;gap:10px;padding:16px;font-size:12px;color:#bbb;cursor:pointer;list-style:none}.account-sites-summary:hover{color:#eee}.account-sites-summary:focus-visible{outline:2px solid #bda6ef;outline-offset:-2px;border-radius:inherit}.account-sites-count{margin-left:auto;color:#888;font-variant-numeric:tabular-nums}.account-sites-summary svg{width:14px;height:14px;color:#888;transform:scaleY(1);transition:transform .25s cubic-bezier(.22,1,.36,1)}.account-sites-summary svg path{vector-effect:non-scaling-stroke}.account-sites[data-open=true] .account-sites-summary svg{transform:scaleY(-1)}.account-sites-reveal{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s cubic-bezier(.22,1,.36,1)}.account-sites[data-open=true] .account-sites-reveal{grid-template-rows:1fr}.account-sites-clip{min-height:0;overflow:hidden;opacity:0;transition:opacity .25s cubic-bezier(.22,1,.36,1)}.account-sites[data-open=true] .account-sites-clip{opacity:1}.account-sites-note{display:flex;align-items:flex-start;gap:7px}.account-sites-note>svg{flex-shrink:0;width:13px;height:13px;margin-top:2px;color:#777}.account-sites-note>span{text-wrap:balance}@media(prefers-reduced-motion:reduce){.account-sites-reveal,.account-sites-clip,.account-sites-summary svg{transition:none}}.account-sites-content{display:grid;gap:14px;padding:0 16px 16px}.account-usage-status,.account-usage-note{font-size:11px;line-height:1.5;color:#909090}@media(max-width:760px),(max-width:1000px)and (max-height:500px){:host(.review-open) .toolbar{bottom:calc(16px + env(safe-area-inset-bottom,0px))}:host(.review-open) .account-layer{position:absolute;top:var(--review-sheet-top,42%);bottom:0;width:100%;padding:calc(24px + env(safe-area-inset-top,0px)) 12px calc(24px + env(safe-area-inset-bottom,0px));border-radius:24px 24px 0 0;overflow:hidden}.account-layer .account-dialog{max-height:100%;min-height:0;overscroll-behavior:contain}.account-layer .account{padding:28px 20px 20px}.panel-head .icon{min-width:40px;min-height:40px}.dialog:not(.account-dialog){width:calc(100vw - 32px);max-height:calc(var(--review-viewport-height,100dvh) - 100px)}:host :is(input,textarea,select){font-size:16px!important}:host(.review-open) .panel .sidebar-search-field input{font-size:16px}}@media(prefers-reduced-motion:reduce){:host(.review-open) .panel{animation:none;transition:none}}:host([data-sidebar="edge"]) .edge-sidebar{position:fixed;display:flex;flex-direction:column;width:var(--edge-sidebar-width, 380px);max-width:calc(100dvw - 32px);height:min(calc(100dvh - 32px),600px);max-height:min(calc(100dvh - 32px),680px);background:#0d0d0d;color:#e9e6e1;border-radius:16px;box-shadow:inset 0 0 0 1px #ffffff12,0 24px 70px #0006;overflow:hidden;pointer-events:auto;z-index:4;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .2s ease;transform-origin:right center}:host([data-sidebar="edge"]) .edge-sidebar[data-collapsed=true]{transform:translate(var(--edge-park-x, 404px));opacity:0;pointer-events:none}:host([data-sidebar="edge"]) .edge-sidebar[data-collapsed=true][data-peek=true]{transform:translate(var(--edge-peek-x, -304px)) scale(.96);opacity:1;pointer-events:auto}:host([data-sidebar="edge"]) .edge-sidebar[data-dragging=true]{overflow:visible}:host([data-sidebar="edge"]) .edge-sidebar .edge-sidebar-grip{position:absolute;top:0;left:0;right:0;z-index:7;flex:none;height:30px;display:grid;place-items:center;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}:host([data-sidebar="edge"]) .edge-sidebar .edge-sidebar-grip:before{content:"";width:36px;height:4px;border-radius:999px;background:#fff2}:host([data-sidebar="edge"]) .edge-sidebar .edge-sidebar-grip:hover:before,:host([data-sidebar="edge"]) .edge-sidebar[data-dragging=true] .edge-sidebar-grip:before{background:#ffffff3a}:host([data-sidebar="edge"]) .edge-sidebar[data-dragging=true] .edge-sidebar-grip{cursor:grabbing}.edge-sidebar-resize{position:absolute;z-index:8;touch-action:none}.edge-sidebar-resize-n,.edge-sidebar-resize-s{right:12px;left:12px;height:5px;cursor:ns-resize}.edge-sidebar-resize-e,.edge-sidebar-resize-w{top:12px;bottom:12px;width:5px;cursor:ew-resize}.edge-sidebar-resize-n{top:0}.edge-sidebar-resize-s{bottom:0}.edge-sidebar-resize-e{right:0}.edge-sidebar-resize-w{left:0}.edge-sidebar-resize-ne,.edge-sidebar-resize-nw,.edge-sidebar-resize-se,.edge-sidebar-resize-sw{width:12px;height:12px}.edge-sidebar-resize-ne{top:0;right:0;cursor:nesw-resize}.edge-sidebar-resize-nw{top:0;left:0;cursor:nwse-resize}.edge-sidebar-resize-se{right:0;bottom:0;cursor:nwse-resize}.edge-sidebar-resize-sw{bottom:0;left:0;cursor:nesw-resize}.edge-sidebar-resize-n:after,.edge-sidebar-resize-s:after,.edge-sidebar-resize-e:after,.edge-sidebar-resize-w:after{content:"";position:absolute;border-radius:999px;background:#fff9;opacity:0;transform:scale(.4);transition:opacity .14s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.35,1.55,.65,1)}.edge-sidebar-resize-e:after,.edge-sidebar-resize-w:after{top:50%;width:3px;height:28px;margin-top:-14px}.edge-sidebar-resize-n:after,.edge-sidebar-resize-s:after{left:50%;width:28px;height:3px;margin-left:-14px}.edge-sidebar-resize-w:after{left:7px}.edge-sidebar-resize-e:after{right:7px}.edge-sidebar-resize-n:after{top:7px}.edge-sidebar-resize-s:after{bottom:7px}.edge-sidebar-resize-n:hover:after,.edge-sidebar-resize-s:hover:after,.edge-sidebar-resize-e:hover:after,.edge-sidebar-resize-w:hover:after{opacity:1;transform:scale(1)}.edge-sidebar-snap{pointer-events:none;position:absolute;z-index:9;border-radius:999px;background:#0d0d0d;box-shadow:inset 0 0 0 1px #ffffff12;opacity:0;transition:opacity .14s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.35,1.55,.65,1)}.edge-sidebar-snap-left,.edge-sidebar-snap-right{top:50%;width:4px;height:28px;transform:translateY(-50%) scale(.4)}.edge-sidebar-snap-top,.edge-sidebar-snap-bottom{left:50%;width:28px;height:4px;transform:translate(-50%) scale(.4)}.edge-sidebar-snap-left{left:-8px}.edge-sidebar-snap-right{right:-8px}.edge-sidebar-snap-top{top:-8px}.edge-sidebar-snap-bottom{bottom:-8px}:host([data-sidebar="edge"]) .edge-sidebar[data-snap-x=left] .edge-sidebar-snap-left,:host([data-sidebar="edge"]) .edge-sidebar[data-snap-x=right] .edge-sidebar-snap-right{opacity:1;transform:translateY(-50%) scale(1)}:host([data-sidebar="edge"]) .edge-sidebar[data-snap-y=top] .edge-sidebar-snap-top,:host([data-sidebar="edge"]) .edge-sidebar[data-snap-y=bottom] .edge-sidebar-snap-bottom{opacity:1;transform:translate(-50%) scale(1)}:host([data-sidebar="edge"]) .edge-sidebar .panel{position:relative;z-index:auto;width:100%;height:100%;min-height:0;flex:1;display:flex;flex-direction:column;padding-top:30px;background:transparent;color:inherit;box-shadow:none;border-radius:0}:host([data-sidebar="edge"]) .edge-sidebar .panel .list{flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:transparent transparent;scrollbar-gutter:stable;box-sizing:border-box;margin-inline:-12px;padding:0 0 24px;-webkit-mask-image:none;mask-image:none}:host([data-sidebar="edge"]) .edge-sidebar .panel .list[data-scrolling=true],:host([data-sidebar="edge"]) .edge-sidebar .panel .list:hover{scrollbar-color:#ffffff30 transparent}:host([data-sidebar="edge"]) .edge-sidebar-sensor{position:fixed;top:0;bottom:0;width:24px;z-index:3;cursor:pointer;pointer-events:auto}:host([data-sidebar="edge"]) .edge-sidebar-sensor[hidden]{display:none}:host([data-sidebar="edge"]) .toolbar:not([data-edge-tabs=true]){bottom:calc(24px + env(safe-area-inset-bottom,0px))}:host([data-sidebar="edge"]) .toolbar[data-edge-tabs=true]{position:relative;inset:auto;transform:none;flex:none;width:100%;display:flex;justify-content:center;padding:0 12px 12px;z-index:6;pointer-events:none;background:transparent}:host([data-sidebar="edge"]) .toolbar[data-edge-tabs=true] .morphing-menu{pointer-events:auto}:host([data-sidebar="edge"]) .toolbar[data-edge-orient=horizontal] .morphing-menu,:host([data-sidebar="edge"]) .toolbar[data-edge-orient=horizontal] .morphing-menu[data-vertical=true]{width:var(--mm-bar-width);height:var(--mm-bar-height)}:host([data-sidebar="edge"]) .toolbar[data-edge-orient=horizontal] .morphing-menu__bar,:host([data-sidebar="edge"]) .toolbar[data-edge-orient=horizontal] .morphing-menu__shell{flex-direction:row;inset:auto auto 0 50%;translate:-50% 0;width:var(--mm-bar-width);height:var(--mm-bar-height)}:host([data-sidebar="edge"]) .toolbar[data-edge-orient=horizontal] .morphing-menu__shortcut{width:0;height:var(--mm-button);flex:1}:host([data-sidebar="edge"]) .edge-sidebar[data-morphing=true] .panel{padding-top:0;flex-basis:0;overflow:hidden}:host([data-sidebar="edge"]) .edge-sidebar[data-morphing=true] .toolbar[data-edge-tabs=true]{padding-bottom:0}:host([data-sidebar="edge"]) .edge-sidebar:has(>.account-layer){overflow:visible}:host([data-sidebar="edge"]) .edge-sidebar>.account-layer{position:absolute;inset:12px 10px auto;width:auto;height:auto;padding:0;background:none;place-items:start stretch;pointer-events:none;z-index:10}:host([data-sidebar="edge"]) .edge-sidebar>.account-layer .account-dialog{max-height:min(calc(100dvh - 32px),var(--edge-account-max-height, calc(100dvh - 120px) ));width:100%;pointer-events:auto}:host([data-sidebar="edge"]) .toolbar[data-hidden=true]>.morphing-menu{transition:none}.toolbar[data-hidden=true]{pointer-events:none}.toolbar[data-hidden=true]>.morphing-menu{translate:0 8px;scale:.92;opacity:0;filter:blur(6px)}@media(prefers-reduced-motion:reduce){:host([data-sidebar="edge"]) .edge-sidebar{transition:none}.toolbar[data-hidden=true]>.morphing-menu{translate:none;scale:1;filter:none}}.sidebar-tooltip{position:fixed;z-index:30;translate:-50% 0}.sidebar-tip{position:absolute;z-index:5;translate:none;display:flex;align-items:center;gap:2px;width:max-content;max-width:236px;padding:8px 4px 8px 12px;white-space:normal;overflow:visible;pointer-events:auto}.sidebar-tip[hidden]{display:none}.sidebar-tip p{margin:0;font-size:13px;line-height:18px}.sidebar-tip .icon{flex:none;width:24px;height:24px;border-radius:8px;color:inherit;opacity:.45}.sidebar-tip .icon:hover{opacity:1;background:light-dark(#0000000d,#ffffff14)}.sidebar-tip .icon svg{width:14px;height:14px}.sidebar-tip:before{content:"";position:absolute;left:var(--caret-x);bottom:100%;width:10px;height:10px;margin:0 0 -5px -5px;background:inherit;border-radius:2px 0;rotate:45deg}.sidebar-tip[data-tip=shortcut]:before{bottom:auto;top:100%;margin:-5px 0 0 -5px}.list[data-empty]{display:flex;flex-direction:column}.list[data-empty] .empty{flex:1;align-content:center}.sidebar-tooltip,.sidebar-tip{transition:var(--duration-quick) var(--ease-smooth-out);transition-property:opacity,transform,filter}.sidebar-tooltip:not([data-open]),.sidebar-tip[data-leaving]{opacity:0;transform:translateY(-4px);filter:blur(2px)}.sidebar-tip{transform-origin:var(--caret-x) top;animation:tip-in var(--duration-fast) var(--ease-smooth-out) backwards}.sidebar-tip[data-tip=shortcut]{transform-origin:var(--caret-x) bottom}@keyframes tip-in{0%{opacity:0;transform:scale(.98)}}.edge-sidebar:not([data-tips-ready]) .sidebar-tip{opacity:0;animation:none;pointer-events:none}[data-tips-restored] .sidebar-tip{animation:none;transition:none}@media(hover:none){.sidebar-tip[data-tip=shortcut]{display:none}}@media(prefers-reduced-motion:reduce){.sidebar-tooltip,.sidebar-tip{transition:none;animation:none}}:host([data-sidebar="mobile"]) .sidebar-tip{display:none!important}:host([data-sidebar="mobile"]) .panel{position:fixed;inset:auto 12px calc(var(--mobile-panel-bottom,0px) + 6px);width:auto;height:var(--mobile-panel-height,90vh);min-height:0;padding:20px 20px 10px;display:flex;flex-direction:column;background:#0d0d0d;color:#e9e6e1;border-radius:24px;box-shadow:0 -1px #ffffff24;overflow:hidden;pointer-events:none;visibility:hidden;opacity:0;transform-origin:bottom center;translate:var(--mobile-pill-x,0px) var(--mobile-pill-y,-24px);scale:var(--mobile-pill-scale-x,.6) var(--mobile-pill-scale-y,.08);will-change:translate,scale,opacity;transition:translate .32s cubic-bezier(.22,1,.36,1),scale .32s cubic-bezier(.22,1,.36,1),opacity .15s ease,visibility 0s linear .32s;z-index:8}:host([data-sidebar="mobile"].review-open:not([data-mobile-entering])) .panel{pointer-events:auto;visibility:visible;opacity:1;translate:0 0;scale:1;transition:translate .32s cubic-bezier(.22,1,.36,1),scale .32s cubic-bezier(.22,1,.36,1),opacity .15s ease,visibility 0s}:host([data-sidebar="mobile"]) .panel:before{display:none}:host([data-sidebar="mobile"]) .panel .list{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;margin-inline:0;padding-bottom:calc(88px + env(safe-area-inset-bottom,0px));-webkit-mask-image:none;mask-image:none;scrollbar-gutter:auto}:host([data-sidebar="mobile"]) .toolbar{position:absolute;z-index:10}:host([data-sidebar="mobile"].review-open) .toolbar .morphing-menu{--mm-surface:#282828}:host([data-sidebar="mobile"].review-open) .toolbar .morphing-menu__shell{backdrop-filter:none}:host([data-sidebar="mobile"]) .account-layer{position:fixed;inset:auto 20px calc(var(--mobile-panel-bottom,0px) + 14px);width:auto;height:calc(var(--mobile-panel-height,90vh) - 16px);padding:0;background:none;border-radius:0;overflow:visible;pointer-events:none;z-index:11}:host([data-sidebar="mobile"]) .account-layer .account-dialog{max-width:100%;max-height:100%;pointer-events:auto}@media(prefers-reduced-motion:reduce){:host([data-sidebar="mobile"]) .panel{transition:none}}.panel[data-thread]>:not(.thread-pane){visibility:hidden}.thread-pane{position:absolute;inset:0;padding:inherit;display:flex;flex-direction:column;pointer-events:none}:host([data-sidebar="background"]) .thread-pane{padding-bottom:96px}:host([data-sidebar="edge"]) .thread-pane{padding-bottom:44px}.thread-pane .dialog{position:static;flex:1;min-height:0;width:auto;max-width:none;max-height:none;margin:0 -16px;background:none;box-shadow:none;border-radius:0}.thread-pane .dialog-head{position:static;height:auto;padding:0 16px 8px;background:none;gap:4px}.thread-pane .messages{max-height:none}.thread-pane .composer{margin-top:auto}.message-content:has(>.thread-tags){display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 8px}.message-content:has(>.thread-tags)>.message-text{grid-column:1;grid-row:1}.message-content>.thread-tags{grid-column:1;grid-row:2;margin:8px 0 0}.message-content:has(>.thread-tags)>.message-reaction{grid-column:2;grid-row:1}.thread-pane .message:first-child>.row{padding-right:0}.component-hover[data-thread]{outline:2px solid var(--accent, #bda6ef);background:none;transition:opacity .15s ease}.pins[data-quiet] .pin.active:not([data-moving]){scale:.7;opacity:.6;box-shadow:0 0 0 2px #fff;transition:opacity .15s ease}.pins[data-outlined] .pin.active:not([data-moving]){opacity:0;pointer-events:none}.thread-pane .icon:focus-visible{outline:2px solid var(--accent, #bda6ef);outline-offset:2px}@media(prefers-reduced-motion:reduce){.component-hover,.pins .pin.active{transition:none}}.thread-back{margin-left:-6px}.thread-back svg{rotate:90deg}.thread-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500}\n';let zn=C("div","catch");zn.hidden=!0;let jn=C("div","pins"),An=C("div"),Mn=C("div","toolbar"),Ln=C("div"),Tn=C("div");Ln.tabIndex=-1,ye&&Ln.classList.add("edge-sidebar");let _n=C("div","edge-sidebar-sensor");_n.hidden=!0,Object.assign(jn.style,{position:"fixed",inset:"0"});let Rn=C("div","pin-preview");Rn.hidden=!0;let qn=0,Pn=!1,Wn=!1,On=null,Hn=null,Bn=null,Dn="",Fn=(e=!1)=>{if(window.clearTimeout(qn),Rn.hidden||Wn&&!e)return;if(nn?.resetDesignPreviews(new Set([...tt.find(e=>e.id===nt)?.comments.map(e=>e.id)??[],"draft"])),Wn=!0,Hn?.cancel(),e||x())return Rn.hidden=!0,void(On=null);let t=Rn.animate([{opacity:1,transform:"scale(1)"},{opacity:0,transform:"translateY(3px) scale(.99)"}],{duration:150,easing:"cubic-bezier(.22,1,.36,1)",fill:"forwards"});Hn=t,t.finished.then(()=>{Hn===t&&(Rn.hidden=!0,On=null)}).catch(()=>{})};Rn.addEventListener("pointerenter",()=>{Pn||Rt||Xt||(Wn=!1,window.clearTimeout(qn),Hn?.cancel())}),Rn.addEventListener("pointerleave",()=>Fn());let In=C("div","component-hover");In.setAttribute("aria-hidden","true");let Yn=null,Nn=null,Xn=0,Un=C("div","sr-only");Un.setAttribute("aria-live","polite");let Vn=function(e,t){let n,i,o,a,r=!1,s=!1,l=new AbortController;e.addEventListener("pointerdown",()=>{s=!0},{capture:!0,signal:l.signal});let d=()=>{s=!1,setTimeout(()=>{a?.(),a=void 0},0)};document.addEventListener("pointerup",d,{capture:!0,signal:l.signal}),document.addEventListener("pointercancel",d,{capture:!0,signal:l.signal});let p=()=>i||r?Promise.resolve():o||(o=import("./toolbar-runtime-Y4YAL3P7.js").then(async t=>{if(s&&await new Promise(e=>{a=e}),r)return;let o=e.getRootNode().activeElement?.dataset.menuItem;i=t.mountToolbar(e,n),o&&e.querySelector(`[data-menu-item="${o}"]`)?.focus({preventScroll:!0})}).catch(()=>{o=void 0}),o);return e.addEventListener("pointerenter",()=>{p()},{once:!0}),e.addEventListener("focusin",()=>{p()},{once:!0}),{render(o){if(n=o,r)return;if(i)return void i.render(n);let a=C("nav","morphing-menu");a.setAttribute("aria-label",n.label??"Website review"),a.dataset.view="collapsed",a.dataset.edge=n.edge??"bottom",a.dataset.vertical=String("left"===n.edge||"right"===n.edge),a.dataset.alignEnd=String(!!n.alignEnd);let s=n.items.filter(e=>!1!==e.showInBar);a.style.setProperty("--mm-count",String(s.length+1));let l=C("div","morphing-menu__shell"),d=C("div","morphing-menu__bar");for(let e of s){let i=E(e.label,()=>{e.onSelect?.(),p()},"morphing-menu__shortcut");i.title=e.label,i.dataset.menuItem=e.id,e.id===n.activeId&&i.setAttribute("aria-current","page"),i.replaceChildren(t("glyph"in e.icon?e.icon.glyph:e.id)),d.append(i)}let c=E(n.moreLabel??"More review tools",()=>{p().then(()=>{i?e.querySelector('[data-menu-item="more"]')?.click():(c.title="Could not load menu. Tap to retry.",c.setAttribute("aria-label",c.title))})},"morphing-menu__shortcut");c.dataset.menuItem="more",c.setAttribute("aria-expanded","false"),c.replaceChildren($("drawer")),d.insertBefore(c,d.querySelector('[data-menu-item="dismiss"]')),l.append(d),a.append(l),e.replaceChildren(a)},unmount(){r=!0,l.abort(),a?.(),i?.unmount(),e.replaceChildren()}}}(Mn,e=>{if("account"===e){if(!Oe.user)return $("person");let e=A(Oe.user);return e.classList.add("review-avatar"),e}return $(e)});$n.append(En,zn,In,jn,Ln,_n,An,Rn,Tn,Mn,Un),document.body.append(Cn);let Kn=0,Jn=0,Gn=new MutationObserver(e=>{if(Date.now()-Jn>1e3&&([Kn,Jn]=[0,Date.now()]),++Kn<20)for(let t of e)Cn.removeAttribute(t.attributeName)});Gn.observe(Cn,{attributeFilter:["aria-hidden","inert"]});let Zn=document.documentElement;function Qn(e,t){return Object.fromEntries(t.map(t=>[t,e.style[t]]))}let ei=Qn(he,["width","boxSizing","zoom","transformOrigin","transform","position","left","top","height","minHeight","paddingBottom","overflow","borderRadius","background"]),ti=Object.keys(ei).map(e=>e.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`)),ni=W(he,ti),ii=Qn(document.body,["overflow","background"]),oi=W(document.body,["overflow","background"]),ai=W(Zn,["overflow","background"]),ri=new Map,si=Zn.style.background,li=function(e,t,n,i){let o,a=new Map,r=null,s=0,l=!1,d=0,p=()=>{d||(d=requestAnimationFrame(()=>{d=0,e.ownerDocument.defaultView?.dispatchEvent(new Event("resize")),h()}))},c=new ResizeObserver(h),u=new MutationObserver(n=>{r&&n.some(n=>{let i=n.target;return i instanceof HTMLElement&&i!==t&&!t.contains(i)&&i!==e&&!e.contains(i)&&("attributes"!==n.type||"style"!==n.attributeName||a.get(i)?.style!==i.getAttribute("style")&&![...a.values()].some(e=>e.constraints?.get(i)?.style===i.getAttribute("style")))})&&h()});function h(){s||!r||(s=requestAnimationFrame(()=>{s=0,b(),i()}))}function m(e,t){!t.animation&&e.style.translate!==t.appliedTranslate&&(t.translate=q(e,"translate")),!t.animation&&e.style.scale!==t.appliedScale&&(t.scale=q(e,"scale")),t.animation?.cancel(),t.animation||(P(e,"translate",t.translate),P(e,"scale",t.scale),B(e,["translate","scale"]));for(let[e,n]of t.constraints??[])g(e,n);c.unobserve(e)}function g(e,t,n=!1){for(let[n,i]of t.properties)e.style.getPropertyValue(n)!==i.applied&&(i.original=q(e,n)),P(e,n,i.original);n||c.unobserve(e)}function f(e,t,n,i){t.constraints??=new Map;let o=t.constraints.get(e);o||(o={properties:new Map,style:null},t.constraints.set(e,o),c.observe(e));let a=getComputedStyle(e),r=e=>"border-box"===a.boxSizing?0:"Width"===e?(parseFloat(a.paddingLeft)||0)+(parseFloat(a.paddingRight)||0)+(parseFloat(a.borderLeftWidth)||0)+(parseFloat(a.borderRightWidth)||0):(parseFloat(a.paddingTop)||0)+(parseFloat(a.paddingBottom)||0)+(parseFloat(a.borderTopWidth)||0)+(parseFloat(a.borderBottomWidth)||0),s={"min-width":"0px","min-height":"0px","max-width":`${Math.max(1,n-r("Width"))}px`,"max-height":`${Math.max(1,i-r("Height"))}px`,overflow:"auto"};for(let[t,n]of Object.entries(s)){let i=o.properties.get(t);i?e.style.getPropertyValue(t)!==i.applied&&(i.original=q(e,t),t.startsWith("max-")&&(i.maximum=a.getPropertyValue(t))):o.properties.set(t,i={original:q(e,t),applied:"",maximum:t.startsWith("max-")?a.getPropertyValue(t):void 0});let r=i.maximum;e.style.setProperty(t,r&&"none"!==r?`min(${r}, ${n})`:n,"important"),i.applied=e.style.getPropertyValue(t)}B(e,Object.keys(s)),o.style=e.getAttribute("style")}function b(){if(!r)return;let i=new Set,o=!1,s=(n,d)=>{if(n===t||n.contains(e))return;let p=getComputedStyle(n).position;if(!1===d)return;if(!0!==d&&"fixed"!==p){for(let e of n.children)e instanceof HTMLElement&&s(e);return}i.add(n);let u=a.get(n);if(u)u.animation&&(n.style.getPropertyPriority("translate")||n.style.getPropertyPriority("scale"))&&(u.animation.cancel(),u.animation=void 0,u.translate=q(n,"translate"),u.scale=q(n,"scale"),u.appliedTranslate=n.style.translate,u.appliedScale=n.style.scale),!u.animation&&n.style.translate!==u.appliedTranslate&&(u.translate=q(n,"translate")),!u.animation&&n.style.scale!==u.appliedScale&&(u.scale=q(n,"scale")),n.style.transform!==u.transform&&(u.transform=n.style.transform,u.positioningFrame={...r});else{if(u={translate:q(n,"translate"),scale:q(n,"scale"),appliedTranslate:n.style.translate,appliedScale:n.style.scale,style:n.getAttribute("style"),transform:n.style.transform,positioningFrame:l?null:{...r}},"function"==typeof n.animate&&!u.scale.priority&&!u.translate.priority)try{let e=n.animate(H(1),{duration:1,fill:"both",composite:"add"});"add"===e.effect?.composite?(u.animation=e,e.pause(),e.currentTime=0):e.cancel()}catch{}a.set(n,u),c.observe(n)}u.animation?u.animation.effect.setKeyframes(H(1)):(P(n,"translate",u.translate),P(n,"scale",u.scale),B(n,["translate","scale"]));let h='[role="dialog"], [role="alertdialog"]',m=n.matches(h)?null:n.querySelector(h);for(let[e,t]of u.constraints??[])e!==n&&(g(e,t,e===m),u.constraints.delete(e));let b=getComputedStyle(n),x=O(b.translate),w=r.scale,y=r.zoom??1,v=!0!==d&&!!n.style.transform&&!n.style.transform.includes("%")&&/^(?:translate(?:3d|X|Y)?\([^%]+\)\s*)+$/i.test(n.style.transform),k=n.getBoundingClientRect(),S=[r.left,r.top],C=r.bounds??e.getBoundingClientRect(),$=v?8/y:0,E=[C.width-2*$,C.height-2*$];if(C.width&&C.height&&(u.constraints?.has(n)||k.width/y*w>E[0]||k.height/y*w>E[1])&&f(n,u,E[0]/w,E[1]/w),m instanceof HTMLElement&&C.width&&C.height){let e=m.getBoundingClientRect();if(u.constraints?.has(n)||e.width/y*w>E[0]||e.height/y*w>E[1]){let e=e=>{let t="Width"===e?["left","right"]:["top","bottom"],i=0;for(let e=m;e!==n&&e.parentElement;e=e.parentElement){let o=getComputedStyle(e),a=getComputedStyle(e.parentElement);for(let r of t)i+=(parseFloat(o.getPropertyValue(`margin-${r}`))||0)+(parseFloat(a.getPropertyValue(`padding-${r}`))||0)+(e.parentElement===n?0:parseFloat(a.getPropertyValue(`border-${r}-width`))||0)}return Math.min(E["Width"===e?0:1]/w,n[`client${e}`])-i};f(m,u,e("Width"),e("Height"))}u.constraints?.has(m)||c.unobserve(m)}let z=n.getBoundingClientRect(),j=v?[z.left/y,z.top/y]:null,A=getComputedStyle(n).transformOrigin.split(" ").map(parseFloat),M=[n.offsetLeft,n.offsetTop],L=S.map((e,t)=>{let n=M[t]+(A[t]||0),i=e-(1-w)*n;if(j&&z){let o=u.positioningFrame,a=e+w*(j[t]-(o?[o.left,o.top][t]:0))/(o?.scale??1);if(C.width&&C.height){let e=[C.left,C.top][t]+$,n=[C.right,C.bottom][t]-$-[z.width,z.height][t]/y*w;a=Math.max(e,Math.min(n,a))}i=a-w*j[t]-(1-w)*n}return`calc(${i}px + ${u.animation?w-1:w} * ${x[t]??"0px"})`}).join(" ");u.animation?u.animation.effect.setKeyframes(H(w,L)):(n.style.setProperty("translate",L,u.translate.priority),n.style.setProperty("scale",O(b.scale).length?O(b.scale).map(e=>String(Number(e)*w)).join(" "):String(w),u.scale.priority),B(n,["translate","scale"])),u.appliedTranslate=n.style.translate,u.appliedScale=n.style.scale,u.style=n.getAttribute("style"),o||=(n.getAnimations?.()??[]).some(e=>e!==u.animation&&"running"===e.playState&&e.effect?.getKeyframes().some(e=>Object.keys(e).some(e=>/^(transform|translate|scale|left|top|width|height)$/.test(e))))};for(let e of document.body.children)e instanceof HTMLElement&&s(e,n?.(e));for(let[e,t]of a)i.has(e)||(m(e,t),a.delete(e));o&&h()}function x(){cancelAnimationFrame(s),s=0,o?.abort(),o=void 0,u.disconnect(),c.disconnect();for(let[e,t]of a)m(e,t);a.clear()}return{update(t){let n=r;if(l=!n&&!!t,r=t,!t)return x(),void(n&&p());if(!o){o=new AbortController,u.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["style","class","data-state"]});for(let e of["animationend","animationcancel","transitionend","transitioncancel"])document.addEventListener(e,h,{capture:!0,signal:o.signal});e.addEventListener("scroll",p,{passive:!0,signal:o.signal})}b(),l=!1,(!n||n.scale!==t.scale||n.left!==t.left||n.top!==t.top)&&p()},reposition:p,destroy(){r=null,x(),cancelAnimationFrame(d)}}}(he,Cn,_.frame?.include,ar);function di(){let e=parseFloat(he.style.left)||0,t=parseFloat(he.style.top)||0,n=(parseFloat(he.style.width)||he.offsetWidth)*$o,i=(parseFloat(he.style.height)||he.offsetHeight)*$o;li.update(hi&&!Be?{scale:$o,left:e,top:t,zoom:Ji(),bounds:{left:e,top:t,right:e+n,bottom:t+i,width:n,height:i}}:null)}function pi(){let e=hi||mi,t=[document.body.style.background,Zn.style.background];e&&(document.body.style.background=ii.background,Zn.style.background=si);let n=[document.body,Zn].map(e=>getComputedStyle(e).backgroundColor).find(e=>"rgba(0, 0, 0, 0)"!==e)??"#fff";return e&&([document.body.style.background,Zn.style.background]=t,ui.takeRecords()),n}let ci=0,ui=new MutationObserver(()=>{ci||=requestAnimationFrame(()=>{ci=0,gi=pi(),(hi||mi)&&(he.style.background=gi)})}),hi=!1,mi=!1,gi=pi();for(let e of[Zn,document.body])ui.observe(e,{attributes:!0});let fi,bi=0,xi=!1,wi=!1,yi=function(e,t="session"){let n;try{"always"!==t&&localStorage.removeItem(e)}catch{}try{n="always"===t?localStorage:t?sessionStorage:void 0}catch{}return{get(){try{return"1"===n?.getItem(e)}catch{return!1}},set(t){try{t?n?.setItem(e,"1"):n?.removeItem(e)}catch{}}}}(`branch-comments:open:${_.project}:${_.repo}`,_.restoreOpen),vi=`branch-comments:toolbar-dismissed:${_.project}:${_.repo}`;try{"1"===sessionStorage.getItem(vi)&&(Ne=!0,Ye=!0)}catch{}let ki,Si,Ci,$i=!1,Ei=[],zi=0,ji=!1,Ai=null;function Mi(e){!Mn.offsetWidth||!Mn.offsetHeight||($t=Y(e,Mn.offsetWidth,Mn.offsetHeight,Zn.clientWidth,window.innerHeight),Mn.style.left=`${$t.x+Mn.offsetWidth/2}px`,"bottom"!==$t.edgeY||we?(Mn.style.top=`${$t.y}px`,Mn.style.bottom="auto"):(Mn.style.top="auto",Mn.style.bottom="calc(16px + env(safe-area-inset-bottom,0px))"))}function Li(e){if("true"===Ln.dataset.dragging)return Kt=e,Ln.style.left=`${e.x}px`,void(Ln.style.top=`${e.y}px`);Ln.offsetWidth&&(Kt=Y(e,Ln.offsetWidth,Ln.offsetHeight,Zn.clientWidth,window.innerHeight),qi())}function Ti(){Ln.style.width=`${Zt}px`,Ln.style.height=null==Qt?"":`${Qt}px`,la()}function _i(){Vt=Kt;try{localStorage.setItem(Jt,JSON.stringify({...Vt,width:Zt,height:Qt}))}catch{}}function Ri(){let e=Zn.clientWidth,t=window.innerHeight;Zt=Math.min(Math.max(Zt,V),Math.max(V,e-32)),null!=Qt&&(Qt=Math.min(Math.max(Qt,K),Math.max(K,Math.min(t-32,680)))),Ti()}function qi(){if(we||!ye)return;Ri();let e=Ln.offsetHeight||Math.min(window.innerHeight-32,680),t=function(e,t,n,i,o){let a=Y(e??{x:Math.max(U,i-t-U),y:U},t,n,i,o),r="left"===a.edgeX?"left":"right";return{x:a.x,y:a.y,width:t,height:n,side:r}}(Kt,Zt,e,Zn.clientWidth,window.innerHeight),n=function(e,t){let n="right"===e.side?t+24:-(e.width+24),i="right"===e.side?t-76:76-e.width;return{parked:n-e.x,peek:i-e.x}}(t,Zn.clientWidth);Ln.style.left=`${t.x}px`,Ln.style.top=`${t.y}px`,Ln.style.setProperty("--edge-account-max-height",`${Math.max(0,window.innerHeight-t.y-28)}px`),Ln.style.right="auto",Ln.style.bottom="auto",Ln.style.transformOrigin="left"===t.side?"left center":"right center",Ln.style.setProperty("--edge-park-x",`${n.parked}px`),Ln.style.setProperty("--edge-peek-x",`${n.peek}px`),_n.style.left="left"===t.side?"0px":"",_n.style.right="right"===t.side?"0px":"",De?(delete Ln.dataset.collapsed,delete Ln.dataset.peek,_n.hidden=!0):(Ln.dataset.collapsed="true",Gt?Ln.dataset.peek="true":delete Ln.dataset.peek,_n.hidden=!1)}function Pi(){Cn.dataset.sidebar=we?"mobile":ye?"edge":"background",Ln.classList.toggle("edge-sidebar",ye),Ln.style.transition="none",Ln.style.translate="",Ln.style.opacity="",Do(!0),ye?Yi.isConnected||Ln.prepend(Yi):(Yi.remove(),delete Ln.dataset.collapsed,delete Ln.dataset.peek,_n.hidden=!0),Ln.offsetWidth,Ln.style.transition=""}let Wi=[],Oi=!1;function Hi(){for(let e of Wi)e.cancel();Wi=[],mi=!1,jn.style.opacity=""}function Bi(e,t){if(we||e===xe||Be||!me&&"background"===e)return;let n=()=>[he,Ln.querySelector(".panel"),Mn,An.querySelector(".account-dialog")],i=n().map(e=>e?.getBoundingClientRect());if(Hi(),fi?.stop(),fi=void 0,ki?.stop(),ki=void 0,Do(!0),Wo(),Lo(),Mn.style.translate="",Si=void 0,Oi=!0,xe=e,ye="edge"===e,!t){ve=!1,_={..._,sidebar:e};try{localStorage.setItem(ge,e)}catch{}}if(Pi(),Ao(),er(),Oi=!1,x())return;n().forEach((e,t)=>{let n=i[t];if(!e?.isConnected||!n?.width||e===he&&!0!==_.frame?.scale)return;e!==he&&e.getAnimations().forEach(e=>e.cancel());let o=e.getBoundingClientRect();if(!o.width)return;let a=o.width/e.offsetWidth,r=getComputedStyle(e).transform;Wi.push(e.animate([{transform:`${"none"===r?"":r} translate(${(n.left-o.left)/a}px, ${(n.top-o.top)/a}px) scale(${n.width/o.width})`,transformOrigin:"top left"},{transform:r,transformOrigin:"top left"}],{duration:250,easing:"cubic-bezier(0.22, 1, 0.36, 1)"}))});let o=Wi;mi=!0,jn.style.opacity="0",Promise.all(o.map(e=>e.finished)).then(()=>{Be||o!==Wi||(Wi=[],mi=!1,jn.style.opacity="",di(),li.reposition(),ar())}).catch(()=>{})}function Di(e,n,i,o,a){let r=C("div","account-setting"),s=C("span","account-setting-label",n),l=t(n,i,o,e=>a(e));return l.querySelector("summary").dataset.focusKey=`setting-${e}`,r.append(s,l),r}function Fi(e){if(e!==We&&!Be){if(Je||rt.busy)return void ao("Wait for your changes to save.");We=e;try{localStorage.setItem(Pe,e)}catch{}_={..._,branch:"local"===e?"local":Le},Oe.cancelReads(),Oe=new i(_),Ge=At=!1,mo=void 0,zt="",jt=null,mt="Connecting",_t=Wt=Ot=Ht=Mt=!1,nt=null,it=null,Bt=null,Ii(),er(),uo()}}function Ii(){Qe++,Ge=!1,zt="",nt=null,mo=void 0;let e=Oe.cached();Ze=null!==e,rt.reset(go(e??[]))}let Yi=C("div","edge-sidebar-grip");Yi.setAttribute("aria-hidden","true");let Ni=e=>X(Ln,e,Li,He.signal,()=>{Ce=!1,Ee=!0,Vi.show()},()=>{_i(),Vi.update()},()=>De&&ye&&!ji);Ni(Yi),Ln.prepend(Yi);let Xi=["n","s","e","w","ne","nw","se","sw"];for(let e of Xi){let t=C("div",`edge-sidebar-resize edge-sidebar-resize-${e}`);t.addEventListener("pointerdown",t=>{if(0!==t.button||!De||!ye||ji)return;t.preventDefault(),t.stopPropagation();for(let e of Ln.getAnimations())e.cancel();Ln.style.transition="none";let n=Ln.getBoundingClientRect(),i=t.clientX,o=t.clientY,a=a=>{if(a.pointerId!==t.pointerId)return;let r=G(e,n,a.clientX-i,a.clientY-o,Zn.clientWidth,window.innerHeight);Zt=r.width,(e.includes("n")||e.includes("s"))&&(Qt=r.height),Kt={x:r.left,y:r.top},Ln.style.left=`${r.left}px`,Ln.style.top=`${r.top}px`,Ti()},r=e=>{e.pointerId===t.pointerId&&(window.removeEventListener("pointermove",a,!0),window.removeEventListener("pointerup",r,!0),window.removeEventListener("pointercancel",r,!0),Ln.style.transition="",_i(),qi())};window.addEventListener("pointermove",a,{capture:!0,passive:!1}),window.addEventListener("pointerup",r,!0),window.addEventListener("pointercancel",r,!0)},{signal:He.signal}),Ln.append(t)}for(let e of["left","right","top","bottom"])Ln.append(C("div",`edge-sidebar-snap edge-sidebar-snap-${e}`));let Ui=e=>{Gt=e,!De&&ye&&!ji&&qi()};_n.addEventListener("pointerenter",()=>Ui(!0)),_n.addEventListener("pointerleave",()=>Ui(!1)),_n.addEventListener("pointerup",e=>{0===e.button&&!De&&Fo(!0)}),Ln.addEventListener("pointerenter",()=>Ui(!0)),Ln.addEventListener("pointerleave",()=>Ui(!1)),window.addEventListener("resize",()=>{Be||!ye||ji||(Ri(),qi())},{signal:He.signal,passive:!0}),Pi();let Vi=function(e,t,n,i=!0){if(!i)return{show(){},update(){}};let o,a=0,r=0,s=0,l=0,d=0,p=matchMedia("(hover: hover) and (pointer: fine)");p.matches&&(e.dataset.away="true",e.dataset.intro="true",e.dataset.introWait="true");let c=()=>{let t=e.getBoundingClientRect(),n=[t.left,window.innerWidth-t.right,t.top,window.innerHeight-t.bottom],i=n.indexOf(Math.min(...n));e.style.setProperty("--drawer-peek-y",window.innerHeight-t.top-t.height/2+"px"),e.style.setProperty("--drawer-intro-y",window.innerHeight-t.top+8+"px"),e.style.setProperty("--drawer-away-x",(0===i?-24:1===i?24:0)+"px"),e.style.setProperty("--drawer-away-y",(2===i?-24:3===i?24:0)+"px")},u=()=>{clearTimeout(s),clearTimeout(l),delete e.dataset.peek,delete e.dataset.intro,delete e.dataset.introWait,clearTimeout(d),clearTimeout(a),a=0,delete e.dataset.away},h=()=>{if(!p.matches||t())return void u();let n=e.getBoundingClientRect(),i=o&&o.x>=n.left-72&&o.x<=n.right+72&&o.y>=n.top-72&&o.y<=n.bottom+72,r=e.querySelector(".morphing-menu"),s=e.getRootNode()instanceof ShadowRoot&&e.contains(e.getRootNode().activeElement);!p.matches||t()||i||s||e.dataset.dragging||r&&"collapsed"!==r.getAttribute("data-view")?u():a||e.dataset.away||(a=window.setTimeout(()=>{a=0,c(),e.dataset.away="true"},450))},m=()=>{!p.matches||n.aborted||(s=window.setTimeout(()=>{if(!e.dataset.away||t())return;c();let n=e.querySelector(".morphing-menu");n&&getComputedStyle(n).translate,delete e.dataset.introWait,e.dataset.peek="true",l=window.setTimeout(()=>{delete e.dataset.peek,d=window.setTimeout(()=>{delete e.dataset.intro},300)},900)},700))};"complete"===document.readyState?m():window.addEventListener("load",m,{once:!0,signal:n}),document.addEventListener("pointermove",e=>{o={x:e.clientX,y:e.clientY},r||(r=requestAnimationFrame(()=>{r=0,h()}))},{passive:!0,signal:n}),e.addEventListener("focusin",u,{signal:n}),e.addEventListener("focusout",()=>queueMicrotask(h),{signal:n});let g=new MutationObserver(h);return g.observe(e,{subtree:!0,attributes:!0,attributeFilter:["data-view","data-dragging"]}),n.addEventListener("abort",()=>{clearTimeout(a),cancelAnimationFrame(r),clearTimeout(s),clearTimeout(l),clearTimeout(d),g.disconnect()},{once:!0}),{show:u,update:h}}(Mn,()=>De||Fe||Ke||!!it||!!nt,He.signal,_.autoHideDrawer);X(Mn,Mn,Mi,He.signal,()=>{Vi.show(),ki?.stop(),Mn.style.translate="0px 0px"},()=>{Et=$t;try{localStorage.setItem(Ut,JSON.stringify(Et))}catch{}Vo(),Vi.update()},()=>!De,e=>!!e.closest(".morphing-menu__shortcut"));let Ki=new ResizeObserver(()=>{"true"!==Mn.dataset.edgeTabs&&($t?Mi($t):_.drawerContainer&&Vo())});Ki.observe(Mn),_.drawerContainer&&Ki.observe(_.drawerContainer);let Ji=()=>Zn.currentCSSZoom??1;function Gi(){return function(e){return e.replace(/\/+$/,"")||"/"}(_.page?.()??location.pathname)}let Zi=new WeakMap,Qi=null,eo=0,to=new WeakMap;function no(){cancelAnimationFrame(eo),!Be&&$n.querySelector(".floating-notice")&&(ro(),eo=requestAnimationFrame(no))}function io(e=it??tt.find(e=>e.id===nt)?.anchor){let t=An.firstElementChild?.getBoundingClientRect();if(!t||Ke)return;let n=e?Ia(e):null;return{cardKey:Ft,left:t.left,top:t.top,anchor:e,offsetX:t.left-(n?.x??0),offsetY:t.top-(n?.y??0),scrollX:window.scrollX,scrollY:window.scrollY}}function oo(e){e.dataset.closing||(e.dataset.closing="true",e.inert=!0,e.setAttribute("aria-hidden","true"),Qi===e&&(Qi=null,clearTimeout(wn)),x()?e.remove():e.animate([{opacity:getComputedStyle(e).opacity,translate:"0px 0px",scale:1},{opacity:0,translate:"true"===e.dataset.attached?`0px ${("above"===e.dataset.placement?1:-1)*(e.offsetHeight/2+10)}px`:"0px 3px",scale:"true"===e.dataset.attached?.94:.99}],{duration:150,easing:"cubic-bezier(.22,1,.36,1)",fill:"forwards"}).finished.catch(()=>{}).finally(()=>e.remove()))}function ao(e,t,n=io()){Un.textContent=e,Qi&&oo(Qi);let i=C("div","toast floating-notice");Qi=i,n&&Zi.set(i,n),i.setAttribute("role",t?"alertdialog":"status"),i.setAttribute("aria-label",e),i.append($("info"),C("span","",e)),t&&i.append(E(t.label,()=>{oo(i),t.run()},"notice-action")),i.append(E("Dismiss notice",()=>oo(i),"icon","close")),$n.append(i),ro(),no(),x()||i.animate([{opacity:0,translate:"true"===i.dataset.attached?`0px ${("above"===i.dataset.placement?1:-1)*(i.offsetHeight/2+10)}px`:"0px 6px",scale:"true"===i.dataset.attached?.94:.97},{opacity:1,translate:"0px 0px",scale:1}],{duration:250,easing:"cubic-bezier(.22,1,.36,1)"}),clearTimeout(wn),wn=window.setTimeout(()=>oo(i),5e3)}function ro(){for(let e of $n.querySelectorAll(".floating-notice")){let t=Zi.get(e);if(!t)continue;let n=t.anchor?Ia(t.anchor):null,i=(Ke||Ft!==t.cardKey?null:An.firstElementChild)?.getBoundingClientRect();i&&(e.style.maxWidth=`${Math.min(360,i.width,innerWidth-24)}px`,t.left=i.left,t.top=i.top,t.offsetX=i.left-(n?.x??0),t.offsetY=i.top-(n?.y??0),t.scrollX=window.scrollX,t.scrollY=window.scrollY);let o=i?i.left+(i.width-e.offsetWidth)/2:n?n.x+t.offsetX:t.left+t.scrollX-window.scrollX,a=!!i&&i.bottom+10+e.offsetHeight>innerHeight-12;e.dataset.placement=a?"above":"below";let r=i?a?i.top-e.offsetHeight-10:i.bottom+10:n?n.y+t.offsetY:t.top+t.scrollY-window.scrollY,s=String(!!i),l=void 0!==e.dataset.attached&&e.dataset.attached!==s,d=l?e.getBoundingClientRect():null,p=to.get(e);if(p&&(l||Math.abs(p.left-o)>.5||Math.abs(p.top-r)>.5)&&(p.animation.cancel(),to.delete(e)),e.dataset.attached=s,Object.assign(e.style,{left:`${o}px`,top:`${r}px`,bottom:"auto",transform:"none",transformOrigin:i?a?"50% 100%":"50% 0%":"0% 0%"}),d&&!e.dataset.closing&&!x()){let t=e.animate([{left:`${d.left}px`,top:`${d.top}px`},{left:`${o}px`,top:`${r}px`}],{duration:250,easing:"cubic-bezier(.22,1,.36,1)"});to.set(e,{animation:t,left:o,top:r})}}}function so(e){Be||e instanceof DOMException&&"AbortError"===e.name||(gt=e instanceof Error?e.message:"Something went wrong. Try again.",ao(gt))}function lo(e){e().catch(so)}function po(e,t){return t.then(t=>{e.isConnected&&e.replaceWith(t)}).catch(so),e}function co(e){return po(C("section","account-usage"),import("./onboarding-DRNGWOJ6.js").then(({accountUsage:t})=>t(Oe,e,!0,Me&&"local"===We)))}function uo(){lo(At?bo:yr)}let ho,mo,go=e=>e.map(e=>({...e,comments:e.comments.filter(e=>"[Comment deleted]"!==e.body)})).filter(e=>e.comments.length>0),fo=-1;async function bo(){if(Be||Ge||rt.busy||_.onboarding)return;let e=rt.revision,t=Oe,i=t.token,o=Qe;Ge=!0;try{let n=await t.list();if(Be||t!==Oe||o!==Qe||i!==t.token||rt.busy||e!==rt.revision)return;if(n===mo&&e===fo&&"Live"===mt)return!1;mo=n,fo=e,Ze=!0;let a=go(n),r=JSON.stringify(a)!==JSON.stringify(tt),s="Live"!==mt;return zt="",At&&(jt=null),mt=jt?"Offline":"Live",nt&&!a.some(e=>e.id===nt)&&(nt=null),r?rt.replace(a,e):s&&(ba(),Vo()),r}catch(a){if(Be||t!==Oe||o!==Qe||a instanceof DOMException&&"AbortError"===a.name)return;throw i!==t.token&&Ii(),a instanceof n&&(401===a.status||403===a.status)&&"site_not_approved"!==a.code&&(zt=a.message,nt=null,mo=void 0,rt.replace([],e)),jt=zt?null:le(a),mt="Offline",ba(),Vo(),a}finally{t===Oe&&o===Qe&&(Ge=!1)}}function xo(){!Xe&&Ce&&(Ce=!1,Kt=Vt,qi()),ve!==Xe&&(!Xe||me&&!we&&"edge"===xe)&&(ve=Xe,we?xe="edge":Bi(Xe?"background":"edge",!0))}let wo=()=>De&&!ye&&!we&&!ve;function yo(e){if(Ja(),_.onboarding)return;Xe&&(Xe=!1,ot?.setActive(!1),xo()),Ie=e,De&&!wo()&&Fo(!1);let t=e?Bt??Dt.shift():null;if(t)return it=t.anchor,pn=t.text,Bt=null,nt=null,Ke=!1,Fe=!1,er(),void An.querySelector("textarea")?.focus();Fe=e,ho?.wake(!1),Ye=!1,Ke=!1,e&&(nt=null,it=null),er()}function vo(){Ue&&(Ue=!1,Fo(et??!0),et=null,requestAnimationFrame(()=>{let e=Ln.querySelector(".list");e&&(e.scrollTop=Ve),($n.querySelector('.dialog [aria-label="Comment actions"]')??$n.querySelector('[data-menu-item="design"]'))?.focus({preventScroll:!0})}))}function ko(e){_.onboarding||it||e&&!Z||(e&&(et=null,nt||ot?.setReturnAction(null),Ue=!0,De&&(Ve=Ln.querySelector(".list")?.scrollTop??0),yo(!1),Xe=!0,Ee=!1,xo(),De||Fo(!0),Ke=!1,Ln.querySelector(".panel")?.contains($n.activeElement)&&Ln.focus({preventScroll:!0})),Xe=e,e?Xa().then(e=>e?.setActive(Xe)):(ot?.setActive(!1),xo(),vo()),er())}let So,Co=0,$o=1,Eo="",zo=()=>(window.visualViewport?.offsetTop??0)+Math.min(window.innerHeight,window.visualViewport?.height??window.innerHeight)-window.innerHeight;function jo(){for(let e of ri.values())e();ri.clear(),ni(),oi(),ai()}function Ao(){let e=Ji(),t=re(window.innerWidth,window.innerHeight)?Math.min(window.innerHeight,window.visualViewport?.height??window.innerHeight):window.innerHeight,n=`${window.innerWidth}:${window.innerHeight}:${t}:${e}:${De}:${Ke}:${xe}:${Xe}:${window.visualViewport?.offsetTop??0}`;if(Eo===n)return;if(we||Hi(),Eo=n,Cn.style.zoom=String(1/e),Cn.style.width=`${window.innerWidth}px`,jn.style.opacity="",ye||we){fi?.stop(),mi=!1;let n=hi?he.scrollTop*e:null;if(hi&&(jo(),$o=1),null!==n&&window.scrollTo({top:n,behavior:"instant"}),Cn.style.height=we?`${window.innerHeight}px`:"",Cn.style.top=we?"":"0px",we){let e=zo();Mn.style.translate=`0 ${e}px`,Cn.style.setProperty("--mobile-panel-height",`${Math.max(1,.9*t)}px`),Cn.style.setProperty("--mobile-panel-bottom",-e+"px")}return Cn.classList.toggle("review-open",De),hi=!1,di(),jn.style.clipPath="",void Object.assign(zn.style,{left:"",top:"",width:"",height:""})}let i=hi?he.scrollTop:window.scrollY/(e*$o),o=hi,a=hi?he.getBoundingClientRect():{left:0,top:0,width:window.innerWidth};fi?.stop(),mi=!1;let r=se(window.innerWidth,t,De,window.innerHeight,Ke,!0,!0===_.frame?.scale),s=r.framed;if(Cn.style.setProperty("--review-viewport-height",`${t}px`),Cn.style.height=`${t}px`,Cn.style.top="",Cn.classList.toggle("review-open",De),Cn.classList.toggle("design-active",Xe),s){$o=r.scale;let t=$o*e;Object.assign(he.style,{position:"fixed",transform:_.frame?.scale?`scale(${$o})`:ei.transform,transformOrigin:"top left",left:r.left/e+"px",top:r.top/e+"px",width:(_.frame?.scale?window.innerWidth:r.visibleWidth)/e+"px",boxSizing:"border-box",height:r.height/t+"px",paddingBottom:ei.paddingBottom,zoom:ei.zoom,overflow:_.frame?.scale?"hidden auto":"auto",borderRadius:12/t+"px",background:gi});for(let e of he.querySelectorAll("header"))!ri.has(e)&&"fixed"===getComputedStyle(e).position&&(ri.set(e,W(e,["position","margin-bottom"])),e.style.position="sticky",e.style.marginBottom=`-${e.offsetHeight}px`);Zn.style.overflow="hidden",document.body.style.overflow="hidden",Zn.style.background=document.body.style.background="#080808",he.scrollTop=i}else jo(),hi&&window.scrollTo({top:i*e,behavior:"instant"}),$o=1;if(hi=s,di(),!s&&_.drawerContainer?.isConnected){let e=_.drawerContainer.getBoundingClientRect();Ci=e.width?e.left+e.width/2:void 0}if(!(s===o||!0!==_.frame?.scale||xi||Oi||wi||x())){let t=s?he.getBoundingClientRect():{left:0,top:0,width:window.innerWidth},n=`translate(${(a.left-t.left)/e}px, ${(a.top-t.top)/e}px) scale(${$o*a.width/t.width})`;if(he.style.transformOrigin=s?"top left":`0 ${i}px`,!s){Zn.style.background=document.body.style.background="#080808",he.style.background=gi;let t=getComputedStyle(he).minHeight;he.style.minHeight=`max(${"auto"===t?"0px":t}, ${window.innerHeight/e}px)`}jn.style.opacity="0",mi=!0,fi=g(he,{transform:[n,`translate(0px, 0px) scale(${$o})`]},{duration:.25,ease:[.32,.72,0,1]});let o=fi;o.finished.then(()=>{Be||fi!==o||(mi=!1,hi||(he.style.transformOrigin=ei.transformOrigin,he.style.transform=ei.transform,he.style.background=ei.background,he.style.minHeight=ei.minHeight,document.body.style.background=ii.background,Zn.style.background=si),jn.style.opacity="",di(),li.reposition(),ar())})}jn.style.clipPath=s?`inset(${r.visibleTop}px ${r.right}px ${r.bottom}px ${r.visibleLeft}px)`:"",Object.assign(zn.style,s?{left:`${r.visibleLeft}px`,top:`${r.visibleTop}px`,width:`${r.visibleWidth}px`,height:`${r.visibleHeight}px`}:{left:"",top:"",width:"",height:""})}function Mo(){"true"!==Mn.dataset.edgeTabs&&(So=Qn(Mn,["left","top","bottom","transform"])),Object.assign(Mn.style,{left:"",top:"",bottom:"",transform:""}),Mn.parentElement!==Ln&&Ln.append(Mn),Mn.dataset.edgeTabs="true",De?Mn.dataset.edgeOrient="horizontal":delete Mn.dataset.edgeOrient}function Lo(){"true"===Mn.dataset.edgeTabs&&(Object.assign(Mn.style,So),So=void 0),delete Mn.dataset.edgeTabs,delete Mn.dataset.edgeOrient,Mn.parentElement===Ln&&Un.before(Mn)}function To(){return!nt||Ke||it||!De||we||Xe||_.onboarding?null:Ln.querySelector(".panel")}function _o(){return Mn.querySelector(".morphing-menu__shell")??Mn}function Ro(){return Mn.querySelector(".morphing-menu")}function qo(){return[...Ln.querySelectorAll(".panel-head, .panel .empty, .thread-card")]}function Po(e){return Ei.push(e),e}function Wo(){for(let e of qo())Object.assign(e.style,{opacity:"",transform:"",filter:""});Yi.style.opacity=""}function Oo(e,t){for(let e of Ln.getAnimations())e.cancel();Object.assign(Ln.style,{transition:"none",transform:"none",translate:"none",opacity:"1",left:`${e.left}px`,top:`${e.top}px`,width:`${e.width}px`,height:`${e.height}px`,borderRadius:t})}function Ho(){Object.assign(Ln.style,{width:"",height:"",borderRadius:"",transform:"",opacity:""}),ye&&qi(),Ln.offsetWidth,Ln.style.transition=""}function Bo(e=Ro()){delete Ln.dataset.morphing,delete Mn.dataset.edgeSurface,delete Mn.dataset.edgeMorph,delete Mn.dataset.hidden,e&&(e.style.transition="")}function Do(e=!1){zi+=1;for(let e of Ei)e.stop();Ei=[];let t=ji;ji=!1,e&&Ln.toggleAttribute("data-tips-ready",De),e&&t&&(Bo(),Lo(),Wo(),Ho())}function Fo(e){e!==De&&Ja(),Hi();let t=e&&!De;if(De=e,wi||ho?.wake(t),delete Ln.dataset.tipsReady,Ln.toggleAttribute("data-tips-restored",wi),_.onboarding||yi.set(e),e&&(Fe=!1),e||(clearTimeout(bi),bi=0,Ke=!1,qa=Pa="",Oa()),we)return cancelAnimationFrame(Co),function(){let e=Math.max(1,.9*Math.min(window.innerHeight,window.visualViewport?.height??window.innerHeight)),t=zo(),n=_o().getBoundingClientRect();Cn.style.setProperty("--mobile-pill-x",n.left+n.width/2-window.innerWidth/2+"px"),Cn.style.setProperty("--mobile-pill-y",n.bottom-(window.innerHeight+t-6)+"px"),Cn.style.setProperty("--mobile-pill-scale-x",String(Math.max(.01,n.width/Math.max(1,window.innerWidth-24)))),Cn.style.setProperty("--mobile-pill-scale-y",String(Math.max(.01,n.height/e)))}(),!t||wi||x()?delete Cn.dataset.mobileEntering:Cn.dataset.mobileEntering="",Ye=!1,Ao(),er(),Vi.show(),Vi.update(),void(void 0!==Cn.dataset.mobileEntering&&(Co=requestAnimationFrame(()=>{delete Cn.dataset.mobileEntering})));if(ye){let t=ji,n=e?_o().getBoundingClientRect():null;e||delete Mn.dataset.edgeOrient,$t=e?$t:Et,Si=void 0,Ye=!1,ji=!0;let i=Ro();return i&&(i.style.transition="none"),Vi.show(),Ao(),er(),function(e,t,n){let i=Ln.getBoundingClientRect(),o=e?null:{left:i.left,top:i.top,width:i.width,height:i.height,radius:Ln.style.borderRadius||"16px"};Do(!1),o&&Oo(o,o.radius);let a=zi;ji=!0;let f=Ro();f&&(f.style.transition="none");let b=function(){return Mn.querySelector(".morphing-menu__bar")}(),w=_o(),y=!1,v=()=>{y||a!==zi||Be||(y=!0,ji=!1,Bo(f),e||(Wo(),Ln.style.opacity="0",Lo()),Ho(),e&&(Ln.dataset.tipsReady=""))},k=wi||x();if(e){let e=t?Ln.getBoundingClientRect():null,i=Ln.style.borderRadius||"16px";Ln.style.transition="none",Ln.style.width="",Ln.style.height="",Ln.style.borderRadius="",Ln.style.transform="none";let o=w.getBoundingClientRect(),l=!t&&n&&n.width>0?n:o;!t&&l.width>0&&(Ai={left:l.left,top:l.top,width:l.width,height:l.height}),Mo(),delete Ln.dataset.morphing,qi();let p=Ln.getBoundingClientRect();if(Ln.dataset.morphing="true",k||l.width<=0||p.width<=0||t&&!e)return void v();let f=l.height/2+"px";t&&e?Oo(e,i):Oo(l,f),qo().forEach((e,t)=>{e.style.opacity="0",e.style.transform="translateY(48px)",e.style.filter="blur(4px)",Po(g(e,{opacity:1,y:0,filter:"blur(0px)"},{...d,delay:c+t*u}))}),Yi.style.opacity="0",Po(g(Yi,{opacity:1},{...d,delay:c}));let x=()=>{if(a!==zi||Be)return;delete Ln.dataset.morphing;let e=Ln.getBoundingClientRect();Po(g(Ln,{left:[`${e.left}px`,`${p.left}px`],top:[`${e.top}px`,`${p.top}px`],width:[`${e.width}px`,`${p.width}px`],height:[`${e.height}px`,`${p.height}px`],borderRadius:[Ln.style.borderRadius||"16px","16px"]},r)).finished.then(v).catch(()=>{a===zi&&v()})};if(t||l.height>l.width+8)return void x();let y=h(b?.offsetWidth||l.width,b?.offsetHeight||l.height),S=m(l.left+l.width/2,l.top+l.height,y.width,y.height),C=Ln.getBoundingClientRect();return void Po(g(Ln,{left:[`${C.left}px`,`${S.left}px`],top:[`${C.top}px`,`${S.top}px`],width:[`${C.width}px`,`${S.width}px`],height:[`${C.height}px`,`${S.height}px`]},s)).finished.then(x).catch(()=>{})}let S=o??Ln.getBoundingClientRect(),C=o?.radius||Ln.style.borderRadius||"16px";delete Mn.dataset.hidden,Ln.dataset.morphing="true",Mo();let $=Mn.getBoundingClientRect(),E=Ai??{left:(window.innerWidth-($.width||228))/2,top:window.innerHeight-24-($.height||52),width:$.width||228,height:$.height||52};if(k||E.width<=0||S.width<=0)v();else{Oo(S,C);for(let e of qo())Po(g(e,{opacity:0,y:16,filter:"blur(2px)"},p));Po(g(Yi,{opacity:0},p)),Po(g(Ln,{left:[`${S.left}px`,`${E.left}px`],top:[`${S.top}px`,`${E.top}px`],width:[`${S.width}px`,`${E.width}px`],height:[`${S.height}px`,`${E.height}px`],borderRadius:[C,E.height/2+"px"]},l)).finished.then(v).catch(()=>{a===zi&&v()})}}(e,t,n),void Vi.update()}let n=Mn.getBoundingClientRect();$t=e?void 0:Et,Si=void 0,Ye=!1,Ao(),er(),ki?.stop(),Mn.style.translate="0px 0px";let i=Mn.getBoundingClientRect();!wi&&!x()&&(ki=g(Mn,{translate:[`${n.left-i.left}px ${n.top-i.top}px`,"0px 0px"]},{type:"spring",stiffness:680,damping:32,mass:.55})),Vi.show(),Vi.update()}function Io(){if(Ja(),Ie=!1,clearTimeout(bi),bi=0,Ke)return lo(kt),fn=null,Ke=!1,void er();nt=null,it=null,Ke=!1,mn=null,gt="",Fe=!1,er()}function Yo(){Ue=!1,Xe=!1,ot?.setActive(!1),xo(),Io(),De&&Fo(!1),Fe=!1,Ie=!1,Ye=!0,Ne=!0;try{sessionStorage.setItem(vi,"1")}catch{}er()}function No(){Ne=!1,Ye=!1;try{sessionStorage.removeItem(vi)}catch{}er()}function Xo(e){if(Ja(),bn=!!$n.activeElement?.matches(":focus-visible")&&Ln.contains($n.activeElement),Ie=!1,clearTimeout(bi),bi=0,e.page!==Gi()){let t=new URL(e.page,location.origin);return t.searchParams.set("comment",e.id),void cr(t)}Bn=On!==e.id||Rn.hidden?null:Rn.getBoundingClientRect(),Bn&&Fn(!0),nt=e.id,it=null,Ke=!1,mn=null,gt="",Fe=!1;let t=we&&De;t&&Fo(!1);let n=Ia(e.anchor);n.attached&&!Bn&&(t||!we)&&(hi?he:window).scrollBy({top:(n.y-.35*(t?Math.min(window.innerHeight,window.visualViewport?.height??window.innerHeight):window.innerHeight))/(hi?$o*Ji():1),behavior:t&&!x()?"smooth":"instant"}),er()}function Uo(){return tt.filter(e=>(ut||e.page===Gi())&&("all"===pt||e.resolved===("resolved"===pt))&&(!ct||!!e.tags?.includes(ct))&&(!ht||e.comments.some(e=>`${e.body} ${e.author.name}`.toLowerCase().includes(ht.toLowerCase()))||e.page.toLowerCase().includes(ht.toLowerCase()))).sort((e,t)=>t.updatedAt-e.updatedAt)}function Vo(){Mn.style.display=Ne?"none":"",Vi.update();let{dockCenter:e}=se(window.innerWidth,window.innerHeight,De);if(we)Lo(),Object.assign(Mn.style,{left:"50%",top:"auto",bottom:"calc(16px + env(safe-area-inset-bottom,0px))",transform:"translateX(-50%)"});else if(ye)ji||(delete Mn.dataset.hidden,De?Mo():(Lo(),$t&&Mi($t)),qi());else{delete Mn.dataset.hidden;let t=!De&&_.drawerContainer?.isConnected?_.drawerContainer.getBoundingClientRect():void 0;t?.width&&!mi&&(Ci=t.left+t.width/2);let n=Mn.offsetWidth/2,i=t?.width&&void 0!==Ci?Math.max(16+n,Math.min(window.innerWidth-16-n,Ci)):e;if($t)Mi($t);else if(i!==Si){let e=Mn.getBoundingClientRect(),t=e.left+e.width/2;ki?.stop(),Mn.style.top="",Mn.style.bottom="",Mn.style.left=`${i}px`,Mn.style.translate="0px 0px",void 0!==Si&&!x()&&(ki=g(Mn,{translate:[`${t-i}px ${e.top-Mn.getBoundingClientRect().top}px`,"0px 0px"]},{type:"spring",stiffness:680,damping:32,mass:.55})),Si=i}}let t=e=>({glyph:e}),n=[{id:"browse",label:Re("Browse website",J.browse),icon:t("pointer"),onSelect:()=>yo(!1)},{id:"comment",label:Re("Add comment",J.comment),icon:t("comment"),onSelect:()=>yo(!Ie)},...Z?[{id:"design",label:Re("Design mode",J.design),icon:t("design"),onSelect:()=>ko(!Xe)}]:[],{id:"comments",label:_.onboarding?De?"Close project sidebar":"Project settings":`${Re(De?"Close comment sidebar":"View all comments",J.comments)}${De?"":` · ${tt.filter(e=>!e.resolved).length} open`}`,icon:t("expand"),onSelect:()=>Fo(!De)},{id:"account",expandedOrder:-1,label:Oe.user?`${Oe.user.name} · Account`:_.onboarding?.inProject?"Set up inline feedback":"Enter your name",icon:{user:Oe.user},onSelect:()=>{Ke||bi?(clearTimeout(bi),bi=0,Ke=!1,er()):Da()}},{id:"copy-prompts",keepOpenOnSelect:!0,label:"all"===ta?"Copied prompt":"Copy all comments for agent",icon:t("all"===ta?"check":"copy"),showInBar:!1,onSelect:()=>lo(()=>ia("all"))},...!me||we||Xe?[]:[{id:"layout",label:"edge"===xe?"Frame view":"Floating view",icon:t("expand"),showInBar:!1,onSelect:()=>Bi("edge"===xe?"background":"edge")}],{id:"dismiss",label:J.restore?`Dismiss inline feedback · ${J.restore.label} to restore`:"Dismiss inline feedback",icon:t("close"),onSelect:Yo},{id:"visibility",label:Ye?"Show comment pins":"Hide comment pins",icon:t("comment"),showInBar:!1,onSelect:()=>{Ye=!Ye,ea(),Vo()}}];"Offline"===mt&&n.push({id:"retry",label:`${jt?.title??"Offline"} · Retry`,icon:t("info"),showInBar:!1,onSelect:uo}),Vn.render({items:_.onboarding?n.filter(e=>"account"===e.id||"comments"===e.id):n,alignEnd:(!De||!ye)&&!!$t&&$t.y>window.innerHeight/2,edge:De&&ye?"bottom":$t?.edgeX??$t?.edgeY??($t&&$t.y<window.innerHeight/2?"top":"bottom"),activeId:Ke?"account":Xe?"design":Ie?"comment":De?"comments":"browse",label:"Website review",moreLabel:"More review tools"})}let Ko="",Jo=new Set;function Go(e,t){let n=e.querySelector(".page");if(!n)return;let i=new URL(t.page,location.origin).href;n.textContent=t.page!==Gi()?t.page:"",n.title=i,n.parentElement.hidden=!n.textContent;let o=e.querySelector(".card-status");o.textContent=t.resolved?"Resolved":Jo.has(t.id)?"Not found on page":"",o.hidden=!o.textContent,e.querySelector(".thread-card").setAttribute("aria-description",[i,o.textContent].filter(Boolean).join(" · "))}let Zo=!1,Qo=0;function ea(e=!1){if(Ye&&Ja(),Rt||Zo&&!e)return;if(Ye)return Ko="",Fn(),void jn.replaceChildren();let t=Gi(),n=tt.filter(e=>!(e.page!==t||e.resolved||ct&&!e.tags?.includes(ct))),i=function(){let e=new Map,t=new Map,n=new WeakMap,i=new WeakMap,o=(e,t,o)=>{let a=t.context,r=[pe(t.text),a.tag,a.role,a.label,a.nearby],s=JSON.stringify([o,a.tag,r.map(Boolean)]),l=n.get(e);l||n.set(e,l=new Map);let d=l.get(s),p=e=>JSON.stringify(e.map((e,t)=>r[t]?e:null));if(!d){l.set(s,d=new Map);for(let t of o?e.querySelectorAll(a.tag):e.children){let e=i.get(t);e||i.set(t,e=[ce(t),t.tagName.toLowerCase(),t.getAttribute("role")||"",fe(t),be(t)]);let n=p(e),o=d.get(n);o?o.push(t):d.set(n,[t])}}return d.get(p(r))??[]},a=t=>(e.has(t)||e.set(t,$e(t,void 0,o)),e.get(t)??null);return{resolve:a,locate:e=>(t.has(e)||t.set(e,je(e,a(e))),t.get(e))}}(),o=function(e,t){let n=new Map;for(let i of e){if(i.resolved||i.anchor.unstacked)continue;let e=t(i);if(null===e)continue;let o=n.get(e)??[];o.push(i),n.set(e,o)}let i=new Map;for(let e of n.values())if(!(e.length<2)){e.sort((e,t)=>e.createdAt-t.createdAt||e.id.localeCompare(t.id));for(let t of e)i.set(t.id,e)}return i}(n,e=>i.resolve(e.anchor)),a=n.map(e=>{let t=i.locate(e.anchor);if(t.y<-t.height-40||t.y>window.innerHeight+40)return{thread:e,rect:t,blocked:!1};let n=i.resolve(e.anchor),o=Ya(t.x+8,t.y-10);return{thread:e,rect:t,blocked:!(!n||!o||n.contains(o)||o.contains(n))}});for(let{thread:e,rect:t}of a){if(Jo.has(e.id)===!t.attached)continue;t.attached?Jo.delete(e.id):Jo.add(e.id);let n=$n.querySelector(`.thread-item[data-thread="${CSS.escape(e.id)}"]`);n&&Go(n,e)}let r=JSON.stringify([nt,it&&i.locate(it),a.map(({thread:e,rect:t,blocked:n})=>[e.id,t,n,R(t,window.innerWidth)])]);if(r===Ko)return;Ko=r,nn?.isPreviewing(Dn)||Fn();let s=new Map(Array.from(jn.querySelectorAll(".pin-stack"),e=>[e.dataset.stack,e.scrollLeft]));jn.replaceChildren();let l=new Map,d=new Map(a.map(e=>[e.thread.id,e]));for(let{thread:e,rect:t,blocked:n}of a){if(!t.attached)continue;let i=o.get(e.id),a=i&&d.get(i[0].id),r=a?.rect.attached?a:{rect:t,blocked:n};if(r.rect.y<-r.rect.height-40||r.rect.y>window.innerHeight+40||r.blocked)continue;let s=tt.indexOf(e)+1;if(t.width&&t.height){let n=C("div","area");Object.assign(n.style,{left:`${t.x}px`,top:`${t.y}px`,width:`${t.width}px`,height:`${t.height}px`,opacity:e.id===nt?"1":".45"}),jn.append(n)}let p=E(`Comment ${s}: ${dn(e.comments[0]?.body??"").slice(0,100)}`,()=>Xo(e),`pin${e.id===nt?" active":""}${e.id===Ra?" hot":""}${e.resolved?" resolved":""}${t.attached?"":" detached"}`);if(p.textContent="",p.title="",e.comments[0]){let t=e.comments[0].author;b(p,t.accentColor),p.append(A(t));let n=p.querySelector("img");n&&(n.draggable=!1)}if(e.resolved){let e=C("span","pin-check");e.append($("check")),p.append(e)}let c=()=>{if(nt||it||Fe||Rt||Xt||Pn)return;Wn=!1,window.clearTimeout(qn);let n=Rn.hidden||On!==e.id;Hn?.cancel(),On=e.id,Rn.replaceChildren();let i=e.comments[0];if(!i)return;let o=E("Open comment",()=>Xo(e),"pin-preview-open");o.textContent="";let a=rn.test(i.body),r=C(a?"div":"p","hover-message",dn(i.body));a&&sn().then(({renderDesignComment:t})=>t(r,i.body,{key:Dn=`hover:${i.id}`,resolve:ln(e.anchor),note:(e,t)=>e.textContent=t,compact:!0})),o.append(xa(i)),a?(r.classList.add("pin-preview-card"),r.addEventListener("click",t=>{t.target.closest(".design-toggle")||Xo(e)})):o.append(r);let s=E(e.resolved?"Reopen comment":"Resolve comment",()=>{Fn(),ua(e)},"icon pin-preview-resolve","check");s.disabled=!ca(),Rn.append(o,...a?[r]:[],s),Rn.hidden=!1;let l=Va(p,t),d=De&&!we?396:12,c=l.x+20+320>window.innerWidth-d?l.x-340:l.x+20;Object.assign(Rn.style,{left:`${Math.max(12,c)}px`,transformOrigin:l.x<Math.max(12,c)+160?"top left":"top right",top:`${Math.max(12,Math.min(l.y-28,window.innerHeight-Rn.offsetHeight-92))}px`}),n&&!x()&&(Hn=Rn.animate([{opacity:0,transform:"translateY(6px) scale(.97)"},{opacity:1,transform:"none"}],{duration:250,easing:"cubic-bezier(.22,1,.36,1)"}))};if(p.addEventListener("pointerenter",c),p.addEventListener("pointermove",e=>{Pn&&!Rt&&!Xt&&0===e.buttons&&(e.movementX||e.movementY)&&(Pn=!1,c())}),p.addEventListener("focus",c),p.addEventListener("blur",()=>Fn()),p.addEventListener("pointerleave",()=>{qn=window.setTimeout(Fn,120)}),p.dataset.thread=e.id,p.dataset.pointer=R(r.rect,window.innerWidth),Object.assign(p.style,{left:`${t.x}px`,top:`${t.y}px`}),i&&a?.rect.attached&&!a.blocked){let t=l.get(i[0].id);if(!t){t=C("div","pin-stack"),t.dataset.stack=i[0].id,t.setAttribute("role","group"),t.setAttribute("aria-label",`${i.length} comments on this component`);let e=Math.min(178,40+22*(i.length-1));Object.assign(t.style,{left:`${Math.max(4,Math.min(a.rect.x-25,window.innerWidth-e-8))}px`,top:a.rect.y-34+"px",maxWidth:`${e}px`}),t.addEventListener("scroll",()=>{Fn(),Ba()}),l.set(i[0].id,t),jn.append(t)}p.style.left="",p.style.top="",p.style.order=String(i.indexOf(e)),p.style.marginLeft=i[0].id===e.id?"0":"-12px",t.append(p)}else jn.append(p)}for(let[e,t]of l)t.scrollLeft=s.get(e)??0;if(it&&it.width>0&&it.height>0){let e=Ia(it),t=C("div","area");Object.assign(t.style,{left:`${e.x}px`,top:`${e.y}px`,width:`${Math.max(8,e.width)}px`,height:`${Math.max(8,e.height)}px`}),jn.append(t)}}let ta=null,na=0;async function ia(e){let t=o(tt,{..._,origin:location.origin,page:"page"===e?Gi():void 0});t?(await navigator.clipboard.writeText(t),!Be&&(ta=e,Un.textContent="Agent prompt copied",clearTimeout(na),Vo(),ba(),na=window.setTimeout(()=>{ta=null,Vo(),ba()},2e3))):ao("page"===e?"No open comments on this page":"No open comments to copy")}let oa,aa=new Set,ra="branch-comments:dismissed-tips",sa=[["copy","Copy comments for your agent."]];function la(){let e=Ln.getBoundingClientRect();for(let t of Ln.querySelectorAll(".sidebar-tip")){let n="copy"===t.dataset.tip,i=Ln.querySelector(n?".copy-page-prompt":'.toolbar [aria-label^="Add comment"]')?.getBoundingClientRect();if(t.hidden=!i?.width,!i?.width)continue;let o=i.left+i.width/2-e.left,a=Math.max(12,Math.min(e.width-12-t.offsetWidth,o-t.offsetWidth/2));t.style.left=`${a}px`,t.style.top=n?i.bottom-e.top+10+"px":i.top-e.top-10-t.offsetHeight+"px",t.style.setProperty("--caret-x",o-a+"px")}}J.comment&&sa.push(["shortcut",`Press ${J.comment.label} to comment.`]);let da,pa=!1,ca=()=>!Je&&(Ht||!!Oe.user?.verified);function ua(e,t){if(!(Oe.user||Ot&&hn.trim()))return void Da();let n=nt===e.id,i=t=>{let i=nt;return n&&(nt=t?null:e.id),lt(st(e.id,e=>({...e,resolved:t,resolvedBy:t?Oe.user:null})),async n=>{Oe.user||await Oe.guest(hn),await Oe.request(`threads/${n(e.id)}`,"PATCH",{resolved:t})},()=>{nt||(nt=i)})};lo(()=>i(!e.resolved)),ao(e.resolved?"Comment reopened":"Comment resolved",{label:"Undo",run:()=>lo(()=>i(e.resolved))},t)}let ha,ma=new WeakMap,ga=new Set;function fa(e,t){return e.textContent=t,rn.test(t)&&(e.textContent="Design change",sn().then(({summarizeDesignComment:n})=>{e.textContent=n(t)})),e}function ba(){if(_.onboarding){if(oa?.(),Ln.replaceChildren(),_.onboarding.inProject)return;if(De){let e=C("aside","panel");e.setAttribute("aria-label","Project settings");let t=C("div","panel-head","Project settings"),n=C("div","empty");n.append(C("p","","Leave comments on your connected website."),E("Manage project",()=>{Da()},"secondary")),e.append(t,n),Ln.append(e)}return}if(!De&&(ye||we))return;let e=Ln.querySelector(".list"),n=e?.scrollTop??0,i="Search comments"===$n.activeElement?.getAttribute("aria-label"),o=i?$n.activeElement.selectionStart:null;if(!De&&!ye&&!we)return oa?.(),void Ln.replaceChildren();let a=Ln.querySelector(".panel");if(!a){a=C("aside","panel"),a.setAttribute("aria-label","All comments");let e=C("div","panel-head"),t=C("div","row between sidebar-title"),n=C("div","filter-slot"),i=C("div","row"),o=e=>{let t=a.querySelector(".sidebar-search-field"),n=i.querySelector('[aria-label="Search comments"]'),o=(e?n:t).getBoundingClientRect();$i=e,e||(ht="",t.querySelector("input").value=""),ba();let r=(e?t:n).getBoundingClientRect();x()||t.animate(e?[{transform:`translate(${o.left-r.left}px, ${o.top-r.top}px)`,width:`${o.width}px`,height:`${o.height}px`,borderRadius:"50%",opacity:.4},{transform:"none",width:`${r.width}px`,height:`${r.height}px`,borderRadius:"10px",opacity:1}]:[{transform:"none",opacity:1},{transform:`translate(${r.left-o.left}px, ${r.top-o.top}px) scale(.2)`,opacity:0}],{duration:280,easing:"cubic-bezier(.22,1,.36,1)"}),e?t.querySelector("input")?.focus():n.focus()};i.append(E("Copy page comments",()=>"resolved"===pt?function(e){if(!pa||rt.busy)return;let t=Uo().filter(e=>e.resolved).map(e=>e.id);if(!t.length)return;let n=C("div","cleanup-confirm");n.popover="auto",n.setAttribute("role","alertdialog"),n.setAttribute("aria-label","Delete resolved comments permanently"),n.append(C("strong","",`Delete ${t.length} resolved ${1===t.length?"thread":"threads"}?`),C("p","","Their replies will be deleted too. This can’t be undone."));let i=C("div","cleanup-actions"),o=()=>{n.hidePopover(),e.focus({preventScroll:!0})};i.append(E("Cancel",o,"secondary"),E("Delete permanently",()=>{o(),lo(async()=>{try{for(let e=0;e<t.length;e+=250){let n=t.slice(e,e+250),i=new Set(n);await rt.submit(e=>e.filter(e=>!i.has(e.id)),async()=>{await Oe.request("project/clear-resolved","POST",{confirm:_.project,threadIds:n})})}}finally{await bo()}})},"secondary destructive")),n.append(i),Ln.append(n),n.addEventListener("toggle",()=>{n.matches(":popover-open")||n.remove()}),n.showPopover();let a=e.getBoundingClientRect();n.style.left=`${Math.max(12,Math.min(a.right-n.offsetWidth,innerWidth-n.offsetWidth-12))}px`,n.style.top=`${Math.max(12,Math.min(a.bottom+8,innerHeight-n.offsetHeight-12))}px`,i.querySelector("button")?.focus()}(a.querySelector(".copy-page-prompt")):lo(()=>ia("page")),"icon copy-page-prompt","copy"),C("div","tag-filter-slot"),E("Search comments",()=>o(!0),"icon sidebar-search-trigger","search"),E("Close sidebar",()=>Fo(!1),"icon","close"));let r=C("div","sidebar-selector");r.append(n,C("div","scope-slot")),t.append(r,i);let s=C("div","sidebar-search"),l=C("div","sidebar-search-inner"),d=C("div","sidebar-search-row"),p=C("div","sidebar-search-field"),c=C("input");c.type="search",c.placeholder="Search",c.setAttribute("aria-label","Search comments"),c.addEventListener("input",()=>{ht=c.value,ba()}),c.addEventListener("keydown",e=>{"Escape"===e.key&&(e.stopPropagation(),u())}),p.append($("search"),c);let u=()=>o(!1);p.append(E("Close search",u,"icon search-cancel","close")),d.append(p),l.append(d),s.append(l),e.append(t,s);let h=C("div","morphing-menu__tooltip sidebar-tooltip");h.setAttribute("aria-hidden","true"),$n.append(h);let m=0,g=0,f=()=>{clearTimeout(m),h.dataset.open&&(delete h.dataset.open,g=Date.now()+300)};oa=()=>{clearTimeout(m),h.remove(),oa=void 0};let b=e=>{clearTimeout(m);let t=()=>{if(!e.isConnected)return;let t=e.getBoundingClientRect();h.textContent=e.ariaLabel;let n=h.offsetWidth/2;h.style.left=`${Math.max(8+n,Math.min(innerWidth-8-n,t.left+t.width/2))}px`,h.style.top=`${t.bottom+8}px`,h.dataset.open="true"};h.dataset.open||Date.now()<g?t():m=window.setTimeout(t,400)};for(let e of i.querySelectorAll("button"))e.removeAttribute("title"),e.addEventListener("pointerenter",t=>{"mouse"===t.pointerType&&b(e)}),e.addEventListener("pointerleave",f),e.addEventListener("focus",()=>b(e)),e.addEventListener("blur",f);i.addEventListener("pointerdown",f),a.append(e),Ln.append(a)}let r=a.querySelector(".copy-page-prompt");if("resolved"===pt&&da!==Oe.token){da=Oe.token,pa=!1;let e=da;e&&Oe.request("project").then(()=>{Oe.token===e&&(pa=!0,ba())}).catch(()=>{})}let s="resolved"===pt;r.disabled=s&&(!pa||rt.busy||!Uo().length),r.classList.toggle("destructive",s);let l=s?"trash":"page"===ta?"check":"copy";if(r.dataset.glyph!==l){let e=r.querySelector("svg:not([data-leaving])"),t=$(l),n=void 0!==r.dataset.glyph&&!x();if(r.dataset.glyph=l,n&&e){e.setAttribute("data-leaving","true"),r.append(t);let n={duration:200,easing:"cubic-bezier(.22,1,.36,1)"},i={opacity:0,transform:"scale(.7)",filter:"blur(2px)"},o={opacity:1,transform:"scale(1)",filter:"blur(0px)"};e.animate([o,i],{...n,fill:"forwards"}).finished.then(()=>e.remove()).catch(()=>e.remove()),t.animate([i,o],n)}else r.replaceChildren(t)}r.setAttribute("aria-label",s?pa?"Delete resolved comments permanently":"Project owner only":"page"===ta?"Copied prompt":"Copy page comments"),a.dataset.search=String($i),a.querySelector(".filter-slot").inert=$i,a.querySelector(".scope-slot").inert=!$i,a.querySelector(".sidebar-search-trigger").inert=$i,a.querySelector(".sidebar-search").inert=!$i;let d=a.querySelector(".filter-slot"),p=te?[...new Set(tt.flatMap(e=>e.tags??[]))].sort():[];ct&&!p.includes(ct)&&(ct=""),d.dataset.value!==pt&&(d.dataset.value=pt,d.replaceChildren(t("Filter comments",[["open","Comments"],["all","All comments"],["resolved","Resolved"]],pt,e=>{pt=e,ba(),ea()})));let c=a.querySelector(".tag-filter-slot"),u=`${ct} ${p}`;if(c&&c.dataset.value!==u&&(c.dataset.value=u,c.replaceChildren(),p.length)){let e=ct?`Filtered by #${ct}`:"Filter by tag",n=t(e,[["","All tags"],...p.map(e=>[e,`#${e}`])],ct,e=>{ct=e,ba(),ea()}),i=n.querySelector("summary");i.className="icon tag-filter-trigger"+(ct?" active":""),i.setAttribute("aria-label",e),i.title=e,i.replaceChildren($("tag")),c.append(n)}let h=a.querySelector(".scope-slot");h.dataset.value!==String(ut)&&(h.dataset.value=String(ut),h.replaceChildren(t("Comment pages",[["page","This page"],["all","All pages"]],ut?"all":"page",e=>{ut="all"===e,ba()})));let m=!we&&!wi&&!x(),g=new Map;if(m&&e){let t=e.getBoundingClientRect();for(let n of e.querySelectorAll("[data-thread]")){let e=n.getBoundingClientRect();e.bottom>=t.top&&e.top<=t.bottom&&g.set(n.dataset.thread,e.top)}}let f=C("div","list"),b=Uo();b.length>40&&(f.dataset.long="");let w=!Ze&&"Connecting"===mt;f.setAttribute("aria-busy",String(w)),clearTimeout(yn),f.addEventListener("scroll",()=>{f.dataset.scrolling="true",clearTimeout(yn),yn=window.setTimeout(()=>{delete f.dataset.scrolling},800)},{passive:!0});for(let e of b){let t=e.comments[0];if(!t)continue;let n=ma.get(e);if(n){n.querySelector(".thread-card").classList.toggle("active",nt===e.id),n.querySelector(".card-resolve").disabled=!ca(),n.querySelector("small").textContent=z(t.createdAt),n.querySelectorAll(".reply-meta").forEach((t,n)=>{let i=e.comments[n+1];t.textContent=`${i.author.name} · ${z(i.createdAt)}`}),Go(n,e),f.append(n);continue}let i=E(`Open comment by ${t.author.name}`,()=>Xo(e),"thread-card"+(nt===e.id?" active":""));i.replaceChildren();let o=C("div","row");o.append(A(t.author),C("span","author",t.author.name),C("small","",z(t.createdAt)));let a=C("div","card-page-row");a.append($("link"),C("span","page"));let r=C("span","card-status"),s=fa(C("p","preview"),t.body);if(i.append(o,a,r,s),te&&e.tags?.length){let t=C("div","card-tags");t.setAttribute("role","group"),t.setAttribute("aria-label","Tags");for(let n of e.tags){let e=C("span","card-tag",`#${n}`);e.title=n,t.append(e)}i.append(t)}let l=C("div","thread-item");l.dataset.thread=e.id;let d=E(e.resolved?"Reopen comment":"Resolve comment",()=>ua(e),"icon card-resolve","check");if(d.disabled=!ca(),l.append(i,d),Go(l,e),e.comments.length>1){let n=C("div","sidebar-replies");n.id=`replies-${e.id}`,n.setAttribute("role","group"),n.setAttribute("aria-label",`Replies to ${t.author.name}`);let i=`${e.comments.length-1} ${2===e.comments.length?"reply":"replies"}`,o=E(i,()=>{ga.has(e.id)?ga.delete(e.id):ga.add(e.id),a()},"card-reply-toggle");o.replaceChildren($("comment"),C("span","",i),$("chevron")),o.setAttribute("aria-controls",n.id);let a=()=>{let t=ga.has(e.id);n.hidden=!t,o.setAttribute("aria-expanded",String(t)),o.setAttribute("aria-label",`${t?"Hide":"Show"} ${i}`),o.title=`${t?"Hide":"Show"} ${i}`};a();for(let t of e.comments.slice(1)){let e=C("div","sidebar-reply");e.append(A(t.author));let i=C("div");i.append(C("div","reply-meta",`${t.author.name} · ${z(t.createdAt)}`),C("p","",t.body)),e.append(i),n.append(e)}l.append(o,n),l.addEventListener("keydown",t=>{"Escape"!==t.key||!ga.has(e.id)||(t.preventDefault(),t.stopPropagation(),ga.delete(e.id),a(),o.focus({preventScroll:!0}))})}ma.set(e,l),f.append(l)}if(!f.childElementCount){let e=C("div","empty");if(w&&e.setAttribute("role","status"),e.append($("comment"),C("strong","",zt?Mt?"Private project":"Sign in required":"Offline"===mt&&jt?jt.title:w?"Loading comments…":ht?"No matching comments":"resolved"===pt?"Nothing resolved yet":"No comments yet")),zt)e.append(C("p","",zt)),Oe.user?.verified||e.append(E("Sign in",Da,"secondary"));else if("Offline"===mt&&jt){e.append(C("p","",jt.detail));let t=C("div","empty-actions");"site"===jt.kind&&t.append(E("Turn on comments",()=>{let e=new URL("/setup",_.endpoint);e.searchParams.set("workspace",_.project),e.searchParams.set("site",location.origin),window.open(e,"_blank","noopener")},"primary"),E("Copy link",()=>{navigator.clipboard.writeText(location.origin).then(()=>ao("Link copied")).catch(()=>ao(location.origin))},"secondary")),"site"!==jt.kind&&t.append(E("Try again",uo,"secondary")),e.append(t)}else Ze&&!ht&&"resolved"!==pt&&e.append(E("Add a comment",()=>{re(window.innerWidth,window.innerHeight)&&Fo(!1),yo(!0)},"secondary"));f.append(e),f.dataset.empty=""}if(tt.length&&"Offline"===mt&&f.prepend(E("Saved comments · Try again",uo,"secondary")),e?e.replaceWith(f):a.append(f),function(e){try{let e=JSON.parse(localStorage.getItem(ra)??"[]");if(Array.isArray(e))for(let t of e)"string"==typeof t&&aa.add(t)}catch{}for(let[t,n]of sa){let i=Ln.querySelector(`[data-tip="${t}"]`);if(!e||aa.has(t)){i?.remove();continue}if(i)continue;i=C("div","morphing-menu__tooltip sidebar-tip"),i.dataset.tip=t;let o=i;i.append(C("p","",n),E("Dismiss tip",()=>{aa.add(t);try{localStorage.setItem(ra,JSON.stringify([...aa]))}catch{}o.dataset.leaving="",setTimeout(()=>o.remove(),150)},"icon","close")),Ln.append(i)}la()}(!!f.querySelector(".empty [aria-label='Add a comment']")),requestAnimationFrame(la),f.scrollTop=n,m){let e=0,t=f.getBoundingClientRect();for(let n of f.querySelectorAll("[data-thread]")){let i=n.getBoundingClientRect();if(i.bottom<t.top||i.top>t.bottom)continue;let o=g.get(n.dataset.thread),a=void 0===o?8:o-i.top;Math.abs(a)>.5&&n.animate([{opacity:void 0===o?0:1,transform:`translateY(${Math.max(-40,Math.min(40,a))}px)`},{opacity:1,transform:"translateY(0)"}],{duration:250,delay:void 0===o?40*Math.min(e++,5):0,easing:"cubic-bezier(0.22, 1, 0.36, 1)",fill:"backwards"})}f.querySelector("[data-thread]")||f.animate([{opacity:0},{opacity:1}],{duration:150})}if(i){let e=a.querySelector('input[type="search"]');e.focus(),null!==o&&e.setSelectionRange(o,o)}}function xa(e){let t=C("div","row");return t.append(A(e.author),C("span","author",e.author.name),C("small","",z(e.createdAt))),t.title=e.author.verified?"Verified":"Guest",t}function wa(e,t){return Oe.user?.id!==e.author.id||"[Comment deleted]"===e.body?[]:[{label:"Edit",icon:"edit",onSelect:()=>{mn=e.id,gn=e.body,ja()}},{label:"Delete",icon:"trash",destructive:!0,onSelect:()=>{let n=io(t.anchor);ao("Delete this comment?",{label:"Delete",run:()=>{let i=nt;1===t.comments.length&&(nt=null),lo(()=>lt(st(t.id,t=>{let n=t.comments.filter(t=>t.id!==rt.id(e.id));return n.length?{...t,comments:n}:null}),async n=>{await Oe.request(`threads/${n(t.id)}/comments/${n(e.id)}`,"DELETE")},()=>{nt||(nt=i)})),ao("Comment deleted",void 0,n)}})}}]}function ya(t,n){let i=C("article","message");if(i.dataset.comment=t.id,i.append(xa(t)),mn===t.id){let e=C("textarea");e.value=gn,e.maxLength=4e3,e.setAttribute("aria-label","Edit comment"),e.dataset.focusKey="edit",e.addEventListener("input",()=>gn=e.value);let o=E("Save changes",()=>{let e=gn;mn=null,lo(()=>lt(st(n.id,n=>({...n,comments:n.comments.map(n=>n.id===rt.id(t.id)?{...n,body:e,editedAt:Date.now()}:n)})),async i=>{await Oe.request(`threads/${i(n.id)}/comments/${i(t.id)}`,"PATCH",{body:e})},()=>{mn||(mn=rt.id(t.id),gn=e)}))},"primary");return o.disabled=Je,i.append(e,o,E("Cancel",()=>{mn=null,ja()},"secondary")),i}let o=C("div","message-content"),a=rn.test(t.body),r=C(a?"div":"p","message-text");if(ie(r,t.body),a){let e=({renderDesignComment:e})=>e(r,t.body,{key:t.id,resolve:ln(n.anchor),note:ie,onSwitch:()=>Ba()});nn?e(nn):sn().then(e)}if(o.append(r),"[Comment deleted]"!==t.body){let e=E("Add reaction",()=>{on?.(!0),on=function(e,t,n,i,o="branch-comments:emoji:guest",a="https://cdn.jsdelivr.net/npm/emoji-picker-element-data@1.8.0/en/emojibase/data.json"){let r=C("div","emoji-menu t-dropdown");r.dataset.origin="top-left",r.setAttribute("role","menu"),r.setAttribute("aria-label","Reactions");let s=new AbortController,l=!1,d=null,p=(e=!1)=>{let t=d;d=null,t&&(t.classList.remove("is-open"),t.classList.add("is-closing"),e?t.remove():window.setTimeout(()=>t.remove(),150))},c=(e=!1)=>{if(l&&!e)return;l=!0,s.abort(),t.setAttribute("aria-expanded","false"),r.classList.remove("is-open"),r.classList.add("is-closing");let n=parseFloat(getComputedStyle(r).getPropertyValue("--dropdown-close-dur"))||150;p(e),e?r.remove():window.setTimeout(()=>r.remove(),n)},u=function(e,t){let n=[...new Set([...ee,...Object.keys(e.counts)])].filter(Q),i=t=>e.counts[t]??(ee.includes(t)?1:0),o=(e,t)=>i(t)-i(e),a=n.sort(o).slice(0,6),r=t??e.recent;return r&&Q(r)&&!a.includes(r)&&(a[a.length-1]=r,a.sort(o)),a}(ne(o),i).map((e,t)=>{let o=E(e,()=>{c(),n(e)},"emoji-choice");return o.setAttribute("role","menuitemradio"),o.setAttribute("aria-checked",String(e===i)),o.style.setProperty("--emoji-index",String(t)),r.append(o),o}),h=E("Choose another emoji",async()=>{if(d)return;let t=d=C("div","emoji-keyboard t-dropdown");d.setAttribute("role","dialog"),d.setAttribute("aria-label","Choose an emoji");let i=E("Close emoji keyboard",()=>{p(),h.focus()},"icon emoji-keyboard-close","close"),o=C("span","emoji-keyboard-status","Loading…");d.append(i,o),e.append(d),i.focus({preventScroll:!0});let s=()=>{if(!d)return;let e=r.getBoundingClientRect();d.style.left=`${Math.max(8,Math.min(e.right-d.offsetWidth,innerWidth-d.offsetWidth-8))}px`,d.style.top=`${Math.max(8,Math.min(e.bottom+8,innerHeight-d.offsetHeight-8))}px`};s(),d.classList.add("is-open");try{let{default:e}=await import("./picker-CMP4UZRF.js");if(l||d!==t)return;let i=new e({dataSource:a});i.i18n={...i.i18n,networkErrorMessage:"Couldn’t load emojis. Close and try again."},i.classList.add("dark"),i.addEventListener("emoji-click",e=>{let t=e.detail.unicode;Q(t)&&(c(),n(t))}),o.replaceWith(i);let r=document.createElement("style");r.textContent='\n          .pad-top, .skintone-button-wrapper, .skintone-list, .favorites, .indicator-wrapper { display: none !important; }\n          .search-row { padding: 10px 44px 10px 10px; flex: none; }\n          input.search { height: 30px; padding: 5px 9px; font-size: 12px; background: #ffffff08; }\n          input.search::-webkit-search-cancel-button { display: none; }\n          .category { font-size: 11px; padding: 6px 10px; color: #999; }\n          .nav { order: 10; flex: none; padding: 6px; box-shadow: 0 -1px #ffffff0d; }\n          .nav-button { position: relative; border-radius: 6px; }\n          .nav-button + .nav-button::before { content: ""; position: absolute; left: 0; top: 8px; bottom: 8px; width: 1px; background: #ffffff0d; }\n          .nav-button[aria-selected="true"] { background: #ffffff10; }\n          .tabpanel { padding: 0 4px 6px; }\n        ',i.shadowRoot?.append(r),s()}catch{o.textContent="Couldn’t load emojis. Close and try again."}},"emoji-choice","plus");h.setAttribute("role","menuitem"),h.setAttribute("aria-haspopup","dialog"),h.style.setProperty("--emoji-index",String(u.length)),r.append(h),u.push(h),e.addEventListener("keydown",e=>{e instanceof KeyboardEvent&&"Escape"===e.key&&d&&(e.preventDefault(),e.stopPropagation(),p(),h.focus())},{signal:s.signal}),e.append(r);let m=t.getBoundingClientRect();return r.dataset.placement=m.right+6+r.offsetWidth>innerWidth-8?"below":"right",r.style.left=`${Math.max(8,Math.min(m.right+6,innerWidth-r.offsetWidth-8))}px`,r.style.top=`${Math.max(8,Math.min(innerHeight-r.offsetHeight-8,m.right+6+r.offsetWidth>innerWidth-8?m.bottom+6:m.top-4))}px`,t.setAttribute("aria-expanded","true"),r.offsetWidth,r.classList.add("is-open"),(u.find(e=>"true"===e.getAttribute("aria-checked"))??u[0])?.focus({preventScroll:!0}),S(r,"pointerdown",e=>{!e.composedPath().includes(r)&&(!d||!e.composedPath().includes(d))&&c()},{signal:s.signal}),document.addEventListener("scroll",e=>{d&&e.composedPath().includes(d)||c()},{capture:!0,signal:s.signal}),r.addEventListener("keydown",e=>{("Escape"===e.key||"Tab"===e.key)&&(c(),"Escape"===e.key&&(e.preventDefault(),e.stopPropagation(),t.focus()));let n=u.indexOf(e.target),i="ArrowRight"===e.key?(n+1)%u.length:"ArrowLeft"===e.key?(n+u.length-1)%u.length:-1;i>=0&&(e.preventDefault(),u[i]?.focus())}),c}($n,e,e=>function(e,t,n,i){Oe.user||Ot&&hn.trim()?lo(async()=>{Oe.user||await Oe.guest(hn);let o=Oe.user;await lt(st(t.id,t=>({...t,comments:t.comments.map(t=>{if(t.id!==rt.id(e.id))return t;let a=Object.fromEntries(Object.entries(t.reactions).map(([e,t])=>[e,t.filter(e=>e!==o.id)]));return i&&(a[n]=[...a[n]??[],o.id]),{...t,reactions:a}})})),async o=>{await Oe.request(`threads/${o(t.id)}/comments/${o(e.id)}/reactions`,"POST",{emoji:n,active:i})}),i&&function(e,t){if(!Q(t))return;let n=ne(e);n.counts[t]=(n.counts[t]??(ee.includes(t)?1:0))+1,n.recent=t,n.counts=Object.fromEntries(Object.entries(n.counts).sort((e,t)=>t[1]-e[1]).slice(0,200));try{localStorage.setItem(e,JSON.stringify(n))}catch{}}(`branch-comments:emoji:${_.project}:${o.id}`,n)}):Da()}(t,n,e,!(Oe.user&&t.reactions[e]?.includes(Oe.user.id))),Object.entries(t.reactions).find(([,e])=>Oe.user&&e.includes(Oe.user.id))?.[0],`branch-comments:emoji:${_.project}:${Oe.user?.id??"guest"}`,_.emojiDataSource)},"icon message-reaction","smile"),i=Object.entries(t.reactions).filter(([,e])=>e.length>0);if(e.dataset.reactions=JSON.stringify(i),i.length){e.replaceChildren(),e.classList.add("has-reactions");for(let[t,n]of i)e.append(C("span","reaction-value",`${t}${n.length>1?` ${n.length}`:""}`));e.setAttribute("aria-label","Change reactions")}e.setAttribute("aria-haspopup","menu"),e.setAttribute("aria-expanded","false"),o.append(e)}i.append(o);let s=C("div","actions");if(Oe.user?.id===t.author.id&&"[Comment deleted]"!==t.body){let o=e("Message actions",wa(t,n));n.comments[0]?.id!==t.id&&i.firstElementChild?.append(o)}return t.editedAt&&s.append(C("small","","Edited")),s.childElementCount&&i.append(s),i}async function va(e="github"){let t=window.open("about:blank","branch-comments-signin","popup,width=600,height=720");if(!t)throw new Error("Allow popups to sign in.");try{let n=await Oe.request(`auth/${e}/start`,"POST",{}),i=new URL(n.url).origin,o=e=>{if(e.origin!==i||e.source!==t||"branch-comments:auth"!==e.data?.type)return;let{token:n,user:a}=e.data;"string"!=typeof n||!a?.id||!a?.name||!0!==a.verified||(Oe.save({token:n,user:a}),Ii(),ft=null,window.removeEventListener("message",o),clearTimeout(kn),t.close(),Ke=!!_.onboarding,er(),!_.onboarding&&(fn?lo(Ea):(lo(bo),ao(`Signed in as ${a.name}`))))};window.addEventListener("message",o,{signal:He.signal}),kn=window.setTimeout(()=>{window.removeEventListener("message",o)},6e5),t.location.href=n.url}catch(e){throw t.close(),e}}function ka(e,t,n,i){let o=C("div","tag-slot");o.hidden=!!i&&!e.length;let a=({tagEditor:a})=>a(o,{tags:e,suggestions:[...new Set(tt.flatMap(e=>e.tags??[]))].sort(),onAdd:t,onRemove:n,trigger:i});if(ha)a(ha);else{let e=!1;i&&(i.onclick=()=>{e=!0}),import("./tag-editor-MMAMOEI4.js").then(t=>{ha=t,a(t),e&&i?.isConnected&&i.click(),Ba()})}return o}function Sa(e,t){Oe.user?lo(async()=>{let{tags:n}=await Oe.request(`threads/${rt.id(e.id)}`,"PATCH",t);tt=tt.map(t=>t.id===e.id?{...t,tags:n}:t),ba()}):Da()}function Ca(e){let t=C("form","composer "+(e?"reply-composer":"new-comment-composer")),n=C("textarea"),i=e?"":cn;n.placeholder=e?"Reply…":i?"Add a note…":"Add a comment…",n.rows=1,n.maxLength=4e3,n.required=!!e||!cn,n.value=e?Sn.get(e.id)??"":pn,n.setAttribute("aria-label",e?"Reply":"Comment"),n.dataset.focusKey="body";let o=()=>{n.style.height="auto",n.style.height=`${Math.min(128,Math.max(e?34:28,n.scrollHeight))}px`,n.style.overflowY=n.scrollHeight>128?"auto":"hidden",Ba()};n.addEventListener("input",o),n.addEventListener("input",()=>{e?Sn.set(e.id,n.value):pn=n.value}),n.addEventListener("keydown",e=>{"Enter"===e.key&&!e.shiftKey&&!e.isComposing&&(e.preventDefault(),t.requestSubmit())});let a=E(e?"Send reply":"Post comment",()=>{},"send","arrow");if(a.type="submit",a.disabled=Je,e)t.append(n,a);else{let e=C("div","draft-body");Oe.user&&e.append(A(Oe.user)),e.append(n,a),te&&e.append(ka(un,e=>un=[...un,e],e=>un=un.filter(t=>t!==e))),t.append(e)}if(n.addEventListener("input",()=>{a.disabled=Je||!n.value.trim()&&!i}),a.disabled||=!n.value.trim()&&!i,i){let e=C("div","draft-proposal");e.textContent=i;let n=it?ln(it):()=>null;sn().then(({renderDraftProposal:t})=>{t(e,i,n),Ba()}),t.prepend(e)}return t.addEventListener("submit",t=>{if(t.preventDefault(),(n.value.trim()||i)&&!Je){if(!Oe.user)return fn=()=>$a(e),void Da();lo(()=>$a(e))}}),requestAnimationFrame(()=>{n.isConnected&&o()}),t}async function $a(e){if(_.onboarding)throw new Error("Open your connected website to leave a comment.");if(!Oe.user)throw new Error("Enter your name to leave a comment.");let t=Date.now(),n={id:`pending-${crypto.randomUUID()}`,body:e?Sn.get(e.id)??"":[pn.trim(),cn].filter(Boolean).join("\n\n"),author:{...Oe.user},createdAt:t,editedAt:null,reactions:{}};if(n.body.trim())if(e)Sn.delete(e.id),await lt(st(e.id,e=>({...e,updatedAt:t,comments:[...e.comments,n]})),async t=>{let i=(await Oe.request(`threads/${t(e.id)}/comments`,"POST",{body:n.body})).id??(await Oe.list()).find(n=>n.id===t(e.id))?.comments.filter(e=>e.author.id===n.author.id&&e.body===n.body).at(-1)?.id;return i?{[n.id]:i}:{}},()=>{let t=rt.id(e.id);tt.some(e=>e.id===t)?Sn.set(t,[n.body,Sn.get(t)].filter(Boolean).join("\n")):it===e.anchor?pn=[pn,n.body].filter(Boolean).join("\n"):Dt.push({anchor:e.anchor,text:n.body})});else if(it){let e=it,i=un,o=pn,a=cn,r={id:`pending-${crypto.randomUUID()}`,page:Gi(),anchor:e,tags:i,resolved:!1,resolvedBy:null,createdAt:t,updatedAt:t,comments:[n]};nt=r.id,it=null,pn=cn="",un=[],await lt(e=>[...e,r],async()=>{let t=await Oe.request("threads","POST",{page:r.page,anchor:e,body:n.body,...i.length?{tags:i}:{}}),o=t.commentId??(await Oe.list()).find(e=>e.id===t.id)?.comments[0]?.id;return{[r.id]:t.id,...o?{[n.id]:o}:{}}},()=>{it?Dt.push({anchor:e,text:n.body}):(nt=null,it=e,pn=o,cn=a,un=i)}),Ie&&!it&&!Ke&&nt===rt.id(r.id)&&(wo()||(nt=null,De&&Fo(!1)),Fe=!0,er())}}async function Ea(){let e=fn;fn=null,e&&await e()}let za=new Map;function ja(){en?.then(({resetDesignPreviews:e})=>e(new Set([...Ke?[]:tt.find(e=>e.id===nt)?.comments.map(e=>e.id)??[],...Rn.hidden?[]:[Dn],...it?["draft"]:[]])));let t=dt;dt=void 0,on?.(!0),on=void 0;let n=$n.activeElement,o=n?.dataset.focusKey,a=o?n?.selectionStart:null,r=!!n?.matches(":focus-visible"),s=An.querySelector(".messages")?.scrollTop??0,l=An.querySelector(".account-dialog")?.scrollTop??0,d=Ke?"account":it?"draft":nt;d!==Ft&&(It=null);let p=An.firstElementChild,c=To(),u=An.classList.contains("thread-pane"),h=Ft!==d,m=p?.getBoundingClientRect(),g=new Map([...p?.querySelectorAll("[data-comment]")??[]].map(e=>[e.dataset.comment,e.querySelector(".message-reaction")]));if(p&&h&&!x()&&(!u||!c&&An.isConnected)){let e=getComputedStyle(p),n={opacity:e.opacity,transform:e.transform};p.getAnimations().forEach(e=>e.cancel());let i={duration:150,easing:"cubic-bezier(.22,1,.36,1)",fill:"forwards"},o="account"===Ft?C("div","account-layer"):u?C("div","thread-pane"):p;o!==p&&o.append(p),p.animate([{transform:n.transform},{transform:u?"translateX(24px)":"translateY(4px) scale(.99)"}],i);let a=o.animate([{opacity:n.opacity},{opacity:0}],i);o.inert=!0,o.setAttribute("aria-hidden","true"),p.style.pointerEvents="none",(u?An.parentElement:o!==p&&ye?Ln:$n).append(o),an.set(o,t),t=void 0,a.finished.catch(()=>{}).finally(()=>{o.remove(),an.get(o)?.(),an.delete(o)})}t?.(),An.replaceChildren(),function(e){let t=e??(ye&&Ke?Ln:$n);An.parentNode!==t&&(t===$n?Rn.before(An):t.append(An)),An.classList.toggle("thread-pane",!!e),Ln.querySelector(".panel")?.toggleAttribute("data-thread",!!e)}(c);let w=Ln.querySelector(".panel");if(w&&u!==!!c){if(!x())for(let e of w.querySelectorAll(":scope > :not(.thread-pane)")){let t=[{visibility:"visible",opacity:1,transform:"none"},{visibility:"visible",opacity:0,transform:"translateX(-24px)"}];e.animate(c?t:t.reverse(),{duration:250,easing:"cubic-bezier(.22,1,.36,1)"})}let e=`[data-thread="${CSS.escape(Ft??"")}"] .thread-card`;(c?bn:!it&&r&&(w.contains(n)||!n.isConnected))&&queueMicrotask(()=>(c?An:w).querySelector(c?".thread-back":e)?.focus({preventScroll:!0})),bn=!1}if(Ft=d,An.classList.toggle("account-layer",Ke),!it&&!nt&&!Ke)return void ro();let y=C("section",Ke?"dialog account-dialog":"dialog");Ke&&y.setAttribute("aria-modal","false"),y.setAttribute("role","dialog"),y.setAttribute("aria-label",Ke?"Reviewer account":it?"New comment":"Comment thread");let v,k=C("div","dialog-head row between"),S=C("div","row"),$=tt.find(e=>e.id===nt)??null;if($&&!Ke){let t=(e,t)=>({label:e,icon:"Copy link"===e?"link":"Copy selector"===e?"code":"comment",onSelect:()=>lo(async()=>{await navigator.clipboard.writeText(t()),ao("Copied")})}),n=$.anchor.source,i=n?_.sourceUrl?.(n,_.branch)??`https://github.com/${_.repo}/blob/${encodeURIComponent(_.branch)}/${n.split("/").map(encodeURIComponent).join("/")}`:"",o=e("Comment actions",[...wa($.comments[0],$),...Ka($)?[{label:"Move pin",icon:"pointer",onSelect:()=>{!async function(e){Ja();let t=Pt,n=Qe;if(Je||!Ka(e))return;let i=await import("./pin-move-6QISN27D.js").catch(()=>null);if(!i)return void ao("Moving is unavailable. Try again.");if(Be||t!==Pt||n!==Qe||!Ka(e))return;let o=jn.querySelector(`.pin[data-thread="${CSS.escape(e.id)}"]`),a=Ia(e.anchor);if(e.page!==Gi()||!a.attached||!o)return void ao("This pin isn’t visible on this page. Open its page before moving it.");let r=Va(o,a);Rt=e.id,Pn=!0,Fn(),Nt.stop(),jn.append(o),Object.assign(o.style,{position:"fixed",margin:"0",left:`${r.x}px`,top:`${r.y}px`}),qt=i.startPinMove({root:$n,pin:o,point:r,bounds:()=>hi?he.getBoundingClientRect():{left:0,top:0,right:window.innerWidth,bottom:window.innerHeight},preview(t){o.dataset.pointer=R(t,window.innerWidth),o.style.left=`${t.x}px`,o.style.top=`${t.y}px`,Xt={id:e.id,...t},Ba()},finish(t){if(qt=null,Rt=null,Xt=null,Ko="",ea(),Ba(),An.querySelector('summary[aria-label="Comment actions"]')?.focus({preventScroll:!0}),!t||Be||e.page!==Gi()||!Ka(e))return;let n=Ga(t.x,t.y);if(!n)return void ao("Pin unchanged. Choose an element on this page.");let i=Se(ke(n,he,_.anchorTarget),t,{x:t.x+a.width,y:t.y+a.height},_.source);i.unstacked=!0,Yt.delete(e.id),lo(async()=>{await lt(st(e.id,e=>({...e,anchor:i})),async t=>{await Oe.request(`threads/${t(e.id)}`,"PATCH",{anchor:i})}),ao("Pin moved")})}})}($)}}]:[],...Z?[{label:"Open in Design",icon:"design",onSelect:()=>{Ua($)}}]:[],...i&&/^(https?:|vscode:|cursor:)/.test(i)?[{label:"Open source",icon:"code",onSelect:()=>window.open(i,"_blank","noopener,noreferrer")}]:[],t("Copy link",()=>{let e=new URL($.page,location.origin);return e.searchParams.set("comment",$.id),e.href}),t("Copy feedback",()=>[`Repository: ${_.repo}`,`Branch: ${_.branch}`,`Page: ${new URL($.page,location.origin).href}`,`Target: ${$.anchor.selector||"Page position"}`,...$.anchor.source?[`Source: ${$.anchor.source}`]:[],...$.anchor.text?[`Element text: ${$.anchor.text}`]:[],"",...$.comments.map(e=>`${e.author.name}: ${e.body}`)].join("\n")),t("Copy selector",()=>$.anchor.selector)]);S.append(o),te&&(v=E($.tags?.length?"Manage tags":"Add tag",()=>{},"icon thread-tag-action","tag"),S.append(v));let a=E($.resolved?"Reopen comment":"Resolve comment",()=>ua($,io($.anchor)),"icon","check");a.disabled=!ca(),S.append(a)}if(S.append(c?E("Close sidebar",()=>{Io(),Fo(!1)},"icon","close"):E(Ke?"Close account":"Close comment",Io,"icon","close")),c&&k.append(E("Back to comments",Io,"icon thread-back","chevron"),fa(C("strong","thread-title"),$?.comments[0]?.body??"")),k.append(S),$||Ke||c?y.append(k):y.append(E("Close comment",Io,"draft-close icon","close")),Ke){let e=C("form","account");if(Oe.user){ft??={name:Oe.user.name,avatarUrl:Oe.user.avatarUrl??"",accentColor:Oe.user.accentColor??f};let t=ft,n=A({...Oe.user,...t}),i=C("div","account-summary"),o=C("span","account-status");Oe.user.verified?(o.append(document.createTextNode("Connected with ")),Oe.user.id.startsWith("google:")&&o.append(M()),o.append(document.createTextNode(Oe.user.id.startsWith("google:")?"Google":"GitHub"))):o.textContent="Guest account";let a=E("Update profile photo",()=>l.click(),"account-avatar-button");a.replaceChildren(n),i.append(a,C("h2","","Your profile"),o),e.append(i);let r=C("label","account-name-label","Display name"),s=C("input");s.value=t.name,s.name="name",s.autocomplete="name",s.required=!0,s.maxLength=60,s.dataset.focusKey="profile-name",s.addEventListener("input",()=>{t.name=s.value,St(t)}),s.addEventListener("blur",()=>{St(t,!0)}),r.append(s);let l=C("input");l.type="file",l.accept="image/png,image/jpeg,image/webp",l.hidden=!0,l.setAttribute("aria-label","Choose profile photo"),l.addEventListener("change",()=>lo(async()=>{let e=l.files?.[0];if(!e)return;if(e.size>10485760)throw new Error("Choose a photo under 10 MB.");let n=await createImageBitmap(e),i=document.createElement("canvas");i.width=i.height=128;let o=i.getContext("2d"),a=Math.min(n.width,n.height);o.drawImage(n,(n.width-a)/2,(n.height-a)/2,a,a,0,0,128,128),n.close();let r=.8;do{t.avatarUrl=i.toDataURL("image/jpeg",r),r-=.15}while(t.avatarUrl.length>12e3&&r>.1);if(t.avatarUrl.length>12e3)throw new Error("Choose a smaller photo.");St(t,!0),ja()})),i.append(l);let d=function(e,t){let n=C("div","account-accent-mount");n.style.minHeight="62px";let i,o=!1,a=async()=>{n.replaceChildren(),n.setAttribute("aria-busy","true");try{let a=await import("./accent-picker-JTX75MDO.js");if(o)return;let r=a.accentPicker(e,t);i=r.destroy,n.replaceChildren(r.element)}catch{o||n.replaceChildren(E("Load accent colors",()=>{a()},"secondary"))}finally{n.removeAttribute("aria-busy")}};return a(),{element:n,destroy:()=>{o=!0,i?.()}}}(t.accentColor,e=>{t.accentColor=e,b(n,e),St(t)});if(dt=d.destroy,e.append(r,d.element),_.onboarding){let t=_.onboarding;e.append(po(C("section","onboarding-panel"),import("./onboarding-DRNGWOJ6.js").then(({onboardingPanel:e})=>e(Oe,t))))}else e.append(function(){return we?Di("sidebar","Sidebar",[["mobile","Floating sidebar"]],"mobile",()=>{}):me?Di("sidebar","Sidebar",[["edge","Floating"],["background","Frame"]],xe,Bi):C("p","muted","Floating sidebar · Set pageRoot for Frame.")}()),Me&&e.append(function(){let e=Di("channel","Comments",[["local","Local development"],["shared","Site comments"]],We,Fi);return e.append(C("p","muted","Separate channels, both saved to this project.")),e}()),e.append(co());if(Oe.user?.verified&&!_.onboarding?.code&&!_.onboarding?.claimKey&&!_.onboarding?.invite){let t=C("div");e.append(t),import("./onboarding-DRNGWOJ6.js").then(({projectManagement:n})=>{t.isConnected&&t.replaceWith(n(Oe,_.onboarding?.workspace,t=>{if(t)nt=null,rt.replace([],rt.revision),e.querySelector(".account-usage")?.remove();else{let t=_.onboarding?.workspace?`usage?workspace=${encodeURIComponent(_.onboarding.workspace)}`:"usage";e.querySelector(".account-usage")?.replaceWith(co(t)),bo().catch(()=>{})}}))})}e.addEventListener("submit",e=>{e.preventDefault(),St(t,!0)});let p=C("div","account-session");p.append(E("Sign out",()=>lo(async()=>{if(rt.busy||Je)return void ao("Wait for your changes to save.");clearTimeout(bt),vt=null;let e=Oe.logout();Ii(),ft=null,wt=null,er();try{await e}finally{Ii(),lo(bo),er()}}),"secondary")),e.append(p),!Oe.user.verified&&_t&&e.append(Ct()),!Oe.user.verified&&Wt&&e.append(E("Sign in with GitHub",()=>lo(()=>va()),"primary"))}else{if(e.append(C("h2","",_.onboarding?"Set up inline feedback":"Leave comments")),_.onboarding?.inProject){e.append(C("p","","Add the sites where you want to leave feedback. One site per line."));let t=C("label","account-name-label","Production and preview sites"),n=C("textarea");n.rows=2,n.placeholder="https://your-site.com",n.value=Tt,n.dataset.focusKey="setup-sites",n.addEventListener("input",()=>{Tt=n.value}),t.append(n),e.append(t);let o=E("Connect",()=>lo(async()=>{if(!Lt){Lt=!0,o.disabled=!0;try{let e=await function(e,t,n=[location.origin]){let i=new URL(e.endpoint),o=new URL("/setup/connect",i);o.searchParams.set("code",e.onboarding.code),o.searchParams.set("origin",location.origin),o.searchParams.set("sites",JSON.stringify(n));let a=window.open("about:blank","komo-connect","popup,width=600,height=720");return a?new Promise((n,r)=>{let s=()=>{window.removeEventListener("message",p),t.removeEventListener("abort",d),clearInterval(c),clearTimeout(u),a.close()},l=e=>{s(),r(new Error(e))},d=()=>l("Setup closed. Reopen inline feedback to try again."),p=t=>{let o=t.data;t.origin!==i.origin||t.source!==a||"komo:setup"!==o?.type||o.code!==e.onboarding?.code||"string"!=typeof o.project||!/^komo_[a-f0-9]{32}$/.test(o.project)||"string"!=typeof o.repo||"string"!=typeof o.token||!o.token||!0!==o.user?.verified||"string"!=typeof o.user.id||!o.user.id.startsWith("google:")||"string"!=typeof o.user.name||(s(),n(o))},c=window.setInterval(()=>{a.closed&&l("Sign-in closed. Try connecting again.")},1e3),u=window.setTimeout(()=>l("Setup expired. Run komo init again."),6e5);window.addEventListener("message",p),t.addEventListener("abort",d,{once:!0}),t.aborted?d():a.location.href=o.href}):Promise.reject(new Error("Allow popups to set up inline feedback."))}(_,He.signal,function(e,t){let n=e.split(/\s+/).filter(Boolean).map(e=>{let t;try{t=new URL(e)}catch{throw new Error("Enter a full HTTPS site address, such as https://your-site.com.")}if("https:"!==t.protocol||t.username||t.password)throw new Error("Use HTTPS addresses for production and preview sites.");return t.origin}),i=[...new Set([t,...n])];if(i.length>10)throw new Error("Connect up to ten sites at a time.");return i}(Tt,location.origin));if(Be)return;(function(e,t){try{localStorage.setItem(L(e),JSON.stringify({project:t.project,repo:t.repo}))}catch{}})(_,e),_={..._,project:e.project,repo:e.repo,onboarding:void 0},Oe=new i(_),Oe.save(e),Ke=!1,ft=null,Ft=null,await yr(),er(),ao("Inline feedback is connected. Select an element to comment.")}finally{Lt=!1,Be||er()}}}),"primary");o.disabled=Lt,e.append(o)}if(Ot){let t=C("label","account-name-label","Your name"),n=C("input");n.name="name",n.autocomplete="name",n.placeholder="Your name",n.required=!0,n.maxLength=60,n.value=hn,n.dataset.focusKey="account-name",n.addEventListener("input",()=>hn=n.value),t.append(n),e.append(t);let i=E("Continue",()=>{},"primary");i.type="submit",i.disabled=Je,Je&&i.setAttribute("aria-busy","true"),e.append(i)}Ot&&(_t||Wt)&&e.append(C("div","account-divider","or")),_t&&e.append(Ct()),Wt&&e.append(E("Continue with GitHub",()=>lo(()=>va()),"secondary")),e.addEventListener("submit",e=>{e.preventDefault(),lo(async()=>{await async function(){if(!Je){Je=!0,gt="",ja();try{for(await(async()=>{await Oe.guest(hn),Ke=!1})();Ge&&!Be;)await new Promise(e=>setTimeout(e,20));await bo()}finally{Je=!1,er()}}}(),await Ea()})})}y.append(e)}else if(it)y.append(Ca(null));else if($){let e=C("div","messages");for(let t of $.comments)e.append(ya(t,$));y.append(e);let t=()=>e.dataset.fade=`${e.scrollTop>2?"top":""} ${e.scrollTop+e.clientHeight<e.scrollHeight-2?"bottom":""}`;if(e.addEventListener("scroll",t,{passive:!0}),requestAnimationFrame(t),te){let t=ka($.tags??[],e=>Sa($,{tag:e}),e=>Sa($,{untag:e}),v);t.classList.add("thread-tags");let n=e.querySelector(".message"),i=n?.querySelector(".message-text");i?i.after(t):n?.append(t)}y.append(Ca($))}else y.append(C("div","empty","This comment is no longer available."));if(An.append(y),Ke&&h&&!x()&&(An.animate([{opacity:0},{opacity:1}],{duration:250,easing:"ease-out"}),y.animate([{opacity:0,transform:"translateY(8px) scale(.97)"},{opacity:1,transform:"none"}],{duration:250,easing:"cubic-bezier(.22,1,.36,1)"})),!Ke&&!c){let e=C("div","comment-drag-handle");e.setAttribute("aria-hidden","true"),y.prepend(e),X(y,e,e=>{Ft&&Yt.set(Ft,e),Ba()},He.signal,()=>Nt.stop())}if(Ba(),c){h&&(Ta=!1,Ha(!0,1200));let e=e=>{Ta=e,Ha(e)};for(let t of[k,y.querySelector(".messages")])t?.addEventListener("pointermove",()=>Ta||e(!0)),t?.addEventListener("pointerleave",()=>e(!1)),t?.addEventListener("focusin",t=>{t.target.matches(":focus-visible")&&e(!0)}),t?.addEventListener("focusout",()=>e(!1));y.addEventListener("click",()=>Ha(!1,600)),y.addEventListener("pointerover",e=>e.target.closest(".design-card-target")?.removeAttribute("title"))}if(!Ke&&!x()){let e=y.getBoundingClientRect(),t=Bn??(h?null:m);c?h&&y.animate([{opacity:0,transform:u?"none":"translateX(24px)"},{opacity:1,transform:"none"}],{duration:250,easing:"cubic-bezier(.22,1,.36,1)"}):t&&(Bn||Math.abs(t.height-e.height)>1||Math.abs(t.width-e.width)>1)?y.animate([{left:`${t.left}px`,top:`${t.top}px`,width:`${t.width}px`,height:`${t.height}px`,opacity:1},{left:`${e.left}px`,top:`${e.top}px`,width:`${e.width}px`,height:`${e.height}px`,opacity:1}],{duration:250,easing:"cubic-bezier(.22,1,.36,1)"}):h&&y.animate([{opacity:0,transform:"translateY(6px) scale(.97)"},{opacity:1,transform:"none"}],{duration:250,easing:"cubic-bezier(.22,1,.36,1)"});for(let e of y.querySelectorAll("[data-comment]")){let t=e.querySelector(".message-reaction"),n=g.get(e.dataset.comment),i=e.dataset.comment;t&&n&&n.dataset.reactions!==t.dataset.reactions&&za.set(i,{from:n,to:t.dataset.reactions,started:performance.now()});let o=za.get(i),a=o?performance.now()-o.started:470;if(t&&o&&a<470&&o.to===t.dataset.reactions){let e=C("span","reaction-leaving");e.setAttribute("aria-hidden","true");for(let t of o.from.children){if(t.classList.contains("reaction-leaving"))continue;let n=t.cloneNode(!0);e.append(n)}let n=[...t.children];t.append(e);let r=e.animate([{opacity:1,transform:"scale(1)"},{opacity:0,transform:"scale(.2, .35)"}],{duration:110,easing:"ease-in",fill:"forwards"});r.currentTime=a,r.finished.then(()=>e.remove()).catch(()=>e.remove());for(let e of n){let t=e.animate([{opacity:0,transform:"scale(.25, .4)",offset:0},{opacity:1,transform:"scale(1.16, .92)",offset:.38},{opacity:1,transform:"scale(.95, 1.07)",offset:.6},{opacity:1,transform:"scale(1.025, .985)",offset:.8},{opacity:1,transform:"scale(1)",offset:1}],{duration:380,delay:90,easing:"ease-in-out",fill:"backwards"});t.currentTime=a,t.finished.then(()=>{za.get(i)===o&&za.delete(i)}).catch(()=>{})}}}}Bn=null;let z=y.querySelector(".messages");if(z&&(z.scrollTop=s),Ke&&!h&&(y.scrollTop=l),o){let e=y.querySelector(`[data-focus-key="${o}"]`);e&&(e.focus({preventScroll:!0}),null!=a&&e.setSelectionRange(a,a))}}let Aa,Ma=0,La=!1,Ta=!1,_a=0,Ra="",qa="",Pa="",Wa=0;function Oa(e=qa||Pa){if(clearTimeout(Wa),e!==Ra){Ra=e;for(let t of jn.querySelectorAll(".pin"))t.classList.toggle("hot",t.dataset.thread===e);Za()}}function Ha(e,t=0){clearTimeout(_a),La=e,Za(),t&&(_a=window.setTimeout(()=>Ha(Ta),t))}function Ba(){let e=Math.min(window.innerHeight,window.visualViewport?.height??window.innerHeight),t=An.firstElementChild;if(!t||Ke)return;if(An.classList.contains("thread-pane")){let e=Ma;Ma=performance.now()+500;let t=()=>{Za(),performance.now()<Ma?requestAnimationFrame(t):Ma=0};return void(e||t())}if(we&&t.querySelector("textarea:focus")){let n=window.visualViewport?.offsetTop??0;t.style.maxHeight=`${Math.max(0,e-24)}px`;let i=function(e,t,n,i,o){return{x:Math.max(12,(e-i)/2),y:n+Math.max(12,(t-o)/2)}}(window.innerWidth,e,n,t.offsetWidth,t.offsetHeight);return Nt.place(Ft,t,i.x,i.y,!0),t.style.bottom="auto",t.style.transformOrigin="bottom center",void ro()}let n=hi?he.getBoundingClientRect().bottom-12:e-92;t.style.maxHeight=n-12+"px",(Aa??=new ResizeObserver(()=>Ba())).observe(t);let i,o=tt.find(e=>e.id===nt),a=it??o?.anchor,r=Xt?.id===nt?Xt:a?(()=>{let e=Ia(a);if(!e.attached)return It!==Ft&&null;It=Ft,i=e.width>16&&e.height>16?{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height}:(it?ir:rn.test(o?.comments[0]?.body??""))?e.component:void 0;let t=nt&&jn.querySelector(`[data-thread="${CSS.escape(nt)}"]`);return t?Va(t,e):e})():null;if(!1===r)return it&&pn.trim()&&(Bt={anchor:it,text:pn}),Io();let s=Xt?.id===nt,l=()=>{t.style.transformOrigin=!r||r.x<t.offsetLeft+t.offsetWidth/2?"top left":"top right"},d=!s&&Ft&&Yt.get(Ft);if(d){let n=Y(d,t.offsetWidth,t.offsetHeight,Zn.clientWidth,e);return Nt.place(Ft,t,n.x,n.y,s),l(),void ro()}let p=(window.innerWidth-354)/2,c=e-450;r&&(p=r.x+20,c=r.y-28);let u=De&&!we?396:12,h=t.offsetWidth,m=t.offsetHeight;if(r&&p+h>window.innerWidth-u&&(p=r.x-h-20),i&&!we&&!s){let e=n-i.bottom-14,o=i.top-26;if(i.right+14+h<=window.innerWidth-u)[p,c]=[i.right+14,i.top];else if(i.left-14-h>=12)[p,c]=[i.left-14-h,i.top];else if(Math.max(e,o)>=Math.min(m,200)){let n=e>=m||e>=o?e:o;t.style.maxHeight=`${n}px`,[p,c]=[i.left,n===e?i.bottom+14:i.top-14-Math.min(m,n)]}}Nt.place(Ft,t,Math.max(12,Math.min(p,window.innerWidth-t.offsetWidth-u)),Math.max(12,Math.min(c,n-t.offsetHeight)),s),l(),ro()}function Da(){Ja(),clearTimeout(bi),ft=null,Fe=!1;let e=we;e&&!De&&Fo(!0),bi=0,!(Be||e&&!De)&&(Ke=!0,er(),function(){queueMicrotask(()=>{if(!Ke)return;let e=we,t=e?An.querySelector(".account-dialog"):An.querySelector("input,button");e&&t&&(t.tabIndex=-1),t?.focus({preventScroll:!0})})}())}let Fa=$e,Ia=ze;function Ya(e,t){return document.elementsFromPoint(e,t).find(e=>e!==Cn&&!Cn.contains(e))??null}function Na(e){return!!e&&e!==he&&e!==document.body&&(_.pickRoots?[he,..._.pickRoots()]:[document.body]).some(t=>t.contains(e))}function Xa(){return ot?Promise.resolve(ot):(at||(at=import("./design-mode.js").then(({createDesignMode:e})=>{let t=e({root:$n,panelRoot:Ln,host:Cn,exitKey:J.design?.label,design:_.design,page:Gi,bounds:e=>hi&&he.contains(e)?he.getBoundingClientRect():void 0,flip(){if(!ye||!De||Ee||ji)return;let e=Ln.getBoundingClientRect();Li({x:Zn.clientWidth-e.right,y:e.top}),Ce=!0,Ln.animate([{transform:`translateX(${e.left-Ln.getBoundingClientRect().left}px)`},{}],{duration:320,easing:"cubic-bezier(.22,1,.36,1)"})},targetAt(e,t){let n=Ya(e,t);return Na(n)?n:null},onComment(e,t){Ue=!1,De&&!wo()&&Fo(!1),ko(!1),pn="",cn=t??"",un=[];let n=e.getBoundingClientRect(),i={x:n.left+n.width/2,y:n.top+n.height/2};or(e,i,i,!0)},onExit(){Xe=!1,ot?.setReturnAction(null),xo(),Vo(),vo()}});return Be?(t.destroy(),null):(ot=t,t.setActive(Xe),t)}).catch(()=>(Xe=!1,xo(),Vo(),null)).finally(()=>{at=null})),at)}async function Ua(e){if(!Z||Be)return;if(e.page!==Gi()){let t=new URL(e.page,location.origin);return t.searchParams.set("comment",e.id),t.searchParams.set("comment-view","design"),void await cr(t)}let t=$e(e.anchor);if(!t||!Na(t)||!Ia(e.anchor).attached)return void ao("Design is unavailable: this comment’s element isn’t visible on this page.");let n=De;ko(!0),et=n;let i=await Xa();if(i&&Xe&&!Be&&nt===e.id&&e.page===Gi()){if(!t.isConnected||$e(e.anchor)!==t)return ko(!1),void ao("Design is unavailable: this comment’s element has changed.");i.select(t),i.setReturnAction({label:"Back to comment",run:()=>ko(!1)})}}function Va(e,t){if(!e.closest(".pin-stack")||e.dataset.dragging)return t;let n=e.getBoundingClientRect();return{x:n.left+("right"===e.dataset.pointer?25:9),y:n.top+28}}function Ka(e){return!!Oe.user&&(Oe.user.verified||e.comments[0]?.author.id===Oe.user.id)}function Ja(){Pt++,qt?.cancel()}function Ga(e,t){let n=Ya(e,t);if(!Na(n))return null;let i=n.closest("button,a,input,textarea,select,[role=button],[role=link],[data-comment-anchor],h1,h2,h3,h4,h5,h6,p,li,figure,svg,canvas,img,video")??n,o=i.closest("button,a,[role=button],[role=link]");return Na(o)?o:i}function Za(){let e=!Fe&&!!To(),t=e?nt:De&&!it&&!To()&&Ln.querySelector(`.list [data-thread="${CSS.escape(Ra)}"]`)&&Ra,n=t&&tt.find(e=>e.id===t&&e.page===Gi()),i=n&&Ia(n.anchor),o=i&&i.attached&&(i.width&&i.height?{left:i.x,top:i.y,right:i.x+i.width,bottom:i.y+i.height}:i.component);if(In.toggleAttribute("data-thread",!!o),jn.toggleAttribute("data-quiet",!!o&&e),jn.toggleAttribute("data-outlined",!!o&&e&&La),o){let t=Fa(n.anchor);return Qa(o,i.width&&i.height?null:t,hi&&!!t&&he.contains(t)),void(e&&!La&&(In.style.opacity="0"))}if(!Fe&&!it||tr||it&&it.width>0&&it.height>0)return In.style.opacity="0",void(!Fe&&!it&&(Yn=null,Nn=null));it&&(Yn=Fa(it)),Fe&&Nn&&(Yn=Ga(Nn.x,Nn.y)),Fe&&Yn&&(Yn=ke(Yn,he,_.anchorTarget)),Yn?.isConnected?Qa(Yn.getBoundingClientRect(),Yn,hi&&he.contains(Yn)):In.style.opacity="0"}function Qa(e,t,n){In.style.opacity=a(In,e,t,n?he.getBoundingClientRect():void 0)?"1":"0"}function er(){if(Be)return;if(Cn.classList.toggle("design-active",Xe),Ke&&!De)return void(re(window.innerWidth,window.innerHeight)?(Ke=!1,Da()):Fo(!0));Ao();let e=!!it&&!Ke&&re(window.innerWidth,window.innerHeight);Cn.classList.toggle("mobile-composing",e),Ln.inert=we?!De||Ke:ye?!De:Ke,(nt||it||Fe||Ye||Ke)&&Fn(!0),zn.hidden=!Fe,Za(),Tn.replaceChildren(),Vo(),Mn.inert=Xe,ea(),ba(),ja();let t=Ln.querySelector(".panel");t&&(t.inert=Xe,t.setAttribute("aria-hidden",String(Xe)),t.hidden=Xe),Xe&&ot?.mountPanel(Ln);let n=Ln.querySelector(".design-inspector__heading");n&&!n.dataset.drag&&(n.dataset.drag="",Ni(n))}let tr=null,nr=null;zn.addEventListener("pointerdown",e=>{if(0!==e.button)return;e.preventDefault(),e.stopPropagation();let t=Ga(e.clientX,e.clientY);t&&(Yn=t,Nn=null,In.style.opacity="0",tr={x:e.clientX,y:e.clientY,element:t,pointerId:e.pointerId},zn.setPointerCapture(e.pointerId),nr=C("div","selection"),$n.append(nr))}),zn.addEventListener("pointermove",e=>{if(!tr||!nr)return Nn={x:e.clientX,y:e.clientY},void function(){Xn||(Xn=requestAnimationFrame(()=>{Xn=0,Za()}))}();Object.assign(nr.style,{left:`${Math.min(tr.x,e.clientX)}px`,top:`${Math.min(tr.y,e.clientY)}px`,width:`${Math.abs(tr.x-e.clientX)}px`,height:`${Math.abs(tr.y-e.clientY)}px`})});let ir=!1;function or(e,t,n=t,i=!1){if(ir=i,Fn(),e=ke(e,he,_.anchorTarget),it=Se(e,t,n,_.source),hi){let e=he.getBoundingClientRect(),i=$o*Ji();it.pageX=(Math.min(t.x,n.x)-e.left)/i+he.scrollLeft,it.pageY=(Math.min(t.y,n.y)-e.top)/i+he.scrollTop}Yn=e,Fe=!1,nt=null,Ke=!1,mn=null,gt="",er(),An.querySelector('[data-focus-key="body"]')?.focus({preventScroll:!0}),Ba()}function ar(){if(Rt&&tt.find(e=>e.id===Rt)?.page!==Gi()&&Ja(),vn||Be||document.hidden)return;let e=Gi();!it&&!nt&&!Fe&&!Qi&&(Ye||!tt.some(t=>t.page===e&&!t.resolved))||(vn=requestAnimationFrame(()=>{vn=0,ea(),Ba(),ro(),Za()}))}zn.addEventListener("pointerup",e=>{if(!tr)return;let t=tr;nr?.remove(),nr=null,tr=null,or(t.element,t,{x:e.clientX,y:e.clientY})}),zn.addEventListener("pointerleave",()=>{tr||it||(Nn=null,Yn=null,In.style.opacity="0")}),zn.addEventListener("pointercancel",()=>{tr=null,nr?.remove(),nr=null,Nn=null,Yn=null,In.style.opacity="0"}),document.addEventListener("scroll",e=>{Pn=!0,Fn();let t=e.target;t===Cn||!t||t instanceof Node&&t.getRootNode()===$n||!((t===document?document.scrollingElement:t)instanceof Element)||(Rt||(Zo=!0,jn.dataset.scrolling="true",clearTimeout(Qo),Qo=window.setTimeout(()=>{Be||(Ko="",ea(!0),Zo=!1,delete jn.dataset.scrolling)},180)),ar())},{capture:!0,passive:!0,signal:He.signal});for(let e of["focusin","focusout","click"])An.addEventListener(e,()=>requestAnimationFrame(Ba),{signal:He.signal});window.visualViewport?.addEventListener("scroll",()=>{re(window.innerWidth,window.innerHeight)&&(Ao(),(Ke||it||nt)&&ar())},{signal:He.signal}),window.visualViewport?.addEventListener("resize",()=>{re(window.innerWidth,window.innerHeight)&&(Ao(),ar())},{signal:He.signal}),window.addEventListener("resize",()=>{(function(){let e=re(window.innerWidth,window.innerHeight);e!==we&&($n.append(Ln),Hi(),Do(!0),Wo(),Lo(),we=e,e||(Mn.style.translate="",$t||(Mn.style.bottom="")),ye=!e&&"edge"===xe,Ln.removeAttribute("style"),Pi(),Eo="",er())})(),Ao(),we||Vo(),ar()},{signal:He.signal}),S($n,"keydown",e=>{xi=!0,queueMicrotask(()=>{xi=!1});let t=e.composedPath()[0];if((Ke||we&&De)&&"Tab"===e.key){let t=[...(Ke?An:Xe?$n.querySelector(".design-inspector")??$n:$n).querySelectorAll("button:not(:disabled),input:not(:disabled):not([type=hidden]),select:not(:disabled),textarea:not(:disabled),summary,a[href],[tabindex]")].filter(e=>e.tabIndex>=0&&e.getClientRects().length>0&&!e.closest("[inert]")&&(Ke||Xe||!we||!!e.closest(".panel,.toolbar"))),n=t[0],i=t.at(-1);!e.shiftKey||$n.activeElement!==n&&t.includes($n.activeElement)?!e.shiftKey&&($n.activeElement===i||!t.includes($n.activeElement))&&(e.preventDefault(),n?.focus()):(e.preventDefault(),i?.focus())}let n=document.activeElement;for(;n?.shadowRoot?.activeElement;)n=n.shadowRoot.activeElement;let i=w(t)||w(n)||e.isComposing;if("Escape"!==e.key){if(!i){if(Ne&&_e(e,J.restore))return e.preventDefault(),void No();_.onboarding||(_e(e,J.comment)?(e.preventDefault(),yo(!Ie)):_e(e,J.browse)?(e.preventDefault(),yo(!1)):Z&&_e(e,J.design)?(e.preventDefault(),ko(!Xe)):_e(e,J.comments)&&(e.preventDefault(),Fo(!De)))}}else{if(Xe||e.defaultPrevented&&!e.composedPath().includes(Cn))return;Fe||it||nt||Ke?(e.preventDefault(),Io()):De&&(e.preventDefault(),Fo(!1))}},{signal:He.signal}),S($n,"pointerdown",e=>{let t=e.composedPath(),n=t.some(e=>e instanceof Element&&e.getRootNode()===$n&&e.matches("button,input,textarea,summary,[role=menu],[role=listbox],.emoji-menu,.emoji-keyboard,.floating-notice"));0===e.button&&(nt||it)&&(!it||!re(window.innerWidth,window.innerHeight))&&!Ke&&!t.includes(An)&&!t.includes(Mn)&&!t.includes(jn)&&(!Fe||!t.includes(zn))&&!n&&(it&&pn.trim()&&(Bt={anchor:it,text:pn}),Io());for(let t of $n.querySelectorAll(".comment-menu[open]"))e.composedPath().includes(t)||(t.open=!1)},{signal:He.signal});let rr=new ResizeObserver(()=>{di(),ar()});rr.observe(he);let sr=0,lr=new MutationObserver(e=>{if(e.some(e=>e.target===document.body)&&di(),it||nt||Fe||Qi)return ar();sr||(sr=window.setTimeout(()=>{sr=0,ar()},80))});function dr(){Be||Gi()===xn||(xn=Gi(),ot?.clearSelection(),ot?.setReturnAction(null),Bt=null,nt=null,it=null,er())}lr.observe(document.body,{childList:!0,subtree:!0,characterData:!0}),An.addEventListener("pointerdown",e=>{Ke&&e.target===An&&Io()});let pr=()=>setTimeout(()=>(dr(),hr()));async function cr(e){if(!_.navigate||e.origin!==location.origin)return location.assign(e);try{await _.navigate(e)}catch{return location.assign(e)}dr(),hr()}window.addEventListener("popstate",pr,{signal:He.signal}),window.navigation?.addEventListener("navigatesuccess",pr,{signal:He.signal});let ur=null;async function hr(){let e=new URL(location.href).searchParams.get("comment"),t=tt.find(t=>t.id===e);if(!t||ur===e)return;ur=e;for(let e=0;e<5e3&&(Gi()!==t.page||!$e(t.anchor));e+=100)await new Promise(e=>setTimeout(e,100));ur=null;let n=new URL(location.href);if(Be||n.searchParams.get("comment")!==e)return;let i="design"===n.searchParams.get("comment-view");n.searchParams.delete("comment"),n.searchParams.delete("comment-view"),history.replaceState(history.state,"",n),dr(),t.page===Gi()&&(De||Fo(!0),Xo(t),i&&Ua(t))}function mr(){let e=new i(_);return!(e.token===Oe.token||Oe.transient&&!e.token||(Oe.cancelReads(),Oe=e,At=!1,jt=null,mt="Connecting",_t=Wt=Ot=Ht=Mt=!1,it=Bt=null,pn=cn="",un=[],Sn.clear(),Dt.length=0,vt=ft=wt=null,xt++,clearTimeout(bt),Ii(),er(),lo(yr),0))}window.addEventListener("storage",e=>{e.storageArea===localStorage&&e.key===Oe.sessionKey&&e.newValue!==Oe.token&&mr()},{signal:He.signal}),window.addEventListener("focus",()=>{mr()||ho?.wake()},{signal:He.signal});let gr=e=>e.target.closest?.(".list .thread-item")?.dataset.thread??"",fr=()=>{clearTimeout(Wa),Wa=window.setTimeout(()=>Oa(),80)};for(let[e,t]of[["pointerover",e=>(qa=gr(e))?Oa():fr()],["pointerleave",()=>{qa="",fr()}],["focusin",e=>{Pa=gr(e),Oa()}],["focusout",()=>{Pa="",fr()}],["scroll",()=>{qa=Pa="",Oa()}]])Ln.addEventListener(e,t,{capture:!0,signal:He.signal});ho=function(e){let t,n=!1,i=!1,o=!1,a=0,r=()=>{if(clearTimeout(t),i||!e.enabled())return;let n=e.active()?Math.min(Math.max(15e3,e.interval),e.interval*2**Math.min(a,3)):Math.max(6e4,e.interval);t=setTimeout(s,n*(.9+.2*Math.random()))},s=async()=>{if(!i&&e.enabled()){if(n)return void(o=!0);n=!0;try{a=await e.read()?0:a+1}catch{a++}finally{n=!1,o?(o=!1,l()):r()}}};function l(e=!0){a=0,clearTimeout(t),e?s():n||r()}return{wake:l,stop(){i=!0,clearTimeout(t)}}}({interval:Math.max(2e3,_.pollInterval??4e3),enabled:()=>!Be&&!document.hidden&&!1!==navigator.onLine&&!_.onboarding,active:()=>De||Ke||Fe||!!it||!!nt,read:async()=>(dr(),At?bo():yr())});for(let e of["online","offline"])window.addEventListener(e,()=>ho?.wake(),{signal:He.signal});if(Cn.addEventListener("click",()=>ho?.wake(!1),{signal:He.signal}),Cn.addEventListener("keydown",()=>ho?.wake(!1),{signal:He.signal}),!1!==_.isolateEvents){Cn.setAttribute("data-isolate",""),k(Cn,He.signal);for(let e of y)Cn.addEventListener(e,e=>v(e,$n)&&e.stopPropagation(),{passive:!0,signal:He.signal});document.addEventListener("focusout",e=>e.relatedTarget===Cn&&e.stopImmediatePropagation(),{signal:He.signal})}document.addEventListener("visibilitychange",()=>{document.hidden?(lr.disconnect(),clearTimeout(sr),sr=0):(lr.observe(document.body,{childList:!0,subtree:!0,characterData:!0}),di(),ar()),(document.hidden||!mr())&&ho?.wake()},{signal:He.signal});let br={destroy(){if(Be)return;Be=!0,Ja(),ho?.stop(),ot?.destroy(),nn?.resetDesignPreviews(),Oe.cancelReads(),Hi(),oa?.(),cancelAnimationFrame(Co),clearTimeout(sr),clearTimeout(Qo),clearTimeout(bi),clearTimeout(na),za.clear(),Nt.stop(),lo(kt),dt?.(),on?.(!0);for(let[e,t]of an)t?.(),e.getAnimations().forEach(e=>e.cancel()),e.remove();an.clear(),fi?.stop(),ki?.stop(),Do(!0),He.abort(),clearTimeout(wn),clearTimeout(yn),clearTimeout(kn),cancelAnimationFrame(vn),cancelAnimationFrame(Xn),cancelAnimationFrame(eo),Fn(),rr.disconnect(),lr.disconnect(),ui.disconnect(),Gn.disconnect(),cancelAnimationFrame(ci);let e=hi?he.scrollTop*Ji():window.scrollY/$o;di(),(hi||!ye)&&(jo(),window.scrollTo({top:e,behavior:"instant"})),Ki.disconnect(),Vn.unmount(),Cn.remove(),qe.delete(document)},comment(e){let t=()=>{if(Be||!e.isConnected)return;let t=e.getBoundingClientRect();!t.width||!t.height||or(e,{x:t.left+t.width/2,y:t.top+t.height/2})};De&&!wo()?(Fo(!1),fi&&mi?fi.finished.then(t):t()):t()},open(){Be||(No(),Fo(!0))},close(){Be||(Io(),Fo(!1))},async refresh(){await bo()}};qe.set(document,{scope:oe,controller:br}),wi=!_.onboarding&&yi.get(),Ao();let xr=_.onboarding?null:Oe.cached();Ze||=null!==xr;let wr=wi;if(wi=!0,xr&&rt.replace(go(xr)),er(),ye&&(Ln.style.transition="none",qi(),Ln.offsetWidth,Ln.style.transition=""),wi=wr,wi&&(Fo(!0),wi=!1,!x()))for(let e of[Cn,hi?he:null])e?.animate([{opacity:0},{opacity:1}],{duration:200,easing:"cubic-bezier(0.22, 1, 0.36, 1)"});async function yr(){let e,t=Oe,n=t.token;try{await t.restore()}catch{}if(Be||t!==Oe)return;n!==t.token&&Ii(),Vo(),Ke&&ja();let i=bo();i.catch(()=>{});try{e=await t.request("config")}catch(e){if(Be||t!==Oe||e instanceof DOMException&&"AbortError"===e.name)return;let n=le(e),i=jt?.detail!==n.detail;throw jt=n,mt="Offline",i&&er(),e}if(Be||t!==Oe)return;At=!0,_t=!!e.google,Wt=e.github,Ot=e.guests,Ht=e.guestResolve,Mt=!!e.private,er();let o=await i;return Be||t!==Oe?void 0:(hr(),er(),o)}return hr(),_.onboarding?.inProject||lo(()=>yr().finally(()=>ho?.wake(!1))),br}export{_ as a,Pe as b,We as c};

package/dist/chunk-UZLXJJJW.js

@@ -0,0 +1 @@
+import{a as e}from"./chunk-RPY7OOOR.js";var t=new WeakMap,r=new WeakMap,n=new WeakMap;function o(e,t){let r=n.get(e.element);if(r?.editor===t)return r.component;let o={id:e.name,name:e.name,source:e.source??"",line:0,props:t.schema},i={definition:o,preview:"adapter",releaseProps:e=>t.release?.(e),subscribe:t.subscribe?.bind(t),get props(){return l(o,t.read())},onChange:e=>t.apply(e),setProps(e){if(!1===t.available?.())throw new Error("This component instance is no longer available.");let r=l(o,e);if(Object.keys(r).length!==Object.keys(e).length||o.props.some(e=>"unsupported"!==e.kind&&e.required&&!(e.name in r)))throw new Error("Component props no longer match the editor schema.");t.apply(r)}};return n.set(e.element,{editor:t,component:i}),i}function i(e,t){return void 0===t?!e.required:!(!function(e){return void 0===e||"string"==typeof e||"number"==typeof e&&Number.isFinite(e)||"boolean"==typeof e}(t)||"unsupported"===e.kind)&&("string"===e.kind?"string"==typeof t&&t.length<=500:"number"===e.kind?"number"==typeof t&&Number.isFinite(t):"boolean"===e.kind?"boolean"==typeof t:"enum"===e.kind&&(e.values??[]).includes(t))}function l(e,t){let r={};for(let n of e.props){if("unsupported"===n.kind)continue;let e=t[n.name];i(n,e)&&(r[n.name]=e)}return r}function s(e,n,o,i){let s=n.textProp&&n.props.some(e=>e.name===n.textProp&&"string"===e.kind)?n.textProp:void 0,a=l(n,o),p=new Set,u={definition:n,props:a,onChange:i,subscribe:e=>(p.add(e),()=>{p.delete(e)}),setProps(e){let t=l(n,e);if(Object.keys(t).length===Object.keys(e).length){for(let e of n.props)if("unsupported"!==e.kind&&e.required&&!(e.name in t))return;u.props=t,u.onChange(t)}}};return t.set(e,u),e.dataset.komoInspectable=n.id,s?e.dataset.komoTextProp=s:delete e.dataset.komoTextProp,r.set(u,p),()=>{t.get(e)===u&&(t.delete(e),p.clear(),e.dataset.komoInspectable===n.id&&delete e.dataset.komoInspectable,e.dataset.komoTextProp===s&&delete e.dataset.komoTextProp)}}function a(e,n,o,i){if(!e)return;let s=t.get(e);if(!s||s.definition.id!==n.id)return;s.definition=n,s.props=l(n,o),s.onChange=i;let a=n.textProp&&n.props.some(e=>e.name===n.textProp&&"string"===e.kind)?n.textProp:void 0;a?e.dataset.komoTextProp=a:delete e.dataset.komoTextProp,r.get(s)?.forEach(e=>e())}function p(e){let r=e&&t.get(e);if(r&&e.getAttribute("data-komo-inspectable")===r.definition.id)return r;let o=e&&n.get(e);return o&&!1!==o.editor.available?.()?o.component:null}function u(e){for(let t=e?.parentElement;t;t=t.parentElement){let e=p(t);if(e)return{root:t,component:e}}return null}var f=new Set,d=new WeakMap,m=new WeakMap,c=new WeakMap,h={color:new Set(["color","background-color","border-color"]),dimension:new Set(["gap","padding","margin","border-radius","font-size","width","height"]),fontFamily:new Set(["font-family"]),fontWeight:new Set(["font-weight"]),lineHeight:new Set(["line-height"])};function g(e,t){if(t.length>100||t.some(e=>!function(e){return!!e&&"string"==typeof e.path&&e.path.length<=160&&/^--[a-zA-Z0-9_-]+$/.test(e.cssVariable)&&!!h[e.type]&&Array.isArray(e.properties)&&e.properties.length>0&&e.properties.every(t=>h[e.type].has(t))&&"string"==typeof e.impactSelector&&e.impactSelector.length<=200}(e)))throw new Error("Komo design tokens must use supported, explicit CSS-variable metadata");let r=new Set(t.map(e=>e.path)),n=new Set(t.map(e=>e.cssVariable));if(r.size!==t.length||n.size!==t.length)throw new Error("Komo design token paths and CSS variables must be unique");for(let r of t)e.querySelectorAll(r.impactSelector);let o={root:e,tokens:t.map(e=>({...e,properties:[...e.properties]})),themeEdits:new Map,elementOriginals:new Map,elementBindings:new Map,previousMarker:e.getAttribute("data-komo-design-tokens")};return d.set(e,o),f.add(o),c.set(o,[]),e.setAttribute("data-komo-design-tokens",String(t.length)),()=>{if(d.get(e)===o){for(let[t,r]of o.themeEdits){let n=o.tokens.find(e=>e.path===t);n&&(r.inlineBefore?e.style.setProperty(n.cssVariable,r.inlineBefore):e.style.removeProperty(n.cssVariable))}for(let[e,t]of o.elementOriginals)for(let[r,n]of t)n.value?e.style.setProperty(r,n.value,n.priority):e.style.removeProperty(r);o.elementBindings.clear(),f.delete(o),d.delete(e),null===o.previousMarker?e.removeAttribute("data-komo-design-tokens"):e.setAttribute("data-komo-design-tokens",o.previousMarker)}}}function y(e){if(!e)return null;let t=null;for(let r of f)(r.root===e||r.root.contains(e))&&(!t||t.root.contains(r.root))&&(t=r);return t}function k(e,t){return e.root.ownerDocument.defaultView?.getComputedStyle(e.root).getPropertyValue(t.cssVariable).trim()??""}function b(e,t){try{return e.root.querySelectorAll(t.impactSelector).length}catch{return 0}}function P(e,t,r,n=!1){if(!e.tokens.some(e=>e===t||e.path===t.path)||!function(e,t,r){if(!r||r.length>160||/[{};]/.test(r)||/(?:url|expression)\s*\(/i.test(r))return!1;let n=e.root.ownerDocument.defaultView?.CSS;return!n?.supports||t.properties.some(e=>n.supports(e,r))}(e,t,r))return!1;let o=k(e,t),i=e.themeEdits.get(t.path),l=e.root.style.getPropertyValue(t.cssVariable),s=i?.inlineBefore??l,a=c.get(e)??[];if(o===r)return!0;e.root.style.setProperty(t.cssVariable,r),r===(i?.before??o)?e.themeEdits.delete(t.path):e.themeEdits.set(t.path,{before:i?.before??o,after:r,inlineBefore:s});let p=a.at(-1);return n&&"theme"===p?.kind&&p.token.path===t.path?r===p.before?a.pop():p.after=r:a.push({kind:"theme",source:e,token:t,before:o,after:r,inlineBefore:l}),c.set(e,a),!0}function v(e){for(let t of f)for(let[r,n]of t.themeEdits){let o=t.tokens.find(e=>e.path===r)?.cssVariable;if(!o)continue;let i=e?n.inlineBefore:n.after;i?t.root.style.setProperty(o,i):t.root.style.removeProperty(o)}}function w(e,t){let r=e.themeEdits.get(t.path),n=c.get(e)??[],o=n.find(e=>"theme"===e.kind&&e.token.path===t.path),i=r?.inlineBefore??("theme"===o?.kind?o.inlineBefore:void 0);void 0!==i&&(i?e.root.style.setProperty(t.cssVariable,i):e.root.style.removeProperty(t.cssVariable),e.themeEdits.delete(t.path),c.set(e,n.filter(e=>"theme"!==e.kind||e.token.path!==t.path)))}function V(e,t,r,n,o={}){if(!e.tokens.some(e=>e.path===r.path)||!r.properties.includes(n))return!1;let i=e.elementOriginals.get(t);i||e.elementOriginals.set(t,i=new Map),i.has(n)||i.set(n,{value:t.style.getPropertyValue(n),priority:t.style.getPropertyPriority(n)});let l=t.style.getPropertyValue(n),s=t.style.getPropertyPriority(n),a=`var(${r.cssVariable})`,p=e.elementBindings.get(t);p||e.elementBindings.set(t,p=new Map);let u=p.get(n);if(p.set(n,{tokenPath:r.path,initialValue:u?.initialValue??l,initialPriority:u?.initialPriority??s,mode:"token",declaredPath:u?u.declaredPath:A(e,t,n)?.token.path}),t.style.setProperty(n,a,s),!1===o.recordHistory)return!0;let f={kind:"element",element:t,property:n,before:l,priority:s,after:a},d=c.get(e)??[];d.push(f),c.set(e,d);let h=m.get(t)??[];return h.push(f),m.set(t,h),!0}function B(e,t,r,n){let o=e.elementBindings.get(t),i=o?.get(r);if(!i){let n=A(e,t,r);if(!n)return;o||e.elementBindings.set(t,o=new Map),i={tokenPath:n.token.path,initialValue:t.style.getPropertyValue(r),initialPriority:t.style.getPropertyPriority(r),mode:"custom",declaredPath:n.token.path},o.set(r,i)}i.mode="custom",i.customValue=n}function S(e,t,r){let n=e.elementBindings.get(t)?.get(r);if(!n)return;let o=t.style.getPropertyValue(r);o!==n.initialValue||t.style.getPropertyPriority(r)!==n.initialPriority?e.tokens.find(e=>e.path===n.tokenPath&&e.properties.includes(r)&&o===`var(${e.cssVariable})`)?(n.mode="token",delete n.customValue):(n.mode="custom",n.customValue=o):e.elementBindings.get(t)?.delete(r)}function $(e,t,r){let n=e.elementBindings.get(t)?.get(r);return n?{...n}:null}var E={"background-color":["background"],"border-color":["border"],"font-family":["font"],"font-size":["font"],"font-weight":["font"],"line-height":["font"]};function x(e,t,r,n){let o=[...r.matchAll(/var\(\s*(--[\w-]+)/g)].map(e=>e[1]);if(!o.length||n&&!/^var\(\s*--[\w-]+\s*(?:,[^;{}]*)?\)$/.test(r.trim()))return;let i=e.tokens.filter(e=>e.properties.includes(t)&&o.includes(e.cssVariable));return 1===i.length?i[0]:void 0}function M(e){let t=e.replace(/:(?:where)\([^)]*\)/g,"").replace(/"[^"]*"|'[^']*'/g,"");return 1e4*(t.match(/#[\w-]+/g)?.length??0)+100*(t.match(/\.[\w-]+|\[[^\]]*\]|:(?!:)[\w-]+/g)?.length??0)+(t.match(/(?:^|[\s>+~(])[a-z][\w-]*/gi)?.length??0)}function O(e){let t=[],r=0,n=0;for(let o=0;o<e.length;o++){let i=e[o];"("===i||"["===i?r++:")"===i||"]"===i?r--:","===i&&0===r&&(t.push(e.slice(n,o)),n=o+1)}return t.push(e.slice(n)),t.map(e=>e.trim()).filter(Boolean)}function A(e,t,r,n=t.style.getPropertyValue(r),o=t.style.getPropertyPriority(r)){let i=t.ownerDocument.defaultView,l=null,s=0,a=e=>{for(let n of e){s++;let e=n.media;if(e&&i?.matchMedia&&e.mediaText&&!i.matchMedia(e.mediaText).matches)continue;let o=n.style,p=n.selectorText;if(o&&p)for(let e of[r,...E[r]??[]]){let r=o.getPropertyValue(e).trim();if(!r)continue;let n=-1;for(let e of O(p))try{t.matches(e)&&(n=Math.max(n,M(e)))}catch{}if(!(n<0)){n+=o.getPropertyPriority(e)?1e9:0,(!l||n>l.rank||n===l.rank&&s>=l.order)&&(l={value:r,property:e,rank:n,order:s});break}}let u=n.cssRules;u&&!o&&a(u)}};for(let e of t.ownerDocument.styleSheets)try{e.disabled||a(e.cssRules)}catch{}let p=l;if(n&&(!(p&&p.rank>=1e9)||o)){let t=x(e,r,n,!0);return t?{token:t,origin:"inline"}:null}if(!p)return null;let u=x(e,r,p.value,p.property===r);return u?{token:u,origin:"stylesheet"}:null}function T(e,t,r){let n=e.elementBindings.get(t)?.get(r),o=e.elementOriginals.get(t)?.get(r),i=n?.initialValue??o?.value??"",l=n?.initialPriority??o?.priority??"";i?t.style.setProperty(r,i,l):t.style.removeProperty(r),e.elementBindings.get(t)?.delete(r)}function C(e,t){return e.tokens.filter(e=>e.properties.includes(t))}function z(e){let t=y(e);return!!t&&(t.themeEdits.size>0||!!m.get(e)?.length||!!t.elementBindings.get(e)?.size)}function j(e){let t=y(e);return!!t&&!!c.get(t)?.length}function q(e){let t=y(e),r=t&&c.get(t)?.pop();if(!t||!r)return;if("theme"===r.kind){r.inlineBefore?t.root.style.setProperty(r.token.cssVariable,r.inlineBefore):t.root.style.removeProperty(r.token.cssVariable);let e=t.themeEdits.get(r.token.path);if(e&&e.after===r.after)e.before===r.before?t.themeEdits.delete(r.token.path):t.themeEdits.set(r.token.path,{...e,after:r.before});else if(!e){let e=c.get(t).find(e=>"theme"===e.kind&&e.token.path===r.token.path);t.themeEdits.set(r.token.path,{before:r.after,after:r.before,inlineBefore:("theme"===e?.kind?e:r).inlineBefore})}return}r.before?r.element.style.setProperty(r.property,r.before,r.priority):r.element.style.removeProperty(r.property);let n=m.get(r.element)??[];n.pop(),n.length||m.delete(r.element)}function W(e){let t=y(e);if(!t)return;for(let[e,r]of t.themeEdits){let n=t.tokens.find(t=>t.path===e);n&&(r.inlineBefore?t.root.style.setProperty(n.cssVariable,r.inlineBefore):t.root.style.removeProperty(n.cssVariable))}t.themeEdits.clear();let r=t.elementOriginals.get(e);for(let[t,n]of r??[])n.value?e.style.setProperty(t,n.value,n.priority):e.style.removeProperty(t);t.elementOriginals.delete(e),t.elementBindings.delete(e),m.delete(e),c.set(t,(c.get(t)??[]).filter(t=>"element"===t.kind&&t.element!==e))}function D(){for(let e of f){for(let t of[e.root,...e.elementOriginals.keys(),...e.elementBindings.keys()])W(t);c.set(e,[])}}function R(e){let t=y(e);if(!t)return;let r=[];for(let[n,o]of t.elementBindings.get(e)??[]){let e=t.tokens.find(e=>e.path===o.tokenPath&&e.properties.includes(n));if(!e)continue;let i=t.tokens.find(e=>e.path===o.declaredPath),l=i?`var(${i.cssVariable}) [${i.path}]`:o.initialValue||"(unset)";"token"===o.mode?i!==e&&r.push(`Element ${n}: ${l} → var(${e.cssVariable}) [${e.path}]${i?" [rebind]":""}`):r.push(`Element ${n}: ${l} → ${o.customValue||"(unset)"} [${i?"custom override":"custom value"}]`)}for(let n of m.get(e)??[]){if("element"!==n.kind||t.elementBindings.get(e)?.has(n.property))continue;let o=t.tokens.find(e=>n.after===`var(${e.cssVariable})`);o&&r.push(`Element ${n.property}: ${n.before||"(unset)"} → var(${o.cssVariable}) [${o.path}]`)}for(let[e,n]of t.themeEdits){let o=t.tokens.find(t=>t.path===e);o&&r.push(`Shared theme ${e} (${o.cssVariable}): ${n.before} → ${n.after}; preview scope ${o.impactSelector} (${b(t,o)} matching elements)`)}return r.length?["Proposed design-token changes (preview only)",...r,"Token references are preserved for element assignments; refresh resets previews."].join("\n"):void 0}function F(){return{id:"css-variables",list:()=>[...f].flatMap(e=>e.tokens.map(t=>function(e,t){return{path:t.path,type:t.type,value:k(e,t),properties:[...t.properties],group:t.path.split(".")[0],ref:t.cssVariable}}(e,t))),resolve(t){let r=y(t),n={};if(!r||!e(t))return n;let o=t.ownerDocument.defaultView?.getComputedStyle(t);for(let e of new Set(r.tokens.flatMap(e=>e.properties))){let i=A(r,t,e);n[e]=i?{path:i.token.path}:{offToken:o?.getPropertyValue(e).trim()??""}}return n},preview(t,r,n){let o=y(t),i=o?.tokens.find(e=>e.path===n.path);if(!o||!i||!e(t))return()=>{};let l=t.style.getPropertyValue(r),s=t.style.getPropertyPriority(r);return V(o,t,i,r,{recordHistory:!1}),()=>{l?t.style.setProperty(r,l,s):t.style.removeProperty(r),S(o,t,r)}},describe:(e,t,r,n)=>`Set ${t} to var(${n.ref})`}}export{o as a,i as b,s as c,a as d,p as e,u as f,g,y as h,k as i,b as j,P as k,v as l,w as m,V as n,B as o,S as p,$ as q,A as r,T as s,C as t,z as u,j as v,q as w,W as x,D as y,R as z,F as A};