@tanstack/query-devtools 5.81.2 → 5.84.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 (19) hide show
  1. package/build/DevtoolsComponent/{HH7B3BHX.js → EDEL3XIZ.js} +2 -2
  2. package/build/DevtoolsComponent/{I3HPI4QX.js → LNWAZHJI.js} +2 -2
  3. package/build/DevtoolsPanelComponent/{CXEL7IU7.js → MWZ6AO7Z.js} +2 -2
  4. package/build/DevtoolsPanelComponent/{JZI2RDCT.js → RN252AT2.js} +2 -2
  5. package/build/chunk/{V5T5VJKG.js → CXOMC62J.js} +177 -286
  6. package/build/chunk/{HR7YXZ5H.js → EIDV623S.js} +177 -286
  7. package/build/chunk/{HASRA6WW.js → YPM2AS64.js} +341 -270
  8. package/build/chunk/{L7Z3HDK6.js → YTSEMULZ.js} +341 -270
  9. package/build/dev.cjs +598 -622
  10. package/build/dev.js +19 -5
  11. package/build/index.cjs +598 -622
  12. package/build/index.d.cts +1 -0
  13. package/build/index.d.ts +1 -0
  14. package/build/index.js +19 -5
  15. package/package.json +24 -5
  16. package/src/Devtools.tsx +85 -2
  17. package/src/TanstackQueryDevtools.tsx +7 -0
  18. package/src/TanstackQueryDevtoolsPanel.tsx +7 -0
  19. package/src/contexts/QueryDevtoolsContext.ts +1 -0
package/build/chunk/{L7Z3HDK6.js → YTSEMULZ.js} RENAMED
@@ -1,6 +1,6 @@
1
- import { sortFns, mutationSortFns, createContext, splitProps, createMemo, createComponent, mergeProps, createUniqueId, createSignal, createEffect, onCleanup, Show, on, delegateEvents, Dynamic, useContext, template, createRenderEffect, setAttribute, Portal, untrack, isServer, onMount, createComputed, getOwner, use, insert, className, getSidedProp, getQueryStatusColor, getMutationStatusColor, getQueryStatusLabel, spread, getQueryStatusColorByLabel, displayValue, For, batch, clearDelegatedEvents, convertRemToPixels, serialize, Index, updateNestedDataByPath, $TRACK, createRoot, DEV, addEventListener, stringify, Switch, Match, deleteNestedDataByPath, useTransition } from './V5T5VJKG.js';
1
+ import { sortFns, mutationSortFns, createContext, splitProps, createMemo, createComponent, mergeProps, createUniqueId, createSignal, createEffect, onCleanup, Show, on, delegateEvents, Dynamic, useContext, template, createRenderEffect, setAttribute, memo, Portal, untrack, isServer, onMount, createComputed, getOwner, use, insert, className, getSidedProp, getQueryStatusColor, getMutationStatusColor, getQueryStatusLabel, spread, getQueryStatusColorByLabel, displayValue, For, batch, clearDelegatedEvents, convertRemToPixels, serialize, Index, updateNestedDataByPath, $TRACK, createRoot, DEV, addEventListener, stringify, Switch, Match, deleteNestedDataByPath, useTransition } from './CXOMC62J.js';
2
2
 
3
- // ../../node_modules/.pnpm/@solid-primitives+utils@6.2.3_solid-js@1.9.5/node_modules/@solid-primitives/utils/dist/chunk/R5675YMU.js
3
+ // ../../node_modules/.pnpm/@solid-primitives+utils@6.2.3_solid-js@1.9.7/node_modules/@solid-primitives/utils/dist/chunk/R5675YMU.js
4
4
  var isClient = !isServer;
5
5
  var isDev = isClient && !!DEV;
6
6
  var noop = () => void 0;
@@ -50,7 +50,7 @@ function handleDiffArray(current, prev, handleAdded, handleRemoved) {
50
50
  }
51
51
  }
52
52
 
