npm - @tanstack/query-devtools - Versions diffs - 5.21.3 → 5.23.0 - Mend

@tanstack/query-devtools 5.21.3 → 5.23.0

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.

Files changed (14) hide show

package/build/Devtools/{VAJS2OS4.jsx → 6EDF3GZQ.jsx} +281 -58
package/build/Devtools/{PZY6I5TR.js → NXICSXP3.js} +676 -449
package/build/Devtools/{SUV2KM2F.js → QUGYIDRL.js} +676 -449
package/build/Devtools/{Z62CHOQ7.jsx → T73WTYCS.jsx} +281 -58
package/build/dev.cjs +679 -451
package/build/dev.js +1 -1
package/build/dev.jsx +1 -1
package/build/index.cjs +679 -451
package/build/index.js +1 -1
package/build/index.jsx +1 -1
package/package.json +2 -2
package/src/Devtools.tsx +364 -79
package/src/Explorer.tsx +2 -1
package/src/icons/index.tsx +20 -0

package/build/index.cjs CHANGED Viewed

@@ -12016,21 +12016,24 @@ function Offline() {
 function Settings() {
   return _tmpl$11();
 }
-function Copier() {
+function PiPIcon() {
   return _tmpl$12();
 }
+function Copier() {
+  return _tmpl$13();
+}
 function CopiedCopier(props) {
   return (() => {
-    const _el$15 = _tmpl$13(), _el$16 = _el$15.firstChild;
-    createRenderEffect(() => setAttribute(_el$16, "stroke", props.theme === "dark" ? "#12B76A" : "#027A48"));
-    return _el$15;
+    const _el$16 = _tmpl$14(), _el$17 = _el$16.firstChild;
+    createRenderEffect(() => setAttribute(_el$17, "stroke", props.theme === "dark" ? "#12B76A" : "#027A48"));
+    return _el$16;
   })();
 }
 function ErrorCopier() {
-  return _tmpl$14();
+  return _tmpl$15();
 }
 function List() {
-  return _tmpl$15();
+  return _tmpl$16();
 }
 function Check(props) {
   return [createComponent(Show, {
@@ -12038,119 +12041,119 @@ function Check(props) {
       return props.checked;
     },
     get children() {
-      const _el$19 = _tmpl$13(), _el$20 = _el$19.firstChild;
-      createRenderEffect(() => setAttribute(_el$20, "stroke", props.theme === "dark" ? "#9B8AFB" : "#6938EF"));
-      return _el$19;
+      const _el$20 = _tmpl$14(), _el$21 = _el$20.firstChild;
+      createRenderEffect(() => setAttribute(_el$21, "stroke", props.theme === "dark" ? "#9B8AFB" : "#6938EF"));
+      return _el$20;
     }
   }), createComponent(Show, {
     get when() {
       return !props.checked;
     },
     get children() {
-      const _el$21 = _tmpl$16(), _el$22 = _el$21.firstChild;
-      createRenderEffect(() => setAttribute(_el$22, "stroke", props.theme === "dark" ? "#9B8AFB" : "#6938EF"));
-      return _el$21;
+      const _el$22 = _tmpl$17(), _el$23 = _el$22.firstChild;
+      createRenderEffect(() => setAttribute(_el$23, "stroke", props.theme === "dark" ? "#9B8AFB" : "#6938EF"));
+      return _el$22;
     }
   })];
 }
 function CheckCircle() {
-  return _tmpl$17();
+  return _tmpl$18();
 }
 function LoadingCircle() {
-  return _tmpl$18();
+  return _tmpl$19();
 }
 function XCircle() {
-  return _tmpl$19();
+  return _tmpl$20();
 }
 function PauseCircle() {
-  return _tmpl$20();
+  return _tmpl$21();
 }
 function TanstackLogo() {
   const id = createUniqueId();
   return (() => {
-    const _el$27 = _tmpl$21(), _el$28 = _el$27.firstChild, _el$29 = _el$28.nextSibling, _el$30 = _el$29.nextSibling, _el$31 = _el$30.firstChild, _el$32 = _el$30.nextSibling, _el$33 = _el$32.firstChild, _el$34 = _el$32.nextSibling, _el$35 = _el$34.nextSibling, _el$36 = _el$35.firstChild, _el$37 = _el$35.nextSibling, _el$38 = _el$37.firstChild, _el$39 = _el$37.nextSibling, _el$40 = _el$39.nextSibling, _el$41 = _el$40.firstChild, _el$42 = _el$40.nextSibling, _el$43 = _el$42.firstChild, _el$44 = _el$42.nextSibling, _el$45 = _el$44.nextSibling, _el$46 = _el$45.firstChild, _el$47 = _el$45.nextSibling, _el$48 = _el$47.firstChild, _el$49 = _el$47.nextSibling, _el$50 = _el$49.nextSibling, _el$51 = _el$50.firstChild, _el$52 = _el$50.nextSibling, _el$53 = _el$52.firstChild, _el$54 = _el$52.nextSibling, _el$55 = _el$54.nextSibling, _el$56 = _el$55.firstChild, _el$57 = _el$55.nextSibling, _el$58 = _el$57.firstChild, _el$59 = _el$57.nextSibling, _el$60 = _el$59.nextSibling, _el$61 = _el$60.firstChild, _el$62 = _el$60.nextSibling, _el$63 = _el$62.firstChild, _el$64 = _el$62.nextSibling, _el$65 = _el$64.firstChild, _el$66 = _el$65.nextSibling, _el$67 = _el$66.nextSibling, _el$68 = _el$67.nextSibling, _el$69 = _el$68.nextSibling, _el$70 = _el$64.nextSibling, _el$71 = _el$70.firstChild, _el$72 = _el$70.nextSibling, _el$73 = _el$72.firstChild, _el$74 = _el$72.nextSibling, _el$75 = _el$74.firstChild, _el$76 = _el$75.nextSibling, _el$77 = _el$76.nextSibling, _el$78 = _el$77.firstChild, _el$79 = _el$78.nextSibling, _el$80 = _el$79.nextSibling, _el$81 = _el$80.nextSibling, _el$82 = _el$81.nextSibling, _el$83 = _el$82.nextSibling, _el$84 = _el$83.nextSibling, _el$85 = _el$84.nextSibling, _el$86 = _el$85.nextSibling, _el$87 = _el$86.nextSibling, _el$88 = _el$87.nextSibling, _el$89 = _el$88.nextSibling, _el$90 = _el$74.nextSibling, _el$91 = _el$90.firstChild, _el$92 = _el$90.nextSibling, _el$93 = _el$92.firstChild, _el$94 = _el$92.nextSibling, _el$95 = _el$94.firstChild, _el$96 = _el$95.nextSibling, _el$97 = _el$94.nextSibling, _el$98 = _el$97.firstChild, _el$99 = _el$97.nextSibling, _el$100 = _el$99.firstChild, _el$101 = _el$99.nextSibling, _el$102 = _el$101.firstChild, _el$103 = _el$102.nextSibling, _el$104 = _el$103.nextSibling, _el$105 = _el$104.nextSibling, _el$106 = _el$105.nextSibling, _el$107 = _el$106.nextSibling, _el$108 = _el$107.nextSibling, _el$109 = _el$108.nextSibling, _el$110 = _el$109.nextSibling, _el$111 = _el$110.nextSibling, _el$112 = _el$111.nextSibling, _el$113 = _el$112.nextSibling, _el$114 = _el$113.nextSibling, _el$115 = _el$114.nextSibling, _el$116 = _el$115.nextSibling, _el$117 = _el$116.nextSibling, _el$118 = _el$117.nextSibling, _el$119 = _el$118.nextSibling;
-    setAttribute(_el$28, "id", `a-${id}`);
-    setAttribute(_el$29, "fill", `url(#a-${id})`);
-    setAttribute(_el$31, "id", `am-${id}`);
-    setAttribute(_el$32, "id", `b-${id}`);
-    setAttribute(_el$33, "filter", `url(#am-${id})`);
-    setAttribute(_el$34, "mask", `url(#b-${id})`);
-    setAttribute(_el$36, "id", `ah-${id}`);
-    setAttribute(_el$37, "id", `k-${id}`);
-    setAttribute(_el$38, "filter", `url(#ah-${id})`);
-    setAttribute(_el$39, "mask", `url(#k-${id})`);
-    setAttribute(_el$41, "id", `ae-${id}`);
-    setAttribute(_el$42, "id", `j-${id}`);
-    setAttribute(_el$43, "filter", `url(#ae-${id})`);
-    setAttribute(_el$44, "mask", `url(#j-${id})`);
-    setAttribute(_el$46, "id", `ai-${id}`);
-    setAttribute(_el$47, "id", `i-${id}`);
-    setAttribute(_el$48, "filter", `url(#ai-${id})`);
-    setAttribute(_el$49, "mask", `url(#i-${id})`);
-    setAttribute(_el$51, "id", `aj-${id}`);
-    setAttribute(_el$52, "id", `h-${id}`);
-    setAttribute(_el$53, "filter", `url(#aj-${id})`);
-    setAttribute(_el$54, "mask", `url(#h-${id})`);
-    setAttribute(_el$56, "id", `ag-${id}`);
-    setAttribute(_el$57, "id", `g-${id}`);
-    setAttribute(_el$58, "filter", `url(#ag-${id})`);
-    setAttribute(_el$59, "mask", `url(#g-${id})`);
-    setAttribute(_el$61, "id", `af-${id}`);
-    setAttribute(_el$62, "id", `f-${id}`);
-    setAttribute(_el$63, "filter", `url(#af-${id})`);
-    setAttribute(_el$64, "mask", `url(#f-${id})`);
-    setAttribute(_el$68, "id", `m-${id}`);
-    setAttribute(_el$69, "fill", `url(#m-${id})`);
-    setAttribute(_el$71, "id", `ak-${id}`);
-    setAttribute(_el$72, "id", `e-${id}`);
-    setAttribute(_el$73, "filter", `url(#ak-${id})`);
-    setAttribute(_el$74, "mask", `url(#e-${id})`);
-    setAttribute(_el$75, "id", `n-${id}`);
-    setAttribute(_el$76, "fill", `url(#n-${id})`);
-    setAttribute(_el$78, "id", `r-${id}`);
-    setAttribute(_el$79, "fill", `url(#r-${id})`);
-    setAttribute(_el$80, "id", `s-${id}`);
-    setAttribute(_el$81, "fill", `url(#s-${id})`);
-    setAttribute(_el$82, "id", `q-${id}`);
-    setAttribute(_el$83, "fill", `url(#q-${id})`);
-    setAttribute(_el$84, "id", `p-${id}`);
-    setAttribute(_el$85, "fill", `url(#p-${id})`);
-    setAttribute(_el$86, "id", `o-${id}`);
-    setAttribute(_el$87, "fill", `url(#o-${id})`);
-    setAttribute(_el$88, "id", `l-${id}`);
-    setAttribute(_el$89, "fill", `url(#l-${id})`);
-    setAttribute(_el$91, "id", `al-${id}`);
-    setAttribute(_el$92, "id", `d-${id}`);
-    setAttribute(_el$93, "filter", `url(#al-${id})`);
-    setAttribute(_el$94, "mask", `url(#d-${id})`);
-    setAttribute(_el$95, "id", `u-${id}`);
-    setAttribute(_el$96, "fill", `url(#u-${id})`);
-    setAttribute(_el$98, "id", `ad-${id}`);
-    setAttribute(_el$99, "id", `c-${id}`);
-    setAttribute(_el$100, "filter", `url(#ad-${id})`);
-    setAttribute(_el$101, "mask", `url(#c-${id})`);
-    setAttribute(_el$102, "id", `t-${id}`);
-    setAttribute(_el$103, "fill", `url(#t-${id})`);
-    setAttribute(_el$104, "id", `v-${id}`);
-    setAttribute(_el$105, "stroke", `url(#v-${id})`);
-    setAttribute(_el$106, "id", `aa-${id}`);
-    setAttribute(_el$107, "stroke", `url(#aa-${id})`);
-    setAttribute(_el$108, "id", `w-${id}`);
-    setAttribute(_el$109, "stroke", `url(#w-${id})`);
-    setAttribute(_el$110, "id", `ac-${id}`);
-    setAttribute(_el$111, "stroke", `url(#ac-${id})`);
-    setAttribute(_el$112, "id", `ab-${id}`);
-    setAttribute(_el$113, "stroke", `url(#ab-${id})`);
-    setAttribute(_el$114, "id", `y-${id}`);
-    setAttribute(_el$115, "stroke", `url(#y-${id})`);
-    setAttribute(_el$116, "id", `x-${id}`);
-    setAttribute(_el$117, "stroke", `url(#x-${id})`);
-    setAttribute(_el$118, "id", `z-${id}`);
-    setAttribute(_el$119, "stroke", `url(#z-${id})`);
-    return _el$27;
+    const _el$28 = _tmpl$22(), _el$29 = _el$28.firstChild, _el$30 = _el$29.nextSibling, _el$31 = _el$30.nextSibling, _el$32 = _el$31.firstChild, _el$33 = _el$31.nextSibling, _el$34 = _el$33.firstChild, _el$35 = _el$33.nextSibling, _el$36 = _el$35.nextSibling, _el$37 = _el$36.firstChild, _el$38 = _el$36.nextSibling, _el$39 = _el$38.firstChild, _el$40 = _el$38.nextSibling, _el$41 = _el$40.nextSibling, _el$42 = _el$41.firstChild, _el$43 = _el$41.nextSibling, _el$44 = _el$43.firstChild, _el$45 = _el$43.nextSibling, _el$46 = _el$45.nextSibling, _el$47 = _el$46.firstChild, _el$48 = _el$46.nextSibling, _el$49 = _el$48.firstChild, _el$50 = _el$48.nextSibling, _el$51 = _el$50.nextSibling, _el$52 = _el$51.firstChild, _el$53 = _el$51.nextSibling, _el$54 = _el$53.firstChild, _el$55 = _el$53.nextSibling, _el$56 = _el$55.nextSibling, _el$57 = _el$56.firstChild, _el$58 = _el$56.nextSibling, _el$59 = _el$58.firstChild, _el$60 = _el$58.nextSibling, _el$61 = _el$60.nextSibling, _el$62 = _el$61.firstChild, _el$63 = _el$61.nextSibling, _el$64 = _el$63.firstChild, _el$65 = _el$63.nextSibling, _el$66 = _el$65.firstChild, _el$67 = _el$66.nextSibling, _el$68 = _el$67.nextSibling, _el$69 = _el$68.nextSibling, _el$70 = _el$69.nextSibling, _el$71 = _el$65.nextSibling, _el$72 = _el$71.firstChild, _el$73 = _el$71.nextSibling, _el$74 = _el$73.firstChild, _el$75 = _el$73.nextSibling, _el$76 = _el$75.firstChild, _el$77 = _el$76.nextSibling, _el$78 = _el$77.nextSibling, _el$79 = _el$78.firstChild, _el$80 = _el$79.nextSibling, _el$81 = _el$80.nextSibling, _el$82 = _el$81.nextSibling, _el$83 = _el$82.nextSibling, _el$84 = _el$83.nextSibling, _el$85 = _el$84.nextSibling, _el$86 = _el$85.nextSibling, _el$87 = _el$86.nextSibling, _el$88 = _el$87.nextSibling, _el$89 = _el$88.nextSibling, _el$90 = _el$89.nextSibling, _el$91 = _el$75.nextSibling, _el$92 = _el$91.firstChild, _el$93 = _el$91.nextSibling, _el$94 = _el$93.firstChild, _el$95 = _el$93.nextSibling, _el$96 = _el$95.firstChild, _el$97 = _el$96.nextSibling, _el$98 = _el$95.nextSibling, _el$99 = _el$98.firstChild, _el$100 = _el$98.nextSibling, _el$101 = _el$100.firstChild, _el$102 = _el$100.nextSibling, _el$103 = _el$102.firstChild, _el$104 = _el$103.nextSibling, _el$105 = _el$104.nextSibling, _el$106 = _el$105.nextSibling, _el$107 = _el$106.nextSibling, _el$108 = _el$107.nextSibling, _el$109 = _el$108.nextSibling, _el$110 = _el$109.nextSibling, _el$111 = _el$110.nextSibling, _el$112 = _el$111.nextSibling, _el$113 = _el$112.nextSibling, _el$114 = _el$113.nextSibling, _el$115 = _el$114.nextSibling, _el$116 = _el$115.nextSibling, _el$117 = _el$116.nextSibling, _el$118 = _el$117.nextSibling, _el$119 = _el$118.nextSibling, _el$120 = _el$119.nextSibling;
+    setAttribute(_el$29, "id", `a-${id}`);
+    setAttribute(_el$30, "fill", `url(#a-${id})`);
+    setAttribute(_el$32, "id", `am-${id}`);
+    setAttribute(_el$33, "id", `b-${id}`);
+    setAttribute(_el$34, "filter", `url(#am-${id})`);
+    setAttribute(_el$35, "mask", `url(#b-${id})`);
+    setAttribute(_el$37, "id", `ah-${id}`);
+    setAttribute(_el$38, "id", `k-${id}`);
+    setAttribute(_el$39, "filter", `url(#ah-${id})`);
+    setAttribute(_el$40, "mask", `url(#k-${id})`);
+    setAttribute(_el$42, "id", `ae-${id}`);
+    setAttribute(_el$43, "id", `j-${id}`);
+    setAttribute(_el$44, "filter", `url(#ae-${id})`);
+    setAttribute(_el$45, "mask", `url(#j-${id})`);
+    setAttribute(_el$47, "id", `ai-${id}`);
+    setAttribute(_el$48, "id", `i-${id}`);
+    setAttribute(_el$49, "filter", `url(#ai-${id})`);
+    setAttribute(_el$50, "mask", `url(#i-${id})`);
+    setAttribute(_el$52, "id", `aj-${id}`);
+    setAttribute(_el$53, "id", `h-${id}`);
+    setAttribute(_el$54, "filter", `url(#aj-${id})`);
+    setAttribute(_el$55, "mask", `url(#h-${id})`);
+    setAttribute(_el$57, "id", `ag-${id}`);
+    setAttribute(_el$58, "id", `g-${id}`);
+    setAttribute(_el$59, "filter", `url(#ag-${id})`);
+    setAttribute(_el$60, "mask", `url(#g-${id})`);
+    setAttribute(_el$62, "id", `af-${id}`);
+    setAttribute(_el$63, "id", `f-${id}`);
+    setAttribute(_el$64, "filter", `url(#af-${id})`);
+    setAttribute(_el$65, "mask", `url(#f-${id})`);
+    setAttribute(_el$69, "id", `m-${id}`);
+    setAttribute(_el$70, "fill", `url(#m-${id})`);
+    setAttribute(_el$72, "id", `ak-${id}`);
+    setAttribute(_el$73, "id", `e-${id}`);
+    setAttribute(_el$74, "filter", `url(#ak-${id})`);
+    setAttribute(_el$75, "mask", `url(#e-${id})`);
+    setAttribute(_el$76, "id", `n-${id}`);
+    setAttribute(_el$77, "fill", `url(#n-${id})`);
+    setAttribute(_el$79, "id", `r-${id}`);
+    setAttribute(_el$80, "fill", `url(#r-${id})`);
+    setAttribute(_el$81, "id", `s-${id}`);
+    setAttribute(_el$82, "fill", `url(#s-${id})`);
+    setAttribute(_el$83, "id", `q-${id}`);
+    setAttribute(_el$84, "fill", `url(#q-${id})`);
+    setAttribute(_el$85, "id", `p-${id}`);
+    setAttribute(_el$86, "fill", `url(#p-${id})`);
+    setAttribute(_el$87, "id", `o-${id}`);
+    setAttribute(_el$88, "fill", `url(#o-${id})`);
+    setAttribute(_el$89, "id", `l-${id}`);
+    setAttribute(_el$90, "fill", `url(#l-${id})`);
+    setAttribute(_el$92, "id", `al-${id}`);
+    setAttribute(_el$93, "id", `d-${id}`);
+    setAttribute(_el$94, "filter", `url(#al-${id})`);
+    setAttribute(_el$95, "mask", `url(#d-${id})`);
+    setAttribute(_el$96, "id", `u-${id}`);
+    setAttribute(_el$97, "fill", `url(#u-${id})`);
+    setAttribute(_el$99, "id", `ad-${id}`);
+    setAttribute(_el$100, "id", `c-${id}`);
+    setAttribute(_el$101, "filter", `url(#ad-${id})`);
+    setAttribute(_el$102, "mask", `url(#c-${id})`);
+    setAttribute(_el$103, "id", `t-${id}`);
+    setAttribute(_el$104, "fill", `url(#t-${id})`);
+    setAttribute(_el$105, "id", `v-${id}`);
+    setAttribute(_el$106, "stroke", `url(#v-${id})`);
+    setAttribute(_el$107, "id", `aa-${id}`);
+    setAttribute(_el$108, "stroke", `url(#aa-${id})`);
+    setAttribute(_el$109, "id", `w-${id}`);
+    setAttribute(_el$110, "stroke", `url(#w-${id})`);
+    setAttribute(_el$111, "id", `ac-${id}`);
+    setAttribute(_el$112, "stroke", `url(#ac-${id})`);
+    setAttribute(_el$113, "id", `ab-${id}`);
+    setAttribute(_el$114, "stroke", `url(#ab-${id})`);
+    setAttribute(_el$115, "id", `y-${id}`);
+    setAttribute(_el$116, "stroke", `url(#y-${id})`);
+    setAttribute(_el$117, "id", `x-${id}`);
+    setAttribute(_el$118, "stroke", `url(#x-${id})`);
+    setAttribute(_el$119, "id", `z-${id}`);
+    setAttribute(_el$120, "stroke", `url(#z-${id})`);
+    return _el$28;
   })();
 }
-var _tmpl$, _tmpl$2, _tmpl$3, _tmpl$4, _tmpl$5, _tmpl$6, _tmpl$7, _tmpl$8, _tmpl$9, _tmpl$10, _tmpl$11, _tmpl$12, _tmpl$13, _tmpl$14, _tmpl$15, _tmpl$16, _tmpl$17, _tmpl$18, _tmpl$19, _tmpl$20, _tmpl$21;
+var _tmpl$, _tmpl$2, _tmpl$3, _tmpl$4, _tmpl$5, _tmpl$6, _tmpl$7, _tmpl$8, _tmpl$9, _tmpl$10, _tmpl$11, _tmpl$12, _tmpl$13, _tmpl$14, _tmpl$15, _tmpl$16, _tmpl$17, _tmpl$18, _tmpl$19, _tmpl$20, _tmpl$21, _tmpl$22;
 var init_icons = __esm({
   "src/icons/index.tsx"() {
     init_web();
@@ -12169,16 +12172,17 @@ var init_icons = __esm({
     _tmpl$9 = /* @__PURE__ */ template(`<svg stroke=currentColor fill=currentColor stroke-width=0 viewBox="0 0 24 24"height=1em width=1em xmlns=http://www.w3.org/2000/svg><path fill=none d="M0 0h24v24H0z"></path><path d="M1 9l2 2c4.97-4.97 13.03-4.97 18 0l2-2C16.93 2.93 7.08 2.93 1 9zm8 8l3 3 3-3a4.237 4.237 0 00-6 0zm-4-4l2 2a7.074 7.074 0 0110 0l2-2C15.14 9.14 8.87 9.14 5 13z">`);
     _tmpl$10 = /* @__PURE__ */ template(`<svg stroke-width=0 viewBox="0 0 24 24"height=1em width=1em xmlns=http://www.w3.org/2000/svg><path fill=none d="M24 .01c0-.01 0-.01 0 0L0 0v24h24V.01zM0 0h24v24H0V0zm0 0h24v24H0V0z"></path><path d="M22.99 9C19.15 5.16 13.8 3.76 8.84 4.78l2.52 2.52c3.47-.17 6.99 1.05 9.63 3.7l2-2zm-4 4a9.793 9.793 0 00-4.49-2.56l3.53 3.53.96-.97zM2 3.05L5.07 6.1C3.6 6.82 2.22 7.78 1 9l1.99 2c1.24-1.24 2.67-2.16 4.2-2.77l2.24 2.24A9.684 9.684 0 005 13v.01L6.99 15a7.042 7.042 0 014.92-2.06L18.98 20l1.27-1.26L3.29 1.79 2 3.05zM9 17l3 3 3-3a4.237 4.237 0 00-6 0z">`);
     _tmpl$11 = /* @__PURE__ */ template(`<svg width=24 height=24 viewBox="0 0 24 24"fill=none xmlns=http://www.w3.org/2000/svg><path d="M9.3951 19.3711L9.97955 20.6856C10.1533 21.0768 10.4368 21.4093 10.7958 21.6426C11.1547 21.8759 11.5737 22.0001 12.0018 22C12.4299 22.0001 12.8488 21.8759 13.2078 21.6426C13.5667 21.4093 13.8503 21.0768 14.024 20.6856L14.6084 19.3711C14.8165 18.9047 15.1664 18.5159 15.6084 18.26C16.0532 18.0034 16.5678 17.8941 17.0784 17.9478L18.5084 18.1C18.9341 18.145 19.3637 18.0656 19.7451 17.8713C20.1265 17.6771 20.4434 17.3763 20.6573 17.0056C20.8715 16.635 20.9735 16.2103 20.9511 15.7829C20.9286 15.3555 20.7825 14.9438 20.5307 14.5978L19.684 13.4344C19.3825 13.0171 19.2214 12.5148 19.224 12C19.2239 11.4866 19.3865 10.9864 19.6884 10.5711L20.5351 9.40778C20.787 9.06175 20.933 8.65007 20.9555 8.22267C20.978 7.79528 20.8759 7.37054 20.6618 7C20.4479 6.62923 20.131 6.32849 19.7496 6.13423C19.3681 5.93997 18.9386 5.86053 18.5129 5.90556L17.0829 6.05778C16.5722 6.11141 16.0577 6.00212 15.6129 5.74556C15.17 5.48825 14.82 5.09736 14.6129 4.62889L14.024 3.31444C13.8503 2.92317 13.5667 2.59072 13.2078 2.3574C12.8488 2.12408 12.4299 1.99993 12.0018 2C11.5737 1.99993 11.1547 2.12408 10.7958 2.3574C10.4368 2.59072 10.1533 2.92317 9.97955 3.31444L9.3951 4.62889C9.18803 5.09736 8.83798 5.48825 8.3951 5.74556C7.95032 6.00212 7.43577 6.11141 6.9251 6.05778L5.49066 5.90556C5.06499 5.86053 4.6354 5.93997 4.25397 6.13423C3.87255 6.32849 3.55567 6.62923 3.34177 7C3.12759 7.37054 3.02555 7.79528 3.04804 8.22267C3.07052 8.65007 3.21656 9.06175 3.46844 9.40778L4.3151 10.5711C4.61704 10.9864 4.77964 11.4866 4.77955 12C4.77964 12.5134 4.61704 13.0137 4.3151 13.4289L3.46844 14.5922C3.21656 14.9382 3.07052 15.3499 3.04804 15.7773C3.02555 16.2047 3.12759 16.6295 3.34177 17C3.55589 17.3706 3.8728 17.6712 4.25417 17.8654C4.63554 18.0596 5.06502 18.1392 5.49066 18.0944L6.92066 17.9422C7.43133 17.8886 7.94587 17.9979 8.39066 18.2544C8.83519 18.511 9.18687 18.902 9.3951 19.3711Z"stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round></path><path d="M12 15C13.6568 15 15 13.6569 15 12C15 10.3431 13.6568 9 12 9C10.3431 9 8.99998 10.3431 8.99998 12C8.99998 13.6569 10.3431 15 12 15Z"stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round>`);
-    _tmpl$12 = /* @__PURE__ */ template(`<svg width=24 height=24 viewBox="0 0 24 24"fill=none xmlns=http://www.w3.org/2000/svg><path class=copier d="M8 8V5.2C8 4.0799 8 3.51984 8.21799 3.09202C8.40973 2.71569 8.71569 2.40973 9.09202 2.21799C9.51984 2 10.0799 2 11.2 2H18.8C19.9201 2 20.4802 2 20.908 2.21799C21.2843 2.40973 21.5903 2.71569 21.782 3.09202C22 3.51984 22 4.0799 22 5.2V12.8C22 13.9201 22 14.4802 21.782 14.908C21.5903 15.2843 21.2843 15.5903 20.908 15.782C20.4802 16 19.9201 16 18.8 16H16M5.2 22H12.8C13.9201 22 14.4802 22 14.908 21.782C15.2843 21.5903 15.5903 21.2843 15.782 20.908C16 20.4802 16 19.9201 16 18.8V11.2C16 10.0799 16 9.51984 15.782 9.09202C15.5903 8.71569 15.2843 8.40973 14.908 8.21799C14.4802 8 13.9201 8 12.8 8H5.2C4.0799 8 3.51984 8 3.09202 8.21799C2.71569 8.40973 2.40973 8.71569 2.21799 9.09202C2 9.51984 2 10.0799 2 11.2V18.8C2 19.9201 2 20.4802 2.21799 20.908C2.40973 21.2843 2.71569 21.5903 3.09202 21.782C3.51984 22 4.07989 22 5.2 22Z"stroke-width=2 stroke-linecap=round stroke-linejoin=round stroke=currentColor>`);
-    _tmpl$13 = /* @__PURE__ */ template(`<svg width=24 height=24 viewBox="0 0 24 24"fill=none xmlns=http://www.w3.org/2000/svg><path d="M7.5 12L10.5 15L16.5 9M7.8 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21Z"stroke-width=2 stroke-linecap=round stroke-linejoin=round>`);
-    _tmpl$14 = /* @__PURE__ */ template(`<svg width=24 height=24 viewBox="0 0 24 24"fill=none xmlns=http://www.w3.org/2000/svg><path d="M9 9L15 15M15 9L9 15M7.8 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21Z"stroke=#F04438 stroke-width=2 stroke-linecap=round stroke-linejoin=round>`);
-    _tmpl$15 = /* @__PURE__ */ template(`<svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 xmlns=http://www.w3.org/2000/svg><rect class=list width=20 height=20 y=2 x=2 rx=2></rect><line class=list-item y1=7 y2=7 x1=6 x2=18></line><line class=list-item y2=12 y1=12 x1=6 x2=18></line><line class=list-item y1=17 y2=17 x1=6 x2=18>`);
-    _tmpl$16 = /* @__PURE__ */ template(`<svg viewBox="0 0 24 24"height=20 width=20 fill=none xmlns=http://www.w3.org/2000/svg><path d="M3 7.8c0-1.68 0-2.52.327-3.162a3 3 0 0 1 1.311-1.311C5.28 3 6.12 3 7.8 3h8.4c1.68 0 2.52 0 3.162.327a3 3 0 0 1 1.311 1.311C21 5.28 21 6.12 21 7.8v8.4c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C18.72 21 17.88 21 16.2 21H7.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C3 18.72 3 17.88 3 16.2V7.8Z"stroke-width=2 stroke-linecap=round stroke-linejoin=round>`);
-    _tmpl$17 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none xmlns=http://www.w3.org/2000/svg><path d="M7.5 12L10.5 15L16.5 9M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round>`);
-    _tmpl$18 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none xmlns=http://www.w3.org/2000/svg><path d="M12 2V6M12 18V22M6 12H2M22 12H18M19.0784 19.0784L16.25 16.25M19.0784 4.99994L16.25 7.82837M4.92157 19.0784L7.75 16.25M4.92157 4.99994L7.75 7.82837"stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round></path><animateTransform attributeName=transform attributeType=XML type=rotate from=0 to=360 dur=2s repeatCount=indefinite>`);
-    _tmpl$19 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none xmlns=http://www.w3.org/2000/svg><path d="M15 9L9 15M9 9L15 15M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round>`);
-    _tmpl$20 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none xmlns=http://www.w3.org/2000/svg><path d="M9.5 15V9M14.5 15V9M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round>`);
-    _tmpl$21 = /* @__PURE__ */ template(`<svg version=1.0 viewBox="0 0 633 633"><linearGradient x1=-666.45 x2=-666.45 y1=163.28 y2=163.99 gradientTransform="matrix(633 0 0 633 422177 -103358)"gradientUnits=userSpaceOnUse><stop stop-color=#6BDAFF offset=0></stop><stop stop-color=#F9FFB5 offset=.32></stop><stop stop-color=#FFA770 offset=.71></stop><stop stop-color=#FF7373 offset=1></stop></linearGradient><circle cx=316.5 cy=316.5 r=316.5></circle><defs><filter x=-137.5 y=412 width=454 height=396.9 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask x=-137.5 y=412 width=454 height=396.9 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><ellipse cx=89.5 cy=610.5 rx=214.5 ry=186 fill=#015064 stroke=#00CFE2 stroke-width=25></ellipse></g><defs><filter x=316.5 y=412 width=454 height=396.9 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask x=316.5 y=412 width=454 height=396.9 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><ellipse cx=543.5 cy=610.5 rx=214.5 ry=186 fill=#015064 stroke=#00CFE2 stroke-width=25></ellipse></g><defs><filter x=-137.5 y=450 width=454 height=396.9 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask x=-137.5 y=450 width=454 height=396.9 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><ellipse cx=89.5 cy=648.5 rx=214.5 ry=186 fill=#015064 stroke=#00A8B8 stroke-width=25></ellipse></g><defs><filter x=316.5 y=450 width=454 height=396.9 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask x=316.5 y=450 width=454 height=396.9 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><ellipse cx=543.5 cy=648.5 rx=214.5 ry=186 fill=#015064 stroke=#00A8B8 stroke-width=25></ellipse></g><defs><filter x=-137.5 y=486 width=454 height=396.9 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask x=-137.5 y=486 width=454 height=396.9 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><ellipse cx=89.5 cy=684.5 rx=214.5 ry=186 fill=#015064 stroke=#007782 stroke-width=25></ellipse></g><defs><filter x=316.5 y=486 width=454 height=396.9 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask x=316.5 y=486 width=454 height=396.9 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><ellipse cx=543.5 cy=684.5 rx=214.5 ry=186 fill=#015064 stroke=#007782 stroke-width=25></ellipse></g><defs><filter x=272.2 y=308 width=176.9 height=129.3 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask x=272.2 y=308 width=176.9 height=129.3 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><line x1=436 x2=431 y1=403.2 y2=431.8 fill=none stroke=#000 stroke-linecap=round stroke-linejoin=bevel stroke-width=11></line><line x1=291 x2=280 y1=341.5 y2=403.5 fill=none stroke=#000 stroke-linecap=round stroke-linejoin=bevel stroke-width=11></line><line x1=332.9 x2=328.6 y1=384.1 y2=411.2 fill=none stroke=#000 stroke-linecap=round stroke-linejoin=bevel stroke-width=11></line><linearGradient x1=-670.75 x2=-671.59 y1=164.4 y2=164.49 gradientTransform="matrix(-184.16 -32.472 -11.461 64.997 -121359 -32126)"gradientUnits=userSpaceOnUse><stop stop-color=#EE2700 offset=0></stop><stop stop-color=#FF008E offset=1></stop></linearGradient><path d="m344.1 363 97.7 17.2c5.8 2.1 8.2 6.1 7.1 12.1s-4.7 9.2-11 9.9l-106-18.7-57.5-59.2c-3.2-4.8-2.9-9.1 0.8-12.8s8.3-4.4 13.7-2.1l55.2 53.6z"clip-rule=evenodd fill-rule=evenodd></path><line x1=428.2 x2=429.1 y1=384.5 y2=378 fill=none stroke=#fff stroke-linecap=round stroke-linejoin=bevel stroke-width=7></line><line x1=395.2 x2=396.1 y1=379.5 y2=373 fill=none stroke=#fff stroke-linecap=round stroke-linejoin=bevel stroke-width=7></line><line x1=362.2 x2=363.1 y1=373.5 y2=367.4 fill=none stroke=#fff stroke-linecap=round stroke-linejoin=bevel stroke-width=7></line><line x1=324.2 x2=328.4 y1=351.3 y2=347.4 fill=none stroke=#fff stroke-linecap=round stroke-linejoin=bevel stroke-width=7></line><line x1=303.2 x2=307.4 y1=331.3 y2=327.4 fill=none stroke=#fff stroke-linecap=round stroke-linejoin=bevel stroke-width=7></line></g><defs><filter x=73.2 y=113.8 width=280.6 height=317.4 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask x=73.2 y=113.8 width=280.6 height=317.4 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><linearGradient x1=-672.16 x2=-672.16 y1=165.03 y2=166.03 gradientTransform="matrix(-100.18 48.861 97.976 200.88 -83342 -93.059)"gradientUnits=userSpaceOnUse><stop stop-color=#A17500 offset=0></stop><stop stop-color=#5D2100 offset=1></stop></linearGradient><path d="m192.3 203c8.1 37.3 14 73.6 17.8 109.1 3.8 35.4 2.8 75.1-3 119.2l61.2-16.7c-15.6-59-25.2-97.9-28.6-116.6s-10.8-51.9-22.1-99.6l-25.3 4.6"clip-rule=evenodd fill-rule=evenodd></path><g stroke=#2F8A00><linearGradient x1=-660.23 x2=-660.23 y1=166.72 y2=167.72 gradientTransform="matrix(92.683 4.8573 -2.0259 38.657 61680 -3088.6)"gradientUnits=userSpaceOnUse><stop stop-color=#2F8A00 offset=0></stop><stop stop-color=#90FF57 offset=1></stop></linearGradient><path d="m195 183.9s-12.6-22.1-36.5-29.9c-15.9-5.2-34.4-1.5-55.5 11.1 15.9 14.3 29.5 22.6 40.7 24.9 16.8 3.6 51.3-6.1 51.3-6.1z"clip-rule=evenodd fill-rule=evenodd stroke-width=13></path><linearGradient x1=-661.36 x2=-661.36 y1=164.18 y2=165.18 gradientTransform="matrix(110 5.7648 -6.3599 121.35 73933 -15933)"gradientUnits=userSpaceOnUse><stop stop-color=#2F8A00 offset=0></stop><stop stop-color=#90FF57 offset=1></stop></linearGradient><path d="m194.9 184.5s-47.5-8.5-83.2 15.7c-23.8 16.2-34.3 49.3-31.6 99.4 30.3-27.8 52.1-48.5 65.2-61.9 19.8-20.2 49.6-53.2 49.6-53.2z"clip-rule=evenodd fill-rule=evenodd stroke-width=13></path><linearGradient x1=-656.79 x2=-656.79 y1=165.15 y2=166.15 gradientTransform="matrix(62.954 3.2993 -3.5023 66.828 42156 -8754.1)"gradientUnits=userSpaceOnUse><stop stop-color=#2F8A00 offset=0></stop><stop stop-color=#90FF57 offset=1></stop></linearGradient><path d="m195 183.9c-0.8-21.9 6-38 20.6-48.2s29.8-15.4 45.5-15.3c-6.1 21.4-14.5 35.8-25.2 43.4s-24.4 14.2-40.9 20.1z"clip-rule=evenodd fill-rule=evenodd stroke-width=13></path><linearGradient x1=-663.07 x2=-663.07 y1=165.44 y2=166.44 gradientTransform="matrix(152.47 7.9907 -3.0936 59.029 101884 -4318.7)"gradientUnits=userSpaceOnUse><stop stop-color=#2F8A00 offset=0></stop><stop stop-color=#90FF57 offset=1></stop></linearGradient><path d="m194.9 184.5c31.9-30 64.1-39.7 96.7-29s50.8 30.4 54.6 59.1c-35.2-5.5-60.4-9.6-75.8-12.1-15.3-2.6-40.5-8.6-75.5-18z"clip-rule=evenodd fill-rule=evenodd stroke-width=13></path><linearGradient x1=-662.57 x2=-662.57 y1=164.44 y2=165.44 gradientTransform="matrix(136.46 7.1517 -5.2163 99.533 91536 -11442)"gradientUnits=userSpaceOnUse><stop stop-color=#2F8A00 offset=0></stop><stop stop-color=#90FF57 offset=1></stop></linearGradient><path d="m194.9 184.5c35.8-7.6 65.6-0.2 89.2 22s37.7 49 42.3 80.3c-39.8-9.7-68.3-23.8-85.5-42.4s-32.5-38.5-46-59.9z"clip-rule=evenodd fill-rule=evenodd stroke-width=13></path><linearGradient x1=-656.43 x2=-656.43 y1=163.86 y2=164.86 gradientTransform="matrix(60.866 3.1899 -8.7773 167.48 41560 -25168)"gradientUnits=userSpaceOnUse><stop stop-color=#2F8A00 offset=0></stop><stop stop-color=#90FF57 offset=1></stop></linearGradient><path d="m194.9 184.5c-33.6 13.8-53.6 35.7-60.1 65.6s-3.6 63.1 8.7 99.6c27.4-40.3 43.2-69.6 47.4-88s5.6-44.1 4-77.2z"clip-rule=evenodd fill-rule=evenodd stroke-width=13></path><path d="m196.5 182.3c-14.8 21.6-25.1 41.4-30.8 59.4s-9.5 33-11.1 45.1"fill=none stroke-linecap=round stroke-width=8></path><path d="m194.9 185.7c-24.4 1.7-43.8 9-58.1 21.8s-24.7 25.4-31.3 37.8"fill=none stroke-linecap=round stroke-width=8></path><path d="m204.5 176.4c29.7-6.7 52-8.4 67-5.1s26.9 8.6 35.8 15.9"fill=none stroke-linecap=round stroke-width=8></path><path d="m196.5 181.4c20.3 9.9 38.2 20.5 53.9 31.9s27.4 22.1 35.1 32"fill=none stroke-linecap=round stroke-width=8></path></g></g><defs><filter x=50.5 y=399 width=532 height=633 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask x=50.5 y=399 width=532 height=633 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><linearGradient x1=-666.06 x2=-666.23 y1=163.36 y2=163.75 gradientTransform="matrix(532 0 0 633 354760 -102959)"gradientUnits=userSpaceOnUse><stop stop-color=#FFF400 offset=0></stop><stop stop-color=#3C8700 offset=1></stop></linearGradient><ellipse cx=316.5 cy=715.5 rx=266 ry=316.5></ellipse></g><defs><filter x=391 y=-24 width=288 height=283 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask x=391 y=-24 width=288 height=283 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><linearGradient x1=-664.56 x2=-664.56 y1=163.79 y2=164.79 gradientTransform="matrix(227 0 0 227 151421 -37204)"gradientUnits=userSpaceOnUse><stop stop-color=#FFDF00 offset=0></stop><stop stop-color=#FF9D00 offset=1></stop></linearGradient><circle cx=565.5 cy=89.5 r=113.5></circle><linearGradient x1=-644.5 x2=-645.77 y1=342 y2=342 gradientTransform="matrix(30 0 0 1 19770 -253)"gradientUnits=userSpaceOnUse><stop stop-color=#FFA400 offset=0></stop><stop stop-color=#FF5E00 offset=1></stop></linearGradient><line x1=427 x2=397 y1=89 y2=89 fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12></line><linearGradient x1=-641.56 x2=-642.83 y1=196.02 y2=196.07 gradientTransform="matrix(26.5 0 0 5.5 17439 -1025.5)"gradientUnits=userSpaceOnUse><stop stop-color=#FFA400 offset=0></stop><stop stop-color=#FF5E00 offset=1></stop></linearGradient><line x1=430.5 x2=404 y1=55.5 y2=50 fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12></line><linearGradient x1=-643.73 x2=-645 y1=185.83 y2=185.9 gradientTransform="matrix(29 0 0 8 19107 -1361)"gradientUnits=userSpaceOnUse><stop stop-color=#FFA400 offset=0></stop><stop stop-color=#FF5E00 offset=1></stop></linearGradient><line x1=431 x2=402 y1=122 y2=130 fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12></line><linearGradient x1=-638.94 x2=-640.22 y1=177.09 y2=177.39 gradientTransform="matrix(24 0 0 13 15783 -2145)"gradientUnits=userSpaceOnUse><stop stop-color=#FFA400 offset=0></stop><stop stop-color=#FF5E00 offset=1></stop></linearGradient><line x1=442 x2=418 y1=153 y2=166 fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12></line><linearGradient x1=-633.42 x2=-634.7 y1=172.41 y2=173.31 gradientTransform="matrix(20 0 0 19 13137 -3096)"gradientUnits=userSpaceOnUse><stop stop-color=#FFA400 offset=0></stop><stop stop-color=#FF5E00 offset=1></stop></linearGradient><line x1=464 x2=444 y1=180 y2=199 fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12></line><linearGradient x1=-619.05 x2=-619.52 y1=170.82 y2=171.82 gradientTransform="matrix(13.83 0 0 22.85 9050 -3703.4)"gradientUnits=userSpaceOnUse><stop stop-color=#FFA400 offset=0></stop><stop stop-color=#FF5E00 offset=1></stop></linearGradient><line x1=491.4 x2=477.5 y1=203 y2=225.9 fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12></line><linearGradient x1=-578.5 x2=-578.63 y1=170.31 y2=171.31 gradientTransform="matrix(7.5 0 0 24.5 4860 -3953)"gradientUnits=userSpaceOnUse><stop stop-color=#FFA400 offset=0></stop><stop stop-color=#FF5E00 offset=1></stop></linearGradient><line x1=524.5 x2=517 y1=219.5 y2=244 fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12></line><linearGradient x1=666.5 x2=666.5 y1=170.31 y2=171.31 gradientTransform="matrix(.5 0 0 24.5 231.5 -3944)"gradientUnits=userSpaceOnUse><stop stop-color=#FFA400 offset=0></stop><stop stop-color=#FF5E00 offset=1></stop></linearGradient><line x1=564.5 x2=565 y1=228.5 y2=253 fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12>`);
+    _tmpl$12 = /* @__PURE__ */ template(`<svg width=24 height=24 viewBox="0 0 24 24"fill=none xmlns=http://www.w3.org/2000/svg><path d="M16 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V8M11.5 12.5L17 7M17 7H12M17 7V12M6.2 21H8.8C9.9201 21 10.4802 21 10.908 20.782C11.2843 20.5903 11.5903 20.2843 11.782 19.908C12 19.4802 12 18.9201 12 17.8V15.2C12 14.0799 12 13.5198 11.782 13.092C11.5903 12.7157 11.2843 12.4097 10.908 12.218C10.4802 12 9.92011 12 8.8 12H6.2C5.0799 12 4.51984 12 4.09202 12.218C3.71569 12.4097 3.40973 12.7157 3.21799 13.092C3 13.5198 3 14.0799 3 15.2V17.8C3 18.9201 3 19.4802 3.21799 19.908C3.40973 20.2843 3.71569 20.5903 4.09202 20.782C4.51984 21 5.07989 21 6.2 21Z"stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round>`);
+    _tmpl$13 = /* @__PURE__ */ template(`<svg width=24 height=24 viewBox="0 0 24 24"fill=none xmlns=http://www.w3.org/2000/svg><path class=copier d="M8 8V5.2C8 4.0799 8 3.51984 8.21799 3.09202C8.40973 2.71569 8.71569 2.40973 9.09202 2.21799C9.51984 2 10.0799 2 11.2 2H18.8C19.9201 2 20.4802 2 20.908 2.21799C21.2843 2.40973 21.5903 2.71569 21.782 3.09202C22 3.51984 22 4.0799 22 5.2V12.8C22 13.9201 22 14.4802 21.782 14.908C21.5903 15.2843 21.2843 15.5903 20.908 15.782C20.4802 16 19.9201 16 18.8 16H16M5.2 22H12.8C13.9201 22 14.4802 22 14.908 21.782C15.2843 21.5903 15.5903 21.2843 15.782 20.908C16 20.4802 16 19.9201 16 18.8V11.2C16 10.0799 16 9.51984 15.782 9.09202C15.5903 8.71569 15.2843 8.40973 14.908 8.21799C14.4802 8 13.9201 8 12.8 8H5.2C4.0799 8 3.51984 8 3.09202 8.21799C2.71569 8.40973 2.40973 8.71569 2.21799 9.09202C2 9.51984 2 10.0799 2 11.2V18.8C2 19.9201 2 20.4802 2.21799 20.908C2.40973 21.2843 2.71569 21.5903 3.09202 21.782C3.51984 22 4.07989 22 5.2 22Z"stroke-width=2 stroke-linecap=round stroke-linejoin=round stroke=currentColor>`);
+    _tmpl$14 = /* @__PURE__ */ template(`<svg width=24 height=24 viewBox="0 0 24 24"fill=none xmlns=http://www.w3.org/2000/svg><path d="M7.5 12L10.5 15L16.5 9M7.8 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21Z"stroke-width=2 stroke-linecap=round stroke-linejoin=round>`);
+    _tmpl$15 = /* @__PURE__ */ template(`<svg width=24 height=24 viewBox="0 0 24 24"fill=none xmlns=http://www.w3.org/2000/svg><path d="M9 9L15 15M15 9L9 15M7.8 21H16.2C17.8802 21 18.7202 21 19.362 20.673C19.9265 20.3854 20.3854 19.9265 20.673 19.362C21 18.7202 21 17.8802 21 16.2V7.8C21 6.11984 21 5.27976 20.673 4.63803C20.3854 4.07354 19.9265 3.6146 19.362 3.32698C18.7202 3 17.8802 3 16.2 3H7.8C6.11984 3 5.27976 3 4.63803 3.32698C4.07354 3.6146 3.6146 4.07354 3.32698 4.63803C3 5.27976 3 6.11984 3 7.8V16.2C3 17.8802 3 18.7202 3.32698 19.362C3.6146 19.9265 4.07354 20.3854 4.63803 20.673C5.27976 21 6.11984 21 7.8 21Z"stroke=#F04438 stroke-width=2 stroke-linecap=round stroke-linejoin=round>`);
+    _tmpl$16 = /* @__PURE__ */ template(`<svg width=24 height=24 viewBox="0 0 24 24"fill=none stroke=currentColor stroke-width=2 xmlns=http://www.w3.org/2000/svg><rect class=list width=20 height=20 y=2 x=2 rx=2></rect><line class=list-item y1=7 y2=7 x1=6 x2=18></line><line class=list-item y2=12 y1=12 x1=6 x2=18></line><line class=list-item y1=17 y2=17 x1=6 x2=18>`);
+    _tmpl$17 = /* @__PURE__ */ template(`<svg viewBox="0 0 24 24"height=20 width=20 fill=none xmlns=http://www.w3.org/2000/svg><path d="M3 7.8c0-1.68 0-2.52.327-3.162a3 3 0 0 1 1.311-1.311C5.28 3 6.12 3 7.8 3h8.4c1.68 0 2.52 0 3.162.327a3 3 0 0 1 1.311 1.311C21 5.28 21 6.12 21 7.8v8.4c0 1.68 0 2.52-.327 3.162a3 3 0 0 1-1.311 1.311C18.72 21 17.88 21 16.2 21H7.8c-1.68 0-2.52 0-3.162-.327a3 3 0 0 1-1.311-1.311C3 18.72 3 17.88 3 16.2V7.8Z"stroke-width=2 stroke-linecap=round stroke-linejoin=round>`);
+    _tmpl$18 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none xmlns=http://www.w3.org/2000/svg><path d="M7.5 12L10.5 15L16.5 9M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round>`);
+    _tmpl$19 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none xmlns=http://www.w3.org/2000/svg><path d="M12 2V6M12 18V22M6 12H2M22 12H18M19.0784 19.0784L16.25 16.25M19.0784 4.99994L16.25 7.82837M4.92157 19.0784L7.75 16.25M4.92157 4.99994L7.75 7.82837"stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round></path><animateTransform attributeName=transform attributeType=XML type=rotate from=0 to=360 dur=2s repeatCount=indefinite>`);
+    _tmpl$20 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none xmlns=http://www.w3.org/2000/svg><path d="M15 9L9 15M9 9L15 15M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round>`);
+    _tmpl$21 = /* @__PURE__ */ template(`<svg width=14 height=14 viewBox="0 0 24 24"fill=none xmlns=http://www.w3.org/2000/svg><path d="M9.5 15V9M14.5 15V9M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"stroke=currentColor stroke-width=2 stroke-linecap=round stroke-linejoin=round>`);
+    _tmpl$22 = /* @__PURE__ */ template(`<svg version=1.0 viewBox="0 0 633 633"><linearGradient x1=-666.45 x2=-666.45 y1=163.28 y2=163.99 gradientTransform="matrix(633 0 0 633 422177 -103358)"gradientUnits=userSpaceOnUse><stop stop-color=#6BDAFF offset=0></stop><stop stop-color=#F9FFB5 offset=.32></stop><stop stop-color=#FFA770 offset=.71></stop><stop stop-color=#FF7373 offset=1></stop></linearGradient><circle cx=316.5 cy=316.5 r=316.5></circle><defs><filter x=-137.5 y=412 width=454 height=396.9 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask x=-137.5 y=412 width=454 height=396.9 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><ellipse cx=89.5 cy=610.5 rx=214.5 ry=186 fill=#015064 stroke=#00CFE2 stroke-width=25></ellipse></g><defs><filter x=316.5 y=412 width=454 height=396.9 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask x=316.5 y=412 width=454 height=396.9 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><ellipse cx=543.5 cy=610.5 rx=214.5 ry=186 fill=#015064 stroke=#00CFE2 stroke-width=25></ellipse></g><defs><filter x=-137.5 y=450 width=454 height=396.9 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask x=-137.5 y=450 width=454 height=396.9 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><ellipse cx=89.5 cy=648.5 rx=214.5 ry=186 fill=#015064 stroke=#00A8B8 stroke-width=25></ellipse></g><defs><filter x=316.5 y=450 width=454 height=396.9 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask x=316.5 y=450 width=454 height=396.9 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><ellipse cx=543.5 cy=648.5 rx=214.5 ry=186 fill=#015064 stroke=#00A8B8 stroke-width=25></ellipse></g><defs><filter x=-137.5 y=486 width=454 height=396.9 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask x=-137.5 y=486 width=454 height=396.9 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><ellipse cx=89.5 cy=684.5 rx=214.5 ry=186 fill=#015064 stroke=#007782 stroke-width=25></ellipse></g><defs><filter x=316.5 y=486 width=454 height=396.9 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask x=316.5 y=486 width=454 height=396.9 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><ellipse cx=543.5 cy=684.5 rx=214.5 ry=186 fill=#015064 stroke=#007782 stroke-width=25></ellipse></g><defs><filter x=272.2 y=308 width=176.9 height=129.3 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask x=272.2 y=308 width=176.9 height=129.3 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><line x1=436 x2=431 y1=403.2 y2=431.8 fill=none stroke=#000 stroke-linecap=round stroke-linejoin=bevel stroke-width=11></line><line x1=291 x2=280 y1=341.5 y2=403.5 fill=none stroke=#000 stroke-linecap=round stroke-linejoin=bevel stroke-width=11></line><line x1=332.9 x2=328.6 y1=384.1 y2=411.2 fill=none stroke=#000 stroke-linecap=round stroke-linejoin=bevel stroke-width=11></line><linearGradient x1=-670.75 x2=-671.59 y1=164.4 y2=164.49 gradientTransform="matrix(-184.16 -32.472 -11.461 64.997 -121359 -32126)"gradientUnits=userSpaceOnUse><stop stop-color=#EE2700 offset=0></stop><stop stop-color=#FF008E offset=1></stop></linearGradient><path d="m344.1 363 97.7 17.2c5.8 2.1 8.2 6.1 7.1 12.1s-4.7 9.2-11 9.9l-106-18.7-57.5-59.2c-3.2-4.8-2.9-9.1 0.8-12.8s8.3-4.4 13.7-2.1l55.2 53.6z"clip-rule=evenodd fill-rule=evenodd></path><line x1=428.2 x2=429.1 y1=384.5 y2=378 fill=none stroke=#fff stroke-linecap=round stroke-linejoin=bevel stroke-width=7></line><line x1=395.2 x2=396.1 y1=379.5 y2=373 fill=none stroke=#fff stroke-linecap=round stroke-linejoin=bevel stroke-width=7></line><line x1=362.2 x2=363.1 y1=373.5 y2=367.4 fill=none stroke=#fff stroke-linecap=round stroke-linejoin=bevel stroke-width=7></line><line x1=324.2 x2=328.4 y1=351.3 y2=347.4 fill=none stroke=#fff stroke-linecap=round stroke-linejoin=bevel stroke-width=7></line><line x1=303.2 x2=307.4 y1=331.3 y2=327.4 fill=none stroke=#fff stroke-linecap=round stroke-linejoin=bevel stroke-width=7></line></g><defs><filter x=73.2 y=113.8 width=280.6 height=317.4 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask x=73.2 y=113.8 width=280.6 height=317.4 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><linearGradient x1=-672.16 x2=-672.16 y1=165.03 y2=166.03 gradientTransform="matrix(-100.18 48.861 97.976 200.88 -83342 -93.059)"gradientUnits=userSpaceOnUse><stop stop-color=#A17500 offset=0></stop><stop stop-color=#5D2100 offset=1></stop></linearGradient><path d="m192.3 203c8.1 37.3 14 73.6 17.8 109.1 3.8 35.4 2.8 75.1-3 119.2l61.2-16.7c-15.6-59-25.2-97.9-28.6-116.6s-10.8-51.9-22.1-99.6l-25.3 4.6"clip-rule=evenodd fill-rule=evenodd></path><g stroke=#2F8A00><linearGradient x1=-660.23 x2=-660.23 y1=166.72 y2=167.72 gradientTransform="matrix(92.683 4.8573 -2.0259 38.657 61680 -3088.6)"gradientUnits=userSpaceOnUse><stop stop-color=#2F8A00 offset=0></stop><stop stop-color=#90FF57 offset=1></stop></linearGradient><path d="m195 183.9s-12.6-22.1-36.5-29.9c-15.9-5.2-34.4-1.5-55.5 11.1 15.9 14.3 29.5 22.6 40.7 24.9 16.8 3.6 51.3-6.1 51.3-6.1z"clip-rule=evenodd fill-rule=evenodd stroke-width=13></path><linearGradient x1=-661.36 x2=-661.36 y1=164.18 y2=165.18 gradientTransform="matrix(110 5.7648 -6.3599 121.35 73933 -15933)"gradientUnits=userSpaceOnUse><stop stop-color=#2F8A00 offset=0></stop><stop stop-color=#90FF57 offset=1></stop></linearGradient><path d="m194.9 184.5s-47.5-8.5-83.2 15.7c-23.8 16.2-34.3 49.3-31.6 99.4 30.3-27.8 52.1-48.5 65.2-61.9 19.8-20.2 49.6-53.2 49.6-53.2z"clip-rule=evenodd fill-rule=evenodd stroke-width=13></path><linearGradient x1=-656.79 x2=-656.79 y1=165.15 y2=166.15 gradientTransform="matrix(62.954 3.2993 -3.5023 66.828 42156 -8754.1)"gradientUnits=userSpaceOnUse><stop stop-color=#2F8A00 offset=0></stop><stop stop-color=#90FF57 offset=1></stop></linearGradient><path d="m195 183.9c-0.8-21.9 6-38 20.6-48.2s29.8-15.4 45.5-15.3c-6.1 21.4-14.5 35.8-25.2 43.4s-24.4 14.2-40.9 20.1z"clip-rule=evenodd fill-rule=evenodd stroke-width=13></path><linearGradient x1=-663.07 x2=-663.07 y1=165.44 y2=166.44 gradientTransform="matrix(152.47 7.9907 -3.0936 59.029 101884 -4318.7)"gradientUnits=userSpaceOnUse><stop stop-color=#2F8A00 offset=0></stop><stop stop-color=#90FF57 offset=1></stop></linearGradient><path d="m194.9 184.5c31.9-30 64.1-39.7 96.7-29s50.8 30.4 54.6 59.1c-35.2-5.5-60.4-9.6-75.8-12.1-15.3-2.6-40.5-8.6-75.5-18z"clip-rule=evenodd fill-rule=evenodd stroke-width=13></path><linearGradient x1=-662.57 x2=-662.57 y1=164.44 y2=165.44 gradientTransform="matrix(136.46 7.1517 -5.2163 99.533 91536 -11442)"gradientUnits=userSpaceOnUse><stop stop-color=#2F8A00 offset=0></stop><stop stop-color=#90FF57 offset=1></stop></linearGradient><path d="m194.9 184.5c35.8-7.6 65.6-0.2 89.2 22s37.7 49 42.3 80.3c-39.8-9.7-68.3-23.8-85.5-42.4s-32.5-38.5-46-59.9z"clip-rule=evenodd fill-rule=evenodd stroke-width=13></path><linearGradient x1=-656.43 x2=-656.43 y1=163.86 y2=164.86 gradientTransform="matrix(60.866 3.1899 -8.7773 167.48 41560 -25168)"gradientUnits=userSpaceOnUse><stop stop-color=#2F8A00 offset=0></stop><stop stop-color=#90FF57 offset=1></stop></linearGradient><path d="m194.9 184.5c-33.6 13.8-53.6 35.7-60.1 65.6s-3.6 63.1 8.7 99.6c27.4-40.3 43.2-69.6 47.4-88s5.6-44.1 4-77.2z"clip-rule=evenodd fill-rule=evenodd stroke-width=13></path><path d="m196.5 182.3c-14.8 21.6-25.1 41.4-30.8 59.4s-9.5 33-11.1 45.1"fill=none stroke-linecap=round stroke-width=8></path><path d="m194.9 185.7c-24.4 1.7-43.8 9-58.1 21.8s-24.7 25.4-31.3 37.8"fill=none stroke-linecap=round stroke-width=8></path><path d="m204.5 176.4c29.7-6.7 52-8.4 67-5.1s26.9 8.6 35.8 15.9"fill=none stroke-linecap=round stroke-width=8></path><path d="m196.5 181.4c20.3 9.9 38.2 20.5 53.9 31.9s27.4 22.1 35.1 32"fill=none stroke-linecap=round stroke-width=8></path></g></g><defs><filter x=50.5 y=399 width=532 height=633 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask x=50.5 y=399 width=532 height=633 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><linearGradient x1=-666.06 x2=-666.23 y1=163.36 y2=163.75 gradientTransform="matrix(532 0 0 633 354760 -102959)"gradientUnits=userSpaceOnUse><stop stop-color=#FFF400 offset=0></stop><stop stop-color=#3C8700 offset=1></stop></linearGradient><ellipse cx=316.5 cy=715.5 rx=266 ry=316.5></ellipse></g><defs><filter x=391 y=-24 width=288 height=283 filterUnits=userSpaceOnUse><feColorMatrix values="1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 1 0"></feColorMatrix></filter></defs><mask x=391 y=-24 width=288 height=283 maskUnits=userSpaceOnUse><g><circle cx=316.5 cy=316.5 r=316.5 fill=#fff></circle></g></mask><g><linearGradient x1=-664.56 x2=-664.56 y1=163.79 y2=164.79 gradientTransform="matrix(227 0 0 227 151421 -37204)"gradientUnits=userSpaceOnUse><stop stop-color=#FFDF00 offset=0></stop><stop stop-color=#FF9D00 offset=1></stop></linearGradient><circle cx=565.5 cy=89.5 r=113.5></circle><linearGradient x1=-644.5 x2=-645.77 y1=342 y2=342 gradientTransform="matrix(30 0 0 1 19770 -253)"gradientUnits=userSpaceOnUse><stop stop-color=#FFA400 offset=0></stop><stop stop-color=#FF5E00 offset=1></stop></linearGradient><line x1=427 x2=397 y1=89 y2=89 fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12></line><linearGradient x1=-641.56 x2=-642.83 y1=196.02 y2=196.07 gradientTransform="matrix(26.5 0 0 5.5 17439 -1025.5)"gradientUnits=userSpaceOnUse><stop stop-color=#FFA400 offset=0></stop><stop stop-color=#FF5E00 offset=1></stop></linearGradient><line x1=430.5 x2=404 y1=55.5 y2=50 fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12></line><linearGradient x1=-643.73 x2=-645 y1=185.83 y2=185.9 gradientTransform="matrix(29 0 0 8 19107 -1361)"gradientUnits=userSpaceOnUse><stop stop-color=#FFA400 offset=0></stop><stop stop-color=#FF5E00 offset=1></stop></linearGradient><line x1=431 x2=402 y1=122 y2=130 fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12></line><linearGradient x1=-638.94 x2=-640.22 y1=177.09 y2=177.39 gradientTransform="matrix(24 0 0 13 15783 -2145)"gradientUnits=userSpaceOnUse><stop stop-color=#FFA400 offset=0></stop><stop stop-color=#FF5E00 offset=1></stop></linearGradient><line x1=442 x2=418 y1=153 y2=166 fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12></line><linearGradient x1=-633.42 x2=-634.7 y1=172.41 y2=173.31 gradientTransform="matrix(20 0 0 19 13137 -3096)"gradientUnits=userSpaceOnUse><stop stop-color=#FFA400 offset=0></stop><stop stop-color=#FF5E00 offset=1></stop></linearGradient><line x1=464 x2=444 y1=180 y2=199 fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12></line><linearGradient x1=-619.05 x2=-619.52 y1=170.82 y2=171.82 gradientTransform="matrix(13.83 0 0 22.85 9050 -3703.4)"gradientUnits=userSpaceOnUse><stop stop-color=#FFA400 offset=0></stop><stop stop-color=#FF5E00 offset=1></stop></linearGradient><line x1=491.4 x2=477.5 y1=203 y2=225.9 fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12></line><linearGradient x1=-578.5 x2=-578.63 y1=170.31 y2=171.31 gradientTransform="matrix(7.5 0 0 24.5 4860 -3953)"gradientUnits=userSpaceOnUse><stop stop-color=#FFA400 offset=0></stop><stop stop-color=#FF5E00 offset=1></stop></linearGradient><line x1=524.5 x2=517 y1=219.5 y2=244 fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12></line><linearGradient x1=666.5 x2=666.5 y1=170.31 y2=171.31 gradientTransform="matrix(.5 0 0 24.5 231.5 -3944)"gradientUnits=userSpaceOnUse><stop stop-color=#FFA400 offset=0></stop><stop stop-color=#FF5E00 offset=1></stop></linearGradient><line x1=564.5 x2=565 y1=228.5 y2=253 fill=none stroke-linecap=round stroke-linejoin=bevel stroke-width=12>`);
   }
 });
@@ -12553,7 +12557,7 @@ function Explorer(props) {
     return _el$6;
   })();
 }
-var _tmpl$22, _tmpl$23, _tmpl$32, _tmpl$42, _tmpl$52, _tmpl$62, _tmpl$72, _tmpl$82, _tmpl$92, _tmpl$102, _tmpl$112, Expander, CopyButton, ClearArrayButton, DeleteItemButton, ToggleValueButton, stylesFactory, lightStyles, darkStyles;
+var _tmpl$23, _tmpl$24, _tmpl$32, _tmpl$42, _tmpl$52, _tmpl$62, _tmpl$72, _tmpl$82, _tmpl$92, _tmpl$102, _tmpl$112, Expander, CopyButton, ClearArrayButton, DeleteItemButton, ToggleValueButton, stylesFactory, lightStyles, darkStyles;
 var init_Explorer = __esm({
   "src/Explorer.tsx"() {
     init_web();
@@ -12574,8 +12578,8 @@ var init_Explorer = __esm({
     init_utils();
     init_icons();
     init_Context();
-    _tmpl$22 = /* @__PURE__ */ template(`<span><svg width=16 height=16 viewBox="0 0 16 16"fill=none xmlns=http://www.w3.org/2000/svg><path d="M6 12L10 8L6 4"stroke-width=2 stroke-linecap=round stroke-linejoin=round>`);
-    _tmpl$23 = /* @__PURE__ */ template(`<button title="Copy object to clipboard">`);
+    _tmpl$23 = /* @__PURE__ */ template(`<span><svg width=16 height=16 viewBox="0 0 16 16"fill=none xmlns=http://www.w3.org/2000/svg><path d="M6 12L10 8L6 4"stroke-width=2 stroke-linecap=round stroke-linejoin=round>`);
+    _tmpl$24 = /* @__PURE__ */ template(`<button title="Copy object to clipboard">`);
     _tmpl$32 = /* @__PURE__ */ template(`<button title="Remove all items"aria-label="Remove all items">`);
     _tmpl$42 = /* @__PURE__ */ template(`<button title="Delete item"aria-label="Delete item">`);
     _tmpl$52 = /* @__PURE__ */ template(`<button title="Toggle value"aria-label="Toggle value">`);
@@ -12591,7 +12595,7 @@ var init_Explorer = __esm({
         return theme() === "dark" ? darkStyles : lightStyles;
       });
       return (() => {
-        const _el$ = _tmpl$22();
+        const _el$ = _tmpl$23();
         createRenderEffect(() => className(_el$, clsx(styles().expander, u`
           transform: rotate(${props.expanded ? 90 : 0}deg);
         `, props.expanded && u`
@@ -12609,7 +12613,7 @@ var init_Explorer = __esm({
       });
       const [copyState, setCopyState] = createSignal("NoCopy");
       return (() => {
-        const _el$2 = _tmpl$23();
+        const _el$2 = _tmpl$24();
         addEventListener(_el$2, "click", copyState() === "NoCopy" ? () => {
           navigator.clipboard.writeText(stringify(props.value)).then(() => {
             setCopyState("SuccessCopy");
@@ -12741,7 +12745,8 @@ var init_Explorer = __esm({
         entry: u`
       & * {
         font-size: ${font.size.xs};
-        font-family: 'Menlo', 'Fira Code', monospace;
+        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+          'Liberation Mono', 'Courier New', monospace;
       }
       position: relative;
       outline: none;
@@ -12873,7 +12878,7 @@ var Devtools_exports = {};
 __export(Devtools_exports, {
   default: () => Devtools_default
 });
-var _tmpl$24, _tmpl$25, _tmpl$33, _tmpl$43, _tmpl$53, _tmpl$63, _tmpl$73, _tmpl$83, _tmpl$93, _tmpl$103, _tmpl$113, _tmpl$122, _tmpl$132, _tmpl$142, _tmpl$152, _tmpl$162, _tmpl$172, _tmpl$182, _tmpl$192, _tmpl$202, _tmpl$212, _tmpl$222, _tmpl$232, _tmpl$242, _tmpl$252, _tmpl$26, _tmpl$27, _tmpl$28, _tmpl$29, _tmpl$30, _tmpl$31, firstBreakpoint, secondBreakpoint, thirdBreakpoint, BUTTON_POSITION, POSITION, THEME_PREFERENCE, INITIAL_IS_OPEN, DEFAULT_HEIGHT, DEFAULT_WIDTH, DEFAULT_SORT_FN_NAME, DEFAULT_SORT_ORDER, DEFAULT_MUTATION_SORT_FN_NAME, selectedQueryHash, setSelectedQueryHash, selectedMutationId, setSelectedMutationId, panelWidth, setPanelWidth, DevtoolsComponent, Devtools_default, Devtools, DevtoolsPanel, ContentView, QueryRow, MutationRow, QueryStatusCount, MutationStatusCount, QueryStatus, QueryDetails, MutationDetails, queryCacheMap, setupQueryCacheSubscription, createSubscribeToQueryCacheBatcher, mutationCacheMap, setupMutationCacheSubscription, createSubscribeToMutationCacheBatcher, stylesFactory2, lightStyles2, darkStyles2;
+var _tmpl$25, _tmpl$26, _tmpl$33, _tmpl$43, _tmpl$53, _tmpl$63, _tmpl$73, _tmpl$83, _tmpl$93, _tmpl$103, _tmpl$113, _tmpl$122, _tmpl$132, _tmpl$142, _tmpl$152, _tmpl$162, _tmpl$172, _tmpl$182, _tmpl$192, _tmpl$202, _tmpl$212, _tmpl$222, _tmpl$232, _tmpl$242, _tmpl$252, _tmpl$262, _tmpl$27, _tmpl$28, _tmpl$29, _tmpl$30, _tmpl$31, _tmpl$322, firstBreakpoint, secondBreakpoint, thirdBreakpoint, BUTTON_POSITION, POSITION, THEME_PREFERENCE, INITIAL_IS_OPEN, DEFAULT_HEIGHT, DEFAULT_WIDTH, DEFAULT_SORT_FN_NAME, DEFAULT_SORT_ORDER, DEFAULT_MUTATION_SORT_FN_NAME, selectedQueryHash, setSelectedQueryHash, selectedMutationId, setSelectedMutationId, panelWidth, setPanelWidth, PiPContext, PiPProvider, usePiPWindow, DevtoolsComponent, Devtools_default, Devtools, PiPPanel, DevtoolsPanel, ContentView, QueryRow, MutationRow, QueryStatusCount, MutationStatusCount, QueryStatus, QueryDetails, MutationDetails, queryCacheMap, setupQueryCacheSubscription, createSubscribeToQueryCacheBatcher, mutationCacheMap, setupMutationCacheSubscription, createSubscribeToMutationCacheBatcher, stylesFactory2, lightStyles2, darkStyles2;
 var init_Devtools = __esm({
   "src/Devtools.tsx"() {
     init_web();
@@ -12896,42 +12901,44 @@ var init_Devtools = __esm({
     init_dist7();
     init_dist9();
     init_esm2();
+    init_web();
     init_theme();
     init_utils();
     init_icons();
     init_Explorer();
     init_Context();
-    _tmpl$24 = /* @__PURE__ */ template(`<div><div aria-hidden=true></div><button aria-label="Open Tanstack query devtools">`);
-    _tmpl$25 = /* @__PURE__ */ template(`<div>`);
+    _tmpl$25 = /* @__PURE__ */ template(`<div><div aria-hidden=true></div><button aria-label="Open Tanstack query devtools"class=tsqd-open-btn>`);
+    _tmpl$26 = /* @__PURE__ */ template(`<div>`);
     _tmpl$33 = /* @__PURE__ */ template(`<aside aria-label="Tanstack query devtools"><div></div><button aria-label="Close tanstack query devtools">`);
     _tmpl$43 = /* @__PURE__ */ template(`<select name=tsqd-queries-filter-sort>`);
     _tmpl$53 = /* @__PURE__ */ template(`<select name=tsqd-mutations-filter-sort>`);
     _tmpl$63 = /* @__PURE__ */ template(`<span>Asc`);
     _tmpl$73 = /* @__PURE__ */ template(`<span>Desc`);
-    _tmpl$83 = /* @__PURE__ */ template(`<div>Settings`);
-    _tmpl$93 = /* @__PURE__ */ template(`<span>Position`);
-    _tmpl$103 = /* @__PURE__ */ template(`<span>Top`);
-    _tmpl$113 = /* @__PURE__ */ template(`<span>Bottom`);
-    _tmpl$122 = /* @__PURE__ */ template(`<span>Left`);
-    _tmpl$132 = /* @__PURE__ */ template(`<span>Right`);
-    _tmpl$142 = /* @__PURE__ */ template(`<span>Theme`);
-    _tmpl$152 = /* @__PURE__ */ template(`<span>Light`);
-    _tmpl$162 = /* @__PURE__ */ template(`<span>Dark`);
-    _tmpl$172 = /* @__PURE__ */ template(`<span>System`);
-    _tmpl$182 = /* @__PURE__ */ template(`<div><div class=tsqd-queries-container>`);
-    _tmpl$192 = /* @__PURE__ */ template(`<div><div class=tsqd-mutations-container>`);
-    _tmpl$202 = /* @__PURE__ */ template(`<div><div><div><button aria-label="Close Tanstack query devtools"><span>TANSTACK</span><span> v</span></button></div></div><div><div><div><input aria-label="Filter queries by query key"type=text placeholder=Filter class=tsqd-query-filter-textfield name=tsqd-query-filter-input></div><div></div><button class=tsqd-query-filter-sort-order-btn></button></div><div><button aria-label="Clear query cache"></button><button>`);
-    _tmpl$212 = /* @__PURE__ */ template(`<option>Sort by `);
-    _tmpl$222 = /* @__PURE__ */ template(`<div class=tsqd-query-disabled-indicator>disabled`);
-    _tmpl$232 = /* @__PURE__ */ template(`<button><div></div><code class=tsqd-query-hash>`);
-    _tmpl$242 = /* @__PURE__ */ template(`<div role=tooltip id=tsqd-status-tooltip>`);
-    _tmpl$252 = /* @__PURE__ */ template(`<span>`);
-    _tmpl$26 = /* @__PURE__ */ template(`<button><span></span><span>`);
-    _tmpl$27 = /* @__PURE__ */ template(`<button><span></span> Error`);
-    _tmpl$28 = /* @__PURE__ */ template(`<div><span></span>Trigger Error<select><option value=""disabled selected>`);
-    _tmpl$29 = /* @__PURE__ */ template(`<div><div>Query Details</div><div><div class=tsqd-query-details-summary><pre><code></code></pre><span></span></div><div class=tsqd-query-details-observers-count><span>Observers:</span><span></span></div><div class=tsqd-query-details-last-updated><span>Last Updated:</span><span></span></div></div><div>Actions</div><div><button><span></span>Refetch</button><button><span></span>Invalidate</button><button><span></span>Reset</button><button><span></span>Remove</button><button><span></span> Loading</button></div><div>Data Explorer</div><div class="tsqd-query-details-explorer-container tsqd-query-details-data-explorer"></div><div>Query Explorer</div><div class="tsqd-query-details-explorer-container tsqd-query-details-query-explorer">`);
-    _tmpl$30 = /* @__PURE__ */ template(`<option>`);
-    _tmpl$31 = /* @__PURE__ */ template(`<div><div>Mutation Details</div><div><div class=tsqd-query-details-summary><pre><code></code></pre><span></span></div><div class=tsqd-query-details-last-updated><span>Submitted At:</span><span></span></div></div><div>Variables Details</div><div class="tsqd-query-details-explorer-container tsqd-query-details-query-explorer"></div><div>Context Details</div><div class="tsqd-query-details-explorer-container tsqd-query-details-query-explorer"></div><div>Data Explorer</div><div class="tsqd-query-details-explorer-container tsqd-query-details-query-explorer"></div><div>Mutations Explorer</div><div class="tsqd-query-details-explorer-container tsqd-query-details-query-explorer">`);
+    _tmpl$83 = /* @__PURE__ */ template(`<button aria-label="Open in picture-in-picture mode"title="Open in picture-in-picture mode">`);
+    _tmpl$93 = /* @__PURE__ */ template(`<div>Settings`);
+    _tmpl$103 = /* @__PURE__ */ template(`<span>Position`);
+    _tmpl$113 = /* @__PURE__ */ template(`<span>Top`);
+    _tmpl$122 = /* @__PURE__ */ template(`<span>Bottom`);
+    _tmpl$132 = /* @__PURE__ */ template(`<span>Left`);
+    _tmpl$142 = /* @__PURE__ */ template(`<span>Right`);
+    _tmpl$152 = /* @__PURE__ */ template(`<span>Theme`);
+    _tmpl$162 = /* @__PURE__ */ template(`<span>Light`);
+    _tmpl$172 = /* @__PURE__ */ template(`<span>Dark`);
+    _tmpl$182 = /* @__PURE__ */ template(`<span>System`);
+    _tmpl$192 = /* @__PURE__ */ template(`<div><div class=tsqd-queries-container>`);
+    _tmpl$202 = /* @__PURE__ */ template(`<div><div class=tsqd-mutations-container>`);
+    _tmpl$212 = /* @__PURE__ */ template(`<div><div><div><button aria-label="Close Tanstack query devtools"><span>TANSTACK</span><span> v</span></button></div></div><div><div><div><input aria-label="Filter queries by query key"type=text placeholder=Filter name=tsqd-query-filter-input></div><div></div><button class=tsqd-query-filter-sort-order-btn></button></div><div><button aria-label="Clear query cache"></button><button>`);
+    _tmpl$222 = /* @__PURE__ */ template(`<option>Sort by `);
+    _tmpl$232 = /* @__PURE__ */ template(`<div class=tsqd-query-disabled-indicator>disabled`);
+    _tmpl$242 = /* @__PURE__ */ template(`<button><div></div><code class=tsqd-query-hash>`);
+    _tmpl$252 = /* @__PURE__ */ template(`<div role=tooltip id=tsqd-status-tooltip>`);
+    _tmpl$262 = /* @__PURE__ */ template(`<span>`);
+    _tmpl$27 = /* @__PURE__ */ template(`<button><span></span><span>`);
+    _tmpl$28 = /* @__PURE__ */ template(`<button><span></span> Error`);
+    _tmpl$29 = /* @__PURE__ */ template(`<div><span></span>Trigger Error<select><option value=""disabled selected>`);
+    _tmpl$30 = /* @__PURE__ */ template(`<div><div>Query Details</div><div><div class=tsqd-query-details-summary><pre><code></code></pre><span></span></div><div class=tsqd-query-details-observers-count><span>Observers:</span><span></span></div><div class=tsqd-query-details-last-updated><span>Last Updated:</span><span></span></div></div><div>Actions</div><div><button><span></span>Refetch</button><button><span></span>Invalidate</button><button><span></span>Reset</button><button><span></span>Remove</button><button><span></span> Loading</button></div><div>Data Explorer</div><div class="tsqd-query-details-explorer-container tsqd-query-details-data-explorer"></div><div>Query Explorer</div><div class="tsqd-query-details-explorer-container tsqd-query-details-query-explorer">`);
+    _tmpl$31 = /* @__PURE__ */ template(`<option>`);
+    _tmpl$322 = /* @__PURE__ */ template(`<div><div>Mutation Details</div><div><div class=tsqd-query-details-summary><pre><code></code></pre><span></span></div><div class=tsqd-query-details-last-updated><span>Submitted At:</span><span></span></div></div><div>Variables Details</div><div class="tsqd-query-details-explorer-container tsqd-query-details-query-explorer"></div><div>Context Details</div><div class="tsqd-query-details-explorer-container tsqd-query-details-query-explorer"></div><div>Data Explorer</div><div class="tsqd-query-details-explorer-container tsqd-query-details-query-explorer"></div><div>Mutations Explorer</div><div class="tsqd-query-details-explorer-container tsqd-query-details-query-explorer">`);
     firstBreakpoint = 1024;
     secondBreakpoint = 796;
     thirdBreakpoint = 700;
@@ -12947,6 +12954,112 @@ var init_Devtools = __esm({
     [selectedQueryHash, setSelectedQueryHash] = createSignal(null);
     [selectedMutationId, setSelectedMutationId] = createSignal(null);
     [panelWidth, setPanelWidth] = createSignal(0);
+    PiPContext = createContext(void 0);
+    PiPProvider = (props) => {
+      const [pipWindow, setPipWindow] = createSignal(null);
+      const closePipWindow = () => {
+        const w = pipWindow();
+        if (w != null) {
+          w.close();
+          setPipWindow(null);
+        }
+      };
+      const requestPipWindow = async (width, height) => {
+        if (pipWindow() != null) {
+          return;
+        }
+        const pip = window.open("", "", `width=${width},height=${height},popup`);
+        if (!pip) {
+          throw new Error("Failed to open popup. Please allow popups for this site to view the devtools in picture-in-picture mode.");
+        }
+        pip.document.title = "TanStack Query Devtools";
+        pip.document.body.style.margin = "0";
+        pip.addEventListener("pagehide", () => {
+          setPipWindow(null);
+        });
+        [...document.styleSheets].forEach((styleSheet) => {
+          try {
+            const cssRules = [...styleSheet.cssRules].map((rule) => rule.cssText).join("");
+            const style2 = document.createElement("style");
+            const style_node = styleSheet.ownerNode;
+            let style_id = "";
+            if (style_node && "id" in style_node) {
+              style_id = style_node.id;
+            }
+            if (style_id) {
+              style2.setAttribute("id", style_id);
+            }
+            style2.textContent = cssRules;
+            pip.document.head.appendChild(style2);
+          } catch (e2) {
+            const link = document.createElement("link");
+            if (styleSheet.href == null) {
+              return;
+            }
+            link.rel = "stylesheet";
+            link.type = styleSheet.type;
+            link.media = styleSheet.media.toString();
+            link.href = styleSheet.href;
+            pip.document.head.appendChild(link);
+          }
+        });
+        delegateEvents(["focusin", "focusout", "pointermove", "keydown", "pointerdown", "pointerup", "click", "mousedown", "input"], pip.document);
+        setPipWindow(pip);
+      };
+      createEffect(() => {
+        const closePipWindowOnUnload = () => {
+          closePipWindow();
+        };
+        window.addEventListener("beforeunload", closePipWindowOnUnload);
+        onCleanup(() => {
+          window.removeEventListener("beforeunload", closePipWindowOnUnload);
+        });
+      });
+      createEffect(() => {
+        const gooberStyles = document.getElementById("_goober");
+        const w = pipWindow();
+        if (gooberStyles && w) {
+          const observer = new MutationObserver(() => {
+            const pip_style = w.document.getElementById("_goober");
+            if (pip_style) {
+              pip_style.textContent = gooberStyles.textContent;
+            }
+          });
+          observer.observe(gooberStyles, {
+            childList: true,
+            // observe direct children
+            subtree: true,
+            // and lower descendants too
+            characterDataOldValue: true
+            // pass old data to callback
+          });
+          onCleanup(() => {
+            observer.disconnect();
+          });
+        }
+      });
+      const value = createMemo(() => ({
+        pipWindow: pipWindow(),
+        requestPipWindow,
+        closePipWindow
+      }));
+      return createComponent(PiPContext.Provider, {
+        value,
+        get children() {
+          return props.children;
+        }
+      });
+    };
+    usePiPWindow = () => {
+      const context = createMemo(() => {
+        const ctx = useContext(PiPContext);
+        if (!ctx) {
+          throw new Error("usePiPWindow must be used within a PiPProvider");
+        }
+        return ctx();
+      });
+      return context;
+    };
     DevtoolsComponent = (props) => {
       const [localStore, setLocalStore] = createLocalStorage({
         prefix: "TanstackQueryDevtools"
@@ -12961,12 +13074,16 @@ var init_Devtools = __esm({
       return createComponent(QueryDevtoolsContext.Provider, {
         value: props,
         get children() {
-          return createComponent(ThemeContext.Provider, {
-            value: theme,
+          return createComponent(PiPProvider, {
             get children() {
-              return createComponent(Devtools, {
-                localStore,
-                setLocalStore
+              return createComponent(ThemeContext.Provider, {
+                value: theme,
+                get children() {
+                  return createComponent(Devtools, {
+                    localStore,
+                    setLocalStore
+                  });
+                }
               });
             }
           });
@@ -12979,6 +13096,7 @@ var init_Devtools = __esm({
       const styles = createMemo(() => {
         return theme() === "dark" ? darkStyles2 : lightStyles2;
       });
+      const pip = usePiPWindow();
       const buttonPosition = createMemo(() => {
         return useQueryDevtoolsContext().buttonPosition || BUTTON_POSITION;
       });
@@ -13009,8 +13127,33 @@ var init_Devtools = __esm({
           window.removeEventListener("focus", onFocus);
         });
       });
-      return (() => {
-        const _el$ = _tmpl$25();
+      return [createComponent(Show, {
+        get when() {
+          return pip().pipWindow;
+        },
+        get children() {
+          return createComponent(Portal, {
+            get mount() {
+              return pip().pipWindow?.document.body;
+            },
+            get children() {
+              return createComponent(PiPPanel, {
+                get children() {
+                  return createComponent(ContentView, {
+                    get localStore() {
+                      return props.localStore;
+                    },
+                    get setLocalStore() {
+                      return props.setLocalStore;
+                    }
+                  });
+                }
+              });
+            }
+          });
+        }
+      }), (() => {
+        const _el$ = _tmpl$26();
         const _ref$ = transitionsContainerRef;
         typeof _ref$ === "function" ? use(_ref$, _el$) : transitionsContainerRef = _el$;
         insert(_el$, createComponent(TransitionGroup, {
@@ -13018,7 +13161,7 @@ var init_Devtools = __esm({
           get children() {
             return createComponent(Show, {
               get when() {
-                return isOpen();
+                return createMemo(() => !!isOpen())() && !pip().pipWindow;
               },
               get children() {
                 return createComponent(DevtoolsPanel, {
@@ -13041,44 +13184,97 @@ var init_Devtools = __esm({
                 return !isOpen();
               },
               get children() {
-                const _el$2 = _tmpl$24(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
+                const _el$2 = _tmpl$25(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
                 insert(_el$3, createComponent(TanstackLogo, {}));
                 _el$4.$$click = () => props.setLocalStore("open", "true");
                 insert(_el$4, createComponent(TanstackLogo, {}));
-                createRenderEffect(() => className(_el$2, clsx(styles().devtoolsBtn, styles()[`devtoolsBtn-position-${buttonPosition()}`])));
+                createRenderEffect(() => className(_el$2, clsx(styles().devtoolsBtn, styles()[`devtoolsBtn-position-${buttonPosition()}`], "tsqd-open-btn-container")));
                 return _el$2;
               }
             });
           }
         }), null);
         createRenderEffect(() => className(_el$, clsx(u`
-          & .tsqd-panel-transition-exit-active,
-          & .tsqd-panel-transition-enter-active {
-            transition:
-              opacity 0.3s,
-              transform 0.3s;
-          }
+            & .tsqd-panel-transition-exit-active,
+            & .tsqd-panel-transition-enter-active {
+              transition:
+                opacity 0.3s,
+                transform 0.3s;
+            }
-          & .tsqd-panel-transition-exit-to,
-          & .tsqd-panel-transition-enter {
-            ${position() === "top" || position() === "bottom" ? `transform: translateY(var(--tsqd-panel-height));` : `transform: translateX(var(--tsqd-panel-width));`}
-          }
+            & .tsqd-panel-transition-exit-to,
+            & .tsqd-panel-transition-enter {
+              ${position() === "top" || position() === "bottom" ? `transform: translateY(var(--tsqd-panel-height));` : `transform: translateX(var(--tsqd-panel-width));`}
+            }
-          & .tsqd-button-transition-exit-active,
-          & .tsqd-button-transition-enter-active {
-            transition:
-              opacity 0.3s,
-              transform 0.3s;
-            opacity: 1;
-          }
+            & .tsqd-button-transition-exit-active,
+            & .tsqd-button-transition-enter-active {
+              transition:
+                opacity 0.3s,
+                transform 0.3s;
+              opacity: 1;
+            }
-          & .tsqd-button-transition-exit-to,
-          & .tsqd-button-transition-enter {
-            transform: ${buttonPosition() === "relative" ? `none;` : buttonPosition() === "top-left" ? `translateX(-72px);` : buttonPosition() === "top-right" ? `translateX(72px);` : `translateY(72px);`};
-            opacity: 0;
-          }
-        `, "tsqd-transitions-container")));
+            & .tsqd-button-transition-exit-to,
+            & .tsqd-button-transition-enter {
+              transform: ${buttonPosition() === "relative" ? `none;` : buttonPosition() === "top-left" ? `translateX(-72px);` : buttonPosition() === "top-right" ? `translateX(72px);` : `translateY(72px);`};
+              opacity: 0;
+            }
+          `, "tsqd-transitions-container")));
         return _el$;
+      })()];
+    };
+    PiPPanel = (props) => {
+      const pip = usePiPWindow();
+      const theme = useTheme();
+      const styles = createMemo(() => {
+        return theme() === "dark" ? darkStyles2 : lightStyles2;
+      });
+      const getPanelDynamicStyles = () => {
+        const {
+          colors
+        } = tokens;
+        const t2 = (light, dark) => theme() === "dark" ? dark : light;
+        if (panelWidth() < secondBreakpoint) {
+          return u`
+        flex-direction: column;
+        background-color: ${t2(colors.gray[300], colors.gray[600])};
+      `;
+        }
+        return u`
+      flex-direction: row;
+      background-color: ${t2(colors.gray[200], colors.darkGray[900])};
+    `;
+      };
+      createEffect(() => {
+        const win = pip().pipWindow;
+        const resizeCB = () => {
+          if (!win)
+            return;
+          setPanelWidth(win.innerWidth);
+        };
+        if (win) {
+          win.addEventListener("resize", resizeCB);
+        }
+        onCleanup(() => {
+          if (win) {
+            win.removeEventListener("resize", resizeCB);
+          }
+        });
+      });
+      return (() => {
+        const _el$5 = _tmpl$26();
+        _el$5.style.setProperty("--tsqd-font-size", "16px");
+        _el$5.style.setProperty("max-height", "100vh");
+        _el$5.style.setProperty("height", "100vh");
+        _el$5.style.setProperty("width", "100vw");
+        insert(_el$5, () => props.children);
+        createRenderEffect(() => className(_el$5, clsx(styles().panel, getPanelDynamicStyles(), {
+          [u`
+            min-width: min-content;
+          `]: panelWidth() < thirdBreakpoint
+        }, "tsqd-main-panel")));
+        return _el$5;
       })();
     };
     DevtoolsPanel = (props) => {
@@ -13189,13 +13385,13 @@ var init_Devtools = __esm({
     `;
       };
       return (() => {
-        const _el$5 = _tmpl$33(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling;
+        const _el$6 = _tmpl$33(), _el$7 = _el$6.firstChild, _el$8 = _el$7.nextSibling;
         const _ref$2 = panelRef;
-        typeof _ref$2 === "function" ? use(_ref$2, _el$5) : panelRef = _el$5;
-        _el$6.$$mousedown = handleDragStart;
-        _el$7.$$click = () => props.setLocalStore("open", "false");
-        insert(_el$7, createComponent(ChevronDown, {}));
-        insert(_el$5, createComponent(ContentView, {
+        typeof _ref$2 === "function" ? use(_ref$2, _el$6) : panelRef = _el$6;
+        _el$7.$$mousedown = handleDragStart;
+        _el$8.$$click = () => props.setLocalStore("open", "false");
+        insert(_el$8, createComponent(ChevronDown, {}));
+        insert(_el$6, createComponent(ContentView, {
           get localStore() {
             return props.localStore;
           },
@@ -13209,11 +13405,11 @@ var init_Devtools = __esm({
             min-width: min-content;
           `]: panelWidth() < thirdBreakpoint && (position() === "right" || position() === "left")
           }, "tsqd-main-panel"), _v$2 = position() === "bottom" || position() === "top" ? `${props.localStore.height || DEFAULT_HEIGHT}px` : "auto", _v$3 = position() === "right" || position() === "left" ? `${props.localStore.width || DEFAULT_WIDTH}px` : "auto", _v$4 = clsx(styles().dragHandle, styles()[`dragHandle-position-${position()}`], "tsqd-drag-handle"), _v$5 = clsx(styles().closeBtn, styles()[`closeBtn-position-${position()}`], "tsqd-minimize-btn");
-          _v$ !== _p$._v$ && className(_el$5, _p$._v$ = _v$);
-          _v$2 !== _p$._v$2 && ((_p$._v$2 = _v$2) != null ? _el$5.style.setProperty("height", _v$2) : _el$5.style.removeProperty("height"));
-          _v$3 !== _p$._v$3 && ((_p$._v$3 = _v$3) != null ? _el$5.style.setProperty("width", _v$3) : _el$5.style.removeProperty("width"));
-          _v$4 !== _p$._v$4 && className(_el$6, _p$._v$4 = _v$4);
-          _v$5 !== _p$._v$5 && className(_el$7, _p$._v$5 = _v$5);
+          _v$ !== _p$._v$ && className(_el$6, _p$._v$ = _v$);
+          _v$2 !== _p$._v$2 && ((_p$._v$2 = _v$2) != null ? _el$6.style.setProperty("height", _v$2) : _el$6.style.removeProperty("height"));
+          _v$3 !== _p$._v$3 && ((_p$._v$3 = _v$3) != null ? _el$6.style.setProperty("width", _v$3) : _el$6.style.removeProperty("width"));
+          _v$4 !== _p$._v$4 && className(_el$7, _p$._v$4 = _v$4);
+          _v$5 !== _p$._v$5 && className(_el$8, _p$._v$5 = _v$5);
           return _p$;
         }, {
           _v$: void 0,
@@ -13222,7 +13418,7 @@ var init_Devtools = __esm({
           _v$4: void 0,
           _v$5: void 0
         });
-        return _el$5;
+        return _el$6;
       })();
     };
     ContentView = (props) => {
@@ -13233,6 +13429,7 @@ var init_Devtools = __esm({
       const styles = createMemo(() => {
         return theme() === "dark" ? darkStyles2 : lightStyles2;
       });
+      const pip = usePiPWindow();
       const [selectedView, setSelectedView] = createSignal("queries");
       const sort = createMemo(() => props.localStore.sort || DEFAULT_SORT_FN_NAME);
       const sortOrder = createMemo(() => Number(props.localStore.sortOrder) || DEFAULT_SORT_ORDER);
@@ -13278,13 +13475,17 @@ var init_Devtools = __esm({
         el.style.setProperty("--tsqd-font-size", variable);
       };
       return [(() => {
-        const _el$8 = _tmpl$202(), _el$9 = _el$8.firstChild, _el$10 = _el$9.firstChild, _el$11 = _el$10.firstChild, _el$12 = _el$11.firstChild, _el$13 = _el$12.nextSibling, _el$14 = _el$13.firstChild, _el$15 = _el$9.nextSibling, _el$16 = _el$15.firstChild, _el$17 = _el$16.firstChild, _el$18 = _el$17.firstChild, _el$19 = _el$17.nextSibling, _el$22 = _el$19.nextSibling, _el$25 = _el$16.nextSibling, _el$26 = _el$25.firstChild, _el$27 = _el$26.nextSibling;
+        const _el$9 = _tmpl$212(), _el$10 = _el$9.firstChild, _el$11 = _el$10.firstChild, _el$12 = _el$11.firstChild, _el$13 = _el$12.firstChild, _el$14 = _el$13.nextSibling, _el$15 = _el$14.firstChild, _el$16 = _el$10.nextSibling, _el$17 = _el$16.firstChild, _el$18 = _el$17.firstChild, _el$19 = _el$18.firstChild, _el$20 = _el$18.nextSibling, _el$23 = _el$20.nextSibling, _el$26 = _el$17.nextSibling, _el$27 = _el$26.firstChild, _el$28 = _el$27.nextSibling;
         const _ref$3 = containerRef;
-        typeof _ref$3 === "function" ? use(_ref$3, _el$8) : containerRef = _el$8;
-        _el$11.$$click = () => props.setLocalStore("open", "false");
-        insert(_el$13, () => useQueryDevtoolsContext().queryFlavor, _el$14);
-        insert(_el$13, () => useQueryDevtoolsContext().version, null);
-        insert(_el$10, createComponent(index$9.Root, {
+        typeof _ref$3 === "function" ? use(_ref$3, _el$9) : containerRef = _el$9;
+        _el$12.$$click = () => {
+          if (!pip().pipWindow) {
+            props.setLocalStore("open", "false");
+          }
+        };
+        insert(_el$14, () => useQueryDevtoolsContext().queryFlavor, _el$15);
+        insert(_el$14, () => useQueryDevtoolsContext().version, null);
+        insert(_el$11, createComponent(index$9.Root, {
           get ["class"]() {
             return clsx(styles().viewToggle);
           },
@@ -13326,7 +13527,7 @@ var init_Devtools = __esm({
             })];
           }
         }), null);
-        insert(_el$9, createComponent(Show, {
+        insert(_el$10, createComponent(Show, {
           get when() {
             return selectedView() === "queries";
           },
@@ -13334,7 +13535,7 @@ var init_Devtools = __esm({
             return createComponent(QueryStatusCount, {});
           }
         }), null);
-        insert(_el$9, createComponent(Show, {
+        insert(_el$10, createComponent(Show, {
           get when() {
             return selectedView() === "mutations";
           },
@@ -13342,61 +13543,61 @@ var init_Devtools = __esm({
             return createComponent(MutationStatusCount, {});
           }
         }), null);
-        insert(_el$17, createComponent(Search, {}), _el$18);
-        _el$18.$$input = (e2) => {
+        insert(_el$18, createComponent(Search, {}), _el$19);
+        _el$19.$$input = (e2) => {
           if (selectedView() === "queries") {
             props.setLocalStore("filter", e2.currentTarget.value);
           } else {
             props.setLocalStore("mutationFilter", e2.currentTarget.value);
           }
         };
-        insert(_el$19, createComponent(Show, {
+        insert(_el$20, createComponent(Show, {
           get when() {
             return selectedView() === "queries";
           },
           get children() {
-            const _el$20 = _tmpl$43();
-            _el$20.addEventListener("change", (e2) => {
+            const _el$21 = _tmpl$43();
+            _el$21.addEventListener("change", (e2) => {
               props.setLocalStore("sort", e2.currentTarget.value);
             });
-            insert(_el$20, () => Object.keys(sortFns).map((key) => (() => {
-              const _el$42 = _tmpl$212(); _el$42.firstChild;
-              _el$42.value = key;
-              insert(_el$42, key, null);
-              return _el$42;
+            insert(_el$21, () => Object.keys(sortFns).map((key) => (() => {
+              const _el$44 = _tmpl$222(); _el$44.firstChild;
+              _el$44.value = key;
+              insert(_el$44, key, null);
+              return _el$44;
             })()));
-            createRenderEffect(() => _el$20.value = sort());
-            return _el$20;
+            createRenderEffect(() => _el$21.value = sort());
+            return _el$21;
           }
         }), null);
-        insert(_el$19, createComponent(Show, {
+        insert(_el$20, createComponent(Show, {
           get when() {
             return selectedView() === "mutations";
           },
           get children() {
-            const _el$21 = _tmpl$53();
-            _el$21.addEventListener("change", (e2) => {
+            const _el$22 = _tmpl$53();
+            _el$22.addEventListener("change", (e2) => {
               props.setLocalStore("mutationSort", e2.currentTarget.value);
             });
-            insert(_el$21, () => Object.keys(mutationSortFns).map((key) => (() => {
-              const _el$44 = _tmpl$212(); _el$44.firstChild;
-              _el$44.value = key;
-              insert(_el$44, key, null);
-              return _el$44;
+            insert(_el$22, () => Object.keys(mutationSortFns).map((key) => (() => {
+              const _el$46 = _tmpl$222(); _el$46.firstChild;
+              _el$46.value = key;
+              insert(_el$46, key, null);
+              return _el$46;
             })()));
-            createRenderEffect(() => _el$21.value = mutationSort());
-            return _el$21;
+            createRenderEffect(() => _el$22.value = mutationSort());
+            return _el$22;
           }
         }), null);
-        insert(_el$19, createComponent(ChevronDown, {}), null);
-        _el$22.$$click = () => {
+        insert(_el$20, createComponent(ChevronDown, {}), null);
+        _el$23.$$click = () => {
           if (selectedView() === "queries") {
             props.setLocalStore("sortOrder", String(sortOrder() * -1));
           } else {
             props.setLocalStore("mutationSortOrder", String(mutationSortOrder() * -1));
           }
         };
-        insert(_el$22, createComponent(Show, {
+        insert(_el$23, createComponent(Show, {
           get when() {
             return (selectedView() === "queries" ? sortOrder() : mutationSortOrder()) === 1;
           },
@@ -13404,7 +13605,7 @@ var init_Devtools = __esm({
             return [_tmpl$63(), createComponent(ArrowUp, {})];
           }
         }), null);
-        insert(_el$22, createComponent(Show, {
+        insert(_el$23, createComponent(Show, {
           get when() {
             return (selectedView() === "queries" ? sortOrder() : mutationSortOrder()) === -1;
           },
@@ -13412,15 +13613,15 @@ var init_Devtools = __esm({
             return [_tmpl$73(), createComponent(ArrowDown, {})];
           }
         }), null);
-        _el$26.$$click = () => {
+        _el$27.$$click = () => {
           if (selectedView() === "queries") {
             query_cache().clear();
           } else {
             mutation_cache().clear();
           }
         };
-        insert(_el$26, createComponent(Trash, {}));
-        _el$27.$$click = () => {
+        insert(_el$27, createComponent(Trash, {}));
+        _el$28.$$click = () => {
           if (offline()) {
             onlineManager().setOnline(true);
             setOffline(false);
@@ -13429,11 +13630,25 @@ var init_Devtools = __esm({
             setOffline(true);
           }
         };
-        insert(_el$27, (() => {
+        insert(_el$28, (() => {
           const _c$ = createMemo(() => !!offline());
           return () => _c$() ? createComponent(Offline, {}) : createComponent(Wifi, {});
         })());
-        insert(_el$25, createComponent(index$f.Root, {
+        insert(_el$26, createComponent(Show, {
+          get when() {
+            return !pip().pipWindow;
+          },
+          get children() {
+            const _el$29 = _tmpl$83();
+            _el$29.$$click = () => {
+              pip().requestPipWindow(Number(window.innerWidth), Number(props.localStore.height ?? 500));
+            };
+            insert(_el$29, createComponent(PiPIcon, {}));
+            createRenderEffect(() => className(_el$29, clsx(styles().actionsBtn, "tsqd-actions-btn", "tsqd-action-open-pip")));
+            return _el$29;
+          }
+        }), null);
+        insert(_el$26, createComponent(index$f.Root, {
           gutter: 4,
           get children() {
             return [createComponent(index$f.Trigger, {
@@ -13445,6 +13660,9 @@ var init_Devtools = __esm({
               }
             }), createComponent(index$f.Portal, {
               ref: (el) => setComputedVariables(el),
+              get mount() {
+                return createMemo(() => !!pip().pipWindow)() ? pip().pipWindow.document.body : document.body;
+              },
               get children() {
                 return createComponent(index$f.Content, {
                   get ["class"]() {
@@ -13452,9 +13670,9 @@ var init_Devtools = __esm({
                   },
                   get children() {
                     return [(() => {
-                      const _el$28 = _tmpl$83();
-                      createRenderEffect(() => className(_el$28, clsx(styles().settingsMenuHeader, "tsqd-settings-menu-header")));
-                      return _el$28;
+                      const _el$30 = _tmpl$93();
+                      createRenderEffect(() => className(_el$30, clsx(styles().settingsMenuHeader, "tsqd-settings-menu-header")));
+                      return _el$30;
                     })(), createComponent(index$f.Sub, {
                       overlap: true,
                       gutter: 8,
@@ -13465,10 +13683,13 @@ var init_Devtools = __esm({
                             return clsx(styles().settingsSubTrigger, "tsqd-settings-menu-sub-trigger", "tsqd-settings-menu-sub-trigger-position");
                           },
                           get children() {
-                            return [_tmpl$93(), createComponent(ChevronDown, {})];
+                            return [_tmpl$103(), createComponent(ChevronDown, {})];
                           }
                         }), createComponent(index$f.Portal, {
                           ref: (el) => setComputedVariables(el),
+                          get mount() {
+                            return createMemo(() => !!pip().pipWindow)() ? pip().pipWindow.document.body : document.body;
+                          },
                           get children() {
                             return createComponent(index$f.SubContent, {
                               get ["class"]() {
@@ -13484,7 +13705,7 @@ var init_Devtools = __esm({
                                     return clsx(styles().settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-top");
                                   },
                                   get children() {
-                                    return [_tmpl$103(), createComponent(ArrowUp, {})];
+                                    return [_tmpl$113(), createComponent(ArrowUp, {})];
                                   }
                                 }), createComponent(index$f.Item, {
                                   onSelect: () => {
@@ -13495,7 +13716,7 @@ var init_Devtools = __esm({
                                     return clsx(styles().settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-bottom");
                                   },
                                   get children() {
-                                    return [_tmpl$113(), createComponent(ArrowDown, {})];
+                                    return [_tmpl$122(), createComponent(ArrowDown, {})];
                                   }
                                 }), createComponent(index$f.Item, {
                                   onSelect: () => {
@@ -13506,7 +13727,7 @@ var init_Devtools = __esm({
                                     return clsx(styles().settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-left");
                                   },
                                   get children() {
-                                    return [_tmpl$122(), createComponent(ArrowLeft, {})];
+                                    return [_tmpl$132(), createComponent(ArrowLeft, {})];
                                   }
                                 }), createComponent(index$f.Item, {
                                   onSelect: () => {
@@ -13517,7 +13738,7 @@ var init_Devtools = __esm({
                                     return clsx(styles().settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-right");
                                   },
                                   get children() {
-                                    return [_tmpl$132(), createComponent(ArrowRight, {})];
+                                    return [_tmpl$142(), createComponent(ArrowRight, {})];
                                   }
                                 })];
                               }
@@ -13535,10 +13756,13 @@ var init_Devtools = __esm({
                             return clsx(styles().settingsSubTrigger, "tsqd-settings-menu-sub-trigger", "tsqd-settings-menu-sub-trigger-position");
                           },
                           get children() {
-                            return [_tmpl$142(), createComponent(ChevronDown, {})];
+                            return [_tmpl$152(), createComponent(ChevronDown, {})];
                           }
                         }), createComponent(index$f.Portal, {
                           ref: (el) => setComputedVariables(el),
+                          get mount() {
+                            return createMemo(() => !!pip().pipWindow)() ? pip().pipWindow.document.body : document.body;
+                          },
                           get children() {
                             return createComponent(index$f.SubContent, {
                               get ["class"]() {
@@ -13554,7 +13778,7 @@ var init_Devtools = __esm({
                                     return clsx(styles().settingsSubButton, props.localStore.theme_preference === "light" && styles().themeSelectedButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-top");
                                   },
                                   get children() {
-                                    return [_tmpl$152(), createComponent(Sun, {})];
+                                    return [_tmpl$162(), createComponent(Sun, {})];
                                   }
                                 }), createComponent(index$f.Item, {
                                   onSelect: () => {
@@ -13565,7 +13789,7 @@ var init_Devtools = __esm({
                                     return clsx(styles().settingsSubButton, props.localStore.theme_preference === "dark" && styles().themeSelectedButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-bottom");
                                   },
                                   get children() {
-                                    return [_tmpl$162(), createComponent(Moon, {})];
+                                    return [_tmpl$172(), createComponent(Moon, {})];
                                   }
                                 }), createComponent(index$f.Item, {
                                   onSelect: () => {
@@ -13576,7 +13800,7 @@ var init_Devtools = __esm({
                                     return clsx(styles().settingsSubButton, props.localStore.theme_preference === "system" && styles().themeSelectedButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-left");
                                   },
                                   get children() {
-                                    return [_tmpl$172(), createComponent(Monitor, {})];
+                                    return [_tmpl$182(), createComponent(Monitor, {})];
                                   }
                                 })];
                               }
@@ -13591,13 +13815,13 @@ var init_Devtools = __esm({
             })];
           }
         }), null);
-        insert(_el$8, createComponent(Show, {
+        insert(_el$9, createComponent(Show, {
           get when() {
             return selectedView() === "queries";
           },
           get children() {
-            const _el$38 = _tmpl$182(), _el$39 = _el$38.firstChild;
-            insert(_el$39, createComponent(Key, {
+            const _el$40 = _tmpl$192(), _el$41 = _el$40.firstChild;
+            insert(_el$41, createComponent(Key, {
               by: (q) => q.queryHash,
               get each() {
                 return queries();
@@ -13608,17 +13832,17 @@ var init_Devtools = __esm({
                 }
               })
             }));
-            createRenderEffect(() => className(_el$38, clsx(styles().overflowQueryContainer, "tsqd-queries-overflow-container")));
-            return _el$38;
+            createRenderEffect(() => className(_el$40, clsx(styles().overflowQueryContainer, "tsqd-queries-overflow-container")));
+            return _el$40;
           }
         }), null);
-        insert(_el$8, createComponent(Show, {
+        insert(_el$9, createComponent(Show, {
           get when() {
             return selectedView() === "mutations";
           },
           get children() {
-            const _el$40 = _tmpl$192(), _el$41 = _el$40.firstChild;
-            insert(_el$41, createComponent(Key, {
+            const _el$42 = _tmpl$202(), _el$43 = _el$42.firstChild;
+            insert(_el$43, createComponent(Key, {
               by: (m) => m.mutationId,
               get each() {
                 return mutations();
@@ -13629,8 +13853,8 @@ var init_Devtools = __esm({
                 }
               })
             }));
-            createRenderEffect(() => className(_el$40, clsx(styles().overflowQueryContainer, "tsqd-mutations-overflow-container")));
-            return _el$40;
+            createRenderEffect(() => className(_el$42, clsx(styles().overflowQueryContainer, "tsqd-mutations-overflow-container")));
+            return _el$42;
           }
         }), null);
         createRenderEffect((_p$) => {
@@ -13640,26 +13864,27 @@ var init_Devtools = __esm({
             `, panelWidth() < secondBreakpoint && !(selectedQueryHash() || selectedMutationId()) && u`
               height: 100%;
               max-height: 100%;
-            `, "tsqd-queries-container"), _v$7 = clsx(styles().row, "tsqd-header"), _v$8 = styles().logoAndToggleContainer, _v$9 = clsx(styles().logo, "tsqd-text-logo-container"), _v$10 = clsx(styles().tanstackLogo, "tsqd-text-logo-tanstack"), _v$11 = clsx(styles().queryFlavorLogo, "tsqd-text-logo-query-flavor"), _v$12 = clsx(styles().row, "tsqd-filters-actions-container"), _v$13 = clsx(styles().filtersContainer, "tsqd-filters-container"), _v$14 = clsx(styles().filterInput, "tsqd-query-filter-textfield-container"), _v$15 = clsx(styles().filterSelect, "tsqd-query-filter-sort-container"), _v$16 = `Sort order ${(selectedView() === "queries" ? sortOrder() : mutationSortOrder()) === -1 ? "descending" : "ascending"}`, _v$17 = (selectedView() === "queries" ? sortOrder() : mutationSortOrder()) === -1, _v$18 = clsx(styles().actionsContainer, "tsqd-actions-container"), _v$19 = clsx(styles().actionsBtn, "tsqd-actions-btn", "tsqd-action-clear-cache"), _v$20 = `Clear ${selectedView()} cache`, _v$21 = clsx(styles().actionsBtn, offline() && styles().actionsBtnOffline, "tsqd-actions-btn", "tsqd-action-mock-offline-behavior"), _v$22 = `${offline() ? "Unset offline mocking behavior" : "Mock offline behavior"}`, _v$23 = offline(), _v$24 = `${offline() ? "Unset offline mocking behavior" : "Mock offline behavior"}`;
-          _v$6 !== _p$._v$6 && className(_el$8, _p$._v$6 = _v$6);
-          _v$7 !== _p$._v$7 && className(_el$9, _p$._v$7 = _v$7);
-          _v$8 !== _p$._v$8 && className(_el$10, _p$._v$8 = _v$8);
-          _v$9 !== _p$._v$9 && className(_el$11, _p$._v$9 = _v$9);
-          _v$10 !== _p$._v$10 && className(_el$12, _p$._v$10 = _v$10);
-          _v$11 !== _p$._v$11 && className(_el$13, _p$._v$11 = _v$11);
-          _v$12 !== _p$._v$12 && className(_el$15, _p$._v$12 = _v$12);
-          _v$13 !== _p$._v$13 && className(_el$16, _p$._v$13 = _v$13);
-          _v$14 !== _p$._v$14 && className(_el$17, _p$._v$14 = _v$14);
+            `, "tsqd-queries-container"), _v$7 = clsx(styles().row, "tsqd-header"), _v$8 = styles().logoAndToggleContainer, _v$9 = clsx(styles().logo, "tsqd-text-logo-container"), _v$10 = clsx(styles().tanstackLogo, "tsqd-text-logo-tanstack"), _v$11 = clsx(styles().queryFlavorLogo, "tsqd-text-logo-query-flavor"), _v$12 = clsx(styles().row, "tsqd-filters-actions-container"), _v$13 = clsx(styles().filtersContainer, "tsqd-filters-container"), _v$14 = clsx(styles().filterInput, "tsqd-query-filter-textfield-container"), _v$15 = clsx("tsqd-query-filter-textfield"), _v$16 = clsx(styles().filterSelect, "tsqd-query-filter-sort-container"), _v$17 = `Sort order ${(selectedView() === "queries" ? sortOrder() : mutationSortOrder()) === -1 ? "descending" : "ascending"}`, _v$18 = (selectedView() === "queries" ? sortOrder() : mutationSortOrder()) === -1, _v$19 = clsx(styles().actionsContainer, "tsqd-actions-container"), _v$20 = clsx(styles().actionsBtn, "tsqd-actions-btn", "tsqd-action-clear-cache"), _v$21 = `Clear ${selectedView()} cache`, _v$22 = clsx(styles().actionsBtn, offline() && styles().actionsBtnOffline, "tsqd-actions-btn", "tsqd-action-mock-offline-behavior"), _v$23 = `${offline() ? "Unset offline mocking behavior" : "Mock offline behavior"}`, _v$24 = offline(), _v$25 = `${offline() ? "Unset offline mocking behavior" : "Mock offline behavior"}`;
+          _v$6 !== _p$._v$6 && className(_el$9, _p$._v$6 = _v$6);
+          _v$7 !== _p$._v$7 && className(_el$10, _p$._v$7 = _v$7);
+          _v$8 !== _p$._v$8 && className(_el$11, _p$._v$8 = _v$8);
+          _v$9 !== _p$._v$9 && className(_el$12, _p$._v$9 = _v$9);
+          _v$10 !== _p$._v$10 && className(_el$13, _p$._v$10 = _v$10);
+          _v$11 !== _p$._v$11 && className(_el$14, _p$._v$11 = _v$11);
+          _v$12 !== _p$._v$12 && className(_el$16, _p$._v$12 = _v$12);
+          _v$13 !== _p$._v$13 && className(_el$17, _p$._v$13 = _v$13);
+          _v$14 !== _p$._v$14 && className(_el$18, _p$._v$14 = _v$14);
           _v$15 !== _p$._v$15 && className(_el$19, _p$._v$15 = _v$15);
-          _v$16 !== _p$._v$16 && setAttribute(_el$22, "aria-label", _p$._v$16 = _v$16);
-          _v$17 !== _p$._v$17 && setAttribute(_el$22, "aria-pressed", _p$._v$17 = _v$17);
-          _v$18 !== _p$._v$18 && className(_el$25, _p$._v$18 = _v$18);
+          _v$16 !== _p$._v$16 && className(_el$20, _p$._v$16 = _v$16);
+          _v$17 !== _p$._v$17 && setAttribute(_el$23, "aria-label", _p$._v$17 = _v$17);
+          _v$18 !== _p$._v$18 && setAttribute(_el$23, "aria-pressed", _p$._v$18 = _v$18);
           _v$19 !== _p$._v$19 && className(_el$26, _p$._v$19 = _v$19);
-          _v$20 !== _p$._v$20 && setAttribute(_el$26, "title", _p$._v$20 = _v$20);
-          _v$21 !== _p$._v$21 && className(_el$27, _p$._v$21 = _v$21);
-          _v$22 !== _p$._v$22 && setAttribute(_el$27, "aria-label", _p$._v$22 = _v$22);
-          _v$23 !== _p$._v$23 && setAttribute(_el$27, "aria-pressed", _p$._v$23 = _v$23);
-          _v$24 !== _p$._v$24 && setAttribute(_el$27, "title", _p$._v$24 = _v$24);
+          _v$20 !== _p$._v$20 && className(_el$27, _p$._v$20 = _v$20);
+          _v$21 !== _p$._v$21 && setAttribute(_el$27, "title", _p$._v$21 = _v$21);
+          _v$22 !== _p$._v$22 && className(_el$28, _p$._v$22 = _v$22);
+          _v$23 !== _p$._v$23 && setAttribute(_el$28, "aria-label", _p$._v$23 = _v$23);
+          _v$24 !== _p$._v$24 && setAttribute(_el$28, "aria-pressed", _p$._v$24 = _v$24);
+          _v$25 !== _p$._v$25 && setAttribute(_el$28, "title", _p$._v$25 = _v$25);
           return _p$;
         }, {
           _v$6: void 0,
@@ -13680,10 +13905,11 @@ var init_Devtools = __esm({
           _v$21: void 0,
           _v$22: void 0,
           _v$23: void 0,
-          _v$24: void 0
+          _v$24: void 0,
+          _v$25: void 0
         });
-        createRenderEffect(() => _el$18.value = selectedView() === "queries" ? props.localStore.filter || "" : props.localStore.mutationFilter || "");
-        return _el$8;
+        createRenderEffect(() => _el$19.value = selectedView() === "queries" ? props.localStore.filter || "" : props.localStore.mutationFilter || "");
+        return _el$9;
       })(), createComponent(Show, {
         get when() {
           return createMemo(() => selectedView() === "queries")() && selectedQueryHash();
@@ -13744,30 +13970,30 @@ var init_Devtools = __esm({
           return queryState();
         },
         get children() {
-          const _el$46 = _tmpl$232(), _el$47 = _el$46.firstChild, _el$48 = _el$47.nextSibling;
-          _el$46.$$click = () => setSelectedQueryHash(props.query.queryHash === selectedQueryHash() ? null : props.query.queryHash);
-          insert(_el$47, observers);
-          insert(_el$48, () => props.query.queryHash);
-          insert(_el$46, createComponent(Show, {
+          const _el$48 = _tmpl$242(), _el$49 = _el$48.firstChild, _el$50 = _el$49.nextSibling;
+          _el$48.$$click = () => setSelectedQueryHash(props.query.queryHash === selectedQueryHash() ? null : props.query.queryHash);
+          insert(_el$49, observers);
+          insert(_el$50, () => props.query.queryHash);
+          insert(_el$48, createComponent(Show, {
             get when() {
               return isDisabled();
             },
             get children() {
-              return _tmpl$222();
+              return _tmpl$232();
             }
           }), null);
           createRenderEffect((_p$) => {
-            const _v$25 = clsx(styles().queryRow, selectedQueryHash() === props.query.queryHash && styles().selectedQueryRow, "tsqd-query-row"), _v$26 = `Query key ${props.query.queryHash}`, _v$27 = clsx(getObserverCountColorStyles(), "tsqd-query-observer-count");
-            _v$25 !== _p$._v$25 && className(_el$46, _p$._v$25 = _v$25);
-            _v$26 !== _p$._v$26 && setAttribute(_el$46, "aria-label", _p$._v$26 = _v$26);
-            _v$27 !== _p$._v$27 && className(_el$47, _p$._v$27 = _v$27);
+            const _v$26 = clsx(styles().queryRow, selectedQueryHash() === props.query.queryHash && styles().selectedQueryRow, "tsqd-query-row"), _v$27 = `Query key ${props.query.queryHash}`, _v$28 = clsx(getObserverCountColorStyles(), "tsqd-query-observer-count");
+            _v$26 !== _p$._v$26 && className(_el$48, _p$._v$26 = _v$26);
+            _v$27 !== _p$._v$27 && setAttribute(_el$48, "aria-label", _p$._v$27 = _v$27);
+            _v$28 !== _p$._v$28 && className(_el$49, _p$._v$28 = _v$28);
             return _p$;
           }, {
-            _v$25: void 0,
             _v$26: void 0,
-            _v$27: void 0
+            _v$27: void 0,
+            _v$28: void 0
           });
-          return _el$46;
+          return _el$48;
         }
       });
     };
@@ -13821,11 +14047,11 @@ var init_Devtools = __esm({
           return mutationState();
         },
         get children() {
-          const _el$50 = _tmpl$232(), _el$51 = _el$50.firstChild, _el$52 = _el$51.nextSibling;
-          _el$50.$$click = () => {
+          const _el$52 = _tmpl$242(), _el$53 = _el$52.firstChild, _el$54 = _el$53.nextSibling;
+          _el$52.$$click = () => {
             setSelectedMutationId(props.mutation.mutationId === selectedMutationId() ? null : props.mutation.mutationId);
           };
-          insert(_el$51, createComponent(Show, {
+          insert(_el$53, createComponent(Show, {
             get when() {
               return color() === "purple";
             },
@@ -13833,7 +14059,7 @@ var init_Devtools = __esm({
               return createComponent(PauseCircle, {});
             }
           }), null);
-          insert(_el$51, createComponent(Show, {
+          insert(_el$53, createComponent(Show, {
             get when() {
               return color() === "green";
             },
@@ -13841,7 +14067,7 @@ var init_Devtools = __esm({
               return createComponent(CheckCircle, {});
             }
           }), null);
-          insert(_el$51, createComponent(Show, {
+          insert(_el$53, createComponent(Show, {
             get when() {
               return color() === "red";
             },
@@ -13849,7 +14075,7 @@ var init_Devtools = __esm({
               return createComponent(XCircle, {});
             }
           }), null);
-          insert(_el$51, createComponent(Show, {
+          insert(_el$53, createComponent(Show, {
             get when() {
               return color() === "yellow";
             },
@@ -13857,7 +14083,7 @@ var init_Devtools = __esm({
               return createComponent(LoadingCircle, {});
             }
           }), null);
-          insert(_el$52, createComponent(Show, {
+          insert(_el$54, createComponent(Show, {
             get when() {
               return props.mutation.options.mutationKey;
             },
@@ -13865,19 +14091,19 @@ var init_Devtools = __esm({
               return [createMemo(() => JSON.stringify(props.mutation.options.mutationKey)), " -", " "];
             }
           }), null);
-          insert(_el$52, () => new Date(props.mutation.state.submittedAt).toLocaleString(), null);
+          insert(_el$54, () => new Date(props.mutation.state.submittedAt).toLocaleString(), null);
           createRenderEffect((_p$) => {
-            const _v$28 = clsx(styles().queryRow, selectedMutationId() === props.mutation.mutationId && styles().selectedQueryRow, "tsqd-query-row"), _v$29 = `Mutation submitted at ${new Date(props.mutation.state.submittedAt).toLocaleString()}`, _v$30 = clsx(getObserverCountColorStyles(), "tsqd-query-observer-count");
-            _v$28 !== _p$._v$28 && className(_el$50, _p$._v$28 = _v$28);
-            _v$29 !== _p$._v$29 && setAttribute(_el$50, "aria-label", _p$._v$29 = _v$29);
-            _v$30 !== _p$._v$30 && className(_el$51, _p$._v$30 = _v$30);
+            const _v$29 = clsx(styles().queryRow, selectedMutationId() === props.mutation.mutationId && styles().selectedQueryRow, "tsqd-query-row"), _v$30 = `Mutation submitted at ${new Date(props.mutation.state.submittedAt).toLocaleString()}`, _v$31 = clsx(getObserverCountColorStyles(), "tsqd-query-observer-count");
+            _v$29 !== _p$._v$29 && className(_el$52, _p$._v$29 = _v$29);
+            _v$30 !== _p$._v$30 && setAttribute(_el$52, "aria-label", _p$._v$30 = _v$30);
+            _v$31 !== _p$._v$31 && className(_el$53, _p$._v$31 = _v$31);
             return _p$;
           }, {
-            _v$28: void 0,
             _v$29: void 0,
-            _v$30: void 0
+            _v$30: void 0,
+            _v$31: void 0
           });
-          return _el$50;
+          return _el$52;
         }
       });
     };
@@ -13892,44 +14118,44 @@ var init_Devtools = __esm({
         return theme() === "dark" ? darkStyles2 : lightStyles2;
       });
       return (() => {
-        const _el$53 = _tmpl$25();
-        insert(_el$53, createComponent(QueryStatus, {
+        const _el$55 = _tmpl$26();
+        insert(_el$55, createComponent(QueryStatus, {
           label: "Fresh",
           color: "green",
           get count() {
             return fresh();
           }
         }), null);
-        insert(_el$53, createComponent(QueryStatus, {
+        insert(_el$55, createComponent(QueryStatus, {
           label: "Fetching",
           color: "blue",
           get count() {
             return fetching();
           }
         }), null);
-        insert(_el$53, createComponent(QueryStatus, {
+        insert(_el$55, createComponent(QueryStatus, {
           label: "Paused",
           color: "purple",
           get count() {
             return paused();
           }
         }), null);
-        insert(_el$53, createComponent(QueryStatus, {
+        insert(_el$55, createComponent(QueryStatus, {
           label: "Stale",
           color: "yellow",
           get count() {
             return stale();
           }
         }), null);
-        insert(_el$53, createComponent(QueryStatus, {
+        insert(_el$55, createComponent(QueryStatus, {
           label: "Inactive",
           color: "gray",
           get count() {
             return inactive();
           }
         }), null);
-        createRenderEffect(() => className(_el$53, clsx(styles().queryStatusContainer, "tsqd-query-status-container")));
-        return _el$53;
+        createRenderEffect(() => className(_el$55, clsx(styles().queryStatusContainer, "tsqd-query-status-container")));
+        return _el$55;
       })();
     };
     MutationStatusCount = () => {
@@ -13954,37 +14180,37 @@ var init_Devtools = __esm({
         return theme() === "dark" ? darkStyles2 : lightStyles2;
       });
       return (() => {
-        const _el$54 = _tmpl$25();
-        insert(_el$54, createComponent(QueryStatus, {
+        const _el$56 = _tmpl$26();
+        insert(_el$56, createComponent(QueryStatus, {
           label: "Paused",
           color: "purple",
           get count() {
             return paused();
           }
         }), null);
-        insert(_el$54, createComponent(QueryStatus, {
+        insert(_el$56, createComponent(QueryStatus, {
           label: "Pending",
           color: "yellow",
           get count() {
             return pending();
           }
         }), null);
-        insert(_el$54, createComponent(QueryStatus, {
+        insert(_el$56, createComponent(QueryStatus, {
           label: "Success",
           color: "green",
           get count() {
             return success();
           }
         }), null);
-        insert(_el$54, createComponent(QueryStatus, {
+        insert(_el$56, createComponent(QueryStatus, {
           label: "Error",
           color: "red",
           get count() {
             return error();
           }
         }), null);
-        createRenderEffect(() => className(_el$54, clsx(styles().queryStatusContainer, "tsqd-query-status-container")));
-        return _el$54;
+        createRenderEffect(() => className(_el$56, clsx(styles().queryStatusContainer, "tsqd-query-status-container")));
+        return _el$56;
       })();
     };
     QueryStatus = (props) => {
@@ -14012,17 +14238,17 @@ var init_Devtools = __esm({
         return true;
       });
       return (() => {
-        const _el$55 = _tmpl$26(), _el$57 = _el$55.firstChild, _el$59 = _el$57.nextSibling;
+        const _el$57 = _tmpl$27(), _el$59 = _el$57.firstChild, _el$61 = _el$59.nextSibling;
         const _ref$4 = tagRef;
-        typeof _ref$4 === "function" ? use(_ref$4, _el$55) : tagRef = _el$55;
-        _el$55.addEventListener("mouseleave", () => {
+        typeof _ref$4 === "function" ? use(_ref$4, _el$57) : tagRef = _el$57;
+        _el$57.addEventListener("mouseleave", () => {
           setMouseOver(false);
           setFocused(false);
         });
-        _el$55.addEventListener("mouseenter", () => setMouseOver(true));
-        _el$55.addEventListener("blur", () => setFocused(false));
-        _el$55.addEventListener("focus", () => setFocused(true));
-        spread(_el$55, mergeProps({
+        _el$57.addEventListener("mouseenter", () => setMouseOver(true));
+        _el$57.addEventListener("blur", () => setFocused(false));
+        _el$57.addEventListener("focus", () => setFocused(true));
+        spread(_el$57, mergeProps({
           get disabled() {
             return showLabel();
           },
@@ -14037,47 +14263,47 @@ var init_Devtools = __esm({
         }, () => mouseOver() || focused() ? {
           "aria-describedby": "tsqd-status-tooltip"
         } : {}), false, true);
-        insert(_el$55, createComponent(Show, {
+        insert(_el$57, createComponent(Show, {
           get when() {
             return createMemo(() => !!!showLabel())() && (mouseOver() || focused());
           },
           get children() {
-            const _el$56 = _tmpl$242();
-            insert(_el$56, () => props.label);
-            createRenderEffect(() => className(_el$56, clsx(styles().statusTooltip, "tsqd-query-status-tooltip")));
-            return _el$56;
+            const _el$58 = _tmpl$252();
+            insert(_el$58, () => props.label);
+            createRenderEffect(() => className(_el$58, clsx(styles().statusTooltip, "tsqd-query-status-tooltip")));
+            return _el$58;
           }
-        }), _el$57);
-        insert(_el$55, createComponent(Show, {
+        }), _el$59);
+        insert(_el$57, createComponent(Show, {
           get when() {
             return showLabel();
           },
           get children() {
-            const _el$58 = _tmpl$252();
-            insert(_el$58, () => props.label);
-            createRenderEffect(() => className(_el$58, clsx(styles().queryStatusTagLabel, "tsqd-query-status-tag-label")));
-            return _el$58;
+            const _el$60 = _tmpl$262();
+            insert(_el$60, () => props.label);
+            createRenderEffect(() => className(_el$60, clsx(styles().queryStatusTagLabel, "tsqd-query-status-tag-label")));
+            return _el$60;
           }
-        }), _el$59);
-        insert(_el$59, () => props.count);
+        }), _el$61);
+        insert(_el$61, () => props.count);
         createRenderEffect((_p$) => {
-          const _v$31 = clsx(u`
+          const _v$32 = clsx(u`
             width: ${tokens.size[1.5]};
             height: ${tokens.size[1.5]};
             border-radius: ${tokens.border.radius.full};
             background-color: ${tokens.colors[props.color][500]};
-          `, "tsqd-query-status-tag-dot"), _v$32 = clsx(styles().queryStatusCount, props.count > 0 && props.color !== "gray" && u`
+          `, "tsqd-query-status-tag-dot"), _v$33 = clsx(styles().queryStatusCount, props.count > 0 && props.color !== "gray" && u`
               background-color: ${t2(colors[props.color][100], colors[props.color][900])};
               color: ${t2(colors[props.color][700], colors[props.color][300])};
             `, "tsqd-query-status-tag-count");
-          _v$31 !== _p$._v$31 && className(_el$57, _p$._v$31 = _v$31);
           _v$32 !== _p$._v$32 && className(_el$59, _p$._v$32 = _v$32);
+          _v$33 !== _p$._v$33 && className(_el$61, _p$._v$33 = _v$33);
           return _p$;
         }, {
-          _v$31: void 0,
-          _v$32: void 0
+          _v$32: void 0,
+          _v$33: void 0
         });
-        return _el$55;
+        return _el$57;
       })();
     };
     QueryDetails = () => {
@@ -14163,19 +14389,19 @@ var init_Devtools = __esm({
           return createMemo(() => !!activeQuery())() && activeQueryState();
         },
         get children() {
-          const _el$60 = _tmpl$29(), _el$61 = _el$60.firstChild, _el$62 = _el$61.nextSibling, _el$63 = _el$62.firstChild, _el$64 = _el$63.firstChild, _el$65 = _el$64.firstChild, _el$66 = _el$64.nextSibling, _el$67 = _el$63.nextSibling, _el$68 = _el$67.firstChild, _el$69 = _el$68.nextSibling, _el$70 = _el$67.nextSibling, _el$71 = _el$70.firstChild, _el$72 = _el$71.nextSibling, _el$73 = _el$62.nextSibling, _el$74 = _el$73.nextSibling, _el$75 = _el$74.firstChild, _el$76 = _el$75.firstChild, _el$77 = _el$75.nextSibling, _el$78 = _el$77.firstChild, _el$79 = _el$77.nextSibling, _el$80 = _el$79.firstChild, _el$81 = _el$79.nextSibling, _el$82 = _el$81.firstChild, _el$83 = _el$81.nextSibling, _el$84 = _el$83.firstChild, _el$85 = _el$84.nextSibling, _el$94 = _el$74.nextSibling, _el$95 = _el$94.nextSibling, _el$96 = _el$95.nextSibling, _el$97 = _el$96.nextSibling;
-          insert(_el$65, () => displayValue(activeQuery().queryKey, true));
-          insert(_el$66, statusLabel);
-          insert(_el$69, observerCount);
-          insert(_el$72, () => new Date(activeQueryState().dataUpdatedAt).toLocaleTimeString());
-          _el$75.$$click = handleRefetch;
-          _el$77.$$click = () => queryClient.invalidateQueries(activeQuery());
-          _el$79.$$click = () => queryClient.resetQueries(activeQuery());
-          _el$81.$$click = () => {
+          const _el$62 = _tmpl$30(), _el$63 = _el$62.firstChild, _el$64 = _el$63.nextSibling, _el$65 = _el$64.firstChild, _el$66 = _el$65.firstChild, _el$67 = _el$66.firstChild, _el$68 = _el$66.nextSibling, _el$69 = _el$65.nextSibling, _el$70 = _el$69.firstChild, _el$71 = _el$70.nextSibling, _el$72 = _el$69.nextSibling, _el$73 = _el$72.firstChild, _el$74 = _el$73.nextSibling, _el$75 = _el$64.nextSibling, _el$76 = _el$75.nextSibling, _el$77 = _el$76.firstChild, _el$78 = _el$77.firstChild, _el$79 = _el$77.nextSibling, _el$80 = _el$79.firstChild, _el$81 = _el$79.nextSibling, _el$82 = _el$81.firstChild, _el$83 = _el$81.nextSibling, _el$84 = _el$83.firstChild, _el$85 = _el$83.nextSibling, _el$86 = _el$85.firstChild, _el$87 = _el$86.nextSibling, _el$96 = _el$76.nextSibling, _el$97 = _el$96.nextSibling, _el$98 = _el$97.nextSibling, _el$99 = _el$98.nextSibling;
+          insert(_el$67, () => displayValue(activeQuery().queryKey, true));
+          insert(_el$68, statusLabel);
+          insert(_el$71, observerCount);
+          insert(_el$74, () => new Date(activeQueryState().dataUpdatedAt).toLocaleTimeString());
+          _el$77.$$click = handleRefetch;
+          _el$79.$$click = () => queryClient.invalidateQueries(activeQuery());
+          _el$81.$$click = () => queryClient.resetQueries(activeQuery());
+          _el$83.$$click = () => {
             queryClient.removeQueries(activeQuery());
             setSelectedQueryHash(null);
           };
-          _el$83.$$click = () => {
+          _el$85.$$click = () => {
             if (activeQuery()?.state.data === void 0) {
               setRestoringLoading(true);
               restoreQueryAfterLoadingOrError();
@@ -14202,78 +14428,78 @@ var init_Devtools = __esm({
               });
             }
           };
-          insert(_el$83, () => queryStatus() === "pending" ? "Restore" : "Trigger", _el$85);
-          insert(_el$74, createComponent(Show, {
+          insert(_el$85, () => queryStatus() === "pending" ? "Restore" : "Trigger", _el$87);
+          insert(_el$76, createComponent(Show, {
             get when() {
               return errorTypes().length === 0 || queryStatus() === "error";
             },
             get children() {
-              const _el$86 = _tmpl$27(), _el$87 = _el$86.firstChild, _el$88 = _el$87.nextSibling;
-              _el$86.$$click = () => {
+              const _el$88 = _tmpl$28(), _el$89 = _el$88.firstChild, _el$90 = _el$89.nextSibling;
+              _el$88.$$click = () => {
                 if (!activeQuery().state.error) {
                   triggerError();
                 } else {
                   queryClient.resetQueries(activeQuery());
                 }
               };
-              insert(_el$86, () => queryStatus() === "error" ? "Restore" : "Trigger", _el$88);
+              insert(_el$88, () => queryStatus() === "error" ? "Restore" : "Trigger", _el$90);
               createRenderEffect((_p$) => {
-                const _v$33 = clsx(u`
+                const _v$34 = clsx(u`
                   color: ${t2(colors.red[500], colors.red[400])};
-                `, "tsqd-query-details-actions-btn", "tsqd-query-details-action-error"), _v$34 = queryStatus() === "pending", _v$35 = u`
+                `, "tsqd-query-details-actions-btn", "tsqd-query-details-action-error"), _v$35 = queryStatus() === "pending", _v$36 = u`
                   background-color: ${t2(colors.red[500], colors.red[400])};
                 `;
-                _v$33 !== _p$._v$33 && className(_el$86, _p$._v$33 = _v$33);
-                _v$34 !== _p$._v$34 && (_el$86.disabled = _p$._v$34 = _v$34);
-                _v$35 !== _p$._v$35 && className(_el$87, _p$._v$35 = _v$35);
+                _v$34 !== _p$._v$34 && className(_el$88, _p$._v$34 = _v$34);
+                _v$35 !== _p$._v$35 && (_el$88.disabled = _p$._v$35 = _v$35);
+                _v$36 !== _p$._v$36 && className(_el$89, _p$._v$36 = _v$36);
                 return _p$;
               }, {
-                _v$33: void 0,
                 _v$34: void 0,
-                _v$35: void 0
+                _v$35: void 0,
+                _v$36: void 0
               });
-              return _el$86;
+              return _el$88;
             }
           }), null);
-          insert(_el$74, createComponent(Show, {
+          insert(_el$76, createComponent(Show, {
             get when() {
               return !(errorTypes().length === 0 || queryStatus() === "error");
             },
             get children() {
-              const _el$89 = _tmpl$28(), _el$90 = _el$89.firstChild, _el$91 = _el$90.nextSibling, _el$92 = _el$91.nextSibling; _el$92.firstChild;
-              _el$92.addEventListener("change", (e2) => {
+              const _el$91 = _tmpl$29(), _el$92 = _el$91.firstChild, _el$93 = _el$92.nextSibling, _el$94 = _el$93.nextSibling; _el$94.firstChild;
+              _el$94.addEventListener("change", (e2) => {
                 const errorType = errorTypes().find((et) => et.name === e2.currentTarget.value);
                 triggerError(errorType);
               });
-              insert(_el$92, createComponent(For, {
+              insert(_el$94, createComponent(For, {
                 get each() {
                   return errorTypes();
                 },
                 children: (errorType) => (() => {
-                  const _el$98 = _tmpl$30();
-                  insert(_el$98, () => errorType.name);
-                  createRenderEffect(() => _el$98.value = errorType.name);
-                  return _el$98;
+                  const _el$100 = _tmpl$31();
+                  insert(_el$100, () => errorType.name);
+                  createRenderEffect(() => _el$100.value = errorType.name);
+                  return _el$100;
                 })()
               }), null);
-              insert(_el$89, createComponent(ChevronDown, {}), null);
+              insert(_el$91, createComponent(ChevronDown, {}), null);
               createRenderEffect((_p$) => {
-                const _v$36 = clsx(styles().actionsSelect, "tsqd-query-details-actions-btn", "tsqd-query-details-action-error-multiple"), _v$37 = u`
+                const _v$37 = clsx(styles().actionsSelect, "tsqd-query-details-actions-btn", "tsqd-query-details-action-error-multiple"), _v$38 = u`
                   background-color: ${tokens.colors.red[400]};
-                `, _v$38 = queryStatus() === "pending";
-                _v$36 !== _p$._v$36 && className(_el$89, _p$._v$36 = _v$36);
-                _v$37 !== _p$._v$37 && className(_el$90, _p$._v$37 = _v$37);
-                _v$38 !== _p$._v$38 && (_el$92.disabled = _p$._v$38 = _v$38);
+                `, _v$39 = queryStatus() === "pending";
+                _v$37 !== _p$._v$37 && className(_el$91, _p$._v$37 = _v$37);
+                _v$38 !== _p$._v$38 && className(_el$92, _p$._v$38 = _v$38);
+                _v$39 !== _p$._v$39 && (_el$94.disabled = _p$._v$39 = _v$39);
                 return _p$;
               }, {
-                _v$36: void 0,
                 _v$37: void 0,
-                _v$38: void 0
+                _v$38: void 0,
+                _v$39: void 0
               });
-              return _el$89;
+              return _el$91;
             }
           }), null);
-          insert(_el$95, createComponent(Explorer, {
+          insert(_el$97, createComponent(Explorer, {
             label: "Data",
             defaultExpanded: ["Data"],
             get value() {
@@ -14284,7 +14510,7 @@ var init_Devtools = __esm({
               return activeQuery();
             }
           }));
-          insert(_el$97, createComponent(Explorer, {
+          insert(_el$99, createComponent(Explorer, {
             label: "Query",
             defaultExpanded: ["Query", "queryKey"],
             get value() {
@@ -14292,55 +14518,54 @@ var init_Devtools = __esm({
             }
           }));
           createRenderEffect((_p$) => {
-            const _v$39 = clsx(styles().detailsContainer, "tsqd-query-details-container"), _v$40 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$41 = clsx(styles().detailsBody, "tsqd-query-details-summary-container"), _v$42 = clsx(styles().queryDetailsStatus, getQueryStatusColors()), _v$43 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$44 = clsx(styles().actionsBody, "tsqd-query-details-actions-container"), _v$45 = clsx(u`
+            const _v$40 = clsx(styles().detailsContainer, "tsqd-query-details-container"), _v$41 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$42 = clsx(styles().detailsBody, "tsqd-query-details-summary-container"), _v$43 = clsx(styles().queryDetailsStatus, getQueryStatusColors()), _v$44 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$45 = clsx(styles().actionsBody, "tsqd-query-details-actions-container"), _v$46 = clsx(u`
                 color: ${t2(colors.blue[600], colors.blue[400])};
-              `, "tsqd-query-details-actions-btn", "tsqd-query-details-action-refetch"), _v$46 = statusLabel() === "fetching", _v$47 = u`
+              `, "tsqd-query-details-actions-btn", "tsqd-query-details-action-refetch"), _v$47 = statusLabel() === "fetching", _v$48 = u`
                 background-color: ${t2(colors.blue[600], colors.blue[400])};
-              `, _v$48 = clsx(u`
+              `, _v$49 = clsx(u`
                 color: ${t2(colors.yellow[600], colors.yellow[400])};
-              `, "tsqd-query-details-actions-btn", "tsqd-query-details-action-invalidate"), _v$49 = queryStatus() === "pending", _v$50 = u`
+              `, "tsqd-query-details-actions-btn", "tsqd-query-details-action-invalidate"), _v$50 = queryStatus() === "pending", _v$51 = u`
                 background-color: ${t2(colors.yellow[600], colors.yellow[400])};
-              `, _v$51 = clsx(u`
+              `, _v$52 = clsx(u`
                 color: ${t2(colors.gray[600], colors.gray[300])};
-              `, "tsqd-query-details-actions-btn", "tsqd-query-details-action-reset"), _v$52 = queryStatus() === "pending", _v$53 = u`
+              `, "tsqd-query-details-actions-btn", "tsqd-query-details-action-reset"), _v$53 = queryStatus() === "pending", _v$54 = u`
                 background-color: ${t2(colors.gray[600], colors.gray[400])};
-              `, _v$54 = clsx(u`
+              `, _v$55 = clsx(u`
                 color: ${t2(colors.pink[500], colors.pink[400])};
-              `, "tsqd-query-details-actions-btn", "tsqd-query-details-action-remove"), _v$55 = statusLabel() === "fetching", _v$56 = u`
+              `, "tsqd-query-details-actions-btn", "tsqd-query-details-action-remove"), _v$56 = statusLabel() === "fetching", _v$57 = u`
                 background-color: ${t2(colors.pink[500], colors.pink[400])};
-              `, _v$57 = clsx(u`
+              `, _v$58 = clsx(u`
                 color: ${t2(colors.cyan[500], colors.cyan[400])};
-              `, "tsqd-query-details-actions-btn", "tsqd-query-details-action-loading"), _v$58 = restoringLoading(), _v$59 = u`
+              `, "tsqd-query-details-actions-btn", "tsqd-query-details-action-loading"), _v$59 = restoringLoading(), _v$60 = u`
                 background-color: ${t2(colors.cyan[500], colors.cyan[400])};
-              `, _v$60 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$61 = tokens.size[2], _v$62 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$63 = tokens.size[2];
-            _v$39 !== _p$._v$39 && className(_el$60, _p$._v$39 = _v$39);
-            _v$40 !== _p$._v$40 && className(_el$61, _p$._v$40 = _v$40);
-            _v$41 !== _p$._v$41 && className(_el$62, _p$._v$41 = _v$41);
-            _v$42 !== _p$._v$42 && className(_el$66, _p$._v$42 = _v$42);
-            _v$43 !== _p$._v$43 && className(_el$73, _p$._v$43 = _v$43);
-            _v$44 !== _p$._v$44 && className(_el$74, _p$._v$44 = _v$44);
-            _v$45 !== _p$._v$45 && className(_el$75, _p$._v$45 = _v$45);
-            _v$46 !== _p$._v$46 && (_el$75.disabled = _p$._v$46 = _v$46);
-            _v$47 !== _p$._v$47 && className(_el$76, _p$._v$47 = _v$47);
-            _v$48 !== _p$._v$48 && className(_el$77, _p$._v$48 = _v$48);
-            _v$49 !== _p$._v$49 && (_el$77.disabled = _p$._v$49 = _v$49);
-            _v$50 !== _p$._v$50 && className(_el$78, _p$._v$50 = _v$50);
-            _v$51 !== _p$._v$51 && className(_el$79, _p$._v$51 = _v$51);
-            _v$52 !== _p$._v$52 && (_el$79.disabled = _p$._v$52 = _v$52);
-            _v$53 !== _p$._v$53 && className(_el$80, _p$._v$53 = _v$53);
-            _v$54 !== _p$._v$54 && className(_el$81, _p$._v$54 = _v$54);
-            _v$55 !== _p$._v$55 && (_el$81.disabled = _p$._v$55 = _v$55);
-            _v$56 !== _p$._v$56 && className(_el$82, _p$._v$56 = _v$56);
-            _v$57 !== _p$._v$57 && className(_el$83, _p$._v$57 = _v$57);
-            _v$58 !== _p$._v$58 && (_el$83.disabled = _p$._v$58 = _v$58);
-            _v$59 !== _p$._v$59 && className(_el$84, _p$._v$59 = _v$59);
-            _v$60 !== _p$._v$60 && className(_el$94, _p$._v$60 = _v$60);
-            _v$61 !== _p$._v$61 && ((_p$._v$61 = _v$61) != null ? _el$95.style.setProperty("padding", _v$61) : _el$95.style.removeProperty("padding"));
-            _v$62 !== _p$._v$62 && className(_el$96, _p$._v$62 = _v$62);
-            _v$63 !== _p$._v$63 && ((_p$._v$63 = _v$63) != null ? _el$97.style.setProperty("padding", _v$63) : _el$97.style.removeProperty("padding"));
+              `, _v$61 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$62 = tokens.size[2], _v$63 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$64 = tokens.size[2];
+            _v$40 !== _p$._v$40 && className(_el$62, _p$._v$40 = _v$40);
+            _v$41 !== _p$._v$41 && className(_el$63, _p$._v$41 = _v$41);
+            _v$42 !== _p$._v$42 && className(_el$64, _p$._v$42 = _v$42);
+            _v$43 !== _p$._v$43 && className(_el$68, _p$._v$43 = _v$43);
+            _v$44 !== _p$._v$44 && className(_el$75, _p$._v$44 = _v$44);
+            _v$45 !== _p$._v$45 && className(_el$76, _p$._v$45 = _v$45);
+            _v$46 !== _p$._v$46 && className(_el$77, _p$._v$46 = _v$46);
+            _v$47 !== _p$._v$47 && (_el$77.disabled = _p$._v$47 = _v$47);
+            _v$48 !== _p$._v$48 && className(_el$78, _p$._v$48 = _v$48);
+            _v$49 !== _p$._v$49 && className(_el$79, _p$._v$49 = _v$49);
+            _v$50 !== _p$._v$50 && (_el$79.disabled = _p$._v$50 = _v$50);
+            _v$51 !== _p$._v$51 && className(_el$80, _p$._v$51 = _v$51);
+            _v$52 !== _p$._v$52 && className(_el$81, _p$._v$52 = _v$52);
+            _v$53 !== _p$._v$53 && (_el$81.disabled = _p$._v$53 = _v$53);
+            _v$54 !== _p$._v$54 && className(_el$82, _p$._v$54 = _v$54);
+            _v$55 !== _p$._v$55 && className(_el$83, _p$._v$55 = _v$55);
+            _v$56 !== _p$._v$56 && (_el$83.disabled = _p$._v$56 = _v$56);
+            _v$57 !== _p$._v$57 && className(_el$84, _p$._v$57 = _v$57);
+            _v$58 !== _p$._v$58 && className(_el$85, _p$._v$58 = _v$58);
+            _v$59 !== _p$._v$59 && (_el$85.disabled = _p$._v$59 = _v$59);
+            _v$60 !== _p$._v$60 && className(_el$86, _p$._v$60 = _v$60);
+            _v$61 !== _p$._v$61 && className(_el$96, _p$._v$61 = _v$61);
+            _v$62 !== _p$._v$62 && ((_p$._v$62 = _v$62) != null ? _el$97.style.setProperty("padding", _v$62) : _el$97.style.removeProperty("padding"));
+            _v$63 !== _p$._v$63 && className(_el$98, _p$._v$63 = _v$63);
+            _v$64 !== _p$._v$64 && ((_p$._v$64 = _v$64) != null ? _el$99.style.setProperty("padding", _v$64) : _el$99.style.removeProperty("padding"));
             return _p$;
           }, {
-            _v$39: void 0,
             _v$40: void 0,
             _v$41: void 0,
             _v$42: void 0,
@@ -14364,9 +14589,10 @@ var init_Devtools = __esm({
             _v$60: void 0,
             _v$61: void 0,
             _v$62: void 0,
-            _v$63: void 0
+            _v$63: void 0,
+            _v$64: void 0
           });
-          return _el$60;
+          return _el$62;
         }
       });
     };
@@ -14417,8 +14643,8 @@ var init_Devtools = __esm({
           return activeMutation();
         },
         get children() {
-          const _el$99 = _tmpl$31(), _el$100 = _el$99.firstChild, _el$101 = _el$100.nextSibling, _el$102 = _el$101.firstChild, _el$103 = _el$102.firstChild, _el$104 = _el$103.firstChild, _el$105 = _el$103.nextSibling, _el$106 = _el$102.nextSibling, _el$107 = _el$106.firstChild, _el$108 = _el$107.nextSibling, _el$109 = _el$101.nextSibling, _el$110 = _el$109.nextSibling, _el$111 = _el$110.nextSibling, _el$112 = _el$111.nextSibling, _el$113 = _el$112.nextSibling, _el$114 = _el$113.nextSibling, _el$115 = _el$114.nextSibling, _el$116 = _el$115.nextSibling;
-          insert(_el$104, createComponent(Show, {
+          const _el$101 = _tmpl$322(), _el$102 = _el$101.firstChild, _el$103 = _el$102.nextSibling, _el$104 = _el$103.firstChild, _el$105 = _el$104.firstChild, _el$106 = _el$105.firstChild, _el$107 = _el$105.nextSibling, _el$108 = _el$104.nextSibling, _el$109 = _el$108.firstChild, _el$110 = _el$109.nextSibling, _el$111 = _el$103.nextSibling, _el$112 = _el$111.nextSibling, _el$113 = _el$112.nextSibling, _el$114 = _el$113.nextSibling, _el$115 = _el$114.nextSibling, _el$116 = _el$115.nextSibling, _el$117 = _el$116.nextSibling, _el$118 = _el$117.nextSibling;
+          insert(_el$106, createComponent(Show, {
             get when() {
               return activeMutation().options.mutationKey;
             },
@@ -14427,13 +14653,13 @@ var init_Devtools = __esm({
               return displayValue(activeMutation().options.mutationKey, true);
             }
           }));
-          insert(_el$105, createComponent(Show, {
+          insert(_el$107, createComponent(Show, {
             get when() {
               return color() === "purple";
             },
             children: "pending"
           }), null);
-          insert(_el$105, createComponent(Show, {
+          insert(_el$107, createComponent(Show, {
             get when() {
               return color() !== "purple";
             },
@@ -14441,29 +14667,29 @@ var init_Devtools = __esm({
               return status();
             }
           }), null);
-          insert(_el$108, () => new Date(activeMutation().state.submittedAt).toLocaleTimeString());
-          insert(_el$110, createComponent(Explorer, {
+          insert(_el$110, () => new Date(activeMutation().state.submittedAt).toLocaleTimeString());
+          insert(_el$112, createComponent(Explorer, {
             label: "Variables",
             defaultExpanded: ["Variables"],
             get value() {
               return activeMutation().state.variables;
             }
           }));
-          insert(_el$112, createComponent(Explorer, {
+          insert(_el$114, createComponent(Explorer, {
             label: "Context",
             defaultExpanded: ["Context"],
             get value() {
               return activeMutation().state.context;
             }
           }));
-          insert(_el$114, createComponent(Explorer, {
+          insert(_el$116, createComponent(Explorer, {
             label: "Data",
             defaultExpanded: ["Data"],
             get value() {
               return activeMutation().state.data;
             }
           }));
-          insert(_el$116, createComponent(Explorer, {
+          insert(_el$118, createComponent(Explorer, {
             label: "Mutation",
             defaultExpanded: ["Mutation"],
             get value() {
@@ -14471,22 +14697,21 @@ var init_Devtools = __esm({
             }
           }));
           createRenderEffect((_p$) => {
-            const _v$64 = clsx(styles().detailsContainer, "tsqd-query-details-container"), _v$65 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$66 = clsx(styles().detailsBody, "tsqd-query-details-summary-container"), _v$67 = clsx(styles().queryDetailsStatus, getQueryStatusColors()), _v$68 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$69 = tokens.size[2], _v$70 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$71 = tokens.size[2], _v$72 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$73 = tokens.size[2], _v$74 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$75 = tokens.size[2];
-            _v$64 !== _p$._v$64 && className(_el$99, _p$._v$64 = _v$64);
-            _v$65 !== _p$._v$65 && className(_el$100, _p$._v$65 = _v$65);
-            _v$66 !== _p$._v$66 && className(_el$101, _p$._v$66 = _v$66);
-            _v$67 !== _p$._v$67 && className(_el$105, _p$._v$67 = _v$67);
-            _v$68 !== _p$._v$68 && className(_el$109, _p$._v$68 = _v$68);
-            _v$69 !== _p$._v$69 && ((_p$._v$69 = _v$69) != null ? _el$110.style.setProperty("padding", _v$69) : _el$110.style.removeProperty("padding"));
-            _v$70 !== _p$._v$70 && className(_el$111, _p$._v$70 = _v$70);
-            _v$71 !== _p$._v$71 && ((_p$._v$71 = _v$71) != null ? _el$112.style.setProperty("padding", _v$71) : _el$112.style.removeProperty("padding"));
-            _v$72 !== _p$._v$72 && className(_el$113, _p$._v$72 = _v$72);
-            _v$73 !== _p$._v$73 && ((_p$._v$73 = _v$73) != null ? _el$114.style.setProperty("padding", _v$73) : _el$114.style.removeProperty("padding"));
-            _v$74 !== _p$._v$74 && className(_el$115, _p$._v$74 = _v$74);
-            _v$75 !== _p$._v$75 && ((_p$._v$75 = _v$75) != null ? _el$116.style.setProperty("padding", _v$75) : _el$116.style.removeProperty("padding"));
+            const _v$65 = clsx(styles().detailsContainer, "tsqd-query-details-container"), _v$66 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$67 = clsx(styles().detailsBody, "tsqd-query-details-summary-container"), _v$68 = clsx(styles().queryDetailsStatus, getQueryStatusColors()), _v$69 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$70 = tokens.size[2], _v$71 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$72 = tokens.size[2], _v$73 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$74 = tokens.size[2], _v$75 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$76 = tokens.size[2];
+            _v$65 !== _p$._v$65 && className(_el$101, _p$._v$65 = _v$65);
+            _v$66 !== _p$._v$66 && className(_el$102, _p$._v$66 = _v$66);
+            _v$67 !== _p$._v$67 && className(_el$103, _p$._v$67 = _v$67);
+            _v$68 !== _p$._v$68 && className(_el$107, _p$._v$68 = _v$68);
+            _v$69 !== _p$._v$69 && className(_el$111, _p$._v$69 = _v$69);
+            _v$70 !== _p$._v$70 && ((_p$._v$70 = _v$70) != null ? _el$112.style.setProperty("padding", _v$70) : _el$112.style.removeProperty("padding"));
+            _v$71 !== _p$._v$71 && className(_el$113, _p$._v$71 = _v$71);
+            _v$72 !== _p$._v$72 && ((_p$._v$72 = _v$72) != null ? _el$114.style.setProperty("padding", _v$72) : _el$114.style.removeProperty("padding"));
+            _v$73 !== _p$._v$73 && className(_el$115, _p$._v$73 = _v$73);
+            _v$74 !== _p$._v$74 && ((_p$._v$74 = _v$74) != null ? _el$116.style.setProperty("padding", _v$74) : _el$116.style.removeProperty("padding"));
+            _v$75 !== _p$._v$75 && className(_el$117, _p$._v$75 = _v$75);
+            _v$76 !== _p$._v$76 && ((_p$._v$76 = _v$76) != null ? _el$118.style.setProperty("padding", _v$76) : _el$118.style.removeProperty("padding"));
             return _p$;
           }, {
-            _v$64: void 0,
             _v$65: void 0,
             _v$66: void 0,
             _v$67: void 0,
@@ -14497,9 +14722,10 @@ var init_Devtools = __esm({
             _v$72: void 0,
             _v$73: void 0,
             _v$74: void 0,
-            _v$75: void 0
+            _v$75: void 0,
+            _v$76: void 0
           });
-          return _el$99;
+          return _el$101;
         }
       });
     };
@@ -14837,7 +15063,7 @@ var init_Devtools = __esm({
       display: flex;
       flex-direction: column;
       & * {
-        font-family: 'Inter', sans-serif;
+        font-family: ui-sans-serif, Inter, system-ui, sans-serif, sans-serif;
       }
     `,
         dragHandle: u`
@@ -15017,8 +15243,8 @@ var init_Devtools = __esm({
       gap: ${tokens.size[2]};
       & > button {
         cursor: pointer;
-        padding: ${tokens.size[0.5]} ${tokens.size[2]};
-        padding-right: ${tokens.size[1.5]};
+        padding: ${tokens.size[0.5]} ${tokens.size[1.5]} ${tokens.size[0.5]}
+          ${tokens.size[2]};
         border-radius: ${tokens.border.radius.sm};
         background-color: ${t2(colors.gray[100], colors.darkGray[400])};
         border: 1px solid ${t2(colors.gray[300], colors.darkGray[200])};
@@ -15202,7 +15428,8 @@ var init_Devtools = __esm({
         min-height: ${tokens.size[6]};
         flex: 1;
         padding: ${tokens.size[1]} ${tokens.size[2]};
-        font-family: 'Menlo', 'Fira Code', monospace;
+        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+          'Liberation Mono', 'Courier New', monospace;
         border-bottom: 1px solid ${t2(colors.gray[300], colors.darkGray[400])};
         text-align: left;
         text-overflow: clip;
@@ -15227,7 +15454,7 @@ var init_Devtools = __esm({
       flex: 1 1 700px;
       background-color: ${t2(colors.gray[50], colors.darkGray[700])};
       color: ${t2(colors.gray[700], colors.gray[300])};
-      font-family: 'Inter', sans-serif;
+      font-family: ui-sans-serif, Inter, system-ui, sans-serif, sans-serif;
       display: flex;
       flex-direction: column;
       overflow-y: auto;
@@ -15235,7 +15462,7 @@ var init_Devtools = __esm({
       text-align: left;
     `,
         detailsHeader: u`
-      font-family: 'Inter', sans-serif;
+      font-family: ui-sans-serif, Inter, system-ui, sans-serif, sans-serif;
       position: sticky;
       top: 0;
       z-index: 2;
@@ -15267,7 +15494,8 @@ var init_Devtools = __esm({
       }
       & code {
-        font-family: 'Menlo', 'Fira Code', monospace;
+        font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+          'Liberation Mono', 'Courier New', monospace;
         margin: 0;
         font-size: ${font.size.xs};
         line-height: ${font.lineHeight.xs};
@@ -15292,7 +15520,7 @@ var init_Devtools = __esm({
       gap: ${tokens.size[2]};
       padding: 0px ${tokens.size[2]};
       & > button {
-        font-family: 'Inter', sans-serif;
+        font-family: ui-sans-serif, Inter, system-ui, sans-serif, sans-serif;
         font-size: ${font.size.xs};
         padding: ${tokens.size[1]} ${tokens.size[2]};
         display: flex;
@@ -15377,7 +15605,7 @@ var init_Devtools = __esm({
         settingsMenu: u`
       display: flex;
       & * {
-        font-family: 'Inter', sans-serif;
+        font-family: ui-sans-serif, Inter, system-ui, sans-serif, sans-serif;
       }
       flex-direction: column;
       gap: ${size2[0.5]};