@snagset/server 0.1.19 → 0.1.20

package/static/widget/snag.dock.js

@@ -1,5 +1,5 @@
-var X,M,He,K,Fe,Be,Ke,be,Z,G,qe,xe,ye,ve,ee={},ne=[],Ln=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,te=Array.isArray;function B(e,n){for(var t in n)e[t]=n[t];return e}function we(e){e&&e.parentNode&&e.parentNode.removeChild(e)}function O(e,n,t){var o,s,a,i={};for(a in n)a=="key"?o=n[a]:a=="ref"?s=n[a]:i[a]=n[a];if(arguments.length>2&&(i.children=arguments.length>3?X.call(arguments,2):t),typeof e=="function"&&e.defaultProps!=null)for(a in e.defaultProps)i[a]===void 0&&(i[a]=e.defaultProps[a]);return oe(e,i,o,s,null)}function oe(e,n,t,o,s){var a={type:e,props:n,key:t,ref:o,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:s??++He,__i:-1,__u:0};return s==null&&M.vnode!=null&&M.vnode(a),a}function L(e){return e.children}function re(e,n){this.props=e,this.context=n}function q(e,n){if(n==null)return e.__?q(e.__,e.__i+1):null;for(var t;n<e.__k.length;n++)if((t=e.__k[n])!=null&&t.__e!=null)return t.__e;return typeof e.type=="function"?q(e):null}function zn(e){if(e.__P&&e.__d){var n=e.__v,t=n.__e,o=[],s=[],a=B({},n);a.__v=n.__v+1,M.vnode&&M.vnode(a),$e(e.__P,a,n,e.__n,e.__P.namespaceURI,32&n.__u?[t]:null,o,t??q(n),!!(32&n.__u),s),a.__v=n.__v,a.__.__k[a.__i]=a,Ze(o,a,s),n.__e=n.__=null,a.__e!=t&&We(a)}}function We(e){if((e=e.__)!=null&&e.__c!=null)return e.__e=e.__c.base=null,e.__k.some(function(n){if(n!=null&&n.__e!=null)return e.__e=e.__c.base=n.__e}),We(e)}function Ye(e){(!e.__d&&(e.__d=!0)&&K.push(e)&&!ae.__r++||Fe!=M.debounceRendering)&&((Fe=M.debounceRendering)||Be)(ae)}function ae(){try{for(var e,n=1;K.length;)K.length>n&&K.sort(Ke),e=K.shift(),n=K.length,zn(e)}finally{K.length=ae.__r=0}}function Ge(e,n,t,o,s,a,i,l,g,d,f){var v,u,h,C,k,w,S=o&&o.__k||ne,$=n.length;for(g=Un(t,n,S,g,$),v=0;v<$;v++)(h=t.__k[v])!=null&&(u=h.__i!=-1&&S[h.__i]||ee,h.__i=v,w=$e(e,h,u,s,a,i,l,g,d,f),C=h.__e,h.ref&&u.ref!=h.ref&&(u.ref&&Se(u.ref,null,h),f.push(h.ref,h.__c||C,h)),k==null&&C!=null&&(k=C),4&h.__u?(g=Ve(h,g,e),u.__e&&(u.__e=null)):typeof h.type=="function"&&w!==void 0?g=w:C&&(g=C.nextSibling),h.__u&=-7);return t.__e=k,g}function Un(e,n,t,o,s){var a,i,l,g,d,f=t.length,v=f,u=0;for(e.__k=new Array(s),a=0;a<s;a++)(i=n[a])!=null&&typeof i!="boolean"&&typeof i!="function"?(typeof i=="string"||typeof i=="number"||typeof i=="bigint"||i.constructor==String?i=e.__k[a]=oe(null,i,null,null,null):te(i)?i=e.__k[a]=oe(L,{children:i},null,null,null):i.constructor===void 0&&i.__b>0?i=e.__k[a]=oe(i.type,i.props,i.key,i.ref?i.ref:null,i.__v):e.__k[a]=i,g=a+u,i.__=e,i.__b=e.__b+1,l=null,(d=i.__i=jn(i,t,g,v))!=-1&&(v--,(l=t[d])&&(l.__u|=2)),l==null||l.__v==null?(d==-1&&(s>f?u--:s<f&&u++),typeof i.type!="function"&&(i.__u|=4)):d!=g&&(d==g-1?u--:d==g+1?u++:(d>g?u--:u++,i.__u|=4))):e.__k[a]=null;if(v)for(a=0;a<f;a++)(l=t[a])!=null&&(2&l.__u)==0&&(l.__e==o&&(o=q(l)),nn(l,l));return o}function Ve(e,n,t){var o,s;if(typeof e.type=="function"){for(o=e.__k,s=0;o&&s<o.length;s++)o[s]&&(o[s].__=e,n=Ve(o[s],n,t));return n}e.__e!=n&&(n&&e.type&&!n.parentNode&&(n=q(e)),n=t.insertBefore(e.__e,n||null));do n=n&&n.nextSibling;while(n!=null&&n.nodeType==8);return n}function jn(e,n,t,o){var s,a,i,l=e.key,g=e.type,d=n[t],f=d!=null&&(2&d.__u)==0;if(d===null&&l==null||f&&l==d.key&&g==d.type)return t;if(o>(f?1:0)){for(s=t-1,a=t+1;s>=0||a<n.length;)if((d=n[i=s>=0?s--:a++])!=null&&(2&d.__u)==0&&l==d.key&&g==d.type)return i}return-1}function Je(e,n,t){n[0]=="-"?e.setProperty(n,t??""):e[n]=t==null?"":typeof t!="number"||Ln.test(n)?t:t+"px"}function se(e,n,t,o,s){var a,i;e:if(n=="style")if(typeof t=="string")e.style.cssText=t;else{if(typeof o=="string"&&(e.style.cssText=o=""),o)for(n in o)t&&n in t||Je(e.style,n,"");if(t)for(n in t)o&&t[n]==o[n]||Je(e.style,n,t[n])}else if(n[0]=="o"&&n[1]=="n")a=n!=(n=n.replace(qe,"$1")),i=n.toLowerCase(),n=i in e||n=="onFocusOut"||n=="onFocusIn"?i.slice(2):n.slice(2),e.l||(e.l={}),e.l[n+a]=t,t?o?t[G]=o[G]:(t[G]=xe,e.addEventListener(n,a?ve:ye,a)):e.removeEventListener(n,a?ve:ye,a);else{if(s=="http://www.w3.org/2000/svg")n=n.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if(n!="width"&&n!="height"&&n!="href"&&n!="list"&&n!="form"&&n!="tabIndex"&&n!="download"&&n!="rowSpan"&&n!="colSpan"&&n!="role"&&n!="popover"&&n in e)try{e[n]=t??"";break e}catch{}typeof t=="function"||(t==null||t===!1&&n[4]!="-"?e.removeAttribute(n):e.setAttribute(n,n=="popover"&&t==1?"":t))}}function Qe(e){return function(n){if(this.l){var t=this.l[n.type+e];if(n[Z]==null)n[Z]=xe++;else if(n[Z]<t[G])return;return t(M.event?M.event(n):n)}}}function $e(e,n,t,o,s,a,i,l,g,d){var f,v,u,h,C,k,w,S,$,P,m,E,T,x,H,U,y=n.type;if(n.constructor!==void 0)return null;128&t.__u&&(g=!!(32&t.__u),a=[l=n.__e=t.__e]),(f=M.__b)&&f(n);e:if(typeof y=="function"){v=i.length;try{if($=n.props,P=y.prototype&&y.prototype.render,m=(f=y.contextType)&&o[f.__c],E=f?m?m.props.value:f.__:o,t.__c?S=(u=n.__c=t.__c).__=u.__E:(P?n.__c=u=new y($,E):(n.__c=u=new re($,E),u.constructor=y,u.render=Fn),m&&m.sub(u),u.state||(u.state={}),u.__n=o,h=u.__d=!0,u.__h=[],u._sb=[]),P&&u.__s==null&&(u.__s=u.state),P&&y.getDerivedStateFromProps!=null&&(u.__s==u.state&&(u.__s=B({},u.__s)),B(u.__s,y.getDerivedStateFromProps($,u.__s))),C=u.props,k=u.state,u.__v=n,h)P&&y.getDerivedStateFromProps==null&&u.componentWillMount!=null&&u.componentWillMount(),P&&u.componentDidMount!=null&&u.__h.push(u.componentDidMount);else{if(P&&y.getDerivedStateFromProps==null&&$!==C&&u.componentWillReceiveProps!=null&&u.componentWillReceiveProps($,E),n.__v==t.__v||!u.__e&&u.shouldComponentUpdate!=null&&u.shouldComponentUpdate($,u.__s,E)===!1){n.__v!=t.__v&&(u.props=$,u.state=u.__s,u.__d=!1),n.__e=t.__e,n.__k=t.__k,n.__k.some(function(R){R&&(R.__=n)}),ne.push.apply(u.__h,u._sb),u._sb=[],u.__h.length&&i.push(u),l=q(t);break e}u.componentWillUpdate!=null&&u.componentWillUpdate($,u.__s,E),P&&u.componentDidUpdate!=null&&u.__h.push(function(){u.componentDidUpdate(C,k,w)})}if(u.context=E,u.props=$,u.__P=e,u.__e=!1,T=M.__r,x=0,P)u.state=u.__s,u.__d=!1,T&&T(n),f=u.render(u.props,u.state,u.context),ne.push.apply(u.__h,u._sb),u._sb=[];else do u.__d=!1,T&&T(n),f=u.render(u.props,u.state,u.context),u.state=u.__s;while(u.__d&&++x<25);u.state=u.__s,u.getChildContext!=null&&(o=B(B({},o),u.getChildContext())),P&&!h&&u.getSnapshotBeforeUpdate!=null&&(w=u.getSnapshotBeforeUpdate(C,k)),H=f!=null&&f.type===L&&f.key==null?en(f.props.children):f,l=Ge(e,te(H)?H:[H],n,t,o,s,a,i,l,g,d),u.base=n.__e,n.__u&=-161,u.__h.length&&i.push(u),S&&(u.__E=u.__=null)}catch(R){if(i.length=v,n.__v=null,g||a!=null){if(R.then){for(n.__u|=g?160:128;l&&l.nodeType==8&&l.nextSibling;)l=l.nextSibling;a!=null&&(a[a.indexOf(l)]=null),n.__e=l}else if(a!=null)for(U=a.length;U--;)we(a[U])}else n.__e=t.__e;n.__k==null&&(n.__k=t.__k||[]),R.then||Xe(n),M.__e(R,n,t)}}else a==null&&n.__v==t.__v?(n.__k=t.__k,n.__e=t.__e):l=n.__e=Hn(t.__e,n,t,o,s,a,i,g,d);return(f=M.diffed)&&f(n),128&n.__u?void 0:l}function Xe(e){e&&(e.__c&&(e.__c.__e=!0),e.__k&&e.__k.some(Xe))}function Ze(e,n,t){for(var o=0;o<t.length;o++)Se(t[o],t[++o],t[++o]);M.__c&&M.__c(n,e),e.some(function(s){try{e=s.__h,s.__h=[],e.some(function(a){a.call(s)})}catch(a){M.__e(a,s.__v)}})}function en(e){return typeof e!="object"||e==null||e.__b>0?e:te(e)?e.map(en):e.constructor!==void 0?null:B({},e)}function Hn(e,n,t,o,s,a,i,l,g){var d,f,v,u,h,C,k,w=t.props||ee,S=n.props,$=n.type;if($=="svg"?s="http://www.w3.org/2000/svg":$=="math"?s="http://www.w3.org/1998/Math/MathML":s||(s="http://www.w3.org/1999/xhtml"),a!=null){for(d=0;d<a.length;d++)if((h=a[d])&&"setAttribute"in h==!!$&&($?h.localName==$:h.nodeType==3)){e=h,a[d]=null;break}}if(e==null){if($==null)return document.createTextNode(S);e=document.createElementNS(s,$,S.is&&S),l&&(M.__m&&M.__m(n,a),l=!1),a=null}if($==null)w===S||l&&e.data==S||(e.data=S);else{if(a=$=="textarea"&&S.defaultValue!=null?null:a&&X.call(e.childNodes),!l&&a!=null)for(w={},d=0;d<e.attributes.length;d++)w[(h=e.attributes[d]).name]=h.value;for(d in w)h=w[d],d=="dangerouslySetInnerHTML"?v=h:d=="children"||d in S||d=="value"&&"defaultValue"in S||d=="checked"&&"defaultChecked"in S||se(e,d,null,h,s);for(d in S)h=S[d],d=="children"?u=h:d=="dangerouslySetInnerHTML"?f=h:d=="value"?C=h:d=="checked"?k=h:l&&typeof h!="function"||w[d]===h||se(e,d,h,w[d],s);if(f)l||v&&(f.__html==v.__html||f.__html==e.innerHTML)||(e.innerHTML=f.__html),n.__k=[];else if(v&&(e.innerHTML=""),Ge(n.type=="template"?e.content:e,te(u)?u:[u],n,t,o,$=="foreignObject"?"http://www.w3.org/1999/xhtml":s,a,i,a?a[0]:t.__k&&q(t,0),l,g),a!=null)for(d=a.length;d--;)we(a[d]);l&&$!="textarea"||(d="value",$=="progress"&&C==null?e.removeAttribute("value"):C!=null&&(C!==e[d]||$=="progress"&&!C||$=="option"&&C!=w[d])&&se(e,d,C,w[d],s),d="checked",k!=null&&k!=e[d]&&se(e,d,k,w[d],s))}return e}function Se(e,n,t){try{if(typeof e=="function"){var o=typeof e.__u=="function";o&&e.__u(),o&&n==null||(e.__u=e(n))}else e.current=n}catch(s){M.__e(s,t)}}function nn(e,n,t){var o,s;if(M.unmount&&M.unmount(e),(o=e.ref)&&(o.current&&o.current!=e.__e||Se(o,null,n)),(o=e.__c)!=null){if(o.componentWillUnmount)try{o.componentWillUnmount()}catch(a){M.__e(a,n)}o.base=o.__P=o.__n=null}if(o=e.__k)for(s=0;s<o.length;s++)o[s]&&nn(o[s],n,t||typeof e.type!="function");t||we(e.__e),e.__c=e.__=e.__e=void 0}function Fn(e,n,t){return this.constructor(e,t)}function tn(e,n,t){var o,s,a,i;n==document&&(n=document.documentElement),M.__&&M.__(e,n),s=(o=!1)?null:n.__k,a=[],i=[],$e(n,e=n.__k=O(L,null,[e]),s||ee,ee,n.namespaceURI,s?null:n.firstChild?X.call(n.childNodes):null,a,s?s.__e:n.firstChild,o,i),Ze(a,e,i),e.props.children=null}X=ne.slice,M={__e:function(e,n,t,o){for(var s,a,i;n=n.__;)if((s=n.__c)&&!s.__)try{if((a=s.constructor)&&a.getDerivedStateFromError!=null&&(s.setState(a.getDerivedStateFromError(e)),i=s.__d),s.componentDidCatch!=null&&(s.componentDidCatch(e,o||{}),i=s.__d),i)return s.__E=s}catch(l){e=l}throw e}},He=0,re.prototype.setState=function(e,n){var t;t=this.__s!=null&&this.__s!=this.state?this.__s:this.__s=B({},this.state),typeof e=="function"&&(e=e(B({},t),this.props)),e&&B(t,e),e!=null&&this.__v&&(n&&this._sb.push(n),Ye(this))},re.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),Ye(this))},re.prototype.render=L,K=[],Be=typeof Promise=="function"?Promise.prototype.then.bind(Promise.resolve()):setTimeout,Ke=function(e,n){return e.__v.__b-n.__v.__b},ae.__r=0,be=Math.random().toString(8),Z="__d"+be,G="__a"+be,qe=/(PointerCapture)$|Capture$/i,xe=0,ye=Qe(!1),ve=Qe(!0);var Bn=0;function r(e,n,t,o,s,a){n||(n={});var i,l,g=n;if("ref"in g)for(l in g={},n)l=="ref"?i=n[l]:g[l]=n[l];var d={type:e,props:g,key:t,ref:i,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--Bn,__i:-1,__u:0,__source:s,__self:a};if(typeof e=="function"&&(i=e.defaultProps))for(l in i)g[l]===void 0&&(g[l]=i[l]);return M.vnode&&M.vnode(d),d}const Kn="Snagset",qn="snagset",Wn="snagset:",Yn="Snagset",Gn="Snag",Vn="Snags",b={font:"--snag-font",accent:"--snag-accent",onAccent:"--snag-onAccent",bg:"--snag-bg",fg:"--snag-fg",muted:"--snag-muted",border:"--snag-border",radius:"--snag-radius",shadow:"--snag-shadow",z:"--snag-z",motion:"--snag-motion",surface:"--snag-surface",sunken:"--snag-sunken",hover:"--snag-hover",focus:"--snag-focus",disabled:"--snag-disabled",statusOpen:"--snag-status-open",statusProgress:"--snag-status-progress",statusReview:"--snag-status-review",statusResolved:"--snag-status-resolved",anchorOrphan:"--snag-anchor-orphan",tbH:"--snag-tb-h",dockW:"--snag-dock-w",kb:"--snag-kb",thumbX:"--snag-thumb-x",thumbW:"--snag-thumb-w"},Jn=e=>`var(${b[e]})`,Qn=e=>"snag_"+e,on={query:["snag_t","snag_off","snag_debug","snag_theme"],fragment:["snag_k"]},rn="snag:identity",Xn="data-snag-theme";var V,D,Ce,an,ie=0,sn=[],A=M,ln=A.__b,dn=A.__r,cn=A.diffed,un=A.__c,pn=A.unmount,gn=A.__;function Ee(e,n){A.__h&&A.__h(D,e,ie||n),ie=0;var t=D.__H||(D.__H={__:[],__h:[]});return e>=t.__.length&&t.__.push({}),t.__[e]}function N(e){return ie=1,Zn(mn,e)}function Zn(e,n,t){var o=Ee(V++,2);if(o.t=e,!o.__c&&(o.__=[mn(void 0,n),function(l){var g=o.__N?o.__N[0]:o.__[0],d=o.t(g,l);g!==d&&(o.__N=[d,o.__[1]],o.__c.setState({}))}],o.__c=D,!D.__f)){var s=function(l,g,d){if(!o.__c.__H)return!0;var f=!1,v=o.__c.props!==l;if(o.__c.__H.__.some(function(h){if(h.__N){f=!0;var C=h.__[0];h.__=h.__N,h.__N=void 0,C!==h.__[0]&&(v=!0)}}),a){var u=a.call(this,l,g,d);return f?u||v:u}return!f||v};D.__f=!0;var a=D.shouldComponentUpdate,i=D.componentWillUpdate;D.componentWillUpdate=function(l,g,d){if(this.__e){var f=a;a=void 0,s(l,g,d),a=f}i&&i.call(this,l,g,d)},D.shouldComponentUpdate=s}return o.__N||o.__}function z(e,n){var t=Ee(V++,3);!A.__s&&fn(t.__H,n)&&(t.__=e,t.u=n,D.__H.__h.push(t))}function j(e){return ie=5,et(function(){return{current:e}},[])}function et(e,n){var t=Ee(V++,7);return fn(t.__H,n)&&(t.__=e(),t.__H=n,t.__h=e),t.__}function nt(){for(var e;e=sn.shift();){var n=e.__H;if(e.__P&&n)try{n.__h.some(le),n.__h.some(Te),n.__h=[]}catch(t){n.__h=[],A.__e(t,e.__v)}}}A.__b=function(e){D=null,ln&&ln(e)},A.__=function(e,n){e&&n.__k&&n.__k.__m&&(e.__m=n.__k.__m),gn&&gn(e,n)},A.__r=function(e){dn&&dn(e),V=0;var n=(D=e.__c).__H;n&&(Ce===D?(n.__h=[],D.__h=[],n.__.some(function(t){t.__N&&(t.__=t.__N),t.u=t.__N=void 0})):(n.__h.some(le),n.__h.some(Te),n.__h=[],V=0)),Ce=D},A.diffed=function(e){cn&&cn(e);var n=e.__c;n&&n.__H&&(n.__H.__h.length&&(sn.push(n)!==1&&an===A.requestAnimationFrame||((an=A.requestAnimationFrame)||tt)(nt)),n.__H.__.some(function(t){t.u&&(t.__H=t.u,t.u=void 0)})),Ce=D=null},A.__c=function(e,n){n.some(function(t){try{t.__h.some(le),t.__h=t.__h.filter(function(o){return!o.__||Te(o)})}catch(o){n.some(function(s){s.__h&&(s.__h=[])}),n=[],A.__e(o,t.__v)}}),un&&un(e,n)},A.unmount=function(e){pn&&pn(e);var n,t=e.__c;t&&t.__H&&(t.__H.__.some(function(o){try{le(o)}catch(s){n=s}}),t.__H=void 0,n&&A.__e(n,t.__v))};var hn=typeof requestAnimationFrame=="function";function tt(e){var n,t=function(){clearTimeout(o),hn&&cancelAnimationFrame(n),setTimeout(e)},o=setTimeout(t,35);hn&&(n=requestAnimationFrame(t))}function le(e){var n=D,t=e.__c;typeof t=="function"&&(e.__c=void 0,t()),D=n}function Te(e){var n=D;e.__c=e.__(),D=n}function fn(e,n){return!e||e.length!==n.length||n.some(function(t,o){return t!==e[o]})}function mn(e,n){return typeof n=="function"?n(e):n}const ot={product:Kn,set:Yn,item:Gn,items:Vn};function _n(e){return(n,t)=>(e[n]??"").replace(/\{(\w+)\}/g,(o,s)=>{const a=t?.[s]??ot[s];return a===void 0?o:String(a)})}const I=e=>new Intl.NumberFormat().format(e),kn={"where.anchored":"{label}","where.approximate":"position approximate \u2014 the page changed","where.orphaned":"moved \u2014 the element is gone","status.open":"Active","status.progress":"In progress","status.review":"In review","status.resolved":"Resolved","author.unknown":"Someone","label.image":"an image","label.link":"a link","label.button":"a button","label.tag":"the {tag}"},rt=_n(kn),de={open:{colour:"#4f6ef7"},progress:{colour:"#f59e0b"},review:{colour:"#8b5cf6"},resolved:{colour:"#10b981"}},Me=e=>de[e]?.colour??"#8a8f98",bn=e=>e==="open"||e==="review"?"#fff":"#16161a",De=e=>e in de?rt(`status.${e}`):e,c=Object.fromEntries(Object.keys(b).map(e=>[e,Jn(e)])),at=Object.entries(de).map(([e,n])=>`  ${b[`status${e[0].toUpperCase()}${e.slice(1)}`]}:${n.colour};`).join(`
-`);`${c.font}${c.fg}${b.font}${b.accent}${b.bg}${b.fg}${b.muted}${b.border}${b.radius}${b.shadow}${b.z}${b.motion}${b.surface}${c.fg}${c.bg}${b.sunken}${c.fg}${c.bg}${b.hover}${c.fg}${c.bg}${b.onAccent}${b.focus}${c.accent}${c.fg}${b.disabled}${c.muted}${c.bg}${at}${b.anchorOrphan}${Xn}${b.accent}${b.onAccent}${b.bg}${b.fg}${b.muted}${b.border}${b.shadow}${b.motion}${b.bg}${b.fg}${b.muted}${b.border}${b.accent}${b.onAccent}${b.surface}${b.sunken}${b.hover}${b.focus}${b.disabled}${b.shadow}${b.anchorOrphan}`;const st={dock:5},xn=new WeakMap;function yn(e,n,t){let o=xn.get(e);if(o||xn.set(e,o=new Set),o.has(n))return;o.add(n);try{const i=new CSSStyleSheet;i.replaceSync(t),e.adoptedStyleSheets=[...e.adoptedStyleSheets,i];return}catch{}const a=(e.ownerDocument??document).createElement("style");a.setAttribute(`data-snag-${n}`,""),a.textContent=t,e.appendChild(a)}const it=` .snag-input,.snag-text{width:100%;box-sizing:border-box;background:${c.surface};color:inherit;border:1px solid ${c.border};border-radius:${c.radius};padding:8px;font:inherit;resize:vertical}@media (pointer:coarse){.snag-input,.snag-text{font-size:16px}}.snag-input:focus,.snag-text:focus{outline:2px solid ${c.focus};outline-offset:1px;border-color:transparent}.snag-input--bad{border-color:${c.anchorOrphan}}.snag-note{margin:-2px 0 0;color:${c.anchorOrphan};font-size:11px;line-height:1.35}.snag-note.snag-dim{color:${c.muted}}.snag-actions{display:flex;justify-content:flex-end;gap:6px}.snag-actions button{appearance:none;border:0;border-radius:calc(${c.radius} - 1px);padding:7px 13px;font:inherit;cursor:pointer;min-height:32px;transition:background ${c.motion}}.snag-cancel{background:transparent;color:${c.muted}}.snag-armed{color:${c.anchorOrphan};font-weight:600}.snag-cancel:hover{background:${c.hover};color:inherit}.snag-send{background:${c.accent};color:${c.onAccent};font-weight:600}.snag-send:disabled{opacity:.45;cursor:not-allowed}.snag-actions button:focus-visible{outline:2px solid ${c.focus};outline-offset:2px}`;function lt(e,n,t){const[o,s]=N(!1);return z(()=>{if(!o)return;const a=setTimeout(()=>s(!1),3e3);return()=>clearTimeout(a)},[o]),{armed:o,press(){if(o||n){s(!1),e();return}s(!0)}}}function dt(e){const n=window.visualViewport;if(!n)return;let t=0,o=0;const s=()=>{t=0;const l=Math.max(0,Math.round(window.innerHeight-n.height-n.offsetTop));e.style.setProperty(b.kb,`${l}px`)},a=()=>{t||(t=requestAnimationFrame(s))},i=()=>{clearTimeout(o),o=window.setTimeout(s,300)};return s(),n.addEventListener("resize",a),n.addEventListener("scroll",a),window.addEventListener("orientationchange",a),e.addEventListener("focusout",i),()=>{t&&cancelAnimationFrame(t),clearTimeout(o),n.removeEventListener("resize",a),n.removeEventListener("scroll",a),window.removeEventListener("orientationchange",a),e.removeEventListener("focusout",i)}}const ct="noreferrer nofollow";function ut(e){const n=e.trim();if(!n||/[-]/.test(n)||n.startsWith("//"))return null;const t=/^([a-z][a-z0-9+.-]*):/i.exec(n);return t?/^(https?|mailto)$/i.test(t[1])?n:null:n}const pt=new RegExp(["\\*\\*(?=\\S)(?<bold>[\\s\\S]*?\\S)\\*\\*","(?<!\\w)__(?=\\S)(?<boldU>[\\s\\S]*?\\S)__(?!\\w)","(?<!\\*)\\*(?!\\*)(?=\\S)(?<em>[\\s\\S]*?\\S)(?<!\\*)\\*(?!\\*)","(?<!\\w)_(?=\\S)(?<emU>[\\s\\S]*?\\S)_(?!\\w)","`(?<code>[^`]+)`","\\[(?<label>[^\\]\\n]*)\\]\\((?<href>(?:[^()\\s]|\\([^()\\s]*\\))*)\\)"].join("|")),gt=4;function ce(e,n=0,t=0){const o=[];let s=e,a=n;if(t>=gt)return e?[e]:[];for(;;){const i=pt.exec(s);if(!i)return s&&o.push(s),o;i.index>0&&o.push(s.slice(0,i.index));const l=`i${a++}`,g=i.groups,d=g.bold??g.boldU,f=g.em??g.emU;if(d!==void 0)o.push(O("strong",{key:l},ce(d,a,t+1)));else if(f!==void 0)o.push(O("em",{key:l},ce(f,a,t+1)));else if(g.code!==void 0)o.push(O("code",{key:l},g.code));else{const v=ut(g.href??"");o.push(v?O("a",{key:l,href:v,target:"_blank",rel:ct},g.label??""):i[0])}s=s.slice(i.index+i[0].length)}}const Ae=/^```[^\n]*$/,Pe=/^[-*]\s+(.*)$/,Re=/^\d{1,9}[.)]\s+(.*)$/;function vn(e){const n=e.split(`
-`),t=[];let o=0,s=0;for(;o<n.length;){const a=n[o];if(Ae.test(a)){const d=[];for(o++;o<n.length&&!Ae.test(n[o]);)d.push(n[o++]);o++,t.push(O("pre",{key:`b${s++}`},O("code",null,d.join(`
-`))));continue}const i=Pe.exec(a),l=Re.exec(a);if(i||l){const d=i?Pe:Re,f=[];for(;o<n.length;){const v=d.exec(n[o]);if(!v)break;f.push(O("li",{key:`l${f.length}`},ce(v[1]))),o++}t.push(O(i?"ul":"ol",{key:`b${s++}`},f));continue}const g=[];for(;o<n.length;){const d=n[o];if(!d.trim()||Ae.test(d)||Pe.test(d)||Re.test(d))break;g.push(d),o++}g.length?t.push(O("p",{key:`b${s++}`},ce(g.join(`
-`)))):o++}return O("div",{class:"snag-md"},t)}const ht=`${Wn}session`;function ft(e,n,t){if(e.origin!==n||!t||e.source!==t)return!1;const o=e.data;return!!o&&o.type===ht&&typeof o.session?.sessionToken=="string"&&typeof o.session.reviewer?.name=="string"}function mt(e,n,t,o){const s=new URLSearchParams({project:n,origin:t});return o&&s.set("env",o),`${new URL(e).origin}/widget-signin?${s}`}function _t(e,n,t){const o=new URL(e).origin,s=window.open(mt(e,n,location.origin,t),`${qn}-signin`,"popup,width=480,height=600");return s?new Promise(a=>{let i=0;const l=f=>{removeEventListener("message",g),clearInterval(d),a(f)},g=f=>{ft(f,o,s)&&l(f.data.session)};addEventListener("message",g);const d=setInterval(()=>{s.closed&&++i>1&&l(null)},400)}):Promise.resolve("blocked")}function wn(){let e=null;try{e=localStorage.getItem(rn)}catch{return{}}if(!e)return{};if(e[0]!=="{")return{name:e};try{const n=JSON.parse(e);return n&&typeof n=="object"?n:{}}catch{return{}}}function kt(e){try{localStorage.setItem(rn,JSON.stringify(e))}catch{}}function bt(){const e=wn();return{name:typeof e.name=="string"?e.name:"",...e.email?{email:e.email}:{}}}function xt(e){const n=wn();kt({...n,name:e.name,...e.email?{email:e.email}:{}})}const yt={"detail.details":"Anchor details","detail.hidden":"This element isn't visible right now \u2014 it may be inside a closed menu, tab, or accordion.","detail.orphaned":"The element this was pinned to has moved or gone \u2014 it was {label}.","detail.approximate":"The page changed since this was written, so the pin is close rather than exact \u2014 it points at {label}.","detail.unavailable":"Some of the matching steps couldn't load, so this was judged with the basic ones only.","detail.filedat":"Filed at {query}.","detail.openquery":"Open with original query","capture.agent":"{browser} \xB7 {os}","capture.agent.noos":"{browser}","capture.device":"{device} \xB7 {w}\xD7{h} @{dpr}x","capture.device.at1x":"{device} \xB7 {w}\xD7{h}"},vt={"disclosure.title":"Before your first comment","disclosure.always":"Each comment carries the page address, viewport size and browser make.","disclosure.crumbs.on":"Recent console messages and network results ride along, recognisable secrets redacted first.","disclosure.crumbs.off":"Console and network capture is off here.","disclosure.screenshot.off":"Screenshots are off for this project.","disclosure.screenshot.on":"{product} never reads what you type. Screenshots are pictures of the page, so anything visible on screen is in the picture \u2014 mark sensitive regions with {maskAttr} and they are blurred before the screenshot leaves your browser.","disclosure.retention":"Everything stays in this browser until someone exports it \u2014 the privacy notes list what can still leak.","disclosure.retention.server":"Your comment, the page address and the details above are sent to {host} when you post \u2014 the privacy notes list what can still leak.","disclosure.ack":"Got it","composer.aria":"New comment","composer.parent":"Pin the parent","composer.child":"Pin the first child","composer.shot":"Add a screenshot","composer.name":"Your name","composer.email":"Email, so we can reply","composer.email.bad":"Check the address \u2014 or leave it blank.","composer.signin":"Studio member? Sign in","composer.signin.blocked":"Allow pop-ups for this page to sign in.","composer.member":"Commenting as {name}","composer.signout":"Not you? Sign out","composer.round.closed":"This round is closed \u2014 your comment goes to {round}.","composer.chars":"{n} characters left","composer.body":"Comment","composer.body.placeholder":"What's the {item}?","action.cancel":"Cancel","action.post":"Post comment","composer.discard.sure":"Sure? Discard this comment","action.discard":"Discard?"},wt={"shot.open":"See the screenshot","shot.aria":"Screenshot","shot.close":"Close","announce.status":"Comment {key} set to {status}.","search.placeholder":"Search {n} comments\u2026","search.aria":"Search comments","round.label":"Round","round.closed":"(closed)","filter.status":"Status","filter.clear":"Clear","filter.selectall":"Select all","sort.button":"Sort","sort.newest":"Newest first","sort.oldest":"Oldest first","sort.page":"By page","filter.button":"Filter","filter.button.n":"Filter \xB7 {n}","filter.by":"Comments by","filter.by.anyone":"Anyone","filter.pages":"Pages","filter.pages.all":"All pages","filter.pageonly":"Show comments on this page only","filter.new":"See new activity \xB7 {n}","filter.new.on":"Showing new activity \u2014 show all","filter.new.none":"You\u2019re caught up \u2014 show all","filter.read":"Marked as","filter.read.all":"Anyone\u2019s, read or not","filter.read.unread":"Unread","filter.read.read":"Read","dock.unread":"Unread","badge.anchored":"","badge.approximate":"~","badge.orphaned":"moved","badge.hidden":"hidden","capture.label":"Comment left on","capture.page":"{route}","device.Mobile":"Mobile","device.Desktop":"Desktop","dock.aria":"All comments","dock.title.list":"All comments","dock.title.detail":"Comment","dock.close":"Close all comments","dock.empty":"No comments yet. Press +, then click anything on the page.","dock.empty.filter":"Nothing matches that filter.","dock.empty.orphans":"Every comment here lost its element \u2014 but what each one pointed at is still recorded.","dock.empty.page":"Nothing on this page. {n} comments on {m} other pages.","dock.row.empty":"(no comment)","dock.replies":"{n} replies","dock.goto":"Go to {route}","dock.cluster":"{n} comments in this cluster","dock.cluster.clear":"Show all","dock.hiddenrow":"That comment is now hidden by your filter","dock.hiddenrow.show":"Show","dock.back":"All","dock.back.aria":"Back to all comments","dock.position":"{n} of {total}","dock.prev":"Previous comment","dock.next":"Next comment","dock.clear":"Clear all","dock.clear.aria":"Delete every comment in this review","comment.edit":"Edit this comment","comment.delete":"Delete this comment and its pin","reply.delete":"Delete this reply","time.now":"just now","who.name":"Your name","who.email":"Email, so we can reply","who.email.bad":"Check the address \u2014 or leave it blank.","who.signin":"Studio member? Sign in","who.signin.blocked":"Allow pop-ups for this page to sign in.","who.member":"Replying as {name}","who.signout":"Not you? Sign out","detail.hidden.show":"Show anyway","field.status":"Status","field.assignee":"Assigned to","assignee.none":"Unassigned","permalink.copy":"Copy link","permalink.copied":"Copied","reply.add":"Add reply","reply.aria":"Reply","reply.placeholder":"Reply\u2026","reply.send":"Reply","action.more":"More actions","action.edit":"Edit","action.delete":"Delete","action.save":"Save","action.sure":"Sure?","export.button":"Export","export.md":"Markdown","export.json":"JSON"},$t={...kn,...yt,...vt,...wt},p=_n($t),St=[/^utm_/,/^(gclid|gbraid|wbraid|fbclid|msclkid|ttclid|twclid|igshid|yclid|li_fat_id)$/,/^(mc_cid|mc_eid|_hsenc|_hsmi|vero_id|oly_enc_id|oly_anon_id)$/,/^_vercel_/,/^__vercel_/,/^_rsc$/],Ct=[...on.query,...on.fragment];function Et(e,n=[]){return Ct.includes(e)||n.includes(e)?!0:St.some(t=>t.test(e))}const ue=["open","progress","review","resolved"];function Tt(e,n){const t=e.includes(n)?e.filter(o=>o!==n):[...e,n];return t.length>=ue.length?[]:t}function Mt(e,n,t){if(n.statuses.length>0&&ue.includes(e.status)&&!n.statuses.includes(e.status)||n.by&&e.createdBy.id!==n.by||n.page&&e.route!==n.page)return!1;if(n.read!=="all"&&t){const o=pe(e,t);if(n.read==="unread"&&!o||n.read==="read"&&o)return!1}return!0}function pe(e,n){const t=n.get(e.id)??0;return Date.parse(e.updatedAt)>t}function Dt(e,n,t,o){let s=e;n.pageOnly&&(s=s.filter(i=>i.route===t)),n.newOnly&&o&&(s=s.filter(i=>pe(i,o)));const a=n.q?.trim().toLowerCase();return a&&(s=s.filter(i=>i.comments.some(l=>(l.body??"").toLowerCase().includes(a)||l.author.name.toLowerCase().includes(a))||i.createdBy.name.toLowerCase().includes(a))),s}function At(e,n){if(n==="page")return e;const t=(s,a)=>Date.parse(s.createdAt)-Date.parse(a.createdAt),o=[...e].sort(t);return n==="oldest"?o:o.reverse()}function Pt(e){const n=new Map;for(const t of e)n.set(t.status,(n.get(t.status)??0)+1);return{all:e.length,byStatus:n}}function Rt(e){return(e.read!=="all"?1:0)+(e.by?1:0)+(e.page?1:0)}const Ne=Object.keys(de);function $n({label:e,title:n,cls:t,role:o,onConfirm:s}){const{armed:a,press:i}=lt(s);return r("button",{type:"button",...o===void 0?{}:{role:o},class:`${t}${a?" snag-dk-armed":""}`,"aria-label":a?`${p("action.sure")} ${n}`:n,title:n,onClick:i,children:a?p("action.sure"):e})}function Nt({snag:e}){const n=e.context?.derived?.device;if(!n)return null;const t=p(`device.${n}`);return r("span",{class:"snag-dk-dev",title:t,"aria-label":t,role:"img",children:n==="Mobile"?r("svg",{width:"11",height:"14",viewBox:"0 0 11 14",fill:"none","aria-hidden":"true",children:[r("rect",{x:".75",y:".75",width:"9.5",height:"12.5",rx:"1.75",stroke:"currentColor","stroke-width":"1.5"}),r("path",{d:"M4.5 11h2",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round"})]}):r("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none","aria-hidden":"true",children:[r("rect",{x:".75",y:"1.75",width:"12.5",height:"8.5",rx:"1.75",stroke:"currentColor","stroke-width":"1.5"}),r("path",{d:"M5 12.75h4",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round"})]})})}function It({anchor:e}){const n=[];if(e.testid&&n.push(["testid",e.testid]),e.domid&&n.push(["id",e.domid]),e.css&&n.push(["css",e.css]),e.hostPath?.length&&n.push(["shadow host",e.hostPath.join(" >> ")]),e.role&&n.push(["role",e.role]),e.accessibleName&&n.push(["name",e.accessibleName]),e.text?.exact&&n.push(["text",e.text.exact]),e.path?.length&&n.push(["path",e.path.join(" > ")]),e.rect){const t=e.rect;n.push(["rect",`${Math.round(t.x)}, ${Math.round(t.y)} \u2014 ${Math.round(t.w)} x ${Math.round(t.h)}`])}return e.breakpoint&&n.push(["breakpoint",`${e.breakpoint} at capture \xB7 you are at ${typeof window>"u"?"?":window.innerWidth}px`]),r("details",{class:"snag-dk-anchor",children:[r("summary",{children:p("detail.details")}),r("dl",{children:n.map(([t,o])=>r("div",{children:[r("dt",{children:t}),r("dd",{children:o})]},t))})]})}function Sn({iso:e}){const n=Date.parse(e);if(!Number.isFinite(n))return null;const t=new Date(n),o=Math.round((n-Date.now())/1e3);let s;if(Math.abs(o)<45)s=p("time.now");else if(Math.abs(o)<7*86400){const a=new Intl.RelativeTimeFormat(void 0,{numeric:"auto",style:"short"}),[i,l]=Math.abs(o)<3600?[Math.round(o/60),"minute"]:Math.abs(o)<86400?[Math.round(o/3600),"hour"]:[Math.round(o/86400),"day"];s=a.format(i,l)}else s=t.toLocaleDateString(void 0,{day:"numeric",month:"short",...t.getFullYear()===new Date().getFullYear()?{}:{year:"numeric"}});return r("time",{class:"snag-dk-dim snag-dk-when",dateTime:t.toISOString(),title:t.toLocaleString(),children:s})}function Cn({body:e,onEdit:n,deleteLabel:t,onDelete:o}){const s=e??"",[a,i]=N(!1),[l,g]=N(!1),[d,f]=N(s),v=j(null),u=h=>{h.key!=="Escape"||!l||(h.stopPropagation(),g(!1))};return z(()=>{a&&v.current?.focus()},[a]),a&&n?r("div",{class:"snag-dk-editbox",children:[r("textarea",{ref:v,class:"snag-text",rows:3,"aria-label":p("comment.edit"),value:d,onInput:h=>f(h.target.value),onKeyDown:h=>{h.key==="Enter"&&(h.metaKey||h.ctrlKey)&&(h.preventDefault(),d.trim()&&(n(d.trim()),i(!1))),h.key==="Escape"&&(h.stopPropagation(),f(s),i(!1))}}),r("div",{class:"snag-actions",children:[r("button",{type:"button",class:"snag-cancel",onClick:()=>{f(s),i(!1)},children:p("action.cancel")}),r("button",{type:"button",class:"snag-send",disabled:!d.trim()||d.trim()===s,onClick:()=>{n(d.trim()),i(!1)},children:p("action.save")})]})]}):r("div",{class:"snag-dk-acts snag-dk-menus",onKeyDown:u,children:[l&&r("div",{class:"snag-dk-menubg","aria-hidden":"true",onClick:()=>g(!1)}),r("span",{class:"snag-dk-menuwrap",children:[r("button",{type:"button",class:"snag-dk-act snag-dk-more","aria-label":p("action.more"),"aria-expanded":l,"aria-haspopup":"menu",title:p("action.more"),onClick:()=>g(!l),children:"\u22EF"}),l&&r("div",{class:"snag-dk-menu",role:"menu",children:[n&&r("button",{type:"button",role:"menuitem",title:p("comment.edit"),"aria-label":p("comment.edit"),onClick:()=>{g(!1),f(s),i(!0)},children:p("action.edit")}),o&&r($n,{label:p("action.delete"),title:t,cls:"snag-dk-act--danger",role:"menuitem",onConfirm:o})]})]})]})}function Ot({snag:e}){const n=e.anchorReasons?.includes("hidden")??!1;return r("span",{class:"snag-dk-dim snag-dk-where",children:[n&&r(L,{children:[r("span",{class:"snag-dk-moved",children:p("badge.hidden")})," "]}),e.anchorState!=="anchored"&&r(L,{children:[r("span",{class:"snag-dk-moved",children:p(`badge.${e.anchorState}`)})," "]}),e.anchor.label]})}function Lt(e){const n=new Map,t=new Map;for(const o of e){const s=(n.get(o.route)??0)+1;n.set(o.route,s),t.set(o.id,s)}return t}function zt(e,n){const t=new Map;for(const o of e){const s=t.get(o.route);s?s.push(o):t.set(o.route,[o])}return[...t.entries()].map(([o,s])=>({route:o,here:o===n,snags:s})).sort((o,s)=>o.route.localeCompare(s.route))}function Ut({snag:e,n,here:t,unread:o,onOpen:s,onHover:a}){const i=g=>a(t?g:null),l=t?"":p("dock.goto",{route:e.route});return r("li",{children:r("button",{type:"button",class:"snag-dk-item",onClick:()=>s(e.id),onPointerEnter:()=>i(e.id),onPointerLeave:()=>i(null),onFocus:()=>i(e.id),onBlur:()=>i(null),children:[r("span",{class:`snag-dk-dot${o?" snag-dk-dot--on":""}`,role:"img","aria-label":o?p("dock.unread"):""}),r("span",{class:`snag-dk-num${e.anchorState==="anchored"?"":` snag-dk-num--${e.anchorState}`}`,style:{background:Me(e.status),color:bn(e.status)},children:n}),r("span",{class:"snag-dk-main",children:[r("span",{class:`snag-dk-body${e.status==="resolved"?" snag-dk-done":""}`,children:e.comments[0]?.body??p("dock.row.empty")}),r("span",{class:"snag-dk-sub",children:r(Ot,{snag:e})})]}),r(Nt,{snag:e}),e.comments.length>1&&r("span",{class:"snag-dk-replies",role:"img","aria-label":p("dock.replies",{n:I(e.comments.length-1)}),children:I(e.comments.length-1)}),!t&&r("span",{class:"snag-dk-goto",role:"img",title:l,"aria-label":l,children:"\u2197"})]})})}const En=e=>c[`status${e[0].toUpperCase()}${e.slice(1)}`]??c.muted;function jt({round:e,filter:n,onFilter:t,rounds:o,activeRound:s,onRound:a,onClearAll:i,seenAt:l}){const g=!!o&&o.length>1&&!!a,d=e.length>0,[f,v]=N(null),u=Pt(e),h=m=>{const E={...n};for(const[T,x]of Object.entries(m))x===void 0?delete E[T]:E[T]=x;t(E)},C=n.statuses.length>0,k=Rt(n),w=[...new Map(e.map(m=>[m.createdBy.id,m.createdBy.name]))],S=[...new Set(e.map(m=>m.route))].sort(),$=[...u.byStatus.keys()].filter(m=>!ue.includes(m)),P=r("div",{class:"snag-dk-menugroup",children:[r("div",{class:"snag-dk-chiphead",children:[r("span",{class:"snag-dk-menutitle",children:p("filter.status")}),r("button",{type:"button",class:"snag-dk-link",onClick:()=>h({statuses:[]}),children:p(C?"filter.selectall":"filter.clear")})]}),r("div",{class:"snag-dk-chips",role:"group","aria-label":p("filter.status"),children:[ue.map(m=>{const E=n.statuses.includes(m);return r("button",{type:"button",class:"snag-dk-chip","aria-pressed":E,style:`border-color:color-mix(in srgb, ${En(m)} 60%, transparent);background:color-mix(in srgb, ${En(m)} ${E?28:10}%, transparent)`,onClick:()=>h({statuses:Tt(n.statuses,m)}),children:[De(m)," ",r("span",{class:"snag-dk-dim",children:I(u.byStatus.get(m)??0)})]})}),$.map(m=>r("span",{class:"snag-dk-chip snag-dk-chip-stray",children:[m," ",r("span",{class:"snag-dk-dim",children:I(u.byStatus.get(m)??0)})]}))]})]});return r("div",{class:"snag-dk-filters",children:[d&&r("input",{class:"snag-input snag-dk-search",type:"search","aria-label":p("search.aria"),placeholder:p("search.placeholder",{n:I(e.length)}),value:n.q??"",onInput:m=>h({q:m.currentTarget.value||void 0})}),r("div",{class:"snag-dk-menus",onKeyDown:m=>{m.key!=="Escape"||!f||(m.stopPropagation(),v(null))},children:[f&&r("div",{class:"snag-dk-menubg","aria-hidden":"true",onClick:()=>v(null)}),r("span",{class:"snag-dk-menuwrap",children:[r("button",{type:"button",class:"snag-dk-link","aria-expanded":f==="filter",onClick:()=>v(f==="filter"?null:"filter"),children:k>0?p("filter.button.n",{n:I(k)}):p("filter.button")}),f==="filter"&&r("div",{class:"snag-dk-menu snag-dk-menu-form",role:"group","aria-label":p("filter.button"),children:[(g||d)&&r("div",{class:"snag-dk-menugroup",children:[!g&&r("span",{class:"snag-dk-menutitle",children:p("round.label")}),g&&r("label",{class:"snag-dk-round",children:[r("span",{class:"snag-dk-menutitle",children:p("round.label")}),r("select",{class:"snag-input",value:String(s??""),onChange:m=>a(Number(m.currentTarget.value)),children:o.map(m=>r("option",{value:String(m.number),children:[m.name,m.closed?` ${p("round.closed")}`:""]},m.number))})]}),d&&r($n,{label:p("dock.clear"),title:p("dock.clear.aria"),cls:"snag-dk-link snag-dk-clear",onConfirm:i})]}),d&&P,d&&r("div",{class:"snag-dk-menugroup",role:"radiogroup","aria-label":p("sort.button"),children:[r("span",{class:"snag-dk-menutitle","aria-hidden":"true",children:p("sort.button")}),[["newest","sort.newest"],["oldest","sort.oldest"],["page","sort.page"]].map(([m,E])=>r("button",{type:"button",role:"radio","aria-checked":n.sort===m,onClick:()=>h({sort:m}),children:[r("span",{class:"snag-dk-tick","aria-hidden":"true",children:n.sort===m?"\u2713":"\xA0"}),p(E)]}))]}),d&&r("div",{class:"snag-dk-menugroup snag-dk-menugroup-last",children:[l&&r("label",{children:[p("filter.read"),r("select",{value:n.read,onChange:m=>h({read:m.currentTarget.value}),children:[r("option",{value:"all",children:p("filter.read.all")}),r("option",{value:"unread",children:p("filter.read.unread")}),r("option",{value:"read",children:p("filter.read.read")})]})]}),r("label",{children:[p("filter.by"),r("select",{value:n.by??"",onChange:m=>h({by:m.currentTarget.value||void 0}),children:[r("option",{value:"",children:p("filter.by.anyone")}),w.map(([m,E])=>r("option",{value:m,children:E}))]})]}),r("label",{children:[p("filter.pages"),r("select",{value:n.page??"",onChange:m=>h({page:m.currentTarget.value||void 0}),children:[r("option",{value:"",children:p("filter.pages.all")}),S.map(m=>r("option",{value:m,children:m}))]})]}),r("label",{class:"snag-dk-pageonly",children:[r("input",{type:"checkbox",checked:n.pageOnly,onChange:m=>h({pageOnly:m.currentTarget.checked})})," ",p("filter.pageonly")]})]})]})]})]})]})}function Ht({snags:e,groups:n,route:t,onOpen:o,onHover:s,onExport:a,onClearAll:i,clusterFilter:l,onClusterClear:g,filter:d,onFilter:f,hiddenNote:v,onHiddenShow:u,rounds:h,activeRound:C,onRound:k,seenAt:w}){const S=Lt(e),$=n.flatMap(y=>y.snags),P=d.statuses.length>0||!!d.by||!!d.page||!!d.q?.trim()||d.pageOnly||d.newOnly||d.read!=="all",m=w?e.filter(y=>pe(y,w)).length:0,E=j(null),[T,x]=N(!1),H=y=>{y.key!=="Escape"||!T||(y.stopPropagation(),x(!1))},U=j(null);return z(()=>{const y=E.current,R=U.current;!y||!R||(y.scrollTop+=R.getBoundingClientRect().top-y.getBoundingClientRect().top)},[t,n.length]),r(L,{children:[(e.length>0||h&&h.length>1&&k)&&r(jt,{round:e,filter:d,onFilter:f,onClearAll:i,...w===void 0?{}:{seenAt:w},...h===void 0?{}:{rounds:h},...C===void 0?{}:{activeRound:C},...k===void 0?{}:{onRound:k}}),w&&(m>0||d.newOnly)&&r("button",{type:"button",class:"snag-dk-newpill","aria-pressed":d.newOnly,onClick:()=>f({...d,newOnly:!d.newOnly}),children:d.newOnly?p(m===0?"filter.new.none":"filter.new.on"):p("filter.new",{n:I(m)})}),e.length===0?r("div",{class:"snag-dk-empty",children:r("p",{children:p("dock.empty")})}):$.length===0&&P?r("div",{class:"snag-dk-empty",children:d.pageOnly&&e.some(y=>y.route!==t)?r("p",{children:p("dock.empty.page",{n:I(e.filter(y=>y.route!==t).length),m:I(new Set(e.filter(y=>y.route!==t).map(y=>y.route)).size)})}):r("p",{children:p("dock.empty.filter")})}):r(L,{children:[v&&r("p",{class:"snag-dk-notice",children:[p("dock.hiddenrow")," ",r("button",{type:"button",class:"snag-dk-link",onClick:()=>u(v),children:p("dock.hiddenrow.show")})]}),l&&r("p",{class:"snag-dk-notice",children:[p("dock.cluster",{n:l.length})," ",r("button",{type:"button",class:"snag-dk-link",onClick:()=>g?.(),children:p("dock.cluster.clear")})]}),e.every(y=>y.anchorState==="orphaned")&&r("p",{class:"snag-dk-notice",children:p("dock.empty.orphans")}),r("div",{class:"snag-dk-scroll",ref:E,children:n.map(y=>r("section",{class:"snag-dk-group",ref:y.here?U:null,children:[y.route!==""&&r("h3",{class:"snag-dk-grouphd",children:[r("span",{class:"snag-dk-route",children:y.route}),r("span",{class:"snag-dk-dim",children:I(y.snags.length)})]}),r("ul",{class:"snag-dk-list",children:y.snags.map(R=>r(Ut,{snag:R,n:S.get(R.id),here:y.here,unread:!!w&&pe(R,w),onOpen:o,onHover:s},R.id))})]},y.route))})]}),r("div",{class:"snag-dk-foot",children:r("div",{class:"snag-dk-menus snag-dk-menus-up",onKeyDown:H,children:[T&&r("div",{class:"snag-dk-menubg","aria-hidden":"true",onClick:()=>x(!1)}),r("span",{class:"snag-dk-menuwrap",children:[r("button",{type:"button",class:"snag-dk-link","aria-expanded":T,"aria-haspopup":"menu",onClick:()=>x(!T),children:p("export.button")}),T&&r("div",{class:"snag-dk-menu snag-dk-menu-up",role:"menu",children:["md","json"].map(y=>r("button",{type:"button",role:"menuitem",onClick:()=>{x(!1),a(y)},children:p(y==="md"?"export.md":"export.json")}))})]})]})})]})}const Ie=new Map;function Ft(e){const n=[];try{for(const[t,o]of new URL(e).searchParams)Et(t)||n.push(o&&o!=="[redacted]"?`${t}=${o}`:t)}catch{return null}return n.length?`?${n.join("&")}`:null}function Bt({att:e,load:n}){const t=j(null),[o,s]=N(!1),[a,i]=N(null);return z(()=>{let l=!1;return n(e).then(async g=>{if(!g||l)return;const d=await createImageBitmap(g);l?d.close():i(d)}).catch(()=>{}),()=>{l=!0}},[e.id,e.url]),z(()=>{const l=t.current;if(!l||!a)return;const g=142,d=g/a.width;l.width=g,l.height=Math.min(96,Math.round(a.height*d)),l.getContext("2d").drawImage(a,0,0,a.width,Math.round(l.height/d),0,0,l.width,l.height)},[a]),a?r(L,{children:[r("button",{type:"button",class:"snag-dk-shot",onClick:()=>s(!0),"aria-label":p("shot.open"),children:r("canvas",{ref:t,width:142,height:Math.min(96,Math.round(a.height*(142/a.width)))})}),o&&r(Kt,{bmp:a,onClose:()=>s(!1)})]}):null}function Kt({bmp:e,onClose:n}){const t=j(null);return z(()=>{const o=t.current;o&&(o.width=e.width,o.height=e.height,o.getContext("2d").drawImage(e,0,0))},[e]),r("div",{class:"snag-dk-lightbox",role:"dialog","aria-modal":"true","aria-label":p("shot.aria"),tabIndex:-1,ref:o=>o?.focus(),onKeyDown:o=>{o.key==="Escape"&&(o.stopPropagation(),n())},onClick:n,children:[r("canvas",{ref:t}),r("button",{type:"button",class:"snag-dk-link snag-dk-lightclose",onClick:n,children:p("shot.close")})]})}function qt({snag:e,loadShot:n}){const t=e.context;if(!t)return null;const o=e.attachments?.find(l=>l.kind==="screenshot"),s=t.derived,a=t.viewport,i=a?Math.round(a.dpr*100)/100:1;return r("div",{class:"snag-dk-cap",children:[o&&n&&r(Bt,{att:o,load:n}),r("p",{class:"snag-dk-caplabel",children:p("capture.label")}),t.page?.route!==void 0&&r("p",{children:p("capture.page",{route:t.page.route})}),s&&a&&r(L,{children:[r("p",{children:s.os?p("capture.agent",{browser:s.browser,os:s.os}):p("capture.agent.noos",{browser:s.browser})}),r("p",{children:i===1?p("capture.device.at1x",{device:s.device,w:a.w,h:a.h}):p("capture.device",{device:s.device,w:a.w,h:a.h,dpr:i})})]}),t.capture?.reasons?.map(l=>r("p",{class:"snag-dk-capwhy",children:l},l)),t.capture?.blindSpots?.map(l=>r("p",{class:"snag-dk-capwhy",children:l},l)),(()=>{const l=Ft(t.url);return l?r("p",{class:"snag-dk-capwhy",children:[p("detail.filedat",{query:l})," ",r("a",{class:"snag-dk-openq",href:t.url,target:"_blank",rel:"noreferrer",children:p("detail.openquery")})]}):null})()]})}function Tn(e){const n=e.context?.url??e.route;return`${n}${n.includes("?")?"&":"?"}${Qn("t")}=${e.key}`}function Wt({snag:e}){const[n,t]=N(!1),o=Tn(e);return navigator.clipboard?r("button",{type:"button",class:"snag-dk-link",onClick:()=>void navigator.clipboard.writeText(o).then(()=>{t(!0),setTimeout(()=>t(!1),1500)},()=>{}),children:p(n?"permalink.copied":"permalink.copy")}):null}function Yt({snag:e}){return navigator.clipboard?null:r("p",{class:"snag-dk-permaline",children:[r("span",{class:"snag-dk-permalabel",children:p("permalink.copy")})," ",r("span",{class:"snag-dk-permaurl",children:Tn(e)})]})}let Oe=null;function Gt({snag:e,list:n,onAssign:t}){const[o,s]=N([]);z(()=>{n&&(Oe??=n().catch(()=>(Oe=null,[])),Oe.then(s))},[n]);const a=e.assignee??null;if(!n||!t)return a?r("p",{class:"snag-dk-field",children:[r("span",{class:"snag-dk-dim",children:p("field.assignee")})," ",r("strong",{children:a.name})]}):null;const i=a&&!o.some(l=>l.id===a.id)?[a,...o]:o;return r("label",{class:"snag-dk-field",children:[r("span",{class:"snag-dk-dim",children:p("field.assignee")}),r("select",{class:"snag-dk-select",value:a?.id??"",onChange:l=>{const g=l.target.value;t(e.id,i.find(d=>d.id===g)??null)},children:[r("option",{value:"",children:p("assignee.none")}),i.map(l=>r("option",{value:l.id,children:l.name},l.id))]})]})}function Vt({snags:e,round:n,fallbackCursor:t,openId:o,onOpen:s,onStatus:a,onReply:i,onEdit:l,onDeleteComment:g,onDeleteThread:d,isMine:f,canDeleteOwnThread:v=!0,canModerate:u=!1,studio:h,assignees:C,onAssign:k,onShowAnyway:w,onAnnounce:S,loadShot:$}){const P=e.findIndex(_=>_.id===o),m=P>=0,E=_=>f?f(_):!0,T=m?P:Math.min(t,e.length),x=m?e[P]:n.find(_=>_.id===o),H=o?Ie.get(o)??"":"",[U,y]=N(H),[R,ge]=N(H.length>0),he=j(null);z(()=>{R&&he.current?.focus()},[R]);const fe=_=>{y(_),o&&(_?Ie.set(o,_):Ie.delete(o))},me=bt(),[_e]=N(!me.name),[W,Le]=N(h?.member??null),[ke,Pn]=N(me.name??""),[Y,Rn]=N(me.email??""),[Nn,ze]=N(!1),J=Y.trim().length>0&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(Y.trim()),Ue=!!U.trim()&&(!!W||!_e||!!ke.trim()&&!J),In=()=>{h&&(ze(!1),_t(h.host,h.uid,h.env).then(_=>{if(_==="blocked")return ze(!0);_&&(h.adopt(_),Le(_.reviewer.name),he.current?.focus())}))},je=()=>{if(!x||!Ue)return;let _;W?_=W:_e&&(_=ke.trim(),xt({name:_,...Y.trim()?{email:Y.trim()}:{}})),i(x.id,U.trim(),_),fe(""),ge(!1)};if(!x)return null;const F=x.comments[0],On=n.filter(_=>_.route===x.route).findIndex(_=>_.id===x.id)+1;return r("div",{class:"snag-dk-detail",children:[r("div",{class:"snag-dk-detailhd",children:[r("button",{type:"button",class:"snag-dk-link",onClick:()=>s(null),"aria-label":p("dock.back.aria"),children:[r("span",{"aria-hidden":"true",children:"\u2190"})," ",p("dock.back")]}),r("span",{class:"snag-dk-dim",children:p("dock.position",{n:m?I(T+1):"\u2013",total:I(e.length)})}),r("span",{class:"snag-dk-nav",children:[r("button",{type:"button",class:"snag-dk-link",disabled:T<=0,"aria-label":p("dock.prev"),onClick:()=>s(e[T-1].id),children:"\u2191"}),r("button",{type:"button",class:"snag-dk-link",disabled:m?T>=e.length-1:T>=e.length,"aria-label":p("dock.next"),onClick:()=>s(e[m?T+1:T].id),children:"\u2193"})]})]}),r("div",{class:"snag-dk-card",children:[r("div",{class:"snag-dk-meta",children:[r("span",{class:"snag-dk-num",style:{background:Me(x.status),color:bn(x.status)},children:On}),r("strong",{children:F?.author.name??p("author.unknown")}),r("span",{class:"snag-dk-dim",children:x.key}),F&&r(Sn,{iso:F.createdAt}),r(Wt,{snag:x})]}),r("div",{class:"snag-dk-cardbody",children:vn(F?.body??"")}),r(Yt,{snag:x}),F&&(E(F.author)||u)&&r(Cn,{body:F.body,...E(F.author)?{onEdit:_=>l(F.id,_)}:{},deleteLabel:p("comment.delete"),...u||v&&x.comments.every(_=>E(_.author))?{onDelete:()=>d(x.id)}:{}})]}),r("label",{class:"snag-dk-field",children:[r("span",{class:"snag-dk-dim",children:p("field.status")}),r("select",{class:"snag-dk-select",style:{borderColor:Me(x.status)},value:x.status,onChange:_=>{const Q=_.target.value;a(x.id,Q),S?.(p("announce.status",{key:x.key,status:De(Q)}))},children:Ne.map(_=>r("option",{value:_,children:De(_)},_))})]}),r(Gt,{snag:x,...C&&k?{list:C,onAssign:k}:{}}),r(qt,{snag:x,...$?{loadShot:$}:{}}),x.anchorReasons?.includes("hidden")&&r("p",{class:"snag-dk-moved-note",children:[p("detail.hidden")," ",r("button",{type:"button",class:"snag-dk-link",onClick:()=>w?.(x),children:p("detail.hidden.show")})]}),x.anchorState!=="anchored"&&r("p",{class:"snag-dk-moved-note",children:[p(`detail.${x.anchorState}`,{label:x.anchor.label}),x.anchorReasons?.includes("budget-exceeded")&&` ${p("detail.unavailable")}`]}),x.anchorState!=="anchored"&&r(It,{anchor:x.anchor}),x.comments.length>1&&r("ul",{class:"snag-dk-replies-list",children:x.comments.slice(1).map(_=>r("li",{children:[r("strong",{children:_.author.name})," ",r(Sn,{iso:_.createdAt}),vn(_.body??""),(E(_.author)||u)&&r(Cn,{body:_.body,...E(_.author)?{onEdit:Q=>l(_.id,Q)}:{},deleteLabel:p("reply.delete"),onDelete:()=>g(_.id)})]},_.id))}),R?r("div",{class:"snag-dk-replybox",children:[W?r("p",{class:"snag-dk-who",children:[p("who.member",{name:W})," ",r("button",{type:"button",class:"snag-dk-link",onClick:()=>{h?.signOut(),Le(null)},children:p("who.signout")})]}):_e&&r(L,{children:[r("input",{class:"snag-input",type:"text",autocomplete:"name",placeholder:p("who.name"),"aria-label":p("who.name"),value:ke,onInput:_=>Pn(_.target.value)}),r("input",{class:`snag-input${J?" snag-input--bad":""}`,type:"email",inputMode:"email",autocomplete:"email",placeholder:p("who.email"),"aria-label":p("who.email"),"aria-invalid":J?"true":void 0,value:Y,onInput:_=>Rn(_.target.value)}),J&&r("p",{class:"snag-dk-who",children:p("who.email.bad")})]}),h&&!W&&r("p",{class:"snag-dk-who",children:[r("button",{type:"button",class:"snag-dk-link",onClick:In,children:p("who.signin")}),Nn&&r("span",{role:"status",children:[" ",p("who.signin.blocked")]})]}),r("textarea",{ref:he,class:"snag-text",rows:2,enterkeyhint:"enter","aria-label":p("reply.aria"),placeholder:p("reply.placeholder"),value:U,onInput:_=>fe(_.target.value),onKeyDown:_=>{_.key==="Enter"&&(_.metaKey||_.ctrlKey)&&(_.preventDefault(),je()),_.key==="Escape"&&(_.stopPropagation(),_.target.blur())}}),r("div",{class:"snag-actions",children:[r("button",{type:"button",class:"snag-cancel",onClick:()=>{fe(""),ge(!1)},children:p("action.cancel")}),r("button",{type:"button",class:"snag-send",disabled:!Ue,onClick:je,children:p("reply.send")})]})]}):r("button",{type:"button",class:"snag-dk-addreply",onClick:()=>ge(!0),children:p("reply.add")})]})}function Jt(e){const n=e.openId?e.snags.find(k=>k.id===e.openId):null,t=j(null),o=e.clusterFilter?e.snags.filter(k=>e.clusterFilter.includes(k.id)):e.snags,s=Dt(o.filter(k=>Mt(k,e.filter,e.seenAt)),e.filter,e.route,e.seenAt),a=At(s,e.filter.sort),i=e.filter.sort==="page"?zt(a,e.route):[{route:"",here:!1,snags:a}],l=i.flatMap(k=>k.snags),g=j(0),d=l.findIndex(k=>k.id===e.openId);d>=0&&(g.current=d);const f=j(null),[v,u]=N(null);e.openId?(f.current={id:e.openId,absent:d===-1},v&&u(null)):f.current?.absent&&v!==f.current.id&&(u(f.current.id),f.current=null),z(()=>{t.current?.focus()},[e.openId]),z(()=>{if(!(window.matchMedia?.("(pointer: coarse)").matches??!1))return;const k=t.current;return k?dt(k):void 0},[]);const h=j({snag:n,onStatus:e.onStatus});h.current={snag:n,onStatus:e.onStatus},z(()=>{const k=w=>{const{snag:S,onStatus:$}=h.current;if(!S||w.metaKey||w.ctrlKey||w.altKey||w.composedPath().some(E=>{const T=E;if(!T?.tagName)return!1;const x=T.tagName.toLowerCase();return x==="textarea"||x==="select"?!0:x==="input"?!/^(button|submit|checkbox|radio)$/i.test(T.type):T.isContentEditable?!0:/^(textbox|searchbox|combobox)$/.test(T.getAttribute?.("role")??"")}))return;const m=Number(w.key);if(m>=1&&m<=Ne.length){w.preventDefault(),$(S.id,Ne[m-1]);return}(w.key==="r"||w.key==="R")&&(w.preventDefault(),$(S.id,S.status==="resolved"?"open":"resolved"))};return document.addEventListener("keydown",k),()=>document.removeEventListener("keydown",k)},[]);const C=window.matchMedia?.("(pointer: coarse)").matches??!1;return r("aside",{ref:t,class:"snag-dk",role:"complementary","aria-label":p("dock.aria"),tabIndex:-1,onKeyDown:k=>{k.key==="Escape"&&(k.stopPropagation(),e.openId?e.onOpen(null):e.onClose())},children:[C&&r("div",{class:"snag-dk-scrim","aria-hidden":"true",onClick:e.onClose}),C&&r("div",{class:"snag-dk-grab","aria-hidden":"true",onPointerDown:k=>{const w=k.clientY,S=k.currentTarget;try{S.setPointerCapture(k.pointerId)}catch{}S.onpointermove=$=>{$.clientY-w>56&&(S.onpointermove=null,e.onClose())},S.onpointerup=()=>S.onpointermove=null},children:r("span",{})}),r("header",{class:"snag-dk-hd",children:[r("strong",{children:p(n?"dock.title.detail":"dock.title.list")}),r("button",{type:"button",class:"snag-dk-link",onClick:e.onClose,"aria-label":p("dock.close"),children:"\u2715"})]}),n?r(Vt,{...e,snags:l,round:e.snags,fallbackCursor:g.current},n.id):r(Ht,{...e,groups:i,hiddenNote:v,onHiddenShow:k=>{u(null),e.onOpen(k)}})]})}const Mn=360,Qt=` .snag-dk{position:fixed;inset-block:0;inset-inline-end:0;width:${Mn}px;max-width:100vw;z-index:${st.dock};background:${c.bg};color:${c.fg};display:flex;flex-direction:column;font:400 13px/1.45 ${c.font};box-shadow:${c.shadow};border-inline-start:1px solid ${c.border};pointer-events:auto;overscroll-behavior:contain}.snag-dk-filters{padding:8px 12px 6px;border-block-end:1px solid ${c.border};display:grid;gap:6px}.snag-dk-search{width:100%;box-sizing:border-box;font-size:12px;padding:5px 8px}.snag-dk-chiphead{display:flex;justify-content:space-between;align-items:center;padding-inline-end:8px}.snag-dk-chips{display:grid;grid-template-columns:1fr 1fr;gap:4px}.snag-dk-chip{font:500 11px/1.2 ${c.font};color:${c.fg};padding:5px 8px;border-radius:6px;border:1px solid ${c.border};background:none;cursor:pointer;text-align:start;display:flex;justify-content:space-between;align-items:center;gap:4px}.snag-dk-chip[aria-pressed="true"]{font-weight:600}.snag-dk-chip-stray{color:${c.muted};cursor:default}.snag-dk-menus{display:flex;gap:10px;position:relative}.snag-dk-menuwrap{position:relative}.snag-dk-menugroup{display:flex;flex-direction:column;gap:1px;padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid ${c.border}}.snag-dk-menugroup-last{padding-bottom:0;margin-bottom:0;border-bottom:0}.snag-dk-menutitle{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:${c.muted};padding:2px 8px 4px}.snag-dk-menubg{position:absolute;inset:-200px -20px -2000px;background:transparent;z-index:2}.snag-dk-menu{position:absolute;inset-block-start:100%;inset-inline-start:0;z-index:3;min-width:150px;background:${c.bg};border:1px solid ${c.border};border-radius:6px;box-shadow:${c.shadow};display:grid;padding:4px}.snag-dk-menu button{font:400 12px/1.3 ${c.font};color:${c.fg};background:none;border:0;text-align:start;padding:5px 8px;border-radius:4px;cursor:pointer;display:flex;gap:4px}.snag-dk-menu button:hover{background:color-mix(in srgb,${c.fg} 8%,transparent)}.snag-dk-menus-up{position:relative}.snag-dk-menu-up{inset-block-start:auto;inset-block-end:100%;margin-block-end:4px}.snag-dk-menu-form{padding:8px;gap:6px;min-width:224px}.snag-dk-menu-form label:not(.snag-dk-pageonly){display:grid;gap:2px;font:600 10px/1.4 ${c.font};letter-spacing:.05em;text-transform:uppercase;color:${c.muted}}.snag-dk-menu-form select{font:400 12px/1.3 ${c.font};color:${c.fg};background:${c.bg};border:1px solid ${c.border};border-radius:4px;padding:4px}.snag-dk-pageonly{display:flex;align-items:center;gap:6px;font-size:12px;color:${c.fg};cursor:pointer}.snag-dk-permaline{margin:6px 0 0;font-size:11px;color:${c.muted};overflow-wrap:anywhere}.snag-dk-permalabel{font-weight:600}.snag-dk-permaurl{user-select:all}.snag-dk:focus{outline:none}@media (pointer:coarse){.snag-dk{inset-block-start:auto;inset-inline-start:0;width:auto;height:82vh;border-radius:14px 14px 0 0;box-sizing:border-box;padding-bottom:max(var(${b.tbH},68px),var(${b.kb},0px));padding-inline:env(safe-area-inset-left) env(safe-area-inset-right)}.snag-dk-scrim{position:fixed;inset:0;background:#0005;touch-action:none;z-index:-1}.snag-dk-grab{display:flex;justify-content:center;padding:10px 0 4px;touch-action:none}.snag-dk-grab span{width:36px;height:4px;border-radius:2px;background:${c.border}}.snag-dk-item{min-height:56px}.snag-dk-link{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.snag-dk-select{min-height:44px}.snag-dk-chip{min-height:44px}.snag-dk-search{min-height:44px}}@media (pointer:fine){.snag-dk-scrim,.snag-dk-grab{display:none}}.snag-dk-hd{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid ${c.border};flex:0 0 auto}.snag-dk-scroll{overflow-y:auto;flex:1 1 auto}.snag-dk-list{list-style:none;margin:0;padding:0}.snag-dk-grouphd{position:sticky;top:0;z-index:1;margin:0;display:flex;align-items:center;gap:8px;padding:7px 14px;font:600 11px/1.45 ${c.font};letter-spacing:.02em;background:${c.sunken};border-bottom:1px solid ${c.border}}.snag-dk-route{color:${c.fg};overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;direction:ltr;unicode-bidi:isolate}.snag-dk-grouphd .snag-dk-dim{margin-inline-start:auto;font-weight:400;flex:0 0 auto}.snag-dk-goto{flex:0 0 auto;color:${c.muted};font-size:13px;line-height:1}.snag-dk-dev{flex:0 0 auto;color:${c.muted};display:flex;align-items:center}.snag-dk-item:hover .snag-dk-goto,.snag-dk-item:focus-visible .snag-dk-goto{color:${c.accent}}.snag-dk-item{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:start;background:transparent;border:0;border-bottom:1px solid ${c.border};color:inherit;font:inherit;padding:11px 14px;cursor:pointer;transition:background ${c.motion}}.snag-dk-item:hover{background:${c.hover}}.snag-dk-item:focus-visible{outline:2px solid ${c.focus};outline-offset:-2px}.snag-dk-dot{flex:0 0 7px;width:7px;height:7px;border-radius:50%;margin-block-start:8px;background:transparent}.snag-dk-dot--on{background:${c.accent}}.snag-dk-newpill{display:block;width:100%;box-sizing:border-box;text-align:start;background:${c.sunken};border:0;border-block-end:1px solid ${c.border};color:${c.accent};font:600 12px/1.45 ${c.font};padding:8px 14px;cursor:pointer;flex:0 0 auto}.snag-dk-newpill:hover{background:${c.hover}}.snag-dk-newpill:focus-visible{outline:2px solid ${c.focus};outline-offset:-2px}.snag-dk-num{flex:0 0 22px;height:22px;border-radius:50% 50% 50% 2px;font-weight:600;font-size:11px;line-height:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.snag-dk-num--orphaned{border:2px solid currentColor;box-shadow:inset 0 0 0 2px currentColor}.snag-dk-num--approximate{border:2px dashed currentColor}.snag-dk-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.snag-dk-body,.snag-dk-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.snag-dk-sub{font-size:11px}.snag-dk-dim{color:${c.muted}}.snag-dk-moved{color:${c.anchorOrphan};font-weight:600}.snag-dk-replies{background:${c.surface};border-radius:999px;padding:1px 7px;font-size:11px;flex:0 0 auto}.snag-dk-empty{padding:28px 16px;text-align:center;flex:1 1 auto}.snag-dk-empty p{margin:0 0 4px}.snag-dk-notice{margin:0;padding:11px 14px;font-size:12px;color:${c.muted};border-bottom:1px solid ${c.border};flex:0 0 auto}.snag-dk-foot{display:flex;gap:6px;padding:10px 14px;border-top:1px solid ${c.border};flex:0 0 auto}.snag-dk-link{background:transparent;border:0;color:${c.accent};font:inherit;cursor:pointer;padding:4px 6px;border-radius:calc(${c.radius} - 2px);transition:background ${c.motion}}.snag-dk-link:hover:not(:disabled){background:${c.hover}}.snag-dk-link:disabled{color:${c.disabled};cursor:not-allowed}.snag-dk-link:focus-visible{outline:2px solid ${c.focus};outline-offset:1px}.snag-dk-detail{padding:12px 14px;overflow-y:auto;flex:1 1 auto;display:flex;flex-direction:column;gap:12px}.snag-dk-detailhd{display:flex;align-items:center;justify-content:space-between;gap:8px}.snag-dk-nav{display:flex;gap:2px}.snag-dk-card{background:${c.surface};border-radius:${c.radius};padding:11px}.snag-dk-meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin-bottom:6px}.snag-md{overflow-wrap:anywhere}.snag-md>*{margin:0}.snag-md>*+*{margin-block-start:6px}.snag-md p{white-space:pre-wrap}.snag-md ul,.snag-md ol{padding-inline-start:20px}.snag-md li+li{margin-block-start:2px}.snag-md code{background:${c.sunken};border-radius:3px;padding:1px 4px;font-size:.92em;font-family:ui-monospace,monospace}.snag-md pre{background:${c.sunken};border-radius:${c.radius};padding:8px 10px;overflow-x:auto}.snag-md pre code{background:none;padding:0;font-size:.92em}.snag-md a{color:${c.accent}}.snag-dk-field{display:flex;flex-direction:column;gap:4px;font-size:12px}.snag-dk-select{background:${c.surface};color:inherit;border:2px solid;border-radius:${c.radius};padding:7px 9px;font:inherit;min-height:34px}.snag-dk-done{color:${c.muted};text-decoration:line-through}.snag-dk-meta .snag-dk-num{margin-inline-end:2px}.snag-dk-cap{background:${c.sunken};border-radius:${c.radius};padding:9px 11px;display:flex;flex-direction:column;gap:1px;font-size:12px;overflow-wrap:anywhere}.snag-dk-cap p{margin:0}.snag-dk-shot{padding:0;border:1px solid ${c.border};border-radius:calc(${c.radius} - 2px);background:none;cursor:zoom-in;overflow:hidden;line-height:0;align-self:flex-start;margin-block-end:6px}.snag-dk-shot canvas{display:block;max-width:100%}.snag-dk-lightbox{position:fixed;inset:0;z-index:1;background:#000c;display:flex;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}.snag-dk-lightbox canvas{max-width:100%;max-height:100%;object-fit:contain;box-shadow:${c.shadow};background:${c.bg}}.snag-dk-lightclose{position:absolute;inset-block-start:12px;inset-inline-end:16px;color:#fff}.snag-dk-caplabel{font-weight:600;font-size:11px;letter-spacing:.02em;margin-bottom:3px!important}.snag-dk-capwhy{color:${c.muted};font-size:11px;margin-top:5px!important}.snag-dk-moved-note{margin:0;padding:8px 10px;font-size:12px;background:${c.sunken};border-inline-start:3px solid ${c.anchorOrphan};border-radius:${c.radius}}.snag-dk-anchor{font-size:12px;border:1px solid ${c.border};border-radius:${c.radius};padding:6px 10px;background:${c.sunken}}.snag-dk-anchor summary{cursor:pointer;color:${c.muted};font-weight:600;list-style:revert}.snag-dk-anchor dl{margin:8px 0 2px;display:grid;gap:6px}.snag-dk-anchor dt{color:${c.muted};font-size:11px;letter-spacing:.03em;text-transform:uppercase}.snag-dk-anchor dd{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;user-select:text}.snag-dk-replies-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.snag-dk-replies-list li{background:${c.sunken};border-radius:${c.radius};padding:9px;overflow-wrap:anywhere}.snag-dk-acts{display:flex;gap:2px;margin-top:6px}.snag-dk-act{background:transparent;border:0;color:${c.muted};font:inherit;font-size:11px;cursor:pointer;padding:3px 6px;border-radius:calc(${c.radius} - 3px);transition:background ${c.motion},color ${c.motion}}.snag-dk-more{font-size:14px;line-height:1;letter-spacing:1px}.snag-dk-act:hover{background:${c.hover};color:inherit}.snag-dk-act:focus-visible{outline:2px solid ${c.focus};outline-offset:1px}.snag-dk-act--danger:hover{color:${c.anchorOrphan}}.snag-dk-menu .snag-dk-act--danger{color:${c.fg}}.snag-dk-menu .snag-dk-act--danger:hover{color:${c.anchorOrphan}}.snag-dk-armed{color:${c.anchorOrphan};font-weight:600}.snag-dk-clear{margin-inline-start:auto}.snag-dk-menu .snag-dk-clear{margin-inline-start:0}.snag-dk-editbox{display:flex;flex-direction:column;gap:8px;margin-top:8px}.snag-dk-addreply{background:transparent;border:1px dashed ${c.border};color:${c.muted};border-radius:${c.radius};padding:9px;font:inherit;cursor:pointer;text-align:start;transition:border-color ${c.motion},color ${c.motion}}.snag-dk-addreply:hover{border-color:${c.accent};color:inherit}.snag-dk-replybox{display:flex;flex-direction:column;gap:8px}.snag-dk-who{margin:0;font-size:11px;color:${c.muted}}.snag-dk-who .snag-dk-link{padding:0;font-size:inherit;text-decoration:underline}`;function Xt(e,n,t){const o=e.ownerDocument??document;yn(e,"form",it),yn(e,"dock",Qt);const s=o.createElement("div");(t??e).appendChild(s);const a=o.defaultView?.matchMedia?.("(pointer: coarse)").matches??!1,i=g=>{const d=e.host;g&&!a?d.style.setProperty(b.dockW,`${Mn}px`):d.style.removeProperty(b.dockW)};i(!0);const l=g=>{tn(r(Jt,{...g}),s)};return l(n),{update:l,close(){i(!1),tn(null,s),s.remove()}}}const Dn=24;function An(e,n){const t=e.innerHeight,o=n.querySelector(".snag-dk");if(!o)return{top:0,bottom:t};const s=o.getBoundingClientRect();return s.height>=t-1?{top:0,bottom:t}:{top:0,bottom:Math.max(0,s.top)}}function Zt(e,n,t){const o=t.anchor.rect;if(!o)return;const s=t.anchor.offset??{fy:.5},a=o.y+o.h*s.fy,i=An(e,n),l=a-e.scrollY;if(l>=i.top+Dn&&l<=i.bottom-Dn)return;const g=e.matchMedia?.("(prefers-reduced-motion: reduce)").matches??!1;e.scrollTo({top:Math.max(0,a-(i.top+i.bottom)/2),behavior:g?"auto":"smooth"})}export{Xt as openDock,Zt as scrollToSnag,An as visibleStrip};
+var X,T,Fe,K,Be,Ke,qe,ye,Z,G,We,ve,we,$e,ee={},ne=[],zn=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,te=Array.isArray;function B(e,n){for(var t in n)e[t]=n[t];return e}function Se(e){e&&e.parentNode&&e.parentNode.removeChild(e)}function L(e,n,t){var o,s,a,i={};for(a in n)a=="key"?o=n[a]:a=="ref"?s=n[a]:i[a]=n[a];if(arguments.length>2&&(i.children=arguments.length>3?X.call(arguments,2):t),typeof e=="function"&&e.defaultProps!=null)for(a in e.defaultProps)i[a]===void 0&&(i[a]=e.defaultProps[a]);return oe(e,i,o,s,null)}function oe(e,n,t,o,s){var a={type:e,props:n,key:t,ref:o,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:s??++Fe,__i:-1,__u:0};return s==null&&T.vnode!=null&&T.vnode(a),a}function z(e){return e.children}function re(e,n){this.props=e,this.context=n}function q(e,n){if(n==null)return e.__?q(e.__,e.__i+1):null;for(var t;n<e.__k.length;n++)if((t=e.__k[n])!=null&&t.__e!=null)return t.__e;return typeof e.type=="function"?q(e):null}function Un(e){if(e.__P&&e.__d){var n=e.__v,t=n.__e,o=[],s=[],a=B({},n);a.__v=n.__v+1,T.vnode&&T.vnode(a),Ce(e.__P,a,n,e.__n,e.__P.namespaceURI,32&n.__u?[t]:null,o,t??q(n),!!(32&n.__u),s),a.__v=n.__v,a.__.__k[a.__i]=a,en(o,a,s),n.__e=n.__=null,a.__e!=t&&Ye(a)}}function Ye(e){if((e=e.__)!=null&&e.__c!=null)return e.__e=e.__c.base=null,e.__k.some(function(n){if(n!=null&&n.__e!=null)return e.__e=e.__c.base=n.__e}),Ye(e)}function Ge(e){(!e.__d&&(e.__d=!0)&&K.push(e)&&!ae.__r++||Be!=T.debounceRendering)&&((Be=T.debounceRendering)||Ke)(ae)}function ae(){try{for(var e,n=1;K.length;)K.length>n&&K.sort(qe),e=K.shift(),n=K.length,Un(e)}finally{K.length=ae.__r=0}}function Ve(e,n,t,o,s,a,i,l,g,d,f){var y,u,h,S,b,v,C=o&&o.__k||ne,$=n.length;for(g=jn(t,n,C,g,$),y=0;y<$;y++)(h=t.__k[y])!=null&&(u=h.__i!=-1&&C[h.__i]||ee,h.__i=y,v=Ce(e,h,u,s,a,i,l,g,d,f),S=h.__e,h.ref&&u.ref!=h.ref&&(u.ref&&Ee(u.ref,null,h),f.push(h.ref,h.__c||S,h)),b==null&&S!=null&&(b=S),4&h.__u?(g=Je(h,g,e),u.__e&&(u.__e=null)):typeof h.type=="function"&&v!==void 0?g=v:S&&(g=S.nextSibling),h.__u&=-7);return t.__e=b,g}function jn(e,n,t,o,s){var a,i,l,g,d,f=t.length,y=f,u=0;for(e.__k=new Array(s),a=0;a<s;a++)(i=n[a])!=null&&typeof i!="boolean"&&typeof i!="function"?(typeof i=="string"||typeof i=="number"||typeof i=="bigint"||i.constructor==String?i=e.__k[a]=oe(null,i,null,null,null):te(i)?i=e.__k[a]=oe(z,{children:i},null,null,null):i.constructor===void 0&&i.__b>0?i=e.__k[a]=oe(i.type,i.props,i.key,i.ref?i.ref:null,i.__v):e.__k[a]=i,g=a+u,i.__=e,i.__b=e.__b+1,l=null,(d=i.__i=Hn(i,t,g,y))!=-1&&(y--,(l=t[d])&&(l.__u|=2)),l==null||l.__v==null?(d==-1&&(s>f?u--:s<f&&u++),typeof i.type!="function"&&(i.__u|=4)):d!=g&&(d==g-1?u--:d==g+1?u++:(d>g?u--:u++,i.__u|=4))):e.__k[a]=null;if(y)for(a=0;a<f;a++)(l=t[a])!=null&&(2&l.__u)==0&&(l.__e==o&&(o=q(l)),tn(l,l));return o}function Je(e,n,t){var o,s;if(typeof e.type=="function"){for(o=e.__k,s=0;o&&s<o.length;s++)o[s]&&(o[s].__=e,n=Je(o[s],n,t));return n}e.__e!=n&&(n&&e.type&&!n.parentNode&&(n=q(e)),n=t.insertBefore(e.__e,n||null));do n=n&&n.nextSibling;while(n!=null&&n.nodeType==8);return n}function Hn(e,n,t,o){var s,a,i,l=e.key,g=e.type,d=n[t],f=d!=null&&(2&d.__u)==0;if(d===null&&l==null||f&&l==d.key&&g==d.type)return t;if(o>(f?1:0)){for(s=t-1,a=t+1;s>=0||a<n.length;)if((d=n[i=s>=0?s--:a++])!=null&&(2&d.__u)==0&&l==d.key&&g==d.type)return i}return-1}function Qe(e,n,t){n[0]=="-"?e.setProperty(n,t??""):e[n]=t==null?"":typeof t!="number"||zn.test(n)?t:t+"px"}function se(e,n,t,o,s){var a,i;e:if(n=="style")if(typeof t=="string")e.style.cssText=t;else{if(typeof o=="string"&&(e.style.cssText=o=""),o)for(n in o)t&&n in t||Qe(e.style,n,"");if(t)for(n in t)o&&t[n]==o[n]||Qe(e.style,n,t[n])}else if(n[0]=="o"&&n[1]=="n")a=n!=(n=n.replace(We,"$1")),i=n.toLowerCase(),n=i in e||n=="onFocusOut"||n=="onFocusIn"?i.slice(2):n.slice(2),e.l||(e.l={}),e.l[n+a]=t,t?o?t[G]=o[G]:(t[G]=ve,e.addEventListener(n,a?$e:we,a)):e.removeEventListener(n,a?$e:we,a);else{if(s=="http://www.w3.org/2000/svg")n=n.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if(n!="width"&&n!="height"&&n!="href"&&n!="list"&&n!="form"&&n!="tabIndex"&&n!="download"&&n!="rowSpan"&&n!="colSpan"&&n!="role"&&n!="popover"&&n in e)try{e[n]=t??"";break e}catch{}typeof t=="function"||(t==null||t===!1&&n[4]!="-"?e.removeAttribute(n):e.setAttribute(n,n=="popover"&&t==1?"":t))}}function Xe(e){return function(n){if(this.l){var t=this.l[n.type+e];if(n[Z]==null)n[Z]=ve++;else if(n[Z]<t[G])return;return t(T.event?T.event(n):n)}}}function Ce(e,n,t,o,s,a,i,l,g,d){var f,y,u,h,S,b,v,C,$,P,m,E,D,M,w,H,k=n.type;if(n.constructor!==void 0)return null;128&t.__u&&(g=!!(32&t.__u),a=[l=n.__e=t.__e]),(f=T.__b)&&f(n);e:if(typeof k=="function"){y=i.length;try{if($=n.props,P=k.prototype&&k.prototype.render,m=(f=k.contextType)&&o[f.__c],E=f?m?m.props.value:f.__:o,t.__c?C=(u=n.__c=t.__c).__=u.__E:(P?n.__c=u=new k($,E):(n.__c=u=new re($,E),u.constructor=k,u.render=Bn),m&&m.sub(u),u.state||(u.state={}),u.__n=o,h=u.__d=!0,u.__h=[],u._sb=[]),P&&u.__s==null&&(u.__s=u.state),P&&k.getDerivedStateFromProps!=null&&(u.__s==u.state&&(u.__s=B({},u.__s)),B(u.__s,k.getDerivedStateFromProps($,u.__s))),S=u.props,b=u.state,u.__v=n,h)P&&k.getDerivedStateFromProps==null&&u.componentWillMount!=null&&u.componentWillMount(),P&&u.componentDidMount!=null&&u.__h.push(u.componentDidMount);else{if(P&&k.getDerivedStateFromProps==null&&$!==S&&u.componentWillReceiveProps!=null&&u.componentWillReceiveProps($,E),n.__v==t.__v||!u.__e&&u.shouldComponentUpdate!=null&&u.shouldComponentUpdate($,u.__s,E)===!1){n.__v!=t.__v&&(u.props=$,u.state=u.__s,u.__d=!1),n.__e=t.__e,n.__k=t.__k,n.__k.some(function(O){O&&(O.__=n)}),ne.push.apply(u.__h,u._sb),u._sb=[],u.__h.length&&i.push(u),l=q(t);break e}u.componentWillUpdate!=null&&u.componentWillUpdate($,u.__s,E),P&&u.componentDidUpdate!=null&&u.__h.push(function(){u.componentDidUpdate(S,b,v)})}if(u.context=E,u.props=$,u.__P=e,u.__e=!1,D=T.__r,M=0,P)u.state=u.__s,u.__d=!1,D&&D(n),f=u.render(u.props,u.state,u.context),ne.push.apply(u.__h,u._sb),u._sb=[];else do u.__d=!1,D&&D(n),f=u.render(u.props,u.state,u.context),u.state=u.__s;while(u.__d&&++M<25);u.state=u.__s,u.getChildContext!=null&&(o=B(B({},o),u.getChildContext())),P&&!h&&u.getSnapshotBeforeUpdate!=null&&(v=u.getSnapshotBeforeUpdate(S,b)),w=f!=null&&f.type===z&&f.key==null?nn(f.props.children):f,l=Ve(e,te(w)?w:[w],n,t,o,s,a,i,l,g,d),u.base=n.__e,n.__u&=-161,u.__h.length&&i.push(u),C&&(u.__E=u.__=null)}catch(O){if(i.length=y,n.__v=null,g||a!=null){if(O.then){for(n.__u|=g?160:128;l&&l.nodeType==8&&l.nextSibling;)l=l.nextSibling;a!=null&&(a[a.indexOf(l)]=null),n.__e=l}else if(a!=null)for(H=a.length;H--;)Se(a[H])}else n.__e=t.__e;n.__k==null&&(n.__k=t.__k||[]),O.then||Ze(n),T.__e(O,n,t)}}else a==null&&n.__v==t.__v?(n.__k=t.__k,n.__e=t.__e):l=n.__e=Fn(t.__e,n,t,o,s,a,i,g,d);return(f=T.diffed)&&f(n),128&n.__u?void 0:l}function Ze(e){e&&(e.__c&&(e.__c.__e=!0),e.__k&&e.__k.some(Ze))}function en(e,n,t){for(var o=0;o<t.length;o++)Ee(t[o],t[++o],t[++o]);T.__c&&T.__c(n,e),e.some(function(s){try{e=s.__h,s.__h=[],e.some(function(a){a.call(s)})}catch(a){T.__e(a,s.__v)}})}function nn(e){return typeof e!="object"||e==null||e.__b>0?e:te(e)?e.map(nn):e.constructor!==void 0?null:B({},e)}function Fn(e,n,t,o,s,a,i,l,g){var d,f,y,u,h,S,b,v=t.props||ee,C=n.props,$=n.type;if($=="svg"?s="http://www.w3.org/2000/svg":$=="math"?s="http://www.w3.org/1998/Math/MathML":s||(s="http://www.w3.org/1999/xhtml"),a!=null){for(d=0;d<a.length;d++)if((h=a[d])&&"setAttribute"in h==!!$&&($?h.localName==$:h.nodeType==3)){e=h,a[d]=null;break}}if(e==null){if($==null)return document.createTextNode(C);e=document.createElementNS(s,$,C.is&&C),l&&(T.__m&&T.__m(n,a),l=!1),a=null}if($==null)v===C||l&&e.data==C||(e.data=C);else{if(a=$=="textarea"&&C.defaultValue!=null?null:a&&X.call(e.childNodes),!l&&a!=null)for(v={},d=0;d<e.attributes.length;d++)v[(h=e.attributes[d]).name]=h.value;for(d in v)h=v[d],d=="dangerouslySetInnerHTML"?y=h:d=="children"||d in C||d=="value"&&"defaultValue"in C||d=="checked"&&"defaultChecked"in C||se(e,d,null,h,s);for(d in C)h=C[d],d=="children"?u=h:d=="dangerouslySetInnerHTML"?f=h:d=="value"?S=h:d=="checked"?b=h:l&&typeof h!="function"||v[d]===h||se(e,d,h,v[d],s);if(f)l||y&&(f.__html==y.__html||f.__html==e.innerHTML)||(e.innerHTML=f.__html),n.__k=[];else if(y&&(e.innerHTML=""),Ve(n.type=="template"?e.content:e,te(u)?u:[u],n,t,o,$=="foreignObject"?"http://www.w3.org/1999/xhtml":s,a,i,a?a[0]:t.__k&&q(t,0),l,g),a!=null)for(d=a.length;d--;)Se(a[d]);l&&$!="textarea"||(d="value",$=="progress"&&S==null?e.removeAttribute("value"):S!=null&&(S!==e[d]||$=="progress"&&!S||$=="option"&&S!=v[d])&&se(e,d,S,v[d],s),d="checked",b!=null&&b!=e[d]&&se(e,d,b,v[d],s))}return e}function Ee(e,n,t){try{if(typeof e=="function"){var o=typeof e.__u=="function";o&&e.__u(),o&&n==null||(e.__u=e(n))}else e.current=n}catch(s){T.__e(s,t)}}function tn(e,n,t){var o,s;if(T.unmount&&T.unmount(e),(o=e.ref)&&(o.current&&o.current!=e.__e||Ee(o,null,n)),(o=e.__c)!=null){if(o.componentWillUnmount)try{o.componentWillUnmount()}catch(a){T.__e(a,n)}o.base=o.__P=o.__n=null}if(o=e.__k)for(s=0;s<o.length;s++)o[s]&&tn(o[s],n,t||typeof e.type!="function");t||Se(e.__e),e.__c=e.__=e.__e=void 0}function Bn(e,n,t){return this.constructor(e,t)}function on(e,n,t){var o,s,a,i;n==document&&(n=document.documentElement),T.__&&T.__(e,n),s=(o=!1)?null:n.__k,a=[],i=[],Ce(n,e=n.__k=L(z,null,[e]),s||ee,ee,n.namespaceURI,s?null:n.firstChild?X.call(n.childNodes):null,a,s?s.__e:n.firstChild,o,i),en(a,e,i),e.props.children=null}X=ne.slice,T={__e:function(e,n,t,o){for(var s,a,i;n=n.__;)if((s=n.__c)&&!s.__)try{if((a=s.constructor)&&a.getDerivedStateFromError!=null&&(s.setState(a.getDerivedStateFromError(e)),i=s.__d),s.componentDidCatch!=null&&(s.componentDidCatch(e,o||{}),i=s.__d),i)return s.__E=s}catch(l){e=l}throw e}},Fe=0,re.prototype.setState=function(e,n){var t;t=this.__s!=null&&this.__s!=this.state?this.__s:this.__s=B({},this.state),typeof e=="function"&&(e=e(B({},t),this.props)),e&&B(t,e),e!=null&&this.__v&&(n&&this._sb.push(n),Ge(this))},re.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),Ge(this))},re.prototype.render=z,K=[],Ke=typeof Promise=="function"?Promise.prototype.then.bind(Promise.resolve()):setTimeout,qe=function(e,n){return e.__v.__b-n.__v.__b},ae.__r=0,ye=Math.random().toString(8),Z="__d"+ye,G="__a"+ye,We=/(PointerCapture)$|Capture$/i,ve=0,we=Xe(!1),$e=Xe(!0);var Kn=0;function r(e,n,t,o,s,a){n||(n={});var i,l,g=n;if("ref"in g)for(l in g={},n)l=="ref"?i=n[l]:g[l]=n[l];var d={type:e,props:g,key:t,ref:i,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--Kn,__i:-1,__u:0,__source:s,__self:a};if(typeof e=="function"&&(i=e.defaultProps))for(l in i)g[l]===void 0&&(g[l]=i[l]);return T.vnode&&T.vnode(d),d}const qn="Snagset",Wn="snagset",Yn="snagset:",Gn="Snagset",Vn="Snag",Jn="Snags",x={font:"--snag-font",accent:"--snag-accent",onAccent:"--snag-onAccent",bg:"--snag-bg",fg:"--snag-fg",muted:"--snag-muted",border:"--snag-border",radius:"--snag-radius",shadow:"--snag-shadow",z:"--snag-z",motion:"--snag-motion",surface:"--snag-surface",sunken:"--snag-sunken",hover:"--snag-hover",focus:"--snag-focus",disabled:"--snag-disabled",statusOpen:"--snag-status-open",statusProgress:"--snag-status-progress",statusReview:"--snag-status-review",statusResolved:"--snag-status-resolved",anchorOrphan:"--snag-anchor-orphan",tbH:"--snag-tb-h",dockW:"--snag-dock-w",kb:"--snag-kb",thumbX:"--snag-thumb-x",thumbW:"--snag-thumb-w"},Qn=e=>`var(${x[e]})`,Xn=e=>"snag_"+e,rn={query:["snag_t","snag_off","snag_debug","snag_theme"],fragment:["snag_k"]},an="snag:identity",Zn="data-snag-theme";var V,R,Te,sn,ie=0,ln=[],A=T,dn=A.__b,cn=A.__r,un=A.diffed,pn=A.__c,gn=A.unmount,hn=A.__;function Me(e,n){A.__h&&A.__h(R,e,ie||n),ie=0;var t=R.__H||(R.__H={__:[],__h:[]});return e>=t.__.length&&t.__.push({}),t.__[e]}function N(e){return ie=1,et(_n,e)}function et(e,n,t){var o=Me(V++,2);if(o.t=e,!o.__c&&(o.__=[_n(void 0,n),function(l){var g=o.__N?o.__N[0]:o.__[0],d=o.t(g,l);g!==d&&(o.__N=[d,o.__[1]],o.__c.setState({}))}],o.__c=R,!R.__f)){var s=function(l,g,d){if(!o.__c.__H)return!0;var f=!1,y=o.__c.props!==l;if(o.__c.__H.__.some(function(h){if(h.__N){f=!0;var S=h.__[0];h.__=h.__N,h.__N=void 0,S!==h.__[0]&&(y=!0)}}),a){var u=a.call(this,l,g,d);return f?u||y:u}return!f||y};R.__f=!0;var a=R.shouldComponentUpdate,i=R.componentWillUpdate;R.componentWillUpdate=function(l,g,d){if(this.__e){var f=a;a=void 0,s(l,g,d),a=f}i&&i.call(this,l,g,d)},R.shouldComponentUpdate=s}return o.__N||o.__}function U(e,n){var t=Me(V++,3);!A.__s&&mn(t.__H,n)&&(t.__=e,t.u=n,R.__H.__h.push(t))}function j(e){return ie=5,nt(function(){return{current:e}},[])}function nt(e,n){var t=Me(V++,7);return mn(t.__H,n)&&(t.__=e(),t.__H=n,t.__h=e),t.__}function tt(){for(var e;e=ln.shift();){var n=e.__H;if(e.__P&&n)try{n.__h.some(le),n.__h.some(De),n.__h=[]}catch(t){n.__h=[],A.__e(t,e.__v)}}}A.__b=function(e){R=null,dn&&dn(e)},A.__=function(e,n){e&&n.__k&&n.__k.__m&&(e.__m=n.__k.__m),hn&&hn(e,n)},A.__r=function(e){cn&&cn(e),V=0;var n=(R=e.__c).__H;n&&(Te===R?(n.__h=[],R.__h=[],n.__.some(function(t){t.__N&&(t.__=t.__N),t.u=t.__N=void 0})):(n.__h.some(le),n.__h.some(De),n.__h=[],V=0)),Te=R},A.diffed=function(e){un&&un(e);var n=e.__c;n&&n.__H&&(n.__H.__h.length&&(ln.push(n)!==1&&sn===A.requestAnimationFrame||((sn=A.requestAnimationFrame)||ot)(tt)),n.__H.__.some(function(t){t.u&&(t.__H=t.u,t.u=void 0)})),Te=R=null},A.__c=function(e,n){n.some(function(t){try{t.__h.some(le),t.__h=t.__h.filter(function(o){return!o.__||De(o)})}catch(o){n.some(function(s){s.__h&&(s.__h=[])}),n=[],A.__e(o,t.__v)}}),pn&&pn(e,n)},A.unmount=function(e){gn&&gn(e);var n,t=e.__c;t&&t.__H&&(t.__H.__.some(function(o){try{le(o)}catch(s){n=s}}),t.__H=void 0,n&&A.__e(n,t.__v))};var fn=typeof requestAnimationFrame=="function";function ot(e){var n,t=function(){clearTimeout(o),fn&&cancelAnimationFrame(n),setTimeout(e)},o=setTimeout(t,35);fn&&(n=requestAnimationFrame(t))}function le(e){var n=R,t=e.__c;typeof t=="function"&&(e.__c=void 0,t()),R=n}function De(e){var n=R;e.__c=e.__(),R=n}function mn(e,n){return!e||e.length!==n.length||n.some(function(t,o){return t!==e[o]})}function _n(e,n){return typeof n=="function"?n(e):n}const rt={product:qn,set:Gn,item:Vn,items:Jn};function kn(e){return(n,t)=>(e[n]??"").replace(/\{(\w+)\}/g,(o,s)=>{const a=t?.[s]??rt[s];return a===void 0?o:String(a)})}const I=e=>new Intl.NumberFormat().format(e),bn={"where.anchored":"{label}","where.approximate":"position approximate \u2014 the page changed","where.orphaned":"moved \u2014 the element is gone","status.open":"Active","status.progress":"In progress","status.review":"In review","status.resolved":"Resolved","author.unknown":"Someone","label.image":"an image","label.link":"a link","label.button":"a button","label.tag":"the {tag}"},at=kn(bn),de={open:{colour:"#4f6ef7"},progress:{colour:"#f59e0b"},review:{colour:"#8b5cf6"},resolved:{colour:"#10b981"}},Re=e=>de[e]?.colour??"#8a8f98",xn=e=>e==="open"||e==="review"?"#fff":"#16161a",ce=e=>e in de?at(`status.${e}`):e,c=Object.fromEntries(Object.keys(x).map(e=>[e,Qn(e)])),st=Object.entries(de).map(([e,n])=>`  ${x[`status${e[0].toUpperCase()}${e.slice(1)}`]}:${n.colour};`).join(`
+`);`${c.font}${c.fg}${x.font}${x.accent}${x.bg}${x.fg}${x.muted}${x.border}${x.radius}${x.shadow}${x.z}${x.motion}${x.surface}${c.fg}${c.bg}${x.sunken}${c.fg}${c.bg}${x.hover}${c.fg}${c.bg}${x.onAccent}${x.focus}${c.accent}${c.fg}${x.disabled}${c.muted}${c.bg}${st}${x.anchorOrphan}${Zn}${x.accent}${x.onAccent}${x.bg}${x.fg}${x.muted}${x.border}${x.shadow}${x.motion}${x.bg}${x.fg}${x.muted}${x.border}${x.accent}${x.onAccent}${x.surface}${x.sunken}${x.hover}${x.focus}${x.disabled}${x.shadow}${x.anchorOrphan}`;const it={dock:5},yn=new WeakMap;function vn(e,n,t){let o=yn.get(e);if(o||yn.set(e,o=new Set),o.has(n))return;o.add(n);try{const i=new CSSStyleSheet;i.replaceSync(t),e.adoptedStyleSheets=[...e.adoptedStyleSheets,i];return}catch{}const a=(e.ownerDocument??document).createElement("style");a.setAttribute(`data-snag-${n}`,""),a.textContent=t,e.appendChild(a)}const lt=` .snag-input,.snag-text{width:100%;box-sizing:border-box;background:${c.surface};color:inherit;border:1px solid ${c.border};border-radius:${c.radius};padding:8px;font:inherit;resize:vertical}@media (pointer:coarse){.snag-input,.snag-text{font-size:16px}}.snag-input:focus,.snag-text:focus{outline:2px solid ${c.focus};outline-offset:1px;border-color:transparent}.snag-input--bad{border-color:${c.anchorOrphan}}.snag-note{margin:-2px 0 0;color:${c.anchorOrphan};font-size:11px;line-height:1.35}.snag-note.snag-dim{color:${c.muted}}.snag-actions{display:flex;justify-content:flex-end;gap:6px}.snag-actions button{appearance:none;border:0;border-radius:calc(${c.radius} - 1px);padding:7px 13px;font:inherit;cursor:pointer;min-height:32px;transition:background ${c.motion}}.snag-cancel{background:transparent;color:${c.muted}}.snag-armed{color:${c.anchorOrphan};font-weight:600}.snag-cancel:hover{background:${c.hover};color:inherit}.snag-send{background:${c.accent};color:${c.onAccent};font-weight:600}.snag-send:disabled{opacity:.45;cursor:not-allowed}.snag-actions button:focus-visible{outline:2px solid ${c.focus};outline-offset:2px}`;function dt(e,n,t){const[o,s]=N(!1);return U(()=>{if(!o)return;const a=setTimeout(()=>s(!1),3e3);return()=>clearTimeout(a)},[o]),{armed:o,press(){if(o||n){s(!1),e();return}s(!0)}}}function ct(e){const n=window.visualViewport;if(!n)return;let t=0,o=0;const s=()=>{t=0;const l=Math.max(0,Math.round(window.innerHeight-n.height-n.offsetTop));e.style.setProperty(x.kb,`${l}px`)},a=()=>{t||(t=requestAnimationFrame(s))},i=()=>{clearTimeout(o),o=window.setTimeout(s,300)};return s(),n.addEventListener("resize",a),n.addEventListener("scroll",a),window.addEventListener("orientationchange",a),e.addEventListener("focusout",i),()=>{t&&cancelAnimationFrame(t),clearTimeout(o),n.removeEventListener("resize",a),n.removeEventListener("scroll",a),window.removeEventListener("orientationchange",a),e.removeEventListener("focusout",i)}}const ut="noreferrer nofollow";function pt(e){const n=e.trim();if(!n||/[-]/.test(n)||n.startsWith("//"))return null;const t=/^([a-z][a-z0-9+.-]*):/i.exec(n);return t?/^(https?|mailto)$/i.test(t[1])?n:null:n}const gt=new RegExp(["\\*\\*(?=\\S)(?<bold>[\\s\\S]*?\\S)\\*\\*","(?<!\\w)__(?=\\S)(?<boldU>[\\s\\S]*?\\S)__(?!\\w)","(?<!\\*)\\*(?!\\*)(?=\\S)(?<em>[\\s\\S]*?\\S)(?<!\\*)\\*(?!\\*)","(?<!\\w)_(?=\\S)(?<emU>[\\s\\S]*?\\S)_(?!\\w)","`(?<code>[^`]+)`","\\[(?<label>[^\\]\\n]*)\\]\\((?<href>(?:[^()\\s]|\\([^()\\s]*\\))*)\\)"].join("|")),ht=4;function ue(e,n=0,t=0){const o=[];let s=e,a=n;if(t>=ht)return e?[e]:[];for(;;){const i=gt.exec(s);if(!i)return s&&o.push(s),o;i.index>0&&o.push(s.slice(0,i.index));const l=`i${a++}`,g=i.groups,d=g.bold??g.boldU,f=g.em??g.emU;if(d!==void 0)o.push(L("strong",{key:l},ue(d,a,t+1)));else if(f!==void 0)o.push(L("em",{key:l},ue(f,a,t+1)));else if(g.code!==void 0)o.push(L("code",{key:l},g.code));else{const y=pt(g.href??"");o.push(y?L("a",{key:l,href:y,target:"_blank",rel:ut},g.label??""):i[0])}s=s.slice(i.index+i[0].length)}}const Ae=/^```[^\n]*$/,Pe=/^[-*]\s+(.*)$/,Ne=/^\d{1,9}[.)]\s+(.*)$/;function wn(e){const n=e.split(`
+`),t=[];let o=0,s=0;for(;o<n.length;){const a=n[o];if(Ae.test(a)){const d=[];for(o++;o<n.length&&!Ae.test(n[o]);)d.push(n[o++]);o++,t.push(L("pre",{key:`b${s++}`},L("code",null,d.join(`
+`))));continue}const i=Pe.exec(a),l=Ne.exec(a);if(i||l){const d=i?Pe:Ne,f=[];for(;o<n.length;){const y=d.exec(n[o]);if(!y)break;f.push(L("li",{key:`l${f.length}`},ue(y[1]))),o++}t.push(L(i?"ul":"ol",{key:`b${s++}`},f));continue}const g=[];for(;o<n.length;){const d=n[o];if(!d.trim()||Ae.test(d)||Pe.test(d)||Ne.test(d))break;g.push(d),o++}g.length?t.push(L("p",{key:`b${s++}`},ue(g.join(`
+`)))):o++}return L("div",{class:"snag-md"},t)}const ft=`${Yn}session`;function mt(e,n,t){if(e.origin!==n||!t||e.source!==t)return!1;const o=e.data;return!!o&&o.type===ft&&typeof o.session?.sessionToken=="string"&&typeof o.session.reviewer?.name=="string"}function _t(e,n,t,o){const s=new URLSearchParams({project:n,origin:t});return o&&s.set("env",o),`${new URL(e).origin}/widget-signin?${s}`}function kt(e,n,t){const o=new URL(e).origin,s=window.open(_t(e,n,location.origin,t),`${Wn}-signin`,"popup,width=480,height=600");return s?new Promise(a=>{let i=0;const l=f=>{removeEventListener("message",g),clearInterval(d),a(f)},g=f=>{mt(f,o,s)&&l(f.data.session)};addEventListener("message",g);const d=setInterval(()=>{s.closed&&++i>1&&l(null)},400)}):Promise.resolve("blocked")}function $n(){let e=null;try{e=localStorage.getItem(an)}catch{return{}}if(!e)return{};if(e[0]!=="{")return{name:e};try{const n=JSON.parse(e);return n&&typeof n=="object"?n:{}}catch{return{}}}function bt(e){try{localStorage.setItem(an,JSON.stringify(e))}catch{}}function xt(){const e=$n();return{name:typeof e.name=="string"?e.name:"",...e.email?{email:e.email}:{}}}function yt(e){const n=$n();bt({...n,name:e.name,...e.email?{email:e.email}:{}})}const vt={"detail.details":"Anchor details","detail.hidden":"This element isn't visible right now \u2014 it may be inside a closed menu, tab, or accordion.","detail.orphaned":"The element this was pinned to has moved or gone \u2014 it was {label}.","detail.approximate":"The page changed since this was written, so the pin is close rather than exact \u2014 it points at {label}.","detail.unavailable":"Some of the matching steps couldn't load, so this was judged with the basic ones only.","detail.filedat":"Filed at {query}.","detail.openquery":"Open with original query","capture.agent":"{browser} \xB7 {os}","capture.agent.noos":"{browser}","capture.device":"{device} \xB7 {w}\xD7{h} @{dpr}x","capture.device.at1x":"{device} \xB7 {w}\xD7{h}"},wt={"disclosure.title":"Before your first comment","disclosure.always":"Each comment carries the page address, viewport size and browser make.","disclosure.crumbs.on":"Recent console messages and network results ride along, recognisable secrets redacted first.","disclosure.crumbs.off":"Console and network capture is off here.","disclosure.screenshot.off":"Screenshots are off for this project.","disclosure.screenshot.on":"{product} never reads what you type. Screenshots are pictures of the page, so anything visible on screen is in the picture \u2014 mark sensitive regions with {maskAttr} and they are blurred before the screenshot leaves your browser.","disclosure.retention":"Everything stays in this browser until someone exports it \u2014 the privacy notes list what can still leak.","disclosure.retention.server":"Your comment, the page address and the details above are sent to {host} when you post \u2014 the privacy notes list what can still leak.","disclosure.ack":"Got it","composer.aria":"New comment","composer.parent":"Pin the parent","composer.child":"Pin the first child","composer.shot":"Add a screenshot","composer.name":"Your name","composer.email":"Email, so we can reply","composer.email.bad":"Check the address \u2014 or leave it blank.","composer.signin":"Studio member? Sign in","composer.signin.blocked":"Allow pop-ups for this page to sign in.","composer.member":"Commenting as {name}","composer.signout":"Not you? Sign out","composer.round.closed":"This round is closed \u2014 your comment goes to {round}.","composer.chars":"{n} characters left","composer.body":"Comment","composer.body.placeholder":"What's the {item}?","action.cancel":"Cancel","action.post":"Post comment","composer.discard.sure":"Sure? Discard this comment","action.discard":"Discard?"},$t={"shot.open":"See the screenshot","shot.aria":"Screenshot","shot.close":"Close","announce.status":"Comment {key} set to {status}.","search.placeholder":"Search {n} comments\u2026","search.aria":"Search comments","round.label":"Round","round.closed":"(closed)","filter.status":"Status","filter.clear":"Clear","filter.selectall":"Select all","sort.button":"Sort","sort.newest":"Newest first","sort.oldest":"Oldest first","sort.page":"By page","filter.button":"Filter","filter.button.n":"Filter \xB7 {n}","filter.by":"Comments by","filter.by.anyone":"Anyone","filter.pages":"Pages","filter.pages.all":"All pages","filter.pageonly":"Show comments on this page only","filter.new":"See new activity \xB7 {n}","filter.new.on":"Showing new activity \u2014 show all","filter.new.none":"You\u2019re caught up \u2014 show all","filter.read":"Marked as","filter.read.all":"Anyone\u2019s, read or not","filter.read.unread":"Unread","filter.read.read":"Read","dock.unread":"Unread","badge.anchored":"","badge.approximate":"~","badge.orphaned":"moved","badge.hidden":"hidden","capture.label":"Comment left on","capture.page":"{route}","device.Mobile":"Mobile","device.Desktop":"Desktop","dock.aria":"All comments","dock.title.list":"All comments","dock.title.detail":"Comment","dock.close":"Close all comments","dock.empty":"No comments yet. Press +, then click anything on the page.","dock.empty.filter":"Nothing matches that filter.","dock.empty.orphans":"Every comment here lost its element \u2014 but what each one pointed at is still recorded.","dock.empty.page":"Nothing on this page. {n} comments on {m} other pages.","dock.row.empty":"(no comment)","dock.replies":"{n} replies","dock.goto":"Go to {route}","dock.cluster":"{n} comments in this cluster","dock.cluster.clear":"Show all","dock.hiddenrow":"That comment is now hidden by your filter","dock.hiddenrow.show":"Show","dock.back":"All","dock.back.aria":"Back to all comments","dock.position":"{n} of {total}","dock.prev":"Previous comment","dock.next":"Next comment","dock.clear":"Clear all","dock.clear.aria":"Delete every comment in this review","comment.edit":"Edit this comment","comment.delete":"Delete this comment and its pin","reply.delete":"Delete this reply","time.now":"just now","who.name":"Your name","who.email":"Email, so we can reply","who.email.bad":"Check the address \u2014 or leave it blank.","who.signin":"Studio member? Sign in","who.signin.blocked":"Allow pop-ups for this page to sign in.","who.member":"Replying as {name}","who.signout":"Not you? Sign out","detail.hidden.show":"Show anyway","field.status":"Status","field.status.locked":"Only the studio can change status here.","field.assignee":"Assigned to","assignee.none":"Unassigned","permalink.copy":"Copy link","permalink.copied":"Copied","reply.add":"Add reply","reply.aria":"Reply","reply.placeholder":"Reply\u2026","reply.send":"Reply","action.more":"More actions","action.edit":"Edit","action.delete":"Delete","action.save":"Save","action.sure":"Sure?","export.button":"Export","export.md":"Markdown","export.json":"JSON"},St={...bn,...vt,...wt,...$t},p=kn(St),Ct=[/^utm_/,/^(gclid|gbraid|wbraid|fbclid|msclkid|ttclid|twclid|igshid|yclid|li_fat_id)$/,/^(mc_cid|mc_eid|_hsenc|_hsmi|vero_id|oly_enc_id|oly_anon_id)$/,/^_vercel_/,/^__vercel_/,/^_rsc$/],Et=[...rn.query,...rn.fragment];function Tt(e,n=[]){return Et.includes(e)||n.includes(e)?!0:Ct.some(t=>t.test(e))}const pe=["open","progress","review","resolved"];function Mt(e,n){const t=e.includes(n)?e.filter(o=>o!==n):[...e,n];return t.length>=pe.length?[]:t}function Dt(e,n,t){if(n.statuses.length>0&&pe.includes(e.status)&&!n.statuses.includes(e.status)||n.by&&e.createdBy.id!==n.by||n.page&&e.route!==n.page)return!1;if(n.read!=="all"&&t){const o=ge(e,t);if(n.read==="unread"&&!o||n.read==="read"&&o)return!1}return!0}function ge(e,n){const t=n.get(e.id)??0;return Date.parse(e.updatedAt)>t}function Rt(e,n,t,o){let s=e;n.pageOnly&&(s=s.filter(i=>i.route===t)),n.newOnly&&o&&(s=s.filter(i=>ge(i,o)));const a=n.q?.trim().toLowerCase();return a&&(s=s.filter(i=>i.comments.some(l=>(l.body??"").toLowerCase().includes(a)||l.author.name.toLowerCase().includes(a))||i.createdBy.name.toLowerCase().includes(a))),s}function At(e,n){if(n==="page")return e;const t=(s,a)=>Date.parse(s.createdAt)-Date.parse(a.createdAt),o=[...e].sort(t);return n==="oldest"?o:o.reverse()}function Pt(e){const n=new Map;for(const t of e)n.set(t.status,(n.get(t.status)??0)+1);return{all:e.length,byStatus:n}}function Nt(e){return(e.read!=="all"?1:0)+(e.by?1:0)+(e.page?1:0)}const Oe=Object.keys(de);function Sn({label:e,title:n,cls:t,role:o,onConfirm:s}){const{armed:a,press:i}=dt(s);return r("button",{type:"button",...o===void 0?{}:{role:o},class:`${t}${a?" snag-dk-armed":""}`,"aria-label":a?`${p("action.sure")} ${n}`:n,title:n,onClick:i,children:a?p("action.sure"):e})}function Ot({snag:e}){const n=e.context?.derived?.device;if(!n)return null;const t=p(`device.${n}`);return r("span",{class:"snag-dk-dev",title:t,"aria-label":t,role:"img",children:n==="Mobile"?r("svg",{width:"11",height:"14",viewBox:"0 0 11 14",fill:"none","aria-hidden":"true",children:[r("rect",{x:".75",y:".75",width:"9.5",height:"12.5",rx:"1.75",stroke:"currentColor","stroke-width":"1.5"}),r("path",{d:"M4.5 11h2",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round"})]}):r("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none","aria-hidden":"true",children:[r("rect",{x:".75",y:"1.75",width:"12.5",height:"8.5",rx:"1.75",stroke:"currentColor","stroke-width":"1.5"}),r("path",{d:"M5 12.75h4",stroke:"currentColor","stroke-width":"1.5","stroke-linecap":"round"})]})})}function It({anchor:e}){const n=[];if(e.testid&&n.push(["testid",e.testid]),e.domid&&n.push(["id",e.domid]),e.css&&n.push(["css",e.css]),e.hostPath?.length&&n.push(["shadow host",e.hostPath.join(" >> ")]),e.role&&n.push(["role",e.role]),e.accessibleName&&n.push(["name",e.accessibleName]),e.text?.exact&&n.push(["text",e.text.exact]),e.path?.length&&n.push(["path",e.path.join(" > ")]),e.rect){const t=e.rect;n.push(["rect",`${Math.round(t.x)}, ${Math.round(t.y)} \u2014 ${Math.round(t.w)} x ${Math.round(t.h)}`])}return e.breakpoint&&n.push(["breakpoint",`${e.breakpoint} at capture \xB7 you are at ${typeof window>"u"?"?":window.innerWidth}px`]),r("details",{class:"snag-dk-anchor",children:[r("summary",{children:p("detail.details")}),r("dl",{children:n.map(([t,o])=>r("div",{children:[r("dt",{children:t}),r("dd",{children:o})]},t))})]})}function Cn({iso:e}){const n=Date.parse(e);if(!Number.isFinite(n))return null;const t=new Date(n),o=Math.round((n-Date.now())/1e3);let s;if(Math.abs(o)<45)s=p("time.now");else if(Math.abs(o)<7*86400){const a=new Intl.RelativeTimeFormat(void 0,{numeric:"auto",style:"short"}),[i,l]=Math.abs(o)<3600?[Math.round(o/60),"minute"]:Math.abs(o)<86400?[Math.round(o/3600),"hour"]:[Math.round(o/86400),"day"];s=a.format(i,l)}else s=t.toLocaleDateString(void 0,{day:"numeric",month:"short",...t.getFullYear()===new Date().getFullYear()?{}:{year:"numeric"}});return r("time",{class:"snag-dk-dim snag-dk-when",dateTime:t.toISOString(),title:t.toLocaleString(),children:s})}function En({body:e,onEdit:n,deleteLabel:t,onDelete:o}){const s=e??"",[a,i]=N(!1),[l,g]=N(!1),[d,f]=N(s),y=j(null),u=h=>{h.key!=="Escape"||!l||(h.stopPropagation(),g(!1))};return U(()=>{a&&y.current?.focus()},[a]),a&&n?r("div",{class:"snag-dk-editbox",children:[r("textarea",{ref:y,class:"snag-text",rows:3,"aria-label":p("comment.edit"),value:d,onInput:h=>f(h.target.value),onKeyDown:h=>{h.key==="Enter"&&(h.metaKey||h.ctrlKey)&&(h.preventDefault(),d.trim()&&(n(d.trim()),i(!1))),h.key==="Escape"&&(h.stopPropagation(),f(s),i(!1))}}),r("div",{class:"snag-actions",children:[r("button",{type:"button",class:"snag-cancel",onClick:()=>{f(s),i(!1)},children:p("action.cancel")}),r("button",{type:"button",class:"snag-send",disabled:!d.trim()||d.trim()===s,onClick:()=>{n(d.trim()),i(!1)},children:p("action.save")})]})]}):r("div",{class:"snag-dk-acts snag-dk-menus",onKeyDown:u,children:[l&&r("div",{class:"snag-dk-menubg","aria-hidden":"true",onClick:()=>g(!1)}),r("span",{class:"snag-dk-menuwrap",children:[r("button",{type:"button",class:"snag-dk-act snag-dk-more","aria-label":p("action.more"),"aria-expanded":l,"aria-haspopup":"menu",title:p("action.more"),onClick:()=>g(!l),children:"\u22EF"}),l&&r("div",{class:"snag-dk-menu",role:"menu",children:[n&&r("button",{type:"button",role:"menuitem",title:p("comment.edit"),"aria-label":p("comment.edit"),onClick:()=>{g(!1),f(s),i(!0)},children:p("action.edit")}),o&&r(Sn,{label:p("action.delete"),title:t,cls:"snag-dk-act--danger",role:"menuitem",onConfirm:o})]})]})]})}function Lt({snag:e}){const n=e.anchorReasons?.includes("hidden")??!1;return r("span",{class:"snag-dk-dim snag-dk-where",children:[n&&r(z,{children:[r("span",{class:"snag-dk-moved",children:p("badge.hidden")})," "]}),e.anchorState!=="anchored"&&r(z,{children:[r("span",{class:"snag-dk-moved",children:p(`badge.${e.anchorState}`)})," "]}),e.anchor.label]})}function zt(e){const n=new Map,t=new Map;for(const o of e){const s=(n.get(o.route)??0)+1;n.set(o.route,s),t.set(o.id,s)}return t}function Ut(e,n){const t=new Map;for(const o of e){const s=t.get(o.route);s?s.push(o):t.set(o.route,[o])}return[...t.entries()].map(([o,s])=>({route:o,here:o===n,snags:s})).sort((o,s)=>o.route.localeCompare(s.route))}function jt({snag:e,n,here:t,unread:o,onOpen:s,onHover:a}){const i=g=>a(t?g:null),l=t?"":p("dock.goto",{route:e.route});return r("li",{children:r("button",{type:"button",class:"snag-dk-item",onClick:()=>s(e.id),onPointerEnter:()=>i(e.id),onPointerLeave:()=>i(null),onFocus:()=>i(e.id),onBlur:()=>i(null),children:[r("span",{class:`snag-dk-dot${o?" snag-dk-dot--on":""}`,role:"img","aria-label":o?p("dock.unread"):""}),r("span",{class:`snag-dk-num${e.anchorState==="anchored"?"":` snag-dk-num--${e.anchorState}`}`,style:{background:Re(e.status),color:xn(e.status)},children:n}),r("span",{class:"snag-dk-main",children:[r("span",{class:`snag-dk-body${e.status==="resolved"?" snag-dk-done":""}`,children:e.comments[0]?.body??p("dock.row.empty")}),r("span",{class:"snag-dk-sub",children:r(Lt,{snag:e})})]}),r(Ot,{snag:e}),e.comments.length>1&&r("span",{class:"snag-dk-replies",role:"img","aria-label":p("dock.replies",{n:I(e.comments.length-1)}),children:I(e.comments.length-1)}),!t&&r("span",{class:"snag-dk-goto",role:"img",title:l,"aria-label":l,children:"\u2197"})]})})}const Tn=e=>c[`status${e[0].toUpperCase()}${e.slice(1)}`]??c.muted;function Ht({round:e,filter:n,onFilter:t,rounds:o,activeRound:s,onRound:a,onClearAll:i,seenAt:l}){const g=!!o&&o.length>1&&!!a,d=e.length>0,[f,y]=N(null),u=Pt(e),h=m=>{const E={...n};for(const[D,M]of Object.entries(m))M===void 0?delete E[D]:E[D]=M;t(E)},S=n.statuses.length>0,b=Nt(n),v=[...new Map(e.map(m=>[m.createdBy.id,m.createdBy.name]))],C=[...new Set(e.map(m=>m.route))].sort(),$=[...u.byStatus.keys()].filter(m=>!pe.includes(m)),P=r("div",{class:"snag-dk-menugroup",children:[r("div",{class:"snag-dk-chiphead",children:[r("span",{class:"snag-dk-menutitle",children:p("filter.status")}),r("button",{type:"button",class:"snag-dk-link",onClick:()=>h({statuses:[]}),children:p(S?"filter.selectall":"filter.clear")})]}),r("div",{class:"snag-dk-chips",role:"group","aria-label":p("filter.status"),children:[pe.map(m=>{const E=n.statuses.includes(m);return r("button",{type:"button",class:"snag-dk-chip","aria-pressed":E,style:`border-color:color-mix(in srgb, ${Tn(m)} 60%, transparent);background:color-mix(in srgb, ${Tn(m)} ${E?28:10}%, transparent)`,onClick:()=>h({statuses:Mt(n.statuses,m)}),children:[ce(m)," ",r("span",{class:"snag-dk-dim",children:I(u.byStatus.get(m)??0)})]})}),$.map(m=>r("span",{class:"snag-dk-chip snag-dk-chip-stray",children:[m," ",r("span",{class:"snag-dk-dim",children:I(u.byStatus.get(m)??0)})]}))]})]});return r("div",{class:"snag-dk-filters",children:[d&&r("input",{class:"snag-input snag-dk-search",type:"search","aria-label":p("search.aria"),placeholder:p("search.placeholder",{n:I(e.length)}),value:n.q??"",onInput:m=>h({q:m.currentTarget.value||void 0})}),r("div",{class:"snag-dk-menus",onKeyDown:m=>{m.key!=="Escape"||!f||(m.stopPropagation(),y(null))},children:[f&&r("div",{class:"snag-dk-menubg","aria-hidden":"true",onClick:()=>y(null)}),r("span",{class:"snag-dk-menuwrap",children:[r("button",{type:"button",class:"snag-dk-link","aria-expanded":f==="filter",onClick:()=>y(f==="filter"?null:"filter"),children:b>0?p("filter.button.n",{n:I(b)}):p("filter.button")}),f==="filter"&&r("div",{class:"snag-dk-menu snag-dk-menu-form",role:"group","aria-label":p("filter.button"),children:[(g||d)&&r("div",{class:"snag-dk-menugroup",children:[!g&&r("span",{class:"snag-dk-menutitle",children:p("round.label")}),g&&r("label",{class:"snag-dk-round",children:[r("span",{class:"snag-dk-menutitle",children:p("round.label")}),r("select",{class:"snag-input",value:String(s??""),onChange:m=>a(Number(m.currentTarget.value)),children:o.map(m=>r("option",{value:String(m.number),children:[m.name,m.closed?` ${p("round.closed")}`:""]},m.number))})]}),d&&r(Sn,{label:p("dock.clear"),title:p("dock.clear.aria"),cls:"snag-dk-link snag-dk-clear",onConfirm:i})]}),d&&P,d&&r("div",{class:"snag-dk-menugroup",role:"radiogroup","aria-label":p("sort.button"),children:[r("span",{class:"snag-dk-menutitle","aria-hidden":"true",children:p("sort.button")}),[["newest","sort.newest"],["oldest","sort.oldest"],["page","sort.page"]].map(([m,E])=>r("button",{type:"button",role:"radio","aria-checked":n.sort===m,onClick:()=>h({sort:m}),children:[r("span",{class:"snag-dk-tick","aria-hidden":"true",children:n.sort===m?"\u2713":"\xA0"}),p(E)]}))]}),d&&r("div",{class:"snag-dk-menugroup snag-dk-menugroup-last",children:[l&&r("label",{children:[p("filter.read"),r("select",{value:n.read,onChange:m=>h({read:m.currentTarget.value}),children:[r("option",{value:"all",children:p("filter.read.all")}),r("option",{value:"unread",children:p("filter.read.unread")}),r("option",{value:"read",children:p("filter.read.read")})]})]}),r("label",{children:[p("filter.by"),r("select",{value:n.by??"",onChange:m=>h({by:m.currentTarget.value||void 0}),children:[r("option",{value:"",children:p("filter.by.anyone")}),v.map(([m,E])=>r("option",{value:m,children:E}))]})]}),r("label",{children:[p("filter.pages"),r("select",{value:n.page??"",onChange:m=>h({page:m.currentTarget.value||void 0}),children:[r("option",{value:"",children:p("filter.pages.all")}),C.map(m=>r("option",{value:m,children:m}))]})]}),r("label",{class:"snag-dk-pageonly",children:[r("input",{type:"checkbox",checked:n.pageOnly,onChange:m=>h({pageOnly:m.currentTarget.checked})})," ",p("filter.pageonly")]})]})]})]})]})]})}function Ft({snags:e,groups:n,route:t,onOpen:o,onHover:s,onExport:a,onClearAll:i,clusterFilter:l,onClusterClear:g,filter:d,onFilter:f,hiddenNote:y,onHiddenShow:u,rounds:h,activeRound:S,onRound:b,seenAt:v}){const C=zt(e),$=n.flatMap(k=>k.snags),P=d.statuses.length>0||!!d.by||!!d.page||!!d.q?.trim()||d.pageOnly||d.newOnly||d.read!=="all",m=v?e.filter(k=>ge(k,v)).length:0,E=j(null),[D,M]=N(!1),w=k=>{k.key!=="Escape"||!D||(k.stopPropagation(),M(!1))},H=j(null);return U(()=>{const k=E.current,O=H.current;!k||!O||(k.scrollTop+=O.getBoundingClientRect().top-k.getBoundingClientRect().top)},[t,n.length]),r(z,{children:[h&&h.length>1&&b&&r("label",{class:"snag-dk-roundbar",children:[r("span",{class:"snag-dk-dim",children:p("round.label")}),r("select",{class:"snag-input",value:String(S??""),onChange:k=>b(Number(k.currentTarget.value)),children:h.map(k=>r("option",{value:String(k.number),children:[k.name,k.closed?` ${p("round.closed")}`:""]},k.number))})]}),e.length>0&&r(Ht,{round:e,filter:d,onFilter:f,onClearAll:i,...v===void 0?{}:{seenAt:v}}),v&&(m>0||d.newOnly)&&r("button",{type:"button",class:"snag-dk-newpill","aria-pressed":d.newOnly,onClick:()=>f({...d,newOnly:!d.newOnly}),children:d.newOnly?p(m===0?"filter.new.none":"filter.new.on"):p("filter.new",{n:I(m)})}),e.length===0?r("div",{class:"snag-dk-empty",children:r("p",{children:p("dock.empty")})}):$.length===0&&P?r("div",{class:"snag-dk-empty",children:d.pageOnly&&e.some(k=>k.route!==t)?r("p",{children:p("dock.empty.page",{n:I(e.filter(k=>k.route!==t).length),m:I(new Set(e.filter(k=>k.route!==t).map(k=>k.route)).size)})}):r("p",{children:p("dock.empty.filter")})}):r(z,{children:[y&&r("p",{class:"snag-dk-notice",children:[p("dock.hiddenrow")," ",r("button",{type:"button",class:"snag-dk-link",onClick:()=>u(y),children:p("dock.hiddenrow.show")})]}),l&&r("p",{class:"snag-dk-notice",children:[p("dock.cluster",{n:l.length})," ",r("button",{type:"button",class:"snag-dk-link",onClick:()=>g?.(),children:p("dock.cluster.clear")})]}),e.every(k=>k.anchorState==="orphaned")&&r("p",{class:"snag-dk-notice",children:p("dock.empty.orphans")}),r("div",{class:"snag-dk-scroll",ref:E,children:n.map(k=>r("section",{class:"snag-dk-group",ref:k.here?H:null,children:[k.route!==""&&r("h3",{class:"snag-dk-grouphd",children:[r("span",{class:"snag-dk-route",children:k.route}),r("span",{class:"snag-dk-dim",children:I(k.snags.length)})]}),r("ul",{class:"snag-dk-list",children:k.snags.map(O=>r(jt,{snag:O,n:C.get(O.id),here:k.here,unread:!!v&&ge(O,v),onOpen:o,onHover:s},O.id))})]},k.route))})]}),a&&r("div",{class:"snag-dk-foot",children:r("div",{class:"snag-dk-menus snag-dk-menus-up",onKeyDown:w,children:[D&&r("div",{class:"snag-dk-menubg","aria-hidden":"true",onClick:()=>M(!1)}),r("span",{class:"snag-dk-menuwrap",children:[r("button",{type:"button",class:"snag-dk-link","aria-expanded":D,"aria-haspopup":"menu",onClick:()=>M(!D),children:p("export.button")}),D&&r("div",{class:"snag-dk-menu snag-dk-menu-up",role:"menu",children:["md","json"].map(k=>r("button",{type:"button",role:"menuitem",onClick:()=>{M(!1),a(k)},children:p(k==="md"?"export.md":"export.json")}))})]})]})})]})}const Ie=new Map;function Bt(e){const n=[];try{for(const[t,o]of new URL(e).searchParams)Tt(t)||n.push(o&&o!=="[redacted]"?`${t}=${o}`:t)}catch{return null}return n.length?`?${n.join("&")}`:null}function Kt({att:e,load:n}){const t=j(null),[o,s]=N(!1),[a,i]=N(null);return U(()=>{let l=!1;return n(e).then(async g=>{if(!g||l)return;const d=await createImageBitmap(g);l?d.close():i(d)}).catch(()=>{}),()=>{l=!0}},[e.id,e.url]),U(()=>{const l=t.current;if(!l||!a)return;const g=142,d=g/a.width;l.width=g,l.height=Math.min(96,Math.round(a.height*d)),l.getContext("2d").drawImage(a,0,0,a.width,Math.round(l.height/d),0,0,l.width,l.height)},[a]),a?r(z,{children:[r("button",{type:"button",class:"snag-dk-shot",onClick:()=>s(!0),"aria-label":p("shot.open"),children:r("canvas",{ref:t,width:142,height:Math.min(96,Math.round(a.height*(142/a.width)))})}),o&&r(qt,{bmp:a,onClose:()=>s(!1)})]}):null}function qt({bmp:e,onClose:n}){const t=j(null);return U(()=>{const o=t.current;o&&(o.width=e.width,o.height=e.height,o.getContext("2d").drawImage(e,0,0))},[e]),r("div",{class:"snag-dk-lightbox",role:"dialog","aria-modal":"true","aria-label":p("shot.aria"),tabIndex:-1,ref:o=>o?.focus(),onKeyDown:o=>{o.key==="Escape"&&(o.stopPropagation(),n())},onClick:n,children:[r("canvas",{ref:t}),r("button",{type:"button",class:"snag-dk-link snag-dk-lightclose",onClick:n,children:p("shot.close")})]})}function Wt({snag:e,loadShot:n}){const t=e.context;if(!t)return null;const o=e.attachments?.find(l=>l.kind==="screenshot"),s=t.derived,a=t.viewport,i=a?Math.round(a.dpr*100)/100:1;return r("div",{class:"snag-dk-cap",children:[o&&n&&r(Kt,{att:o,load:n}),r("p",{class:"snag-dk-caplabel",children:p("capture.label")}),t.page?.route!==void 0&&r("p",{children:p("capture.page",{route:t.page.route})}),s&&a&&r(z,{children:[r("p",{children:s.os?p("capture.agent",{browser:s.browser,os:s.os}):p("capture.agent.noos",{browser:s.browser})}),r("p",{children:i===1?p("capture.device.at1x",{device:s.device,w:a.w,h:a.h}):p("capture.device",{device:s.device,w:a.w,h:a.h,dpr:i})})]}),t.capture?.reasons?.map(l=>r("p",{class:"snag-dk-capwhy",children:l},l)),t.capture?.blindSpots?.map(l=>r("p",{class:"snag-dk-capwhy",children:l},l)),(()=>{const l=Bt(t.url);return l?r("p",{class:"snag-dk-capwhy",children:[p("detail.filedat",{query:l})," ",r("a",{class:"snag-dk-openq",href:t.url,target:"_blank",rel:"noreferrer",children:p("detail.openquery")})]}):null})()]})}function Mn(e){const n=e.context?.url??e.route;return`${n}${n.includes("?")?"&":"?"}${Xn("t")}=${e.key}`}function Yt({snag:e}){const[n,t]=N(!1),o=Mn(e);return navigator.clipboard?r("button",{type:"button",class:"snag-dk-link",onClick:()=>void navigator.clipboard.writeText(o).then(()=>{t(!0),setTimeout(()=>t(!1),1500)},()=>{}),children:p(n?"permalink.copied":"permalink.copy")}):null}function Gt({snag:e}){return navigator.clipboard?null:r("p",{class:"snag-dk-permaline",children:[r("span",{class:"snag-dk-permalabel",children:p("permalink.copy")})," ",r("span",{class:"snag-dk-permaurl",children:Mn(e)})]})}let Le=null;function Vt({snag:e,list:n,onAssign:t}){const[o,s]=N([]);U(()=>{n&&(Le??=n().catch(()=>(Le=null,[])),Le.then(s))},[n]);const a=e.assignee??null;if(!n||!t)return a?r("p",{class:"snag-dk-field",children:[r("span",{class:"snag-dk-dim",children:p("field.assignee")})," ",r("strong",{children:a.name})]}):null;const i=a&&!o.some(l=>l.id===a.id)?[a,...o]:o;return r("label",{class:"snag-dk-field",children:[r("span",{class:"snag-dk-dim",children:p("field.assignee")}),r("select",{class:"snag-dk-select",value:a?.id??"",onChange:l=>{const g=l.target.value;t(e.id,i.find(d=>d.id===g)??null)},children:[r("option",{value:"",children:p("assignee.none")}),i.map(l=>r("option",{value:l.id,children:l.name},l.id))]})]})}function Jt({snags:e,round:n,fallbackCursor:t,openId:o,onOpen:s,onStatus:a,onReply:i,onEdit:l,onDeleteComment:g,onDeleteThread:d,isMine:f,canDeleteOwnThread:y=!0,canModerate:u=!1,canStatus:h=!0,studio:S,assignees:b,onAssign:v,onShowAnyway:C,onAnnounce:$,loadShot:P}){const m=e.findIndex(_=>_.id===o),E=m>=0,D=_=>f?f(_):!0,M=E?m:Math.min(t,e.length),w=E?e[m]:n.find(_=>_.id===o),H=o?Ie.get(o)??"":"",[k,O]=N(H),[he,fe]=N(H.length>0),me=j(null);U(()=>{he&&me.current?.focus()},[he]);const _e=_=>{O(_),o&&(_?Ie.set(o,_):Ie.delete(o))},ke=xt(),[be]=N(!ke.name),[W,ze]=N(S?.member??null),[xe,Pn]=N(ke.name??""),[Y,Nn]=N(ke.email??""),[On,Ue]=N(!1),J=Y.trim().length>0&&!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(Y.trim()),je=!!k.trim()&&(!!W||!be||!!xe.trim()&&!J),In=()=>{S&&(Ue(!1),kt(S.host,S.uid,S.env).then(_=>{if(_==="blocked")return Ue(!0);_&&(S.adopt(_),ze(_.reviewer.name),me.current?.focus())}))},He=()=>{if(!w||!je)return;let _;W?_=W:be&&(_=xe.trim(),yt({name:_,...Y.trim()?{email:Y.trim()}:{}})),i(w.id,k.trim(),_),_e(""),fe(!1)};if(!w)return null;const F=w.comments[0],Ln=n.filter(_=>_.route===w.route).findIndex(_=>_.id===w.id)+1;return r("div",{class:"snag-dk-detail",children:[r("div",{class:"snag-dk-detailhd",children:[r("button",{type:"button",class:"snag-dk-link",onClick:()=>s(null),"aria-label":p("dock.back.aria"),children:[r("span",{"aria-hidden":"true",children:"\u2190"})," ",p("dock.back")]}),r("span",{class:"snag-dk-dim",children:p("dock.position",{n:E?I(M+1):"\u2013",total:I(e.length)})}),r("span",{class:"snag-dk-nav",children:[r("button",{type:"button",class:"snag-dk-link",disabled:M<=0,"aria-label":p("dock.prev"),onClick:()=>s(e[M-1].id),children:"\u2191"}),r("button",{type:"button",class:"snag-dk-link",disabled:E?M>=e.length-1:M>=e.length,"aria-label":p("dock.next"),onClick:()=>s(e[E?M+1:M].id),children:"\u2193"})]})]}),r("div",{class:"snag-dk-card",children:[r("div",{class:"snag-dk-meta",children:[r("span",{class:"snag-dk-num",style:{background:Re(w.status),color:xn(w.status)},children:Ln}),r("strong",{children:F?.author.name??p("author.unknown")}),r("span",{class:"snag-dk-dim",children:w.key}),F&&r(Cn,{iso:F.createdAt}),r(Yt,{snag:w})]}),r("div",{class:"snag-dk-cardbody",children:wn(F?.body??"")}),r(Gt,{snag:w}),F&&(D(F.author)||u)&&r(En,{body:F.body,...D(F.author)?{onEdit:_=>l(F.id,_)}:{},deleteLabel:p("comment.delete"),...u||y&&w.comments.every(_=>D(_.author))?{onDelete:()=>d(w.id)}:{}})]}),h?r("label",{class:"snag-dk-field",children:[r("span",{class:"snag-dk-dim",children:p("field.status")}),r("select",{class:"snag-dk-select",style:{borderColor:Re(w.status)},value:w.status,onChange:_=>{const Q=_.target.value;a(w.id,Q),$?.(p("announce.status",{key:w.key,status:ce(Q)}))},children:Oe.map(_=>r("option",{value:_,children:ce(_)},_))})]}):r("p",{class:"snag-dk-field","data-status-locked":!0,children:[r("span",{class:"snag-dk-dim",children:p("field.status")}),r("strong",{children:ce(w.status)}),r("span",{class:"snag-dk-dim",children:p("field.status.locked")})]}),r(Vt,{snag:w,...b&&v?{list:b,onAssign:v}:{}}),r(Wt,{snag:w,...P?{loadShot:P}:{}}),w.anchorReasons?.includes("hidden")&&r("p",{class:"snag-dk-moved-note",children:[p("detail.hidden")," ",r("button",{type:"button",class:"snag-dk-link",onClick:()=>C?.(w),children:p("detail.hidden.show")})]}),w.anchorState!=="anchored"&&r("p",{class:"snag-dk-moved-note",children:[p(`detail.${w.anchorState}`,{label:w.anchor.label}),w.anchorReasons?.includes("budget-exceeded")&&` ${p("detail.unavailable")}`]}),w.anchorState!=="anchored"&&r(It,{anchor:w.anchor}),w.comments.length>1&&r("ul",{class:"snag-dk-replies-list",children:w.comments.slice(1).map(_=>r("li",{children:[r("strong",{children:_.author.name})," ",r(Cn,{iso:_.createdAt}),wn(_.body??""),(D(_.author)||u)&&r(En,{body:_.body,...D(_.author)?{onEdit:Q=>l(_.id,Q)}:{},deleteLabel:p("reply.delete"),onDelete:()=>g(_.id)})]},_.id))}),he?r("div",{class:"snag-dk-replybox",children:[W?r("p",{class:"snag-dk-who",children:[p("who.member",{name:W})," ",r("button",{type:"button",class:"snag-dk-link",onClick:()=>{S?.signOut(),ze(null)},children:p("who.signout")})]}):be&&r(z,{children:[r("input",{class:"snag-input",type:"text",autocomplete:"name",placeholder:p("who.name"),"aria-label":p("who.name"),value:xe,onInput:_=>Pn(_.target.value)}),r("input",{class:`snag-input${J?" snag-input--bad":""}`,type:"email",inputMode:"email",autocomplete:"email",placeholder:p("who.email"),"aria-label":p("who.email"),"aria-invalid":J?"true":void 0,value:Y,onInput:_=>Nn(_.target.value)}),J&&r("p",{class:"snag-dk-who",children:p("who.email.bad")})]}),S&&!W&&r("p",{class:"snag-dk-who",children:[r("button",{type:"button",class:"snag-dk-link",onClick:In,children:p("who.signin")}),On&&r("span",{role:"status",children:[" ",p("who.signin.blocked")]})]}),r("textarea",{ref:me,class:"snag-text",rows:2,enterkeyhint:"enter","aria-label":p("reply.aria"),placeholder:p("reply.placeholder"),value:k,onInput:_=>_e(_.target.value),onKeyDown:_=>{_.key==="Enter"&&(_.metaKey||_.ctrlKey)&&(_.preventDefault(),He()),_.key==="Escape"&&(_.stopPropagation(),_.target.blur())}}),r("div",{class:"snag-actions",children:[r("button",{type:"button",class:"snag-cancel",onClick:()=>{_e(""),fe(!1)},children:p("action.cancel")}),r("button",{type:"button",class:"snag-send",disabled:!je,onClick:He,children:p("reply.send")})]})]}):r("button",{type:"button",class:"snag-dk-addreply",onClick:()=>fe(!0),children:p("reply.add")})]})}function Qt(e){const n=e.openId?e.snags.find(b=>b.id===e.openId):null,t=j(null),o=e.clusterFilter?e.snags.filter(b=>e.clusterFilter.includes(b.id)):e.snags,s=Rt(o.filter(b=>Dt(b,e.filter,e.seenAt)),e.filter,e.route,e.seenAt),a=At(s,e.filter.sort),i=e.filter.sort==="page"?Ut(a,e.route):[{route:"",here:!1,snags:a}],l=i.flatMap(b=>b.snags),g=j(0),d=l.findIndex(b=>b.id===e.openId);d>=0&&(g.current=d);const f=j(null),[y,u]=N(null);e.openId?(f.current={id:e.openId,absent:d===-1},y&&u(null)):f.current?.absent&&y!==f.current.id&&(u(f.current.id),f.current=null),U(()=>{t.current?.focus()},[e.openId]),U(()=>{if(!(window.matchMedia?.("(pointer: coarse)").matches??!1))return;const b=t.current;return b?ct(b):void 0},[]);const h=j({snag:n,onStatus:e.onStatus,can:e.canStatus!==!1});h.current={snag:n,onStatus:e.onStatus,can:e.canStatus!==!1},U(()=>{const b=v=>{const{snag:C,onStatus:$,can:P}=h.current;if(!C||!P||v.metaKey||v.ctrlKey||v.altKey||v.composedPath().some(D=>{const M=D;if(!M?.tagName)return!1;const w=M.tagName.toLowerCase();return w==="textarea"||w==="select"?!0:w==="input"?!/^(button|submit|checkbox|radio)$/i.test(M.type):M.isContentEditable?!0:/^(textbox|searchbox|combobox)$/.test(M.getAttribute?.("role")??"")}))return;const E=Number(v.key);if(E>=1&&E<=Oe.length){v.preventDefault(),$(C.id,Oe[E-1]);return}(v.key==="r"||v.key==="R")&&(v.preventDefault(),$(C.id,C.status==="resolved"?"open":"resolved"))};return document.addEventListener("keydown",b),()=>document.removeEventListener("keydown",b)},[]);const S=window.matchMedia?.("(pointer: coarse)").matches??!1;return r("aside",{ref:t,class:"snag-dk",role:"complementary","aria-label":p("dock.aria"),tabIndex:-1,onKeyDown:b=>{b.key==="Escape"&&(b.stopPropagation(),e.openId?e.onOpen(null):e.onClose())},children:[S&&r("div",{class:"snag-dk-scrim","aria-hidden":"true",onClick:e.onClose}),S&&r("div",{class:"snag-dk-grab","aria-hidden":"true",onPointerDown:b=>{const v=b.clientY,C=b.currentTarget;try{C.setPointerCapture(b.pointerId)}catch{}C.onpointermove=$=>{$.clientY-v>56&&(C.onpointermove=null,e.onClose())},C.onpointerup=()=>C.onpointermove=null},children:r("span",{})}),r("header",{class:"snag-dk-hd",children:[r("strong",{children:p(n?"dock.title.detail":"dock.title.list")}),r("button",{type:"button",class:"snag-dk-link",onClick:e.onClose,"aria-label":p("dock.close"),children:"\u2715"})]}),n?r(Jt,{...e,snags:l,round:e.snags,fallbackCursor:g.current},n.id):r(Ft,{...e,groups:i,hiddenNote:y,onHiddenShow:b=>{u(null),e.onOpen(b)}})]})}const Dn=360,Xt=` .snag-dk{position:fixed;inset-block:0;inset-inline-end:0;width:${Dn}px;max-width:100vw;z-index:${it.dock};background:${c.bg};color:${c.fg};display:flex;flex-direction:column;font:400 13px/1.45 ${c.font};box-shadow:${c.shadow};border-inline-start:1px solid ${c.border};pointer-events:auto;overscroll-behavior:contain}.snag-dk-filters{padding:8px 12px 6px;border-block-end:1px solid ${c.border};display:grid;gap:6px}.snag-dk-search{width:100%;box-sizing:border-box;font-size:12px;padding:5px 8px}.snag-dk-chiphead{display:flex;justify-content:space-between;align-items:center;padding-inline-end:8px}.snag-dk-chips{display:grid;grid-template-columns:1fr 1fr;gap:4px}.snag-dk-chip{font:500 11px/1.2 ${c.font};color:${c.fg};padding:5px 8px;border-radius:6px;border:1px solid ${c.border};background:none;cursor:pointer;text-align:start;display:flex;justify-content:space-between;align-items:center;gap:4px}.snag-dk-chip[aria-pressed="true"]{font-weight:600}.snag-dk-chip-stray{color:${c.muted};cursor:default}.snag-dk-menus{display:flex;gap:10px;position:relative}.snag-dk-menuwrap{position:relative}.snag-dk-menugroup{display:flex;flex-direction:column;gap:1px;padding-bottom:6px;margin-bottom:6px;border-bottom:1px solid ${c.border}}.snag-dk-menugroup-last{padding-bottom:0;margin-bottom:0;border-bottom:0}.snag-dk-menutitle{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:${c.muted};padding:2px 8px 4px}.snag-dk-menubg{position:absolute;inset:-200px -20px -2000px;background:transparent;z-index:2}.snag-dk-menu{position:absolute;inset-block-start:100%;inset-inline-start:0;z-index:3;min-width:150px;background:${c.bg};border:1px solid ${c.border};border-radius:6px;box-shadow:${c.shadow};display:grid;padding:4px}.snag-dk-menu button{font:400 12px/1.3 ${c.font};color:${c.fg};background:none;border:0;text-align:start;padding:5px 8px;border-radius:4px;cursor:pointer;display:flex;gap:4px}.snag-dk-menu button:hover{background:color-mix(in srgb,${c.fg} 8%,transparent)}.snag-dk-menus-up{position:relative}.snag-dk-menu-up{inset-block-start:auto;inset-block-end:100%;margin-block-end:4px}.snag-dk-menu-form{padding:8px;gap:6px;min-width:224px}.snag-dk-menu-form label:not(.snag-dk-pageonly){display:grid;gap:2px;font:600 10px/1.4 ${c.font};letter-spacing:.05em;text-transform:uppercase;color:${c.muted}}.snag-dk-menu-form select{font:400 12px/1.3 ${c.font};color:${c.fg};background:${c.bg};border:1px solid ${c.border};border-radius:4px;padding:4px}.snag-dk-pageonly{display:flex;align-items:center;gap:6px;font-size:12px;color:${c.fg};cursor:pointer}.snag-dk-permaline{margin:6px 0 0;font-size:11px;color:${c.muted};overflow-wrap:anywhere}.snag-dk-permalabel{font-weight:600}.snag-dk-permaurl{user-select:all}.snag-dk:focus{outline:none}@media (pointer:coarse){.snag-dk{inset-block-start:auto;inset-inline-start:0;width:auto;height:82vh;border-radius:14px 14px 0 0;box-sizing:border-box;padding-bottom:max(var(${x.tbH},68px),var(${x.kb},0px));padding-inline:env(safe-area-inset-left) env(safe-area-inset-right)}.snag-dk-scrim{position:fixed;inset:0;background:#0005;touch-action:none;z-index:-1}.snag-dk-grab{display:flex;justify-content:center;padding:10px 0 4px;touch-action:none}.snag-dk-grab span{width:36px;height:4px;border-radius:2px;background:${c.border}}.snag-dk-item{min-height:56px}.snag-dk-link{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center}.snag-dk-select{min-height:44px}.snag-dk-chip{min-height:44px}.snag-dk-search{min-height:44px}}@media (pointer:fine){.snag-dk-scrim,.snag-dk-grab{display:none}}.snag-dk-hd{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid ${c.border};flex:0 0 auto}.snag-dk-scroll{overflow-y:auto;flex:1 1 auto}.snag-dk-list{list-style:none;margin:0;padding:0}.snag-dk-grouphd{position:sticky;top:0;z-index:1;margin:0;display:flex;align-items:center;gap:8px;padding:7px 14px;font:600 11px/1.45 ${c.font};letter-spacing:.02em;background:${c.sunken};border-bottom:1px solid ${c.border}}.snag-dk-route{color:${c.fg};overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;direction:ltr;unicode-bidi:isolate}.snag-dk-grouphd .snag-dk-dim{margin-inline-start:auto;font-weight:400;flex:0 0 auto}.snag-dk-goto{flex:0 0 auto;color:${c.muted};font-size:13px;line-height:1}.snag-dk-dev{flex:0 0 auto;color:${c.muted};display:flex;align-items:center}.snag-dk-item:hover .snag-dk-goto,.snag-dk-item:focus-visible .snag-dk-goto{color:${c.accent}}.snag-dk-item{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:start;background:transparent;border:0;border-bottom:1px solid ${c.border};color:inherit;font:inherit;padding:11px 14px;cursor:pointer;transition:background ${c.motion}}.snag-dk-item:hover{background:${c.hover}}.snag-dk-item:focus-visible{outline:2px solid ${c.focus};outline-offset:-2px}.snag-dk-dot{flex:0 0 7px;width:7px;height:7px;border-radius:50%;margin-block-start:8px;background:transparent}.snag-dk-dot--on{background:${c.accent}}.snag-dk-newpill{display:block;width:100%;box-sizing:border-box;text-align:start;background:${c.sunken};border:0;border-block-end:1px solid ${c.border};color:${c.accent};font:600 12px/1.45 ${c.font};padding:8px 14px;cursor:pointer;flex:0 0 auto}.snag-dk-newpill:hover{background:${c.hover}}.snag-dk-newpill:focus-visible{outline:2px solid ${c.focus};outline-offset:-2px}.snag-dk-num{flex:0 0 22px;height:22px;border-radius:50% 50% 50% 2px;font-weight:600;font-size:11px;line-height:1;display:flex;align-items:center;justify-content:center;box-sizing:border-box}.snag-dk-num--orphaned{border:2px solid currentColor;box-shadow:inset 0 0 0 2px currentColor}.snag-dk-num--approximate{border:2px dashed currentColor}.snag-dk-main{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}.snag-dk-body,.snag-dk-sub{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.snag-dk-sub{font-size:11px}.snag-dk-dim{color:${c.muted}}.snag-dk-moved{color:${c.anchorOrphan};font-weight:600}.snag-dk-replies{background:${c.surface};border-radius:999px;padding:1px 7px;font-size:11px;flex:0 0 auto}.snag-dk-empty{padding:28px 16px;text-align:center;flex:1 1 auto}.snag-dk-empty p{margin:0 0 4px}.snag-dk-notice{margin:0;padding:11px 14px;font-size:12px;color:${c.muted};border-bottom:1px solid ${c.border};flex:0 0 auto}.snag-dk-roundbar{display:flex;align-items:center;gap:8px;padding:8px 14px;border-bottom:1px solid ${c.border};flex:0 0 auto}.snag-dk-roundbar .snag-input{flex:1;min-width:0}.snag-dk-foot{display:flex;gap:6px;padding:10px 14px;border-top:1px solid ${c.border};flex:0 0 auto}.snag-dk-link{background:transparent;border:0;color:${c.accent};font:inherit;cursor:pointer;padding:4px 6px;border-radius:calc(${c.radius} - 2px);transition:background ${c.motion}}.snag-dk-link:hover:not(:disabled){background:${c.hover}}.snag-dk-link:disabled{color:${c.disabled};cursor:not-allowed}.snag-dk-link:focus-visible{outline:2px solid ${c.focus};outline-offset:1px}.snag-dk-detail{padding:12px 14px;overflow-y:auto;flex:1 1 auto;display:flex;flex-direction:column;gap:12px}.snag-dk-detailhd{display:flex;align-items:center;justify-content:space-between;gap:8px}.snag-dk-nav{display:flex;gap:2px}.snag-dk-card{background:${c.surface};border-radius:${c.radius};padding:11px}.snag-dk-meta{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin-bottom:6px}.snag-md{overflow-wrap:anywhere}.snag-md>*{margin:0}.snag-md>*+*{margin-block-start:6px}.snag-md p{white-space:pre-wrap}.snag-md ul,.snag-md ol{padding-inline-start:20px}.snag-md li+li{margin-block-start:2px}.snag-md code{background:${c.sunken};border-radius:3px;padding:1px 4px;font-size:.92em;font-family:ui-monospace,monospace}.snag-md pre{background:${c.sunken};border-radius:${c.radius};padding:8px 10px;overflow-x:auto}.snag-md pre code{background:none;padding:0;font-size:.92em}.snag-md a{color:${c.accent}}.snag-dk-field{display:flex;flex-direction:column;gap:4px;font-size:12px}.snag-dk-select{background:${c.surface};color:inherit;border:2px solid;border-radius:${c.radius};padding:7px 9px;font:inherit;min-height:34px}.snag-dk-done{color:${c.muted};text-decoration:line-through}.snag-dk-meta .snag-dk-num{margin-inline-end:2px}.snag-dk-cap{background:${c.sunken};border-radius:${c.radius};padding:9px 11px;display:flex;flex-direction:column;gap:1px;font-size:12px;overflow-wrap:anywhere}.snag-dk-cap p{margin:0}.snag-dk-shot{padding:0;border:1px solid ${c.border};border-radius:calc(${c.radius} - 2px);background:none;cursor:zoom-in;overflow:hidden;line-height:0;align-self:flex-start;margin-block-end:6px}.snag-dk-shot canvas{display:block;max-width:100%}.snag-dk-lightbox{position:fixed;inset:0;z-index:1;background:#000c;display:flex;align-items:center;justify-content:center;padding:24px;cursor:zoom-out}.snag-dk-lightbox canvas{max-width:100%;max-height:100%;object-fit:contain;box-shadow:${c.shadow};background:${c.bg}}.snag-dk-lightclose{position:absolute;inset-block-start:12px;inset-inline-end:16px;color:#fff}.snag-dk-caplabel{font-weight:600;font-size:11px;letter-spacing:.02em;margin-bottom:3px!important}.snag-dk-capwhy{color:${c.muted};font-size:11px;margin-top:5px!important}.snag-dk-moved-note{margin:0;padding:8px 10px;font-size:12px;background:${c.sunken};border-inline-start:3px solid ${c.anchorOrphan};border-radius:${c.radius}}.snag-dk-anchor{font-size:12px;border:1px solid ${c.border};border-radius:${c.radius};padding:6px 10px;background:${c.sunken}}.snag-dk-anchor summary{cursor:pointer;color:${c.muted};font-weight:600;list-style:revert}.snag-dk-anchor dl{margin:8px 0 2px;display:grid;gap:6px}.snag-dk-anchor dt{color:${c.muted};font-size:11px;letter-spacing:.03em;text-transform:uppercase}.snag-dk-anchor dd{margin:0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere;user-select:text}.snag-dk-replies-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.snag-dk-replies-list li{background:${c.sunken};border-radius:${c.radius};padding:9px;overflow-wrap:anywhere}.snag-dk-acts{display:flex;gap:2px;margin-top:6px}.snag-dk-act{background:transparent;border:0;color:${c.muted};font:inherit;font-size:11px;cursor:pointer;padding:3px 6px;border-radius:calc(${c.radius} - 3px);transition:background ${c.motion},color ${c.motion}}.snag-dk-more{font-size:14px;line-height:1;letter-spacing:1px}.snag-dk-act:hover{background:${c.hover};color:inherit}.snag-dk-act:focus-visible{outline:2px solid ${c.focus};outline-offset:1px}.snag-dk-act--danger:hover{color:${c.anchorOrphan}}.snag-dk-menu .snag-dk-act--danger{color:${c.fg}}.snag-dk-menu .snag-dk-act--danger:hover{color:${c.anchorOrphan}}.snag-dk-armed{color:${c.anchorOrphan};font-weight:600}.snag-dk-clear{margin-inline-start:auto}.snag-dk-menu .snag-dk-clear{margin-inline-start:0}.snag-dk-editbox{display:flex;flex-direction:column;gap:8px;margin-top:8px}.snag-dk-addreply{background:transparent;border:1px dashed ${c.border};color:${c.muted};border-radius:${c.radius};padding:9px;font:inherit;cursor:pointer;text-align:start;transition:border-color ${c.motion},color ${c.motion}}.snag-dk-addreply:hover{border-color:${c.accent};color:inherit}.snag-dk-replybox{display:flex;flex-direction:column;gap:8px}.snag-dk-who{margin:0;font-size:11px;color:${c.muted}}.snag-dk-who .snag-dk-link{padding:0;font-size:inherit;text-decoration:underline}`;function Zt(e,n,t){const o=e.ownerDocument??document;vn(e,"form",lt),vn(e,"dock",Xt);const s=o.createElement("div");(t??e).appendChild(s);const a=o.defaultView?.matchMedia?.("(pointer: coarse)").matches??!1,i=g=>{const d=e.host;g&&!a?d.style.setProperty(x.dockW,`${Dn}px`):d.style.removeProperty(x.dockW)};i(!0);const l=g=>{on(r(Qt,{...g}),s)};return l(n),{update:l,close(){i(!1),on(null,s),s.remove()}}}const Rn=24;function An(e,n){const t=e.innerHeight,o=n.querySelector(".snag-dk");if(!o)return{top:0,bottom:t};const s=o.getBoundingClientRect();return s.height>=t-1?{top:0,bottom:t}:{top:0,bottom:Math.max(0,s.top)}}function eo(e,n,t){const o=t.anchor.rect;if(!o)return;const s=t.anchor.offset??{fy:.5},a=o.y+o.h*s.fy,i=An(e,n),l=a-e.scrollY;if(l>=i.top+Rn&&l<=i.bottom-Rn)return;const g=e.matchMedia?.("(prefers-reduced-motion: reduce)").matches??!1;e.scrollTo({top:Math.max(0,a-(i.top+i.bottom)/2),behavior:g?"auto":"smooth"})}export{Zt as openDock,eo as scrollToSnag,An as visibleStrip};