53
- // ../../node_modules/.pnpm/@solid-primitives+storage@1.3.11_solid-js@1.9.5/node_modules/@solid-primitives/storage/dist/index.js
53
+ // ../../node_modules/.pnpm/@solid-primitives+storage@1.3.11_solid-js@1.9.7/node_modules/@solid-primitives/storage/dist/index.js
54
54
  function createStorage(props) {
55
55
  const [error, setError] = createSignal();
56
56
  const handleError = props?.throw ? (err, fallback) => {
@@ -210,15 +210,15 @@ var serializeCookieOptions = (options) => {
210
210
  if (!options) {
211
211
  return "";
212
212
  }
213
- let memo = "";
213
+ let memo2 = "";
214
214
  for (const key in options) {
215
215
  if (!options.hasOwnProperty(key)) {
216
216
  continue;
217
217
  }
218
218
  const value = options[key];
219
- memo += value instanceof Date ? `; ${key}=${value.toUTCString()}` : typeof value === "boolean" ? `; ${key}` : `; ${key}=${value}`;
219
+ memo2 += value instanceof Date ? `; ${key}=${value.toUTCString()}` : typeof value === "boolean" ? `; ${key}` : `; ${key}=${value}`;
220
220
  }
221
- return memo;
221
+ return memo2;
222
222
  };
223
223
  var cookieStorage = addClearMethod({
224
224
  _cookies: [globalThis.document, "cookie"],
@@ -1146,7 +1146,7 @@ function createListTransition(source, options) {
1146
1146
  );
1147
1147
  }
1148
1148
 
1149
- // ../../node_modules/.pnpm/@solid-primitives+refs@1.0.8_solid-js@1.9.5/node_modules/@solid-primitives/refs/dist/index.js
1149
+ // ../../node_modules/.pnpm/@solid-primitives+refs@1.0.8_solid-js@1.9.7/node_modules/@solid-primitives/refs/dist/index.js
1150
1150
  function mergeRefs(...refs) {
1151
1151
  return chain(refs);
1152
1152
  }
@@ -1169,17 +1169,17 @@ function getResolvedElements(value, predicate) {
1169
1169
  }
1170
1170
  function resolveElements(fn, predicate = defaultElementPredicate, serverPredicate = defaultElementPredicate) {
1171
1171
  const children2 = createMemo(fn);
1172
- const memo = createMemo(
1172
+ const memo2 = createMemo(
1173
1173
  () => getResolvedElements(children2(), isServer ? serverPredicate : predicate)
1174
1174
  );
1175
- memo.toArray = () => {
1176
- const value = memo();
1175
+ memo2.toArray = () => {
1176
+ const value = memo2();
1177
1177
  return Array.isArray(value) ? value : value ? [value] : [];
1178
1178
  };
1179
- return memo;
1179
+ return memo2;
1180
1180
  }
1181
1181
 
1182
- // ../../node_modules/.pnpm/solid-transition-group@0.2.3_solid-js@1.9.5/node_modules/solid-transition-group/dist/index.js
1182
+ // ../../node_modules/.pnpm/solid-transition-group@0.2.3_solid-js@1.9.7/node_modules/solid-transition-group/dist/index.js
1183
1183
  function createClassnames(props) {
1184
1184
  return createMemo(() => {
1185
1185
  const name = props.name || "s";
@@ -1299,7 +1299,7 @@ var TransitionGroup = (props) => {
1299
1299
  });
1300
1300
  };
1301
1301
 
1302
- // ../../node_modules/.pnpm/@solid-primitives+keyed@1.2.2_solid-js@1.9.5/node_modules/@solid-primitives/keyed/dist/index.js
1302
+ // ../../node_modules/.pnpm/@solid-primitives+keyed@1.2.2_solid-js@1.9.7/node_modules/@solid-primitives/keyed/dist/index.js
1303
1303
  var FALLBACK = Symbol("fallback");
1304
1304
  function dispose(list) {
1305
1305
  for (const o2 of list)
@@ -1397,7 +1397,7 @@ function Key(props) {
1397
1397
  );
1398
1398
  }
1399
1399
 
1400
- // ../../node_modules/.pnpm/@solid-primitives+event-listener@2.3.3_solid-js@1.9.5/node_modules/@solid-primitives/event-listener/dist/index.js
1400
+ // ../../node_modules/.pnpm/@solid-primitives+event-listener@2.3.3_solid-js@1.9.7/node_modules/@solid-primitives/event-listener/dist/index.js
1401
1401
  function makeEventListener(target, type, handler, options) {
1402
1402
  target.addEventListener(type, handler, options);
1403
1403
  return tryOnCleanup(target.removeEventListener.bind(target, type, handler, options));
@@ -1417,7 +1417,7 @@ function createEventListener(targets, type, handler, options) {
1417
1417
  createRenderEffect(attachListeners);
1418
1418
  }
1419
1419
 
1420
- // ../../node_modules/.pnpm/@solid-primitives+resize-observer@2.0.26_solid-js@1.9.5/node_modules/@solid-primitives/resize-observer/dist/index.js
1420
+ // ../../node_modules/.pnpm/@solid-primitives+resize-observer@2.0.26_solid-js@1.9.7/node_modules/@solid-primitives/resize-observer/dist/index.js
1421
1421
  function makeResizeObserver(callback, options) {
1422
1422
  if (isServer) {
1423
1423
  return { observe: noop, unobserve: noop };
@@ -1448,7 +1448,7 @@ function createResizeObserver(targets, onResize, options) {
1448
1448
  }, []);
1449
1449
  }
1450
1450
 
1451
- // ../../node_modules/.pnpm/@solid-primitives+props@3.1.11_solid-js@1.9.5/node_modules/@solid-primitives/props/dist/index.js
1451
+ // ../../node_modules/.pnpm/@solid-primitives+props@3.1.11_solid-js@1.9.7/node_modules/@solid-primitives/props/dist/index.js
1452
1452
  var extractCSSregex = /((?:--)?(?:\w+-?)+)\s*:\s*([^;]*)/g;
1453
1453
  function stringStyleToObject(style) {
1454
1454
  const object = {};
@@ -1469,7 +1469,7 @@ function combineStyle(a2, b2) {
1469
1469
  return { ...a2, ...b2 };
1470
1470
  }
1471
1471
 
1472
- // ../../node_modules/.pnpm/@kobalte+utils@0.9.0_solid-js@1.9.5/node_modules/@kobalte/utils/dist/index.js
1472
+ // ../../node_modules/.pnpm/@kobalte+utils@0.9.0_solid-js@1.9.7/node_modules/@kobalte/utils/dist/index.js
1473
1473
  function addItemToArray(array, item, index = -1) {
1474
1474
  if (!(index in array)) {
1475
1475
  return [...array, item];
@@ -1911,7 +1911,7 @@ var visuallyHiddenStyles = {
1911
1911
  "white-space": "nowrap"
1912
1912
  };
1913
1913
 
1914
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/E4R2EMM4.js
1914
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/E4R2EMM4.js
1915
1915
  function createRegisterId(setter) {
1916
1916
  return (id) => {
1917
1917
  setter(id);
@@ -1919,7 +1919,7 @@ function createRegisterId(setter) {
1919
1919
  };
1920
1920
  }
1921
1921
 
1922
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/ET5T45DO.js
1922
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/ET5T45DO.js
1923
1923
  function createTagName(ref, fallback) {
1924
1924
  const [tagName, setTagName] = createSignal(stringOrUndefined(fallback?.()));
1925
1925
  createEffect(() => {
@@ -1931,7 +1931,7 @@ function stringOrUndefined(value) {
1931
1931
  return isString(value) ? value : void 0;
1932
1932
  }
1933
1933
 
1934
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/6Y7B2NEO.js
1934
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/6Y7B2NEO.js
1935
1935
  function Polymorphic(props) {
1936
1936
  const [local, others] = splitProps(props, ["as"]);
1937
1937
  if (!local.as) {
@@ -1947,7 +1947,7 @@ function Polymorphic(props) {
1947
1947
  );
1948
1948
  }
1949
1949
 
1950
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/Q2DJLZQE.js
1950
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/Q2DJLZQE.js
1951
1951
  var FORM_CONTROL_PROP_NAMES = ["id", "name", "validationState", "required", "disabled", "readOnly"];
1952
1952
  function createFormControl(props) {
1953
1953
  const defaultId = `form-control-${createUniqueId()}`;
@@ -2064,12 +2064,12 @@ function FormControlLabel(props) {
2064
2064
  typeof _ref$ === "function" && _ref$(r$);
2065
2065
  },
2066
2066
  get ["for"]() {
2067
- return createMemo(() => tagName() === "label")() ? context.fieldId() : void 0;
2067
+ return memo(() => tagName() === "label")() ? context.fieldId() : void 0;
2068
2068
  }
2069
2069
  }, () => context.dataset(), others));
2070
2070
  }
2071
2071
 
2072
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/ANN3A2QM.js
2072
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/ANN3A2QM.js
2073
2073
  function createFormResetListener(element, handler) {
2074
2074
  createEffect(
2075
2075
  on(element, (element2) => {
@@ -2094,7 +2094,7 @@ function isFormElement(element) {
2094
2094
  return element.matches("textarea, input, select, button");
2095
2095
  }
2096
2096
 
2097
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/BLN63FDC.js
2097
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/BLN63FDC.js
2098
2098
  function createControllableSignal(props) {
2099
2099
  const [_value, _setValue] = createSignal(props.defaultValue?.());
2100
2100
  const isControlled = createMemo(() => props.value?.() !== void 0);
@@ -2124,7 +2124,7 @@ function createControllableArraySignal(props) {
2124
2124
  return [value, setValue];
2125
2125
  }
2126
2126
 
2127
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/YGDQXQ2B.js
2127
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/YGDQXQ2B.js
2128
2128
  function createToggleState(props = {}) {
2129
2129
  const [isSelected, _setIsSelected] = createControllableBooleanSignal({
2130
2130
  value: () => access(props.isSelected),
@@ -2148,14 +2148,14 @@ function createToggleState(props = {}) {
2148
2148
  };
2149
2149
  }
2150
2150
 
2151
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/5ZKAE4VZ.js
2151
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/5ZKAE4VZ.js
2152
2152
  var __defProp = Object.defineProperty;
2153
2153
  var __export = (target, all) => {
2154
2154
  for (var name in all)
2155
2155
  __defProp(target, name, { get: all[name], enumerable: true });
2156
2156
  };
2157
2157
 
2158
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/7CVNMTYF.js
2158
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/7CVNMTYF.js
2159
2159
  var DomCollectionContext = createContext();
2160
2160
  function useOptionalDomCollectionContext() {
2161
2161
  return useContext(DomCollectionContext);
@@ -2319,7 +2319,7 @@ function createDomCollectionItem(props) {
2319
2319
  });
2320
2320
  }
2321
2321
 
2322
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/JMA2RWU6.js
2322
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/JMA2RWU6.js
2323
2323
  function buildNodes(params) {
2324
2324
  let index = params.startIndex ?? 0;
2325
2325
  const level = params.startLevel ?? 0;
@@ -2428,7 +2428,7 @@ function createCollection(props, deps = []) {
2428
2428
  });
2429
2429
  }
2430
2430
 
2431
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/XHJPQEZP.js
2431
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/XHJPQEZP.js
2432
2432
  var RTL_SCRIPTS = /* @__PURE__ */ new Set([
2433
2433
  "Avst",
2434
2434
  "Arab",
@@ -2543,7 +2543,7 @@ function createCollator(options) {
2543
2543
  });
2544
2544
  }
2545
2545
 
2546
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/H6DSIDEC.js
2546
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/H6DSIDEC.js
2547
2547
  var Selection = class _Selection extends Set {
2548
2548
  anchorKey;
2549
2549
  currentKey;
@@ -3528,10 +3528,10 @@ function createListState(props) {
3528
3528
  };
3529
3529
  }
3530
3530
 
3531
- // ../../node_modules/.pnpm/@corvu+utils@0.3.2_solid-js@1.9.5/node_modules/@corvu/utils/dist/chunk/ZV6G25TT.js
3531
+ // ../../node_modules/.pnpm/@corvu+utils@0.3.2_solid-js@1.9.7/node_modules/@corvu/utils/dist/chunk/ZV6G25TT.js
3532
3532
  var access2 = (v) => typeof v === "function" ? v() : v;
3533
3533
 
3534
- // ../../node_modules/.pnpm/solid-presence@0.1.7_solid-js@1.9.5/node_modules/solid-presence/dist/index.js
3534
+ // ../../node_modules/.pnpm/solid-presence@0.1.7_solid-js@1.9.7/node_modules/solid-presence/dist/index.js
3535
3535
  var createPresence = (props) => {
3536
3536
  const refStyles = createMemo(() => {
3537
3537
  const element = access2(props.element);
@@ -3598,7 +3598,7 @@ var createPresence = (props) => {
3598
3598
  var presence_default = createPresence;
3599
3599
  var src_default = presence_default;
3600
3600
 
3601
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/ZKYDDHM6.js
3601
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/ZKYDDHM6.js
3602
3602
  var DATA_TOP_LAYER_ATTR = "data-kb-top-layer";
3603
3603
  var originalBodyPointerEvents;
3604
3604
  var hasDisabledBodyPointerEvents = false;
@@ -3675,7 +3675,7 @@ var layerStack = {
3675
3675
  restoreBodyPointerEvents
3676
3676
  };
3677
3677
 
3678
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/7OVKXYPU.js
3678
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/7OVKXYPU.js
3679
3679
  var button_exports = {};
3680
3680
  __export(button_exports, {
3681
3681
  Button: () => Button,
@@ -5207,7 +5207,7 @@ var computePosition2 = (reference, floating, options) => {
5207
5207
  });
5208
5208
  };
5209
5209
 
5210
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/4X2EKUJ3.js
5210
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/4X2EKUJ3.js
5211
5211
  var PopperContext = createContext();
5212
5212
  function usePopperContext() {
5213
5213
  const context = useContext(PopperContext);
@@ -5533,7 +5533,7 @@ var Popper = Object.assign(PopperRoot, {
5533
5533
  Positioner: PopperPositioner
5534
5534
  });
5535
5535
 
5536
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/QEMPLYZX.js
5536
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/QEMPLYZX.js
5537
5537
  function createEscapeKeyDown(props) {
5538
5538
  const handleKeyDown = (event) => {
5539
5539
  if (event.key === EventKey.Escape) {
@@ -5555,7 +5555,7 @@ function createEscapeKeyDown(props) {
5555
5555
  });
5556
5556
  }
5557
5557
 
5558
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/QGCMYLTA.js
5558
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/QGCMYLTA.js
5559
5559
  var POINTER_DOWN_OUTSIDE_EVENT = "interactOutside.pointerDownOutside";
5560
5560
  var FOCUS_OUTSIDE_EVENT = "interactOutside.focusOutside";
5561
5561
  function createInteractOutside(props, ref) {
@@ -5657,7 +5657,7 @@ function createInteractOutside(props, ref) {
5657
5657
  });
5658
5658
  }
5659
5659
 
5660
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/G7G3PFRJ.js
5660
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/G7G3PFRJ.js
5661
5661
  var DismissableLayerContext = createContext();
5662
5662
  function useOptionalDismissableLayerContext() {
5663
5663
  return useContext(DismissableLayerContext);
@@ -5776,7 +5776,7 @@ function DismissableLayer(props) {
5776
5776
  });
5777
5777
  }
5778
5778
 
5779
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/7LCANGHD.js
5779
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/7LCANGHD.js
5780
5780
  function createDisclosureState(props = {}) {
5781
5781
  const [isOpen, setIsOpen] = createControllableBooleanSignal({
5782
5782
  value: () => access(props.open),
@@ -5801,7 +5801,7 @@ function createDisclosureState(props = {}) {
5801
5801
  };
5802
5802
  }
5803
5803
 
5804
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/Q2BOFK7I.js
5804
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/Q2BOFK7I.js
5805
5805
  var radio_group_exports = {};
5806
5806
  __export(radio_group_exports, {
5807
5807
  Description: () => FormControlDescription,
@@ -6162,7 +6162,7 @@ var RadioGroup = Object.assign(RadioGroupRoot, {
6162
6162
  Label: RadioGroupLabel
6163
6163
  });
6164
6164
 
6165
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/GLKC2QFF.js
6165
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/GLKC2QFF.js
6166
6166
  var ListKeyboardDelegate = class {
6167
6167
  collection;
6168
6168
  ref;
@@ -6297,7 +6297,7 @@ function createSelectableList(props, ref, scrollRef) {
6297
6297
  ref);
6298
6298
  }
6299
6299
 
6300
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/ISKHZMHS.js
6300
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/ISKHZMHS.js
6301
6301
  var AUTOFOCUS_ON_MOUNT_EVENT = "focusScope.autoFocusOnMount";
6302
6302
  var AUTOFOCUS_ON_UNMOUNT_EVENT = "focusScope.autoFocusOnUnmount";
6303
6303
  var EVENT_OPTIONS = {
@@ -6498,10 +6498,10 @@ function createFocusScope(props, ref) {
6498
6498
  });
6499
6499
  }
6500
6500
 
6501
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/YA7DCYMB.js
6501
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/YA7DCYMB.js
6502
6502
  var DATA_LIVE_ANNOUNCER_ATTR = "data-live-announcer";
6503
6503
 
6504
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/TZGE2AQH.js
6504
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/TZGE2AQH.js
6505
6505
  function createHideOutside(props) {
6506
6506
  createEffect(() => {
6507
6507
  if (access(props.isDisabled)) {
@@ -6621,7 +6621,7 @@ function ariaHideOutside(targets, root = document.body) {
6621
6621
  };
6622
6622
  }
6623
6623
 
6624
- // ../../node_modules/.pnpm/@corvu+utils@0.3.2_solid-js@1.9.5/node_modules/@corvu/utils/dist/chunk/HD4B7J7A.js
6624
+ // ../../node_modules/.pnpm/@corvu+utils@0.3.2_solid-js@1.9.7/node_modules/@corvu/utils/dist/chunk/HD4B7J7A.js
6625
6625
  var activeStyles = /* @__PURE__ */ new Map();
6626
6626
  var createStyle = (props) => {
6627
6627
  createEffect(() => {
@@ -6668,7 +6668,7 @@ var createStyle = (props) => {
6668
6668
  };
6669
6669
  var style_default = createStyle;
6670
6670
 
6671
- // ../../node_modules/.pnpm/@corvu+utils@0.3.2_solid-js@1.9.5/node_modules/@corvu/utils/dist/scroll/index.js
6671
+ // ../../node_modules/.pnpm/@corvu+utils@0.3.2_solid-js@1.9.7/node_modules/@corvu/utils/dist/scroll/index.js
6672
6672
  var getScrollDimensions = (element, axis) => {
6673
6673
  switch (axis) {
6674
6674
  case "x":
@@ -6708,7 +6708,7 @@ var getScrollAtLocation = (location, axis, stopAt) => {
6708
6708
  return [availableScroll, availableScrollTop];
6709
6709
  };
6710
6710
 
6711
- // ../../node_modules/.pnpm/solid-prevent-scroll@0.1.9_solid-js@1.9.5/node_modules/solid-prevent-scroll/dist/index.js
6711
+ // ../../node_modules/.pnpm/solid-prevent-scroll@0.1.9_solid-js@1.9.7/node_modules/solid-prevent-scroll/dist/index.js
6712
6712
  var [preventScrollStack, setPreventScrollStack] = createSignal([]);
6713
6713
  var isActive = (id) => preventScrollStack().indexOf(id) === preventScrollStack().length - 1;
6714
6714
  var createPreventScroll = (props) => {
@@ -6886,7 +6886,7 @@ var contains2 = (wrapper, target) => {
6886
6886
  var preventScroll_default = createPreventScroll;
6887
6887
  var src_default2 = preventScroll_default;
6888
6888
 
6889
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/3F4B62RP.js
6889
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/3F4B62RP.js
6890
6890
  var MenuContext = createContext();
6891
6891
  function useOptionalMenuContext() {
6892
6892
  return useContext(MenuContext);
@@ -7237,7 +7237,7 @@ function MenuTrigger(props) {
7237
7237
  return context.isOpen();
7238
7238
  },
7239
7239
  get ["aria-controls"]() {
7240
- return createMemo(() => !!context.isOpen())() ? context.contentId() : void 0;
7240
+ return memo(() => !!context.isOpen())() ? context.contentId() : void 0;
7241
7241
  },
7242
7242
  get ["data-highlighted"]() {
7243
7243
  return key() !== void 0 && optionalMenubarContext?.value() === key() ? true : void 0;
@@ -7397,7 +7397,7 @@ function MenuContentBase(props) {
7397
7397
  get children() {
7398
7398
  return createComponent(DismissableLayer, mergeProps({
7399
7399
  get disableOutsidePointerEvents() {
7400
- return createMemo(() => !!isRootModalContent())() && context.isOpen();
7400
+ return memo(() => !!isRootModalContent())() && context.isOpen();
7401
7401
  },
7402
7402
  get excludedElements() {
7403
7403
  return [context.triggerRef];
@@ -8088,7 +8088,7 @@ function MenuSubTrigger(props) {
8088
8088
  return context.isOpen();
8089
8089
  },
8090
8090
  get ["aria-controls"]() {
8091
- return createMemo(() => !!context.isOpen())() ? context.contentId() : void 0;
8091
+ return memo(() => !!context.isOpen())() ? context.contentId() : void 0;
8092
8092
  },
8093
8093
  get ["aria-disabled"]() {
8094
8094
  return local.disabled;
@@ -8160,7 +8160,7 @@ function MenuRoot(props) {
8160
8160
  });
8161
8161
  }
8162
8162
 
8163
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/STGRFJHZ.js
8163
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/STGRFJHZ.js
8164
8164
  var separator_exports = {};
8165
8165
  __export(separator_exports, {
8166
8166
  Root: () => SeparatorRoot,
@@ -8192,7 +8192,7 @@ function SeparatorRoot(props) {
8192
8192
  }
8193
8193
  var Separator = SeparatorRoot;
8194
8194
 
8195
- // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.5/node_modules/@kobalte/core/dist/chunk/V2JBZ7BJ.js
8195
+ // ../../node_modules/.pnpm/@kobalte+core@0.13.4_solid-js@1.9.7/node_modules/@kobalte/core/dist/chunk/V2JBZ7BJ.js
8196
8196
  var dropdown_menu_exports = {};
8197
8197
  __export(dropdown_menu_exports, {
8198
8198
  Arrow: () => PopperArrow,
@@ -9066,7 +9066,7 @@ function Explorer(props) {
9066
9066
  }), null);
9067
9067
  insert(_el$12, createComponent(Show, {
9068
9068
  get when() {
9069
- return createMemo(() => !!!!props.onEdit)() && !serialize(props.value).meta;
9069
+ return memo(() => !!!!props.onEdit)() && !serialize(props.value).meta;
9070
9070
  },
9071
9071
  get children() {
9072
9072
  var _el$13 = _tmpl$62();
@@ -9224,7 +9224,7 @@ function Explorer(props) {
9224
9224
  insert(_el$17, () => props.label, _el$18);
9225
9225
  insert(_el$16, createComponent(Show, {
9226
9226
  get when() {
9227
- return createMemo(() => !!(props.editable && props.activeQuery !== void 0))() && (type() === "string" || type() === "number" || type() === "boolean");
9227
+ return memo(() => !!(props.editable && props.activeQuery !== void 0))() && (type() === "string" || type() === "number" || type() === "boolean");
9228
9228
  },
9229
9229
  get fallback() {
9230
9230
  return (() => {
@@ -9237,7 +9237,7 @@ function Explorer(props) {
9237
9237
  get children() {
9238
9238
  return [createComponent(Show, {
9239
9239
  get when() {
9240
- return createMemo(() => !!(props.editable && props.activeQuery !== void 0))() && (type() === "string" || type() === "number");
9240
+ return memo(() => !!(props.editable && props.activeQuery !== void 0))() && (type() === "string" || type() === "number");
9241
9241
  },
9242
9242
  get children() {
9243
9243
  var _el$19 = _tmpl$92();
@@ -9467,23 +9467,26 @@ var _tmpl$132 = /* @__PURE__ */ template(`<span>Theme`);
9467
9467
  var _tmpl$142 = /* @__PURE__ */ template(`<span>Light`);
9468
9468
  var _tmpl$152 = /* @__PURE__ */ template(`<span>Dark`);
9469
9469
  var _tmpl$162 = /* @__PURE__ */ template(`<span>System`);
9470
- var _tmpl$172 = /* @__PURE__ */ template(`<div><div class=tsqd-queries-container>`);
9471
- var _tmpl$182 = /* @__PURE__ */ template(`<div><div class=tsqd-mutations-container>`);
9472
- var _tmpl$192 = /* @__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>`);
9473
- var _tmpl$202 = /* @__PURE__ */ template(`<option>Sort by `);
9474
- var _tmpl$212 = /* @__PURE__ */ template(`<div class=tsqd-query-disabled-indicator>disabled`);
9475
- var _tmpl$222 = /* @__PURE__ */ template(`<div class=tsqd-query-static-indicator>static`);
9476
- var _tmpl$232 = /* @__PURE__ */ template(`<button><div></div><code class=tsqd-query-hash>`);
9477
- var _tmpl$242 = /* @__PURE__ */ template(`<div role=tooltip id=tsqd-status-tooltip>`);
9478
- var _tmpl$252 = /* @__PURE__ */ template(`<span>`);
9479
- var _tmpl$262 = /* @__PURE__ */ template(`<button><span></span><span>`);
9480
- var _tmpl$27 = /* @__PURE__ */ template(`<button><span></span> Error`);
9481
- var _tmpl$28 = /* @__PURE__ */ template(`<div><span></span>Trigger Error<select><option value=""disabled selected>`);
9482
- var _tmpl$29 = /* @__PURE__ */ template(`<div class="tsqd-query-details-explorer-container tsqd-query-details-data-explorer">`);
9483
- var _tmpl$30 = /* @__PURE__ */ template(`<form><textarea name=data></textarea><div><span></span><div><button type=button>Cancel</button><button>Save`);
9484
- var _tmpl$31 = /* @__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 </div><div>Query Explorer</div><div class="tsqd-query-details-explorer-container tsqd-query-details-query-explorer">`);
9485
- var _tmpl$322 = /* @__PURE__ */ template(`<option>`);
9486
- var _tmpl$332 = /* @__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">`);
9470
+ var _tmpl$172 = /* @__PURE__ */ template(`<span>Disabled Queries`);
9471
+ var _tmpl$182 = /* @__PURE__ */ template(`<span>Show`);
9472
+ var _tmpl$192 = /* @__PURE__ */ template(`<span>Hide`);
9473
+ var _tmpl$202 = /* @__PURE__ */ template(`<div><div class=tsqd-queries-container>`);
9474
+ var _tmpl$212 = /* @__PURE__ */ template(`<div><div class=tsqd-mutations-container>`);
9475
+ var _tmpl$222 = /* @__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>`);
9476
+ var _tmpl$232 = /* @__PURE__ */ template(`<option>Sort by `);
9477
+ var _tmpl$242 = /* @__PURE__ */ template(`<div class=tsqd-query-disabled-indicator>disabled`);
9478
+ var _tmpl$252 = /* @__PURE__ */ template(`<div class=tsqd-query-static-indicator>static`);
9479
+ var _tmpl$262 = /* @__PURE__ */ template(`<button><div></div><code class=tsqd-query-hash>`);
9480
+ var _tmpl$27 = /* @__PURE__ */ template(`<div role=tooltip id=tsqd-status-tooltip>`);
9481
+ var _tmpl$28 = /* @__PURE__ */ template(`<span>`);
9482
+ var _tmpl$29 = /* @__PURE__ */ template(`<button><span></span><span>`);
9483
+ var _tmpl$30 = /* @__PURE__ */ template(`<button><span></span> Error`);
9484
+ var _tmpl$31 = /* @__PURE__ */ template(`<div><span></span>Trigger Error<select><option value=""disabled selected>`);
9485
+ var _tmpl$322 = /* @__PURE__ */ template(`<div class="tsqd-query-details-explorer-container tsqd-query-details-data-explorer">`);
9486
+ var _tmpl$332 = /* @__PURE__ */ template(`<form><textarea name=data></textarea><div><span></span><div><button type=button>Cancel</button><button>Save`);
9487
+ var _tmpl$34 = /* @__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 </div><div>Query Explorer</div><div class="tsqd-query-details-explorer-container tsqd-query-details-query-explorer">`);
9488
+ var _tmpl$35 = /* @__PURE__ */ template(`<option>`);
9489
+ var _tmpl$36 = /* @__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">`);
9487
9490
  var [selectedQueryHash, setSelectedQueryHash] = createSignal(null);
9488
9491
  var [selectedMutationId, setSelectedMutationId] = createSignal(null);
9489
9492
  var [panelWidth, setPanelWidth] = createSignal(0);
@@ -9539,7 +9542,7 @@ var Devtools = (props) => {
9539
9542
  const pip_open = createMemo(() => props.localStore.pip_open ?? "false");
9540
9543
  return [createComponent(Show, {
9541
9544
  get when() {
9542
- return createMemo(() => !!pip().pipWindow)() && pip_open() == "true";
9545
+ return memo(() => !!pip().pipWindow)() && pip_open() == "true";
9543
9546
  },
9544
9547
  get children() {
9545
9548
  return createComponent(Portal, {
@@ -9564,7 +9567,7 @@ var Devtools = (props) => {
9564
9567
  get children() {
9565
9568
  return createComponent(Show, {
9566
9569
  get when() {
9567
- return createMemo(() => !!(isOpen() && !pip().pipWindow))() && pip_open() == "false";
9570
+ return memo(() => !!(isOpen() && !pip().pipWindow))() && pip_open() == "false";
9568
9571
  },
9569
9572
  get children() {
9570
9573
  return createComponent(DraggablePanel, {
@@ -9898,9 +9901,12 @@ var ContentView = (props) => {
9898
9901
  const queryCount = createSubscribeToQueryCacheBatcher((queryCache) => {
9899
9902
  return queryCache().getAll().length;
9900
9903
  }, false);
9901
- const queries = createMemo(on(() => [queryCount(), props.localStore.filter, sort(), sortOrder()], () => {
9904
+ const queries = createMemo(on(() => [queryCount(), props.localStore.filter, sort(), sortOrder(), props.localStore.hideDisabledQueries], () => {
9902
9905
  const curr = query_cache().getAll();
9903
- const filtered = props.localStore.filter ? curr.filter((item) => rankItem(item.queryHash, props.localStore.filter || "").passed) : [...curr];
9906
+ let filtered = props.localStore.filter ? curr.filter((item) => rankItem(item.queryHash, props.localStore.filter || "").passed) : [...curr];
9907
+ if (props.localStore.hideDisabledQueries === "true") {
9908
+ filtered = filtered.filter((item) => !item.isDisabled());
9909
+ }
9904
9910
  const sorted = sortFn() ? filtered.sort((a2, b2) => sortFn()(a2, b2) * sortOrder()) : filtered;
9905
9911
  return sorted;
9906
9912
  }));
@@ -9925,7 +9931,7 @@ var ContentView = (props) => {
9925
9931
  el.style.setProperty("--tsqd-font-size", variable);
9926
9932
  };
9927
9933
  return [(() => {
9928
- var _el$0 = _tmpl$192(), _el$1 = _el$0.firstChild, _el$10 = _el$1.firstChild, _el$11 = _el$10.firstChild, _el$12 = _el$11.firstChild, _el$13 = _el$12.nextSibling, _el$14 = _el$13.firstChild, _el$15 = _el$1.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;
9934
+ var _el$0 = _tmpl$222(), _el$1 = _el$0.firstChild, _el$10 = _el$1.firstChild, _el$11 = _el$10.firstChild, _el$12 = _el$11.firstChild, _el$13 = _el$12.nextSibling, _el$14 = _el$13.firstChild, _el$15 = _el$1.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;
9929
9935
  var _ref$4 = containerRef;
9930
9936
  typeof _ref$4 === "function" ? use(_ref$4, _el$0) : containerRef = _el$0;
9931
9937
  _el$11.$$click = () => {
@@ -10015,10 +10021,10 @@ var ContentView = (props) => {
10015
10021
  props.setLocalStore("sort", e2.currentTarget.value);
10016
10022
  });
10017
10023
  insert(_el$20, () => Object.keys(sortFns).map((key) => (() => {
10018
- var _el$43 = _tmpl$202(); _el$43.firstChild;
10019
- _el$43.value = key;
10020
- insert(_el$43, key, null);
10021
- return _el$43;
10024
+ var _el$46 = _tmpl$232(); _el$46.firstChild;
10025
+ _el$46.value = key;
10026
+ insert(_el$46, key, null);
10027
+ return _el$46;
10022
10028
  })()));
10023
10029
  createRenderEffect(() => _el$20.value = sort());
10024
10030
  return _el$20;
@@ -10034,10 +10040,10 @@ var ContentView = (props) => {
10034
10040
  props.setLocalStore("mutationSort", e2.currentTarget.value);
10035
10041
  });
10036
10042
  insert(_el$21, () => Object.keys(mutationSortFns).map((key) => (() => {
10037
- var _el$45 = _tmpl$202(); _el$45.firstChild;
10038
- _el$45.value = key;
10039
- insert(_el$45, key, null);
10040
- return _el$45;
10043
+ var _el$48 = _tmpl$232(); _el$48.firstChild;
10044
+ _el$48.value = key;
10045
+ insert(_el$48, key, null);
10046
+ return _el$48;
10041
10047
  })()));
10042
10048
  createRenderEffect(() => _el$21.value = mutationSort());
10043
10049
  return _el$21;
@@ -10085,12 +10091,12 @@ var ContentView = (props) => {
10085
10091
  onlineManager().setOnline(!onlineManager().isOnline());
10086
10092
  };
10087
10093
  insert(_el$27, (() => {
10088
- var _c$ = createMemo(() => !!offline());
10094
+ var _c$ = memo(() => !!offline());
10089
10095
  return () => _c$() ? createComponent(Offline, {}) : createComponent(Wifi, {});
10090
10096
  })());
10091
10097
  insert(_el$25, createComponent(Show, {
10092
10098
  get when() {
10093
- return createMemo(() => !!!pip().pipWindow)() && !pip().disabled;
10099
+ return memo(() => !!!pip().pipWindow)() && !pip().disabled;
10094
10100
  },
10095
10101
  get children() {
10096
10102
  var _el$28 = _tmpl$83();
@@ -10115,7 +10121,7 @@ var ContentView = (props) => {
10115
10121
  }), createComponent(dropdown_menu_exports.Portal, {
10116
10122
  ref: (el) => setComputedVariables(el),
10117
10123
  get mount() {
10118
- return createMemo(() => !!pip().pipWindow)() ? pip().pipWindow.document.body : document.body;
10124
+ return memo(() => !!pip().pipWindow)() ? pip().pipWindow.document.body : document.body;
10119
10125
  },
10120
10126
  get children() {
10121
10127
  return createComponent(dropdown_menu_exports.Content, {
@@ -10147,7 +10153,7 @@ var ContentView = (props) => {
10147
10153
  }), createComponent(dropdown_menu_exports.Portal, {
10148
10154
  ref: (el) => setComputedVariables(el),
10149
10155
  get mount() {
10150
- return createMemo(() => !!pip().pipWindow)() ? pip().pipWindow.document.body : document.body;
10156
+ return memo(() => !!pip().pipWindow)() ? pip().pipWindow.document.body : document.body;
10151
10157
  },
10152
10158
  get children() {
10153
10159
  return createComponent(dropdown_menu_exports.SubContent, {
@@ -10222,7 +10228,7 @@ var ContentView = (props) => {
10222
10228
  }), createComponent(dropdown_menu_exports.Portal, {
10223
10229
  ref: (el) => setComputedVariables(el),
10224
10230
  get mount() {
10225
- return createMemo(() => !!pip().pipWindow)() ? pip().pipWindow.document.body : document.body;
10231
+ return memo(() => !!pip().pipWindow)() ? pip().pipWindow.document.body : document.body;
10226
10232
  },
10227
10233
  get children() {
10228
10234
  return createComponent(dropdown_menu_exports.SubContent, {
@@ -10269,6 +10275,71 @@ var ContentView = (props) => {
10269
10275
  }
10270
10276
  })];
10271
10277
  }
10278
+ }), createComponent(dropdown_menu_exports.Sub, {
10279
+ overlap: true,
10280
+ gutter: 8,
10281
+ shift: -4,
10282
+ get children() {
10283
+ return [createComponent(dropdown_menu_exports.SubTrigger, {
10284
+ get ["class"]() {
10285
+ return clsx(styles().settingsSubTrigger, "tsqd-settings-menu-sub-trigger", "tsqd-settings-menu-sub-trigger-disabled-queries");
10286
+ },
10287
+ get children() {
10288
+ return [_tmpl$172(), createComponent(ChevronDown, {})];
10289
+ }
10290
+ }), createComponent(dropdown_menu_exports.Portal, {
10291
+ ref: (el) => setComputedVariables(el),
10292
+ get mount() {
10293
+ return memo(() => !!pip().pipWindow)() ? pip().pipWindow.document.body : document.body;
10294
+ },
10295
+ get children() {
10296
+ return createComponent(dropdown_menu_exports.SubContent, {
10297
+ get ["class"]() {
10298
+ return clsx(styles().settingsMenu, "tsqd-settings-submenu");
10299
+ },
10300
+ get children() {
10301
+ return [createComponent(dropdown_menu_exports.Item, {
10302
+ onSelect: () => {
10303
+ props.setLocalStore("hideDisabledQueries", "false");
10304
+ },
10305
+ as: "button",
10306
+ get ["class"]() {
10307
+ return clsx(styles().settingsSubButton, props.localStore.hideDisabledQueries !== "true" && styles().themeSelectedButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-show");
10308
+ },
10309
+ get children() {
10310
+ return [_tmpl$182(), createComponent(Show, {
10311
+ get when() {
10312
+ return props.localStore.hideDisabledQueries !== "true";
10313
+ },
10314
+ get children() {
10315
+ return createComponent(CheckCircle, {});
10316
+ }
10317
+ })];
10318
+ }
10319
+ }), createComponent(dropdown_menu_exports.Item, {
10320
+ onSelect: () => {
10321
+ props.setLocalStore("hideDisabledQueries", "true");
10322
+ },
10323
+ as: "button",
10324
+ get ["class"]() {
10325
+ return clsx(styles().settingsSubButton, props.localStore.hideDisabledQueries === "true" && styles().themeSelectedButton, "tsqd-settings-menu-position-btn", "tsqd-settings-menu-position-btn-hide");
10326
+ },
10327
+ get children() {
10328
+ return [_tmpl$192(), createComponent(Show, {
10329
+ get when() {
10330
+ return props.localStore.hideDisabledQueries === "true";
10331
+ },
10332
+ get children() {
10333
+ return createComponent(CheckCircle, {});
10334
+ }
10335
+ })];
10336
+ }
10337
+ })];
10338
+ }
10339
+ });
10340
+ }
10341
+ })];
10342
+ }
10272
10343
  })];
10273
10344
  }
10274
10345
  });
@@ -10281,8 +10352,8 @@ var ContentView = (props) => {
10281
10352
  return selectedView() === "queries";
10282
10353
  },
10283
10354
  get children() {
10284
- var _el$39 = _tmpl$172(), _el$40 = _el$39.firstChild;
10285
- insert(_el$40, createComponent(Key, {
10355
+ var _el$42 = _tmpl$202(), _el$43 = _el$42.firstChild;
10356
+ insert(_el$43, createComponent(Key, {
10286
10357
  by: (q) => q.queryHash,
10287
10358
  get each() {
10288
10359
  return queries();
@@ -10293,8 +10364,8 @@ var ContentView = (props) => {
10293
10364
  }
10294
10365
  })
10295
10366
  }));
10296
- createRenderEffect(() => className(_el$39, clsx(styles().overflowQueryContainer, "tsqd-queries-overflow-container")));
10297
- return _el$39;
10367
+ createRenderEffect(() => className(_el$42, clsx(styles().overflowQueryContainer, "tsqd-queries-overflow-container")));
10368
+ return _el$42;
10298
10369
  }
10299
10370
  }), null);
10300
10371
  insert(_el$0, createComponent(Show, {
@@ -10302,8 +10373,8 @@ var ContentView = (props) => {
10302
10373
  return selectedView() === "mutations";
10303
10374
  },
10304
10375
  get children() {
10305
- var _el$41 = _tmpl$182(), _el$42 = _el$41.firstChild;
10306
- insert(_el$42, createComponent(Key, {
10376
+ var _el$44 = _tmpl$212(), _el$45 = _el$44.firstChild;
10377
+ insert(_el$45, createComponent(Key, {
10307
10378
  by: (m) => m.mutationId,
10308
10379
  get each() {
10309
10380
  return mutations();
@@ -10314,8 +10385,8 @@ var ContentView = (props) => {
10314
10385
  }
10315
10386
  })
10316
10387
  }));
10317
- createRenderEffect(() => className(_el$41, clsx(styles().overflowQueryContainer, "tsqd-mutations-overflow-container")));
10318
- return _el$41;
10388
+ createRenderEffect(() => className(_el$44, clsx(styles().overflowQueryContainer, "tsqd-mutations-overflow-container")));
10389
+ return _el$44;
10319
10390
  }
10320
10391
  }), null);
10321
10392
  createRenderEffect((_p$) => {
@@ -10373,14 +10444,14 @@ var ContentView = (props) => {
10373
10444
  return _el$0;
10374
10445
  })(), createComponent(Show, {
10375
10446
  get when() {
10376
- return createMemo(() => selectedView() === "queries")() && selectedQueryHash();
10447
+ return memo(() => selectedView() === "queries")() && selectedQueryHash();
10377
10448
  },
10378
10449
  get children() {
10379
10450
  return createComponent(QueryDetails, {});
10380
10451
  }
10381
10452
  }), createComponent(Show, {
10382
10453
  get when() {
10383
- return createMemo(() => selectedView() === "mutations")() && selectedMutationId();
10454
+ return memo(() => selectedView() === "mutations")() && selectedMutationId();
10384
10455
  },
10385
10456
  get children() {
10386
10457
  return createComponent(MutationDetails, {});
@@ -10437,38 +10508,38 @@ var QueryRow = (props) => {
10437
10508
  return queryState();
10438
10509
  },
10439
10510
  get children() {
10440
- var _el$47 = _tmpl$232(), _el$48 = _el$47.firstChild, _el$49 = _el$48.nextSibling;
10441
- _el$47.$$click = () => setSelectedQueryHash(props.query.queryHash === selectedQueryHash() ? null : props.query.queryHash);
10442
- insert(_el$48, observers);
10443
- insert(_el$49, () => props.query.queryHash);
10444
- insert(_el$47, createComponent(Show, {
10511
+ var _el$50 = _tmpl$262(), _el$51 = _el$50.firstChild, _el$52 = _el$51.nextSibling;
10512
+ _el$50.$$click = () => setSelectedQueryHash(props.query.queryHash === selectedQueryHash() ? null : props.query.queryHash);
10513
+ insert(_el$51, observers);
10514
+ insert(_el$52, () => props.query.queryHash);
10515
+ insert(_el$50, createComponent(Show, {
10445
10516
  get when() {
10446
10517
  return isDisabled();
10447
10518
  },
10448
10519
  get children() {
10449
- return _tmpl$212();
10520
+ return _tmpl$242();
10450
10521
  }
10451
10522
  }), null);
10452
- insert(_el$47, createComponent(Show, {
10523
+ insert(_el$50, createComponent(Show, {
10453
10524
  get when() {
10454
10525
  return isStatic();
10455
10526
  },
10456
10527
  get children() {
10457
- return _tmpl$222();
10528
+ return _tmpl$252();
10458
10529
  }
10459
10530
  }), null);
10460
10531
  createRenderEffect((_p$) => {
10461
10532
  var _v$24 = clsx(styles().queryRow, selectedQueryHash() === props.query.queryHash && styles().selectedQueryRow, "tsqd-query-row"), _v$25 = `Query key ${props.query.queryHash}`, _v$26 = clsx(getObserverCountColorStyles(), "tsqd-query-observer-count");
10462
- _v$24 !== _p$.e && className(_el$47, _p$.e = _v$24);
10463
- _v$25 !== _p$.t && setAttribute(_el$47, "aria-label", _p$.t = _v$25);
10464
- _v$26 !== _p$.a && className(_el$48, _p$.a = _v$26);
10533
+ _v$24 !== _p$.e && className(_el$50, _p$.e = _v$24);
10534
+ _v$25 !== _p$.t && setAttribute(_el$50, "aria-label", _p$.t = _v$25);
10535
+ _v$26 !== _p$.a && className(_el$51, _p$.a = _v$26);
10465
10536
  return _p$;
10466
10537
  }, {
10467
10538
  e: void 0,
10468
10539
  t: void 0,
10469
10540
  a: void 0
10470
10541
  });
10471
- return _el$47;
10542
+ return _el$50;
10472
10543
  }
10473
10544
  });
10474
10545
  };
@@ -10523,11 +10594,11 @@ var MutationRow = (props) => {
10523
10594
  return mutationState();
10524
10595
  },
10525
10596
  get children() {
10526
- var _el$52 = _tmpl$232(), _el$53 = _el$52.firstChild, _el$54 = _el$53.nextSibling;
10527
- _el$52.$$click = () => {
10597
+ var _el$55 = _tmpl$262(), _el$56 = _el$55.firstChild, _el$57 = _el$56.nextSibling;
10598
+ _el$55.$$click = () => {
10528
10599
  setSelectedMutationId(props.mutation.mutationId === selectedMutationId() ? null : props.mutation.mutationId);
10529
10600
  };
10530
- insert(_el$53, createComponent(Show, {
10601
+ insert(_el$56, createComponent(Show, {
10531
10602
  get when() {
10532
10603
  return color() === "purple";
10533
10604
  },
@@ -10535,7 +10606,7 @@ var MutationRow = (props) => {
10535
10606
  return createComponent(PauseCircle, {});
10536
10607
  }
10537
10608
  }), null);
10538
- insert(_el$53, createComponent(Show, {
10609
+ insert(_el$56, createComponent(Show, {
10539
10610
  get when() {
10540
10611
  return color() === "green";
10541
10612
  },
@@ -10543,7 +10614,7 @@ var MutationRow = (props) => {
10543
10614
  return createComponent(CheckCircle, {});
10544
10615
  }
10545
10616
  }), null);
10546
- insert(_el$53, createComponent(Show, {
10617
+ insert(_el$56, createComponent(Show, {
10547
10618
  get when() {
10548
10619
  return color() === "red";
10549
10620
  },
@@ -10551,7 +10622,7 @@ var MutationRow = (props) => {
10551
10622
  return createComponent(XCircle, {});
10552
10623
  }
10553
10624
  }), null);
10554
- insert(_el$53, createComponent(Show, {
10625
+ insert(_el$56, createComponent(Show, {
10555
10626
  get when() {
10556
10627
  return color() === "yellow";
10557
10628
  },
@@ -10559,27 +10630,27 @@ var MutationRow = (props) => {
10559
10630
  return createComponent(LoadingCircle, {});
10560
10631
  }
10561
10632
  }), null);
10562
- insert(_el$54, createComponent(Show, {
10633
+ insert(_el$57, createComponent(Show, {
10563
10634
  get when() {
10564
10635
  return props.mutation.options.mutationKey;
10565
10636
  },
10566
10637
  get children() {
10567
- return [createMemo(() => JSON.stringify(props.mutation.options.mutationKey)), " -", " "];
10638
+ return [memo(() => JSON.stringify(props.mutation.options.mutationKey)), " -", " "];
10568
10639
  }
10569
10640
  }), null);
10570
- insert(_el$54, () => new Date(props.mutation.state.submittedAt).toLocaleString(), null);
10641
+ insert(_el$57, () => new Date(props.mutation.state.submittedAt).toLocaleString(), null);
10571
10642
  createRenderEffect((_p$) => {
10572
10643
  var _v$27 = clsx(styles().queryRow, selectedMutationId() === props.mutation.mutationId && styles().selectedQueryRow, "tsqd-query-row"), _v$28 = `Mutation submitted at ${new Date(props.mutation.state.submittedAt).toLocaleString()}`, _v$29 = clsx(getObserverCountColorStyles(), "tsqd-query-observer-count");
10573
- _v$27 !== _p$.e && className(_el$52, _p$.e = _v$27);
10574
- _v$28 !== _p$.t && setAttribute(_el$52, "aria-label", _p$.t = _v$28);
10575
- _v$29 !== _p$.a && className(_el$53, _p$.a = _v$29);
10644
+ _v$27 !== _p$.e && className(_el$55, _p$.e = _v$27);
10645
+ _v$28 !== _p$.t && setAttribute(_el$55, "aria-label", _p$.t = _v$28);
10646
+ _v$29 !== _p$.a && className(_el$56, _p$.a = _v$29);
10576
10647
  return _p$;
10577
10648
  }, {
10578
10649
  e: void 0,
10579
10650
  t: void 0,
10580
10651
  a: void 0
10581
10652
  });
10582
- return _el$52;
10653
+ return _el$55;
10583
10654
  }
10584
10655
  });
10585
10656
  };
@@ -10597,44 +10668,44 @@ var QueryStatusCount = () => {
10597
10668
  return theme() === "dark" ? darkStyles2(css) : lightStyles2(css);
10598
10669
  });
10599
10670
  return (() => {
10600
- var _el$55 = _tmpl$26();
10601
- insert(_el$55, createComponent(QueryStatus, {
10671
+ var _el$58 = _tmpl$26();
10672
+ insert(_el$58, createComponent(QueryStatus, {
10602
10673
  label: "Fresh",
10603
10674
  color: "green",
10604
10675
  get count() {
10605
10676
  return fresh();
10606
10677
  }
10607
10678
  }), null);
10608
- insert(_el$55, createComponent(QueryStatus, {
10679
+ insert(_el$58, createComponent(QueryStatus, {
10609
10680
  label: "Fetching",
10610
10681
  color: "blue",
10611
10682
  get count() {
10612
10683
  return fetching();
10613
10684
  }
10614
10685
  }), null);
10615
- insert(_el$55, createComponent(QueryStatus, {
10686
+ insert(_el$58, createComponent(QueryStatus, {
10616
10687
  label: "Paused",
10617
10688
  color: "purple",
10618
10689
  get count() {
10619
10690
  return paused();
10620
10691
  }
10621
10692
  }), null);
10622
- insert(_el$55, createComponent(QueryStatus, {
10693
+ insert(_el$58, createComponent(QueryStatus, {
10623
10694
  label: "Stale",
10624
10695
  color: "yellow",
10625
10696
  get count() {
10626
10697
  return stale();
10627
10698
  }
10628
10699
  }), null);
10629
- insert(_el$55, createComponent(QueryStatus, {
10700
+ insert(_el$58, createComponent(QueryStatus, {
10630
10701
  label: "Inactive",
10631
10702
  color: "gray",
10632
10703
  get count() {
10633
10704
  return inactive();
10634
10705
  }
10635
10706
  }), null);
10636
- createRenderEffect(() => className(_el$55, clsx(styles().queryStatusContainer, "tsqd-query-status-container")));
10637
- return _el$55;
10707
+ createRenderEffect(() => className(_el$58, clsx(styles().queryStatusContainer, "tsqd-query-status-container")));
10708
+ return _el$58;
10638
10709
  })();
10639
10710
  };
10640
10711
  var MutationStatusCount = () => {
@@ -10662,37 +10733,37 @@ var MutationStatusCount = () => {
10662
10733
  return theme() === "dark" ? darkStyles2(css) : lightStyles2(css);
10663
10734
  });
10664
10735
  return (() => {
10665
- var _el$56 = _tmpl$26();
10666
- insert(_el$56, createComponent(QueryStatus, {
10736
+ var _el$59 = _tmpl$26();
10737
+ insert(_el$59, createComponent(QueryStatus, {
10667
10738
  label: "Paused",
10668
10739
  color: "purple",
10669
10740
  get count() {
10670
10741
  return paused();
10671
10742
  }
10672
10743
  }), null);
10673
- insert(_el$56, createComponent(QueryStatus, {
10744
+ insert(_el$59, createComponent(QueryStatus, {
10674
10745
  label: "Pending",
10675
10746
  color: "yellow",
10676
10747
  get count() {
10677
10748
  return pending();
10678
10749
  }
10679
10750
  }), null);
10680
- insert(_el$56, createComponent(QueryStatus, {
10751
+ insert(_el$59, createComponent(QueryStatus, {
10681
10752
  label: "Success",
10682
10753
  color: "green",
10683
10754
  get count() {
10684
10755
  return success();
10685
10756
  }
10686
10757
  }), null);
10687
- insert(_el$56, createComponent(QueryStatus, {
10758
+ insert(_el$59, createComponent(QueryStatus, {
10688
10759
  label: "Error",
10689
10760
  color: "red",
10690
10761
  get count() {
10691
10762
  return error();
10692
10763
  }
10693
10764
  }), null);
10694
- createRenderEffect(() => className(_el$56, clsx(styles().queryStatusContainer, "tsqd-query-status-container")));
10695
- return _el$56;
10765
+ createRenderEffect(() => className(_el$59, clsx(styles().queryStatusContainer, "tsqd-query-status-container")));
10766
+ return _el$59;
10696
10767
  })();
10697
10768
  };
10698
10769
  var QueryStatus = (props) => {
@@ -10723,17 +10794,17 @@ var QueryStatus = (props) => {
10723
10794
  return true;
10724
10795
  });
10725
10796
  return (() => {
10726
- var _el$57 = _tmpl$262(), _el$59 = _el$57.firstChild, _el$61 = _el$59.nextSibling;
10797
+ var _el$60 = _tmpl$29(), _el$62 = _el$60.firstChild, _el$64 = _el$62.nextSibling;
10727
10798
  var _ref$5 = tagRef;
10728
- typeof _ref$5 === "function" ? use(_ref$5, _el$57) : tagRef = _el$57;
10729
- _el$57.addEventListener("mouseleave", () => {
10799
+ typeof _ref$5 === "function" ? use(_ref$5, _el$60) : tagRef = _el$60;
10800
+ _el$60.addEventListener("mouseleave", () => {
10730
10801
  setMouseOver(false);
10731
10802
  setFocused(false);
10732
10803
  });
10733
- _el$57.addEventListener("mouseenter", () => setMouseOver(true));
10734
- _el$57.addEventListener("blur", () => setFocused(false));
10735
- _el$57.addEventListener("focus", () => setFocused(true));
10736
- spread(_el$57, mergeProps({
10804
+ _el$60.addEventListener("mouseenter", () => setMouseOver(true));
10805
+ _el$60.addEventListener("blur", () => setFocused(false));
10806
+ _el$60.addEventListener("focus", () => setFocused(true));
10807
+ spread(_el$60, mergeProps({
10737
10808
  get disabled() {
10738
10809
  return showLabel();
10739
10810
  },
@@ -10748,29 +10819,29 @@ var QueryStatus = (props) => {
10748
10819
  }, () => mouseOver() || focused() ? {
10749
10820
  "aria-describedby": "tsqd-status-tooltip"
10750
10821
  } : {}), false, true);
10751
- insert(_el$57, createComponent(Show, {
10822
+ insert(_el$60, createComponent(Show, {
10752
10823
  get when() {
10753
- return createMemo(() => !!!showLabel())() && (mouseOver() || focused());
10824
+ return memo(() => !!!showLabel())() && (mouseOver() || focused());
10754
10825
  },
10755
10826
  get children() {
10756
- var _el$58 = _tmpl$242();
10757
- insert(_el$58, () => props.label);
10758
- createRenderEffect(() => className(_el$58, clsx(styles().statusTooltip, "tsqd-query-status-tooltip")));
10759
- return _el$58;
10827
+ var _el$61 = _tmpl$27();
10828
+ insert(_el$61, () => props.label);
10829
+ createRenderEffect(() => className(_el$61, clsx(styles().statusTooltip, "tsqd-query-status-tooltip")));
10830
+ return _el$61;
10760
10831
  }
10761
- }), _el$59);
10762
- insert(_el$57, createComponent(Show, {
10832
+ }), _el$62);
10833
+ insert(_el$60, createComponent(Show, {
10763
10834
  get when() {
10764
10835
  return showLabel();
10765
10836
  },
10766
10837
  get children() {
10767
- var _el$60 = _tmpl$252();
10768
- insert(_el$60, () => props.label);
10769
- createRenderEffect(() => className(_el$60, clsx(styles().queryStatusTagLabel, "tsqd-query-status-tag-label")));
10770
- return _el$60;
10838
+ var _el$63 = _tmpl$28();
10839
+ insert(_el$63, () => props.label);
10840
+ createRenderEffect(() => className(_el$63, clsx(styles().queryStatusTagLabel, "tsqd-query-status-tag-label")));
10841
+ return _el$63;
10771
10842
  }
10772
- }), _el$61);
10773
- insert(_el$61, () => props.count);
10843
+ }), _el$64);
10844
+ insert(_el$64, () => props.count);
10774
10845
  createRenderEffect((_p$) => {
10775
10846
  var _v$30 = clsx(css`
10776
10847
  width: ${tokens.size[1.5]};
@@ -10781,14 +10852,14 @@ var QueryStatus = (props) => {
10781
10852
  background-color: ${t2(colors[props.color][100], colors[props.color][900])};
10782
10853
  color: ${t2(colors[props.color][700], colors[props.color][300])};
10783
10854
  `, "tsqd-query-status-tag-count");
10784
- _v$30 !== _p$.e && className(_el$59, _p$.e = _v$30);
10785
- _v$31 !== _p$.t && className(_el$61, _p$.t = _v$31);
10855
+ _v$30 !== _p$.e && className(_el$62, _p$.e = _v$30);
10856
+ _v$31 !== _p$.t && className(_el$64, _p$.t = _v$31);
10786
10857
  return _p$;
10787
10858
  }, {
10788
10859
  e: void 0,
10789
10860
  t: void 0
10790
10861
  });
10791
- return _el$57;
10862
+ return _el$60;
10792
10863
  })();
10793
10864
  };
10794
10865
  var QueryDetails = () => {
@@ -10902,30 +10973,30 @@ var QueryDetails = () => {
10902
10973
  };
10903
10974
  return createComponent(Show, {
10904
10975
  get when() {
10905
- return createMemo(() => !!activeQuery())() && activeQueryState();
10976
+ return memo(() => !!activeQuery())() && activeQueryState();
10906
10977
  },
10907
10978
  get children() {
10908
- var _el$62 = _tmpl$31(), _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$96.firstChild; var _el$106 = _el$96.nextSibling, _el$107 = _el$106.nextSibling;
10909
- insert(_el$67, () => displayValue(activeQuery().queryKey, true));
10910
- insert(_el$68, statusLabel);
10911
- insert(_el$71, observerCount);
10912
- insert(_el$74, () => new Date(activeQueryState().dataUpdatedAt).toLocaleTimeString());
10913
- _el$77.$$click = handleRefetch;
10914
- _el$79.$$click = () => {
10979
+ var _el$65 = _tmpl$34(), _el$66 = _el$65.firstChild, _el$67 = _el$66.nextSibling, _el$68 = _el$67.firstChild, _el$69 = _el$68.firstChild, _el$70 = _el$69.firstChild, _el$71 = _el$69.nextSibling, _el$72 = _el$68.nextSibling, _el$73 = _el$72.firstChild, _el$74 = _el$73.nextSibling, _el$75 = _el$72.nextSibling, _el$76 = _el$75.firstChild, _el$77 = _el$76.nextSibling, _el$78 = _el$67.nextSibling, _el$79 = _el$78.nextSibling, _el$80 = _el$79.firstChild, _el$81 = _el$80.firstChild, _el$82 = _el$80.nextSibling, _el$83 = _el$82.firstChild, _el$84 = _el$82.nextSibling, _el$85 = _el$84.firstChild, _el$86 = _el$84.nextSibling, _el$87 = _el$86.firstChild, _el$88 = _el$86.nextSibling, _el$89 = _el$88.firstChild, _el$90 = _el$89.nextSibling, _el$99 = _el$79.nextSibling; _el$99.firstChild; var _el$109 = _el$99.nextSibling, _el$110 = _el$109.nextSibling;
10980
+ insert(_el$70, () => displayValue(activeQuery().queryKey, true));
10981
+ insert(_el$71, statusLabel);
10982
+ insert(_el$74, observerCount);
10983
+ insert(_el$77, () => new Date(activeQueryState().dataUpdatedAt).toLocaleTimeString());
10984
+ _el$80.$$click = handleRefetch;
10985
+ _el$82.$$click = () => {
10915
10986
  sendDevToolsEvent({
10916
10987
  type: "INVALIDATE",
10917
10988
  queryHash: activeQuery()?.queryHash
10918
10989
  });
10919
10990
  queryClient.invalidateQueries(activeQuery());
10920
10991
  };
10921
- _el$81.$$click = () => {
10992
+ _el$84.$$click = () => {
10922
10993
  sendDevToolsEvent({
10923
10994
  type: "RESET",
10924
10995
  queryHash: activeQuery()?.queryHash
10925
10996
  });
10926
10997
  queryClient.resetQueries(activeQuery());
10927
10998
  };
10928
- _el$83.$$click = () => {
10999
+ _el$86.$$click = () => {
10929
11000
  sendDevToolsEvent({
10930
11001
  type: "REMOVE",
10931
11002
  queryHash: activeQuery()?.queryHash
@@ -10933,7 +11004,7 @@ var QueryDetails = () => {
10933
11004
  queryClient.removeQueries(activeQuery());
10934
11005
  setSelectedQueryHash(null);
10935
11006
  };
10936
- _el$85.$$click = () => {
11007
+ _el$88.$$click = () => {
10937
11008
  if (activeQuery()?.state.data === void 0) {
10938
11009
  setRestoringLoading(true);
10939
11010
  restoreQueryAfterLoadingOrError();
@@ -10963,14 +11034,14 @@ var QueryDetails = () => {
10963
11034
  });
10964
11035
  }
10965
11036
  };
10966
- insert(_el$85, () => queryStatus() === "pending" ? "Restore" : "Trigger", _el$87);
10967
- insert(_el$76, createComponent(Show, {
11037
+ insert(_el$88, () => queryStatus() === "pending" ? "Restore" : "Trigger", _el$90);
11038
+ insert(_el$79, createComponent(Show, {
10968
11039
  get when() {
10969
11040
  return errorTypes().length === 0 || queryStatus() === "error";
10970
11041
  },
10971
11042
  get children() {
10972
- var _el$88 = _tmpl$27(), _el$89 = _el$88.firstChild, _el$90 = _el$89.nextSibling;
10973
- _el$88.$$click = () => {
11043
+ var _el$91 = _tmpl$30(), _el$92 = _el$91.firstChild, _el$93 = _el$92.nextSibling;
11044
+ _el$91.$$click = () => {
10974
11045
  if (!activeQuery().state.error) {
10975
11046
  triggerError();
10976
11047
  } else {
@@ -10981,71 +11052,71 @@ var QueryDetails = () => {
10981
11052
  queryClient.resetQueries(activeQuery());
10982
11053
  }
10983
11054
  };
10984
- insert(_el$88, () => queryStatus() === "error" ? "Restore" : "Trigger", _el$90);
11055
+ insert(_el$91, () => queryStatus() === "error" ? "Restore" : "Trigger", _el$93);
10985
11056
  createRenderEffect((_p$) => {
10986
11057
  var _v$32 = clsx(css`
10987
11058
  color: ${t2(colors.red[500], colors.red[400])};
10988
11059
  `, "tsqd-query-details-actions-btn", "tsqd-query-details-action-error"), _v$33 = queryStatus() === "pending", _v$34 = css`
10989
11060
  background-color: ${t2(colors.red[500], colors.red[400])};
10990
11061
  `;
10991
- _v$32 !== _p$.e && className(_el$88, _p$.e = _v$32);
10992
- _v$33 !== _p$.t && (_el$88.disabled = _p$.t = _v$33);
10993
- _v$34 !== _p$.a && className(_el$89, _p$.a = _v$34);
11062
+ _v$32 !== _p$.e && className(_el$91, _p$.e = _v$32);
11063
+ _v$33 !== _p$.t && (_el$91.disabled = _p$.t = _v$33);
11064
+ _v$34 !== _p$.a && className(_el$92, _p$.a = _v$34);
10994
11065
  return _p$;
10995
11066
  }, {
10996
11067
  e: void 0,
10997
11068
  t: void 0,
10998
11069
  a: void 0
10999
11070
  });
11000
- return _el$88;
11071
+ return _el$91;
11001
11072
  }
11002
11073
  }), null);
11003
- insert(_el$76, createComponent(Show, {
11074
+ insert(_el$79, createComponent(Show, {
11004
11075
  get when() {
11005
11076
  return !(errorTypes().length === 0 || queryStatus() === "error");
11006
11077
  },
11007
11078
  get children() {
11008
- var _el$91 = _tmpl$28(), _el$92 = _el$91.firstChild, _el$93 = _el$92.nextSibling, _el$94 = _el$93.nextSibling; _el$94.firstChild;
11009
- _el$94.addEventListener("change", (e2) => {
11079
+ var _el$94 = _tmpl$31(), _el$95 = _el$94.firstChild, _el$96 = _el$95.nextSibling, _el$97 = _el$96.nextSibling; _el$97.firstChild;
11080
+ _el$97.addEventListener("change", (e2) => {
11010
11081
  const errorType = errorTypes().find((et) => et.name === e2.currentTarget.value);
11011
11082
  triggerError(errorType);
11012
11083
  });
11013
- insert(_el$94, createComponent(For, {
11084
+ insert(_el$97, createComponent(For, {
11014
11085
  get each() {
11015
11086
  return errorTypes();
11016
11087
  },
11017
11088
  children: (errorType) => (() => {
11018
- var _el$108 = _tmpl$322();
11019
- insert(_el$108, () => errorType.name);
11020
- createRenderEffect(() => _el$108.value = errorType.name);
11021
- return _el$108;
11089
+ var _el$111 = _tmpl$35();
11090
+ insert(_el$111, () => errorType.name);
11091
+ createRenderEffect(() => _el$111.value = errorType.name);
11092
+ return _el$111;
11022
11093
  })()
11023
11094
  }), null);
11024
- insert(_el$91, createComponent(ChevronDown, {}), null);
11095
+ insert(_el$94, createComponent(ChevronDown, {}), null);
11025
11096
  createRenderEffect((_p$) => {
11026
11097
  var _v$35 = clsx(styles().actionsSelect, "tsqd-query-details-actions-btn", "tsqd-query-details-action-error-multiple"), _v$36 = css`
11027
11098
  background-color: ${tokens.colors.red[400]};
11028
11099
  `, _v$37 = queryStatus() === "pending";
11029
- _v$35 !== _p$.e && className(_el$91, _p$.e = _v$35);
11030
- _v$36 !== _p$.t && className(_el$92, _p$.t = _v$36);
11031
- _v$37 !== _p$.a && (_el$94.disabled = _p$.a = _v$37);
11100
+ _v$35 !== _p$.e && className(_el$94, _p$.e = _v$35);
11101
+ _v$36 !== _p$.t && className(_el$95, _p$.t = _v$36);
11102
+ _v$37 !== _p$.a && (_el$97.disabled = _p$.a = _v$37);
11032
11103
  return _p$;
11033
11104
  }, {
11034
11105
  e: void 0,
11035
11106
  t: void 0,
11036
11107
  a: void 0
11037
11108
  });
11038
- return _el$91;
11109
+ return _el$94;
11039
11110
  }
11040
11111
  }), null);
11041
- insert(_el$96, () => dataMode() === "view" ? "Explorer" : "Editor", null);
11042
- insert(_el$62, createComponent(Show, {
11112
+ insert(_el$99, () => dataMode() === "view" ? "Explorer" : "Editor", null);
11113
+ insert(_el$65, createComponent(Show, {
11043
11114
  get when() {
11044
11115
  return dataMode() === "view";
11045
11116
  },
11046
11117
  get children() {
11047
- var _el$98 = _tmpl$29();
11048
- insert(_el$98, createComponent(Explorer, {
11118
+ var _el$101 = _tmpl$322();
11119
+ insert(_el$101, createComponent(Explorer, {
11049
11120
  label: "Data",
11050
11121
  defaultExpanded: ["Data"],
11051
11122
  get value() {
@@ -11057,17 +11128,17 @@ var QueryDetails = () => {
11057
11128
  return activeQuery();
11058
11129
  }
11059
11130
  }));
11060
- createRenderEffect((_$p) => (_$p = tokens.size[2]) != null ? _el$98.style.setProperty("padding", _$p) : _el$98.style.removeProperty("padding"));
11061
- return _el$98;
11131
+ createRenderEffect((_$p) => (_$p = tokens.size[2]) != null ? _el$101.style.setProperty("padding", _$p) : _el$101.style.removeProperty("padding"));
11132
+ return _el$101;
11062
11133
  }
11063
- }), _el$106);
11064
- insert(_el$62, createComponent(Show, {
11134
+ }), _el$109);
11135
+ insert(_el$65, createComponent(Show, {
11065
11136
  get when() {
11066
11137
  return dataMode() === "edit";
11067
11138
  },
11068
11139
  get children() {
11069
- var _el$99 = _tmpl$30(), _el$100 = _el$99.firstChild, _el$101 = _el$100.nextSibling, _el$102 = _el$101.firstChild, _el$103 = _el$102.nextSibling, _el$104 = _el$103.firstChild, _el$105 = _el$104.nextSibling;
11070
- _el$99.addEventListener("submit", (e2) => {
11140
+ var _el$102 = _tmpl$332(), _el$103 = _el$102.firstChild, _el$104 = _el$103.nextSibling, _el$105 = _el$104.firstChild, _el$106 = _el$105.nextSibling, _el$107 = _el$106.firstChild, _el$108 = _el$107.nextSibling;
11141
+ _el$102.addEventListener("submit", (e2) => {
11071
11142
  e2.preventDefault();
11072
11143
  const formData = new FormData(e2.currentTarget);
11073
11144
  const data = formData.get("data");
@@ -11082,23 +11153,23 @@ var QueryDetails = () => {
11082
11153
  setDataEditError(true);
11083
11154
  }
11084
11155
  });
11085
- _el$100.addEventListener("focus", () => setDataEditError(false));
11086
- insert(_el$102, () => dataEditError() ? "Invalid Value" : "");
11087
- _el$104.$$click = () => setDataMode("view");
11156
+ _el$103.addEventListener("focus", () => setDataEditError(false));
11157
+ insert(_el$105, () => dataEditError() ? "Invalid Value" : "");
11158
+ _el$107.$$click = () => setDataMode("view");
11088
11159
  createRenderEffect((_p$) => {
11089
11160
  var _v$38 = clsx(styles().devtoolsEditForm, "tsqd-query-details-data-editor"), _v$39 = styles().devtoolsEditTextarea, _v$40 = dataEditError(), _v$41 = styles().devtoolsEditFormActions, _v$42 = styles().devtoolsEditFormError, _v$43 = styles().devtoolsEditFormActionContainer, _v$44 = clsx(styles().devtoolsEditFormAction, css`
11090
11161
  color: ${t2(colors.gray[600], colors.gray[300])};
11091
11162
  `), _v$45 = clsx(styles().devtoolsEditFormAction, css`
11092
11163
  color: ${t2(colors.blue[600], colors.blue[400])};
11093
11164
  `);
11094
- _v$38 !== _p$.e && className(_el$99, _p$.e = _v$38);
11095
- _v$39 !== _p$.t && className(_el$100, _p$.t = _v$39);
11096
- _v$40 !== _p$.a && setAttribute(_el$100, "data-error", _p$.a = _v$40);
11097
- _v$41 !== _p$.o && className(_el$101, _p$.o = _v$41);
11098
- _v$42 !== _p$.i && className(_el$102, _p$.i = _v$42);
11099
- _v$43 !== _p$.n && className(_el$103, _p$.n = _v$43);
11100
- _v$44 !== _p$.s && className(_el$104, _p$.s = _v$44);
11101
- _v$45 !== _p$.h && className(_el$105, _p$.h = _v$45);
11165
+ _v$38 !== _p$.e && className(_el$102, _p$.e = _v$38);
11166
+ _v$39 !== _p$.t && className(_el$103, _p$.t = _v$39);
11167
+ _v$40 !== _p$.a && setAttribute(_el$103, "data-error", _p$.a = _v$40);
11168
+ _v$41 !== _p$.o && className(_el$104, _p$.o = _v$41);
11169
+ _v$42 !== _p$.i && className(_el$105, _p$.i = _v$42);
11170
+ _v$43 !== _p$.n && className(_el$106, _p$.n = _v$43);
11171
+ _v$44 !== _p$.s && className(_el$107, _p$.s = _v$44);
11172
+ _v$45 !== _p$.h && className(_el$108, _p$.h = _v$45);
11102
11173
  return _p$;
11103
11174
  }, {
11104
11175
  e: void 0,
@@ -11110,11 +11181,11 @@ var QueryDetails = () => {
11110
11181
  s: void 0,
11111
11182
  h: void 0
11112
11183
  });
11113
- createRenderEffect(() => _el$100.value = JSON.stringify(activeQueryStateData(), null, 2));
11114
- return _el$99;
11184
+ createRenderEffect(() => _el$103.value = JSON.stringify(activeQueryStateData(), null, 2));
11185
+ return _el$102;
11115
11186
  }
11116
- }), _el$106);
11117
- insert(_el$107, createComponent(Explorer, {
11187
+ }), _el$109);
11188
+ insert(_el$110, createComponent(Explorer, {
11118
11189
  label: "Query",
11119
11190
  defaultExpanded: ["Query", "queryKey"],
11120
11191
  get value() {
@@ -11143,30 +11214,30 @@ var QueryDetails = () => {
11143
11214
  `, "tsqd-query-details-actions-btn", "tsqd-query-details-action-loading"), _v$65 = restoringLoading(), _v$66 = css`
11144
11215
  background-color: ${t2(colors.cyan[500], colors.cyan[400])};
11145
11216
  `, _v$67 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$68 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$69 = tokens.size[2];
11146
- _v$46 !== _p$.e && className(_el$62, _p$.e = _v$46);
11147
- _v$47 !== _p$.t && className(_el$63, _p$.t = _v$47);
11148
- _v$48 !== _p$.a && className(_el$64, _p$.a = _v$48);
11149
- _v$49 !== _p$.o && className(_el$68, _p$.o = _v$49);
11150
- _v$50 !== _p$.i && className(_el$75, _p$.i = _v$50);
11151
- _v$51 !== _p$.n && className(_el$76, _p$.n = _v$51);
11152
- _v$52 !== _p$.s && className(_el$77, _p$.s = _v$52);
11153
- _v$53 !== _p$.h && (_el$77.disabled = _p$.h = _v$53);
11154
- _v$54 !== _p$.r && className(_el$78, _p$.r = _v$54);
11155
- _v$55 !== _p$.d && className(_el$79, _p$.d = _v$55);
11156
- _v$56 !== _p$.l && (_el$79.disabled = _p$.l = _v$56);
11157
- _v$57 !== _p$.u && className(_el$80, _p$.u = _v$57);
11158
- _v$58 !== _p$.c && className(_el$81, _p$.c = _v$58);
11159
- _v$59 !== _p$.w && (_el$81.disabled = _p$.w = _v$59);
11160
- _v$60 !== _p$.m && className(_el$82, _p$.m = _v$60);
11161
- _v$61 !== _p$.f && className(_el$83, _p$.f = _v$61);
11162
- _v$62 !== _p$.y && (_el$83.disabled = _p$.y = _v$62);
11163
- _v$63 !== _p$.g && className(_el$84, _p$.g = _v$63);
11164
- _v$64 !== _p$.p && className(_el$85, _p$.p = _v$64);
11165
- _v$65 !== _p$.b && (_el$85.disabled = _p$.b = _v$65);
11166
- _v$66 !== _p$.T && className(_el$86, _p$.T = _v$66);
11167
- _v$67 !== _p$.A && className(_el$96, _p$.A = _v$67);
11168
- _v$68 !== _p$.O && className(_el$106, _p$.O = _v$68);
11169
- _v$69 !== _p$.I && ((_p$.I = _v$69) != null ? _el$107.style.setProperty("padding", _v$69) : _el$107.style.removeProperty("padding"));
11217
+ _v$46 !== _p$.e && className(_el$65, _p$.e = _v$46);
11218
+ _v$47 !== _p$.t && className(_el$66, _p$.t = _v$47);
11219
+ _v$48 !== _p$.a && className(_el$67, _p$.a = _v$48);
11220
+ _v$49 !== _p$.o && className(_el$71, _p$.o = _v$49);
11221
+ _v$50 !== _p$.i && className(_el$78, _p$.i = _v$50);
11222
+ _v$51 !== _p$.n && className(_el$79, _p$.n = _v$51);
11223
+ _v$52 !== _p$.s && className(_el$80, _p$.s = _v$52);
11224
+ _v$53 !== _p$.h && (_el$80.disabled = _p$.h = _v$53);
11225
+ _v$54 !== _p$.r && className(_el$81, _p$.r = _v$54);
11226
+ _v$55 !== _p$.d && className(_el$82, _p$.d = _v$55);
11227
+ _v$56 !== _p$.l && (_el$82.disabled = _p$.l = _v$56);
11228
+ _v$57 !== _p$.u && className(_el$83, _p$.u = _v$57);
11229
+ _v$58 !== _p$.c && className(_el$84, _p$.c = _v$58);
11230
+ _v$59 !== _p$.w && (_el$84.disabled = _p$.w = _v$59);
11231
+ _v$60 !== _p$.m && className(_el$85, _p$.m = _v$60);
11232
+ _v$61 !== _p$.f && className(_el$86, _p$.f = _v$61);
11233
+ _v$62 !== _p$.y && (_el$86.disabled = _p$.y = _v$62);
11234
+ _v$63 !== _p$.g && className(_el$87, _p$.g = _v$63);
11235
+ _v$64 !== _p$.p && className(_el$88, _p$.p = _v$64);
11236
+ _v$65 !== _p$.b && (_el$88.disabled = _p$.b = _v$65);
11237
+ _v$66 !== _p$.T && className(_el$89, _p$.T = _v$66);
11238
+ _v$67 !== _p$.A && className(_el$99, _p$.A = _v$67);
11239
+ _v$68 !== _p$.O && className(_el$109, _p$.O = _v$68);
11240
+ _v$69 !== _p$.I && ((_p$.I = _v$69) != null ? _el$110.style.setProperty("padding", _v$69) : _el$110.style.removeProperty("padding"));
11170
11241
  return _p$;
11171
11242
  }, {
11172
11243
  e: void 0,
@@ -11194,7 +11265,7 @@ var QueryDetails = () => {
11194
11265
  O: void 0,
11195
11266
  I: void 0
11196
11267
  });
11197
- return _el$62;
11268
+ return _el$65;
11198
11269
  }
11199
11270
  });
11200
11271
  };
@@ -11246,8 +11317,8 @@ var MutationDetails = () => {
11246
11317
  return activeMutation();
11247
11318
  },
11248
11319
  get children() {
11249
- var _el$109 = _tmpl$332(), _el$110 = _el$109.firstChild, _el$111 = _el$110.nextSibling, _el$112 = _el$111.firstChild, _el$113 = _el$112.firstChild, _el$114 = _el$113.firstChild, _el$115 = _el$113.nextSibling, _el$116 = _el$112.nextSibling, _el$117 = _el$116.firstChild, _el$118 = _el$117.nextSibling, _el$119 = _el$111.nextSibling, _el$120 = _el$119.nextSibling, _el$121 = _el$120.nextSibling, _el$122 = _el$121.nextSibling, _el$123 = _el$122.nextSibling, _el$124 = _el$123.nextSibling, _el$125 = _el$124.nextSibling, _el$126 = _el$125.nextSibling;
11250
- insert(_el$114, createComponent(Show, {
11320
+ var _el$112 = _tmpl$36(), _el$113 = _el$112.firstChild, _el$114 = _el$113.nextSibling, _el$115 = _el$114.firstChild, _el$116 = _el$115.firstChild, _el$117 = _el$116.firstChild, _el$118 = _el$116.nextSibling, _el$119 = _el$115.nextSibling, _el$120 = _el$119.firstChild, _el$121 = _el$120.nextSibling, _el$122 = _el$114.nextSibling, _el$123 = _el$122.nextSibling, _el$124 = _el$123.nextSibling, _el$125 = _el$124.nextSibling, _el$126 = _el$125.nextSibling, _el$127 = _el$126.nextSibling, _el$128 = _el$127.nextSibling, _el$129 = _el$128.nextSibling;
11321
+ insert(_el$117, createComponent(Show, {
11251
11322
  get when() {
11252
11323
  return activeMutation().options.mutationKey;
11253
11324
  },
@@ -11256,13 +11327,13 @@ var MutationDetails = () => {
11256
11327
  return displayValue(activeMutation().options.mutationKey, true);
11257
11328
  }
11258
11329
  }));
11259
- insert(_el$115, createComponent(Show, {
11330
+ insert(_el$118, createComponent(Show, {
11260
11331
  get when() {
11261
11332
  return color() === "purple";
11262
11333
  },
11263
11334
  children: "pending"
11264
11335
  }), null);
11265
- insert(_el$115, createComponent(Show, {
11336
+ insert(_el$118, createComponent(Show, {
11266
11337
  get when() {
11267
11338
  return color() !== "purple";
11268
11339
  },
@@ -11270,29 +11341,29 @@ var MutationDetails = () => {
11270
11341
  return status();
11271
11342
  }
11272
11343
  }), null);
11273
- insert(_el$118, () => new Date(activeMutation().state.submittedAt).toLocaleTimeString());
11274
- insert(_el$120, createComponent(Explorer, {
11344
+ insert(_el$121, () => new Date(activeMutation().state.submittedAt).toLocaleTimeString());
11345
+ insert(_el$123, createComponent(Explorer, {
11275
11346
  label: "Variables",
11276
11347
  defaultExpanded: ["Variables"],
11277
11348
  get value() {
11278
11349
  return activeMutation().state.variables;
11279
11350
  }
11280
11351
  }));
11281
- insert(_el$122, createComponent(Explorer, {
11352
+ insert(_el$125, createComponent(Explorer, {
11282
11353
  label: "Context",
11283
11354
  defaultExpanded: ["Context"],
11284
11355
  get value() {
11285
11356
  return activeMutation().state.context;
11286
11357
  }
11287
11358
  }));
11288
- insert(_el$124, createComponent(Explorer, {
11359
+ insert(_el$127, createComponent(Explorer, {
11289
11360
  label: "Data",
11290
11361
  defaultExpanded: ["Data"],
11291
11362
  get value() {
11292
11363
  return activeMutation().state.data;
11293
11364
  }
11294
11365
  }));
11295
- insert(_el$126, createComponent(Explorer, {
11366
+ insert(_el$129, createComponent(Explorer, {
11296
11367
  label: "Mutation",
11297
11368
  defaultExpanded: ["Mutation"],
11298
11369
  get value() {
@@ -11301,18 +11372,18 @@ var MutationDetails = () => {
11301
11372
  }));
11302
11373
  createRenderEffect((_p$) => {
11303
11374
  var _v$70 = clsx(styles().detailsContainer, "tsqd-query-details-container"), _v$71 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$72 = clsx(styles().detailsBody, "tsqd-query-details-summary-container"), _v$73 = clsx(styles().queryDetailsStatus, getQueryStatusColors()), _v$74 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$75 = tokens.size[2], _v$76 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$77 = tokens.size[2], _v$78 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$79 = tokens.size[2], _v$80 = clsx(styles().detailsHeader, "tsqd-query-details-header"), _v$81 = tokens.size[2];
11304
- _v$70 !== _p$.e && className(_el$109, _p$.e = _v$70);
11305
- _v$71 !== _p$.t && className(_el$110, _p$.t = _v$71);
11306
- _v$72 !== _p$.a && className(_el$111, _p$.a = _v$72);
11307
- _v$73 !== _p$.o && className(_el$115, _p$.o = _v$73);
11308
- _v$74 !== _p$.i && className(_el$119, _p$.i = _v$74);
11309
- _v$75 !== _p$.n && ((_p$.n = _v$75) != null ? _el$120.style.setProperty("padding", _v$75) : _el$120.style.removeProperty("padding"));
11310
- _v$76 !== _p$.s && className(_el$121, _p$.s = _v$76);
11311
- _v$77 !== _p$.h && ((_p$.h = _v$77) != null ? _el$122.style.setProperty("padding", _v$77) : _el$122.style.removeProperty("padding"));
11312
- _v$78 !== _p$.r && className(_el$123, _p$.r = _v$78);
11313
- _v$79 !== _p$.d && ((_p$.d = _v$79) != null ? _el$124.style.setProperty("padding", _v$79) : _el$124.style.removeProperty("padding"));
11314
- _v$80 !== _p$.l && className(_el$125, _p$.l = _v$80);
11315
- _v$81 !== _p$.u && ((_p$.u = _v$81) != null ? _el$126.style.setProperty("padding", _v$81) : _el$126.style.removeProperty("padding"));
11375
+ _v$70 !== _p$.e && className(_el$112, _p$.e = _v$70);
11376
+ _v$71 !== _p$.t && className(_el$113, _p$.t = _v$71);
11377
+ _v$72 !== _p$.a && className(_el$114, _p$.a = _v$72);
11378
+ _v$73 !== _p$.o && className(_el$118, _p$.o = _v$73);
11379
+ _v$74 !== _p$.i && className(_el$122, _p$.i = _v$74);
11380
+ _v$75 !== _p$.n && ((_p$.n = _v$75) != null ? _el$123.style.setProperty("padding", _v$75) : _el$123.style.removeProperty("padding"));
11381
+ _v$76 !== _p$.s && className(_el$124, _p$.s = _v$76);
11382
+ _v$77 !== _p$.h && ((_p$.h = _v$77) != null ? _el$125.style.setProperty("padding", _v$77) : _el$125.style.removeProperty("padding"));
11383
+ _v$78 !== _p$.r && className(_el$126, _p$.r = _v$78);
11384
+ _v$79 !== _p$.d && ((_p$.d = _v$79) != null ? _el$127.style.setProperty("padding", _v$79) : _el$127.style.removeProperty("padding"));
11385
+ _v$80 !== _p$.l && className(_el$128, _p$.l = _v$80);
11386
+ _v$81 !== _p$.u && ((_p$.u = _v$81) != null ? _el$129.style.setProperty("padding", _v$81) : _el$129.style.removeProperty("padding"));
11316
11387
  return _p$;
11317
11388
  }, {
11318
11389
  e: void 0,
@@ -11328,7 +11399,7 @@ var MutationDetails = () => {
11328
11399
  l: void 0,
11329
11400
  u: void 0
11330
11401
  });
11331
- return _el$109;
11402
+ return _el$112;
11332
11403
  }
11333
11404
  });
11334
11405
  };