tinybase 8.1.0-beta.0 → 8.1.0-beta.2

package/omni/index.js

@@ -2,8 +2,6 @@ import {DurableObject} from 'cloudflare:workers';
 import {addDatabaseChangeListener} from 'expo-sqlite';
 import {existsSync, watch, writeFileSync} from 'fs';
 import {readFile, writeFile} from 'fs/promises';
-import React from 'react';
-import {Fragment, jsx, jsxs} from 'react/jsx-runtime';
 import {Map as Map$1} from 'yjs';
 
 const getTypeOf = (thing) => typeof thing;
@@ -34,7 +32,6 @@ const SET = 'set';
 const ADD = 'add';
 const DEL = 'del';
 const HAS = 'Has';
-const _HAS = 'has';
 const IDS = 'Ids';
 const TABLE$1 = 'Table';
 const TABLES = TABLE$1 + 's';
@@ -49,24 +46,9 @@ const VALUE = 'Value';
 const VALUES = VALUE + 's';
 const VALUE_IDS = VALUE + IDS;
 const TRANSACTION = 'Transaction';
-const PARTIAL = 'Partial';
-const FINISH = 'Finish';
-const STATUS = 'Status';
-const METRIC = 'Metric';
-const INDEX = 'Index';
-const SLICE = 'Slice';
-const RELATIONSHIP = 'Relationship';
-const REMOTE_ROW_ID = 'Remote' + ROW + 'Id';
-const LOCAL = 'Local';
-const LINKED = 'Linked';
-const QUERY = 'Query';
-const CHECKPOINT = 'Checkpoint';
-const CURRENT_TARGET = 'currentTarget';
-const _VALUE = 'value';
 const OPEN = 'open';
 const MESSAGE = 'message';
 const ERROR = 'error';
-const EXTRA = 'extra';
 const T = 't';
 const V = 'v';
 const UNDEFINED = '\uFFFC';
@@ -82,7 +64,10 @@ const strReplace = (str, searchValue, replaceValue) =>
 
 const promise = Promise;
 const getIfNotFunction = (predicate) => (value, then, otherwise) =>
-  predicate(value) ? otherwise?.() : then(value);
+  predicate(value)
+    ? /* istanbul ignore next */
+      otherwise?.()
+    : then(value);
 const GLOBAL = globalThis;
 const WINDOW = GLOBAL.window;
 const THOUSAND = 1e3;
@@ -114,21 +99,12 @@ const size = (arrayOrString) => arrayOrString.length;
 const test = (regex, subject) => regex.test(subject);
 const getUndefined = () => void 0;
 const noop = () => {};
-const getArg = (value) => value;
 const promiseNew = (resolver) => new promise(resolver);
 const promiseAll = async (promises) => promise.all(promises);
 const structuredClone = GLOBAL.structuredClone;
 const errorNew = (message) => {
   throw new Error(message);
 };
