autotel-devtools 2.0.3 → 2.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cli.cjs.map +1 -1
- package/dist/cli.js.map +1 -1
- package/dist/index.cjs.map +1 -1
- package/dist/index.js.map +1 -1
- package/dist/server/index.cjs.map +1 -1
- package/dist/server/index.js.map +1 -1
- package/dist/widget.global.js +2 -2
- package/package.json +5 -4
package/dist/widget.global.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var AutotelDevtools=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var t,n,r,i,a,o,s,c,l,u,d,f,p,m,h,g,_={},v=[],y=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,b=Array.isArray;function x(e,t){for(var n in t)e[n]=t[n];return e}function ee(e){e&&e.parentNode&&e.parentNode.removeChild(e)}function S(e,n,r){var i,a,o,s={};for(o in n)o==`key`?i=n[o]:o==`ref`?a=n[o]:s[o]=n[o];if(arguments.length>2&&(s.children=arguments.length>3?t.call(arguments,2):r),typeof e==`function`&&e.defaultProps!=null)for(o in e.defaultProps)s[o]===void 0&&(s[o]=e.defaultProps[o]);return C(e,s,i,a,null)}function C(e,t,i,a,o){var s={type:e,props:t,key:i,ref:a,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:o??++r,__i:-1,__u:0};return o==null&&n.vnode!=null&&n.vnode(s),s}function w(e){return e.children}function te(e,t){this.props=e,this.context=t}function T(e,t){if(t==null)return e.__?T(e.__,e.__i+1):null;for(var n;t<e.__k.length;t++)if((n=e.__k[t])!=null&&n.__e!=null)return n.__e;return typeof e.type==`function`?T(e):null}function E(e){if(e.__P&&e.__d){var t=e.__v,r=t.__e,i=[],a=[],o=x({},t);o.__v=t.__v+1,n.vnode&&n.vnode(o),ce(e.__P,o,t,e.__n,e.__P.namespaceURI,32&t.__u?[r]:null,i,r??T(t),!!(32&t.__u),a),o.__v=t.__v,o.__.__k[o.__i]=o,N(i,o,a),t.__e=t.__=null,o.__e!=r&&ne(o)}}function ne(e){if((e=e.__)!=null&&e.__c!=null)return e.__e=e.__c.base=null,e.__k.some(function(t){if(t!=null&&t.__e!=null)return e.__e=e.__c.base=t.__e}),ne(e)}function D(e){(!e.__d&&(e.__d=!0)&&a.push(e)&&!O.__r++||o!=n.debounceRendering)&&((o=n.debounceRendering)||s)(O)}function O(){try{for(var e,t=1;a.length;)a.length>t&&a.sort(c),e=a.shift(),t=a.length,E(e)}finally{a.length=O.__r=0}}function k(e,t,n,r,i,a,o,s,c,l,u){var d,f,p,m,h,g,y,b=r&&r.__k||v,x=t.length;for(c=A(n,t,b,c,x),d=0;d<x;d++)(p=n.__k[d])!=null&&(f=p.__i!=-1&&b[p.__i]||_,p.__i=d,g=ce(e,p,f,i,a,o,s,c,l,u),m=p.__e,p.ref&&f.ref!=p.ref&&(f.ref&&P(f.ref,null,p),u.push(p.ref,p.__c||m,p)),h==null&&m!=null&&(h=m),(y=!!(4&p.__u))||f.__k===p.__k?(c=re(p,c,e,y),y&&f.__e&&(f.__e=null)):typeof p.type==`function`&&g!==void 0?c=g:m&&(c=m.nextSibling),p.__u&=-7);return n.__e=h,c}function A(e,t,n,r,i){var a,o,s,c,l,u=n.length,d=u,f=0;for(e.__k=Array(i),a=0;a<i;a++)(o=t[a])!=null&&typeof o!=`boolean`&&typeof o!=`function`?(typeof o==`string`||typeof o==`number`||typeof o==`bigint`||o.constructor==String?o=e.__k[a]=C(null,o,null,null,null):b(o)?o=e.__k[a]=C(w,{children:o},null,null,null):o.constructor===void 0&&o.__b>0?o=e.__k[a]=C(o.type,o.props,o.key,o.ref?o.ref:null,o.__v):e.__k[a]=o,c=a+f,o.__=e,o.__b=e.__b+1,s=null,(l=o.__i=j(o,n,c,d))!=-1&&(d--,(s=n[l])&&(s.__u|=2)),s==null||s.__v==null?(l==-1&&(i>u?f--:i<u&&f++),typeof o.type!=`function`&&(o.__u|=4)):l!=c&&(l==c-1?f--:l==c+1?f++:(l>c?f--:f++,o.__u|=4))):e.__k[a]=null;if(d)for(a=0;a<u;a++)(s=n[a])!=null&&!(2&s.__u)&&(s.__e==r&&(r=T(s)),de(s,s));return r}function re(e,t,n,r){var i,a;if(typeof e.type==`function`){for(i=e.__k,a=0;i&&a<i.length;a++)i[a]&&(i[a].__=e,t=re(i[a],t,n,r));return t}e.__e!=t&&(r&&(t&&e.type&&!t.parentNode&&(t=T(e)),n.insertBefore(e.__e,t||null)),t=e.__e);do t=t&&t.nextSibling;while(t!=null&&t.nodeType==8);return t}function ie(e,t){return t=t||[],e==null||typeof e==`boolean`||(b(e)?e.some(function(e){ie(e,t)}):t.push(e)),t}function j(e,t,n,r){var i,a,o,s=e.key,c=e.type,l=t[n],u=l!=null&&(2&l.__u)==0;if(l===null&&s==null||u&&s==l.key&&c==l.type)return n;if(r>+!!u){for(i=n-1,a=n+1;i>=0||a<t.length;)if((l=t[o=i>=0?i--:a++])!=null&&!(2&l.__u)&&s==l.key&&c==l.type)return o}return-1}function ae(e,t,n){t[0]==`-`?e.setProperty(t,n??``):e[t]=n==null?``:typeof n!=`number`||y.test(t)?n:n+`px`}function oe(e,t,n,r,i){var a,o;n:if(t==`style`)if(typeof n==`string`)e.style.cssText=n;else{if(typeof r==`string`&&(e.style.cssText=r=``),r)for(t in r)n&&t in n||ae(e.style,t,``);if(n)for(t in n)r&&n[t]==r[t]||ae(e.style,t,n[t])}else if(t[0]==`o`&&t[1]==`n`)a=t!=(t=t.replace(f,`$1`)),o=t.toLowerCase(),t=o in e||t==`onFocusOut`||t==`onFocusIn`?o.slice(2):t.slice(2),e.l||(e.l={}),e.l[t+a]=n,n?r?n[d]=r[d]:(n[d]=p,e.addEventListener(t,a?h:m,a)):e.removeEventListener(t,a?h:m,a);else{if(i==`http://www.w3.org/2000/svg`)t=t.replace(/xlink(H|:h)/,`h`).replace(/sName$/,`s`);else if(t!=`width`&&t!=`height`&&t!=`href`&&t!=`list`&&t!=`form`&&t!=`tabIndex`&&t!=`download`&&t!=`rowSpan`&&t!=`colSpan`&&t!=`role`&&t!=`popover`&&t in e)try{e[t]=n??``;break n}catch{}typeof n==`function`||(n==null||!1===n&&t[4]!=`-`?e.removeAttribute(t):e.setAttribute(t,t==`popover`&&n==1?``:n))}}function se(e){return function(t){if(this.l){var r=this.l[t.type+e];if(t[u]==null)t[u]=p++;else if(t[u]<r[d])return;return r(n.event?n.event(t):t)}}}function ce(e,t,r,i,a,o,s,c,l,u){var d,f,p,m,h,g,_,y,S,C,T,E,ne,D,O,A=t.type;if(t.constructor!==void 0)return null;128&r.__u&&(l=!!(32&r.__u),o=[c=t.__e=r.__e]),(d=n.__b)&&d(t);n:if(typeof A==`function`)try{if(y=t.props,S=A.prototype&&A.prototype.render,C=(d=A.contextType)&&i[d.__c],T=d?C?C.props.value:d.__:i,r.__c?_=(f=t.__c=r.__c).__=f.__E:(S?t.__c=f=new A(y,T):(t.__c=f=new te(y,T),f.constructor=A,f.render=fe),C&&C.sub(f),f.state||(f.state={}),f.__n=i,p=f.__d=!0,f.__h=[],f._sb=[]),S&&f.__s==null&&(f.__s=f.state),S&&A.getDerivedStateFromProps!=null&&(f.__s==f.state&&(f.__s=x({},f.__s)),x(f.__s,A.getDerivedStateFromProps(y,f.__s))),m=f.props,h=f.state,f.__v=t,p)S&&A.getDerivedStateFromProps==null&&f.componentWillMount!=null&&f.componentWillMount(),S&&f.componentDidMount!=null&&f.__h.push(f.componentDidMount);else{if(S&&A.getDerivedStateFromProps==null&&y!==m&&f.componentWillReceiveProps!=null&&f.componentWillReceiveProps(y,T),t.__v==r.__v||!f.__e&&f.shouldComponentUpdate!=null&&!1===f.shouldComponentUpdate(y,f.__s,T)){t.__v!=r.__v&&(f.props=y,f.state=f.__s,f.__d=!1),t.__e=r.__e,t.__k=r.__k,t.__k.some(function(e){e&&(e.__=t)}),v.push.apply(f.__h,f._sb),f._sb=[],f.__h.length&&s.push(f);break n}f.componentWillUpdate!=null&&f.componentWillUpdate(y,f.__s,T),S&&f.componentDidUpdate!=null&&f.__h.push(function(){f.componentDidUpdate(m,h,g)})}if(f.context=T,f.props=y,f.__P=e,f.__e=!1,E=n.__r,ne=0,S)f.state=f.__s,f.__d=!1,E&&E(t),d=f.render(f.props,f.state,f.context),v.push.apply(f.__h,f._sb),f._sb=[];else do f.__d=!1,E&&E(t),d=f.render(f.props,f.state,f.context),f.state=f.__s;while(f.__d&&++ne<25);f.state=f.__s,f.getChildContext!=null&&(i=x(x({},i),f.getChildContext())),S&&!p&&f.getSnapshotBeforeUpdate!=null&&(g=f.getSnapshotBeforeUpdate(m,h)),D=d!=null&&d.type===w&&d.key==null?le(d.props.children):d,c=k(e,b(D)?D:[D],t,r,i,a,o,s,c,l,u),f.base=t.__e,t.__u&=-161,f.__h.length&&s.push(f),_&&(f.__E=f.__=null)}catch(e){if(t.__v=null,l||o!=null)if(e.then){for(t.__u|=l?160:128;c&&c.nodeType==8&&c.nextSibling;)c=c.nextSibling;o[o.indexOf(c)]=null,t.__e=c}else{for(O=o.length;O--;)ee(o[O]);M(t)}else t.__e=r.__e,t.__k=r.__k,e.then||M(t);n.__e(e,t,r)}else o==null&&t.__v==r.__v?(t.__k=r.__k,t.__e=r.__e):c=t.__e=ue(r.__e,t,r,i,a,o,s,l,u);return(d=n.diffed)&&d(t),128&t.__u?void 0:c}function M(e){e&&(e.__c&&(e.__c.__e=!0),e.__k&&e.__k.some(M))}function N(e,t,r){for(var i=0;i<r.length;i++)P(r[i],r[++i],r[++i]);n.__c&&n.__c(t,e),e.some(function(t){try{e=t.__h,t.__h=[],e.some(function(e){e.call(t)})}catch(e){n.__e(e,t.__v)}})}function le(e){return typeof e!=`object`||!e||e.__b>0?e:b(e)?e.map(le):x({},e)}function ue(e,r,i,a,o,s,c,l,u){var d,f,p,m,h,g,v,y=i.props||_,x=r.props,S=r.type;if(S==`svg`?o=`http://www.w3.org/2000/svg`:S==`math`?o=`http://www.w3.org/1998/Math/MathML`:o||(o=`http://www.w3.org/1999/xhtml`),s!=null){for(d=0;d<s.length;d++)if((h=s[d])&&`setAttribute`in h==!!S&&(S?h.localName==S:h.nodeType==3)){e=h,s[d]=null;break}}if(e==null){if(S==null)return document.createTextNode(x);e=document.createElementNS(o,S,x.is&&x),l&&(n.__m&&n.__m(r,s),l=!1),s=null}if(S==null)y===x||l&&e.data==x||(e.data=x);else{if(s=s&&t.call(e.childNodes),!l&&s!=null)for(y={},d=0;d<e.attributes.length;d++)y[(h=e.attributes[d]).name]=h.value;for(d in y)h=y[d],d==`dangerouslySetInnerHTML`?p=h:d==`children`||d in x||d==`value`&&`defaultValue`in x||d==`checked`&&`defaultChecked`in x||oe(e,d,null,h,o);for(d in x)h=x[d],d==`children`?m=h:d==`dangerouslySetInnerHTML`?f=h:d==`value`?g=h:d==`checked`?v=h:l&&typeof h!=`function`||y[d]===h||oe(e,d,h,y[d],o);if(f)l||p&&(f.__html==p.__html||f.__html==e.innerHTML)||(e.innerHTML=f.__html),r.__k=[];else if(p&&(e.innerHTML=``),k(r.type==`template`?e.content:e,b(m)?m:[m],r,i,a,S==`foreignObject`?`http://www.w3.org/1999/xhtml`:o,s,c,s?s[0]:i.__k&&T(i,0),l,u),s!=null)for(d=s.length;d--;)ee(s[d]);l||(d=`value`,S==`progress`&&g==null?e.removeAttribute(`value`):g!=null&&(g!==e[d]||S==`progress`&&!g||S==`option`&&g!=y[d])&&oe(e,d,g,y[d],o),d=`checked`,v!=null&&v!=e[d]&&oe(e,d,v,y[d],o))}return e}function P(e,t,r){try{if(typeof e==`function`){var i=typeof e.__u==`function`;i&&e.__u(),i&&t==null||(e.__u=e(t))}else e.current=t}catch(e){n.__e(e,r)}}function de(e,t,r){var i,a;if(n.unmount&&n.unmount(e),(i=e.ref)&&(i.current&&i.current!=e.__e||P(i,null,t)),(i=e.__c)!=null){if(i.componentWillUnmount)try{i.componentWillUnmount()}catch(e){n.__e(e,t)}i.base=i.__P=null}if(i=e.__k)for(a=0;a<i.length;a++)i[a]&&de(i[a],t,r||typeof e.type!=`function`);r||ee(e.__e),e.__c=e.__=e.__e=void 0}function fe(e,t,n){return this.constructor(e,n)}function pe(e,r,i){var a,o,s,c;r==document&&(r=document.documentElement),n.__&&n.__(e,r),o=(a=typeof i==`function`)?null:i&&i.__k||r.__k,s=[],c=[],ce(r,e=(!a&&i||r).__k=S(w,null,[e]),o||_,_,r.namespaceURI,!a&&i?[i]:o?null:r.firstChild?t.call(r.childNodes):null,s,!a&&i?i:o?o.__e:r.firstChild,a,c),N(s,e,c)}function me(e){function t(e){var n,r;return this.getChildContext||(n=new Set,(r={})[t.__c]=this,this.getChildContext=function(){return r},this.componentWillUnmount=function(){n=null},this.shouldComponentUpdate=function(e){this.props.value!=e.value&&n.forEach(function(e){e.__e=!0,D(e)})},this.sub=function(e){n.add(e);var t=e.componentWillUnmount;e.componentWillUnmount=function(){n&&n.delete(e),t&&t.call(e)}}),e.children}return t.__c=`__cC`+ g++,t.__=e,t.Provider=t.__l=(t.Consumer=function(e,t){return e.children(t)}).contextType=t,t}t=v.slice,n={__e:function(e,t,n,r){for(var i,a,o;t=t.__;)if((i=t.__c)&&!i.__)try{if((a=i.constructor)&&a.getDerivedStateFromError!=null&&(i.setState(a.getDerivedStateFromError(e)),o=i.__d),i.componentDidCatch!=null&&(i.componentDidCatch(e,r||{}),o=i.__d),o)return i.__E=i}catch(t){e=t}throw e}},r=0,i=function(e){return e!=null&&e.constructor===void 0},te.prototype.setState=function(e,t){var n=this.__s!=null&&this.__s!=this.state?this.__s:this.__s=x({},this.state);typeof e==`function`&&(e=e(x({},n),this.props)),e&&x(n,e),e!=null&&this.__v&&(t&&this._sb.push(t),D(this))},te.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),D(this))},te.prototype.render=w,a=[],s=typeof Promise==`function`?Promise.prototype.then.bind(Promise.resolve()):setTimeout,c=function(e,t){return e.__v.__b-t.__v.__b},O.__r=0,l=Math.random().toString(8),u=`__d`+l,d=`__a`+l,f=/(PointerCapture)$|Capture$/i,p=0,m=se(!1),h=se(!0),g=0;var F,I,he,ge,_e=0,ve=[],L=n,ye=L.__b,be=L.__r,xe=L.diffed,Se=L.__c,Ce=L.unmount,we=L.__;function Te(e,t){L.__h&&L.__h(I,e,_e||t),_e=0;var n=I.__H||(I.__H={__:[],__h:[]});return e>=n.__.length&&n.__.push({}),n.__[e]}function R(e){return _e=1,Ee(Fe,e)}function Ee(e,t,n){var r=Te(F++,2);if(r.t=e,!r.__c&&(r.__=[n?n(t):Fe(void 0,t),function(e){var t=r.__N?r.__N[0]:r.__[0],n=r.t(t,e);t!==n&&(r.__N=[n,r.__[1]],r.__c.setState({}))}],r.__c=I,!I.__f)){var i=function(e,t,n){if(!r.__c.__H)return!0;var i=r.__c.__H.__.filter(function(e){return e.__c});if(i.every(function(e){return!e.__N}))return!a||a.call(this,e,t,n);var o=r.__c.props!==e;return i.some(function(e){if(e.__N){var t=e.__[0];e.__=e.__N,e.__N=void 0,t!==e.__[0]&&(o=!0)}}),a&&a.call(this,e,t,n)||o};I.__f=!0;var a=I.shouldComponentUpdate,o=I.componentWillUpdate;I.componentWillUpdate=function(e,t,n){if(this.__e){var r=a;a=void 0,i(e,t,n),a=r}o&&o.call(this,e,t,n)},I.shouldComponentUpdate=i}return r.__N||r.__}function De(e,t){var n=Te(F++,3);!L.__s&&Pe(n.__H,t)&&(n.__=e,n.u=t,I.__H.__h.push(n))}function z(e){return _e=5,B(function(){return{current:e}},[])}function B(e,t){var n=Te(F++,7);return Pe(n.__H,t)&&(n.__=e(),n.__H=t,n.__h=e),n.__}function Oe(e){var t=I.context[e.__c],n=Te(F++,9);return n.c=e,t?(n.__??(n.__=!0,t.sub(I)),t.props.value):e.__}function ke(){for(var e;e=ve.shift();){var t=e.__H;if(e.__P&&t)try{t.__h.some(Me),t.__h.some(Ne),t.__h=[]}catch(n){t.__h=[],L.__e(n,e.__v)}}}L.__b=function(e){I=null,ye&&ye(e)},L.__=function(e,t){e&&t.__k&&t.__k.__m&&(e.__m=t.__k.__m),we&&we(e,t)},L.__r=function(e){be&&be(e),F=0;var t=(I=e.__c).__H;t&&(he===I?(t.__h=[],I.__h=[],t.__.some(function(e){e.__N&&(e.__=e.__N),e.u=e.__N=void 0})):(t.__h.some(Me),t.__h.some(Ne),t.__h=[],F=0)),he=I},L.diffed=function(e){xe&&xe(e);var t=e.__c;t&&t.__H&&(t.__H.__h.length&&(ve.push(t)!==1&&ge===L.requestAnimationFrame||((ge=L.requestAnimationFrame)||je)(ke)),t.__H.__.some(function(e){e.u&&(e.__H=e.u),e.u=void 0})),he=I=null},L.__c=function(e,t){t.some(function(e){try{e.__h.some(Me),e.__h=e.__h.filter(function(e){return!e.__||Ne(e)})}catch(n){t.some(function(e){e.__h&&(e.__h=[])}),t=[],L.__e(n,e.__v)}}),Se&&Se(e,t)},L.unmount=function(e){Ce&&Ce(e);var t,n=e.__c;n&&n.__H&&(n.__H.__.some(function(e){try{Me(e)}catch(e){t=e}}),n.__H=void 0,t&&L.__e(t,n.__v))};var Ae=typeof requestAnimationFrame==`function`;function je(e){var t,n=function(){clearTimeout(r),Ae&&cancelAnimationFrame(t),setTimeout(e)},r=setTimeout(n,35);Ae&&(t=requestAnimationFrame(n))}function Me(e){var t=I,n=e.__c;typeof n==`function`&&(e.__c=void 0,n()),I=t}function Ne(e){var t=I;e.__c=e.__(),I=t}function Pe(e,t){return!e||e.length!==t.length||t.some(function(t,n){return t!==e[n]})}function Fe(e,t){return typeof t==`function`?t(e):t}function Ie(e){"@babel/helpers - typeof";return Ie=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},Ie(e)}function Le(e,t){if(Ie(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(Ie(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function Re(e){var t=Le(e,`string`);return Ie(t)==`symbol`?t:t+``}function ze(e,t,n){return(t=Re(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Be=class{constructor(e){ze(this,`ws`,null),ze(this,`reconnectTimer`,null),ze(this,`messageHandlers`,new Set),ze(this,`reconnectAttempts`,0),ze(this,`maxReconnectAttempts`,10),ze(this,`reconnectDelay`,1e3),this.url=e}connect(){return new Promise(e=>{try{this.ws=new WebSocket(this.url),this.ws.addEventListener(`open`,()=>{this.reconnectAttempts=0,e(!0)}),this.ws.addEventListener(`message`,e=>{try{let t=JSON.parse(e.data);for(let e of this.messageHandlers)e(t)}catch{}}),this.ws.addEventListener(`close`,()=>{this.scheduleReconnect()}),this.ws.addEventListener(`error`,()=>{e(!1)})}catch{e(!1)}})}scheduleReconnect(){if(this.reconnectTimer||this.reconnectAttempts>=this.maxReconnectAttempts)return;this.reconnectAttempts++;let e=this.reconnectDelay*2**(this.reconnectAttempts-1);this.reconnectTimer=setTimeout(()=>{this.reconnectTimer=null,this.connect()},e)}onMessage(e){return this.messageHandlers.add(e),()=>this.messageHandlers.delete(e)}disconnect(){this.reconnectTimer&&(clearTimeout(this.reconnectTimer),this.reconnectTimer=null),this.ws&&(this.ws.close(),this.ws=null),this.messageHandlers.clear()}isConnected(){return this.ws?.readyState===WebSocket.OPEN}},Ve=Symbol.for(`preact-signals`);function He(){if(H>1)H--;else{var e,t=!1;for((function(){var e=Xe;for(Xe=void 0;e!==void 0;)e.S.v===e.v&&(e.S.i=e.i),e=e.o})();Ke!==void 0;){var n=Ke;for(Ke=void 0,qe++;n!==void 0;){var r=n.u;if(n.u=void 0,n.f&=-3,!(8&n.f)&&$e(n))try{n.c()}catch(n){t||(e=n,t=!0)}n=r}}if(qe=0,H--,t)throw e}}function Ue(e){if(H>0)return e();Ye=++Je,H++;try{return e()}finally{He()}}var V=void 0;function We(e){var t=V;V=void 0;try{return e()}finally{V=t}}var Ge,Ke=void 0,H=0,qe=0,Je=0,Ye=0,Xe=void 0,Ze=0;function Qe(e){if(V!==void 0){var t=e.n;if(t===void 0||t.t!==V)return t={i:0,S:e,p:V.s,n:void 0,t:V,e:void 0,x:void 0,r:t},V.s!==void 0&&(V.s.n=t),V.s=t,e.n=t,32&V.f&&e.S(t),t;if(t.i===-1)return t.i=0,t.n!==void 0&&(t.n.p=t.p,t.p!==void 0&&(t.p.n=t.n),t.p=V.s,t.n=void 0,V.s.n=t,V.s=t),t}}function U(e,t){this.v=e,this.i=0,this.n=void 0,this.t=void 0,this.l=0,this.W=t?.watched,this.Z=t?.unwatched,this.name=t?.name}U.prototype.brand=Ve,U.prototype.h=function(){return!0},U.prototype.S=function(e){var t=this,n=this.t;n!==e&&e.e===void 0&&(e.x=n,this.t=e,n===void 0?We(function(){var e;(e=t.W)==null||e.call(t)}):n.e=e)},U.prototype.U=function(e){var t=this;if(this.t!==void 0){var n=e.e,r=e.x;n!==void 0&&(n.x=r,e.e=void 0),r!==void 0&&(r.e=n,e.x=void 0),e===this.t&&(this.t=r,r===void 0&&We(function(){var e;(e=t.Z)==null||e.call(t)}))}},U.prototype.subscribe=function(e){var t=this;return st(function(){var n=t.value,r=V;V=void 0;try{e(n)}finally{V=r}},{name:`sub`})},U.prototype.valueOf=function(){return this.value},U.prototype.toString=function(){return this.value+``},U.prototype.toJSON=function(){return this.value},U.prototype.peek=function(){var e=V;V=void 0;try{return this.value}finally{V=e}},Object.defineProperty(U.prototype,`value`,{get:function(){var e=Qe(this);return e!==void 0&&(e.i=this.i),this.v},set:function(e){if(e!==this.v){if(qe>100)throw Error(`Cycle detected`);(function(e){H!==0&&qe===0&&e.l!==Ye&&(e.l=Ye,Xe={S:e,v:e.v,i:e.i,o:Xe})})(this),this.v=e,this.i++,Ze++,H++;try{for(var t=this.t;t!==void 0;t=t.x)t.t.N()}finally{He()}}}});function W(e,t){return new U(e,t)}function $e(e){for(var t=e.s;t!==void 0;t=t.n)if(t.S.i!==t.i||!t.S.h()||t.S.i!==t.i)return!0;return!1}function et(e){for(var t=e.s;t!==void 0;t=t.n){var n=t.S.n;if(n!==void 0&&(t.r=n),t.S.n=t,t.i=-1,t.n===void 0){e.s=t;break}}}function tt(e){for(var t=e.s,n=void 0;t!==void 0;){var r=t.p;t.i===-1?(t.S.U(t),r!==void 0&&(r.n=t.n),t.n!==void 0&&(t.n.p=r)):n=t,t.S.n=t.r,t.r!==void 0&&(t.r=void 0),t=r}e.s=n}function nt(e,t){U.call(this,void 0),this.x=e,this.s=void 0,this.g=Ze-1,this.f=4,this.W=t?.watched,this.Z=t?.unwatched,this.name=t?.name}nt.prototype=new U,nt.prototype.h=function(){if(this.f&=-3,1&this.f)return!1;if((36&this.f)==32||(this.f&=-5,this.g===Ze))return!0;if(this.g=Ze,this.f|=1,this.i>0&&!$e(this))return this.f&=-2,!0;var e=V;try{et(this),V=this;var t=this.x();(16&this.f||this.v!==t||this.i===0)&&(this.v=t,this.f&=-17,this.i++)}catch(e){this.v=e,this.f|=16,this.i++}return V=e,tt(this),this.f&=-2,!0},nt.prototype.S=function(e){if(this.t===void 0){this.f|=36;for(var t=this.s;t!==void 0;t=t.n)t.S.S(t)}U.prototype.S.call(this,e)},nt.prototype.U=function(e){if(this.t!==void 0&&(U.prototype.U.call(this,e),this.t===void 0)){this.f&=-33;for(var t=this.s;t!==void 0;t=t.n)t.S.U(t)}},nt.prototype.N=function(){if(!(2&this.f)){this.f|=6;for(var e=this.t;e!==void 0;e=e.x)e.t.N()}},Object.defineProperty(nt.prototype,`value`,{get:function(){if(1&this.f)throw Error(`Cycle detected`);var e=Qe(this);if(this.h(),e!==void 0&&(e.i=this.i),16&this.f)throw this.v;return this.v}});function G(e,t){return new nt(e,t)}function rt(e){var t=e.m;if(e.m=void 0,typeof t==`function`){H++;var n=V;V=void 0;try{t()}catch(t){throw e.f&=-2,e.f|=8,it(e),t}finally{V=n,He()}}}function it(e){for(var t=e.s;t!==void 0;t=t.n)t.S.U(t);e.x=void 0,e.s=void 0,rt(e)}function at(e){if(V!==this)throw Error(`Out-of-order effect`);tt(this),V=e,this.f&=-2,8&this.f&&it(this),He()}function ot(e,t){this.x=e,this.m=void 0,this.s=void 0,this.u=void 0,this.f=32,this.name=t?.name,Ge&&Ge.push(this)}ot.prototype.c=function(){var e=this.S();try{if(8&this.f||this.x===void 0)return;var t=this.x();typeof t==`function`&&(this.m=t)}finally{e()}},ot.prototype.S=function(){if(1&this.f)throw Error(`Cycle detected`);this.f|=1,this.f&=-9,rt(this),et(this),H++;var e=V;return V=this,at.bind(this,e)},ot.prototype.N=function(){2&this.f||(this.f|=2,this.u=Ke,Ke=this)},ot.prototype.d=function(){this.f|=8,1&this.f||it(this)},ot.prototype.dispose=function(){this.d()};function st(e,t){var n=new ot(e,t);try{n.c()}catch(e){throw n.d(),e}var r=n.d.bind(n);return r[Symbol.dispose]=r,r}var ct,lt,ut=typeof window<`u`&&!!window.__PREACT_SIGNALS_DEVTOOLS__,dt=[];st(function(){ct=this.N})();function ft(e,t){n[e]=t.bind(null,n[e]||function(){})}function pt(e){if(lt){var t=lt;lt=void 0,t()}lt=e&&e.S()}function mt(e){var t=this,n=e.data,r=gt(n);r.value=n;var a=B(function(){for(var e=t,n=t.__v;n=n.__;)if(n.__c){n.__c.__$f|=4;break}var a=G(function(){var e=r.value.value;return e===0?0:!0===e?``:e||``}),o=G(function(){return!Array.isArray(a.value)&&!i(a.value)}),s=st(function(){if(this.N=yt,o.value){var t=a.value;e.__v&&e.__v.__e&&e.__v.__e.nodeType===3&&(e.__v.__e.data=t)}}),c=t.__$u.d;return t.__$u.d=function(){s(),c.call(this)},[o,a]},[]),o=a[0],s=a[1];return o.value?s.peek():s.value}mt.displayName=`ReactiveTextNode`,Object.defineProperties(U.prototype,{constructor:{configurable:!0,value:void 0},type:{configurable:!0,value:mt},props:{configurable:!0,get:function(){var e=this;return{data:{get value(){return e.value}}}}},__b:{configurable:!0,value:1}}),ft(`__b`,function(e,t){if(typeof t.type==`string`){var n,r=t.props;for(var i in r)if(i!==`children`){var a=r[i];a instanceof U&&(n||(t.__np=n={}),n[i]=a,r[i]=a.peek())}}e(t)}),ft(`__r`,function(e,t){if(e(t),t.type!==w){pt();var n,r=t.__c;r&&(r.__$f&=-2,(n=r.__$u)===void 0&&(r.__$u=n=function(e,t){var n;return st(function(){n=this},{name:t}),n.c=e,n}(function(){var e;ut&&((e=n.y)==null||e.call(n)),r.__$f|=1,r.setState({})},typeof t.type==`function`?t.type.displayName||t.type.name:``))),pt(n)}}),ft(`__e`,function(e,t,n,r){pt(),e(t,n,r)}),ft(`diffed`,function(e,t){pt();var n;if(typeof t.type==`string`&&(n=t.__e)){var r=t.__np,i=t.props;if(r){var a=n.U;if(a)for(var o in a){var s=a[o];s!==void 0&&!(o in r)&&(s.d(),a[o]=void 0)}else a={},n.U=a;for(var c in r){var l=a[c],u=r[c];l===void 0?(l=ht(n,c,u),a[c]=l):l.o(u,i)}for(var d in r)i[d]=r[d]}}e(t)});function ht(e,t,n,r){var i=t in e&&e.ownerSVGElement===void 0,a=W(n),o=n.peek();return{o:function(e,t){a.value=e,o=e.peek()},d:st(function(){this.N=yt;var n=a.value.value;o===n?o=void 0:(o=void 0,i?e[t]=n:n!=null&&(!1!==n||t[4]===`-`)?e.setAttribute(t,n):e.removeAttribute(t))})}}ft(`unmount`,function(e,t){if(typeof t.type==`string`){var n=t.__e;if(n){var r=n.U;if(r)for(var i in n.U=void 0,r){var a=r[i];a&&a.d()}}t.__np=void 0}else{var o=t.__c;if(o){var s=o.__$u;s&&(o.__$u=void 0,s.d())}}e(t)}),ft(`__h`,function(e,t,n,r){(r<3||r===9)&&(t.__$f|=2),e(t,n,r)}),te.prototype.shouldComponentUpdate=function(e,t){if(this.__R)return!0;var n=this.__$u,r=n&&n.s!==void 0;for(var i in t)return!0;if(this.__f||typeof this.u==`boolean`&&!0===this.u){var a=2&this.__$f;if(!(r||a||4&this.__$f)||1&this.__$f)return!0}else if(!(r||4&this.__$f)||3&this.__$f)return!0;for(var o in e)if(o!==`__source`&&e[o]!==this.props[o])return!0;for(var s in this.props)if(!(s in e))return!0;return!1};function gt(e,t){return B(function(){return W(e,t)},[])}var _t=function(e){queueMicrotask(function(){queueMicrotask(e)})};function vt(){Ue(function(){for(var e;e=dt.shift();)ct.call(e)})}function yt(){dt.push(this)===1&&(n.requestAnimationFrame||_t)(vt)}function bt(e,t){let n=e.attributes||{},r=[n[`service.name`],n[`peer.service`],n[`http.host`],n[`db.system`],n[`messaging.system`],n[`rpc.service`],t];for(let e of r)if(typeof e==`string`&&e.trim().length>0)return e;return`unknown`}function xt(e,t){return typeof e[`db.system`]==`string`?`database`:typeof e[`cache.system`]==`string`?`cache`:typeof e[`messaging.system`]==`string`?`messaging`:typeof e[`peer.service`]==`string`||typeof e[`net.peer.name`]==`string`||typeof e[`http.host`]==`string`?t===e[`service.name`]?`service`:`external`:typeof e[`service.name`]==`string`?`service`:`unknown`}function St(e){if(e.resourceName)return e.resourceName;let t=e.resource||{},n=[t[`service.name`],t[`service.namespace`],t[`host.name`],t[`container.name`]];for(let e of n)if(typeof e==`string`&&e.trim().length>0)return e;return`unknown`}function Ct(e,t){if(e===0&&t===0)return`unknown`;let n=e===0?1:t/e;return n>=.2?`unhealthy`:n>=.05?`degraded`:`healthy`}function wt(e){let t=new Map,n=(e,n=`unknown`)=>{let r=t.get(e);if(r)return r.type===`unknown`&&n!==`unknown`&&(r.type=n),r;let i={name:e,type:n,health:`unknown`,requestCount:0,errorCount:0,traceCount:0,logCount:0};return t.set(e,i),i};for(let t of e.traces){let e=new Set;for(let r of t.spans){let i=bt(r,t.service),a=n(i,xt(r.attributes,i));a.requestCount+=1,a.lastSeen=Math.max(a.lastSeen??0,r.endTime),r.status.code===`ERROR`&&(a.errorCount+=1),e.has(i)||(a.traceCount+=1,e.add(i))}}for(let t of e.logs){let e=n(St(t),`service`);e.logCount+=1,e.lastSeen=Math.max(e.lastSeen??0,t.timestamp)}for(let t of e.errors){if(!t.service)continue;let e=n(t.service,`service`);e.errorCount+=t.count,e.lastSeen=Math.max(e.lastSeen??0,t.lastSeen)}return[...t.values()].map(e=>({...e,health:Ct(e.requestCount,e.errorCount)})).sort((e,t)=>{let n=(t.lastSeen??0)-(e.lastSeen??0);return n===0?e.name.localeCompare(t.name):n})}var Tt=W(!1),Et=W({x:20,y:20}),Dt=W(`bottom-right`),Ot=W(null),kt=W(`traces`),At=W(null),jt=W({width:630,height:400}),Mt=W([]),Nt=W([]),Pt=W({connectionStatus:`disconnected`}),Ft=W([]),It=W([]),Lt=W(`disconnected`),Rt=G(()=>Mt.value.filter(e=>e.status===`ERROR`)),zt=G(()=>{let e=Rt.value;return Tt.value?0:e.length}),Bt=G(()=>[...Mt.value].sort((e,t)=>t.startTime-e.startTime)),Vt=G(()=>{let e=Nt.value;return{events:e.filter(e=>e.type===`event`),funnels:e.filter(e=>e.type===`funnel`),outcomes:e.filter(e=>e.type===`outcome`),values:e.filter(e=>e.type===`value`)}}),Ht=G(()=>[...It.value].sort((e,t)=>t.timestamp-e.timestamp)),Ut=G(()=>wt({traces:Mt.value,logs:It.value,errors:Ft.value})),Wt=G(()=>[...Ft.value].sort((e,t)=>t.lastSeen-e.lastSeen)),Gt=G(()=>[...Ft.value].sort((e,t)=>t.count-e.count)),Kt=G(()=>Ft.value.reduce((e,t)=>e+t.count,0)),qt=G(()=>{let e=Date.now()-3600*1e3;return Ft.value.filter(t=>t.lastSeen>e).reduce((e,t)=>e+t.count,0)}),Jt=G(()=>{let e=At.value;return e&&Mt.value.find(t=>t.traceId===e)||null});function Yt(e){if(e.traces&&e.traces.length>0){console.log(`[Autotel Devtools] updateWidgetData: received ${e.traces.length} trace(s)`);let t=new Set(Mt.value.map(e=>e.traceId)),n=e.traces.filter(e=>!t.has(e.traceId));console.log(`[Autotel Devtools] Adding ${n.length} new trace(s), total will be ${Mt.value.length+n.length}`),Mt.value=[...Mt.value,...n]}e.metrics&&(Nt.value=[...Nt.value,...e.metrics]),e.health&&(Pt.value=e.health,Lt.value=e.health.connectionStatus),e.errors&&(Ft.value=e.errors),e.logs&&e.logs.length>0&&(It.value=[...e.logs,...It.value],It.value.length>nn&&(It.value=It.value.slice(0,nn)))}function Xt(){Tt.value=!Tt.value}function Zt(e){kt.value=e}function Qt(e){At.value=e,e?jt.value={width:Math.min(window.innerWidth*.6,900),height:Math.min(window.innerHeight*.7,700)}:jt.value={width:630,height:400}}function $t(e,t){Et.value={x:e,y:t}}function en(e){Dt.value=e}function tn(e,t){jt.value={width:e,height:t}}var nn=100,rn=`autotel-devtools-widget-state`;function an(){try{let e=localStorage.getItem(rn);if(e){let t=JSON.parse(e);t.position&&(Et.value=t.position),t.corner&&(Dt.value=t.corner),t.docked!==void 0&&(Ot.value=t.docked)}}catch(e){console.error(`[Autotel Devtools] Failed to load persisted state:`,e)}}function on(){try{let e={position:Et.value,corner:Dt.value,docked:Ot.value};localStorage.setItem(rn,JSON.stringify(e))}catch(e){console.error(`[Autotel Devtools] Failed to persist state:`,e)}}st(()=>{Et.value,Dt.value,Ot.value,on()});var sn=0;Array.isArray;function K(e,t,r,i,a,o){t||(t={});var s,c,l=t;if(`ref`in l)for(c in l={},t)c==`ref`?s=t[c]:l[c]=t[c];var u={type:e,props:l,key:r,ref:s,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--sn,__i:-1,__u:0,__source:a,__self:o};if(typeof e==`function`&&(s=e.defaultProps))for(c in s)l[c]===void 0&&(l[c]=s[c]);return n.vnode&&n.vnode(u),u}var cn=({fill:e,width:t=40,height:n=40,...r})=>K(`svg`,{width:t,height:n,viewBox:`0 0 36 36`,xmlns:`http://www.w3.org/2000/svg`,...r,children:[K(`circle`,{cx:`17`,cy:`20`,r:`3`,fill:`#9AAAB4`}),K(`path`,{fill:`#DA2F47`,d:`M19.235 17.059a1.003 1.003 0 0 1-1.353.412L5.529 10.883a1.004 1.004 0 0 1-.412-1.353L7.94 4.235c.259-.485.868-.67 1.353-.412l12.353 6.588c.485.259.671.868.412 1.353z`}),K(`path`,{fill:`#DA2F47`,d:`M31.177 22.293a1.004 1.004 0 0 1-1.354.412l-9.705-5.176a1.004 1.004 0 0 1-.412-1.354l1.882-3.529c.259-.485.868-.67 1.354-.412l9.705 5.176c.485.259.671.868.412 1.354z`}),K(`path`,{fill:`#BB1A34`,d:`m19.235 17.058 2.824-5.293 1.765.941L20.999 18z`}),K(`path`,{fill:`#9D0522`,d:`m28.942 22.235 2.823-5.294 3.53 1.882-2.824 5.294z`}),K(`path`,{fill:`#292F33`,d:`m8.294 7.824 1.882-3.53-.881-.47v-.001L4.882 1.471a1.003 1.003 0 0 0-1.353.411L.706 7.177a1 1 0 0 0 .412 1.353l3.529 1.882 1.766.941.47-.882zM23 25a2 2 0 0 1-2 2h-8a2 2 0 0 1 0-4h8a2 2 0 0 1 2 2`}),K(`path`,{fill:`#9AAAB4`,d:`m9.467 36 3.344-7.152c.468-1 .036-2.191-.965-2.658a1.997 1.997 0 0 0-2.658.965L5.052 36zm15.065 0h4.416l-4.137-8.846a1.997 1.997 0 0 0-2.658-.965 2 2 0 0 0-.965 2.658zM19 36v-8a2 2 0 0 0-4 0v8z`})]});function q(e){return e<1?`${(e*1e3).toFixed(2)}μs`:e<1e3?`${e.toFixed(2)}ms`:e<6e4?`${(e/1e3).toFixed(2)}s`:`${(e/6e4).toFixed(2)}m`}function ln(e){let t=new Date(e),n=new Date().getTime()-t.getTime();if(n<6e4){let e=Math.floor(n/1e3);return e<=1?`just now`:`${e}s ago`}return n<36e5?`${Math.floor(n/6e4)}m ago`:n<864e5?`${Math.floor(n/36e5)}h ago`:t.toLocaleTimeString()}function un(e){return new Intl.NumberFormat().format(e)}function dn(e){switch(e){case`OK`:return`text-green-600`;case`ERROR`:return`text-red-600`;default:return`text-gray-500`}}function fn(e,t,n,r){let i=n/2,a=r/2;return e<i&&t<a?{corner:`top-left`,x:20,y:20}:e>=i&&t<a?{corner:`top-right`,x:n-100,y:20}:e<i&&t>=a?{corner:`bottom-left`,x:20,y:r-100}:{corner:`bottom-right`,x:n-100,y:r-100}}function pn(e,t,n){return Math.min(Math.max(e,t),n)}var mn=(e,t)=>{let n=Array(e.length+t.length);for(let t=0;t<e.length;t++)n[t]=e[t];for(let r=0;r<t.length;r++)n[e.length+r]=t[r];return n},hn=(e,t)=>({classGroupId:e,validator:t}),gn=(e=new Map,t=null,n)=>({nextPart:e,validators:t,classGroupId:n}),_n=`-`,vn=[],yn=`arbitrary..`,bn=e=>{let t=Cn(e),{conflictingClassGroups:n,conflictingClassGroupModifiers:r}=e;return{getClassGroupId:e=>{if(e.startsWith(`[`)&&e.endsWith(`]`))return Sn(e);let n=e.split(_n);return xn(n,+(n[0]===``&&n.length>1),t)},getConflictingClassGroupIds:(e,t)=>{if(t){let t=r[e],i=n[e];return t?i?mn(i,t):t:i||vn}return n[e]||vn}}},xn=(e,t,n)=>{if(e.length-t===0)return n.classGroupId;let r=e[t],i=n.nextPart.get(r);if(i){let n=xn(e,t+1,i);if(n)return n}let a=n.validators;if(a===null)return;let o=t===0?e.join(_n):e.slice(t).join(_n),s=a.length;for(let e=0;e<s;e++){let t=a[e];if(t.validator(o))return t.classGroupId}},Sn=e=>e.slice(1,-1).indexOf(`:`)===-1?void 0:(()=>{let t=e.slice(1,-1),n=t.indexOf(`:`),r=t.slice(0,n);return r?yn+r:void 0})(),Cn=e=>{let{theme:t,classGroups:n}=e;return wn(n,t)},wn=(e,t)=>{let n=gn();for(let r in e){let i=e[r];Tn(i,n,r,t)}return n},Tn=(e,t,n,r)=>{let i=e.length;for(let a=0;a<i;a++){let i=e[a];En(i,t,n,r)}},En=(e,t,n,r)=>{if(typeof e==`string`){Dn(e,t,n);return}if(typeof e==`function`){On(e,t,n,r);return}kn(e,t,n,r)},Dn=(e,t,n)=>{let r=e===``?t:An(t,e);r.classGroupId=n},On=(e,t,n,r)=>{if(jn(e)){Tn(e(r),t,n,r);return}t.validators===null&&(t.validators=[]),t.validators.push(hn(n,e))},kn=(e,t,n,r)=>{let i=Object.entries(e),a=i.length;for(let e=0;e<a;e++){let[a,o]=i[e];Tn(o,An(t,a),n,r)}},An=(e,t)=>{let n=e,r=t.split(_n),i=r.length;for(let e=0;e<i;e++){let t=r[e],i=n.nextPart.get(t);i||(i=gn(),n.nextPart.set(t,i)),n=i}return n},jn=e=>`isThemeGetter`in e&&e.isThemeGetter===!0,Mn=e=>{if(e<1)return{get:()=>void 0,set:()=>{}};let t=0,n=Object.create(null),r=Object.create(null),i=(i,a)=>{n[i]=a,t++,t>e&&(t=0,r=n,n=Object.create(null))};return{get(e){let t=n[e];if(t!==void 0)return t;if((t=r[e])!==void 0)return i(e,t),t},set(e,t){e in n?n[e]=t:i(e,t)}}},Nn=`!`,Pn=`:`,Fn=[],In=(e,t,n,r,i)=>({modifiers:e,hasImportantModifier:t,baseClassName:n,maybePostfixModifierPosition:r,isExternal:i}),Ln=e=>{let{prefix:t,experimentalParseClassName:n}=e,r=e=>{let t=[],n=0,r=0,i=0,a,o=e.length;for(let s=0;s<o;s++){let o=e[s];if(n===0&&r===0){if(o===Pn){t.push(e.slice(i,s)),i=s+1;continue}if(o===`/`){a=s;continue}}o===`[`?n++:o===`]`?n--:o===`(`?r++:o===`)`&&r--}let s=t.length===0?e:e.slice(i),c=s,l=!1;s.endsWith(Nn)?(c=s.slice(0,-1),l=!0):s.startsWith(Nn)&&(c=s.slice(1),l=!0);let u=a&&a>i?a-i:void 0;return In(t,l,c,u)};if(t){let e=t+Pn,n=r;r=t=>t.startsWith(e)?n(t.slice(e.length)):In(Fn,!1,t,void 0,!0)}if(n){let e=r;r=t=>n({className:t,parseClassName:e})}return r},Rn=e=>{let t=new Map;return e.orderSensitiveModifiers.forEach((e,n)=>{t.set(e,1e6+n)}),e=>{let n=[],r=[];for(let i=0;i<e.length;i++){let a=e[i],o=a[0]===`[`,s=t.has(a);o||s?(r.length>0&&(r.sort(),n.push(...r),r=[]),n.push(a)):r.push(a)}return r.length>0&&(r.sort(),n.push(...r)),n}},zn=e=>({cache:Mn(e.cacheSize),parseClassName:Ln(e),sortModifiers:Rn(e),...bn(e)}),Bn=/\s+/,Vn=(e,t)=>{let{parseClassName:n,getClassGroupId:r,getConflictingClassGroupIds:i,sortModifiers:a}=t,o=[],s=e.trim().split(Bn),c=``;for(let e=s.length-1;e>=0;--e){let t=s[e],{isExternal:l,modifiers:u,hasImportantModifier:d,baseClassName:f,maybePostfixModifierPosition:p}=n(t);if(l){c=t+(c.length>0?` `+c:c);continue}let m=!!p,h=r(m?f.substring(0,p):f);if(!h){if(!m){c=t+(c.length>0?` `+c:c);continue}if(h=r(f),!h){c=t+(c.length>0?` `+c:c);continue}m=!1}let g=u.length===0?``:u.length===1?u[0]:a(u).join(`:`),_=d?g+Nn:g,v=_+h;if(o.indexOf(v)>-1)continue;o.push(v);let y=i(h,m);for(let e=0;e<y.length;++e){let t=y[e];o.push(_+t)}c=t+(c.length>0?` `+c:c)}return c},Hn=(...e)=>{let t=0,n,r,i=``;for(;t<e.length;)(n=e[t++])&&(r=Un(n))&&(i&&(i+=` `),i+=r);return i},Un=e=>{if(typeof e==`string`)return e;let t,n=``;for(let r=0;r<e.length;r++)e[r]&&(t=Un(e[r]))&&(n&&(n+=` `),n+=t);return n},Wn=(e,...t)=>{let n,r,i,a,o=o=>(n=zn(t.reduce((e,t)=>t(e),e())),r=n.cache.get,i=n.cache.set,a=s,s(o)),s=e=>{let t=r(e);if(t)return t;let a=Vn(e,n);return i(e,a),a};return a=o,(...e)=>a(Hn(...e))},Gn=[],J=e=>{let t=t=>t[e]||Gn;return t.isThemeGetter=!0,t},Kn=/^\[(?:(\w[\w-]*):)?(.+)\]$/i,qn=/^\((?:(\w[\w-]*):)?(.+)\)$/i,Jn=/^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/,Yn=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,Xn=/\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/,Zn=/^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/,Qn=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,$n=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,er=e=>Jn.test(e),Y=e=>!!e&&!Number.isNaN(Number(e)),tr=e=>!!e&&Number.isInteger(Number(e)),nr=e=>e.endsWith(`%`)&&Y(e.slice(0,-1)),rr=e=>Yn.test(e),ir=()=>!0,ar=e=>Xn.test(e)&&!Zn.test(e),or=()=>!1,sr=e=>Qn.test(e),cr=e=>$n.test(e),lr=e=>!X(e)&&!Z(e),ur=e=>Tr(e,kr,or),X=e=>Kn.test(e),dr=e=>Tr(e,Ar,ar),fr=e=>Tr(e,jr,Y),pr=e=>Tr(e,Nr,ir),mr=e=>Tr(e,Mr,or),hr=e=>Tr(e,Dr,or),gr=e=>Tr(e,Or,cr),_r=e=>Tr(e,Pr,sr),Z=e=>qn.test(e),vr=e=>Er(e,Ar),yr=e=>Er(e,Mr),br=e=>Er(e,Dr),xr=e=>Er(e,kr),Sr=e=>Er(e,Or),Cr=e=>Er(e,Pr,!0),wr=e=>Er(e,Nr,!0),Tr=(e,t,n)=>{let r=Kn.exec(e);return r?r[1]?t(r[1]):n(r[2]):!1},Er=(e,t,n=!1)=>{let r=qn.exec(e);return r?r[1]?t(r[1]):n:!1},Dr=e=>e===`position`||e===`percentage`,Or=e=>e===`image`||e===`url`,kr=e=>e===`length`||e===`size`||e===`bg-size`,Ar=e=>e===`length`,jr=e=>e===`number`,Mr=e=>e===`family-name`,Nr=e=>e===`number`||e===`weight`,Pr=e=>e===`shadow`,Fr=Wn(()=>{let e=J(`color`),t=J(`font`),n=J(`text`),r=J(`font-weight`),i=J(`tracking`),a=J(`leading`),o=J(`breakpoint`),s=J(`container`),c=J(`spacing`),l=J(`radius`),u=J(`shadow`),d=J(`inset-shadow`),f=J(`text-shadow`),p=J(`drop-shadow`),m=J(`blur`),h=J(`perspective`),g=J(`aspect`),_=J(`ease`),v=J(`animate`),y=()=>[`auto`,`avoid`,`all`,`avoid-page`,`page`,`left`,`right`,`column`],b=()=>[`center`,`top`,`bottom`,`left`,`right`,`top-left`,`left-top`,`top-right`,`right-top`,`bottom-right`,`right-bottom`,`bottom-left`,`left-bottom`],x=()=>[...b(),Z,X],ee=()=>[`auto`,`hidden`,`clip`,`visible`,`scroll`],S=()=>[`auto`,`contain`,`none`],C=()=>[Z,X,c],w=()=>[er,`full`,`auto`,...C()],te=()=>[tr,`none`,`subgrid`,Z,X],T=()=>[`auto`,{span:[`full`,tr,Z,X]},tr,Z,X],E=()=>[tr,`auto`,Z,X],ne=()=>[`auto`,`min`,`max`,`fr`,Z,X],D=()=>[`start`,`end`,`center`,`between`,`around`,`evenly`,`stretch`,`baseline`,`center-safe`,`end-safe`],O=()=>[`start`,`end`,`center`,`stretch`,`center-safe`,`end-safe`],k=()=>[`auto`,...C()],A=()=>[er,`auto`,`full`,`dvw`,`dvh`,`lvw`,`lvh`,`svw`,`svh`,`min`,`max`,`fit`,...C()],re=()=>[er,`screen`,`full`,`dvw`,`lvw`,`svw`,`min`,`max`,`fit`,...C()],ie=()=>[er,`screen`,`full`,`lh`,`dvh`,`lvh`,`svh`,`min`,`max`,`fit`,...C()],j=()=>[e,Z,X],ae=()=>[...b(),br,hr,{position:[Z,X]}],oe=()=>[`no-repeat`,{repeat:[``,`x`,`y`,`space`,`round`]}],se=()=>[`auto`,`cover`,`contain`,xr,ur,{size:[Z,X]}],ce=()=>[nr,vr,dr],M=()=>[``,`none`,`full`,l,Z,X],N=()=>[``,Y,vr,dr],le=()=>[`solid`,`dashed`,`dotted`,`double`],ue=()=>[`normal`,`multiply`,`screen`,`overlay`,`darken`,`lighten`,`color-dodge`,`color-burn`,`hard-light`,`soft-light`,`difference`,`exclusion`,`hue`,`saturation`,`color`,`luminosity`],P=()=>[Y,nr,br,hr],de=()=>[``,`none`,m,Z,X],fe=()=>[`none`,Y,Z,X],pe=()=>[`none`,Y,Z,X],me=()=>[Y,Z,X],F=()=>[er,`full`,...C()];return{cacheSize:500,theme:{animate:[`spin`,`ping`,`pulse`,`bounce`],aspect:[`video`],blur:[rr],breakpoint:[rr],color:[ir],container:[rr],"drop-shadow":[rr],ease:[`in`,`out`,`in-out`],font:[lr],"font-weight":[`thin`,`extralight`,`light`,`normal`,`medium`,`semibold`,`bold`,`extrabold`,`black`],"inset-shadow":[rr],leading:[`none`,`tight`,`snug`,`normal`,`relaxed`,`loose`],perspective:[`dramatic`,`near`,`normal`,`midrange`,`distant`,`none`],radius:[rr],shadow:[rr],spacing:[`px`,Y],text:[rr],"text-shadow":[rr],tracking:[`tighter`,`tight`,`normal`,`wide`,`wider`,`widest`]},classGroups:{aspect:[{aspect:[`auto`,`square`,er,X,Z,g]}],container:[`container`],columns:[{columns:[Y,X,Z,s]}],"break-after":[{"break-after":y()}],"break-before":[{"break-before":y()}],"break-inside":[{"break-inside":[`auto`,`avoid`,`avoid-page`,`avoid-column`]}],"box-decoration":[{"box-decoration":[`slice`,`clone`]}],box:[{box:[`border`,`content`]}],display:[`block`,`inline-block`,`inline`,`flex`,`inline-flex`,`table`,`inline-table`,`table-caption`,`table-cell`,`table-column`,`table-column-group`,`table-footer-group`,`table-header-group`,`table-row-group`,`table-row`,`flow-root`,`grid`,`inline-grid`,`contents`,`list-item`,`hidden`],sr:[`sr-only`,`not-sr-only`],float:[{float:[`right`,`left`,`none`,`start`,`end`]}],clear:[{clear:[`left`,`right`,`both`,`none`,`start`,`end`]}],isolation:[`isolate`,`isolation-auto`],"object-fit":[{object:[`contain`,`cover`,`fill`,`none`,`scale-down`]}],"object-position":[{object:x()}],overflow:[{overflow:ee()}],"overflow-x":[{"overflow-x":ee()}],"overflow-y":[{"overflow-y":ee()}],overscroll:[{overscroll:S()}],"overscroll-x":[{"overscroll-x":S()}],"overscroll-y":[{"overscroll-y":S()}],position:[`static`,`fixed`,`absolute`,`relative`,`sticky`],inset:[{inset:w()}],"inset-x":[{"inset-x":w()}],"inset-y":[{"inset-y":w()}],start:[{"inset-s":w(),start:w()}],end:[{"inset-e":w(),end:w()}],"inset-bs":[{"inset-bs":w()}],"inset-be":[{"inset-be":w()}],top:[{top:w()}],right:[{right:w()}],bottom:[{bottom:w()}],left:[{left:w()}],visibility:[`visible`,`invisible`,`collapse`],z:[{z:[tr,`auto`,Z,X]}],basis:[{basis:[er,`full`,`auto`,s,...C()]}],"flex-direction":[{flex:[`row`,`row-reverse`,`col`,`col-reverse`]}],"flex-wrap":[{flex:[`nowrap`,`wrap`,`wrap-reverse`]}],flex:[{flex:[Y,er,`auto`,`initial`,`none`,X]}],grow:[{grow:[``,Y,Z,X]}],shrink:[{shrink:[``,Y,Z,X]}],order:[{order:[tr,`first`,`last`,`none`,Z,X]}],"grid-cols":[{"grid-cols":te()}],"col-start-end":[{col:T()}],"col-start":[{"col-start":E()}],"col-end":[{"col-end":E()}],"grid-rows":[{"grid-rows":te()}],"row-start-end":[{row:T()}],"row-start":[{"row-start":E()}],"row-end":[{"row-end":E()}],"grid-flow":[{"grid-flow":[`row`,`col`,`dense`,`row-dense`,`col-dense`]}],"auto-cols":[{"auto-cols":ne()}],"auto-rows":[{"auto-rows":ne()}],gap:[{gap:C()}],"gap-x":[{"gap-x":C()}],"gap-y":[{"gap-y":C()}],"justify-content":[{justify:[...D(),`normal`]}],"justify-items":[{"justify-items":[...O(),`normal`]}],"justify-self":[{"justify-self":[`auto`,...O()]}],"align-content":[{content:[`normal`,...D()]}],"align-items":[{items:[...O(),{baseline:[``,`last`]}]}],"align-self":[{self:[`auto`,...O(),{baseline:[``,`last`]}]}],"place-content":[{"place-content":D()}],"place-items":[{"place-items":[...O(),`baseline`]}],"place-self":[{"place-self":[`auto`,...O()]}],p:[{p:C()}],px:[{px:C()}],py:[{py:C()}],ps:[{ps:C()}],pe:[{pe:C()}],pbs:[{pbs:C()}],pbe:[{pbe:C()}],pt:[{pt:C()}],pr:[{pr:C()}],pb:[{pb:C()}],pl:[{pl:C()}],m:[{m:k()}],mx:[{mx:k()}],my:[{my:k()}],ms:[{ms:k()}],me:[{me:k()}],mbs:[{mbs:k()}],mbe:[{mbe:k()}],mt:[{mt:k()}],mr:[{mr:k()}],mb:[{mb:k()}],ml:[{ml:k()}],"space-x":[{"space-x":C()}],"space-x-reverse":[`space-x-reverse`],"space-y":[{"space-y":C()}],"space-y-reverse":[`space-y-reverse`],size:[{size:A()}],"inline-size":[{inline:[`auto`,...re()]}],"min-inline-size":[{"min-inline":[`auto`,...re()]}],"max-inline-size":[{"max-inline":[`none`,...re()]}],"block-size":[{block:[`auto`,...ie()]}],"min-block-size":[{"min-block":[`auto`,...ie()]}],"max-block-size":[{"max-block":[`none`,...ie()]}],w:[{w:[s,`screen`,...A()]}],"min-w":[{"min-w":[s,`screen`,`none`,...A()]}],"max-w":[{"max-w":[s,`screen`,`none`,`prose`,{screen:[o]},...A()]}],h:[{h:[`screen`,`lh`,...A()]}],"min-h":[{"min-h":[`screen`,`lh`,`none`,...A()]}],"max-h":[{"max-h":[`screen`,`lh`,...A()]}],"font-size":[{text:[`base`,n,vr,dr]}],"font-smoothing":[`antialiased`,`subpixel-antialiased`],"font-style":[`italic`,`not-italic`],"font-weight":[{font:[r,wr,pr]}],"font-stretch":[{"font-stretch":[`ultra-condensed`,`extra-condensed`,`condensed`,`semi-condensed`,`normal`,`semi-expanded`,`expanded`,`extra-expanded`,`ultra-expanded`,nr,X]}],"font-family":[{font:[yr,mr,t]}],"font-features":[{"font-features":[X]}],"fvn-normal":[`normal-nums`],"fvn-ordinal":[`ordinal`],"fvn-slashed-zero":[`slashed-zero`],"fvn-figure":[`lining-nums`,`oldstyle-nums`],"fvn-spacing":[`proportional-nums`,`tabular-nums`],"fvn-fraction":[`diagonal-fractions`,`stacked-fractions`],tracking:[{tracking:[i,Z,X]}],"line-clamp":[{"line-clamp":[Y,`none`,Z,fr]}],leading:[{leading:[a,...C()]}],"list-image":[{"list-image":[`none`,Z,X]}],"list-style-position":[{list:[`inside`,`outside`]}],"list-style-type":[{list:[`disc`,`decimal`,`none`,Z,X]}],"text-alignment":[{text:[`left`,`center`,`right`,`justify`,`start`,`end`]}],"placeholder-color":[{placeholder:j()}],"text-color":[{text:j()}],"text-decoration":[`underline`,`overline`,`line-through`,`no-underline`],"text-decoration-style":[{decoration:[...le(),`wavy`]}],"text-decoration-thickness":[{decoration:[Y,`from-font`,`auto`,Z,dr]}],"text-decoration-color":[{decoration:j()}],"underline-offset":[{"underline-offset":[Y,`auto`,Z,X]}],"text-transform":[`uppercase`,`lowercase`,`capitalize`,`normal-case`],"text-overflow":[`truncate`,`text-ellipsis`,`text-clip`],"text-wrap":[{text:[`wrap`,`nowrap`,`balance`,`pretty`]}],indent:[{indent:C()}],"vertical-align":[{align:[`baseline`,`top`,`middle`,`bottom`,`text-top`,`text-bottom`,`sub`,`super`,Z,X]}],whitespace:[{whitespace:[`normal`,`nowrap`,`pre`,`pre-line`,`pre-wrap`,`break-spaces`]}],break:[{break:[`normal`,`words`,`all`,`keep`]}],wrap:[{wrap:[`break-word`,`anywhere`,`normal`]}],hyphens:[{hyphens:[`none`,`manual`,`auto`]}],content:[{content:[`none`,Z,X]}],"bg-attachment":[{bg:[`fixed`,`local`,`scroll`]}],"bg-clip":[{"bg-clip":[`border`,`padding`,`content`,`text`]}],"bg-origin":[{"bg-origin":[`border`,`padding`,`content`]}],"bg-position":[{bg:ae()}],"bg-repeat":[{bg:oe()}],"bg-size":[{bg:se()}],"bg-image":[{bg:[`none`,{linear:[{to:[`t`,`tr`,`r`,`br`,`b`,`bl`,`l`,`tl`]},tr,Z,X],radial:[``,Z,X],conic:[tr,Z,X]},Sr,gr]}],"bg-color":[{bg:j()}],"gradient-from-pos":[{from:ce()}],"gradient-via-pos":[{via:ce()}],"gradient-to-pos":[{to:ce()}],"gradient-from":[{from:j()}],"gradient-via":[{via:j()}],"gradient-to":[{to:j()}],rounded:[{rounded:M()}],"rounded-s":[{"rounded-s":M()}],"rounded-e":[{"rounded-e":M()}],"rounded-t":[{"rounded-t":M()}],"rounded-r":[{"rounded-r":M()}],"rounded-b":[{"rounded-b":M()}],"rounded-l":[{"rounded-l":M()}],"rounded-ss":[{"rounded-ss":M()}],"rounded-se":[{"rounded-se":M()}],"rounded-ee":[{"rounded-ee":M()}],"rounded-es":[{"rounded-es":M()}],"rounded-tl":[{"rounded-tl":M()}],"rounded-tr":[{"rounded-tr":M()}],"rounded-br":[{"rounded-br":M()}],"rounded-bl":[{"rounded-bl":M()}],"border-w":[{border:N()}],"border-w-x":[{"border-x":N()}],"border-w-y":[{"border-y":N()}],"border-w-s":[{"border-s":N()}],"border-w-e":[{"border-e":N()}],"border-w-bs":[{"border-bs":N()}],"border-w-be":[{"border-be":N()}],"border-w-t":[{"border-t":N()}],"border-w-r":[{"border-r":N()}],"border-w-b":[{"border-b":N()}],"border-w-l":[{"border-l":N()}],"divide-x":[{"divide-x":N()}],"divide-x-reverse":[`divide-x-reverse`],"divide-y":[{"divide-y":N()}],"divide-y-reverse":[`divide-y-reverse`],"border-style":[{border:[...le(),`hidden`,`none`]}],"divide-style":[{divide:[...le(),`hidden`,`none`]}],"border-color":[{border:j()}],"border-color-x":[{"border-x":j()}],"border-color-y":[{"border-y":j()}],"border-color-s":[{"border-s":j()}],"border-color-e":[{"border-e":j()}],"border-color-bs":[{"border-bs":j()}],"border-color-be":[{"border-be":j()}],"border-color-t":[{"border-t":j()}],"border-color-r":[{"border-r":j()}],"border-color-b":[{"border-b":j()}],"border-color-l":[{"border-l":j()}],"divide-color":[{divide:j()}],"outline-style":[{outline:[...le(),`none`,`hidden`]}],"outline-offset":[{"outline-offset":[Y,Z,X]}],"outline-w":[{outline:[``,Y,vr,dr]}],"outline-color":[{outline:j()}],shadow:[{shadow:[``,`none`,u,Cr,_r]}],"shadow-color":[{shadow:j()}],"inset-shadow":[{"inset-shadow":[`none`,d,Cr,_r]}],"inset-shadow-color":[{"inset-shadow":j()}],"ring-w":[{ring:N()}],"ring-w-inset":[`ring-inset`],"ring-color":[{ring:j()}],"ring-offset-w":[{"ring-offset":[Y,dr]}],"ring-offset-color":[{"ring-offset":j()}],"inset-ring-w":[{"inset-ring":N()}],"inset-ring-color":[{"inset-ring":j()}],"text-shadow":[{"text-shadow":[`none`,f,Cr,_r]}],"text-shadow-color":[{"text-shadow":j()}],opacity:[{opacity:[Y,Z,X]}],"mix-blend":[{"mix-blend":[...ue(),`plus-darker`,`plus-lighter`]}],"bg-blend":[{"bg-blend":ue()}],"mask-clip":[{"mask-clip":[`border`,`padding`,`content`,`fill`,`stroke`,`view`]},`mask-no-clip`],"mask-composite":[{mask:[`add`,`subtract`,`intersect`,`exclude`]}],"mask-image-linear-pos":[{"mask-linear":[Y]}],"mask-image-linear-from-pos":[{"mask-linear-from":P()}],"mask-image-linear-to-pos":[{"mask-linear-to":P()}],"mask-image-linear-from-color":[{"mask-linear-from":j()}],"mask-image-linear-to-color":[{"mask-linear-to":j()}],"mask-image-t-from-pos":[{"mask-t-from":P()}],"mask-image-t-to-pos":[{"mask-t-to":P()}],"mask-image-t-from-color":[{"mask-t-from":j()}],"mask-image-t-to-color":[{"mask-t-to":j()}],"mask-image-r-from-pos":[{"mask-r-from":P()}],"mask-image-r-to-pos":[{"mask-r-to":P()}],"mask-image-r-from-color":[{"mask-r-from":j()}],"mask-image-r-to-color":[{"mask-r-to":j()}],"mask-image-b-from-pos":[{"mask-b-from":P()}],"mask-image-b-to-pos":[{"mask-b-to":P()}],"mask-image-b-from-color":[{"mask-b-from":j()}],"mask-image-b-to-color":[{"mask-b-to":j()}],"mask-image-l-from-pos":[{"mask-l-from":P()}],"mask-image-l-to-pos":[{"mask-l-to":P()}],"mask-image-l-from-color":[{"mask-l-from":j()}],"mask-image-l-to-color":[{"mask-l-to":j()}],"mask-image-x-from-pos":[{"mask-x-from":P()}],"mask-image-x-to-pos":[{"mask-x-to":P()}],"mask-image-x-from-color":[{"mask-x-from":j()}],"mask-image-x-to-color":[{"mask-x-to":j()}],"mask-image-y-from-pos":[{"mask-y-from":P()}],"mask-image-y-to-pos":[{"mask-y-to":P()}],"mask-image-y-from-color":[{"mask-y-from":j()}],"mask-image-y-to-color":[{"mask-y-to":j()}],"mask-image-radial":[{"mask-radial":[Z,X]}],"mask-image-radial-from-pos":[{"mask-radial-from":P()}],"mask-image-radial-to-pos":[{"mask-radial-to":P()}],"mask-image-radial-from-color":[{"mask-radial-from":j()}],"mask-image-radial-to-color":[{"mask-radial-to":j()}],"mask-image-radial-shape":[{"mask-radial":[`circle`,`ellipse`]}],"mask-image-radial-size":[{"mask-radial":[{closest:[`side`,`corner`],farthest:[`side`,`corner`]}]}],"mask-image-radial-pos":[{"mask-radial-at":b()}],"mask-image-conic-pos":[{"mask-conic":[Y]}],"mask-image-conic-from-pos":[{"mask-conic-from":P()}],"mask-image-conic-to-pos":[{"mask-conic-to":P()}],"mask-image-conic-from-color":[{"mask-conic-from":j()}],"mask-image-conic-to-color":[{"mask-conic-to":j()}],"mask-mode":[{mask:[`alpha`,`luminance`,`match`]}],"mask-origin":[{"mask-origin":[`border`,`padding`,`content`,`fill`,`stroke`,`view`]}],"mask-position":[{mask:ae()}],"mask-repeat":[{mask:oe()}],"mask-size":[{mask:se()}],"mask-type":[{"mask-type":[`alpha`,`luminance`]}],"mask-image":[{mask:[`none`,Z,X]}],filter:[{filter:[``,`none`,Z,X]}],blur:[{blur:de()}],brightness:[{brightness:[Y,Z,X]}],contrast:[{contrast:[Y,Z,X]}],"drop-shadow":[{"drop-shadow":[``,`none`,p,Cr,_r]}],"drop-shadow-color":[{"drop-shadow":j()}],grayscale:[{grayscale:[``,Y,Z,X]}],"hue-rotate":[{"hue-rotate":[Y,Z,X]}],invert:[{invert:[``,Y,Z,X]}],saturate:[{saturate:[Y,Z,X]}],sepia:[{sepia:[``,Y,Z,X]}],"backdrop-filter":[{"backdrop-filter":[``,`none`,Z,X]}],"backdrop-blur":[{"backdrop-blur":de()}],"backdrop-brightness":[{"backdrop-brightness":[Y,Z,X]}],"backdrop-contrast":[{"backdrop-contrast":[Y,Z,X]}],"backdrop-grayscale":[{"backdrop-grayscale":[``,Y,Z,X]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[Y,Z,X]}],"backdrop-invert":[{"backdrop-invert":[``,Y,Z,X]}],"backdrop-opacity":[{"backdrop-opacity":[Y,Z,X]}],"backdrop-saturate":[{"backdrop-saturate":[Y,Z,X]}],"backdrop-sepia":[{"backdrop-sepia":[``,Y,Z,X]}],"border-collapse":[{border:[`collapse`,`separate`]}],"border-spacing":[{"border-spacing":C()}],"border-spacing-x":[{"border-spacing-x":C()}],"border-spacing-y":[{"border-spacing-y":C()}],"table-layout":[{table:[`auto`,`fixed`]}],caption:[{caption:[`top`,`bottom`]}],transition:[{transition:[``,`all`,`colors`,`opacity`,`shadow`,`transform`,`none`,Z,X]}],"transition-behavior":[{transition:[`normal`,`discrete`]}],duration:[{duration:[Y,`initial`,Z,X]}],ease:[{ease:[`linear`,`initial`,_,Z,X]}],delay:[{delay:[Y,Z,X]}],animate:[{animate:[`none`,v,Z,X]}],backface:[{backface:[`hidden`,`visible`]}],perspective:[{perspective:[h,Z,X]}],"perspective-origin":[{"perspective-origin":x()}],rotate:[{rotate:fe()}],"rotate-x":[{"rotate-x":fe()}],"rotate-y":[{"rotate-y":fe()}],"rotate-z":[{"rotate-z":fe()}],scale:[{scale:pe()}],"scale-x":[{"scale-x":pe()}],"scale-y":[{"scale-y":pe()}],"scale-z":[{"scale-z":pe()}],"scale-3d":[`scale-3d`],skew:[{skew:me()}],"skew-x":[{"skew-x":me()}],"skew-y":[{"skew-y":me()}],transform:[{transform:[Z,X,``,`none`,`gpu`,`cpu`]}],"transform-origin":[{origin:x()}],"transform-style":[{transform:[`3d`,`flat`]}],translate:[{translate:F()}],"translate-x":[{"translate-x":F()}],"translate-y":[{"translate-y":F()}],"translate-z":[{"translate-z":F()}],"translate-none":[`translate-none`],accent:[{accent:j()}],appearance:[{appearance:[`none`,`auto`]}],"caret-color":[{caret:j()}],"color-scheme":[{scheme:[`normal`,`dark`,`light`,`light-dark`,`only-dark`,`only-light`]}],cursor:[{cursor:[`auto`,`default`,`pointer`,`wait`,`text`,`move`,`help`,`not-allowed`,`none`,`context-menu`,`progress`,`cell`,`crosshair`,`vertical-text`,`alias`,`copy`,`no-drop`,`grab`,`grabbing`,`all-scroll`,`col-resize`,`row-resize`,`n-resize`,`e-resize`,`s-resize`,`w-resize`,`ne-resize`,`nw-resize`,`se-resize`,`sw-resize`,`ew-resize`,`ns-resize`,`nesw-resize`,`nwse-resize`,`zoom-in`,`zoom-out`,Z,X]}],"field-sizing":[{"field-sizing":[`fixed`,`content`]}],"pointer-events":[{"pointer-events":[`auto`,`none`]}],resize:[{resize:[`none`,``,`y`,`x`]}],"scroll-behavior":[{scroll:[`auto`,`smooth`]}],"scroll-m":[{"scroll-m":C()}],"scroll-mx":[{"scroll-mx":C()}],"scroll-my":[{"scroll-my":C()}],"scroll-ms":[{"scroll-ms":C()}],"scroll-me":[{"scroll-me":C()}],"scroll-mbs":[{"scroll-mbs":C()}],"scroll-mbe":[{"scroll-mbe":C()}],"scroll-mt":[{"scroll-mt":C()}],"scroll-mr":[{"scroll-mr":C()}],"scroll-mb":[{"scroll-mb":C()}],"scroll-ml":[{"scroll-ml":C()}],"scroll-p":[{"scroll-p":C()}],"scroll-px":[{"scroll-px":C()}],"scroll-py":[{"scroll-py":C()}],"scroll-ps":[{"scroll-ps":C()}],"scroll-pe":[{"scroll-pe":C()}],"scroll-pbs":[{"scroll-pbs":C()}],"scroll-pbe":[{"scroll-pbe":C()}],"scroll-pt":[{"scroll-pt":C()}],"scroll-pr":[{"scroll-pr":C()}],"scroll-pb":[{"scroll-pb":C()}],"scroll-pl":[{"scroll-pl":C()}],"snap-align":[{snap:[`start`,`end`,`center`,`align-none`]}],"snap-stop":[{snap:[`normal`,`always`]}],"snap-type":[{snap:[`none`,`x`,`y`,`both`]}],"snap-strictness":[{snap:[`mandatory`,`proximity`]}],touch:[{touch:[`auto`,`none`,`manipulation`]}],"touch-x":[{"touch-pan":[`x`,`left`,`right`]}],"touch-y":[{"touch-pan":[`y`,`up`,`down`]}],"touch-pz":[`touch-pinch-zoom`],select:[{select:[`none`,`text`,`all`,`auto`]}],"will-change":[{"will-change":[`auto`,`scroll`,`contents`,`transform`,Z,X]}],fill:[{fill:[`none`,...j()]}],"stroke-w":[{stroke:[Y,vr,dr,fr]}],stroke:[{stroke:[`none`,...j()]}],"forced-color-adjust":[{"forced-color-adjust":[`auto`,`none`]}]},conflictingClassGroups:{overflow:[`overflow-x`,`overflow-y`],overscroll:[`overscroll-x`,`overscroll-y`],inset:[`inset-x`,`inset-y`,`inset-bs`,`inset-be`,`start`,`end`,`top`,`right`,`bottom`,`left`],"inset-x":[`right`,`left`],"inset-y":[`top`,`bottom`],flex:[`basis`,`grow`,`shrink`],gap:[`gap-x`,`gap-y`],p:[`px`,`py`,`ps`,`pe`,`pbs`,`pbe`,`pt`,`pr`,`pb`,`pl`],px:[`pr`,`pl`],py:[`pt`,`pb`],m:[`mx`,`my`,`ms`,`me`,`mbs`,`mbe`,`mt`,`mr`,`mb`,`ml`],mx:[`mr`,`ml`],my:[`mt`,`mb`],size:[`w`,`h`],"font-size":[`leading`],"fvn-normal":[`fvn-ordinal`,`fvn-slashed-zero`,`fvn-figure`,`fvn-spacing`,`fvn-fraction`],"fvn-ordinal":[`fvn-normal`],"fvn-slashed-zero":[`fvn-normal`],"fvn-figure":[`fvn-normal`],"fvn-spacing":[`fvn-normal`],"fvn-fraction":[`fvn-normal`],"line-clamp":[`display`,`overflow`],rounded:[`rounded-s`,`rounded-e`,`rounded-t`,`rounded-r`,`rounded-b`,`rounded-l`,`rounded-ss`,`rounded-se`,`rounded-ee`,`rounded-es`,`rounded-tl`,`rounded-tr`,`rounded-br`,`rounded-bl`],"rounded-s":[`rounded-ss`,`rounded-es`],"rounded-e":[`rounded-se`,`rounded-ee`],"rounded-t":[`rounded-tl`,`rounded-tr`],"rounded-r":[`rounded-tr`,`rounded-br`],"rounded-b":[`rounded-br`,`rounded-bl`],"rounded-l":[`rounded-tl`,`rounded-bl`],"border-spacing":[`border-spacing-x`,`border-spacing-y`],"border-w":[`border-w-x`,`border-w-y`,`border-w-s`,`border-w-e`,`border-w-bs`,`border-w-be`,`border-w-t`,`border-w-r`,`border-w-b`,`border-w-l`],"border-w-x":[`border-w-r`,`border-w-l`],"border-w-y":[`border-w-t`,`border-w-b`],"border-color":[`border-color-x`,`border-color-y`,`border-color-s`,`border-color-e`,`border-color-bs`,`border-color-be`,`border-color-t`,`border-color-r`,`border-color-b`,`border-color-l`],"border-color-x":[`border-color-r`,`border-color-l`],"border-color-y":[`border-color-t`,`border-color-b`],translate:[`translate-x`,`translate-y`,`translate-none`],"translate-none":[`translate`,`translate-x`,`translate-y`,`translate-z`],"scroll-m":[`scroll-mx`,`scroll-my`,`scroll-ms`,`scroll-me`,`scroll-mbs`,`scroll-mbe`,`scroll-mt`,`scroll-mr`,`scroll-mb`,`scroll-ml`],"scroll-mx":[`scroll-mr`,`scroll-ml`],"scroll-my":[`scroll-mt`,`scroll-mb`],"scroll-p":[`scroll-px`,`scroll-py`,`scroll-ps`,`scroll-pe`,`scroll-pbs`,`scroll-pbe`,`scroll-pt`,`scroll-pr`,`scroll-pb`,`scroll-pl`],"scroll-px":[`scroll-pr`,`scroll-pl`],"scroll-py":[`scroll-pt`,`scroll-pb`],touch:[`touch-x`,`touch-y`,`touch-pz`],"touch-x":[`touch`],"touch-y":[`touch`],"touch-pz":[`touch`]},conflictingClassGroupModifiers:{"font-size":[`leading`]},orderSensitiveModifiers:[`*`,`**`,`after`,`backdrop`,`before`,`details-content`,`file`,`first-letter`,`first-line`,`marker`,`placeholder`,`selection`]}});function Ir(e){var t,n,r=``;if(typeof e==`string`||typeof e==`number`)r+=e;else if(typeof e==`object`)if(Array.isArray(e)){var i=e.length;for(t=0;t<i;t++)e[t]&&(n=Ir(e[t]))&&(r&&(r+=` `),r+=n)}else for(n in e)e[n]&&(r&&(r+=` `),r+=n);return r}function Lr(){for(var e,t,n=0,r=``,i=arguments.length;n<i;n++)(e=arguments[n])&&(t=Ir(e))&&(r&&(r+=` `),r+=t);return r}var Q=(...e)=>Fr(Lr(e));function Rr(){let e=z(null),t=z(!1),n=z({x:0,y:0}),r=Et.value,i=zt.value;if(Tt.value)return null;let a=i=>{i.button===0&&(t.current=!0,n.current={x:i.clientX-r.x,y:i.clientY-r.y},e.current?.setPointerCapture(i.pointerId),i.preventDefault())},o=e=>{t.current&&$t(pn(e.clientX-n.current.x,0,window.innerWidth-48),pn(e.clientY-n.current.y,0,window.innerHeight-48))},s=n=>{if(!t.current)return;t.current=!1,e.current?.releasePointerCapture(n.pointerId);let i=fn(r.x,r.y,window.innerWidth,window.innerHeight);$t(i.x,i.y),en(i.corner)},c=()=>{t.current||Xt()};De(()=>{let t=e.current;if(t)return t.addEventListener(`pointerdown`,a),t.addEventListener(`pointermove`,o),t.addEventListener(`pointerup`,s),()=>{t.removeEventListener(`pointerdown`,a),t.removeEventListener(`pointermove`,o),t.removeEventListener(`pointerup`,s)}},[r]);let l=i>0,u=l?`#DA2F47`:`#22c55e`;return K(`button`,{ref:e,onClick:c,className:Q(`fixed z-[1000] rounded-full border-2 shadow-md`,`flex items-center justify-center cursor-pointer touch-none`,`transition-all duration-150 select-none`,`hover:shadow-lg`,`bg-white hover:bg-gray-50`),style:{width:`48px`,height:`48px`,left:`${r.x}px`,top:`${r.y}px`,transform:`translate3d(0, 0, 0)`,borderColor:u},title:`Autolemetry Observability`,children:K(cn,{fill:l?`#fff`:void 0,width:28,height:28})})}var zr=(...e)=>e.filter((e,t,n)=>!!e&&e.trim()!==``&&n.indexOf(e)===t).join(` `).trim(),Br=e=>e.replace(/([a-z0-9])([A-Z])/g,`$1-$2`).toLowerCase(),Vr=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,n)=>n?n.toUpperCase():t.toLowerCase()),Hr=e=>{let t=Vr(e);return t.charAt(0).toUpperCase()+t.slice(1)},Ur={xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`,"stroke-linecap":`round`,"stroke-linejoin":`round`},Wr=me({size:24,color:`currentColor`,strokeWidth:2,absoluteStrokeWidth:!1,class:``}),Gr=()=>Oe(Wr),Kr=e=>{for(let t in e)if(t.startsWith(`aria-`)||t===`role`||t===`title`)return!0;return!1},qr=({color:e,size:t,strokeWidth:n,absoluteStrokeWidth:r,children:i,iconNode:a,class:o=``,...s})=>{let{size:c=24,strokeWidth:l=2,absoluteStrokeWidth:u=!1,color:d=`currentColor`,class:f=``}=Gr()??{},p=r??u?Number(n??l)*24/Number(t??c):n??l;return S(`svg`,{...Ur,width:t??c??24,height:t??c??24,stroke:e??d,"stroke-width":p,class:zr(`lucide`,f,o),...!i&&!Kr(s)&&{"aria-hidden":`true`},...s},[...a.map(([e,t])=>S(e,t)),...ie(i)])},$=(e,t)=>{let n=({class:n=``,className:r=``,children:i,...a})=>S(qr,{...a,iconNode:t,class:zr(`lucide-${Br(Hr(e))}`,`lucide-${Br(e)}`,n,r)},i);return n.displayName=Hr(e),n},Jr=$(`activity`,[[`path`,{d:`M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2`,key:`169zse`}]]),Yr=$(`arrow-right`,[[`path`,{d:`M5 12h14`,key:`1ays0h`}],[`path`,{d:`m12 5 7 7-7 7`,key:`xquz4c`}]]),Xr=$(`boxes`,[[`path`,{d:`M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z`,key:`lc1i9w`}],[`path`,{d:`m7 16.5-4.74-2.85`,key:`1o9zyk`}],[`path`,{d:`m7 16.5 5-3`,key:`va8pkn`}],[`path`,{d:`M7 16.5v5.17`,key:`jnp8gn`}],[`path`,{d:`M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z`,key:`8zsnat`}],[`path`,{d:`m17 16.5-5-3`,key:`8arw3v`}],[`path`,{d:`m17 16.5 4.74-2.85`,key:`8rfmw`}],[`path`,{d:`M17 16.5v5.17`,key:`k6z78m`}],[`path`,{d:`M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z`,key:`1xygjf`}],[`path`,{d:`M12 8 7.26 5.15`,key:`1vbdud`}],[`path`,{d:`m12 8 4.74-2.85`,key:`3rx089`}],[`path`,{d:`M12 13.5V8`,key:`1io7kd`}]]),Zr=$(`chart-column`,[[`path`,{d:`M3 3v16a2 2 0 0 0 2 2h16`,key:`c24i48`}],[`path`,{d:`M18 17V9`,key:`2bz60n`}],[`path`,{d:`M13 17V5`,key:`1frdt8`}],[`path`,{d:`M8 17v-3`,key:`17ska0`}]]),Qr=$(`chart-no-axes-column-increasing`,[[`path`,{d:`M5 21v-6`,key:`1hz6c0`}],[`path`,{d:`M12 21V9`,key:`uvy0l4`}],[`path`,{d:`M19 21V3`,key:`11j9sm`}]]),$r=$(`check`,[[`path`,{d:`M20 6 9 17l-5-5`,key:`1gmf2c`}]]),ei=$(`chevron-down`,[[`path`,{d:`m6 9 6 6 6-6`,key:`qrunsl`}]]),ti=$(`chevron-left`,[[`path`,{d:`m15 18-6-6 6-6`,key:`1wnfg3`}]]),ni=$(`chevron-right`,[[`path`,{d:`m9 18 6-6-6-6`,key:`mthhwq`}]]),ri=$(`circle-alert`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`line`,{x1:`12`,x2:`12`,y1:`8`,y2:`12`,key:`1pkeuh`}],[`line`,{x1:`12`,x2:`12.01`,y1:`16`,y2:`16`,key:`4dfq90`}]]),ii=$(`clock`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M12 6v6l4 2`,key:`mmk7yg`}]]),ai=$(`copy`,[[`rect`,{width:`14`,height:`14`,x:`8`,y:`8`,rx:`2`,ry:`2`,key:`17jyea`}],[`path`,{d:`M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2`,key:`zix9uf`}]]),oi=$(`database`,[[`ellipse`,{cx:`12`,cy:`5`,rx:`9`,ry:`3`,key:`msslwz`}],[`path`,{d:`M3 5V19A9 3 0 0 0 21 19V5`,key:`1wlel7`}],[`path`,{d:`M3 12A9 3 0 0 0 21 12`,key:`mv7ke4`}]]),si=$(`dollar-sign`,[[`line`,{x1:`12`,x2:`12`,y1:`2`,y2:`22`,key:`7eqyqh`}],[`path`,{d:`M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6`,key:`1b0p4s`}]]),ci=$(`download`,[[`path`,{d:`M12 15V3`,key:`m9g1x1`}],[`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`,key:`ih7n3h`}],[`path`,{d:`m7 10 5 5 5-5`,key:`brsn70`}]]),li=$(`external-link`,[[`path`,{d:`M15 3h6v6`,key:`1q9fwt`}],[`path`,{d:`M10 14 21 3`,key:`gplh6r`}],[`path`,{d:`M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6`,key:`a6xqqp`}]]),ui=$(`file-text`,[[`path`,{d:`M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z`,key:`1oefj6`}],[`path`,{d:`M14 2v5a1 1 0 0 0 1 1h5`,key:`wfsgrz`}],[`path`,{d:`M10 9H8`,key:`b1mrlr`}],[`path`,{d:`M16 13H8`,key:`t4e002`}],[`path`,{d:`M16 17H8`,key:`z1uh3a`}]]),di=$(`flame`,[[`path`,{d:`M12 3q1 4 4 6.5t3 5.5a1 1 0 0 1-14 0 5 5 0 0 1 1-3 1 1 0 0 0 5 0c0-2-1.5-3-1.5-5q0-2 2.5-4`,key:`1slcih`}]]),fi=$(`hash`,[[`line`,{x1:`4`,x2:`20`,y1:`9`,y2:`9`,key:`4lhtct`}],[`line`,{x1:`4`,x2:`20`,y1:`15`,y2:`15`,key:`vyu0kd`}],[`line`,{x1:`10`,x2:`8`,y1:`3`,y2:`21`,key:`1ggp8o`}],[`line`,{x1:`16`,x2:`14`,y1:`3`,y2:`21`,key:`weycgp`}]]),pi=$(`info`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M12 16v-4`,key:`1dtifu`}],[`path`,{d:`M12 8h.01`,key:`e9boi3`}]]),mi=$(`layers`,[[`path`,{d:`M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z`,key:`zw3jo`}],[`path`,{d:`M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12`,key:`1wduqc`}],[`path`,{d:`M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17`,key:`kqbvx6`}]]),hi=$(`layout-list`,[[`rect`,{width:`7`,height:`7`,x:`3`,y:`3`,rx:`1`,key:`1g98yp`}],[`rect`,{width:`7`,height:`7`,x:`3`,y:`14`,rx:`1`,key:`1bb6yr`}],[`path`,{d:`M14 4h7`,key:`3xa0d5`}],[`path`,{d:`M14 9h7`,key:`1icrd9`}],[`path`,{d:`M14 15h7`,key:`1mj8o2`}],[`path`,{d:`M14 20h7`,key:`11slyb`}]]),gi=$(`link-2`,[[`path`,{d:`M9 17H7A5 5 0 0 1 7 7h2`,key:`8i5ue5`}],[`path`,{d:`M15 7h2a5 5 0 1 1 0 10h-2`,key:`1b9ql8`}],[`line`,{x1:`8`,x2:`16`,y1:`12`,y2:`12`,key:`1jonct`}]]),_i=$(`network`,[[`rect`,{x:`16`,y:`16`,width:`6`,height:`6`,rx:`1`,key:`4q2zg0`}],[`rect`,{x:`2`,y:`16`,width:`6`,height:`6`,rx:`1`,key:`8cvhb9`}],[`rect`,{x:`9`,y:`2`,width:`6`,height:`6`,rx:`1`,key:`1egb70`}],[`path`,{d:`M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3`,key:`1jsf9p`}],[`path`,{d:`M12 12V8`,key:`2874zd`}]]),vi=$(`rotate-ccw`,[[`path`,{d:`M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8`,key:`1357e3`}],[`path`,{d:`M3 3v5h5`,key:`1xhq8a`}]]),yi=$(`server`,[[`rect`,{width:`20`,height:`8`,x:`2`,y:`2`,rx:`2`,ry:`2`,key:`ngkwjq`}],[`rect`,{width:`20`,height:`8`,x:`2`,y:`14`,rx:`2`,ry:`2`,key:`iecqi9`}],[`line`,{x1:`6`,x2:`6.01`,y1:`6`,y2:`6`,key:`16zg32`}],[`line`,{x1:`6`,x2:`6.01`,y1:`18`,y2:`18`,key:`nzw8ys`}]]),bi=$(`tag`,[[`path`,{d:`M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z`,key:`vktsd0`}],[`circle`,{cx:`7.5`,cy:`7.5`,r:`.5`,fill:`currentColor`,key:`kqv944`}]]),xi=$(`target`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`circle`,{cx:`12`,cy:`12`,r:`6`,key:`1vlfrh`}],[`circle`,{cx:`12`,cy:`12`,r:`2`,key:`1c9p78`}]]),Si=$(`trending-up`,[[`path`,{d:`M16 7h6v6`,key:`box55l`}],[`path`,{d:`m22 7-8.5 8.5-5-5L2 17`,key:`1t1m79`}]]),Ci=$(`triangle-alert`,[[`path`,{d:`m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3`,key:`wmoenq`}],[`path`,{d:`M12 9v4`,key:`juzpu7`}],[`path`,{d:`M12 17h.01`,key:`p32p05`}]]),wi=$(`x`,[[`path`,{d:`M18 6 6 18`,key:`1bl5f8`}],[`path`,{d:`m6 6 12 12`,key:`d8bk6v`}]]);function Ti({content:e,children:t}){let[n,r]=R(!1);return K(`div`,{className:`relative group`,children:[t,K(`button`,{onClick:async()=>{try{await navigator.clipboard.writeText(e),r(!0),setTimeout(()=>r(!1),2e3)}catch(e){console.error(`Failed to copy:`,e)}},className:Q(`absolute top-2 right-2 p-1.5 rounded-md`,`bg-white border border-gray-300 shadow-sm`,`opacity-0 group-hover:opacity-100 transition-opacity`,`hover:bg-gray-50`),title:`Copy`,children:n?K($r,{size:14,className:`text-green-600`}):K(ai,{size:14,className:`text-gray-600`})})]})}function Ei(e){let t=new Map,n=[];for(let n of e)t.set(n.spanId,{span:n,children:[],depth:0});for(let r of e){let e=t.get(r.spanId);if(r.parentSpanId){let i=t.get(r.parentSpanId);i?(i.children.push(e),e.depth=i.depth+1):n.push(e)}else n.push(e)}let r=e=>{e.sort((e,t)=>e.span.startTime-t.span.startTime);for(let t of e)r(t.children)};return r(n),n}function Di(e,t){let n=[],r=e=>{n.push(e),t.has(e.span.spanId)||e.children.forEach(r)};return e.forEach(r),n}function Oi(e){let t=e.children.length;for(let n of e.children)t+=Oi(n);return t}function ki(e,t){let n=t.startTime,r=t.duration||1,i=e.startTime-n,a=i/r*100,o=e.duration/r*100;return{offsetMs:i,offsetPercent:Math.max(0,Math.min(100,a)),widthPercent:Math.max(.5,Math.min(100-a,o))}}function Ai(e){switch(e){case`SERVER`:return`bg-blue-500`;case`CLIENT`:return`bg-green-500`;case`PRODUCER`:return`bg-purple-500`;case`CONSUMER`:return`bg-orange-500`;default:return`bg-gray-500`}}function ji(e){switch(e){case`SERVER`:return`bg-blue-400`;case`CLIENT`:return`bg-green-400`;case`PRODUCER`:return`bg-purple-400`;case`CONSUMER`:return`bg-orange-400`;default:return`bg-gray-400`}}function Mi({trace:e,onSpanSelect:t,selectedSpanId:n}){let[r,i]=R(new Set),a=B(()=>Ei(e.spans),[e.spans]),o=B(()=>Di(a,r),[a,r]),s=e=>{i(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},c=t=>e.spans.some(e=>e.parentSpanId===t),l=B(()=>{let t=e.duration||1,n=[];for(let e=0;e<=5;e++){let r=e/5*100,i=e/5*t;n.push({percent:r,label:q(i)})}return n},[e.duration]);return K(`div`,{className:`flex flex-col h-full`,children:[K(`div`,{className:`flex border-b border-gray-200 bg-gray-50 text-xs text-gray-500`,children:[K(`div`,{className:`w-[200px] shrink-0 px-3 py-2 font-medium text-gray-700`,children:`Span Name`}),K(`div`,{className:`flex-1 relative py-2`,children:l.map((e,t)=>K(`div`,{className:`absolute text-[10px]`,style:{left:`${e.percent}%`,transform:`translateX(-50%)`},children:e.label},t))}),K(`div`,{className:`w-[80px] shrink-0 px-2 py-2 text-right font-medium text-gray-700`,children:`Duration`})]}),K(`div`,{className:`flex-1 overflow-auto relative`,children:[K(`div`,{className:`absolute inset-0 pointer-events-none`,style:{left:`200px`,right:`80px`},children:l.map((e,t)=>K(`div`,{className:`absolute top-0 bottom-0 border-l border-gray-100`,style:{left:`${e.percent}%`}},t))}),K(`div`,{className:`relative`,children:o.map(i=>K(Ni,{node:i,trace:e,isSelected:n===i.span.spanId,isCollapsed:r.has(i.span.spanId),hasChildren:c(i.span.spanId),onSelect:()=>t?.(i.span),onToggleCollapse:()=>s(i.span.spanId)},i.span.spanId))})]}),K(`div`,{className:`flex items-center gap-4 px-3 py-2 border-t border-gray-200 bg-gray-50 text-xs`,children:[K(`span`,{className:`text-gray-500 font-medium`,children:`Kind:`}),[`SERVER`,`CLIENT`,`INTERNAL`,`PRODUCER`,`CONSUMER`].map(e=>K(`div`,{className:`flex items-center gap-1`,children:[K(`div`,{className:Q(`w-3 h-3 rounded-sm`,Ai(e))}),K(`span`,{className:`text-gray-600`,children:e})]},e))]})]})}function Ni({node:e,trace:t,isSelected:n,isCollapsed:r,hasChildren:i,onSelect:a,onToggleCollapse:o}){let{span:s}=e,c=ki(s,t),l=s.status.code===`ERROR`,u=s.events&&s.events.length>0;return K(`div`,{className:Q(`flex items-center border-b border-gray-100 hover:bg-blue-50/50 cursor-pointer transition-colors`,n&&`bg-blue-50 hover:bg-blue-100/50`,l&&`bg-red-50/30 hover:bg-red-50/50`),onClick:a,children:[K(`div`,{className:`w-[200px] shrink-0 px-2 py-2 flex items-center gap-1 min-w-0`,style:{paddingLeft:`${8+e.depth*16}px`},children:[i?K(`button`,{onClick:e=>{e.stopPropagation(),o()},className:`p-0.5 hover:bg-gray-200 rounded flex-shrink-0`,children:K(r?ni:ei,{size:12,className:`text-gray-500`})}):K(`div`,{className:`w-4`}),l&&K(ri,{size:12,className:`text-red-500 flex-shrink-0`}),u&&K(pi,{size:10,className:`text-blue-500 flex-shrink-0`}),K(`span`,{className:Q(`text-xs truncate`,l?`text-red-700`:`text-gray-900`),title:s.name,children:s.name||`unknown`}),r&&e.children.length>0&&K(`span`,{className:`text-xs text-gray-400 ml-1`,children:[`(+`,Oi(e),`)`]})]}),K(`div`,{className:`flex-1 py-2 px-1 relative h-8`,children:K(`div`,{className:Q(`absolute h-5 rounded-sm transition-colors group`,l?`bg-red-500`:Ai(s.kind),n&&(l?`bg-red-600`:ji(s.kind))),style:{left:`${c.offsetPercent}%`,width:`${c.widthPercent}%`,top:`50%`,transform:`translateY(-50%)`,minWidth:`4px`},title:`${s.name}: ${q(s.duration)}`,children:[c.widthPercent>10&&K(`span`,{className:`absolute inset-0 flex items-center justify-center text-[10px] text-white font-medium`,children:q(s.duration)}),s.events&&s.events.length>0&&s.events.map((e,n)=>{let r=t.duration>0?(e.timestamp-t.startTime)/t.duration*100:0;return K(`div`,{className:Q(`absolute top-1/2 -translate-y-1/2 w-2 h-2 rounded-full border border-white z-10`,e.name===`exception`?`bg-red-500`:`bg-yellow-500`),style:{left:`${Math.min(Math.max(r,0),100)}%`},title:`${e.name} at ${q(e.timestamp-t.startTime)}`},n)})]})}),K(`div`,{className:`w-[80px] shrink-0 px-2 py-2 text-right`,children:K(`span`,{className:Q(`text-xs font-mono`,l?`text-red-600`:`text-gray-600`),children:q(s.duration)})})]})}function Pi(e,t){let n=new Map,r=[],i=t.duration||1,a=t.startTime;for(let t of e){let e=(t.startTime-a)/i*100,r=t.duration/i*100;n.set(t.spanId,{span:t,children:[],depth:0,x:Math.max(0,e),width:Math.max(.5,Math.min(100-e,r))})}for(let t of e){let e=n.get(t.spanId);if(t.parentSpanId){let i=n.get(t.parentSpanId);i?(i.children.push(e),e.depth=i.depth+1):r.push(e)}else r.push(e)}let o=e=>{e.sort((e,t)=>e.span.startTime-t.span.startTime);for(let t of e)o(t.children)};return o(r),r}function Fi(e){let t=[],n=e=>{t.push(e),e.children.forEach(n)};return e.forEach(n),t}function Ii(e){let t=0,n=e=>{t=Math.max(t,e.depth),e.children.forEach(n)};return e.forEach(n),t}function Li(e,t,n){let r=n.find(e=>e.spanId===t);if(!r)return e;let i=r.startTime,a=r.duration||1,o=(e,t)=>{let r=n.find(t=>t.spanId===e);return r?r.parentSpanId===t?!0:r.parentSpanId?o(r.parentSpanId,t):!1:!1},s=e=>{if(!(e.span.spanId===t||o(e.span.spanId,t)))return{...e,x:-100,width:0,children:e.children.map(s)};let n=(e.span.startTime-i)/a*100,r=e.span.duration/a*100;return{...e,x:Math.max(0,n),width:Math.max(.5,Math.min(100-Math.max(0,n),r)),children:e.children.map(s)}};return e.map(s)}function Ri(e){if(e.status.code===`ERROR`)return`bg-red-500 hover:bg-red-400`;switch(e.kind){case`SERVER`:return`bg-blue-500 hover:bg-blue-400`;case`CLIENT`:return`bg-green-500 hover:bg-green-400`;case`PRODUCER`:return`bg-purple-500 hover:bg-purple-400`;case`CONSUMER`:return`bg-orange-500 hover:bg-orange-400`;default:return`bg-gray-500 hover:bg-gray-400`}}function zi(e){return e.status.code===`ERROR`?`ring-2 ring-red-700`:`ring-2 ring-gray-900`}var Bi=24,Vi=2;function Hi({trace:e,onSpanSelect:t,selectedSpanId:n}){let[r,i]=R({focusedSpanId:null}),[a,o]=R(null),[s,c]=R({x:0,y:0}),l=z(null),u=B(()=>Pi(e.spans,e),[e]),d=B(()=>r.focusedSpanId?Li(u,r.focusedSpanId,e.spans):u,[u,r.focusedSpanId,e.spans]),f=B(()=>Fi(d),[d]),p=B(()=>Ii(d),[d]),m=B(()=>{let e=new Map;for(let t of f)if(t.width>0){let n=e.get(t.depth)||[];n.push(t),e.set(t.depth,n)}return e},[f]),h=e=>{i({focusedSpanId:e})},g=()=>{i({focusedSpanId:null})},_=(e,t)=>{if(l.current){let t=l.current.getBoundingClientRect();c({x:e.clientX-t.left,y:e.clientY-t.top})}o(t)},v=()=>{o(null)},y=(p+1)*(Bi+Vi)+20;return K(`div`,{className:`flex flex-col h-full`,children:[K(`div`,{className:`flex items-center justify-between px-3 py-2 border-b border-gray-200 bg-gray-50`,children:[K(`div`,{className:`text-xs text-gray-600`,children:r.focusedSpanId?K(`span`,{className:`flex items-center gap-2`,children:[K(`span`,{className:`font-medium`,children:`Zoomed:`}),K(`span`,{className:`truncate max-w-[200px]`,children:e.spans.find(e=>e.spanId===r.focusedSpanId)?.name})]}):K(`span`,{children:`Click a span to zoom in, double-click to select`})}),K(`div`,{className:`flex items-center gap-1`,children:r.focusedSpanId&&K(`button`,{onClick:g,className:`p-1.5 hover:bg-gray-200 rounded transition-colors flex items-center gap-1 text-xs text-gray-700`,title:`Reset zoom`,children:[K(vi,{size:14}),`Reset`]})})]}),K(`div`,{ref:l,className:`flex-1 overflow-auto p-4 relative`,onMouseLeave:v,children:[K(`div`,{className:`relative w-full`,style:{height:`${y}px`,minWidth:`100%`},children:[...m.entries()].map(([e,r])=>K(`div`,{className:`absolute left-0 right-0`,style:{top:`${e*(Bi+Vi)}px`},children:r.map(e=>K(Ui,{node:e,isSelected:n===e.span.spanId,isHovered:a?.spanId===e.span.spanId,onClick:()=>h(e.span.spanId),onDoubleClick:()=>t?.(e.span),onMouseMove:t=>_(t,e.span),onMouseLeave:v},e.span.spanId))},e))}),a&&K(`div`,{className:`absolute z-50 pointer-events-none`,style:{left:`${Math.min(s.x+10,(l.current?.clientWidth||300)-220)}px`,top:`${s.y+10}px`},children:K(`div`,{className:`bg-gray-900 text-white text-xs rounded-md shadow-lg p-2 max-w-[200px]`,children:[K(`div`,{className:`font-medium truncate mb-1`,children:a.name}),K(`div`,{className:`flex items-center gap-2 text-gray-300`,children:[K(`span`,{children:q(a.duration)}),K(`span`,{children:`|`}),K(`span`,{children:a.kind})]}),a.status.code===`ERROR`&&K(`div`,{className:`flex items-center gap-1 mt-1 text-red-400`,children:[K(ri,{size:10}),K(`span`,{children:`Error`})]})]})})]}),K(`div`,{className:`flex items-center gap-4 px-3 py-2 border-t border-gray-200 bg-gray-50 text-xs`,children:[K(`span`,{className:`text-gray-500 font-medium`,children:`Kind:`}),[`SERVER`,`CLIENT`,`INTERNAL`,`PRODUCER`,`CONSUMER`].map(e=>K(`div`,{className:`flex items-center gap-1`,children:[K(`div`,{className:Q(`w-3 h-3 rounded-sm`,e===`SERVER`&&`bg-blue-500`,e===`CLIENT`&&`bg-green-500`,e===`PRODUCER`&&`bg-purple-500`,e===`CONSUMER`&&`bg-orange-500`,e===`INTERNAL`&&`bg-gray-500`)}),K(`span`,{className:`text-gray-600`,children:e})]},e)),K(`div`,{className:`flex items-center gap-1 ml-2`,children:[K(`div`,{className:`w-3 h-3 rounded-sm bg-red-500`}),K(`span`,{className:`text-gray-600`,children:`ERROR`})]})]})]})}function Ui({node:e,isSelected:t,isHovered:n,onClick:r,onDoubleClick:i,onMouseMove:a,onMouseLeave:o}){let{span:s,x:c,width:l}=e;return l<=0||c<0?null:K(`div`,{className:Q(`absolute cursor-pointer transition-all`,Ri(s),t&&zi(s),`rounded-sm`),style:{left:`${c}%`,width:`${l}%`,height:`${Bi}px`,minWidth:`4px`},onClick:r,onDblClick:i,onMouseMove:a,onMouseLeave:o,title:`${s.name}: ${q(s.duration)}`,children:l>5&&K(`div`,{className:`absolute inset-0 flex items-center px-1.5 overflow-hidden`,children:K(`span`,{className:`text-[10px] text-white font-medium truncate`,children:s.name})})})}function Wi({span:e,trace:t,onClose:n}){let[r,i]=R({timing:!0,attributes:!0,events:!1}),a=e=>{i(t=>({...t,[e]:!t[e]}))},o=e.status.code===`ERROR`,s=Object.keys(e.attributes||{}).length>0,c=e.events&&e.events.length>0,l=bt(e,t.service),u=xt(e.attributes,l),d=Object.entries(e.attributes||{}).filter(([e])=>e.startsWith(`service.`)||e.startsWith(`deployment.`)||e.startsWith(`host.`)||e.startsWith(`container.`)||e.startsWith(`process.`)),f=Object.entries(e.attributes||{}).sort(([e],[t])=>e.localeCompare(t)),p=e.startTime-t.startTime,m=e.endTime-t.startTime,h=t.spans.find(t=>t.spanId===e.parentSpanId),g=t.spans.filter(t=>t.parentSpanId===e.spanId);return K(`div`,{className:`flex flex-col h-full bg-white border-l border-zinc-200`,children:[K(`div`,{className:`flex items-start justify-between gap-3 px-4 py-3 border-b border-zinc-200 bg-zinc-50`,children:[K(`div`,{className:`flex-1 min-w-0`,children:[K(`h3`,{className:`font-semibold text-sm text-zinc-900 truncate mb-1`,children:e.name||`Unknown Span`}),K(`div`,{className:`flex items-center gap-2 flex-wrap`,children:[K(`span`,{className:Q(`px-2 py-0.5 rounded text-xs font-medium`,o?`bg-red-100 text-red-700`:`bg-green-100 text-green-700`),children:e.status.code}),K(`span`,{className:`px-2 py-0.5 rounded bg-zinc-100 text-zinc-600 text-xs font-medium`,children:e.kind})]})]}),K(`button`,{onClick:n,className:`p-1.5 hover:bg-zinc-200 rounded-md transition-colors flex-shrink-0`,title:`Close`,children:K(wi,{size:16,className:`text-zinc-500`})})]}),K(`div`,{className:`flex-1 overflow-auto`,children:[e.status.message&&K(`div`,{className:`mx-4 mt-4 p-3 bg-red-50 border border-red-200 rounded-md`,children:K(`div`,{className:`flex items-start gap-2`,children:[K(ri,{size:14,className:`text-red-500 flex-shrink-0 mt-0.5`}),K(`div`,{className:`text-xs text-red-700`,children:[K(`span`,{className:`font-medium`,children:`Error: `}),e.status.message]})]})}),K(Gi,{title:`Timing`,icon:K(ii,{size:14}),expanded:r.timing,onToggle:()=>a(`timing`),children:K(`div`,{className:`grid grid-cols-2 gap-3 text-xs`,children:[K(Ki,{label:`Duration`,value:q(e.duration)}),K(Ki,{label:`Start (relative)`,value:q(p)}),K(Ki,{label:`End (relative)`,value:q(m)}),K(Ki,{label:`Start Time`,value:new Date(e.startTime).toLocaleTimeString()})]})}),K(`div`,{className:`px-4 py-3 border-b border-zinc-100`,children:K(`div`,{className:`space-y-2 text-xs`,children:[K(qi,{label:`Span ID`,value:e.spanId}),K(qi,{label:`Trace ID`,value:e.traceId}),e.parentSpanId&&K(qi,{label:`Parent Span ID`,value:e.parentSpanId})]})}),K(`div`,{className:`px-4 py-3 border-b border-zinc-100`,children:[K(`div`,{className:`flex items-center gap-2 mb-2`,children:[K(bi,{size:14,className:`text-zinc-500`}),K(`span`,{className:`text-xs font-medium text-zinc-700`,children:`Resource`})]}),K(`div`,{className:`grid grid-cols-2 gap-3 text-xs`,children:[K(Ki,{label:`Trace Service`,value:t.service}),K(Ki,{label:`Derived Resource`,value:l}),K(Ki,{label:`Resource Type`,value:u}),K(Ki,{label:`Resource Attrs`,value:String(d.length)})]})]}),(h||g.length>0)&&K(`div`,{className:`px-4 py-3 border-b border-zinc-100`,children:[K(`div`,{className:`flex items-center gap-2 mb-2`,children:[K(mi,{size:14,className:`text-zinc-500`}),K(`span`,{className:`text-xs font-medium text-zinc-700`,children:`Relationships`})]}),K(`div`,{className:`space-y-2 text-xs`,children:[h&&K(`div`,{className:`flex items-center gap-2`,children:[K(`span`,{className:`text-zinc-500`,children:`Parent:`}),K(`span`,{className:`font-medium text-zinc-900`,children:h.name})]}),g.length>0&&K(`div`,{children:[K(`span`,{className:`text-zinc-500`,children:[`Children (`,g.length,`):`]}),K(`div`,{className:`mt-1 space-y-1 pl-2`,children:[g.slice(0,5).map(e=>K(`div`,{className:`text-zinc-700 truncate`,children:e.name},e.spanId)),g.length>5&&K(`div`,{className:`text-zinc-400`,children:[`+`,g.length-5,` more`]})]})]})]})]}),s&&K(Gi,{title:`Attributes (${Object.keys(e.attributes).length})`,icon:K(bi,{size:14}),expanded:r.attributes,onToggle:()=>a(`attributes`),children:K(Ti,{content:JSON.stringify(e.attributes,null,2),children:K(`div`,{className:`bg-zinc-50 rounded p-3 border border-zinc-200 font-mono text-xs max-h-[200px] overflow-auto`,children:f.map(([e,t])=>{let n=/(password|secret|token|authorization|api[-_.]?key)/i.test(e),r=e.startsWith(`service.`)||e.startsWith(`deployment.`)||e.startsWith(`host.`)||e.startsWith(`container.`)||e.startsWith(`process.`);return K(`div`,{className:`flex gap-2 py-0.5`,children:[K(`span`,{className:`text-zinc-500 flex-shrink-0`,children:[e,`:`]}),K(`span`,{className:`text-zinc-800 break-all`,children:[n?`[redacted]`:null,n?null:typeof t==`object`?JSON.stringify(t):String(t)]}),K(`span`,{className:Q(`text-[10px] uppercase tracking-wide ml-auto`,n?`text-red-500`:`text-zinc-400`),children:n?`sensitive`:r?`resource`:`span`})]},e)})})})}),c&&K(Gi,{title:`Events (${e.events.length})`,icon:K(pi,{size:14}),expanded:r.events,onToggle:()=>a(`events`),children:K(`div`,{className:`space-y-2`,children:e.events.map((t,n)=>K(`div`,{className:`bg-zinc-50 rounded p-2.5 border border-zinc-200`,children:[K(`div`,{className:`flex items-center justify-between mb-1`,children:[K(`span`,{className:`font-medium text-xs text-zinc-900`,children:t.name}),K(`span`,{className:`text-[10px] text-zinc-500`,children:[`+`,q(t.timestamp-e.startTime)]})]}),t.attributes&&Object.keys(t.attributes).length>0&&K(Ti,{content:JSON.stringify(t.attributes,null,2),children:K(`div`,{className:`font-mono text-[11px] text-zinc-600 mt-1`,children:K(`pre`,{className:`whitespace-pre-wrap break-words`,children:JSON.stringify(t.attributes,null,2)})})})]},n))})})]})]})}function Gi({title:e,icon:t,expanded:n,onToggle:r,children:i}){return K(`div`,{className:`border-b border-zinc-100`,children:[K(`button`,{onClick:r,className:`w-full flex items-center gap-2 px-4 py-3 hover:bg-zinc-50 transition-colors`,children:[K(`span`,{className:`text-zinc-500`,children:t}),K(`span`,{className:`text-xs font-medium text-zinc-700 flex-1 text-left`,children:e}),K(ei,{size:14,className:Q(`text-zinc-400 transition-transform`,n&&`rotate-180`)})]}),n&&K(`div`,{className:`px-4 pb-3`,children:i})]})}function Ki({label:e,value:t}){return K(`div`,{children:[K(`div`,{className:`text-zinc-500 mb-0.5`,children:e}),K(`div`,{className:`font-mono font-medium text-zinc-900`,children:t})]})}function qi({label:e,value:t}){let[n,r]=R(!1);return K(`div`,{className:`flex items-center gap-2`,children:[K(`span`,{className:`text-zinc-500 w-24 flex-shrink-0`,children:[e,`:`]}),K(`code`,{className:`font-mono text-zinc-700 truncate flex-1`,children:t}),K(`button`,{onClick:async()=>{await navigator.clipboard.writeText(t),r(!0),setTimeout(()=>r(!1),2e3)},className:`p-1 hover:bg-zinc-100 rounded transition-colors flex-shrink-0`,title:`Copy to clipboard`,children:n?K($r,{size:12,className:`text-green-500`}):K(ai,{size:12,className:`text-zinc-400`})})]})}var Ji=`1.0.0`;function Yi(e){return{version:Ji,exportedAt:new Date().toISOString(),trace:e}}function Xi(e){return{version:Ji,exportedAt:new Date().toISOString(),traces:e}}function Zi(e){return JSON.stringify(e,null,2)}function Qi(e,t){let n=Zi(Yi(e)),r=new Blob([n],{type:`application/json`}),i=URL.createObjectURL(r),a=`trace-${e.traceId.slice(0,8)}-${new Date().toISOString().split(`T`)[0]}.json`,o=document.createElement(`a`);o.href=i,o.download=t||a,document.body.append(o),o.click(),o.remove(),URL.revokeObjectURL(i)}function $i(e,t){let n=Zi(Xi(e)),r=new Blob([n],{type:`application/json`}),i=URL.createObjectURL(r),a=`traces-${e.length}-${new Date().toISOString().split(`T`)[0]}.json`,o=document.createElement(`a`);o.href=i,o.download=t||a,document.body.append(o),o.click(),o.remove(),URL.revokeObjectURL(i)}async function ea(e){let t=Zi(Yi(e));await navigator.clipboard.writeText(t)}function ta(){let e=Bt.value,t=Jt.value;return t?K(ra,{trace:t}):K(`div`,{className:`flex flex-col h-full`,children:[K(`div`,{className:`px-4 py-3 border-b border-zinc-200 flex items-center justify-between`,children:[K(`h3`,{className:`text-sm font-semibold flex items-center gap-2 text-zinc-900`,children:[K(oi,{size:16}),`Traces (`,e.length,`)`]}),K(`div`,{className:`flex items-center gap-1`,children:e.length>0&&K(`button`,{onClick:()=>$i(e),className:`p-1.5 hover:bg-zinc-100 rounded transition-colors`,title:`Export all traces as JSON`,children:K(ci,{size:14,className:`text-zinc-500`})})})]}),K(`div`,{className:`flex-1 overflow-auto p-4`,children:e.length===0?K(`div`,{className:`text-center text-zinc-500 text-sm py-12`,children:K(`p`,{className:`mb-3`,children:`No traces yet. Waiting for data...`})}):K(`div`,{className:`space-y-2`,children:e.map(e=>K(na,{trace:e,onClick:()=>Qt(e.traceId)},e.traceId))})})]})}function na({trace:e,onClick:t}){let n=e.status===`ERROR`;return K(`button`,{onClick:t,className:Q(`w-full text-left p-3 rounded-md border transition-all`,`hover:shadow-sm hover:border-zinc-300`,n?`bg-red-50 border-red-200 hover:border-red-300`:`bg-white border-zinc-200 hover:border-zinc-300`),children:K(`div`,{className:`flex items-start justify-between gap-3`,children:[K(`div`,{className:`flex-1 min-w-0`,children:[K(`div`,{className:`flex items-center gap-2 mb-1.5`,children:[K(`span`,{className:`font-mono text-xs text-zinc-500`,children:e.correlationId}),n&&K(ri,{size:14,className:`text-red-600 flex-shrink-0`})]}),K(`div`,{className:`font-medium text-sm mb-2 truncate text-zinc-900`,children:e.rootSpan.name||`unknown`}),K(`div`,{className:`flex items-center gap-3 text-xs text-zinc-600 flex-wrap`,children:[K(`span`,{className:`flex items-center gap-1`,children:[K(ii,{size:12}),q(e.duration)]}),K(`span`,{children:[e.spans.length,` spans`]}),K(`span`,{className:Q(`font-medium`,dn(e.status)),children:e.status})]})]}),K(`div`,{className:`flex flex-col items-end gap-1.5 flex-shrink-0`,children:[K(`span`,{className:`text-xs text-zinc-500`,children:ln(e.startTime)}),K(ni,{size:16,className:`text-zinc-400`})]})]})})}function ra({trace:e}){let[t,n]=R(`waterfall`),[r,i]=R(null),[a,o]=R(!1);return K(`div`,{className:`flex flex-col h-full`,children:[K(`div`,{className:`px-4 py-3 border-b border-zinc-200`,children:[K(`div`,{className:`flex items-center justify-between mb-3`,children:[K(`button`,{onClick:()=>Qt(null),className:Q(`text-xs text-zinc-600 hover:text-zinc-900`,`flex items-center gap-1 transition-colors`),children:[K(ti,{size:14}),`Back to traces`]}),K(`div`,{className:`flex items-center gap-2`,children:[K(`div`,{className:`flex items-center gap-1`,children:[K(`button`,{onClick:async()=>{await ea(e),o(!0),setTimeout(()=>o(!1),2e3)},className:`p-1.5 hover:bg-zinc-100 rounded transition-colors`,title:`Copy trace JSON to clipboard`,children:a?K($r,{size:14,className:`text-green-600`}):K(ai,{size:14,className:`text-zinc-500`})}),K(`button`,{onClick:()=>{Qi(e)},className:`p-1.5 hover:bg-zinc-100 rounded transition-colors`,title:`Download trace as JSON`,children:K(ci,{size:14,className:`text-zinc-500`})})]}),K(`div`,{className:`flex items-center gap-1 bg-zinc-100 rounded-md p-0.5`,children:[K(`button`,{onClick:()=>n(`waterfall`),className:Q(`px-2 py-1 text-xs rounded transition-colors flex items-center gap-1`,t===`waterfall`?`bg-white text-zinc-900 shadow-sm`:`text-zinc-600 hover:text-zinc-900`),title:`Waterfall view`,children:[K(Zr,{size:12}),`Timeline`]}),K(`button`,{onClick:()=>n(`flame`),className:Q(`px-2 py-1 text-xs rounded transition-colors flex items-center gap-1`,t===`flame`?`bg-white text-zinc-900 shadow-sm`:`text-zinc-600 hover:text-zinc-900`),title:`Flame graph view`,children:[K(di,{size:12}),`Flame`]}),K(`button`,{onClick:()=>n(`list`),className:Q(`px-2 py-1 text-xs rounded transition-colors flex items-center gap-1`,t===`list`?`bg-white text-zinc-900 shadow-sm`:`text-zinc-600 hover:text-zinc-900`),title:`List view`,children:[K(hi,{size:12}),`List`]})]})]})]}),K(`div`,{className:`flex items-start justify-between gap-4`,children:[K(`div`,{className:`flex-1 min-w-0`,children:[K(`h3`,{className:`font-semibold text-base mb-1.5 text-zinc-900`,children:e.rootSpan.name||`Trace`}),K(`div`,{className:`text-xs text-zinc-500 space-y-0.5`,children:[K(`div`,{children:(e=>new Date(e).toLocaleString(`en-US`,{month:`long`,day:`numeric`,year:`numeric`,hour:`numeric`,minute:`2-digit`,hour12:!0}))(e.startTime)}),K(`div`,{className:`font-mono`,children:[`Trace ID: `,e.traceId]})]})]}),K(`div`,{className:`text-right flex-shrink-0`,children:[K(`div`,{className:Q(`font-medium text-sm mb-1`,dn(e.status)),children:e.status}),K(`div`,{className:`text-xs text-zinc-600`,children:q(e.duration)}),K(`div`,{className:`text-xs text-zinc-500 mt-1`,children:[e.spans.length,` spans`]})]})]})]}),K(`div`,{className:`flex-1 overflow-hidden flex`,children:[K(`div`,{className:Q(`flex-1 overflow-hidden`,r&&`border-r border-zinc-200`),children:t===`waterfall`?K(Mi,{trace:e,onSpanSelect:i,selectedSpanId:r?.spanId}):t===`flame`?K(Hi,{trace:e,onSpanSelect:i,selectedSpanId:r?.spanId}):K(`div`,{className:`overflow-auto h-full`,children:K(`div`,{className:`divide-y divide-zinc-100`,children:e.spans.map(t=>K(ia,{span:t,trace:e,isSelected:r?.spanId===t.spanId,onSelect:()=>i(t)},t.spanId))})})}),r&&K(`div`,{className:`w-[320px] flex-shrink-0 overflow-hidden`,children:K(Wi,{span:r,trace:e,onClose:()=>i(null)})})]})]})}function ia({span:e,trace:t,isSelected:n,onSelect:r}){let[i,a]=R(!1),[o,s]=R({attributes:!1,events:!1}),c=e.status.code===`ERROR`,l=e=>{s(t=>({...t,[e]:!t[e]}))},u=(()=>{let n=0,r=e;for(;r.parentSpanId;){n++;let e=t.spans.find(e=>e.spanId===r.parentSpanId);if(!e)break;r=e}return n})(),d=Object.keys(e.attributes||{}).length>0,f=e.events&&e.events.length>0;return K(`div`,{className:Q(`px-4 py-3`,`hover:bg-zinc-50 transition-colors cursor-pointer`,c&&`bg-red-50/30`,n&&`bg-zinc-100 hover:bg-zinc-100`),style:{paddingLeft:`${16+u*20}px`},onClick:r,children:[K(`div`,{className:`flex items-center justify-between gap-4`,children:[K(`div`,{className:`flex-1 min-w-0`,children:[K(`div`,{className:`font-medium text-sm mb-1 text-zinc-900`,children:e.name||`unknown`}),K(`div`,{className:`flex items-center gap-3 text-xs text-zinc-600`,children:[K(`span`,{className:Q(`font-medium`,dn(e.status.code)),children:e.status.code}),K(`span`,{children:q(e.duration)}),K(`span`,{className:`text-zinc-400`,children:e.kind})]})]}),K(`button`,{onClick:e=>{e.stopPropagation(),a(!i)},className:`p-1 hover:bg-zinc-200 rounded`,children:K(ei,{size:14,className:Q(`text-zinc-400 transition-transform flex-shrink-0`,i&&`rotate-180`)})})]}),i&&K(`div`,{className:`mt-3 pt-3 border-t border-zinc-200 space-y-3`,onClick:e=>e.stopPropagation(),children:[d&&K(aa,{label:`All attributes`,expanded:o.attributes,onToggle:()=>l(`attributes`),children:K(Ti,{content:JSON.stringify(e.attributes,null,2),children:K(`div`,{className:`bg-zinc-50 rounded p-3 border border-zinc-200 font-mono text-xs`,children:K(`pre`,{className:`whitespace-pre-wrap break-words text-zinc-800`,children:JSON.stringify(e.attributes,null,2)})})})}),f&&K(aa,{label:`Events (${e.events.length})`,expanded:o.events,onToggle:()=>l(`events`),children:K(`div`,{className:`space-y-2`,children:e.events.map((e,t)=>K(`div`,{className:`bg-zinc-50 rounded p-2.5 border border-zinc-200`,children:[K(`div`,{className:`font-medium text-xs text-zinc-900 mb-1.5`,children:e.name}),e.attributes&&Object.keys(e.attributes).length>0&&K(Ti,{content:JSON.stringify(e.attributes,null,2),children:K(`div`,{className:`font-mono text-xs text-zinc-600 mt-1`,children:JSON.stringify(e.attributes,null,2)})})]},t))})}),e.status.message&&K(`div`,{className:`text-xs text-zinc-600`,children:[K(`span`,{className:`font-medium`,children:`Status message:`}),` `,e.status.message]})]})]})}function aa({label:e,expanded:t,onToggle:n,children:r}){return K(`div`,{className:`flex flex-col gap-2`,children:[K(`button`,{onClick:n,className:`flex items-center gap-2 cursor-pointer text-zinc-700 hover:text-zinc-900 transition-colors w-fit`,children:[K(ei,{size:12,className:Q(`text-zinc-500 transition-transform`,t&&`rotate-180`)}),K(`span`,{className:`text-xs font-medium`,children:e})]}),t&&K(`div`,{children:r})]})}function oa(e,t){return bt(e,t)}function sa(e,t){if(e.length===0)return 0;let n=Math.ceil(t/100*e.length)-1;return e[Math.max(0,n)]}function ca(e){let t=new Map,n=new Map;for(let r of e){let e=new Map;for(let t of r.spans)e.set(t.spanId,t);for(let i of r.spans){let a=oa(i,r.service),o=t.get(a);if(o||(o={id:a,name:a,requestCount:0,errorCount:0,avgLatency:0,minLatency:1/0,maxLatency:0,spanKinds:new Set},t.set(a,o)),o.requestCount++,i.status.code===`ERROR`&&o.errorCount++,o.avgLatency=(o.avgLatency*(o.requestCount-1)+i.duration)/o.requestCount,o.minLatency=Math.min(o.minLatency,i.duration),o.maxLatency=Math.max(o.maxLatency,i.duration),o.spanKinds.add(i.kind),i.kind===`CLIENT`&&i.parentSpanId){let a=e.get(i.parentSpanId);if(a){let e=oa(a,r.service),o=i.attributes?.[`peer.service`]||i.attributes?.[`http.host`]||i.attributes?.[`db.system`]||i.attributes?.[`net.peer.name`]||i.attributes?.[`rpc.service`]||`external`;if(e!==o){let r=`${e}->${o}`,a=n.get(r);a||(a={id:r,source:e,target:o,requestCount:0,errorCount:0,avgLatency:0,p50Latency:0,p99Latency:0,latencies:[]},n.set(r,a),t.has(o)||t.set(o,{id:o,name:o,requestCount:0,errorCount:0,avgLatency:0,minLatency:1/0,maxLatency:0,spanKinds:new Set})),a.requestCount++,i.status.code===`ERROR`&&a.errorCount++,a.avgLatency=(a.avgLatency*(a.requestCount-1)+i.duration)/a.requestCount,a.latencies.push(i.duration);let s=[...a.latencies].sort((e,t)=>e-t);a.p50Latency=sa(s,50),a.p99Latency=sa(s,99)}}}if(i.kind===`SERVER`){let t=i.parentSpanId?e.get(i.parentSpanId):null;if(t&&t.kind===`CLIENT`){let e=oa(t,r.service);if(e!==a){let t=`${e}->${a}`;if(!n.has(t)){let r=[i.duration];n.set(t,{id:t,source:e,target:a,requestCount:1,errorCount:+(i.status.code===`ERROR`),avgLatency:i.duration,p50Latency:i.duration,p99Latency:i.duration,latencies:r})}}}}}}return{nodes:[...t.values()].map(e=>({...e,minLatency:e.minLatency===1/0?0:e.minLatency})),connections:[...n.values()]}}function la(e,t,n,r){let i=new Map;if(e.length===0)return i;if(e.length===1)return i.set(e[0].id,{x:n/2,y:r/2}),i;let a=n/2,o=r/2,s=Math.min(n,r)*.35;for(let[t,n]of e.entries()){let r=2*Math.PI*t/e.length-Math.PI/2;i.set(n.id,{x:a+s*Math.cos(r),y:o+s*Math.sin(r)})}return i}function ua(){let e=Mt.value,[t,n]=R(null),[r,i]=R(null),{nodes:a,connections:o}=B(()=>ca(e),[e]),s=B(()=>la(a,o,600,400),[a,o,600,400]),c=t?a.find(e=>e.id===t):null,l=t?o.filter(e=>e.source===t||e.target===t):[];return e.length===0?K(`div`,{className:`flex flex-col items-center justify-center h-full text-gray-500 p-8`,children:[K(Jr,{size:48,className:`mb-4 opacity-50`}),K(`p`,{className:`text-sm text-center`,children:[`No traces available to build service map.`,K(`br`,{}),`Traces will appear here as they are captured.`]})]}):a.length===0?K(`div`,{className:`flex flex-col items-center justify-center h-full text-gray-500 p-8`,children:[K(yi,{size:48,className:`mb-4 opacity-50`}),K(`p`,{className:`text-sm text-center`,children:[`No services detected in traces.`,K(`br`,{}),`Service information is extracted from span attributes.`]})]}):K(`div`,{className:`flex flex-col h-full`,children:[K(`div`,{className:`px-4 py-3 border-b border-gray-200 flex items-center justify-between`,children:[K(`h3`,{className:`text-sm font-semibold flex items-center gap-2 text-gray-900`,children:[K(Jr,{size:16}),`Service Map (`,a.length,` services)`]}),K(`div`,{className:`text-xs text-gray-500`,children:[o.length,` connections`]})]}),K(`div`,{className:`flex-1 overflow-hidden flex`,children:[K(`div`,{className:`flex-1 overflow-auto p-4`,children:K(`svg`,{viewBox:`0 0 600 400`,className:`w-full h-full`,style:{minHeight:`300px`},children:[o.map(e=>{let n=s.get(e.source),r=s.get(e.target);if(!n||!r)return null;let i=t===e.source||t===e.target,a=e.errorCount>0,o=(n.x+r.x)/2,c=(n.y+r.y)/2,l=r.x-n.x,u=r.y-n.y,d=o-u/Math.hypot(l,u)*20,f=c+l/Math.hypot(l,u)*20;return K(`g`,{children:[K(`path`,{d:`M ${n.x} ${n.y} Q ${d} ${f} ${r.x} ${r.y}`,fill:`none`,stroke:a?`#ef4444`:`#94a3b8`,strokeWidth:i?3:2,strokeOpacity:t&&!i?.2:1,markerEnd:`url(#arrowhead)`}),i&&K(`text`,{x:d,y:f-8,textAnchor:`middle`,className:`text-[10px] fill-gray-600`,children:[e.requestCount,` calls · p50: `,Math.round(e.p50Latency),`ms`]})]},e.id)}),K(`defs`,{children:K(`marker`,{id:`arrowhead`,markerWidth:`10`,markerHeight:`7`,refX:`9`,refY:`3.5`,orient:`auto`,children:K(`polygon`,{points:`0 0, 10 3.5, 0 7`,fill:`#94a3b8`})})}),a.map(e=>{let a=s.get(e.id);if(!a)return null;let o=t===e.id,c=r===e.id,u=e.errorCount>0;return e.requestCount>0&&e.errorCount/e.requestCount*100,K(`g`,{transform:`translate(${a.x}, ${a.y})`,onClick:()=>n(o?null:e.id),onMouseEnter:()=>i(e.id),onMouseLeave:()=>i(null),className:`cursor-pointer`,children:[K(`circle`,{r:40,fill:o||c?`#f1f5f9`:`#ffffff`,stroke:u?`#ef4444`:`#3b82f6`,strokeWidth:o?3:2,opacity:t&&!o&&!l.some(t=>t.source===e.id||t.target===e.id)?.3:1}),u&&K(`circle`,{cx:40*.6,cy:-40*.6,r:8,fill:`#ef4444`}),K(`g`,{transform:`translate(-8, -20)`,children:K(yi,{size:16,className:`text-gray-500`})}),K(`text`,{textAnchor:`middle`,y:5,className:`text-xs font-medium fill-gray-900`,children:e.name.length>12?e.name.slice(0,10)+`...`:e.name}),K(`text`,{textAnchor:`middle`,y:20,className:`text-[10px] fill-gray-500`,children:[e.requestCount,` req`]})]},e.id)})]})}),c&&K(`div`,{className:`w-64 border-l border-gray-200 bg-gray-50 overflow-auto`,children:K(`div`,{className:`p-4`,children:[K(`div`,{className:`flex items-center justify-between mb-4`,children:[K(`h4`,{className:`font-semibold text-gray-900`,children:c.name}),K(`button`,{onClick:()=>n(null),className:`text-gray-400 hover:text-gray-600`,children:`×`})]}),K(`div`,{className:`space-y-3`,children:[K(da,{label:`Requests`,value:c.requestCount.toString()}),K(da,{label:`Errors`,value:c.errorCount.toString(),isError:c.errorCount>0}),K(da,{label:`Error Rate`,value:`${(c.errorCount/c.requestCount*100).toFixed(1)}%`,isError:c.errorCount>0}),K(da,{label:`Avg Latency`,value:q(c.avgLatency)}),K(da,{label:`Min Latency`,value:q(c.minLatency)}),K(da,{label:`Max Latency`,value:q(c.maxLatency)})]}),l.length>0&&K(`div`,{className:`mt-4 pt-4 border-t border-gray-200`,children:[K(`h5`,{className:`text-xs font-medium text-gray-700 mb-2`,children:`Connections`}),K(`div`,{className:`space-y-2`,children:l.map(e=>K(`div`,{className:`text-xs p-2 bg-white rounded border border-gray-200`,children:[K(`div`,{className:`flex items-center gap-1 text-gray-700`,children:[K(`span`,{className:`font-medium`,children:e.source===t?e.target:e.source}),e.source===t?K(Yr,{size:10}):K(Yr,{size:10,className:`rotate-180`})]}),K(`div`,{className:`flex items-center gap-2 mt-1 text-gray-500`,children:[K(`span`,{children:[e.requestCount,` req`]}),e.errorCount>0&&K(`span`,{className:`text-red-600`,children:[e.errorCount,` err`]}),K(`span`,{children:q(e.avgLatency)})]})]},e.id))})]})]})})]}),K(`div`,{className:`flex items-center gap-4 px-4 py-2 border-t border-gray-200 bg-gray-50 text-xs`,children:[K(`div`,{className:`flex items-center gap-1`,children:[K(`div`,{className:`w-4 h-4 rounded-full border-2 border-blue-500 bg-white`}),K(`span`,{className:`text-gray-600`,children:`Healthy`})]}),K(`div`,{className:`flex items-center gap-1`,children:[K(`div`,{className:`w-4 h-4 rounded-full border-2 border-red-500 bg-white`}),K(`span`,{className:`text-gray-600`,children:`Has Errors`})]}),K(`div`,{className:`flex items-center gap-1`,children:[K(`div`,{className:`w-6 h-0.5 bg-gray-400`}),K(`span`,{className:`text-gray-600`,children:`Connection`})]})]})]})}function da({label:e,value:t,isError:n}){return K(`div`,{className:`flex justify-between text-xs`,children:[K(`span`,{className:`text-gray-500`,children:e}),K(`span`,{className:Q(`font-medium`,n?`text-red-600`:`text-gray-900`),children:t})]})}function fa(){let e=Vt.value;return K(`div`,{className:`flex flex-col h-full p-4`,children:[K(`div`,{className:`flex items-center justify-between mb-4 pb-3 border-b border-gray-200`,children:K(`h3`,{className:`text-sm font-semibold flex items-center gap-2 text-gray-900`,children:[K(Qr,{size:16}),`Metrics`]})}),K(`div`,{className:`flex-1 overflow-auto space-y-4`,children:e.events.length===0&&e.funnels.length===0&&e.outcomes.length===0&&e.values.length===0?K(`div`,{className:`text-center text-gray-500 text-sm py-12`,children:`No metrics yet. Waiting for data...`}):K(w,{children:[e.events.length>0&&K(pa,{title:`Events`,icon:K(Qr,{size:16}),metrics:e.events}),e.funnels.length>0&&K(pa,{title:`Funnels`,icon:K(Si,{size:16}),metrics:e.funnels}),e.outcomes.length>0&&K(pa,{title:`Outcomes`,icon:K(xi,{size:16}),metrics:e.outcomes}),e.values.length>0&&K(pa,{title:`Values`,icon:K(si,{size:16}),metrics:e.values})]})})]})}function pa({title:e,icon:t,metrics:n}){return K(`div`,{className:`border border-gray-200 rounded-md p-4 bg-white`,children:[K(`h4`,{className:`text-sm font-semibold flex items-center gap-2 mb-3 text-gray-900`,children:[t,e,` (`,n.length,`)`]}),K(`div`,{className:`space-y-2`,children:[n.slice(0,10).map((e,t)=>K(ma,{metric:e},t)),n.length>10&&K(`div`,{className:`text-xs text-gray-500 text-center pt-2 border-t border-gray-200`,children:[`+`,n.length-10,` more`]})]})]})}function ma({metric:e}){return K(`div`,{className:`flex items-center justify-between gap-3 p-3 bg-gray-50 rounded-md text-sm border border-gray-200`,children:[K(`div`,{className:`flex-1 min-w-0`,children:[K(`div`,{className:`font-medium truncate text-gray-900`,children:e.name}),Object.keys(e.attributes).length>0&&K(`div`,{className:`text-xs text-gray-600 mt-1.5 flex flex-wrap gap-2`,children:Object.entries(e.attributes).slice(0,3).map(([e,t])=>K(`span`,{className:`font-mono`,children:[e,`: `,String(t)]},e))})]}),K(`div`,{className:`text-right flex-shrink-0`,children:[e.value!==void 0&&K(`div`,{className:`font-semibold text-blue-600 text-sm`,children:un(e.value)}),K(`div`,{className:`text-xs text-gray-500 mt-1`,children:ln(e.timestamp)})]})]})}function ha(){let[e,t]=R(`recent`),[n,r]=R(null),i=e===`recent`?Wt.value:Gt.value,a=Kt.value,o=qt.value,s=e=>{r(n===e?null:e)},c=e=>{Qt(e),Zt(`traces`)};return K(`div`,{className:`flex flex-col h-full p-4`,children:[K(`div`,{className:`flex items-center justify-between mb-4 pb-3 border-b border-zinc-200`,children:[K(`h3`,{className:`text-sm font-semibold flex items-center gap-2 text-zinc-900`,children:[K(Ci,{size:16,className:`text-red-500`}),`Errors`,a>0&&K(`span`,{className:`ml-1 px-2 py-0.5 text-xs font-medium bg-red-100 text-red-700 rounded-full`,children:a})]}),K(`div`,{className:`flex items-center gap-2`,children:K(`select`,{className:`text-xs border border-zinc-200 rounded px-2 py-1 bg-white text-zinc-700`,value:e,onChange:e=>t(e.target.value),children:[K(`option`,{value:`recent`,children:`Most Recent`}),K(`option`,{value:`frequent`,children:`Most Frequent`})]})})]}),a>0&&K(`div`,{className:`flex gap-4 mb-4 p-3 bg-zinc-50 rounded-md border border-zinc-200`,children:[K(`div`,{className:`text-sm`,children:[K(`span`,{className:`text-zinc-600`,children:`Groups:`}),` `,K(`span`,{className:`font-semibold text-zinc-900`,children:i.length})]}),K(`div`,{className:`text-sm`,children:[K(`span`,{className:`text-zinc-600`,children:`Total:`}),` `,K(`span`,{className:`font-semibold text-zinc-900`,children:a})]}),K(`div`,{className:`text-sm`,children:[K(`span`,{className:`text-zinc-600`,children:`Last hour:`}),` `,K(`span`,{className:`font-semibold text-red-600`,children:o})]})]}),K(`div`,{className:`flex-1 overflow-auto space-y-2`,children:i.length===0?K(`div`,{className:`flex flex-col items-center justify-center h-full text-zinc-500 py-12`,children:[K(Ci,{size:32,className:`mb-2 text-zinc-400`}),K(`p`,{className:`text-sm`,children:`No errors captured`}),K(`p`,{className:`text-xs text-zinc-400 mt-1`,children:`Errors from failed traces will appear here`})]}):i.map(e=>K(ga,{group:e,isExpanded:n===e.fingerprint,onToggle:()=>s(e.fingerprint),onViewTrace:c},e.fingerprint))})]})}function ga({group:e,isExpanded:t,onToggle:n,onViewTrace:r}){let i=Date.now()-e.firstSeen,a=Date.now()-e.lastSeen;return K(`div`,{className:`border border-zinc-200 rounded-md bg-white overflow-hidden`,children:[K(`button`,{onClick:n,className:`w-full p-3 flex items-start gap-3 hover:bg-zinc-50 transition-colors text-left`,children:[K(`div`,{className:`mt-0.5`,children:K(t?ei:ni,{size:16,className:`text-zinc-400`})}),K(`div`,{className:`flex-1 min-w-0`,children:[K(`div`,{className:`flex items-center gap-2 mb-1`,children:[K(`span`,{className:`text-sm font-semibold text-red-600`,children:e.type}),K(`span`,{className:`px-1.5 py-0.5 text-xs font-medium bg-red-100 text-red-700 rounded`,children:[e.count,`x`]}),e.service&&K(`span`,{className:`px-1.5 py-0.5 text-xs font-medium bg-zinc-100 text-zinc-600 rounded`,children:e.service})]}),K(`p`,{className:`text-sm text-zinc-700 truncate mb-2`,children:e.message}),K(`div`,{className:`flex items-center gap-4 text-xs text-zinc-500`,children:[K(`span`,{className:`flex items-center gap-1`,children:[K(ii,{size:12}),`First: `,_a(i)]}),K(`span`,{className:`flex items-center gap-1`,children:[K(ii,{size:12}),`Last: `,_a(a)]})]})]})]}),t&&K(`div`,{className:`border-t border-zinc-200 p-3 bg-zinc-50 space-y-3`,children:[e.stackTrace&&K(`div`,{children:[K(`h5`,{className:`text-xs font-semibold text-zinc-700 mb-1.5`,children:`Stack Trace`}),K(`pre`,{className:`text-xs font-mono bg-zinc-900 text-zinc-100 p-2 rounded overflow-x-auto whitespace-pre-wrap`,children:e.stackTrace})]}),e.affectedSpans.length>0&&K(`div`,{children:[K(`h5`,{className:`text-xs font-semibold text-zinc-700 mb-1.5`,children:`Affected Operations`}),K(`div`,{className:`flex flex-wrap gap-1`,children:e.affectedSpans.map((e,t)=>K(`span`,{className:`px-2 py-0.5 text-xs font-mono bg-zinc-200 text-zinc-700 rounded`,children:e},t))})]}),e.affectedTraces.length>0&&K(`div`,{children:[K(`h5`,{className:`text-xs font-semibold text-zinc-700 mb-1.5`,children:`Recent Traces`}),K(`div`,{className:`space-y-1`,children:e.affectedTraces.slice(0,5).map(e=>K(`button`,{onClick:()=>r(e),className:`flex items-center gap-1 text-xs text-zinc-600 hover:text-zinc-900 font-mono`,children:[K(fi,{size:10}),e.slice(0,16),`...`,K(li,{size:10})]},e))})]}),e.attributes&&Object.keys(e.attributes).length>0&&K(`div`,{children:[K(`h5`,{className:`text-xs font-semibold text-zinc-700 mb-1.5`,children:`Context`}),K(`div`,{className:`text-xs space-y-0.5`,children:Object.entries(e.attributes).map(([e,t])=>K(`div`,{className:`flex gap-2`,children:[K(`span`,{className:`text-zinc-500`,children:[e,`:`]}),K(`span`,{className:`font-mono text-zinc-700`,children:String(t)})]},e))})]}),K(`div`,{className:`text-xs text-zinc-500 pt-2 border-t border-zinc-200`,children:K(`div`,{className:`flex gap-4`,children:[K(`span`,{children:[`First seen: `,ln(e.firstSeen)]}),K(`span`,{children:[`Last seen: `,ln(e.lastSeen)]})]})})]})]})}function _a(e){let t=Math.floor(e/1e3);if(t<60)return`${t}s ago`;let n=Math.floor(t/60);if(n<60)return`${n}m ago`;let r=Math.floor(n/60);return r<24?`${r}h ago`:`${Math.floor(r/24)}d ago`}function va(e,t){let n=(e??``).toUpperCase();return n===`ERROR`||t!==void 0&&t>=17?`text-red-700 bg-red-50 border-red-200`:n===`WARN`||n===`WARNING`||t!==void 0&&t>=13?`text-amber-700 bg-amber-50 border-amber-200`:n===`INFO`||t!==void 0&&t>=9?`text-zinc-700 bg-zinc-50 border-zinc-200`:n===`DEBUG`?`text-zinc-600 bg-zinc-50 border-zinc-200`:`text-zinc-700 bg-zinc-50 border-zinc-200`}function ya(e){if(typeof e==`string`)return e;try{return JSON.stringify(e)}catch{return String(e)}}function ba(){let e=Ht.value;return K(`div`,{className:`flex flex-col h-full p-4`,children:[K(`div`,{className:`flex items-center justify-between mb-4 pb-3 border-b border-zinc-200`,children:K(`h3`,{className:`text-sm font-semibold flex items-center gap-2 text-zinc-900`,children:[K(ui,{size:16}),`Logs (`,e.length,`)`]})}),K(`div`,{className:`flex-1 overflow-auto space-y-2`,children:e.length===0?K(`div`,{className:`text-center text-zinc-500 text-sm py-12`,children:`No logs yet. Send logs via AutotelLogExporter or POST /ingest/logs.`}):e.map(e=>K(xa,{log:e},e.id))})]})}function xa({log:e}){let t=va(e.severityText,e.severityNumber),n=ya(e.body);return K(`div`,{className:Q(`p-3 rounded-md border text-sm`,t),children:[K(`div`,{className:`flex items-start justify-between gap-2 mb-1`,children:[K(`span`,{className:`font-medium text-xs uppercase`,children:e.severityText??`LOG`}),K(`span`,{className:`text-xs text-zinc-500 flex-shrink-0`,children:ln(e.timestamp)})]}),K(`div`,{className:`font-mono text-xs break-words mb-2`,children:n}),e.traceId&&K(`button`,{type:`button`,onClick:()=>{e.traceId&&(Qt(e.traceId),Zt(`traces`))},className:`inline-flex items-center gap-1 text-xs text-zinc-600 hover:underline`,children:[K(gi,{size:12}),`Go to trace`]})]})}function Sa(){let e=z(null),t=z(!1),n=z(!1),r=z({x:0,y:0}),i=z({x:100,y:100}),a=Tt.value,o=kt.value,s=jt.value;if(!a)return null;let c=Kt.value,l=[{id:`traces`,label:`Traces`,icon:oi},{id:`service-map`,label:`Services`,icon:_i},{id:`metrics`,label:`Metrics`,icon:Qr},{id:`logs`,label:`Logs`,icon:ui},{id:`errors`,label:`Errors`,icon:Ci,badge:c>0?c:void 0}],u=n=>{if(n.target.closest(`button`))return;t.current=!0;let i=e.current?.getBoundingClientRect();i&&(r.current={x:n.clientX-i.left,y:n.clientY-i.top})},d=a=>{if(t.current){let t=pn(a.clientX-r.current.x,0,window.innerWidth-s.width),n=pn(a.clientY-r.current.y,0,window.innerHeight-s.height);i.current={x:t,y:n},e.current&&(e.current.style.left=`${t}px`,e.current.style.top=`${n}px`)}n.current&&tn(pn(a.clientX-i.current.x,400,window.innerWidth-i.current.x),pn(a.clientY-i.current.y,300,window.innerHeight-i.current.y))},f=()=>{t.current=!1,n.current=!1};return De(()=>(document.addEventListener(`pointermove`,d),document.addEventListener(`pointerup`,f),()=>{document.removeEventListener(`pointermove`,d),document.removeEventListener(`pointerup`,f)}),[s]),De(()=>{if(a&&e.current){let t=(window.innerWidth-s.width)/2,n=(window.innerHeight-s.height)/2;i.current={x:t,y:n},e.current.style.left=`${t}px`,e.current.style.top=`${n}px`}},[a]),K(w,{children:[K(`div`,{className:Q(`fixed inset-0 z-[999]`,`bg-black/20 backdrop-blur-sm`,`animate-fade-in`),onClick:Xt}),K(`div`,{ref:e,className:Q(`fixed z-[1000]`,`bg-white border border-zinc-200 rounded-lg`,`shadow-2xl`,`flex flex-col`,`animate-fade-in`),style:{width:`${s.width}px`,height:`${s.height}px`,left:`${i.current.x}px`,top:`${i.current.y}px`},children:[K(`button`,{onClick:Xt,className:Q(`absolute top-2 right-2 z-10`,`p-1.5 rounded-md`,`bg-white border border-zinc-300 shadow-sm`,`text-zinc-500 hover:text-zinc-700 hover:bg-zinc-50`,`transition-colors`),title:`Close`,children:K(wi,{size:16})}),K(`div`,{className:Q(`flex items-center px-4 pt-3 pb-0`,`border-b border-zinc-200`,`cursor-grab`),onPointerDown:u,children:K(`div`,{className:`flex gap-6`,children:l.map(e=>{let t=e.icon,n=o===e.id;return K(`button`,{onClick:()=>Zt(e.id),className:Q(`text-sm font-medium pb-3 transition-colors relative cursor-pointer`,`flex items-center gap-2`,n?`text-zinc-900`:`text-zinc-500 hover:text-zinc-700`),children:[K(t,{size:16,className:e.id===`errors`&&e.badge?`text-red-500`:void 0}),e.label,e.badge&&K(`span`,{className:`px-1.5 py-0.5 text-xs font-medium bg-red-100 text-red-700 rounded-full`,children:e.badge>99?`99+`:e.badge}),n&&K(`div`,{className:`absolute bottom-0 left-0 right-0 h-0.5 bg-zinc-900`})]},e.id)})})}),K(`div`,{className:`flex-1 overflow-y-auto`,children:(()=>{switch(o){case`traces`:return K(ta,{});case`service-map`:return K(ua,{});case`metrics`:return K(fa,{});case`logs`:return K(ba,{});case`errors`:return K(ha,{});default:return null}})()}),K(`div`,{className:Q(`absolute bottom-0 right-0 w-4 h-4 cursor-nwse-resize`,`touch-none select-none`),onPointerDown:e=>{e.stopPropagation(),n.current=!0},children:K(`div`,{className:`absolute bottom-1 right-1 w-3 h-3 border-r-2 border-b-2 border-zinc-400`})})]})]})}var Ca=[`service`,`database`,`cache`,`messaging`,`external`,`unknown`];function wa(e){switch(e){case`healthy`:return`bg-green-50 text-green-700 border-green-200`;case`degraded`:return`bg-amber-50 text-amber-700 border-amber-200`;case`unhealthy`:return`bg-red-50 text-red-700 border-red-200`;default:return`bg-gray-50 text-gray-600 border-gray-200`}}function Ta(){let e=Ut.value,[t,n]=R(``),[r,i]=R(`all`),a=B(()=>{let n=t.trim().toLowerCase();return e.filter(e=>{let t=r===`all`||e.type===r,i=n.length===0||e.name.toLowerCase().includes(n);return t&&i})},[e,t,r]);return K(`div`,{className:`flex flex-col h-full p-4`,children:[K(`div`,{className:`flex flex-col gap-3 mb-4 pb-3 border-b border-gray-200`,children:[K(`div`,{className:`flex items-center justify-between gap-2`,children:K(`h3`,{className:`text-sm font-semibold flex items-center gap-2 text-gray-900`,children:[K(Xr,{size:16}),`Resources (`,e.length,`)`]})}),K(`div`,{className:`flex flex-wrap gap-2`,children:[K(`input`,{type:`search`,value:t,onInput:e=>n(e.currentTarget.value),placeholder:`Filter resources`,className:`px-3 py-2 text-xs border border-gray-300 rounded-md min-w-[180px]`}),K(`select`,{value:r,onChange:e=>i(e.currentTarget.value),className:`px-3 py-2 text-xs border border-gray-300 rounded-md bg-white`,children:[K(`option`,{value:`all`,children:`All types`}),Ca.map(e=>K(`option`,{value:e,children:e},e))]})]})]}),K(`div`,{className:`flex-1 overflow-auto`,children:a.length===0?K(`div`,{className:`text-center text-gray-500 text-sm py-12`,children:`No resources derived yet. Send traces or logs with resource metadata.`}):K(`div`,{className:`space-y-2`,children:a.map(e=>K(Ea,{resource:e},e.name))})})]})}function Ea({resource:e}){return K(`div`,{className:`border border-gray-200 rounded-md p-3 bg-white`,children:[K(`div`,{className:`flex items-start justify-between gap-2 mb-2`,children:[K(`div`,{children:[K(`div`,{className:`text-sm font-medium text-gray-900`,children:e.name}),K(`div`,{className:`text-xs text-gray-500 uppercase tracking-wide`,children:e.type})]}),K(`span`,{className:Q(`px-2 py-1 rounded border text-[11px] font-medium capitalize`,wa(e.health)),children:e.health})]}),K(`div`,{className:`grid grid-cols-2 gap-2 text-xs text-gray-600 sm:grid-cols-5`,children:[K(Da,{label:`Requests`,value:e.requestCount}),K(Da,{label:`Errors`,value:e.errorCount}),K(Da,{label:`Traces`,value:e.traceCount}),K(Da,{label:`Logs`,value:e.logCount}),K(Da,{label:`Last Seen`,value:e.lastSeen?ln(e.lastSeen):`n/a`})]})]})}function Da({label:e,value:t}){return K(`div`,{children:[K(`div`,{className:`text-[11px] uppercase tracking-wide text-gray-400`,children:e}),K(`div`,{className:`text-sm text-gray-800`,children:t})]})}var Oa=[{id:`traces`,label:`Traces`,icon:oi},{id:`resources`,label:`Resources`,icon:Xr},{id:`service-map`,label:`Service Map`,icon:_i},{id:`metrics`,label:`Metrics`,icon:Qr},{id:`logs`,label:`Logs`,icon:ui},{id:`errors`,label:`Errors`,icon:Ci}];function ka({orientation:e=`horizontal`}){let t=kt.value;return K(`nav`,{className:Q(`flex gap-1 p-1`,e===`vertical`?`flex-col w-48 border-r border-zinc-200`:`border-b border-zinc-200 overflow-x-auto`),children:Oa.map(({id:e,label:n,icon:r})=>K(`button`,{onClick:()=>Zt(e),className:Q(`flex items-center gap-2 px-3 py-2 text-xs font-medium rounded transition-colors whitespace-nowrap`,t===e?`bg-zinc-900 text-zinc-50`:`text-zinc-500 hover:bg-zinc-100 hover:text-zinc-900`),children:[K(r,{size:14}),n]},e))})}function Aa(){switch(kt.value){case`traces`:return K(ta,{});case`resources`:return K(Ta,{});case`service-map`:return K(ua,{});case`metrics`:return K(fa,{});case`logs`:return K(ba,{});case`errors`:return K(ha,{});default:return K(ta,{})}}function ja(){return K(`div`,{className:`flex h-screen w-screen bg-white text-gray-900`,children:[K(`div`,{className:`hidden md:flex`,children:K(ka,{orientation:`vertical`})}),K(`div`,{className:`flex-1 flex flex-col min-w-0`,children:[K(`div`,{className:`md:hidden`,children:K(ka,{orientation:`horizontal`})}),K(`div`,{className:`flex-1 overflow-hidden`,children:K(Aa,{})})]})]})}var Ma=null;function Na({mode:e,wsUrl:t}){return De(()=>{an(),Ma=new Be(t),Lt.value=`connecting`,Ma.connect().then(e=>{Lt.value=e?`connected`:`disconnected`});let e=Ma.onMessage(e=>{Yt(e),Lt.value=`connected`});return()=>{e(),Ma?.disconnect(),Ma=null}},[t]),e===`fullpage`?K(ja,{}):K(w,{children:[K(Rr,{}),K(Sa,{})]})}function Pa(e,t){return pe(S(Na,t),e),()=>pe(null,e)}var Fa=`/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
|
|
2
|
-
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:"JetBrains Mono", ui-monospace, monospace;--font-mono:"JetBrains Mono", ui-monospace, monospace;--color-red-50:#fef2f2;--color-red-100:#ffe2e2;--color-red-200:#ffcaca;--color-red-300:#ffa3a3;--color-red-400:#ff6568;--color-red-500:#fb2c36;--color-red-600:#e40014;--color-red-700:#bf000f;--color-orange-400:#ff8b1a;--color-orange-500:#fe6e00;--color-amber-50:#fffbeb;--color-amber-200:#fee685;--color-amber-700:#b75000;--color-yellow-100:#fef9c2;--color-yellow-500:#edb200;--color-yellow-600:#cd8900;--color-green-50:#f0fdf4;--color-green-100:#dcfce7;--color-green-200:#b9f8cf;--color-green-400:#05df72;--color-green-500:#00c758;--color-green-600:#00a544;--color-green-700:#008138;--color-cyan-100:#cefafe;--color-cyan-500:#00b7d7;--color-cyan-600:#0092b5;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-400:#54a2ff;--color-blue-500:#3080ff;--color-blue-600:#155dfc;--color-purple-100:#f3e8ff;--color-purple-400:#c07eff;--color-purple-500:#ac4bff;--color-purple-600:#9810fa;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5dc;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--color-gray-600:#4a5565;--color-gray-700:#364153;--color-gray-800:#1e2939;--color-gray-900:#101828;--color-zinc-50:#fafafa;--color-zinc-100:#f4f4f5;--color-zinc-200:#e4e4e7;--color-zinc-300:#d4d4d8;--color-zinc-400:#9f9fa9;--color-zinc-500:#71717b;--color-zinc-600:#52525c;--color-zinc-700:#3f3f46;--color-zinc-800:#27272a;--color-zinc-900:#18181b;--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:color(display-p3 0 0 0)){:root,:host{--color-red-50:color(display-p3 .988669 .951204 .950419);--color-red-100:color(display-p3 .980386 .889727 .887779);--color-red-200:color(display-p3 .969562 .798149 .794299);--color-red-300:color(display-p3 .956922 .651886 .645122);--color-red-400:color(display-p3 .933534 .431676 .423491);--color-red-500:color(display-p3 .903738 .262579 .253307);--color-red-600:color(display-p3 .830323 .140383 .133196);--color-red-700:color(display-p3 .692737 .116232 .104679);--color-orange-400:color(display-p3 .950192 .561807 .211017);--color-orange-500:color(display-p3 .946589 .449788 .0757345);--color-amber-50:color(display-p3 .997804 .985047 .926312);--color-amber-200:color(display-p3 .979824 .904554 .57325);--color-amber-700:color(display-p3 .67989 .32771 .0520514);--color-yellow-100:color(display-p3 .993436 .977463 .782913);--color-yellow-500:color(display-p3 .903651 .703062 .0745389);--color-yellow-600:color(display-p3 .776342 .542492 .041709);--color-green-50:color(display-p3 .950677 .990571 .959366);--color-green-100:color(display-p3 .885269 .984329 .910368);--color-green-200:color(display-p3 .776442 .964383 .823412);--color-green-400:color(display-p3 .399536 .862346 .49324);--color-green-500:color(display-p3 .308734 .774754 .374307);--color-green-600:color(display-p3 .243882 .640824 .294808);--color-green-700:color(display-p3 .198355 .501799 .245335);--color-cyan-100:color(display-p3 .843085 .97553 .992573);--color-cyan-500:color(display-p3 .246703 .710032 .841444);--color-cyan-600:color(display-p3 .193249 .564651 .707197);--color-blue-50:color(display-p3 .941826 .963151 .995385);--color-blue-100:color(display-p3 .869214 .915931 .989622);--color-blue-400:color(display-p3 .397443 .62813 .992116);--color-blue-500:color(display-p3 .266422 .491219 .988624);--color-blue-600:color(display-p3 .174493 .358974 .950247);--color-purple-100:color(display-p3 .945034 .910569 .992972);--color-purple-400:color(display-p3 .719919 .492497 .995173);--color-purple-500:color(display-p3 .629519 .30089 .990817);--color-purple-600:color(display-p3 .546729 .130167 .94439);--color-gray-50:color(display-p3 .977213 .98084 .985102);--color-gray-100:color(display-p3 .953567 .956796 .964321);--color-gray-200:color(display-p3 .899787 .906171 .92106);--color-gray-300:color(display-p3 .822033 .835264 .858521);--color-gray-400:color(display-p3 .605734 .630385 .680158);--color-gray-500:color(display-p3 .421287 .446085 .504784);--color-gray-600:color(display-p3 .297358 .332176 .39043);--color-gray-700:color(display-p3 .219968 .253721 .318679);--color-gray-800:color(display-p3 .125854 .159497 .216835);--color-gray-900:color(display-p3 .070423 .0928982 .151928);--color-zinc-50:color(display-p3 .980256 .980256 .980256);--color-zinc-100:color(display-p3 .956385 .956385 .959079);--color-zinc-200:color(display-p3 .894477 .894477 .905114);--color-zinc-300:color(display-p3 .831087 .831083 .846819);--color-zinc-400:color(display-p3 .622604 .622563 .659842);--color-zinc-500:color(display-p3 .442983 .442931 .480324);--color-zinc-600:color(display-p3 .321166 .321093 .358668);--color-zinc-700:color(display-p3 .246478 .246448 .273934);--color-zinc-800:color(display-p3 .152895 .152887 .16466);--color-zinc-900:color(display-p3 .0937957 .093793 .104806)}}@supports (color:lab(0% 0 0)){:root,:host{--color-red-50:lab(96.5005% 4.18508 1.52328);--color-red-100:lab(92.243% 10.2865 3.83865);--color-red-200:lab(86.017% 19.8815 7.75869);--color-red-300:lab(76.5514% 36.422 15.5335);--color-red-400:lab(63.7053% 60.745 31.3109);--color-red-500:lab(55.4814% 75.0732 48.8528);--color-red-600:lab(48.4493% 77.4328 61.5452);--color-red-700:lab(40.4273% 67.2623 53.7441);--color-orange-400:lab(70.0429% 42.5156 75.8207);--color-orange-500:lab(64.272% 57.1788 90.3583);--color-amber-50:lab(98.6252% -.635922 8.42309);--color-amber-200:lab(91.7203% -.505269 49.9084);--color-amber-700:lab(47.2709% 42.9082 69.2966);--color-yellow-100:lab(97.3564% -4.51407 27.344);--color-yellow-500:lab(76.3898% 14.5258 98.4589);--color-yellow-600:lab(62.7799% 22.4197 86.1544);--color-green-50:lab(98.1563% -5.60117 2.75915);--color-green-100:lab(96.1861% -13.8464 6.52365);--color-green-200:lab(92.4222% -26.4702 12.9427);--color-green-400:lab(78.503% -64.9265 39.7492);--color-green-500:lab(70.5521% -66.5147 45.8073);--color-green-600:lab(59.0978% -58.6621 41.2579);--color-green-700:lab(47.0329% -47.0239 31.4788);--color-cyan-100:lab(95.3146% -13.8285 -6.84732);--color-cyan-500:lab(67.805% -35.3952 -30.2018);--color-cyan-600:lab(55.1767% -26.7496 -30.5139);--color-blue-50:lab(96.492% -1.14644 -5.11479);--color-blue-100:lab(92.0301% -2.24757 -11.6453);--color-blue-400:lab(65.0361% -1.42065 -56.9802);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-purple-100:lab(93.3333% 6.97437 -9.83434);--color-purple-400:lab(63.6946% 47.6127 -59.2066);--color-purple-500:lab(52.0183% 66.11 -78.2316);--color-purple-600:lab(43.0295% 75.21 -86.5669);--color-gray-50:lab(98.2596% -.247031 -.706708);--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-gray-200:lab(91.6229% -.159115 -2.26791);--color-gray-300:lab(85.1236% -.612259 -3.7138);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-500:lab(47.7841% -.393182 -10.0268);--color-gray-600:lab(35.6337% -1.58697 -10.8425);--color-gray-700:lab(27.1134% -.956401 -12.3224);--color-gray-800:lab(16.1051% -1.18239 -11.7533);--color-gray-900:lab(8.11897% .811279 -12.254);--color-zinc-50:lab(98.26% 0 0);--color-zinc-100:lab(96.1634% .0993311 -.364041);--color-zinc-200:lab(90.6853% .399232 -1.45452);--color-zinc-300:lab(84.9837% .601262 -2.17986);--color-zinc-400:lab(65.6464% 1.53497 -5.42429);--color-zinc-500:lab(47.8878% 1.65477 -5.77283);--color-zinc-600:lab(35.1166% 1.78212 -6.1173);--color-zinc-700:lab(26.8019% 1.35387 -4.68303);--color-zinc-800:lab(15.7305% .613764 -2.16959);--color-zinc-900:lab(8.30603% .618205 -2.16572)}}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::-webkit-file-upload-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::-webkit-file-upload-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:-webkit-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:-webkit-any([multiple],[size])) optgroup option{padding-inline-start:20px}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::-webkit-file-upload-button{margin-inline-end:4px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-year-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-month-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-day-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-hour-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-minute-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-second-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-millisecond-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-meridiem-field{padding-block-start:0;padding-block-end:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button{-webkit-appearance:button;appearance:button}input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.start:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--spacing)}.start:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--spacing)}.start:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing)}.start:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing)}.end:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spacing)}.end:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spacing)}.end:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing)}.end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-1\\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.right-0{right:calc(var(--spacing) * 0)}.right-1{right:calc(var(--spacing) * 1)}.right-2{right:calc(var(--spacing) * 2)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-1{bottom:calc(var(--spacing) * 1)}.left-0{left:calc(var(--spacing) * 0)}.z-10{z-index:10}.z-50{z-index:50}.z-\\[999\\]{z-index:999}.z-\\[1000\\]{z-index:1000}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mt-0\\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-0\\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.h-0\\.5{height:calc(var(--spacing) * .5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-full{height:100%}.h-screen{height:100vh}.max-h-\\[200px\\]{max-height:200px}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-24{width:calc(var(--spacing) * 24)}.w-48{width:calc(var(--spacing) * 48)}.w-64{width:calc(var(--spacing) * 64)}.w-\\[80px\\]{width:80px}.w-\\[200px\\]{width:200px}.w-\\[320px\\]{width:320px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.max-w-\\[200px\\]{max-width:200px}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\\[180px\\]{min-width:180px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-grab{cursor:grab}.cursor-nwse-resize{cursor:nwse-resize}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-0\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-zinc-100>:not(:last-child)){border-color:var(--color-zinc-100)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-amber-200{border-color:var(--color-amber-200)}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-200{border-color:var(--color-green-200)}.border-red-200{border-color:var(--color-red-200)}.border-red-500{border-color:var(--color-red-500)}.border-white{border-color:var(--color-white)}.border-zinc-100{border-color:var(--color-zinc-100)}.border-zinc-200{border-color:var(--color-zinc-200)}.border-zinc-300{border-color:var(--color-zinc-300)}.border-zinc-400{border-color:var(--color-zinc-400)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-black\\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-black\\/20{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-400{background-color:var(--color-blue-400)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-cyan-100{background-color:var(--color-cyan-100)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-400{background-color:var(--color-green-400)}.bg-green-500{background-color:var(--color-green-500)}.bg-orange-400{background-color:var(--color-orange-400)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-400{background-color:var(--color-purple-400)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-50\\/30{background-color:#fef2f24d}@supports (color:color-mix(in lab, red, red)){.bg-red-50\\/30{background-color:color-mix(in oklab, var(--color-red-50) 30%, transparent)}}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-zinc-50{background-color:var(--color-zinc-50)}.bg-zinc-100{background-color:var(--color-zinc-100)}.bg-zinc-200{background-color:var(--color-zinc-200)}.bg-zinc-900{background-color:var(--color-zinc-900)}.fill-gray-500{fill:var(--color-gray-500)}.fill-gray-600{fill:var(--color-gray-600)}.fill-gray-900{fill:var(--color-gray-900)}.p-0\\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pl-2{padding-left:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-700{color:var(--color-amber-700)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-cyan-500{color:var(--color-cyan-500)}.text-cyan-600{color:var(--color-cyan-600)}.text-gray-50{color:var(--color-gray-50)}.text-gray-100{color:var(--color-gray-100)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-purple-500{color:var(--color-purple-500)}.text-purple-600{color:var(--color-purple-600)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-white{color:var(--color-white)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-600{color:var(--color-yellow-600)}.text-zinc-50{color:var(--color-zinc-50)}.text-zinc-100{color:var(--color-zinc-100)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-600{color:var(--color-zinc-600)}.text-zinc-700{color:var(--color-zinc-700)}.text-zinc-800{color:var(--color-zinc-800)}.text-zinc-900{color:var(--color-zinc-900)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.placeholder-gray-400::placeholder{color:var(--color-gray-400)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-gray-900{--tw-ring-color:var(--color-gray-900)}.ring-red-700{--tw-ring-color:var(--color-red-700)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\\:border-red-300:hover{border-color:var(--color-red-300)}.hover\\:border-zinc-300:hover{border-color:var(--color-zinc-300)}.hover\\:bg-blue-50\\/50:hover{background-color:#eff6ff80}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-blue-50\\/50:hover{background-color:color-mix(in oklab, var(--color-blue-50) 50%, transparent)}}.hover\\:bg-blue-100\\/50:hover{background-color:#dbeafe80}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-blue-100\\/50:hover{background-color:color-mix(in oklab, var(--color-blue-100) 50%, transparent)}}.hover\\:bg-blue-400:hover{background-color:var(--color-blue-400)}.hover\\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\\:bg-gray-400:hover{background-color:var(--color-gray-400)}.hover\\:bg-green-400:hover{background-color:var(--color-green-400)}.hover\\:bg-orange-400:hover{background-color:var(--color-orange-400)}.hover\\:bg-purple-400:hover{background-color:var(--color-purple-400)}.hover\\:bg-red-50\\/50:hover{background-color:#fef2f280}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-red-50\\/50:hover{background-color:color-mix(in oklab, var(--color-red-50) 50%, transparent)}}.hover\\:bg-red-400:hover{background-color:var(--color-red-400)}.hover\\:bg-zinc-50:hover{background-color:var(--color-zinc-50)}.hover\\:bg-zinc-100:hover{background-color:var(--color-zinc-100)}.hover\\:bg-zinc-200:hover{background-color:var(--color-zinc-200)}.hover\\:text-gray-600:hover{color:var(--color-gray-600)}.hover\\:text-zinc-700:hover{color:var(--color-zinc-700)}.hover\\:text-zinc-900:hover{color:var(--color-zinc-900)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}@media (min-width:40rem){.sm\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:48rem){.md\\:flex{display:flex}.md\\:hidden{display:none}}}*{box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a1a1aa}.waterfall-row:hover .waterfall-bar{filter:brightness(1.1)}.waterfall-bar{transition:all .15s ease-out}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}`,Ia=class extends HTMLElement{constructor(...e){super(...e),ze(this,`cleanup`,null)}connectedCallback(){let e=this.attachShadow({mode:`open`}),t=document.createElement(`link`);t.rel=`stylesheet`,t.href=`https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap`,e.appendChild(t);let n=document.createElement(`style`);n.textContent=Fa,e.appendChild(n);let r=this.getAttribute(`mode`)||`widget`,i=this.getAttribute(`ws-url`)||this.deriveWsUrl();this.cleanup=Pa(e,{mode:r,wsUrl:i})}disconnectedCallback(){this.cleanup?.(),this.cleanup=null}deriveWsUrl(){return`ws://${location.host}/ws`}};ze(Ia,`observedAttributes`,[`mode`,`ws-url`]);function La(){customElements.get(`autotel-devtools`)||customElements.define(`autotel-devtools`,Ia)}var Ra=document.currentScript;function za(){if(!Ra?.src)return{mode:`widget`,wsUrl:`ws://${location.host}/ws`};let e=new URL(Ra.src),t=e.searchParams;return{mode:t.get(`mode`)||`widget`,wsUrl:t.get(`ws`)||`ws://${e.host}/ws`,position:t.get(`position`)||void 0}}function Ba(){if(La(),document.querySelector(`autotel-devtools`))return;let{mode:e,wsUrl:t}=za(),n=document.createElement(`div`);n.id=`autotel-devtools-root`,document.body.appendChild(n);let r=n.attachShadow({mode:`open`}),i=document.createElement(`style`);i.textContent=Fa,r.appendChild(i),Pa(r,{mode:e,wsUrl:t})}return document.readyState===`loading`?document.addEventListener(`DOMContentLoaded`,Ba):Ba(),e.mountWidget=Pa,e.registerElement=La,e})({});
|
|
1
|
+
var AutotelDevtools=(function(e){Object.defineProperty(e,Symbol.toStringTag,{value:`Module`});var t,n,r,i,a,o,s,c,l,u,d,f,p,m,h,g,_={},v=[],y=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,b=Array.isArray;function x(e,t){for(var n in t)e[n]=t[n];return e}function ee(e){e&&e.parentNode&&e.parentNode.removeChild(e)}function S(e,n,r){var i,a,o,s={};for(o in n)o==`key`?i=n[o]:o==`ref`?a=n[o]:s[o]=n[o];if(arguments.length>2&&(s.children=arguments.length>3?t.call(arguments,2):r),typeof e==`function`&&e.defaultProps!=null)for(o in e.defaultProps)s[o]===void 0&&(s[o]=e.defaultProps[o]);return C(e,s,i,a,null)}function C(e,t,i,a,o){var s={type:e,props:t,key:i,ref:a,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:o??++r,__i:-1,__u:0};return o==null&&n.vnode!=null&&n.vnode(s),s}function w(e){return e.children}function te(e,t){this.props=e,this.context=t}function T(e,t){if(t==null)return e.__?T(e.__,e.__i+1):null;for(var n;t<e.__k.length;t++)if((n=e.__k[t])!=null&&n.__e!=null)return n.__e;return typeof e.type==`function`?T(e):null}function E(e){if(e.__P&&e.__d){var t=e.__v,r=t.__e,i=[],a=[],o=x({},t);o.__v=t.__v+1,n.vnode&&n.vnode(o),ce(e.__P,o,t,e.__n,e.__P.namespaceURI,32&t.__u?[r]:null,i,r??T(t),!!(32&t.__u),a),o.__v=t.__v,o.__.__k[o.__i]=o,N(i,o,a),t.__e=t.__=null,o.__e!=r&&ne(o)}}function ne(e){if((e=e.__)!=null&&e.__c!=null)return e.__e=e.__c.base=null,e.__k.some(function(t){if(t!=null&&t.__e!=null)return e.__e=e.__c.base=t.__e}),ne(e)}function D(e){(!e.__d&&(e.__d=!0)&&a.push(e)&&!O.__r++||o!=n.debounceRendering)&&((o=n.debounceRendering)||s)(O)}function O(){try{for(var e,t=1;a.length;)a.length>t&&a.sort(c),e=a.shift(),t=a.length,E(e)}finally{a.length=O.__r=0}}function k(e,t,n,r,i,a,o,s,c,l,u){var d,f,p,m,h,g,y,b=r&&r.__k||v,x=t.length;for(c=A(n,t,b,c,x),d=0;d<x;d++)(p=n.__k[d])!=null&&(f=p.__i!=-1&&b[p.__i]||_,p.__i=d,g=ce(e,p,f,i,a,o,s,c,l,u),m=p.__e,p.ref&&f.ref!=p.ref&&(f.ref&&P(f.ref,null,p),u.push(p.ref,p.__c||m,p)),h==null&&m!=null&&(h=m),(y=!!(4&p.__u))||f.__k===p.__k?(c=re(p,c,e,y),y&&f.__e&&(f.__e=null)):typeof p.type==`function`&&g!==void 0?c=g:m&&(c=m.nextSibling),p.__u&=-7);return n.__e=h,c}function A(e,t,n,r,i){var a,o,s,c,l,u=n.length,d=u,f=0;for(e.__k=Array(i),a=0;a<i;a++)(o=t[a])!=null&&typeof o!=`boolean`&&typeof o!=`function`?(typeof o==`string`||typeof o==`number`||typeof o==`bigint`||o.constructor==String?o=e.__k[a]=C(null,o,null,null,null):b(o)?o=e.__k[a]=C(w,{children:o},null,null,null):o.constructor===void 0&&o.__b>0?o=e.__k[a]=C(o.type,o.props,o.key,o.ref?o.ref:null,o.__v):e.__k[a]=o,c=a+f,o.__=e,o.__b=e.__b+1,s=null,(l=o.__i=j(o,n,c,d))!=-1&&(d--,(s=n[l])&&(s.__u|=2)),s==null||s.__v==null?(l==-1&&(i>u?f--:i<u&&f++),typeof o.type!=`function`&&(o.__u|=4)):l!=c&&(l==c-1?f--:l==c+1?f++:(l>c?f--:f++,o.__u|=4))):e.__k[a]=null;if(d)for(a=0;a<u;a++)(s=n[a])!=null&&!(2&s.__u)&&(s.__e==r&&(r=T(s)),de(s,s));return r}function re(e,t,n,r){var i,a;if(typeof e.type==`function`){for(i=e.__k,a=0;i&&a<i.length;a++)i[a]&&(i[a].__=e,t=re(i[a],t,n,r));return t}e.__e!=t&&(r&&(t&&e.type&&!t.parentNode&&(t=T(e)),n.insertBefore(e.__e,t||null)),t=e.__e);do t=t&&t.nextSibling;while(t!=null&&t.nodeType==8);return t}function ie(e,t){return t=t||[],e==null||typeof e==`boolean`||(b(e)?e.some(function(e){ie(e,t)}):t.push(e)),t}function j(e,t,n,r){var i,a,o,s=e.key,c=e.type,l=t[n],u=l!=null&&(2&l.__u)==0;if(l===null&&s==null||u&&s==l.key&&c==l.type)return n;if(r>+!!u){for(i=n-1,a=n+1;i>=0||a<t.length;)if((l=t[o=i>=0?i--:a++])!=null&&!(2&l.__u)&&s==l.key&&c==l.type)return o}return-1}function ae(e,t,n){t[0]==`-`?e.setProperty(t,n??``):e[t]=n==null?``:typeof n!=`number`||y.test(t)?n:n+`px`}function oe(e,t,n,r,i){var a,o;n:if(t==`style`)if(typeof n==`string`)e.style.cssText=n;else{if(typeof r==`string`&&(e.style.cssText=r=``),r)for(t in r)n&&t in n||ae(e.style,t,``);if(n)for(t in n)r&&n[t]==r[t]||ae(e.style,t,n[t])}else if(t[0]==`o`&&t[1]==`n`)a=t!=(t=t.replace(f,`$1`)),o=t.toLowerCase(),t=o in e||t==`onFocusOut`||t==`onFocusIn`?o.slice(2):t.slice(2),e.l||(e.l={}),e.l[t+a]=n,n?r?n[d]=r[d]:(n[d]=p,e.addEventListener(t,a?h:m,a)):e.removeEventListener(t,a?h:m,a);else{if(i==`http://www.w3.org/2000/svg`)t=t.replace(/xlink(H|:h)/,`h`).replace(/sName$/,`s`);else if(t!=`width`&&t!=`height`&&t!=`href`&&t!=`list`&&t!=`form`&&t!=`tabIndex`&&t!=`download`&&t!=`rowSpan`&&t!=`colSpan`&&t!=`role`&&t!=`popover`&&t in e)try{e[t]=n??``;break n}catch{}typeof n==`function`||(n==null||!1===n&&t[4]!=`-`?e.removeAttribute(t):e.setAttribute(t,t==`popover`&&n==1?``:n))}}function se(e){return function(t){if(this.l){var r=this.l[t.type+e];if(t[u]==null)t[u]=p++;else if(t[u]<r[d])return;return r(n.event?n.event(t):t)}}}function ce(e,t,r,i,a,o,s,c,l,u){var d,f,p,m,h,g,_,y,S,C,T,E,ne,D,O,A=t.type;if(t.constructor!==void 0)return null;128&r.__u&&(l=!!(32&r.__u),o=[c=t.__e=r.__e]),(d=n.__b)&&d(t);n:if(typeof A==`function`)try{if(y=t.props,S=A.prototype&&A.prototype.render,C=(d=A.contextType)&&i[d.__c],T=d?C?C.props.value:d.__:i,r.__c?_=(f=t.__c=r.__c).__=f.__E:(S?t.__c=f=new A(y,T):(t.__c=f=new te(y,T),f.constructor=A,f.render=fe),C&&C.sub(f),f.state||(f.state={}),f.__n=i,p=f.__d=!0,f.__h=[],f._sb=[]),S&&f.__s==null&&(f.__s=f.state),S&&A.getDerivedStateFromProps!=null&&(f.__s==f.state&&(f.__s=x({},f.__s)),x(f.__s,A.getDerivedStateFromProps(y,f.__s))),m=f.props,h=f.state,f.__v=t,p)S&&A.getDerivedStateFromProps==null&&f.componentWillMount!=null&&f.componentWillMount(),S&&f.componentDidMount!=null&&f.__h.push(f.componentDidMount);else{if(S&&A.getDerivedStateFromProps==null&&y!==m&&f.componentWillReceiveProps!=null&&f.componentWillReceiveProps(y,T),t.__v==r.__v||!f.__e&&f.shouldComponentUpdate!=null&&!1===f.shouldComponentUpdate(y,f.__s,T)){t.__v!=r.__v&&(f.props=y,f.state=f.__s,f.__d=!1),t.__e=r.__e,t.__k=r.__k,t.__k.some(function(e){e&&(e.__=t)}),v.push.apply(f.__h,f._sb),f._sb=[],f.__h.length&&s.push(f);break n}f.componentWillUpdate!=null&&f.componentWillUpdate(y,f.__s,T),S&&f.componentDidUpdate!=null&&f.__h.push(function(){f.componentDidUpdate(m,h,g)})}if(f.context=T,f.props=y,f.__P=e,f.__e=!1,E=n.__r,ne=0,S)f.state=f.__s,f.__d=!1,E&&E(t),d=f.render(f.props,f.state,f.context),v.push.apply(f.__h,f._sb),f._sb=[];else do f.__d=!1,E&&E(t),d=f.render(f.props,f.state,f.context),f.state=f.__s;while(f.__d&&++ne<25);f.state=f.__s,f.getChildContext!=null&&(i=x(x({},i),f.getChildContext())),S&&!p&&f.getSnapshotBeforeUpdate!=null&&(g=f.getSnapshotBeforeUpdate(m,h)),D=d!=null&&d.type===w&&d.key==null?le(d.props.children):d,c=k(e,b(D)?D:[D],t,r,i,a,o,s,c,l,u),f.base=t.__e,t.__u&=-161,f.__h.length&&s.push(f),_&&(f.__E=f.__=null)}catch(e){if(t.__v=null,l||o!=null)if(e.then){for(t.__u|=l?160:128;c&&c.nodeType==8&&c.nextSibling;)c=c.nextSibling;o[o.indexOf(c)]=null,t.__e=c}else{for(O=o.length;O--;)ee(o[O]);M(t)}else t.__e=r.__e,t.__k=r.__k,e.then||M(t);n.__e(e,t,r)}else o==null&&t.__v==r.__v?(t.__k=r.__k,t.__e=r.__e):c=t.__e=ue(r.__e,t,r,i,a,o,s,l,u);return(d=n.diffed)&&d(t),128&t.__u?void 0:c}function M(e){e&&(e.__c&&(e.__c.__e=!0),e.__k&&e.__k.some(M))}function N(e,t,r){for(var i=0;i<r.length;i++)P(r[i],r[++i],r[++i]);n.__c&&n.__c(t,e),e.some(function(t){try{e=t.__h,t.__h=[],e.some(function(e){e.call(t)})}catch(e){n.__e(e,t.__v)}})}function le(e){return typeof e!=`object`||!e||e.__b>0?e:b(e)?e.map(le):x({},e)}function ue(e,r,i,a,o,s,c,l,u){var d,f,p,m,h,g,v,y=i.props||_,x=r.props,S=r.type;if(S==`svg`?o=`http://www.w3.org/2000/svg`:S==`math`?o=`http://www.w3.org/1998/Math/MathML`:o||(o=`http://www.w3.org/1999/xhtml`),s!=null){for(d=0;d<s.length;d++)if((h=s[d])&&`setAttribute`in h==!!S&&(S?h.localName==S:h.nodeType==3)){e=h,s[d]=null;break}}if(e==null){if(S==null)return document.createTextNode(x);e=document.createElementNS(o,S,x.is&&x),l&&(n.__m&&n.__m(r,s),l=!1),s=null}if(S==null)y===x||l&&e.data==x||(e.data=x);else{if(s=s&&t.call(e.childNodes),!l&&s!=null)for(y={},d=0;d<e.attributes.length;d++)y[(h=e.attributes[d]).name]=h.value;for(d in y)h=y[d],d==`dangerouslySetInnerHTML`?p=h:d==`children`||d in x||d==`value`&&`defaultValue`in x||d==`checked`&&`defaultChecked`in x||oe(e,d,null,h,o);for(d in x)h=x[d],d==`children`?m=h:d==`dangerouslySetInnerHTML`?f=h:d==`value`?g=h:d==`checked`?v=h:l&&typeof h!=`function`||y[d]===h||oe(e,d,h,y[d],o);if(f)l||p&&(f.__html==p.__html||f.__html==e.innerHTML)||(e.innerHTML=f.__html),r.__k=[];else if(p&&(e.innerHTML=``),k(r.type==`template`?e.content:e,b(m)?m:[m],r,i,a,S==`foreignObject`?`http://www.w3.org/1999/xhtml`:o,s,c,s?s[0]:i.__k&&T(i,0),l,u),s!=null)for(d=s.length;d--;)ee(s[d]);l||(d=`value`,S==`progress`&&g==null?e.removeAttribute(`value`):g!=null&&(g!==e[d]||S==`progress`&&!g||S==`option`&&g!=y[d])&&oe(e,d,g,y[d],o),d=`checked`,v!=null&&v!=e[d]&&oe(e,d,v,y[d],o))}return e}function P(e,t,r){try{if(typeof e==`function`){var i=typeof e.__u==`function`;i&&e.__u(),i&&t==null||(e.__u=e(t))}else e.current=t}catch(e){n.__e(e,r)}}function de(e,t,r){var i,a;if(n.unmount&&n.unmount(e),(i=e.ref)&&(i.current&&i.current!=e.__e||P(i,null,t)),(i=e.__c)!=null){if(i.componentWillUnmount)try{i.componentWillUnmount()}catch(e){n.__e(e,t)}i.base=i.__P=null}if(i=e.__k)for(a=0;a<i.length;a++)i[a]&&de(i[a],t,r||typeof e.type!=`function`);r||ee(e.__e),e.__c=e.__=e.__e=void 0}function fe(e,t,n){return this.constructor(e,n)}function pe(e,r,i){var a,o,s,c;r==document&&(r=document.documentElement),n.__&&n.__(e,r),o=(a=typeof i==`function`)?null:i&&i.__k||r.__k,s=[],c=[],ce(r,e=(!a&&i||r).__k=S(w,null,[e]),o||_,_,r.namespaceURI,!a&&i?[i]:o?null:r.firstChild?t.call(r.childNodes):null,s,!a&&i?i:o?o.__e:r.firstChild,a,c),N(s,e,c)}function me(e){function t(e){var n,r;return this.getChildContext||(n=new Set,(r={})[t.__c]=this,this.getChildContext=function(){return r},this.componentWillUnmount=function(){n=null},this.shouldComponentUpdate=function(e){this.props.value!=e.value&&n.forEach(function(e){e.__e=!0,D(e)})},this.sub=function(e){n.add(e);var t=e.componentWillUnmount;e.componentWillUnmount=function(){n&&n.delete(e),t&&t.call(e)}}),e.children}return t.__c=`__cC`+ g++,t.__=e,t.Provider=t.__l=(t.Consumer=function(e,t){return e.children(t)}).contextType=t,t}t=v.slice,n={__e:function(e,t,n,r){for(var i,a,o;t=t.__;)if((i=t.__c)&&!i.__)try{if((a=i.constructor)&&a.getDerivedStateFromError!=null&&(i.setState(a.getDerivedStateFromError(e)),o=i.__d),i.componentDidCatch!=null&&(i.componentDidCatch(e,r||{}),o=i.__d),o)return i.__E=i}catch(t){e=t}throw e}},r=0,i=function(e){return e!=null&&e.constructor===void 0},te.prototype.setState=function(e,t){var n=this.__s!=null&&this.__s!=this.state?this.__s:this.__s=x({},this.state);typeof e==`function`&&(e=e(x({},n),this.props)),e&&x(n,e),e!=null&&this.__v&&(t&&this._sb.push(t),D(this))},te.prototype.forceUpdate=function(e){this.__v&&(this.__e=!0,e&&this.__h.push(e),D(this))},te.prototype.render=w,a=[],s=typeof Promise==`function`?Promise.prototype.then.bind(Promise.resolve()):setTimeout,c=function(e,t){return e.__v.__b-t.__v.__b},O.__r=0,l=Math.random().toString(8),u=`__d`+l,d=`__a`+l,f=/(PointerCapture)$|Capture$/i,p=0,m=se(!1),h=se(!0),g=0;var F,I,he,ge,_e=0,ve=[],L=n,ye=L.__b,be=L.__r,xe=L.diffed,Se=L.__c,Ce=L.unmount,we=L.__;function Te(e,t){L.__h&&L.__h(I,e,_e||t),_e=0;var n=I.__H||(I.__H={__:[],__h:[]});return e>=n.__.length&&n.__.push({}),n.__[e]}function R(e){return _e=1,Ee(Fe,e)}function Ee(e,t,n){var r=Te(F++,2);if(r.t=e,!r.__c&&(r.__=[n?n(t):Fe(void 0,t),function(e){var t=r.__N?r.__N[0]:r.__[0],n=r.t(t,e);t!==n&&(r.__N=[n,r.__[1]],r.__c.setState({}))}],r.__c=I,!I.__f)){var i=function(e,t,n){if(!r.__c.__H)return!0;var i=r.__c.__H.__.filter(function(e){return e.__c});if(i.every(function(e){return!e.__N}))return!a||a.call(this,e,t,n);var o=r.__c.props!==e;return i.some(function(e){if(e.__N){var t=e.__[0];e.__=e.__N,e.__N=void 0,t!==e.__[0]&&(o=!0)}}),a&&a.call(this,e,t,n)||o};I.__f=!0;var a=I.shouldComponentUpdate,o=I.componentWillUpdate;I.componentWillUpdate=function(e,t,n){if(this.__e){var r=a;a=void 0,i(e,t,n),a=r}o&&o.call(this,e,t,n)},I.shouldComponentUpdate=i}return r.__N||r.__}function De(e,t){var n=Te(F++,3);!L.__s&&Pe(n.__H,t)&&(n.__=e,n.u=t,I.__H.__h.push(n))}function z(e){return _e=5,B(function(){return{current:e}},[])}function B(e,t){var n=Te(F++,7);return Pe(n.__H,t)&&(n.__=e(),n.__H=t,n.__h=e),n.__}function Oe(e){var t=I.context[e.__c],n=Te(F++,9);return n.c=e,t?(n.__??(n.__=!0,t.sub(I)),t.props.value):e.__}function ke(){for(var e;e=ve.shift();){var t=e.__H;if(e.__P&&t)try{t.__h.some(Me),t.__h.some(Ne),t.__h=[]}catch(n){t.__h=[],L.__e(n,e.__v)}}}L.__b=function(e){I=null,ye&&ye(e)},L.__=function(e,t){e&&t.__k&&t.__k.__m&&(e.__m=t.__k.__m),we&&we(e,t)},L.__r=function(e){be&&be(e),F=0;var t=(I=e.__c).__H;t&&(he===I?(t.__h=[],I.__h=[],t.__.some(function(e){e.__N&&(e.__=e.__N),e.u=e.__N=void 0})):(t.__h.some(Me),t.__h.some(Ne),t.__h=[],F=0)),he=I},L.diffed=function(e){xe&&xe(e);var t=e.__c;t&&t.__H&&(t.__H.__h.length&&(ve.push(t)!==1&&ge===L.requestAnimationFrame||((ge=L.requestAnimationFrame)||je)(ke)),t.__H.__.some(function(e){e.u&&(e.__H=e.u),e.u=void 0})),he=I=null},L.__c=function(e,t){t.some(function(e){try{e.__h.some(Me),e.__h=e.__h.filter(function(e){return!e.__||Ne(e)})}catch(n){t.some(function(e){e.__h&&(e.__h=[])}),t=[],L.__e(n,e.__v)}}),Se&&Se(e,t)},L.unmount=function(e){Ce&&Ce(e);var t,n=e.__c;n&&n.__H&&(n.__H.__.some(function(e){try{Me(e)}catch(e){t=e}}),n.__H=void 0,t&&L.__e(t,n.__v))};var Ae=typeof requestAnimationFrame==`function`;function je(e){var t,n=function(){clearTimeout(r),Ae&&cancelAnimationFrame(t),setTimeout(e)},r=setTimeout(n,35);Ae&&(t=requestAnimationFrame(n))}function Me(e){var t=I,n=e.__c;typeof n==`function`&&(e.__c=void 0,n()),I=t}function Ne(e){var t=I;e.__c=e.__(),I=t}function Pe(e,t){return!e||e.length!==t.length||t.some(function(t,n){return t!==e[n]})}function Fe(e,t){return typeof t==`function`?t(e):t}function Ie(e){"@babel/helpers - typeof";return Ie=typeof Symbol==`function`&&typeof Symbol.iterator==`symbol`?function(e){return typeof e}:function(e){return e&&typeof Symbol==`function`&&e.constructor===Symbol&&e!==Symbol.prototype?`symbol`:typeof e},Ie(e)}function Le(e,t){if(Ie(e)!=`object`||!e)return e;var n=e[Symbol.toPrimitive];if(n!==void 0){var r=n.call(e,t||`default`);if(Ie(r)!=`object`)return r;throw TypeError(`@@toPrimitive must return a primitive value.`)}return(t===`string`?String:Number)(e)}function Re(e){var t=Le(e,`string`);return Ie(t)==`symbol`?t:t+``}function ze(e,t,n){return(t=Re(t))in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var Be=class{constructor(e){ze(this,`ws`,null),ze(this,`reconnectTimer`,null),ze(this,`messageHandlers`,new Set),ze(this,`reconnectAttempts`,0),ze(this,`maxReconnectAttempts`,10),ze(this,`reconnectDelay`,1e3),this.url=e}connect(){return new Promise(e=>{try{this.ws=new WebSocket(this.url),this.ws.addEventListener(`open`,()=>{this.reconnectAttempts=0,e(!0)}),this.ws.addEventListener(`message`,e=>{try{let t=JSON.parse(e.data);for(let e of this.messageHandlers)e(t)}catch{}}),this.ws.addEventListener(`close`,()=>{this.scheduleReconnect()}),this.ws.addEventListener(`error`,()=>{e(!1)})}catch{e(!1)}})}scheduleReconnect(){if(this.reconnectTimer||this.reconnectAttempts>=this.maxReconnectAttempts)return;this.reconnectAttempts++;let e=this.reconnectDelay*2**(this.reconnectAttempts-1);this.reconnectTimer=setTimeout(()=>{this.reconnectTimer=null,this.connect()},e)}onMessage(e){return this.messageHandlers.add(e),()=>this.messageHandlers.delete(e)}disconnect(){this.reconnectTimer&&(clearTimeout(this.reconnectTimer),this.reconnectTimer=null),this.ws&&(this.ws.close(),this.ws=null),this.messageHandlers.clear()}isConnected(){return this.ws?.readyState===WebSocket.OPEN}},Ve=Symbol.for(`preact-signals`);function He(){if(qe>1)qe--;else{var e,t=!1;for((function(){var e=Ze;for(Ze=void 0;e!==void 0;)e.S.v===e.v&&(e.S.i=e.i),e=e.o})();Ke!==void 0;){var n=Ke;for(Ke=void 0,Je++;n!==void 0;){var r=n.u;if(n.u=void 0,n.f&=-3,!(8&n.f)&&et(n))try{n.c()}catch(n){t||(e=n,t=!0)}n=r}}if(Je=0,qe--,t)throw e}}function Ue(e){if(qe>0)return e();Xe=++Ye,qe++;try{return e()}finally{He()}}var V=void 0;function We(e){var t=V;V=void 0;try{return e()}finally{V=t}}var Ge,Ke=void 0,qe=0,Je=0,Ye=0,Xe=0,Ze=void 0,Qe=0;function $e(e){if(V!==void 0){var t=e.n;if(t===void 0||t.t!==V)return t={i:0,S:e,p:V.s,n:void 0,t:V,e:void 0,x:void 0,r:t},V.s!==void 0&&(V.s.n=t),V.s=t,e.n=t,32&V.f&&e.S(t),t;if(t.i===-1)return t.i=0,t.n!==void 0&&(t.n.p=t.p,t.p!==void 0&&(t.p.n=t.n),t.p=V.s,t.n=void 0,V.s.n=t,V.s=t),t}}function H(e,t){this.v=e,this.i=0,this.n=void 0,this.t=void 0,this.l=0,this.W=t?.watched,this.Z=t?.unwatched,this.name=t?.name}H.prototype.brand=Ve,H.prototype.h=function(){return!0},H.prototype.S=function(e){var t=this,n=this.t;n!==e&&e.e===void 0&&(e.x=n,this.t=e,n===void 0?We(function(){var e;(e=t.W)==null||e.call(t)}):n.e=e)},H.prototype.U=function(e){var t=this;if(this.t!==void 0){var n=e.e,r=e.x;n!==void 0&&(n.x=r,e.e=void 0),r!==void 0&&(r.e=n,e.x=void 0),e===this.t&&(this.t=r,r===void 0&&We(function(){var e;(e=t.Z)==null||e.call(t)}))}},H.prototype.subscribe=function(e){var t=this;return ct(function(){var n=t.value,r=V;V=void 0;try{e(n)}finally{V=r}},{name:`sub`})},H.prototype.valueOf=function(){return this.value},H.prototype.toString=function(){return this.value+``},H.prototype.toJSON=function(){return this.value},H.prototype.peek=function(){var e=V;V=void 0;try{return this.value}finally{V=e}},Object.defineProperty(H.prototype,`value`,{get:function(){var e=$e(this);return e!==void 0&&(e.i=this.i),this.v},set:function(e){if(e!==this.v){if(Je>100)throw Error(`Cycle detected`);(function(e){qe!==0&&Je===0&&e.l!==Xe&&(e.l=Xe,Ze={S:e,v:e.v,i:e.i,o:Ze})})(this),this.v=e,this.i++,Qe++,qe++;try{for(var t=this.t;t!==void 0;t=t.x)t.t.N()}finally{He()}}}});function U(e,t){return new H(e,t)}function et(e){for(var t=e.s;t!==void 0;t=t.n)if(t.S.i!==t.i||!t.S.h()||t.S.i!==t.i)return!0;return!1}function tt(e){for(var t=e.s;t!==void 0;t=t.n){var n=t.S.n;if(n!==void 0&&(t.r=n),t.S.n=t,t.i=-1,t.n===void 0){e.s=t;break}}}function nt(e){for(var t=e.s,n=void 0;t!==void 0;){var r=t.p;t.i===-1?(t.S.U(t),r!==void 0&&(r.n=t.n),t.n!==void 0&&(t.n.p=r)):n=t,t.S.n=t.r,t.r!==void 0&&(t.r=void 0),t=r}e.s=n}function rt(e,t){H.call(this,void 0),this.x=e,this.s=void 0,this.g=Qe-1,this.f=4,this.W=t?.watched,this.Z=t?.unwatched,this.name=t?.name}rt.prototype=new H,rt.prototype.h=function(){if(this.f&=-3,1&this.f)return!1;if((36&this.f)==32||(this.f&=-5,this.g===Qe))return!0;if(this.g=Qe,this.f|=1,this.i>0&&!et(this))return this.f&=-2,!0;var e=V;try{tt(this),V=this;var t=this.x();(16&this.f||this.v!==t||this.i===0)&&(this.v=t,this.f&=-17,this.i++)}catch(e){this.v=e,this.f|=16,this.i++}return V=e,nt(this),this.f&=-2,!0},rt.prototype.S=function(e){if(this.t===void 0){this.f|=36;for(var t=this.s;t!==void 0;t=t.n)t.S.S(t)}H.prototype.S.call(this,e)},rt.prototype.U=function(e){if(this.t!==void 0&&(H.prototype.U.call(this,e),this.t===void 0)){this.f&=-33;for(var t=this.s;t!==void 0;t=t.n)t.S.U(t)}},rt.prototype.N=function(){if(!(2&this.f)){this.f|=6;for(var e=this.t;e!==void 0;e=e.x)e.t.N()}},Object.defineProperty(rt.prototype,`value`,{get:function(){if(1&this.f)throw Error(`Cycle detected`);var e=$e(this);if(this.h(),e!==void 0&&(e.i=this.i),16&this.f)throw this.v;return this.v}});function W(e,t){return new rt(e,t)}function it(e){var t=e.m;if(e.m=void 0,typeof t==`function`){qe++;var n=V;V=void 0;try{t()}catch(t){throw e.f&=-2,e.f|=8,at(e),t}finally{V=n,He()}}}function at(e){for(var t=e.s;t!==void 0;t=t.n)t.S.U(t);e.x=void 0,e.s=void 0,it(e)}function ot(e){if(V!==this)throw Error(`Out-of-order effect`);nt(this),V=e,this.f&=-2,8&this.f&&at(this),He()}function st(e,t){this.x=e,this.m=void 0,this.s=void 0,this.u=void 0,this.f=32,this.name=t?.name,Ge&&Ge.push(this)}st.prototype.c=function(){var e=this.S();try{if(8&this.f||this.x===void 0)return;var t=this.x();typeof t==`function`&&(this.m=t)}finally{e()}},st.prototype.S=function(){if(1&this.f)throw Error(`Cycle detected`);this.f|=1,this.f&=-9,it(this),tt(this),qe++;var e=V;return V=this,ot.bind(this,e)},st.prototype.N=function(){2&this.f||(this.f|=2,this.u=Ke,Ke=this)},st.prototype.d=function(){this.f|=8,1&this.f||at(this)},st.prototype.dispose=function(){this.d()};function ct(e,t){var n=new st(e,t);try{n.c()}catch(e){throw n.d(),e}var r=n.d.bind(n);return r[Symbol.dispose]=r,r}var lt,ut,dt=typeof window<`u`&&!!window.__PREACT_SIGNALS_DEVTOOLS__,ft=[];ct(function(){lt=this.N})();function pt(e,t){n[e]=t.bind(null,n[e]||function(){})}function mt(e){if(ut){var t=ut;ut=void 0,t()}ut=e&&e.S()}function ht(e){var t=this,n=e.data,r=_t(n);r.value=n;var a=B(function(){for(var e=t,n=t.__v;n=n.__;)if(n.__c){n.__c.__$f|=4;break}var a=W(function(){var e=r.value.value;return e===0?0:!0===e?``:e||``}),o=W(function(){return!Array.isArray(a.value)&&!i(a.value)}),s=ct(function(){if(this.N=bt,o.value){var t=a.value;e.__v&&e.__v.__e&&e.__v.__e.nodeType===3&&(e.__v.__e.data=t)}}),c=t.__$u.d;return t.__$u.d=function(){s(),c.call(this)},[o,a]},[]),o=a[0],s=a[1];return o.value?s.peek():s.value}ht.displayName=`ReactiveTextNode`,Object.defineProperties(H.prototype,{constructor:{configurable:!0,value:void 0},type:{configurable:!0,value:ht},props:{configurable:!0,get:function(){var e=this;return{data:{get value(){return e.value}}}}},__b:{configurable:!0,value:1}}),pt(`__b`,function(e,t){if(typeof t.type==`string`){var n,r=t.props;for(var i in r)if(i!==`children`){var a=r[i];a instanceof H&&(n||(t.__np=n={}),n[i]=a,r[i]=a.peek())}}e(t)}),pt(`__r`,function(e,t){if(e(t),t.type!==w){mt();var n,r=t.__c;r&&(r.__$f&=-2,(n=r.__$u)===void 0&&(r.__$u=n=function(e,t){var n;return ct(function(){n=this},{name:t}),n.c=e,n}(function(){var e;dt&&((e=n.y)==null||e.call(n)),r.__$f|=1,r.setState({})},typeof t.type==`function`?t.type.displayName||t.type.name:``))),mt(n)}}),pt(`__e`,function(e,t,n,r){mt(),e(t,n,r)}),pt(`diffed`,function(e,t){mt();var n;if(typeof t.type==`string`&&(n=t.__e)){var r=t.__np,i=t.props;if(r){var a=n.U;if(a)for(var o in a){var s=a[o];s!==void 0&&!(o in r)&&(s.d(),a[o]=void 0)}else a={},n.U=a;for(var c in r){var l=a[c],u=r[c];l===void 0?(l=gt(n,c,u),a[c]=l):l.o(u,i)}for(var d in r)i[d]=r[d]}}e(t)});function gt(e,t,n,r){var i=t in e&&e.ownerSVGElement===void 0,a=U(n),o=n.peek();return{o:function(e,t){a.value=e,o=e.peek()},d:ct(function(){this.N=bt;var n=a.value.value;o===n?o=void 0:(o=void 0,i?e[t]=n:n!=null&&(!1!==n||t[4]===`-`)?e.setAttribute(t,n):e.removeAttribute(t))})}}pt(`unmount`,function(e,t){if(typeof t.type==`string`){var n=t.__e;if(n){var r=n.U;if(r)for(var i in n.U=void 0,r){var a=r[i];a&&a.d()}}t.__np=void 0}else{var o=t.__c;if(o){var s=o.__$u;s&&(o.__$u=void 0,s.d())}}e(t)}),pt(`__h`,function(e,t,n,r){(r<3||r===9)&&(t.__$f|=2),e(t,n,r)}),te.prototype.shouldComponentUpdate=function(e,t){if(this.__R)return!0;var n=this.__$u,r=n&&n.s!==void 0;for(var i in t)return!0;if(this.__f||typeof this.u==`boolean`&&!0===this.u){var a=2&this.__$f;if(!(r||a||4&this.__$f)||1&this.__$f)return!0}else if(!(r||4&this.__$f)||3&this.__$f)return!0;for(var o in e)if(o!==`__source`&&e[o]!==this.props[o])return!0;for(var s in this.props)if(!(s in e))return!0;return!1};function _t(e,t){return B(function(){return U(e,t)},[])}var vt=function(e){queueMicrotask(function(){queueMicrotask(e)})};function yt(){Ue(function(){for(var e;e=ft.shift();)lt.call(e)})}function bt(){ft.push(this)===1&&(n.requestAnimationFrame||vt)(yt)}function xt(e,t){let n=e.attributes||{},r=[n[`service.name`],n[`peer.service`],n[`http.host`],n[`db.system`],n[`messaging.system`],n[`rpc.service`],t];for(let e of r)if(typeof e==`string`&&e.trim().length>0)return e;return`unknown`}function St(e,t){return typeof e[`db.system`]==`string`?`database`:typeof e[`cache.system`]==`string`?`cache`:typeof e[`messaging.system`]==`string`?`messaging`:typeof e[`peer.service`]==`string`||typeof e[`net.peer.name`]==`string`||typeof e[`http.host`]==`string`?t===e[`service.name`]?`service`:`external`:typeof e[`service.name`]==`string`?`service`:`unknown`}function Ct(e){if(e.resourceName)return e.resourceName;let t=e.resource||{},n=[t[`service.name`],t[`service.namespace`],t[`host.name`],t[`container.name`]];for(let e of n)if(typeof e==`string`&&e.trim().length>0)return e;return`unknown`}function wt(e,t){if(e===0&&t===0)return`unknown`;let n=e===0?1:t/e;return n>=.2?`unhealthy`:n>=.05?`degraded`:`healthy`}function Tt(e){let t=new Map,n=(e,n=`unknown`)=>{let r=t.get(e);if(r)return r.type===`unknown`&&n!==`unknown`&&(r.type=n),r;let i={name:e,type:n,health:`unknown`,requestCount:0,errorCount:0,traceCount:0,logCount:0};return t.set(e,i),i};for(let t of e.traces){let e=new Set;for(let r of t.spans){let i=xt(r,t.service),a=n(i,St(r.attributes,i));a.requestCount+=1,a.lastSeen=Math.max(a.lastSeen??0,r.endTime),r.status.code===`ERROR`&&(a.errorCount+=1),e.has(i)||(a.traceCount+=1,e.add(i))}}for(let t of e.logs){let e=n(Ct(t),`service`);e.logCount+=1,e.lastSeen=Math.max(e.lastSeen??0,t.timestamp)}for(let t of e.errors){if(!t.service)continue;let e=n(t.service,`service`);e.errorCount+=t.count,e.lastSeen=Math.max(e.lastSeen??0,t.lastSeen)}return[...t.values()].map(e=>({...e,health:wt(e.requestCount,e.errorCount)})).sort((e,t)=>{let n=(t.lastSeen??0)-(e.lastSeen??0);return n===0?e.name.localeCompare(t.name):n})}var Et=U(!1),Dt=U({x:20,y:20}),Ot=U(`bottom-right`),kt=U(null),At=U(`traces`),jt=U(null),Mt=U({width:630,height:400}),G=U([]),Nt=U([]),Pt=U({connectionStatus:`disconnected`}),Ft=U([]),It=U([]),Lt=U(`disconnected`),Rt=U(!1),zt=U([]),Bt=U([]),Vt=W(()=>zt.value.length),Ht=W(()=>Bt.value.length),Ut=U(!1),Wt=W(()=>G.value.filter(e=>e.status===`ERROR`)),Gt=W(()=>{let e=Wt.value;return Et.value?0:e.length}),Kt=W(()=>[...G.value].sort((e,t)=>t.startTime-e.startTime)),qt=W(()=>{let e=Nt.value;return{events:e.filter(e=>e.type===`event`),funnels:e.filter(e=>e.type===`funnel`),outcomes:e.filter(e=>e.type===`outcome`),values:e.filter(e=>e.type===`value`)}}),Jt=W(()=>[...It.value].sort((e,t)=>t.timestamp-e.timestamp)),Yt=W(()=>Tt({traces:G.value,logs:It.value,errors:Ft.value})),Xt=W(()=>[...Ft.value].sort((e,t)=>t.lastSeen-e.lastSeen)),Zt=W(()=>[...Ft.value].sort((e,t)=>t.count-e.count)),Qt=W(()=>Ft.value.reduce((e,t)=>e+t.count,0)),$t=W(()=>{let e=Date.now()-3600*1e3;return Ft.value.filter(t=>t.lastSeen>e).reduce((e,t)=>e+t.count,0)}),en=W(()=>{let e=jt.value;return e&&G.value.find(t=>t.traceId===e)||null});function tn(e,t){if(t.length===0)return e;let n=new Set(e.map(e=>e.traceId)),r=t.filter(e=>!n.has(e.traceId));return r.length===0?e:[...e,...r]}function nn(e,t,n){let r=tn(e,t);return r.length>n?r.slice(-n):r}function rn(e,t){if(t.length===0)return e;let n=[...t,...e];return n.length>_n?n.slice(0,_n):n}function an(e){if(Ut.value){e.health&&(Pt.value=e.health,Lt.value=e.health.connectionStatus);return}let t=e.traces??[],n=e.logs??[];Rt.value?(t.length>0&&(zt.value=nn(zt.value,t,_n)),n.length>0&&(Bt.value=rn(Bt.value,n))):(t.length>0&&(G.value=tn(G.value,t)),n.length>0&&(It.value=rn(It.value,n))),e.metrics&&(Nt.value=[...Nt.value,...e.metrics]),e.health&&(Pt.value=e.health,Lt.value=e.health.connectionStatus),e.errors&&(Ft.value=e.errors)}function on(e){if(Rt.value!==e&&(Rt.value=e,!e)){let e=zt.value,t=Bt.value;e.length>0&&(G.value=tn(G.value,e),zt.value=[]),t.length>0&&(It.value=rn(It.value,t),Bt.value=[])}}function sn(){on(!Rt.value)}function cn(){zt.value=[],Bt.value=[]}function ln(e){G.value=e.traces??[],It.value=(e.logs??[]).slice(0,_n),Ft.value=e.errors??[],Nt.value=e.metrics??[],zt.value=[],Bt.value=[],Rt.value=!1,Ut.value=!0}function un(){Ut.value=!1,G.value=[],It.value=[],Ft.value=[],Nt.value=[]}function dn(){Et.value=!Et.value}function fn(e){At.value=e}function pn(e){jt.value=e,e?Mt.value={width:Math.min(window.innerWidth*.6,900),height:Math.min(window.innerHeight*.7,700)}:Mt.value={width:630,height:400}}function mn(e,t){Dt.value={x:e,y:t}}function hn(e){Ot.value=e}function gn(e,t){Mt.value={width:e,height:t}}var _n=100,vn=`autotel-devtools-widget-state`;function yn(){try{let e=localStorage.getItem(vn);if(e){let t=JSON.parse(e);t.position&&(Dt.value=t.position),t.corner&&(Ot.value=t.corner),t.docked!==void 0&&(kt.value=t.docked)}}catch(e){console.error(`[Autotel Devtools] Failed to load persisted state:`,e)}}function bn(){try{let e={position:Dt.value,corner:Ot.value,docked:kt.value};localStorage.setItem(vn,JSON.stringify(e))}catch(e){console.error(`[Autotel Devtools] Failed to persist state:`,e)}}ct(()=>{Dt.value,Ot.value,kt.value,bn()});var xn=0;Array.isArray;function K(e,t,r,i,a,o){t||(t={});var s,c,l=t;if(`ref`in l)for(c in l={},t)c==`ref`?s=t[c]:l[c]=t[c];var u={type:e,props:l,key:r,ref:s,__k:null,__:null,__b:0,__e:null,__c:null,constructor:void 0,__v:--xn,__i:-1,__u:0,__source:a,__self:o};if(typeof e==`function`&&(s=e.defaultProps))for(c in s)l[c]===void 0&&(l[c]=s[c]);return n.vnode&&n.vnode(u),u}var Sn=({fill:e,width:t=40,height:n=40,...r})=>K(`svg`,{width:t,height:n,viewBox:`0 0 36 36`,xmlns:`http://www.w3.org/2000/svg`,...r,children:[K(`circle`,{cx:`17`,cy:`20`,r:`3`,fill:`#9AAAB4`}),K(`path`,{fill:`#DA2F47`,d:`M19.235 17.059a1.003 1.003 0 0 1-1.353.412L5.529 10.883a1.004 1.004 0 0 1-.412-1.353L7.94 4.235c.259-.485.868-.67 1.353-.412l12.353 6.588c.485.259.671.868.412 1.353z`}),K(`path`,{fill:`#DA2F47`,d:`M31.177 22.293a1.004 1.004 0 0 1-1.354.412l-9.705-5.176a1.004 1.004 0 0 1-.412-1.354l1.882-3.529c.259-.485.868-.67 1.354-.412l9.705 5.176c.485.259.671.868.412 1.354z`}),K(`path`,{fill:`#BB1A34`,d:`m19.235 17.058 2.824-5.293 1.765.941L20.999 18z`}),K(`path`,{fill:`#9D0522`,d:`m28.942 22.235 2.823-5.294 3.53 1.882-2.824 5.294z`}),K(`path`,{fill:`#292F33`,d:`m8.294 7.824 1.882-3.53-.881-.47v-.001L4.882 1.471a1.003 1.003 0 0 0-1.353.411L.706 7.177a1 1 0 0 0 .412 1.353l3.529 1.882 1.766.941.47-.882zM23 25a2 2 0 0 1-2 2h-8a2 2 0 0 1 0-4h8a2 2 0 0 1 2 2`}),K(`path`,{fill:`#9AAAB4`,d:`m9.467 36 3.344-7.152c.468-1 .036-2.191-.965-2.658a1.997 1.997 0 0 0-2.658.965L5.052 36zm15.065 0h4.416l-4.137-8.846a1.997 1.997 0 0 0-2.658-.965 2 2 0 0 0-.965 2.658zM19 36v-8a2 2 0 0 0-4 0v8z`})]});function q(e){return e<1?`${(e*1e3).toFixed(2)}μs`:e<1e3?`${e.toFixed(2)}ms`:e<6e4?`${(e/1e3).toFixed(2)}s`:`${(e/6e4).toFixed(2)}m`}function Cn(e){let t=new Date(e),n=new Date().getTime()-t.getTime();if(n<6e4){let e=Math.floor(n/1e3);return e<=1?`just now`:`${e}s ago`}return n<36e5?`${Math.floor(n/6e4)}m ago`:n<864e5?`${Math.floor(n/36e5)}h ago`:t.toLocaleTimeString()}function wn(e){return new Intl.NumberFormat().format(e)}function Tn(e){switch(e){case`OK`:return`text-green-600`;case`ERROR`:return`text-red-600`;default:return`text-gray-500`}}function En(e,t,n,r){let i=n/2,a=r/2;return e<i&&t<a?{corner:`top-left`,x:20,y:20}:e>=i&&t<a?{corner:`top-right`,x:n-100,y:20}:e<i&&t>=a?{corner:`bottom-left`,x:20,y:r-100}:{corner:`bottom-right`,x:n-100,y:r-100}}function Dn(e,t,n){return Math.min(Math.max(e,t),n)}var On=(e,t)=>{let n=Array(e.length+t.length);for(let t=0;t<e.length;t++)n[t]=e[t];for(let r=0;r<t.length;r++)n[e.length+r]=t[r];return n},kn=(e,t)=>({classGroupId:e,validator:t}),An=(e=new Map,t=null,n)=>({nextPart:e,validators:t,classGroupId:n}),jn=`-`,Mn=[],Nn=`arbitrary..`,Pn=e=>{let t=Ln(e),{conflictingClassGroups:n,conflictingClassGroupModifiers:r}=e;return{getClassGroupId:e=>{if(e.startsWith(`[`)&&e.endsWith(`]`))return In(e);let n=e.split(jn);return Fn(n,+(n[0]===``&&n.length>1),t)},getConflictingClassGroupIds:(e,t)=>{if(t){let t=r[e],i=n[e];return t?i?On(i,t):t:i||Mn}return n[e]||Mn}}},Fn=(e,t,n)=>{if(e.length-t===0)return n.classGroupId;let r=e[t],i=n.nextPart.get(r);if(i){let n=Fn(e,t+1,i);if(n)return n}let a=n.validators;if(a===null)return;let o=t===0?e.join(jn):e.slice(t).join(jn),s=a.length;for(let e=0;e<s;e++){let t=a[e];if(t.validator(o))return t.classGroupId}},In=e=>e.slice(1,-1).indexOf(`:`)===-1?void 0:(()=>{let t=e.slice(1,-1),n=t.indexOf(`:`),r=t.slice(0,n);return r?Nn+r:void 0})(),Ln=e=>{let{theme:t,classGroups:n}=e;return Rn(n,t)},Rn=(e,t)=>{let n=An();for(let r in e){let i=e[r];zn(i,n,r,t)}return n},zn=(e,t,n,r)=>{let i=e.length;for(let a=0;a<i;a++){let i=e[a];Bn(i,t,n,r)}},Bn=(e,t,n,r)=>{if(typeof e==`string`){Vn(e,t,n);return}if(typeof e==`function`){Hn(e,t,n,r);return}Un(e,t,n,r)},Vn=(e,t,n)=>{let r=e===``?t:Wn(t,e);r.classGroupId=n},Hn=(e,t,n,r)=>{if(Gn(e)){zn(e(r),t,n,r);return}t.validators===null&&(t.validators=[]),t.validators.push(kn(n,e))},Un=(e,t,n,r)=>{let i=Object.entries(e),a=i.length;for(let e=0;e<a;e++){let[a,o]=i[e];zn(o,Wn(t,a),n,r)}},Wn=(e,t)=>{let n=e,r=t.split(jn),i=r.length;for(let e=0;e<i;e++){let t=r[e],i=n.nextPart.get(t);i||(i=An(),n.nextPart.set(t,i)),n=i}return n},Gn=e=>`isThemeGetter`in e&&e.isThemeGetter===!0,Kn=e=>{if(e<1)return{get:()=>void 0,set:()=>{}};let t=0,n=Object.create(null),r=Object.create(null),i=(i,a)=>{n[i]=a,t++,t>e&&(t=0,r=n,n=Object.create(null))};return{get(e){let t=n[e];if(t!==void 0)return t;if((t=r[e])!==void 0)return i(e,t),t},set(e,t){e in n?n[e]=t:i(e,t)}}},qn=`!`,Jn=`:`,Yn=[],Xn=(e,t,n,r,i)=>({modifiers:e,hasImportantModifier:t,baseClassName:n,maybePostfixModifierPosition:r,isExternal:i}),Zn=e=>{let{prefix:t,experimentalParseClassName:n}=e,r=e=>{let t=[],n=0,r=0,i=0,a,o=e.length;for(let s=0;s<o;s++){let o=e[s];if(n===0&&r===0){if(o===Jn){t.push(e.slice(i,s)),i=s+1;continue}if(o===`/`){a=s;continue}}o===`[`?n++:o===`]`?n--:o===`(`?r++:o===`)`&&r--}let s=t.length===0?e:e.slice(i),c=s,l=!1;s.endsWith(qn)?(c=s.slice(0,-1),l=!0):s.startsWith(qn)&&(c=s.slice(1),l=!0);let u=a&&a>i?a-i:void 0;return Xn(t,l,c,u)};if(t){let e=t+Jn,n=r;r=t=>t.startsWith(e)?n(t.slice(e.length)):Xn(Yn,!1,t,void 0,!0)}if(n){let e=r;r=t=>n({className:t,parseClassName:e})}return r},Qn=e=>{let t=new Map;return e.orderSensitiveModifiers.forEach((e,n)=>{t.set(e,1e6+n)}),e=>{let n=[],r=[];for(let i=0;i<e.length;i++){let a=e[i],o=a[0]===`[`,s=t.has(a);o||s?(r.length>0&&(r.sort(),n.push(...r),r=[]),n.push(a)):r.push(a)}return r.length>0&&(r.sort(),n.push(...r)),n}},$n=e=>({cache:Kn(e.cacheSize),parseClassName:Zn(e),sortModifiers:Qn(e),...Pn(e)}),er=/\s+/,tr=(e,t)=>{let{parseClassName:n,getClassGroupId:r,getConflictingClassGroupIds:i,sortModifiers:a}=t,o=[],s=e.trim().split(er),c=``;for(let e=s.length-1;e>=0;--e){let t=s[e],{isExternal:l,modifiers:u,hasImportantModifier:d,baseClassName:f,maybePostfixModifierPosition:p}=n(t);if(l){c=t+(c.length>0?` `+c:c);continue}let m=!!p,h=r(m?f.substring(0,p):f);if(!h){if(!m){c=t+(c.length>0?` `+c:c);continue}if(h=r(f),!h){c=t+(c.length>0?` `+c:c);continue}m=!1}let g=u.length===0?``:u.length===1?u[0]:a(u).join(`:`),_=d?g+qn:g,v=_+h;if(o.indexOf(v)>-1)continue;o.push(v);let y=i(h,m);for(let e=0;e<y.length;++e){let t=y[e];o.push(_+t)}c=t+(c.length>0?` `+c:c)}return c},nr=(...e)=>{let t=0,n,r,i=``;for(;t<e.length;)(n=e[t++])&&(r=rr(n))&&(i&&(i+=` `),i+=r);return i},rr=e=>{if(typeof e==`string`)return e;let t,n=``;for(let r=0;r<e.length;r++)e[r]&&(t=rr(e[r]))&&(n&&(n+=` `),n+=t);return n},ir=(e,...t)=>{let n,r,i,a,o=o=>(n=$n(t.reduce((e,t)=>t(e),e())),r=n.cache.get,i=n.cache.set,a=s,s(o)),s=e=>{let t=r(e);if(t)return t;let a=tr(e,n);return i(e,a),a};return a=o,(...e)=>a(nr(...e))},ar=[],J=e=>{let t=t=>t[e]||ar;return t.isThemeGetter=!0,t},or=/^\[(?:(\w[\w-]*):)?(.+)\]$/i,sr=/^\((?:(\w[\w-]*):)?(.+)\)$/i,cr=/^\d+(?:\.\d+)?\/\d+(?:\.\d+)?$/,lr=/^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/,ur=/\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/,dr=/^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/,fr=/^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/,pr=/^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/,mr=e=>cr.test(e),Y=e=>!!e&&!Number.isNaN(Number(e)),hr=e=>!!e&&Number.isInteger(Number(e)),gr=e=>e.endsWith(`%`)&&Y(e.slice(0,-1)),_r=e=>lr.test(e),vr=()=>!0,yr=e=>ur.test(e)&&!dr.test(e),br=()=>!1,xr=e=>fr.test(e),Sr=e=>pr.test(e),Cr=e=>!X(e)&&!Z(e),wr=e=>zr(e,Ur,br),X=e=>or.test(e),Tr=e=>zr(e,Wr,yr),Er=e=>zr(e,Gr,Y),Dr=e=>zr(e,qr,vr),Or=e=>zr(e,Kr,br),kr=e=>zr(e,Vr,br),Ar=e=>zr(e,Hr,Sr),jr=e=>zr(e,Jr,xr),Z=e=>sr.test(e),Mr=e=>Br(e,Wr),Nr=e=>Br(e,Kr),Pr=e=>Br(e,Vr),Fr=e=>Br(e,Ur),Ir=e=>Br(e,Hr),Lr=e=>Br(e,Jr,!0),Rr=e=>Br(e,qr,!0),zr=(e,t,n)=>{let r=or.exec(e);return r?r[1]?t(r[1]):n(r[2]):!1},Br=(e,t,n=!1)=>{let r=sr.exec(e);return r?r[1]?t(r[1]):n:!1},Vr=e=>e===`position`||e===`percentage`,Hr=e=>e===`image`||e===`url`,Ur=e=>e===`length`||e===`size`||e===`bg-size`,Wr=e=>e===`length`,Gr=e=>e===`number`,Kr=e=>e===`family-name`,qr=e=>e===`number`||e===`weight`,Jr=e=>e===`shadow`,Yr=ir(()=>{let e=J(`color`),t=J(`font`),n=J(`text`),r=J(`font-weight`),i=J(`tracking`),a=J(`leading`),o=J(`breakpoint`),s=J(`container`),c=J(`spacing`),l=J(`radius`),u=J(`shadow`),d=J(`inset-shadow`),f=J(`text-shadow`),p=J(`drop-shadow`),m=J(`blur`),h=J(`perspective`),g=J(`aspect`),_=J(`ease`),v=J(`animate`),y=()=>[`auto`,`avoid`,`all`,`avoid-page`,`page`,`left`,`right`,`column`],b=()=>[`center`,`top`,`bottom`,`left`,`right`,`top-left`,`left-top`,`top-right`,`right-top`,`bottom-right`,`right-bottom`,`bottom-left`,`left-bottom`],x=()=>[...b(),Z,X],ee=()=>[`auto`,`hidden`,`clip`,`visible`,`scroll`],S=()=>[`auto`,`contain`,`none`],C=()=>[Z,X,c],w=()=>[mr,`full`,`auto`,...C()],te=()=>[hr,`none`,`subgrid`,Z,X],T=()=>[`auto`,{span:[`full`,hr,Z,X]},hr,Z,X],E=()=>[hr,`auto`,Z,X],ne=()=>[`auto`,`min`,`max`,`fr`,Z,X],D=()=>[`start`,`end`,`center`,`between`,`around`,`evenly`,`stretch`,`baseline`,`center-safe`,`end-safe`],O=()=>[`start`,`end`,`center`,`stretch`,`center-safe`,`end-safe`],k=()=>[`auto`,...C()],A=()=>[mr,`auto`,`full`,`dvw`,`dvh`,`lvw`,`lvh`,`svw`,`svh`,`min`,`max`,`fit`,...C()],re=()=>[mr,`screen`,`full`,`dvw`,`lvw`,`svw`,`min`,`max`,`fit`,...C()],ie=()=>[mr,`screen`,`full`,`lh`,`dvh`,`lvh`,`svh`,`min`,`max`,`fit`,...C()],j=()=>[e,Z,X],ae=()=>[...b(),Pr,kr,{position:[Z,X]}],oe=()=>[`no-repeat`,{repeat:[``,`x`,`y`,`space`,`round`]}],se=()=>[`auto`,`cover`,`contain`,Fr,wr,{size:[Z,X]}],ce=()=>[gr,Mr,Tr],M=()=>[``,`none`,`full`,l,Z,X],N=()=>[``,Y,Mr,Tr],le=()=>[`solid`,`dashed`,`dotted`,`double`],ue=()=>[`normal`,`multiply`,`screen`,`overlay`,`darken`,`lighten`,`color-dodge`,`color-burn`,`hard-light`,`soft-light`,`difference`,`exclusion`,`hue`,`saturation`,`color`,`luminosity`],P=()=>[Y,gr,Pr,kr],de=()=>[``,`none`,m,Z,X],fe=()=>[`none`,Y,Z,X],pe=()=>[`none`,Y,Z,X],me=()=>[Y,Z,X],F=()=>[mr,`full`,...C()];return{cacheSize:500,theme:{animate:[`spin`,`ping`,`pulse`,`bounce`],aspect:[`video`],blur:[_r],breakpoint:[_r],color:[vr],container:[_r],"drop-shadow":[_r],ease:[`in`,`out`,`in-out`],font:[Cr],"font-weight":[`thin`,`extralight`,`light`,`normal`,`medium`,`semibold`,`bold`,`extrabold`,`black`],"inset-shadow":[_r],leading:[`none`,`tight`,`snug`,`normal`,`relaxed`,`loose`],perspective:[`dramatic`,`near`,`normal`,`midrange`,`distant`,`none`],radius:[_r],shadow:[_r],spacing:[`px`,Y],text:[_r],"text-shadow":[_r],tracking:[`tighter`,`tight`,`normal`,`wide`,`wider`,`widest`]},classGroups:{aspect:[{aspect:[`auto`,`square`,mr,X,Z,g]}],container:[`container`],columns:[{columns:[Y,X,Z,s]}],"break-after":[{"break-after":y()}],"break-before":[{"break-before":y()}],"break-inside":[{"break-inside":[`auto`,`avoid`,`avoid-page`,`avoid-column`]}],"box-decoration":[{"box-decoration":[`slice`,`clone`]}],box:[{box:[`border`,`content`]}],display:[`block`,`inline-block`,`inline`,`flex`,`inline-flex`,`table`,`inline-table`,`table-caption`,`table-cell`,`table-column`,`table-column-group`,`table-footer-group`,`table-header-group`,`table-row-group`,`table-row`,`flow-root`,`grid`,`inline-grid`,`contents`,`list-item`,`hidden`],sr:[`sr-only`,`not-sr-only`],float:[{float:[`right`,`left`,`none`,`start`,`end`]}],clear:[{clear:[`left`,`right`,`both`,`none`,`start`,`end`]}],isolation:[`isolate`,`isolation-auto`],"object-fit":[{object:[`contain`,`cover`,`fill`,`none`,`scale-down`]}],"object-position":[{object:x()}],overflow:[{overflow:ee()}],"overflow-x":[{"overflow-x":ee()}],"overflow-y":[{"overflow-y":ee()}],overscroll:[{overscroll:S()}],"overscroll-x":[{"overscroll-x":S()}],"overscroll-y":[{"overscroll-y":S()}],position:[`static`,`fixed`,`absolute`,`relative`,`sticky`],inset:[{inset:w()}],"inset-x":[{"inset-x":w()}],"inset-y":[{"inset-y":w()}],start:[{"inset-s":w(),start:w()}],end:[{"inset-e":w(),end:w()}],"inset-bs":[{"inset-bs":w()}],"inset-be":[{"inset-be":w()}],top:[{top:w()}],right:[{right:w()}],bottom:[{bottom:w()}],left:[{left:w()}],visibility:[`visible`,`invisible`,`collapse`],z:[{z:[hr,`auto`,Z,X]}],basis:[{basis:[mr,`full`,`auto`,s,...C()]}],"flex-direction":[{flex:[`row`,`row-reverse`,`col`,`col-reverse`]}],"flex-wrap":[{flex:[`nowrap`,`wrap`,`wrap-reverse`]}],flex:[{flex:[Y,mr,`auto`,`initial`,`none`,X]}],grow:[{grow:[``,Y,Z,X]}],shrink:[{shrink:[``,Y,Z,X]}],order:[{order:[hr,`first`,`last`,`none`,Z,X]}],"grid-cols":[{"grid-cols":te()}],"col-start-end":[{col:T()}],"col-start":[{"col-start":E()}],"col-end":[{"col-end":E()}],"grid-rows":[{"grid-rows":te()}],"row-start-end":[{row:T()}],"row-start":[{"row-start":E()}],"row-end":[{"row-end":E()}],"grid-flow":[{"grid-flow":[`row`,`col`,`dense`,`row-dense`,`col-dense`]}],"auto-cols":[{"auto-cols":ne()}],"auto-rows":[{"auto-rows":ne()}],gap:[{gap:C()}],"gap-x":[{"gap-x":C()}],"gap-y":[{"gap-y":C()}],"justify-content":[{justify:[...D(),`normal`]}],"justify-items":[{"justify-items":[...O(),`normal`]}],"justify-self":[{"justify-self":[`auto`,...O()]}],"align-content":[{content:[`normal`,...D()]}],"align-items":[{items:[...O(),{baseline:[``,`last`]}]}],"align-self":[{self:[`auto`,...O(),{baseline:[``,`last`]}]}],"place-content":[{"place-content":D()}],"place-items":[{"place-items":[...O(),`baseline`]}],"place-self":[{"place-self":[`auto`,...O()]}],p:[{p:C()}],px:[{px:C()}],py:[{py:C()}],ps:[{ps:C()}],pe:[{pe:C()}],pbs:[{pbs:C()}],pbe:[{pbe:C()}],pt:[{pt:C()}],pr:[{pr:C()}],pb:[{pb:C()}],pl:[{pl:C()}],m:[{m:k()}],mx:[{mx:k()}],my:[{my:k()}],ms:[{ms:k()}],me:[{me:k()}],mbs:[{mbs:k()}],mbe:[{mbe:k()}],mt:[{mt:k()}],mr:[{mr:k()}],mb:[{mb:k()}],ml:[{ml:k()}],"space-x":[{"space-x":C()}],"space-x-reverse":[`space-x-reverse`],"space-y":[{"space-y":C()}],"space-y-reverse":[`space-y-reverse`],size:[{size:A()}],"inline-size":[{inline:[`auto`,...re()]}],"min-inline-size":[{"min-inline":[`auto`,...re()]}],"max-inline-size":[{"max-inline":[`none`,...re()]}],"block-size":[{block:[`auto`,...ie()]}],"min-block-size":[{"min-block":[`auto`,...ie()]}],"max-block-size":[{"max-block":[`none`,...ie()]}],w:[{w:[s,`screen`,...A()]}],"min-w":[{"min-w":[s,`screen`,`none`,...A()]}],"max-w":[{"max-w":[s,`screen`,`none`,`prose`,{screen:[o]},...A()]}],h:[{h:[`screen`,`lh`,...A()]}],"min-h":[{"min-h":[`screen`,`lh`,`none`,...A()]}],"max-h":[{"max-h":[`screen`,`lh`,...A()]}],"font-size":[{text:[`base`,n,Mr,Tr]}],"font-smoothing":[`antialiased`,`subpixel-antialiased`],"font-style":[`italic`,`not-italic`],"font-weight":[{font:[r,Rr,Dr]}],"font-stretch":[{"font-stretch":[`ultra-condensed`,`extra-condensed`,`condensed`,`semi-condensed`,`normal`,`semi-expanded`,`expanded`,`extra-expanded`,`ultra-expanded`,gr,X]}],"font-family":[{font:[Nr,Or,t]}],"font-features":[{"font-features":[X]}],"fvn-normal":[`normal-nums`],"fvn-ordinal":[`ordinal`],"fvn-slashed-zero":[`slashed-zero`],"fvn-figure":[`lining-nums`,`oldstyle-nums`],"fvn-spacing":[`proportional-nums`,`tabular-nums`],"fvn-fraction":[`diagonal-fractions`,`stacked-fractions`],tracking:[{tracking:[i,Z,X]}],"line-clamp":[{"line-clamp":[Y,`none`,Z,Er]}],leading:[{leading:[a,...C()]}],"list-image":[{"list-image":[`none`,Z,X]}],"list-style-position":[{list:[`inside`,`outside`]}],"list-style-type":[{list:[`disc`,`decimal`,`none`,Z,X]}],"text-alignment":[{text:[`left`,`center`,`right`,`justify`,`start`,`end`]}],"placeholder-color":[{placeholder:j()}],"text-color":[{text:j()}],"text-decoration":[`underline`,`overline`,`line-through`,`no-underline`],"text-decoration-style":[{decoration:[...le(),`wavy`]}],"text-decoration-thickness":[{decoration:[Y,`from-font`,`auto`,Z,Tr]}],"text-decoration-color":[{decoration:j()}],"underline-offset":[{"underline-offset":[Y,`auto`,Z,X]}],"text-transform":[`uppercase`,`lowercase`,`capitalize`,`normal-case`],"text-overflow":[`truncate`,`text-ellipsis`,`text-clip`],"text-wrap":[{text:[`wrap`,`nowrap`,`balance`,`pretty`]}],indent:[{indent:C()}],"vertical-align":[{align:[`baseline`,`top`,`middle`,`bottom`,`text-top`,`text-bottom`,`sub`,`super`,Z,X]}],whitespace:[{whitespace:[`normal`,`nowrap`,`pre`,`pre-line`,`pre-wrap`,`break-spaces`]}],break:[{break:[`normal`,`words`,`all`,`keep`]}],wrap:[{wrap:[`break-word`,`anywhere`,`normal`]}],hyphens:[{hyphens:[`none`,`manual`,`auto`]}],content:[{content:[`none`,Z,X]}],"bg-attachment":[{bg:[`fixed`,`local`,`scroll`]}],"bg-clip":[{"bg-clip":[`border`,`padding`,`content`,`text`]}],"bg-origin":[{"bg-origin":[`border`,`padding`,`content`]}],"bg-position":[{bg:ae()}],"bg-repeat":[{bg:oe()}],"bg-size":[{bg:se()}],"bg-image":[{bg:[`none`,{linear:[{to:[`t`,`tr`,`r`,`br`,`b`,`bl`,`l`,`tl`]},hr,Z,X],radial:[``,Z,X],conic:[hr,Z,X]},Ir,Ar]}],"bg-color":[{bg:j()}],"gradient-from-pos":[{from:ce()}],"gradient-via-pos":[{via:ce()}],"gradient-to-pos":[{to:ce()}],"gradient-from":[{from:j()}],"gradient-via":[{via:j()}],"gradient-to":[{to:j()}],rounded:[{rounded:M()}],"rounded-s":[{"rounded-s":M()}],"rounded-e":[{"rounded-e":M()}],"rounded-t":[{"rounded-t":M()}],"rounded-r":[{"rounded-r":M()}],"rounded-b":[{"rounded-b":M()}],"rounded-l":[{"rounded-l":M()}],"rounded-ss":[{"rounded-ss":M()}],"rounded-se":[{"rounded-se":M()}],"rounded-ee":[{"rounded-ee":M()}],"rounded-es":[{"rounded-es":M()}],"rounded-tl":[{"rounded-tl":M()}],"rounded-tr":[{"rounded-tr":M()}],"rounded-br":[{"rounded-br":M()}],"rounded-bl":[{"rounded-bl":M()}],"border-w":[{border:N()}],"border-w-x":[{"border-x":N()}],"border-w-y":[{"border-y":N()}],"border-w-s":[{"border-s":N()}],"border-w-e":[{"border-e":N()}],"border-w-bs":[{"border-bs":N()}],"border-w-be":[{"border-be":N()}],"border-w-t":[{"border-t":N()}],"border-w-r":[{"border-r":N()}],"border-w-b":[{"border-b":N()}],"border-w-l":[{"border-l":N()}],"divide-x":[{"divide-x":N()}],"divide-x-reverse":[`divide-x-reverse`],"divide-y":[{"divide-y":N()}],"divide-y-reverse":[`divide-y-reverse`],"border-style":[{border:[...le(),`hidden`,`none`]}],"divide-style":[{divide:[...le(),`hidden`,`none`]}],"border-color":[{border:j()}],"border-color-x":[{"border-x":j()}],"border-color-y":[{"border-y":j()}],"border-color-s":[{"border-s":j()}],"border-color-e":[{"border-e":j()}],"border-color-bs":[{"border-bs":j()}],"border-color-be":[{"border-be":j()}],"border-color-t":[{"border-t":j()}],"border-color-r":[{"border-r":j()}],"border-color-b":[{"border-b":j()}],"border-color-l":[{"border-l":j()}],"divide-color":[{divide:j()}],"outline-style":[{outline:[...le(),`none`,`hidden`]}],"outline-offset":[{"outline-offset":[Y,Z,X]}],"outline-w":[{outline:[``,Y,Mr,Tr]}],"outline-color":[{outline:j()}],shadow:[{shadow:[``,`none`,u,Lr,jr]}],"shadow-color":[{shadow:j()}],"inset-shadow":[{"inset-shadow":[`none`,d,Lr,jr]}],"inset-shadow-color":[{"inset-shadow":j()}],"ring-w":[{ring:N()}],"ring-w-inset":[`ring-inset`],"ring-color":[{ring:j()}],"ring-offset-w":[{"ring-offset":[Y,Tr]}],"ring-offset-color":[{"ring-offset":j()}],"inset-ring-w":[{"inset-ring":N()}],"inset-ring-color":[{"inset-ring":j()}],"text-shadow":[{"text-shadow":[`none`,f,Lr,jr]}],"text-shadow-color":[{"text-shadow":j()}],opacity:[{opacity:[Y,Z,X]}],"mix-blend":[{"mix-blend":[...ue(),`plus-darker`,`plus-lighter`]}],"bg-blend":[{"bg-blend":ue()}],"mask-clip":[{"mask-clip":[`border`,`padding`,`content`,`fill`,`stroke`,`view`]},`mask-no-clip`],"mask-composite":[{mask:[`add`,`subtract`,`intersect`,`exclude`]}],"mask-image-linear-pos":[{"mask-linear":[Y]}],"mask-image-linear-from-pos":[{"mask-linear-from":P()}],"mask-image-linear-to-pos":[{"mask-linear-to":P()}],"mask-image-linear-from-color":[{"mask-linear-from":j()}],"mask-image-linear-to-color":[{"mask-linear-to":j()}],"mask-image-t-from-pos":[{"mask-t-from":P()}],"mask-image-t-to-pos":[{"mask-t-to":P()}],"mask-image-t-from-color":[{"mask-t-from":j()}],"mask-image-t-to-color":[{"mask-t-to":j()}],"mask-image-r-from-pos":[{"mask-r-from":P()}],"mask-image-r-to-pos":[{"mask-r-to":P()}],"mask-image-r-from-color":[{"mask-r-from":j()}],"mask-image-r-to-color":[{"mask-r-to":j()}],"mask-image-b-from-pos":[{"mask-b-from":P()}],"mask-image-b-to-pos":[{"mask-b-to":P()}],"mask-image-b-from-color":[{"mask-b-from":j()}],"mask-image-b-to-color":[{"mask-b-to":j()}],"mask-image-l-from-pos":[{"mask-l-from":P()}],"mask-image-l-to-pos":[{"mask-l-to":P()}],"mask-image-l-from-color":[{"mask-l-from":j()}],"mask-image-l-to-color":[{"mask-l-to":j()}],"mask-image-x-from-pos":[{"mask-x-from":P()}],"mask-image-x-to-pos":[{"mask-x-to":P()}],"mask-image-x-from-color":[{"mask-x-from":j()}],"mask-image-x-to-color":[{"mask-x-to":j()}],"mask-image-y-from-pos":[{"mask-y-from":P()}],"mask-image-y-to-pos":[{"mask-y-to":P()}],"mask-image-y-from-color":[{"mask-y-from":j()}],"mask-image-y-to-color":[{"mask-y-to":j()}],"mask-image-radial":[{"mask-radial":[Z,X]}],"mask-image-radial-from-pos":[{"mask-radial-from":P()}],"mask-image-radial-to-pos":[{"mask-radial-to":P()}],"mask-image-radial-from-color":[{"mask-radial-from":j()}],"mask-image-radial-to-color":[{"mask-radial-to":j()}],"mask-image-radial-shape":[{"mask-radial":[`circle`,`ellipse`]}],"mask-image-radial-size":[{"mask-radial":[{closest:[`side`,`corner`],farthest:[`side`,`corner`]}]}],"mask-image-radial-pos":[{"mask-radial-at":b()}],"mask-image-conic-pos":[{"mask-conic":[Y]}],"mask-image-conic-from-pos":[{"mask-conic-from":P()}],"mask-image-conic-to-pos":[{"mask-conic-to":P()}],"mask-image-conic-from-color":[{"mask-conic-from":j()}],"mask-image-conic-to-color":[{"mask-conic-to":j()}],"mask-mode":[{mask:[`alpha`,`luminance`,`match`]}],"mask-origin":[{"mask-origin":[`border`,`padding`,`content`,`fill`,`stroke`,`view`]}],"mask-position":[{mask:ae()}],"mask-repeat":[{mask:oe()}],"mask-size":[{mask:se()}],"mask-type":[{"mask-type":[`alpha`,`luminance`]}],"mask-image":[{mask:[`none`,Z,X]}],filter:[{filter:[``,`none`,Z,X]}],blur:[{blur:de()}],brightness:[{brightness:[Y,Z,X]}],contrast:[{contrast:[Y,Z,X]}],"drop-shadow":[{"drop-shadow":[``,`none`,p,Lr,jr]}],"drop-shadow-color":[{"drop-shadow":j()}],grayscale:[{grayscale:[``,Y,Z,X]}],"hue-rotate":[{"hue-rotate":[Y,Z,X]}],invert:[{invert:[``,Y,Z,X]}],saturate:[{saturate:[Y,Z,X]}],sepia:[{sepia:[``,Y,Z,X]}],"backdrop-filter":[{"backdrop-filter":[``,`none`,Z,X]}],"backdrop-blur":[{"backdrop-blur":de()}],"backdrop-brightness":[{"backdrop-brightness":[Y,Z,X]}],"backdrop-contrast":[{"backdrop-contrast":[Y,Z,X]}],"backdrop-grayscale":[{"backdrop-grayscale":[``,Y,Z,X]}],"backdrop-hue-rotate":[{"backdrop-hue-rotate":[Y,Z,X]}],"backdrop-invert":[{"backdrop-invert":[``,Y,Z,X]}],"backdrop-opacity":[{"backdrop-opacity":[Y,Z,X]}],"backdrop-saturate":[{"backdrop-saturate":[Y,Z,X]}],"backdrop-sepia":[{"backdrop-sepia":[``,Y,Z,X]}],"border-collapse":[{border:[`collapse`,`separate`]}],"border-spacing":[{"border-spacing":C()}],"border-spacing-x":[{"border-spacing-x":C()}],"border-spacing-y":[{"border-spacing-y":C()}],"table-layout":[{table:[`auto`,`fixed`]}],caption:[{caption:[`top`,`bottom`]}],transition:[{transition:[``,`all`,`colors`,`opacity`,`shadow`,`transform`,`none`,Z,X]}],"transition-behavior":[{transition:[`normal`,`discrete`]}],duration:[{duration:[Y,`initial`,Z,X]}],ease:[{ease:[`linear`,`initial`,_,Z,X]}],delay:[{delay:[Y,Z,X]}],animate:[{animate:[`none`,v,Z,X]}],backface:[{backface:[`hidden`,`visible`]}],perspective:[{perspective:[h,Z,X]}],"perspective-origin":[{"perspective-origin":x()}],rotate:[{rotate:fe()}],"rotate-x":[{"rotate-x":fe()}],"rotate-y":[{"rotate-y":fe()}],"rotate-z":[{"rotate-z":fe()}],scale:[{scale:pe()}],"scale-x":[{"scale-x":pe()}],"scale-y":[{"scale-y":pe()}],"scale-z":[{"scale-z":pe()}],"scale-3d":[`scale-3d`],skew:[{skew:me()}],"skew-x":[{"skew-x":me()}],"skew-y":[{"skew-y":me()}],transform:[{transform:[Z,X,``,`none`,`gpu`,`cpu`]}],"transform-origin":[{origin:x()}],"transform-style":[{transform:[`3d`,`flat`]}],translate:[{translate:F()}],"translate-x":[{"translate-x":F()}],"translate-y":[{"translate-y":F()}],"translate-z":[{"translate-z":F()}],"translate-none":[`translate-none`],accent:[{accent:j()}],appearance:[{appearance:[`none`,`auto`]}],"caret-color":[{caret:j()}],"color-scheme":[{scheme:[`normal`,`dark`,`light`,`light-dark`,`only-dark`,`only-light`]}],cursor:[{cursor:[`auto`,`default`,`pointer`,`wait`,`text`,`move`,`help`,`not-allowed`,`none`,`context-menu`,`progress`,`cell`,`crosshair`,`vertical-text`,`alias`,`copy`,`no-drop`,`grab`,`grabbing`,`all-scroll`,`col-resize`,`row-resize`,`n-resize`,`e-resize`,`s-resize`,`w-resize`,`ne-resize`,`nw-resize`,`se-resize`,`sw-resize`,`ew-resize`,`ns-resize`,`nesw-resize`,`nwse-resize`,`zoom-in`,`zoom-out`,Z,X]}],"field-sizing":[{"field-sizing":[`fixed`,`content`]}],"pointer-events":[{"pointer-events":[`auto`,`none`]}],resize:[{resize:[`none`,``,`y`,`x`]}],"scroll-behavior":[{scroll:[`auto`,`smooth`]}],"scroll-m":[{"scroll-m":C()}],"scroll-mx":[{"scroll-mx":C()}],"scroll-my":[{"scroll-my":C()}],"scroll-ms":[{"scroll-ms":C()}],"scroll-me":[{"scroll-me":C()}],"scroll-mbs":[{"scroll-mbs":C()}],"scroll-mbe":[{"scroll-mbe":C()}],"scroll-mt":[{"scroll-mt":C()}],"scroll-mr":[{"scroll-mr":C()}],"scroll-mb":[{"scroll-mb":C()}],"scroll-ml":[{"scroll-ml":C()}],"scroll-p":[{"scroll-p":C()}],"scroll-px":[{"scroll-px":C()}],"scroll-py":[{"scroll-py":C()}],"scroll-ps":[{"scroll-ps":C()}],"scroll-pe":[{"scroll-pe":C()}],"scroll-pbs":[{"scroll-pbs":C()}],"scroll-pbe":[{"scroll-pbe":C()}],"scroll-pt":[{"scroll-pt":C()}],"scroll-pr":[{"scroll-pr":C()}],"scroll-pb":[{"scroll-pb":C()}],"scroll-pl":[{"scroll-pl":C()}],"snap-align":[{snap:[`start`,`end`,`center`,`align-none`]}],"snap-stop":[{snap:[`normal`,`always`]}],"snap-type":[{snap:[`none`,`x`,`y`,`both`]}],"snap-strictness":[{snap:[`mandatory`,`proximity`]}],touch:[{touch:[`auto`,`none`,`manipulation`]}],"touch-x":[{"touch-pan":[`x`,`left`,`right`]}],"touch-y":[{"touch-pan":[`y`,`up`,`down`]}],"touch-pz":[`touch-pinch-zoom`],select:[{select:[`none`,`text`,`all`,`auto`]}],"will-change":[{"will-change":[`auto`,`scroll`,`contents`,`transform`,Z,X]}],fill:[{fill:[`none`,...j()]}],"stroke-w":[{stroke:[Y,Mr,Tr,Er]}],stroke:[{stroke:[`none`,...j()]}],"forced-color-adjust":[{"forced-color-adjust":[`auto`,`none`]}]},conflictingClassGroups:{overflow:[`overflow-x`,`overflow-y`],overscroll:[`overscroll-x`,`overscroll-y`],inset:[`inset-x`,`inset-y`,`inset-bs`,`inset-be`,`start`,`end`,`top`,`right`,`bottom`,`left`],"inset-x":[`right`,`left`],"inset-y":[`top`,`bottom`],flex:[`basis`,`grow`,`shrink`],gap:[`gap-x`,`gap-y`],p:[`px`,`py`,`ps`,`pe`,`pbs`,`pbe`,`pt`,`pr`,`pb`,`pl`],px:[`pr`,`pl`],py:[`pt`,`pb`],m:[`mx`,`my`,`ms`,`me`,`mbs`,`mbe`,`mt`,`mr`,`mb`,`ml`],mx:[`mr`,`ml`],my:[`mt`,`mb`],size:[`w`,`h`],"font-size":[`leading`],"fvn-normal":[`fvn-ordinal`,`fvn-slashed-zero`,`fvn-figure`,`fvn-spacing`,`fvn-fraction`],"fvn-ordinal":[`fvn-normal`],"fvn-slashed-zero":[`fvn-normal`],"fvn-figure":[`fvn-normal`],"fvn-spacing":[`fvn-normal`],"fvn-fraction":[`fvn-normal`],"line-clamp":[`display`,`overflow`],rounded:[`rounded-s`,`rounded-e`,`rounded-t`,`rounded-r`,`rounded-b`,`rounded-l`,`rounded-ss`,`rounded-se`,`rounded-ee`,`rounded-es`,`rounded-tl`,`rounded-tr`,`rounded-br`,`rounded-bl`],"rounded-s":[`rounded-ss`,`rounded-es`],"rounded-e":[`rounded-se`,`rounded-ee`],"rounded-t":[`rounded-tl`,`rounded-tr`],"rounded-r":[`rounded-tr`,`rounded-br`],"rounded-b":[`rounded-br`,`rounded-bl`],"rounded-l":[`rounded-tl`,`rounded-bl`],"border-spacing":[`border-spacing-x`,`border-spacing-y`],"border-w":[`border-w-x`,`border-w-y`,`border-w-s`,`border-w-e`,`border-w-bs`,`border-w-be`,`border-w-t`,`border-w-r`,`border-w-b`,`border-w-l`],"border-w-x":[`border-w-r`,`border-w-l`],"border-w-y":[`border-w-t`,`border-w-b`],"border-color":[`border-color-x`,`border-color-y`,`border-color-s`,`border-color-e`,`border-color-bs`,`border-color-be`,`border-color-t`,`border-color-r`,`border-color-b`,`border-color-l`],"border-color-x":[`border-color-r`,`border-color-l`],"border-color-y":[`border-color-t`,`border-color-b`],translate:[`translate-x`,`translate-y`,`translate-none`],"translate-none":[`translate`,`translate-x`,`translate-y`,`translate-z`],"scroll-m":[`scroll-mx`,`scroll-my`,`scroll-ms`,`scroll-me`,`scroll-mbs`,`scroll-mbe`,`scroll-mt`,`scroll-mr`,`scroll-mb`,`scroll-ml`],"scroll-mx":[`scroll-mr`,`scroll-ml`],"scroll-my":[`scroll-mt`,`scroll-mb`],"scroll-p":[`scroll-px`,`scroll-py`,`scroll-ps`,`scroll-pe`,`scroll-pbs`,`scroll-pbe`,`scroll-pt`,`scroll-pr`,`scroll-pb`,`scroll-pl`],"scroll-px":[`scroll-pr`,`scroll-pl`],"scroll-py":[`scroll-pt`,`scroll-pb`],touch:[`touch-x`,`touch-y`,`touch-pz`],"touch-x":[`touch`],"touch-y":[`touch`],"touch-pz":[`touch`]},conflictingClassGroupModifiers:{"font-size":[`leading`]},orderSensitiveModifiers:[`*`,`**`,`after`,`backdrop`,`before`,`details-content`,`file`,`first-letter`,`first-line`,`marker`,`placeholder`,`selection`]}});function Xr(e){var t,n,r=``;if(typeof e==`string`||typeof e==`number`)r+=e;else if(typeof e==`object`)if(Array.isArray(e)){var i=e.length;for(t=0;t<i;t++)e[t]&&(n=Xr(e[t]))&&(r&&(r+=` `),r+=n)}else for(n in e)e[n]&&(r&&(r+=` `),r+=n);return r}function Zr(){for(var e,t,n=0,r=``,i=arguments.length;n<i;n++)(e=arguments[n])&&(t=Xr(e))&&(r&&(r+=` `),r+=t);return r}var Q=(...e)=>Yr(Zr(e));function Qr(){let e=z(null),t=z(!1),n=z({x:0,y:0}),r=Dt.value,i=Gt.value;if(Et.value)return null;let a=i=>{i.button===0&&(t.current=!0,n.current={x:i.clientX-r.x,y:i.clientY-r.y},e.current?.setPointerCapture(i.pointerId),i.preventDefault())},o=e=>{t.current&&mn(Dn(e.clientX-n.current.x,0,window.innerWidth-48),Dn(e.clientY-n.current.y,0,window.innerHeight-48))},s=n=>{if(!t.current)return;t.current=!1,e.current?.releasePointerCapture(n.pointerId);let i=En(r.x,r.y,window.innerWidth,window.innerHeight);mn(i.x,i.y),hn(i.corner)},c=()=>{t.current||dn()};De(()=>{let t=e.current;if(t)return t.addEventListener(`pointerdown`,a),t.addEventListener(`pointermove`,o),t.addEventListener(`pointerup`,s),()=>{t.removeEventListener(`pointerdown`,a),t.removeEventListener(`pointermove`,o),t.removeEventListener(`pointerup`,s)}},[r]);let l=i>0,u=l?`#DA2F47`:`#22c55e`;return K(`button`,{ref:e,onClick:c,className:Q(`fixed z-[1000] rounded-full border-2 shadow-md`,`flex items-center justify-center cursor-pointer touch-none`,`transition-all duration-150 select-none`,`hover:shadow-lg`,`bg-white hover:bg-gray-50`),style:{width:`48px`,height:`48px`,left:`${r.x}px`,top:`${r.y}px`,transform:`translate3d(0, 0, 0)`,borderColor:u},title:`Autolemetry Observability`,children:K(Sn,{fill:l?`#fff`:void 0,width:28,height:28})})}var $r=(...e)=>e.filter((e,t,n)=>!!e&&e.trim()!==``&&n.indexOf(e)===t).join(` `).trim(),ei=e=>e.replace(/([a-z0-9])([A-Z])/g,`$1-$2`).toLowerCase(),ti=e=>e.replace(/^([A-Z])|[\s-_]+(\w)/g,(e,t,n)=>n?n.toUpperCase():t.toLowerCase()),ni=e=>{let t=ti(e);return t.charAt(0).toUpperCase()+t.slice(1)},ri={xmlns:`http://www.w3.org/2000/svg`,width:24,height:24,viewBox:`0 0 24 24`,fill:`none`,stroke:`currentColor`,"stroke-width":`2`,"stroke-linecap":`round`,"stroke-linejoin":`round`},ii=me({size:24,color:`currentColor`,strokeWidth:2,absoluteStrokeWidth:!1,class:``}),ai=()=>Oe(ii),oi=e=>{for(let t in e)if(t.startsWith(`aria-`)||t===`role`||t===`title`)return!0;return!1},si=({color:e,size:t,strokeWidth:n,absoluteStrokeWidth:r,children:i,iconNode:a,class:o=``,...s})=>{let{size:c=24,strokeWidth:l=2,absoluteStrokeWidth:u=!1,color:d=`currentColor`,class:f=``}=ai()??{},p=r??u?Number(n??l)*24/Number(t??c):n??l;return S(`svg`,{...ri,width:t??c??24,height:t??c??24,stroke:e??d,"stroke-width":p,class:$r(`lucide`,f,o),...!i&&!oi(s)&&{"aria-hidden":`true`},...s},[...a.map(([e,t])=>S(e,t)),...ie(i)])},$=(e,t)=>{let n=({class:n=``,className:r=``,children:i,...a})=>S(si,{...a,iconNode:t,class:$r(`lucide-${ei(ni(e))}`,`lucide-${ei(e)}`,n,r)},i);return n.displayName=ni(e),n},ci=$(`activity`,[[`path`,{d:`M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2`,key:`169zse`}]]),li=$(`arrow-right`,[[`path`,{d:`M5 12h14`,key:`1ays0h`}],[`path`,{d:`m12 5 7 7-7 7`,key:`xquz4c`}]]),ui=$(`boxes`,[[`path`,{d:`M2.97 12.92A2 2 0 0 0 2 14.63v3.24a2 2 0 0 0 .97 1.71l3 1.8a2 2 0 0 0 2.06 0L12 19v-5.5l-5-3-4.03 2.42Z`,key:`lc1i9w`}],[`path`,{d:`m7 16.5-4.74-2.85`,key:`1o9zyk`}],[`path`,{d:`m7 16.5 5-3`,key:`va8pkn`}],[`path`,{d:`M7 16.5v5.17`,key:`jnp8gn`}],[`path`,{d:`M12 13.5V19l3.97 2.38a2 2 0 0 0 2.06 0l3-1.8a2 2 0 0 0 .97-1.71v-3.24a2 2 0 0 0-.97-1.71L17 10.5l-5 3Z`,key:`8zsnat`}],[`path`,{d:`m17 16.5-5-3`,key:`8arw3v`}],[`path`,{d:`m17 16.5 4.74-2.85`,key:`8rfmw`}],[`path`,{d:`M17 16.5v5.17`,key:`k6z78m`}],[`path`,{d:`M7.97 4.42A2 2 0 0 0 7 6.13v4.37l5 3 5-3V6.13a2 2 0 0 0-.97-1.71l-3-1.8a2 2 0 0 0-2.06 0l-3 1.8Z`,key:`1xygjf`}],[`path`,{d:`M12 8 7.26 5.15`,key:`1vbdud`}],[`path`,{d:`m12 8 4.74-2.85`,key:`3rx089`}],[`path`,{d:`M12 13.5V8`,key:`1io7kd`}]]),di=$(`camera`,[[`path`,{d:`M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z`,key:`18u6gg`}],[`circle`,{cx:`12`,cy:`13`,r:`3`,key:`1vg3eu`}]]),fi=$(`chart-column`,[[`path`,{d:`M3 3v16a2 2 0 0 0 2 2h16`,key:`c24i48`}],[`path`,{d:`M18 17V9`,key:`2bz60n`}],[`path`,{d:`M13 17V5`,key:`1frdt8`}],[`path`,{d:`M8 17v-3`,key:`17ska0`}]]),pi=$(`chart-no-axes-column-increasing`,[[`path`,{d:`M5 21v-6`,key:`1hz6c0`}],[`path`,{d:`M12 21V9`,key:`uvy0l4`}],[`path`,{d:`M19 21V3`,key:`11j9sm`}]]),mi=$(`check`,[[`path`,{d:`M20 6 9 17l-5-5`,key:`1gmf2c`}]]),hi=$(`chevron-down`,[[`path`,{d:`m6 9 6 6 6-6`,key:`qrunsl`}]]),gi=$(`chevron-left`,[[`path`,{d:`m15 18-6-6 6-6`,key:`1wnfg3`}]]),_i=$(`chevron-right`,[[`path`,{d:`m9 18 6-6-6-6`,key:`mthhwq`}]]),vi=$(`circle-alert`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`line`,{x1:`12`,x2:`12`,y1:`8`,y2:`12`,key:`1pkeuh`}],[`line`,{x1:`12`,x2:`12.01`,y1:`16`,y2:`16`,key:`4dfq90`}]]),yi=$(`clock`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M12 6v6l4 2`,key:`mmk7yg`}]]),bi=$(`copy`,[[`rect`,{width:`14`,height:`14`,x:`8`,y:`8`,rx:`2`,ry:`2`,key:`17jyea`}],[`path`,{d:`M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2`,key:`zix9uf`}]]),xi=$(`database`,[[`ellipse`,{cx:`12`,cy:`5`,rx:`9`,ry:`3`,key:`msslwz`}],[`path`,{d:`M3 5V19A9 3 0 0 0 21 19V5`,key:`1wlel7`}],[`path`,{d:`M3 12A9 3 0 0 0 21 12`,key:`mv7ke4`}]]),Si=$(`dollar-sign`,[[`line`,{x1:`12`,x2:`12`,y1:`2`,y2:`22`,key:`7eqyqh`}],[`path`,{d:`M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6`,key:`1b0p4s`}]]),Ci=$(`download`,[[`path`,{d:`M12 15V3`,key:`m9g1x1`}],[`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`,key:`ih7n3h`}],[`path`,{d:`m7 10 5 5 5-5`,key:`brsn70`}]]),wi=$(`external-link`,[[`path`,{d:`M15 3h6v6`,key:`1q9fwt`}],[`path`,{d:`M10 14 21 3`,key:`gplh6r`}],[`path`,{d:`M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6`,key:`a6xqqp`}]]),Ti=$(`file-text`,[[`path`,{d:`M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z`,key:`1oefj6`}],[`path`,{d:`M14 2v5a1 1 0 0 0 1 1h5`,key:`wfsgrz`}],[`path`,{d:`M10 9H8`,key:`b1mrlr`}],[`path`,{d:`M16 13H8`,key:`t4e002`}],[`path`,{d:`M16 17H8`,key:`z1uh3a`}]]),Ei=$(`flame`,[[`path`,{d:`M12 3q1 4 4 6.5t3 5.5a1 1 0 0 1-14 0 5 5 0 0 1 1-3 1 1 0 0 0 5 0c0-2-1.5-3-1.5-5q0-2 2.5-4`,key:`1slcih`}]]),Di=$(`hash`,[[`line`,{x1:`4`,x2:`20`,y1:`9`,y2:`9`,key:`4lhtct`}],[`line`,{x1:`4`,x2:`20`,y1:`15`,y2:`15`,key:`vyu0kd`}],[`line`,{x1:`10`,x2:`8`,y1:`3`,y2:`21`,key:`1ggp8o`}],[`line`,{x1:`16`,x2:`14`,y1:`3`,y2:`21`,key:`weycgp`}]]),Oi=$(`info`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M12 16v-4`,key:`1dtifu`}],[`path`,{d:`M12 8h.01`,key:`e9boi3`}]]),ki=$(`layers`,[[`path`,{d:`M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z`,key:`zw3jo`}],[`path`,{d:`M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12`,key:`1wduqc`}],[`path`,{d:`M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17`,key:`kqbvx6`}]]),Ai=$(`layout-list`,[[`rect`,{width:`7`,height:`7`,x:`3`,y:`3`,rx:`1`,key:`1g98yp`}],[`rect`,{width:`7`,height:`7`,x:`3`,y:`14`,rx:`1`,key:`1bb6yr`}],[`path`,{d:`M14 4h7`,key:`3xa0d5`}],[`path`,{d:`M14 9h7`,key:`1icrd9`}],[`path`,{d:`M14 15h7`,key:`1mj8o2`}],[`path`,{d:`M14 20h7`,key:`11slyb`}]]),ji=$(`link-2`,[[`path`,{d:`M9 17H7A5 5 0 0 1 7 7h2`,key:`8i5ue5`}],[`path`,{d:`M15 7h2a5 5 0 1 1 0 10h-2`,key:`1b9ql8`}],[`line`,{x1:`8`,x2:`16`,y1:`12`,y2:`12`,key:`1jonct`}]]),Mi=$(`network`,[[`rect`,{x:`16`,y:`16`,width:`6`,height:`6`,rx:`1`,key:`4q2zg0`}],[`rect`,{x:`2`,y:`16`,width:`6`,height:`6`,rx:`1`,key:`8cvhb9`}],[`rect`,{x:`9`,y:`2`,width:`6`,height:`6`,rx:`1`,key:`1egb70`}],[`path`,{d:`M5 16v-3a1 1 0 0 1 1-1h12a1 1 0 0 1 1 1v3`,key:`1jsf9p`}],[`path`,{d:`M12 12V8`,key:`2874zd`}]]),Ni=$(`pause`,[[`rect`,{x:`14`,y:`3`,width:`5`,height:`18`,rx:`1`,key:`kaeet6`}],[`rect`,{x:`5`,y:`3`,width:`5`,height:`18`,rx:`1`,key:`1wsw3u`}]]),Pi=$(`play`,[[`path`,{d:`M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z`,key:`10ikf1`}]]),Fi=$(`rotate-ccw`,[[`path`,{d:`M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8`,key:`1357e3`}],[`path`,{d:`M3 3v5h5`,key:`1xhq8a`}]]),Ii=$(`search`,[[`path`,{d:`m21 21-4.34-4.34`,key:`14j7rj`}],[`circle`,{cx:`11`,cy:`11`,r:`8`,key:`4ej97u`}]]),Li=$(`server`,[[`rect`,{width:`20`,height:`8`,x:`2`,y:`2`,rx:`2`,ry:`2`,key:`ngkwjq`}],[`rect`,{width:`20`,height:`8`,x:`2`,y:`14`,rx:`2`,ry:`2`,key:`iecqi9`}],[`line`,{x1:`6`,x2:`6.01`,y1:`6`,y2:`6`,key:`16zg32`}],[`line`,{x1:`6`,x2:`6.01`,y1:`18`,y2:`18`,key:`nzw8ys`}]]),Ri=$(`tag`,[[`path`,{d:`M12.586 2.586A2 2 0 0 0 11.172 2H4a2 2 0 0 0-2 2v7.172a2 2 0 0 0 .586 1.414l8.704 8.704a2.426 2.426 0 0 0 3.42 0l6.58-6.58a2.426 2.426 0 0 0 0-3.42z`,key:`vktsd0`}],[`circle`,{cx:`7.5`,cy:`7.5`,r:`.5`,fill:`currentColor`,key:`kqv944`}]]),zi=$(`target`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`circle`,{cx:`12`,cy:`12`,r:`6`,key:`1vlfrh`}],[`circle`,{cx:`12`,cy:`12`,r:`2`,key:`1c9p78`}]]),Bi=$(`trending-up`,[[`path`,{d:`M16 7h6v6`,key:`box55l`}],[`path`,{d:`m22 7-8.5 8.5-5-5L2 17`,key:`1t1m79`}]]),Vi=$(`triangle-alert`,[[`path`,{d:`m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3`,key:`wmoenq`}],[`path`,{d:`M12 9v4`,key:`juzpu7`}],[`path`,{d:`M12 17h.01`,key:`p32p05`}]]),Hi=$(`upload`,[[`path`,{d:`M12 3v12`,key:`1x0j5s`}],[`path`,{d:`m17 8-5-5-5 5`,key:`7q97r8`}],[`path`,{d:`M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4`,key:`ih7n3h`}]]),Ui=$(`x`,[[`path`,{d:`M18 6 6 18`,key:`1bl5f8`}],[`path`,{d:`m6 6 12 12`,key:`d8bk6v`}]]);function Wi({content:e,children:t}){let[n,r]=R(!1);return K(`div`,{className:`relative group`,children:[t,K(`button`,{onClick:async()=>{try{await navigator.clipboard.writeText(e),r(!0),setTimeout(()=>r(!1),2e3)}catch(e){console.error(`Failed to copy:`,e)}},className:Q(`absolute top-2 right-2 p-1.5 rounded-md`,`bg-white border border-gray-300 shadow-sm`,`opacity-0 group-hover:opacity-100 transition-opacity`,`hover:bg-gray-50`),title:`Copy`,children:n?K(mi,{size:14,className:`text-green-600`}):K(bi,{size:14,className:`text-gray-600`})})]})}function Gi(e){let t=new Map,n=[];for(let n of e)t.set(n.spanId,{span:n,children:[],depth:0});for(let r of e){let e=t.get(r.spanId);if(r.parentSpanId){let i=t.get(r.parentSpanId);i?(i.children.push(e),e.depth=i.depth+1):n.push(e)}else n.push(e)}let r=e=>{e.sort((e,t)=>e.span.startTime-t.span.startTime);for(let t of e)r(t.children)};return r(n),n}function Ki(e,t){let n=[],r=e=>{n.push(e),t.has(e.span.spanId)||e.children.forEach(r)};return e.forEach(r),n}function qi(e){let t=e.children.length;for(let n of e.children)t+=qi(n);return t}function Ji(e,t){let n=t.startTime,r=t.duration||1,i=e.startTime-n,a=i/r*100,o=e.duration/r*100;return{offsetMs:i,offsetPercent:Math.max(0,Math.min(100,a)),widthPercent:Math.max(.5,Math.min(100-a,o))}}function Yi(e){switch(e){case`SERVER`:return`bg-blue-500`;case`CLIENT`:return`bg-green-500`;case`PRODUCER`:return`bg-purple-500`;case`CONSUMER`:return`bg-orange-500`;default:return`bg-gray-500`}}function Xi(e){switch(e){case`SERVER`:return`bg-blue-400`;case`CLIENT`:return`bg-green-400`;case`PRODUCER`:return`bg-purple-400`;case`CONSUMER`:return`bg-orange-400`;default:return`bg-gray-400`}}function Zi({trace:e,onSpanSelect:t,selectedSpanId:n}){let[r,i]=R(new Set),a=B(()=>Gi(e.spans),[e.spans]),o=B(()=>Ki(a,r),[a,r]),s=e=>{i(t=>{let n=new Set(t);return n.has(e)?n.delete(e):n.add(e),n})},c=t=>e.spans.some(e=>e.parentSpanId===t),l=B(()=>{let t=e.duration||1,n=[];for(let e=0;e<=5;e++){let r=e/5*100,i=e/5*t;n.push({percent:r,label:q(i)})}return n},[e.duration]);return K(`div`,{className:`flex flex-col h-full`,children:[K(`div`,{className:`flex border-b border-gray-200 bg-gray-50 text-xs text-gray-500`,children:[K(`div`,{className:`w-[200px] shrink-0 px-3 py-2 font-medium text-gray-700`,children:`Span Name`}),K(`div`,{className:`flex-1 relative py-2`,children:l.map((e,t)=>K(`div`,{className:`absolute text-[10px]`,style:{left:`${e.percent}%`,transform:`translateX(-50%)`},children:e.label},t))}),K(`div`,{className:`w-[80px] shrink-0 px-2 py-2 text-right font-medium text-gray-700`,children:`Duration`})]}),K(`div`,{className:`flex-1 overflow-auto relative`,children:[K(`div`,{className:`absolute inset-0 pointer-events-none`,style:{left:`200px`,right:`80px`},children:l.map((e,t)=>K(`div`,{className:`absolute top-0 bottom-0 border-l border-gray-100`,style:{left:`${e.percent}%`}},t))}),K(`div`,{className:`relative`,children:o.map(i=>K(Qi,{node:i,trace:e,isSelected:n===i.span.spanId,isCollapsed:r.has(i.span.spanId),hasChildren:c(i.span.spanId),onSelect:()=>t?.(i.span),onToggleCollapse:()=>s(i.span.spanId)},i.span.spanId))})]}),K(`div`,{className:`flex items-center gap-4 px-3 py-2 border-t border-gray-200 bg-gray-50 text-xs`,children:[K(`span`,{className:`text-gray-500 font-medium`,children:`Kind:`}),[`SERVER`,`CLIENT`,`INTERNAL`,`PRODUCER`,`CONSUMER`].map(e=>K(`div`,{className:`flex items-center gap-1`,children:[K(`div`,{className:Q(`w-3 h-3 rounded-sm`,Yi(e))}),K(`span`,{className:`text-gray-600`,children:e})]},e))]})]})}function Qi({node:e,trace:t,isSelected:n,isCollapsed:r,hasChildren:i,onSelect:a,onToggleCollapse:o}){let{span:s}=e,c=Ji(s,t),l=s.status.code===`ERROR`,u=s.events&&s.events.length>0;return K(`div`,{className:Q(`flex items-center border-b border-gray-100 hover:bg-blue-50/50 cursor-pointer transition-colors`,n&&`bg-blue-50 hover:bg-blue-100/50`,l&&`bg-red-50/30 hover:bg-red-50/50`),onClick:a,children:[K(`div`,{className:`w-[200px] shrink-0 px-2 py-2 flex items-center gap-1 min-w-0`,style:{paddingLeft:`${8+e.depth*16}px`},children:[i?K(`button`,{onClick:e=>{e.stopPropagation(),o()},className:`p-0.5 hover:bg-gray-200 rounded flex-shrink-0`,children:K(r?_i:hi,{size:12,className:`text-gray-500`})}):K(`div`,{className:`w-4`}),l&&K(vi,{size:12,className:`text-red-500 flex-shrink-0`}),u&&K(Oi,{size:10,className:`text-blue-500 flex-shrink-0`}),K(`span`,{className:Q(`text-xs truncate`,l?`text-red-700`:`text-gray-900`),title:s.name,children:s.name||`unknown`}),r&&e.children.length>0&&K(`span`,{className:`text-xs text-gray-400 ml-1`,children:[`(+`,qi(e),`)`]})]}),K(`div`,{className:`flex-1 py-2 px-1 relative h-8`,children:K(`div`,{className:Q(`absolute h-5 rounded-sm transition-colors group`,l?`bg-red-500`:Yi(s.kind),n&&(l?`bg-red-600`:Xi(s.kind))),style:{left:`${c.offsetPercent}%`,width:`${c.widthPercent}%`,top:`50%`,transform:`translateY(-50%)`,minWidth:`4px`},title:`${s.name}: ${q(s.duration)}`,children:[c.widthPercent>10&&K(`span`,{className:`absolute inset-0 flex items-center justify-center text-[10px] text-white font-medium`,children:q(s.duration)}),s.events&&s.events.length>0&&s.events.map((e,n)=>{let r=t.duration>0?(e.timestamp-t.startTime)/t.duration*100:0;return K(`div`,{className:Q(`absolute top-1/2 -translate-y-1/2 w-2 h-2 rounded-full border border-white z-10`,e.name===`exception`?`bg-red-500`:`bg-yellow-500`),style:{left:`${Math.min(Math.max(r,0),100)}%`},title:`${e.name} at ${q(e.timestamp-t.startTime)}`},n)})]})}),K(`div`,{className:`w-[80px] shrink-0 px-2 py-2 text-right`,children:K(`span`,{className:Q(`text-xs font-mono`,l?`text-red-600`:`text-gray-600`),children:q(s.duration)})})]})}function $i(e,t){let n=new Map,r=[],i=t.duration||1,a=t.startTime;for(let t of e){let e=(t.startTime-a)/i*100,r=t.duration/i*100;n.set(t.spanId,{span:t,children:[],depth:0,x:Math.max(0,e),width:Math.max(.5,Math.min(100-e,r))})}for(let t of e){let e=n.get(t.spanId);if(t.parentSpanId){let i=n.get(t.parentSpanId);i?(i.children.push(e),e.depth=i.depth+1):r.push(e)}else r.push(e)}let o=e=>{e.sort((e,t)=>e.span.startTime-t.span.startTime);for(let t of e)o(t.children)};return o(r),r}function ea(e){let t=[],n=e=>{t.push(e),e.children.forEach(n)};return e.forEach(n),t}function ta(e){let t=0,n=e=>{t=Math.max(t,e.depth),e.children.forEach(n)};return e.forEach(n),t}function na(e,t,n){let r=n.find(e=>e.spanId===t);if(!r)return e;let i=r.startTime,a=r.duration||1,o=(e,t)=>{let r=n.find(t=>t.spanId===e);return r?r.parentSpanId===t?!0:r.parentSpanId?o(r.parentSpanId,t):!1:!1},s=e=>{if(!(e.span.spanId===t||o(e.span.spanId,t)))return{...e,x:-100,width:0,children:e.children.map(s)};let n=(e.span.startTime-i)/a*100,r=e.span.duration/a*100;return{...e,x:Math.max(0,n),width:Math.max(.5,Math.min(100-Math.max(0,n),r)),children:e.children.map(s)}};return e.map(s)}function ra(e){if(e.status.code===`ERROR`)return`bg-red-500 hover:bg-red-400`;switch(e.kind){case`SERVER`:return`bg-blue-500 hover:bg-blue-400`;case`CLIENT`:return`bg-green-500 hover:bg-green-400`;case`PRODUCER`:return`bg-purple-500 hover:bg-purple-400`;case`CONSUMER`:return`bg-orange-500 hover:bg-orange-400`;default:return`bg-gray-500 hover:bg-gray-400`}}function ia(e){return e.status.code===`ERROR`?`ring-2 ring-red-700`:`ring-2 ring-gray-900`}var aa=24,oa=2;function sa({trace:e,onSpanSelect:t,selectedSpanId:n}){let[r,i]=R({focusedSpanId:null}),[a,o]=R(null),[s,c]=R({x:0,y:0}),l=z(null),u=B(()=>$i(e.spans,e),[e]),d=B(()=>r.focusedSpanId?na(u,r.focusedSpanId,e.spans):u,[u,r.focusedSpanId,e.spans]),f=B(()=>ea(d),[d]),p=B(()=>ta(d),[d]),m=B(()=>{let e=new Map;for(let t of f)if(t.width>0){let n=e.get(t.depth)||[];n.push(t),e.set(t.depth,n)}return e},[f]),h=e=>{i({focusedSpanId:e})},g=()=>{i({focusedSpanId:null})},_=(e,t)=>{if(l.current){let t=l.current.getBoundingClientRect();c({x:e.clientX-t.left,y:e.clientY-t.top})}o(t)},v=()=>{o(null)},y=(p+1)*(aa+oa)+20;return K(`div`,{className:`flex flex-col h-full`,children:[K(`div`,{className:`flex items-center justify-between px-3 py-2 border-b border-gray-200 bg-gray-50`,children:[K(`div`,{className:`text-xs text-gray-600`,children:r.focusedSpanId?K(`span`,{className:`flex items-center gap-2`,children:[K(`span`,{className:`font-medium`,children:`Zoomed:`}),K(`span`,{className:`truncate max-w-[200px]`,children:e.spans.find(e=>e.spanId===r.focusedSpanId)?.name})]}):K(`span`,{children:`Click a span to zoom in, double-click to select`})}),K(`div`,{className:`flex items-center gap-1`,children:r.focusedSpanId&&K(`button`,{onClick:g,className:`p-1.5 hover:bg-gray-200 rounded transition-colors flex items-center gap-1 text-xs text-gray-700`,title:`Reset zoom`,children:[K(Fi,{size:14}),`Reset`]})})]}),K(`div`,{ref:l,className:`flex-1 overflow-auto p-4 relative`,onMouseLeave:v,children:[K(`div`,{className:`relative w-full`,style:{height:`${y}px`,minWidth:`100%`},children:[...m.entries()].map(([e,r])=>K(`div`,{className:`absolute left-0 right-0`,style:{top:`${e*(aa+oa)}px`},children:r.map(e=>K(ca,{node:e,isSelected:n===e.span.spanId,isHovered:a?.spanId===e.span.spanId,onClick:()=>h(e.span.spanId),onDoubleClick:()=>t?.(e.span),onMouseMove:t=>_(t,e.span),onMouseLeave:v},e.span.spanId))},e))}),a&&K(`div`,{className:`absolute z-50 pointer-events-none`,style:{left:`${Math.min(s.x+10,(l.current?.clientWidth||300)-220)}px`,top:`${s.y+10}px`},children:K(`div`,{className:`bg-gray-900 text-white text-xs rounded-md shadow-lg p-2 max-w-[200px]`,children:[K(`div`,{className:`font-medium truncate mb-1`,children:a.name}),K(`div`,{className:`flex items-center gap-2 text-gray-300`,children:[K(`span`,{children:q(a.duration)}),K(`span`,{children:`|`}),K(`span`,{children:a.kind})]}),a.status.code===`ERROR`&&K(`div`,{className:`flex items-center gap-1 mt-1 text-red-400`,children:[K(vi,{size:10}),K(`span`,{children:`Error`})]})]})})]}),K(`div`,{className:`flex items-center gap-4 px-3 py-2 border-t border-gray-200 bg-gray-50 text-xs`,children:[K(`span`,{className:`text-gray-500 font-medium`,children:`Kind:`}),[`SERVER`,`CLIENT`,`INTERNAL`,`PRODUCER`,`CONSUMER`].map(e=>K(`div`,{className:`flex items-center gap-1`,children:[K(`div`,{className:Q(`w-3 h-3 rounded-sm`,e===`SERVER`&&`bg-blue-500`,e===`CLIENT`&&`bg-green-500`,e===`PRODUCER`&&`bg-purple-500`,e===`CONSUMER`&&`bg-orange-500`,e===`INTERNAL`&&`bg-gray-500`)}),K(`span`,{className:`text-gray-600`,children:e})]},e)),K(`div`,{className:`flex items-center gap-1 ml-2`,children:[K(`div`,{className:`w-3 h-3 rounded-sm bg-red-500`}),K(`span`,{className:`text-gray-600`,children:`ERROR`})]})]})]})}function ca({node:e,isSelected:t,isHovered:n,onClick:r,onDoubleClick:i,onMouseMove:a,onMouseLeave:o}){let{span:s,x:c,width:l}=e;return l<=0||c<0?null:K(`div`,{className:Q(`absolute cursor-pointer transition-all`,ra(s),t&&ia(s),`rounded-sm`),style:{left:`${c}%`,width:`${l}%`,height:`${aa}px`,minWidth:`4px`},onClick:r,onDblClick:i,onMouseMove:a,onMouseLeave:o,title:`${s.name}: ${q(s.duration)}`,children:l>5&&K(`div`,{className:`absolute inset-0 flex items-center px-1.5 overflow-hidden`,children:K(`span`,{className:`text-[10px] text-white font-medium truncate`,children:s.name})})})}function la({span:e,trace:t,onClose:n}){let[r,i]=R({timing:!0,attributes:!0,events:!1}),a=e=>{i(t=>({...t,[e]:!t[e]}))},o=e.status.code===`ERROR`,s=Object.keys(e.attributes||{}).length>0,c=e.events&&e.events.length>0,l=xt(e,t.service),u=St(e.attributes,l),d=Object.entries(e.attributes||{}).filter(([e])=>e.startsWith(`service.`)||e.startsWith(`deployment.`)||e.startsWith(`host.`)||e.startsWith(`container.`)||e.startsWith(`process.`)),f=Object.entries(e.attributes||{}).sort(([e],[t])=>e.localeCompare(t)),p=e.startTime-t.startTime,m=e.endTime-t.startTime,h=t.spans.find(t=>t.spanId===e.parentSpanId),g=t.spans.filter(t=>t.parentSpanId===e.spanId);return K(`div`,{className:`flex flex-col h-full bg-white border-l border-zinc-200`,children:[K(`div`,{className:`flex items-start justify-between gap-3 px-4 py-3 border-b border-zinc-200 bg-zinc-50`,children:[K(`div`,{className:`flex-1 min-w-0`,children:[K(`h3`,{className:`font-semibold text-sm text-zinc-900 truncate mb-1`,children:e.name||`Unknown Span`}),K(`div`,{className:`flex items-center gap-2 flex-wrap`,children:[K(`span`,{className:Q(`px-2 py-0.5 rounded text-xs font-medium`,o?`bg-red-100 text-red-700`:`bg-green-100 text-green-700`),children:e.status.code}),K(`span`,{className:`px-2 py-0.5 rounded bg-zinc-100 text-zinc-600 text-xs font-medium`,children:e.kind})]})]}),K(`button`,{onClick:n,className:`p-1.5 hover:bg-zinc-200 rounded-md transition-colors flex-shrink-0`,title:`Close`,children:K(Ui,{size:16,className:`text-zinc-500`})})]}),K(`div`,{className:`flex-1 overflow-auto`,children:[e.status.message&&K(`div`,{className:`mx-4 mt-4 p-3 bg-red-50 border border-red-200 rounded-md`,children:K(`div`,{className:`flex items-start gap-2`,children:[K(vi,{size:14,className:`text-red-500 flex-shrink-0 mt-0.5`}),K(`div`,{className:`text-xs text-red-700`,children:[K(`span`,{className:`font-medium`,children:`Error: `}),e.status.message]})]})}),K(ua,{title:`Timing`,icon:K(yi,{size:14}),expanded:r.timing,onToggle:()=>a(`timing`),children:K(`div`,{className:`grid grid-cols-2 gap-3 text-xs`,children:[K(da,{label:`Duration`,value:q(e.duration)}),K(da,{label:`Start (relative)`,value:q(p)}),K(da,{label:`End (relative)`,value:q(m)}),K(da,{label:`Start Time`,value:new Date(e.startTime).toLocaleTimeString()})]})}),K(`div`,{className:`px-4 py-3 border-b border-zinc-100`,children:K(`div`,{className:`space-y-2 text-xs`,children:[K(fa,{label:`Span ID`,value:e.spanId}),K(fa,{label:`Trace ID`,value:e.traceId}),e.parentSpanId&&K(fa,{label:`Parent Span ID`,value:e.parentSpanId})]})}),K(`div`,{className:`px-4 py-3 border-b border-zinc-100`,children:[K(`div`,{className:`flex items-center gap-2 mb-2`,children:[K(Ri,{size:14,className:`text-zinc-500`}),K(`span`,{className:`text-xs font-medium text-zinc-700`,children:`Resource`})]}),K(`div`,{className:`grid grid-cols-2 gap-3 text-xs`,children:[K(da,{label:`Trace Service`,value:t.service}),K(da,{label:`Derived Resource`,value:l}),K(da,{label:`Resource Type`,value:u}),K(da,{label:`Resource Attrs`,value:String(d.length)})]})]}),(h||g.length>0)&&K(`div`,{className:`px-4 py-3 border-b border-zinc-100`,children:[K(`div`,{className:`flex items-center gap-2 mb-2`,children:[K(ki,{size:14,className:`text-zinc-500`}),K(`span`,{className:`text-xs font-medium text-zinc-700`,children:`Relationships`})]}),K(`div`,{className:`space-y-2 text-xs`,children:[h&&K(`div`,{className:`flex items-center gap-2`,children:[K(`span`,{className:`text-zinc-500`,children:`Parent:`}),K(`span`,{className:`font-medium text-zinc-900`,children:h.name})]}),g.length>0&&K(`div`,{children:[K(`span`,{className:`text-zinc-500`,children:[`Children (`,g.length,`):`]}),K(`div`,{className:`mt-1 space-y-1 pl-2`,children:[g.slice(0,5).map(e=>K(`div`,{className:`text-zinc-700 truncate`,children:e.name},e.spanId)),g.length>5&&K(`div`,{className:`text-zinc-400`,children:[`+`,g.length-5,` more`]})]})]})]})]}),s&&K(ua,{title:`Attributes (${Object.keys(e.attributes).length})`,icon:K(Ri,{size:14}),expanded:r.attributes,onToggle:()=>a(`attributes`),children:K(Wi,{content:JSON.stringify(e.attributes,null,2),children:K(`div`,{className:`bg-zinc-50 rounded p-3 border border-zinc-200 font-mono text-xs max-h-[200px] overflow-auto`,children:f.map(([e,t])=>{let n=/(password|secret|token|authorization|api[-_.]?key)/i.test(e),r=e.startsWith(`service.`)||e.startsWith(`deployment.`)||e.startsWith(`host.`)||e.startsWith(`container.`)||e.startsWith(`process.`);return K(`div`,{className:`flex gap-2 py-0.5`,children:[K(`span`,{className:`text-zinc-500 flex-shrink-0`,children:[e,`:`]}),K(`span`,{className:`text-zinc-800 break-all`,children:[n?`[redacted]`:null,n?null:typeof t==`object`?JSON.stringify(t):String(t)]}),K(`span`,{className:Q(`text-[10px] uppercase tracking-wide ml-auto`,n?`text-red-500`:`text-zinc-400`),children:n?`sensitive`:r?`resource`:`span`})]},e)})})})}),c&&K(ua,{title:`Events (${e.events.length})`,icon:K(Oi,{size:14}),expanded:r.events,onToggle:()=>a(`events`),children:K(`div`,{className:`space-y-2`,children:e.events.map((t,n)=>K(`div`,{className:`bg-zinc-50 rounded p-2.5 border border-zinc-200`,children:[K(`div`,{className:`flex items-center justify-between mb-1`,children:[K(`span`,{className:`font-medium text-xs text-zinc-900`,children:t.name}),K(`span`,{className:`text-[10px] text-zinc-500`,children:[`+`,q(t.timestamp-e.startTime)]})]}),t.attributes&&Object.keys(t.attributes).length>0&&K(Wi,{content:JSON.stringify(t.attributes,null,2),children:K(`div`,{className:`font-mono text-[11px] text-zinc-600 mt-1`,children:K(`pre`,{className:`whitespace-pre-wrap break-words`,children:JSON.stringify(t.attributes,null,2)})})})]},n))})})]})]})}function ua({title:e,icon:t,expanded:n,onToggle:r,children:i}){return K(`div`,{className:`border-b border-zinc-100`,children:[K(`button`,{onClick:r,className:`w-full flex items-center gap-2 px-4 py-3 hover:bg-zinc-50 transition-colors`,children:[K(`span`,{className:`text-zinc-500`,children:t}),K(`span`,{className:`text-xs font-medium text-zinc-700 flex-1 text-left`,children:e}),K(hi,{size:14,className:Q(`text-zinc-400 transition-transform`,n&&`rotate-180`)})]}),n&&K(`div`,{className:`px-4 pb-3`,children:i})]})}function da({label:e,value:t}){return K(`div`,{children:[K(`div`,{className:`text-zinc-500 mb-0.5`,children:e}),K(`div`,{className:`font-mono font-medium text-zinc-900`,children:t})]})}function fa({label:e,value:t}){let[n,r]=R(!1);return K(`div`,{className:`flex items-center gap-2`,children:[K(`span`,{className:`text-zinc-500 w-24 flex-shrink-0`,children:[e,`:`]}),K(`code`,{className:`font-mono text-zinc-700 truncate flex-1`,children:t}),K(`button`,{onClick:async()=>{await navigator.clipboard.writeText(t),r(!0),setTimeout(()=>r(!1),2e3)},className:`p-1 hover:bg-zinc-100 rounded transition-colors flex-shrink-0`,title:`Copy to clipboard`,children:n?K(mi,{size:12,className:`text-green-500`}):K(bi,{size:12,className:`text-zinc-400`})})]})}var pa=`1.0.0`;function ma(e){return{version:pa,exportedAt:new Date().toISOString(),trace:e}}function ha(e){return{version:pa,exportedAt:new Date().toISOString(),traces:e}}function ga(e){return JSON.stringify(e,null,2)}function _a(e,t){let n=ga(ma(e)),r=new Blob([n],{type:`application/json`}),i=URL.createObjectURL(r),a=`trace-${e.traceId.slice(0,8)}-${new Date().toISOString().split(`T`)[0]}.json`,o=document.createElement(`a`);o.href=i,o.download=t||a,document.body.append(o),o.click(),o.remove(),URL.revokeObjectURL(i)}function va(e,t){let n=ga(ha(e)),r=new Blob([n],{type:`application/json`}),i=URL.createObjectURL(r),a=`traces-${e.length}-${new Date().toISOString().split(`T`)[0]}.json`,o=document.createElement(`a`);o.href=i,o.download=t||a,document.body.append(o),o.click(),o.remove(),URL.revokeObjectURL(i)}async function ya(e){let t=ga(ma(e));await navigator.clipboard.writeText(t)}function ba(e){return{...e,correlationId:e.correlationId||e.traceId.slice(0,8),service:e.service||`imported`,status:e.status||(e.spans.some(e=>e.status.code===`ERROR`)?`ERROR`:`OK`),spans:e.spans.map(xa),rootSpan:xa(e.rootSpan)}}function xa(e){return{...e,kind:e.kind||`INTERNAL`,attributes:e.attributes||{},status:{code:e.status?.code||`UNSET`,message:e.status?.message},events:e.events||[]}}function Sa(e){return new Promise((t,n)=>{let r=new FileReader;r.onload=()=>t(r.result),r.onerror=()=>n(Error(`Failed to read file`)),r.readAsText(e)})}function Ca(e){return{version:pa,kind:`autotel-devtools-snapshot`,capturedAt:new Date().toISOString(),data:e}}function wa(e,t){let n=JSON.stringify(Ca(e),null,2),r=new Blob([n],{type:`application/json`}),i=URL.createObjectURL(r),a=`autotel-snapshot-${new Date().toISOString().replaceAll(`:`,`-`).split(`.`)[0]}.json`,o=document.createElement(`a`);o.href=i,o.download=t||a,document.body.append(o),o.click(),o.remove(),URL.revokeObjectURL(i)}function Ta(e){let t;try{t=JSON.parse(e)}catch(e){return{success:!1,errors:[`Invalid JSON: ${e.message}`],warnings:[]}}if(!t||typeof t!=`object`)return{success:!1,errors:[`Snapshot is not an object`],warnings:[]};let n=t,r=[];n.kind&&n.kind!==`autotel-devtools-snapshot`&&r.push(`Unexpected snapshot kind: ${String(n.kind)}`),typeof n.version==`string`&&n.version!==pa&&r.push(`Version mismatch: expected ${pa}, got ${n.version}`);let i=n.data&&typeof n.data==`object`?n.data:n,a=Array.isArray(i.traces)?i.traces.map(ba):[],o=Array.isArray(i.logs)?i.logs:[],s=Array.isArray(i.errors)?i.errors:[],c=Array.isArray(i.metrics)?i.metrics:[];return a.length===0&&o.length===0&&s.length===0&&c.length===0?{success:!1,errors:[`Snapshot contains no traces, logs, errors, or metrics`],warnings:r}:{success:!0,snapshot:{traces:a,logs:o,errors:s,metrics:c},errors:[],warnings:r}}async function Ea(e){try{return Ta(await Sa(e))}catch(e){return{success:!1,errors:[`Failed to read file: ${e.message}`],warnings:[]}}}function Da(e,t,n){if(n===`error`&&e.status!==`ERROR`||n===`ok`&&e.status===`ERROR`)return!1;if(!t)return!0;let r=t.toLowerCase();return e.service?.toLowerCase().includes(r)||e.rootSpan?.name?.toLowerCase().includes(r)||e.traceId.toLowerCase().includes(r)||e.correlationId?.toLowerCase().includes(r)?!0:e.spans.some(e=>e.name?.toLowerCase().includes(r))}function Oa(){let e=Kt.value,t=en.value,n=Rt.value,r=Vt.value,[i,a]=R(``),[o,s]=R(`all`),c=B(()=>e.filter(e=>Da(e,i,o)),[e,i,o]);if(t)return K(Aa,{trace:t});let l=i.length>0||o!==`all`;return K(`div`,{className:`flex flex-col h-full`,children:[K(`div`,{className:`px-4 py-3 border-b border-zinc-200 flex items-center justify-between gap-2`,children:[K(`h3`,{className:`text-sm font-semibold flex items-center gap-2 text-zinc-900`,children:[K(xi,{size:16}),`Traces (`,l?`${c.length} of ${e.length}`:e.length,`)`]}),K(`div`,{className:`flex items-center gap-1`,children:[K(`button`,{onClick:sn,className:Q(`flex items-center gap-1 px-2 py-1 text-xs rounded transition-colors`,n?`bg-amber-100 text-amber-800 hover:bg-amber-200`:`hover:bg-zinc-100 text-zinc-600`),title:n?`Resume live tail`:`Pause live tail`,children:[K(n?Pi:Ni,{size:12}),n?`Resume${r>0?` (+${r})`:``}`:`Pause`]}),n&&r>0&&K(`button`,{onClick:cn,className:`px-2 py-1 text-xs rounded text-zinc-500 hover:bg-zinc-100 transition-colors`,title:`Drop buffered traces received while paused`,children:`Drop buffer`}),e.length>0&&K(`button`,{onClick:()=>va(e),className:`p-1.5 hover:bg-zinc-100 rounded transition-colors`,title:`Export all traces as JSON`,children:K(Ci,{size:14,className:`text-zinc-500`})})]})]}),K(`div`,{className:`px-4 py-2 border-b border-zinc-200 flex items-center gap-2`,children:[K(`div`,{className:`relative flex-1`,children:[K(Ii,{size:12,className:`absolute left-2 top-1/2 -translate-y-1/2 text-zinc-400`}),K(`input`,{value:i,onInput:e=>a(e.currentTarget.value),className:`w-full pl-7 pr-7 py-1 text-xs rounded border border-zinc-200 focus:border-zinc-400 focus:outline-none`,placeholder:`Filter by service, span, trace id…`}),i&&K(`button`,{onClick:()=>a(``),className:`absolute right-1 top-1/2 -translate-y-1/2 p-0.5 text-zinc-400 hover:text-zinc-700`,title:`Clear filter`,children:K(Ui,{size:12})})]}),K(`select`,{value:o,onChange:e=>s(e.currentTarget.value),className:`text-xs border border-zinc-200 rounded px-1.5 py-1 bg-white text-zinc-700`,children:[K(`option`,{value:`all`,children:`All`}),K(`option`,{value:`error`,children:`Errors`}),K(`option`,{value:`ok`,children:`OK`})]})]}),K(`div`,{className:`flex-1 overflow-auto p-4`,children:e.length===0?K(`div`,{className:`text-center text-zinc-500 text-sm py-12`,children:K(`p`,{className:`mb-3`,children:`No traces yet. Waiting for data...`})}):c.length===0?K(`div`,{className:`text-center text-zinc-500 text-sm py-12`,children:`No traces match the current filter.`}):K(`div`,{className:`space-y-2`,children:c.map(e=>K(ka,{trace:e,onClick:()=>pn(e.traceId)},e.traceId))})})]})}function ka({trace:e,onClick:t}){let n=e.status===`ERROR`;return K(`button`,{onClick:t,className:Q(`w-full text-left p-3 rounded-md border transition-all`,`hover:shadow-sm hover:border-zinc-300`,n?`bg-red-50 border-red-200 hover:border-red-300`:`bg-white border-zinc-200 hover:border-zinc-300`),children:K(`div`,{className:`flex items-start justify-between gap-3`,children:[K(`div`,{className:`flex-1 min-w-0`,children:[K(`div`,{className:`flex items-center gap-2 mb-1.5`,children:[K(`span`,{className:`font-mono text-xs text-zinc-500`,children:e.correlationId}),n&&K(vi,{size:14,className:`text-red-600 flex-shrink-0`})]}),K(`div`,{className:`font-medium text-sm mb-2 truncate text-zinc-900`,children:e.rootSpan.name||`unknown`}),K(`div`,{className:`flex items-center gap-3 text-xs text-zinc-600 flex-wrap`,children:[K(`span`,{className:`flex items-center gap-1`,children:[K(yi,{size:12}),q(e.duration)]}),K(`span`,{children:[e.spans.length,` spans`]}),K(`span`,{className:Q(`font-medium`,Tn(e.status)),children:e.status})]})]}),K(`div`,{className:`flex flex-col items-end gap-1.5 flex-shrink-0`,children:[K(`span`,{className:`text-xs text-zinc-500`,children:Cn(e.startTime)}),K(_i,{size:16,className:`text-zinc-400`})]})]})})}function Aa({trace:e}){let[t,n]=R(`waterfall`),[r,i]=R(null),[a,o]=R(!1);return K(`div`,{className:`flex flex-col h-full`,children:[K(`div`,{className:`px-4 py-3 border-b border-zinc-200`,children:[K(`div`,{className:`flex items-center justify-between mb-3`,children:[K(`button`,{onClick:()=>pn(null),className:Q(`text-xs text-zinc-600 hover:text-zinc-900`,`flex items-center gap-1 transition-colors`),children:[K(gi,{size:14}),`Back to traces`]}),K(`div`,{className:`flex items-center gap-2`,children:[K(`div`,{className:`flex items-center gap-1`,children:[K(`button`,{onClick:async()=>{await ya(e),o(!0),setTimeout(()=>o(!1),2e3)},className:`p-1.5 hover:bg-zinc-100 rounded transition-colors`,title:`Copy trace JSON to clipboard`,children:a?K(mi,{size:14,className:`text-green-600`}):K(bi,{size:14,className:`text-zinc-500`})}),K(`button`,{onClick:()=>{_a(e)},className:`p-1.5 hover:bg-zinc-100 rounded transition-colors`,title:`Download trace as JSON`,children:K(Ci,{size:14,className:`text-zinc-500`})})]}),K(`div`,{className:`flex items-center gap-1 bg-zinc-100 rounded-md p-0.5`,children:[K(`button`,{onClick:()=>n(`waterfall`),className:Q(`px-2 py-1 text-xs rounded transition-colors flex items-center gap-1`,t===`waterfall`?`bg-white text-zinc-900 shadow-sm`:`text-zinc-600 hover:text-zinc-900`),title:`Waterfall view`,children:[K(fi,{size:12}),`Timeline`]}),K(`button`,{onClick:()=>n(`flame`),className:Q(`px-2 py-1 text-xs rounded transition-colors flex items-center gap-1`,t===`flame`?`bg-white text-zinc-900 shadow-sm`:`text-zinc-600 hover:text-zinc-900`),title:`Flame graph view`,children:[K(Ei,{size:12}),`Flame`]}),K(`button`,{onClick:()=>n(`list`),className:Q(`px-2 py-1 text-xs rounded transition-colors flex items-center gap-1`,t===`list`?`bg-white text-zinc-900 shadow-sm`:`text-zinc-600 hover:text-zinc-900`),title:`List view`,children:[K(Ai,{size:12}),`List`]})]})]})]}),K(`div`,{className:`flex items-start justify-between gap-4`,children:[K(`div`,{className:`flex-1 min-w-0`,children:[K(`h3`,{className:`font-semibold text-base mb-1.5 text-zinc-900`,children:e.rootSpan.name||`Trace`}),K(`div`,{className:`text-xs text-zinc-500 space-y-0.5`,children:[K(`div`,{children:(e=>new Date(e).toLocaleString(`en-US`,{month:`long`,day:`numeric`,year:`numeric`,hour:`numeric`,minute:`2-digit`,hour12:!0}))(e.startTime)}),K(`div`,{className:`font-mono`,children:[`Trace ID: `,e.traceId]})]})]}),K(`div`,{className:`text-right flex-shrink-0`,children:[K(`div`,{className:Q(`font-medium text-sm mb-1`,Tn(e.status)),children:e.status}),K(`div`,{className:`text-xs text-zinc-600`,children:q(e.duration)}),K(`div`,{className:`text-xs text-zinc-500 mt-1`,children:[e.spans.length,` spans`]})]})]})]}),K(`div`,{className:`flex-1 overflow-hidden flex`,children:[K(`div`,{className:Q(`flex-1 overflow-hidden`,r&&`border-r border-zinc-200`),children:t===`waterfall`?K(Zi,{trace:e,onSpanSelect:i,selectedSpanId:r?.spanId}):t===`flame`?K(sa,{trace:e,onSpanSelect:i,selectedSpanId:r?.spanId}):K(`div`,{className:`overflow-auto h-full`,children:K(`div`,{className:`divide-y divide-zinc-100`,children:e.spans.map(t=>K(ja,{span:t,trace:e,isSelected:r?.spanId===t.spanId,onSelect:()=>i(t)},t.spanId))})})}),r&&K(`div`,{className:`w-[320px] flex-shrink-0 overflow-hidden`,children:K(la,{span:r,trace:e,onClose:()=>i(null)})})]})]})}function ja({span:e,trace:t,isSelected:n,onSelect:r}){let[i,a]=R(!1),[o,s]=R({attributes:!1,events:!1}),c=e.status.code===`ERROR`,l=e=>{s(t=>({...t,[e]:!t[e]}))},u=(()=>{let n=0,r=e;for(;r.parentSpanId;){n++;let e=t.spans.find(e=>e.spanId===r.parentSpanId);if(!e)break;r=e}return n})(),d=Object.keys(e.attributes||{}).length>0,f=e.events&&e.events.length>0;return K(`div`,{className:Q(`px-4 py-3`,`hover:bg-zinc-50 transition-colors cursor-pointer`,c&&`bg-red-50/30`,n&&`bg-zinc-100 hover:bg-zinc-100`),style:{paddingLeft:`${16+u*20}px`},onClick:r,children:[K(`div`,{className:`flex items-center justify-between gap-4`,children:[K(`div`,{className:`flex-1 min-w-0`,children:[K(`div`,{className:`font-medium text-sm mb-1 text-zinc-900`,children:e.name||`unknown`}),K(`div`,{className:`flex items-center gap-3 text-xs text-zinc-600`,children:[K(`span`,{className:Q(`font-medium`,Tn(e.status.code)),children:e.status.code}),K(`span`,{children:q(e.duration)}),K(`span`,{className:`text-zinc-400`,children:e.kind})]})]}),K(`button`,{onClick:e=>{e.stopPropagation(),a(!i)},className:`p-1 hover:bg-zinc-200 rounded`,children:K(hi,{size:14,className:Q(`text-zinc-400 transition-transform flex-shrink-0`,i&&`rotate-180`)})})]}),i&&K(`div`,{className:`mt-3 pt-3 border-t border-zinc-200 space-y-3`,onClick:e=>e.stopPropagation(),children:[d&&K(Ma,{label:`All attributes`,expanded:o.attributes,onToggle:()=>l(`attributes`),children:K(Wi,{content:JSON.stringify(e.attributes,null,2),children:K(`div`,{className:`bg-zinc-50 rounded p-3 border border-zinc-200 font-mono text-xs`,children:K(`pre`,{className:`whitespace-pre-wrap break-words text-zinc-800`,children:JSON.stringify(e.attributes,null,2)})})})}),f&&K(Ma,{label:`Events (${e.events.length})`,expanded:o.events,onToggle:()=>l(`events`),children:K(`div`,{className:`space-y-2`,children:e.events.map((e,t)=>K(`div`,{className:`bg-zinc-50 rounded p-2.5 border border-zinc-200`,children:[K(`div`,{className:`font-medium text-xs text-zinc-900 mb-1.5`,children:e.name}),e.attributes&&Object.keys(e.attributes).length>0&&K(Wi,{content:JSON.stringify(e.attributes,null,2),children:K(`div`,{className:`font-mono text-xs text-zinc-600 mt-1`,children:JSON.stringify(e.attributes,null,2)})})]},t))})}),e.status.message&&K(`div`,{className:`text-xs text-zinc-600`,children:[K(`span`,{className:`font-medium`,children:`Status message:`}),` `,e.status.message]})]})]})}function Ma({label:e,expanded:t,onToggle:n,children:r}){return K(`div`,{className:`flex flex-col gap-2`,children:[K(`button`,{onClick:n,className:`flex items-center gap-2 cursor-pointer text-zinc-700 hover:text-zinc-900 transition-colors w-fit`,children:[K(hi,{size:12,className:Q(`text-zinc-500 transition-transform`,t&&`rotate-180`)}),K(`span`,{className:`text-xs font-medium`,children:e})]}),t&&K(`div`,{children:r})]})}function Na(e,t){return xt(e,t)}function Pa(e,t){if(e.length===0)return 0;let n=Math.ceil(t/100*e.length)-1;return e[Math.max(0,n)]}function Fa(e){let t=new Map,n=new Map;for(let r of e){let e=new Map;for(let t of r.spans)e.set(t.spanId,t);for(let i of r.spans){let a=Na(i,r.service),o=t.get(a);if(o||(o={id:a,name:a,requestCount:0,errorCount:0,avgLatency:0,minLatency:1/0,maxLatency:0,spanKinds:new Set},t.set(a,o)),o.requestCount++,i.status.code===`ERROR`&&o.errorCount++,o.avgLatency=(o.avgLatency*(o.requestCount-1)+i.duration)/o.requestCount,o.minLatency=Math.min(o.minLatency,i.duration),o.maxLatency=Math.max(o.maxLatency,i.duration),o.spanKinds.add(i.kind),i.kind===`CLIENT`&&i.parentSpanId){let a=e.get(i.parentSpanId);if(a){let e=Na(a,r.service),o=i.attributes?.[`peer.service`]||i.attributes?.[`http.host`]||i.attributes?.[`db.system`]||i.attributes?.[`net.peer.name`]||i.attributes?.[`rpc.service`]||`external`;if(e!==o){let r=`${e}->${o}`,a=n.get(r);a||(a={id:r,source:e,target:o,requestCount:0,errorCount:0,avgLatency:0,p50Latency:0,p99Latency:0,latencies:[]},n.set(r,a),t.has(o)||t.set(o,{id:o,name:o,requestCount:0,errorCount:0,avgLatency:0,minLatency:1/0,maxLatency:0,spanKinds:new Set})),a.requestCount++,i.status.code===`ERROR`&&a.errorCount++,a.avgLatency=(a.avgLatency*(a.requestCount-1)+i.duration)/a.requestCount,a.latencies.push(i.duration);let s=[...a.latencies].sort((e,t)=>e-t);a.p50Latency=Pa(s,50),a.p99Latency=Pa(s,99)}}}if(i.kind===`SERVER`){let t=i.parentSpanId?e.get(i.parentSpanId):null;if(t&&t.kind===`CLIENT`){let e=Na(t,r.service);if(e!==a){let t=`${e}->${a}`;if(!n.has(t)){let r=[i.duration];n.set(t,{id:t,source:e,target:a,requestCount:1,errorCount:+(i.status.code===`ERROR`),avgLatency:i.duration,p50Latency:i.duration,p99Latency:i.duration,latencies:r})}}}}}}return{nodes:[...t.values()].map(e=>({...e,minLatency:e.minLatency===1/0?0:e.minLatency})),connections:[...n.values()]}}function Ia(e,t,n,r){let i=new Map;if(e.length===0)return i;if(e.length===1)return i.set(e[0].id,{x:n/2,y:r/2}),i;let a=n/2,o=r/2,s=Math.min(n,r)*.35;for(let[t,n]of e.entries()){let r=2*Math.PI*t/e.length-Math.PI/2;i.set(n.id,{x:a+s*Math.cos(r),y:o+s*Math.sin(r)})}return i}function La(){let e=G.value,[t,n]=R(null),[r,i]=R(null),{nodes:a,connections:o}=B(()=>Fa(e),[e]),s=B(()=>Ia(a,o,600,400),[a,o,600,400]),c=t?a.find(e=>e.id===t):null,l=t?o.filter(e=>e.source===t||e.target===t):[];return e.length===0?K(`div`,{className:`flex flex-col items-center justify-center h-full text-gray-500 p-8`,children:[K(ci,{size:48,className:`mb-4 opacity-50`}),K(`p`,{className:`text-sm text-center`,children:[`No traces available to build service map.`,K(`br`,{}),`Traces will appear here as they are captured.`]})]}):a.length===0?K(`div`,{className:`flex flex-col items-center justify-center h-full text-gray-500 p-8`,children:[K(Li,{size:48,className:`mb-4 opacity-50`}),K(`p`,{className:`text-sm text-center`,children:[`No services detected in traces.`,K(`br`,{}),`Service information is extracted from span attributes.`]})]}):K(`div`,{className:`flex flex-col h-full`,children:[K(`div`,{className:`px-4 py-3 border-b border-gray-200 flex items-center justify-between`,children:[K(`h3`,{className:`text-sm font-semibold flex items-center gap-2 text-gray-900`,children:[K(ci,{size:16}),`Service Map (`,a.length,` services)`]}),K(`div`,{className:`text-xs text-gray-500`,children:[o.length,` connections`]})]}),K(`div`,{className:`flex-1 overflow-hidden flex`,children:[K(`div`,{className:`flex-1 overflow-auto p-4`,children:K(`svg`,{viewBox:`0 0 600 400`,className:`w-full h-full`,style:{minHeight:`300px`},children:[o.map(e=>{let n=s.get(e.source),r=s.get(e.target);if(!n||!r)return null;let i=t===e.source||t===e.target,a=e.errorCount>0,o=(n.x+r.x)/2,c=(n.y+r.y)/2,l=r.x-n.x,u=r.y-n.y,d=o-u/Math.hypot(l,u)*20,f=c+l/Math.hypot(l,u)*20;return K(`g`,{children:[K(`path`,{d:`M ${n.x} ${n.y} Q ${d} ${f} ${r.x} ${r.y}`,fill:`none`,stroke:a?`#ef4444`:`#94a3b8`,strokeWidth:i?3:2,strokeOpacity:t&&!i?.2:1,markerEnd:`url(#arrowhead)`}),i&&K(`text`,{x:d,y:f-8,textAnchor:`middle`,className:`text-[10px] fill-gray-600`,children:[e.requestCount,` calls · p50: `,Math.round(e.p50Latency),`ms`]})]},e.id)}),K(`defs`,{children:K(`marker`,{id:`arrowhead`,markerWidth:`10`,markerHeight:`7`,refX:`9`,refY:`3.5`,orient:`auto`,children:K(`polygon`,{points:`0 0, 10 3.5, 0 7`,fill:`#94a3b8`})})}),a.map(e=>{let a=s.get(e.id);if(!a)return null;let o=t===e.id,c=r===e.id,u=e.errorCount>0;return e.requestCount>0&&e.errorCount/e.requestCount*100,K(`g`,{transform:`translate(${a.x}, ${a.y})`,onClick:()=>n(o?null:e.id),onMouseEnter:()=>i(e.id),onMouseLeave:()=>i(null),className:`cursor-pointer`,children:[K(`circle`,{r:40,fill:o||c?`#f1f5f9`:`#ffffff`,stroke:u?`#ef4444`:`#3b82f6`,strokeWidth:o?3:2,opacity:t&&!o&&!l.some(t=>t.source===e.id||t.target===e.id)?.3:1}),u&&K(`circle`,{cx:40*.6,cy:-40*.6,r:8,fill:`#ef4444`}),K(`g`,{transform:`translate(-8, -20)`,children:K(Li,{size:16,className:`text-gray-500`})}),K(`text`,{textAnchor:`middle`,y:5,className:`text-xs font-medium fill-gray-900`,children:e.name.length>12?e.name.slice(0,10)+`...`:e.name}),K(`text`,{textAnchor:`middle`,y:20,className:`text-[10px] fill-gray-500`,children:[e.requestCount,` req`]})]},e.id)})]})}),c&&K(`div`,{className:`w-64 border-l border-gray-200 bg-gray-50 overflow-auto`,children:K(`div`,{className:`p-4`,children:[K(`div`,{className:`flex items-center justify-between mb-4`,children:[K(`h4`,{className:`font-semibold text-gray-900`,children:c.name}),K(`button`,{onClick:()=>n(null),className:`text-gray-400 hover:text-gray-600`,children:`×`})]}),K(`div`,{className:`space-y-3`,children:[K(Ra,{label:`Requests`,value:c.requestCount.toString()}),K(Ra,{label:`Errors`,value:c.errorCount.toString(),isError:c.errorCount>0}),K(Ra,{label:`Error Rate`,value:`${(c.errorCount/c.requestCount*100).toFixed(1)}%`,isError:c.errorCount>0}),K(Ra,{label:`Avg Latency`,value:q(c.avgLatency)}),K(Ra,{label:`Min Latency`,value:q(c.minLatency)}),K(Ra,{label:`Max Latency`,value:q(c.maxLatency)})]}),l.length>0&&K(`div`,{className:`mt-4 pt-4 border-t border-gray-200`,children:[K(`h5`,{className:`text-xs font-medium text-gray-700 mb-2`,children:`Connections`}),K(`div`,{className:`space-y-2`,children:l.map(e=>K(`div`,{className:`text-xs p-2 bg-white rounded border border-gray-200`,children:[K(`div`,{className:`flex items-center gap-1 text-gray-700`,children:[K(`span`,{className:`font-medium`,children:e.source===t?e.target:e.source}),e.source===t?K(li,{size:10}):K(li,{size:10,className:`rotate-180`})]}),K(`div`,{className:`flex items-center gap-2 mt-1 text-gray-500`,children:[K(`span`,{children:[e.requestCount,` req`]}),e.errorCount>0&&K(`span`,{className:`text-red-600`,children:[e.errorCount,` err`]}),K(`span`,{children:q(e.avgLatency)})]})]},e.id))})]})]})})]}),K(`div`,{className:`flex items-center gap-4 px-4 py-2 border-t border-gray-200 bg-gray-50 text-xs`,children:[K(`div`,{className:`flex items-center gap-1`,children:[K(`div`,{className:`w-4 h-4 rounded-full border-2 border-blue-500 bg-white`}),K(`span`,{className:`text-gray-600`,children:`Healthy`})]}),K(`div`,{className:`flex items-center gap-1`,children:[K(`div`,{className:`w-4 h-4 rounded-full border-2 border-red-500 bg-white`}),K(`span`,{className:`text-gray-600`,children:`Has Errors`})]}),K(`div`,{className:`flex items-center gap-1`,children:[K(`div`,{className:`w-6 h-0.5 bg-gray-400`}),K(`span`,{className:`text-gray-600`,children:`Connection`})]})]})]})}function Ra({label:e,value:t,isError:n}){return K(`div`,{className:`flex justify-between text-xs`,children:[K(`span`,{className:`text-gray-500`,children:e}),K(`span`,{className:Q(`font-medium`,n?`text-red-600`:`text-gray-900`),children:t})]})}function za(){let e=qt.value;return K(`div`,{className:`flex flex-col h-full p-4`,children:[K(`div`,{className:`flex items-center justify-between mb-4 pb-3 border-b border-gray-200`,children:K(`h3`,{className:`text-sm font-semibold flex items-center gap-2 text-gray-900`,children:[K(pi,{size:16}),`Metrics`]})}),K(`div`,{className:`flex-1 overflow-auto space-y-4`,children:e.events.length===0&&e.funnels.length===0&&e.outcomes.length===0&&e.values.length===0?K(`div`,{className:`text-center text-gray-500 text-sm py-12`,children:`No metrics yet. Waiting for data...`}):K(w,{children:[e.events.length>0&&K(Ba,{title:`Events`,icon:K(pi,{size:16}),metrics:e.events}),e.funnels.length>0&&K(Ba,{title:`Funnels`,icon:K(Bi,{size:16}),metrics:e.funnels}),e.outcomes.length>0&&K(Ba,{title:`Outcomes`,icon:K(zi,{size:16}),metrics:e.outcomes}),e.values.length>0&&K(Ba,{title:`Values`,icon:K(Si,{size:16}),metrics:e.values})]})})]})}function Ba({title:e,icon:t,metrics:n}){return K(`div`,{className:`border border-gray-200 rounded-md p-4 bg-white`,children:[K(`h4`,{className:`text-sm font-semibold flex items-center gap-2 mb-3 text-gray-900`,children:[t,e,` (`,n.length,`)`]}),K(`div`,{className:`space-y-2`,children:[n.slice(0,10).map((e,t)=>K(Va,{metric:e},t)),n.length>10&&K(`div`,{className:`text-xs text-gray-500 text-center pt-2 border-t border-gray-200`,children:[`+`,n.length-10,` more`]})]})]})}function Va({metric:e}){return K(`div`,{className:`flex items-center justify-between gap-3 p-3 bg-gray-50 rounded-md text-sm border border-gray-200`,children:[K(`div`,{className:`flex-1 min-w-0`,children:[K(`div`,{className:`font-medium truncate text-gray-900`,children:e.name}),Object.keys(e.attributes).length>0&&K(`div`,{className:`text-xs text-gray-600 mt-1.5 flex flex-wrap gap-2`,children:Object.entries(e.attributes).slice(0,3).map(([e,t])=>K(`span`,{className:`font-mono`,children:[e,`: `,String(t)]},e))})]}),K(`div`,{className:`text-right flex-shrink-0`,children:[e.value!==void 0&&K(`div`,{className:`font-semibold text-blue-600 text-sm`,children:wn(e.value)}),K(`div`,{className:`text-xs text-gray-500 mt-1`,children:Cn(e.timestamp)})]})]})}function Ha(){let[e,t]=R(`recent`),[n,r]=R(null),i=e===`recent`?Xt.value:Zt.value,a=Qt.value,o=$t.value,s=e=>{r(n===e?null:e)},c=e=>{pn(e),fn(`traces`)};return K(`div`,{className:`flex flex-col h-full p-4`,children:[K(`div`,{className:`flex items-center justify-between mb-4 pb-3 border-b border-zinc-200`,children:[K(`h3`,{className:`text-sm font-semibold flex items-center gap-2 text-zinc-900`,children:[K(Vi,{size:16,className:`text-red-500`}),`Errors`,a>0&&K(`span`,{className:`ml-1 px-2 py-0.5 text-xs font-medium bg-red-100 text-red-700 rounded-full`,children:a})]}),K(`div`,{className:`flex items-center gap-2`,children:K(`select`,{className:`text-xs border border-zinc-200 rounded px-2 py-1 bg-white text-zinc-700`,value:e,onChange:e=>t(e.target.value),children:[K(`option`,{value:`recent`,children:`Most Recent`}),K(`option`,{value:`frequent`,children:`Most Frequent`})]})})]}),a>0&&K(`div`,{className:`flex gap-4 mb-4 p-3 bg-zinc-50 rounded-md border border-zinc-200`,children:[K(`div`,{className:`text-sm`,children:[K(`span`,{className:`text-zinc-600`,children:`Groups:`}),` `,K(`span`,{className:`font-semibold text-zinc-900`,children:i.length})]}),K(`div`,{className:`text-sm`,children:[K(`span`,{className:`text-zinc-600`,children:`Total:`}),` `,K(`span`,{className:`font-semibold text-zinc-900`,children:a})]}),K(`div`,{className:`text-sm`,children:[K(`span`,{className:`text-zinc-600`,children:`Last hour:`}),` `,K(`span`,{className:`font-semibold text-red-600`,children:o})]})]}),K(`div`,{className:`flex-1 overflow-auto space-y-2`,children:i.length===0?K(`div`,{className:`flex flex-col items-center justify-center h-full text-zinc-500 py-12`,children:[K(Vi,{size:32,className:`mb-2 text-zinc-400`}),K(`p`,{className:`text-sm`,children:`No errors captured`}),K(`p`,{className:`text-xs text-zinc-400 mt-1`,children:`Errors from failed traces will appear here`})]}):i.map(e=>K(Ua,{group:e,isExpanded:n===e.fingerprint,onToggle:()=>s(e.fingerprint),onViewTrace:c},e.fingerprint))})]})}function Ua({group:e,isExpanded:t,onToggle:n,onViewTrace:r}){let i=Date.now()-e.firstSeen,a=Date.now()-e.lastSeen;return K(`div`,{className:`border border-zinc-200 rounded-md bg-white overflow-hidden`,children:[K(`button`,{onClick:n,className:`w-full p-3 flex items-start gap-3 hover:bg-zinc-50 transition-colors text-left`,children:[K(`div`,{className:`mt-0.5`,children:K(t?hi:_i,{size:16,className:`text-zinc-400`})}),K(`div`,{className:`flex-1 min-w-0`,children:[K(`div`,{className:`flex items-center gap-2 mb-1`,children:[K(`span`,{className:`text-sm font-semibold text-red-600`,children:e.type}),K(`span`,{className:`px-1.5 py-0.5 text-xs font-medium bg-red-100 text-red-700 rounded`,children:[e.count,`x`]}),e.service&&K(`span`,{className:`px-1.5 py-0.5 text-xs font-medium bg-zinc-100 text-zinc-600 rounded`,children:e.service})]}),K(`p`,{className:`text-sm text-zinc-700 truncate mb-2`,children:e.message}),K(`div`,{className:`flex items-center gap-4 text-xs text-zinc-500`,children:[K(`span`,{className:`flex items-center gap-1`,children:[K(yi,{size:12}),`First: `,Wa(i)]}),K(`span`,{className:`flex items-center gap-1`,children:[K(yi,{size:12}),`Last: `,Wa(a)]})]})]})]}),t&&K(`div`,{className:`border-t border-zinc-200 p-3 bg-zinc-50 space-y-3`,children:[e.stackTrace&&K(`div`,{children:[K(`h5`,{className:`text-xs font-semibold text-zinc-700 mb-1.5`,children:`Stack Trace`}),K(`pre`,{className:`text-xs font-mono bg-zinc-900 text-zinc-100 p-2 rounded overflow-x-auto whitespace-pre-wrap`,children:e.stackTrace})]}),e.affectedSpans.length>0&&K(`div`,{children:[K(`h5`,{className:`text-xs font-semibold text-zinc-700 mb-1.5`,children:`Affected Operations`}),K(`div`,{className:`flex flex-wrap gap-1`,children:e.affectedSpans.map((e,t)=>K(`span`,{className:`px-2 py-0.5 text-xs font-mono bg-zinc-200 text-zinc-700 rounded`,children:e},t))})]}),e.affectedTraces.length>0&&K(`div`,{children:[K(`h5`,{className:`text-xs font-semibold text-zinc-700 mb-1.5`,children:`Recent Traces`}),K(`div`,{className:`space-y-1`,children:e.affectedTraces.slice(0,5).map(e=>K(`button`,{onClick:()=>r(e),className:`flex items-center gap-1 text-xs text-zinc-600 hover:text-zinc-900 font-mono`,children:[K(Di,{size:10}),e.slice(0,16),`...`,K(wi,{size:10})]},e))})]}),e.attributes&&Object.keys(e.attributes).length>0&&K(`div`,{children:[K(`h5`,{className:`text-xs font-semibold text-zinc-700 mb-1.5`,children:`Context`}),K(`div`,{className:`text-xs space-y-0.5`,children:Object.entries(e.attributes).map(([e,t])=>K(`div`,{className:`flex gap-2`,children:[K(`span`,{className:`text-zinc-500`,children:[e,`:`]}),K(`span`,{className:`font-mono text-zinc-700`,children:String(t)})]},e))})]}),K(`div`,{className:`text-xs text-zinc-500 pt-2 border-t border-zinc-200`,children:K(`div`,{className:`flex gap-4`,children:[K(`span`,{children:[`First seen: `,Cn(e.firstSeen)]}),K(`span`,{children:[`Last seen: `,Cn(e.lastSeen)]})]})})]})]})}function Wa(e){let t=Math.floor(e/1e3);if(t<60)return`${t}s ago`;let n=Math.floor(t/60);if(n<60)return`${n}m ago`;let r=Math.floor(n/60);return r<24?`${r}h ago`:`${Math.floor(r/24)}d ago`}function Ga(e){let t=e.severityNumber,n=(e.severityText??``).toUpperCase();return n===`ERROR`||t!==void 0&&t>=17?`error`:n===`WARN`||n===`WARNING`||t!==void 0&&t>=13?`warn`:`info`}function Ka(e){if(typeof e==`string`)return e;try{return JSON.stringify(e)}catch{return String(e)}}function qa(e,t,n){if(n!==`all`){let t=Ga(e);if(n===`error`&&t!==`error`||n===`warn`&&t!==`warn`&&t!==`error`||n===`info`&&t!==`info`)return!1}if(!t)return!0;let r=t.toLowerCase();return!!(Ka(e.body).toLowerCase().includes(r)||e.severityText?.toLowerCase().includes(r)||e.resourceName?.toLowerCase().includes(r)||e.traceId?.toLowerCase().includes(r))}function Ja(e,t){let n=(e??``).toUpperCase();return n===`ERROR`||t!==void 0&&t>=17?`text-red-700 bg-red-50 border-red-200`:n===`WARN`||n===`WARNING`||t!==void 0&&t>=13?`text-amber-700 bg-amber-50 border-amber-200`:n===`INFO`||t!==void 0&&t>=9?`text-zinc-700 bg-zinc-50 border-zinc-200`:n===`DEBUG`?`text-zinc-600 bg-zinc-50 border-zinc-200`:`text-zinc-700 bg-zinc-50 border-zinc-200`}function Ya(){let e=Jt.value,t=Rt.value,n=Ht.value,[r,i]=R(``),[a,o]=R(`all`),s=B(()=>e.filter(e=>qa(e,r,a)),[e,r,a]),c=r.length>0||a!==`all`;return K(`div`,{className:`flex flex-col h-full`,children:[K(`div`,{className:`px-4 py-3 border-b border-zinc-200 flex items-center justify-between gap-2`,children:[K(`h3`,{className:`text-sm font-semibold flex items-center gap-2 text-zinc-900`,children:[K(Ti,{size:16}),`Logs (`,c?`${s.length} of ${e.length}`:e.length,`)`]}),K(`div`,{className:`flex items-center gap-1`,children:[K(`button`,{onClick:sn,className:Q(`flex items-center gap-1 px-2 py-1 text-xs rounded transition-colors`,t?`bg-amber-100 text-amber-800 hover:bg-amber-200`:`hover:bg-zinc-100 text-zinc-600`),title:t?`Resume live tail`:`Pause live tail`,children:[K(t?Pi:Ni,{size:12}),t?`Resume${n>0?` (+${n})`:``}`:`Pause`]}),t&&n>0&&K(`button`,{onClick:cn,className:`px-2 py-1 text-xs rounded text-zinc-500 hover:bg-zinc-100 transition-colors`,title:`Drop buffered logs received while paused`,children:`Drop buffer`})]})]}),K(`div`,{className:`px-4 py-2 border-b border-zinc-200 flex items-center gap-2`,children:[K(`div`,{className:`relative flex-1`,children:[K(Ii,{size:12,className:`absolute left-2 top-1/2 -translate-y-1/2 text-zinc-400`}),K(`input`,{value:r,onInput:e=>i(e.currentTarget.value),className:`w-full pl-7 pr-7 py-1 text-xs rounded border border-zinc-200 focus:border-zinc-400 focus:outline-none`,placeholder:`Filter by message, resource, trace id…`}),r&&K(`button`,{onClick:()=>i(``),className:`absolute right-1 top-1/2 -translate-y-1/2 p-0.5 text-zinc-400 hover:text-zinc-700`,title:`Clear filter`,children:K(Ui,{size:12})})]}),K(`select`,{value:a,onChange:e=>o(e.currentTarget.value),className:`text-xs border border-zinc-200 rounded px-1.5 py-1 bg-white text-zinc-700`,children:[K(`option`,{value:`all`,children:`All`}),K(`option`,{value:`error`,children:`Errors`}),K(`option`,{value:`warn`,children:`Warn+`}),K(`option`,{value:`info`,children:`Info`})]})]}),K(`div`,{className:`flex-1 overflow-auto p-4 space-y-2`,children:e.length===0?K(`div`,{className:`text-center text-zinc-500 text-sm py-12`,children:`No logs yet. Send logs via AutotelLogExporter or POST /ingest/logs.`}):s.length===0?K(`div`,{className:`text-center text-zinc-500 text-sm py-12`,children:`No logs match the current filter.`}):s.map(e=>K(Xa,{log:e},e.id))})]})}function Xa({log:e}){let t=Ja(e.severityText,e.severityNumber),n=Ka(e.body);return K(`div`,{className:Q(`p-3 rounded-md border text-sm`,t),children:[K(`div`,{className:`flex items-start justify-between gap-2 mb-1`,children:[K(`span`,{className:`font-medium text-xs uppercase`,children:e.severityText??`LOG`}),K(`span`,{className:`text-xs text-zinc-500 flex-shrink-0`,children:Cn(e.timestamp)})]}),K(`div`,{className:`font-mono text-xs break-words mb-2`,children:n}),e.traceId&&K(`button`,{type:`button`,onClick:()=>{e.traceId&&(pn(e.traceId),fn(`traces`))},className:`inline-flex items-center gap-1 text-xs text-zinc-600 hover:underline`,children:[K(ji,{size:12}),`Go to trace`]})]})}function Za(){let e=z(null),t=z(!1),n=z(!1),r=z({x:0,y:0}),i=z({x:100,y:100}),a=Et.value,o=At.value,s=Mt.value;if(!a)return null;let c=Qt.value,l=[{id:`traces`,label:`Traces`,icon:xi},{id:`service-map`,label:`Services`,icon:Mi},{id:`metrics`,label:`Metrics`,icon:pi},{id:`logs`,label:`Logs`,icon:Ti},{id:`errors`,label:`Errors`,icon:Vi,badge:c>0?c:void 0}],u=n=>{if(n.target.closest(`button`))return;t.current=!0;let i=e.current?.getBoundingClientRect();i&&(r.current={x:n.clientX-i.left,y:n.clientY-i.top})},d=a=>{if(t.current){let t=Dn(a.clientX-r.current.x,0,window.innerWidth-s.width),n=Dn(a.clientY-r.current.y,0,window.innerHeight-s.height);i.current={x:t,y:n},e.current&&(e.current.style.left=`${t}px`,e.current.style.top=`${n}px`)}n.current&&gn(Dn(a.clientX-i.current.x,400,window.innerWidth-i.current.x),Dn(a.clientY-i.current.y,300,window.innerHeight-i.current.y))},f=()=>{t.current=!1,n.current=!1};return De(()=>(document.addEventListener(`pointermove`,d),document.addEventListener(`pointerup`,f),()=>{document.removeEventListener(`pointermove`,d),document.removeEventListener(`pointerup`,f)}),[s]),De(()=>{if(a&&e.current){let t=(window.innerWidth-s.width)/2,n=(window.innerHeight-s.height)/2;i.current={x:t,y:n},e.current.style.left=`${t}px`,e.current.style.top=`${n}px`}},[a]),K(w,{children:[K(`div`,{className:Q(`fixed inset-0 z-[999]`,`bg-black/20 backdrop-blur-sm`,`animate-fade-in`),onClick:dn}),K(`div`,{ref:e,className:Q(`fixed z-[1000]`,`bg-white border border-zinc-200 rounded-lg`,`shadow-2xl`,`flex flex-col`,`animate-fade-in`),style:{width:`${s.width}px`,height:`${s.height}px`,left:`${i.current.x}px`,top:`${i.current.y}px`},children:[K(`button`,{onClick:dn,className:Q(`absolute top-2 right-2 z-10`,`p-1.5 rounded-md`,`bg-white border border-zinc-300 shadow-sm`,`text-zinc-500 hover:text-zinc-700 hover:bg-zinc-50`,`transition-colors`),title:`Close`,children:K(Ui,{size:16})}),K(`div`,{className:Q(`flex items-center px-4 pt-3 pb-0`,`border-b border-zinc-200`,`cursor-grab`),onPointerDown:u,children:K(`div`,{className:`flex gap-6`,children:l.map(e=>{let t=e.icon,n=o===e.id;return K(`button`,{onClick:()=>fn(e.id),className:Q(`text-sm font-medium pb-3 transition-colors relative cursor-pointer`,`flex items-center gap-2`,n?`text-zinc-900`:`text-zinc-500 hover:text-zinc-700`),children:[K(t,{size:16,className:e.id===`errors`&&e.badge?`text-red-500`:void 0}),e.label,e.badge&&K(`span`,{className:`px-1.5 py-0.5 text-xs font-medium bg-red-100 text-red-700 rounded-full`,children:e.badge>99?`99+`:e.badge}),n&&K(`div`,{className:`absolute bottom-0 left-0 right-0 h-0.5 bg-zinc-900`})]},e.id)})})}),K(`div`,{className:`flex-1 overflow-y-auto`,children:(()=>{switch(o){case`traces`:return K(Oa,{});case`service-map`:return K(La,{});case`metrics`:return K(za,{});case`logs`:return K(Ya,{});case`errors`:return K(Ha,{});default:return null}})()}),K(`div`,{className:Q(`absolute bottom-0 right-0 w-4 h-4 cursor-nwse-resize`,`touch-none select-none`),onPointerDown:e=>{e.stopPropagation(),n.current=!0},children:K(`div`,{className:`absolute bottom-1 right-1 w-3 h-3 border-r-2 border-b-2 border-zinc-400`})})]})]})}var Qa=[`service`,`database`,`cache`,`messaging`,`external`,`unknown`];function $a(e){switch(e){case`healthy`:return`bg-green-50 text-green-700 border-green-200`;case`degraded`:return`bg-amber-50 text-amber-700 border-amber-200`;case`unhealthy`:return`bg-red-50 text-red-700 border-red-200`;default:return`bg-gray-50 text-gray-600 border-gray-200`}}function eo(){let e=Yt.value,[t,n]=R(``),[r,i]=R(`all`),a=B(()=>{let n=t.trim().toLowerCase();return e.filter(e=>{let t=r===`all`||e.type===r,i=n.length===0||e.name.toLowerCase().includes(n);return t&&i})},[e,t,r]);return K(`div`,{className:`flex flex-col h-full p-4`,children:[K(`div`,{className:`flex flex-col gap-3 mb-4 pb-3 border-b border-gray-200`,children:[K(`div`,{className:`flex items-center justify-between gap-2`,children:K(`h3`,{className:`text-sm font-semibold flex items-center gap-2 text-gray-900`,children:[K(ui,{size:16}),`Resources (`,e.length,`)`]})}),K(`div`,{className:`flex flex-wrap gap-2`,children:[K(`input`,{type:`search`,value:t,onInput:e=>n(e.currentTarget.value),placeholder:`Filter resources`,className:`px-3 py-2 text-xs border border-gray-300 rounded-md min-w-[180px]`}),K(`select`,{value:r,onChange:e=>i(e.currentTarget.value),className:`px-3 py-2 text-xs border border-gray-300 rounded-md bg-white`,children:[K(`option`,{value:`all`,children:`All types`}),Qa.map(e=>K(`option`,{value:e,children:e},e))]})]})]}),K(`div`,{className:`flex-1 overflow-auto`,children:a.length===0?K(`div`,{className:`text-center text-gray-500 text-sm py-12`,children:`No resources derived yet. Send traces or logs with resource metadata.`}):K(`div`,{className:`space-y-2`,children:a.map(e=>K(to,{resource:e},e.name))})})]})}function to({resource:e}){return K(`div`,{className:`border border-gray-200 rounded-md p-3 bg-white`,children:[K(`div`,{className:`flex items-start justify-between gap-2 mb-2`,children:[K(`div`,{children:[K(`div`,{className:`text-sm font-medium text-gray-900`,children:e.name}),K(`div`,{className:`text-xs text-gray-500 uppercase tracking-wide`,children:e.type})]}),K(`span`,{className:Q(`px-2 py-1 rounded border text-[11px] font-medium capitalize`,$a(e.health)),children:e.health})]}),K(`div`,{className:`grid grid-cols-2 gap-2 text-xs text-gray-600 sm:grid-cols-5`,children:[K(no,{label:`Requests`,value:e.requestCount}),K(no,{label:`Errors`,value:e.errorCount}),K(no,{label:`Traces`,value:e.traceCount}),K(no,{label:`Logs`,value:e.logCount}),K(no,{label:`Last Seen`,value:e.lastSeen?Cn(e.lastSeen):`n/a`})]})]})}function no({label:e,value:t}){return K(`div`,{children:[K(`div`,{className:`text-[11px] uppercase tracking-wide text-gray-400`,children:e}),K(`div`,{className:`text-sm text-gray-800`,children:t})]})}var ro=[{id:`traces`,label:`Traces`,icon:xi},{id:`resources`,label:`Resources`,icon:ui},{id:`service-map`,label:`Service Map`,icon:Mi},{id:`metrics`,label:`Metrics`,icon:pi},{id:`logs`,label:`Logs`,icon:Ti},{id:`errors`,label:`Errors`,icon:Vi}];function io({orientation:e=`horizontal`}){let t=At.value;return K(`nav`,{className:Q(`flex gap-1 p-1`,e===`vertical`?`flex-col w-48 border-r border-zinc-200`:`border-b border-zinc-200 overflow-x-auto`),children:ro.map(({id:e,label:n,icon:r})=>K(`button`,{onClick:()=>fn(e),className:Q(`flex items-center gap-2 px-3 py-2 text-xs font-medium rounded transition-colors whitespace-nowrap`,t===e?`bg-zinc-900 text-zinc-50`:`text-zinc-500 hover:bg-zinc-100 hover:text-zinc-900`),children:[K(r,{size:14}),n]},e))})}function ao(){switch(At.value){case`traces`:return K(Oa,{});case`resources`:return K(eo,{});case`service-map`:return K(La,{});case`metrics`:return K(za,{});case`logs`:return K(Ya,{});case`errors`:return K(Ha,{});default:return K(Oa,{})}}function oo(){let e=z(null),[t,n]=R(null),[r,i]=R(null),a=Ut.value;return K(`div`,{className:Q(`border-b border-zinc-200 px-3 py-1.5 text-xs flex items-center gap-2`,a?`bg-amber-50 text-amber-900`:`bg-zinc-50 text-zinc-700`),children:[a?K(w,{children:[K(di,{size:12}),K(`span`,{className:`font-medium`,children:`Snapshot mode`}),K(`span`,{className:`text-amber-700`,children:`— live updates paused.`}),K(`button`,{onClick:un,className:`ml-auto inline-flex items-center gap-1 px-2 py-0.5 rounded hover:bg-amber-100 transition-colors`,title:`Exit snapshot and clear data`,children:[K(Ui,{size:12}),`Exit`]})]}):K(w,{children:[K(`span`,{className:`text-zinc-500`,children:`Local data`}),K(`button`,{onClick:()=>{n(null),i(null),wa({traces:G.value,logs:It.value,errors:Ft.value,metrics:Nt.value})},className:`ml-auto inline-flex items-center gap-1 px-2 py-0.5 rounded hover:bg-zinc-200 transition-colors`,title:`Download a snapshot of traces, logs, errors and metrics`,children:[K(di,{size:12}),`Download snapshot`]}),K(`button`,{onClick:()=>{e.current?.click()},className:`inline-flex items-center gap-1 px-2 py-0.5 rounded hover:bg-zinc-200 transition-colors`,title:`Load a snapshot file`,children:[K(Hi,{size:12}),`Load snapshot`]})]}),K(`input`,{ref:e,type:`file`,accept:`application/json,.json`,className:`hidden`,onChange:async e=>{n(null),i(null);let t=e.currentTarget,r=t.files?.[0];if(t.value=``,!r)return;let a=await Ea(r);if(!a.success||!a.snapshot){n(a.errors.join(`; `)||`Failed to load snapshot`);return}a.warnings.length>0&&i(a.warnings.join(`; `)),ln(a.snapshot)}}),t&&K(`span`,{className:`text-red-600 truncate`,title:t,children:t}),r&&!t&&K(`span`,{className:`text-amber-700 truncate`,title:r,children:r})]})}function so(){return K(`div`,{className:`flex h-screen w-screen bg-white text-gray-900`,children:[K(`div`,{className:`hidden md:flex`,children:K(io,{orientation:`vertical`})}),K(`div`,{className:`flex-1 flex flex-col min-w-0`,children:[K(oo,{}),K(`div`,{className:`md:hidden`,children:K(io,{orientation:`horizontal`})}),K(`div`,{className:`flex-1 overflow-hidden`,children:K(ao,{})})]})]})}var co=null;function lo({mode:e,wsUrl:t}){return De(()=>{yn(),co=new Be(t),Lt.value=`connecting`,co.connect().then(e=>{Lt.value=e?`connected`:`disconnected`});let e=co.onMessage(e=>{an(e),Lt.value=`connected`});return()=>{e(),co?.disconnect(),co=null}},[t]),e===`fullpage`?K(so,{}):K(w,{children:[K(Qr,{}),K(Za,{})]})}function uo(e,t){return pe(S(lo,t),e),()=>pe(null,e)}var fo=`/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
|
|
2
|
+
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:"JetBrains Mono", ui-monospace, monospace;--font-mono:"JetBrains Mono", ui-monospace, monospace;--color-red-50:#fef2f2;--color-red-100:#ffe2e2;--color-red-200:#ffcaca;--color-red-300:#ffa3a3;--color-red-400:#ff6568;--color-red-500:#fb2c36;--color-red-600:#e40014;--color-red-700:#bf000f;--color-orange-400:#ff8b1a;--color-orange-500:#fe6e00;--color-amber-50:#fffbeb;--color-amber-100:#fef3c6;--color-amber-200:#fee685;--color-amber-700:#b75000;--color-amber-800:#953d00;--color-amber-900:#7b3306;--color-yellow-100:#fef9c2;--color-yellow-500:#edb200;--color-yellow-600:#cd8900;--color-green-50:#f0fdf4;--color-green-100:#dcfce7;--color-green-200:#b9f8cf;--color-green-400:#05df72;--color-green-500:#00c758;--color-green-600:#00a544;--color-green-700:#008138;--color-cyan-100:#cefafe;--color-cyan-500:#00b7d7;--color-cyan-600:#0092b5;--color-blue-50:#eff6ff;--color-blue-100:#dbeafe;--color-blue-400:#54a2ff;--color-blue-500:#3080ff;--color-blue-600:#155dfc;--color-purple-100:#f3e8ff;--color-purple-400:#c07eff;--color-purple-500:#ac4bff;--color-purple-600:#9810fa;--color-gray-50:#f9fafb;--color-gray-100:#f3f4f6;--color-gray-200:#e5e7eb;--color-gray-300:#d1d5dc;--color-gray-400:#99a1af;--color-gray-500:#6a7282;--color-gray-600:#4a5565;--color-gray-700:#364153;--color-gray-800:#1e2939;--color-gray-900:#101828;--color-zinc-50:#fafafa;--color-zinc-100:#f4f4f5;--color-zinc-200:#e4e4e7;--color-zinc-300:#d4d4d8;--color-zinc-400:#9f9fa9;--color-zinc-500:#71717b;--color-zinc-600:#52525c;--color-zinc-700:#3f3f46;--color-zinc-800:#27272a;--color-zinc-900:#18181b;--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wide:.025em;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--blur-sm:8px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color:color(display-p3 0 0 0)){:root,:host{--color-red-50:color(display-p3 .988669 .951204 .950419);--color-red-100:color(display-p3 .980386 .889727 .887779);--color-red-200:color(display-p3 .969562 .798149 .794299);--color-red-300:color(display-p3 .956922 .651886 .645122);--color-red-400:color(display-p3 .933534 .431676 .423491);--color-red-500:color(display-p3 .903738 .262579 .253307);--color-red-600:color(display-p3 .830323 .140383 .133196);--color-red-700:color(display-p3 .692737 .116232 .104679);--color-orange-400:color(display-p3 .950192 .561807 .211017);--color-orange-500:color(display-p3 .946589 .449788 .0757345);--color-amber-50:color(display-p3 .997804 .985047 .926312);--color-amber-100:color(display-p3 .989391 .954583 .796328);--color-amber-200:color(display-p3 .979824 .904554 .57325);--color-amber-700:color(display-p3 .67989 .32771 .0520514);--color-amber-800:color(display-p3 .547533 .256058 .0728326);--color-amber-900:color(display-p3 .445958 .216422 .0823321);--color-yellow-100:color(display-p3 .993436 .977463 .782913);--color-yellow-500:color(display-p3 .903651 .703062 .0745389);--color-yellow-600:color(display-p3 .776342 .542492 .041709);--color-green-50:color(display-p3 .950677 .990571 .959366);--color-green-100:color(display-p3 .885269 .984329 .910368);--color-green-200:color(display-p3 .776442 .964383 .823412);--color-green-400:color(display-p3 .399536 .862346 .49324);--color-green-500:color(display-p3 .308734 .774754 .374307);--color-green-600:color(display-p3 .243882 .640824 .294808);--color-green-700:color(display-p3 .198355 .501799 .245335);--color-cyan-100:color(display-p3 .843085 .97553 .992573);--color-cyan-500:color(display-p3 .246703 .710032 .841444);--color-cyan-600:color(display-p3 .193249 .564651 .707197);--color-blue-50:color(display-p3 .941826 .963151 .995385);--color-blue-100:color(display-p3 .869214 .915931 .989622);--color-blue-400:color(display-p3 .397443 .62813 .992116);--color-blue-500:color(display-p3 .266422 .491219 .988624);--color-blue-600:color(display-p3 .174493 .358974 .950247);--color-purple-100:color(display-p3 .945034 .910569 .992972);--color-purple-400:color(display-p3 .719919 .492497 .995173);--color-purple-500:color(display-p3 .629519 .30089 .990817);--color-purple-600:color(display-p3 .546729 .130167 .94439);--color-gray-50:color(display-p3 .977213 .98084 .985102);--color-gray-100:color(display-p3 .953567 .956796 .964321);--color-gray-200:color(display-p3 .899787 .906171 .92106);--color-gray-300:color(display-p3 .822033 .835264 .858521);--color-gray-400:color(display-p3 .605734 .630385 .680158);--color-gray-500:color(display-p3 .421287 .446085 .504784);--color-gray-600:color(display-p3 .297358 .332176 .39043);--color-gray-700:color(display-p3 .219968 .253721 .318679);--color-gray-800:color(display-p3 .125854 .159497 .216835);--color-gray-900:color(display-p3 .070423 .0928982 .151928);--color-zinc-50:color(display-p3 .980256 .980256 .980256);--color-zinc-100:color(display-p3 .956385 .956385 .959079);--color-zinc-200:color(display-p3 .894477 .894477 .905114);--color-zinc-300:color(display-p3 .831087 .831083 .846819);--color-zinc-400:color(display-p3 .622604 .622563 .659842);--color-zinc-500:color(display-p3 .442983 .442931 .480324);--color-zinc-600:color(display-p3 .321166 .321093 .358668);--color-zinc-700:color(display-p3 .246478 .246448 .273934);--color-zinc-800:color(display-p3 .152895 .152887 .16466);--color-zinc-900:color(display-p3 .0937957 .093793 .104806)}}@supports (color:lab(0% 0 0)){:root,:host{--color-red-50:lab(96.5005% 4.18508 1.52328);--color-red-100:lab(92.243% 10.2865 3.83865);--color-red-200:lab(86.017% 19.8815 7.75869);--color-red-300:lab(76.5514% 36.422 15.5335);--color-red-400:lab(63.7053% 60.745 31.3109);--color-red-500:lab(55.4814% 75.0732 48.8528);--color-red-600:lab(48.4493% 77.4328 61.5452);--color-red-700:lab(40.4273% 67.2623 53.7441);--color-orange-400:lab(70.0429% 42.5156 75.8207);--color-orange-500:lab(64.272% 57.1788 90.3583);--color-amber-50:lab(98.6252% -.635922 8.42309);--color-amber-100:lab(95.916% -1.21653 23.111);--color-amber-200:lab(91.7203% -.505269 49.9084);--color-amber-700:lab(47.2709% 42.9082 69.2966);--color-amber-800:lab(37.8822% 37.1699 52.2718);--color-amber-900:lab(31.2288% 30.2627 40.0378);--color-yellow-100:lab(97.3564% -4.51407 27.344);--color-yellow-500:lab(76.3898% 14.5258 98.4589);--color-yellow-600:lab(62.7799% 22.4197 86.1544);--color-green-50:lab(98.1563% -5.60117 2.75915);--color-green-100:lab(96.1861% -13.8464 6.52365);--color-green-200:lab(92.4222% -26.4702 12.9427);--color-green-400:lab(78.503% -64.9265 39.7492);--color-green-500:lab(70.5521% -66.5147 45.8073);--color-green-600:lab(59.0978% -58.6621 41.2579);--color-green-700:lab(47.0329% -47.0239 31.4788);--color-cyan-100:lab(95.3146% -13.8285 -6.84732);--color-cyan-500:lab(67.805% -35.3952 -30.2018);--color-cyan-600:lab(55.1767% -26.7496 -30.5139);--color-blue-50:lab(96.492% -1.14644 -5.11479);--color-blue-100:lab(92.0301% -2.24757 -11.6453);--color-blue-400:lab(65.0361% -1.42065 -56.9802);--color-blue-500:lab(54.1736% 13.3369 -74.6839);--color-blue-600:lab(44.0605% 29.0279 -86.0352);--color-purple-100:lab(93.3333% 6.97437 -9.83434);--color-purple-400:lab(63.6946% 47.6127 -59.2066);--color-purple-500:lab(52.0183% 66.11 -78.2316);--color-purple-600:lab(43.0295% 75.21 -86.5669);--color-gray-50:lab(98.2596% -.247031 -.706708);--color-gray-100:lab(96.1596% -.0823438 -1.13575);--color-gray-200:lab(91.6229% -.159115 -2.26791);--color-gray-300:lab(85.1236% -.612259 -3.7138);--color-gray-400:lab(65.9269% -.832707 -8.17473);--color-gray-500:lab(47.7841% -.393182 -10.0268);--color-gray-600:lab(35.6337% -1.58697 -10.8425);--color-gray-700:lab(27.1134% -.956401 -12.3224);--color-gray-800:lab(16.1051% -1.18239 -11.7533);--color-gray-900:lab(8.11897% .811279 -12.254);--color-zinc-50:lab(98.26% 0 0);--color-zinc-100:lab(96.1634% .0993311 -.364041);--color-zinc-200:lab(90.6853% .399232 -1.45452);--color-zinc-300:lab(84.9837% .601262 -2.17986);--color-zinc-400:lab(65.6464% 1.53497 -5.42429);--color-zinc-500:lab(47.8878% 1.65477 -5.77283);--color-zinc-600:lab(35.1166% 1.78212 -6.1173);--color-zinc-700:lab(26.8019% 1.35387 -4.68303);--color-zinc-800:lab(15.7305% .613764 -2.16959);--color-zinc-900:lab(8.30603% .618205 -2.16572)}}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::-webkit-file-upload-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::-webkit-file-upload-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:-webkit-any([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:-webkit-any([multiple],[size])) optgroup option{padding-inline-start:20px}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::-webkit-file-upload-button{margin-inline-end:4px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-year-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-month-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-day-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-hour-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-minute-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-second-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-millisecond-field{padding-block-start:0;padding-block-end:0}::-webkit-datetime-edit-meridiem-field{padding-block-start:0;padding-block-end:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button{-webkit-appearance:button;appearance:button}input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::-webkit-file-upload-button{-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.start:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--spacing)}.start:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){left:var(--spacing)}.start:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing)}.start:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){right:var(--spacing)}.end:not(:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spacing)}.end:not(:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi))){right:var(--spacing)}.end:-webkit-any(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing)}.end:is(:lang(ae),:lang(ar),:lang(arc),:lang(bcc),:lang(bqi),:lang(ckb),:lang(dv),:lang(fa),:lang(glk),:lang(he),:lang(ku),:lang(mzn),:lang(nqo),:lang(pnb),:lang(ps),:lang(sd),:lang(ug),:lang(ur),:lang(yi)){left:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-1\\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.right-0{right:calc(var(--spacing) * 0)}.right-1{right:calc(var(--spacing) * 1)}.right-2{right:calc(var(--spacing) * 2)}.bottom-0{bottom:calc(var(--spacing) * 0)}.bottom-1{bottom:calc(var(--spacing) * 1)}.left-0{left:calc(var(--spacing) * 0)}.left-2{left:calc(var(--spacing) * 2)}.z-10{z-index:10}.z-50{z-index:50}.z-\\[999\\]{z-index:999}.z-\\[1000\\]{z-index:1000}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-4{margin-inline:calc(var(--spacing) * 4)}.mt-0\\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-1\\.5{margin-top:calc(var(--spacing) * 1.5)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-0\\.5{margin-bottom:calc(var(--spacing) * .5)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-1\\.5{margin-bottom:calc(var(--spacing) * 1.5)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.ml-1{margin-left:calc(var(--spacing) * 1)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-flex{display:inline-flex}.h-0\\.5{height:calc(var(--spacing) * .5)}.h-2{height:calc(var(--spacing) * 2)}.h-3{height:calc(var(--spacing) * 3)}.h-4{height:calc(var(--spacing) * 4)}.h-5{height:calc(var(--spacing) * 5)}.h-8{height:calc(var(--spacing) * 8)}.h-full{height:100%}.h-screen{height:100vh}.max-h-\\[200px\\]{max-height:200px}.w-2{width:calc(var(--spacing) * 2)}.w-3{width:calc(var(--spacing) * 3)}.w-4{width:calc(var(--spacing) * 4)}.w-6{width:calc(var(--spacing) * 6)}.w-24{width:calc(var(--spacing) * 24)}.w-48{width:calc(var(--spacing) * 48)}.w-64{width:calc(var(--spacing) * 64)}.w-\\[80px\\]{width:80px}.w-\\[200px\\]{width:200px}.w-\\[320px\\]{width:320px}.w-fit{width:-moz-fit-content;width:fit-content}.w-full{width:100%}.w-screen{width:100vw}.max-w-\\[200px\\]{max-width:200px}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\\[180px\\]{min-width:180px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-y-1\\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.rotate-180{rotate:180deg}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-grab{cursor:grab}.cursor-nwse-resize{cursor:nwse-resize}.cursor-pointer{cursor:pointer}.touch-none{touch-action:none}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-6{gap:calc(var(--spacing) * 6)}:where(.space-y-0\\.5>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * .5) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * .5) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-zinc-100>:not(:last-child)){border-color:var(--color-zinc-100)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-sm{border-radius:var(--radius-sm)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-r-2{border-right-style:var(--tw-border-style);border-right-width:2px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-l{border-left-style:var(--tw-border-style);border-left-width:1px}.border-amber-200{border-color:var(--color-amber-200)}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-100{border-color:var(--color-gray-100)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-green-200{border-color:var(--color-green-200)}.border-red-200{border-color:var(--color-red-200)}.border-red-500{border-color:var(--color-red-500)}.border-white{border-color:var(--color-white)}.border-zinc-100{border-color:var(--color-zinc-100)}.border-zinc-200{border-color:var(--color-zinc-200)}.border-zinc-300{border-color:var(--color-zinc-300)}.border-zinc-400{border-color:var(--color-zinc-400)}.bg-amber-50{background-color:var(--color-amber-50)}.bg-amber-100{background-color:var(--color-amber-100)}.bg-black\\/20{background-color:#0003}@supports (color:color-mix(in lab, red, red)){.bg-black\\/20{background-color:color-mix(in oklab, var(--color-black) 20%, transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-400{background-color:var(--color-blue-400)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-cyan-100{background-color:var(--color-cyan-100)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-400{background-color:var(--color-gray-400)}.bg-gray-500{background-color:var(--color-gray-500)}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-400{background-color:var(--color-green-400)}.bg-green-500{background-color:var(--color-green-500)}.bg-orange-400{background-color:var(--color-orange-400)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-400{background-color:var(--color-purple-400)}.bg-purple-500{background-color:var(--color-purple-500)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-50\\/30{background-color:#fef2f24d}@supports (color:color-mix(in lab, red, red)){.bg-red-50\\/30{background-color:color-mix(in oklab, var(--color-red-50) 30%, transparent)}}.bg-red-100{background-color:var(--color-red-100)}.bg-red-500{background-color:var(--color-red-500)}.bg-red-600{background-color:var(--color-red-600)}.bg-transparent{background-color:#0000}.bg-white{background-color:var(--color-white)}.bg-yellow-100{background-color:var(--color-yellow-100)}.bg-yellow-500{background-color:var(--color-yellow-500)}.bg-zinc-50{background-color:var(--color-zinc-50)}.bg-zinc-100{background-color:var(--color-zinc-100)}.bg-zinc-200{background-color:var(--color-zinc-200)}.bg-zinc-900{background-color:var(--color-zinc-900)}.fill-gray-500{fill:var(--color-gray-500)}.fill-gray-600{fill:var(--color-gray-600)}.fill-gray-900{fill:var(--color-gray-900)}.p-0\\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:calc(var(--spacing) * 1)}.p-1\\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:calc(var(--spacing) * 2)}.p-2\\.5{padding:calc(var(--spacing) * 2.5)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-8{padding:calc(var(--spacing) * 8)}.px-1{padding-inline:calc(var(--spacing) * 1)}.px-1\\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.py-0\\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-3{padding-top:calc(var(--spacing) * 3)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pr-7{padding-right:calc(var(--spacing) * 7)}.pb-0{padding-bottom:calc(var(--spacing) * 0)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pl-2{padding-left:calc(var(--spacing) * 2)}.pl-7{padding-left:calc(var(--spacing) * 7)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-mono{font-family:var(--font-mono)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\\[10px\\]{font-size:10px}.text-\\[11px\\]{font-size:11px}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wide{--tw-tracking:var(--tracking-wide);letter-spacing:var(--tracking-wide)}.break-words{overflow-wrap:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-700{color:var(--color-amber-700)}.text-amber-800{color:var(--color-amber-800)}.text-amber-900{color:var(--color-amber-900)}.text-blue-500{color:var(--color-blue-500)}.text-blue-600{color:var(--color-blue-600)}.text-cyan-500{color:var(--color-cyan-500)}.text-cyan-600{color:var(--color-cyan-600)}.text-gray-50{color:var(--color-gray-50)}.text-gray-100{color:var(--color-gray-100)}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-800{color:var(--color-gray-800)}.text-gray-900{color:var(--color-gray-900)}.text-green-500{color:var(--color-green-500)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-purple-500{color:var(--color-purple-500)}.text-purple-600{color:var(--color-purple-600)}.text-red-400{color:var(--color-red-400)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-white{color:var(--color-white)}.text-yellow-500{color:var(--color-yellow-500)}.text-yellow-600{color:var(--color-yellow-600)}.text-zinc-50{color:var(--color-zinc-50)}.text-zinc-100{color:var(--color-zinc-100)}.text-zinc-400{color:var(--color-zinc-400)}.text-zinc-500{color:var(--color-zinc-500)}.text-zinc-600{color:var(--color-zinc-600)}.text-zinc-700{color:var(--color-zinc-700)}.text-zinc-800{color:var(--color-zinc-800)}.text-zinc-900{color:var(--color-zinc-900)}.capitalize{text-transform:capitalize}.uppercase{text-transform:uppercase}.italic{font-style:italic}.underline{text-decoration-line:underline}.placeholder-gray-400::placeholder{color:var(--color-gray-400)}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-70{opacity:.7}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-gray-900{--tw-ring-color:var(--color-gray-900)}.ring-red-700{--tw-ring-color:var(--color-red-700)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-sm{--tw-backdrop-blur:blur(var(--blur-sm));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.group-hover\\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\\:border-red-300:hover{border-color:var(--color-red-300)}.hover\\:border-zinc-300:hover{border-color:var(--color-zinc-300)}.hover\\:bg-amber-100:hover{background-color:var(--color-amber-100)}.hover\\:bg-amber-200:hover{background-color:var(--color-amber-200)}.hover\\:bg-blue-50\\/50:hover{background-color:#eff6ff80}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-blue-50\\/50:hover{background-color:color-mix(in oklab, var(--color-blue-50) 50%, transparent)}}.hover\\:bg-blue-100\\/50:hover{background-color:#dbeafe80}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-blue-100\\/50:hover{background-color:color-mix(in oklab, var(--color-blue-100) 50%, transparent)}}.hover\\:bg-blue-400:hover{background-color:var(--color-blue-400)}.hover\\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\\:bg-gray-200:hover{background-color:var(--color-gray-200)}.hover\\:bg-gray-400:hover{background-color:var(--color-gray-400)}.hover\\:bg-green-400:hover{background-color:var(--color-green-400)}.hover\\:bg-orange-400:hover{background-color:var(--color-orange-400)}.hover\\:bg-purple-400:hover{background-color:var(--color-purple-400)}.hover\\:bg-red-50\\/50:hover{background-color:#fef2f280}@supports (color:color-mix(in lab, red, red)){.hover\\:bg-red-50\\/50:hover{background-color:color-mix(in oklab, var(--color-red-50) 50%, transparent)}}.hover\\:bg-red-400:hover{background-color:var(--color-red-400)}.hover\\:bg-zinc-50:hover{background-color:var(--color-zinc-50)}.hover\\:bg-zinc-100:hover{background-color:var(--color-zinc-100)}.hover\\:bg-zinc-200:hover{background-color:var(--color-zinc-200)}.hover\\:text-gray-600:hover{color:var(--color-gray-600)}.hover\\:text-zinc-700:hover{color:var(--color-zinc-700)}.hover\\:text-zinc-900:hover{color:var(--color-zinc-900)}.hover\\:underline:hover{text-decoration-line:underline}.hover\\:shadow-lg:hover{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.hover\\:shadow-sm:hover{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}.focus\\:border-zinc-400:focus{border-color:var(--color-zinc-400)}.focus\\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (min-width:40rem){.sm\\:grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:48rem){.md\\:flex{display:flex}.md\\:hidden{display:none}}}*{box-sizing:border-box}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a1a1aa}.waterfall-row:hover .waterfall-bar{filter:brightness(1.1)}.waterfall-bar{transition:all .15s ease-out}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}`,po=class extends HTMLElement{constructor(...e){super(...e),ze(this,`cleanup`,null)}connectedCallback(){let e=this.attachShadow({mode:`open`}),t=document.createElement(`link`);t.rel=`stylesheet`,t.href=`https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,300;0,400;0,500;0,600;1,400&display=swap`,e.appendChild(t);let n=document.createElement(`style`);n.textContent=fo,e.appendChild(n);let r=this.getAttribute(`mode`)||`widget`,i=this.getAttribute(`ws-url`)||this.deriveWsUrl();this.cleanup=uo(e,{mode:r,wsUrl:i})}disconnectedCallback(){this.cleanup?.(),this.cleanup=null}deriveWsUrl(){return`ws://${location.host}/ws`}};ze(po,`observedAttributes`,[`mode`,`ws-url`]);function mo(){customElements.get(`autotel-devtools`)||customElements.define(`autotel-devtools`,po)}var ho=document.currentScript;function go(){if(!ho?.src)return{mode:`widget`,wsUrl:`ws://${location.host}/ws`};let e=new URL(ho.src),t=e.searchParams;return{mode:t.get(`mode`)||`widget`,wsUrl:t.get(`ws`)||`ws://${e.host}/ws`,position:t.get(`position`)||void 0}}function _o(){if(mo(),document.querySelector(`autotel-devtools`))return;let{mode:e,wsUrl:t}=go(),n=document.createElement(`div`);n.id=`autotel-devtools-root`,document.body.appendChild(n);let r=n.attachShadow({mode:`open`}),i=document.createElement(`style`);i.textContent=fo,r.appendChild(i),uo(r,{mode:e,wsUrl:t})}return document.readyState===`loading`?document.addEventListener(`DOMContentLoaded`,_o):_o(),e.mountWidget=uo,e.registerElement=mo,e})({});
|