@jsenv/server 16.3.3 → 16.3.5

package/dist/client/default_body_4xx_5xx/4xx.html

@@ -30,16 +30,16 @@
 }
 
 .error_status_text {
-  word-break: break-word;
   text-align: left;
+  word-break: break-word;
   margin: 10px 0;
   font-size: 1.5rem;
 }
 
 .error_message {
   color: #555;
-  word-break: break-word;
   text-align: left;
+  word-break: break-word;
   font-size: 1rem;
 }
 

package/dist/client/route_inspector/route_inspector.html

@@ -16,43 +16,43 @@
        */
       
       (() => {
-        const css = /*css*/ `
-      *[aria-hidden="true"] {
-          display: none;
-      }
+        const css = /* css */ `
+          *[aria-hidden="true"] {
+            display: none;
+          }
       
-      .clipboard_container {
-        display: flex;
-        padding: 8px;
-        gap: 5px;
-        align-items: center;
-      }
+          .clipboard_container {
+            display: flex;
+            padding: 8px;
+            align-items: center;
+            gap: 5px;
+          }
       
-      #copied_notif {
-          background: black;
-          color: white;
-          border-radius: 3px;
-          padding: 0.2em 0.5em;
-          font-size: 80%;
-      }
+          #copied_notif {
+            padding: 0.2em 0.5em;
+            color: white;
+            font-size: 80%;
+            background: black;
+            border-radius: 3px;
+          }
       
-      button {
-          border: none;
-          background: none;
-          background-color: rgb(246, 248, 250);
-          border-color: rgb(209, 217, 224);
-          border-radius: 6px;
-          border-width: 1px;
-          border-style: solid;
-          cursor: pointer;
-          width: 32px;
-          height: 32px;
-      }
+          button {
+            width: 32px;
+            height: 32px;
+            background: none;
+            background-color: rgb(246, 248, 250);
+            border: none;
+            border-width: 1px;
+            border-style: solid;
+            border-color: rgb(209, 217, 224);
+            border-radius: 6px;
+            cursor: pointer;
+          }
       
-      button:hover {
-          background-color: rgb(239, 242, 245);
-      }
-      `;
+          button:hover {
+            background-color: rgb(239, 242, 245);
+          }
+        `;
       
         const html = /* html */ `<style>
             ${css}
@@ -134,27 +134,27 @@
       })();
       
       (() => {
-        const css = /*css*/ `
-      /* :host {
-          display: block;
-      }
-      :host code[class*="language-"], :host pre[class*="language-"]{
-          margin-top: 0;
-      } */
-      #code_block {
-        position: relative;
-      }
+        const css = /* css */ `
+          /* :host {
+                  display: block;
+              }
+              :host code[class*="language-"], :host pre[class*="language-"]{
+                  margin-top: 0;
+              } */
+          #code_block {
+            position: relative;
+          }
       
-      #pre {
-          padding: 16px;
-          font-size: 86%;
-          margin-top: 16px;
-          margin-bottom: 16px;
-          margin-left: 0;
-          margin-right: 0;
-          background: #333 ;
-      }
-      `;
+          #pre {
+            margin-top: 16px;
+            margin-right: 0;
+            margin-bottom: 16px;
+            margin-left: 0;
+            padding: 16px;
+            font-size: 86%;
+            background: #333;
+          }
+        `;
       
         const html = /* html */ `<style>
             ${css}
@@ -470,13 +470,13 @@ main {
 }
 
 .note_button_open {
-  cursor: pointer;
+  height: 24px;
   color: var(--text-color);
   opacity: .7;
+  cursor: pointer;
   background: none;
   border: none;
   border-radius: 50%;
-  height: 24px;
   padding: 0;
   transition: background-color .2s;
 }
@@ -530,9 +530,9 @@ main {
 }
 
 #theme-toggle-btn {
-  cursor: pointer;
   background: none;
   background-color: var(--secondary-color);
+  cursor: pointer;
   border: none;
   border-radius: 50%;
   justify-content: center;
