npm - @tanstack/query-devtools - Versions diffs - 5.0.0-rc.1 → 5.0.0-rc.10 - Mend

@tanstack/query-devtools 5.0.0-rc.1 → 5.0.0-rc.10

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 (16) hide show

package/build/Devtools/{H2EROWFU.jsx → 56YMBTAH.jsx} +286 -27
package/build/Devtools/{HTDVDYMT.js → B5V4HXOX.js} +405 -105
package/build/Devtools/{ALVY75L5.jsx → ECUC7UFN.jsx} +286 -27
package/build/Devtools/{66PXWIOF.js → UZ6MTF6A.js} +405 -105
package/build/dev.cjs +418 -114
package/build/dev.js +1 -1
package/build/dev.jsx +1 -1
package/build/index.cjs +418 -114
package/build/index.js +1 -1
package/build/index.jsx +1 -1
package/package.json +4 -4
package/src/Devtools.tsx +2 -1
package/src/Explorer.tsx +227 -19
package/src/__tests__/utils.test.ts +725 -0
package/src/icons/index.tsx +55 -0
package/src/utils.tsx +137 -0

package/build/dev.cjs CHANGED Viewed

@@ -11355,7 +11355,7 @@ function getQueryStatusColor({
 function getQueryStatusColorByLabel(label) {
   return label === "fresh" ? "green" : label === "stale" ? "yellow" : label === "paused" ? "purple" : label === "inactive" ? "gray" : "blue";
 }
-var displayValue, getStatusRank, queryHashSort, dateSort, statusAndDateSort, sortFns, convertRemToPixels;
+var displayValue, getStatusRank, queryHashSort, dateSort, statusAndDateSort, sortFns, convertRemToPixels, updateNestedDataByPath, deleteNestedDataByPath;
 var init_utils = __esm({
   "src/utils.tsx"() {
     init_esm2();
@@ -11382,6 +11382,86 @@ var init_utils = __esm({
     convertRemToPixels = (rem) => {
       return rem * parseFloat(getComputedStyle(document.documentElement).fontSize);
     };
+    updateNestedDataByPath = (oldData, updatePath2, value) => {
+      if (updatePath2.length === 0) {
+        return value;
+      }
+      if (oldData instanceof Map) {
+        const newData = new Map(oldData);
+        if (updatePath2.length === 1) {
+          newData.set(updatePath2[0], value);
+          return newData;
+        }
+        const [head, ...tail] = updatePath2;
+        newData.set(head, updateNestedDataByPath(newData.get(head), tail, value));
+        return newData;
+      }
+      if (oldData instanceof Set) {
+        const setAsArray = updateNestedDataByPath(Array.from(oldData), updatePath2, value);
+        return new Set(setAsArray);
+      }
+      if (Array.isArray(oldData)) {
+        const newData = [...oldData];
+        if (updatePath2.length === 1) {
+          newData[updatePath2[0]] = value;
+          return newData;
+        }
+        const [head, ...tail] = updatePath2;
+        newData[head] = updateNestedDataByPath(newData[head], tail, value);
+        return newData;
+      }
+      if (oldData instanceof Object) {
+        const newData = {
+          ...oldData
+        };
+        if (updatePath2.length === 1) {
+          newData[updatePath2[0]] = value;
+          return newData;
+        }
+        const [head, ...tail] = updatePath2;
+        newData[head] = updateNestedDataByPath(newData[head], tail, value);
+        return newData;
+      }
+      return oldData;
+    };
+    deleteNestedDataByPath = (oldData, deletePath) => {
+      if (oldData instanceof Map) {
+        const newData = new Map(oldData);
+        if (deletePath.length === 1) {
+          newData.delete(deletePath[0]);
+          return newData;
+        }
+        const [head, ...tail] = deletePath;
+        newData.set(head, deleteNestedDataByPath(newData.get(head), tail));
+        return newData;
+      }
+      if (oldData instanceof Set) {
+        const setAsArray = deleteNestedDataByPath(Array.from(oldData), deletePath);
+        return new Set(setAsArray);
+      }
+      if (Array.isArray(oldData)) {
+        const newData = [...oldData];
+        if (deletePath.length === 1) {
+          return newData.filter((_, idx) => idx.toString() !== deletePath[0]);
+        }
+        const [head, ...tail] = deletePath;
+        newData[head] = deleteNestedDataByPath(newData[head], tail);
+        return newData;
+      }
+      if (oldData instanceof Object) {
+        const newData = {
+          ...oldData
+        };
+        if (deletePath.length === 1) {
+          delete newData[deletePath[0]];
+          return newData;
+        }
+        const [head, ...tail] = deletePath;
+        newData[head] = deleteNestedDataByPath(newData[head], tail);
+        return newData;
+      }
+      return oldData;
+    };
   }
 });
@@ -11445,12 +11525,27 @@ function CopiedCopier() {
 function ErrorCopier() {
   return _tmpl$11();
 }
-function TanstackLogo() {
+function List() {
   return _tmpl$12();
 }
-var _tmpl$, _tmpl$2, _tmpl$3, _tmpl$4, _tmpl$5, _tmpl$6, _tmpl$7, _tmpl$8, _tmpl$9, _tmpl$10, _tmpl$11, _tmpl$12;
+function Check(props) {
+  return (() => {
+    const _el$15 = _tmpl$13(); _el$15.firstChild;
+    insert(_el$15, (() => {
+      const _c$ = createMemo(() => !!props.checked);
+      return () => _c$() && _tmpl$14();
+    })(), null);
+    return _el$15;
+  })();
+}
+function TanstackLogo() {
+  return _tmpl$15();
+}
+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;
 var init_icons = __esm({
   "src/icons/index.tsx"() {
+    init_web();
+    init_web();
     init_web();
     init_web();
     init_web();
@@ -11466,7 +11561,27 @@ var init_icons = __esm({
     _tmpl$9 = /* @__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="#98A2B3">`);
     _tmpl$10 = /* @__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="#12B76A" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">`);
     _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 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$12 = /* @__PURE__ */ template(`<svg version="1.0" viewBox="0 0 633 633"><linearGradient id="a" 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" fill="url(#a)"></circle><defs><filter id="am" 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 id="b" x="-137.5" y="412" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#am)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#b)"><ellipse cx="89.5" cy="610.5" rx="214.5" ry="186" fill="#015064" stroke="#00CFE2" stroke-width="25"></ellipse></g><defs><filter id="ah" 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 id="k" x="316.5" y="412" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#ah)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#k)"><ellipse cx="543.5" cy="610.5" rx="214.5" ry="186" fill="#015064" stroke="#00CFE2" stroke-width="25"></ellipse></g><defs><filter id="ae" 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 id="j" x="-137.5" y="450" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#ae)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#j)"><ellipse cx="89.5" cy="648.5" rx="214.5" ry="186" fill="#015064" stroke="#00A8B8" stroke-width="25"></ellipse></g><defs><filter id="ai" 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 id="i" x="316.5" y="450" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#ai)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#i)"><ellipse cx="543.5" cy="648.5" rx="214.5" ry="186" fill="#015064" stroke="#00A8B8" stroke-width="25"></ellipse></g><defs><filter id="aj" 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 id="h" x="-137.5" y="486" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#aj)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#h)"><ellipse cx="89.5" cy="684.5" rx="214.5" ry="186" fill="#015064" stroke="#007782" stroke-width="25"></ellipse></g><defs><filter id="ag" 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 id="g" x="316.5" y="486" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#ag)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#g)"><ellipse cx="543.5" cy="684.5" rx="214.5" ry="186" fill="#015064" stroke="#007782" stroke-width="25"></ellipse></g><defs><filter id="af" 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 id="f" x="272.2" y="308" width="176.9" height="129.3" maskUnits="userSpaceOnUse"><g filter="url(#af)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#f)"><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 id="m" 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="url(#m)" 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 id="ak" 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 id="e" x="73.2" y="113.8" width="280.6" height="317.4" maskUnits="userSpaceOnUse"><g filter="url(#ak)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#e)"><linearGradient id="n" 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="url(#n)" fill-rule="evenodd"></path><g stroke="#2F8A00"><linearGradient id="r" 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="url(#r)" fill-rule="evenodd" stroke-width="13"></path><linearGradient id="s" 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="url(#s)" fill-rule="evenodd" stroke-width="13"></path><linearGradient id="q" 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="url(#q)" fill-rule="evenodd" stroke-width="13"></path><linearGradient id="p" 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="url(#p)" fill-rule="evenodd" stroke-width="13"></path><linearGradient id="o" 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="url(#o)" fill-rule="evenodd" stroke-width="13"></path><linearGradient id="l" 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="url(#l)" 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 id="al" 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 id="d" x="50.5" y="399" width="532" height="633" maskUnits="userSpaceOnUse"><g filter="url(#al)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#d)"><linearGradient id="u" 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" fill="url(#u)"></ellipse></g><defs><filter id="ad" 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 id="c" x="391" y="-24" width="288" height="283" maskUnits="userSpaceOnUse"><g filter="url(#ad)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#c)"><linearGradient id="t" 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" fill="url(#t)"></circle><linearGradient id="v" 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="url(#v)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="aa" 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="url(#aa)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="w" 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="url(#w)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="ac" 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="url(#ac)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="ab" 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="url(#ab)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="y" 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="url(#y)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="x" 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="url(#x)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="z" 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="url(#z)" 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" stroke="#98A2B3" 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$13 = /* @__PURE__ */ template(`<svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#98A2B3" stroke-width="2" xmlns="http://www.w3.org/2000/svg"><rect x="2" y="2" width="20" height="20" rx="2" class="check">`);
+    _tmpl$14 = /* @__PURE__ */ template(`<svg><g><line transform="rotate(45 7.18873 14.6316)" x1="3.56453" y1="14.63158" x2="10.81294" y2="14.63158" class="check"></line><line transform="rotate(-45 13.9674 11.5826)" x1="6.02012" y1="11.58263" x2="21.91469" y2="11.58263" class="check"></svg>`, false, true);
+    _tmpl$15 = /* @__PURE__ */ template(`<svg version="1.0" viewBox="0 0 633 633"><linearGradient id="a" 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" fill="url(#a)"></circle><defs><filter id="am" 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 id="b" x="-137.5" y="412" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#am)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#b)"><ellipse cx="89.5" cy="610.5" rx="214.5" ry="186" fill="#015064" stroke="#00CFE2" stroke-width="25"></ellipse></g><defs><filter id="ah" 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 id="k" x="316.5" y="412" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#ah)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#k)"><ellipse cx="543.5" cy="610.5" rx="214.5" ry="186" fill="#015064" stroke="#00CFE2" stroke-width="25"></ellipse></g><defs><filter id="ae" 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 id="j" x="-137.5" y="450" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#ae)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#j)"><ellipse cx="89.5" cy="648.5" rx="214.5" ry="186" fill="#015064" stroke="#00A8B8" stroke-width="25"></ellipse></g><defs><filter id="ai" 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 id="i" x="316.5" y="450" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#ai)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#i)"><ellipse cx="543.5" cy="648.5" rx="214.5" ry="186" fill="#015064" stroke="#00A8B8" stroke-width="25"></ellipse></g><defs><filter id="aj" 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 id="h" x="-137.5" y="486" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#aj)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#h)"><ellipse cx="89.5" cy="684.5" rx="214.5" ry="186" fill="#015064" stroke="#007782" stroke-width="25"></ellipse></g><defs><filter id="ag" 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 id="g" x="316.5" y="486" width="454" height="396.9" maskUnits="userSpaceOnUse"><g filter="url(#ag)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#g)"><ellipse cx="543.5" cy="684.5" rx="214.5" ry="186" fill="#015064" stroke="#007782" stroke-width="25"></ellipse></g><defs><filter id="af" 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 id="f" x="272.2" y="308" width="176.9" height="129.3" maskUnits="userSpaceOnUse"><g filter="url(#af)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#f)"><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 id="m" 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="url(#m)" 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 id="ak" 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 id="e" x="73.2" y="113.8" width="280.6" height="317.4" maskUnits="userSpaceOnUse"><g filter="url(#ak)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#e)"><linearGradient id="n" 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="url(#n)" fill-rule="evenodd"></path><g stroke="#2F8A00"><linearGradient id="r" 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="url(#r)" fill-rule="evenodd" stroke-width="13"></path><linearGradient id="s" 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="url(#s)" fill-rule="evenodd" stroke-width="13"></path><linearGradient id="q" 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="url(#q)" fill-rule="evenodd" stroke-width="13"></path><linearGradient id="p" 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="url(#p)" fill-rule="evenodd" stroke-width="13"></path><linearGradient id="o" 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="url(#o)" fill-rule="evenodd" stroke-width="13"></path><linearGradient id="l" 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="url(#l)" 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 id="al" 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 id="d" x="50.5" y="399" width="532" height="633" maskUnits="userSpaceOnUse"><g filter="url(#al)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#d)"><linearGradient id="u" 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" fill="url(#u)"></ellipse></g><defs><filter id="ad" 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 id="c" x="391" y="-24" width="288" height="283" maskUnits="userSpaceOnUse"><g filter="url(#ad)"><circle cx="316.5" cy="316.5" r="316.5" fill="#fff"></circle></g></mask><g mask="url(#c)"><linearGradient id="t" 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" fill="url(#t)"></circle><linearGradient id="v" 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="url(#v)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="aa" 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="url(#aa)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="w" 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="url(#w)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="ac" 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="url(#ac)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="ab" 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="url(#ab)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="y" 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="url(#y)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="x" 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="url(#x)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12"></line><linearGradient id="z" 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="url(#z)" stroke-linecap="round" stroke-linejoin="bevel" stroke-width="12">`);
+  }
+});
+// src/Context.ts
+function useQueryDevtoolsContext() {
+  return useContext(QueryDevtoolsContext);
+}
+var QueryDevtoolsContext;
+var init_Context = __esm({
+  "src/Context.ts"() {
+    init_solid();
+    QueryDevtoolsContext = createContext({
+      client: void 0,
+      onlineManager: void 0,
+      queryFlavor: "",
+      version: ""
+    });
   }
 });
@@ -11487,6 +11602,7 @@ function isIterable(x) {
 }
 function Explorer(props) {
   const styles = getStyles();
+  const queryClient = useQueryDevtoolsContext().client;
   const [expanded, setExpanded] = createSignal((props.defaultExpanded || []).includes(props.label));
   const toggleExpanded = () => setExpanded((old) => !old);
   const [expandedPages, setExpandedPages] = createSignal([]);
@@ -11526,49 +11642,79 @@ function Explorer(props) {
     return typeof props.value;
   });
   const subEntryPages = createMemo(() => chunkArray(subEntries(), 100));
+  const currentDataPath = props.dataPath ?? [];
   return (() => {
-    const _el$3 = _tmpl$42();
-    insert(_el$3, createComponent(Show, {
+    const _el$6 = _tmpl$62();
+    insert(_el$6, createComponent(Show, {
       get when() {
         return subEntryPages().length;
       },
       get children() {
         return [(() => {
-          const _el$4 = _tmpl$32(), _el$5 = _el$4.firstChild, _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$7.nextSibling, _el$9 = _el$8.nextSibling, _el$10 = _el$9.firstChild;
-          _el$5.$$click = () => toggleExpanded();
-          insert(_el$5, createComponent(Expander, {
+          const _el$7 = _tmpl$72(), _el$8 = _el$7.firstChild, _el$9 = _el$8.firstChild, _el$10 = _el$9.nextSibling, _el$11 = _el$10.nextSibling, _el$12 = _el$11.nextSibling, _el$13 = _el$12.firstChild;
+          _el$8.$$click = () => toggleExpanded();
+          insert(_el$8, createComponent(Expander, {
             get expanded() {
               return expanded();
             }
-          }), _el$6);
-          insert(_el$7, () => props.label);
-          insert(_el$9, () => String(type()).toLowerCase() === "iterable" ? "(Iterable) " : "", _el$10);
-          insert(_el$9, () => subEntries().length, _el$10);
-          insert(_el$9, () => subEntries().length > 1 ? `items` : `item`, null);
-          insert(_el$4, createComponent(Show, {
+          }), _el$9);
+          insert(_el$10, () => props.label);
+          insert(_el$12, () => String(type()).toLowerCase() === "iterable" ? "(Iterable) " : "", _el$13);
+          insert(_el$12, () => subEntries().length, _el$13);
+          insert(_el$12, () => subEntries().length > 1 ? `items` : `item`, null);
+          insert(_el$7, createComponent(Show, {
             get when() {
-              return props.copyable;
+              return props.editable;
             },
             get children() {
-              return createComponent(CopyButton, {
+              const _el$14 = _tmpl$62();
+              insert(_el$14, createComponent(CopyButton, {
                 get value() {
                   return props.value;
                 }
-              });
+              }), null);
+              insert(_el$14, createComponent(Show, {
+                get when() {
+                  return props.itemsDeletable && props.activeQuery !== void 0;
+                },
+                get children() {
+                  return createComponent(DeleteItemButton, {
+                    get activeQuery() {
+                      return props.activeQuery;
+                    },
+                    dataPath: currentDataPath
+                  });
+                }
+              }), null);
+              insert(_el$14, createComponent(Show, {
+                get when() {
+                  return type() === "array" && props.activeQuery !== void 0;
+                },
+                get children() {
+                  return createComponent(ClearArrayButton, {
+                    get activeQuery() {
+                      return props.activeQuery;
+                    },
+                    dataPath: currentDataPath
+                  });
+                }
+              }), null);
+              createRenderEffect(() => className(_el$14, styles.actions));
+              return _el$14;
             }
           }), null);
           createRenderEffect((_p$) => {
             const _v$3 = styles.expanderButtonContainer, _v$4 = styles.expanderButton, _v$5 = styles.info;
-            _v$3 !== _p$._v$3 && className(_el$4, _p$._v$3 = _v$3);
-            _v$4 !== _p$._v$4 && className(_el$5, _p$._v$4 = _v$4);
-            _v$5 !== _p$._v$5 && className(_el$9, _p$._v$5 = _v$5);
+            _v$3 !== _p$._v$3 && className(_el$7, _p$._v$3 = _v$3);
+            _v$4 !== _p$._v$4 && className(_el$8, _p$._v$4 = _v$4);
+            _v$5 !== _p$._v$5 && className(_el$12, _p$._v$5 = _v$5);
             return _p$;
           }, {
             _v$3: void 0,
             _v$4: void 0,
             _v$5: void 0
           });
-          return _el$4;
+          return _el$7;
         })(), createComponent(Show, {
           get when() {
             return expanded();
@@ -11579,8 +11725,8 @@ function Explorer(props) {
                 return subEntryPages().length === 1;
               },
               get children() {
-                const _el$11 = _tmpl$42();
-                insert(_el$11, createComponent(Key, {
+                const _el$15 = _tmpl$62();
+                insert(_el$15, createComponent(Key, {
                   get each() {
                     return subEntries();
                   },
@@ -11596,42 +11742,51 @@ function Explorer(props) {
                       get value() {
                         return entry().value;
                       },
-                      get copyable() {
-                        return props.copyable;
+                      get editable() {
+                        return props.editable;
+                      },
+                      get dataPath() {
+                        return [...currentDataPath, entry().label];
+                      },
+                      get activeQuery() {
+                        return props.activeQuery;
+                      },
+                      get itemsDeletable() {
+                        return type() === "array" || type() === "Iterable" || type() === "object";
                       }
                     });
                   }
                 }));
-                createRenderEffect(() => className(_el$11, styles.subEntry));
-                return _el$11;
+                createRenderEffect(() => className(_el$15, styles.subEntry));
+                return _el$15;
               }
             }), createComponent(Show, {
               get when() {
                 return subEntryPages().length > 1;
               },
               get children() {
-                const _el$12 = _tmpl$42();
-                insert(_el$12, createComponent(Index, {
+                const _el$16 = _tmpl$62();
+                insert(_el$16, createComponent(Index, {
                   get each() {
                     return subEntryPages();
                   },
                   children: (entries3, index) => (() => {
-                    const _el$18 = _tmpl$62(), _el$19 = _el$18.firstChild, _el$20 = _el$19.firstChild, _el$21 = _el$20.firstChild, _el$25 = _el$21.nextSibling, _el$23 = _el$25.nextSibling, _el$26 = _el$23.nextSibling; _el$26.nextSibling;
-                    _el$20.$$click = () => setExpandedPages((old) => old.includes(index) ? old.filter((d) => d !== index) : [...old, index]);
-                    insert(_el$20, createComponent(Expander, {
+                    const _el$22 = _tmpl$112(), _el$23 = _el$22.firstChild, _el$24 = _el$23.firstChild, _el$25 = _el$24.firstChild, _el$29 = _el$25.nextSibling, _el$27 = _el$29.nextSibling, _el$30 = _el$27.nextSibling; _el$30.nextSibling;
+                    _el$24.$$click = () => setExpandedPages((old) => old.includes(index) ? old.filter((d) => d !== index) : [...old, index]);
+                    insert(_el$24, createComponent(Expander, {
                       get expanded() {
                         return expandedPages().includes(index);
                       }
-                    }), _el$21);
-                    insert(_el$20, index * 100, _el$25);
-                    insert(_el$20, index * 100 + 100 - 1, _el$26);
-                    insert(_el$19, createComponent(Show, {
+                    }), _el$25);
+                    insert(_el$24, index * 100, _el$29);
+                    insert(_el$24, index * 100 + 100 - 1, _el$30);
+                    insert(_el$23, createComponent(Show, {
                       get when() {
                         return expandedPages().includes(index);
                       },
                       get children() {
-                        const _el$27 = _tmpl$42();
-                        insert(_el$27, createComponent(Key, {
+                        const _el$31 = _tmpl$62();
+                        insert(_el$31, createComponent(Key, {
                           get each() {
                             return entries3();
                           },
@@ -11646,61 +11801,136 @@ function Explorer(props) {
                             get value() {
                               return entry().value;
                             },
-                            get copyable() {
-                              return props.copyable;
+                            get editable() {
+                              return props.editable;
+                            },
+                            get dataPath() {
+                              return [...currentDataPath, entry().label];
+                            },
+                            get activeQuery() {
+                              return props.activeQuery;
                             }
                           })
                         }));
-                        createRenderEffect(() => className(_el$27, styles.subEntry));
-                        return _el$27;
+                        createRenderEffect(() => className(_el$31, styles.subEntry));
+                        return _el$31;
                       }
                     }), null);
                     createRenderEffect((_p$) => {
-                      const _v$8 = styles.entry, _v$9 = styles.expanderButton;
-                      _v$8 !== _p$._v$8 && className(_el$19, _p$._v$8 = _v$8);
-                      _v$9 !== _p$._v$9 && className(_el$20, _p$._v$9 = _v$9);
+                      const _v$10 = styles.entry, _v$11 = styles.expanderButton;
+                      _v$10 !== _p$._v$10 && className(_el$23, _p$._v$10 = _v$10);
+                      _v$11 !== _p$._v$11 && className(_el$24, _p$._v$11 = _v$11);
                       return _p$;
                     }, {
-                      _v$8: void 0,
-                      _v$9: void 0
+                      _v$10: void 0,
+                      _v$11: void 0
                     });
-                    return _el$18;
+                    return _el$22;
                   })()
                 }));
-                createRenderEffect(() => className(_el$12, styles.subEntry));
-                return _el$12;
+                createRenderEffect(() => className(_el$16, styles.subEntry));
+                return _el$16;
               }
             })];
           }
         })];
       }
     }), null);
-    insert(_el$3, createComponent(Show, {
+    insert(_el$6, createComponent(Show, {
       get when() {
         return subEntryPages().length === 0;
       },
       get children() {
-        const _el$13 = _tmpl$52(), _el$14 = _el$13.firstChild, _el$15 = _el$14.firstChild, _el$16 = _el$14.nextSibling, _el$17 = _el$16.nextSibling;
-        _el$13.style.setProperty("line-height", "1.125rem");
-        insert(_el$14, () => props.label, _el$15);
-        insert(_el$17, () => displayValue(props.value));
+        const _el$17 = _tmpl$102(), _el$18 = _el$17.firstChild, _el$19 = _el$18.firstChild;
+        insert(_el$18, () => props.label, _el$19);
+        insert(_el$17, createComponent(Show, {
+          get when() {
+            return createMemo(() => !!(props.editable && props.activeQuery !== void 0))() && (type() === "string" || type() === "number" || type() === "boolean");
+          },
+          get fallback() {
+            return (() => {
+              const _el$32 = _tmpl$92();
+              insert(_el$32, () => displayValue(props.value));
+              createRenderEffect(() => className(_el$32, styles.value));
+              return _el$32;
+            })();
+          },
+          get children() {
+            return [createComponent(Show, {
+              get when() {
+                return createMemo(() => !!(props.editable && props.activeQuery !== void 0))() && (type() === "string" || type() === "number");
+              },
+              get children() {
+                const _el$20 = _tmpl$82();
+                _el$20.addEventListener("change", (changeEvent) => {
+                  const oldData = props.activeQuery.state.data;
+                  const newData = updateNestedDataByPath(oldData, currentDataPath, type() === "number" ? changeEvent.target.valueAsNumber : changeEvent.target.value);
+                  queryClient.setQueryData(props.activeQuery.queryKey, newData);
+                });
+                createRenderEffect((_p$) => {
+                  const _v$6 = type() === "number" ? "number" : "text", _v$7 = clsx(styles.value, styles.editableInput);
+                  _v$6 !== _p$._v$6 && setAttribute(_el$20, "type", _p$._v$6 = _v$6);
+                  _v$7 !== _p$._v$7 && className(_el$20, _p$._v$7 = _v$7);
+                  return _p$;
+                }, {
+                  _v$6: void 0,
+                  _v$7: void 0
+                });
+                createRenderEffect(() => _el$20.value = props.value);
+                return _el$20;
+              }
+            }), createComponent(Show, {
+              get when() {
+                return type() === "boolean";
+              },
+              get children() {
+                const _el$21 = _tmpl$92();
+                insert(_el$21, createComponent(ToggleValueButton, {
+                  get activeQuery() {
+                    return props.activeQuery;
+                  },
+                  dataPath: currentDataPath,
+                  get value() {
+                    return props.value;
+                  }
+                }), null);
+                insert(_el$21, () => displayValue(props.value), null);
+                createRenderEffect(() => className(_el$21, clsx(styles.value, styles.actions, styles.editableInput)));
+                return _el$21;
+              }
+            })];
+          }
+        }), null);
+        insert(_el$17, createComponent(Show, {
+          get when() {
+            return props.editable && props.itemsDeletable && props.activeQuery !== void 0;
+          },
+          get children() {
+            return createComponent(DeleteItemButton, {
+              get activeQuery() {
+                return props.activeQuery;
+              },
+              dataPath: currentDataPath
+            });
+          }
+        }), null);
         createRenderEffect((_p$) => {
-          const _v$6 = styles.label, _v$7 = styles.value;
-          _v$6 !== _p$._v$6 && className(_el$14, _p$._v$6 = _v$6);
-          _v$7 !== _p$._v$7 && className(_el$17, _p$._v$7 = _v$7);
+          const _v$8 = styles.row, _v$9 = styles.label;
+          _v$8 !== _p$._v$8 && className(_el$17, _p$._v$8 = _v$8);
+          _v$9 !== _p$._v$9 && className(_el$18, _p$._v$9 = _v$9);
           return _p$;
         }, {
-          _v$6: void 0,
-          _v$7: void 0
+          _v$8: void 0,
+          _v$9: void 0
         });
-        return _el$13;
+        return _el$17;
       }
     }), null);
-    createRenderEffect(() => className(_el$3, styles.entry));
-    return _el$3;
+    createRenderEffect(() => className(_el$6, styles.entry));
+    return _el$6;
   })();
 }
-var _tmpl$13, _tmpl$22, _tmpl$32, _tmpl$42, _tmpl$52, _tmpl$62, Expander, CopyButton, getStyles;
+var _tmpl$16, _tmpl$22, _tmpl$32, _tmpl$42, _tmpl$52, _tmpl$62, _tmpl$72, _tmpl$82, _tmpl$92, _tmpl$102, _tmpl$112, Expander, CopyButton, ClearArrayButton, DeleteItemButton, ToggleValueButton, getStyles;
 var init_Explorer = __esm({
   "src/Explorer.tsx"() {
     init_web();
@@ -11711,6 +11941,7 @@ var init_Explorer = __esm({
     init_web();
     init_web();
     init_web();
+    init_web();
     init_esm2();
     init_goober_modern();
     init_clsx();
@@ -11719,16 +11950,22 @@ var init_Explorer = __esm({
     init_theme();
     init_utils();
     init_icons();
-    _tmpl$13 = /* @__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$22 = /* @__PURE__ */ template(`<button>`);
-    _tmpl$32 = /* @__PURE__ */ template(`<div><button> <span></span> <span> `);
-    _tmpl$42 = /* @__PURE__ */ template(`<div>`);
-    _tmpl$52 = /* @__PURE__ */ template(`<div><span>:</span> <span>`);
-    _tmpl$62 = /* @__PURE__ */ template(`<div><div><button> [<!>...<!>]`);
+    init_Context();
+    _tmpl$16 = /* @__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$22 = /* @__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">`);
+    _tmpl$62 = /* @__PURE__ */ template(`<div>`);
+    _tmpl$72 = /* @__PURE__ */ template(`<div><button> <span></span> <span> `);
+    _tmpl$82 = /* @__PURE__ */ template(`<input>`);
+    _tmpl$92 = /* @__PURE__ */ template(`<span>`);
+    _tmpl$102 = /* @__PURE__ */ template(`<div><span>:`);
+    _tmpl$112 = /* @__PURE__ */ template(`<div><div><button> [<!>...<!>]`);
     Expander = (props) => {
       const styles = getStyles();
       return (() => {
-        const _el$ = _tmpl$13();
+        const _el$ = _tmpl$16();
         createRenderEffect(() => className(_el$, clsx(styles.expander, u`
           transform: rotate(${props.expanded ? 90 : 0}deg);
         `, props.expanded && u`
@@ -11785,7 +12022,7 @@ var init_Explorer = __esm({
           }
         }));
         createRenderEffect((_p$) => {
-          const _v$ = styles.copyButton, _v$2 = `${copyState() === "NoCopy" ? "Copy object to clipboard" : copyState() === "SuccessCopy" ? "Object copied to clipboard" : "Error copying object to clipboard"}`;
+          const _v$ = styles.actionButton, _v$2 = `${copyState() === "NoCopy" ? "Copy object to clipboard" : copyState() === "SuccessCopy" ? "Object copied to clipboard" : "Error copying object to clipboard"}`;
           _v$ !== _p$._v$ && className(_el$2, _p$._v$ = _v$);
           _v$2 !== _p$._v$2 && setAttribute(_el$2, "aria-label", _p$._v$2 = _v$2);
           return _p$;
@@ -11796,6 +12033,55 @@ var init_Explorer = __esm({
         return _el$2;
       })();
     };
+    ClearArrayButton = (props) => {
+      const styles = getStyles();
+      const queryClient = useQueryDevtoolsContext().client;
+      return (() => {
+        const _el$3 = _tmpl$32();
+        _el$3.$$click = () => {
+          const oldData = props.activeQuery.state.data;
+          const newData = updateNestedDataByPath(oldData, props.dataPath, []);
+          queryClient.setQueryData(props.activeQuery.queryKey, newData);
+        };
+        insert(_el$3, createComponent(List, {}));
+        createRenderEffect(() => className(_el$3, styles.actionButton));
+        return _el$3;
+      })();
+    };
+    DeleteItemButton = (props) => {
+      const styles = getStyles();
+      const queryClient = useQueryDevtoolsContext().client;
+      return (() => {
+        const _el$4 = _tmpl$42();
+        _el$4.$$click = () => {
+          const oldData = props.activeQuery.state.data;
+          const newData = deleteNestedDataByPath(oldData, props.dataPath);
+          queryClient.setQueryData(props.activeQuery.queryKey, newData);
+        };
+        insert(_el$4, createComponent(Trash, {}));
+        createRenderEffect(() => className(_el$4, clsx(styles.actionButton)));
+        return _el$4;
+      })();
+    };
+    ToggleValueButton = (props) => {
+      const styles = getStyles();
+      const queryClient = useQueryDevtoolsContext().client;
+      return (() => {
+        const _el$5 = _tmpl$52();
+        _el$5.$$click = () => {
+          const oldData = props.activeQuery.state.data;
+          const newData = updateNestedDataByPath(oldData, props.dataPath, !props.value);
+          queryClient.setQueryData(props.activeQuery.queryKey, newData);
+        };
+        insert(_el$5, createComponent(Check, {
+          get checked() {
+            return props.value;
+          }
+        }));
+        createRenderEffect(() => className(_el$5, clsx(styles.actionButton)));
+        return _el$5;
+      })();
+    };
     getStyles = () => {
       const {
         colors,
@@ -11837,6 +12123,7 @@ var init_Explorer = __esm({
       align-items: center;
       line-height: 1.125rem;
       min-height: 1.125rem;
+      gap: ${size2[2]};
     `,
         expanderButton: u`
       cursor: pointer;
@@ -11874,8 +12161,32 @@ var init_Explorer = __esm({
     `,
         value: u`
       color: ${colors.purple[400]};
+      flex-grow: 1;
     `,
-        copyButton: u`
+        actions: u`
+      display: inline-flex;
+      gap: ${size2[2]};
+      align-items: center;
+    `,
+        row: u`
+      display: inline-flex;
+      gap: ${size2[2]};
+      width: 100%;
+      margin-bottom: ${size2[0.5]};
+      line-height: 1.125rem;
+      align-items: center;
+    `,
+        editableInput: u`
+      border: none;
+      padding: ${size2[0.5]} ${size2[1]};
+      flex-grow: 1;
+      background-color: ${colors.gray[900]};
+      &:hover {
+        background-color: ${colors.gray[800]};
+      }
+    `,
+        actionButton: u`
       background-color: transparent;
       border: none;
       display: inline-flex;
@@ -11886,11 +12197,18 @@ var init_Explorer = __esm({
       width: ${size2[3]};
       height: ${size2[3]};
       position: relative;
-      left: ${size2[2]};
       z-index: 1;
-      &:hover svg .copier {
-        stroke: ${colors.gray[500]} !important;
+      &:hover svg {
+        .copier,
+        .check,
+        .list {
+          stroke: ${colors.gray[500]} !important;
+        }
+        .list-item {
+          stroke: ${colors.gray[700]};
+        }
       }
       &:focus-visible {
@@ -11905,23 +12223,6 @@ var init_Explorer = __esm({
   }
 });
-// src/Context.ts
-function useQueryDevtoolsContext() {
-  return useContext(QueryDevtoolsContext);
-}
-var QueryDevtoolsContext;
-var init_Context = __esm({
-  "src/Context.ts"() {
-    init_solid();
-    QueryDevtoolsContext = createContext({
-      client: void 0,
-      onlineManager: void 0,
-      queryFlavor: "",
-      version: ""
-    });
-  }
-});
 // src/fonts.ts
 var loadFonts;
 var init_fonts = __esm({
@@ -11946,7 +12247,7 @@ __export(Devtools_exports, {
   QueryStatusCount: () => QueryStatusCount,
   default: () => Devtools_default
 });
-var _tmpl$14, _tmpl$23, _tmpl$33, _tmpl$43, _tmpl$53, _tmpl$63, _tmpl$72, _tmpl$82, _tmpl$92, _tmpl$102, _tmpl$112, _tmpl$122, _tmpl$132, _tmpl$142, _tmpl$15, _tmpl$16, _tmpl$17, _tmpl$18, _tmpl$19, _tmpl$20, _tmpl$21, firstBreakpoint, secondBreakpoint, thirdBreakpoint, BUTTON_POSITION, POSITION, INITIAL_IS_OPEN, DEFAULT_HEIGHT, DEFAULT_WIDTH, DEFAULT_SORT_FN_NAME, DEFAULT_SORT_ORDER, selectedQueryHash, setSelectedQueryHash, panelWidth, setPanelWidth, DevtoolsComponent, Devtools_default, Devtools, DevtoolsPanel, QueryRow, QueryStatusCount, QueryStatus, QueryDetails, signalsMap, setupQueryCacheSubscription, createSubscribeToQueryCacheBatcher, getStyles2;
+var _tmpl$17, _tmpl$23, _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$18, _tmpl$19, _tmpl$20, _tmpl$21, firstBreakpoint, secondBreakpoint, thirdBreakpoint, BUTTON_POSITION, POSITION, INITIAL_IS_OPEN, DEFAULT_HEIGHT, DEFAULT_WIDTH, DEFAULT_SORT_FN_NAME, DEFAULT_SORT_ORDER, selectedQueryHash, setSelectedQueryHash, panelWidth, setPanelWidth, DevtoolsComponent, Devtools_default, Devtools, DevtoolsPanel, QueryRow, QueryStatusCount, QueryStatus, QueryDetails, signalsMap, setupQueryCacheSubscription, createSubscribeToQueryCacheBatcher, getStyles2;
 var init_Devtools = __esm({
   "src/Devtools.tsx"() {
     init_web();
@@ -11975,23 +12276,23 @@ var init_Devtools = __esm({
     init_Explorer();
     init_Context();
     init_fonts();
-    _tmpl$14 = /* @__PURE__ */ template(`<div><div aria-hidden="true"></div><button aria-label="Open Tanstack query devtools">`);
+    _tmpl$17 = /* @__PURE__ */ template(`<div><div aria-hidden="true"></div><button aria-label="Open Tanstack query devtools">`);
     _tmpl$23 = /* @__PURE__ */ template(`<div>`);
     _tmpl$33 = /* @__PURE__ */ template(`<span>Asc`);
     _tmpl$43 = /* @__PURE__ */ template(`<span>Desc`);
     _tmpl$53 = /* @__PURE__ */ template(`<div>Settings`);
     _tmpl$63 = /* @__PURE__ */ template(`<span>Position`);
-    _tmpl$72 = /* @__PURE__ */ template(`<span>Top`);
-    _tmpl$82 = /* @__PURE__ */ template(`<span>Bottom`);
-    _tmpl$92 = /* @__PURE__ */ template(`<span>Left`);
-    _tmpl$102 = /* @__PURE__ */ template(`<span>Right`);
-    _tmpl$112 = /* @__PURE__ */ template(`<aside aria-label="Tanstack query devtools"><div></div><button aria-label="Close tanstack query devtools"></button><div><div><button aria-label="Close Tanstack query devtools"><span>TANSTACK</span><span> v</span></button></div><div><div><div><input aria-label="Filter queries by query key" type="text" placeholder="Filter" class="tsqd-query-filter-textfield"></div><div><select></select></div><button class="tsqd-query-filter-sort-order-btn"></button></div><div><button aria-label="Clear query cache" title="Clear query cache"></button><button></button></div></div><div><div class="tsqd-queries-container">`);
+    _tmpl$73 = /* @__PURE__ */ template(`<span>Top`);
+    _tmpl$83 = /* @__PURE__ */ template(`<span>Bottom`);
+    _tmpl$93 = /* @__PURE__ */ template(`<span>Left`);
+    _tmpl$103 = /* @__PURE__ */ template(`<span>Right`);
+    _tmpl$113 = /* @__PURE__ */ template(`<aside aria-label="Tanstack query devtools"><div></div><button aria-label="Close tanstack query devtools"></button><div><div><button aria-label="Close Tanstack query devtools"><span>TANSTACK</span><span> v</span></button></div><div><div><div><input aria-label="Filter queries by query key" type="text" placeholder="Filter" class="tsqd-query-filter-textfield"></div><div><select></select></div><button class="tsqd-query-filter-sort-order-btn"></button></div><div><button aria-label="Clear query cache" title="Clear query cache"></button><button></button></div></div><div><div class="tsqd-queries-container">`);
     _tmpl$122 = /* @__PURE__ */ template(`<option>Sort by `);
     _tmpl$132 = /* @__PURE__ */ template(`<div class="tsqd-query-disabled-indicator">disabled`);
     _tmpl$142 = /* @__PURE__ */ template(`<button><div></div><code class="tsqd-query-hash">`);
-    _tmpl$15 = /* @__PURE__ */ template(`<div role="tooltip" id="tsqd-status-tooltip">`);
-    _tmpl$16 = /* @__PURE__ */ template(`<span>`);
-    _tmpl$17 = /* @__PURE__ */ template(`<button><span></span><span>`);
+    _tmpl$152 = /* @__PURE__ */ template(`<div role="tooltip" id="tsqd-status-tooltip">`);
+    _tmpl$162 = /* @__PURE__ */ template(`<span>`);
+    _tmpl$172 = /* @__PURE__ */ template(`<button><span></span><span>`);
     _tmpl$18 = /* @__PURE__ */ template(`<button><span></span> Error`);
     _tmpl$19 = /* @__PURE__ */ template(`<div><span></span>Trigger Error<select><option value="" disabled selected>`);
     _tmpl$20 = /* @__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">`);
@@ -12066,7 +12367,7 @@ var init_Devtools = __esm({
                 return !isOpen();
               },
               get children() {
-                const _el$2 = _tmpl$14(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
+                const _el$2 = _tmpl$17(), _el$3 = _el$2.firstChild, _el$4 = _el$3.nextSibling;
                 insert(_el$3, createComponent(TanstackLogo, {}));
                 _el$4.$$click = () => setLocalStore("open", "true");
                 insert(_el$4, createComponent(TanstackLogo, {}));
@@ -12211,7 +12512,7 @@ var init_Devtools = __esm({
         });
       });
       return (() => {
-        const _el$5 = _tmpl$112(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$7.nextSibling, _el$9 = _el$8.firstChild, _el$10 = _el$9.firstChild, _el$11 = _el$10.firstChild, _el$12 = _el$11.nextSibling, _el$13 = _el$12.firstChild, _el$14 = _el$9.nextSibling, _el$15 = _el$14.firstChild, _el$16 = _el$15.firstChild, _el$17 = _el$16.firstChild, _el$18 = _el$16.nextSibling, _el$19 = _el$18.firstChild, _el$20 = _el$18.nextSibling, _el$23 = _el$15.nextSibling, _el$24 = _el$23.firstChild, _el$25 = _el$24.nextSibling, _el$32 = _el$14.nextSibling, _el$33 = _el$32.firstChild;
+        const _el$5 = _tmpl$113(), _el$6 = _el$5.firstChild, _el$7 = _el$6.nextSibling, _el$8 = _el$7.nextSibling, _el$9 = _el$8.firstChild, _el$10 = _el$9.firstChild, _el$11 = _el$10.firstChild, _el$12 = _el$11.nextSibling, _el$13 = _el$12.firstChild, _el$14 = _el$9.nextSibling, _el$15 = _el$14.firstChild, _el$16 = _el$15.firstChild, _el$17 = _el$16.firstChild, _el$18 = _el$16.nextSibling, _el$19 = _el$18.firstChild, _el$20 = _el$18.nextSibling, _el$23 = _el$15.nextSibling, _el$24 = _el$23.firstChild, _el$25 = _el$24.nextSibling, _el$32 = _el$14.nextSibling, _el$33 = _el$32.firstChild;
         const _ref$ = panelRef;
         typeof _ref$ === "function" ? use(_ref$, _el$5) : panelRef = _el$5;
         _el$6.$$mousedown = handleDragStart;
@@ -12318,7 +12619,7 @@ var init_Devtools = __esm({
                                     return clsx(styles.settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-top");
                                   },
                                   get children() {
-                                    return [_tmpl$72(), createComponent(ArrowUp, {})];
+                                    return [_tmpl$73(), createComponent(ArrowUp, {})];
                                   }
                                 }), createComponent(index$d.Item, {
                                   onSelect: () => {
@@ -12329,7 +12630,7 @@ var init_Devtools = __esm({
                                     return clsx(styles.settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-bottom");
                                   },
                                   get children() {
-                                    return [_tmpl$82(), createComponent(ArrowDown, {})];
+                                    return [_tmpl$83(), createComponent(ArrowDown, {})];
                                   }
                                 }), createComponent(index$d.Item, {
                                   onSelect: () => {
@@ -12340,7 +12641,7 @@ var init_Devtools = __esm({
                                     return clsx(styles.settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-left");
                                   },
                                   get children() {
-                                    return [_tmpl$92(), createComponent(ArrowLeft, {})];
+                                    return [_tmpl$93(), createComponent(ArrowLeft, {})];
                                   }
                                 }), createComponent(index$d.Item, {
                                   onSelect: () => {
@@ -12351,7 +12652,7 @@ var init_Devtools = __esm({
                                     return clsx(styles.settingsSubButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-right");
                                   },
                                   get children() {
-                                    return [_tmpl$102(), createComponent(ArrowRight, {})];
+                                    return [_tmpl$103(), createComponent(ArrowRight, {})];
                                   }
                                 })];
                               }
@@ -12575,7 +12876,7 @@ var init_Devtools = __esm({
         return true;
       });
       return (() => {
-        const _el$41 = _tmpl$17(), _el$43 = _el$41.firstChild, _el$45 = _el$43.nextSibling;
+        const _el$41 = _tmpl$172(), _el$43 = _el$41.firstChild, _el$45 = _el$43.nextSibling;
         const _ref$3 = tagRef;
         typeof _ref$3 === "function" ? use(_ref$3, _el$41) : tagRef = _el$41;
         _el$41.addEventListener("mouseleave", () => {
@@ -12605,7 +12906,7 @@ var init_Devtools = __esm({
             return createMemo(() => !!!showLabel())() && (mouseOver() || focused());
           },
           get children() {
-            const _el$42 = _tmpl$15();
+            const _el$42 = _tmpl$152();
             insert(_el$42, () => props.label);
             createRenderEffect(() => className(_el$42, clsx(styles.statusTooltip, "tsqd-query-status-tooltip")));
             return _el$42;
@@ -12616,7 +12917,7 @@ var init_Devtools = __esm({
             return showLabel();
           },
           get children() {
-            const _el$44 = _tmpl$16();
+            const _el$44 = _tmpl$162();
             insert(_el$44, () => props.label);
             createRenderEffect(() => className(_el$44, clsx(styles.queryStatusTagLabel, "tsqd-query-status-tag-label")));
             return _el$44;
@@ -12826,7 +13127,10 @@ var init_Devtools = __esm({
             get value() {
               return activeQueryStateData();
             },
-            copyable: true
+            editable: true,
+            get activeQuery() {
+              return activeQuery();
+            }
           }));
           _el$83.style.setProperty("padding", "0.5rem");
           insert(_el$83, createComponent(Explorer, {