-const tryReturn = (tryF, catchReturn) => {
-  try {
-    return tryF();
-  } catch {
-    /* istanbul ignore next */
-    return catchReturn;
-  }
-};
 const tryCatch = async (action, then1, then2) => {
   try {
     return await action();
@@ -138,8 +114,6 @@ const tryCatch = async (action, then1, then2) => {
   }
 };
 
-const arrayNew = (size2, cb) =>
-  arrayMap(new Array(size2).fill(0), (_, index) => cb(index));
 const arrayHas = (array, value) => array.includes(value);
 const arrayEvery = (array, cb) => array.every(cb);
 const arrayIsEqual = (array1, array2) =>
@@ -167,7 +141,6 @@ const arrayPush = (array, ...values) => array.push(...values);
 const arrayPop = (array) => array.pop();
 const arrayUnshift = (array, ...values) => array.unshift(...values);
 const arrayShift = (array) => array.shift();
-const arrayWith = (array, index, value) => array.with(index, value);
 
 const collSizeN = (collSizer) => (coll) =>
   arrayReduce(collValues(coll), (total, coll2) => total + collSizer(coll2), 0);
@@ -869,7 +842,7 @@ const getRandomValues = GLOBAL.crypto
   ? (array) => GLOBAL.crypto.getRandomValues(array)
   : /* istanbul ignore next */
     (array) => arrayMap(array, () => mathFloor(math.random() * 256));
-const getUniqueId$1 = (length = 16) =>
+const getUniqueId = (length = 16) =>
   arrayReduce(
     getRandomValues(new Uint8Array(length)),
     (uniqueId, number) => uniqueId + encode(number),
@@ -960,7 +933,7 @@ const getHlcFunctions = (uniqueId, getNow = Date.now) => {
   let lastLogicalTime = 0;
   let lastCounter = -1;
   const thisClientId = ifNotUndefined(uniqueId, getClientIdFromUniqueId, () =>
-    getUniqueId$1(5),
+    getUniqueId(5),
   );
   const getNextHlc = () => {
     seenHlc();
@@ -1258,25 +1231,6 @@ const encodeIfJson = (value) =>
 const isEncodedJson = (value) => isString(value) && value[0] == JSON_PREFIX;
 const decodeIfJson = (raw, _id, encoded) =>
   !encoded && isEncodedJson(raw) ? jsonParse(slice(raw, 1)) : raw;
-const getTypeCase = (
-  type,
-  stringCase,
-  numberCase,
-  booleanCase,
-  objectCase,
-  arrayCase,
-) =>
-  type == STRING
-    ? stringCase
-    : type == NUMBER
-      ? numberCase
-      : type == BOOLEAN
-        ? booleanCase
-        : type == OBJECT
-          ? objectCase
-          : type == ARRAY
-            ? arrayCase
-            : null;
 
 const stampClone = ([value, hlc]) => stampNew(value, hlc);
 const stampNew = (value, hlc) => (hlc ? [value, hlc] : [value]);
@@ -7120,7 +7074,7 @@ const createCustomSynchronizer = (
   let sends = 0;
   let receives = 0;
   const pendingRequests = mapNew();
-  const getTransactionId = () => getUniqueId$1(11);
+  const getTransactionId = () => getUniqueId(11);
   const sendImpl = (toClientId, requestId, message, body) => {
     sends++;
     onSend?.(toClientId, requestId, message, body);
@@ -7128,7 +7082,7 @@ const createCustomSynchronizer = (
   };
   const request = async (toClientId, message, body, transactionId) =>
     promiseNew((resolve, reject) => {
-      const requestId = transactionId + DOT + getUniqueId$1(4);
+      const requestId = transactionId + DOT + getUniqueId(4);
       const timeout = startTimeout(() => {
         collDel(pendingRequests, requestId);
         reject(
@@ -7331,7 +7285,7 @@ const createBroadcastChannelSynchronizer = (
   onReceive,
   onIgnoredError,
 ) => {
-  const clientId = getUniqueId$1();
+  const clientId = getUniqueId();
   const channel = new BroadcastChannel(channelName);
   const send = (toClientId, requestId, message, body) =>
     channel.postMessage([clientId, toClientId, requestId, message, body]);
@@ -7361,7 +7315,7 @@ const createBroadcastChannelSynchronizer = (
 
 const clients = mapNew();
 const createLocalSynchronizer = (store, onSend, onReceive, onIgnoredError) => {
-  const clientId = getUniqueId$1();
+  const clientId = getUniqueId();
   const send = (toClientId, requestId, message, body) =>
     startTimeout(() =>
       isNull(toClientId)
@@ -7777,4490 +7731,9 @@ const createWsServer = (
   return objFreeze(wsServer);
 };
 
-const {
-  PureComponent,
-  createContext,
-  useCallback,
-  useContext,
-  useEffect,
-  useLayoutEffect,
-  useMemo,
-  useRef,
-  useState,
-  useSyncExternalStore,
-} = React;
-const getProps = (getProps2, ...ids) =>
-  isUndefined(getProps2) ? {} : getProps2(...ids);
-const getRelationshipsStoreTableIds = (relationships, relationshipId) => [
-  relationships,
-  relationships?.getStore(),
-  relationships?.getLocalTableId(relationshipId),
-  relationships?.getRemoteTableId(relationshipId),
-];
-const getIndexStoreTableId = (indexes, indexId) => [
-  indexes,
-  indexes?.getStore(),
-  indexes?.getTableId(indexId),
-];
-
-const TINYBASE_CONTEXT = TINYBASE + '_uirc';
-const Context = GLOBAL[TINYBASE_CONTEXT]
-  ? /* istanbul ignore next */
-    GLOBAL[TINYBASE_CONTEXT]
-  : (GLOBAL[TINYBASE_CONTEXT] = createContext([]));
-const useThing = (id, offset) => {
-  const contextValue = useContext(Context);
-  return isUndefined(id)
-    ? contextValue[offset * 2]
-    : isString(id)
-      ? objGet(contextValue[offset * 2 + 1], id)
-      : id;
-};
-const useThings = (offset) => ({...useContext(Context)[offset * 2 + 1]});
-const useThingOrThingById = (thingOrThingId, offset) => {
-  const thing = useThing(thingOrThingId, offset);
-  return isUndefined(thingOrThingId) || isString(thingOrThingId)
-    ? thing
-    : thingOrThingId;
-};
-const useProvideThing = (thingId, thing, offset) => {
-  const {16: addExtraThingById, 17: delExtraThingById} = useContext(Context);
-  useEffect(() => {
-    addExtraThingById?.(offset, thingId, thing);
-    return () => delExtraThingById?.(offset, thingId);
-  }, [addExtraThingById, thingId, thing, offset, delExtraThingById]);
-};
-const useThingIds = (offset) =>
-  objIds(useContext(Context)[offset * 2 + 1] ?? {});
-
-const OFFSET_STORE = 0;
-const OFFSET_METRICS = 1;
-const OFFSET_INDEXES = 2;
-const OFFSET_RELATIONSHIPS = 3;
-const OFFSET_QUERIES = 4;
-const OFFSET_CHECKPOINTS = 5;
-const OFFSET_PERSISTER = 6;
-const OFFSET_SYNCHRONIZER = 7;
-const mergeParentThings = (
-  offset,
-  parentValue,
-  defaultThing,
-  thingsById,
-  extraThingsById,
-) => [
-  defaultThing ?? parentValue[offset * 2],
-  {
-    ...parentValue[offset * 2 + 1],
-    ...thingsById,
-    ...extraThingsById[offset],
-  },
-];
-const Provider = ({
-  store,
-  storesById,
-  metrics,
-  metricsById,
-  indexes,
-  indexesById,
-  relationships,
-  relationshipsById,
-  queries,
-  queriesById,
-  checkpoints,
-  checkpointsById,
-  persister,
-  persistersById,
-  synchronizer,
-  synchronizersById,
-  children,
-}) => {
-  const parentValue = useContext(Context);
-  const [extraThingsById, setExtraThingsById] = useState(() =>
-    arrayNew(8, () => ({})),
-  );
-  const addExtraThingById = useCallback(
-    (thingOffset, id, thing) =>
-      setExtraThingsById((extraThingsById2) =>
-        objGet(extraThingsById2[thingOffset], id) == thing
-          ? extraThingsById2
-          : arrayWith(extraThingsById2, thingOffset, {
-              ...extraThingsById2[thingOffset],
-              [id]: thing,
-            }),
-      ),
-    [],
-  );
-  const delExtraThingById = useCallback(
-    (thingOffset, id) =>
-      setExtraThingsById((extraThingsById2) =>
-        !objHas(extraThingsById2[thingOffset], id)
-          ? extraThingsById2
-          : arrayWith(
-              extraThingsById2,
-              thingOffset,
-              objDel(extraThingsById2[thingOffset], id),
-            ),
-      ),
-    [],
-  );
-  return /* @__PURE__ */ jsx(Context.Provider, {
-    value: useMemo(
-      () => [
-        ...mergeParentThings(
-          OFFSET_STORE,
-          parentValue,
-          store,
-          storesById,
-          extraThingsById,
-        ),
-        ...mergeParentThings(
-          OFFSET_METRICS,
-          parentValue,
-          metrics,
-          metricsById,
-          extraThingsById,
-        ),
-        ...mergeParentThings(
-          OFFSET_INDEXES,
-          parentValue,
-          indexes,
-          indexesById,
-          extraThingsById,
-        ),
-        ...mergeParentThings(
-          OFFSET_RELATIONSHIPS,
-          parentValue,
-          relationships,
-          relationshipsById,
-          extraThingsById,
-        ),
-        ...mergeParentThings(
-          OFFSET_QUERIES,
-          parentValue,
-          queries,
-          queriesById,
-          extraThingsById,
-        ),
-        ...mergeParentThings(
-          OFFSET_CHECKPOINTS,
-          parentValue,
-          checkpoints,
-          checkpointsById,
-          extraThingsById,
-        ),
-        ...mergeParentThings(
-          OFFSET_PERSISTER,
-          parentValue,
-          persister,
-          persistersById,
-          extraThingsById,
-        ),
-        ...mergeParentThings(
-          OFFSET_SYNCHRONIZER,
-          parentValue,
-          synchronizer,
-          synchronizersById,
-          extraThingsById,
-        ),
-        addExtraThingById,
-        delExtraThingById,
-      ],
-      [
-        extraThingsById,
-        store,
-        storesById,
-        metrics,
-        metricsById,
-        indexes,
-        indexesById,
-        relationships,
-        relationshipsById,
-        queries,
-        queriesById,
-        checkpoints,
-        checkpointsById,
-        persister,
-        persistersById,
-        synchronizer,
-        synchronizersById,
-        parentValue,
-        addExtraThingById,
-        delExtraThingById,
-      ],
-    ),
-    children,
-  });
-};
-
-const EMPTY_ARRAY = [];
-const DEFAULTS = [
-  {},
-  [],
-  [EMPTY_ARRAY, void 0, EMPTY_ARRAY],
-  {},
-  void 0,
-  void 0,
-  false,
-  0,
-];
-const IS_EQUALS = [
-  objIsEqual,
-  arrayIsEqual,
-  (
-    [backwardIds1, currentId1, forwardIds1],
-    [backwardIds2, currentId2, forwardIds2],
-  ) =>
-    currentId1 === currentId2 &&
-    arrayIsEqual(backwardIds1, backwardIds2) &&
-    arrayIsEqual(forwardIds1, forwardIds2),
-  (paramValues1, paramValues2) =>
-    objIsEqual(paramValues1, paramValues2, arrayOrValueEqual),
-  arrayOrValueEqual,
-  (thing1, thing2) =>
-    thing1 === thing2 ||
-    ((isObject(thing1) || isArray(thing1)) &&
-      jsonString(thing1) === jsonString(thing2)),
-];
-const isEqual = (thing1, thing2) => thing1 === thing2;
-const useCreate = (store, create, createDeps = EMPTY_ARRAY) => {
-  const [, rerender] = useState();
-  const [thing, setThing] = useState();
-  useEffect(
-    () => {
-      const newThing = store ? create(store) : void 0;
-      setThing(newThing);
-      rerender([]);
-      return newThing?.destroy;
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [store, ...createDeps],
-  );
-  return thing;
-};
-const addAndDelListener = (thing, listenable, ...args) => {
-  const listenerId = thing?.[ADD + listenable + LISTENER]?.(...args);
-  return () => thing?.delListener?.(listenerId);
-};
-const useListenable = (listenable, thing, returnType, args = EMPTY_ARRAY) => {
-  const lastResult = useRef(DEFAULTS[returnType]);
-  const getResult = useCallback(
-    () => {
-      const nextResult =
-        thing?.[(returnType == 6 /* Boolean */ ? _HAS : GET) + listenable]?.(
-          ...args,
-        ) ?? DEFAULTS[returnType];
-      return !(IS_EQUALS[returnType] ?? isEqual)(nextResult, lastResult.current)
-        ? (lastResult.current = nextResult)
-        : lastResult.current;
-    },
-    /* eslint-disable-next-line react-hooks/exhaustive-deps */
-    [thing, returnType, listenable, ...args],
-  );
-  const subscribe = useCallback(
-    (listener) =>
-      addAndDelListener(
-        thing,
-        (returnType == 6 /* Boolean */ ? HAS : EMPTY_STRING) + listenable,
-        ...args,
-        listener,
-      ),
-    /* eslint-disable-next-line react-hooks/exhaustive-deps */
-    [thing, returnType, listenable, ...args],
-  );
-  return useSyncExternalStore(subscribe, getResult, getResult);
-};
-const useListener = (
-  listenable,
-  thing,
-  listener,
-  listenerDeps = EMPTY_ARRAY,
-  preArgs = EMPTY_ARRAY,
-  ...postArgs
-) =>
-  useLayoutEffect(
-    () =>
-      addAndDelListener(thing, listenable, ...preArgs, listener, ...postArgs),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [thing, listenable, ...preArgs, ...listenerDeps, ...postArgs],
-  );
-const useSetCallback = (
-  storeOrQueries,
-  settable,
-  get,
-  getDeps = EMPTY_ARRAY,
-  then = getUndefined,
-  thenDeps = EMPTY_ARRAY,
-  methodPrefix,
-  ...args
-) =>
-  useCallback(
-    (parameter) =>
-      ifNotUndefined(storeOrQueries, (obj) =>
-        ifNotUndefined(get(parameter, obj), (thing) =>
-          then(
-            obj[methodPrefix + settable](
-              ...argsOrGetArgs(args, obj, parameter),
-              thing,
-            ),
-            thing,
-          ),
-        ),
-      ),
-    /* eslint-disable react-hooks/exhaustive-deps */
-    [
-      storeOrQueries,
-      settable,
-      ...getDeps,
-      ...thenDeps,
-      methodPrefix,
-      ...nonFunctionDeps(args),
-    ],
-    /* eslint-enable react-hooks/exhaustive-deps */
-  );
-const useStoreSetCallback = (
-  storeOrStoreId,
-  settable,
-  get,
-  getDeps,
-  then,
-  thenDeps,
-  ...args
-) =>
-  useSetCallback(
-    useStoreOrStoreById(storeOrStoreId),
-    settable,
-    get,
-    getDeps,
-    then,
-    thenDeps,
-    SET,
-    ...args,
-  );
-const useQueriesSetCallback = (
-  queriesOrQueriesId,
-  settable,
-  get,
-  getDeps,
-  then,
-  thenDeps,
-  ...args
-) =>
-  useSetCallback(
-    useQueriesOrQueriesById(queriesOrQueriesId),
-    settable,
-    get,
-    getDeps,
-    then,
-    thenDeps,
-    EMPTY_STRING,
-    ...args,
-  );
-const argsOrGetArgs = (args, store, parameter) =>
-  arrayMap(args, (arg) => (isFunction(arg) ? arg(parameter, store) : arg));
-const nonFunctionDeps = (args) => arrayFilter(args, (arg) => !isFunction(arg));
-const useDel = (
-  storeOrStoreId,
-  deletable,
-  then = getUndefined,
-  thenDeps = EMPTY_ARRAY,
-  ...args
-) => {
-  const store = useStoreOrStoreById(storeOrStoreId);
-  return useCallback(
-    (parameter) =>
-      then(store?.[DEL + deletable](...argsOrGetArgs(args, store, parameter))),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [store, deletable, ...thenDeps, ...nonFunctionDeps(args)],
-  );
-};
-const useCheckpointAction = (checkpointsOrCheckpointsId, action, arg) => {
-  const checkpoints = useCheckpointsOrCheckpointsById(
-    checkpointsOrCheckpointsId,
-  );
-  return useCallback(
-    () => checkpoints?.[action](arg),
-    [checkpoints, action, arg],
-  );
-};
-const useSortedRowIdsImpl = (
-  tableId,
-  cellId,
-  descending,
-  offset,
-  limit,
-  storeOrStoreId,
-) =>
-  useListenable(
-    SORTED_ROW_IDS,
-    useStoreOrStoreById(storeOrStoreId),
-    1 /* Array */,
-    [tableId, cellId, descending, offset, limit],
-  );
-const useSortedRowIdsListenerImpl = (
-  tableId,
-  cellId,
-  descending,
-  offset,
-  limit,
-  listener,
-  listenerDeps,
-  mutator,
-  storeOrStoreId,
-) =>
-  useListener(
-    SORTED_ROW_IDS,
-    useStoreOrStoreById(storeOrStoreId),
-    listener,
-    listenerDeps,
-    [tableId, cellId, descending, offset, limit],
-    mutator,
-  );
-const useCreateStore = (create, createDeps = EMPTY_ARRAY) =>
-  useMemo(create, createDeps);
-const useStoreIds = () => useThingIds(OFFSET_STORE);
-const useStore = (id) => useThing(id, OFFSET_STORE);
-const useStores = () => useThings(OFFSET_STORE);
-const useStoreOrStoreById = (storeOrStoreId) =>
-  useThingOrThingById(storeOrStoreId, OFFSET_STORE);
-const useProvideStore = (storeId, store) =>
-  useProvideThing(storeId, store, OFFSET_STORE);
-const useCreateMergeableStore = (create, createDeps = EMPTY_ARRAY) =>
-  useMemo(create, createDeps);
-const useHasTables = (storeOrStoreId) =>
-  useListenable(
-    TABLES,
-    useStoreOrStoreById(storeOrStoreId),
-    6 /* Boolean */,
-    [],
-  );
-const useTables = (storeOrStoreId) =>
-  useListenable(TABLES, useStoreOrStoreById(storeOrStoreId), 0 /* Object */);
-const useTablesState = (storeOrStoreId) => [
-  useTables(storeOrStoreId),
-  useSetTablesCallback(getArg, [], storeOrStoreId),
-];
-const useTableIds = (storeOrStoreId) =>
-  useListenable(TABLE_IDS, useStoreOrStoreById(storeOrStoreId), 1 /* Array */);
-const useHasTable = (tableId, storeOrStoreId) =>
-  useListenable(TABLE$1, useStoreOrStoreById(storeOrStoreId), 6 /* Boolean */, [
-    tableId,
-  ]);
-const useTable = (tableId, storeOrStoreId) =>
-  useListenable(TABLE$1, useStoreOrStoreById(storeOrStoreId), 0 /* Object */, [
-    tableId,
-  ]);
-const useTableState = (tableId, storeOrStoreId) => [
-  useTable(tableId, storeOrStoreId),
-  useSetTableCallback(tableId, getArg, [], storeOrStoreId),
-];
-const useTableCellIds = (tableId, storeOrStoreId) =>
-  useListenable(
-    TABLE$1 + CELL_IDS,
-    useStoreOrStoreById(storeOrStoreId),
-    1 /* Array */,
-    [tableId],
-  );
-const useHasTableCell = (tableId, cellId, storeOrStoreId) =>
-  useListenable(
-    TABLE$1 + CELL,
-    useStoreOrStoreById(storeOrStoreId),
-    6 /* Boolean */,
-    [tableId, cellId],
-  );
-const useRowCount = (tableId, storeOrStoreId) =>
-  useListenable(
-    ROW_COUNT,
-    useStoreOrStoreById(storeOrStoreId),
-    7 /* Number */,
-    [tableId],
-  );
-const useRowIds = (tableId, storeOrStoreId) =>
-  useListenable(ROW_IDS, useStoreOrStoreById(storeOrStoreId), 1 /* Array */, [
-    tableId,
-  ]);
-const useSortedRowIds = (
-  tableIdOrArgs,
-  cellIdOrStoreOrStoreId,
-  descending,
-  offset,
-  limit,
-  storeOrStoreId,
-) =>
-  useSortedRowIdsImpl(
-    ...(isObject(tableIdOrArgs)
-      ? [
-          tableIdOrArgs.tableId,
-          tableIdOrArgs.cellId,
-          tableIdOrArgs.descending ?? false,
-          tableIdOrArgs.offset ?? 0,
-          tableIdOrArgs.limit,
-          cellIdOrStoreOrStoreId,
-        ]
-      : [
-          tableIdOrArgs,
-          cellIdOrStoreOrStoreId,
-          descending,
-          offset,
-          limit,
-          storeOrStoreId,
-        ]),
-  );
-const useHasRow = (tableId, rowId, storeOrStoreId) =>
-  useListenable(ROW, useStoreOrStoreById(storeOrStoreId), 6 /* Boolean */, [
-    tableId,
-    rowId,
-  ]);
-const useRow = (tableId, rowId, storeOrStoreId) =>
-  useListenable(ROW, useStoreOrStoreById(storeOrStoreId), 0 /* Object */, [
-    tableId,
-    rowId,
-  ]);
-const useRowState = (tableId, rowId, storeOrStoreId) => [
-  useRow(tableId, rowId, storeOrStoreId),
-  useSetRowCallback(tableId, rowId, getArg, [], storeOrStoreId),
-];
-const useCellIds = (tableId, rowId, storeOrStoreId) =>
-  useListenable(CELL_IDS, useStoreOrStoreById(storeOrStoreId), 1 /* Array */, [
-    tableId,
-    rowId,
-  ]);
-const useHasCell = (tableId, rowId, cellId, storeOrStoreId) =>
-  useListenable(CELL, useStoreOrStoreById(storeOrStoreId), 6 /* Boolean */, [
-    tableId,
-    rowId,
-    cellId,
-  ]);
-const useCell = (tableId, rowId, cellId, storeOrStoreId) =>
-  useListenable(
-    CELL,
-    useStoreOrStoreById(storeOrStoreId),
-    5 /* CellOrValue */,
-    [tableId, rowId, cellId],
-  );
-const useCellState = (tableId, rowId, cellId, storeOrStoreId) => [
-  useCell(tableId, rowId, cellId, storeOrStoreId),
-  useSetCellCallback(tableId, rowId, cellId, getArg, [], storeOrStoreId),
-];
-const useHasValues = (storeOrStoreId) =>
-  useListenable(
-    VALUES,
-    useStoreOrStoreById(storeOrStoreId),
-    6 /* Boolean */,
-    [],
-  );
-const useValues = (storeOrStoreId) =>
-  useListenable(VALUES, useStoreOrStoreById(storeOrStoreId), 0 /* Object */);
-const useValuesState = (storeOrStoreId) => [
-  useValues(storeOrStoreId),
-  useSetValuesCallback(getArg, [], storeOrStoreId),
-];
-const useValueIds = (storeOrStoreId) =>
-  useListenable(VALUE_IDS, useStoreOrStoreById(storeOrStoreId), 1 /* Array */);
-const useHasValue = (valueId, storeOrStoreId) =>
-  useListenable(VALUE, useStoreOrStoreById(storeOrStoreId), 6 /* Boolean */, [
-    valueId,
-  ]);
-const useValue = (valueId, storeOrStoreId) =>
-  useListenable(
-    VALUE,
-    useStoreOrStoreById(storeOrStoreId),
-    5 /* CellOrValue */,
-    [valueId],
-  );
-const useValueState = (valueId, storeOrStoreId) => [
-  useValue(valueId, storeOrStoreId),
-  useSetValueCallback(valueId, getArg, [], storeOrStoreId),
-];
-const useSetTablesCallback = (
-  getTables,
-  getTablesDeps,
-  storeOrStoreId,
-  then,
-  thenDeps,
-) =>
-  useStoreSetCallback(
-    storeOrStoreId,
-    TABLES,
-    getTables,
-    getTablesDeps,
-    then,
-    thenDeps,
-  );
-const useSetTableCallback = (
-  tableId,
-  getTable,
-  getTableDeps,
-  storeOrStoreId,
-  then,
-  thenDeps,
-) =>
-  useStoreSetCallback(
-    storeOrStoreId,
-    TABLE$1,
-    getTable,
-    getTableDeps,
-    then,
-    thenDeps,
-    tableId,
-  );
-const useSetRowCallback = (
-  tableId,
-  rowId,
-  getRow,
-  getRowDeps,
-  storeOrStoreId,
-  then,
-  thenDeps,
-) =>
-  useStoreSetCallback(
-    storeOrStoreId,
-    ROW,
-    getRow,
-    getRowDeps,
-    then,
-    thenDeps,
-    tableId,
-    rowId,
-  );
-const useAddRowCallback = (
-  tableId,
-  getRow,
-  getRowDeps = EMPTY_ARRAY,
-  storeOrStoreId,
-  then = getUndefined,
-  thenDeps = EMPTY_ARRAY,
-  reuseRowIds = true,
-) => {
-  const store = useStoreOrStoreById(storeOrStoreId);
-  return useCallback(
-    (parameter) =>
-      ifNotUndefined(store, (store2) =>
-        ifNotUndefined(getRow(parameter, store2), (row) =>
-          then(
-            store2.addRow(
-              isFunction(tableId) ? tableId(parameter, store2) : tableId,
-              row,
-              reuseRowIds,
-            ),
-            store2,
-            row,
-          ),
-        ),
-      ),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [store, tableId, ...getRowDeps, ...thenDeps, reuseRowIds],
-  );
-};
-const useSetPartialRowCallback = (
-  tableId,
-  rowId,
-  getPartialRow,
-  getPartialRowDeps,
-  storeOrStoreId,
-  then,
-  thenDeps,
-) =>
-  useStoreSetCallback(
-    storeOrStoreId,
-    PARTIAL + ROW,
-    getPartialRow,
-    getPartialRowDeps,
-    then,
-    thenDeps,
-    tableId,
-    rowId,
-  );
-const useSetCellCallback = (
-  tableId,
-  rowId,
-  cellId,
-  getCell,
-  getCellDeps,
-  storeOrStoreId,
-  then,
-  thenDeps,
-) =>
-  useStoreSetCallback(
-    storeOrStoreId,
-    CELL,
-    getCell,
-    getCellDeps,
-    then,
-    thenDeps,
-    tableId,
-    rowId,
-    cellId,
-  );
-const useSetValuesCallback = (
-  getValues,
-  getValuesDeps,
-  storeOrStoreId,
-  then,
-  thenDeps,
-) =>
-  useStoreSetCallback(
-    storeOrStoreId,
-    VALUES,
-    getValues,
-    getValuesDeps,
-    then,
-    thenDeps,
-  );
-const useSetPartialValuesCallback = (
-  getPartialValues,
-  getPartialValuesDeps,
-  storeOrStoreId,
-  then,
-  thenDeps,
-) =>
-  useStoreSetCallback(
-    storeOrStoreId,
-    PARTIAL + VALUES,
-    getPartialValues,
-    getPartialValuesDeps,
-    then,
-    thenDeps,
-  );
-const useSetValueCallback = (
-  valueId,
-  getValue,
-  getValueDeps,
-  storeOrStoreId,
-  then,
-  thenDeps,
-) =>
-  useStoreSetCallback(
-    storeOrStoreId,
-    VALUE,
-    getValue,
-    getValueDeps,
-    then,
-    thenDeps,
-    valueId,
-  );
-const useDelTablesCallback = (storeOrStoreId, then, thenDeps) =>
-  useDel(storeOrStoreId, TABLES, then, thenDeps);
-const useDelTableCallback = (tableId, storeOrStoreId, then, thenDeps) =>
-  useDel(storeOrStoreId, TABLE$1, then, thenDeps, tableId);
-const useDelRowCallback = (tableId, rowId, storeOrStoreId, then, thenDeps) =>
-  useDel(storeOrStoreId, ROW, then, thenDeps, tableId, rowId);
-const useDelCellCallback = (
-  tableId,
-  rowId,
-  cellId,
-  forceDel,
-  storeOrStoreId,
-  then,
-  thenDeps,
-) =>
-  useDel(
-    storeOrStoreId,
-    CELL,
-    then,
-    thenDeps,
-    tableId,
-    rowId,
-    cellId,
-    forceDel,
-  );
-const useDelValuesCallback = (storeOrStoreId, then, thenDeps) =>
-  useDel(storeOrStoreId, VALUES, then, thenDeps);
-const useDelValueCallback = (valueId, storeOrStoreId, then, thenDeps) =>
-  useDel(storeOrStoreId, VALUE, then, thenDeps, valueId);
-const useHasTablesListener = (
-  listener,
-  listenerDeps,
-  mutator,
-  storeOrStoreId,
-) =>
-  useListener(
-    HAS + TABLES,
-    useStoreOrStoreById(storeOrStoreId),
-    listener,
-    listenerDeps,
-    [],
-    mutator,
-  );
-const useTablesListener = (listener, listenerDeps, mutator, storeOrStoreId) =>
-  useListener(
-    TABLES,
-    useStoreOrStoreById(storeOrStoreId),
-    listener,
-    listenerDeps,
-    EMPTY_ARRAY,
-    mutator,
-  );
-const useTableIdsListener = (listener, listenerDeps, mutator, storeOrStoreId) =>
-  useListener(
-    TABLE_IDS,
-    useStoreOrStoreById(storeOrStoreId),
-    listener,
-    listenerDeps,
-    EMPTY_ARRAY,
-    mutator,
-  );
-const useHasTableListener = (
-  tableId,
-  listener,
-  listenerDeps,
-  mutator,
-  storeOrStoreId,
-) =>
-  useListener(
-    HAS + TABLE$1,
-    useStoreOrStoreById(storeOrStoreId),
-    listener,
-    listenerDeps,
-    [tableId],
-    mutator,
-  );
-const useTableListener = (
-  tableId,
-  listener,
-  listenerDeps,
-  mutator,
-  storeOrStoreId,
-) =>
-  useListener(
-    TABLE$1,
-    useStoreOrStoreById(storeOrStoreId),
-    listener,
-    listenerDeps,
-    [tableId],
-    mutator,
-  );
-const useTableCellIdsListener = (
-  tableId,
-  listener,
-  listenerDeps,
-  mutator,
-  storeOrStoreId,
-) =>
-  useListener(
-    TABLE$1 + CELL_IDS,
-    useStoreOrStoreById(storeOrStoreId),
-    listener,
-    listenerDeps,
-    [tableId],
-    mutator,
-  );
-const useHasTableCellListener = (
-  tableId,
-  cellId,
-  listener,
-  listenerDeps,
-  mutator,
-  storeOrStoreId,
-) =>
-  useListener(
-    HAS + TABLE$1 + CELL,
-    useStoreOrStoreById(storeOrStoreId),
-    listener,
-    listenerDeps,
-    [tableId, cellId],
-    mutator,
-  );
-const useRowCountListener = (
-  tableId,
-  listener,
-  listenerDeps,
-  mutator,
-  storeOrStoreId,
-) =>
-  useListener(
-    ROW_COUNT,
-    useStoreOrStoreById(storeOrStoreId),
-    listener,
-    listenerDeps,
-    [tableId],
-    mutator,
-  );
-const useRowIdsListener = (
-  tableId,
-  listener,
-  listenerDeps,
-  mutator,
-  storeOrStoreId,
-) =>
-  useListener(
-    ROW_IDS,
-    useStoreOrStoreById(storeOrStoreId),
-    listener,
-    listenerDeps,
-    [tableId],
-    mutator,
-  );
-const useSortedRowIdsListener = (
-  tableIdOrArgs,
-  cellIdOrListener,
-  descendingOrListenerDeps,
-  offsetOrMutator,
-  limitOrStoreOrStoreId,
-  listener,
-  listenerDeps,
-  mutator,
-  storeOrStoreId,
-) =>
-  useSortedRowIdsListenerImpl(
-    ...(isObject(tableIdOrArgs)
-      ? [
-          tableIdOrArgs.tableId,
-          tableIdOrArgs.cellId,
-          tableIdOrArgs.descending ?? false,
-          tableIdOrArgs.offset ?? 0,
-          tableIdOrArgs.limit,
-          cellIdOrListener,
-          descendingOrListenerDeps,
-          offsetOrMutator,
-          limitOrStoreOrStoreId,
-        ]
-      : [
-          tableIdOrArgs,
-          cellIdOrListener,
-          descendingOrListenerDeps,
-          offsetOrMutator,
-          limitOrStoreOrStoreId,
-          listener,
-          listenerDeps,
-          mutator,
-          storeOrStoreId,
-        ]),
-  );
-const useHasRowListener = (
-  tableId,
-  rowId,
-  listener,
-  listenerDeps,
-  mutator,
-  storeOrStoreId,
-) =>
-  useListener(
-    HAS + ROW,
-    useStoreOrStoreById(storeOrStoreId),
-    listener,
-    listenerDeps,
-    [tableId, rowId],
-    mutator,
-  );
-const useRowListener = (
-  tableId,
-  rowId,
-  listener,
-  listenerDeps,
-  mutator,
-  storeOrStoreId,
-) =>
-  useListener(
-    ROW,
-    useStoreOrStoreById(storeOrStoreId),
-    listener,
-    listenerDeps,
-    [tableId, rowId],
-    mutator,
-  );
-const useCellIdsListener = (
-  tableId,
-  rowId,
-  listener,
-  listenerDeps,
-  mutator,
-  storeOrStoreId,
-) =>
-  useListener(
-    CELL_IDS,
-    useStoreOrStoreById(storeOrStoreId),
-    listener,
-    listenerDeps,
-    [tableId, rowId],
-    mutator,
-  );
-const useHasCellListener = (
-  tableId,
-  rowId,
-  cellId,
-  listener,
-  listenerDeps,
-  mutator,
-  storeOrStoreId,
-) =>
-  useListener(
-    HAS + CELL,
-    useStoreOrStoreById(storeOrStoreId),
-    listener,
-    listenerDeps,
-    [tableId, rowId, cellId],
-    mutator,
-  );
-const useCellListener = (
-  tableId,
-  rowId,
-  cellId,
-  listener,
-  listenerDeps,
-  mutator,
-  storeOrStoreId,
-) =>
-  useListener(
-    CELL,
-    useStoreOrStoreById(storeOrStoreId),
-    listener,
-    listenerDeps,
-    [tableId, rowId, cellId],
-    mutator,
-  );
-const useHasValuesListener = (
-  listener,
-  listenerDeps,
-  mutator,
-  storeOrStoreId,
-) =>
-  useListener(
-    HAS + VALUES,
-    useStoreOrStoreById(storeOrStoreId),
-    listener,
-    listenerDeps,
-    [],
-    mutator,
-  );
-const useValuesListener = (listener, listenerDeps, mutator, storeOrStoreId) =>
-  useListener(
-    VALUES,
-    useStoreOrStoreById(storeOrStoreId),
-    listener,
-    listenerDeps,
-    EMPTY_ARRAY,
-    mutator,
-  );
-const useValueIdsListener = (listener, listenerDeps, mutator, storeOrStoreId) =>
-  useListener(
-    VALUE_IDS,
-    useStoreOrStoreById(storeOrStoreId),
-    listener,
-    listenerDeps,
-    EMPTY_ARRAY,
-    mutator,
-  );
-const useHasValueListener = (
-  valueId,
-  listener,
-  listenerDeps,
-  mutator,
-  storeOrStoreId,
-) =>
-  useListener(
-    HAS + VALUE,
-    useStoreOrStoreById(storeOrStoreId),
-    listener,
-    listenerDeps,
-    [valueId],
-    mutator,
-  );
-const useValueListener = (
-  valueId,
-  listener,
-  listenerDeps,
-  mutator,
-  storeOrStoreId,
-) =>
-  useListener(
-    VALUE,
-    useStoreOrStoreById(storeOrStoreId),
-    listener,
-    listenerDeps,
-    [valueId],
-    mutator,
-  );
-const useStartTransactionListener = (listener, listenerDeps, storeOrStoreId) =>
-  useListener(
-    'Start' + TRANSACTION,
-    useStoreOrStoreById(storeOrStoreId),
-    listener,
-    listenerDeps,
-  );
-const useWillFinishTransactionListener = (
-  listener,
-  listenerDeps,
-  storeOrStoreId,
-) =>
-  useListener(
-    'Will' + FINISH + TRANSACTION,
-    useStoreOrStoreById(storeOrStoreId),
-    listener,
-    listenerDeps,
-  );
-const useDidFinishTransactionListener = (
-  listener,
-  listenerDeps,
-  storeOrStoreId,
-) =>
-  useListener(
-    'Did' + FINISH + TRANSACTION,
-    useStoreOrStoreById(storeOrStoreId),
-    listener,
-    listenerDeps,
-  );
-const useCreateMetrics = (store, create, createDeps) =>
-  useCreate(store, create, createDeps);
-const useMetricsIds = () => useThingIds(OFFSET_METRICS);
-const useMetrics = (id) => useThing(id, OFFSET_METRICS);
-const useMetricsOrMetricsById = (metricsOrMetricsId) =>
-  useThingOrThingById(metricsOrMetricsId, OFFSET_METRICS);
-const useProvideMetrics = (metricsId, metrics) =>
-  useProvideThing(metricsId, metrics, OFFSET_METRICS);
-const useMetricIds = (metricsOrMetricsId) =>
-  useListenable(
-    METRIC + IDS,
-    useMetricsOrMetricsById(metricsOrMetricsId),
-    1 /* Array */,
-  );
-const useMetric = (metricId, metricsOrMetricsId) =>
-  useListenable(
-    METRIC,
-    useMetricsOrMetricsById(metricsOrMetricsId),
-    5 /* CellOrValue */,
-    [metricId],
-  );
-const useMetricListener = (
-  metricId,
-  listener,
-  listenerDeps,
-  metricsOrMetricsId,
-) =>
-  useListener(
-    METRIC,
-    useMetricsOrMetricsById(metricsOrMetricsId),
-    listener,
-    listenerDeps,
-    [metricId],
-  );
-const useCreateIndexes = (store, create, createDeps) =>
-  useCreate(store, create, createDeps);
-const useIndexesIds = () => useThingIds(OFFSET_INDEXES);
-const useIndexes = (id) => useThing(id, OFFSET_INDEXES);
-const useIndexesOrIndexesById = (indexesOrIndexesId) =>
-  useThingOrThingById(indexesOrIndexesId, OFFSET_INDEXES);
-const useProvideIndexes = (indexesId, indexes) =>
-  useProvideThing(indexesId, indexes, OFFSET_INDEXES);
-const useSliceIds = (indexId, indexesOrIndexesId) =>
-  useListenable(
-    SLICE + IDS,
-    useIndexesOrIndexesById(indexesOrIndexesId),
-    1 /* Array */,
-    [indexId],
-  );
-const useIndexIds = (indexesOrIndexesId) =>
-  useListenable(
-    INDEX + IDS,
-    useIndexesOrIndexesById(indexesOrIndexesId),
-    1 /* Array */,
-  );
-const useSliceRowIds = (indexId, sliceId, indexesOrIndexesId) =>
-  useListenable(
-    SLICE + ROW_IDS,
-    useIndexesOrIndexesById(indexesOrIndexesId),
-    1 /* Array */,
-    [indexId, sliceId],
-  );
-const useSliceIdsListener = (
-  indexId,
-  listener,
-  listenerDeps,
-  indexesOrIndexesId,
-) =>
-  useListener(
-    SLICE + IDS,
-    useIndexesOrIndexesById(indexesOrIndexesId),
-    listener,
-    listenerDeps,
-    [indexId],
-  );
-const useSliceRowIdsListener = (
-  indexId,
-  sliceId,
-  listener,
-  listenerDeps,
-  indexesOrIndexesId,
-) =>
-  useListener(
-    SLICE + ROW_IDS,
-    useIndexesOrIndexesById(indexesOrIndexesId),
-    listener,
-    listenerDeps,
-    [indexId, sliceId],
-  );
-const useCreateRelationships = (store, create, createDeps) =>
-  useCreate(store, create, createDeps);
-const useRelationshipsIds = () => useThingIds(OFFSET_RELATIONSHIPS);
-const useRelationships = (id) => useThing(id, OFFSET_RELATIONSHIPS);
-const useRelationshipsOrRelationshipsById = (relationshipsOrRelationshipsId) =>
-  useThingOrThingById(relationshipsOrRelationshipsId, OFFSET_RELATIONSHIPS);
-const useProvideRelationships = (relationshipsId, relationships) =>
-  useProvideThing(relationshipsId, relationships, OFFSET_RELATIONSHIPS);
-const useRelationshipIds = (relationshipsOrRelationshipsId) =>
-  useListenable(
-    RELATIONSHIP + IDS,
-    useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
-    1 /* Array */,
-  );
-const useRemoteRowId = (
-  relationshipId,
-  localRowId,
-  relationshipsOrRelationshipsId,
-) =>
-  useListenable(
-    REMOTE_ROW_ID,
-    useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
-    5 /* CellOrValue */,
-    [relationshipId, localRowId],
-  );
-const useLocalRowIds = (
-  relationshipId,
-  remoteRowId,
-  relationshipsOrRelationshipsId,
-) =>
-  useListenable(
-    LOCAL + ROW_IDS,
-    useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
-    1 /* Array */,
-    [relationshipId, remoteRowId],
-  );
-const useLinkedRowIds = (
-  relationshipId,
-  firstRowId,
-  relationshipsOrRelationshipsId,
-) =>
-  useListenable(
-    LINKED + ROW_IDS,
-    useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
-    1 /* Array */,
-    [relationshipId, firstRowId],
-  );
-const useRemoteRowIdListener = (
-  relationshipId,
-  localRowId,
-  listener,
-  listenerDeps,
-  relationshipsOrRelationshipsId,
-) =>
-  useListener(
-    REMOTE_ROW_ID,
-    useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
-    listener,
-    listenerDeps,
-    [relationshipId, localRowId],
-  );
-const useLocalRowIdsListener = (
-  relationshipId,
-  remoteRowId,
-  listener,
-  listenerDeps,
-  relationshipsOrRelationshipsId,
-) =>
-  useListener(
-    LOCAL + ROW_IDS,
-    useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
-    listener,
-    listenerDeps,
-    [relationshipId, remoteRowId],
-  );
-const useLinkedRowIdsListener = (
-  relationshipId,
-  firstRowId,
-  listener,
-  listenerDeps,
-  relationshipsOrRelationshipsId,
-) =>
-  useListener(
-    LINKED + ROW_IDS,
-    useRelationshipsOrRelationshipsById(relationshipsOrRelationshipsId),
-    listener,
-    listenerDeps,
-    [relationshipId, firstRowId],
-  );
-const useCreateQueries = (store, create, createDeps) =>
-  useCreate(store, create, createDeps);
-const useQueriesIds = () => useThingIds(OFFSET_QUERIES);
-const useQueries = (id) => useThing(id, OFFSET_QUERIES);
-const useQueriesOrQueriesById = (queriesOrQueriesId) =>
-  useThingOrThingById(queriesOrQueriesId, OFFSET_QUERIES);
-const useProvideQueries = (queriesId, queries) =>
-  useProvideThing(queriesId, queries, OFFSET_QUERIES);
-const useQueryIds = (queriesOrQueriesId) =>
-  useListenable(
-    QUERY + IDS,
-    useQueriesOrQueriesById(queriesOrQueriesId),
-    1 /* Array */,
-  );
-const useResultTable = (queryId, queriesOrQueriesId) =>
-  useListenable(
-    RESULT + TABLE$1,
-    useQueriesOrQueriesById(queriesOrQueriesId),
-    0 /* Object */,
-    [queryId],
-  );
-const useResultTableCellIds = (queryId, queriesOrQueriesId) =>
-  useListenable(
-    RESULT + TABLE$1 + CELL_IDS,
-    useQueriesOrQueriesById(queriesOrQueriesId),
-    1 /* Array */,
-    [queryId],
-  );
-const useResultRowCount = (queryId, queriesOrQueriesId) =>
-  useListenable(
-    RESULT + ROW_COUNT,
-    useQueriesOrQueriesById(queriesOrQueriesId),
-    7 /* Number */,
-    [queryId],
-  );
-const useResultRowIds = (queryId, queriesOrQueriesId) =>
-  useListenable(
-    RESULT + ROW_IDS,
-    useQueriesOrQueriesById(queriesOrQueriesId),
-    1 /* Array */,
-    [queryId],
-  );
-const useResultSortedRowIds = (
-  queryId,
-  cellId,
-  descending,
-  offset = 0,
-  limit,
-  queriesOrQueriesId,
-) =>
-  useListenable(
-    RESULT + SORTED_ROW_IDS,
-    useQueriesOrQueriesById(queriesOrQueriesId),
-    1 /* Array */,
-    [queryId, cellId, descending, offset, limit],
-  );
-const useResultRow = (queryId, rowId, queriesOrQueriesId) =>
-  useListenable(
-    RESULT + ROW,
-    useQueriesOrQueriesById(queriesOrQueriesId),
-    0 /* Object */,
-    [queryId, rowId],
-  );
-const useResultCellIds = (queryId, rowId, queriesOrQueriesId) =>
-  useListenable(
-    RESULT + CELL_IDS,
-    useQueriesOrQueriesById(queriesOrQueriesId),
-    1 /* Array */,
-    [queryId, rowId],
-  );
-const useResultCell = (queryId, rowId, cellId, queriesOrQueriesId) =>
-  useListenable(
-    RESULT + CELL,
-    useQueriesOrQueriesById(queriesOrQueriesId),
-    5 /* CellOrValue */,
-    [queryId, rowId, cellId],
-  );
-const useResultTableListener = (
-  queryId,
-  listener,
-  listenerDeps,
-  queriesOrQueriesId,
-) =>
-  useListener(
-    RESULT + TABLE$1,
-    useQueriesOrQueriesById(queriesOrQueriesId),
-    listener,
-    listenerDeps,
-    [queryId],
-  );
-const useResultTableCellIdsListener = (
-  queryId,
-  listener,
-  listenerDeps,
-  queriesOrQueriesId,
-) =>
-  useListener(
-    RESULT + TABLE$1 + CELL_IDS,
-    useQueriesOrQueriesById(queriesOrQueriesId),
-    listener,
-    listenerDeps,
-    [queryId],
-  );
-const useResultRowCountListener = (
-  queryId,
-  listener,
-  listenerDeps,
-  queriesOrQueriesId,
-) =>
-  useListener(
-    RESULT + ROW_COUNT,
-    useQueriesOrQueriesById(queriesOrQueriesId),
-    listener,
-    listenerDeps,
-    [queryId],
-  );
-const useResultRowIdsListener = (
-  queryId,
-  listener,
-  listenerDeps,
-  queriesOrQueriesId,
-) =>
-  useListener(
-    RESULT + ROW_IDS,
-    useQueriesOrQueriesById(queriesOrQueriesId),
-    listener,
-    listenerDeps,
-    [queryId],
-  );
-const useResultSortedRowIdsListener = (
-  queryId,
-  cellId,
-  descending,
-  offset,
-  limit,
-  listener,
-  listenerDeps,
-  queriesOrQueriesId,
-) =>
-  useListener(
-    RESULT + SORTED_ROW_IDS,
-    useQueriesOrQueriesById(queriesOrQueriesId),
-    listener,
-    listenerDeps,
-    [queryId, cellId, descending, offset, limit],
-  );
-const useResultRowListener = (
-  queryId,
-  rowId,
-  listener,
-  listenerDeps,
-  queriesOrQueriesId,
-) =>
-  useListener(
-    RESULT + ROW,
-    useQueriesOrQueriesById(queriesOrQueriesId),
-    listener,
-    listenerDeps,
-    [queryId, rowId],
-  );
-const useResultCellIdsListener = (
-  queryId,
-  rowId,
-  listener,
-  listenerDeps,
-  queriesOrQueriesId,
-) =>
-  useListener(
-    RESULT + CELL_IDS,
-    useQueriesOrQueriesById(queriesOrQueriesId),
-    listener,
-    listenerDeps,
-    [queryId, rowId],
-  );
-const useResultCellListener = (
-  queryId,
-  rowId,
-  cellId,
-  listener,
-  listenerDeps,
-  queriesOrQueriesId,
-) =>
-  useListener(
-    RESULT + CELL,
-    useQueriesOrQueriesById(queriesOrQueriesId),
-    listener,
-    listenerDeps,
-    [queryId, rowId, cellId],
-  );
-const useParamValues = (queryId, queriesOrQueriesId) =>
-  useListenable(
-    'ParamValues',
-    useQueriesOrQueriesById(queriesOrQueriesId),
-    3 /* ParamValues */,
-    [queryId],
-  );
-const useParamValuesState = (queryId, queriesOrQueriesId) => [
-  useParamValues(queryId, queriesOrQueriesId),
-  useSetParamValuesCallback(queryId, getArg, [], queriesOrQueriesId),
-];
-const useParamValue = (queryId, paramId, queriesOrQueriesId) =>
-  useListenable(
-    'ParamValue',
-    useQueriesOrQueriesById(queriesOrQueriesId),
-    4 /* ParamValue */,
-    [queryId, paramId],
-  );
-const useParamValueState = (queryId, paramId, queriesOrQueriesId) => [
-  useParamValue(queryId, paramId, queriesOrQueriesId),
-  useSetParamValueCallback(queryId, paramId, getArg, [], queriesOrQueriesId),
-];
-const useParamValuesListener = (
-  queryId,
-  listener,
-  listenerDeps,
-  queriesOrQueriesId,
-) =>
-  useListener(
-    'ParamValues',
-    useQueriesOrQueriesById(queriesOrQueriesId),
-    listener,
-    listenerDeps,
-    [queryId],
-  );
-const useParamValueListener = (
-  queryId,
-  paramId,
-  listener,
-  listenerDeps,
-  queriesOrQueriesId,
-) =>
-  useListener(
-    'ParamValue',
-    useQueriesOrQueriesById(queriesOrQueriesId),
-    listener,
-    listenerDeps,
-    [queryId, paramId],
-  );
-const useSetParamValueCallback = (
-  queryId,
-  paramId,
-  getParamValue,
-  getParamValueDeps,
-  queriesOrQueriesId,
-  then,
-  thenDeps,
-) =>
-  useQueriesSetCallback(
-    queriesOrQueriesId,
-    'setParamValue',
-    getParamValue,
-    getParamValueDeps,
-    then,
-    thenDeps,
-    queryId,
-    paramId,
-  );
-const useSetParamValuesCallback = (
-  queryId,
-  getParamValues,
-  getParamValuesDeps,
-  queriesOrQueriesId,
-  then,
-  thenDeps,
-) =>
-  useQueriesSetCallback(
-    queriesOrQueriesId,
-    'setParamValues',
-    getParamValues,
-    getParamValuesDeps,
-    then,
-    thenDeps,
-    queryId,
-  );
-const useCreateCheckpoints = (store, create, createDeps) =>
-  useCreate(store, create, createDeps);
-const useCheckpointsIds = () => useThingIds(OFFSET_CHECKPOINTS);
-const useCheckpoints = (id) => useThing(id, OFFSET_CHECKPOINTS);
-const useCheckpointsOrCheckpointsById = (checkpointsOrCheckpointsId) =>
-  useThingOrThingById(checkpointsOrCheckpointsId, OFFSET_CHECKPOINTS);
-const useProvideCheckpoints = (checkpointsId, checkpoints) =>
-  useProvideThing(checkpointsId, checkpoints, OFFSET_CHECKPOINTS);
-const useCheckpointIds = (checkpointsOrCheckpointsId) =>
-  useListenable(
-    CHECKPOINT + IDS,
-    useCheckpointsOrCheckpointsById(checkpointsOrCheckpointsId),
-    2 /* Checkpoints */,
-  );
-const useCheckpoint = (checkpointId, checkpointsOrCheckpointsId) =>
-  useListenable(
-    CHECKPOINT,
-    useCheckpointsOrCheckpointsById(checkpointsOrCheckpointsId),
-    5 /* CellOrValue */,
-    [checkpointId],
-  );
-const useSetCheckpointCallback = (
-  getCheckpoint = getUndefined,
-  getCheckpointDeps = EMPTY_ARRAY,
-  checkpointsOrCheckpointsId,
-  then = getUndefined,
-  thenDeps = EMPTY_ARRAY,
-) => {
-  const checkpoints = useCheckpointsOrCheckpointsById(
-    checkpointsOrCheckpointsId,
-  );
-  return useCallback(
-    (parameter) =>
-      ifNotUndefined(checkpoints, (checkpoints2) => {
-        const label = getCheckpoint(parameter);
-        then(checkpoints2.addCheckpoint(label), checkpoints2, label);
-      }),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [checkpoints, ...getCheckpointDeps, ...thenDeps],
-  );
-};
-const useGoBackwardCallback = (checkpointsOrCheckpointsId) =>
-  useCheckpointAction(checkpointsOrCheckpointsId, 'goBackward');
-const useGoForwardCallback = (checkpointsOrCheckpointsId) =>
-  useCheckpointAction(checkpointsOrCheckpointsId, 'goForward');
-const useGoToCallback = (
-  getCheckpointId,
-  getCheckpointIdDeps = EMPTY_ARRAY,
-  checkpointsOrCheckpointsId,
-  then = getUndefined,
-  thenDeps = EMPTY_ARRAY,
-) => {
-  const checkpoints = useCheckpointsOrCheckpointsById(
-    checkpointsOrCheckpointsId,
-  );
-  return useCallback(
-    (parameter) =>
-      ifNotUndefined(checkpoints, (checkpoints2) =>
-        ifNotUndefined(getCheckpointId(parameter), (checkpointId) =>
-          then(checkpoints2.goTo(checkpointId), checkpointId),
-        ),
-      ),
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [checkpoints, ...getCheckpointIdDeps, ...thenDeps],
-  );
-};
-const useUndoInformation = (checkpointsOrCheckpointsId) => {
-  const checkpoints = useCheckpointsOrCheckpointsById(
-    checkpointsOrCheckpointsId,
-  );
-  const [backwardIds, currentId] = useCheckpointIds(checkpoints);
-  return [
-    !arrayIsEmpty(backwardIds),
-    useGoBackwardCallback(checkpoints),
-    currentId,
-    ifNotUndefined(currentId, (id) => checkpoints?.getCheckpoint(id)) ??
-      EMPTY_STRING,
-  ];
-};
-const useRedoInformation = (checkpointsOrCheckpointsId) => {
-  const checkpoints = useCheckpointsOrCheckpointsById(
-    checkpointsOrCheckpointsId,
-  );
-  const [, , [forwardId]] = useCheckpointIds(checkpoints);
-  return [
-    !isUndefined(forwardId),
-    useGoForwardCallback(checkpoints),
-    forwardId,
-    ifNotUndefined(forwardId, (id) => checkpoints?.getCheckpoint(id)) ??
-      EMPTY_STRING,
-  ];
-};
-const useCheckpointIdsListener = (
-  listener,
-  listenerDeps,
-  checkpointsOrCheckpointsId,
-) =>
-  useListener(
-    CHECKPOINT + IDS,
-    useCheckpointsOrCheckpointsById(checkpointsOrCheckpointsId),
-    listener,
-    listenerDeps,
-  );
-const useCheckpointListener = (
-  checkpointId,
-  listener,
-  listenerDeps,
-  checkpointsOrCheckpointsId,
-) =>
-  useListener(
-    CHECKPOINT,
-    useCheckpointsOrCheckpointsById(checkpointsOrCheckpointsId),
-    listener,
-    listenerDeps,
-    [checkpointId],
-  );
-const useCreatePersister = (
-  store,
-  create,
-  createDeps = EMPTY_ARRAY,
-  then,
-  thenDeps = EMPTY_ARRAY,
-  destroy,
-  destroyDeps = EMPTY_ARRAY,
-) => {
-  const [, rerender] = useState();
-  const [persister, setPersister] = useState();
-  useEffect(
-    () => {
-      (async () => {
-        const persister2 = store ? await create(store) : void 0;
-        setPersister(persister2);
-        if (persister2 && then) {
-          (async () => {
-            await then(persister2);
-            rerender([]);
-          })();
-        }
-      })();
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [store, ...createDeps, ...thenDeps],
-  );
-  useEffect(
-    () => () => {
-      if (persister) {
-        persister.destroy();
-        destroy?.(persister);
-      }
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [persister, ...destroyDeps],
-  );
-  return persister;
-};
-const usePersisterIds = () => useThingIds(OFFSET_PERSISTER);
-const usePersister = (id) => useThing(id, OFFSET_PERSISTER);
-const usePersisterOrPersisterById = (persisterOrPersisterId) =>
-  useThingOrThingById(persisterOrPersisterId, OFFSET_PERSISTER);
-const useProvidePersister = (persisterId, persister) =>
-  useProvideThing(persisterId, persister, OFFSET_PERSISTER);
-const usePersisterStatus = (persisterOrPersisterId) =>
-  useListenable(
-    STATUS,
-    usePersisterOrPersisterById(persisterOrPersisterId),
-    7 /* Number */,
-    [],
-  );
-const usePersisterStatusListener = (
-  listener,
-  listenerDeps,
-  persisterOrPersisterId,
-) =>
-  useListener(
-    STATUS,
-    usePersisterOrPersisterById(persisterOrPersisterId),
-    listener,
-    listenerDeps,
-    [],
-  );
-const useCreateSynchronizer = (
-  store,
-  create,
-  createDeps = EMPTY_ARRAY,
-  destroy,
-  destroyDeps = EMPTY_ARRAY,
-) => {
-  const [synchronizer, setSynchronizer] = useState();
-  useEffect(
-    () => {
-      (async () => {
-        const synchronizer2 = store ? await create(store) : void 0;
-        setSynchronizer(synchronizer2);
-      })();
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [store, ...createDeps],
-  );
-  useEffect(
-    () => () => {
-      if (synchronizer) {
-        synchronizer.destroy();
-        destroy?.(synchronizer);
-      }
-    },
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [synchronizer, ...destroyDeps],
-  );
-  return synchronizer;
-};
-const useSynchronizerIds = () => useThingIds(OFFSET_SYNCHRONIZER);
-const useSynchronizer = (id) => useThing(id, OFFSET_SYNCHRONIZER);
-const useSynchronizerOrSynchronizerById = (synchronizerOrSynchronizerId) =>
-  useThingOrThingById(synchronizerOrSynchronizerId, OFFSET_SYNCHRONIZER);
-const useProvideSynchronizer = (persisterId, persister) =>
-  useProvideThing(persisterId, persister, OFFSET_SYNCHRONIZER);
-const useSynchronizerStatus = (synchronizerOrSynchronizerId) =>
-  useListenable(
-    STATUS,
-    useSynchronizerOrSynchronizerById(synchronizerOrSynchronizerId),
-    7 /* Number */,
-    [],
-  );
-const useSynchronizerStatusListener = (
-  listener,
-  listenerDeps,
-  synchronizerOrSynchronizerId,
-) =>
-  useListener(
-    STATUS,
-    useSynchronizerOrSynchronizerById(synchronizerOrSynchronizerId),
-    listener,
-    listenerDeps,
-    [],
-  );
-
-const useStoreCellComponentProps = (store, tableId) =>
-  useMemo(() => ({store, tableId}), [store, tableId]);
-const useQueriesCellComponentProps = (queries, queryId) =>
-  useMemo(() => ({queries, queryId}), [queries, queryId]);
-const useCallbackOrUndefined = (callback, deps, test) => {
-  const returnCallback = useCallback(callback, deps);
-  return test ? returnCallback : void 0;
-};
-const useParams = (...args) =>
-  useMemo(
-    () => args,
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    args,
-  );
-const useCells = (defaultCellIds, customCells, defaultCellComponent) =>
-  useMemo(() => {
-    const cellIds = customCells ?? defaultCellIds;
-    return objMap(
-      isArray(cellIds)
-        ? objNew(arrayMap(cellIds, (cellId) => [cellId, cellId]))
-        : cellIds,
-      (labelOrCustomCell, cellId) => ({
-        ...{label: cellId, component: defaultCellComponent},
-        ...(isString(labelOrCustomCell)
-          ? {label: labelOrCustomCell}
-          : labelOrCustomCell),
-      }),
-    );
-  }, [customCells, defaultCellComponent, defaultCellIds]);
-
-const UP_ARROW = '\u2191';
-const DOWN_ARROW = '\u2193';
-const EDITABLE = 'editable';
-const extraRowCells = (extraRowCells2 = [], extraRowCellProps, after = 0) =>
-  arrayMap(extraRowCells2, ({component: Component}, index) =>
-    /* @__PURE__ */ jsx(
-      'td',
-      {
-        className: EXTRA,
-        children: /* @__PURE__ */ jsx(Component, {...extraRowCellProps}),
-      },
-      extraKey(index, after),
-    ),
-  );
-const extraKey = (index, after) => (after ? '>' : '<') + index;
-const extraHeaders = (extraCells = [], after = 0) =>
-  arrayMap(extraCells, ({label}, index) =>
-    /* @__PURE__ */ jsx(
-      'th',
-      {className: EXTRA, children: label},
-      extraKey(index, after),
-    ),
-  );
-
-const HtmlHeaderCell = ({
-  cellId,
-  sort: [sortCellId, sortDescending],
-  label = cellId ?? EMPTY_STRING,
-  onClick,
-}) =>
-  /* @__PURE__ */ jsxs('th', {
-    onClick: useCallbackOrUndefined(
-      () => onClick?.(cellId),
-      [onClick, cellId],
-      onClick,
-    ),
-    className:
-      isUndefined(sortDescending) || sortCellId != cellId
-        ? void 0
-        : `sorted ${sortDescending ? 'de' : 'a'}scending`,
-    children: [
-      isUndefined(sortDescending) || sortCellId != cellId
-        ? null
-        : (sortDescending ? DOWN_ARROW : UP_ARROW) + ' ',
-      label,
-    ],
-  });
-const HtmlTable = ({
-  className,
-  headerRow,
-  idColumn,
-  params: [
-    cells,
-    cellComponentProps,
-    rowIds,
-    extraCellsBefore,
-    extraCellsAfter,
-    sortAndOffset,
-    handleSort,
-    paginatorComponent,
-  ],
-}) =>
-  /* @__PURE__ */ jsxs('table', {
-    className,
-    children: [
-      paginatorComponent
-        ? /* @__PURE__ */ jsx('caption', {children: paginatorComponent})
-        : null,
-      headerRow === false
-        ? null
-        : /* @__PURE__ */ jsx('thead', {
-            children: /* @__PURE__ */ jsxs('tr', {
-              children: [
-                extraHeaders(extraCellsBefore),
-                idColumn === false
-                  ? null
-                  : /* @__PURE__ */ jsx(HtmlHeaderCell, {
-                      sort: sortAndOffset ?? [],
-                      label: 'Id',
-                      onClick: handleSort,
-                    }),
-                objToArray(cells, ({label}, cellId) =>
-                  /* @__PURE__ */ jsx(
-                    HtmlHeaderCell,
-                    {
-                      cellId,
-                      label,
-                      sort: sortAndOffset ?? [],
-                      onClick: handleSort,
-                    },
-                    cellId,
-                  ),
-                ),
-                extraHeaders(extraCellsAfter, 1),
-              ],
-            }),
-          }),
-      /* @__PURE__ */ jsx('tbody', {
-        children: arrayMap(rowIds, (rowId) => {
-          const rowProps = {...cellComponentProps, rowId};
-          return /* @__PURE__ */ jsxs(
-            'tr',
-            {
-              children: [
-                extraRowCells(extraCellsBefore, rowProps),
-                isFalse(idColumn)
-                  ? null
-                  : /* @__PURE__ */ jsx('th', {title: rowId, children: rowId}),
-                objToArray(
-                  cells,
-                  ({component: CellView, getComponentProps}, cellId) =>
-                    /* @__PURE__ */ jsx(
-                      'td',
-                      {
-                        children: /* @__PURE__ */ jsx(CellView, {
-                          ...getProps(getComponentProps, rowId, cellId),
-                          ...rowProps,
-                          cellId,
-                        }),
-                      },
-                      cellId,
-                    ),
-                ),
-                extraRowCells(extraCellsAfter, rowProps, 1),
-              ],
-            },
-            rowId,
-          );
-        }),
-      }),
-    ],
-  });
-const EditableThing = ({
-  thing,
-  onThingChange,
-  className,
-  hasSchema,
-  showType = true,
-}) => {
-  const [thingType, setThingType] = useState();
-  const [currentThing, setCurrentThing] = useState();
-  const [stringThing, setStringThing] = useState();
-  const [numberThing, setNumberThing] = useState();
-  const [booleanThing, setBooleanThing] = useState();
-  const [objectThing, setObjectThing] = useState('{}');
-  const [arrayThing, setArrayThing] = useState('[]');
-  const [objectClassName, setObjectClassName] = useState('');
-  const [arrayClassName, setArrayClassName] = useState('');
-  if (currentThing !== thing) {
-    setThingType(getCellOrValueType(thing));
-    setCurrentThing(thing);
-    if (isObject(thing)) {
-      setObjectThing(jsonString(thing));
-    } else if (isArray(thing)) {
-      setArrayThing(jsonString(thing));
-    } else {
-      setStringThing(String(thing));
-      setNumberThing(Number(thing) || 0);
-      setBooleanThing(Boolean(thing));
-    }
-  }
-  const handleThingChange = useCallback(
-    (thing2, setTypedThing) => {
-      setTypedThing(thing2);
-      setCurrentThing(thing2);
-      onThingChange(thing2);
-    },
-    [onThingChange],
-  );
-  const handleJsonThingChange = useCallback(
-    (value, setTypedThing, isThing, setTypedClassName) => {
-      setTypedThing(value);
-      try {
-        const object = jsonParse(value);
-        if (isThing(object)) {
-          setCurrentThing(object);
-          onThingChange(object);
-          setTypedClassName('');
-        }
-      } catch {
-        setTypedClassName('invalid');
-      }
-    },
-    [onThingChange],
-  );
-  const handleTypeChange = useCallback(() => {
-    if (!hasSchema?.()) {
-      const nextType = getTypeCase(
-        thingType,
-        NUMBER,
-        BOOLEAN,
-        OBJECT,
-        ARRAY,
-        STRING,
-      );
-      const thing2 = getTypeCase(
-        nextType,
-        stringThing,
-        numberThing,
-        booleanThing,
-        tryReturn(() => jsonParse(objectThing), {}),
-        tryReturn(() => jsonParse(arrayThing), []),
-      );
-      setThingType(nextType);
-      setCurrentThing(thing2);
-      onThingChange(thing2);
-    }
-  }, [
-    hasSchema,
-    onThingChange,
-    stringThing,
-    numberThing,
-    booleanThing,
-    objectThing,
-    arrayThing,
-    thingType,
-  ]);
-  const widget = getTypeCase(
-    thingType,
-    /* @__PURE__ */ jsx(
-      'input',
-      {
-        value: stringThing,
-        onChange: useCallback(
-          (event) =>
-            handleThingChange(
-              String(event[CURRENT_TARGET][_VALUE]),
-              setStringThing,
-            ),
-          [handleThingChange],
-        ),
-      },
-      thingType,
-    ),
-    /* @__PURE__ */ jsx(
-      'input',
-      {
-        type: 'number',
-        value: numberThing,
-        onChange: useCallback(
-          (event) =>
-            handleThingChange(
-              Number(event[CURRENT_TARGET][_VALUE] || 0),
-              setNumberThing,
-            ),
-          [handleThingChange],
-        ),
-      },
-      thingType,
-    ),
-    /* @__PURE__ */ jsx(
-      'input',
-      {
-        type: 'checkbox',
-        checked: booleanThing,
-        onChange: useCallback(
-          (event) =>
-            handleThingChange(
-              Boolean(event[CURRENT_TARGET].checked),
-              setBooleanThing,
-            ),
-          [handleThingChange],
-        ),
-      },
-      thingType,
-    ),
-    /* @__PURE__ */ jsx(
-      'input',
-      {
-        value: objectThing,
-        className: objectClassName,
-        onChange: useCallback(
-          (event) =>
-            handleJsonThingChange(
-              event[CURRENT_TARGET][_VALUE],
-              setObjectThing,
-              isObject,
-              setObjectClassName,
-            ),
-          [handleJsonThingChange],
-        ),
-      },
-      thingType,
-    ),
-    /* @__PURE__ */ jsx(
-      'input',
-      {
-        value: arrayThing,
-        className: arrayClassName,
-        onChange: useCallback(
-          (event) =>
-            handleJsonThingChange(
-              event[CURRENT_TARGET][_VALUE],
-              setArrayThing,
-              isArray,
-              setArrayClassName,
-            ),
-          [handleJsonThingChange],
-        ),
-      },
-      thingType,
-    ),
-  );
-  return /* @__PURE__ */ jsxs('div', {
-    className,
-    children: [
-      showType && widget
-        ? /* @__PURE__ */ jsx('button', {
-            title: thingType,
-            className: thingType,
-            onClick: handleTypeChange,
-            children: thingType,
-          })
-        : null,
-      widget,
-    ],
-  });
-};
-
-const EditableCellView = ({
-  tableId,
-  rowId,
-  cellId,
-  store,
-  className,
-  showType,
-}) => {
-  const [cell, setCell] = useCellState(tableId, rowId, cellId, store);
-  return /* @__PURE__ */ jsx(EditableThing, {
-    thing: cell,
-    onThingChange: setCell,
-    className: className ?? EDITABLE + CELL,
-    showType,
-    hasSchema: useStoreOrStoreById(store)?.hasTablesSchema,
-  });
-};
-
-const EditableValueView = ({valueId, store, className, showType}) => {
-  const [value, setValue] = useValueState(valueId, store);
-  return /* @__PURE__ */ jsx(EditableThing, {
-    thing: value,
-    onThingChange: setValue,
-    className: className ?? EDITABLE + VALUE,
-    showType,
-    hasSchema: useStoreOrStoreById(store)?.hasValuesSchema,
-  });
-};
-
-const wrap = (children, separator, encloseWithId, id) => {
-  const separated =
-    isUndefined(separator) || !isArray(children)
-      ? children
-      : arrayMap(children, (child, c) => (c > 0 ? [separator, child] : child));
-  return encloseWithId ? [id, ':{', separated, '}'] : separated;
-};
-
-const CheckpointView = ({checkpoints, checkpointId, debugIds}) =>
-  wrap(
-    useCheckpoint(checkpointId, checkpoints) ?? EMPTY_STRING,
-    void 0,
-    debugIds,
-    checkpointId,
-  );
-
-const ResultCellView = ({queryId, rowId, cellId, queries, debugIds}) =>
-  wrap(
-    EMPTY_STRING +
-      (useResultCell(queryId, rowId, cellId, queries) ?? EMPTY_STRING),
-    void 0,
-    debugIds,
-    cellId,
-  );
-
-const ResultRowView = ({
-  queryId,
-  rowId,
-  queries,
-  resultCellComponent: ResultCell = ResultCellView,
-  getResultCellComponentProps,
-  separator,
-  debugIds,
-}) =>
-  wrap(
-    arrayMap(useResultCellIds(queryId, rowId, queries), (cellId) =>
-      /* @__PURE__ */ jsx(
-        ResultCell,
-        {
-          ...getProps(getResultCellComponentProps, cellId),
-          queryId,
-          rowId,
-          cellId,
-          queries,
-          debugIds,
-        },
-        cellId,
-      ),
-    ),
-    separator,
-    debugIds,
-    rowId,
-  );
-
-const CellView = ({tableId, rowId, cellId, store, debugIds}) =>
-  wrap(
-    EMPTY_STRING + (useCell(tableId, rowId, cellId, store) ?? EMPTY_STRING),
-    void 0,
-    debugIds,
-    cellId,
-  );
-
-const useCustomOrDefaultCellIds = (customCellIds, tableId, rowId, store) => {
-  const defaultCellIds = useCellIds(tableId, rowId, store);
-  return customCellIds ?? defaultCellIds;
-};
-
-const RowView = ({
-  tableId,
-  rowId,
-  store,
-  cellComponent: Cell = CellView,
-  getCellComponentProps,
-  customCellIds,
-  separator,
-  debugIds,
-}) =>
-  wrap(
-    arrayMap(
-      useCustomOrDefaultCellIds(customCellIds, tableId, rowId, store),
-      (cellId) =>
-        /* @__PURE__ */ jsx(
-          Cell,
-          {
-            ...getProps(getCellComponentProps, cellId),
-            tableId,
-            rowId,
-            cellId,
-            store,
-            debugIds,
-          },
-          cellId,
-        ),
-    ),
-    separator,
-    debugIds,
-    rowId,
-  );
-
-const tableView = (
-  {
-    tableId,
-    store,
-    rowComponent: Row = RowView,
-    getRowComponentProps,
-    customCellIds,
-    separator,
-    debugIds,
-  },
-  rowIds,
-) =>
-  wrap(
-    arrayMap(rowIds, (rowId) =>
-      /* @__PURE__ */ jsx(
-        Row,
-        {
-          ...getProps(getRowComponentProps, rowId),
-          tableId,
-          rowId,
-          customCellIds,
-          store,
-          debugIds,
-        },
-        rowId,
-      ),
-    ),
-    separator,
-    debugIds,
-    tableId,
-  );
-const resultTableView = (
-  {
-    queryId,
-    queries,
-    resultRowComponent: ResultRow = ResultRowView,
-    getResultRowComponentProps,
-    separator,
-    debugIds,
-  },
-  rowIds,
-) =>
-  wrap(
-    arrayMap(rowIds, (rowId) =>
-      /* @__PURE__ */ jsx(
-        ResultRow,
-        {
-          ...getProps(getResultRowComponentProps, rowId),
-          queryId,
-          rowId,
-          queries,
-          debugIds,
-        },
-        rowId,
-      ),
-    ),
-    separator,
-    debugIds,
-    queryId,
-  );
-const useComponentPerRow = (
-  {
-    relationshipId,
-    relationships,
-    rowComponent: Row = RowView,
-    getRowComponentProps,
-    separator,
-    debugIds,
-  },
-  getRowIdsHook,
-  rowId,
-) => {
-  const [resolvedRelationships, store, localTableId] =
-    getRelationshipsStoreTableIds(
-      useRelationshipsOrRelationshipsById(relationships),
-      relationshipId,
-    );
-  const rowIds = getRowIdsHook(relationshipId, rowId, resolvedRelationships);
-  return wrap(
-    arrayMap(rowIds, (rowId2) =>
-      /* @__PURE__ */ jsx(
-        Row,
-        {
-          ...getProps(getRowComponentProps, rowId2),
-          tableId: localTableId,
-          rowId: rowId2,
-          store,
-          debugIds,
-        },
-        rowId2,
-      ),
-    ),
-    separator,
-    debugIds,
-    rowId,
-  );
-};
-const getUseCheckpointView =
-  (getCheckpoints) =>
-  ({
-    checkpoints,
-    checkpointComponent: Checkpoint = CheckpointView,
-    getCheckpointComponentProps,
-    separator,
-    debugIds,
-  }) => {
-    const resolvedCheckpoints = useCheckpointsOrCheckpointsById(checkpoints);
-    return wrap(
-      arrayMap(
-        getCheckpoints(useCheckpointIds(resolvedCheckpoints)),
-        (checkpointId) =>
-          /* @__PURE__ */ jsx(
-            Checkpoint,
-            {
-              ...getProps(getCheckpointComponentProps, checkpointId),
-              checkpoints: resolvedCheckpoints,
-              checkpointId,
-              debugIds,
-            },
-            checkpointId,
-          ),
-      ),
-      separator,
-    );
-  };
-
-const BackwardCheckpointsView = getUseCheckpointView(
-  (checkpointIds) => checkpointIds[0],
-);
-
-const CurrentCheckpointView = getUseCheckpointView((checkpointIds) =>
-  isUndefined(checkpointIds[1]) ? [] : [checkpointIds[1]],
-);
-
-const ForwardCheckpointsView = getUseCheckpointView(
-  (checkpointIds) => checkpointIds[2],
-);
-
-const SliceView$1 = ({
-  indexId,
-  sliceId,
-  indexes,
-  rowComponent: Row = RowView,
-  getRowComponentProps,
-  separator,
-  debugIds,
-}) => {
-  const [resolvedIndexes, store, tableId] = getIndexStoreTableId(
-    useIndexesOrIndexesById(indexes),
-    indexId,
-  );
-  const rowIds = useSliceRowIds(indexId, sliceId, resolvedIndexes);
-  return wrap(
-    arrayMap(rowIds, (rowId) =>
-      /* @__PURE__ */ jsx(
-        Row,
-        {
-          ...getProps(getRowComponentProps, rowId),
-          tableId,
-          rowId,
-          store,
-          debugIds,
-        },
-        rowId,
-      ),
-    ),
-    separator,
-    debugIds,
-    sliceId,
-  );
-};
-
-const IndexView$1 = ({
-  indexId,
-  indexes,
-  sliceComponent: Slice = SliceView$1,
-  getSliceComponentProps,
-  separator,
-  debugIds,
-}) =>
-  wrap(
-    arrayMap(useSliceIds(indexId, indexes), (sliceId) =>
-      /* @__PURE__ */ jsx(
-        Slice,
-        {
-          ...getProps(getSliceComponentProps, sliceId),
-          indexId,
-          sliceId,
-          indexes,
-          debugIds,
-        },
-        sliceId,
-      ),
-    ),
-    separator,
-    debugIds,
-    indexId,
-  );
-
-const LinkedRowsView = (props) =>
-  useComponentPerRow(props, useLinkedRowIds, props.firstRowId);
-
-const LocalRowsView = (props) =>
-  useComponentPerRow(props, useLocalRowIds, props.remoteRowId);
-
-const MetricView = ({metricId, metrics, debugIds}) =>
-  wrap(
-    useMetric(metricId, metrics) ?? EMPTY_STRING,
-    void 0,
-    debugIds,
-    metricId,
-  );
-
-const RemoteRowView = ({
-  relationshipId,
-  localRowId,
-  relationships,
-  rowComponent: Row = RowView,
-  getRowComponentProps,
-  debugIds,
-}) => {
-  const [resolvedRelationships, store, , remoteTableId] =
-    getRelationshipsStoreTableIds(
-      useRelationshipsOrRelationshipsById(relationships),
-      relationshipId,
-    );
-  const rowId = useRemoteRowId(
-    relationshipId,
-    localRowId,
-    resolvedRelationships,
-  );
-  return wrap(
-    isUndefined(remoteTableId) || isUndefined(rowId)
-      ? null
-      : /* @__PURE__ */ jsx(
-          Row,
-          {
-            ...getProps(getRowComponentProps, rowId),
-            tableId: remoteTableId,
-            rowId,
-            store,
-            debugIds,
-          },
-          rowId,
-        ),
-    void 0,
-    debugIds,
-    localRowId,
-  );
-};
-
-const ResultSortedTableView = ({cellId, descending, offset, limit, ...props}) =>
-  resultTableView(
-    props,
-    useResultSortedRowIds(
-      props.queryId,
-      cellId,
-      descending,
-      offset,
-      limit,
-      props.queries,
-    ),
-  );
-
-const ResultTableView = (props) =>
-  resultTableView(props, useResultRowIds(props.queryId, props.queries));
-
-const SortedTableView = ({cellId, descending, offset, limit, ...props}) =>
-  tableView(
-    props,
-    useSortedRowIds(
-      props.tableId,
-      cellId,
-      descending,
-      offset,
-      limit,
-      props.store,
-    ),
-  );
-
-const TableView$1 = (props) =>
-  tableView(props, useRowIds(props.tableId, props.store));
-
-const TablesView$1 = ({
-  store,
-  tableComponent: Table = TableView$1,
-  getTableComponentProps,
-  separator,
-  debugIds,
-}) =>
-  wrap(
-    arrayMap(useTableIds(store), (tableId) =>
-      /* @__PURE__ */ jsx(
-        Table,
-        {
-          ...getProps(getTableComponentProps, tableId),
-          tableId,
-          store,
-          debugIds,
-        },
-        tableId,
-      ),
-    ),
-    separator,
-  );
-
-const ValueView = ({valueId, store, debugIds}) =>
-  wrap(
-    EMPTY_STRING + (useValue(valueId, store) ?? EMPTY_STRING),
-    void 0,
-    debugIds,
-    valueId,
-  );
-
-const ValuesView$1 = ({
-  store,
-  valueComponent: Value = ValueView,
-  getValueComponentProps,
-  separator,
-  debugIds,
-}) =>
-  wrap(
-    arrayMap(useValueIds(store), (valueId) =>
-      /* @__PURE__ */ jsx(
-        Value,
-        {
-          ...getProps(getValueComponentProps, valueId),
-          valueId,
-          store,
-          debugIds,
-        },
-        valueId,
-      ),
-    ),
-    separator,
-  );
-
-const useDottedCellIds = (tableId, store) =>
-  arrayMap(useTableCellIds(tableId, store), (cellId) => tableId + DOT + cellId);
-const RelationshipInHtmlRow = ({
-  localRowId,
-  params: [
-    idColumn,
-    cells,
-    localTableId,
-    remoteTableId,
-    relationshipId,
-    relationships,
-    store,
-    extraCellsBefore,
-    extraCellsAfter,
-  ],
-}) => {
-  const remoteRowId = useRemoteRowId(relationshipId, localRowId, relationships);
-  const rowProps = {
-    tableId: localTableId ?? '',
-    rowId: localRowId,
-    store,
-  };
-  return /* @__PURE__ */ jsxs('tr', {
-    children: [
-      extraRowCells(extraCellsBefore, rowProps),
-      isFalse(idColumn)
-        ? null
-        : /* @__PURE__ */ jsxs(Fragment, {
-            children: [
-              /* @__PURE__ */ jsx('th', {
-                title: localRowId,
-                children: localRowId,
-              }),
-              /* @__PURE__ */ jsx('th', {
-                title: remoteRowId,
-                children: remoteRowId,
-              }),
-            ],
-          }),
-      objToArray(
-        cells,
-        ({component: CellView2, getComponentProps}, compoundCellId) => {
-          const [tableId, cellId] = strSplit(compoundCellId, DOT, 2);
-          const rowId =
-            tableId === localTableId
-              ? localRowId
-              : tableId === remoteTableId
-                ? remoteRowId
-                : void 0;
-          return isUndefined(rowId)
-            ? null
-            : /* @__PURE__ */ jsx(
-                'td',
-                {
-                  children: /* @__PURE__ */ jsx(CellView2, {
-                    ...getProps(getComponentProps, rowId, cellId),
-                    store,
-                    tableId,
-                    rowId,
-                    cellId,
-                  }),
-                },
-                compoundCellId,
-              );
-        },
-      ),
-      extraRowCells(extraCellsAfter, rowProps, 1),
-    ],
-  });
-};
-const RelationshipInHtmlTable = ({
-  relationshipId,
-  relationships,
-  editable,
-  customCells,
-  extraCellsBefore,
-  extraCellsAfter,
-  className,
-  headerRow,
-  idColumn = true,
-}) => {
-  const [resolvedRelationships, store, localTableId, remoteTableId] =
-    getRelationshipsStoreTableIds(
-      useRelationshipsOrRelationshipsById(relationships),
-      relationshipId,
-    );
-  const cells = useCells(
-    [
-      ...useDottedCellIds(localTableId, store),
-      ...useDottedCellIds(remoteTableId, store),
-    ],
-    customCells,
-    editable ? EditableCellView : CellView,
-  );
-  const params = useParams(
-    idColumn,
-    cells,
-    localTableId,
-    remoteTableId,
-    relationshipId,
-    resolvedRelationships,
-    store,
-    extraCellsBefore,
-    extraCellsAfter,
-  );
-  return /* @__PURE__ */ jsxs('table', {
-    className,
-    children: [
-      isFalse(headerRow)
-        ? null
-        : /* @__PURE__ */ jsx('thead', {
-            children: /* @__PURE__ */ jsxs('tr', {
-              children: [
-                extraHeaders(extraCellsBefore),
-                isFalse(idColumn)
-                  ? null
-                  : /* @__PURE__ */ jsxs(Fragment, {
-                      children: [
-                        /* @__PURE__ */ jsxs('th', {
-                          children: [localTableId, '.Id'],
-                        }),
-                        /* @__PURE__ */ jsxs('th', {
-                          children: [remoteTableId, '.Id'],
-                        }),
-                      ],
-                    }),
-                objToArray(cells, ({label}, cellId) =>
-                  /* @__PURE__ */ jsx('th', {children: label}, cellId),
-                ),
-                extraHeaders(extraCellsAfter, 1),
-              ],
-            }),
-          }),
-      /* @__PURE__ */ jsx('tbody', {
-        children: arrayMap(useRowIds(localTableId, store), (localRowId) =>
-          /* @__PURE__ */ jsx(
-            RelationshipInHtmlRow,
-            {
-              localRowId,
-              params,
-            },
-            localRowId,
-          ),
-        ),
-      }),
-    ],
-  });
-};
-
-const LEFT_ARROW = '\u2190';
-const RIGHT_ARROW = '\u2192';
-const useSortingAndPagination = (
-  cellId,
-  descending = false,
-  sortOnClick,
-  offset = 0,
-  limit,
-  total,
-  paginator,
-  onChange,
-) => {
-  const [[currentCellId, currentDescending, currentOffset], setState] =
-    useState([cellId, descending, offset]);
-  const setStateAndChange = useCallback(
-    (sortAndOffset) => {
-      setState(sortAndOffset);
-      onChange?.(sortAndOffset);
-    },
-    [onChange],
-  );
-  const handleSort = useCallbackOrUndefined(
-    (cellId2) =>
-      setStateAndChange([
-        cellId2,
-        cellId2 == currentCellId ? !currentDescending : false,
-        currentOffset,
-      ]),
-    [setStateAndChange, currentCellId, currentDescending, currentOffset],
-    sortOnClick,
-  );
-  const handleChangeOffset = useCallback(
-    (offset2) => setStateAndChange([currentCellId, currentDescending, offset2]),
-    [setStateAndChange, currentCellId, currentDescending],
-  );
-  const PaginatorComponent = isTrue(paginator)
-    ? SortedTablePaginator
-    : paginator;
-  return [
-    [currentCellId, currentDescending, currentOffset],
-    handleSort,
-    useMemo(
-      () =>
-        isFalse(paginator)
-          ? null
-          : /* @__PURE__ */ jsx(PaginatorComponent, {
-              offset: currentOffset,
-              limit,
-              total,
-              onChange: handleChangeOffset,
-            }),
-      [
-        paginator,
-        PaginatorComponent,
-        currentOffset,
-        limit,
-        total,
-        handleChangeOffset,
-      ],
-    ),
-  ];
-};
-const SortedTablePaginator = ({
-  onChange,
-  total,
-  offset = 0,
-  limit = total,
-  singular = 'row',
-  plural = singular + 's',
-}) => {
-  if (offset > total || offset < 0) {
-    offset = 0;
-    onChange(0);
-  }
-  const handlePrevClick = useCallbackOrUndefined(
-    () => onChange(offset - limit),
-    [onChange, offset, limit],
-    offset > 0,
-  );
-  const handleNextClick = useCallbackOrUndefined(
-    () => onChange(offset + limit),
-    [onChange, offset, limit],
-    offset + limit < total,
-  );
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [
-      total > limit &&
-        /* @__PURE__ */ jsxs(Fragment, {
-          children: [
-            /* @__PURE__ */ jsx('button', {
-              className: 'previous',
-              disabled: offset == 0,
-              onClick: handlePrevClick,
-              children: LEFT_ARROW,
-            }),
-            /* @__PURE__ */ jsx('button', {
-              className: 'next',
-              disabled: offset + limit >= total,
-              onClick: handleNextClick,
-              children: RIGHT_ARROW,
-            }),
-            offset + 1,
-            ' to ',
-            mathMin(total, offset + limit),
-            ' of ',
-          ],
-        }),
-      total,
-      ' ',
-      total != 1 ? plural : singular,
-    ],
-  });
-};
-
-const ResultSortedTableInHtmlTable = ({
-  queryId,
-  cellId,
-  descending,
-  offset,
-  limit,
-  queries,
-  sortOnClick,
-  paginator = false,
-  customCells,
-  extraCellsBefore,
-  extraCellsAfter,
-  onChange,
-  ...props
-}) => {
-  const [sortAndOffset, handleSort, paginatorComponent] =
-    useSortingAndPagination(
-      cellId,
-      descending,
-      sortOnClick,
-      offset,
-      limit,
-      useResultRowCount(queryId, queries),
-      paginator,
-      onChange,
-    );
-  return /* @__PURE__ */ jsx(HtmlTable, {
-    ...props,
-    params: useParams(
-      useCells(
-        useResultTableCellIds(queryId, queries),
-        customCells,
-        ResultCellView,
-      ),
-      useQueriesCellComponentProps(queries, queryId),
-      useResultSortedRowIds(queryId, ...sortAndOffset, limit, queries),
-      extraCellsBefore,
-      extraCellsAfter,
-      sortAndOffset,
-      handleSort,
-      paginatorComponent,
-    ),
-  });
-};
-
-const ResultTableInHtmlTable = ({
-  queryId,
-  queries,
-  customCells,
-  extraCellsBefore,
-  extraCellsAfter,
-  ...props
-}) =>
-  /* @__PURE__ */ jsx(HtmlTable, {
-    ...props,
-    params: useParams(
-      useCells(
-        useResultTableCellIds(queryId, queries),
-        customCells,
-        ResultCellView,
-      ),
-      useQueriesCellComponentProps(queries, queryId),
-      useResultRowIds(queryId, queries),
-      extraCellsBefore,
-      extraCellsAfter,
-    ),
-  });
-
-const SliceInHtmlTable = ({
-  indexId,
-  sliceId,
-  indexes,
-  editable,
-  customCells,
-  extraCellsBefore,
-  extraCellsAfter,
-  ...props
-}) => {
-  const [resolvedIndexes, store, tableId] = getIndexStoreTableId(
-    useIndexesOrIndexesById(indexes),
-    indexId,
-  );
-  return /* @__PURE__ */ jsx(HtmlTable, {
-    ...props,
-    params: useParams(
-      useCells(
-        useTableCellIds(tableId, store),
-        customCells,
-        editable ? EditableCellView : CellView,
-      ),
-      useStoreCellComponentProps(store, tableId),
-      useSliceRowIds(indexId, sliceId, resolvedIndexes),
-      extraCellsBefore,
-      extraCellsAfter,
-    ),
-  });
-};
-
-const SortedTableInHtmlTable = ({
-  tableId,
-  cellId,
-  descending,
-  offset,
-  limit,
-  store,
-  editable,
-  sortOnClick,
-  paginator = false,
-  onChange,
-  customCells,
-  extraCellsBefore,
-  extraCellsAfter,
-  ...props
-}) => {
-  const [sortAndOffset, handleSort, paginatorComponent] =
-    useSortingAndPagination(
-      cellId,
-      descending,
-      sortOnClick,
-      offset,
-      limit,
-      useRowCount(tableId, store),
-      paginator,
-      onChange,
-    );
-  return /* @__PURE__ */ jsx(HtmlTable, {
-    ...props,
-    params: useParams(
-      useCells(
-        useTableCellIds(tableId, store),
-        customCells,
-        editable ? EditableCellView : CellView,
-      ),
-      useStoreCellComponentProps(store, tableId),
-      useSortedRowIds(tableId, ...sortAndOffset, limit, store),
-      extraCellsBefore,
-      extraCellsAfter,
-      sortAndOffset,
-      handleSort,
-      paginatorComponent,
-    ),
-  });
-};
-
-const TableInHtmlTable = ({
-  tableId,
-  store,
-  editable,
-  customCells,
-  extraCellsBefore,
-  extraCellsAfter,
-  ...props
-}) =>
-  /* @__PURE__ */ jsx(HtmlTable, {
-    ...props,
-    params: useParams(
-      useCells(
-        useTableCellIds(tableId, store),
-        customCells,
-        editable ? EditableCellView : CellView,
-      ),
-      useStoreCellComponentProps(store, tableId),
-      useRowIds(tableId, store),
-      extraCellsBefore,
-      extraCellsAfter,
-    ),
-  });
-
-const extraValueCells = (
-  extraValueCells2 = [],
-  extraValueCellProps,
-  after = 0,
-) =>
-  arrayMap(extraValueCells2, ({component: Component}, index) =>
-    /* @__PURE__ */ jsx(
-      'td',
-      {
-        className: EXTRA,
-        children: /* @__PURE__ */ jsx(Component, {...extraValueCellProps}),
-      },
-      extraKey(index, after),
-    ),
-  );
-const ValuesInHtmlTable = ({
-  store,
-  editable = false,
-  valueComponent: Value = editable ? EditableValueView : ValueView,
-  getValueComponentProps,
-  extraCellsBefore,
-  extraCellsAfter,
-  className,
-  headerRow,
-  idColumn,
-}) =>
-  /* @__PURE__ */ jsxs('table', {
-    className,
-    children: [
-      headerRow === false
-        ? null
-        : /* @__PURE__ */ jsx('thead', {
-            children: /* @__PURE__ */ jsxs('tr', {
-              children: [
-                extraHeaders(extraCellsBefore),
-                idColumn === false
-                  ? null
-                  : /* @__PURE__ */ jsx('th', {children: 'Id'}),
-                /* @__PURE__ */ jsx('th', {children: VALUE}),
-                extraHeaders(extraCellsAfter, 1),
-              ],
-            }),
-          }),
-      /* @__PURE__ */ jsx('tbody', {
-        children: arrayMap(useValueIds(store), (valueId) => {
-          const valueProps = {valueId, store};
-          return /* @__PURE__ */ jsxs(
-            'tr',
-            {
-              children: [
-                extraValueCells(extraCellsBefore, valueProps),
-                isFalse(idColumn)
-                  ? null
-                  : /* @__PURE__ */ jsx('th', {
-                      title: valueId,
-                      children: valueId,
-                    }),
-                /* @__PURE__ */ jsx('td', {
-                  children: /* @__PURE__ */ jsx(Value, {
-                    ...getProps(getValueComponentProps, valueId),
-                    ...valueProps,
-                  }),
-                }),
-                extraValueCells(extraCellsAfter, valueProps, 1),
-              ],
-            },
-            valueId,
-          );
-        }),
-      }),
-    ],
-  });
-
-const UNIQUE_ID = 'tinybaseInspector';
-const TITLE = 'TinyBase Inspector';
-const POSITIONS = ['left', 'top', 'bottom', 'right', 'full'];
-const STATE_TABLE = 'state';
-const SORT_CELL = 'sort';
-const OPEN_CELL = 'open';
-const POSITION_VALUE = 'position';
-const OPEN_VALUE = OPEN_CELL;
-const EDITABLE_CELL = 'editable';
-const getUniqueId = (...args) => jsonStringWithMap(args);
-const sortedIdsMap = (ids, callback) => arrayMap(arraySort([...ids]), callback);
-const useEditable = (uniqueId, s) => [
-  !!useCell(STATE_TABLE, uniqueId, EDITABLE_CELL, s),
-  useCallback(
-    (event) => {
-      s.setCell(STATE_TABLE, uniqueId, EDITABLE_CELL, (editable) => !editable);
-      event.preventDefault();
-    },
-    [s, uniqueId],
-  ),
-];
-
-const Nub = ({s}) => {
-  const position = useValue(POSITION_VALUE, s) ?? 1;
-  const handleOpen = useSetValueCallback(OPEN_VALUE, () => true, [], s);
-  return useValue(OPEN_VALUE, s)
-    ? null
-    : /* @__PURE__ */ jsx('img', {
-        onClick: handleOpen,
-        title: TITLE,
-        'data-position': position,
-      });
-};
-
-const Details = ({uniqueId, title, editable, handleEditable, children, s}) => {
-  const open = !!useCell(STATE_TABLE, uniqueId, OPEN_CELL, s);
-  const handleToggle = useSetCellCallback(
-    STATE_TABLE,
-    uniqueId,
-    OPEN_CELL,
-    (event) => event[CURRENT_TARGET].open,
-    [],
-    s,
-  );
-  return /* @__PURE__ */ jsxs('details', {
-    open,
-    onToggle: handleToggle,
-    children: [
-      /* @__PURE__ */ jsxs('summary', {
-        children: [
-          /* @__PURE__ */ jsx('span', {children: title}),
-          handleEditable
-            ? /* @__PURE__ */ jsx('img', {
-                onClick: handleEditable,
-                className: editable ? 'done' : 'edit',
-                title: editable ? 'Done editing' : 'Edit',
-              })
-            : null,
-        ],
-      }),
-      /* @__PURE__ */ jsx('div', {children}),
-    ],
-  });
-};
-
-const IndexView = ({indexes, indexesId, indexId, s}) =>
-  /* @__PURE__ */ jsx(Details, {
-    uniqueId: getUniqueId('i', indexesId, indexId),
-    title: 'Index: ' + indexId,
-    s,
-    children: arrayMap(useSliceIds(indexId, indexes), (sliceId) =>
-      /* @__PURE__ */ jsx(
-        SliceView,
-        {
-          indexes,
-          indexesId,
-          indexId,
-          sliceId,
-          s,
-        },
-        sliceId,
-      ),
-    ),
-  });
-const SliceView = ({indexes, indexesId, indexId, sliceId, s}) => {
-  const uniqueId = getUniqueId('i', indexesId, indexId, sliceId);
-  const [editable, handleEditable] = useEditable(uniqueId, s);
-  return /* @__PURE__ */ jsx(Details, {
-    uniqueId,
-    title: 'Slice: ' + sliceId,
-    editable,
-    handleEditable,
-    s,
-    children: /* @__PURE__ */ jsx(SliceInHtmlTable, {
-      sliceId,
-      indexId,
-      indexes,
-      editable,
-    }),
-  });
-};
-const IndexesView = ({indexesId, s}) => {
-  const indexes = useIndexes(indexesId);
-  const indexIds = useIndexIds(indexes);
-  return isUndefined(indexes)
-    ? null
-    : /* @__PURE__ */ jsx(Details, {
-        uniqueId: getUniqueId('i', indexesId),
-        title: 'Indexes: ' + (indexesId ?? DEFAULT),
-        s,
-        children: arrayIsEmpty(indexIds)
-          ? 'No indexes defined'
-          : sortedIdsMap(indexIds, (indexId) =>
-              /* @__PURE__ */ jsx(
-                IndexView,
-                {
-                  indexes,
-                  indexesId,
-                  indexId,
-                  s,
-                },
-                indexId,
-              ),
-            ),
-      });
-};
-
-const MetricRow = ({metrics, metricId}) =>
-  /* @__PURE__ */ jsxs('tr', {
-    children: [
-      /* @__PURE__ */ jsx('th', {title: metricId, children: metricId}),
-      /* @__PURE__ */ jsx('td', {children: metrics?.getTableId(metricId)}),
-      /* @__PURE__ */ jsx('td', {children: useMetric(metricId, metrics)}),
-    ],
-  });
-const MetricsView = ({metricsId, s}) => {
-  const metrics = useMetrics(metricsId);
-  const metricIds = useMetricIds(metrics);
-  return isUndefined(metrics)
-    ? null
-    : /* @__PURE__ */ jsx(Details, {
-        uniqueId: getUniqueId('m', metricsId),
-        title: 'Metrics: ' + (metricsId ?? DEFAULT),
-        s,
-        children: arrayIsEmpty(metricIds)
-          ? 'No metrics defined'
-          : /* @__PURE__ */ jsxs('table', {
-              children: [
-                /* @__PURE__ */ jsxs('thead', {
-                  children: [
-                    /* @__PURE__ */ jsx('th', {children: 'Metric Id'}),
-                    /* @__PURE__ */ jsx('th', {children: 'Table Id'}),
-                    /* @__PURE__ */ jsx('th', {children: 'Metric'}),
-                  ],
-                }),
-                /* @__PURE__ */ jsx('tbody', {
-                  children: arrayMap(metricIds, (metricId) =>
-                    /* @__PURE__ */ jsx(
-                      MetricRow,
-                      {metrics, metricId},
-                      metricId,
-                    ),
-                  ),
-                }),
-              ],
-            }),
-      });
-};
-
-const QueryView = ({queries, queriesId, queryId, s}) => {
-  const uniqueId = getUniqueId('q', queriesId, queryId);
-  const [cellId, descending, offset] = jsonParse(
-    useCell(STATE_TABLE, uniqueId, SORT_CELL, s) ?? '[]',
-  );
-  const handleChange = useSetCellCallback(
-    STATE_TABLE,
-    uniqueId,
-    SORT_CELL,
-    jsonStringWithMap,
-    [],
-    s,
-  );
-  return /* @__PURE__ */ jsx(Details, {
-    uniqueId,
-    title: 'Query: ' + queryId,
-    s,
-    children: /* @__PURE__ */ jsx(ResultSortedTableInHtmlTable, {
-      queryId,
-      queries,
-      cellId,
-      descending,
-      offset,
-      limit: 10,
-      paginator: true,
-      sortOnClick: true,
-      onChange: handleChange,
-    }),
-  });
-};
-const QueriesView = ({queriesId, s}) => {
-  const queries = useQueries(queriesId);
-  const queryIds = useQueryIds(queries);
-  return isUndefined(queries)
-    ? null
-    : /* @__PURE__ */ jsx(Details, {
-        uniqueId: getUniqueId('q', queriesId),
-        title: 'Queries: ' + (queriesId ?? DEFAULT),
-        s,
-        children: arrayIsEmpty(queryIds)
-          ? 'No queries defined'
-          : sortedIdsMap(queryIds, (queryId) =>
-              /* @__PURE__ */ jsx(
-                QueryView,
-                {
-                  queries,
-                  queriesId,
-                  queryId,
-                  s,
-                },
-                queryId,
-              ),
-            ),
-      });
-};
-
-const RelationshipView = ({
-  relationships,
-  relationshipsId,
-  relationshipId,
-  s,
-}) => {
-  const uniqueId = getUniqueId('r', relationshipsId, relationshipId);
-  const [editable, handleEditable] = useEditable(uniqueId, s);
-  return /* @__PURE__ */ jsx(Details, {
-    uniqueId,
-    title: 'Relationship: ' + relationshipId,
-    editable,
-    handleEditable,
-    s,
-    children: /* @__PURE__ */ jsx(RelationshipInHtmlTable, {
-      relationshipId,
-      relationships,
-      editable,
-    }),
-  });
-};
-const RelationshipsView = ({relationshipsId, s}) => {
-  const relationships = useRelationships(relationshipsId);
-  const relationshipIds = useRelationshipIds(relationships);
-  return isUndefined(relationships)
-    ? null
-    : /* @__PURE__ */ jsx(Details, {
-        uniqueId: getUniqueId('r', relationshipsId),
-        title: 'Relationships: ' + (relationshipsId ?? DEFAULT),
-        s,
-        children: arrayIsEmpty(relationshipIds)
-          ? 'No relationships defined'
-          : sortedIdsMap(relationshipIds, (relationshipId) =>
-              /* @__PURE__ */ jsx(
-                RelationshipView,
-                {
-                  relationships,
-                  relationshipsId,
-                  relationshipId,
-                  s,
-                },
-                relationshipId,
-              ),
-            ),
-      });
-};
-
-const getNewIdFromSuggestedId = (suggestedId, has) => {
-  let newId;
-  let suffix = 0;
-  while (
-    has(
-      (newId =
-        suggestedId +
-        (suffix > 0 ? ' (copy' + (suffix > 1 ? ' ' + suffix : '') + ')' : '')),
-    )
-  ) {
-    suffix++;
-  }
-  return newId;
-};
-const ConfirmableActions = ({actions, ...props}) => {
-  const [confirming, setConfirming] = useState();
-  const handleDone = useCallback(() => setConfirming(void 0), []);
-  useEffect(() => {
-    if (!isUndefined(confirming)) {
-      const handleKeyDown = (e) => {
-        if (!isUndefined(confirming) && e.key === 'Escape') {
-          e.preventDefault();
-          handleDone();
-        }
-      };
-      document.addEventListener('keydown', handleKeyDown);
-      return () => document.removeEventListener('keydown', handleKeyDown);
-    }
-  }, [confirming, handleDone]);
-  if (!isUndefined(confirming)) {
-    const [, , Component] = actions[confirming];
-    return /* @__PURE__ */ jsxs(Fragment, {
-      children: [
-        /* @__PURE__ */ jsx(Component, {onDone: handleDone, ...props}),
-        /* @__PURE__ */ jsx('img', {
-          onClick: handleDone,
-          title: 'Cancel',
-          className: 'cancel',
-        }),
-      ],
-    });
-  } else {
-    return actions.map(([icon, title], index) =>
-      /* @__PURE__ */ jsx(
-        'img',
-        {
-          title,
-          className: icon,
-          onClick: () => setConfirming(index),
-        },
-        index,
-      ),
-    );
-  }
-};
-const NewId = ({onDone, suggestedId, has, set, prompt = 'New Id'}) => {
-  const [newId, setNewId] = useState(suggestedId);
-  const [newIdOk, setNewIdOk] = useState(true);
-  const [previousSuggestedId, setPreviousSuggestedNewId] =
-    useState(suggestedId);
-  const handleNewIdChange = (e) => {
-    setNewId(e.target.value);
-    setNewIdOk(!has(e.target.value));
-  };
-  const handleClick = useCallback(() => {
-    if (has(newId)) {
-      setNewIdOk(false);
-    } else {
-      set(newId);
-      onDone();
-    }
-  }, [onDone, setNewIdOk, has, set, newId]);
-  const handleKeyDown = useCallback(
-    (e) => {
-      if (e.key === 'Enter') {
-        e.preventDefault();
-        handleClick();
-      }
-    },
-    [handleClick],
-  );
-  if (suggestedId != previousSuggestedId) {
-    setNewId(suggestedId);
-    setPreviousSuggestedNewId(suggestedId);
-  }
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [
-      prompt + ': ',
-      /* @__PURE__ */ jsx('input', {
-        type: 'text',
-        value: newId,
-        onChange: handleNewIdChange,
-        onKeyDown: handleKeyDown,
-        autoFocus: true,
-      }),
-      ' ',
-      /* @__PURE__ */ jsx('img', {
-        onClick: handleClick,
-        title: newIdOk ? 'Confirm' : 'Id already exists',
-        className: newIdOk ? 'ok' : 'okDis',
-      }),
-    ],
-  });
-};
-const Delete = ({onClick, prompt = 'Delete'}) => {
-  const handleKeyDown = useCallback(
-    (e) => {
-      if (e.key === 'Enter') {
-        e.preventDefault();
-        onClick();
-      }
-    },
-    [onClick],
-  );
-  useEffect(() => {
-    document.addEventListener('keydown', handleKeyDown);
-    return () => document.removeEventListener('keydown', handleKeyDown);
-  }, [handleKeyDown]);
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [
-      prompt,
-      '? ',
-      /* @__PURE__ */ jsx('img', {onClick, title: 'Confirm', className: 'ok'}),
-    ],
-  });
-};
-const Actions = ({left, right}) =>
-  /* @__PURE__ */ jsxs('div', {
-    className: 'actions',
-    children: [
-      /* @__PURE__ */ jsx('div', {children: left}),
-      /* @__PURE__ */ jsx('div', {children: right}),
-    ],
-  });
-
-const useHasTableCallback = (storeOrStoreId) => {
-  const store = useStoreOrStoreById(storeOrStoreId);
-  return useCallback((tableId) => store?.hasTable(tableId) ?? false, [store]);
-};
-const AddTable = ({onDone, store}) => {
-  const has = useHasTableCallback(store);
-  return /* @__PURE__ */ jsx(NewId, {
-    onDone,
-    suggestedId: getNewIdFromSuggestedId('table', has),
-    has,
-    set: useSetTableCallback(
-      (newId) => newId,
-      () => ({row: {cell: ''}}),
-      [],
-      store,
-    ),
-    prompt: 'Add table',
-  });
-};
-const DeleteTables = ({onDone, store}) =>
-  /* @__PURE__ */ jsx(Delete, {
-    onClick: useDelTablesCallback(store, onDone),
-    prompt: 'Delete all tables',
-  });
-const TablesActions = ({store}) =>
-  /* @__PURE__ */ jsx(Actions, {
-    left: /* @__PURE__ */ jsx(ConfirmableActions, {
-      actions: [['add', 'Add table', AddTable]],
-      store,
-    }),
-    right: useHasTables(store)
-      ? /* @__PURE__ */ jsx(ConfirmableActions, {
-          actions: [['delete', 'Delete all tables', DeleteTables]],
-          store,
-        })
-      : null,
-  });
-const AddRow = ({onDone, tableId, store}) => {
-  const has = useHasRowCallback(store, tableId);
-  return /* @__PURE__ */ jsx(NewId, {
-    onDone,
-    suggestedId: getNewIdFromSuggestedId('row', has),
-    has,
-    set: useSetRowCallback(
-      tableId,
-      (newId) => newId,
-      (_, store2) =>
-        objNew(
-          arrayMap(store2.getTableCellIds(tableId), (cellId) => [cellId, '']),
-        ),
-    ),
-    prompt: 'Add row',
-  });
-};
-const CloneTable = ({onDone, tableId, store: storeOrStoreId}) => {
-  const store = useStoreOrStoreById(storeOrStoreId);
-  const has = useHasTableCallback(store);
-  return /* @__PURE__ */ jsx(NewId, {
-    onDone,
-    suggestedId: getNewIdFromSuggestedId(tableId, has),
-    has,
-    set: useSetTableCallback(
-      (tableId2) => tableId2,
-      (_, store2) => store2.getTable(tableId),
-    ),
-    prompt: 'Clone table to',
-  });
-};
-const DeleteTable = ({onDone, tableId, store}) =>
-  /* @__PURE__ */ jsx(Delete, {
-    onClick: useDelTableCallback(tableId, store, onDone),
-    prompt: 'Delete table',
-  });
-const TableActions1 = ({tableId, store}) =>
-  /* @__PURE__ */ jsx(ConfirmableActions, {
-    actions: [['add', 'Add row', AddRow]],
-    store,
-    tableId,
-  });
-const TableActions2 = ({tableId, store}) =>
-  /* @__PURE__ */ jsx(ConfirmableActions, {
-    actions: [
-      ['clone', 'Clone table', CloneTable],
-      ['delete', 'Delete table', DeleteTable],
-    ],
-    store,
-    tableId,
-  });
-const useHasRowCallback = (storeOrStoreId, tableId) => {
-  const store = useStoreOrStoreById(storeOrStoreId);
-  return useCallback(
-    (rowId) => store?.hasRow(tableId, rowId) ?? false,
-    [store, tableId],
-  );
-};
-const AddCell = ({onDone, tableId, rowId, store: storeOrStoreId}) => {
-  const store = useStoreOrStoreById(storeOrStoreId);
-  const has = useCallback(
-    (cellId) => store.hasCell(tableId, rowId, cellId),
-    [store, tableId, rowId],
-  );
-  return /* @__PURE__ */ jsx(NewId, {
-    onDone,
-    suggestedId: getNewIdFromSuggestedId('cell', has),
-    has,
-    set: useSetCellCallback(
-      tableId,
-      rowId,
-      (newId) => newId,
-      () => '',
-      [],
-      store,
-    ),
-    prompt: 'Add cell',
-  });
-};
-const CloneRow = ({onDone, tableId, rowId, store: storeOrStoreId}) => {
-  const store = useStoreOrStoreById(storeOrStoreId);
-  const has = useHasRowCallback(store, tableId);
-  return /* @__PURE__ */ jsx(NewId, {
-    onDone,
-    suggestedId: getNewIdFromSuggestedId(rowId, has),
-    has,
-    set: useSetRowCallback(
-      tableId,
-      (newId) => newId,
-      (_, store2) => store2.getRow(tableId, rowId),
-      [rowId],
-    ),
-    prompt: 'Clone row to',
-  });
-};
-const DeleteRow = ({onDone, tableId, rowId, store}) =>
-  /* @__PURE__ */ jsx(Delete, {
-    onClick: useDelRowCallback(tableId, rowId, store, onDone),
-    prompt: 'Delete row',
-  });
-const RowActions = ({tableId, rowId, store}) =>
-  /* @__PURE__ */ jsx(ConfirmableActions, {
-    actions: [
-      ['add', 'Add cell', AddCell],
-      ['clone', 'Clone row', CloneRow],
-      ['delete', 'Delete row', DeleteRow],
-    ],
-    store,
-    tableId,
-    rowId,
-  });
-const CellDelete = ({onDone, tableId, rowId, cellId, store}) =>
-  /* @__PURE__ */ jsx(Delete, {
-    onClick: useDelCellCallback(tableId, rowId, cellId, true, store, onDone),
-    prompt: 'Delete cell',
-  });
-const CellActions = ({tableId, rowId, cellId, store}) =>
-  /* @__PURE__ */ jsx(ConfirmableActions, {
-    actions: [['delete', 'Delete cell', CellDelete]],
-    store,
-    tableId,
-    rowId,
-    cellId,
-  });
-
-const rowActions = [{label: '', component: RowActions}];
-const EditableCellViewWithActions = (props) =>
-  /* @__PURE__ */ jsxs(Fragment, {
-    children: [
-      /* @__PURE__ */ jsx(EditableCellView, {...props}),
-      useHasCell(props.tableId, props.rowId, props.cellId, props.store) &&
-        /* @__PURE__ */ jsx(CellActions, {...props}),
-    ],
-  });
-const TableView = ({tableId, store, storeId, s}) => {
-  const uniqueId = getUniqueId('t', storeId, tableId);
-  const [cellId, descending, offset] = jsonParse(
-    useCell(STATE_TABLE, uniqueId, SORT_CELL, s) ?? '[]',
-  );
-  const handleChange = useSetCellCallback(
-    STATE_TABLE,
-    uniqueId,
-    SORT_CELL,
-    jsonStringWithMap,
-    [],
-    s,
-  );
-  const [editable, handleEditable] = useEditable(uniqueId, s);
-  const CellComponent = editable ? EditableCellViewWithActions : CellView;
-  return /* @__PURE__ */ jsxs(Details, {
-    uniqueId,
-    title: TABLE$1 + ': ' + tableId,
-    editable,
-    handleEditable,
-    s,
-    children: [
-      /* @__PURE__ */ jsx(SortedTableInHtmlTable, {
-        tableId,
-        store,
-        cellId,
-        descending,
-        offset,
-        limit: 10,
-        paginator: true,
-        sortOnClick: true,
-        onChange: handleChange,
-        editable,
-        extraCellsAfter: editable ? rowActions : [],
-        customCells: objNew(
-          arrayMap(useTableCellIds(tableId, store), (cellId2) => [
-            cellId2,
-            {label: cellId2, component: CellComponent},
-          ]),
-        ),
-      }),
-      editable
-        ? /* @__PURE__ */ jsxs('div', {
-            className: 'actions',
-            children: [
-              /* @__PURE__ */ jsx('div', {
-                children: /* @__PURE__ */ jsx(TableActions1, {tableId, store}),
-              }),
-              /* @__PURE__ */ jsx('div', {
-                children: /* @__PURE__ */ jsx(TableActions2, {tableId, store}),
-              }),
-            ],
-          })
-        : null,
-    ],
-  });
-};
-const TablesView = ({store, storeId, s}) => {
-  const uniqueId = getUniqueId('ts', storeId);
-  const [editable, handleEditable] = useEditable(uniqueId, s);
-  const tableIds = useTableIds(store);
-  return /* @__PURE__ */ jsxs(Details, {
-    uniqueId,
-    title: TABLES,
-    editable,
-    handleEditable,
-    s,
-    children: [
-      arrayIsEmpty(tableIds)
-        ? /* @__PURE__ */ jsx('caption', {children: 'No tables.'})
-        : sortedIdsMap(tableIds, (tableId) =>
-            /* @__PURE__ */ jsx(
-              TableView,
-              {
-                store,
-                storeId,
-                tableId,
-                s,
-              },
-              tableId,
-            ),
-          ),
-      editable ? /* @__PURE__ */ jsx(TablesActions, {store}) : null,
-    ],
-  });
-};
-
-const useHasValueCallback = (storeOrStoreId) => {
-  const store = useStoreOrStoreById(storeOrStoreId);
-  return useCallback((valueId) => store?.hasValue(valueId) ?? false, [store]);
-};
-const AddValue = ({onDone, store}) => {
-  const has = useHasValueCallback(store);
-  return /* @__PURE__ */ jsx(NewId, {
-    onDone,
-    suggestedId: getNewIdFromSuggestedId('value', has),
-    has,
-    set: useSetValueCallback(
-      (newId) => newId,
-      () => '',
-      [],
-      store,
-    ),
-    prompt: 'Add value',
-  });
-};
-const DeleteValues = ({onDone, store}) =>
-  /* @__PURE__ */ jsx(Delete, {
-    onClick: useDelValuesCallback(store, onDone),
-    prompt: 'Delete all values',
-  });
-const ValuesActions = ({store}) =>
-  /* @__PURE__ */ jsx(Actions, {
-    left: /* @__PURE__ */ jsx(ConfirmableActions, {
-      actions: [['add', 'Add value', AddValue]],
-      store,
-    }),
-    right: useHasValues(store)
-      ? /* @__PURE__ */ jsx(ConfirmableActions, {
-          actions: [['delete', 'Delete all values', DeleteValues]],
-          store,
-        })
-      : null,
-  });
-const CloneValue = ({onDone, valueId, store}) => {
-  const has = useHasValueCallback(store);
-  return /* @__PURE__ */ jsx(NewId, {
-    onDone,
-    suggestedId: getNewIdFromSuggestedId(valueId, has),
-    has,
-    set: useSetValueCallback(
-      (newId) => newId,
-      (_, store2) => store2.getValue(valueId) ?? '',
-      [valueId],
-      store,
-    ),
-    prompt: 'Clone value to',
-  });
-};
-const DeleteValue = ({onDone, valueId, store}) =>
-  /* @__PURE__ */ jsx(Delete, {
-    onClick: useDelValueCallback(valueId, store, onDone),
-    prompt: 'Delete value',
-  });
-const ValueActions = ({valueId, store}) =>
-  /* @__PURE__ */ jsx(ConfirmableActions, {
-    actions: [
-      ['clone', 'Clone value', CloneValue],
-      ['delete', 'Delete value', DeleteValue],
-    ],
-    store,
-    valueId,
-  });
-
-const valueActions = [{label: '', component: ValueActions}];
-const ValuesView = ({store, storeId, s}) => {
-  const uniqueId = getUniqueId('v', storeId);
-  const [editable, handleEditable] = useEditable(uniqueId, s);
-  return /* @__PURE__ */ jsxs(Details, {
-    uniqueId,
-    title: VALUES,
-    editable,
-    handleEditable,
-    s,
-    children: [
-      arrayIsEmpty(useValueIds(store))
-        ? /* @__PURE__ */ jsx('caption', {children: 'No values.'})
-        : /* @__PURE__ */ jsx(ValuesInHtmlTable, {
-            store,
-            editable,
-            extraCellsAfter: editable ? valueActions : [],
-          }),
-      editable ? /* @__PURE__ */ jsx(ValuesActions, {store}) : null,
-    ],
-  });
-};
-
-const StoreView = ({storeId, s}) => {
-  const store = useStore(storeId);
-  return isUndefined(store)
-    ? null
-    : /* @__PURE__ */ jsxs(Details, {
-        uniqueId: getUniqueId('s', storeId),
-        title:
-          (store.isMergeable() ? 'Mergeable' : '') +
-          'Store: ' +
-          (storeId ?? DEFAULT),
-        s,
-        children: [
-          /* @__PURE__ */ jsx(ValuesView, {storeId, store, s}),
-          /* @__PURE__ */ jsx(TablesView, {storeId, store, s}),
-        ],
-      });
-};
-
-const Body = ({s}) => {
-  const articleRef = useRef(null);
-  const idleCallbackRef = useRef(0);
-  const [scrolled, setScrolled] = useState(false);
-  const {scrollLeft, scrollTop} = useValues(s);
-  useLayoutEffect(() => {
-    const article = articleRef.current;
-    if (article && !scrolled) {
-      const observer = new MutationObserver(() => {
-        if (
-          article.scrollWidth >= mathFloor(scrollLeft) + article.clientWidth &&
-          article.scrollHeight >= mathFloor(scrollTop) + article.clientHeight
-        ) {
-          article.scrollTo(scrollLeft, scrollTop);
-        }
-      });
-      observer.observe(article, {childList: true, subtree: true});
-      return () => observer.disconnect();
-    }
-  }, [scrolled, scrollLeft, scrollTop]);
-  const handleScroll = useCallback(
-    (event) => {
-      const {scrollLeft: scrollLeft2, scrollTop: scrollTop2} =
-        event[CURRENT_TARGET];
-      cancelIdleCallback(idleCallbackRef.current);
-      idleCallbackRef.current = requestIdleCallback(() => {
-        setScrolled(true);
-        s.setPartialValues({scrollLeft: scrollLeft2, scrollTop: scrollTop2});
-      });
-    },
-    [s],
-  );
-  const store = useStore();
-  const storeIds = useStoreIds();
-  const metrics = useMetrics();
-  const metricsIds = useMetricsIds();
-  const indexes = useIndexes();
-  const indexesIds = useIndexesIds();
-  const relationships = useRelationships();
-  const relationshipsIds = useRelationshipsIds();
-  const queries = useQueries();
-  const queriesIds = useQueriesIds();
-  return isUndefined(store) &&
-    arrayIsEmpty(storeIds) &&
-    isUndefined(metrics) &&
-    arrayIsEmpty(metricsIds) &&
-    isUndefined(indexes) &&
-    arrayIsEmpty(indexesIds) &&
-    isUndefined(relationships) &&
-    arrayIsEmpty(relationshipsIds) &&
-    isUndefined(queries) &&
-    arrayIsEmpty(queriesIds)
-    ? /* @__PURE__ */ jsx('span', {
-        className: 'warn',
-        children:
-          'There are no Stores or other objects to inspect. Make sure you placed the Inspector inside a Provider component.',
-      })
-    : /* @__PURE__ */ jsxs('article', {
-        ref: articleRef,
-        onScroll: handleScroll,
-        children: [
-          /* @__PURE__ */ jsx(StoreView, {s}),
-          arrayMap(storeIds, (storeId) =>
-            /* @__PURE__ */ jsx(StoreView, {storeId, s}, storeId),
-          ),
-          /* @__PURE__ */ jsx(MetricsView, {s}),
-          arrayMap(metricsIds, (metricsId) =>
-            /* @__PURE__ */ jsx(MetricsView, {metricsId, s}, metricsId),
-          ),
-          /* @__PURE__ */ jsx(IndexesView, {s}),
-          arrayMap(indexesIds, (indexesId) =>
-            /* @__PURE__ */ jsx(IndexesView, {indexesId, s}, indexesId),
-          ),
-          /* @__PURE__ */ jsx(RelationshipsView, {s}),
-          arrayMap(relationshipsIds, (relationshipsId) =>
-            /* @__PURE__ */ jsx(
-              RelationshipsView,
-              {
-                relationshipsId,
-                s,
-              },
-              relationshipsId,
-            ),
-          ),
-          /* @__PURE__ */ jsx(QueriesView, {s}),
-          arrayMap(queriesIds, (queriesId) =>
-            /* @__PURE__ */ jsx(QueriesView, {queriesId, s}, queriesId),
-          ),
-        ],
-      });
-};
-
-class ErrorBoundary extends PureComponent {
-  constructor(props) {
-    super(props);
-    this.state = {e: 0};
-  }
-  static getDerivedStateFromError() {
-    return {e: 1};
-  }
-  // eslint-disable-next-line react/no-arrow-function-lifecycle
-  componentDidCatch = (error, info) =>
-    // eslint-disable-next-line no-console
-    console.error(error, info.componentStack);
-  render() {
-    return this.state.e
-      ? /* @__PURE__ */ jsx('span', {
-          className: 'warn',
-          children: 'Inspector error: please see console for details.',
-        })
-      : this.props.children;
-  }
-}
-
-const Header = ({s}) => {
-  const position = useValue(POSITION_VALUE, s) ?? 1;
-  const handleClick = () => open('https://tinybase.org', '_blank');
-  const handleClose = useSetValueCallback(OPEN_VALUE, () => false, [], s);
-  const handleDock = useSetValueCallback(
-    POSITION_VALUE,
-    (event) => Number(event[CURRENT_TARGET].dataset.id),
-    [],
-    s,
-  );
-  return /* @__PURE__ */ jsxs('header', {
-    children: [
-      /* @__PURE__ */ jsx('img', {
-        className: 'flat',
-        title: TITLE,
-        onClick: handleClick,
-      }),
-      /* @__PURE__ */ jsx('span', {children: TITLE}),
-      arrayMap(POSITIONS, (name, p) =>
-        p == position
-          ? null
-          : /* @__PURE__ */ jsx(
-              'img',
-              {
-                onClick: handleDock,
-                'data-id': p,
-                title: 'Dock to ' + name,
-              },
-              p,
-            ),
-      ),
-      /* @__PURE__ */ jsx('img', {
-        className: 'flat',
-        onClick: handleClose,
-        title: 'Close',
-      }),
-    ],
-  });
-};
-
-const Panel = ({s}) => {
-  const position = useValue(POSITION_VALUE, s) ?? 1;
-  return useValue(OPEN_VALUE, s)
-    ? /* @__PURE__ */ jsxs('main', {
-        'data-position': position,
-        children: [
-          /* @__PURE__ */ jsx(Header, {s}),
-          /* @__PURE__ */ jsx(ErrorBoundary, {
-            children: /* @__PURE__ */ jsx(Body, {s}),
-          }),
-        ],
-      })
-    : null;
-};
-
-var img =
-  "data:image/svg+xml,%3csvg viewBox='0 0 680 680' xmlns='http://www.w3.org/2000/svg' style='width:680px%3bheight:680px'%3e %3cpath stroke='white' stroke-width='80' fill='none' d='M340 617a84 241 90 11.01 0zM131 475a94 254 70 10428-124 114 286 70 01-428 124zm0-140a94 254 70 10428-124 114 286 70 01-428 124zm-12-127a94 254 70 00306 38 90 260 90 01-306-38zm221 3a74 241 90 11.01 0z' /%3e %3cpath fill='%23d81b60' d='M131 475a94 254 70 10428-124 114 286 70 01-428 124zm0-140a94 254 70 10428-124 114 286 70 01-428 124z' /%3e %3cpath d='M249 619a94 240 90 00308-128 114 289 70 01-308 128zM119 208a94 254 70 00306 38 90 260 90 01-306-38zm221 3a74 241 90 11.01 0z' /%3e%3c/svg%3e";
-
-const PRE_CSS = 'url("';
-const POST_CSS = '")';
-const getCssSvg = (path, color = 'white') => ({
-  content:
-    PRE_CSS +
-    `data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 -960 960 960' fill='${color}'><path d='${path}' /></svg>` +
-    POST_CSS,
-});
-const VERTICAL_THIN = 'v560h120v-560h-120Z';
-const VERTICAL_THICK = 'v560h360v-560h-360Z';
-const HORIZONTAL_THIN = 'v120h560v-120h-560Z';
-const HORIZONTAL_THICK = 'v360h560v-360h-560Z';
-const LOGO_SVG = {content: PRE_CSS + img + POST_CSS};
-const POSITIONS_SVG = arrayMap(
-  [
-    `M200-760${VERTICAL_THIN} M400-760${VERTICAL_THICK}`,
-    `M200-760${HORIZONTAL_THIN} M200-560${HORIZONTAL_THICK}`,
-    `M200-760${HORIZONTAL_THICK} M200-320${HORIZONTAL_THIN}`,
-    `M200-760${VERTICAL_THICK} M640-760${VERTICAL_THIN}`,
-  ],
-  (path) =>
-    getCssSvg(
-      'M200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Z' +
-        path,
-    ),
-);
-arrayPush(
-  POSITIONS_SVG,
-  getCssSvg(
-    'M120-120v-200h80v120h120v80H120Zm520 0v-80h120v-120h80v200H640ZM120-640v-200h200v80H200v120h-80Zm640 0v-120H640v-80h200v200h-80Z',
-  ),
-);
-const CLOSE_SVG = getCssSvg(
-  'm336-280-56-56 144-144-144-143 56-56 144 144 143-144 56 56-144 143 144 144-56 56-143-144-144 144Z',
-);
-const EDIT_SVG = getCssSvg(
-  'M200-200h57l391-391-57-57-391 391v57Zm-80 80v-170l528-527q12-11 26.5-17t30.5-6q16 0 31 6t26 18l55 56q12 11 17.5 26t5.5 30q0 16-5.5 30.5T817-647L290-120H120Zm640-584-56-56 56 56Zm-141 85-28-29 57 57-29-28Z',
-);
-const DONE_SVG = getCssSvg(
-  'm622-453-56-56 82-82-57-57-82 82-56-56 195-195q12-12 26.5-17.5T705-840q16 0 31 6t26 18l55 56q12 11 17.5 26t5.5 30q0 16-5.5 30.5T817-647L622-453ZM200-200h57l195-195-28-29-29-28-195 195v57ZM792-56 509-338 290-120H120v-169l219-219L56-792l57-57 736 736-57 57Zm-32-648-56-56 56 56Zm-169 56 57 57-57-57ZM424-424l-29-28 57 57-28-29Z',
-);
-const ADD_SVG = getCssSvg(
-  'M440-280h80v-160h160v-80H520v-160h-80v160H280v80h160v160ZM200-120q-33 0-56.5-23.5T120-200v-560q0-33 23.5-56.5T200-840h560q33 0 56.5 23.5T840-760v560q0 33-23.5 56.5T760-120H200Zm0-80h560v-560H200v560Zm0-560v560-560Z',
-);
-const CLONE_SVG = getCssSvg(
-  'M520-400h80v-120h120v-80H600v-120h-80v120H400v80h120v120ZM320-240q-33 0-56.5-23.5T240-320v-480q0-33 23.5-56.5T320-880h480q33 0 56.5 23.5T880-800v480q0 33-23.5 56.5T800-240H320Zm0-80h480v-480H320v480ZM160-80q-33 0-56.5-23.5T80-160v-560h80v560h560v80H160Zm160-720v480-480Z',
-);
-const DELETE_SVG = getCssSvg(
-  'M280-120q-33 0-56.5-23.5T200-200v-520h-40v-80h200v-40h240v40h200v80h-40v520q0 33-23.5 56.5T680-120H280Zm400-600H280v520h400v-520ZM360-280h80v-360h-80v360Zm160 0h80v-360h-80v360ZM280-720v520-520Z',
-);
-const OK_SVG = getCssSvg(
-  'm424-296 282-282-56-56-226 226-114-114-56 56 170 170Zm56 216q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z',
-  'rgb(127,255,127)',
-);
-const OK_SVG_DISABLED = getCssSvg(
-  'm40-120 440-760 440 760H40Zm138-80h604L480-720 178-200Zm302-40q17 0 28.5-11.5T520-280q0-17-11.5-28.5T480-320q-17 0-28.5 11.5T440-280q0 17 11.5 28.5T480-240Zm-40-120h80v-200h-80v200Zm40-100Z',
-  'rgb(255,255,127)',
-);
-const CANCEL_SVG = getCssSvg(
-  'm336-280 144-144 144 144 56-56-144-144 144-144-56-56-144 144-144-144-56 56 144 144-144 144 56 56ZM480-80q-83 0-156-31.5T197-197q-54-54-85.5-127T80-480q0-83 31.5-156T197-763q54-54 127-85.5T480-880q83 0 156 31.5T763-763q54 54 85.5 127T880-480q0 83-31.5 156T763-197q-54 54-127 85.5T480-80Zm0-80q134 0 227-93t93-227q0-134-93-227t-227-93q-134 0-227 93t-93 227q0 134 93 227t227 93Zm0-320Z',
-  'rgb(255,127,127)',
-);
-const DOWN_SVG = getCssSvg(
-  'M480-344 240-584l56-56 184 184 184-184 56 56-240 240Z',
-);
-const RIGHT_SVG = getCssSvg(
-  'M504-480 320-664l56-56 240 240-240 240-56-56 184-184Z',
-);
-
-const SCROLLBAR = '*::-webkit-scrollbar';
-const BACKGROUND = 'background';
-const WIDTH = 'width';
-const MAX_WIDTH = 'max-' + WIDTH;
-const MIN_WIDTH = 'min-' + WIDTH;
-const HEIGHT = 'height';
-const BORDER = 'border';
-const BORDER_RADIUS = BORDER + '-radius';
-const PADDING = 'padding';
-const MARGIN = 'margin';
-const MARGIN_RIGHT = MARGIN + '-right';
-const TOP = 'top';
-const BOTTOM = 'bottom';
-const LEFT = 'left';
-const RIGHT = 'right';
-const COLOR = 'color';
-const POSITION = 'position';
-const BOX_SHADOW = 'box-shadow';
-const FONT_SIZE = 'font-size';
-const DISPLAY = 'display';
-const OVERFLOW = 'overflow';
-const CURSOR = 'cursor';
-const VERTICAL_ALIGN = 'vertical-align';
-const TEXT_ALIGN = 'text-align';
-const JUSTIFY_CONTENT = 'justify-content';
-const FIXED = 'fixed';
-const REVERT = 'revert';
-const UNSET = 'unset';
-const NONE = 'none';
-const FLEX = 'flex';
-const POINTER = 'pointer';
-const AUTO = 'auto';
-const HIDDEN = 'hidden';
-const NOWRAP = 'nowrap';
-const oklch = (lPercent, remainder = '% 0.01 ' + cssVar('hue')) =>
-  `oklch(${lPercent}${remainder})`;
-const cssVar = (name) => `var(--${name})`;
-const rem = (...rems) => `${rems.join('rem ')}rem`;
-const px = (...pxs) => `${pxs.join('px ')}px`;
-const vw = (vw2 = 100) => `${vw2}vw`;
-const vh = (vh2 = 100) => `${vh2}vh`;
-const APP_STYLESHEET = arrayJoin(
-  objToArray(
-    {
-      '': {
-        all: 'initial',
-        [FONT_SIZE]: rem(0.75),
-        [POSITION]: FIXED,
-        'font-family': 'inter,sans-serif',
-        'z-index': 999999,
-        '--bg': oklch(20),
-        '--bg2': oklch(15),
-        '--bg3': oklch(25),
-        '--bg4': oklch(30),
-        '--fg': oklch(85),
-        '--fg2': oklch(60),
-        ['--' + BORDER]: px(1) + ' solid ' + cssVar('bg4'),
-        ['--' + BOX_SHADOW]: px(0, 1, 2, 0) + ' #0007',
-      },
-      '*': {all: REVERT},
-      '*::before': {all: REVERT},
-      '*::after': {all: REVERT},
-      [SCROLLBAR]: {[WIDTH]: rem(0.5), [HEIGHT]: rem(0.5)},
-      [SCROLLBAR + '-thumb']: {[BACKGROUND]: cssVar('bg4')},
-      [SCROLLBAR + '-thumb:hover']: {[BACKGROUND]: cssVar('bg4')},
-      [SCROLLBAR + '-corner']: {[BACKGROUND]: NONE},
-      [SCROLLBAR + '-track']: {[BACKGROUND]: NONE},
-      img: {
-        [WIDTH]: rem(0.8),
-        [HEIGHT]: rem(0.8),
-        [VERTICAL_ALIGN]: 'text-' + BOTTOM,
-        [CURSOR]: POINTER,
-        [MARGIN]: px(-2.5, 2, -2.5, 0),
-        [PADDING]: px(2),
-        [BORDER]: cssVar(BORDER),
-        [BACKGROUND]: cssVar('bg3'),
-        [BOX_SHADOW]: cssVar(BOX_SHADOW),
-        [BORDER_RADIUS]: rem(0.25),
-      },
-      'img.flat': {[BORDER]: NONE, [BACKGROUND]: NONE, [BOX_SHADOW]: NONE},
-      // Nub
-      '>img': {
-        [PADDING]: rem(0.25),
-        [BOTTOM]: 0,
-        [RIGHT]: 0,
-        [POSITION]: FIXED,
-        [HEIGHT]: UNSET,
-        [MARGIN]: 0,
-        ...LOGO_SVG,
-      },
-      ...objNew(
-        arrayMap(
-          [
-            {[BOTTOM]: 0, [LEFT]: 0},
-            {[TOP]: 0, [RIGHT]: 0},
-          ],
-          (css, p) => [`>img[data-position='${p}']`, css],
-        ),
-      ),
-      // Panel
-      main: {
-        [DISPLAY]: FLEX,
-        [COLOR]: cssVar('fg'),
-        [BACKGROUND]: cssVar('bg'),
-        [OVERFLOW]: HIDDEN,
-        [POSITION]: FIXED,
-        [BOX_SHADOW]: cssVar(BOX_SHADOW),
-        'flex-direction': 'column',
-      },
-      ...objNew(
-        arrayMap(
-          [
-            {
-              [BOTTOM]: 0,
-              [LEFT]: 0,
-              [WIDTH]: vw(35),
-              [HEIGHT]: vh(),
-              [BORDER + '-' + RIGHT]: cssVar(BORDER),
-            },
-            {
-              [TOP]: 0,
-              [RIGHT]: 0,
-              [WIDTH]: vw(),
-              [HEIGHT]: vh(30),
-              [BORDER + '-' + BOTTOM]: cssVar(BORDER),
-            },
-            {
-              [BOTTOM]: 0,
-              [LEFT]: 0,
-              [WIDTH]: vw(),
-              [HEIGHT]: vh(30),
-              [BORDER + '-' + TOP]: cssVar(BORDER),
-            },
-            {
-              [TOP]: 0,
-              [RIGHT]: 0,
-              [WIDTH]: vw(35),
-              [HEIGHT]: vh(),
-              [BORDER + '-' + LEFT]: cssVar(BORDER),
-            },
-            {[TOP]: 0, [RIGHT]: 0, [WIDTH]: vw(), [HEIGHT]: vh()},
-          ],
-          (css, p) => [`main[data-position='${p}']`, css],
-        ),
-      ),
-      // Header
-      header: {
-        [DISPLAY]: FLEX,
-        [PADDING]: rem(0.5),
-        [BOX_SHADOW]: cssVar(BOX_SHADOW),
-        [BACKGROUND]: oklch(30, '% 0.008 var(--hue) / .5'),
-        [WIDTH]: 'calc(100% - .5rem)',
-        [POSITION]: 'absolute',
-        [BORDER + '-' + BOTTOM]: cssVar(BORDER),
-        'align-items': 'center',
-        'backdrop-filter': 'blur(4px)',
-      },
-      'header>img:nth-of-type(1)': {
-        [HEIGHT]: rem(1),
-        [WIDTH]: rem(1),
-        ...LOGO_SVG,
-      },
-      'header>img:nth-of-type(6)': CLOSE_SVG,
-      ...objNew(
-        arrayMap(POSITIONS_SVG, (SVG, p) => [
-          `header>img[data-id='${p}']`,
-          SVG,
-        ]),
-      ),
-      'header>span': {
-        [OVERFLOW]: HIDDEN,
-        [FLEX]: 1,
-        'font-weight': 800,
-        'white-space': NOWRAP,
-        'text-overflow': 'ellipsis',
-      },
-      // Body
-      article: {[OVERFLOW]: AUTO, [FLEX]: 1, [PADDING + '-' + TOP]: rem(2)},
-      details: {
-        [MARGIN]: rem(0.5),
-        [BORDER]: cssVar(BORDER),
-        [BORDER_RADIUS]: rem(0.25),
-      },
-      summary: {
-        [BACKGROUND]: cssVar('bg3'),
-        [MARGIN]: px(-1),
-        [BORDER]: cssVar(BORDER),
-        [PADDING]: rem(0.25, 0.125),
-        [DISPLAY]: FLEX,
-        [BORDER_RADIUS]: rem(0.25),
-        'user-select': NONE,
-        [JUSTIFY_CONTENT]: 'space-between',
-        'align-items': 'center',
-      },
-      'summary>span::before': {
-        [DISPLAY]: 'inline-block',
-        [VERTICAL_ALIGN]: 'sub',
-        [MARGIN]: px(2),
-        [WIDTH]: rem(1),
-        [HEIGHT]: rem(1),
-        ...RIGHT_SVG,
-      },
-      'details[open]>summary': {
-        'border-bottom-left-radius': 0,
-        'border-bottom-right-radius': 0,
-        [MARGIN + '-' + BOTTOM]: 0,
-      },
-      'details[open]>summary>span::before': DOWN_SVG,
-      'details>summary img': {[DISPLAY]: NONE},
-      'details[open]>summary img': {
-        [DISPLAY]: UNSET,
-        [MARGIN + '-' + LEFT]: rem(0.25),
-      },
-      'details>div': {[OVERFLOW]: AUTO},
-      caption: {
-        [COLOR]: cssVar('fg2'),
-        [PADDING]: rem(0.25, 0.5),
-        [TEXT_ALIGN]: LEFT,
-        'white-space': NOWRAP,
-      },
-      'caption button': {
-        [WIDTH]: rem(1.5),
-        [BORDER]: NONE,
-        [BACKGROUND]: NONE,
-        [COLOR]: cssVar('fg'),
-        [PADDING]: 0,
-        [CURSOR]: POINTER,
-      },
-      'caption button[disabled]': {[COLOR]: cssVar('fg2')},
-      '.actions': {
-        [PADDING]: rem(0.75, 0.5),
-        [MARGIN]: 0,
-        [DISPLAY]: FLEX,
-        [BORDER + '-' + TOP]: cssVar(BORDER),
-        [JUSTIFY_CONTENT]: 'space-between',
-      },
-      // tables
-      table: {
-        [MIN_WIDTH]: '100%',
-        'border-collapse': 'collapse',
-        'table-layout': FIXED,
-      },
-      thead: {[BACKGROUND]: cssVar('bg')},
-      [`th,#${UNIQUE_ID} td`]: {
-        [OVERFLOW]: HIDDEN,
-        [PADDING]: rem(0.25, 0.5),
-        [MAX_WIDTH]: rem(20),
-        [BORDER]: cssVar(BORDER),
-        'text-overflow': 'ellipsis',
-        'white-space': NOWRAP,
-        'border-width': px(1, 0, 0),
-        [TEXT_ALIGN]: LEFT,
-      },
-      'th:first-child': {
-        [WIDTH]: rem(3),
-        [MIN_WIDTH]: rem(3),
-        [MAX_WIDTH]: rem(3),
-      },
-      'th.sorted': {[BACKGROUND]: cssVar('bg3')},
-      'td.extra': {[TEXT_ALIGN]: RIGHT},
-      'tbody button': {
-        [BACKGROUND]: NONE,
-        [BORDER]: NONE,
-        [FONT_SIZE]: 0,
-        [WIDTH]: rem(0.8),
-        [HEIGHT]: rem(0.8),
-        [COLOR]: cssVar('fg2'),
-        [MARGIN]: rem(0, 0.25, 0, -0.25),
-        'line-height': rem(0.8),
-      },
-      'tbody button:first-letter': {[FONT_SIZE]: rem(0.8)},
-      input: {
-        [BACKGROUND]: cssVar('bg2'),
-        [COLOR]: UNSET,
-        [PADDING]: px(4),
-        [BORDER]: 0,
-        [MARGIN]: px(-4, 0),
-        [FONT_SIZE]: UNSET,
-        [MAX_WIDTH]: rem(6),
-      },
-      'input:focus': {'outline-width': 0},
-      'input[type="number"]': {[WIDTH]: rem(3)},
-      'input[type="checkbox"]': {[VERTICAL_ALIGN]: px(-2)},
-      '.editableCell': {[DISPLAY]: 'inline-block', [MARGIN_RIGHT]: px(2)},
-      'button.next': {[MARGIN_RIGHT]: rem(0.5)},
-      'img.edit': EDIT_SVG,
-      'img.done': DONE_SVG,
-      'img.add': ADD_SVG,
-      'img.clone': CLONE_SVG,
-      'img.delete': DELETE_SVG,
-      'img.ok': OK_SVG,
-      'img.okDis': OK_SVG_DISABLED,
-      'img.cancel': CANCEL_SVG,
-      'span.warn': {[MARGIN]: rem(2, 0.25), [COLOR]: '#d81b60'},
-    },
-    (style, selector) =>
-      `#${UNIQUE_ID} ${selector}{${arrayJoin(
-        objToArray(style, (value, property) => `${property}:${value};`),
-      )}}`,
-  ),
-);
-
-const Inspector = ({position = 'right', open = false, hue = 270}) => {
-  const s = useCreateStore(createStore);
-  const index = POSITIONS.indexOf(position);
-  useCreatePersister(
-    s,
-    (s2) => createSessionPersister(s2, UNIQUE_ID),
-    void 0,
-    async (persister) => {
-      await persister.load([
-        {},
-        {
-          position: index == -1 ? 1 : index,
-          open: !!open,
-        },
-      ]);
-      await persister.startAutoSave();
-    },
-  );
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [
-      /* @__PURE__ */ jsxs('aside', {
-        id: UNIQUE_ID,
-        children: [
-          /* @__PURE__ */ jsx(Nub, {s}),
-          /* @__PURE__ */ jsx(Panel, {s}),
-        ],
-      }),
-      /* @__PURE__ */ jsxs('style', {
-        children: [`#${UNIQUE_ID}{--hue:${hue}}`, APP_STYLESHEET],
-      }),
-    ],
-  });
-};
-
 export {
   addOrRemoveHash,
-  BackwardCheckpointsView,
   broadcastChanges,
-  CellView,
-  CheckpointView,
   createAutomergePersister,
   createBroadcastChannelSynchronizer,
   createCheckpoints,
@@ -12300,11 +7773,7 @@ export {
   createWsServerSimple,
   createWsSynchronizer,
   createYjsPersister,
-  CurrentCheckpointView,
   defaultSorter,
-  EditableCellView,
-  EditableValueView,
-  ForwardCheckpointsView,
   getCellHash,
   getCellInRowHash,
   getHash,
@@ -12314,214 +7783,17 @@ export {
   getTableHash,
   getTableInTablesHash,
   getTablesHash,
-  getUniqueId$1 as getUniqueId,
+  getUniqueId,
   getValueHash,
   getValueInValuesHash,
   getValuesHash,
   getWsServerDurableObjectFetch,
   hasStoreInStorage,
-  IndexView$1 as IndexView,
-  Inspector,
-  LinkedRowsView,
   loadStoreFromStorage,
-  LocalRowsView,
   Message,
-  MetricView,
   objectStoreMatch,
-  OFFSET_CHECKPOINTS,
-  OFFSET_INDEXES,
-  OFFSET_METRICS,
-  OFFSET_PERSISTER,
-  OFFSET_QUERIES,
-  OFFSET_RELATIONSHIPS,
-  OFFSET_STORE,
-  OFFSET_SYNCHRONIZER,
   Persists,
-  Provider,
-  RelationshipInHtmlRow,
-  RelationshipInHtmlTable,
-  RemoteRowView,
-  ResultCellView,
-  ResultRowView,
-  ResultSortedTableInHtmlTable,
-  ResultSortedTableView,
-  ResultTableInHtmlTable,
-  ResultTableView,
-  RowView,
-  SliceInHtmlTable,
-  SliceView$1 as SliceView,
-  SortedTableInHtmlTable,
-  SortedTablePaginator,
-  SortedTableView,
   Status,
-  TableInHtmlTable,
-  TablesView$1 as TablesView,
-  TableView$1 as TableView,
   TinyBasePartyKitServer,
-  useAddRowCallback,
-  useCell,
-  useCellIds,
-  useCellIdsListener,
-  useCellListener,
-  useCellState,
-  useCheckpoint,
-  useCheckpointIds,
-  useCheckpointIdsListener,
-  useCheckpointListener,
-  useCheckpoints,
-  useCheckpointsIds,
-  useCheckpointsOrCheckpointsById,
-  useCreateCheckpoints,
-  useCreateIndexes,
-  useCreateMergeableStore,
-  useCreateMetrics,
-  useCreatePersister,
-  useCreateQueries,
-  useCreateRelationships,
-  useCreateStore,
-  useCreateSynchronizer,
-  useDelCellCallback,
-  useDelRowCallback,
-  useDelTableCallback,
-  useDelTablesCallback,
-  useDelValueCallback,
-  useDelValuesCallback,
-  useDidFinishTransactionListener,
-  useGoBackwardCallback,
-  useGoForwardCallback,
-  useGoToCallback,
-  useHasCell,
-  useHasCellListener,
-  useHasRow,
-  useHasRowListener,
-  useHasTable,
-  useHasTableCell,
-  useHasTableCellListener,
-  useHasTableListener,
-  useHasTables,
-  useHasTablesListener,
-  useHasValue,
-  useHasValueListener,
-  useHasValues,
-  useHasValuesListener,
-  useIndexes,
-  useIndexesIds,
-  useIndexesOrIndexesById,
-  useIndexIds,
-  useLinkedRowIds,
-  useLinkedRowIdsListener,
-  useLocalRowIds,
-  useLocalRowIdsListener,
-  useMetric,
-  useMetricIds,
-  useMetricListener,
-  useMetrics,
-  useMetricsIds,
-  useMetricsOrMetricsById,
-  useParamValue,
-  useParamValueListener,
-  useParamValues,
-  useParamValuesListener,
-  useParamValuesState,
-  useParamValueState,
-  usePersister,
-  usePersisterIds,
-  usePersisterOrPersisterById,
-  usePersisterStatus,
-  usePersisterStatusListener,
-  useProvideCheckpoints,
-  useProvideIndexes,
-  useProvideMetrics,
-  useProvidePersister,
-  useProvideQueries,
-  useProvideRelationships,
-  useProvideStore,
-  useProvideSynchronizer,
-  useQueries,
-  useQueriesIds,
-  useQueriesOrQueriesById,
-  useQueryIds,
-  useRedoInformation,
-  useRelationshipIds,
-  useRelationships,
-  useRelationshipsIds,
-  useRelationshipsOrRelationshipsById,
-  useRemoteRowId,
-  useRemoteRowIdListener,
-  useResultCell,
-  useResultCellIds,
-  useResultCellIdsListener,
-  useResultCellListener,
-  useResultRow,
-  useResultRowCount,
-  useResultRowCountListener,
-  useResultRowIds,
-  useResultRowIdsListener,
-  useResultRowListener,
-  useResultSortedRowIds,
-  useResultSortedRowIdsListener,
-  useResultTable,
-  useResultTableCellIds,
-  useResultTableCellIdsListener,
-  useResultTableListener,
-  useRow,
-  useRowCount,
-  useRowCountListener,
-  useRowIds,
-  useRowIdsListener,
-  useRowListener,
-  useRowState,
-  useSetCellCallback,
-  useSetCheckpointCallback,
-  useSetParamValueCallback,
-  useSetParamValuesCallback,
-  useSetPartialRowCallback,
-  useSetPartialValuesCallback,
-  useSetRowCallback,
-  useSetTableCallback,
-  useSetTablesCallback,
-  useSetValueCallback,
-  useSetValuesCallback,
-  useSliceIds,
-  useSliceIdsListener,
-  useSliceRowIds,
-  useSliceRowIdsListener,
-  useSortedRowIds,
-  useSortedRowIdsListener,
-  useSortedRowIdsListenerImpl,
-  useSortingAndPagination,
-  useStartTransactionListener,
-  useStore,
-  useStoreIds,
-  useStoreOrStoreById,
-  useStores,
-  useSynchronizer,
-  useSynchronizerIds,
-  useSynchronizerOrSynchronizerById,
-  useSynchronizerStatus,
-  useSynchronizerStatusListener,
-  useTable,
-  useTableCellIds,
-  useTableCellIdsListener,
-  useTableIds,
-  useTableIdsListener,
-  useTableListener,
-  useTables,
-  useTablesListener,
-  useTablesState,
-  useTableState,
-  useUndoInformation,
-  useValue,
-  useValueIds,
-  useValueIdsListener,
-  useValueListener,
-  useValues,
-  useValuesListener,
-  useValuesState,
-  useValueState,
-  useWillFinishTransactionListener,
-  ValuesInHtmlTable,
-  ValuesView$1 as ValuesView,
-  ValueView,
   WsServerDurableObject,
 };