@hazem3500/komo 0.9.6 → 0.9.7

package/dist/chunk-V4KLBVAJ.js

@@ -0,0 +1 @@
+import{a as e,b as t,c as n,d as o}from"./chunk-KMYXE4O6.js";import{b as i}from"./chunk-DH22G2S5.js";import{a,b as r,c as s,d,e as l,f as p,g as c,h as u,i as h,ja as m}from"./chunk-7YUXYVQA.js";import{a as g,b as f,d as b,e as x,f as w,g as y,h as v,i as k,j as S,k as C,m as E,n as $,o as z}from"./chunk-62YUEO4G.js";var j=e=>`komo:setup:${e.endpoint}:${e.onboarding?.code}`;function L(e){if(!e.onboarding?.inProject)return e;try{let t=JSON.parse(localStorage.getItem(j(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 M(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 A(e,t){let n=e.x<t/2?"right":"left",o=e.component;if(!o)return n;let{left:i,top:a,right:r,bottom:s}=o;if(r<=i||s<=a)return n;let d=(i+r)/2;return(Math.hypot(Math.max(i-e.x,0,e.x-r),Math.max(a-e.y,0,e.y-s))||Math.min(e.x-i,r-e.x,e.y-a,s-e.y))>100||e.x===d?n:e.x<d?"right":"left"}var _=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,o)=>{this.jobs.push({change:e,save:t,resolve:n,reject:o})});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 T(e,t,n,o,i=600,a=34){let r=t+((n-e)*i-t*a)*o;return{value:e+r*o,velocity:r}}var R=(e,t)=>Math.max(16,Math.min(e,t));function q(e,t,n,o,i){return{...e,x:"left"===e.edgeX?16:"right"===e.edgeX?Math.max(16,o-t-16):R(e.x,o-t-16),y:"top"===e.edgeY?16:"bottom"===e.edgeY?Math.max(16,i-n-16):R(e.y,i-n-16)}}function W(e,t,n,o,i){let a=q(e,t,n,o,i),r=o-t-16-a.x,s=i-n-16-a.y;return Math.min(a.x-16,r)<.05*o&&(a.edgeX=a.x-16<=r?"left":"right"),Math.min(a.y-16,s)<.05*i&&(a.edgeY=a.y-16<=s?"top":"bottom"),q(a,t,n,o,i)}function O(e,t,n,o,i,a,r=()=>!0,s=()=>!1){let d;t.addEventListener("pointerdown",l=>{let p=l.target;if(!r()||0!==l.button||p.closest("button,input,textarea,a,summary,[role=menu]")&&!s(p))return;d?.();let c=e.getBoundingClientRect(),u=!1,h=l.clientX,m=l.clientY,g=l.timeStamp,f=0,b=0,x=t=>{if(t.pointerId!==l.pointerId)return;if(!r())return void d?.();let o=t.clientX-l.clientX,a=t.clientY-l.clientY;if(!u&&Math.hypot(o,a)<5)return;if(!u){i?.();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=q({x:c.left+o,y:c.top+a},c.width,c.height,document.documentElement.clientWidth,window.innerHeight);n(p);let x=W(p,c.width,c.height,document.documentElement.clientWidth,window.innerHeight);e.dataset.snapX=x.edgeX??"",e.dataset.snapY=x.edgeY??""},w=o=>{if(o.pointerId!==l.pointerId)return;if(!r())return void d?.();if(d?.(),!u)return;let i=e.getBoundingClientRect(),s="pointercancel"!==o.type&&o.timeStamp-g<80?120:0;n(W({x:i.left+f*s,y:i.top+b*s},i.width,i.height,document.documentElement.clientWidth,window.innerHeight)),a?.();let p=e.getBoundingClientRect();matchMedia("(prefers-reduced-motion: reduce)").matches||e.animate([{translate:`${i.left-p.left}px ${i.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})};d=()=>{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,o.removeEventListener("abort",d)},o.addEventListener("abort",d,{once:!0}),window.addEventListener("pointermove",x,{capture:!0,passive:!1}),window.addEventListener("pointerup",w,!0),window.addEventListener("pointercancel",w,!0)},{signal:o})}var H=16,P=240,B=200,Y=(e,t,n)=>Math.min(Math.max(e,t),Math.max(t,n));function I(e,t,n,o,i,a){let r=t.left+t.width,s=t.top+t.height,d=Math.min(a-32,680),l=t.left,p=t.top,c=t.width,u=t.height;return e.includes("e")&&(c=Y(t.width+n,P,i-t.left-H)),e.includes("w")&&(c=Y(t.width-n,P,r-H),l=r-c),e.includes("s")&&(u=Y(t.height+o,B,Math.min(a-t.top-H,d))),e.includes("n")&&(u=Y(t.height-o,B,Math.min(s-H,d)),p=s-u),{left:l,top:p,width:c,height:u}}var D=/^(?:\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,N=e=>"string"==typeof e&&e.length<=128&&D.test(e),X=["👍","❤️","🎉","👀","✅","🤔"];var F=new Map;function U(e){if(F.has(e))return F.get(e);let t={counts:{}};try{let n=JSON.parse(localStorage.getItem(e)??"null");for(let[e,o]of Object.entries(n?.counts??{}).slice(0,200))N(e)&&"number"==typeof o&&Number.isFinite(o)&&o>0&&(t.counts[e]=o);N(n?.recent)&&(t.recent=n.recent)}catch{}return F.set(e,t),t}function K(e,t,n,o,i="branch-comments:emoji:guest",a="https://cdn.jsdelivr.net/npm/emoji-picker-element-data@1.8.0/en/emojibase/data.json"){let r=k("div","emoji-menu t-dropdown");r.dataset.origin="top-left",r.setAttribute("role","menu"),r.setAttribute("aria-label","Reactions");let s=new AbortController,d=!1,l=null,p=(e=!1)=>{let t=l;l=null,t&&(t.classList.remove("is-open"),t.classList.add("is-closing"),e?t.remove():window.setTimeout(()=>t.remove(),150))},c=(e=!1)=>{if(d&&!e)return;d=!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([...X,...Object.keys(e.counts)])].filter(N),o=t=>e.counts[t]??(X.includes(t)?1:0),i=(e,t)=>o(t)-o(e),a=n.sort(i).slice(0,6),r=t??e.recent;return r&&N(r)&&!a.includes(r)&&(a[a.length-1]=r,a.sort(i)),a}(U(i),o).map((e,t)=>{let i=C(e,()=>{c(),n(e)},"emoji-choice");return i.setAttribute("role","menuitemradio"),i.setAttribute("aria-checked",String(e===o)),i.style.setProperty("--emoji-index",String(t)),r.append(i),i}),h=C("Choose another emoji",async()=>{if(l)return;let t=l=k("div","emoji-keyboard t-dropdown");l.setAttribute("role","dialog"),l.setAttribute("aria-label","Choose an emoji");let o=C("Close emoji keyboard",()=>{p(),h.focus()},"icon emoji-keyboard-close","close"),i=k("span","emoji-keyboard-status","Loading…");l.append(o,i),e.append(l),o.focus({preventScroll:!0});let s=()=>{if(!l)return;let e=r.getBoundingClientRect();l.style.left=`${Math.max(8,Math.min(e.right-l.offsetWidth,innerWidth-l.offsetWidth-8))}px`,l.style.top=`${Math.max(8,Math.min(e.bottom+8,innerHeight-l.offsetHeight-8))}px`};s(),l.classList.add("is-open");try{let{default:e}=await import("./picker-WQN53YJ5.js");if(d||l!==t)return;let o=new e({dataSource:a});o.i18n={...o.i18n,networkErrorMessage:"Couldn’t load emojis. Close and try again."},o.classList.add("dark"),o.addEventListener("emoji-click",e=>{let t=e.detail.unicode;N(t)&&(c(),n(t))}),i.replaceWith(o);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        ',o.shadowRoot?.append(r),s()}catch{i.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&&l&&(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}),v(r,"pointerdown",e=>{!e.composedPath().includes(r)&&(!l||!e.composedPath().includes(l))&&c()},{signal:s.signal}),document.addEventListener("scroll",e=>{l&&e.composedPath().includes(l)||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),o="ArrowRight"===e.key?(n+1)%u.length:"ArrowLeft"===e.key?(n+u.length-1)%u.length:-1;o>=0&&(e.preventDefault(),u[o]?.focus())}),c}function J(e,t){let n=/\[([^\]\n]+)\]\((https?:\/\/[^\s)]+)\)|https?:\/\/[^\s<>]+/gi,o=0;for(let i of t.matchAll(n)){let n=i.index??0;n>o&&e.append(document.createTextNode(t.slice(o,n)));let a=void 0!==i[1],r=a?i[2]:i[0],{url:s,trailing:d}=G(r),l=V(s);if(l){if(a){let t=document.createElement("a");t.href=l,t.target="_blank",t.rel="noopener noreferrer",t.textContent=i[1],e.append(t)}else{let t=document.createElement("a");t.href=l,t.target="_blank",t.rel="noopener noreferrer",t.textContent=s,e.append(t)}d&&e.append(document.createTextNode(d))}else e.append(document.createTextNode(i[0]));o=n+i[0].length}o<t.length&&e.append(document.createTextNode(t.slice(o)))}function V(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 G(e){let t=e.length;for(;t>0&&/[.,!?;:]$/.test(e.slice(0,t));)t--;for(let[n,o]of[["(",")"],["[","]"],["{","}"]])for(;t>0&&e[t-1]===o;){let i=e.slice(0,t),a=[...i].filter(e=>e===n).length;if([...i].filter(e=>e===o).length<=a)break;t--}return{url:e.slice(0,t),trailing:e.slice(t)}}var Z=(e,t)=>e<=760||e<=1e3&&t<=500;function Q(e,t,n,o=t,i=!1,a=!1){let r=n&&!Z(e,t),s=n&&!r,d=r?404:0,l=r?a?Math.min(.9,(e-d-24)/e):.9:1,p=s?o:r?t*(a?l:.9):t,c=r?a?24:e-d-e*l:0,u=r?(t-p)/2:0;return{desktop:r,mobile:s,framed:r,sheetTop:s?i?0:.18*t:t,bottom:t-u-p,scale:l,left:c,top:u,right:d,visibleTop:Math.max(0,u),visibleHeight:Math.max(0,p+Math.min(0,u)),visibleLeft:Math.max(0,c),visibleWidth:e-d-Math.max(0,c),height:p,dockCenter:r?e-190:e/2}}function ee(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 te="input,textarea,select,script,style,[contenteditable],[hidden],[aria-hidden=true]",ne=(e,t=160)=>e.replace(/\s+/g," ").trim().slice(0,t);function oe(e){let t,n=document.createTreeWalker(e,NodeFilter.SHOW_TEXT),o="";for(;(t=n.nextNode())&&(t.parentElement?.closest(te)||(o+=t.textContent+" "),!(o.length>320)););return ne(o)}function ie(e){let t=document.querySelectorAll(e);return 1===t.length?t[0]:null}var ae=/^radix-|^:r|_r_|«r/;function re(e,t){for(let n of["data-comment-anchor","id","data-testid","data-test","data-cy"]){let o=e.getAttribute(n);if(!o||o.length>500||"id"===n&&ae.test(o))continue;let i="id"===n?`#${CSS.escape(o)}`:`[${n}="${CSS.escape(o)}"]`;if(i.length<=2e3&&(!t||i===t)&&ie(i)===e)return i}}function se(e){let t=[],n=e;for(;n&&n!==document.body&&t.length<12;){let e=re(n);if(e){t.unshift(e);break}let o=n.parentElement?[...n.parentElement.children].filter(e=>e.tagName===n.tagName):[];t.unshift(`${n.tagName.toLowerCase()}:nth-of-type(${o.indexOf(n)+1})`),n=n.parentElement}return t.join(" > ")}function de(e){return ne(e.getAttribute("aria-label")||(e.getAttribute("aria-labelledby")||"").split(/\s+/).map(e=>{let t=e&&document.getElementById(e);return t?oe(t):""}).join(" ")||e.getAttribute("alt")||e.labels&&[...e.labels].map(oe).join(" ")||"")}function le(e){let t=e.parentElement?.closest("li,article,tr,[data-comment-anchor]")||e.parentElement;return t&&t!==document.body&&t!==document.documentElement?oe(t):""}function pe(e){let t,n=e.parentElement;for(;n&&n!==document.body&&!(t=re(n));)n=n.parentElement;let o=window.getSelection(),i=o?.rangeCount?o.getRangeAt(0):null,a=getComputedStyle(e);return{tag:e.tagName.length<=32?e.tagName.toLowerCase():void 0,role:ne(e.getAttribute("role")||"",80)||void 0,label:de(e)||void 0,nearby:le(e)||void 0,classes:ne(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:i&&e.contains(i.commonAncestorContainer)&&!e.closest(te)&&!e.querySelector(te)&&ne(o.toString(),200)||void 0,scope:t}}function ce(e,t){let n=t.context;return!!(t.text||n?.label||n?.nearby)&&((!t.text||(n?oe(e)===ne(t.text):ne(e.textContent||"").startsWith(ne(t.text))))&&(!n||(!n.tag||e.tagName.toLowerCase()===n.tag)&&(!n.role||e.getAttribute("role")===n.role)&&(!n.label||de(e)===n.label)&&(!n.nearby||le(e)===n.nearby)))}function ue(e,t){if(e===t||e&&t&&(e.startsWith(t)||t.startsWith(e)))return!0;let n=e.toLowerCase().split(" ").filter(Boolean),o=new Set(t.toLowerCase().split(" ").filter(Boolean));return 2*n.filter(e=>o.has(e)).length/(n.length+o.size||1)>=.6}function he(e,t,n,o){let i=e,a=Math.min(t.x,n.x),r=Math.min(t.y,n.y),s=Math.max(t.x,n.x),d=Math.max(t.y,n.y);for(;i.parentElement&&i!==document.body;){let e=i.getBoundingClientRect();if(a>=e.left&&s<=e.right&&r>=e.top&&d<=e.bottom&&e.width&&e.height)break;i=i.parentElement}let l=i.getBoundingClientRect(),p=e=>Math.max(0,Math.min(1,e)),c=s-a>6||d-r>6,u=p((a-l.left)/(l.width||1)),h=p((r-l.top)/(l.height||1));return{selector:se(i),text:oe(i),context:pe(i),x:u,y:h,width:c?Math.min(1-u,(s-a)/(l.width||1)):0,height:c?Math.min(1-h,(d-r)/(l.height||1)):0,pageX:a+window.scrollX,pageY:r+window.scrollY,viewportWidth:window.innerWidth,source:("function"==typeof o?o(i):o)??i.closest("[data-comment-source]")?.getAttribute("data-comment-source")??void 0}}var me=(e,t,n)=>{let o=[...n?e.querySelectorAll(t.context.tag):e.children].filter(e=>ce(e,t));return 1===o.length?o[0]:null};function ge(e,t,n=me){let o=null;try{let i=e.selector?ie(e.selector):document.body;if(o=t?.isConnected&&t===i?t:i,o&&re(o,e.selector))return o;if(o&&!ce(o,e))return fe(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||ne(e.getAttribute("class")||"",200)===n.classes)&&ue(ne(t.text),oe(e))&&(!n.nearby||ue(n.nearby,le(e)))}(o,e)?o:null);if(o||!e.context?.scope)return o&&function(e,t,n){let o=t.context;if(!o?.tag||!(t.text||o.label||o.nearby))return e;let i=o.scope?ie(o.scope):null;return i?n(i,t,!0):e.parentElement?n(e.parentElement,t,!1):null}(o,e,n);o=fe(e,n)}catch{o=null}return o}function fe(e,t){let n=e.context;if(!n?.tag||!n.scope||!(e.text||n.label||n.nearby))return null;let o=ie(n.scope);return o?t(o,e,!0):null}function be(e,t){return xe(e,ge(e,t))}function xe(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 we={comment:"C",browse:"V",design:"D",restore:"Shift+K"},ye=["Ctrl","Alt","Shift","Meta"],ve=new Set(["escape","tab"]);function ke(e,t){let n=t.split("+").map(e=>e.trim());n.length>1&&""===n.at(-1)&&""===n.at(-2)&&n.splice(-2,2,"+");let o=n.pop()??"",i=new Set;for(let o of n){let n=ye.find(e=>e.toLowerCase()===o.toLowerCase());if(!n||i.has(n))throw new Error(`Invalid komo shortcut for ${e}: "${t}".`);i.add(n)}if(!o||ve.has(o.toLowerCase()))throw new Error(`Invalid komo shortcut for ${e}: "${t}".`);let a=1===o.length?o.toUpperCase():o;return{key:o.toLowerCase(),shift:i.has("Shift"),alt:i.has("Alt"),ctrl:i.has("Ctrl"),meta:i.has("Meta"),label:[...ye.filter(e=>i.has(e)),a].join("+")}}function Se(e,t){if(!t||e.shiftKey!==t.shift||e.altKey!==t.alt||e.ctrlKey!==t.ctrl||e.metaKey!==t.meta)return!1;if(e.key.toLowerCase()===t.key)return!0;let{key:n}=t;return 1===n.length&&(/[a-z]/.test(n)?e.code===`Key${n.toUpperCase()}`:/[0-9]/.test(n)&&e.code===`Digit${n}`)}function Ce(e,t){return t?`${e} · ${t.label}`:e}var Ee=new WeakMap;function $e(e){return ze(M(e))}function ze(M){let R={destroy(){},open(){},close(){},comment(){},async refresh(){}};if(typeof document>"u"||!1===M.enabled)return R;if(!(M.endpoint&&M.repo&&M.branch&&M.project))throw new Error("Comments require endpoint, repo, branch, and project.");if(M.pageRoot&&(M.pageRoot===document.body||!document.body.contains(M.pageRoot)))throw new Error("pageRoot must be mounted inside body.");let W=new URL(M.endpoint);if(W.username||W.password||"https:"!==W.protocol&&("http:"!==W.protocol||!["localhost","127.0.0.1","[::1]"].includes(W.hostname)))throw new Error("Use an HTTPS API endpoint without credentials; HTTP is allowed on localhost.");let Y=function(e={}){let t={},n=new Map;for(let o of Object.keys(we)){let i=e[o]??we[o];if(!1===i){t[o]=null;continue}if("string"!=typeof i)throw new Error(`Invalid komo shortcut for ${o}.`);let a=ke(o,i),r=n.get(a.label.toLowerCase());if(r)throw new Error(`komo shortcuts for ${r} and ${o} both use ${a.label}.`);n.set(a.label.toLowerCase(),o),t[o]=a}return t}(M.shortcuts),D=!1!==M.features?.designMode,F=!1!==M.features?.tags,V=JSON.stringify([W.href,M.project,M.repo,M.branch]),G=Ee.get(document);if(G){if(G.scope!==V)throw new Error("Destroy the current komo instance before changing projects or branches.");return G.controller}M={...L(M)};let te=[...document.body.childNodes].filter(e=>e instanceof Element?!e.matches("script,style,link,meta,template,noscript"):3===e.nodeType&&e.textContent?.trim()),ie=M.pageRoot??(1===te.length&&te[0]instanceof HTMLElement?te[0]:document.body),ae="contents"===getComputedStyle(ie).display?document.body:ie,re=ae!==document.body,se=`branch-comments:sidebar-mode:${M.project}:${M.repo}`,pe=(()=>{if(!re)return"edge";try{let e=localStorage.getItem(se);if("edge"===e||"background"===e)return e}catch{}return"background"===M.sidebar?"background":"edge"})(),ce=Z(window.innerWidth,window.innerHeight),ue=!ce&&"edge"===pe,me=!1,fe=!1,ye=!1,ve=["localhost","127.0.0.1","[::1]"].includes(location.hostname),$e=M.branch,ze=`branch-comments:channel:${M.project}:${M.repo}`,je="local";try{"shared"===localStorage.getItem(ze)&&(je="shared")}catch{}ve&&"local"===je&&(M={...M,branch:"local"});let Le=new o(M),Me=new AbortController,Ae=!1,_e=!!M.onboarding,Te=!1,Re=!1,qe=!1===M.showToolbar,We=!1===M.showToolbar,Oe=!1,He=!1,Pe=0,Be=!!M.onboarding,Ye=!1,Ie=!1,De=!!M.onboarding,Ne=0,Xe=[],Fe=null,Ue=null,Ke=null,Je=null,Ve=new _([],e=>{if(!Ae){if(Fe){let e=Ve.id(Fe);e!==Fe&&(pn.has(Fe)&&(pn.set(e,pn.get(Fe)),pn.delete(Fe)),Mt===Fe&&(Mt=e),Fe=e)}en&&(en=Ve.id(en)),Xe=e,$i="",Ai(),Ui(),Ei(),Be||ia()}},(e,t)=>e.map(e=>({...e,id:t(e.id),comments:e.comments.map(e=>({...e,id:t(e.id)}))})));function Ge(e,t){return(n,o)=>n.flatMap(n=>{if(n.id!==o(e))return[n];let i=t(n);return i?[i]:[]})}async function Ze(e,t,n){let o=Le,i=Le.token,a=Ne,r=()=>Ae||Le!==o||a!==Ne||Le.token!==i;try{await Ve.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?.(),za(),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");Ve.busy||Yo(Jo)}let Qe,et="open",tt="",nt=!0,ot="",it="Connecting",at="",rt=null,st=0,dt=0,lt=null,pt=Promise.resolve(),ct=null;function ut(){clearTimeout(st);let e=ct;return ct=null,e&&(pt=pt.catch(()=>{}).then(async()=>{if(Le.token===e.token)try{let t=await Le.request("me","PATCH",{name:e.name,avatarUrl:e.avatarUrl,accentColor:e.accentColor});if(Le.token!==e.token)return;lt=t.user,dt===e.revision&&Le.save({token:e.token,user:t.user}),Ae||(Ei(),Yo(Jo))}catch(t){throw Le.token===e.token&&dt===e.revision&&(Le.user=lt,rt=null,za()),new Error(`Couldn't save your profile. ${t instanceof Error?t.message:"Try again."}`,{cause:t})}})),pt}function ht(e,t=!1){!Le.token||!e.name.trim()||((!lt||lt.id!==Le.user?.id)&&(lt=Le.user?{...Le.user}:null),ct={...e,name:e.name.trim(),token:Le.token,revision:++dt},Le.user&&(Le.user={...Le.user,...e,name:e.name.trim()}),Ei(),clearTimeout(st),t?Yo(ut):st=window.setTimeout(()=>Yo(ut),500))}function mt(){let e=C("Continue with Google",()=>Yo(()=>Gi("google")),"google-signin secondary");return e.prepend(z()),e}let gt,ft,bt="",xt=null,wt=!1,yt=!1,vt=!1,kt=M.onboarding?.sites?.filter(e=>e.startsWith("https://")&&e!==location.origin).join("\n")??"",St=!1,Ct=null,Et=!1,$t=!1,zt=!1,jt=null,Lt=[],Mt=null,At=new Map,_t=function(e){let t=null,n=null,o=0,i=0,a=0,r=0,s=0,d=0,l=0,p=0,c=0,u=0,h=1,m=matchMedia("(prefers-reduced-motion: reduce)"),g=()=>{n&&(n.style.translate=`${a-l}px ${r-p}px`,n.style.scale=`${1-c*h} ${1-c*(1-h)}`)},f=()=>{cancelAnimationFrame(o),o=0,s=d=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-i)/1e3,.032);i=t;let w=Math.max(1,Math.ceil(x/.008));for(let e=0;e<w;e++){let e=x/w,t=T(a,s,l,e),n=T(r,d,p,e);a=t.value,s=t.velocity,r=n.value,d=n.velocity;let o=Math.hypot(s,d);o>30&&(h=Math.abs(s)/(Math.abs(s)+Math.abs(d)));let i=T(c,u,Math.min(.035,o/24e3),e,220,15);c=Math.max(-.012,Math.min(.04,i.value)),u=i.velocity}if(g(),e(),Math.hypot(a-l,r-p)<.1&&Math.hypot(s,d)<1&&Math.abs(c)<2e-4&&Math.abs(u)<.002)return a=l,r=p,f(),void e();o=requestAnimationFrame(b)};return{place(e,s,d,c,u){if(t!==e&&(f(),t=e,a=d,r=c),n=s,l=d,p=c,s.style.left=`${d}px`,s.style.top=`${c}px`,m.matches||!u&&!o)return a=d,r=c,void f();g(),s.style.willChange="translate, scale",o||(i=performance.now(),o=requestAnimationFrame(b))},stop:f}}(()=>Po()),Tt=null,Rt=`branch-comments:drawer:${M.project}:${M.repo}`;try{let e=JSON.parse(localStorage.getItem(Rt)??"null");e&&Number.isFinite(e.x)&&Number.isFinite(e.y)&&(ft={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},gt=ft)}catch{}let qt,Wt,Ot=`branch-comments:sidebar:${M.project}:${M.repo}`,Ht=!1,Pt=380,Bt=null;try{let e=JSON.parse(localStorage.getItem(Ot)??"null");Number.isFinite(e?.width)&&(Pt=e.width),Number.isFinite(e?.height)&&(Bt=e.height),e&&Number.isFinite(e.x)&&Number.isFinite(e.y)&&(qt={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},Wt=qt)}catch{}let Yt,It,Dt,Nt,Xt=new Map,Ft=/^Proposed .+ \(preview only\)$/m,Ut=()=>Yt??=import("./design-comment-MPAF2YAN.js").then(e=>(Dt=e,It=e.summarizeDesignComment,Ae||($i="",Ai(!0)),e)),Kt=e=>t=>{let n=ge(e),o=[];try{t&&(o=[...document.querySelectorAll(t)])}catch{}return 1!==o.length||n&&o.includes(n)?n??o[0]??null:o[0]},Jt=e=>Ft.test(e)?It?.(e)??(Ut(),"Design change"):e,Vt="",Gt="",Zt=[],Qt="",en=null,tn="",nn=null,on=!1,an=Mo(),rn=0,sn=0,dn=0,ln=0,pn=new Map,cn=k("div");cn.dataset.branchComments="",cn.dataset.sidebar=ce?"mobile":ue?"edge":"background",Object.assign(cn.style,{position:"fixed",inset:"0",pointerEvents:"none",zIndex:"2147483647",isolation:"isolate"});let un=cn.attachShadow({mode:"open"}),hn=k("style");hn.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}.thread-card .avatar{width:20px;height:20px;font-size:8px}.thread-card .author{font-size:11px;font-weight:500;color:#b2b2b2}.thread-card small{margin-left:auto;font-size:10px}.thread-card .meta{margin-top:7px;padding-left:0;font-size:11px;gap:8px}.thread-card .meta:has(.page:empty)>:empty{display:none}.thread-card .meta:has(.page:empty):has(span:last-child:empty){display: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:1;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:#4388ff0b;box-shadow:inset 0 0 0 1.5px #4388ff;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:78px}.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-bottom:12px}.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 img{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:none}.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:16px 0 0 9px;padding-left:18px;display:grid;gap:14px}.sidebar-replies:before{content:"";position:absolute;left:0;top:0;bottom:8px;width:1px;background:#ffffff16}.sidebar-reply{display:flex;align-items:flex-start;gap:8px;text-align:left}.sidebar-reply>div{min-width:0}.sidebar-reply p{font-size:13px;line-height:1.5;margin-top:4px;white-space:pre-wrap;overflow-wrap:anywhere;color:#d9d9d9}.reply-meta{font-size:11px;color:#999}.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>.thread-tags{margin:6px 0 0;padding:0 0 0 32px}.thread-pane .dialog>.thread-tags{margin:-6px 0 4px;padding:0 16px 8px 36px}.thread-pane .message:first-child>.row{padding-right:0}.component-hover[data-thread]{border:2px solid var(--accent, #bda6ef);border-radius:8px;background:none;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent, #bda6ef) 22%,transparent),0 2px 12px #0003;transition:opacity .15s ease}.pins[data-quiet] .pin.active{scale:.7;opacity:.6;box-shadow:0 0 0 2px #fff;transition:opacity .15s ease}.pins[data-outlined] .pin.active{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 mn=k("div","catch");mn.hidden=!0;let gn=k("div","pins"),fn=k("div"),bn=k("div","toolbar"),xn=k("div"),wn=k("div");xn.tabIndex=-1,ue&&xn.classList.add("edge-sidebar");let yn=k("div","edge-sidebar-sensor");yn.hidden=!0,Object.assign(gn.style,{position:"fixed",inset:"0"});let vn=k("div","pin-preview");vn.hidden=!0;let kn=0,Sn=!1,Cn=!1,En=null,$n=null,zn=null,jn="",Ln=(e=!1)=>{if(window.clearTimeout(kn),vn.hidden||Cn&&!e)return;if(Dt?.resetDesignPreviews(new Set([...Xe.find(e=>e.id===Fe)?.comments.map(e=>e.id)??[],"draft"])),Cn=!0,$n?.cancel(),e||b())return vn.hidden=!0,void(En=null);let t=vn.animate([{opacity:1,transform:"scale(1)"},{opacity:0,transform:"translateY(3px) scale(.99)"}],{duration:150,easing:"cubic-bezier(.22,1,.36,1)",fill:"forwards"});$n=t,t.finished.then(()=>{$n===t&&(vn.hidden=!0,En=null)}).catch(()=>{})};vn.addEventListener("pointerenter",()=>{Sn||Ct||Tt||(Cn=!1,window.clearTimeout(kn),$n?.cancel())}),vn.addEventListener("pointerleave",()=>Ln());let Mn=k("div","component-hover");Mn.setAttribute("aria-hidden","true");let An=null,_n=null,Tn=0,Rn=k("div","sr-only");Rn.setAttribute("aria-live","polite");let qn=function(e,t){let n,o,i,a,r=!1,s=!1,d=new AbortController;e.addEventListener("pointerdown",()=>{s=!0},{capture:!0,signal:d.signal});let l=()=>{s=!1,setTimeout(()=>{a?.(),a=void 0},0)};document.addEventListener("pointerup",l,{capture:!0,signal:d.signal}),document.addEventListener("pointercancel",l,{capture:!0,signal:d.signal});let p=()=>o||r?Promise.resolve():i||(i=import("./toolbar-runtime-XA72XTPD.js").then(async t=>{if(s&&await new Promise(e=>{a=e}),r)return;let i=e.getRootNode().activeElement?.dataset.menuItem;o=t.mountToolbar(e,n),i&&e.querySelector(`[data-menu-item="${i}"]`)?.focus({preventScroll:!0})}).catch(()=>{i=void 0}),i);return e.addEventListener("pointerenter",()=>{p()},{once:!0}),e.addEventListener("focusin",()=>{p()},{once:!0}),{render(i){if(n=i,r)return;if(o)return void o.render(n);let a=k("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 d=k("div","morphing-menu__shell"),l=k("div","morphing-menu__bar");for(let e of s){let o=C(e.label,()=>{e.onSelect?.(),p()},"morphing-menu__shortcut");o.title=e.label,o.dataset.menuItem=e.id,e.id===n.activeId&&o.setAttribute("aria-current","page"),o.replaceChildren(t("glyph"in e.icon?e.icon.glyph:e.id)),l.append(o)}let c=C(n.moreLabel??"More review tools",()=>{p().then(()=>{o?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(S("drawer")),l.insertBefore(c,l.querySelector('[data-menu-item="dismiss"]')),d.append(l),a.append(d),e.replaceChildren(a)},unmount(){r=!0,d.abort(),a?.(),o?.unmount(),e.replaceChildren()}}}(bn,e=>{if("account"===e){if(!Le.user)return S("person");let e=$(Le.user);return e.classList.add("review-avatar"),e}return S(e)});un.append(hn,mn,Mn,gn,xn,yn,fn,vn,wn,bn,Rn),document.body.append(cn);let Wn={width:ae.style.width,boxSizing:ae.style.boxSizing,zoom:ae.style.zoom,transformOrigin:ae.style.transformOrigin,transform:ae.style.transform,position:ae.style.position,left:ae.style.left,top:ae.style.top,height:ae.style.height,minHeight:ae.style.minHeight,paddingBottom:ae.style.paddingBottom,overflow:ae.style.overflow,borderRadius:ae.style.borderRadius,background:ae.style.background},On={overflow:document.body.style.overflow,background:document.body.style.background},Hn=document.documentElement.style.overflow,Pn=new Map,Bn=document.documentElement.style.background,Yn=document.documentElement;function In(){let e=Xn||Fn,t=[document.body.style.background,Yn.style.background];e&&(document.body.style.background=On.background,Yn.style.background=Bn);let n=[document.body,Yn].map(e=>getComputedStyle(e).backgroundColor).find(e=>"rgba(0, 0, 0, 0)"!==e)??"#fff";return e&&([document.body.style.background,Yn.style.background]=t,Nn.takeRecords()),n}let Dn=0,Nn=new MutationObserver(()=>{Dn||=requestAnimationFrame(()=>{Dn=0,Un=In(),(Xn||Fn)&&(ae.style.background=Un)})}),Xn=!1,Fn=!1,Un=In();for(let e of[Yn,document.body])Nn.observe(e,{attributes:!0});let Kn,Jn=0,Vn=!1,Gn=!1,Zn=`branch-comments:open:${M.project}:${M.repo}`,Qn=`branch-comments:toolbar-dismissed:${M.project}:${M.repo}`;try{"1"===sessionStorage.getItem(Qn)&&(We=!0,qe=!0)}catch{}let eo,to,no,oo=!1,io=[],ao=0,ro=!1,so=null;function lo(e){!bn.offsetWidth||!bn.offsetHeight||(gt=q(e,bn.offsetWidth,bn.offsetHeight,document.documentElement.clientWidth,window.innerHeight),bn.style.left=`${gt.x+bn.offsetWidth/2}px`,"bottom"!==gt.edgeY||ce?(bn.style.top=`${gt.y}px`,bn.style.bottom="auto"):(bn.style.top="auto",bn.style.bottom="calc(16px + env(safe-area-inset-bottom,0px))"))}function po(e){if("true"===xn.dataset.dragging)return Wt=e,xn.style.left=`${e.x}px`,void(xn.style.top=`${e.y}px`);xn.offsetWidth&&(Wt=q(e,xn.offsetWidth,xn.offsetHeight,document.documentElement.clientWidth,window.innerHeight),mo())}function co(){xn.style.width=`${Pt}px`,xn.style.height=null==Bt?"":`${Bt}px`,Pi()}function uo(){qt=Wt;try{localStorage.setItem(Ot,JSON.stringify({...qt,width:Pt,height:Bt}))}catch{}}function ho(){let e=document.documentElement.clientWidth,t=window.innerHeight;Pt=Math.min(Math.max(Pt,P),Math.max(P,e-32)),null!=Bt&&(Bt=Math.min(Math.max(Bt,B),Math.max(B,Math.min(t-32,680)))),co()}function mo(){if(ce||!ue)return;ho();let e=xn.offsetHeight||Math.min(window.innerHeight-32,680),t=function(e,t,n,o,i){let a=q(e??{x:Math.max(H,o-t-H),y:H},t,n,o,i),r="left"===a.edgeX?"left":"right";return{x:a.x,y:a.y,width:t,height:n,side:r}}(Wt,Pt,e,document.documentElement.clientWidth,window.innerHeight),n=function(e,t){let n="right"===e.side?t+24:-(e.width+24),o="right"===e.side?t-76:76-e.width;return{parked:n-e.x,peek:o-e.x}}(t,document.documentElement.clientWidth);xn.style.left=`${t.x}px`,xn.style.top=`${t.y}px`,xn.style.setProperty("--edge-account-max-height",`${Math.max(0,window.innerHeight-t.y-28)}px`),xn.style.right="auto",xn.style.bottom="auto",xn.style.transformOrigin="left"===t.side?"left center":"right center",xn.style.setProperty("--edge-park-x",`${n.parked}px`),xn.style.setProperty("--edge-peek-x",`${n.peek}px`),yn.style.left="left"===t.side?"0px":"",yn.style.right="right"===t.side?"0px":"",_e?(delete xn.dataset.collapsed,delete xn.dataset.peek,yn.hidden=!0):(xn.dataset.collapsed="true",Ht?xn.dataset.peek="true":delete xn.dataset.peek,yn.hidden=!1)}function go(){cn.dataset.sidebar=ce?"mobile":ue?"edge":"background",xn.classList.toggle("edge-sidebar",ue),xn.style.transition="none",xn.style.translate="",xn.style.opacity="",bi(!0),ue?So.isConnected||xn.prepend(So):(So.remove(),delete xn.dataset.collapsed,delete xn.dataset.peek,yn.hidden=!0),xn.offsetWidth,xn.style.transition=""}let fo=[],bo=!1;function xo(){for(let e of fo)e.cancel();fo=[],Fn=!1,gn.style.opacity=""}function wo(e,t){if(ce||e===pe||Ae||!re&&"background"===e)return;let n=()=>[ae,xn.querySelector(".panel"),bn,fn.querySelector(".account-dialog")],o=n().map(e=>e?.getBoundingClientRect());if(xo(),Kn?.stop(),Kn=void 0,eo?.stop(),eo=void 0,bi(!0),mi(),di(),bn.style.translate="",to=void 0,bo=!0,pe=e,ue="edge"===e,!t){me=!1,M={...M,sidebar:e};try{localStorage.setItem(se,e)}catch{}}if(go(),ai(),za(),bo=!1,b())return;n().forEach((e,t)=>{let n=o[t];if(!e?.isConnected||!n?.width)return;e!==ae&&e.getAnimations().forEach(e=>e.cancel());let i=e.getBoundingClientRect();if(!i.width)return;let a=i.width/e.offsetWidth,r=getComputedStyle(e).transform;fo.push(e.animate([{transform:`${"none"===r?"":r} translate(${(n.left-i.left)/a}px, ${(n.top-i.top)/a}px) scale(${n.width/i.width})`,transformOrigin:"top left"},{transform:r,transformOrigin:"top left"}],{duration:250,easing:"cubic-bezier(0.22, 1, 0.36, 1)"}))});let i=fo;Fn=!0,gn.style.opacity="0",Promise.all(i.map(e=>e.finished)).then(()=>{Ae||i!==fo||(fo=[],Fn=!1,gn.style.opacity="",_a())}).catch(()=>{})}function yo(e,n,o,i,a){let r=k("div","account-setting"),s=k("span","account-setting-label",n),d=t(n,o,i,e=>a(e));return d.querySelector("summary").dataset.focusKey=`setting-${e}`,r.append(s,d),r}function vo(e){if(e!==je&&!Ae){if(Ye||Ve.busy)return void Ho("Wait for your changes to save.");je=e;try{localStorage.setItem(ze,e)}catch{}M={...M,branch:"local"===e?"local":$e},Le.cancelReads(),Le=new o(M),Ie=wt=!1,Fo=void 0,bt="",xt=null,it="Connecting",St=Et=$t=zt=yt=!1,Fe=null,Ue=null,jt=null,ko(),za(),No()}}function ko(){Ne++,Ie=!1,bt="",Fe=null,Fo=void 0;let e=Le.cached();De=null!==e,Ve.reset(Uo(e??[]))}let So=k("div","edge-sidebar-grip");So.setAttribute("aria-hidden","true");let Co=e=>O(xn,e,po,Me.signal,()=>{fe=!1,ye=!0,zo.show()},()=>{uo(),zo.update()},()=>_e&&ue&&!ro);Co(So),xn.prepend(So);let Eo=["n","s","e","w","ne","nw","se","sw"];for(let e of Eo){let t=k("div",`edge-sidebar-resize edge-sidebar-resize-${e}`);t.addEventListener("pointerdown",t=>{if(0!==t.button||!_e||!ue||ro)return;t.preventDefault(),t.stopPropagation();for(let e of xn.getAnimations())e.cancel();xn.style.transition="none";let n=xn.getBoundingClientRect(),o=t.clientX,i=t.clientY,a=a=>{if(a.pointerId!==t.pointerId)return;let r=I(e,n,a.clientX-o,a.clientY-i,document.documentElement.clientWidth,window.innerHeight);Pt=r.width,(e.includes("n")||e.includes("s"))&&(Bt=r.height),Wt={x:r.left,y:r.top},xn.style.left=`${r.left}px`,xn.style.top=`${r.top}px`,co()},r=e=>{e.pointerId===t.pointerId&&(window.removeEventListener("pointermove",a,!0),window.removeEventListener("pointerup",r,!0),window.removeEventListener("pointercancel",r,!0),xn.style.transition="",uo(),mo())};window.addEventListener("pointermove",a,{capture:!0,passive:!1}),window.addEventListener("pointerup",r,!0),window.addEventListener("pointercancel",r,!0)},{signal:Me.signal}),xn.append(t)}for(let e of["left","right","top","bottom"])xn.append(k("div",`edge-sidebar-snap edge-sidebar-snap-${e}`));let $o=e=>{Ht=e,!_e&&ue&&!ro&&mo()};yn.addEventListener("pointerenter",()=>$o(!0)),yn.addEventListener("pointerleave",()=>$o(!1)),yn.addEventListener("pointerup",e=>{0===e.button&&!_e&&wi(!0)}),xn.addEventListener("pointerenter",()=>$o(!0)),xn.addEventListener("pointerleave",()=>$o(!1)),window.addEventListener("resize",()=>{Ae||!ue||ro||(ho(),mo())},{signal:Me.signal,passive:!0}),go();let zo=function(e,t,n,o=!0){if(!o)return{show(){},update(){}};let i,a=0,r=0,s=0,d=0,l=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],o=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===o?-24:1===o?24:0)+"px"),e.style.setProperty("--drawer-away-y",(2===o?-24:3===o?24:0)+"px")},u=()=>{clearTimeout(s),clearTimeout(d),delete e.dataset.peek,delete e.dataset.intro,delete e.dataset.introWait,clearTimeout(l),clearTimeout(a),a=0,delete e.dataset.away},h=()=>{if(!p.matches||t())return void u();let n=e.getBoundingClientRect(),o=i&&i.x>=n.left-72&&i.x<=n.right+72&&i.y>=n.top-72&&i.y<=n.bottom+72,r=e.querySelector(".morphing-menu"),s=e.getRootNode()instanceof ShadowRoot&&e.contains(e.getRootNode().activeElement);!p.matches||t()||o||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",d=window.setTimeout(()=>{delete e.dataset.peek,l=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=>{i={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(d),clearTimeout(l),g.disconnect()},{once:!0}),{show:u,update:h}}(bn,()=>_e||Te||Be||!!Ue||!!Fe,Me.signal,M.autoHideDrawer);O(bn,bn,lo,Me.signal,()=>{zo.show(),eo?.stop(),bn.style.translate="0px 0px"},()=>{ft=gt;try{localStorage.setItem(Rt,JSON.stringify(ft))}catch{}Ei(),zo.update()},()=>!_e,e=>!!e.closest(".morphing-menu__shortcut"));let jo=new ResizeObserver(()=>{"true"!==bn.dataset.edgeTabs&&(gt?lo(gt):M.drawerContainer&&Ei())});jo.observe(bn),M.drawerContainer&&jo.observe(M.drawerContainer);let Lo=()=>document.documentElement.currentCSSZoom??1;function Mo(){return function(e){return e.replace(/\/+$/,"")||"/"}(M.page?.()??location.pathname)}let Ao=new WeakMap,_o=null,To=0,Ro=new WeakMap;function qo(){cancelAnimationFrame(To),!Ae&&un.querySelector(".floating-notice")&&(Po(),To=requestAnimationFrame(qo))}function Wo(e=Ue??Xe.find(e=>e.id===Fe)?.anchor){let t=fn.firstElementChild?.getBoundingClientRect();if(!t||Be)return;let n=e?wa(e):null;return{cardKey:Mt,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"),_o===e&&(_o=null,clearTimeout(rn)),b()?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 Ho(e,t,n=Wo()){Rn.textContent=e,_o&&Oo(_o);let o=k("div","toast floating-notice");_o=o,n&&Ao.set(o,n),o.setAttribute("role",t?"alertdialog":"status"),o.setAttribute("aria-label",e),o.append(S("info"),k("span","",e)),t&&o.append(C(t.label,()=>{Oo(o),t.run()},"notice-action")),o.append(C("Dismiss notice",()=>Oo(o),"icon","close")),un.append(o),Po(),qo(),b()||o.animate([{opacity:0,translate:"true"===o.dataset.attached?`0px ${("above"===o.dataset.placement?1:-1)*(o.offsetHeight/2+10)}px`:"0px 6px",scale:"true"===o.dataset.attached?.94:.97},{opacity:1,translate:"0px 0px",scale:1}],{duration:250,easing:"cubic-bezier(.22,1,.36,1)"}),clearTimeout(rn),rn=window.setTimeout(()=>Oo(o),5e3)}function Po(){for(let e of un.querySelectorAll(".floating-notice")){let t=Ao.get(e);if(!t)continue;let n=t.anchor?wa(t.anchor):null,o=(Be||Mt!==t.cardKey?null:fn.firstElementChild)?.getBoundingClientRect();o&&(e.style.maxWidth=`${Math.min(360,o.width,innerWidth-24)}px`,t.left=o.left,t.top=o.top,t.offsetX=o.left-(n?.x??0),t.offsetY=o.top-(n?.y??0),t.scrollX=window.scrollX,t.scrollY=window.scrollY);let i=o?o.left+(o.width-e.offsetWidth)/2:n?n.x+t.offsetX:t.left+t.scrollX-window.scrollX,a=!!o&&o.bottom+10+e.offsetHeight>innerHeight-12;e.dataset.placement=a?"above":"below";let r=o?a?o.top-e.offsetHeight-10:o.bottom+10:n?n.y+t.offsetY:t.top+t.scrollY-window.scrollY,s=String(!!o),d=void 0!==e.dataset.attached&&e.dataset.attached!==s,l=d?e.getBoundingClientRect():null,p=Ro.get(e);if(p&&(d||Math.abs(p.left-i)>.5||Math.abs(p.top-r)>.5)&&(p.animation.cancel(),Ro.delete(e)),e.dataset.attached=s,Object.assign(e.style,{left:`${i}px`,top:`${r}px`,bottom:"auto",transform:"none",transformOrigin:o?a?"50% 100%":"50% 0%":"0% 0%"}),l&&!e.dataset.closing&&!b()){let t=e.animate([{left:`${l.left}px`,top:`${l.top}px`},{left:`${i}px`,top:`${r}px`}],{duration:250,easing:"cubic-bezier(.22,1,.36,1)"});Ro.set(e,{animation:t,left:i,top:r})}}}function Bo(e){Ae||e instanceof DOMException&&"AbortError"===e.name||(at=e instanceof Error?e.message:"Something went wrong. Try again.",Ho(at))}function Yo(e){e().catch(Bo)}function Io(e,t){return t.then(t=>{e.isConnected&&e.replaceWith(t)}).catch(Bo),e}function Do(e){return Io(k("section","account-usage"),import("./onboarding-YBSYCJZH.js").then(({accountUsage:t})=>t(Le,e,!0,ve&&"local"===je)))}function No(){Yo(wt?Jo:Xa)}let Xo,Fo,Uo=e=>e.map(e=>({...e,comments:e.comments.filter(e=>"[Comment deleted]"!==e.body)})).filter(e=>e.comments.length>0),Ko=-1;async function Jo(){if(Ae||Ie||Ve.busy||M.onboarding)return;let e=Ve.revision,t=Le,o=t.token,i=Ne;Ie=!0;try{let n=await t.list();if(Ae||t!==Le||i!==Ne||o!==t.token||Ve.busy||e!==Ve.revision)return;if(n===Fo&&e===Ko&&"Live"===it)return!1;Fo=n,Ko=e,De=!0;let a=Uo(n),r=JSON.stringify(a)!==JSON.stringify(Xe),s="Live"!==it;return bt="",wt&&(xt=null),it=xt?"Offline":"Live",Fe&&!a.some(e=>e.id===Fe)&&(Fe=null),r?Ve.replace(a,e):s&&(Ui(),Ei()),r}catch(a){if(Ae||t!==Le||i!==Ne||a instanceof DOMException&&"AbortError"===a.name)return;throw o!==t.token&&ko(),a instanceof n&&(401===a.status||403===a.status)&&"site_not_approved"!==a.code&&(bt=a.message,Fe=null,Fo=void 0,Ve.replace([],e)),xt=bt?null:ee(a),it="Offline",Ui(),Ei(),a}finally{t===Le&&i===Ne&&(Ie=!1)}}function Vo(){!Oe&&fe&&(fe=!1,Wt=qt,mo()),me!==Oe&&(!Oe||re&&!ce&&"edge"===pe)&&(me=Oe,ce?pe="edge":wo(Oe?"background":"edge",!0))}let Go=()=>_e&&!ue&&!ce&&!me;function Zo(e){if(M.onboarding)return;Oe&&(Oe=!1,Ke?.setActive(!1),Vo()),Re=e,_e&&!Go()&&wi(!1);let t=e?jt??Lt.shift():null;if(t)return Ue=t.anchor,Vt=t.text,jt=null,Fe=null,Be=!1,Te=!1,za(),void fn.querySelector("textarea")?.focus();Te=e,Xo?.wake(!1),qe=!1,Be=!1,e&&(Fe=null,Ue=null),za()}function Qo(){He&&(He=!1,wi(!0),requestAnimationFrame(()=>{let e=xn.querySelector(".list");e&&(e.scrollTop=Pe),xn.querySelector('[data-menu-item="design"]')?.focus({preventScroll:!0})}))}function ei(e){M.onboarding||Ue||e&&!D||(e&&(He=!0,_e&&(Pe=xn.querySelector(".list")?.scrollTop??0),Zo(!1),Oe=!0,ye=!1,Vo(),_e||wi(!0),Be=!1,xn.querySelector(".panel")?.contains(un.activeElement)&&xn.focus({preventScroll:!0})),Oe=e,e?(Ke?Promise.resolve(Ke):(Je||(Je=import("./design-mode.js").then(({createDesignMode:e})=>{let t=e({root:un,panelRoot:xn,host:cn,exitKey:Y.design?.label,design:M.design,flip(){if(!ue||!_e||ye||ro)return;let e=xn.getBoundingClientRect();po({x:document.documentElement.clientWidth-e.right,y:e.top}),fe=!0,xn.animate([{transform:`translateX(${e.left-xn.getBoundingClientRect().left}px)`},{}],{duration:320,easing:"cubic-bezier(.22,1,.36,1)"})},targetAt(e,t){let n=ya(e,t);return va(n)?n:null},onComment(e,t){He=!1,_e&&!Go()&&wi(!1),ei(!1),Vt="",Gt=t??"",Zt=[];let n=e.getBoundingClientRect(),o={x:n.left+n.width/2,y:n.top+n.height/2};Aa(e,o,o,!0)},onExit(){Oe=!1,Vo(),Ei(),Qo()}});return Ae?(t.destroy(),null):(Ke=t,t.setActive(Oe),t)}).catch(()=>(Oe=!1,Vo(),Ei(),null)).finally(()=>{Je=null})),Je)).then(e=>e?.setActive(Oe)):(Ke?.setActive(!1),Vo(),Qo()),za())}let ti=0;let ni=1,oi="",ii=()=>(window.visualViewport?.offsetTop??0)+Math.min(window.innerHeight,window.visualViewport?.height??window.innerHeight)-window.innerHeight;function ai(){let e=Lo(),t=Z(window.innerWidth,window.innerHeight)?Math.min(window.innerHeight,window.visualViewport?.height??window.innerHeight):window.innerHeight,n=`${window.innerWidth}:${window.innerHeight}:${t}:${e}:${_e}:${Be}:${pe}:${Oe}:${window.visualViewport?.offsetTop??0}`;if(oi===n)return;if(ce||xo(),oi=n,ue||ce){Kn?.stop(),Fn=!1,gn.style.opacity="";let n=Xn?ae.scrollTop*e:null;if(Xn){for(let[e,t]of Pn)Object.assign(e.style,t);Pn.clear(),Object.assign(ae.style,Wn),ni=1,document.documentElement.style.overflow=Hn,Object.assign(document.body.style,On),document.documentElement.style.background=Bn}if(null!==n&&window.scrollTo({top:n,behavior:"instant"}),cn.style.zoom=String(1/e),cn.style.width=`${window.innerWidth}px`,cn.style.height=ce?`${window.innerHeight}px`:"",cn.style.top=ce?"":"0px",ce){let e=ii();bn.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",_e),Xn=!1,gn.style.clipPath="",void Object.assign(mn.style,{left:"",top:"",width:"",height:""})}let o=Xn?ae.scrollTop:window.scrollY/(e*ni),i=Xn,a=Xn?ri():{left:0,top:0,width:window.innerWidth};Kn?.stop(),Fn=!1,gn.style.opacity="";let r=Q(window.innerWidth,t,_e,window.innerHeight,Be,!0),s=r.framed;if(cn.style.setProperty("--review-viewport-height",`${t}px`),cn.style.zoom=String(1/e),cn.style.width=`${window.innerWidth}px`,cn.style.height=`${t}px`,cn.style.top="",cn.classList.toggle("review-open",_e),cn.classList.toggle("design-active",Oe),s){ni=r.scale;let t=ni*e;Object.assign(ae.style,{position:"fixed",transform:`scale(${ni})`,transformOrigin:"top left",left:r.left/e+"px",top:r.top/e+"px",width:window.innerWidth/e+"px",boxSizing:"border-box",height:r.height/t+"px",paddingBottom:Wn.paddingBottom,zoom:Wn.zoom,overflow:"hidden auto",borderRadius:12/t+"px",background:Un});for(let e of ae.querySelectorAll("header"))!Pn.has(e)&&"fixed"===getComputedStyle(e).position&&(Pn.set(e,{position:e.style.position,marginBottom:e.style.marginBottom}),e.style.position="sticky",e.style.marginBottom=`-${e.offsetHeight}px`);document.documentElement.style.overflow="hidden",document.body.style.overflow="hidden",document.body.style.background="#080808",document.documentElement.style.background="#080808",ae.scrollTop=o}else{for(let[e,t]of Pn)Object.assign(e.style,t);Pn.clear(),document.documentElement.style.overflow=Hn,Object.assign(ae.style,Wn),Object.assign(document.body.style,On),document.documentElement.style.background=Bn,Xn&&window.scrollTo({top:o*e,behavior:"instant"}),ni=1}if(Xn=s,!s&&M.drawerContainer?.isConnected){let e=M.drawerContainer.getBoundingClientRect();no=e.width?e.left+e.width/2:void 0}if(!(s===i||Vn||bo||Gn||b())){let t=s?ri():{left:0,top:0,width:window.innerWidth},n=`translate(${(a.left-t.left)/e}px, ${(a.top-t.top)/e}px) scale(${ni*a.width/t.width})`;if(ae.style.transformOrigin=s?"top left":`0 ${o}px`,!s){document.body.style.background="#080808",document.documentElement.style.background="#080808",ae.style.background=Un;let t=getComputedStyle(ae).minHeight;ae.style.minHeight=`max(${"auto"===t?"0px":t}, ${window.innerHeight/e}px)`}gn.style.opacity="0",Fn=!0,Kn=m(ae,{transform:[n,`translate(0px, 0px) scale(${ni})`]},{duration:.25,ease:[.32,.72,0,1]});let i=Kn;i.finished.then(()=>{Ae||Kn!==i||(Fn=!1,Xn||(ae.style.transformOrigin=Wn.transformOrigin,ae.style.transform=Wn.transform,ae.style.background=Wn.background,ae.style.minHeight=Wn.minHeight,document.body.style.background=On.background,document.documentElement.style.background=Bn),gn.style.opacity="",_a())})}gn.style.clipPath=s?`inset(${r.visibleTop}px ${r.right}px ${r.bottom}px ${r.visibleLeft}px)`:"",Object.assign(mn.style,s?{left:`${r.visibleLeft}px`,top:`${r.visibleTop}px`,width:`${r.visibleWidth}px`,height:`${r.visibleHeight}px`}:{left:"",top:"",width:"",height:""})}function ri(){return ae.getBoundingClientRect()}function si(){"true"!==bn.dataset.edgeTabs&&(bn.dataset.savedLeft=bn.style.left,bn.dataset.savedTop=bn.style.top,bn.dataset.savedBottom=bn.style.bottom,bn.dataset.savedTransform=bn.style.transform),bn.style.left="",bn.style.top="",bn.style.bottom="",bn.style.transform="",bn.parentElement!==xn&&xn.append(bn),bn.dataset.edgeTabs="true",_e?bn.dataset.edgeOrient="horizontal":delete bn.dataset.edgeOrient}function di(){"true"===bn.dataset.edgeTabs&&(bn.style.left=bn.dataset.savedLeft??"",bn.style.top=bn.dataset.savedTop??"",bn.style.bottom=bn.dataset.savedBottom??"",bn.style.transform=bn.dataset.savedTransform??"",delete bn.dataset.savedLeft,delete bn.dataset.savedTop,delete bn.dataset.savedBottom,delete bn.dataset.savedTransform),delete bn.dataset.edgeTabs,delete bn.dataset.edgeOrient,bn.parentElement===xn&&Rn.before(bn)}function li(){return!Fe||Be||Ue||!_e||ce||Oe||M.onboarding?null:xn.querySelector(".panel")}function pi(){return bn.querySelector(".morphing-menu__shell")??bn}function ci(){return bn.querySelector(".morphing-menu")}function ui(){return[...xn.querySelectorAll(".panel-head, .panel .empty, .thread-card")]}function hi(e){return io.push(e),e}function mi(){for(let e of ui())e.style.opacity="",e.style.transform="",e.style.filter="";So.style.opacity=""}function gi(e,t){for(let e of xn.getAnimations())e.cancel();xn.style.transition="none",xn.style.transform="none",xn.style.translate="none",xn.style.opacity="1",xn.style.left=`${e.left}px`,xn.style.top=`${e.top}px`,xn.style.width=`${e.width}px`,xn.style.height=`${e.height}px`,xn.style.borderRadius=t}function fi(){xn.style.width="",xn.style.height="",xn.style.borderRadius="",xn.style.transform="",xn.style.opacity="",ue&&mo(),xn.offsetWidth,xn.style.transition=""}function bi(e=!1){ao+=1;for(let e of io)e.stop();io=[];let t=ro;if(ro=!1,e&&xn.toggleAttribute("data-tips-ready",_e),!e||!t)return;delete xn.dataset.morphing,delete bn.dataset.edgeSurface,delete bn.dataset.edgeMorph;let n=ci();n&&(n.style.transition=""),delete bn.dataset.hidden,di(),mi(),fi()}function xi(e,t,n){let o=xn.getBoundingClientRect(),i=e?null:{left:o.left,top:o.top,width:o.width,height:o.height,radius:xn.style.borderRadius||"16px"};bi(!1),i&&gi(i,i.radius);let g=ao;ro=!0;let f=ci();f&&(f.style.transition="none");let x=bn.querySelector(".morphing-menu__bar"),w=pi(),y=!1,v=()=>{y||g!==ao||Ae||(y=!0,ro=!1,delete xn.dataset.morphing,delete bn.dataset.edgeSurface,delete bn.dataset.edgeMorph,delete bn.dataset.hidden,f&&(f.style.transition=""),e||(mi(),xn.style.opacity="0",di()),fi(),e&&(xn.dataset.tipsReady=""))},k=Gn||b();if(e){let e=t?xn.getBoundingClientRect():null,o=xn.style.borderRadius||"16px";xn.style.transition="none",xn.style.width="",xn.style.height="",xn.style.borderRadius="",xn.style.transform="none";let i=w.getBoundingClientRect(),s=!t&&n&&n.width>0?n:i;!t&&s.width>0&&(so={left:s.left,top:s.top,width:s.width,height:s.height}),si(),delete xn.dataset.morphing,mo();let l=xn.getBoundingClientRect();if(xn.dataset.morphing="true",k||s.width<=0||l.width<=0||t&&!e)return void v();let f=s.height/2+"px";t&&e?gi(e,o):gi(s,f),ui().forEach((e,t)=>{e.style.opacity="0",e.style.transform="translateY(48px)",e.style.filter="blur(4px)",hi(m(e,{opacity:1,y:0,filter:"blur(0px)"},{...d,delay:p+t*c}))}),So.style.opacity="0",hi(m(So,{opacity:1},{...d,delay:p}));let b=()=>{if(g!==ao||Ae)return;delete xn.dataset.morphing;let e=xn.getBoundingClientRect();hi(m(xn,{left:[`${e.left}px`,`${l.left}px`],top:[`${e.top}px`,`${l.top}px`],width:[`${e.width}px`,`${l.width}px`],height:[`${e.height}px`,`${l.height}px`],borderRadius:[xn.style.borderRadius||"16px","16px"]},a)).finished.then(v).catch(()=>{g===ao&&v()})};if(t||s.height>s.width+8)return void b();let y=u(x?.offsetWidth||s.width,x?.offsetHeight||s.height),S=h(s.left+s.width/2,s.top+s.height,y.width,y.height),C=xn.getBoundingClientRect();return void hi(m(xn,{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`]},r)).finished.then(b).catch(()=>{})}let S=i??xn.getBoundingClientRect(),C=i?.radius||xn.style.borderRadius||"16px";delete bn.dataset.hidden,xn.dataset.morphing="true",si();let E=bn.getBoundingClientRect(),$=so??{left:(window.innerWidth-(E.width||228))/2,top:window.innerHeight-24-(E.height||52),width:E.width||228,height:E.height||52};if(k||$.width<=0||S.width<=0)v();else{gi(S,C);for(let e of ui())hi(m(e,{opacity:0,y:16,filter:"blur(2px)"},l));hi(m(So,{opacity:0},l)),hi(m(xn,{left:[`${S.left}px`,`${$.left}px`],top:[`${S.top}px`,`${$.top}px`],width:[`${S.width}px`,`${$.width}px`],height:[`${S.height}px`,`${$.height}px`],borderRadius:[C,$.height/2+"px"]},s)).finished.then(v).catch(()=>{g===ao&&v()})}}function wi(e){xo();let t=e&&!_e;if(_e=e,Gn||Xo?.wake(t),delete xn.dataset.tipsReady,xn.toggleAttribute("data-tips-restored",Gn),!M.onboarding)try{e?localStorage.setItem(Zn,"1"):localStorage.removeItem(Zn)}catch{}if(e&&(Te=!1),e||(clearTimeout(Jn),Jn=0,Be=!1,ca=ua="",ma()),ce)return cancelAnimationFrame(ti),function(){let e=Math.max(1,.9*Math.min(window.innerHeight,window.visualViewport?.height??window.innerHeight)),t=ii(),n=pi().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||Gn||b()?delete cn.dataset.mobileEntering:cn.dataset.mobileEntering="",qe=!1,ai(),za(),zo.show(),zo.update(),void(void 0!==cn.dataset.mobileEntering&&(ti=requestAnimationFrame(()=>{delete cn.dataset.mobileEntering})));if(ue){let t=ro,n=e?pi().getBoundingClientRect():null;e||delete bn.dataset.edgeOrient,gt=e?gt:ft,to=void 0,qe=!1,ro=!0;let o=ci();return o&&(o.style.transition="none"),zo.show(),ai(),za(),xi(e,t,n),void zo.update()}let n=bn.getBoundingClientRect();gt=e?void 0:ft,to=void 0,qe=!1,ai(),za(),eo?.stop(),bn.style.translate="0px 0px";let o=bn.getBoundingClientRect();!Gn&&!b()&&(eo=m(bn,{translate:[`${n.left-o.left}px ${n.top-o.top}px`,"0px 0px"]},{type:"spring",stiffness:680,damping:32,mass:.55})),zo.show(),zo.update()}function yi(){if(Re=!1,clearTimeout(Jn),Jn=0,Be)return Yo(ut),nn=null,Be=!1,void za();Fe=null,Ue=null,Be=!1,en=null,at="",Te=!1,za()}function vi(){He=!1,Oe=!1,Ke?.setActive(!1),Vo(),yi(),_e&&wi(!1),Te=!1,Re=!1,qe=!0,We=!0;try{sessionStorage.setItem(Qn,"1")}catch{}za()}function ki(){We=!1,qe=!1;try{sessionStorage.removeItem(Qn)}catch{}za()}function Si(e){if(on=!!un.activeElement?.matches(":focus-visible")&&xn.contains(un.activeElement),Re=!1,clearTimeout(Jn),Jn=0,e.page!==Mo()){let t=new URL(e.page,location.origin);return t.searchParams.set("comment",e.id),void location.assign(t)}zn=En!==e.id||vn.hidden?null:vn.getBoundingClientRect(),zn&&Ln(!0),Fe=e.id,Ue=null,Be=!1,en=null,at="",Te=!1;let t=ce&&_e;t&&wi(!1);let n=wa(e.anchor);n.attached&&!zn&&(t||!ce)&&(Xn?ae:window).scrollBy({top:(n.y-.35*(t?Math.min(window.innerHeight,window.visualViewport?.height??window.innerHeight):window.innerHeight))/(Xn?ni*Lo():1),behavior:t&&!b()?"smooth":"instant"}),za()}function Ci(){return Xe.filter(e=>(nt||e.page===Mo())&&("all"===et||e.resolved===("resolved"===et))&&(!tt||!!e.tags?.includes(tt))&&(!ot||e.comments.some(e=>`${e.body} ${e.author.name}`.toLowerCase().includes(ot.toLowerCase()))||e.page.toLowerCase().includes(ot.toLowerCase()))).sort((e,t)=>t.updatedAt-e.updatedAt)}function Ei(){bn.style.display=We?"none":"",zo.update();let{dockCenter:e}=Q(window.innerWidth,window.innerHeight,_e);if(ce)di(),Object.assign(bn.style,{left:"50%",top:"auto",bottom:"calc(16px + env(safe-area-inset-bottom,0px))",transform:"translateX(-50%)"});else if(ue)ro||(delete bn.dataset.hidden,_e?si():(di(),gt&&lo(gt)),mo());else{delete bn.dataset.hidden;let t=!_e&&M.drawerContainer?.isConnected?M.drawerContainer.getBoundingClientRect():void 0;t?.width&&!Fn&&(no=t.left+t.width/2);let n=bn.offsetWidth/2,o=t?.width&&void 0!==no?Math.max(16+n,Math.min(window.innerWidth-16-n,no)):e;if(gt)lo(gt);else if(o!==to){let e=bn.getBoundingClientRect(),t=e.left+e.width/2;eo?.stop(),bn.style.top="",bn.style.bottom="",bn.style.left=`${o}px`,bn.style.translate="0px 0px",void 0!==to&&!b()&&(eo=m(bn,{translate:[`${t-o}px ${e.top-bn.getBoundingClientRect().top}px`,"0px 0px"]},{type:"spring",stiffness:680,damping:32,mass:.55})),to=o}}let t=e=>({glyph:e}),n=[{id:"browse",label:Ce("Browse website",Y.browse),icon:t("pointer"),onSelect:()=>Zo(!1)},{id:"comment",label:Ce("Add comment",Y.comment),icon:t("comment"),onSelect:()=>Zo(!Re)},...D?[{id:"design",label:Ce("Design mode",Y.design),icon:t("design"),onSelect:()=>ei(!Oe)}]:[],{id:"comments",label:M.onboarding?_e?"Close project sidebar":"Project settings":_e?"Close comment sidebar":`View all comments · ${Xe.filter(e=>!e.resolved).length} open`,icon:t("expand"),onSelect:()=>wi(!_e)},{id:"account",expandedOrder:-1,label:Le.user?`${Le.user.name} · Account`:M.onboarding?.inProject?"Set up komo":"Enter your name",icon:{user:Le.user},onSelect:()=>{Be||Jn?(clearTimeout(Jn),Jn=0,Be=!1,za()):ba()}},{id:"copy-prompts",keepOpenOnSelect:!0,label:"all"===_i?"Copied prompt":"Copy all comments for agent",icon:t("all"===_i?"check":"copy"),showInBar:!1,onSelect:()=>Yo(()=>Ri("all"))},...!re||ce||Oe?[]:[{id:"layout",label:"edge"===pe?"Frame view":"Floating view",icon:t("expand"),showInBar:!1,onSelect:()=>wo("edge"===pe?"background":"edge")}],{id:"dismiss",label:Y.restore?`Dismiss Komo · ${Y.restore.label} to restore`:"Dismiss Komo",icon:t("close"),onSelect:vi},{id:"visibility",label:qe?"Show comment pins":"Hide comment pins",icon:t("comment"),showInBar:!1,onSelect:()=>{qe=!qe,Ai(),Ei()}}];"Offline"===it&&n.push({id:"retry",label:`${xt?.title??"Offline"} · Retry`,icon:t("info"),showInBar:!1,onSelect:No}),qn.render({items:M.onboarding?n.filter(e=>"account"===e.id||"comments"===e.id):n,alignEnd:(!_e||!ue)&&(!!gt&&gt.y>window.innerHeight/2),edge:_e&&ue?"bottom":gt?.edgeX??gt?.edgeY??(gt&&gt.y<window.innerHeight/2?"top":"bottom"),activeId:Be?"account":Oe?"design":Re?"comment":_e?"comments":"browse",label:"Website review",moreLabel:"More review tools"})}let $i="",zi=new Set,ji=e=>e.page!==Mo()?e.page:zi.has(e.id)?"Not found on page":"",Li=!1,Mi=0;function Ai(e=!1){if(Ct||Li&&!e)return;if(qe)return $i="",Ln(),void gn.replaceChildren();let t=Mo(),n=Xe.filter(e=>!(e.page!==t||e.resolved||tt&&!e.tags?.includes(tt))),o=function(){let e=new Map,t=new Map,n=new WeakMap,o=new WeakMap,i=(e,t,i)=>{let a=t.context,r=[ne(t.text),a.tag,a.role,a.label,a.nearby],s=JSON.stringify([i,a.tag,r.map(Boolean)]),d=n.get(e);d||n.set(e,d=new Map);let l=d.get(s),p=e=>JSON.stringify(e.map((e,t)=>r[t]?e:null));if(!l){d.set(s,l=new Map);for(let t of i?e.querySelectorAll(a.tag):e.children){let e=o.get(t);e||o.set(t,e=[oe(t),t.tagName.toLowerCase(),t.getAttribute("role")||"",de(t),le(t)]);let n=p(e);l.set(n,l.has(n)?null:t)}}return l.get(p(r))??null},a=t=>(e.has(t)||e.set(t,ge(t,void 0,i)),e.get(t)??null);return{resolve:a,locate:e=>(t.has(e)||t.set(e,xe(e,a(e))),t.get(e))}}(),i=function(e,t){let n=new Map;for(let o of e){if(o.resolved||o.anchor.unstacked)continue;let e=t(o);if(null===e)continue;let i=n.get(e)??[];i.push(o),n.set(e,i)}let o=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)o.set(t.id,e)}return o}(n,e=>o.resolve(e.anchor)),a=n.map(e=>{let t=o.locate(e.anchor);if(t.y<-t.height-40||t.y>window.innerHeight+40)return{thread:e,rect:t,blocked:!1};let n=o.resolve(e.anchor),i=ya(t.x+8,t.y-10);return{thread:e,rect:t,blocked:!(!n||!i||n.contains(i)||i.contains(n))}});for(let{thread:e,rect:t}of a){if(zi.has(e.id)===!t.attached)continue;t.attached?zi.delete(e.id):zi.add(e.id);let n=un.querySelector(`.thread-item[data-thread="${CSS.escape(e.id)}"] .page`);n&&(n.textContent=ji(e))}let r=JSON.stringify([Fe,Ue&&o.locate(Ue),a.map(({thread:e,rect:t,blocked:n})=>[e.id,t,n,A(t,window.innerWidth)])]);if(r===$i)return;$i=r,Dt?.isPreviewing(jn)||Ln();let s=new Map(Array.from(gn.querySelectorAll(".pin-stack"),e=>[e.dataset.stack,e.scrollLeft]));gn.replaceChildren();let d=new Map,l=new Map(a.map(e=>[e.thread.id,e]));for(let{thread:e,rect:t,blocked:n}of a){if(!t.attached)continue;let o=i.get(e.id),a=o&&l.get(o[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=Xe.indexOf(e)+1;if(t.width&&t.height){let n=k("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===Fe?"1":".45"}),gn.append(n)}let p=C(`Comment ${s}: ${Jt(e.comments[0]?.body??"").slice(0,100)}`,()=>Si(e),`pin${e.id===Fe?" active":""}${e.id===pa?" hot":""}${e.resolved?" resolved":""}${t.attached?"":" detached"}`);if(p.textContent="",p.title="",e.comments[0]){let t=e.comments[0].author;f(p,t.accentColor),p.append($(t));let n=p.querySelector("img");n&&(n.draggable=!1)}if(Sa(p,e,t),e.resolved){let e=k("span","pin-check");e.append(S("check")),p.append(e)}let c=()=>{if(Fe||Ue||Te||Ct||Tt||Sn)return;Cn=!1,window.clearTimeout(kn);let n=vn.hidden||En!==e.id;$n?.cancel(),En=e.id,vn.replaceChildren();let o=e.comments[0];if(!o)return;let i=C("Open comment",()=>Si(e),"pin-preview-open");i.textContent="";let a=Ft.test(o.body),r=k(a?"div":"p","hover-message",Jt(o.body));a&&Ut().then(({renderDesignComment:t})=>t(r,o.body,{key:jn=`hover:${o.id}`,resolve:Kt(e.anchor),note:(e,t)=>e.textContent=t,compact:!0})),i.append(Ki(o)),a?(r.classList.add("pin-preview-card"),r.addEventListener("click",t=>{t.target.closest(".design-toggle")||Si(e)})):i.append(r);let s=C(e.resolved?"Reopen comment":"Resolve comment",()=>{Ln(),Di(e)},"icon pin-preview-resolve","check");s.disabled=!Ii(),vn.append(i,...a?[r]:[],s),vn.hidden=!1;let d=ka(p,t),l=_e&&!ce?396:12,c=d.x+20+320>window.innerWidth-l?d.x-340:d.x+20;Object.assign(vn.style,{left:`${Math.max(12,c)}px`,transformOrigin:d.x<Math.max(12,c)+160?"top left":"top right",top:`${Math.max(12,Math.min(d.y-28,window.innerHeight-vn.offsetHeight-92))}px`}),n&&!b()&&($n=vn.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=>{Sn&&!Ct&&!Tt&&0===e.buttons&&(e.movementX||e.movementY)&&(Sn=!1,c())}),p.addEventListener("focus",c),p.addEventListener("blur",()=>Ln()),p.addEventListener("pointerleave",()=>{kn=window.setTimeout(Ln,120)}),p.dataset.thread=e.id,p.dataset.pointer=A(r.rect,window.innerWidth),Object.assign(p.style,{left:`${t.x}px`,top:`${t.y}px`}),o&&a?.rect.attached&&!a.blocked){let t=d.get(o[0].id);if(!t){t=k("div","pin-stack"),t.dataset.stack=o[0].id,t.setAttribute("role","group"),t.setAttribute("aria-label",`${o.length} comments on this component`);let e=Math.min(178,40+22*(o.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",()=>{Ln(),fa()}),d.set(o[0].id,t),gn.append(t)}p.style.left="",p.style.top="",p.style.order=String(o.indexOf(e)),p.style.marginLeft=o[0].id===e.id?"0":"-12px",t.append(p)}else gn.append(p)}for(let[e,t]of d)t.scrollLeft=s.get(e)??0;if(Ue&&Ue.width>0&&Ue.height>0){let e=wa(Ue),t=k("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`}),gn.append(t)}}let _i=null,Ti=0;async function Ri(e){let t=i(Xe,{...M,origin:location.origin,page:"page"===e?Mo():void 0});t?(await navigator.clipboard.writeText(t),!Ae&&(_i=e,Rn.textContent="Agent prompt copied",clearTimeout(Ti),Ei(),Ui(),Ti=window.setTimeout(()=>{_i=null,Ei(),Ui()},2e3))):Ho("page"===e?"No open comments on this page":"No open comments to copy")}let qi,Wi=new Set,Oi="branch-comments:dismissed-tips",Hi=[["copy","Copy comments for your agent."]];function Pi(){let e=xn.getBoundingClientRect();for(let t of xn.querySelectorAll(".sidebar-tip")){let n="copy"===t.dataset.tip,o=xn.querySelector(n?".copy-page-prompt":'.toolbar [aria-label^="Add comment"]')?.getBoundingClientRect();if(t.hidden=!o?.width,!o?.width)continue;let i=o.left+o.width/2-e.left,a=Math.max(12,Math.min(e.width-12-t.offsetWidth,i-t.offsetWidth/2));t.style.left=`${a}px`,t.style.top=n?o.bottom-e.top+10+"px":o.top-e.top-10-t.offsetHeight+"px",t.style.setProperty("--caret-x",i-a+"px")}}Y.comment&&Hi.push(["shortcut",`Press ${Y.comment.label} to comment.`]);let Bi,Yi=!1;let Ii=()=>!Ye&&(zt||!!Le.user?.verified);function Di(e,t){if(!(Le.user||$t&&Qt.trim()))return void ba();let n=Fe===e.id,o=t=>{let o=Fe;return n&&(Fe=t?null:e.id),Ze(Ge(e.id,e=>({...e,resolved:t,resolvedBy:t?Le.user:null})),async n=>{Le.user||await Le.guest(Qt),await Le.request(`threads/${n(e.id)}`,"PATCH",{resolved:t})},()=>{Fe||(Fe=o)})};Yo(()=>o(!e.resolved)),Ho(e.resolved?"Comment reopened":"Comment resolved",{label:"Undo",run:()=>Yo(()=>o(e.resolved))},t)}let Ni,Xi=new WeakMap;function Fi(e,t){return e.textContent=t,Ft.test(t)&&(e.textContent="Design change",Ut().then(({summarizeDesignComment:n})=>{e.textContent=n(t)})),e}function Ui(){if(M.onboarding){if(qi?.(),xn.replaceChildren(),M.onboarding.inProject)return;if(_e){let e=k("aside","panel");e.setAttribute("aria-label","Project settings");let t=k("div","panel-head","Project settings"),n=k("div","empty");n.append(k("p","","Leave comments on your connected website."),C("Manage project",()=>{ba()},"secondary")),e.append(t,n),xn.append(e)}return}if(!_e&&(ue||ce))return;let e=xn.querySelector(".list"),n=e?.scrollTop??0,o="Search comments"===un.activeElement?.getAttribute("aria-label"),i=o?un.activeElement.selectionStart:null;if(!_e&&!ue&&!ce)return qi?.(),void xn.replaceChildren();let a=xn.querySelector(".panel");if(!a){a=k("aside","panel"),a.setAttribute("aria-label","All comments");let e=k("div","panel-head"),t=k("div","row between sidebar-title"),n=k("div","filter-slot"),o=k("div","row"),i=e=>{let t=a.querySelector(".sidebar-search-field"),n=o.querySelector('[aria-label="Search comments"]'),i=(e?n:t).getBoundingClientRect();oo=e,e||(ot="",t.querySelector("input").value=""),Ui();let r=(e?t:n).getBoundingClientRect();b()||t.animate(e?[{transform:`translate(${i.left-r.left}px, ${i.top-r.top}px)`,width:`${i.width}px`,height:`${i.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-i.left}px, ${r.top-i.top}px) scale(.2)`,opacity:0}],{duration:280,easing:"cubic-bezier(.22,1,.36,1)"}),e?t.querySelector("input")?.focus():n.focus()};o.append(C("Copy page comments",()=>"resolved"===et?function(e){if(!Yi||Ve.busy)return;let t=Ci().filter(e=>e.resolved).map(e=>e.id);if(!t.length)return;let n=k("div","cleanup-confirm");n.popover="auto",n.setAttribute("role","alertdialog"),n.setAttribute("aria-label","Delete resolved comments permanently"),n.append(k("strong","",`Delete ${t.length} resolved ${1===t.length?"thread":"threads"}?`),k("p","","Their replies will be deleted too. This can’t be undone."));let o=k("div","cleanup-actions"),i=()=>{n.hidePopover(),e.focus({preventScroll:!0})};o.append(C("Cancel",i,"secondary"),C("Delete permanently",()=>{i(),Yo(async()=>{try{for(let e=0;e<t.length;e+=250){let n=t.slice(e,e+250),o=new Set(n);await Ve.submit(e=>e.filter(e=>!o.has(e.id)),async()=>{await Le.request("project/clear-resolved","POST",{confirm:M.project,threadIds:n})})}}finally{await Jo()}})},"secondary destructive")),n.append(o),xn.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`,o.querySelector("button")?.focus()}(a.querySelector(".copy-page-prompt")):Yo(()=>Ri("page")),"icon copy-page-prompt","copy"),k("div","tag-filter-slot"),C("Search comments",()=>i(!0),"icon sidebar-search-trigger","search"),C("Close sidebar",()=>wi(!1),"icon","close"));let r=k("div","sidebar-selector");r.append(n,k("div","scope-slot")),t.append(r,o);let s=k("div","sidebar-search"),d=k("div","sidebar-search-inner"),l=k("div","sidebar-search-row"),p=k("div","sidebar-search-field"),c=k("input");c.type="search",c.placeholder="Search",c.setAttribute("aria-label","Search comments"),c.addEventListener("input",()=>{ot=c.value,Ui()}),c.addEventListener("keydown",e=>{"Escape"===e.key&&(e.stopPropagation(),u())}),p.append(S("search"),c);let u=()=>i(!1);p.append(C("Close search",u,"icon search-cancel","close")),l.append(p),d.append(l),s.append(d),e.append(t,s);let h=k("div","morphing-menu__tooltip sidebar-tooltip");h.setAttribute("aria-hidden","true"),un.append(h);let m=0,g=0,f=()=>{clearTimeout(m),h.dataset.open&&(delete h.dataset.open,g=Date.now()+300)};qi=()=>{clearTimeout(m),h.remove(),qi=void 0};let x=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 o.querySelectorAll("button"))e.removeAttribute("title"),e.addEventListener("pointerenter",t=>{"mouse"===t.pointerType&&x(e)}),e.addEventListener("pointerleave",f),e.addEventListener("focus",()=>x(e)),e.addEventListener("blur",f);o.addEventListener("pointerdown",f),a.append(e),xn.append(a)}let r=a.querySelector(".copy-page-prompt");if("resolved"===et&&Bi!==Le.token){Bi=Le.token,Yi=!1;let e=Bi;e&&Le.request("project").then(()=>{Le.token===e&&(Yi=!0,Ui())}).catch(()=>{})}let s="resolved"===et;r.disabled=s&&(!Yi||Ve.busy||!Ci().length),r.classList.toggle("destructive",s);let d=s?"trash":"page"===_i?"check":"copy";if(r.dataset.glyph!==d){let e=r.querySelector("svg:not([data-leaving])"),t=S(d),n=void 0!==r.dataset.glyph&&!b();if(r.dataset.glyph=d,n&&e){e.setAttribute("data-leaving","true"),r.append(t);let n={duration:200,easing:"cubic-bezier(.22,1,.36,1)"},o={opacity:0,transform:"scale(.7)",filter:"blur(2px)"},i={opacity:1,transform:"scale(1)",filter:"blur(0px)"};e.animate([i,o],{...n,fill:"forwards"}).finished.then(()=>e.remove()).catch(()=>e.remove()),t.animate([o,i],n)}else r.replaceChildren(t)}r.setAttribute("aria-label",s?Yi?"Delete resolved comments permanently":"Project owner only":"page"===_i?"Copied prompt":"Copy page comments"),a.dataset.search=String(oo),a.querySelector(".filter-slot").inert=oo,a.querySelector(".scope-slot").inert=!oo,a.querySelector(".sidebar-search-trigger").inert=oo,a.querySelector(".sidebar-search").inert=!oo;let l=a.querySelector(".filter-slot"),p=F?[...new Set(Xe.flatMap(e=>e.tags??[]))].sort():[];tt&&!p.includes(tt)&&(tt=""),l.dataset.value!==et&&(l.dataset.value=et,l.replaceChildren(t("Filter comments",[["open","Comments"],["all","All comments"],["resolved","Resolved"]],et,e=>{et=e,Ui(),Ai()})));let c=a.querySelector(".tag-filter-slot"),u=`${tt} ${p}`;if(c&&c.dataset.value!==u&&(c.dataset.value=u,c.replaceChildren(),p.length)){let e=tt?`Filtered by #${tt}`:"Filter by tag",n=t(e,[["","All tags"],...p.map(e=>[e,`#${e}`])],tt,e=>{tt=e,Ui(),Ai()}),o=n.querySelector("summary");o.className="icon tag-filter-trigger"+(tt?" active":""),o.setAttribute("aria-label",e),o.title=e,o.replaceChildren(S("tag")),c.append(n)}let h=a.querySelector(".scope-slot");h.dataset.value!==String(nt)&&(h.dataset.value=String(nt),h.replaceChildren(t("Comment pages",[["page","This page"],["all","All pages"]],nt?"all":"page",e=>{nt="all"===e,Ui()})));let m=!ce&&!Gn&&!b(),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=k("div","list"),x=Ci();x.length>40&&(f.dataset.long="");let w=!De&&"Connecting"===it;f.setAttribute("aria-busy",String(w)),clearTimeout(sn),f.addEventListener("scroll",()=>{f.dataset.scrolling="true",clearTimeout(sn),sn=window.setTimeout(()=>{delete f.dataset.scrolling},800)},{passive:!0});for(let e of x){let t=e.comments[0];if(!t)continue;let n=Xi.get(e);if(n){n.querySelector(".thread-card").classList.toggle("active",Fe===e.id),n.querySelector(".card-resolve").disabled=!Ii(),n.querySelector("small").textContent=E(t.createdAt),n.querySelectorAll(".reply-meta").forEach((t,n)=>{let o=e.comments[n+1];t.textContent=`${o.author.name} · ${E(o.createdAt)}`}),n.querySelector(".page").textContent=ji(e),f.append(n);continue}let o=C(`Open comment by ${t.author.name}`,()=>Si(e),"thread-card"+(Fe===e.id?" active":""));o.replaceChildren();let i=k("div","row");i.append($(t.author),k("span","author",t.author.name),k("small","",E(t.createdAt)));let a=k("div","meta");a.append(k("span","page",ji(e)),k("span","",e.resolved?"Resolved":e.comments.length>1?`${e.comments.length-1} ${2===e.comments.length?"reply":"replies"}`:"")),F&&e.tags?.length&&a.append(k("span","tag-list",e.tags.map(e=>`#${e}`).join(" ")));let r=Fi(k("p","preview"),t.body);o.append(r,i,a);let s=k("div","thread-item");s.dataset.thread=e.id;let d=C(e.resolved?"Reopen comment":"Resolve comment",()=>Di(e),"icon card-resolve","check");if(d.disabled=!Ii(),s.append(o,d),e.comments.length>1){let t=k("div","sidebar-replies");for(let n of e.comments.slice(1)){let e=k("div","sidebar-reply");e.append($(n.author));let o=k("div");o.append(k("div","reply-meta",`${n.author.name} · ${E(n.createdAt)}`),k("p","",n.body)),e.append(o),t.append(e)}o.append(t)}Xi.set(e,s),f.append(s)}if(!f.childElementCount){let e=k("div","empty");if(w&&e.setAttribute("role","status"),e.append(S("comment"),k("strong","",bt?yt?"Private project":"Sign in required":"Offline"===it&&xt?xt.title:w?"Loading comments…":ot?"No matching comments":"resolved"===et?"Nothing resolved yet":"No comments yet")),bt)e.append(k("p","",bt)),Le.user?.verified||e.append(C("Sign in",ba,"secondary"));else if("Offline"===it&&xt){e.append(k("p","",xt.detail));let t=k("div","empty-actions");"site"===xt.kind&&t.append(C("Turn on comments",()=>{let e=new URL("/setup",M.endpoint);e.searchParams.set("workspace",M.project),e.searchParams.set("site",location.origin),window.open(e,"_blank","noopener")},"primary"),C("Copy link",()=>{navigator.clipboard.writeText(location.origin).then(()=>Ho("Link copied")).catch(()=>Ho(location.origin))},"secondary")),"site"!==xt.kind&&t.append(C("Try again",No,"secondary")),e.append(t)}else De&&!ot&&"resolved"!==et&&e.append(C("Add a comment",()=>{Z(window.innerWidth,window.innerHeight)&&wi(!1),Zo(!0)},"secondary"));f.append(e),f.dataset.empty=""}if(Xe.length&&"Offline"===it&&f.prepend(C("Saved comments · Try again",No,"secondary")),e?e.replaceWith(f):a.append(f),function(e){try{let e=JSON.parse(localStorage.getItem(Oi)??"[]");if(Array.isArray(e))for(let t of e)"string"==typeof t&&Wi.add(t)}catch{}for(let[t,n]of Hi){let o=xn.querySelector(`[data-tip="${t}"]`);if(!e||Wi.has(t)){o?.remove();continue}if(o)continue;o=k("div","morphing-menu__tooltip sidebar-tip"),o.dataset.tip=t;let i=o;o.append(k("p","",n),C("Dismiss tip",()=>{Wi.add(t);try{localStorage.setItem(Oi,JSON.stringify([...Wi]))}catch{}i.dataset.leaving="",setTimeout(()=>i.remove(),150)},"icon","close")),xn.append(o)}Pi()}(!!f.querySelector(".empty [aria-label='Add a comment']")),requestAnimationFrame(Pi),f.scrollTop=n,m){let e=0,t=f.getBoundingClientRect();for(let n of f.querySelectorAll("[data-thread]")){let o=n.getBoundingClientRect();if(o.bottom<t.top||o.top>t.bottom)continue;let i=g.get(n.dataset.thread),a=void 0===i?8:i-o.top;Math.abs(a)>.5&&n.animate([{opacity:void 0===i?0:1,transform:`translateY(${Math.max(-40,Math.min(40,a))}px)`},{opacity:1,transform:"translateY(0)"}],{duration:250,delay:void 0===i?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(o){let e=a.querySelector('input[type="search"]');e.focus(),null!==i&&e.setSelectionRange(i,i)}}function Ki(e){let t=k("div","row");return t.append($(e.author),k("span","author",e.author.name),k("small","",E(e.createdAt))),t.title=e.author.verified?"Verified":"Guest",t}function Ji(e,t){return Le.user?.id!==e.author.id||"[Comment deleted]"===e.body?[]:[{label:"Edit",icon:"edit",onSelect:()=>{en=e.id,tn=e.body,ia()}},{label:"Delete",icon:"trash",destructive:!0,onSelect:()=>{let n=Wo(t.anchor);Ho("Delete this comment?",{label:"Delete",run:()=>{let o=Fe;1===t.comments.length&&(Fe=null),Yo(()=>Ze(Ge(t.id,t=>{let n=t.comments.filter(t=>t.id!==Ve.id(e.id));return n.length?{...t,comments:n}:null}),async n=>{await Le.request(`threads/${n(t.id)}/comments/${n(e.id)}`,"DELETE")},()=>{Fe||(Fe=o)})),Ho("Comment deleted",void 0,n)}})}}]}function Vi(t,n){let o=k("article","message");if(o.dataset.comment=t.id,o.append(Ki(t)),en===t.id){let e=k("textarea");e.value=tn,e.maxLength=4e3,e.setAttribute("aria-label","Edit comment"),e.dataset.focusKey="edit",e.addEventListener("input",()=>tn=e.value);let i=C("Save changes",()=>{let e=tn;en=null,Yo(()=>Ze(Ge(n.id,n=>({...n,comments:n.comments.map(n=>n.id===Ve.id(t.id)?{...n,body:e,editedAt:Date.now()}:n)})),async o=>{await Le.request(`threads/${o(n.id)}/comments/${o(t.id)}`,"PATCH",{body:e})},()=>{en||(en=Ve.id(t.id),tn=e)}))},"primary");return i.disabled=Ye,o.append(e,i,C("Cancel",()=>{en=null,ia()},"secondary")),o}let i=k("div","message-content"),a=Ft.test(t.body),r=k(a?"div":"p","message-text");if(J(r,t.body),a){let e=({renderDesignComment:e})=>e(r,t.body,{key:t.id,resolve:Kt(n.anchor),note:J,onSwitch:()=>fa()});Dt?e(Dt):Ut().then(e)}if(i.append(r),"[Comment deleted]"!==t.body){let e=C("Add reaction",()=>{Nt?.(!0),Nt=K(un,e,e=>function(e,t,n,o){if(!(Le.user||$t&&Qt.trim()))return void ba();Yo(async()=>{Le.user||await Le.guest(Qt);let i=Le.user;await Ze(Ge(t.id,t=>({...t,comments:t.comments.map(t=>{if(t.id!==Ve.id(e.id))return t;let a=Object.fromEntries(Object.entries(t.reactions).map(([e,t])=>[e,t.filter(e=>e!==i.id)]));return o&&(a[n]=[...a[n]??[],i.id]),{...t,reactions:a}})})),async i=>{await Le.request(`threads/${i(t.id)}/comments/${i(e.id)}/reactions`,"POST",{emoji:n,active:o})}),o&&function(e,t){if(!N(t))return;let n=U(e);n.counts[t]=(n.counts[t]??(X.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:${M.project}:${i.id}`,n)})}(t,n,e,!(Le.user&&t.reactions[e]?.includes(Le.user.id))),Object.entries(t.reactions).find(([,e])=>Le.user&&e.includes(Le.user.id))?.[0],`branch-comments:emoji:${M.project}:${Le.user?.id??"guest"}`,M.emojiDataSource)},"icon message-reaction","smile"),o=Object.entries(t.reactions).filter(([,e])=>e.length>0);if(e.dataset.reactions=JSON.stringify(o),o.length){e.replaceChildren(),e.classList.add("has-reactions");for(let[t,n]of o)e.append(k("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"),i.append(e)}o.append(i);let s=k("div","actions");if(Le.user?.id===t.author.id&&"[Comment deleted]"!==t.body){let i=e("Message actions",Ji(t,n));n.comments[0]?.id!==t.id&&o.firstElementChild?.append(i)}return t.editedAt&&s.append(k("small","","Edited")),s.childElementCount&&o.append(s),o}async function Gi(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 Le.request(`auth/${e}/start`,"POST",{}),o=new URL(n.url).origin,i=e=>{if(e.origin!==o||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||(Le.save({token:n,user:a}),ko(),rt=null,window.removeEventListener("message",i),clearTimeout(ln),t.close(),Be=!!M.onboarding,za(),!M.onboarding&&(nn?Yo(na):(Yo(Jo),Ho(`Signed in as ${a.name}`))))};window.addEventListener("message",i,{signal:Me.signal}),ln=window.setTimeout(()=>{window.removeEventListener("message",i)},6e5),t.location.href=n.url}catch(e){throw t.close(),e}}function Zi(e,t,n){let o=k("div","tag-slot"),i=({tagEditor:i})=>i(o,{tags:e,suggestions:[...new Set(Xe.flatMap(e=>e.tags??[]))].sort(),onAdd:t,onRemove:n});return Ni?i(Ni):import("./tag-editor-KGH3ZCAT.js").then(e=>{Ni=e,i(e),fa()}),o}function Qi(e,t){Le.user?Yo(async()=>{let{tags:n}=await Le.request(`threads/${Ve.id(e.id)}`,"PATCH",t);Xe=Xe.map(t=>t.id===e.id?{...t,tags:n}:t),Ui()}):ba()}function ea(e){let t=k("form","composer "+(e?"reply-composer":"new-comment-composer")),n=k("textarea"),o=e?"":Gt;n.placeholder=e?"Reply…":o?"Add a note…":"Add a comment…",n.rows=1,n.maxLength=4e3,n.required=!!e||!Gt,n.value=e?pn.get(e.id)??"":Vt,n.setAttribute("aria-label",e?"Reply":"Comment"),n.dataset.focusKey="body";let i=()=>{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",fa()};n.addEventListener("input",i),n.addEventListener("input",()=>{e?pn.set(e.id,n.value):Vt=n.value}),n.addEventListener("keydown",e=>{"Enter"===e.key&&!e.shiftKey&&!e.isComposing&&(e.preventDefault(),t.requestSubmit())});let a=C(e?"Send reply":"Post comment",()=>{},"send","arrow");if(a.type="submit",a.disabled=Ye,e)t.append(n,a);else{let e=k("div","draft-body");Le.user&&e.append($(Le.user)),e.append(n,a),F&&e.append(Zi(Zt,e=>Zt=[...Zt,e],e=>Zt=Zt.filter(t=>t!==e))),t.append(e)}if(n.addEventListener("input",()=>{a.disabled=Ye||!n.value.trim()&&!o}),a.disabled||=!n.value.trim()&&!o,o){let e=k("div","draft-proposal");e.textContent=o;let n=Ue?Kt(Ue):()=>null;Ut().then(({renderDraftProposal:t})=>{t(e,o,n),fa()}),t.prepend(e)}return t.addEventListener("submit",t=>{if(t.preventDefault(),(n.value.trim()||o)&&!Ye){if(!Le.user)return nn=()=>ta(e),void ba();Yo(()=>ta(e))}}),requestAnimationFrame(()=>{n.isConnected&&i()}),t}async function ta(e){if(M.onboarding)throw new Error("Open your connected website to leave a comment.");if(!Le.user)throw new Error("Enter your name to leave a comment.");let t=Date.now(),n={id:`pending-${crypto.randomUUID()}`,body:e?pn.get(e.id)??"":[Vt.trim(),Gt].filter(Boolean).join("\n\n"),author:{...Le.user},createdAt:t,editedAt:null,reactions:{}};if(n.body.trim())if(e)pn.delete(e.id),await Ze(Ge(e.id,e=>({...e,updatedAt:t,comments:[...e.comments,n]})),async t=>{let o=(await Le.request(`threads/${t(e.id)}/comments`,"POST",{body:n.body})).id??(await Le.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 o?{[n.id]:o}:{}},()=>{let t=Ve.id(e.id);Xe.some(e=>e.id===t)?pn.set(t,[n.body,pn.get(t)].filter(Boolean).join("\n")):Ue===e.anchor?Vt=[Vt,n.body].filter(Boolean).join("\n"):Lt.push({anchor:e.anchor,text:n.body})});else if(Ue){let e=Ue,o=Zt,i=Vt,a=Gt,r={id:`pending-${crypto.randomUUID()}`,page:Mo(),anchor:e,tags:o,resolved:!1,resolvedBy:null,createdAt:t,updatedAt:t,comments:[n]};Fe=r.id,Ue=null,Vt=Gt="",Zt=[],await Ze(e=>[...e,r],async()=>{let t=await Le.request("threads","POST",{page:r.page,anchor:e,body:n.body,...o.length?{tags:o}:{}}),i=t.commentId??(await Le.list()).find(e=>e.id===t.id)?.comments[0]?.id;return{[r.id]:t.id,...i?{[n.id]:i}:{}}},()=>{Ue?Lt.push({anchor:e,text:n.body}):(Fe=null,Ue=e,Vt=i,Gt=a,Zt=o)}),Re&&!Ue&&!Be&&Fe===Ve.id(r.id)&&(Go()||(Fe=null,_e&&wi(!1)),Te=!0,za())}}async function na(){let e=nn;nn=null,e&&await e()}let oa=new Map;function ia(){Yt?.then(({resetDesignPreviews:e})=>e(new Set([...Be?[]:Xe.find(e=>e.id===Fe)?.comments.map(e=>e.id)??[],...vn.hidden?[]:[jn],...Ue?["draft"]:[]])));let t=Qe;Qe=void 0,Nt?.(!0),Nt=void 0;let n=un.activeElement,i=n?.dataset.focusKey,a=i?n?.selectionStart:null,r=!!n?.matches(":focus-visible"),s=fn.querySelector(".messages")?.scrollTop??0,d=fn.querySelector(".account-dialog")?.scrollTop??0,l=Be?"account":Ue?"draft":Fe,p=fn.firstElementChild,c=li(),u=fn.classList.contains("thread-pane"),h=Mt!==l,m=p?.getBoundingClientRect(),x=new Map([...p?.querySelectorAll("[data-comment]")??[]].map(e=>[e.dataset.comment,e.querySelector(".message-reaction")]));if(p&&h&&!b()&&(!u||!c&&fn.isConnected)){let e=getComputedStyle(p),n={opacity:e.opacity,transform:e.transform};p.getAnimations().forEach(e=>e.cancel());let o={duration:150,easing:"cubic-bezier(.22,1,.36,1)",fill:"forwards"},i="account"===Mt?k("div","account-layer"):u?k("div","thread-pane"):p;i!==p&&i.append(p),p.animate([{transform:n.transform},{transform:u?"translateX(24px)":"translateY(4px) scale(.99)"}],o);let a=i.animate([{opacity:n.opacity},{opacity:0}],o);i.inert=!0,i.setAttribute("aria-hidden","true"),p.style.pointerEvents="none",(u?fn.parentElement:i!==p&&ue?xn:un).append(i),Xt.set(i,t),t=void 0,a.finished.catch(()=>{}).finally(()=>{i.remove(),Xt.get(i)?.(),Xt.delete(i)})}t?.(),fn.replaceChildren(),function(e){let t=e??(ue&&Be?xn:un);fn.parentNode!==t&&(t===un?vn.before(fn):t.append(fn)),fn.classList.toggle("thread-pane",!!e),xn.querySelector(".panel")?.toggleAttribute("data-thread",!!e)}(c);let w=xn.querySelector(".panel");if(w&&u!==!!c){if(!b())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(Mt??"")}"] .thread-card`;(c?on:!Ue&&r&&(w.contains(n)||!n.isConnected))&&queueMicrotask(()=>(c?fn:w).querySelector(c?".thread-back":e)?.focus({preventScroll:!0})),on=!1}if(Mt=l,fn.classList.toggle("account-layer",Be),!Ue&&!Fe&&!Be)return void Po();let y=k("section",Be?"dialog account-dialog":"dialog");Be&&y.setAttribute("aria-modal","false"),y.setAttribute("role","dialog"),y.setAttribute("aria-label",Be?"Reviewer account":Ue?"New comment":"Comment thread");let v=k("div","dialog-head row between"),S=k("div","row"),E=Xe.find(e=>e.id===Fe)??null;if(E&&!Be){let t=(e,t)=>({label:e,icon:"Copy link"===e?"link":"Copy selector"===e?"code":"comment",onSelect:()=>Yo(async()=>{await navigator.clipboard.writeText(t()),Ho("Copied")})}),n=E.anchor.source,o=n?M.sourceUrl?.(n,M.branch)??`https://github.com/${M.repo}/blob/${encodeURIComponent(M.branch)}/${n.split("/").map(encodeURIComponent).join("/")}`:"",i=e("Comment actions",[...Ji(E.comments[0],E),...o&&/^(https?:|vscode:|cursor:)/.test(o)?[{label:"Open source",icon:"code",onSelect:()=>window.open(o,"_blank","noopener,noreferrer")}]:[],t("Copy link",()=>{let e=new URL(E.page,location.origin);return e.searchParams.set("comment",E.id),e.href}),t("Copy feedback",()=>[`Repository: ${M.repo}`,`Branch: ${M.branch}`,`Page: ${new URL(E.page,location.origin).href}`,`Target: ${E.anchor.selector||"Page position"}`,...E.anchor.source?[`Source: ${E.anchor.source}`]:[],...E.anchor.text?[`Element text: ${E.anchor.text}`]:[],"",...E.comments.map(e=>`${e.author.name}: ${e.body}`)].join("\n")),t("Copy selector",()=>E.anchor.selector)]);S.append(i);let a=C(E.resolved?"Reopen comment":"Resolve comment",()=>Di(E,Wo(E.anchor)),"icon","check");a.disabled=!Ii(),S.append(a)}if(S.append(c?C("Close sidebar",()=>{yi(),wi(!1)},"icon","close"):C(Be?"Close account":"Close comment",yi,"icon","close")),c&&v.append(C("Back to comments",yi,"icon thread-back","chevron"),Fi(k("strong","thread-title"),E?.comments[0]?.body??"")),v.append(S),E||Be||c?y.append(v):y.append(C("Close comment",yi,"draft-close icon","close")),Be){let e=k("form","account");if(Le.user){rt??={name:Le.user.name,avatarUrl:Le.user.avatarUrl??"",accentColor:Le.user.accentColor??g};let t=rt,n=$({...Le.user,...t}),o=k("div","account-summary"),i=k("span","account-status");Le.user.verified?(i.append(document.createTextNode("Connected with ")),Le.user.id.startsWith("google:")&&i.append(z()),i.append(document.createTextNode(Le.user.id.startsWith("google:")?"Google":"GitHub"))):i.textContent="Guest account";let a=C("Update profile photo",()=>d.click(),"account-avatar-button");a.replaceChildren(n),o.append(a,k("h2","","Your profile"),i),e.append(o);let r=k("label","account-name-label","Display name"),s=k("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,ht(t)}),s.addEventListener("blur",()=>{ht(t,!0)}),r.append(s);let d=k("input");d.type="file",d.accept="image/png,image/jpeg,image/webp",d.hidden=!0,d.setAttribute("aria-label","Choose profile photo"),d.addEventListener("change",()=>Yo(async()=>{let e=d.files?.[0];if(!e)return;if(e.size>10485760)throw new Error("Choose a photo under 10 MB.");let n=await createImageBitmap(e),o=document.createElement("canvas");o.width=o.height=128;let i=o.getContext("2d"),a=Math.min(n.width,n.height);i.drawImage(n,(n.width-a)/2,(n.height-a)/2,a,a,0,0,128,128),n.close();let r=.8;do{t.avatarUrl=o.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.");ht(t,!0),ia()})),o.append(d);let l=function(e,t){let n=k("div","account-accent-mount");n.style.minHeight="62px";let o,i=!1,a=async()=>{n.replaceChildren(),n.setAttribute("aria-busy","true");try{let a=await import("./accent-picker-OADSUS4S.js");if(i)return;let r=a.accentPicker(e,t);o=r.destroy,n.replaceChildren(r.element)}catch{i||n.replaceChildren(C("Load accent colors",()=>{a()},"secondary"))}finally{n.removeAttribute("aria-busy")}};return a(),{element:n,destroy:()=>{i=!0,o?.()}}}(t.accentColor,e=>{t.accentColor=e,f(n,e),ht(t)});if(Qe=l.destroy,e.append(r,l.element),M.onboarding){let t=M.onboarding;e.append(Io(k("section","onboarding-panel"),import("./onboarding-YBSYCJZH.js").then(({onboardingPanel:e})=>e(Le,t))))}else e.append(ce?yo("sidebar","Sidebar",[["mobile","Floating sidebar"]],"mobile",()=>{}):re?yo("sidebar","Sidebar",[["edge","Floating"],["background","Frame"]],pe,wo):k("p","muted","Floating sidebar · Set pageRoot for Frame.")),ve&&e.append(function(){let e=yo("channel","Comments",[["local","Local development"],["shared","Site comments"]],je,vo);return e.append(k("p","muted","Separate channels, both saved to this project.")),e}()),e.append(Do());if(Le.user?.verified&&!M.onboarding?.code&&!M.onboarding?.claimKey&&!M.onboarding?.invite){let t=k("div");e.append(t),import("./onboarding-YBSYCJZH.js").then(({projectManagement:n})=>{t.isConnected&&t.replaceWith(n(Le,M.onboarding?.workspace,t=>{if(t)Fe=null,Ve.replace([],Ve.revision),e.querySelector(".account-usage")?.remove();else{let t=M.onboarding?.workspace?`usage?workspace=${encodeURIComponent(M.onboarding.workspace)}`:"usage";e.querySelector(".account-usage")?.replaceWith(Do(t)),Jo().catch(()=>{})}}))})}e.addEventListener("submit",e=>{e.preventDefault(),ht(t,!0)});let p=k("div","account-session");p.append(C("Sign out",()=>Yo(async()=>{if(Ve.busy||Ye)return void Ho("Wait for your changes to save.");clearTimeout(st),ct=null;let e=Le.logout();ko(),rt=null,lt=null,za();try{await e}finally{ko(),Yo(Jo),za()}}),"secondary")),e.append(p),!Le.user.verified&&St&&e.append(mt()),!Le.user.verified&&Et&&e.append(C("Sign in with GitHub",()=>Yo(()=>Gi()),"primary"))}else{if(e.append(k("h2","",M.onboarding?"Set up komo":"Leave comments")),M.onboarding?.inProject){e.append(k("p","","Connect komo to start leaving feedback on this site. One site per line."));let t=k("label","account-name-label","Production and preview sites"),n=k("textarea");n.rows=2,n.placeholder="https://your-site.com",n.value=kt,n.dataset.focusKey="setup-sites",n.addEventListener("input",()=>{kt=n.value}),t.append(n),e.append(t);let i=C("Connect komo",()=>Yo(async()=>{if(!vt){vt=!0,i.disabled=!0;try{let e=await function(e,t,n=[location.origin]){let o=new URL(e.endpoint),i=new URL("/setup/connect",o);i.searchParams.set("code",e.onboarding.code),i.searchParams.set("origin",location.origin),i.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",l),clearInterval(c),clearTimeout(u),a.close()},d=e=>{s(),r(new Error(e))},l=()=>d("Setup closed. Reopen komo to try again."),p=t=>{let i=t.data;t.origin!==o.origin||t.source!==a||"komo:setup"!==i?.type||i.code!==e.onboarding?.code||"string"!=typeof i.project||!/^komo_[a-f0-9]{32}$/.test(i.project)||"string"!=typeof i.repo||"string"!=typeof i.token||!i.token||!0!==i.user?.verified||"string"!=typeof i.user.id||!i.user.id.startsWith("google:")||"string"!=typeof i.user.name||(s(),n(i))},c=window.setInterval(()=>{a.closed&&d("Sign-in closed. Try connecting again.")},1e3),u=window.setTimeout(()=>d("Setup expired. Run komo init again."),6e5);window.addEventListener("message",p),t.addEventListener("abort",l,{once:!0}),t.aborted?l():a.location.href=i.href}):Promise.reject(new Error("Allow popups to connect komo."))}(M,Me.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}),o=[...new Set([t,...n])];if(o.length>10)throw new Error("Connect up to ten sites at a time.");return o}(kt,location.origin));if(Ae)return;(function(e,t){try{localStorage.setItem(j(e),JSON.stringify({project:t.project,repo:t.repo}))}catch{}})(M,e),M={...M,project:e.project,repo:e.repo,onboarding:void 0},Le=new o(M),Le.save(e),Be=!1,rt=null,Mt=null,await Xa(),za(),Ho("komo is connected. Select an element to leave feedback.")}finally{vt=!1,Ae||za()}}}),"primary");i.disabled=vt,e.append(i)}if($t){let t=k("label","account-name-label","Your name"),n=k("input");n.name="name",n.autocomplete="name",n.placeholder="Your name",n.required=!0,n.maxLength=60,n.value=Qt,n.dataset.focusKey="account-name",n.addEventListener("input",()=>Qt=n.value),t.append(n),e.append(t);let o=C("Continue",()=>{},"primary");o.type="submit",o.disabled=Ye,Ye&&o.setAttribute("aria-busy","true"),e.append(o)}$t&&(St||Et)&&e.append(k("div","account-divider","or")),St&&e.append(mt()),Et&&e.append(C("Continue with GitHub",()=>Yo(()=>Gi()),"secondary")),e.addEventListener("submit",e=>{e.preventDefault(),Yo(async()=>{await async function(e){if(!Ye){Ye=!0,at="",ia();try{for(await e();Ie&&!Ae;)await new Promise(e=>setTimeout(e,20));await Jo()}finally{Ye=!1,za()}}}(async()=>{await Le.guest(Qt),Be=!1}),await na()})})}y.append(e)}else if(Ue)y.append(ea(null));else if(E){let e=k("div","messages");for(let t of E.comments)e.append(Vi(t,E));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),F){let t=Zi(E.tags??[],e=>Qi(E,{tag:e}),e=>Qi(E,{untag:e}));t.classList.add("thread-tags");let n=e.querySelector(".message > .row");c||!n?e.before(t):n.after(t)}y.append(ea(E))}else y.append(k("div","empty","This comment is no longer available."));if(fn.append(y),Be&&h&&!b()&&(fn.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)"})),!Be&&!c){let e=k("div","comment-drag-handle");e.setAttribute("aria-hidden","true"),y.prepend(e),O(y,e,e=>{Mt&&At.set(Mt,e),fa()},Me.signal,()=>_t.stop())}if(fa(),c){h&&(da=!1,ga(!0,1200));let e=e=>{da=e,ga(e)};for(let t of[v,y.querySelector(".messages")])t?.addEventListener("pointermove",()=>da||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",()=>ga(!1,600)),y.addEventListener("pointerover",e=>e.target.closest(".design-card-target")?.removeAttribute("title"))}if(!Be&&!b()){let e=y.getBoundingClientRect(),t=zn??(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&&(zn||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=x.get(e.dataset.comment),o=e.dataset.comment;t&&n&&n.dataset.reactions!==t.dataset.reactions&&oa.set(o,{from:n,to:t.dataset.reactions,started:performance.now()});let i=oa.get(o),a=i?performance.now()-i.started:470;if(t&&i&&a<470&&i.to===t.dataset.reactions){let e=k("span","reaction-leaving");e.setAttribute("aria-hidden","true");for(let t of i.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(()=>{oa.get(o)===i&&oa.delete(o)}).catch(()=>{})}}}}zn=null;let L=y.querySelector(".messages");if(L&&(L.scrollTop=s),Be&&!h&&(y.scrollTop=d),i){let e=y.querySelector(`[data-focus-key="${i}"]`);e&&(e.focus({preventScroll:!0}),null!=a&&e.setSelectionRange(a,a))}}let aa,ra=0,sa=!1,da=!1,la=0,pa="",ca="",ua="",ha=0;function ma(e=ca||ua){if(clearTimeout(ha),e!==pa){pa=e;for(let t of gn.querySelectorAll(".pin"))t.classList.toggle("hot",t.dataset.thread===e);Ea()}}function ga(e,t=0){clearTimeout(la),sa=e,Ea(),t&&(la=window.setTimeout(()=>ga(da),t))}function fa(){let e=Math.min(window.innerHeight,window.visualViewport?.height??window.innerHeight),t=fn.firstElementChild;if(!t||Be)return;if(fn.classList.contains("thread-pane")){let e=ra;ra=performance.now()+500;let t=()=>{Ea(),performance.now()<ra?requestAnimationFrame(t):ra=0};return void(e||t())}if(ce&&t.querySelector("textarea:focus")){let n=window.visualViewport?.offsetTop??0;t.style.maxHeight=`${Math.max(0,e-24)}px`;let o=function(e,t,n,o,i){return{x:Math.max(12,(e-o)/2),y:n+Math.max(12,(t-i)/2)}}(window.innerWidth,e,n,t.offsetWidth,t.offsetHeight);return _t.place(Mt,t,o.x,o.y,!0),t.style.bottom="auto",t.style.transformOrigin="bottom center",void Po()}let n=Xn?ae.getBoundingClientRect().bottom-12:e-92;t.style.maxHeight=n-12+"px",(aa??=new ResizeObserver(()=>fa())).observe(t);let o,i=Xe.find(e=>e.id===Fe),a=Ue??i?.anchor,r=Tt?.id===Fe?Tt:a?(()=>{let e=wa(a);if(!e.attached)return null;o=e.width>16&&e.height>16?{left:e.x,top:e.y,right:e.x+e.width,bottom:e.y+e.height}:(Ue?Ma:Ft.test(i?.comments[0]?.body??""))?e.component:void 0;let t=Fe&&gn.querySelector(`[data-thread="${CSS.escape(Fe)}"]`);return t?ka(t,e):e})():null,s=Tt?.id===Fe,d=()=>{t.style.transformOrigin=!r||r.x<t.offsetLeft+t.offsetWidth/2?"top left":"top right"},l=!s&&Mt&&At.get(Mt);if(l){let n=q(l,t.offsetWidth,t.offsetHeight,document.documentElement.clientWidth,e);return _t.place(Mt,t,n.x,n.y,s),d(),void Po()}let p=(window.innerWidth-354)/2,c=e-450;r&&(p=r.x+20,c=r.y-28);let u=_e&&!ce?396:12,h=t.offsetWidth,m=t.offsetHeight;if(r&&p+h>window.innerWidth-u&&(p=r.x-h-20),o&&!ce&&!s){let e=n-o.bottom-14,i=o.top-26;if(o.right+14+h<=window.innerWidth-u)[p,c]=[o.right+14,o.top];else if(o.left-14-h>=12)[p,c]=[o.left-14-h,o.top];else if(Math.max(e,i)>=Math.min(m,200)){let n=e>=m||e>=i?e:i;t.style.maxHeight=`${n}px`,[p,c]=[o.left,n===e?o.bottom+14:o.top-14-Math.min(m,n)]}}_t.place(Mt,t,Math.max(12,Math.min(p,window.innerWidth-t.offsetWidth-u)),Math.max(12,Math.min(c,n-t.offsetHeight)),s),d(),Po()}function ba(){clearTimeout(Jn),rt=null,Te=!1;let e=ce;e&&!_e&&wi(!0),Jn=0,!(Ae||e&&!_e)&&(Be=!0,za(),queueMicrotask(()=>{if(!Be)return;let e=ce,t=e?fn.querySelector(".account-dialog"):fn.querySelector("input,button");e&&t&&(t.tabIndex=-1),t?.focus({preventScroll:!0})}))}let xa=ge,wa=be;function ya(e,t){return document.elementsFromPoint(e,t).find(e=>e!==cn&&!cn.contains(e))??null}function va(e){return!!e&&e!==ae&&e!==document.body&&(M.pickRoots?[ae,...M.pickRoots()]:[document.body]).some(t=>t.contains(e))}function ka(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 Sa(e,t,n){let o=null,i=!1,a=n;Le.user&&(Le.user.verified||t.comments[0]?.author.id===Le.user.id)&&(e.style.cursor="grab"),e.addEventListener("pointerdown",r=>{0!==r.button||Ye||!Le.user||!Le.user.verified&&t.comments[0]?.author.id!==Le.user.id||(a={...n,...ka(e,n)},o={x:r.clientX,y:r.clientY},i=!1,e.setPointerCapture(r.pointerId))}),e.addEventListener("pointermove",n=>{if(!o)return;let r=n.clientX-o.x,s=n.clientY-o.y;!i&&Math.hypot(r,s)<5||(i||(e.dataset.dragging="true",e.style.position="fixed",e.style.margin="0",Ct=t.id,Sn=!0,Ln(),Fe===t.id&&(_t.stop(),Fe=null,en=null,ia())),i=!0,e.dataset.pointer=A({...a,x:a.x+r,y:a.y+s},window.innerWidth),e.style.left=`${a.x+r}px`,e.style.top=`${a.y+s}px`,Tt={id:t.id,x:a.x+r,y:a.y+s},At.delete(t.id),fa())}),e.addEventListener("click",e=>{i&&(e.preventDefault(),e.stopImmediatePropagation())},!0),e.addEventListener("pointerup",e=>{if(!o)return;let r=a.x+e.clientX-o.x,s=a.y+e.clientY-o.y;if(o=null,Ct=null,!i)return;Tt={id:t.id,x:r,y:s},fa();let d=Ca(r,s);if(!d)return Tt=null,fa(),$i="",void Ai();let l=he(d,{x:r,y:s},{x:r+n.width,y:s+n.height},M.source);l.unstacked=!0,Yo(async()=>{try{Tt=null,await Ze(Ge(t.id,e=>({...e,anchor:l})),async e=>{await Le.request(`threads/${e(t.id)}`,"PATCH",{anchor:l})})}finally{Tt=null,fa(),$i="",Ai()}})}),e.addEventListener("pointercancel",()=>{Tt=null,fa(),o=null,Ct=null,$i="",Ai()})}function Ca(e,t){let n=ya(e,t);if(!va(n))return null;let o=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,i=o.closest("button,a,[role=button],[role=link]");return va(i)?i:o}function Ea(){let e=!Te&&!!li(),t=e?Fe:_e&&!Ue&&!li()&&xn.querySelector(`.list [data-thread="${CSS.escape(pa)}"]`)&&pa,n=t&&Xe.find(e=>e.id===t&&e.page===Mo()),o=n&&wa(n.anchor),i=o&&o.attached&&(o.width&&o.height?{left:o.x,top:o.y,right:o.x+o.width,bottom:o.y+o.height}:o.component);if(Mn.toggleAttribute("data-thread",!!i),gn.toggleAttribute("data-quiet",!!i&&e),gn.toggleAttribute("data-outlined",!!i&&e&&sa),i){let t=xa(n.anchor);return $a(i,t,Xn&&!!t&&ae.contains(t)),void(e&&!sa&&(Mn.style.opacity="0"))}if(!Te&&!Ue||ja||Ue&&Ue.width>0&&Ue.height>0)return Mn.style.opacity="0",void(!Te&&!Ue&&(An=null,_n=null));Ue&&(An=xa(Ue)),Te&&_n&&(An=Ca(_n.x,_n.y)),An?.isConnected?$a(An.getBoundingClientRect(),An,Xn&&ae.contains(An)):Mn.style.opacity="0"}function $a(e,t,n){let o=n?ae.getBoundingClientRect():{left:0,top:0,right:window.innerWidth,bottom:window.innerHeight},i=Math.max(0,o.left,e.left),a=Math.max(o.top,e.top),r=Math.min(o.right,e.right),s=Math.min(o.bottom,e.bottom);r<=i||s<=a?Mn.style.opacity="0":Object.assign(Mn.style,{opacity:"1",left:`${i}px`,top:`${a}px`,width:r-i+"px",height:s-a+"px",borderRadius:t?getComputedStyle(t).borderRadius:""})}function za(){if(Ae)return;if(cn.classList.toggle("design-active",Oe),Be&&!_e)return void(Z(window.innerWidth,window.innerHeight)?(Be=!1,ba()):wi(!0));ai();let e=!!Ue&&!Be&&Z(window.innerWidth,window.innerHeight);cn.classList.toggle("mobile-composing",e),xn.inert=ce?!_e||Be:ue?!_e:Be,(Fe||Ue||Te||qe||Be)&&Ln(!0),mn.hidden=!Te,Ea(),wn.replaceChildren(),Ei(),bn.inert=Oe,Ai(),Ui(),ia();let t=xn.querySelector(".panel");t&&(t.inert=Oe,t.setAttribute("aria-hidden",String(Oe)),t.hidden=Oe),Oe&&Ke?.mountPanel(xn);let n=xn.querySelector(".design-inspector__heading");n&&!n.dataset.drag&&(n.dataset.drag="",Co(n))}let ja=null,La=null;mn.addEventListener("pointerdown",e=>{if(0!==e.button)return;e.preventDefault(),e.stopPropagation();let t=Ca(e.clientX,e.clientY);t&&(An=t,_n=null,Mn.style.opacity="0",ja={x:e.clientX,y:e.clientY,element:t,pointerId:e.pointerId},mn.setPointerCapture(e.pointerId),La=k("div","selection"),un.append(La))}),mn.addEventListener("pointermove",e=>{if(!ja||!La)return _n={x:e.clientX,y:e.clientY},void(Tn||(Tn=requestAnimationFrame(()=>{Tn=0,Ea()})));Object.assign(La.style,{left:`${Math.min(ja.x,e.clientX)}px`,top:`${Math.min(ja.y,e.clientY)}px`,width:`${Math.abs(ja.x-e.clientX)}px`,height:`${Math.abs(ja.y-e.clientY)}px`})});let Ma=!1;function Aa(e,t,n=t,o=!1){if(Ma=o,Ln(),Ue=he(e,t,n,M.source),Xn){let e=ae.getBoundingClientRect(),o=ni*Lo();Ue.pageX=(Math.min(t.x,n.x)-e.left)/o+ae.scrollLeft,Ue.pageY=(Math.min(t.y,n.y)-e.top)/o+ae.scrollTop}An=e,Te=!1,Fe=null,Be=!1,en=null,at="",za(),fn.querySelector('[data-focus-key="body"]')?.focus({preventScroll:!0}),fa()}function _a(){if(dn||Ae||document.hidden)return;let e=Mo();!Ue&&!Fe&&!Te&&!_o&&(qe||!Xe.some(t=>t.page===e&&!t.resolved))||(dn=requestAnimationFrame(()=>{dn=0,Ai(),fa(),Po(),Ea()}))}mn.addEventListener("pointerup",e=>{if(!ja)return;let t=ja;La?.remove(),La=null,ja=null,Aa(t.element,t,{x:e.clientX,y:e.clientY})}),mn.addEventListener("pointerleave",()=>{ja||Ue||(_n=null,An=null,Mn.style.opacity="0")}),mn.addEventListener("pointercancel",()=>{ja=null,La?.remove(),La=null,_n=null,An=null,Mn.style.opacity="0"}),document.addEventListener("scroll",e=>{Sn=!0,Ln();let t=e.target;t===cn||!t||t instanceof Node&&t.getRootNode()===un||!((t===document?document.scrollingElement:t)instanceof Element)||(Ct||(Li=!0,gn.dataset.scrolling="true",clearTimeout(Mi),Mi=window.setTimeout(()=>{Ae||($i="",Ai(!0),Li=!1,delete gn.dataset.scrolling)},180)),_a())},{capture:!0,passive:!0,signal:Me.signal});for(let e of["focusin","focusout","click"])fn.addEventListener(e,()=>requestAnimationFrame(fa),{signal:Me.signal});window.visualViewport?.addEventListener("scroll",()=>{Z(window.innerWidth,window.innerHeight)&&(ai(),(Be||Ue||Fe)&&_a())},{signal:Me.signal}),window.visualViewport?.addEventListener("resize",()=>{Z(window.innerWidth,window.innerHeight)&&(ai(),_a())},{signal:Me.signal}),window.addEventListener("resize",()=>{(function(){let e=Z(window.innerWidth,window.innerHeight);e!==ce&&(un.append(xn),xo(),bi(!0),mi(),di(),ce=e,e||(bn.style.translate="",gt||(bn.style.bottom="")),ue=!e&&"edge"===pe,xn.removeAttribute("style"),go(),oi="",za())})(),ai(),ce||Ei(),_a()},{signal:Me.signal}),v(un,"keydown",e=>{Vn=!0,queueMicrotask(()=>{Vn=!1});let t=e.composedPath()[0];if((Be||ce&&_e)&&"Tab"===e.key){let t=[...(Be?fn:un).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]")&&(Be||!ce||!!e.closest(".panel,.toolbar"))),n=t[0],o=t.at(-1);!e.shiftKey||un.activeElement!==n&&t.includes(un.activeElement)?!e.shiftKey&&(un.activeElement===o||!t.includes(un.activeElement))&&(e.preventDefault(),n?.focus()):(e.preventDefault(),o?.focus())}let n=x(t);if("Escape"!==e.key){if(!n){if(We&&Se(e,Y.restore))return e.preventDefault(),void ki();M.onboarding||(Se(e,Y.comment)?(e.preventDefault(),Zo(!Re)):Se(e,Y.browse)?(e.preventDefault(),Zo(!1)):D&&Se(e,Y.design)&&(e.preventDefault(),ei(!Oe)))}}else Te||Ue||Fe||Be?yi():_e&&wi(!1)},{signal:Me.signal}),v(un,"pointerdown",e=>{let t=e.composedPath(),n=t.some(e=>e instanceof Element&&e.getRootNode()===un&&e.matches("button,input,textarea,summary,[role=menu],[role=listbox],.emoji-menu,.emoji-keyboard,.floating-notice"));0===e.button&&(Fe||Ue)&&(!Ue||!Z(window.innerWidth,window.innerHeight))&&!Be&&!t.includes(fn)&&!t.includes(bn)&&!t.includes(gn)&&(!Te||!t.includes(mn))&&!n&&(Ue&&Vt.trim()&&(jt={anchor:Ue,text:Vt}),yi());for(let t of un.querySelectorAll(".comment-menu[open]"))e.composedPath().includes(t)||(t.open=!1)},{signal:Me.signal});let Ta=new ResizeObserver(_a);Ta.observe(ae);let Ra=0,qa=new MutationObserver(()=>{if(Ue||Fe||Te||_o)return _a();Ra||(Ra=window.setTimeout(()=>{Ra=0,_a()},80))});function Wa(){Ae||Mo()===an||(an=Mo(),jt=null,Fe=null,Ue=null,za())}qa.observe(document.body,{childList:!0,subtree:!0,characterData:!0}),fn.addEventListener("pointerdown",e=>{Be&&e.target===fn&&yi()});let Oa=()=>setTimeout(Wa);function Ha(){let e=new o(M);return!(e.token===Le.token||Le.transient&&!e.token)&&(Le.cancelReads(),Le=e,wt=!1,xt=null,it="Connecting",St=Et=$t=zt=yt=!1,Ue=jt=null,Vt=Gt="",Zt=[],pn.clear(),Lt.length=0,ct=rt=lt=null,dt++,clearTimeout(st),ko(),za(),Yo(Xa),!0)}window.addEventListener("popstate",Oa,{signal:Me.signal}),window.navigation?.addEventListener("navigatesuccess",Oa,{signal:Me.signal}),window.addEventListener("storage",e=>{e.storageArea===localStorage&&e.key===Le.sessionKey&&e.newValue!==Le.token&&Ha()},{signal:Me.signal}),window.addEventListener("focus",()=>{Ha()||Xo?.wake()},{signal:Me.signal});let Pa=e=>e.target.closest?.(".list .thread-item")?.dataset.thread??"",Ba=()=>{clearTimeout(ha),ha=window.setTimeout(()=>ma(),80)};for(let[e,t]of[["pointerover",e=>(ca=Pa(e))?ma():Ba()],["pointerleave",()=>{ca="",Ba()}],["focusin",e=>{ua=Pa(e),ma()}],["focusout",()=>{ua="",Ba()}],["scroll",()=>{ca=ua="",ma()}]])xn.addEventListener(e,t,{capture:!0,signal:Me.signal});let Ya=!1;ae.addEventListener("pointerdown",e=>{Ya=0===e.button&&_e&&Xn&&!ue&&!Te&&!Be&&!Fe&&!Ue},{capture:!0,signal:Me.signal}),ae.addEventListener("click",e=>{!Ya||!_e||ue||(Ya=!1,e.preventDefault(),e.stopPropagation(),wi(!1))},{capture:!0,signal:Me.signal}),Xo=function(e){let t,n=!1,o=!1,i=!1,a=0,r=()=>{if(clearTimeout(t),o||!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(!o&&e.enabled()){if(n)return void(i=!0);n=!0;try{a=await e.read()?0:a+1}catch{a++}finally{n=!1,i?(i=!1,d()):r()}}};function d(e=!0){a=0,clearTimeout(t),e?s():n||r()}return{wake:d,stop(){o=!0,clearTimeout(t)}}}({interval:Math.max(2e3,M.pollInterval??4e3),enabled:()=>!Ae&&!document.hidden&&!1!==navigator.onLine&&!M.onboarding,active:()=>_e||Be||Te||!!Ue||!!Fe,read:async()=>(Wa(),wt?Jo():Xa())});for(let e of["online","offline"])window.addEventListener(e,()=>Xo?.wake(),{signal:Me.signal});if(cn.addEventListener("click",()=>Xo?.wake(!1),{signal:Me.signal}),cn.addEventListener("keydown",()=>Xo?.wake(!1),{signal:Me.signal}),!1!==M.isolateEvents){cn.setAttribute("data-isolate","");for(let e of w)cn.addEventListener(e,e=>y(e,un)&&e.stopPropagation(),{passive:!0,signal:Me.signal});document.addEventListener("focusout",e=>e.relatedTarget===cn&&e.stopImmediatePropagation(),{signal:Me.signal})}document.addEventListener("visibilitychange",()=>{document.hidden?(qa.disconnect(),clearTimeout(Ra),Ra=0):(qa.observe(document.body,{childList:!0,subtree:!0,characterData:!0}),_a()),(document.hidden||!Ha())&&Xo?.wake()},{signal:Me.signal});let Ia={destroy(){if(Ae)return;Ae=!0,Xo?.stop(),Ke?.destroy(),Dt?.resetDesignPreviews(),Le.cancelReads(),xo(),qi?.(),cancelAnimationFrame(ti),clearTimeout(Ra),clearTimeout(Mi),clearTimeout(Jn),clearTimeout(Ti),oa.clear(),_t.stop(),Yo(ut),Qe?.(),Nt?.(!0);for(let[e,t]of Xt)t?.(),e.getAnimations().forEach(e=>e.cancel()),e.remove();Xt.clear(),Kn?.stop(),eo?.stop(),bi(!0),Me.abort(),clearTimeout(rn),clearTimeout(sn),clearTimeout(ln),cancelAnimationFrame(dn),cancelAnimationFrame(Tn),cancelAnimationFrame(To),Ln(),Ta.disconnect(),qa.disconnect(),Nn.disconnect(),cancelAnimationFrame(Dn);let e=Xn?ae.scrollTop*Lo():window.scrollY/ni;for(let[e,t]of Pn)Object.assign(e.style,t);Pn.clear(),(Xn||!ue)&&(document.documentElement.style.overflow=Hn,Object.assign(ae.style,Wn),Object.assign(document.body.style,On),document.documentElement.style.background=Bn,window.scrollTo({top:e,behavior:"instant"})),jo.disconnect(),qn.unmount(),cn.remove(),Ee.delete(document)},comment(e){let t=()=>{if(Ae||!e.isConnected)return;let t=e.getBoundingClientRect();!t.width||!t.height||Aa(e,{x:t.left+t.width/2,y:t.top+t.height/2})};_e&&!Go()?(wi(!1),Kn&&Fn?Kn.finished.then(t):t()):t()},open(){Ae||(ki(),wi(!0))},close(){Ae||(yi(),wi(!1))},async refresh(){await Jo()}};Ee.set(document,{scope:V,controller:Ia});try{Gn=!M.onboarding&&"1"===localStorage.getItem(Zn)}catch{}ai();let Da=M.onboarding?null:Le.cached();De||=null!==Da;let Na=Gn;if(Gn=!0,Da&&Ve.replace(Uo(Da)),za(),ue&&(xn.style.transition="none",mo(),xn.offsetWidth,xn.style.transition=""),Gn=Na,Gn&&(wi(!0),Gn=!1,!b()))for(let e of[cn,Xn?ae:null])e?.animate([{opacity:0},{opacity:1}],{duration:200,easing:"cubic-bezier(0.22, 1, 0.36, 1)"});async function Xa(){let e,t=Le,n=t.token;try{await t.restore()}catch{}if(Ae||t!==Le)return;n!==t.token&&ko(),Ei(),Be&&ia();let o=Jo();o.catch(()=>{});try{e=await t.request("config")}catch(e){if(Ae||t!==Le||e instanceof DOMException&&"AbortError"===e.name)return;let n=ee(e),o=xt?.detail!==n.detail;throw xt=n,it="Offline",o&&za(),e}if(Ae||t!==Le)return;wt=!0,St=!!e.google,Et=e.github,$t=e.guests,zt=e.guestResolve,yt=!!e.private,za();let i=await o;if(Ae||t!==Le)return;let a=new URL(location.href).searchParams.get("comment"),r=Xe.find(e=>e.id===a);return r&&(_e||wi(!0),Si(r)),za(),i}return M.onboarding?.inProject||Yo(()=>Xa().finally(()=>Xo?.wake(!1))),Ia}export{M as a,$e as b,ze as c};

package/dist/design-mode.js

@@ -1 +1 @@
-import{i as e,j as t}from"./chunk-62YUEO4G.js";import"./chunk-I7AUKTXE.js";var n=(t,n)=>Object.assign(e("button",t,n),{type:"button"}),i=e=>"function"==typeof matchMedia&&matchMedia(e).matches,o=()=>i("(prefers-reduced-motion: reduce)"),s=e=>`<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><path d="${e}"/></svg>`;function a(a){let r=e("style");r.textContent='.design-outline{position:fixed;z-index:1;pointer-events:none;box-sizing:border-box;border:2px solid var(--accent,#bda6ef);border-radius:8px;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#bda6ef) 22%,transparent),0 2px 12px #0003;transition:all 80ms ease}.design-outline[data-kind=hover]{border-style:dashed;opacity:.8}.design-inspector{position:absolute;inset:0;z-index:9;display:flex;flex-direction:column;overflow:hidden;color:#e9e6e1;background:#0d0d0d;border-radius:inherit;font:12px/1.4 -apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;color-scheme:dark;opacity:0;translate:0 6px;pointer-events:none;transition:opacity .15s var(--ease-smooth-out),translate .25s var(--ease-smooth-out)}.design-inspector[hidden]{display:none}:host([data-sidebar="background"]) .design-inspector{position:fixed;inset:0 0 0 auto;width:380px;border-radius:0}:host([data-sidebar="edge"]) .design-inspector__heading{cursor:grab;touch-action:none;padding-top:22px}:host(.design-active[data-sidebar="edge"]) .edge-sidebar .edge-sidebar-grip{z-index:10;opacity:1!important}.design-inspector[data-state=active]{opacity:1;translate:0 0;pointer-events:auto}.design-inspector[data-state=closing]{opacity:0;translate:0 4px}.design-inspector button{cursor:pointer}.design-inspector__heading{flex:none;display:flex;align-items:center;gap:4px;min-height:54px;padding:0 8px 0 12px}.design-inspector__identity{min-width:0;flex:1;display:flex;align-items:baseline;gap:6px;white-space:nowrap}.design-inspector__parent{flex:none;max-width:35%;overflow:hidden;text-overflow:ellipsis;margin-left:-6px;padding:2px 6px;border-radius:7px;color:#909090;font-size:15px;font-weight:500}.design-inspector__parent:after{content:"/";margin-left:6px;color:#555}.design-inspector__target{flex:none;max-width:60%;overflow:hidden;text-overflow:ellipsis;color:#fff;font-weight:600;font-size:15px}.design-inspector__heading small{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#909090;font-size:13px}.design-inspector__close,.design-inspector__fold,.design-inspector__actions button{display:grid;place-items:center;min-width:28px;height:28px;border-radius:7px;color:#909090}.design-inspector__close,.design-inspector__fold{flex:none}.design-inspector__close svg,.design-inspector__fold svg,.design-inspector__actions svg{width:16px;height:16px}.design-inspector__parent:hover,.design-inspector__close:hover,.design-inspector__fold:hover,.design-inspector__actions button:hover:not(:disabled){background:#161616;color:#eee}.design-inspector__fold{display:none}.design-inspector__fold svg{transition:rotate .25s var(--ease-smooth-out)}.design-inspector[data-folded] .design-inspector__fold svg{rotate:180deg}.design-inspector[data-folded]>:not(.design-inspector__heading){display:none}.design-inspector__controls{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}:host([data-sidebar="edge"]) .edge-sidebar[data-design-empty]:not([data-morphing]){height:auto!important}:host([data-sidebar="edge"]) [data-design-empty]>.design-inspector{position:relative;inset:auto}:host([data-sidebar="edge"]) [data-design-empty]:not([data-morphing])>.toolbar{position:absolute}.design-inspector[data-empty] .design-inspector__identity{visibility:hidden}.design-inspector[data-empty] .design-inspector__controls{display:grid;place-items:center}.design-inspector[data-empty] .design-inspector__bar:not([data-changes],[data-message]){display:none}.design-inspector__empty{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 24px 28px;color:#898680;font-size:11px;text-align:center}.design-inspector__empty>svg{box-sizing:content-box;width:20px;height:20px;margin-bottom:8px;padding:8px;border-radius:10px;background:#ffffff0a;color:#77736f}.design-inspector__empty strong{color:#e9e6e1;font-size:12px;font-weight:600}.design-inspector__empty ul{display:grid;gap:6px;margin:8px 0 0;padding:0;list-style:none}.design-inspector__empty kbd{display:inline-block;min-width:8px;padding:0 5px;border-radius:4px;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff12,inset 0 -1px #ffffff12;color:#c9c5bf;font:inherit;font-size:10px;font-weight:500;line-height:17px}.design-inspector__bar{flex:none;display:flex;align-items:center;gap:8px;min-height:56px;padding:0 12px;border-top:1px solid #ffffff0d;color:#909090;font-size:12px}.design-inspector__count{white-space:nowrap;font-variant-numeric:tabular-nums}.design-inspector__compare{display:inline-flex;flex:none;padding:2px;border-radius:7px;background:#ffffff0a}.design-inspector__compare[hidden],.design-inspector__bar[data-message] .design-inspector__compare{display:none}.design-inspector__compare button{height:22px;padding:0 8px;border-radius:5px;color:#9a9a9a;font:inherit;font-size:11px}.design-inspector__compare button:hover{color:#fff}.design-inspector__compare button[aria-pressed=true]{color:#fff;background:#ffffff1a}.design-inspector__status{display:none;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;animation:design-status .2s var(--ease-smooth-out)}.design-inspector__bar[data-message] .design-inspector__status{display:block}.design-inspector__bar[data-message] .design-inspector__count,.design-inspector__bar:not([data-changes]) .design-inspector__tool{display:none}.design-inspector__actions{display:flex;align-items:center;gap:2px;margin-left:auto}.design-inspector__actions button:disabled{cursor:default;opacity:.35}.design-inspector__actions button:last-child{min-height:34px;margin-left:6px;padding:0 14px;border-radius:8px;background:var(--accent,#bda6ef);color:#211b2d;font-size:12px;font-weight:500}.design-inspector__actions button:last-child:hover:not(:disabled){background:var(--accent,#bda6ef);color:#211b2d;filter:brightness(1.08)}.design-inspector :focus-visible{outline:2px solid var(--accent,#bda6ef);outline-offset:2px}@keyframes design-status{0%{opacity:0;translate:0 2px}}@media(max-width:520px){.design-inspector{position:fixed;inset:auto 12px calc(12px + env(safe-area-inset-bottom,0px));max-height:min(58dvh,560px);border-radius:24px;box-shadow:0 -1px #ffffff24,0 16px 48px #0005;transition:translate .32s cubic-bezier(.22,1,.36,1),scale .32s cubic-bezier(.22,1,.36,1),opacity .15s ease;transform-origin:bottom center}.design-inspector__heading{height:52px;padding-left:18px}.design-inspector__fold{display:grid}.design-inspector[data-empty] .design-inspector__identity{visibility:visible}.design-inspector .design-field{height:34px}}@media(prefers-reduced-motion:reduce){.design-outline,.design-inspector,.design-inspector__fold svg,.design-inspector__status{transition:none;animation:none}}\n';let d=null,l=import("./design-panel-NU2WUI4D.js").then(e=>{r.textContent+=e.designPanelStyles,d=e},()=>{w.textContent="Design controls unavailable · try again"}),p=e("aside","design-inspector");p.setAttribute("role","dialog"),p.setAttribute("aria-label","Design mode inspector"),p.setAttribute("aria-hidden","true"),p.hidden=!0;let c=e("div","design-outline");c.setAttribute("aria-hidden","true");let g=e("div","design-inspector__heading"),u=n("design-inspector__parent");u.hidden=!0;let f=e("span","design-inspector__target"),m=e("small"),h=n("design-inspector__close");h.setAttribute("aria-label","Exit design mode"),h.append(t("close"));let x=n("design-inspector__fold");x.append(t("chevron"));let b=e("div","design-inspector__identity");b.append(u,f,m),g.append(b,x,h);let y=e("div","design-inspector__controls"),v=e("div","design-inspector__bar"),_=e("span","design-inspector__count");_.title="Preview only · resets on exit";let w=e("p","design-inspector__status");w.setAttribute("role","status");let k=e("div","design-inspector__actions"),E=(e,t)=>{let i=n("design-inspector__tool");return i.dataset.tip=e,i.setAttribute("aria-label",e),i.innerHTML=t,i},C=E("Undo",s("M5.5 3.5 2.5 6.5l3 3m-3-3h7a4 4 0 0 1 0 8h-2")),P=E("Reset",s("M2.5 2.5v3h3M3 5.5a5.5 5.5 0 1 1-.5 2.5")),A=E("Copy CSS","");A.append(t("copy"));let T=n("","Comment"),L=n("design-text-edit","Edit text");L.title="Edit text",L.setAttribute("aria-label","Edit selected text inline"),k.append(C,P,A,T);let z=e("div","design-inspector__compare");z.setAttribute("role","group"),z.setAttribute("aria-label","Compare with the page");let D=["Before","After"].map((e,t)=>{let i=n("",e);return i.dataset.tip=`${e} · ${t?"→":"←"} or B`,i.setAttribute("aria-pressed",String(!!t)),i.addEventListener("click",()=>ie(!t)),z.append(i),i});v.append(_,z,w,k),p.append(g,y,v),a.root.append(r,c),(a.panelRoot??a.root).append(p);let S,M=!1,R=0,$=null,B=null,I=null,j=0,F=0,O=null,H="",U=null,K=null,V=new Map,W=new Map,q=new WeakMap,N=new WeakMap,J=new AbortController,X=()=>import("./design-export-DD2NJI4O.js"),Y=e=>{S??=X().then(({footerTips:t})=>t(v,a.root,J.signal,e),()=>{S=void 0})};v.addEventListener("pointerover",Y),v.addEventListener("focusin",Y);let G=new Set,Q=[];function Z(e,t,n=e.style.getPropertyValue(t),i=e.style.getPropertyPriority(t)){let o=V.get(e);o||V.set(e,o=new Map),o.has(t)||o.set(t,{value:n,priority:i,computed:getComputedStyle(e).getPropertyValue(t).trim()})}function ee(e,t){let n=W.get(e);n||W.set(e,n=new Map);let i=e.style.getPropertyValue(t);i===(V.get(e)?.get(t)?.value??"")?n.delete(t):n.set(t,i),n.size||W.delete(e),le($,"selected")}let te=0;new MutationObserver(()=>{let e=w.textContent??"";w.title=e,v.toggleAttribute("data-message",!!e),clearTimeout(te),e&&(te=window.setTimeout(function e(){I?.element?te=window.setTimeout(e,2600):w.textContent=""},2600))}).observe(w,{childList:!0,characterData:!0,subtree:!0});let ne=!1;function ie(e){if(e===ne)return;e&&I?.element&&xe(),ne=e;let t=!o();for(let[n,i]of W){let o=n.style.transition;t&&(n.style.transition=[...i.keys()].map(e=>`${e} .3s cubic-bezier(.22,1,.36,1)`).join());for(let[t,o]of i){let i=V.get(n)?.get(t);e?oe(n,t,i):n.style.setProperty(t,o,i?.priority)}t&&window.setTimeout(()=>n.style.transition=o,320)}I?.showBefore(e),U?.showDesignBefore(e),D.forEach((t,n)=>t.setAttribute("aria-pressed",String(!n===e))),p.toggleAttribute("data-before",e),he()}function oe(e,t,n){n?.value?e.style.setProperty(t,n.value,n.priority):e.style.removeProperty(t)}function se(e,t,n){$&&(e.setAttribute("aria-invalid",String(null===n)),null!==n&&(Z($,t),U?.noteDesignTokenOverride($,t,n),$.style.setProperty(t,n,V.get($)?.get(t)?.priority),ee($,t),he()))}function ae(e,t,n=!0){if(!$)return;let i={value:$.style.getPropertyValue(t),priority:$.style.getPropertyPriority(t)},o=N.get(e),s=o?.before??q.get(e)??{value:"",priority:""};if(i.value===s.value&&i.priority===s.priority)o&&Q.splice(Q.indexOf(o),1),N.delete(e);else if(o)o.after=i;else{let n={kind:"style",element:$,property:t,before:s,after:i};Q.push(n),N.set(e,n)}n&&(q.set(e,i),N.delete(e)),he()}function re(){if(y.replaceChildren(),de(),!$){let n=e("div","design-inspector__empty"),i=e("strong","","Select an element"),o=e("ul"),s=(...t)=>{let n=e("li");t.forEach((t,i)=>{i%2==0?n.append(t):n.append(e("kbd","",t))}),o.append(n)};return s("","Click"," to inspect"),s("","Double-click"," text to edit"),a.exitKey?s("","Esc"," or ",a.exitKey," to exit"):s("","Esc"," to exit"),n.append(t("design"),i,o),y.append(n),f.textContent="Select an element",m.textContent="",void(u.hidden=!0)}let n=`${$.tagName.toLowerCase()}${$.id?`#${$.id}`:""}`;f.textContent=n,m.textContent=$ instanceof HTMLIFrameElement?"Frame only · contents are isolated":$.classList.length?`.${[...$.classList].slice(0,2).join(".")}`:"";let i=$.parentElement;u.hidden=!i||i===document.body||i===document.documentElement,u.textContent=i?.tagName.toLowerCase()??"",u.setAttribute("aria-label",`Select parent ${u.textContent}`);let o=$,s=d;s?(s.renderPanel(y,{element:o,changed:W.get(o),collapsed:G,editText:L,begin:(e,t)=>q.set(e,{value:o.style.getPropertyValue(t),priority:o.style.getPropertyPriority(t)}),apply:se,commit:ae,rerender:re}),(a.design||o.closest("[data-komo-inspectable], [data-komo-design-tokens]"))&&(K??=import("./react-props-panel-BW4ZQPD7.js").then(e=>U=e).catch(e=>{throw K=null,e}),K.then(e=>{if(!M||$!==o||y.querySelector(".design-react-group, .design-theme-group"))return;let t=a.root;e.attachThemeSwitcher(y,a.design,()=>ge(o),t);let n=e.createReactPropsPanel(o,()=>{w.textContent="React state preview · resets on exit",he()},t,ge,a.design);n&&y.append(n),e.attachStyleTokenControls(o,s.fields,y,(e,t,n)=>{Z(o,e.property,n),ee(o,e.property),q.set(t,{value:n,priority:o.style.getPropertyPriority(e.property)}),ae(t,e.property)},t,s.valueFor,s.toHex,a.design,e=>{Q.push({element:o,undo:e}),he()});let i=e.createDesignThemePanel(o,s,he,t);i&&y.append(i)}).catch(()=>{}))):l.then(()=>{M&&$===o&&re()})}function de(){p.toggleAttribute("data-empty",T.hidden=!$),p.parentElement?.toggleAttribute("data-design-empty",M&&!$)}function le(e,t,n=!1){if(!M||!e?.isConnected)return void(c.hidden=!0);let i=e.getBoundingClientRect();if(i.width&&i.height){if(c.hidden=!1,c.dataset.kind=t,n&&(e!==O||t!==H)){O=e,H=t,clearTimeout(F);let n=p.getBoundingClientRect(),o=e=>i.left<e+n.width&&i.right>e&&i.top<n.bottom&&i.bottom>n.top;a.flip&&n.width&&o(n.left)&&!o(document.documentElement.clientWidth-n.right)&&(F=window.setTimeout(a.flip,"hover"===t?350:0))}Object.assign(c.style,{left:`${i.left}px`,top:`${i.top}px`,width:`${i.width}px`,height:`${i.height}px`})}else c.hidden=!0}function pe(){j||(j=requestAnimationFrame(()=>{j=0,le($??B,$?"selected":"hover")}))}let ce="function"==typeof ResizeObserver?new ResizeObserver(pe):null;function ge(e){!(e instanceof HTMLElement)||a.host.contains(e)||(I?.element&&I.element!==e&&xe(),ce?.disconnect(),ce?.observe(e),$=e,B=e,re(),le(e,"selected",!0),he())}let ue=()=>i("(max-width:520px)");function fe(e){p.toggleAttribute("data-folded",e&&ue()),x.setAttribute("aria-expanded",String(!p.hasAttribute("data-folded"))),x.setAttribute("aria-label",p.hasAttribute("data-folded")?"Expand inspector":"Collapse inspector")}function me(e){fe(!1),ue()&&requestAnimationFrame(()=>{let t=e.getBoundingClientRect(),n=p.getBoundingClientRect().top-12;t.top>=12&&t.bottom<=n||window.scrollBy({top:t.top-Math.max(12,(n-t.height)/2),behavior:o()?"auto":"smooth"})})}function he(){pe(),C.disabled=!Q.length&&!U?.canUndoReactProp($)&&!U?.canUndoDesignTokenEdit($),P.disabled=!function(){let e=$,t=e?(W.get(e)?.size??0)+ +!!I?.hasChanges(e)+ +!!U?.hasReactPropChanges(e)||+!!U?.hasDesignTokenEdit(e):0;return _.textContent=t?`${t} change${t>1?"s":""}`:"",v.toggleAttribute("data-changes",t>0||!C.disabled),z.hidden=!t&&!ne,t}(),A.disabled=!$||!W.get($)?.size,T.disabled=!$,L.disabled=!!I?.busy||!$?.isConnected,L.textContent=I?.isEditing($)?"Done editing":"Edit text",L.setAttribute("aria-label",I?.isEditing($)?"Finish inline text editing":"Edit selected text inline")}function xe(e=!1){I?.finish(e),he()}function be(e){if(!e){ie(!1),I?.finish();for(let[e,t]of V)for(let[n,i]of t)oe(e,n,i);V.clear(),W.clear(),Q.length=0,I?.restoreAll(),U?.resetPreviews(),he()}clearTimeout(R),R=0,M=e,de(),e?(p.hidden=!1,p.setAttribute("aria-hidden","false"),requestAnimationFrame(()=>{M&&(p.dataset.state="active")}),c.hidden=!$,re(),fe(!$),le($,"selected"),h.focus({preventScroll:!0})):(c.hidden=!0,p.setAttribute("aria-hidden","true"),p.dataset.state="closing",o()?(p.hidden=!0,delete p.dataset.state):R=window.setTimeout(()=>{R=0,M||(p.hidden=!0,delete p.dataset.state)},250))}L.addEventListener("click",e=>{I||$&&(w.textContent="Loading inline text editor…",import("./inline-text-editor-JWVS7J75.js").then(t=>{I||!$||!M||(I=t.bindInlineTextTools({button:L,status:w,selected:()=>$,active:()=>M,onChange:he,onCommit(e){Q.push({kind:"text",element:e})}}),I.toggle(e))}).catch(()=>{w.textContent="Inline text editing is unavailable."}))}),x.addEventListener("click",()=>fe(!p.hasAttribute("data-folded"))),u.addEventListener("click",()=>ge($?.parentElement??null)),h.addEventListener("click",()=>{I?.element&&xe(),be(!1),a.onExit()}),C.addEventListener("click",()=>{let e=Q.pop();e?e.kind?"text"===e.kind?$===(I?.undo()??e.element)&&re():(oe(e.element,e.property,e.before),U?.syncDesignTokenBinding(e.element,e.property),ee(e.element,e.property),$===e.element&&re(),le($??B,$?"selected":"hover")):(e.undo(),re()):($&&(U?.undoDesignTokenEdit($),U?.undoReactProp($),re()),w.textContent="React state preview · resets on exit"),he(),(C.disabled?h:C).focus({preventScroll:!0})}),P.addEventListener("click",()=>{if(!$)return;I?.isEditing($)&&xe(!0);let e=W.get($),t=I?.hasChanges($)??!1,n=U?.hasReactPropChanges($)??!1,i=U?.hasDesignTokenEdit($)??!1;if(e?.size||t||n||i){t&&I?.reset($);for(let t of e?.keys()??[])oe($,t,V.get($)?.get(t));W.delete($),n&&U?.resetReactProps($),i&&U?.resetDesignTokenEdits($);for(let e=Q.length-1;e>=0;e--)Q[e].element===$&&Q.splice(e,1);re(),le($,"selected"),he(),h.focus({preventScroll:!0})}}),A.addEventListener("click",()=>{let e=$,t=e?W.get(e):void 0;!e||!t?.size||X().then(async({cssText:n})=>{let i=n(e,t);try{await navigator.clipboard.writeText(i),w.textContent="CSS copied"}catch{w.textContent=i}})}),T.addEventListener("click",()=>{let e=$;e&&(I?.isEditing(e)&&xe(),X().then(({designProposal:t})=>a.onComment(e,t(e,W.get(e),t=>V.get(e)?.get(t)?.computed,U?.tokenBoundProperties(e),[I?.proposal(e),U?.proposedDesignChanges(e)],U?.designContext(e,a.design))),()=>{w.textContent="Comment unavailable · try again"}))});let ye=()=>ie(!1);for(let e of[y,k,L])for(let t of["pointerdown","focusin","click"])e.addEventListener(t,ye,!0);return document.addEventListener("pointermove",function(e){if(!M||e.composedPath().includes(a.host))return;let t=a.targetAt(e.clientX,e.clientY);!(t instanceof HTMLElement)||a.host.contains(t)||(B=t,$||le(B,"hover",!0))},{capture:!0,signal:J.signal}),document.addEventListener("pointerdown",function(e){if(!M||e.composedPath().includes(a.host))return;let t=a.targetAt(e.clientX,e.clientY);!(t instanceof HTMLElement)||a.host.contains(t)||I?.element&&(t===I.element||I.element.contains(t))||(I?.element&&xe(),e.preventDefault(),e.stopImmediatePropagation(),ge(t))},{capture:!0,signal:J.signal}),document.addEventListener("click",function(e){!M||e.composedPath().includes(a.host)||(e.preventDefault(),e.stopImmediatePropagation(),$&&me($),2===e.detail&&$?.contains(e.target)&&!L.disabled&&!I?.element&&L.dispatchEvent(new MouseEvent("click",e)))},{capture:!0,signal:J.signal}),document.addEventListener("keydown",function(e){if(I?.handleKey(e))return void L.focus({preventScroll:!0});let t=e.key.toLowerCase(),n=e.composedPath()[0];if(M&&!z.hidden&&!e.metaKey&&!e.ctrlKey&&!e.altKey&&("b"===t||"arrowleft"===t||"arrowright"===t)&&!(n instanceof HTMLElement&&(n.isContentEditable||n.matches("input, textarea, select"))))return e.preventDefault(),e.stopImmediatePropagation(),void ie("b"===t?!ne:"arrowleft"===t);if(M&&!I?.element&&("Enter"===e.key||" "===e.key)&&!e.composedPath().includes(a.host)){let t=document.activeElement;if(t instanceof HTMLElement&&t!==document.body&&t!==document.documentElement)return e.preventDefault(),e.stopImmediatePropagation(),ge(t),void me(t)}M&&"Escape"===e.key&&(e.preventDefault(),e.stopImmediatePropagation(),be(!1),a.onExit())},{capture:!0,signal:J.signal}),window.addEventListener("scroll",pe,{capture:!0,passive:!0,signal:J.signal}),window.addEventListener("resize",pe,{passive:!0,signal:J.signal}),{setActive:be,mountPanel(e){p.parentElement!==e&&(p.parentElement?.removeAttribute("data-design-empty"),e.append(p),de())},get active(){return M},ready:l,destroy(){I?.finish(!0),be(!1),clearTimeout(R),clearTimeout(te),clearTimeout(F),ce?.disconnect(),J.abort(),cancelAnimationFrame(j),p.remove(),c.remove(),r.remove()}}}export{a as createDesignMode};
+import{i as e,j as t}from"./chunk-62YUEO4G.js";import"./chunk-I7AUKTXE.js";var n=(t,n)=>Object.assign(e("button",t,n),{type:"button"}),i=e=>"function"==typeof matchMedia&&matchMedia(e).matches,o=()=>i("(prefers-reduced-motion: reduce)"),s=e=>`<svg viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round"><path d="${e}"/></svg>`;function a(a){let r=e("style");r.textContent='.design-outline{position:fixed;z-index:1;pointer-events:none;box-sizing:border-box;border:2px solid var(--accent,#bda6ef);border-radius:8px;box-shadow:0 0 0 3px color-mix(in srgb,var(--accent,#bda6ef) 22%,transparent),0 2px 12px #0003;transition:all 80ms ease}.design-outline[data-kind=hover]{border-style:dashed;opacity:.8}.design-inspector{position:absolute;inset:0;z-index:9;display:flex;flex-direction:column;overflow:hidden;color:#e9e6e1;background:#0d0d0d;border-radius:inherit;font:12px/1.4 -apple-system,BlinkMacSystemFont,Inter,Segoe UI,sans-serif;color-scheme:dark;opacity:0;translate:0 6px;pointer-events:none;transition:opacity .15s var(--ease-smooth-out),translate .25s var(--ease-smooth-out)}.design-inspector[hidden]{display:none}:host([data-sidebar="background"]) .design-inspector{position:fixed;inset:0 0 0 auto;width:380px;border-radius:0}:host([data-sidebar="edge"]) .design-inspector__heading{cursor:grab;touch-action:none;padding-top:22px}:host(.design-active[data-sidebar="edge"]) .edge-sidebar .edge-sidebar-grip{z-index:10;opacity:1!important}.design-inspector[data-state=active]{opacity:1;translate:0 0;pointer-events:auto}.design-inspector[data-state=closing]{opacity:0;translate:0 4px}.design-inspector button{cursor:pointer}.design-inspector__heading{flex:none;display:flex;align-items:center;gap:4px;min-height:54px;padding:0 8px 0 12px}.design-inspector__identity{min-width:0;flex:1;display:flex;align-items:baseline;gap:6px;white-space:nowrap}.design-inspector__parent{flex:none;max-width:35%;overflow:hidden;text-overflow:ellipsis;margin-left:-6px;padding:2px 6px;border-radius:7px;color:#909090;font-size:15px;font-weight:500}.design-inspector__parent:after{content:"/";margin-left:6px;color:#555}.design-inspector__target{flex:none;max-width:60%;overflow:hidden;text-overflow:ellipsis;color:#fff;font-weight:600;font-size:15px}.design-inspector__heading small{min-width:0;overflow:hidden;text-overflow:ellipsis;color:#909090;font-size:13px}.design-inspector__close,.design-inspector__fold,.design-inspector__actions button{display:grid;place-items:center;min-width:28px;height:28px;border-radius:7px;color:#909090}.design-inspector__close,.design-inspector__fold{flex:none}.design-inspector__close svg,.design-inspector__fold svg,.design-inspector__actions svg{width:16px;height:16px}.design-inspector__parent:hover,.design-inspector__close:hover,.design-inspector__fold:hover,.design-inspector__actions button:hover:not(:disabled){background:#161616;color:#eee}.design-inspector__fold{display:none}.design-inspector__fold svg{transition:rotate .25s var(--ease-smooth-out)}.design-inspector[data-folded] .design-inspector__fold svg{rotate:180deg}.design-inspector[data-folded]>:not(.design-inspector__heading){display:none}.design-inspector__controls{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}:host([data-sidebar="edge"]) .edge-sidebar[data-design-empty]:not([data-morphing]){height:auto!important}:host([data-sidebar="edge"]) [data-design-empty]>.design-inspector{position:relative;inset:auto}:host([data-sidebar="edge"]) [data-design-empty]:not([data-morphing])>.toolbar{position:absolute}.design-inspector[data-empty] .design-inspector__identity{visibility:hidden}.design-inspector[data-empty] .design-inspector__controls{display:grid;place-items:center}.design-inspector[data-empty] .design-inspector__bar:not([data-changes],[data-message]){display:none}.design-inspector__empty{display:flex;flex-direction:column;align-items:center;gap:4px;padding:0 24px 28px;color:#898680;font-size:11px;text-align:center}.design-inspector__empty>svg{box-sizing:content-box;width:20px;height:20px;margin-bottom:8px;padding:8px;border-radius:10px;background:#ffffff0a;color:#77736f}.design-inspector__empty strong{color:#e9e6e1;font-size:12px;font-weight:600}.design-inspector__empty ul{display:grid;gap:6px;margin:8px 0 0;padding:0;list-style:none}.design-inspector__empty kbd{display:inline-block;min-width:8px;padding:0 5px;border-radius:4px;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff12,inset 0 -1px #ffffff12;color:#c9c5bf;font:inherit;font-size:10px;font-weight:500;line-height:17px}.design-inspector__bar{flex:none;display:flex;align-items:center;gap:8px;min-height:56px;padding:0 12px;border-top:1px solid #ffffff0d;color:#909090;font-size:12px}.design-inspector__count{white-space:nowrap;font-variant-numeric:tabular-nums}.design-inspector__compare{display:inline-flex;flex:none;padding:2px;border-radius:7px;background:#ffffff0a}.design-inspector__compare[hidden],.design-inspector__bar[data-message] .design-inspector__compare{display:none}.design-inspector__compare button{height:22px;padding:0 8px;border-radius:5px;color:#9a9a9a;font:inherit;font-size:11px}.design-inspector__compare button:hover{color:#fff}.design-inspector__compare button[aria-pressed=true]{color:#fff;background:#ffffff1a}.design-inspector__status{display:none;min-width:0;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;animation:design-status .2s var(--ease-smooth-out)}.design-inspector__bar[data-message] .design-inspector__status{display:block}.design-inspector__bar[data-message] .design-inspector__count,.design-inspector__bar:not([data-changes]) .design-inspector__tool{display:none}.design-inspector__actions{display:flex;align-items:center;gap:2px;margin-left:auto}.design-inspector__actions button:disabled{cursor:default;opacity:.35}.design-inspector__actions button:last-child{min-height:34px;margin-left:6px;padding:0 14px;border-radius:8px;background:var(--accent,#bda6ef);color:#211b2d;font-size:12px;font-weight:500}.design-inspector__actions button:last-child:hover:not(:disabled){background:var(--accent,#bda6ef);color:#211b2d;filter:brightness(1.08)}.design-inspector :focus-visible{outline:2px solid var(--accent,#bda6ef);outline-offset:2px}@keyframes design-status{0%{opacity:0;translate:0 2px}}@media(max-width:520px){.design-inspector{position:fixed;inset:auto 12px calc(12px + env(safe-area-inset-bottom,0px));max-height:min(58dvh,560px);border-radius:24px;box-shadow:0 -1px #ffffff24,0 16px 48px #0005;transition:translate .32s cubic-bezier(.22,1,.36,1),scale .32s cubic-bezier(.22,1,.36,1),opacity .15s ease;transform-origin:bottom center}.design-inspector__heading{height:52px;padding-left:18px}.design-inspector__fold{display:grid}.design-inspector[data-empty] .design-inspector__identity{visibility:visible}.design-inspector .design-field{height:34px}}@media(prefers-reduced-motion:reduce){.design-outline,.design-inspector,.design-inspector__fold svg,.design-inspector__status{transition:none;animation:none}}\n';let d=null,l=import("./design-panel-NU2WUI4D.js").then(e=>{r.textContent+=e.designPanelStyles,d=e},()=>{w.textContent="Design controls unavailable · try again"}),p=e("aside","design-inspector");p.setAttribute("role","dialog"),p.setAttribute("aria-label","Design mode inspector"),p.setAttribute("aria-hidden","true"),p.hidden=!0;let c=e("div","design-outline");c.setAttribute("aria-hidden","true");let g=e("div","design-inspector__heading"),u=n("design-inspector__parent");u.hidden=!0;let f=e("span","design-inspector__target"),m=e("small"),h=n("design-inspector__close");h.setAttribute("aria-label","Exit design mode"),h.append(t("close"));let x=n("design-inspector__fold");x.append(t("chevron"));let b=e("div","design-inspector__identity");b.append(u,f,m),g.append(b,x,h);let y=e("div","design-inspector__controls"),v=e("div","design-inspector__bar"),_=e("span","design-inspector__count");_.title="Preview only · resets on exit";let w=e("p","design-inspector__status");w.setAttribute("role","status");let k=e("div","design-inspector__actions"),E=(e,t)=>{let i=n("design-inspector__tool");return i.dataset.tip=e,i.setAttribute("aria-label",e),i.innerHTML=t,i},C=E("Undo",s("M5.5 3.5 2.5 6.5l3 3m-3-3h7a4 4 0 0 1 0 8h-2")),P=E("Reset",s("M2.5 2.5v3h3M3 5.5a5.5 5.5 0 1 1-.5 2.5")),A=E("Copy CSS","");A.append(t("copy"));let T=n("","Comment"),L=n("design-text-edit","Edit text");L.title="Edit text",L.setAttribute("aria-label","Edit selected text inline"),k.append(C,P,A,T);let D=e("div","design-inspector__compare");D.setAttribute("role","group"),D.setAttribute("aria-label","Compare with the page");let z=["Before","After"].map((e,t)=>{let i=n("",e);return i.dataset.tip=`${e} · ${t?"→":"←"} or B`,i.setAttribute("aria-pressed",String(!!t)),i.addEventListener("click",()=>ie(!t)),D.append(i),i});v.append(_,D,w,k),p.append(g,y,v),a.root.append(r,c),(a.panelRoot??a.root).append(p);let S,M=!1,R=0,$=null,B=null,I=null,j=0,F=0,O=null,H="",K=null,U=null,V=new Map,q=new Map,N=new WeakMap,W=new WeakMap,X=new AbortController,Y=()=>import("./design-export-DD2NJI4O.js"),G=e=>{S??=Y().then(({footerTips:t})=>t(v,a.root,X.signal,e),()=>{S=void 0})};v.addEventListener("pointerover",G),v.addEventListener("focusin",G);let J=new Set,Q=[];function Z(e,t,n=e.style.getPropertyValue(t),i=e.style.getPropertyPriority(t)){let o=V.get(e);o||V.set(e,o=new Map),o.has(t)||o.set(t,{value:n,priority:i,computed:getComputedStyle(e).getPropertyValue(t).trim()})}function ee(e,t){let n=q.get(e);n||q.set(e,n=new Map);let i=e.style.getPropertyValue(t);i===(V.get(e)?.get(t)?.value??"")?n.delete(t):n.set(t,i),n.size||q.delete(e),le($,"selected")}let te=0;new MutationObserver(()=>{let e=w.textContent??"";w.title=e,v.toggleAttribute("data-message",!!e),clearTimeout(te),e&&(te=window.setTimeout(function e(){I?.element?te=window.setTimeout(e,2600):w.textContent=""},2600))}).observe(w,{childList:!0,characterData:!0,subtree:!0});let ne=!1;function ie(e){if(e===ne)return;e&&I?.element&&xe(),ne=e;let t=!o();for(let[n,i]of q){let o=n.style.transition;t&&(n.style.transition=[...i.keys()].map(e=>`${e} .3s cubic-bezier(.22,1,.36,1)`).join());for(let[t,o]of i){let i=V.get(n)?.get(t);e?oe(n,t,i):n.style.setProperty(t,o,i?.priority)}t&&window.setTimeout(()=>n.style.transition=o,320)}I?.showBefore(e),K?.showDesignBefore(e),z.forEach((t,n)=>t.setAttribute("aria-pressed",String(!n===e))),p.toggleAttribute("data-before",e),he()}function oe(e,t,n){n?.value?e.style.setProperty(t,n.value,n.priority):e.style.removeProperty(t)}function se(e,t,n){$&&(e.setAttribute("aria-invalid",String(null===n)),null!==n&&(Z($,t),K?.noteDesignTokenOverride($,t,n),$.style.setProperty(t,n,V.get($)?.get(t)?.priority),ee($,t),he()))}function ae(e,t,n=!0){if(!$)return;let i={value:$.style.getPropertyValue(t),priority:$.style.getPropertyPriority(t)},o=W.get(e),s=o?.before??N.get(e)??{value:"",priority:""};if(i.value===s.value&&i.priority===s.priority)o&&Q.splice(Q.indexOf(o),1),W.delete(e);else if(o)o.after=i;else{let n={kind:"style",element:$,property:t,before:s,after:i};Q.push(n),W.set(e,n)}n&&(N.set(e,i),W.delete(e)),he()}function re(){if(y.replaceChildren(),de(),!$){let n=e("div","design-inspector__empty"),i=e("strong","","Select an element"),o=e("ul"),s=(...t)=>{let n=e("li");t.forEach((t,i)=>{i%2==0?n.append(t):n.append(e("kbd","",t))}),o.append(n)};return s("","Click"," to inspect"),s("","Double-click"," text to edit"),a.exitKey?s("","Esc"," or ",a.exitKey," to exit"):s("","Esc"," to exit"),n.append(t("design"),i,o),y.append(n),f.textContent="Select an element",m.textContent="",void(u.hidden=!0)}let n=`${$.tagName.toLowerCase()}${$.id?`#${$.id}`:""}`;f.textContent=n,m.textContent=$ instanceof HTMLIFrameElement?"Frame only · contents are isolated":$.classList.length?`.${[...$.classList].slice(0,2).join(".")}`:"";let i=$.parentElement;u.hidden=!i||i===document.body||i===document.documentElement,u.textContent=i?.tagName.toLowerCase()??"",u.setAttribute("aria-label",`Select parent ${u.textContent}`);let o=$,s=d;s?(s.renderPanel(y,{element:o,changed:q.get(o),collapsed:J,editText:L,begin:(e,t)=>N.set(e,{value:o.style.getPropertyValue(t),priority:o.style.getPropertyPriority(t)}),apply:se,commit:ae,rerender:re}),(a.design||o.closest("[data-komo-inspectable], [data-komo-design-tokens]"))&&(U??=import("./react-props-panel-LDKSPP3X.js").then(e=>K=e).catch(e=>{throw U=null,e}),U.then(e=>{if(!M||$!==o||y.querySelector(".design-react-group, .design-theme-group"))return;let t=a.root;e.attachThemeSwitcher(y,a.design,()=>ge(o),t);let n=e.createReactPropsPanel(o,()=>{w.textContent="React state preview · resets on exit",he()},t,ge,a.design);n&&y.append(n),e.attachStyleTokenControls(o,s.fields,y,(e,t,n)=>{Z(o,e.property,n),ee(o,e.property),N.set(t,{value:n,priority:o.style.getPropertyPriority(e.property)}),ae(t,e.property)},t,s.valueFor,s.toHex,a.design,e=>{Q.push({element:o,undo:e}),he()});let i=e.createDesignThemePanel(o,s,he,t);i&&y.append(i)}).catch(()=>{}))):l.then(()=>{M&&$===o&&re()})}function de(){p.toggleAttribute("data-empty",T.hidden=!$),p.parentElement?.toggleAttribute("data-design-empty",M&&!$)}function le(e,t,n=!1){if(!M||!e?.isConnected)return void(c.hidden=!0);let i=e.getBoundingClientRect();if(i.width&&i.height){if(c.hidden=!1,c.dataset.kind=t,n&&(e!==O||t!==H)){O=e,H=t,clearTimeout(F);let n=p.getBoundingClientRect(),o=e=>i.left<e+n.width&&i.right>e&&i.top<n.bottom&&i.bottom>n.top;a.flip&&n.width&&o(n.left)&&!o(document.documentElement.clientWidth-n.right)&&(F=window.setTimeout(a.flip,"hover"===t?350:0))}Object.assign(c.style,{left:`${i.left}px`,top:`${i.top}px`,width:`${i.width}px`,height:`${i.height}px`})}else c.hidden=!0}function pe(){j||(j=requestAnimationFrame(()=>{j=0,le($??B,$?"selected":"hover")}))}let ce="function"==typeof ResizeObserver?new ResizeObserver(pe):null;function ge(e){!(e instanceof HTMLElement)||a.host.contains(e)||(I?.element&&I.element!==e&&xe(),ce?.disconnect(),ce?.observe(e),$=e,B=e,re(),le(e,"selected",!0),he())}let ue=()=>i("(max-width:520px)");function fe(e){p.toggleAttribute("data-folded",e&&ue()),x.setAttribute("aria-expanded",String(!p.hasAttribute("data-folded"))),x.setAttribute("aria-label",p.hasAttribute("data-folded")?"Expand inspector":"Collapse inspector")}function me(e){fe(!1),ue()&&requestAnimationFrame(()=>{let t=e.getBoundingClientRect(),n=p.getBoundingClientRect().top-12;t.top>=12&&t.bottom<=n||window.scrollBy({top:t.top-Math.max(12,(n-t.height)/2),behavior:o()?"auto":"smooth"})})}function he(){pe(),C.disabled=!Q.length&&!K?.canUndoReactProp($)&&!K?.canUndoDesignTokenEdit($),P.disabled=!function(){let e=$,t=e?(q.get(e)?.size??0)+ +!!I?.hasChanges(e)+ +!!K?.hasReactPropChanges(e)||+!!K?.hasDesignTokenEdit(e):0;return _.textContent=t?`${t} change${t>1?"s":""}`:"",v.toggleAttribute("data-changes",t>0||!C.disabled),D.hidden=!t&&!ne,t}(),A.disabled=!$||!q.get($)?.size,T.disabled=!$,L.disabled=!!I?.busy||!$?.isConnected,L.textContent=I?.isEditing($)?"Done editing":"Edit text",L.setAttribute("aria-label",I?.isEditing($)?"Finish inline text editing":"Edit selected text inline")}function xe(e=!1){I?.finish(e),he()}function be(e){if(!e){ie(!1),I?.finish();for(let[e,t]of V)for(let[n,i]of t)oe(e,n,i);V.clear(),q.clear(),Q.length=0,I?.restoreAll(),K?.resetPreviews(),he()}clearTimeout(R),R=0,M=e,de(),e?(p.hidden=!1,p.setAttribute("aria-hidden","false"),requestAnimationFrame(()=>{M&&(p.dataset.state="active")}),c.hidden=!$,re(),fe(!$),le($,"selected"),h.focus({preventScroll:!0})):(c.hidden=!0,p.setAttribute("aria-hidden","true"),p.dataset.state="closing",o()?(p.hidden=!0,delete p.dataset.state):R=window.setTimeout(()=>{R=0,M||(p.hidden=!0,delete p.dataset.state)},250))}L.addEventListener("click",e=>{I||$&&(w.textContent="Loading inline text editor…",import("./inline-text-editor-QVD4SYT6.js").then(t=>{I||!$||!M||(I=t.bindInlineTextTools({button:L,status:w,selected:()=>$,active:()=>M,onChange:he,onCommit(e){Q.push({kind:"text",element:e})}}),I.toggle(e))}).catch(()=>{w.textContent="Inline text editing is unavailable."}))}),x.addEventListener("click",()=>fe(!p.hasAttribute("data-folded"))),u.addEventListener("click",()=>ge($?.parentElement??null)),h.addEventListener("click",()=>{I?.element&&xe(),be(!1),a.onExit()}),C.addEventListener("click",()=>{let e=Q.pop();e?e.kind?"text"===e.kind?$===(I?.undo()??e.element)&&re():(oe(e.element,e.property,e.before),K?.syncDesignTokenBinding(e.element,e.property),ee(e.element,e.property),$===e.element&&re(),le($??B,$?"selected":"hover")):(e.undo(),re()):($&&(K?.undoDesignTokenEdit($),K?.undoReactProp($),re()),w.textContent="React state preview · resets on exit"),he(),(C.disabled?h:C).focus({preventScroll:!0})}),P.addEventListener("click",()=>{if(!$)return;I?.isEditing($)&&xe(!0);let e=q.get($),t=I?.hasChanges($)??!1,n=K?.hasReactPropChanges($)??!1,i=K?.hasDesignTokenEdit($)??!1;if(e?.size||t||n||i){t&&I?.reset($);for(let t of e?.keys()??[])oe($,t,V.get($)?.get(t));q.delete($),n&&K?.resetReactProps($),i&&K?.resetDesignTokenEdits($);for(let e=Q.length-1;e>=0;e--)Q[e].element===$&&Q.splice(e,1);re(),le($,"selected"),he(),h.focus({preventScroll:!0})}}),A.addEventListener("click",()=>{let e=$,t=e?q.get(e):void 0;!e||!t?.size||Y().then(async({cssText:n})=>{let i=n(e,t);try{await navigator.clipboard.writeText(i),w.textContent="CSS copied"}catch{w.textContent=i}})}),T.addEventListener("click",()=>{let e=$;e&&(I?.isEditing(e)&&xe(),Y().then(({designProposal:t})=>a.onComment(e,t(e,q.get(e),t=>V.get(e)?.get(t)?.computed,K?.tokenBoundProperties(e),[I?.proposal(e),K?.proposedDesignChanges(e)],K?.designContext(e,a.design))),()=>{w.textContent="Comment unavailable · try again"}))});let ye=()=>ie(!1);for(let e of[y,k,L])for(let t of["pointerdown","focusin","click"])e.addEventListener(t,ye,!0);return document.addEventListener("pointermove",function(e){if(!M||e.composedPath().includes(a.host))return;let t=a.targetAt(e.clientX,e.clientY);!(t instanceof HTMLElement)||a.host.contains(t)||(B=t,$||le(B,"hover",!0))},{capture:!0,signal:X.signal}),document.addEventListener("pointerdown",function(e){if(!M||e.composedPath().includes(a.host))return;let t=a.targetAt(e.clientX,e.clientY);!(t instanceof HTMLElement)||a.host.contains(t)||I?.element&&(t===I.element||I.element.contains(t))||(I?.element&&xe(),e.preventDefault(),e.stopImmediatePropagation(),ge(t))},{capture:!0,signal:X.signal}),document.addEventListener("click",function(e){!M||e.composedPath().includes(a.host)||(e.preventDefault(),e.stopImmediatePropagation(),$&&me($),2===e.detail&&$?.contains(e.target)&&!L.disabled&&!I?.element&&L.dispatchEvent(new MouseEvent("click",e)))},{capture:!0,signal:X.signal}),document.addEventListener("keydown",function(e){if(I?.handleKey(e))return void L.focus({preventScroll:!0});let t=e.key.toLowerCase(),n=e.composedPath()[0];if(M&&!D.hidden&&!e.metaKey&&!e.ctrlKey&&!e.altKey&&("b"===t||"arrowleft"===t||"arrowright"===t)&&!(n instanceof HTMLElement&&(n.isContentEditable||n.matches("input, textarea, select"))))return e.preventDefault(),e.stopImmediatePropagation(),void ie("b"===t?!ne:"arrowleft"===t);if(M&&!I?.element&&("Enter"===e.key||" "===e.key)&&!e.composedPath().includes(a.host)){let t=document.activeElement;if(t instanceof HTMLElement&&t!==document.body&&t!==document.documentElement)return e.preventDefault(),e.stopImmediatePropagation(),ge(t),void me(t)}M&&"Escape"===e.key&&(e.preventDefault(),e.stopImmediatePropagation(),be(!1),a.onExit())},{capture:!0,signal:X.signal}),window.addEventListener("scroll",pe,{capture:!0,passive:!0,signal:X.signal}),window.addEventListener("resize",pe,{passive:!0,signal:X.signal}),{setActive:be,mountPanel(e){p.parentElement!==e&&(p.parentElement?.removeAttribute("data-design-empty"),e.append(p),de())},get active(){return M},ready:l,destroy(){I?.finish(!0),be(!1),clearTimeout(R),clearTimeout(te),clearTimeout(F),ce?.disconnect(),X.abort(),cancelAnimationFrame(j),p.remove(),c.remove(),r.remove()}}}export{a as createDesignMode};

package/dist/index.js

@@ -1 +1 @@
-import{b as o,c as s}from"./chunk-NWRSH6AL.js";import"./chunk-KMYXE4O6.js";import"./chunk-DH22G2S5.js";import"./chunk-7YUXYVQA.js";import"./chunk-62YUEO4G.js";import"./chunk-I7AUKTXE.js";export{s as initComments,o as initKomo};
+import{b as o,c as s}from"./chunk-V4KLBVAJ.js";import"./chunk-KMYXE4O6.js";import"./chunk-DH22G2S5.js";import"./chunk-7YUXYVQA.js";import"./chunk-62YUEO4G.js";import"./chunk-I7AUKTXE.js";export{s as initComments,o as initKomo};