@preact/signals-devtools-ui 0.2.0 → 0.3.0

package/dist/devtools-ui.min.js

@@ -1 +1 @@
-!function(n,i){"object"==typeof exports&&"undefined"!=typeof module?i(exports):"function"==typeof define&&define.amd?define(["exports"],i):i((n||self).preactSignalsDevtoolsUI={})}(this,function(n){function i(n,i){(null==i||i>n.length)&&(i=n.length);for(var t=0,e=Array(i);t<i;t++)e[t]=n[t];return e}function t(n,t){var e="undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(e)return(e=e.call(n)).next.bind(e);if(Array.isArray(n)||(e=function(n,t){if(n){if("string"==typeof n)return i(n,t);var e={}.toString.call(n).slice(8,-1);return"Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e?Array.from(n):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?i(n,t):void 0}}(n))||t&&n&&"number"==typeof n.length){e&&(n=e);var r=0;return function(){return r>=n.length?{done:!0}:{done:!1,value:n[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function e(){return e=Object.assign?Object.assign.bind():function(n){for(var i=1;i<arguments.length;i++){var t=arguments[i];for(var e in t)({}).hasOwnProperty.call(t,e)&&(n[e]=t[e])}return n},e.apply(null,arguments)}var r,o,u,a,l,c,s,f,d,h,v,p,g={},m=[],y=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,b=Array.isArray;function w(n,i){for(var t in i)n[t]=i[t];return n}function N(n){n&&n.parentNode&&n.parentNode.removeChild(n)}function k(n,i,t,e,r){var a={type:n,props:i,key:t,ref:e,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:null==r?++u:r,__i:-1,__u:0};return null==r&&null!=o.vnode&&o.vnode(a),a}function _(n){return n.children}function x(n,i){this.props=n,this.context=i}function C(n,i){if(null==i)return n.__?C(n.__,n.__i+1):null;for(var t;i<n.__k.length;i++)if(null!=(t=n.__k[i])&&null!=t.__e)return t.__e;return"function"==typeof n.type?C(n):null}function S(n){var i,t;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,i=0;i<n.__k.length;i++)if(null!=(t=n.__k[i])&&null!=t.__e){n.__e=n.__c.base=t.__e;break}return S(n)}}function M(n){(!n.__d&&(n.__d=!0)&&l.push(n)&&!A.__r++||c!=o.debounceRendering)&&((c=o.debounceRendering)||s)(A)}function A(){for(var n,i,t,e,r,u,a,c=1;l.length;)l.length>c&&l.sort(f),n=l.shift(),c=l.length,n.__d&&(t=void 0,e=void 0,r=(e=(i=n).__v).__e,u=[],a=[],i.__P&&((t=w({},e)).__v=e.__v+1,o.vnode&&o.vnode(t),O(i.__P,t,e,i.__n,i.__P.namespaceURI,32&e.__u?[r]:null,u,null==r?C(e):r,!!(32&e.__u),a),t.__v=e.__v,t.__.__k[t.__i]=t,F(u,t,a),e.__e=e.__=null,t.__e!=r&&S(t)));A.__r=0}function P(n,i,t,e,r,o,u,a,l,c,s){var f,d,h,v,p,y,w,N=e&&e.__k||m,x=i.length;for(l=function(n,i,t,e,r){var o,u,a,l,c,s=t.length,f=s,d=0;for(n.__k=new Array(r),o=0;o<r;o++)null!=(u=i[o])&&"boolean"!=typeof u&&"function"!=typeof u?(l=o+d,(u=n.__k[o]="string"==typeof u||"number"==typeof u||"bigint"==typeof u||u.constructor==String?k(null,u,null,null,null):b(u)?k(_,{children:u},null,null,null):null==u.constructor&&u.__b>0?k(u.type,u.props,u.key,u.ref?u.ref:null,u.__v):u).__=n,u.__b=n.__b+1,a=null,-1!=(c=u.__i=U(u,t,l,f))&&(f--,(a=t[c])&&(a.__u|=2)),null==a||null==a.__v?(-1==c&&(r>s?d--:r<s&&d++),"function"!=typeof u.type&&(u.__u|=4)):c!=l&&(c==l-1?d--:c==l+1?d++:(c>l?d--:d++,u.__u|=4))):n.__k[o]=null;if(f)for(o=0;o<s;o++)null!=(a=t[o])&&0==(2&a.__u)&&(a.__e==e&&(e=C(a)),q(a,a));return e}(t,i,N,l,x),f=0;f<x;f++)null!=(h=t.__k[f])&&(d=-1==h.__i?g:N[h.__i]||g,h.__i=f,y=O(n,h,d,r,o,u,a,l,c,s),v=h.__e,h.ref&&d.ref!=h.ref&&(d.ref&&$(d.ref,null,h),s.push(h.ref,h.__c||v,h)),null==p&&null!=v&&(p=v),(w=!!(4&h.__u))||d.__k===h.__k?l=T(h,l,n,w):"function"==typeof h.type&&void 0!==y?l=y:v&&(l=v.nextSibling),h.__u&=-7);return t.__e=p,l}function T(n,i,t,e){var r,o;if("function"==typeof n.type){for(r=n.__k,o=0;r&&o<r.length;o++)r[o]&&(r[o].__=n,i=T(r[o],i,t,e));return i}n.__e!=i&&(e&&(i&&n.type&&!i.parentNode&&(i=C(n)),t.insertBefore(n.__e,i||null)),i=n.__e);do{i=i&&i.nextSibling}while(null!=i&&8==i.nodeType);return i}function U(n,i,t,e){var r,o,u,a=n.key,l=n.type,c=i[t],s=null!=c&&0==(2&c.__u);if(null===c&&null==n.key||s&&a==c.key&&l==c.type)return t;if(e>(s?1:0))for(r=t-1,o=t+1;r>=0||o<i.length;)if(null!=(c=i[u=r>=0?r--:o++])&&0==(2&c.__u)&&a==c.key&&l==c.type)return u;return-1}function D(n,i,t){"-"==i[0]?n.setProperty(i,null==t?"":t):n[i]=null==t?"":"number"!=typeof t||y.test(i)?t:t+"px"}function E(n,i,t,e,r){var o,u;n:if("style"==i)if("string"==typeof t)n.style.cssText=t;else{if("string"==typeof e&&(n.style.cssText=e=""),e)for(i in e)t&&i in t||D(n.style,i,"");if(t)for(i in t)e&&t[i]==e[i]||D(n.style,i,t[i])}else if("o"==i[0]&&"n"==i[1])o=i!=(i=i.replace(d,"$1")),u=i.toLowerCase(),i=u in n||"onFocusOut"==i||"onFocusIn"==i?u.slice(2):i.slice(2),n.l||(n.l={}),n.l[i+o]=t,t?e?t.u=e.u:(t.u=h,n.addEventListener(i,o?p:v,o)):n.removeEventListener(i,o?p:v,o);else{if("http://www.w3.org/2000/svg"==r)i=i.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!=i&&"height"!=i&&"href"!=i&&"list"!=i&&"form"!=i&&"tabIndex"!=i&&"download"!=i&&"rowSpan"!=i&&"colSpan"!=i&&"role"!=i&&"popover"!=i&&i in n)try{n[i]=null==t?"":t;break n}catch(n){}"function"==typeof t||(null==t||!1===t&&"-"!=i[4]?n.removeAttribute(i):n.setAttribute(i,"popover"==i&&1==t?"":t))}}function I(n){return function(i){if(this.l){var t=this.l[i.type+n];if(null==i.t)i.t=h++;else if(i.t<t.u)return;return t(o.event?o.event(i):i)}}}function O(n,i,t,e,r,u,a,l,c,s){var f,d,h,v,p,g,m,y,k,C,S,M,A,T,U,D,E,I=i.type;if(null!=i.constructor)return null;128&t.__u&&(c=!!(32&t.__u),u=[l=i.__e=t.__e]),(f=o.__b)&&f(i);n:if("function"==typeof I)try{if(y=i.props,k="prototype"in I&&I.prototype.render,C=(f=I.contextType)&&e[f.__c],S=f?C?C.props.value:f.__:e,t.__c?m=(d=i.__c=t.__c).__=d.__E:(k?i.__c=d=new I(y,S):(i.__c=d=new x(y,S),d.constructor=I,d.render=z),C&&C.sub(d),d.props=y,d.state||(d.state={}),d.context=S,d.__n=e,h=d.__d=!0,d.__h=[],d.m=[]),k&&null==d.__s&&(d.__s=d.state),k&&null!=I.getDerivedStateFromProps&&(d.__s==d.state&&(d.__s=w({},d.__s)),w(d.__s,I.getDerivedStateFromProps(y,d.__s))),v=d.props,p=d.state,d.__v=i,h)k&&null==I.getDerivedStateFromProps&&null!=d.componentWillMount&&d.componentWillMount(),k&&null!=d.componentDidMount&&d.__h.push(d.componentDidMount);else{if(k&&null==I.getDerivedStateFromProps&&y!==v&&null!=d.componentWillReceiveProps&&d.componentWillReceiveProps(y,S),!d.__e&&null!=d.shouldComponentUpdate&&!1===d.shouldComponentUpdate(y,d.__s,S)||i.__v==t.__v){for(i.__v!=t.__v&&(d.props=y,d.state=d.__s,d.__d=!1),i.__e=t.__e,i.__k=t.__k,i.__k.some(function(n){n&&(n.__=i)}),M=0;M<d.m.length;M++)d.__h.push(d.m[M]);d.m=[],d.__h.length&&a.push(d);break n}null!=d.componentWillUpdate&&d.componentWillUpdate(y,d.__s,S),k&&null!=d.componentDidUpdate&&d.__h.push(function(){d.componentDidUpdate(v,p,g)})}if(d.context=S,d.props=y,d.__P=n,d.__e=!1,A=o.__r,T=0,k){for(d.state=d.__s,d.__d=!1,A&&A(i),f=d.render(d.props,d.state,d.context),U=0;U<d.m.length;U++)d.__h.push(d.m[U]);d.m=[]}else do{d.__d=!1,A&&A(i),f=d.render(d.props,d.state,d.context),d.state=d.__s}while(d.__d&&++T<25);d.state=d.__s,null!=d.getChildContext&&(e=w(w({},e),d.getChildContext())),k&&!h&&null!=d.getSnapshotBeforeUpdate&&(g=d.getSnapshotBeforeUpdate(v,p)),D=f,null!=f&&f.type===_&&null==f.key&&(D=L(f.props.children)),l=P(n,b(D)?D:[D],i,t,e,r,u,a,l,c,s),d.base=i.__e,i.__u&=-161,d.__h.length&&a.push(d),m&&(d.__E=d.__=null)}catch(n){if(i.__v=null,c||null!=u)if(n.then){for(i.__u|=c?160:128;l&&8==l.nodeType&&l.nextSibling;)l=l.nextSibling;u[u.indexOf(l)]=null,i.__e=l}else{for(E=u.length;E--;)N(u[E]);j(i)}else i.__e=t.__e,i.__k=t.__k,n.then||j(i);o.__e(n,i,t)}else null==u&&i.__v==t.__v?(i.__k=t.__k,i.__e=t.__e):l=i.__e=R(t.__e,i,t,e,r,u,a,c,s);return(f=o.diffed)&&f(i),128&i.__u?void 0:l}function j(n){n&&n.__c&&(n.__c.__e=!0),n&&n.__k&&n.__k.forEach(j)}function F(n,i,t){for(var e=0;e<t.length;e++)$(t[e],t[++e],t[++e]);o.__c&&o.__c(i,n),n.some(function(i){try{n=i.__h,i.__h=[],n.some(function(n){n.call(i)})}catch(n){o.__e(n,i.__v)}})}function L(n){return"object"!=typeof n||null==n||n.__b&&n.__b>0?n:b(n)?n.map(L):w({},n)}function R(n,i,t,e,u,a,l,c,s){var f,d,h,v,p,m,y,w=t.props,k=i.props,_=i.type;if("svg"==_?u="http://www.w3.org/2000/svg":"math"==_?u="http://www.w3.org/1998/Math/MathML":u||(u="http://www.w3.org/1999/xhtml"),null!=a)for(f=0;f<a.length;f++)if((p=a[f])&&"setAttribute"in p==!!_&&(_?p.localName==_:3==p.nodeType)){n=p,a[f]=null;break}if(null==n){if(null==_)return document.createTextNode(k);n=document.createElementNS(u,_,k.is&&k),c&&(o.__m&&o.__m(i,a),c=!1),a=null}if(null==_)w===k||c&&n.data==k||(n.data=k);else{if(a=a&&r.call(n.childNodes),w=t.props||g,!c&&null!=a)for(w={},f=0;f<n.attributes.length;f++)w[(p=n.attributes[f]).name]=p.value;for(f in w)if(p=w[f],"children"==f);else if("dangerouslySetInnerHTML"==f)h=p;else if(!(f in k)){if("value"==f&&"defaultValue"in k||"checked"==f&&"defaultChecked"in k)continue;E(n,f,null,p,u)}for(f in k)p=k[f],"children"==f?v=p:"dangerouslySetInnerHTML"==f?d=p:"value"==f?m=p:"checked"==f?y=p:c&&"function"!=typeof p||w[f]===p||E(n,f,p,w[f],u);if(d)c||h&&(d.__html==h.__html||d.__html==n.innerHTML)||(n.innerHTML=d.__html),i.__k=[];else if(h&&(n.innerHTML=""),P("template"==i.type?n.content:n,b(v)?v:[v],i,t,e,"foreignObject"==_?"http://www.w3.org/1999/xhtml":u,a,l,a?a[0]:t.__k&&C(t,0),c,s),null!=a)for(f=a.length;f--;)N(a[f]);c||(f="value","progress"==_&&null==m?n.removeAttribute("value"):null!=m&&(m!==n[f]||"progress"==_&&!m||"option"==_&&m!=w[f])&&E(n,f,m,w[f],u),f="checked",null!=y&&y!=n[f]&&E(n,f,y,w[f],u))}return n}function $(n,i,t){try{if("function"==typeof n){var e="function"==typeof n.__u;e&&n.__u(),e&&null==i||(n.__u=n(i))}else n.current=i}catch(n){o.__e(n,t)}}function q(n,i,t){var e,r;if(o.unmount&&o.unmount(n),(e=n.ref)&&(e.current&&e.current!=n.__e||$(e,null,i)),null!=(e=n.__c)){if(e.componentWillUnmount)try{e.componentWillUnmount()}catch(n){o.__e(n,i)}e.base=e.__P=null}if(e=n.__k)for(r=0;r<e.length;r++)e[r]&&q(e[r],i,t||"function"!=typeof n.type);t||N(n.__e),n.__c=n.__=n.__e=void 0}function z(n,i,t){return this.constructor(n,t)}function H(n,i,t){var e,u,a,l;i==document&&(i=document.documentElement),o.__&&o.__(n,i),u=(e="function"==typeof t)?null:t&&t.__k||i.__k,a=[],l=[],O(i,n=(!e&&t||i).__k=function(n,i,t){var e,o,u,a={};for(u in i)"key"==u?e=i[u]:"ref"==u?o=i[u]:a[u]=i[u];if(arguments.length>2&&(a.children=arguments.length>3?r.call(arguments,2):t),"function"==typeof n&&null!=n.defaultProps)for(u in n.defaultProps)void 0===a[u]&&(a[u]=n.defaultProps[u]);return k(n,a,e,o,null)}(_,null,[n]),u||g,g,i.namespaceURI,!e&&t?[t]:u?null:i.firstChild?r.call(i.childNodes):null,a,!e&&t?t:u?u.__e:i.firstChild,e,l),F(a,n,l)}r=m.slice,o={__e:function(n,i,t,e){for(var r,o,u;i=i.__;)if((r=i.__c)&&!r.__)try{if((o=r.constructor)&&null!=o.getDerivedStateFromError&&(r.setState(o.getDerivedStateFromError(n)),u=r.__d),null!=r.componentDidCatch&&(r.componentDidCatch(n,e||{}),u=r.__d),u)return r.__E=r}catch(i){n=i}throw n}},u=0,a=function(n){return null!=n&&null==n.constructor},x.prototype.setState=function(n,i){var t;t=null!=this.__s&&this.__s!=this.state?this.__s:this.__s=w({},this.state),"function"==typeof n&&(n=n(w({},t),this.props)),n&&w(t,n),null!=n&&this.__v&&(i&&this.m.push(i),M(this))},x.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),M(this))},x.prototype.render=_,l=[],s="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,f=function(n,i){return n.__v.__b-i.__v.__b},A.__r=0,d=/(PointerCapture)$|Capture$/i,h=0,v=I(!1),p=I(!0);var W=0;function G(n,i,t,e,r,u){i||(i={});var a,l,c=i;if("ref"in c)for(l in c={},i)"ref"==l?a=i[l]:c[l]=i[l];var s={type:n,props:c,key:t,ref:a,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--W,__i:-1,__u:0,__source:r,__self:u};if("function"==typeof n&&(a=n.defaultProps))for(l in a)void 0===c[l]&&(c[l]=a[l]);return o.vnode&&o.vnode(s),s}var J,B,V,Z,X=0,Y=[],K=o,Q=K.__b,nn=K.__r,tn=K.diffed,en=K.__c,rn=K.unmount,on=K.__;function un(n,i){K.__h&&K.__h(B,n,X||i),X=0;var t=B.__H||(B.__H={__:[],__h:[]});return n>=t.__.length&&t.__.push({}),t.__[n]}function an(n,i){var t=un(J++,3);!K.__s&&pn(t.__H,i)&&(t.__=n,t.u=i,B.__H.__h.push(t))}function ln(n){return X=5,cn(function(){return{current:n}},[])}function cn(n,i){var t=un(J++,7);return pn(t.__H,i)&&(t.__=n(),t.__H=i,t.__h=n),t.__}function sn(){for(var n;n=Y.shift();)if(n.__P&&n.__H)try{n.__H.__h.forEach(hn),n.__H.__h.forEach(vn),n.__H.__h=[]}catch(i){n.__H.__h=[],K.__e(i,n.__v)}}K.__b=function(n){B=null,Q&&Q(n)},K.__=function(n,i){n&&i.__k&&i.__k.__m&&(n.__m=i.__k.__m),on&&on(n,i)},K.__r=function(n){nn&&nn(n),J=0;var i=(B=n.__c).__H;i&&(V===B?(i.__h=[],B.__h=[],i.__.forEach(function(n){n.__N&&(n.__=n.__N),n.u=n.__N=void 0})):(i.__h.forEach(hn),i.__h.forEach(vn),i.__h=[],J=0)),V=B},K.diffed=function(n){tn&&tn(n);var i=n.__c;i&&i.__H&&(i.__H.__h.length&&(1!==Y.push(i)&&Z===K.requestAnimationFrame||((Z=K.requestAnimationFrame)||dn)(sn)),i.__H.__.forEach(function(n){n.u&&(n.__H=n.u),n.u=void 0})),V=B=null},K.__c=function(n,i){i.some(function(n){try{n.__h.forEach(hn),n.__h=n.__h.filter(function(n){return!n.__||vn(n)})}catch(t){i.some(function(n){n.__h&&(n.__h=[])}),i=[],K.__e(t,n.__v)}}),en&&en(n,i)},K.unmount=function(n){rn&&rn(n);var i,t=n.__c;t&&t.__H&&(t.__H.__.forEach(function(n){try{hn(n)}catch(n){i=n}}),t.__H=void 0,i&&K.__e(i,t.__v))};var fn="function"==typeof requestAnimationFrame;function dn(n){var i,t=function(){clearTimeout(e),fn&&cancelAnimationFrame(i),setTimeout(n)},e=setTimeout(t,35);fn&&(i=requestAnimationFrame(t))}function hn(n){var i=B,t=n.__c;"function"==typeof t&&(n.__c=void 0,t()),B=i}function vn(n){var i=B;n.__c=n.__(),B=i}function pn(n,i){return!n||n.length!==i.length||i.some(function(i,t){return i!==n[t]})}function gn(n,i){return"function"==typeof i?i(n):i}var mn=Symbol.for("preact-signals");function yn(){if(!(_n>1)){var n,i=!1;while(void 0!==kn){var t=kn;kn=void 0;xn++;while(void 0!==t){var e=t.o;t.o=void 0;t.f&=-3;if(!(8&t.f)&&Pn(t))try{t.c()}catch(t){if(!i){n=t;i=!0}}t=e}}xn=0;_n--;if(i)throw n}else _n--}function bn(n){if(_n>0)return n();_n++;try{return n()}finally{yn()}}var wn=void 0;function Nn(n){var i=wn;wn=void 0;try{return n()}finally{wn=i}}var kn=void 0,_n=0,xn=0,Cn=0;function Sn(n){if(void 0!==wn){var i=n.n;if(void 0===i||i.t!==wn){i={i:0,S:n,p:wn.s,n:void 0,t:wn,e:void 0,x:void 0,r:i};if(void 0!==wn.s)wn.s.n=i;wn.s=i;n.n=i;if(32&wn.f)n.S(i);return i}else if(-1===i.i){i.i=0;if(void 0!==i.n){i.n.p=i.p;if(void 0!==i.p)i.p.n=i.n;i.p=wn.s;i.n=void 0;wn.s.n=i;wn.s=i}return i}}}function Mn(n,i){this.v=n;this.i=0;this.n=void 0;this.t=void 0;this.W=null==i?void 0:i.watched;this.Z=null==i?void 0:i.unwatched;this.name=null==i?void 0:i.name}Mn.prototype.brand=mn;Mn.prototype.h=function(){return!0};Mn.prototype.S=function(n){var i=this,t=this.t;if(t!==n&&void 0===n.e){n.x=t;this.t=n;if(void 0!==t)t.e=n;else Nn(function(){var n;null==(n=i.W)||n.call(i)})}};Mn.prototype.U=function(n){var i=this;if(void 0!==this.t){var t=n.e,e=n.x;if(void 0!==t){t.x=e;n.e=void 0}if(void 0!==e){e.e=t;n.x=void 0}if(n===this.t){this.t=e;if(void 0===e)Nn(function(){var n;null==(n=i.Z)||n.call(i)})}}};Mn.prototype.subscribe=function(n){var i=this;return Ln(function(){var t=i.value,e=wn;wn=void 0;try{n(t)}finally{wn=e}},{name:"sub"})};Mn.prototype.valueOf=function(){return this.value};Mn.prototype.toString=function(){return this.value+""};Mn.prototype.toJSON=function(){return this.value};Mn.prototype.peek=function(){var n=wn;wn=void 0;try{return this.value}finally{wn=n}};Object.defineProperty(Mn.prototype,"value",{get:function(){var n=Sn(this);if(void 0!==n)n.i=this.i;return this.v},set:function(n){if(n!==this.v){if(xn>100)throw new Error("Cycle detected");this.v=n;this.i++;Cn++;_n++;try{for(var i=this.t;void 0!==i;i=i.x)i.t.N()}finally{yn()}}}});function An(n,i){return new Mn(n,i)}function Pn(n){for(var i=n.s;void 0!==i;i=i.n)if(i.S.i!==i.i||!i.S.h()||i.S.i!==i.i)return!0;return!1}function Tn(n){for(var i=n.s;void 0!==i;i=i.n){var t=i.S.n;if(void 0!==t)i.r=t;i.S.n=i;i.i=-1;if(void 0===i.n){n.s=i;break}}}function Un(n){var i=n.s,t=void 0;while(void 0!==i){var e=i.p;if(-1===i.i){i.S.U(i);if(void 0!==e)e.n=i.n;if(void 0!==i.n)i.n.p=e}else t=i;i.S.n=i.r;if(void 0!==i.r)i.r=void 0;i=e}n.s=t}function Dn(n,i){Mn.call(this,void 0);this.x=n;this.s=void 0;this.g=Cn-1;this.f=4;this.W=null==i?void 0:i.watched;this.Z=null==i?void 0:i.unwatched;this.name=null==i?void 0:i.name}Dn.prototype=new Mn;Dn.prototype.h=function(){this.f&=-3;if(1&this.f)return!1;if(32==(36&this.f))return!0;this.f&=-5;if(this.g===Cn)return!0;this.g=Cn;this.f|=1;if(this.i>0&&!Pn(this)){this.f&=-2;return!0}var n=wn;try{Tn(this);wn=this;var i=this.x();if(16&this.f||this.v!==i||0===this.i){this.v=i;this.f&=-17;this.i++}}catch(n){this.v=n;this.f|=16;this.i++}wn=n;Un(this);this.f&=-2;return!0};Dn.prototype.S=function(n){if(void 0===this.t){this.f|=36;for(var i=this.s;void 0!==i;i=i.n)i.S.S(i)}Mn.prototype.S.call(this,n)};Dn.prototype.U=function(n){if(void 0!==this.t){Mn.prototype.U.call(this,n);if(void 0===this.t){this.f&=-33;for(var i=this.s;void 0!==i;i=i.n)i.S.U(i)}}};Dn.prototype.N=function(){if(!(2&this.f)){this.f|=6;for(var n=this.t;void 0!==n;n=n.x)n.t.N()}};Object.defineProperty(Dn.prototype,"value",{get:function(){if(1&this.f)throw new Error("Cycle detected");var n=Sn(this);this.h();if(void 0!==n)n.i=this.i;if(16&this.f)throw this.v;return this.v}});function En(n,i){return new Dn(n,i)}function In(n){var i=n.u;n.u=void 0;if("function"==typeof i){_n++;var t=wn;wn=void 0;try{i()}catch(i){n.f&=-2;n.f|=8;On(n);throw i}finally{wn=t;yn()}}}function On(n){for(var i=n.s;void 0!==i;i=i.n)i.S.U(i);n.x=void 0;n.s=void 0;In(n)}function jn(n){if(wn!==this)throw new Error("Out-of-order effect");Un(this);wn=n;this.f&=-2;if(8&this.f)On(this);yn()}function Fn(n,i){this.x=n;this.u=void 0;this.s=void 0;this.o=void 0;this.f=32;this.name=null==i?void 0:i.name}Fn.prototype.c=function(){var n=this.S();try{if(8&this.f)return;if(void 0===this.x)return;var i=this.x();if("function"==typeof i)this.u=i}finally{n()}};Fn.prototype.S=function(){if(1&this.f)throw new Error("Cycle detected");this.f|=1;this.f&=-9;In(this);Tn(this);_n++;var n=wn;wn=this;return jn.bind(this,n)};Fn.prototype.N=function(){if(!(2&this.f)){this.f|=2;this.o=kn;kn=this}};Fn.prototype.d=function(){this.f|=8;if(!(1&this.f))On(this)};Fn.prototype.dispose=function(){this.d()};function Ln(n,i){var t=new Fn(n,i);try{t.c()}catch(n){t.d();throw n}var e=t.d.bind(t);e[Symbol.dispose]=e;return e}var Rn,$n,qn,zn="undefined"!=typeof window&&!!window.__PREACT_SIGNALS_DEVTOOLS__,Hn=[],Wn=[];Ln(function(){Rn=this.N})();function Gn(n,i){o[n]=i.bind(null,o[n]||function(){})}function Jn(n){if(qn)qn();qn=n&&n.S()}function Bn(n){var i=this,t=n.data,e=useSignal(t);e.value=t;var r=cn(function(){var n=i,t=i.__v;while(t=t.__)if(t.__c){t.__c.__$f|=4;break}var r=En(function(){var n=e.value.value;return 0===n?0:!0===n?"":n||""}),o=En(function(){return!Array.isArray(r.value)&&!a(r.value)}),u=Ln(function(){this.N=ni;if(o.value){var i=r.value;if(n.__v&&n.__v.__e&&3===n.__v.__e.nodeType)n.__v.__e.data=i}}),l=i.__$u.d;i.__$u.d=function(){u();l.call(this)};return[o,r]},[]),o=r[0],u=r[1];return o.value?u.peek():u.value}Bn.displayName="ReactiveTextNode";Object.defineProperties(Mn.prototype,{constructor:{configurable:!0,value:void 0},type:{configurable:!0,value:Bn},props:{configurable:!0,get:function(){return{data:this}}},__b:{configurable:!0,value:1}});Gn("__b",function(n,i){if("string"==typeof i.type){var t,e=i.props;for(var r in e)if("children"!==r){var o=e[r];if(o instanceof Mn){if(!t)i.__np=t={};t[r]=o;e[r]=o.peek()}}}n(i)});Gn("__r",function(n,i){if(i.type!==_){Jn();var t,e=i.__c;if(e){e.__$f&=-2;if(void 0===(t=e.__$u))e.__$u=t=function(n,i){var t;Ln(function(){t=this},{name:i});t.c=n;return t}(function(){var n;if(zn)null==(n=t.y)||n.call(t);e.__$f|=1;e.setState({})},"function"==typeof i.type?i.type.displayName||i.type.name:"")}$n=e;Jn(t)}n(i)});Gn("__e",function(n,i,t,e){Jn();$n=void 0;n(i,t,e)});Gn("diffed",function(n,i){Jn();$n=void 0;var t;if("string"==typeof i.type&&(t=i.__e)){var e=i.__np,r=i.props;if(e){var o=t.U;if(o)for(var u in o){var a=o[u];if(void 0!==a&&!(u in e)){a.d();o[u]=void 0}}else{o={};t.U=o}for(var l in e){var c=o[l],s=e[l];if(void 0===c){c=Vn(t,l,s,r);o[l]=c}else c.o(s,r)}}}n(i)});function Vn(n,i,t,e){var r=i in n&&void 0===n.ownerSVGElement,o=An(t);return{o:function(n,i){o.value=n;e=i},d:Ln(function(){this.N=ni;var t=o.value.value;if(e[i]!==t){e[i]=t;if(r)n[i]=t;else if(null!=t&&(!1!==t||"-"===i[4]))n.setAttribute(i,t);else n.removeAttribute(i)}})}}Gn("unmount",function(n,i){if("string"==typeof i.type){var t=i.__e;if(t){var e=t.U;if(e){t.U=void 0;for(var r in e){var o=e[r];if(o)o.d()}}}}else{var u=i.__c;if(u){var a=u.__$u;if(a){u.__$u=void 0;a.d()}}}n(i)});Gn("__h",function(n,i,t,e){if(e<3||9===e)i.__$f|=2;n(i,t,e)});x.prototype.shouldComponentUpdate=function(n,i){var t=this.__$u,e=t&&void 0!==t.s;for(var r in i)return!0;if(this.__f||"boolean"==typeof this.u&&!0===this.u){var o=2&this.__$f;if(!(e||o||4&this.__$f))return!0;if(1&this.__$f)return!0}else{if(!(e||4&this.__$f))return!0;if(3&this.__$f)return!0}for(var u in n)if("__source"!==u&&n[u]!==this.props[u])return!0;for(var a in this.props)if(!(a in n))return!0;return!1};function useSignal(n,i){return function(n){return X=1,function(n,i,t){var e=un(J++,2);if(e.t=n,!e.__c&&(e.__=[t?t(i):gn(void 0,i),function(n){var i=e.__N?e.__N[0]:e.__[0],t=e.t(i,n);i!==t&&(e.__N=[t,e.__[1]],e.__c.setState({}))}],e.__c=B,!B.__f)){var r=function(n,i,t){if(!e.__c.__H)return!0;var r=e.__c.__H.__.filter(function(n){return!!n.__c});if(r.every(function(n){return!n.__N}))return!o||o.call(this,n,i,t);var u=e.__c.props!==n;return r.forEach(function(n){if(n.__N){var i=n.__[0];n.__=n.__N,n.__N=void 0,i!==n.__[0]&&(u=!0)}}),o&&o.call(this,n,i,t)||u};B.__f=!0;var o=B.shouldComponentUpdate,u=B.componentWillUpdate;B.componentWillUpdate=function(n,i,t){if(this.__e){var e=o;o=void 0,r(n,i,t),o=e}u&&u.call(this,n,i,t)},B.shouldComponentUpdate=r}return e.__N||e.__}(gn,n)}(function(){return An(n,i)})[0]}var Zn="undefined"==typeof requestAnimationFrame?setTimeout:function(n){var i=function(){clearTimeout(t);cancelAnimationFrame(e);n()},t=setTimeout(i,35),e=requestAnimationFrame(i)},Xn=function(n){queueMicrotask(function(){queueMicrotask(n)})};function Yn(){bn(function(){var n;while(n=Hn.shift())Rn.call(n)})}function Kn(){if(1===Hn.push(this))(o.requestAnimationFrame||Zn)(Yn)}function Qn(){bn(function(){var n;while(n=Wn.shift())Rn.call(n)})}function ni(){if(1===Wn.push(this))(o.requestAnimationFrame||Xn)(Qn)}function useSignalEffect(n,i){var t=ln(n);t.current=n;an(function(){return Ln(function(){this.N=Kn;return t.current()},i)},[])}function ii(n){var i=n.onClick,t=n.className,e=void 0===t?"":t,r=n.disabled,o=void 0===r?!1:r,u=n.children,a=n.variant,l=void 0===a?"secondary":a,c=n.popovertarget,s=n.active;return G("button",{popovertarget:c,onClick:i,className:("btn "+("primary"===l?"btn-primary":"btn-secondary")+" "+((void 0===s?0:s)?"active":"")+" "+e).trim(),disabled:o,children:u})}function ti(n){var i=n.onRefresh,t=n.title,e=void 0===t?"No Signals Detected":t,r=n.description,o=void 0===r?"Make sure your application is using @preact/signals-debug package.":r,u=n.buttonText,a=void 0===u?"Refresh Detection":u;return G("div",{className:"empty-state",children:G("div",{className:"empty-state-content",children:[G("h2",{children:e}),G("p",{children:o}),G("div",{className:"empty-state-actions",children:G(ii,{onClick:i,variant:"primary",children:a})})]})})}function ei(n){var i=n.status,t=n.message,e=n.showIndicator,r=void 0===e?!0:e,o=n.className;return G("div",{className:"connection-status "+i+" "+(void 0===o?"":o),children:[r&&G("span",{className:"status-indicator "+i}),G("span",{className:"status-text",children:t})]})}var ri=null;function oi(){if(!ri)throw new Error("DevTools context not initialized. Call initDevTools() first.");return ri}function ui(n){var i=An("connecting"),t=An("Connecting..."),e=An(!1);n.on("connectionStatusChanged",function(n){i.value=n.status;t.value=n.message});n.on("signalsAvailable",function(n){e.value=n});return{get status(){return i.value},get message(){return t.value},get isConnected(){return e.value},refreshConnection:function(){i.value="connecting";t.value="Connecting...";n.requestState()}}}var ai=function(n,i){return n.update.signalId===i.update.signalId&&n.children.length===i.children.length&&n.children.every(function(n,t){return ai(n,i.children[t])})};function li(n,i){var r=An([]),o=An(!1),u=An(new Set),a=function(n){if(Array.isArray(n))n.forEach(function(n){if("divider"!==n.type)n.receivedAt=Date.now()});else if("update"===n.type)n.receivedAt=Date.now();r.value=[].concat(r.value,Array.isArray(n)?n:[n])},l=En(function(){return r.value.length>0}),c=En(function(){var n=new Map;r.value.forEach(function(i){if("divider"!==i.type){var t=i.signalName||"Unknown";n.set(t,(n.get(t)||0)+1)}});return n}),s=En(function(){return function(n){for(var i=[],t=[],e=n.slice(-100).reverse(),r=0;r<e.length;r++){var o=e[r];if("divider"!==o.type){var u=o,a=u.depth||0,l={type:"single",id:u.signalName+"-"+u.receivedAt+"-"+r,update:u,children:[],depth:a,hasChildren:!1};while(t.length>0&&t[t.length-1].depth>=a)t.pop();if(0===t.length)i.push(l);else{var c=t[t.length-1];c.children.push(l);c.hasChildren=!0}t.push(l)}}return i}(r.value)});n.on("signalUpdate",function(n){if(!o.value){var i=[].concat(n).reverse();i.push({type:"divider"});a(i)}});n.on("signalDisposed",function(n){if(!o.value)!function(n){for(var i,e=Array.isArray(n)?n:[n],r=new Set(u.value),o=t(e);!(i=o()).done;){var a=i.value;if(a.signalId)r.add(a.signalId)}u.value=r}(n)});var f=En(function(){var n=s.value;if(i.settings.grouped)return function(n){for(var i,r,o=[],u=t(n);!(r=u()).done;){var a=r.value;if(!i||!ai(i,a)){o.push(a);i=a}else if("group"!==i.type){o.pop();i=e({},i,{type:"group",count:2,firstUpdate:a.update,firstChildren:a.children});o.push(i)}else{i.count++;i.firstUpdate=a.update;i.firstChildren=a.children}}return o}(n);else return n});return{updates:r,updateTree:s,collapsedUpdateTree:f,totalUpdates:En(function(){return Object.keys(s.value).length}),signalCounts:c,disposedSignalIds:u,addUpdate:a,clearUpdates:function(){r.value=[];u.value=new Set},hasUpdates:l,isPaused:o}}function ci(n){var i=An({enabled:!0,grouped:!0,consoleLogging:!0,maxUpdatesPerSecond:60,filterPatterns:[]}),t=An(!1);n.on("configReceived",function(n){if(n.settings)i.value=n.settings});return{get settings(){return i.value},get showDisposedSignals(){return t.value},set settings(n){i.value=n},applySettings:function(t){i.value=t;n.sendConfig(t)},toggleShowDisposedSignals:function(){t.value=!t.value}}}function si(n){var i=ci(n),t=li(n,i),e=ui(n);return ri={adapter:n,connectionStore:e,updatesStore:t,settingsStore:i}}function fi(){if(ri){ri.adapter.disconnect();ri=null}}function di(){var n=oi(),i=n.connectionStore,t=n.updatesStore,e=function(){t.isPaused.value=!t.isPaused.value},r=function(){t.clearUpdates()};return G("header",{className:"header",children:[G("div",{className:"header-title",children:[G("h1",{children:"Signals"}),G(ei,{status:i.status,message:i.message})]}),G("div",{className:"header-controls",children:[r&&G(ii,{onClick:r,children:"Clear"}),e&&G(ii,{onClick:e,active:t.isPaused.value,children:t.isPaused.value?"Resume":"Pause"}),G(ii,{popovertarget:"settings-panel-popover",children:"Settings"})]})]})}function hi(){var n=oi().settingsStore,i=ln(null),t=n.applySettings,r=useSignal(n.settings);useSignalEffect(function(){r.value=n.settings});return G("div",{ref:i,popover:"auto",id:"settings-panel-popover",className:"settings-panel",children:G("div",{className:"settings-content",children:[G("h3",{children:"Debug Configuration"}),G("div",{className:"setting-group",children:G("label",{children:[G("input",{type:"checkbox",checked:r.value.enabled,onChange:function(n){return r.value=e({},r.value,{enabled:n.target.checked})}}),"Enable debug updates"]})}),G("div",{className:"setting-group",children:G("label",{children:[G("input",{type:"checkbox",checked:r.value.grouped,onChange:function(n){return r.value=e({},r.value,{grouped:n.target.checked})}}),"Group related updates"]})}),G("div",{className:"setting-group",children:[G("label",{children:[G("input",{type:"checkbox",checked:r.value.consoleLogging,onChange:function(n){return r.value=e({},r.value,{consoleLogging:n.target.checked})}}),"Enable console logging"]}),G("p",{className:"setting-description",children:"When disabled, signal updates will not be logged to the browser console."})]}),G("div",{className:"setting-group",children:[G("label",{htmlFor:"maxUpdatesInput",children:"Max updates per second:"}),G("input",{type:"number",id:"maxUpdatesInput",value:r.value.maxUpdatesPerSecond,min:"1",max:"1000",onChange:function(n){return r.value=e({},r.value,{maxUpdatesPerSecond:parseInt(n.target.value)||60})}})]}),G("div",{className:"setting-group",children:[G("label",{htmlFor:"filterPatternsInput",children:"Filter patterns (one per line):"}),G("textarea",{id:"filterPatternsInput",placeholder:"user.*\n.*State$\nglobal",value:r.value.filterPatterns.join("\n"),onChange:function(n){return r.value=e({},r.value,{filterPatterns:n.target.value.split("\n").map(function(n){return n.trim()}).filter(function(n){return n.length>0})})}})]}),G("h3",{children:"Graph Settings"}),G("div",{className:"setting-group",children:[G("label",{children:[G("input",{type:"checkbox",checked:n.showDisposedSignals,onChange:function(){return n.toggleShowDisposedSignals()}}),"Show disposed signals in graph"]}),G("p",{className:"setting-description",children:"When enabled, signals and effects that have been disposed will still be shown in the graph view."})]}),G("div",{className:"settings-actions",children:[G(ii,{onClick:function(){t(r.value)},variant:"primary",children:"Apply"}),G(ii,{onClick:function(){var n;null==(n=i.current)||n.hide()},children:"Cancel"})]})]})})}var vi=function(n){var i=document.createElement("textarea");try{i.value=n;document.body.append(i);i.select();document.execCommand("copy")}finally{i.remove()}};function pi(){var n=oi(),i=n.updatesStore,e=n.settingsStore,r=i.updates,o=i.disposedSignalIds,u=ln(null),a=ln(null),l=ln(null),c=useSignal({x:0,y:0}),s=useSignal(1),f=useSignal(!1),d=useSignal({x:0,y:0}),h=useSignal(!1),v=useSignal(),p=useSignal(null),g=useSignal({x:0,y:0});an(function(){var n=function(n){if(h.value&&l.current&&!l.current.contains(n.target))h.value=!1};document.addEventListener("mousedown",n);return function(){document.removeEventListener("mousedown",n)}},[]);var m=function(n,i){var t=ln(n);t.current=n;$n.__$f|=4;return cn(function(){return En(function(){return t.current()},void 0)},[])}(function(){var n=r.value,i=o.value,u=e.showDisposedSignals;if(!n||0===n.length)return{nodes:[],links:[]};for(var a,l=new Map,c=new Map,s=n.filter(function(n){return"divider"!==n.type}),f=t(s);!(a=f()).done;){var d=a.value;if(d.signalId)if(u||!i.has(d.signalId)){var h=d.signalType,v=d.depth||0;if(!l.has(d.signalId))l.set(d.signalId,{id:d.signalId,name:d.signalName,type:h,x:0,y:0,depth:v});if(d.subscribedTo){if(!u&&i.has(d.subscribedTo))continue;var p=d.subscribedTo+"->"+d.signalId;if(!c.has(p))c.set(p,{source:d.subscribedTo,target:d.signalId})}}}var g=Array.from(l.values()),m=new Map;g.forEach(function(n){if(!m.has(n.depth))m.set(n.depth,[]);m.get(n.depth).push(n)});var y=Math.max.apply(Math,g.map(function(n){return n.depth}));m.forEach(function(n,i){var t=120*(n.length-1),e=80+100*y-t/2;n.forEach(function(n,t){n.x=100+250*i;n.y=e+120*t})});return{nodes:g,links:Array.from(c.values())}}),y=function(){f.value=!1},b=/[^a-zA-Z0-9]/g,w=function(n){return n.replace(b,"_")},N=function(n){var i=6.5*n.name.length+16;return Math.max(30,Math.min(i/2,70))},k=function(n){var i=a.current;if(i&&p.value){var t=i.getBoundingClientRect();g.value={x:n.clientX-t.left,y:n.clientY-t.top}}},_=function(){p.value=null},x=function(n){v.value=n;setTimeout(function(){v.value=void 0},2e3)};if(0===m.value.nodes.length)return G("div",{className:"graph-empty",children:G("div",{children:[G("h3",{children:"No Signal Dependencies"}),G("p",{children:"Create some signals with dependencies to see the graph visualization."})]})});var C=Math.max.apply(Math,[800].concat(m.value.nodes.map(function(n){return n.x+100}))),S=Math.max.apply(Math,[600].concat(m.value.nodes.map(function(n){return n.y+100})));return G("div",{className:"graph-container",children:G("div",{ref:a,className:"graph-content",onMouseDown:function(n){if(0===n.button){f.value=!0;d.value={x:n.clientX-c.value.x,y:n.clientY-c.value.y}}},onMouseMove:function(n){if(f.value)c.value={x:n.clientX-d.value.x,y:n.clientY-d.value.y}},onMouseUp:y,onMouseLeave:y,onWheel:function(n){n.preventDefault();var i=a.current;if(i){var t=i.getBoundingClientRect(),e=n.clientX-t.left,r=n.clientY-t.top,o=n.deltaY>0?.96:1.04,u=Math.min(Math.max(.1,s.value*o),5),l=u/s.value;c.value={x:e-(e-c.value.x)*l,y:r-(r-c.value.y)*l};s.value=u}},style:{cursor:f.value?"grabbing":"grab"},children:[G("svg",{ref:u,className:"graph-svg",width:C,height:S,viewBox:"0 0 "+C+" "+S,children:[G("defs",{children:G("marker",{id:"arrowhead",markerWidth:"8",markerHeight:"6",refX:"7",refY:"3",orient:"auto",children:G("polygon",{points:"0 0, 8 3, 0 6",fill:"#94a3b8"})})}),G("g",{transform:"translate("+c.value.x+", "+c.value.y+") scale("+s.value+")",children:[G("g",{className:"links",children:m.value.links.map(function(n,i){var t=m.value.nodes.find(function(i){return i.id===n.source}),e=m.value.nodes.find(function(i){return i.id===n.target});if(!t||!e)return null;var r=N(t),o=N(e),u=t.x+r,a=t.y,l=e.x-o-8,c=e.y,s=u+.5*(l-u);return G("path",{className:"graph-link",d:"M "+u+" "+a+" C "+s+" "+a+", "+s+" "+c+", "+l+" "+c,fill:"none",markerEnd:"url(#arrowhead)"},"link-"+i)})}),G("g",{className:"nodes",children:m.value.nodes.map(function(n){var i,t=N(n),e=Math.floor((2*t-16)/6.5),r=n.name.length>e?n.name.slice(0,e-1)+"…":n.name;return G("g",{className:"graph-node-group "+((null==(i=p.value)?void 0:i.id)===n.id?"hovered":""),onMouseEnter:function(i){return function(n,i){p.value=n;var t=a.current;if(t){var e=t.getBoundingClientRect();g.value={x:i.clientX-e.left,y:i.clientY-e.top}}}(n,i)},onMouseMove:k,onMouseLeave:_,children:[G("circle",{className:"graph-node "+n.type,cx:n.x,cy:n.y,r:t}),G("text",{className:"graph-text",x:n.x,y:n.y,textAnchor:"middle",dominantBaseline:"central",children:r})]},n.id)})})]})]}),G("div",{className:"graph-controls",children:[G("button",{className:"graph-reset-button",onClick:function(){c.value={x:0,y:0};s.value=1},title:"Reset view",children:"⟲ Reset View"}),G("div",{ref:l,className:"graph-export-container",children:[G("button",{className:"graph-export-button",onClick:function(){h.value=!h.value},title:"Export graph",children:"↓ Export"}),h.value&&G("div",{className:"graph-export-menu",children:[G("button",{className:"graph-export-menu-item",onClick:function(){try{h.value=!1;var n=["graph LR"];m.value.nodes.forEach(function(i){var t=w(i.id),e=i.name;switch(i.type){case"signal":n.push("  "+t+"(("+e+"))");break;case"computed":n.push("  "+t+"("+e+")");break;case"effect":n.push("  "+t+"(["+e+"])")}});for(var i,e=t(m.value.links);!(i=e()).done;){var r=i.value,o=w(r.source),u=w(r.target);n.push("  "+o+" --\x3e "+u)}vi(n.join("\n"));x("Copied to clipboard!");return Promise.resolve()}catch(n){return Promise.reject(n)}},children:"Mermaid"}),G("button",{className:"graph-export-menu-item",onClick:function(){try{h.value=!1;var n=JSON.stringify(m.value,null,2);vi(n);x("Copied to clipboard!");return Promise.resolve()}catch(n){return Promise.reject(n)}},children:"JSON"})]})]}),G("div",{className:"graph-zoom-indicator",title:"Zoom level",children:[Math.round(100*s.value),"%"]})]}),v.value&&G("div",{className:"graph-toast",children:v.value}),p.value&&G("div",{className:"graph-tooltip",style:{left:g.value.x+12,top:g.value.y-8},children:[G("div",{className:"tooltip-header",children:G("span",{className:"tooltip-type "+p.value.type,children:p.value.type})}),G("div",{className:"tooltip-name",children:p.value.name}),G("div",{className:"tooltip-id",children:["ID: ",p.value.id]})]}),G("div",{className:"graph-legend",children:[G("div",{className:"legend-item",children:[G("div",{className:"legend-color",style:{backgroundColor:"#2196f3"}}),G("span",{children:"Signal"})]}),G("div",{className:"legend-item",children:[G("div",{className:"legend-color",style:{backgroundColor:"#ff9800"}}),G("span",{children:"Computed"})]}),G("div",{className:"legend-item",children:[G("div",{className:"legend-color",style:{backgroundColor:"#4caf50"}}),G("span",{children:"Effect"})]})]})]})})}function gi(n){var i=n.update,t=n.count,e=n.firstUpdate,r=new Date(i.timestamp||i.receivedAt).toLocaleTimeString(),o=function(n){if(null===n)return"null";if(void 0===n)return"undefined";if("string"==typeof n)return'"'+n+'"';if("function"==typeof n)return"function()";if("object"==typeof n)try{return JSON.stringify(n,null,0)}catch(n){return"[Object]"}return String(n)},u=t&&G("span",{class:"update-count",title:"Number of grouped identical updates",children:["x",t]});if("effect"===i.type)return G("div",{className:"update-item "+i.type,children:G("div",{className:"update-header",children:[G("span",{className:"signal-name",children:["↪️ ",i.signalName,u]}),G("span",{className:"update-time",children:r})]})});var a=o(i.prevValue),l=o(i.newValue),c=void 0!==e?o(e.prevValue):void 0;return G("div",{class:"update-item "+i.type,children:[G("div",{class:"update-header",children:[G("span",{class:"signal-name",children:[0===i.depth?"🎯":"↪️"," ",i.signalName,u]}),G("span",{class:"update-time",children:r})]}),G("div",{class:"value-change",children:[c&&c!==a&&G(_,{children:[G("span",{class:"value-prev",children:c}),G("span",{class:"value-arrow",children:"..."})]}),G("span",{class:"value-prev",children:a}),G("span",{class:"value-arrow",children:"→"}),G("span",{class:"value-new",children:l})]})]})}function mi(n){var i,t=n.node,r=useSignal(!1),o=t.children.length>0,u="group"===t.type?t.count:void 0,a="group"===t.type?t.firstUpdate:void 0;if("group"===t.type&&t.firstChildren)i=t.children.map(function(n,i){var r=t.firstChildren[i];return e({},n,{type:"group",firstUpdate:r.update,firstChildren:r.children,count:t.count})});else i=t.children;return G("div",{className:"tree-node",children:[G("div",{className:"tree-node-content",children:[o&&G("button",{className:"collapse-button",onClick:function(){r.value=!r.value},"aria-label":r.value?"Expand":"Collapse",children:r.value?"▶":"▼"}),!o&&G("div",{className:"collapse-spacer"}),G("div",{className:"update-content",children:G(gi,{update:t.update,count:u,firstUpdate:a})})]}),o&&!r.value&&G("div",{className:"tree-children",children:i.map(function(n){return G(mi,{node:n},n.id)})})]})}function yi(){var n=oi().updatesStore,i=ln(null),t=n.collapsedUpdateTree.value;useSignalEffect(function(){if(i.current)i.current.scrollTop=0});return G("div",{className:"updates-container",children:[G("div",{className:"updates-header",children:G("div",{className:"updates-stats",children:[G("span",{children:["Updates: ",G("strong",{children:n.totalUpdates.value})]}),G("span",{children:["Signals: ",G("strong",{children:n.signalCounts.value.size})]})]})}),G("div",{className:"updates-list",ref:i,children:t.map(function(n){return G(mi,{node:n},n.id)})})]})}var bi=["adapter","container"];function wi(n){var i=void 0===n?{}:n,t=i.hideHeader,e=void 0===t?!1:t,r=i.initialTab,o=void 0===r?"updates":r,u=oi().connectionStore,a=useSignal(o);return G("div",{id:"app",className:"signals-devtools",children:[!e&&G(di,{}),G(hi,{}),G("main",{className:"main-content",children:[G("div",{className:"tabs",children:[G("button",{className:"tab "+("updates"===a.value?"active":""),onClick:function(){return a.value="updates"},children:"Updates"}),G("button",{className:"tab "+("graph"===a.value?"active":""),onClick:function(){return a.value="graph"},children:"Dependency Graph"})]}),G("div",{className:"tab-content",children:!u.isConnected?G(ti,{onRefresh:u.refreshConnection}):G(_,{children:["updates"===a.value&&G(yi,{}),"graph"===a.value&&G(pi,{})]})})]})]})}n.Button=ii;n.DevToolsPanel=wi;n.EmptyState=ti;n.GraphVisualization=pi;n.Header=di;n.SettingsPanel=hi;n.StatusIndicator=ei;n.UpdateItem=gi;n.UpdateTreeNodeComponent=mi;n.UpdatesContainer=yi;n.createConnectionStore=ui;n.createSettingsStore=ci;n.createUpdatesStore=li;n.destroyDevTools=fi;n.getContext=oi;n.initDevTools=si;n.mount=function(n){try{var i=n.adapter,t=n.container,r=function(n,i){if(null==n)return{};var t={};for(var e in n)if({}.hasOwnProperty.call(n,e)){if(-1!==i.indexOf(e))continue;t[e]=n[e]}return t}(n,bi);si(i);return Promise.resolve(i.connect()).then(function(){t.innerHTML="";H(G(wi,e({},r)),t);return function(){H(null,t);fi()}})}catch(n){return Promise.reject(n)}}});//# sourceMappingURL=devtools-ui.min.js.map
+!function(n,i){"object"==typeof exports&&"undefined"!=typeof module?i(exports):"function"==typeof define&&define.amd?define(["exports"],i):i((n||self).preactSignalsDevtoolsUI={})}(this,function(n){function i(n,i){(null==i||i>n.length)&&(i=n.length);for(var t=0,e=Array(i);t<i;t++)e[t]=n[t];return e}function t(n,t){var e="undefined"!=typeof Symbol&&n[Symbol.iterator]||n["@@iterator"];if(e)return(e=e.call(n)).next.bind(e);if(Array.isArray(n)||(e=function(n,t){if(n){if("string"==typeof n)return i(n,t);var e={}.toString.call(n).slice(8,-1);return"Object"===e&&n.constructor&&(e=n.constructor.name),"Map"===e||"Set"===e?Array.from(n):"Arguments"===e||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e)?i(n,t):void 0}}(n))||t&&n&&"number"==typeof n.length){e&&(n=e);var r=0;return function(){return r>=n.length?{done:!0}:{done:!1,value:n[r++]}}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function e(){return e=Object.assign?Object.assign.bind():function(n){for(var i=1;i<arguments.length;i++){var t=arguments[i];for(var e in t)({}).hasOwnProperty.call(t,e)&&(n[e]=t[e])}return n},e.apply(null,arguments)}var r,o,u,a,l,c,f,s,d,v,h,p,g={},m=[],y=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,b=Array.isArray;function w(n,i){for(var t in i)n[t]=i[t];return n}function N(n){n&&n.parentNode&&n.parentNode.removeChild(n)}function k(n,i,t,e,r){var a={type:n,props:i,key:t,ref:e,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:null==r?++u:r,__i:-1,__u:0};return null==r&&null!=o.vnode&&o.vnode(a),a}function _(n){return n.children}function x(n,i){this.props=n,this.context=i}function C(n,i){if(null==i)return n.__?C(n.__,n.__i+1):null;for(var t;i<n.__k.length;i++)if(null!=(t=n.__k[i])&&null!=t.__e)return t.__e;return"function"==typeof n.type?C(n):null}function M(n){var i,t;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,i=0;i<n.__k.length;i++)if(null!=(t=n.__k[i])&&null!=t.__e){n.__e=n.__c.base=t.__e;break}return M(n)}}function S(n){(!n.__d&&(n.__d=!0)&&l.push(n)&&!A.__r++||c!=o.debounceRendering)&&((c=o.debounceRendering)||f)(A)}function A(){for(var n,i,t,e,r,u,a,c=1;l.length;)l.length>c&&l.sort(s),n=l.shift(),c=l.length,n.__d&&(t=void 0,e=void 0,r=(e=(i=n).__v).__e,u=[],a=[],i.__P&&((t=w({},e)).__v=e.__v+1,o.vnode&&o.vnode(t),O(i.__P,t,e,i.__n,i.__P.namespaceURI,32&e.__u?[r]:null,u,null==r?C(e):r,!!(32&e.__u),a),t.__v=e.__v,t.__.__k[t.__i]=t,F(u,t,a),e.__e=e.__=null,t.__e!=r&&M(t)));A.__r=0}function P(n,i,t,e,r,o,u,a,l,c,f){var s,d,v,h,p,y,w,N=e&&e.__k||m,x=i.length;for(l=function(n,i,t,e,r){var o,u,a,l,c,f=t.length,s=f,d=0;for(n.__k=new Array(r),o=0;o<r;o++)null!=(u=i[o])&&"boolean"!=typeof u&&"function"!=typeof u?(l=o+d,(u=n.__k[o]="string"==typeof u||"number"==typeof u||"bigint"==typeof u||u.constructor==String?k(null,u,null,null,null):b(u)?k(_,{children:u},null,null,null):null==u.constructor&&u.__b>0?k(u.type,u.props,u.key,u.ref?u.ref:null,u.__v):u).__=n,u.__b=n.__b+1,a=null,-1!=(c=u.__i=U(u,t,l,s))&&(s--,(a=t[c])&&(a.__u|=2)),null==a||null==a.__v?(-1==c&&(r>f?d--:r<f&&d++),"function"!=typeof u.type&&(u.__u|=4)):c!=l&&(c==l-1?d--:c==l+1?d++:(c>l?d--:d++,u.__u|=4))):n.__k[o]=null;if(s)for(o=0;o<f;o++)null!=(a=t[o])&&0==(2&a.__u)&&(a.__e==e&&(e=C(a)),q(a,a));return e}(t,i,N,l,x),s=0;s<x;s++)null!=(v=t.__k[s])&&(d=-1==v.__i?g:N[v.__i]||g,v.__i=s,y=O(n,v,d,r,o,u,a,l,c,f),h=v.__e,v.ref&&d.ref!=v.ref&&(d.ref&&$(d.ref,null,v),f.push(v.ref,v.__c||h,v)),null==p&&null!=h&&(p=h),(w=!!(4&v.__u))||d.__k===v.__k?l=T(v,l,n,w):"function"==typeof v.type&&void 0!==y?l=y:h&&(l=h.nextSibling),v.__u&=-7);return t.__e=p,l}function T(n,i,t,e){var r,o;if("function"==typeof n.type){for(r=n.__k,o=0;r&&o<r.length;o++)r[o]&&(r[o].__=n,i=T(r[o],i,t,e));return i}n.__e!=i&&(e&&(i&&n.type&&!i.parentNode&&(i=C(n)),t.insertBefore(n.__e,i||null)),i=n.__e);do{i=i&&i.nextSibling}while(null!=i&&8==i.nodeType);return i}function U(n,i,t,e){var r,o,u,a=n.key,l=n.type,c=i[t],f=null!=c&&0==(2&c.__u);if(null===c&&null==n.key||f&&a==c.key&&l==c.type)return t;if(e>(f?1:0))for(r=t-1,o=t+1;r>=0||o<i.length;)if(null!=(c=i[u=r>=0?r--:o++])&&0==(2&c.__u)&&a==c.key&&l==c.type)return u;return-1}function D(n,i,t){"-"==i[0]?n.setProperty(i,null==t?"":t):n[i]=null==t?"":"number"!=typeof t||y.test(i)?t:t+"px"}function E(n,i,t,e,r){var o,u;n:if("style"==i)if("string"==typeof t)n.style.cssText=t;else{if("string"==typeof e&&(n.style.cssText=e=""),e)for(i in e)t&&i in t||D(n.style,i,"");if(t)for(i in t)e&&t[i]==e[i]||D(n.style,i,t[i])}else if("o"==i[0]&&"n"==i[1])o=i!=(i=i.replace(d,"$1")),u=i.toLowerCase(),i=u in n||"onFocusOut"==i||"onFocusIn"==i?u.slice(2):i.slice(2),n.l||(n.l={}),n.l[i+o]=t,t?e?t.u=e.u:(t.u=v,n.addEventListener(i,o?p:h,o)):n.removeEventListener(i,o?p:h,o);else{if("http://www.w3.org/2000/svg"==r)i=i.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("width"!=i&&"height"!=i&&"href"!=i&&"list"!=i&&"form"!=i&&"tabIndex"!=i&&"download"!=i&&"rowSpan"!=i&&"colSpan"!=i&&"role"!=i&&"popover"!=i&&i in n)try{n[i]=null==t?"":t;break n}catch(n){}"function"==typeof t||(null==t||!1===t&&"-"!=i[4]?n.removeAttribute(i):n.setAttribute(i,"popover"==i&&1==t?"":t))}}function I(n){return function(i){if(this.l){var t=this.l[i.type+n];if(null==i.t)i.t=v++;else if(i.t<t.u)return;return t(o.event?o.event(i):i)}}}function O(n,i,t,e,r,u,a,l,c,f){var s,d,v,h,p,g,m,y,k,C,M,S,A,T,U,D,E,I=i.type;if(null!=i.constructor)return null;128&t.__u&&(c=!!(32&t.__u),u=[l=i.__e=t.__e]),(s=o.__b)&&s(i);n:if("function"==typeof I)try{if(y=i.props,k="prototype"in I&&I.prototype.render,C=(s=I.contextType)&&e[s.__c],M=s?C?C.props.value:s.__:e,t.__c?m=(d=i.__c=t.__c).__=d.__E:(k?i.__c=d=new I(y,M):(i.__c=d=new x(y,M),d.constructor=I,d.render=z),C&&C.sub(d),d.props=y,d.state||(d.state={}),d.context=M,d.__n=e,v=d.__d=!0,d.__h=[],d.m=[]),k&&null==d.__s&&(d.__s=d.state),k&&null!=I.getDerivedStateFromProps&&(d.__s==d.state&&(d.__s=w({},d.__s)),w(d.__s,I.getDerivedStateFromProps(y,d.__s))),h=d.props,p=d.state,d.__v=i,v)k&&null==I.getDerivedStateFromProps&&null!=d.componentWillMount&&d.componentWillMount(),k&&null!=d.componentDidMount&&d.__h.push(d.componentDidMount);else{if(k&&null==I.getDerivedStateFromProps&&y!==h&&null!=d.componentWillReceiveProps&&d.componentWillReceiveProps(y,M),!d.__e&&null!=d.shouldComponentUpdate&&!1===d.shouldComponentUpdate(y,d.__s,M)||i.__v==t.__v){for(i.__v!=t.__v&&(d.props=y,d.state=d.__s,d.__d=!1),i.__e=t.__e,i.__k=t.__k,i.__k.some(function(n){n&&(n.__=i)}),S=0;S<d.m.length;S++)d.__h.push(d.m[S]);d.m=[],d.__h.length&&a.push(d);break n}null!=d.componentWillUpdate&&d.componentWillUpdate(y,d.__s,M),k&&null!=d.componentDidUpdate&&d.__h.push(function(){d.componentDidUpdate(h,p,g)})}if(d.context=M,d.props=y,d.__P=n,d.__e=!1,A=o.__r,T=0,k){for(d.state=d.__s,d.__d=!1,A&&A(i),s=d.render(d.props,d.state,d.context),U=0;U<d.m.length;U++)d.__h.push(d.m[U]);d.m=[]}else do{d.__d=!1,A&&A(i),s=d.render(d.props,d.state,d.context),d.state=d.__s}while(d.__d&&++T<25);d.state=d.__s,null!=d.getChildContext&&(e=w(w({},e),d.getChildContext())),k&&!v&&null!=d.getSnapshotBeforeUpdate&&(g=d.getSnapshotBeforeUpdate(h,p)),D=s,null!=s&&s.type===_&&null==s.key&&(D=L(s.props.children)),l=P(n,b(D)?D:[D],i,t,e,r,u,a,l,c,f),d.base=i.__e,i.__u&=-161,d.__h.length&&a.push(d),m&&(d.__E=d.__=null)}catch(n){if(i.__v=null,c||null!=u)if(n.then){for(i.__u|=c?160:128;l&&8==l.nodeType&&l.nextSibling;)l=l.nextSibling;u[u.indexOf(l)]=null,i.__e=l}else{for(E=u.length;E--;)N(u[E]);j(i)}else i.__e=t.__e,i.__k=t.__k,n.then||j(i);o.__e(n,i,t)}else null==u&&i.__v==t.__v?(i.__k=t.__k,i.__e=t.__e):l=i.__e=R(t.__e,i,t,e,r,u,a,c,f);return(s=o.diffed)&&s(i),128&i.__u?void 0:l}function j(n){n&&n.__c&&(n.__c.__e=!0),n&&n.__k&&n.__k.forEach(j)}function F(n,i,t){for(var e=0;e<t.length;e++)$(t[e],t[++e],t[++e]);o.__c&&o.__c(i,n),n.some(function(i){try{n=i.__h,i.__h=[],n.some(function(n){n.call(i)})}catch(n){o.__e(n,i.__v)}})}function L(n){return"object"!=typeof n||null==n||n.__b&&n.__b>0?n:b(n)?n.map(L):w({},n)}function R(n,i,t,e,u,a,l,c,f){var s,d,v,h,p,m,y,w=t.props,k=i.props,_=i.type;if("svg"==_?u="http://www.w3.org/2000/svg":"math"==_?u="http://www.w3.org/1998/Math/MathML":u||(u="http://www.w3.org/1999/xhtml"),null!=a)for(s=0;s<a.length;s++)if((p=a[s])&&"setAttribute"in p==!!_&&(_?p.localName==_:3==p.nodeType)){n=p,a[s]=null;break}if(null==n){if(null==_)return document.createTextNode(k);n=document.createElementNS(u,_,k.is&&k),c&&(o.__m&&o.__m(i,a),c=!1),a=null}if(null==_)w===k||c&&n.data==k||(n.data=k);else{if(a=a&&r.call(n.childNodes),w=t.props||g,!c&&null!=a)for(w={},s=0;s<n.attributes.length;s++)w[(p=n.attributes[s]).name]=p.value;for(s in w)if(p=w[s],"children"==s);else if("dangerouslySetInnerHTML"==s)v=p;else if(!(s in k)){if("value"==s&&"defaultValue"in k||"checked"==s&&"defaultChecked"in k)continue;E(n,s,null,p,u)}for(s in k)p=k[s],"children"==s?h=p:"dangerouslySetInnerHTML"==s?d=p:"value"==s?m=p:"checked"==s?y=p:c&&"function"!=typeof p||w[s]===p||E(n,s,p,w[s],u);if(d)c||v&&(d.__html==v.__html||d.__html==n.innerHTML)||(n.innerHTML=d.__html),i.__k=[];else if(v&&(n.innerHTML=""),P("template"==i.type?n.content:n,b(h)?h:[h],i,t,e,"foreignObject"==_?"http://www.w3.org/1999/xhtml":u,a,l,a?a[0]:t.__k&&C(t,0),c,f),null!=a)for(s=a.length;s--;)N(a[s]);c||(s="value","progress"==_&&null==m?n.removeAttribute("value"):null!=m&&(m!==n[s]||"progress"==_&&!m||"option"==_&&m!=w[s])&&E(n,s,m,w[s],u),s="checked",null!=y&&y!=n[s]&&E(n,s,y,w[s],u))}return n}function $(n,i,t){try{if("function"==typeof n){var e="function"==typeof n.__u;e&&n.__u(),e&&null==i||(n.__u=n(i))}else n.current=i}catch(n){o.__e(n,t)}}function q(n,i,t){var e,r;if(o.unmount&&o.unmount(n),(e=n.ref)&&(e.current&&e.current!=n.__e||$(e,null,i)),null!=(e=n.__c)){if(e.componentWillUnmount)try{e.componentWillUnmount()}catch(n){o.__e(n,i)}e.base=e.__P=null}if(e=n.__k)for(r=0;r<e.length;r++)e[r]&&q(e[r],i,t||"function"!=typeof n.type);t||N(n.__e),n.__c=n.__=n.__e=void 0}function z(n,i,t){return this.constructor(n,t)}function H(n,i,t){var e,u,a,l;i==document&&(i=document.documentElement),o.__&&o.__(n,i),u=(e="function"==typeof t)?null:t&&t.__k||i.__k,a=[],l=[],O(i,n=(!e&&t||i).__k=function(n,i,t){var e,o,u,a={};for(u in i)"key"==u?e=i[u]:"ref"==u?o=i[u]:a[u]=i[u];if(arguments.length>2&&(a.children=arguments.length>3?r.call(arguments,2):t),"function"==typeof n&&null!=n.defaultProps)for(u in n.defaultProps)void 0===a[u]&&(a[u]=n.defaultProps[u]);return k(n,a,e,o,null)}(_,null,[n]),u||g,g,i.namespaceURI,!e&&t?[t]:u?null:i.firstChild?r.call(i.childNodes):null,a,!e&&t?t:u?u.__e:i.firstChild,e,l),F(a,n,l)}r=m.slice,o={__e:function(n,i,t,e){for(var r,o,u;i=i.__;)if((r=i.__c)&&!r.__)try{if((o=r.constructor)&&null!=o.getDerivedStateFromError&&(r.setState(o.getDerivedStateFromError(n)),u=r.__d),null!=r.componentDidCatch&&(r.componentDidCatch(n,e||{}),u=r.__d),u)return r.__E=r}catch(i){n=i}throw n}},u=0,a=function(n){return null!=n&&null==n.constructor},x.prototype.setState=function(n,i){var t;t=null!=this.__s&&this.__s!=this.state?this.__s:this.__s=w({},this.state),"function"==typeof n&&(n=n(w({},t),this.props)),n&&w(t,n),null!=n&&this.__v&&(i&&this.m.push(i),S(this))},x.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),S(this))},x.prototype.render=_,l=[],f="function"==typeof Promise?Promise.prototype.then.bind(Promise.resolve()):setTimeout,s=function(n,i){return n.__v.__b-i.__v.__b},A.__r=0,d=/(PointerCapture)$|Capture$/i,v=0,h=I(!1),p=I(!0);var W=0;function G(n,i,t,e,r,u){i||(i={});var a,l,c=i;if("ref"in c)for(l in c={},i)"ref"==l?a=i[l]:c[l]=i[l];var f={type:n,props:c,key:t,ref:a,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--W,__i:-1,__u:0,__source:r,__self:u};if("function"==typeof n&&(a=n.defaultProps))for(l in a)void 0===c[l]&&(c[l]=a[l]);return o.vnode&&o.vnode(f),f}var J,B,V,Z,X=0,Y=[],K=o,Q=K.__b,nn=K.__r,tn=K.diffed,en=K.__c,rn=K.unmount,on=K.__;function un(n,i){K.__h&&K.__h(B,n,X||i),X=0;var t=B.__H||(B.__H={__:[],__h:[]});return n>=t.__.length&&t.__.push({}),t.__[n]}function an(n,i){var t=un(J++,3);!K.__s&&pn(t.__H,i)&&(t.__=n,t.u=i,B.__H.__h.push(t))}function ln(n){return X=5,cn(function(){return{current:n}},[])}function cn(n,i){var t=un(J++,7);return pn(t.__H,i)&&(t.__=n(),t.__H=i,t.__h=n),t.__}function fn(){for(var n;n=Y.shift();)if(n.__P&&n.__H)try{n.__H.__h.forEach(vn),n.__H.__h.forEach(hn),n.__H.__h=[]}catch(i){n.__H.__h=[],K.__e(i,n.__v)}}K.__b=function(n){B=null,Q&&Q(n)},K.__=function(n,i){n&&i.__k&&i.__k.__m&&(n.__m=i.__k.__m),on&&on(n,i)},K.__r=function(n){nn&&nn(n),J=0;var i=(B=n.__c).__H;i&&(V===B?(i.__h=[],B.__h=[],i.__.forEach(function(n){n.__N&&(n.__=n.__N),n.u=n.__N=void 0})):(i.__h.forEach(vn),i.__h.forEach(hn),i.__h=[],J=0)),V=B},K.diffed=function(n){tn&&tn(n);var i=n.__c;i&&i.__H&&(i.__H.__h.length&&(1!==Y.push(i)&&Z===K.requestAnimationFrame||((Z=K.requestAnimationFrame)||dn)(fn)),i.__H.__.forEach(function(n){n.u&&(n.__H=n.u),n.u=void 0})),V=B=null},K.__c=function(n,i){i.some(function(n){try{n.__h.forEach(vn),n.__h=n.__h.filter(function(n){return!n.__||hn(n)})}catch(t){i.some(function(n){n.__h&&(n.__h=[])}),i=[],K.__e(t,n.__v)}}),en&&en(n,i)},K.unmount=function(n){rn&&rn(n);var i,t=n.__c;t&&t.__H&&(t.__H.__.forEach(function(n){try{vn(n)}catch(n){i=n}}),t.__H=void 0,i&&K.__e(i,t.__v))};var sn="function"==typeof requestAnimationFrame;function dn(n){var i,t=function(){clearTimeout(e),sn&&cancelAnimationFrame(i),setTimeout(n)},e=setTimeout(t,35);sn&&(i=requestAnimationFrame(t))}function vn(n){var i=B,t=n.__c;"function"==typeof t&&(n.__c=void 0,t()),B=i}function hn(n){var i=B;n.__c=n.__(),B=i}function pn(n,i){return!n||n.length!==i.length||i.some(function(i,t){return i!==n[t]})}function gn(n,i){return"function"==typeof i?i(n):i}var mn=Symbol.for("preact-signals");function yn(){if(!(_n>1)){var n,i=!1;while(void 0!==kn){var t=kn;kn=void 0;xn++;while(void 0!==t){var e=t.o;t.o=void 0;t.f&=-3;if(!(8&t.f)&&Pn(t))try{t.c()}catch(t){if(!i){n=t;i=!0}}t=e}}xn=0;_n--;if(i)throw n}else _n--}function bn(n){if(_n>0)return n();_n++;try{return n()}finally{yn()}}var wn=void 0;function Nn(n){var i=wn;wn=void 0;try{return n()}finally{wn=i}}var kn=void 0,_n=0,xn=0,Cn=0;function Mn(n){if(void 0!==wn){var i=n.n;if(void 0===i||i.t!==wn){i={i:0,S:n,p:wn.s,n:void 0,t:wn,e:void 0,x:void 0,r:i};if(void 0!==wn.s)wn.s.n=i;wn.s=i;n.n=i;if(32&wn.f)n.S(i);return i}else if(-1===i.i){i.i=0;if(void 0!==i.n){i.n.p=i.p;if(void 0!==i.p)i.p.n=i.n;i.p=wn.s;i.n=void 0;wn.s.n=i;wn.s=i}return i}}}function Sn(n,i){this.v=n;this.i=0;this.n=void 0;this.t=void 0;this.W=null==i?void 0:i.watched;this.Z=null==i?void 0:i.unwatched;this.name=null==i?void 0:i.name}Sn.prototype.brand=mn;Sn.prototype.h=function(){return!0};Sn.prototype.S=function(n){var i=this,t=this.t;if(t!==n&&void 0===n.e){n.x=t;this.t=n;if(void 0!==t)t.e=n;else Nn(function(){var n;null==(n=i.W)||n.call(i)})}};Sn.prototype.U=function(n){var i=this;if(void 0!==this.t){var t=n.e,e=n.x;if(void 0!==t){t.x=e;n.e=void 0}if(void 0!==e){e.e=t;n.x=void 0}if(n===this.t){this.t=e;if(void 0===e)Nn(function(){var n;null==(n=i.Z)||n.call(i)})}}};Sn.prototype.subscribe=function(n){var i=this;return Ln(function(){var t=i.value,e=wn;wn=void 0;try{n(t)}finally{wn=e}},{name:"sub"})};Sn.prototype.valueOf=function(){return this.value};Sn.prototype.toString=function(){return this.value+""};Sn.prototype.toJSON=function(){return this.value};Sn.prototype.peek=function(){var n=wn;wn=void 0;try{return this.value}finally{wn=n}};Object.defineProperty(Sn.prototype,"value",{get:function(){var n=Mn(this);if(void 0!==n)n.i=this.i;return this.v},set:function(n){if(n!==this.v){if(xn>100)throw new Error("Cycle detected");this.v=n;this.i++;Cn++;_n++;try{for(var i=this.t;void 0!==i;i=i.x)i.t.N()}finally{yn()}}}});function An(n,i){return new Sn(n,i)}function Pn(n){for(var i=n.s;void 0!==i;i=i.n)if(i.S.i!==i.i||!i.S.h()||i.S.i!==i.i)return!0;return!1}function Tn(n){for(var i=n.s;void 0!==i;i=i.n){var t=i.S.n;if(void 0!==t)i.r=t;i.S.n=i;i.i=-1;if(void 0===i.n){n.s=i;break}}}function Un(n){var i=n.s,t=void 0;while(void 0!==i){var e=i.p;if(-1===i.i){i.S.U(i);if(void 0!==e)e.n=i.n;if(void 0!==i.n)i.n.p=e}else t=i;i.S.n=i.r;if(void 0!==i.r)i.r=void 0;i=e}n.s=t}function Dn(n,i){Sn.call(this,void 0);this.x=n;this.s=void 0;this.g=Cn-1;this.f=4;this.W=null==i?void 0:i.watched;this.Z=null==i?void 0:i.unwatched;this.name=null==i?void 0:i.name}Dn.prototype=new Sn;Dn.prototype.h=function(){this.f&=-3;if(1&this.f)return!1;if(32==(36&this.f))return!0;this.f&=-5;if(this.g===Cn)return!0;this.g=Cn;this.f|=1;if(this.i>0&&!Pn(this)){this.f&=-2;return!0}var n=wn;try{Tn(this);wn=this;var i=this.x();if(16&this.f||this.v!==i||0===this.i){this.v=i;this.f&=-17;this.i++}}catch(n){this.v=n;this.f|=16;this.i++}wn=n;Un(this);this.f&=-2;return!0};Dn.prototype.S=function(n){if(void 0===this.t){this.f|=36;for(var i=this.s;void 0!==i;i=i.n)i.S.S(i)}Sn.prototype.S.call(this,n)};Dn.prototype.U=function(n){if(void 0!==this.t){Sn.prototype.U.call(this,n);if(void 0===this.t){this.f&=-33;for(var i=this.s;void 0!==i;i=i.n)i.S.U(i)}}};Dn.prototype.N=function(){if(!(2&this.f)){this.f|=6;for(var n=this.t;void 0!==n;n=n.x)n.t.N()}};Object.defineProperty(Dn.prototype,"value",{get:function(){if(1&this.f)throw new Error("Cycle detected");var n=Mn(this);this.h();if(void 0!==n)n.i=this.i;if(16&this.f)throw this.v;return this.v}});function En(n,i){return new Dn(n,i)}function In(n){var i=n.u;n.u=void 0;if("function"==typeof i){_n++;var t=wn;wn=void 0;try{i()}catch(i){n.f&=-2;n.f|=8;On(n);throw i}finally{wn=t;yn()}}}function On(n){for(var i=n.s;void 0!==i;i=i.n)i.S.U(i);n.x=void 0;n.s=void 0;In(n)}function jn(n){if(wn!==this)throw new Error("Out-of-order effect");Un(this);wn=n;this.f&=-2;if(8&this.f)On(this);yn()}function Fn(n,i){this.x=n;this.u=void 0;this.s=void 0;this.o=void 0;this.f=32;this.name=null==i?void 0:i.name}Fn.prototype.c=function(){var n=this.S();try{if(8&this.f)return;if(void 0===this.x)return;var i=this.x();if("function"==typeof i)this.u=i}finally{n()}};Fn.prototype.S=function(){if(1&this.f)throw new Error("Cycle detected");this.f|=1;this.f&=-9;In(this);Tn(this);_n++;var n=wn;wn=this;return jn.bind(this,n)};Fn.prototype.N=function(){if(!(2&this.f)){this.f|=2;this.o=kn;kn=this}};Fn.prototype.d=function(){this.f|=8;if(!(1&this.f))On(this)};Fn.prototype.dispose=function(){this.d()};function Ln(n,i){var t=new Fn(n,i);try{t.c()}catch(n){t.d();throw n}var e=t.d.bind(t);e[Symbol.dispose]=e;return e}var Rn,$n,qn,zn="undefined"!=typeof window&&!!window.__PREACT_SIGNALS_DEVTOOLS__,Hn=[],Wn=[];Ln(function(){Rn=this.N})();function Gn(n,i){o[n]=i.bind(null,o[n]||function(){})}function Jn(n){if(qn)qn();qn=n&&n.S()}function Bn(n){var i=this,t=n.data,e=useSignal(t);e.value=t;var r=cn(function(){var n=i,t=i.__v;while(t=t.__)if(t.__c){t.__c.__$f|=4;break}var r=En(function(){var n=e.value.value;return 0===n?0:!0===n?"":n||""}),o=En(function(){return!Array.isArray(r.value)&&!a(r.value)}),u=Ln(function(){this.N=ni;if(o.value){var i=r.value;if(n.__v&&n.__v.__e&&3===n.__v.__e.nodeType)n.__v.__e.data=i}}),l=i.__$u.d;i.__$u.d=function(){u();l.call(this)};return[o,r]},[]),o=r[0],u=r[1];return o.value?u.peek():u.value}Bn.displayName="ReactiveTextNode";Object.defineProperties(Sn.prototype,{constructor:{configurable:!0,value:void 0},type:{configurable:!0,value:Bn},props:{configurable:!0,get:function(){return{data:this}}},__b:{configurable:!0,value:1}});Gn("__b",function(n,i){if("string"==typeof i.type){var t,e=i.props;for(var r in e)if("children"!==r){var o=e[r];if(o instanceof Sn){if(!t)i.__np=t={};t[r]=o;e[r]=o.peek()}}}n(i)});Gn("__r",function(n,i){if(i.type!==_){Jn();var t,e=i.__c;if(e){e.__$f&=-2;if(void 0===(t=e.__$u))e.__$u=t=function(n,i){var t;Ln(function(){t=this},{name:i});t.c=n;return t}(function(){var n;if(zn)null==(n=t.y)||n.call(t);e.__$f|=1;e.setState({})},"function"==typeof i.type?i.type.displayName||i.type.name:"")}$n=e;Jn(t)}n(i)});Gn("__e",function(n,i,t,e){Jn();$n=void 0;n(i,t,e)});Gn("diffed",function(n,i){Jn();$n=void 0;var t;if("string"==typeof i.type&&(t=i.__e)){var e=i.__np,r=i.props;if(e){var o=t.U;if(o)for(var u in o){var a=o[u];if(void 0!==a&&!(u in e)){a.d();o[u]=void 0}}else{o={};t.U=o}for(var l in e){var c=o[l],f=e[l];if(void 0===c){c=Vn(t,l,f,r);o[l]=c}else c.o(f,r)}}}n(i)});function Vn(n,i,t,e){var r=i in n&&void 0===n.ownerSVGElement,o=An(t);return{o:function(n,i){o.value=n;e=i},d:Ln(function(){this.N=ni;var t=o.value.value;if(e[i]!==t){e[i]=t;if(r)n[i]=t;else if(null!=t&&(!1!==t||"-"===i[4]))n.setAttribute(i,t);else n.removeAttribute(i)}})}}Gn("unmount",function(n,i){if("string"==typeof i.type){var t=i.__e;if(t){var e=t.U;if(e){t.U=void 0;for(var r in e){var o=e[r];if(o)o.d()}}}}else{var u=i.__c;if(u){var a=u.__$u;if(a){u.__$u=void 0;a.d()}}}n(i)});Gn("__h",function(n,i,t,e){if(e<3||9===e)i.__$f|=2;n(i,t,e)});x.prototype.shouldComponentUpdate=function(n,i){var t=this.__$u,e=t&&void 0!==t.s;for(var r in i)return!0;if(this.__f||"boolean"==typeof this.u&&!0===this.u){var o=2&this.__$f;if(!(e||o||4&this.__$f))return!0;if(1&this.__$f)return!0}else{if(!(e||4&this.__$f))return!0;if(3&this.__$f)return!0}for(var u in n)if("__source"!==u&&n[u]!==this.props[u])return!0;for(var a in this.props)if(!(a in n))return!0;return!1};function useSignal(n,i){return function(n){return X=1,function(n,i,t){var e=un(J++,2);if(e.t=n,!e.__c&&(e.__=[t?t(i):gn(void 0,i),function(n){var i=e.__N?e.__N[0]:e.__[0],t=e.t(i,n);i!==t&&(e.__N=[t,e.__[1]],e.__c.setState({}))}],e.__c=B,!B.__f)){var r=function(n,i,t){if(!e.__c.__H)return!0;var r=e.__c.__H.__.filter(function(n){return!!n.__c});if(r.every(function(n){return!n.__N}))return!o||o.call(this,n,i,t);var u=e.__c.props!==n;return r.forEach(function(n){if(n.__N){var i=n.__[0];n.__=n.__N,n.__N=void 0,i!==n.__[0]&&(u=!0)}}),o&&o.call(this,n,i,t)||u};B.__f=!0;var o=B.shouldComponentUpdate,u=B.componentWillUpdate;B.componentWillUpdate=function(n,i,t){if(this.__e){var e=o;o=void 0,r(n,i,t),o=e}u&&u.call(this,n,i,t)},B.shouldComponentUpdate=r}return e.__N||e.__}(gn,n)}(function(){return An(n,i)})[0]}var Zn="undefined"==typeof requestAnimationFrame?setTimeout:function(n){var i=function(){clearTimeout(t);cancelAnimationFrame(e);n()},t=setTimeout(i,35),e=requestAnimationFrame(i)},Xn=function(n){queueMicrotask(function(){queueMicrotask(n)})};function Yn(){bn(function(){var n;while(n=Hn.shift())Rn.call(n)})}function Kn(){if(1===Hn.push(this))(o.requestAnimationFrame||Zn)(Yn)}function Qn(){bn(function(){var n;while(n=Wn.shift())Rn.call(n)})}function ni(){if(1===Wn.push(this))(o.requestAnimationFrame||Xn)(Qn)}function useSignalEffect(n,i){var t=ln(n);t.current=n;an(function(){return Ln(function(){this.N=Kn;return t.current()},i)},[])}function ii(n){var i=n.onClick,t=n.className,e=void 0===t?"":t,r=n.disabled,o=void 0===r?!1:r,u=n.children,a=n.variant,l=void 0===a?"secondary":a,c=n.popovertarget,f=n.active;return G("button",{popovertarget:c,onClick:i,className:("btn "+("primary"===l?"btn-primary":"btn-secondary")+" "+((void 0===f?0:f)?"active":"")+" "+e).trim(),disabled:o,children:u})}function ti(n){var i=n.onRefresh,t=n.title,e=void 0===t?"No Signals Detected":t,r=n.description,o=void 0===r?"Make sure your application is using @preact/signals-debug package.":r,u=n.buttonText,a=void 0===u?"Refresh Detection":u;return G("div",{className:"empty-state",children:G("div",{className:"empty-state-content",children:[G("h2",{children:e}),G("p",{children:o}),G("div",{className:"empty-state-actions",children:G(ii,{onClick:i,variant:"primary",children:a})})]})})}function ei(n){var i=n.status,t=n.message,e=n.showIndicator,r=void 0===e?!0:e,o=n.className;return G("div",{className:"connection-status "+i+" "+(void 0===o?"":o),children:[r&&G("span",{className:"status-indicator "+i}),G("span",{className:"status-text",children:t})]})}var ri=null;function oi(){if(!ri)throw new Error("DevTools context not initialized. Call initDevTools() first.");return ri}function ui(n){var i=An("connecting"),t=An("Connecting..."),e=An(!1);n.on("connectionStatusChanged",function(n){i.value=n.status;t.value=n.message});n.on("signalsAvailable",function(n){e.value=n});return{get status(){return i.value},get message(){return t.value},get isConnected(){return e.value},refreshConnection:function(){i.value="connecting";t.value="Connecting...";n.requestState()}}}var ai=function(n,i){return n.update.signalId===i.update.signalId&&n.children.length===i.children.length&&n.children.every(function(n,t){return ai(n,i.children[t])})};function li(n,i){var r=An([]),o=An(!1),u=An(new Set),a=function(n){if(Array.isArray(n))n.forEach(function(n){if("divider"!==n.type)n.receivedAt=Date.now()});else if("update"===n.type)n.receivedAt=Date.now();r.value=[].concat(r.value,Array.isArray(n)?n:[n])},l=En(function(){return r.value.length>0}),c=En(function(){var n=new Map;r.value.forEach(function(i){if("divider"!==i.type){var t=i.signalName||"Unknown";n.set(t,(n.get(t)||0)+1)}});return n}),f=En(function(){return function(n){for(var i=[],t=[],e=n.slice(-100).reverse(),r=0;r<e.length;r++){var o=e[r];if("divider"!==o.type){var u=o,a=u.depth||0,l={type:"single",id:u.signalName+"-"+u.receivedAt+"-"+r,update:u,children:[],depth:a,hasChildren:!1};while(t.length>0&&t[t.length-1].depth>=a)t.pop();if(0===t.length)i.push(l);else{var c=t[t.length-1];c.children.push(l);c.hasChildren=!0}t.push(l)}}return i}(r.value)});n.on("signalUpdate",function(n){if(!o.value){var i=[].concat(n).reverse();i.push({type:"divider"});a(i)}});n.on("signalDisposed",function(n){if(!o.value)!function(n){for(var i,e=Array.isArray(n)?n:[n],r=new Set(u.value),o=t(e);!(i=o()).done;){var a=i.value;if(a.signalId)r.add(a.signalId)}u.value=r}(n)});var s=En(function(){var n=f.value;if(i.settings.grouped)return function(n){for(var i,r,o=[],u=t(n);!(r=u()).done;){var a=r.value;if(!i||!ai(i,a)){o.push(a);i=a}else if("group"!==i.type){o.pop();i=e({},i,{type:"group",count:2,firstUpdate:a.update,firstChildren:a.children});o.push(i)}else{i.count++;i.firstUpdate=a.update;i.firstChildren=a.children}}return o}(n);else return n});return{updates:r,updateTree:f,collapsedUpdateTree:s,totalUpdates:En(function(){return Object.keys(f.value).length}),signalCounts:c,disposedSignalIds:u,addUpdate:a,clearUpdates:function(){r.value=[];u.value=new Set},hasUpdates:l,isPaused:o}}function ci(n){var i=An({enabled:!0,grouped:!0,consoleLogging:!0,maxUpdatesPerSecond:60,filterPatterns:[]}),t=An(!1);n.on("configReceived",function(n){if(n.settings)i.value=n.settings});return{get settings(){return i.value},get showDisposedSignals(){return t.value},set settings(n){i.value=n},applySettings:function(t){i.value=t;n.sendConfig(t)},toggleShowDisposedSignals:function(){t.value=!t.value}}}function fi(n){var i=ci(n),t=li(n,i),e=ui(n);return ri={adapter:n,connectionStore:e,updatesStore:t,settingsStore:i}}function si(){if(ri){ri.adapter.disconnect();ri=null}}function di(){var n=oi(),i=n.connectionStore,t=n.updatesStore,e=function(){t.isPaused.value=!t.isPaused.value},r=function(){t.clearUpdates()};return G("header",{className:"header",children:[G("div",{className:"header-title",children:[G("h1",{children:"Signals"}),G(ei,{status:i.status,message:i.message})]}),G("div",{className:"header-controls",children:[r&&G(ii,{onClick:r,children:"Clear"}),e&&G(ii,{onClick:e,active:t.isPaused.value,children:t.isPaused.value?"Resume":"Pause"}),G(ii,{popovertarget:"settings-panel-popover",children:"Settings"})]})]})}function vi(){var n=oi().settingsStore,i=ln(null),t=n.applySettings,r=useSignal(n.settings);useSignalEffect(function(){r.value=n.settings});return G("div",{ref:i,popover:"auto",id:"settings-panel-popover",className:"settings-panel",children:G("div",{className:"settings-content",children:[G("h3",{children:"Debug Configuration"}),G("div",{className:"setting-group",children:G("label",{children:[G("input",{type:"checkbox",checked:r.value.enabled,onChange:function(n){return r.value=e({},r.value,{enabled:n.target.checked})}}),"Enable debug updates"]})}),G("div",{className:"setting-group",children:G("label",{children:[G("input",{type:"checkbox",checked:r.value.grouped,onChange:function(n){return r.value=e({},r.value,{grouped:n.target.checked})}}),"Group related updates"]})}),G("div",{className:"setting-group",children:[G("label",{children:[G("input",{type:"checkbox",checked:r.value.consoleLogging,onChange:function(n){return r.value=e({},r.value,{consoleLogging:n.target.checked})}}),"Enable console logging"]}),G("p",{className:"setting-description",children:"When disabled, signal updates will not be logged to the browser console."})]}),G("div",{className:"setting-group",children:[G("label",{htmlFor:"maxUpdatesInput",children:"Max updates per second:"}),G("input",{type:"number",id:"maxUpdatesInput",value:r.value.maxUpdatesPerSecond,min:"1",max:"1000",onChange:function(n){return r.value=e({},r.value,{maxUpdatesPerSecond:parseInt(n.target.value)||60})}})]}),G("div",{className:"setting-group",children:[G("label",{htmlFor:"filterPatternsInput",children:"Filter patterns (one per line):"}),G("textarea",{id:"filterPatternsInput",placeholder:"user.*\n.*State$\nglobal",value:r.value.filterPatterns.join("\n"),onChange:function(n){return r.value=e({},r.value,{filterPatterns:n.target.value.split("\n").map(function(n){return n.trim()}).filter(function(n){return n.length>0})})}})]}),G("h3",{children:"Graph Settings"}),G("div",{className:"setting-group",children:[G("label",{children:[G("input",{type:"checkbox",checked:n.showDisposedSignals,onChange:function(){return n.toggleShowDisposedSignals()}}),"Show disposed signals in graph"]}),G("p",{className:"setting-description",children:"When enabled, signals and effects that have been disposed will still be shown in the graph view."})]}),G("div",{className:"settings-actions",children:[G(ii,{onClick:function(){t(r.value)},variant:"primary",children:"Apply"}),G(ii,{onClick:function(){var n;null==(n=i.current)||n.hide()},children:"Cancel"})]})]})})}var hi=function(n){var i=document.createElement("textarea");try{i.value=n;document.body.append(i);i.select();document.execCommand("copy")}finally{i.remove()}};function pi(){var n=oi(),i=n.updatesStore,e=n.settingsStore,r=i.updates,o=i.disposedSignalIds,u=ln(null),a=ln(null),l=ln(null),c=useSignal({x:0,y:0}),f=useSignal(1),s=useSignal(!1),d=useSignal({x:0,y:0}),v=useSignal(!1),h=useSignal(),p=useSignal(null),g=useSignal({x:0,y:0});an(function(){var n=function(n){if(v.value&&l.current&&!l.current.contains(n.target))v.value=!1};document.addEventListener("mousedown",n);return function(){document.removeEventListener("mousedown",n)}},[]);var m=function(n,i){var t=ln(n);t.current=n;$n.__$f|=4;return cn(function(){return En(function(){return t.current()},void 0)},[])}(function(){var n=r.value,i=o.value,u=e.showDisposedSignals;if(!n||0===n.length)return{nodes:[],links:[]};for(var a,l=new Map,c=new Map,f=n.filter(function(n){return"divider"!==n.type}),s=t(f);!(a=s()).done;){var d=a.value;if(d.signalId)if(u||!i.has(d.signalId)){var v=d.signalType;if(!l.has(d.signalId))l.set(d.signalId,{id:d.signalId,name:d.signalName,type:v,x:0,y:0,depth:0});if(d.allDependencies&&d.allDependencies.length>0)for(var h,p=t(d.allDependencies);!(h=p()).done;){var g=h.value;if(u||!i.has(g.id)){if(!l.has(g.id))l.set(g.id,{id:g.id,name:g.name,type:g.type,x:0,y:0,depth:0});var m=g.id+"->"+d.signalId;if(!c.has(m))c.set(m,{source:g.id,target:d.signalId})}}else if(d.subscribedTo){if(!u&&i.has(d.subscribedTo))continue;var y=d.subscribedTo+"->"+d.signalId;if(!c.has(y))c.set(y,{source:d.subscribedTo,target:d.signalId})}}}var b=Array.from(c.values()),w=function(n,i){var t=new Map,e=new Map,r=new Map;n.forEach(function(n,i){e.set(i,new Set);r.set(i,0)});i.forEach(function(n){var i;null==(i=e.get(n.source))||i.add(n.target);r.set(n.target,(r.get(n.target)||0)+1)});var o=[];n.forEach(function(n,i){if(0===r.get(i)){o.push(i);t.set(i,0)}});var u=function(){var n,i=o.shift(),u=t.get(i);null==(n=e.get(i))||n.forEach(function(n){var i,e=null!=(i=t.get(n))?i:0;t.set(n,Math.max(e,u+1));var a=(r.get(n)||0)-1;r.set(n,a);if(0===a)o.push(n)})};while(o.length>0)u();return t}(l,b);l.forEach(function(n,i){var t;n.depth=null!=(t=w.get(i))?t:0});var N=new Map;l.forEach(function(n){if(!N.has(n.depth))N.set(n.depth,[]);N.get(n.depth).push(n)});!function(n,i){var t=Array.from(n.keys()).sort(function(n,i){return n-i}),e=new Map,r=new Map;i.forEach(function(n){if(!e.has(n.source))e.set(n.source,[]);if(!r.has(n.target))r.set(n.target,[]);e.get(n.source).push(n.target);r.get(n.target).push(n.source)});for(var o=new Map,u=0;u<4;u++){for(var a=function(){var i=t[l],e=n.get(i);e.forEach(function(n,i){o.set(n.id,i)});if(0===l)return 1;var u=e.map(function(n){var i=r.get(n.id)||[];if(0===i.length)return 0;else return i.reduce(function(n,i){var t;return n+(null!=(t=o.get(i))?t:0)},0)/i.length}),a=e.map(function(n,i){return{node:n,barycenter:u[i]}}).sort(function(n,i){return n.barycenter-i.barycenter}).map(function(n){return n.node});n.set(i,a)},l=0;l<t.length;l++)if(!a());for(var c=function(){var i=t[f],r=n.get(i);r.forEach(function(n,i){o.set(n.id,i)});if(f===t.length-1)return 1;var u=r.map(function(n){var i=e.get(n.id)||[];if(0===i.length)return 0;else return i.reduce(function(n,i){var t;return n+(null!=(t=o.get(i))?t:0)},0)/i.length}),a=r.map(function(n,i){return{node:n,barycenter:u[i]}}).sort(function(n,i){return n.barycenter-i.barycenter}).map(function(n){return n.node});n.set(i,a)},f=t.length-1;f>=0;f--)if(!c());}}(N,b);N.forEach(function(n,i){var t=80-120*(n.length-1)/2;n.forEach(function(n,e){n.x=100+250*i;n.y=t+120*e+50*N.size})});return{nodes:Array.from(l.values()),links:b}}),y=function(){s.value=!1},b=/[^a-zA-Z0-9]/g,w=function(n){return n.replace(b,"_")},N=function(n){var i=6.5*n.name.length+16;return Math.max(30,Math.min(i/2,70))},k=function(n){var i=a.current;if(i&&p.value){var t=i.getBoundingClientRect();g.value={x:n.clientX-t.left,y:n.clientY-t.top}}},_=function(){p.value=null},x=function(n){h.value=n;setTimeout(function(){h.value=void 0},2e3)};if(0===m.value.nodes.length)return G("div",{className:"graph-empty",children:G("div",{children:[G("h3",{children:"No Signal Dependencies"}),G("p",{children:"Create some signals with dependencies to see the graph visualization."})]})});var C=Math.max.apply(Math,[800].concat(m.value.nodes.map(function(n){return n.x+100}))),M=Math.max.apply(Math,[600].concat(m.value.nodes.map(function(n){return n.y+100})));return G("div",{className:"graph-container",children:G("div",{ref:a,className:"graph-content",onMouseDown:function(n){if(0===n.button){s.value=!0;d.value={x:n.clientX-c.value.x,y:n.clientY-c.value.y}}},onMouseMove:function(n){if(s.value)c.value={x:n.clientX-d.value.x,y:n.clientY-d.value.y}},onMouseUp:y,onMouseLeave:y,onWheel:function(n){n.preventDefault();var i=a.current;if(i){var t=i.getBoundingClientRect(),e=n.clientX-t.left,r=n.clientY-t.top,o=n.deltaY>0?.96:1.04,u=Math.min(Math.max(.1,f.value*o),5),l=u/f.value;c.value={x:e-(e-c.value.x)*l,y:r-(r-c.value.y)*l};f.value=u}},style:{cursor:s.value?"grabbing":"grab"},children:[G("svg",{ref:u,className:"graph-svg",width:C,height:M,viewBox:"0 0 "+C+" "+M,children:[G("defs",{children:G("marker",{id:"arrowhead",markerWidth:"8",markerHeight:"6",refX:"7",refY:"3",orient:"auto",children:G("polygon",{points:"0 0, 8 3, 0 6",fill:"#94a3b8"})})}),G("g",{transform:"translate("+c.value.x+", "+c.value.y+") scale("+f.value+")",children:[G("g",{className:"links",children:m.value.links.map(function(n,i){var t=m.value.nodes.find(function(i){return i.id===n.source}),e=m.value.nodes.find(function(i){return i.id===n.target});if(!t||!e)return null;var r=N(t),o=N(e),u=t.x+r,a=t.y,l=e.x-o-8,c=e.y,f=u+.5*(l-u);return G("path",{className:"graph-link",d:"M "+u+" "+a+" C "+f+" "+a+", "+f+" "+c+", "+l+" "+c,fill:"none",markerEnd:"url(#arrowhead)"},"link-"+i)})}),G("g",{className:"nodes",children:m.value.nodes.map(function(n){var i,t=N(n),e=Math.floor((2*t-16)/6.5),r=n.name.length>e?n.name.slice(0,e-1)+"…":n.name;return G("g",{className:"graph-node-group "+((null==(i=p.value)?void 0:i.id)===n.id?"hovered":""),onMouseEnter:function(i){return function(n,i){p.value=n;var t=a.current;if(t){var e=t.getBoundingClientRect();g.value={x:i.clientX-e.left,y:i.clientY-e.top}}}(n,i)},onMouseMove:k,onMouseLeave:_,children:[G("circle",{className:"graph-node "+n.type,cx:n.x,cy:n.y,r:t}),G("text",{className:"graph-text",x:n.x,y:n.y,textAnchor:"middle",dominantBaseline:"central",children:r})]},n.id)})})]})]}),G("div",{className:"graph-controls",children:[G("button",{className:"graph-reset-button",onClick:function(){c.value={x:0,y:0};f.value=1},title:"Reset view",children:"⟲ Reset View"}),G("div",{ref:l,className:"graph-export-container",children:[G("button",{className:"graph-export-button",onClick:function(){v.value=!v.value},title:"Export graph",children:"↓ Export"}),v.value&&G("div",{className:"graph-export-menu",children:[G("button",{className:"graph-export-menu-item",onClick:function(){try{v.value=!1;var n=["graph LR"];m.value.nodes.forEach(function(i){var t=w(i.id),e=i.name;switch(i.type){case"signal":n.push("  "+t+"(("+e+"))");break;case"computed":n.push("  "+t+"("+e+")");break;case"effect":n.push("  "+t+"(["+e+"])")}});for(var i,e=t(m.value.links);!(i=e()).done;){var r=i.value,o=w(r.source),u=w(r.target);n.push("  "+o+" --\x3e "+u)}hi(n.join("\n"));x("Copied to clipboard!");return Promise.resolve()}catch(n){return Promise.reject(n)}},children:"Mermaid"}),G("button",{className:"graph-export-menu-item",onClick:function(){try{v.value=!1;var n=JSON.stringify(m.value,null,2);hi(n);x("Copied to clipboard!");return Promise.resolve()}catch(n){return Promise.reject(n)}},children:"JSON"})]})]}),G("div",{className:"graph-zoom-indicator",title:"Zoom level",children:[Math.round(100*f.value),"%"]})]}),h.value&&G("div",{className:"graph-toast",children:h.value}),p.value&&G("div",{className:"graph-tooltip",style:{left:g.value.x+12,top:g.value.y-8},children:[G("div",{className:"tooltip-header",children:G("span",{className:"tooltip-type "+p.value.type,children:p.value.type})}),G("div",{className:"tooltip-name",children:p.value.name}),G("div",{className:"tooltip-id",children:["ID: ",p.value.id]})]}),G("div",{className:"graph-legend",children:[G("div",{className:"legend-item",children:[G("div",{className:"legend-color",style:{backgroundColor:"#2196f3"}}),G("span",{children:"Signal"})]}),G("div",{className:"legend-item",children:[G("div",{className:"legend-color",style:{backgroundColor:"#ff9800"}}),G("span",{children:"Computed"})]}),G("div",{className:"legend-item",children:[G("div",{className:"legend-color",style:{backgroundColor:"#4caf50"}}),G("span",{children:"Effect"})]})]})]})})}function gi(n){var i=n.update,t=n.count,e=n.firstUpdate,r=new Date(i.timestamp||i.receivedAt).toLocaleTimeString(),o=function(n){if(null===n)return"null";if(void 0===n)return"undefined";if("string"==typeof n)return'"'+n+'"';if("function"==typeof n)return"function()";if("object"==typeof n)try{return JSON.stringify(n,null,0)}catch(n){return"[Object]"}return String(n)},u=t&&G("span",{class:"update-count",title:"Number of grouped identical updates",children:["x",t]});if("effect"===i.type)return G("div",{className:"update-item "+i.type,children:G("div",{className:"update-header",children:[G("span",{className:"signal-name",children:["↪️ ",i.signalName,u]}),G("span",{className:"update-time",children:r})]})});var a=o(i.prevValue),l=o(i.newValue),c=void 0!==e?o(e.prevValue):void 0;return G("div",{class:"update-item "+i.type,children:[G("div",{class:"update-header",children:[G("span",{class:"signal-name",children:[0===i.depth?"🎯":"↪️"," ",i.signalName,u]}),G("span",{class:"update-time",children:r})]}),G("div",{class:"value-change",children:[c&&c!==a&&G(_,{children:[G("span",{class:"value-prev",children:c}),G("span",{class:"value-arrow",children:"..."})]}),G("span",{class:"value-prev",children:a}),G("span",{class:"value-arrow",children:"→"}),G("span",{class:"value-new",children:l})]})]})}function mi(n){var i,t=n.node,r=useSignal(!1),o=t.children.length>0,u="group"===t.type?t.count:void 0,a="group"===t.type?t.firstUpdate:void 0;if("group"===t.type&&t.firstChildren)i=t.children.map(function(n,i){var r=t.firstChildren[i];return e({},n,{type:"group",firstUpdate:r.update,firstChildren:r.children,count:t.count})});else i=t.children;return G("div",{className:"tree-node",children:[G("div",{className:"tree-node-content",children:[o&&G("button",{className:"collapse-button",onClick:function(){r.value=!r.value},"aria-label":r.value?"Expand":"Collapse",children:r.value?"▶":"▼"}),!o&&G("div",{className:"collapse-spacer"}),G("div",{className:"update-content",children:G(gi,{update:t.update,count:u,firstUpdate:a})})]}),o&&!r.value&&G("div",{className:"tree-children",children:i.map(function(n){return G(mi,{node:n},n.id)})})]})}function yi(){var n=oi().updatesStore,i=ln(null),t=n.collapsedUpdateTree.value;useSignalEffect(function(){if(i.current)i.current.scrollTop=0});return G("div",{className:"updates-container",children:[G("div",{className:"updates-header",children:G("div",{className:"updates-stats",children:[G("span",{children:["Updates: ",G("strong",{children:n.totalUpdates.value})]}),G("span",{children:["Signals: ",G("strong",{children:n.signalCounts.value.size})]})]})}),G("div",{className:"updates-list",ref:i,children:t.map(function(n){return G(mi,{node:n},n.id)})})]})}var bi=["adapter","container"];function wi(n){var i=void 0===n?{}:n,t=i.hideHeader,e=void 0===t?!1:t,r=i.initialTab,o=void 0===r?"updates":r,u=oi().connectionStore,a=useSignal(o);return G("div",{className:"signals-devtools",children:[!e&&G(di,{}),G(vi,{}),G("main",{className:"main-content",children:[G("div",{className:"tabs",children:[G("button",{className:"tab "+("updates"===a.value?"active":""),onClick:function(){return a.value="updates"},children:"Updates"}),G("button",{className:"tab "+("graph"===a.value?"active":""),onClick:function(){return a.value="graph"},children:"Dependency Graph"})]}),G("div",{className:"tab-content",children:!u.isConnected?G(ti,{onRefresh:u.refreshConnection}):G(_,{children:["updates"===a.value&&G(yi,{}),"graph"===a.value&&G(pi,{})]})})]})]})}n.Button=ii;n.DevToolsPanel=wi;n.EmptyState=ti;n.GraphVisualization=pi;n.Header=di;n.SettingsPanel=vi;n.StatusIndicator=ei;n.UpdateItem=gi;n.UpdateTreeNodeComponent=mi;n.UpdatesContainer=yi;n.createConnectionStore=ui;n.createSettingsStore=ci;n.createUpdatesStore=li;n.destroyDevTools=si;n.getContext=oi;n.initDevTools=fi;n.mount=function(n){try{var i=n.adapter,t=n.container,r=function(n,i){if(null==n)return{};var t={};for(var e in n)if({}.hasOwnProperty.call(n,e)){if(-1!==i.indexOf(e))continue;t[e]=n[e]}return t}(n,bi);fi(i);return Promise.resolve(i.connect()).then(function(){t.innerHTML="";H(G(wi,e({},r)),t);return function(){H(null,t);si()}})}catch(n){return Promise.reject(n)}}});//# sourceMappingURL=devtools-ui.min.js.map