@@ -656,8 +656,8 @@ main {
 }
 
 .filters_sidebar {
-  border: 1px solid var(--border-color);
   background: var(--secondary-color);
+  border: 1px solid var(--border-color);
   border-radius: 6px;
   flex-shrink: 0;
   width: 250px;
@@ -679,8 +679,8 @@ main {
 }
 
 .filters_count {
-  background-color: var(--primary-color);
   color: #fff;
+  background-color: var(--primary-color);
   border-radius: 12px;
   padding: 2px 8px;
   font-size: .8rem;
@@ -714,8 +714,8 @@ main {
 }
 
 .route_group_details > summary {
-  cursor: pointer;
   border-bottom: 1px solid var(--border-color);
+  cursor: pointer;
   margin-bottom: 7px;
   list-style: none;
 }
@@ -759,9 +759,9 @@ main {
 }
 
 .route_details {
+  background: color-mix(in srgb, var(--method-color), transparent 90%);
   border: 1px solid #000;
   border-color: var(--method-color);
-  background: color-mix(in srgb, var(--method-color), transparent 90%);
   border-radius: 4px;
   margin: 0 0 15px;
   box-shadow: 0 0 3px #00000030;
@@ -864,8 +864,8 @@ main {
 }
 
 .filter_container {
-  border-right: 1px solid var(--border-color);
   background: var(--secondary-color);
+  border-right: 1px solid var(--border-color);
   height: 100%;
   margin-bottom: 20px;
   overflow: hidden auto;
@@ -890,8 +890,8 @@ main {
 }
 
 .summary_text {
-  white-space: nowrap;
   text-overflow: ellipsis;
+  white-space: nowrap;
   width: 100%;
   display: block;
   overflow: hidden;
@@ -907,8 +907,8 @@ main {
 }
 
 .filter_badge {
-  background-color: var(--primary-color);
   color: #fff;
+  background-color: var(--primary-color);
   border-radius: 12px;
   margin-left: 10px;
   padding: 2px 8px;
@@ -916,10 +916,10 @@ main {
 }
 
 select {
-  border: 1px solid var(--border-color);
-  background-color: var(--background-color);
   min-width: 200px;
   color: var(--text-color);
+  background-color: var(--background-color);
+  border: 1px solid var(--border-color);
   border-radius: 4px;
   padding: 8px;
   font-family: inherit;
@@ -930,8 +930,8 @@ select option {
 }
 
 select option:checked {
-  background-color: var(--primary-color);
   color: #fff;
+  background-color: var(--primary-color);
 }
 
 .filter_form {
@@ -944,10 +944,10 @@ select option:checked {
 }
 
 .filter_form label {
-  cursor: pointer;
-  word-break: keep-all;
   text-overflow: ellipsis;
   white-space: nowrap;
+  word-break: keep-all;
+  cursor: pointer;
   align-items: center;
   gap: 5px;
   width: 100%;
@@ -999,8 +999,8 @@ label .filter_text {
 
 .filter_count {
   color: #666;
-  opacity: .8;
   white-space: nowrap;
+  opacity: .8;
   background-color: #eee;
   border-radius: 12px;
   margin-left: auto;
@@ -1014,9 +1014,9 @@ label .filter_text {
 }
 
 .filter_button {
+  color: var(--text-color);
   background-color: var(--secondary-color);
   border: 1px solid var(--border-color);
-  color: var(--text-color);
   cursor: pointer;
   border-radius: 4px;
   padding: 6px 12px;
@@ -1125,11 +1125,11 @@ label .filter_text {
       });
     </script>
     <script type="module">/* esm.sh - preact@10.23.1 */
-var M$2,h,X,ie,x$2,J,Y,R,j,$,O$1,T$1={},ee=[],le=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,I=Array.isArray;function b$3(_,e){for(var t in e)_[t]=e[t];return _}function _e(_){var e=_.parentNode;e&&e.removeChild(_);}function se(_,e,t){var i,n,r,l={};for(r in e)r=="key"?i=e[r]:r=="ref"?n=e[r]:l[r]=e[r];if(arguments.length>2&&(l.children=arguments.length>3?M$2.call(arguments,2):t),typeof _=="function"&&_.defaultProps!=null)for(r in _.defaultProps)l[r]===void 0&&(l[r]=_.defaultProps[r]);return U(_,l,i,n,null)}function U(_,e,t,i,n){var r={type:_,props:e,key:t,ref:i,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:n??++X,__i:-1,__u:0};return n==null&&h.vnode!=null&&h.vnode(r),r}function N$1(_){return _.children}function F$1(_,e){this.props=_,this.context=e;}function C$2(_,e){if(e==null)return _.__?C$2(_.__,_.__i+1):null;for(var t;e<_.__k.length;e++)if((t=_.__k[e])!=null&&t.__e!=null)return t.__e;return typeof _.type=="function"?C$2(_):null}function te(_){var e,t;if((_=_.__)!=null&&_.__c!=null){for(_.__e=_.__c.base=null,e=0;e<_.__k.length;e++)if((t=_.__k[e])!=null&&t.__e!=null){_.__e=_.__c.base=t.__e;break}return te(_)}}function B(_){(!_.__d&&(_.__d=true)&&x$2.push(_)&&!H$1.__r++||J!==h.debounceRendering)&&((J=h.debounceRendering)||Y)(H$1);}function H$1(){var _,e,t,i,n,r,l,s;for(x$2.sort(R);_=x$2.shift();)_.__d&&(e=x$2.length,i=void 0,r=(n=(t=_).__v).__e,l=[],s=[],t.__P&&((i=b$3({},n)).__v=n.__v+1,h.vnode&&h.vnode(i),z$1(t.__P,i,n,t.__n,t.__P.namespaceURI,32&n.__u?[r]:null,l,r??C$2(n),!!(32&n.__u),s),i.__v=n.__v,i.__.__k[i.__i]=i,re(l,i,s),i.__e!=r&&te(i)),x$2.length>e&&x$2.sort(R));H$1.__r=0;}function ne(_,e,t,i,n,r,l,s,c,u,p){var o,m,f,v,g,y=i&&i.__k||ee,a=e.length;for(t.__d=c,ue(t,e,y),c=t.__d,o=0;o<a;o++)(f=t.__k[o])!=null&&typeof f!="boolean"&&typeof f!="function"&&(m=f.__i===-1?T$1:y[f.__i]||T$1,f.__i=o,z$1(_,f,m,n,r,l,s,c,u,p),v=f.__e,f.ref&&m.ref!=f.ref&&(m.ref&&q$1(m.ref,null,f),p.push(f.ref,f.__c||v,f)),g==null&&v!=null&&(g=v),65536&f.__u||m.__k===f.__k?c=oe(f,c,_):typeof f.type=="function"&&f.__d!==void 0?c=f.__d:v&&(c=v.nextSibling),f.__d=void 0,f.__u&=-196609);t.__d=c,t.__e=g;}function ue(_,e,t){var i,n,r,l,s,c=e.length,u=t.length,p=u,o=0;for(_.__k=[],i=0;i<c;i++)l=i+o,(n=_.__k[i]=(n=e[i])==null||typeof n=="boolean"||typeof n=="function"?null:typeof n=="string"||typeof n=="number"||typeof n=="bigint"||n.constructor==String?U(null,n,null,null,null):I(n)?U(N$1,{children:n},null,null,null):n.constructor===void 0&&n.__b>0?U(n.type,n.props,n.key,n.ref?n.ref:null,n.__v):n)!=null?(n.__=_,n.__b=_.__b+1,s=ce(n,t,l,p),n.__i=s,r=null,s!==-1&&(p--,(r=t[s])&&(r.__u|=131072)),r==null||r.__v===null?(s==-1&&o--,typeof n.type!="function"&&(n.__u|=65536)):s!==l&&(s==l-1?o=s-l:s==l+1?o++:s>l?p>c-l?o+=s-l:o--:s<l&&o++,s!==i+o&&(n.__u|=65536))):(r=t[l])&&r.key==null&&r.__e&&!(131072&r.__u)&&(r.__e==_.__d&&(_.__d=C$2(r)),V(r,r,false),t[l]=null,p--);if(p)for(i=0;i<u;i++)(r=t[i])!=null&&!(131072&r.__u)&&(r.__e==_.__d&&(_.__d=C$2(r)),V(r,r));}function oe(_,e,t){var i,n;if(typeof _.type=="function"){for(i=_.__k,n=0;i&&n<i.length;n++)i[n]&&(i[n].__=_,e=oe(i[n],e,t));return e}_.__e!=e&&(e&&_.type&&!t.contains(e)&&(e=C$2(_)),t.insertBefore(_.__e,e||null),e=_.__e);do e=e&&e.nextSibling;while(e!=null&&e.nodeType===8);return e}function ce(_,e,t,i){var n=_.key,r=_.type,l=t-1,s=t+1,c=e[t];if(c===null||c&&n==c.key&&r===c.type&&!(131072&c.__u))return t;if(i>(c!=null&&!(131072&c.__u)?1:0))for(;l>=0||s<e.length;){if(l>=0){if((c=e[l])&&!(131072&c.__u)&&n==c.key&&r===c.type)return l;l--;}if(s<e.length){if((c=e[s])&&!(131072&c.__u)&&n==c.key&&r===c.type)return s;s++;}}return  -1}function K(_,e,t){e[0]==="-"?_.setProperty(e,t??""):_[e]=t==null?"":typeof t!="number"||le.test(e)?t:t+"px";}function W$1(_,e,t,i,n){var r;e:if(e==="style")if(typeof t=="string")_.style.cssText=t;else {if(typeof i=="string"&&(_.style.cssText=i=""),i)for(e in i)t&&e in t||K(_.style,e,"");if(t)for(e in t)i&&t[e]===i[e]||K(_.style,e,t[e]);}else if(e[0]==="o"&&e[1]==="n")r=e!==(e=e.replace(/(PointerCapture)$|Capture$/i,"$1")),e=e.toLowerCase()in _||e==="onFocusOut"||e==="onFocusIn"?e.toLowerCase().slice(2):e.slice(2),_.l||(_.l={}),_.l[e+r]=t,t?i?t.u=i.u:(t.u=j,_.addEventListener(e,r?O$1:$,r)):_.removeEventListener(e,r?O$1:$,r);else {if(n=="http://www.w3.org/2000/svg")e=e.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if(e!="width"&&e!="height"&&e!="href"&&e!="list"&&e!="form"&&e!="tabIndex"&&e!="download"&&e!="rowSpan"&&e!="colSpan"&&e!="role"&&e!="popover"&&e in _)try{_[e]=t??"";break e}catch{}typeof t=="function"||(t==null||t===false&&e[4]!=="-"?_.removeAttribute(e):_.setAttribute(e,e=="popover"&&t==1?"":t));}}function Q(_){return function(e){if(this.l){var t=this.l[e.type+_];if(e.t==null)e.t=j++;else if(e.t<t.u)return;return t(h.event?h.event(e):e)}}}function z$1(_,e,t,i,n,r,l,s,c,u){var p,o,m,f,v,g,y,a,d,P,w,D,S,G,E,A,k=e.type;if(e.constructor!==void 0)return null;128&t.__u&&(c=!!(32&t.__u),r=[s=e.__e=t.__e]),(p=h.__b)&&p(e);e:if(typeof k=="function")try{if(a=e.props,d="prototype"in k&&k.prototype.render,P=(p=k.contextType)&&i[p.__c],w=p?P?P.props.value:p.__:i,t.__c?y=(o=e.__c=t.__c).__=o.__E:(d?e.__c=o=new k(a,w):(e.__c=o=new F$1(a,w),o.constructor=k,o.render=ae),P&&P.sub(o),o.props=a,o.state||(o.state={}),o.context=w,o.__n=i,m=o.__d=!0,o.__h=[],o._sb=[]),d&&o.__s==null&&(o.__s=o.state),d&&k.getDerivedStateFromProps!=null&&(o.__s==o.state&&(o.__s=b$3({},o.__s)),b$3(o.__s,k.getDerivedStateFromProps(a,o.__s))),f=o.props,v=o.state,o.__v=e,m)d&&k.getDerivedStateFromProps==null&&o.componentWillMount!=null&&o.componentWillMount(),d&&o.componentDidMount!=null&&o.__h.push(o.componentDidMount);else {if(d&&k.getDerivedStateFromProps==null&&a!==f&&o.componentWillReceiveProps!=null&&o.componentWillReceiveProps(a,w),!o.__e&&(o.shouldComponentUpdate!=null&&o.shouldComponentUpdate(a,o.__s,w)===!1||e.__v===t.__v)){for(e.__v!==t.__v&&(o.props=a,o.state=o.__s,o.__d=!1),e.__e=t.__e,e.__k=t.__k,e.__k.forEach(function(L){L&&(L.__=e);}),D=0;D<o._sb.length;D++)o.__h.push(o._sb[D]);o._sb=[],o.__h.length&&l.push(o);break e}o.componentWillUpdate!=null&&o.componentWillUpdate(a,o.__s,w),d&&o.componentDidUpdate!=null&&o.__h.push(function(){o.componentDidUpdate(f,v,g);});}if(o.context=w,o.props=a,o.__P=_,o.__e=!1,S=h.__r,G=0,d){for(o.state=o.__s,o.__d=!1,S&&S(e),p=o.render(o.props,o.state,o.context),E=0;E<o._sb.length;E++)o.__h.push(o._sb[E]);o._sb=[];}else do o.__d=!1,S&&S(e),p=o.render(o.props,o.state,o.context),o.state=o.__s;while(o.__d&&++G<25);o.state=o.__s,o.getChildContext!=null&&(i=b$3(b$3({},i),o.getChildContext())),d&&!m&&o.getSnapshotBeforeUpdate!=null&&(g=o.getSnapshotBeforeUpdate(f,v)),ne(_,I(A=p!=null&&p.type===N$1&&p.key==null?p.props.children:p)?A:[A],e,t,i,n,r,l,s,c,u),o.base=e.__e,e.__u&=-161,o.__h.length&&l.push(o),y&&(o.__E=o.__=null);}catch(L){if(e.__v=null,c||r!=null){for(e.__u|=c?160:32;s&&s.nodeType===8&&s.nextSibling;)s=s.nextSibling;r[r.indexOf(s)]=null,e.__e=s;}else e.__e=t.__e,e.__k=t.__k;h.__e(L,e,t);}else r==null&&e.__v===t.__v?(e.__k=t.__k,e.__e=t.__e):e.__e=pe(t.__e,e,t,i,n,r,l,c,u);(p=h.diffed)&&p(e);}function re(_,e,t){e.__d=void 0;for(var i=0;i<t.length;i++)q$1(t[i],t[++i],t[++i]);h.__c&&h.__c(e,_),_.some(function(n){try{_=n.__h,n.__h=[],_.some(function(r){r.call(n);});}catch(r){h.__e(r,n.__v);}});}function pe(_,e,t,i,n,r,l,s,c){var u,p,o,m,f,v,g,y=t.props,a=e.props,d=e.type;if(d==="svg"?n="http://www.w3.org/2000/svg":d==="math"?n="http://www.w3.org/1998/Math/MathML":n||(n="http://www.w3.org/1999/xhtml"),r!=null){for(u=0;u<r.length;u++)if((f=r[u])&&"setAttribute"in f==!!d&&(d?f.localName===d:f.nodeType===3)){_=f,r[u]=null;break}}if(_==null){if(d===null)return document.createTextNode(a);_=document.createElementNS(n,d,a.is&&a),r=null,s=false;}if(d===null)y===a||s&&_.data===a||(_.data=a);else {if(r=r&&M$2.call(_.childNodes),y=t.props||T$1,!s&&r!=null)for(y={},u=0;u<_.attributes.length;u++)y[(f=_.attributes[u]).name]=f.value;for(u in y)if(f=y[u],u!="children"){if(u=="dangerouslySetInnerHTML")o=f;else if(u!=="key"&&!(u in a)){if(u=="value"&&"defaultValue"in a||u=="checked"&&"defaultChecked"in a)continue;W$1(_,u,null,f,n);}}for(u in a)f=a[u],u=="children"?m=f:u=="dangerouslySetInnerHTML"?p=f:u=="value"?v=f:u=="checked"?g=f:u==="key"||s&&typeof f!="function"||y[u]===f||W$1(_,u,f,y[u],n);if(p)s||o&&(p.__html===o.__html||p.__html===_.innerHTML)||(_.innerHTML=p.__html),e.__k=[];else if(o&&(_.innerHTML=""),ne(_,I(m)?m:[m],e,t,i,d==="foreignObject"?"http://www.w3.org/1999/xhtml":n,r,l,r?r[0]:t.__k&&C$2(t,0),s,c),r!=null)for(u=r.length;u--;)r[u]!=null&&_e(r[u]);s||(u="value",v!==void 0&&(v!==_[u]||d==="progress"&&!v||d==="option"&&v!==y[u])&&W$1(_,u,v,y[u],n),u="checked",g!==void 0&&g!==_[u]&&W$1(_,u,g,y[u],n));}return _}function q$1(_,e,t){try{if(typeof _=="function"){var i=typeof _.__u=="function";i&&_.__u(),i&&e==null||(_.__u=_(e));}else _.current=e;}catch(n){h.__e(n,t);}}function V(_,e,t){var i,n;if(h.unmount&&h.unmount(_),(i=_.ref)&&(i.current&&i.current!==_.__e||q$1(i,null,e)),(i=_.__c)!=null){if(i.componentWillUnmount)try{i.componentWillUnmount();}catch(r){h.__e(r,e);}i.base=i.__P=null;}if(i=_.__k)for(n=0;n<i.length;n++)i[n]&&V(i[n],e,t||typeof _.type!="function");t||_.__e==null||_e(_.__e),_.__c=_.__=_.__e=_.__d=void 0;}function ae(_,e,t){return this.constructor(_,t)}function de(_,e,t){var i,n,r,l;h.__&&h.__(_,e),n=(i="undefined"=="function")?null:e.__k,r=[],l=[],z$1(e,_=(e).__k=se(N$1,null,[_]),n||T$1,T$1,e.namespaceURI,n?null:e.firstChild?M$2.call(e.childNodes):null,r,n?n.__e:e.firstChild,i,l),re(r,_,l);}M$2=ee.slice,h={__e:function(_,e,t,i){for(var n,r,l;e=e.__;)if((n=e.__c)&&!n.__)try{if((r=n.constructor)&&r.getDerivedStateFromError!=null&&(n.setState(r.getDerivedStateFromError(_)),l=n.__d),n.componentDidCatch!=null&&(n.componentDidCatch(_,i||{}),l=n.__d),l)return n.__E=n}catch(s){_=s;}throw _}},X=0,ie=function(_){return _!=null&&_.constructor==null},F$1.prototype.setState=function(_,e){var t;t=this.__s!=null&&this.__s!==this.state?this.__s:this.__s=b$3({},this.state),typeof _=="function"&&(_=_(b$3({},t),this.props)),_&&b$3(t,_),_!=null&&this.__v&&(e&&this._sb.push(e),B(this));},F$1.prototype.forceUpdate=function(_){this.__v&&(this.__e=true,_&&this.__h.push(_),B(this));},F$1.prototype.render=N$1,x$2=[],Y=typeof Promise=="function"?Promise.prototype.then.bind(Promise.resolve()):setTimeout,R=function(_,e){return _.__v.__b-e.__v.__b},H$1.__r=0,j=0,$=Q(false),O$1=Q(true);
+var M$2,h,X,ie,x$2,J,Y,R,j,$,O$1,T$1={},ee=[],le=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i,I=Array.isArray;function b$3(_,e){for(var t in e)_[t]=e[t];return _}function _e(_){var e=_.parentNode;e&&e.removeChild(_);}function se(_,e,t){var i,n,r,l={};for(r in e)r=="key"?i=e[r]:r=="ref"?n=e[r]:l[r]=e[r];if(arguments.length>2&&(l.children=arguments.length>3?M$2.call(arguments,2):t),typeof _=="function"&&_.defaultProps!=null)for(r in _.defaultProps)l[r]===void 0&&(l[r]=_.defaultProps[r]);return U(_,l,i,n,null)}function U(_,e,t,i,n){var r={type:_,props:e,key:t,ref:i,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,constructor:void 0,__v:n??++X,__i:-1,__u:0};return n==null&&h.vnode!=null&&h.vnode(r),r}function N$1(_){return _.children}function F$1(_,e){this.props=_,this.context=e;}function C$2(_,e){if(e==null)return _.__?C$2(_.__,_.__i+1):null;for(var t;e<_.__k.length;e++)if((t=_.__k[e])!=null&&t.__e!=null)return t.__e;return typeof _.type=="function"?C$2(_):null}function te(_){var e,t;if((_=_.__)!=null&&_.__c!=null){for(_.__e=_.__c.base=null,e=0;e<_.__k.length;e++)if((t=_.__k[e])!=null&&t.__e!=null){_.__e=_.__c.base=t.__e;break}return te(_)}}function B(_){(!_.__d&&(_.__d=true)&&x$2.push(_)&&!H$1.__r++||J!==h.debounceRendering)&&((J=h.debounceRendering)||Y)(H$1);}function H$1(){var _,e,t,i,n,r,l,s;for(x$2.sort(R);_=x$2.shift();)_.__d&&(e=x$2.length,i=void 0,r=(n=(t=_).__v).__e,l=[],s=[],t.__P&&((i=b$3({},n)).__v=n.__v+1,h.vnode&&h.vnode(i),z$1(t.__P,i,n,t.__n,t.__P.namespaceURI,32&n.__u?[r]:null,l,r??C$2(n),!!(32&n.__u),s),i.__v=n.__v,i.__.__k[i.__i]=i,re(l,i,s),i.__e!=r&&te(i)),x$2.length>e&&x$2.sort(R));H$1.__r=0;}function ne(_,e,t,i,n,r,l,s,c,u,p){var o,m,f,v,g,y=i&&i.__k||ee,a=e.length;for(t.__d=c,ue(t,e,y),c=t.__d,o=0;o<a;o++)(f=t.__k[o])!=null&&typeof f!="boolean"&&typeof f!="function"&&(m=f.__i===-1?T$1:y[f.__i]||T$1,f.__i=o,z$1(_,f,m,n,r,l,s,c,u,p),v=f.__e,f.ref&&m.ref!=f.ref&&(m.ref&&q$1(m.ref,null,f),p.push(f.ref,f.__c||v,f)),g==null&&v!=null&&(g=v),65536&f.__u||m.__k===f.__k?c=oe(f,c,_):typeof f.type=="function"&&f.__d!==void 0?c=f.__d:v&&(c=v.nextSibling),f.__d=void 0,f.__u&=-196609);t.__d=c,t.__e=g;}function ue(_,e,t){var i,n,r,l,s,c=e.length,u=t.length,p=u,o=0;for(_.__k=[],i=0;i<c;i++)l=i+o,(n=_.__k[i]=(n=e[i])==null||typeof n=="boolean"||typeof n=="function"?null:typeof n=="string"||typeof n=="number"||typeof n=="bigint"||n.constructor==String?U(null,n,null,null,null):I(n)?U(N$1,{children:n},null,null,null):n.constructor===void 0&&n.__b>0?U(n.type,n.props,n.key,n.ref?n.ref:null,n.__v):n)!=null?(n.__=_,n.__b=_.__b+1,s=ce(n,t,l,p),n.__i=s,r=null,s!==-1&&(p--,(r=t[s])&&(r.__u|=131072)),r==null||r.__v===null?(s==-1&&o--,typeof n.type!="function"&&(n.__u|=65536)):s!==l&&(s==l-1?o=s-l:s==l+1?o++:s>l?p>c-l?o+=s-l:o--:s<l&&o++,s!==i+o&&(n.__u|=65536))):(r=t[l])&&r.key==null&&r.__e&&(131072&r.__u)==0&&(r.__e==_.__d&&(_.__d=C$2(r)),V(r,r,false),t[l]=null,p--);if(p)for(i=0;i<u;i++)(r=t[i])!=null&&(131072&r.__u)==0&&(r.__e==_.__d&&(_.__d=C$2(r)),V(r,r));}function oe(_,e,t){var i,n;if(typeof _.type=="function"){for(i=_.__k,n=0;i&&n<i.length;n++)i[n]&&(i[n].__=_,e=oe(i[n],e,t));return e}_.__e!=e&&(e&&_.type&&!t.contains(e)&&(e=C$2(_)),t.insertBefore(_.__e,e||null),e=_.__e);do e=e&&e.nextSibling;while(e!=null&&e.nodeType===8);return e}function ce(_,e,t,i){var n=_.key,r=_.type,l=t-1,s=t+1,c=e[t];if(c===null||c&&n==c.key&&r===c.type&&(131072&c.__u)==0)return t;if(i>(c!=null&&(131072&c.__u)==0?1:0))for(;l>=0||s<e.length;){if(l>=0){if((c=e[l])&&(131072&c.__u)==0&&n==c.key&&r===c.type)return l;l--;}if(s<e.length){if((c=e[s])&&(131072&c.__u)==0&&n==c.key&&r===c.type)return s;s++;}}return  -1}function K(_,e,t){e[0]==="-"?_.setProperty(e,t??""):_[e]=t==null?"":typeof t!="number"||le.test(e)?t:t+"px";}function W$1(_,e,t,i,n){var r;e:if(e==="style")if(typeof t=="string")_.style.cssText=t;else {if(typeof i=="string"&&(_.style.cssText=i=""),i)for(e in i)t&&e in t||K(_.style,e,"");if(t)for(e in t)i&&t[e]===i[e]||K(_.style,e,t[e]);}else if(e[0]==="o"&&e[1]==="n")r=e!==(e=e.replace(/(PointerCapture)$|Capture$/i,"$1")),e=e.toLowerCase()in _||e==="onFocusOut"||e==="onFocusIn"?e.toLowerCase().slice(2):e.slice(2),_.l||(_.l={}),_.l[e+r]=t,t?i?t.u=i.u:(t.u=j,_.addEventListener(e,r?O$1:$,r)):_.removeEventListener(e,r?O$1:$,r);else {if(n=="http://www.w3.org/2000/svg")e=e.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if(e!="width"&&e!="height"&&e!="href"&&e!="list"&&e!="form"&&e!="tabIndex"&&e!="download"&&e!="rowSpan"&&e!="colSpan"&&e!="role"&&e!="popover"&&e in _)try{_[e]=t??"";break e}catch{}typeof t=="function"||(t==null||t===false&&e[4]!=="-"?_.removeAttribute(e):_.setAttribute(e,e=="popover"&&t==1?"":t));}}function Q(_){return function(e){if(this.l){var t=this.l[e.type+_];if(e.t==null)e.t=j++;else if(e.t<t.u)return;return t(h.event?h.event(e):e)}}}function z$1(_,e,t,i,n,r,l,s,c,u){var p,o,m,f,v,g,y,a,d,P,w,D,S,G,E,A,k=e.type;if(e.constructor!==void 0)return null;128&t.__u&&(c=!!(32&t.__u),r=[s=e.__e=t.__e]),(p=h.__b)&&p(e);e:if(typeof k=="function")try{if(a=e.props,d="prototype"in k&&k.prototype.render,P=(p=k.contextType)&&i[p.__c],w=p?P?P.props.value:p.__:i,t.__c?y=(o=e.__c=t.__c).__=o.__E:(d?e.__c=o=new k(a,w):(e.__c=o=new F$1(a,w),o.constructor=k,o.render=ae),P&&P.sub(o),o.props=a,o.state||(o.state={}),o.context=w,o.__n=i,m=o.__d=!0,o.__h=[],o._sb=[]),d&&o.__s==null&&(o.__s=o.state),d&&k.getDerivedStateFromProps!=null&&(o.__s==o.state&&(o.__s=b$3({},o.__s)),b$3(o.__s,k.getDerivedStateFromProps(a,o.__s))),f=o.props,v=o.state,o.__v=e,m)d&&k.getDerivedStateFromProps==null&&o.componentWillMount!=null&&o.componentWillMount(),d&&o.componentDidMount!=null&&o.__h.push(o.componentDidMount);else {if(d&&k.getDerivedStateFromProps==null&&a!==f&&o.componentWillReceiveProps!=null&&o.componentWillReceiveProps(a,w),!o.__e&&(o.shouldComponentUpdate!=null&&o.shouldComponentUpdate(a,o.__s,w)===!1||e.__v===t.__v)){for(e.__v!==t.__v&&(o.props=a,o.state=o.__s,o.__d=!1),e.__e=t.__e,e.__k=t.__k,e.__k.forEach(function(L){L&&(L.__=e);}),D=0;D<o._sb.length;D++)o.__h.push(o._sb[D]);o._sb=[],o.__h.length&&l.push(o);break e}o.componentWillUpdate!=null&&o.componentWillUpdate(a,o.__s,w),d&&o.componentDidUpdate!=null&&o.__h.push(function(){o.componentDidUpdate(f,v,g);});}if(o.context=w,o.props=a,o.__P=_,o.__e=!1,S=h.__r,G=0,d){for(o.state=o.__s,o.__d=!1,S&&S(e),p=o.render(o.props,o.state,o.context),E=0;E<o._sb.length;E++)o.__h.push(o._sb[E]);o._sb=[];}else do o.__d=!1,S&&S(e),p=o.render(o.props,o.state,o.context),o.state=o.__s;while(o.__d&&++G<25);o.state=o.__s,o.getChildContext!=null&&(i=b$3(b$3({},i),o.getChildContext())),d&&!m&&o.getSnapshotBeforeUpdate!=null&&(g=o.getSnapshotBeforeUpdate(f,v)),ne(_,I(A=p!=null&&p.type===N$1&&p.key==null?p.props.children:p)?A:[A],e,t,i,n,r,l,s,c,u),o.base=e.__e,e.__u&=-161,o.__h.length&&l.push(o),y&&(o.__E=o.__=null);}catch(L){if(e.__v=null,c||r!=null){for(e.__u|=c?160:32;s&&s.nodeType===8&&s.nextSibling;)s=s.nextSibling;r[r.indexOf(s)]=null,e.__e=s;}else e.__e=t.__e,e.__k=t.__k;h.__e(L,e,t);}else r==null&&e.__v===t.__v?(e.__k=t.__k,e.__e=t.__e):e.__e=pe(t.__e,e,t,i,n,r,l,c,u);(p=h.diffed)&&p(e);}function re(_,e,t){e.__d=void 0;for(var i=0;i<t.length;i++)q$1(t[i],t[++i],t[++i]);h.__c&&h.__c(e,_),_.some(function(n){try{_=n.__h,n.__h=[],_.some(function(r){r.call(n);});}catch(r){h.__e(r,n.__v);}});}function pe(_,e,t,i,n,r,l,s,c){var u,p,o,m,f,v,g,y=t.props,a=e.props,d=e.type;if(d==="svg"?n="http://www.w3.org/2000/svg":d==="math"?n="http://www.w3.org/1998/Math/MathML":n||(n="http://www.w3.org/1999/xhtml"),r!=null){for(u=0;u<r.length;u++)if((f=r[u])&&"setAttribute"in f==!!d&&(d?f.localName===d:f.nodeType===3)){_=f,r[u]=null;break}}if(_==null){if(d===null)return document.createTextNode(a);_=document.createElementNS(n,d,a.is&&a),r=null,s=false;}if(d===null)y===a||s&&_.data===a||(_.data=a);else {if(r=r&&M$2.call(_.childNodes),y=t.props||T$1,!s&&r!=null)for(y={},u=0;u<_.attributes.length;u++)y[(f=_.attributes[u]).name]=f.value;for(u in y)if(f=y[u],u!="children"){if(u=="dangerouslySetInnerHTML")o=f;else if(u!=="key"&&!(u in a)){if(u=="value"&&"defaultValue"in a||u=="checked"&&"defaultChecked"in a)continue;W$1(_,u,null,f,n);}}for(u in a)f=a[u],u=="children"?m=f:u=="dangerouslySetInnerHTML"?p=f:u=="value"?v=f:u=="checked"?g=f:u==="key"||s&&typeof f!="function"||y[u]===f||W$1(_,u,f,y[u],n);if(p)s||o&&(p.__html===o.__html||p.__html===_.innerHTML)||(_.innerHTML=p.__html),e.__k=[];else if(o&&(_.innerHTML=""),ne(_,I(m)?m:[m],e,t,i,d==="foreignObject"?"http://www.w3.org/1999/xhtml":n,r,l,r?r[0]:t.__k&&C$2(t,0),s,c),r!=null)for(u=r.length;u--;)r[u]!=null&&_e(r[u]);s||(u="value",v!==void 0&&(v!==_[u]||d==="progress"&&!v||d==="option"&&v!==y[u])&&W$1(_,u,v,y[u],n),u="checked",g!==void 0&&g!==_[u]&&W$1(_,u,g,y[u],n));}return _}function q$1(_,e,t){try{if(typeof _=="function"){var i=typeof _.__u=="function";i&&_.__u(),i&&e==null||(_.__u=_(e));}else _.current=e;}catch(n){h.__e(n,t);}}function V(_,e,t){var i,n;if(h.unmount&&h.unmount(_),(i=_.ref)&&(i.current&&i.current!==_.__e||q$1(i,null,e)),(i=_.__c)!=null){if(i.componentWillUnmount)try{i.componentWillUnmount();}catch(r){h.__e(r,e);}i.base=i.__P=null;}if(i=_.__k)for(n=0;n<i.length;n++)i[n]&&V(i[n],e,t||typeof _.type!="function");t||_.__e==null||_e(_.__e),_.__c=_.__=_.__e=_.__d=void 0;}function ae(_,e,t){return this.constructor(_,t)}function de(_,e,t){var i,n,r,l;h.__&&h.__(_,e),n=(i="undefined"=="function")?null:e.__k,r=[],l=[],z$1(e,_=(e).__k=se(N$1,null,[_]),n||T$1,T$1,e.namespaceURI,n?null:e.firstChild?M$2.call(e.childNodes):null,r,n?n.__e:e.firstChild,i,l),re(r,_,l);}M$2=ee.slice,h={__e:function(_,e,t,i){for(var n,r,l;e=e.__;)if((n=e.__c)&&!n.__)try{if((r=n.constructor)&&r.getDerivedStateFromError!=null&&(n.setState(r.getDerivedStateFromError(_)),l=n.__d),n.componentDidCatch!=null&&(n.componentDidCatch(_,i||{}),l=n.__d),l)return n.__E=n}catch(s){_=s;}throw _}},X=0,ie=function(_){return _!=null&&_.constructor==null},F$1.prototype.setState=function(_,e){var t;t=this.__s!=null&&this.__s!==this.state?this.__s:this.__s=b$3({},this.state),typeof _=="function"&&(_=_(b$3({},t),this.props)),_&&b$3(t,_),_!=null&&this.__v&&(e&&this._sb.push(e),B(this));},F$1.prototype.forceUpdate=function(_){this.__v&&(this.__e=true,_&&this.__h.push(_),B(this));},F$1.prototype.render=N$1,x$2=[],Y=typeof Promise=="function"?Promise.prototype.then.bind(Promise.resolve()):setTimeout,R=function(_,e){return _.__v.__b-e.__v.__b},H$1.__r=0,j=0,$=Q(false),O$1=Q(true);
 
 /* esm.sh - htm@3.1.1 */
-var a$2=function(p,f,c,n){var l;f[0]=0;for(var u=1;u<f.length;u++){var g=f[u++],o=f[u]?(f[0]|=g?1:2,c[f[u++]]):f[++u];g===3?n[0]=o:g===4?n[1]=Object.assign(n[1]||{},o):g===5?(n[1]=n[1]||{})[f[++u]]=o:g===6?n[1][f[++u]]+=o+"":g?(l=p.apply(o,a$2(p,o,c,["",null])),n.push(l),o[0]?f[0]|=2:(f[u-2]=0,f[u]=l)):n.push(o);}return n},M$1=new Map;function b$2(p){var f=M$1.get(this);return f||(f=new Map,M$1.set(this,f)),(f=a$2(this,f.get(p)||(f.set(p,f=function(c){for(var n,l,u=1,g="",o="",i=[0],s=function(v){u===1&&(v||(g=g.replace(/^\s*\n\s*|\s*\n\s*$/g,"")))?i.push(0,v,g):u===3&&(v||g)?(i.push(3,v,g),u=2):u===2&&g==="..."&&v?i.push(4,v,0):u===2&&g&&!v?i.push(5,0,true,g):u>=5&&((g||!v&&u===5)&&(i.push(u,0,g,l),u=6),v&&(i.push(u,v,0,l),u=6)),g="";},t=0;t<c.length;t++){t&&(u===1&&s(),s(t));for(var w=0;w<c[t].length;w++)n=c[t][w],u===1?n==="<"?(s(),i=[i],u=3):g+=n:u===4?g==="--"&&n===">"?(u=1,g=""):g=n+g[0]:o?n===o?o="":g+=n:n==='"'||n==="'"?o=n:n===">"?(s(),u=1):u&&(n==="="?(u=5,l=g,g=""):n==="/"&&(u<5||c[t][w+1]===">")?(s(),u===3&&(i=i[0]),u=i,(i=i[0]).push(2,0,u),u=0):n===" "||n==="	"||n===`
-`||n==="\r"?(s(),u=2):g+=n),u===3&&g==="!--"&&(u=4,i=i[0]);}return s(),i}(p)),f),arguments,[])).length>1?f:f[0]}
+var a$2=function(p,f,c,n){var l;f[0]=0;for(var u=1;u<f.length;u++){var g=f[u++],o=f[u]?(f[0]|=g?1:2,c[f[u++]]):f[++u];g===3?n[0]=o:g===4?n[1]=Object.assign(n[1]||{},o):g===5?(n[1]=n[1]||{})[f[++u]]=o:g===6?n[1][f[++u]]+=o+"":g?(l=p.apply(o,a$2(p,o,c,["",null])),n.push(l),o[0]?f[0]|=2:(f[u-2]=0,f[u]=l)):n.push(o);}return n},M$1=new Map;function b$2(p){var f=M$1.get(this);return f||(f=new Map,M$1.set(this,f)),(f=a$2(this,f.get(p)||(f.set(p,f=(function(c){for(var n,l,u=1,g="",o="",i=[0],s=function(v){u===1&&(v||(g=g.replace(/^\s*\n\s*|\s*\n\s*$/g,"")))?i.push(0,v,g):u===3&&(v||g)?(i.push(3,v,g),u=2):u===2&&g==="..."&&v?i.push(4,v,0):u===2&&g&&!v?i.push(5,0,true,g):u>=5&&((g||!v&&u===5)&&(i.push(u,0,g,l),u=6),v&&(i.push(u,v,0,l),u=6)),g="";},t=0;t<c.length;t++){t&&(u===1&&s(),s(t));for(var w=0;w<c[t].length;w++)n=c[t][w],u===1?n==="<"?(s(),i=[i],u=3):g+=n:u===4?g==="--"&&n===">"?(u=1,g=""):g=n+g[0]:o?n===o?o="":g+=n:n==='"'||n==="'"?o=n:n===">"?(s(),u=1):u&&(n==="="?(u=5,l=g,g=""):n==="/"&&(u<5||c[t][w+1]===">")?(s(),u===3&&(i=i[0]),u=i,(i=i[0]).push(2,0,u),u=0):n===" "||n==="	"||n===`
+`||n==="\r"?(s(),u=2):g+=n),u===3&&g==="!--"&&(u=4,i=i[0]);}return s(),i})(p)),f),arguments,[])).length>1?f:f[0]}
 
 /* esm.sh - htm@3.1.1/preact */
 var p$3=b$2.bind(se);
@@ -1141,7 +1141,7 @@ var m=Symbol.for("preact-signals");function a$1(){if(s>1)s--;else {for(var t,i=f
 var c$1,r,d,b,v=0,x=[],o=h,g=o.__b,C$1=o.__r,A=o.diffed,D=o.__c,F=o.unmount,k=o.__;function l(t,_){o.__h&&o.__h(r,t,v||_),v=0;var u=r.__H||(r.__H={__:[],__h:[]});return t>=u.__.length&&u.__.push({}),u.__[t]}function z(t){return v=5,T(function(){return {current:t}},[])}function T(t,_){var u=l(c$1++,7);return E(u.__H,_)&&(u.__=t(),u.__H=_,u.__h=t),u.__}function M(t,_){return v=8,T(function(){return t},_)}function S$1(){for(var t;t=x.shift();)if(t.__P&&t.__H)try{t.__H.__h.forEach(p$1),t.__H.__h.forEach(H),t.__H.__h=[];}catch(_){t.__H.__h=[],o.__e(_,t.__v);}}o.__b=function(t){r=null,g&&g(t);},o.__=function(t,_){t&&_.__k&&_.__k.__m&&(t.__m=_.__k.__m),k&&k(t,_);},o.__r=function(t){C$1&&C$1(t),c$1=0;var _=(r=t.__c).__H;_&&(d===r?(_.__h=[],r.__h=[],_.__.forEach(function(u){u.__N&&(u.__=u.__N),u.i=u.__N=void 0;})):(_.__h.forEach(p$1),_.__h.forEach(H),_.__h=[],c$1=0)),d=r;},o.diffed=function(t){A&&A(t);var _=t.__c;_&&_.__H&&(_.__H.__h.length&&(x.push(_)!==1&&b===o.requestAnimationFrame||((b=o.requestAnimationFrame)||W)(S$1)),_.__H.__.forEach(function(u){u.i&&(u.__H=u.i),u.i=void 0;})),d=r=null;},o.__c=function(t,_){_.some(function(u){try{u.__h.forEach(p$1),u.__h=u.__h.filter(function(n){return !n.__||H(n)});}catch(n){_.some(function(i){i.__h&&(i.__h=[]);}),_=[],o.__e(n,u.__v);}}),D&&D(t,_);},o.unmount=function(t){F&&F(t);var _,u=t.__c;u&&u.__H&&(u.__H.__.forEach(function(n){try{p$1(n);}catch(i){_=i;}}),u.__H=void 0,_&&o.__e(_,u.__v));};var q=typeof requestAnimationFrame=="function";function W(t){var _,u=function(){clearTimeout(n),q&&cancelAnimationFrame(_),setTimeout(t);},n=setTimeout(u,100);q&&(_=requestAnimationFrame(u));}function p$1(t){var _=r,u=t.__c;typeof u=="function"&&(t.__c=void 0,u()),r=_;}function H(t){var _=r;t.__c=t.__(),r=_;}function E(t,_){return !t||t.length!==_.length||_.some(function(u,n){return u!==t[n]})}
 
 /* esm.sh - @preact/signals@1.3.0 */
-var p;function a(e,n){h[e]=n.bind(null,h[e]||function(){});}function c(e){p&&p(),p=e&&e.S();}function S(e){var n=this,t=e.data,i=w(t);i.value=t;var u=T(function(){for(var r=n.__v;r=r.__;)if(r.__c){r.__c.__$f|=4;break}return n.__$u.c=function(){var f;!ie(u.peek())&&((f=n.base)==null?void 0:f.nodeType)===3?n.base.data=u.peek():(n.__$f|=1,n.setState({}));},O(function(){var f=i.value.value;return f===0?0:f===true?"":f||""})},[]);return u.value}S.displayName="_st";Object.defineProperties(f.prototype,{constructor:{configurable:true,value:void 0},type:{configurable:true,value:S},props:{configurable:true,get:function(){return {data:this}}},__b:{configurable:true,value:1}});a("__b",function(e,n){if(typeof n.type=="string"){var t,i=n.props;for(var u in i)if(u!=="children"){var r=i[u];r instanceof f&&(t||(n.__np=t={}),t[u]=r,i[u]=r.peek());}}e(n);});a("__r",function(e,n){c();var t,i=n.__c;i&&(i.__$f&=-2,(t=i.__$u)===void 0&&(i.__$u=t=function(u){var r;return E$1(function(){r=this;}),r.c=function(){i.__$f|=1,i.setState({});},r}())),c(t),e(n);});a("__e",function(e,n,t,i){c(),e(n,t,i);});a("diffed",function(e,n){c();var t;if(typeof n.type=="string"&&(t=n.__e)){var i=n.__np,u=n.props;if(i){var r=t.U;if(r)for(var f in r){var o=r[f];o!==void 0&&!(f in i)&&(o.d(),r[f]=void 0);}else t.U=r={};for(var _ in i){var v=r[_],m=i[_];v===void 0?(v=C(t,_,m,u),r[_]=v):v.o(m,u);}}}e(n);});function C(e,n,t,i){var u=n in e&&e.ownerSVGElement===void 0,r=N(t);return {o:function(f,o){r.value=f,i=o;},d:E$1(function(){var f=r.value.value;i[n]!==f&&(i[n]=f,u?e[n]=f:f?e.setAttribute(n,f):e.removeAttribute(n));})}}a("unmount",function(e,n){if(typeof n.type=="string"){var t=n.__e;if(t){var i=t.U;if(i){t.U=void 0;for(var u in i){var r=i[u];r&&r.d();}}}}else {var f=n.__c;if(f){var o=f.__$u;o&&(f.__$u=void 0,o.d());}}e(n);});a("__h",function(e,n,t,i){(i<3||i===9)&&(n.__$f|=2),e(n,t,i);});F$1.prototype.shouldComponentUpdate=function(e,n){var t=this.__$u;if(!(t&&t.s!==void 0||4&this.__$f)||3&this.__$f)return  true;for(var i in n)return  true;for(var u in e)if(u!=="__source"&&e[u]!==this.props[u])return  true;for(var r in this.props)if(!(r in e))return  true;return  false};function w(e){return T(function(){return N(e)},[])}
+var p;function a(e,n){h[e]=n.bind(null,h[e]||function(){});}function c(e){p&&p(),p=e&&e.S();}function S(e){var n=this,t=e.data,i=w(t);i.value=t;var u=T(function(){for(var r=n.__v;r=r.__;)if(r.__c){r.__c.__$f|=4;break}return n.__$u.c=function(){var f;!ie(u.peek())&&((f=n.base)==null?void 0:f.nodeType)===3?n.base.data=u.peek():(n.__$f|=1,n.setState({}));},O(function(){var f=i.value.value;return f===0?0:f===true?"":f||""})},[]);return u.value}S.displayName="_st";Object.defineProperties(f.prototype,{constructor:{configurable:true,value:void 0},type:{configurable:true,value:S},props:{configurable:true,get:function(){return {data:this}}},__b:{configurable:true,value:1}});a("__b",function(e,n){if(typeof n.type=="string"){var t,i=n.props;for(var u in i)if(u!=="children"){var r=i[u];r instanceof f&&(t||(n.__np=t={}),t[u]=r,i[u]=r.peek());}}e(n);});a("__r",function(e,n){c();var t,i=n.__c;i&&(i.__$f&=-2,(t=i.__$u)===void 0&&(i.__$u=t=(function(u){var r;return E$1(function(){r=this;}),r.c=function(){i.__$f|=1,i.setState({});},r})())),c(t),e(n);});a("__e",function(e,n,t,i){c(),e(n,t,i);});a("diffed",function(e,n){c();var t;if(typeof n.type=="string"&&(t=n.__e)){var i=n.__np,u=n.props;if(i){var r=t.U;if(r)for(var f in r){var o=r[f];o!==void 0&&!(f in i)&&(o.d(),r[f]=void 0);}else t.U=r={};for(var _ in i){var v=r[_],m=i[_];v===void 0?(v=C(t,_,m,u),r[_]=v):v.o(m,u);}}}e(n);});function C(e,n,t,i){var u=n in e&&e.ownerSVGElement===void 0,r=N(t);return {o:function(f,o){r.value=f,i=o;},d:E$1(function(){var f=r.value.value;i[n]!==f&&(i[n]=f,u?e[n]=f:f?e.setAttribute(n,f):e.removeAttribute(n));})}}a("unmount",function(e,n){if(typeof n.type=="string"){var t=n.__e;if(t){var i=t.U;if(i){t.U=void 0;for(var u in i){var r=i[u];r&&r.d();}}}}else {var f=n.__c;if(f){var o=f.__$u;o&&(f.__$u=void 0,o.d());}}e(n);});a("__h",function(e,n,t,i){(i<3||i===9)&&(n.__$f|=2),e(n,t,i);});F$1.prototype.shouldComponentUpdate=function(e,n){var t=this.__$u;if(!(t&&t.s!==void 0||4&this.__$f)||3&this.__$f)return  true;for(var i in n)return  true;for(var u in e)if(u!=="__source"&&e[u]!==this.props[u])return  true;for(var r in this.props)if(!(r in e))return  true;return  false};function w(e){return T(function(){return N(e)},[])}
 
 const routesLoadingSignal = N(false);
       const routeLoadingErrorSignal = N(null);

package/dist/jsenv_server.js

@@ -1514,22 +1514,29 @@ const createRequestLogger = (nodeRequest, write) => {
       });
     },
     onHeadersSent: ({ status, statusText }) => {
+      const isFaviconNotFound =
+        status === 404 && nodeRequest.url === "/favicon.ico";
+      if (isFaviconNotFound) {
+        if (process.env.CAPTURING_SIDE_EFFECTS) {
+          // we don't care about this 99.999999% of the time, it only pollute logs
+          return;
+        }
+      }
       const statusType = statusToType(status);
       let message = `${colorizeResponseStatus(status)}`;
       if (statusText) {
         message += ` ${statusText}`;
       }
       add({
-        type:
-          status === 404 && nodeRequest.path === "/favicon.ico"
-            ? "debug"
-            : {
-                information: "info",
-                success: "info",
-                redirection: "info",
-                client_error: "warn",
-                server_error: "error",
-              }[statusType] || "error",
+        type: isFaviconNotFound
+          ? "debug"
+          : {
+              information: "info",
+              success: "info",
+              redirection: "info",
+              client_error: "warn",
+              server_error: "error",
+            }[statusType] || "error",
         value: message,
       });
     },
@@ -6318,9 +6325,8 @@ const jsenvServiceOpenFile = () => {
   };
 };
 
-const routeInspectorHtmlFileUrl = import.meta.resolve(
-  "./client/route_inspector/route_inspector.html",
-);
+const routeInspectorHtmlFileUrl = import.meta
+  .resolve("./client/route_inspector/route_inspector.html");
 
 const jsenvServiceRouteInspector = () => {
   return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jsenv/server",
-  "version": "16.3.3",
+  "version": "16.3.5",
   "description": "A modern Node.js HTTP server with declarative routing, content negotiation, and WebSocket support",
   "repository": {
     "type": "git",
@@ -53,9 +53,9 @@
     "@jsenv/url-pattern": "../../tooling/url-pattern",
     "@jsenv/urls": "../../tooling/urls",
     "@jsenv/utils": "../../tooling/utils",
-    "eventsource": "4.0.0",
+    "eventsource": "4.1.0",
     "formidable": "3.5.4",
-    "playwright": "1.56.1",
+    "playwright": "1.57.0",
     "undici": "7.16.0",
     "ws": "8.18.3"
   },

package/src/interfacing_with_node/from_node_request.js

@@ -241,22 +241,29 @@ const createRequestLogger = (nodeRequest, write) => {
       });
     },
     onHeadersSent: ({ status, statusText }) => {
+      const isFaviconNotFound =
+        status === 404 && nodeRequest.url === "/favicon.ico";
+      if (isFaviconNotFound) {
+        if (process.env.CAPTURING_SIDE_EFFECTS) {
+          // we don't care about this 99.999999% of the time, it only pollute logs
+          return;
+        }
+      }
       const statusType = statusToType(status);
       let message = `${colorizeResponseStatus(status)}`;
       if (statusText) {
         message += ` ${statusText}`;
       }
       add({
-        type:
-          status === 404 && nodeRequest.path === "/favicon.ico"
-            ? "debug"
-            : {
-                information: "info",
-                success: "info",
-                redirection: "info",
-                client_error: "warn",
-                server_error: "error",
-              }[statusType] || "error",
+        type: isFaviconNotFound
+          ? "debug"
+          : {
+              information: "info",
+              success: "info",
+              redirection: "info",
+              client_error: "warn",
+              server_error: "error",
+            }[statusType] || "error",
         value: message,
       });
     },

package/src/services/default_body_4xx_5xx/client/4xx.html

@@ -6,46 +6,46 @@
     <title>${status} ${statusText}</title>
     <style>
       body {
-        font-family: Arial, sans-serif;
-        background-color: #f8f9fa;
-        color: #333;
         display: flex;
-        align-items: center;
-        justify-content: center;
         min-height: 100vh;
         margin: 0;
+        align-items: center;
+        justify-content: center;
+        color: #333;
+        font-family: Arial, sans-serif;
+        background-color: #f8f9fa;
       }
       .error_container {
+        padding: 20px;
         text-align: center;
         background: #fff;
-        padding: 20px;
         border-radius: 8px;
         box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
       }
       .error_status {
-        font-size: 5rem;
-        color: #dc3545;
         margin: 0;
+        color: #dc3545;
+        font-size: 5rem;
       }
       .error_status_text {
-        font-size: 1.5rem;
         margin: 10px 0;
-        word-break: break-word;
+        font-size: 1.5rem;
         text-align: left;
+        word-break: break-word;
       }
       .error_message {
-        font-size: 1rem;
         color: #555;
-        word-break: break-word;
+        font-size: 1rem;
         text-align: left;
+        word-break: break-word;
       }
       .home_link {
-        margin-top: 15px;
         display: inline-block;
+        margin-top: 15px;
         padding: 10px 15px;
-        background-color: #007bff;
         color: #fff;
         text-decoration: none;
+        background-color: #007bff;
         border-radius: 5px;
       }
       .home_link:hover {

package/src/services/route_inspector/client/code_block.js

@@ -8,43 +8,43 @@
  */
 
 (() => {
-  const css = /*css*/ `
-*[aria-hidden="true"] {
-    display: none;
-}
-
-.clipboard_container {
-  display: flex;
-  padding: 8px;
-  gap: 5px;
-  align-items: center;
-}
-
-#copied_notif {
-    background: black;
-    color: white;
-    border-radius: 3px;
-    padding: 0.2em 0.5em;
-    font-size: 80%;
-}
-
-button {
-    border: none;
-    background: none;
-    background-color: rgb(246, 248, 250);
-    border-color: rgb(209, 217, 224);
-    border-radius: 6px;
-    border-width: 1px;
-    border-style: solid;
-    cursor: pointer;
-    width: 32px;
-    height: 32px;
-}
-
-button:hover {
-    background-color: rgb(239, 242, 245);
-}
-`;
+  const css = /* css */ `
+    *[aria-hidden="true"] {
+      display: none;
+    }
+
+    .clipboard_container {
+      display: flex;
+      padding: 8px;
+      align-items: center;
+      gap: 5px;
+    }
+
+    #copied_notif {
+      padding: 0.2em 0.5em;
+      color: white;
+      font-size: 80%;
+      background: black;
+      border-radius: 3px;
+    }
+
+    button {
+      width: 32px;
+      height: 32px;
+      background: none;
+      background-color: rgb(246, 248, 250);
+      border: none;
+      border-width: 1px;
+      border-style: solid;
+      border-color: rgb(209, 217, 224);
+      border-radius: 6px;
+      cursor: pointer;
+    }
+
+    button:hover {
+      background-color: rgb(239, 242, 245);
+    }
+  `;
 
   const html = /* html */ `<style>
       ${css}
@@ -126,27 +126,27 @@ button:hover {
 })();
 
 (() => {
-  const css = /*css*/ `
-/* :host {
-    display: block;
-}
-:host code[class*="language-"], :host pre[class*="language-"]{
-    margin-top: 0;
-} */
-#code_block {
-  position: relative;
-}
-
-#pre {
-    padding: 16px;
-    font-size: 86%;
-    margin-top: 16px;
-    margin-bottom: 16px;
-    margin-left: 0;
-    margin-right: 0;
-    background: #333 ;
-}
-`;
+  const css = /* css */ `
+    /* :host {
+            display: block;
+        }
+        :host code[class*="language-"], :host pre[class*="language-"]{
+            margin-top: 0;
+        } */
+    #code_block {
+      position: relative;
+    }
+
+    #pre {
+      margin-top: 16px;
+      margin-right: 0;
+      margin-bottom: 16px;
+      margin-left: 0;
+      padding: 16px;
+      font-size: 86%;
+      background: #333;
+    }
+  `;
 
   const html = /* html */ `<style>
       ${css}

package/src/services/route_inspector/client/route_inspector.html

@@ -60,6 +60,8 @@
       }
 
       body {
+        margin: 0;
+        color: var(--text-color);
         font-family:
           system-ui,
           -apple-system,
@@ -69,9 +71,7 @@
           Arial,
           sans-serif;
         line-height: 1.5;
-        color: var(--text-color);
         background-color: var(--background-color);
-        margin: 0;
 
         transition:
           background-color 0.3s ease,
@@ -83,23 +83,23 @@
         flex-direction: row;
       }
       aside {
+        position: fixed;
         width: 250px;
+        height: 100%;
+        margin-right: 20px;
         flex-shrink: 0;
         transition:
           width 0.3s ease,
           margin-left 0.3s ease;
-        height: 100%;
-        margin-right: 20px;
-        position: fixed;
       }
       main {
-        flex-grow: 1;
-        flex-basis: 0;
         min-width: 0;
-        transition: margin-left 0.3s ease;
+        margin-left: 280px;
         padding-top: 20px;
         padding-right: 20px;
-        margin-left: 280px;
+        flex-grow: 1;
+        flex-basis: 0;
+        transition: margin-left 0.3s ease;
       }
 
       .header_row {
@@ -108,22 +108,22 @@
         gap: 10px;
       }
       .header_title {
-        margin: 0;
-        line-height: 1;
         display: flex;
-        gap: 10px;
+        margin: 0;
         align-items: center;
+        gap: 10px;
+        line-height: 1;
       }
       .note_button_open {
+        height: 24px;
+        padding: 0;
+        color: var(--text-color);
         background: none;
         border: none;
-        cursor: pointer;
         border-radius: 50%;
-        transition: background-color 0.2s;
-        padding: 0;
-        color: var(--text-color);
         opacity: 0.7;
-        height: 24px;
+        transition: background-color 0.2s;
+        cursor: pointer;
       }
       .note_button_open:hover {
         background-color: color-mix(
@@ -134,36 +134,36 @@
         opacity: 1;
       }
       .note_title {
-        font-weight: bold;
-        font-size: 1.1rem;
-        margin-bottom: 10px;
         display: flex;
+        margin-bottom: 10px;
         align-items: center;
+        font-weight: bold;
+        font-size: 1.1rem;
       }
       .note_button_close {
         position: absolute;
         top: 15px;
         right: 15px;
-        background: none;
-        border: none;
-        cursor: pointer;
-        padding: 5px;
-        border-radius: 50%;
         display: flex;
+        padding: 5px;
         align-items: center;
         justify-content: center;
+        background: none;
+        border: none;
+        border-radius: 50%;
+        cursor: pointer;
       }
       .note_button_close:hover {
         background-color: var(--secondary-color);
       }
       .note_content {
+        position: relative;
+        width: 90%;
+        max-width: 500px;
+        padding: 20px;
         background-color: var(--background-color);
         border-radius: 8px;
-        padding: 20px;
-        max-width: 500px;
-        width: 90%;
         box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
-        position: relative;
         transform: translateY(-20px);
         transition: transform 0.3s ease;
       }
@@ -174,17 +174,17 @@
       }
 
       #theme-toggle-btn {
-        background: none;
-        border: none;
-        cursor: pointer;
+        display: flex;
         width: 40px;
         height: 40px;
-        border-radius: 50%;
-        display: flex;
         align-items: center;
         justify-content: center;
-        transition: background-color 0.2s;
+        background: none;
         background-color: var(--secondary-color);
+        border: none;
+        border-radius: 50%;
+        transition: background-color 0.2s;
+        cursor: pointer;
       }
 
       #theme-toggle-btn:hover {
@@ -213,13 +213,13 @@
       }
 
       .progress-container {
+        position: relative;
         width: 100%;
         height: 100%;
+        margin: 20px 0;
         background-color: rgba(25, 118, 210, 0.2);
         border-radius: 4px;
         overflow: hidden;
-        position: relative;
-        margin: 20px 0;
       }
       .progress-indeterminate .progress-bar-long,
       .progress-indeterminate .progress-bar-short {
@@ -233,102 +233,102 @@
       }
 
       .progress-indeterminate .progress-bar-long {
-        animation-name: indeterminate-ltr;
         width: 75%;
+        animation-name: indeterminate-ltr;
       }
 
       .progress-indeterminate .progress-bar-short {
-        animation-name: indeterminate-short-ltr;
         width: 20%;
+        animation-name: indeterminate-short-ltr;
       }
 
       @keyframes indeterminate-ltr {
         0% {
-          left: -90%;
           right: 100%;
+          left: -90%;
         }
         60% {
-          left: -90%;
           right: 100%;
+          left: -90%;
         }
         100% {
-          left: 100%;
           right: -35%;
+          left: 100%;
         }
       }
 
       @keyframes indeterminate-short-ltr {
         0% {
-          left: -200%;
           right: 100%;
+          left: -200%;
         }
         60% {
-          left: 107%;
           right: -8%;
+          left: 107%;
         }
         100% {
-          left: 107%;
           right: -8%;
+          left: 107%;
         }
       }
 
       /* Styles pour les routes */
       .auto_head_note {
-        margin-top: 10px;
-        font-size: 14px;
-        color: var(--method-head-color);
         display: flex;
+        margin-top: 10px;
         align-items: center;
+        color: var(--method-head-color);
+        font-size: 14px;
       }
       .note {
+        margin-bottom: 20px;
+        padding: 12px;
         background-color: rgba(255, 152, 0, 0.1);
         border-left: 4px solid var(--warning-color);
-        padding: 12px;
-        margin-bottom: 20px;
         border-radius: 4px;
       }
       .info_pill {
         display: inline-flex;
+        margin-left: 10px;
+        padding: 4px 10px;
         align-items: center;
+        font-size: 13px;
         background-color: rgba(0, 0, 0, 0.05);
         border-radius: 14px;
-        padding: 4px 10px;
-        font-size: 13px;
-        margin-left: 10px;
       }
 
       .route_container {
         display: flex;
-        gap: 20px;
         align-items: flex-start;
+        gap: 20px;
       }
       .filters_sidebar {
         width: 250px;
         flex-shrink: 0;
+        background: var(--secondary-color);
+        border: 1px solid var(--border-color);
         border-radius: 6px;
         overflow: hidden;
-        border: 1px solid var(--border-color);
-        background: var(--secondary-color);
       }
       .sidebar_header {
-        padding: 12px 15px;
-        font-weight: 500;
-        border-bottom: 1px solid var(--border-color);
         display: flex;
+        padding: 12px 15px;
         align-items: center;
         justify-content: space-between;
+        font-weight: 500;
+        border-bottom: 1px solid var(--border-color);
       }
       .filters_content {
         padding: 15px;
         background: var(--background-color);
       }
       .filters_count {
-        background-color: var(--primary-color);
-        color: white;
         padding: 2px 8px;
-        border-radius: 12px;
-        font-size: 0.8rem;
+        color: white;
         font-weight: normal;
+        font-size: 0.8rem;
+        background-color: var(--primary-color);
+        border-radius: 12px;
       }
       @media (max-width: 768px) {
         .route_container {
@@ -342,9 +342,9 @@
       }
 
       .route_container > * {
+        min-width: 0; /* Prevent flexbox from expanding beyond available space */
         margin-top: 20px;
         flex-grow: 1;
-        min-width: 0; /* Prevent flexbox from expanding beyond available space */
       }
       .route_group_details {
         margin: 0 0 15px;
@@ -354,10 +354,10 @@
         height: 24px;
       }
       .route_group_details > summary {
-        cursor: pointer;
+        margin-bottom: 7px;
         list-style: none;
         border-bottom: 1px solid var(--border-color);
-        margin-bottom: 7px;
+        cursor: pointer;
       }
       .route_group_details > summary::marker {
         display: none;
@@ -367,44 +367,44 @@
       }
       .route_group_summary_container {
         display: flex;
-        align-items: center;
         padding: 5px;
+        align-items: center;
       }
       .route_group_name {
         display: flex;
-        border-radius: 3px;
-        font-family: sans-serif;
-        font-size: 14px;
-        font-weight: 700;
         min-width: 80px;
         padding: 6px 0;
+        gap: 0.3em;
+        font-weight: 700;
+        font-size: 14px;
+        font-family: sans-serif;
         text-align: center;
         text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
-        gap: 0.3em;
+        border-radius: 3px;
       }
       .route_group_description {
+        margin-top: 0;
+        margin-bottom: 0;
         margin-left: 8px;
-        font-family: monospace;
-        font-size: 16px;
         font-weight: 600;
+        font-size: 16px;
+        font-family: monospace;
         word-break: break-word;
-        margin-top: 0;
-        margin-bottom: 0;
         user-select: none;
       }
 
       .route_details {
         margin-bottom: 8px;
-        box-shadow: 0 0 3px rgba(0, 0, 0, 0.19);
-        border: 1px solid #000;
-        border-radius: 4px;
         margin: 0 0 15px;
-        border-color: var(--method-color);
         background: color-mix(in srgb, var(--method-color), transparent 90%);
+        border: 1px solid #000;
+        border-color: var(--method-color);
+        border-radius: 4px;
+        box-shadow: 0 0 3px rgba(0, 0, 0, 0.19);
       }
       .route_details > summary {
-        cursor: pointer;
         list-style: none;
+        cursor: pointer;
       }
       .route_details > summary::marker {
         display: none;
@@ -414,29 +414,29 @@
       }
       .route_summary_container {
         display: flex;
-        align-items: center;
         padding: 5px;
+        align-items: center;
       }
       .route_method {
-        border-radius: 3px;
-        color: #fff;
-        font-family: sans-serif;
-        font-size: 14px;
-        font-weight: 700;
         min-width: 80px;
         padding: 6px 0;
+        color: #fff;
+        font-weight: 700;
+        font-size: 14px;
+        font-family: sans-serif;
         text-align: center;
         text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
         background: var(--method-color);
+        border-radius: 3px;
       }
       .route_resource {
+        margin-top: 0;
+        margin-bottom: 0;
         margin-left: 8px;
-        font-family: monospace;
-        font-size: 16px;
         font-weight: 600;
+        font-size: 16px;
+        font-family: monospace;
         word-break: break-word;
-        margin-top: 0;
-        margin-bottom: 0;
       }
       .route_details[data-method="HEAD"],
       .route_group_details[data-method="HEAD"] {
@@ -468,20 +468,20 @@
       }
 
       .route_owner_name {
-        background-color: #ffefd2;
-        color: #666;
         padding: 4px 8px;
+        color: #666;
         text-align: center;
+        background-color: #ffefd2;
         border-radius: 5px;
       }
       :root[data-theme="dark"] .route_owner_name {
-        background-color: rgb(96, 59, 13);
         color: white;
+        background-color: rgb(96, 59, 13);
       }
 
       .route_details_content {
-        border-top: 1px solid var(--method-color);
         padding: 10px;
+        border-top: 1px solid var(--method-color);
       }
       .route_description {
         margin: 0;
@@ -491,34 +491,34 @@
       }
 
       .filter_container {
+        height: 100%;
         margin-bottom: 20px;
+        background: var(--secondary-color);
+        border-right: 1px solid var(--border-color);
         overflow: hidden;
         overflow-y: auto;
-        border-right: 1px solid var(--border-color);
-        background: var(--secondary-color);
-        height: 100%;
       }
       .filter_container::marker {
         display: none;
       }
       .filter_summary {
-        cursor: pointer;
-        font-weight: 500;
         display: flex;
         flex-direction: row;
         align-items: center;
         justify-content: space-between;
+        font-weight: 500;
+        cursor: pointer;
         user-select: none;
       }
       .filter:open > summary .summary_marker {
         transform: rotate(180deg);
       }
       .summary_text {
-        overflow: hidden;
-        width: 100%;
         display: block;
-        white-space: nowrap;
+        width: 100%;
         text-overflow: ellipsis;
+        white-space: nowrap;
+        overflow: hidden;
       }
       .filter_list {
         background: var(--background-color);
@@ -529,49 +529,49 @@
         margin-left: 0;
       }
       .filter_badge {
-        background-color: var(--primary-color);
-        color: white;
+        margin-left: 10px;
         padding: 2px 8px;
-        border-radius: 12px;
+        color: white;
         font-size: 0.8rem;
-        margin-left: 10px;
+        background-color: var(--primary-color);
+        border-radius: 12px;
       }
 
       select {
         min-width: 200px;
         padding: 8px;
-        border-radius: 4px;
-        border: 1px solid var(--border-color);
-        background-color: var(--background-color);
         color: var(--text-color);
         font-family: inherit;
+        background-color: var(--background-color);
+        border: 1px solid var(--border-color);
+        border-radius: 4px;
       }
       select option {
         padding: 8px;
       }
       select option:checked {
-        background-color: var(--primary-color);
         color: white;
+        background-color: var(--primary-color);
       }
       .filter_form {
         display: flex;
+        margin-top: 15px;
+        margin-bottom: 15px;
         flex-direction: column;
         flex-wrap: wrap;
         gap: 8px;
-        margin-top: 15px;
-        margin-bottom: 15px;
         user-select: none;
       }
       .filter_form label {
         display: flex;
+        width: 100%;
         align-items: center;
         gap: 5px;
-        cursor: pointer;
-        width: 100%;
-        word-break: keep-all;
-        overflow: hidden;
         text-overflow: ellipsis;
         white-space: nowrap;
+        word-break: keep-all;
+        cursor: pointer;
+        overflow: hidden;
       }
       label .filter_text {
         text-overflow: ellipsis;
@@ -607,14 +607,14 @@
       }
 
       .filter_count {
-        background-color: #eee;
-        color: #666;
-        opacity: 0.8;
+        margin-left: auto;
         padding: 2px 8px;
-        border-radius: 12px;
+        color: #666;
         font-size: 0.8rem;
-        margin-left: auto;
         white-space: nowrap;
+        background-color: #eee;
+        border-radius: 12px;
+        opacity: 0.8;
       }
 
       .filter_actions {
@@ -622,14 +622,14 @@
         gap: 10px;
       }
       .filter_button {
+        padding: 6px 12px;
+        color: var(--text-color);
+        font-size: 0.9rem;
         background-color: var(--secondary-color);
         border: 1px solid var(--border-color);
-        color: var(--text-color);
-        padding: 6px 12px;
         border-radius: 4px;
-        cursor: pointer;
-        font-size: 0.9rem;
         transition: all 0.2s;
+        cursor: pointer;
       }
       .filter_button:hover {
         background-color: color-mix(
@@ -641,8 +641,8 @@
 
       .status_pill {
         display: flex;
-        align-self: stretch;
         width: 0.4em;
+        align-self: stretch;
       }
     </style>
     <div class="container">

package/src/services/route_inspector/jsenv_service_route_inspector.js

@@ -1,8 +1,7 @@
 import { readFileSync } from "node:fs";
 
-const routeInspectorHtmlFileUrl = import.meta.resolve(
-  "./client/route_inspector.html",
-);
+const routeInspectorHtmlFileUrl = import.meta
+  .resolve("./client/route_inspector.html");
 
 export const jsenvServiceRouteInspector = () => {
   return {