atom.io 0.6.6 → 0.6.7

package/react-devtools/dist/index.js

@@ -388,21 +388,17 @@ var Differ = class {
 // ../../anvl/src/string/capitalize.ts
 var capitalize = (str) => str[0].toUpperCase() + str.slice(1);
 
-// ../src/internal/atom-internal.ts
-var import_hamt_plus5 = __toESM(require("hamt_plus"));
-
 // ../src/internal/get.ts
-var import_hamt_plus = __toESM(require("hamt_plus"));
 var computeSelectorState = (selector) => selector.get();
 function lookup(key, store) {
   const core = target(store);
-  const type = import_hamt_plus.default.has(key, core.atoms) ? `atom` : import_hamt_plus.default.has(key, core.selectors) ? `selector` : `readonly_selector`;
+  const type = core.atoms.has(key) ? `atom` : core.selectors.has(key) ? `selector` : `readonly_selector`;
   return { key, type };
 }
 function withdraw(token, store) {
   var _a2, _b, _c, _d, _e;
   const core = target(store);
-  return (_e = (_d = (_c = (_b = (_a2 = import_hamt_plus.default.get(token.key, core.atoms)) != null ? _a2 : import_hamt_plus.default.get(token.key, core.selectors)) != null ? _b : import_hamt_plus.default.get(token.key, core.readonlySelectors)) != null ? _c : import_hamt_plus.default.get(token.key, core.transactions)) != null ? _d : import_hamt_plus.default.get(token.key, core.timelines)) != null ? _e : null;
+  return (_e = (_d = (_c = (_b = (_a2 = core.atoms.get(token.key)) != null ? _a2 : core.selectors.get(token.key)) != null ? _b : core.readonlySelectors.get(token.key)) != null ? _c : core.transactions.get(token.key)) != null ? _d : core.timelines.get(token.key)) != null ? _e : null;
 }
 function deposit(state) {
   return __spreadValues({
@@ -441,12 +437,6 @@ var markAtomAsNotDefault = (key, store = IMPLICIT.STORE) => {
   core.atomsThatAreDefault.delete(key);
 };
 
-// ../src/internal/operation.ts
-var import_hamt_plus3 = __toESM(require("hamt_plus"));
-
-// ../src/internal/store.ts
-var import_hamt_plus2 = __toESM(require("hamt_plus"));
-
 // ../../anvl/src/join/core-relation-data.ts
 var import_string = require("fp-ts/string");
 
@@ -802,17 +792,17 @@ var Join = class _Join {
 // ../src/internal/store.ts
 var createStore = (name, store = null) => {
   var _a2;
-  const copiedStore = __spreadProps(__spreadValues({}, store != null ? store : (() => ({
+  const created = __spreadProps(__spreadValues({}, store != null ? store : (() => ({
     atomsThatAreDefault: /* @__PURE__ */ new Set(),
     selectorAtoms: new Join({ relationType: `n:n` }).from(`selectorKey`).to(`atomKey`),
-    selectorGraph: new Join({ relationType: `n:n` }),
-    valueMap: import_hamt_plus2.default.make()
+    selectorGraph: new Join({ relationType: `n:n` })
   }))()), {
-    atoms: import_hamt_plus2.default.make(),
-    readonlySelectors: import_hamt_plus2.default.make(),
-    selectors: import_hamt_plus2.default.make(),
-    transactions: import_hamt_plus2.default.make(),
-    timelines: import_hamt_plus2.default.make(),
+    valueMap: new Map(store == null ? void 0 : store.valueMap),
+    atoms: /* @__PURE__ */ new Map(),
+    readonlySelectors: /* @__PURE__ */ new Map(),
+    selectors: /* @__PURE__ */ new Map(),
+    transactions: /* @__PURE__ */ new Map(),
+    timelines: /* @__PURE__ */ new Map(),
     timelineAtoms: new Join({ relationType: `1:n` }).from(`timelineKey`).to(`atomKey`),
     subject: {
       atomCreation: new Subject(),
@@ -838,21 +828,21 @@ var createStore = (name, store = null) => {
   });
   store == null ? void 0 : store.atoms.forEach((atom2) => {
     const copiedAtom = __spreadProps(__spreadValues({}, atom2), { subject: new Subject() });
-    copiedStore.atoms = import_hamt_plus2.default.set(atom2.key, copiedAtom, copiedStore.atoms);
+    created.atoms.set(atom2.key, copiedAtom);
   });
   store == null ? void 0 : store.readonlySelectors.forEach((selector) => {
-    selector.install(copiedStore);
+    selector.install(created);
   });
   store == null ? void 0 : store.selectors.forEach((selector) => {
-    selector.install(copiedStore);
+    selector.install(created);
   });
   store == null ? void 0 : store.transactions.forEach((tx) => {
-    tx.install(copiedStore);
+    tx.install(created);
   });
-  store == null ? void 0 : store.timelines.forEach((timeline) => {
-    timeline.install(copiedStore);
+  store == null ? void 0 : store.timelines.forEach((timeline2) => {
+    timeline2.install(created);
   });
-  return copiedStore;
+  return created;
 };
 var IMPLICIT = {
   STORE_INTERNAL: void 0,
@@ -875,7 +865,7 @@ var openOperation = (token, store) => {
   core.operation = {
     open: true,
     done: /* @__PURE__ */ new Set(),
-    prev: store.valueMap,
+    prev: new Map(store.valueMap),
     time: Date.now(),
     token
   };
@@ -919,39 +909,35 @@ var recallState = (state, store = IMPLICIT.STORE) => {
     (_a2 = store.config.logger) == null ? void 0 : _a2.warn(
       `recall called outside of an operation. This is probably a bug.`
     );
-    return import_hamt_plus3.default.get(state.key, core.valueMap);
+    return core.valueMap.get(state.key);
   }
-  return import_hamt_plus3.default.get(state.key, core.operation.prev);
+  return core.operation.prev.get(state.key);
 };
 var cacheValue = (key, value, store = IMPLICIT.STORE) => {
   const core = target(store);
-  core.valueMap = import_hamt_plus3.default.set(key, value, core.valueMap);
+  core.valueMap.set(key, value);
 };
 var evictCachedValue = (key, store = IMPLICIT.STORE) => {
   const core = target(store);
-  core.valueMap = import_hamt_plus3.default.remove(key, core.valueMap);
-};
-var readCachedValue = (key, store = IMPLICIT.STORE) => import_hamt_plus3.default.get(key, target(store).valueMap);
-var isValueCached = (key, store = IMPLICIT.STORE) => import_hamt_plus3.default.has(key, target(store).valueMap);
-var hasKeyBeenUsed = (key, store = IMPLICIT.STORE) => {
-  const core = target(store);
-  return import_hamt_plus3.default.has(key, core.atoms) || import_hamt_plus3.default.has(key, core.selectors) || import_hamt_plus3.default.has(key, core.readonlySelectors);
+  core.valueMap.delete(key);
 };
+var readCachedValue = (key, store = IMPLICIT.STORE) => target(store).valueMap.get(key);
+var isValueCached = (key, store = IMPLICIT.STORE) => target(store).valueMap.has(key);
 
 // ../src/internal/transaction-internal.ts
-var import_hamt_plus4 = __toESM(require("hamt_plus"));
 var target = (store = IMPLICIT.STORE) => store.transactionStatus.phase === `building` ? store.transactionStatus.core : store;
 
 // ../src/internal/atom-internal.ts
 function atom__INTERNAL(options, family, store = IMPLICIT.STORE) {
   var _a2, _b, _c;
   const core = target(store);
-  if (hasKeyBeenUsed(options.key, store)) {
+  const existing = core.atoms.get(options.key);
+  if (existing) {
     (_b = (_a2 = store.config.logger) == null ? void 0 : _a2.error) == null ? void 0 : _b.call(
       _a2,
       `Key "${options.key}" already exists in the store.`
     );
-    return deposit(core.atoms.get(options.key));
+    return deposit(existing);
   }
   const subject = new Subject();
   const newAtom = __spreadValues(__spreadProps(__spreadValues({}, options), {
@@ -959,7 +945,7 @@ function atom__INTERNAL(options, family, store = IMPLICIT.STORE) {
     type: `atom`
   }), family && { family });
   const initialValue = options.default instanceof Function ? options.default() : options.default;
-  core.atoms = import_hamt_plus5.default.set(newAtom.key, newAtom, core.atoms);
+  core.atoms.set(newAtom.key, newAtom);
   markAtomAsDefault(options.key, store);
   cacheValue(options.key, initialValue, store);
   const token = deposit(newAtom);
@@ -1082,7 +1068,6 @@ var traceAllSelectorAtoms = (selectorKey, store) => {
 };
 
 // ../src/internal/set.ts
-var import_hamt_plus6 = __toESM(require("hamt_plus"));
 var evictDownStream = (state, store = IMPLICIT.STORE) => {
   var _a2, _b;
   const core = target(store);
@@ -1101,7 +1086,7 @@ var evictDownStream = (state, store = IMPLICIT.STORE) => {
       (_a3 = store.config.logger) == null ? void 0 : _a3.info(`   || ${stateKey} already done`);
       return;
     }
-    const state2 = (_b2 = import_hamt_plus6.default.get(stateKey, core.selectors)) != null ? _b2 : import_hamt_plus6.default.get(stateKey, core.readonlySelectors);
+    const state2 = (_b2 = core.selectors.get(stateKey)) != null ? _b2 : core.readonlySelectors.get(stateKey);
     if (!state2) {
       (_c = store.config.logger) == null ? void 0 : _c.info(
         `   || ${stateKey} is an atom, and can't be downstream`
@@ -1218,7 +1203,13 @@ var subscribeToRootAtoms = (state, store) => {
       );
       const oldValue = recallState(state, store);
       const newValue = getState__INTERNAL(state, store);
-      (_b = store.config.logger) == null ? void 0 : _b.info(`   <- ${state.key} became`, newValue);
+      (_b = store.config.logger) == null ? void 0 : _b.info(
+        `   <- "${state.key}" went (`,
+        oldValue,
+        `->`,
+        newValue,
+        `)`
+      );
       state.subject.next({ newValue, oldValue });
     });
   });
@@ -1411,11 +1402,24 @@ var attachTimelineFamily = (store = import_atom3.__INTERNAL__.IMPLICIT.STORE) =>
   const findTimelineLogState__INTERNAL = import_atom3.__INTERNAL__.atomFamily__INTERNAL(
     {
       key: `\u{1F441}\u200D\u{1F5E8} Timeline Update Log (Internal)`,
-      default: (key) => store.timelines.get(key),
+      default: (key) => {
+        var _a2;
+        return (_a2 = store.timelines.get(key)) != null ? _a2 : {
+          key: ``,
+          at: 0,
+          timeTraveling: false,
+          history: [],
+          selectorTime: null,
+          transactionKey: null,
+          install: () => {
+          },
+          subject: new Subject()
+        };
+      },
       effects: (key) => [
         ({ setSelf }) => {
           const tl = store.timelines.get(key);
-          tl.subject.subscribe((_) => {
+          tl == null ? void 0 : tl.subject.subscribe((_) => {
             if (store.operation.open === true) {
               const subscription = store.subject.operationStatus.subscribe(
                 (operationStatus) => {
@@ -1516,7 +1520,7 @@ var attachTransactionLogs = (store = import_atom6.__INTERNAL__.IMPLICIT.STORE) =
       effects: (key) => [
         ({ setSelf }) => {
           const tx = store.transactions.get(key);
-          tx.subject.subscribe((transactionUpdate) => {
+          tx == null ? void 0 : tx.subject.subscribe((transactionUpdate) => {
             if (transactionUpdate.key === key) {
               setSelf((state) => [...state, transactionUpdate]);
             }
@@ -2843,9 +2847,8 @@ var StringEditor = ({
   }, this);
 };
 
-// ../../hamr/src/react-error-boundary/ErrorBoundary.tsx
+// ../../hamr/src/react-error-boundary/ReactErrorBoundary.tsx
 var import_react4 = require("react");
-var import_recoil = require("recoil");
 
 // ../../hamr/src/react-error-boundary/DefaultFallback.tsx
 var import_jsx_dev_runtime10 = require("react/jsx-dev-runtime");
@@ -2925,7 +2928,7 @@ var DefaultFallback = ({ error, errorInfo }) => {
   );
 };
 
-// ../../hamr/src/react-error-boundary/ErrorBoundary.tsx
+// ../../hamr/src/react-error-boundary/ReactErrorBoundary.tsx
 var import_jsx_dev_runtime11 = require("react/jsx-dev-runtime");
 var ErrorBoundary = class extends import_react4.Component {
   constructor(props) {
@@ -2944,23 +2947,19 @@ var ErrorBoundary = class extends import_react4.Component {
     const { error, errorInfo } = this.state;
     const { children, Fallback = DefaultFallback } = this.props;
     return errorInfo ? /* @__PURE__ */ (0, import_jsx_dev_runtime11.jsxDEV)(Fallback, { error, errorInfo }, void 0, false, {
-      fileName: "../../hamr/src/react-error-boundary/ErrorBoundary.tsx",
-      lineNumber: 43,
+      fileName: "../../hamr/src/react-error-boundary/ReactErrorBoundary.tsx",
+      lineNumber: 51,
       columnNumber: 4
     }, this) : children;
   }
 };
-var findErrorBoundaryState = (0, import_recoil.atomFamily)({
-  key: `errorBoundary`,
-  default: { error: void 0, errorInfo: void 0 }
-});
 
 // ../../hamr/src/react-json-editor/default-components.tsx
 var import_jsx_dev_runtime12 = require("react/jsx-dev-runtime");
 var DEFAULT_JSON_EDITOR_COMPONENTS = {
   ErrorBoundary: ({ children }) => /* @__PURE__ */ (0, import_jsx_dev_runtime12.jsxDEV)(ErrorBoundary, { children }, void 0, false, {
     fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-    lineNumber: 47,
+    lineNumber: 46,
     columnNumber: 35
   }, this),
   Button: ({ onClick, children, disabled }) => /* @__PURE__ */ (0, import_jsx_dev_runtime12.jsxDEV)(
@@ -2976,14 +2975,14 @@ var DEFAULT_JSON_EDITOR_COMPONENTS = {
     false,
     {
       fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-      lineNumber: 49,
+      lineNumber: 48,
       columnNumber: 3
     },
     this
   ),
   EditorWrapper: ({ children, customCss, className }) => /* @__PURE__ */ (0, import_jsx_dev_runtime12.jsxDEV)("div", { className: `json_editor ` + className, css: customCss, children }, void 0, false, {
     fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-    lineNumber: 59,
+    lineNumber: 58,
     columnNumber: 3
   }, this),
   EditorLayout: ({
@@ -2997,98 +2996,98 @@ var DEFAULT_JSON_EDITOR_COMPONENTS = {
     return /* @__PURE__ */ (0, import_jsx_dev_runtime12.jsxDEV)(Wrapper, { children: [
       DeleteButton && /* @__PURE__ */ (0, import_jsx_dev_runtime12.jsxDEV)(DeleteButton, {}, void 0, false, {
         fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-        lineNumber: 73,
+        lineNumber: 72,
         columnNumber: 22
       }, this),
       Header && /* @__PURE__ */ (0, import_jsx_dev_runtime12.jsxDEV)(Header, {}, void 0, false, {
         fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-        lineNumber: 74,
+        lineNumber: 73,
         columnNumber: 16
       }, this),
       KeyInput && /* @__PURE__ */ (0, import_jsx_dev_runtime12.jsxDEV)(KeyInput, {}, void 0, false, {
         fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-        lineNumber: 75,
+        lineNumber: 74,
         columnNumber: 18
       }, this),
       TypeSelect && /* @__PURE__ */ (0, import_jsx_dev_runtime12.jsxDEV)(TypeSelect, {}, void 0, false, {
         fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-        lineNumber: 76,
+        lineNumber: 75,
         columnNumber: 20
       }, this),
       /* @__PURE__ */ (0, import_jsx_dev_runtime12.jsxDEV)(ValueEditor, {}, void 0, false, {
         fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-        lineNumber: 77,
+        lineNumber: 76,
         columnNumber: 5
       }, this)
     ] }, void 0, true, {
       fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-      lineNumber: 72,
+      lineNumber: 71,
       columnNumber: 4
     }, this);
   },
   ArrayWrapper: ({ children }) => /* @__PURE__ */ (0, import_jsx_dev_runtime12.jsxDEV)("div", { className: "json_editor_array", children }, void 0, false, {
     fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-    lineNumber: 82,
+    lineNumber: 81,
     columnNumber: 3
   }, this),
   ObjectWrapper: ({ children }) => /* @__PURE__ */ (0, import_jsx_dev_runtime12.jsxDEV)("div", { className: "json_editor_object", children }, void 0, false, {
     fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-    lineNumber: 85,
+    lineNumber: 84,
     columnNumber: 3
   }, this),
   StringWrapper: ({ children }) => /* @__PURE__ */ (0, import_jsx_dev_runtime12.jsxDEV)("span", { className: "json_editor_string", children }, void 0, false, {
     fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-    lineNumber: 88,
+    lineNumber: 87,
     columnNumber: 3
   }, this),
   NumberWrapper: ({ children }) => /* @__PURE__ */ (0, import_jsx_dev_runtime12.jsxDEV)("span", { className: "json_editor_number", children }, void 0, false, {
     fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-    lineNumber: 91,
+    lineNumber: 90,
     columnNumber: 3
   }, this),
   BooleanWrapper: ({ children }) => /* @__PURE__ */ (0, import_jsx_dev_runtime12.jsxDEV)("span", { className: "json_editor_boolean", children }, void 0, false, {
     fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-    lineNumber: 94,
+    lineNumber: 93,
     columnNumber: 3
   }, this),
   NullWrapper: ({ children }) => /* @__PURE__ */ (0, import_jsx_dev_runtime12.jsxDEV)("span", { className: "json_editor_null", children }, void 0, false, {
     fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-    lineNumber: 97,
+    lineNumber: 96,
     columnNumber: 3
   }, this),
   MissingPropertyWrapper: ({ children }) => /* @__PURE__ */ (0, import_jsx_dev_runtime12.jsxDEV)("div", { className: "json_editor_property json_editor_missing", children }, void 0, false, {
     fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-    lineNumber: 100,
+    lineNumber: 99,
     columnNumber: 3
   }, this),
   MiscastPropertyWrapper: ({ children }) => /* @__PURE__ */ (0, import_jsx_dev_runtime12.jsxDEV)("div", { className: "json_editor_property json_editor_miscast", children }, void 0, false, {
     fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-    lineNumber: 103,
+    lineNumber: 102,
     columnNumber: 3
   }, this),
   IllegalPropertyWrapper: ({ children }) => /* @__PURE__ */ (0, import_jsx_dev_runtime12.jsxDEV)("span", { className: "json_editor_property json_editor_illegal", children }, void 0, false, {
     fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-    lineNumber: 106,
+    lineNumber: 105,
     columnNumber: 3
   }, this),
   OfficialPropertyWrapper: ({ children }) => /* @__PURE__ */ (0, import_jsx_dev_runtime12.jsxDEV)("span", { className: "json_editor_property json_editor_official", children }, void 0, false, {
     fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-    lineNumber: 109,
+    lineNumber: 108,
     columnNumber: 3
   }, this),
   UnofficialPropertyWrapper: ({ children }) => /* @__PURE__ */ (0, import_jsx_dev_runtime12.jsxDEV)("span", { className: "json_editor_property json_editor_unofficial", children }, void 0, false, {
     fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-    lineNumber: 112,
+    lineNumber: 111,
     columnNumber: 3
   }, this),
   DeleteIcon: () => /* @__PURE__ */ (0, import_jsx_dev_runtime12.jsxDEV)("span", { className: "json_editor_icon json_editor_delete", children: "x" }, void 0, false, {
     fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-    lineNumber: 117,
+    lineNumber: 116,
     columnNumber: 3
   }, this),
   KeyWrapper: ({ children }) => /* @__PURE__ */ (0, import_jsx_dev_runtime12.jsxDEV)("span", { className: "json_editor_key", children }, void 0, false, {
     fileName: "../../hamr/src/react-json-editor/default-components.tsx",
-    lineNumber: 120,
+    lineNumber: 119,
     columnNumber: 3
   }, this)
 };
@@ -3139,7 +3138,7 @@ var JsonEditor = ({
     false,
     {
       fileName: "../../hamr/src/react-json-editor/developer-interface.tsx",
-      lineNumber: 79,
+      lineNumber: 78,
       columnNumber: 3
     },
     this
@@ -3708,7 +3707,7 @@ var YouAreHere = () => {
   }, this);
 };
 var TimelineLog = ({ token, isOpenState, timelineState }) => {
-  const timeline = (0, import_react8.useO)(timelineState);
+  const timeline2 = (0, import_react8.useO)(timelineState);
   const [isOpen, setIsOpen] = (0, import_react8.useIO)(isOpenState);
   return /* @__PURE__ */ (0, import_jsx_dev_runtime17.jsxDEV)("section", { className: "node timeline_log", children: [
     /* @__PURE__ */ (0, import_jsx_dev_runtime17.jsxDEV)("header", { children: [
@@ -3725,9 +3724,9 @@ var TimelineLog = ({ token, isOpenState, timelineState }) => {
         }, this),
         /* @__PURE__ */ (0, import_jsx_dev_runtime17.jsxDEV)("span", { className: "detail length", children: [
           "(",
-          timeline.at,
+          timeline2.at,
           "/",
-          timeline.history.length,
+          timeline2.history.length,
           ")"
         ] }, void 0, true, {
           fileName: "../src/react-devtools/TimelineIndex.tsx",
@@ -3745,7 +3744,7 @@ var TimelineLog = ({ token, isOpenState, timelineState }) => {
             {
               type: "button",
               onClick: () => (0, import_atom9.undo)(token),
-              disabled: timeline.at === 0,
+              disabled: timeline2.at === 0,
               children: "undo"
             },
             void 0,
@@ -3762,7 +3761,7 @@ var TimelineLog = ({ token, isOpenState, timelineState }) => {
             {
               type: "button",
               onClick: () => (0, import_atom9.redo)(token),
-              disabled: timeline.at === timeline.history.length,
+              disabled: timeline2.at === timeline2.history.length,
               children: "redo"
             },
             void 0,
@@ -3789,8 +3788,8 @@ var TimelineLog = ({ token, isOpenState, timelineState }) => {
       lineNumber: 30,
       columnNumber: 4
     }, this),
-    isOpen ? /* @__PURE__ */ (0, import_jsx_dev_runtime17.jsxDEV)("main", { children: timeline.history.map((update, index) => /* @__PURE__ */ (0, import_jsx_dev_runtime17.jsxDEV)(import_react9.Fragment, { children: [
-      index === timeline.at ? /* @__PURE__ */ (0, import_jsx_dev_runtime17.jsxDEV)(YouAreHere, {}, void 0, false, {
+    isOpen ? /* @__PURE__ */ (0, import_jsx_dev_runtime17.jsxDEV)("main", { children: timeline2.history.map((update, index) => /* @__PURE__ */ (0, import_jsx_dev_runtime17.jsxDEV)(import_react9.Fragment, { children: [
+      index === timeline2.at ? /* @__PURE__ */ (0, import_jsx_dev_runtime17.jsxDEV)(YouAreHere, {}, void 0, false, {
         fileName: "../src/react-devtools/TimelineIndex.tsx",
         lineNumber: 60,
         columnNumber: 33
@@ -3800,12 +3799,12 @@ var TimelineLog = ({ token, isOpenState, timelineState }) => {
         lineNumber: 61,
         columnNumber: 8
       }, this),
-      index === timeline.history.length - 1 && timeline.at === timeline.history.length ? /* @__PURE__ */ (0, import_jsx_dev_runtime17.jsxDEV)(YouAreHere, {}, void 0, false, {
+      index === timeline2.history.length - 1 && timeline2.at === timeline2.history.length ? /* @__PURE__ */ (0, import_jsx_dev_runtime17.jsxDEV)(YouAreHere, {}, void 0, false, {
         fileName: "../src/react-devtools/TimelineIndex.tsx",
         lineNumber: 64,
         columnNumber: 9
       }, this) : null
-    ] }, update.key + index + timeline.at, true, {
+    ] }, update.key + index + timeline2.at, true, {
       fileName: "../src/react-devtools/TimelineIndex.tsx",
       lineNumber: 59,
       columnNumber: 7
@@ -3962,7 +3961,7 @@ var AtomIODevtools = () => {
       false,
       {
         fileName: "../src/react-devtools/AtomIODevtools.tsx",
-        lineNumber: 30,
+        lineNumber: 29,
         columnNumber: 4
       },
       this
@@ -3985,7 +3984,7 @@ var AtomIODevtools = () => {
             /* @__PURE__ */ (0, import_jsx_dev_runtime19.jsxDEV)(import_framer_motion.motion.header, { children: [
               /* @__PURE__ */ (0, import_jsx_dev_runtime19.jsxDEV)("h1", { children: "atom.io" }, void 0, false, {
                 fileName: "../src/react-devtools/AtomIODevtools.tsx",
-                lineNumber: 61,
+                lineNumber: 60,
                 columnNumber: 8
               }, this),
               /* @__PURE__ */ (0, import_jsx_dev_runtime19.jsxDEV)("nav", { children: devtoolsViewOptions.map((viewOption) => /* @__PURE__ */ (0, import_jsx_dev_runtime19.jsxDEV)(
@@ -4001,48 +4000,48 @@ var AtomIODevtools = () => {
                 false,
                 {
                   fileName: "../src/react-devtools/AtomIODevtools.tsx",
-                  lineNumber: 64,
+                  lineNumber: 63,
                   columnNumber: 10
                 },
                 this
               )) }, void 0, false, {
                 fileName: "../src/react-devtools/AtomIODevtools.tsx",
-                lineNumber: 62,
+                lineNumber: 61,
                 columnNumber: 8
               }, this)
             ] }, void 0, true, {
               fileName: "../src/react-devtools/AtomIODevtools.tsx",
-              lineNumber: 60,
+              lineNumber: 59,
               columnNumber: 7
             }, this),
             /* @__PURE__ */ (0, import_jsx_dev_runtime19.jsxDEV)(import_framer_motion.motion.main, { children: /* @__PURE__ */ (0, import_jsx_dev_runtime19.jsxDEV)(import_framer_motion.LayoutGroup, { children: devtoolsView === `atoms` ? /* @__PURE__ */ (0, import_jsx_dev_runtime19.jsxDEV)(StateIndex, { tokenIndex: atomIndex }, void 0, false, {
               fileName: "../src/react-devtools/AtomIODevtools.tsx",
-              lineNumber: 79,
+              lineNumber: 78,
               columnNumber: 10
             }, this) : devtoolsView === `selectors` ? /* @__PURE__ */ (0, import_jsx_dev_runtime19.jsxDEV)(StateIndex, { tokenIndex: selectorIndex }, void 0, false, {
               fileName: "../src/react-devtools/AtomIODevtools.tsx",
-              lineNumber: 81,
+              lineNumber: 80,
               columnNumber: 10
             }, this) : devtoolsView === `transactions` ? /* @__PURE__ */ (0, import_jsx_dev_runtime19.jsxDEV)(TransactionIndex, {}, void 0, false, {
               fileName: "../src/react-devtools/AtomIODevtools.tsx",
-              lineNumber: 83,
+              lineNumber: 82,
               columnNumber: 10
             }, this) : devtoolsView === `timelines` ? /* @__PURE__ */ (0, import_jsx_dev_runtime19.jsxDEV)(TimelineIndex, {}, void 0, false, {
               fileName: "../src/react-devtools/AtomIODevtools.tsx",
-              lineNumber: 85,
+              lineNumber: 84,
               columnNumber: 10
             }, this) : null }, void 0, false, {
               fileName: "../src/react-devtools/AtomIODevtools.tsx",
-              lineNumber: 77,
+              lineNumber: 76,
               columnNumber: 8
             }, this) }, void 0, false, {
               fileName: "../src/react-devtools/AtomIODevtools.tsx",
-              lineNumber: 76,
+              lineNumber: 75,
               columnNumber: 7
             }, this)
           ] }, void 0, true, {
             fileName: "../src/react-devtools/AtomIODevtools.tsx",
-            lineNumber: 59,
+            lineNumber: 58,
             columnNumber: 6
           }, this) : null,
           /* @__PURE__ */ (0, import_jsx_dev_runtime19.jsxDEV)("footer", { children: /* @__PURE__ */ (0, import_jsx_dev_runtime19.jsxDEV)(
@@ -4062,13 +4061,13 @@ var AtomIODevtools = () => {
             false,
             {
               fileName: "../src/react-devtools/AtomIODevtools.tsx",
-              lineNumber: 92,
+              lineNumber: 91,
               columnNumber: 6
             },
             this
           ) }, void 0, false, {
             fileName: "../src/react-devtools/AtomIODevtools.tsx",
-            lineNumber: 91,
+            lineNumber: 90,
             columnNumber: 5
           }, this)
         ]
@@ -4077,14 +4076,14 @@ var AtomIODevtools = () => {
       true,
       {
         fileName: "../src/react-devtools/AtomIODevtools.tsx",
-        lineNumber: 42,
+        lineNumber: 41,
         columnNumber: 4
       },
       this
     )
   ] }, void 0, true, {
     fileName: "../src/react-devtools/AtomIODevtools.tsx",
-    lineNumber: 29,
+    lineNumber: 28,
     columnNumber: 3
   }, this);
 };