@xyo-network/react-chain-blockchain 1.15.1 → 1.15.3

package/dist/browser/index.mjs

@@ -5,7 +5,7 @@ var __name = (target, value) => __defProp(target, "name", { value, configurable:
 import { FlexCol as FlexCol2, FlexRow as FlexRow2 } from "@xylabs/react-flexbox";
 import { BWVerification, HashHeadingPaper } from "@xyo-network/react-boundwitness-plugin";
 import { usePayloadHash } from "@xyo-network/react-shared";
-import React14 from "react";
+import React13 from "react";
 
 // src/context/analyzer/context.ts
 import { createContextEx } from "@xylabs/react-shared";
@@ -119,26 +119,6 @@ var ChainInfoProvider = /* @__PURE__ */ __name(({ children, chainArchivist: chai
 import { createContextEx as createContextEx3 } from "@xylabs/react-shared";
 var ChainPollingContext = createContextEx3();
 
-// src/context/polling/Provider.tsx
-import React3, { useCallback as useCallback2, useMemo as useMemo3, useState as useState3 } from "react";
-var ChainPollingProvider = /* @__PURE__ */ __name(({ children, pollingState: pollingStateProp = "running" }) => {
-  const [pollingState, setPollingState] = useState3(pollingStateProp);
-  const updatePollingState = useCallback2((newPollingState) => {
-    setPollingState(newPollingState);
-  }, []);
-  const value = useMemo3(() => ({
-    pollingState,
-    provided: true,
-    updatePollingState
-  }), [
-    pollingState,
-    updatePollingState
-  ]);
-  return /* @__PURE__ */ React3.createElement(ChainPollingContext, {
-    value
-  }, children);
-}, "ChainPollingProvider");
-
 // src/context/polling/use.ts
 import { useContextEx as useContextEx2 } from "@xylabs/react-shared";
 var useChainPollingContext = /* @__PURE__ */ __name((required = false) => useContextEx2(ChainPollingContext, "ChainPolling", required), "useChainPollingContext");
@@ -148,7 +128,7 @@ import { Button, FormControl, TextField } from "@mui/material";
 import { toHex } from "@xylabs/hex";
 import { FlexCol } from "@xylabs/react-flexbox";
 import { defaultTransactionFees } from "@xyo-network/xl1-protocol";
-import React4 from "react";
+import React3 from "react";
 var ChainTransactionBuilder = /* @__PURE__ */ __name(({ onSubmitTx }) => {
   const handleSubmit = /* @__PURE__ */ __name(async (event) => {
     event.preventDefault();
@@ -166,38 +146,38 @@ var ChainTransactionBuilder = /* @__PURE__ */ __name(({ onSubmitTx }) => {
     };
     await onSubmitTx?.(chainTx);
   }, "handleSubmit");
-  return /* @__PURE__ */ React4.createElement("form", {
+  return /* @__PURE__ */ React3.createElement("form", {
     onSubmit: /* @__PURE__ */ __name((event) => void handleSubmit(event), "onSubmit"),
     style: {
       width: "100%"
     }
-  }, /* @__PURE__ */ React4.createElement(FlexCol, {
+  }, /* @__PURE__ */ React3.createElement(FlexCol, {
     gap: 2
-  }, /* @__PURE__ */ React4.createElement(FormControl, {
+  }, /* @__PURE__ */ React3.createElement(FormControl, {
     fullWidth: true
-  }, /* @__PURE__ */ React4.createElement(TextField, {
+  }, /* @__PURE__ */ React3.createElement(TextField, {
     label: "Chain Address",
     name: "chain",
     required: true
-  })), /* @__PURE__ */ React4.createElement(FormControl, {
+  })), /* @__PURE__ */ React3.createElement(FormControl, {
     fullWidth: true
-  }, /* @__PURE__ */ React4.createElement(TextField, {
+  }, /* @__PURE__ */ React3.createElement(TextField, {
     label: "Gas",
     name: "gas",
     required: true
-  })), /* @__PURE__ */ React4.createElement(FormControl, {
+  })), /* @__PURE__ */ React3.createElement(FormControl, {
     fullWidth: true
-  }, /* @__PURE__ */ React4.createElement(TextField, {
+  }, /* @__PURE__ */ React3.createElement(TextField, {
     label: "Not Before Block",
     name: "nbf",
     required: true
-  })), /* @__PURE__ */ React4.createElement(FormControl, {
+  })), /* @__PURE__ */ React3.createElement(FormControl, {
     fullWidth: true
-  }, /* @__PURE__ */ React4.createElement(TextField, {
+  }, /* @__PURE__ */ React3.createElement(TextField, {
     label: "Not After Block",
     name: "exp",
     required: true
-  })), /* @__PURE__ */ React4.createElement(Button, {
+  })), /* @__PURE__ */ React3.createElement(Button, {
     type: "submit",
     variant: "contained"
   }, "Submit")));
@@ -205,9 +185,9 @@ var ChainTransactionBuilder = /* @__PURE__ */ __name(({ onSubmitTx }) => {
 
 // src/components/transactions/submit/Network.tsx
 import { FormControl as FormControl2, FormHelperText, TextField as TextField2 } from "@mui/material";
-import React5, { useState as useState4 } from "react";
+import React4, { useState as useState3 } from "react";
 var ChainTransactionNetwork = /* @__PURE__ */ __name(({ network, onNetworkChange, ...props }) => {
-  const [error, setError] = useState4();
+  const [error, setError] = useState3();
   const handleChange = /* @__PURE__ */ __name((event) => {
     try {
       const url = new URL(event.target.value);
@@ -218,16 +198,16 @@ var ChainTransactionNetwork = /* @__PURE__ */ __name(({ network, onNetworkChange
       setError(error2);
     }
   }, "handleChange");
-  return /* @__PURE__ */ React5.createElement(FormControl2, {
+  return /* @__PURE__ */ React4.createElement(FormControl2, {
     fullWidth: true
-  }, /* @__PURE__ */ React5.createElement(TextField2, {
+  }, /* @__PURE__ */ React4.createElement(TextField2, {
     label: "Network",
     name: "network",
     onChange: handleChange,
     required: true,
     value: network,
     ...props
-  }), /* @__PURE__ */ React5.createElement(FormHelperText, {
+  }), /* @__PURE__ */ React4.createElement(FormHelperText, {
     sx: {
       color: error ? "red" : void 0
     }
@@ -244,13 +224,13 @@ import { ArchivistInsertQuerySchema } from "@xyo-network/archivist-model";
 import { QueryBoundWitnessBuilder } from "@xyo-network/boundwitness-builder";
 import { PayloadBuilder } from "@xyo-network/payload-builder";
 import { buildTransaction } from "@xyo-network/xl1-protocol-sdk";
-import React6, { useState as useState5 } from "react";
+import React5, { useState as useState4 } from "react";
 var BETA_PENDING_TRANSACTIONS_ARCHIVIST = "https://beta.api.chain.xyo.network/8050fee682a2762f504d5449d8269a6f17f0b693";
 var defaultNetwork = new URL(BETA_PENDING_TRANSACTIONS_ARCHIVIST);
 var SubmitChainTransaction = /* @__PURE__ */ __name(() => {
-  const [network, setNetwork] = useState5(defaultNetwork);
-  const [result, setResult] = useState5();
-  const [error, setError] = useState5();
+  const [network, setNetwork] = useState4(defaultNetwork);
+  const [result, setResult] = useState4();
+  const [error, setError] = useState4();
   const onSubmitTx = /* @__PURE__ */ __name(async (chainTx) => {
     if (network) {
       const randomAccount = await Account.random();
@@ -279,46 +259,46 @@ var SubmitChainTransaction = /* @__PURE__ */ __name(() => {
   const onNetworkChange = /* @__PURE__ */ __name((url) => {
     setNetwork(url);
   }, "onNetworkChange");
-  return /* @__PURE__ */ React6.createElement(Grid, {
+  return /* @__PURE__ */ React5.createElement(Grid, {
     container: true
-  }, /* @__PURE__ */ React6.createElement(Grid, {
+  }, /* @__PURE__ */ React5.createElement(Grid, {
     size: {
       xs: 12,
       sm: 6,
       md: 4
     }
-  }, /* @__PURE__ */ React6.createElement(FlexGrowCol, {
+  }, /* @__PURE__ */ React5.createElement(FlexGrowCol, {
     alignItems: "start",
     gap: 2
-  }, /* @__PURE__ */ React6.createElement(ChainTransactionNetwork, {
+  }, /* @__PURE__ */ React5.createElement(ChainTransactionNetwork, {
     network,
     onNetworkChange
-  }), network ? /* @__PURE__ */ React6.createElement(ChainTransactionBuilder, {
+  }), network ? /* @__PURE__ */ React5.createElement(ChainTransactionBuilder, {
     onSubmitTx
-  }) : null, result?.[2].length === 0 ? /* @__PURE__ */ React6.createElement(Alert, {
+  }) : null, result?.[2].length === 0 ? /* @__PURE__ */ React5.createElement(Alert, {
     severity: "success"
-  }, "Success") : null, error ? /* @__PURE__ */ React6.createElement(ErrorRender, {
+  }, "Success") : null, error ? /* @__PURE__ */ React5.createElement(ErrorRender, {
     error
-  }) : null, result?.[2] && result?.[2].length > 0 ? /* @__PURE__ */ React6.createElement(ErrorRender, {
+  }) : null, result?.[2] && result?.[2].length > 0 ? /* @__PURE__ */ React5.createElement(ErrorRender, {
     error: new Error("Failed insert...see result below")
-  }) : null, result ? /* @__PURE__ */ React6.createElement(React6.Fragment, null, /* @__PURE__ */ React6.createElement(Typography, {
+  }) : null, result ? /* @__PURE__ */ React5.createElement(React5.Fragment, null, /* @__PURE__ */ React5.createElement(Typography, {
     variant: "h6"
-  }, "Result:"), /* @__PURE__ */ React6.createElement("pre", null, JSON.stringify(result, null, 2))) : null)));
+  }, "Result:"), /* @__PURE__ */ React5.createElement("pre", null, JSON.stringify(result, null, 2))) : null)));
 }, "SubmitChainTransaction");
 
 // src/components/transactions/TransactionCountChip.tsx
 import CompareArrowsIcon from "@mui/icons-material/CompareArrows";
 import { Chip, Icon } from "@mui/material";
-import React7, { useMemo as useMemo4 } from "react";
+import React6, { useMemo as useMemo3 } from "react";
 var TransactionCountChip = /* @__PURE__ */ __name(({ transactions, sx, ...props }) => {
-  const label = useMemo4(() => {
+  const label = useMemo3(() => {
     if (!transactions) return "0";
     return transactions?.length > 10 ? "+10" : transactions.length;
   }, [
     transactions
   ]);
-  return /* @__PURE__ */ React7.createElement(Chip, {
-    avatar: /* @__PURE__ */ React7.createElement(Icon, null, /* @__PURE__ */ React7.createElement(CompareArrowsIcon, null)),
+  return /* @__PURE__ */ React6.createElement(Chip, {
+    avatar: /* @__PURE__ */ React6.createElement(Icon, null, /* @__PURE__ */ React6.createElement(CompareArrowsIcon, null)),
     label,
     title: transactions ? `Block contains ${transactions.length} transactions` : void 0,
     sx: {
@@ -337,7 +317,7 @@ import { Alert as Alert2, AlertTitle, Collapse, Snackbar, Typography as Typograp
 import { ErrorRender as ErrorRender2 } from "@xylabs/react-error";
 import { FlexGrowCol as FlexGrowCol2, FlexGrowRow, FlexRow } from "@xylabs/react-flexbox";
 import { QuickTipButton } from "@xylabs/react-quick-tip-button";
-import React8, { Fragment, useMemo as useMemo6, useState as useState7 } from "react";
+import React7, { Fragment, useMemo as useMemo4, useState as useState6 } from "react";
 
 // src/hooks/chain-iterator/ChainIteratorStore.ts
 import { assertEx } from "@xylabs/assert";
@@ -363,13 +343,17 @@ var ChainIteratorStore = class _ChainIteratorStore {
     const chainIterator = await ChainBlockNumberIterationService.create(params);
     instance._chainIterator = chainIterator;
     const head = await chainIterator.head();
-    const hydratedHead = await hydrateBlock(params.chainArchivist, await PayloadBuilder2.hash(head));
+    const hydratedHead = await hydrateBlock({
+      chainMap: params.chainMap
+    }, await PayloadBuilder2.hash(head));
     instance._values = {
       chainIterator,
       head: hydratedHead
     };
     const headUpdatedListener = /* @__PURE__ */ __name(async ({ blocks }) => {
-      const hydratedBlock = await hydrateBlock(params.chainArchivist, await PayloadBuilder2.hash(blocks?.[0]));
+      const hydratedBlock = await hydrateBlock({
+        chainMap: params.chainMap
+      }, await PayloadBuilder2.hash(blocks?.[0]));
       instance._values = {
         chainIterator,
         head: hydratedBlock
@@ -422,18 +406,16 @@ var resolveDefinedHead = /* @__PURE__ */ __name(async (head, chainArchivist) =>
     return assertEx2(isBlockBoundWitness(headPayload) ? headPayload : void 0, () => `Expected a block bound witness: ${JSON.stringify(headPayload)}`);
   }
 }, "resolveDefinedHead");
-var useChainIteratorParams = /* @__PURE__ */ __name(({ chainArchivist, chainId, head, name }) => {
+var useChainIteratorParams = /* @__PURE__ */ __name(({ chainMap, chainId, head, name }) => {
   return usePromise(async () => {
-    if (isDefined(chainArchivist) && isDefined(chainId) && isHash(head)) {
-      const [result] = await chainArchivist.get([
-        head
-      ]);
+    if (isDefined(chainMap) && isDefined(chainId) && isHash(head)) {
+      const result = await chainMap.get(head);
       const foundResult = assertEx2(result, () => `Head not found: ${head}`);
       const resolvedHead = assertEx2(isBlockBoundWitness(foundResult) ? foundResult : void 0, () => `Head is not a boundwitness: ${JSON.stringify(foundResult)}`);
       const config = getDefaultConfig();
       config.chain.id = chainId;
       return {
-        chainArchivist,
+        chainMap,
         chainId,
         config,
         head: resolvedHead,
@@ -441,22 +423,18 @@ var useChainIteratorParams = /* @__PURE__ */ __name(({ chainArchivist, chainId,
       };
     }
   }, [
-    chainArchivist,
+    chainMap,
     chainId,
     head
   ]);
 }, "useChainIteratorParams");
 
-// src/hooks/chain-iterator/useChainIteratorStore.ts
-import { usePromise as usePromise2 } from "@xylabs/react-promise";
-import { useEffect as useEffect2, useMemo as useMemo5, useRef, useSyncExternalStore } from "react";
-
 // src/hooks/chain-iterator/useChainIteratorUpdatingHead.ts
 import { toHex as toHex2 } from "@xylabs/hex";
 import { findMostRecentBlock } from "@xyo-network/chain-protocol";
-import { useEffect, useState as useState6 } from "react";
+import { useEffect, useState as useState5 } from "react";
 var useChainIteratorUpdatingHead = /* @__PURE__ */ __name(({ chainIterator, interval = 500, maxBlocks, chainArchivist }) => {
-  const [error, setError] = useState6();
+  const [error, setError] = useState5();
   useEffect(() => {
     let pollArchivistTimeout;
     const pollingFunction = /* @__PURE__ */ __name(async () => {
@@ -492,90 +470,36 @@ var useChainIteratorUpdatingHead = /* @__PURE__ */ __name(({ chainIterator, inte
   return error;
 }, "useChainIteratorUpdatingHead");
 
-// src/hooks/chain-iterator/useChainIteratorStore.ts
-var stub = {};
-var useChainIteratorStore = /* @__PURE__ */ __name((chainIteratorParams) => {
-  const [chainIteratorStore] = usePromise2(async () => {
-    return chainIteratorParams ? await ChainIteratorStore.create(chainIteratorParams) : void 0;
-  }, [
-    chainIteratorParams
-  ]);
-  const { chainIterator } = chainIteratorStore || {};
-  const chainArchivist = chainIteratorParams?.chainArchivist;
-  const error = useChainIteratorUpdatingHead({
-    chainIterator,
-    chainArchivist
-  });
-  useEffect2(() => {
-    return () => {
-      if (chainIteratorStore) {
-        chainIteratorStore.cleanup();
-      }
-    };
-  }, [
-    chainIteratorStore
-  ]);
-  const cachedSnapshot = useRef({});
-  const { getSnapShot, subscribe } = useMemo5(() => {
-    if (chainIteratorStore) {
-      return {
-        getSnapShot: /* @__PURE__ */ __name(() => {
-          const snapshot = chainIteratorStore.getSnapshot();
-          const newValues = {
-            ...snapshot,
-            error
-          };
-          const noCachedValue = cachedSnapshot.current.chainIterator === void 0;
-          const cachedBlock = cachedSnapshot.current?.head?.[0]?.block;
-          const newBlock = cachedBlock !== newValues.head?.[0]?.block;
-          if (noCachedValue || newBlock) {
-            cachedSnapshot.current = newValues;
-            return newValues;
-          }
-          return cachedSnapshot.current;
-        }, "getSnapShot"),
-        subscribe: chainIteratorStore.subscribe.bind(chainIteratorStore)
-      };
-    }
-    return {
-      getSnapShot: /* @__PURE__ */ __name(() => stub, "getSnapShot"),
-      subscribe: /* @__PURE__ */ __name(() => () => {
-      }, "subscribe")
-    };
-  }, [
-    chainIteratorStore
-  ]);
-  return useSyncExternalStore(subscribe, getSnapShot);
-}, "useChainIteratorStore");
-
 // src/hooks/useIterateChain.ts
 import { assertEx as assertEx3 } from "@xylabs/assert";
-import { usePromise as usePromise3 } from "@xylabs/react-promise";
+import { usePromise as usePromise2 } from "@xylabs/react-promise";
 import { ChainBlockNumberIterationService as ChainBlockNumberIterationService2 } from "@xyo-network/chain-services";
 import { PayloadBuilder as PayloadBuilder3 } from "@xyo-network/payload-builder";
 import { isBlockBoundWitness as isBlockBoundWitness2 } from "@xyo-network/xl1-protocol";
 import { hydrateBlock as hydrateBlock2 } from "@xyo-network/xl1-protocol-sdk";
-var getHydratedBlock = /* @__PURE__ */ __name(async (chainArchivist, head) => {
+var getHydratedBlock = /* @__PURE__ */ __name(async (chainMap, head) => {
   const headHash = await PayloadBuilder3.hash(head);
-  return await hydrateBlock2(chainArchivist, headHash);
+  return await hydrateBlock2({
+    chainMap
+  }, headHash);
 }, "getHydratedBlock");
 var iterateChain = /* @__PURE__ */ __name(async (chainIteratorParams, maxDepth) => {
-  const { chainArchivist, head } = chainIteratorParams ?? {};
+  const { chainMap, head } = chainIteratorParams ?? {};
   const headPayload = assertEx3(isBlockBoundWitness2(head) ? head : null, () => "Head is not a Block Bound Witness");
   const headBlockBoundWitness = assertEx3(isBlockBoundWitness2(headPayload) ? headPayload : null, () => "Invalid head block");
   const chainIterator = await ChainBlockNumberIterationService2.create({
     head: headBlockBoundWitness,
-    chainArchivist
+    chainMap
   });
   const chainHead = await chainIterator.head();
-  let block = await getHydratedBlock(chainArchivist, chainHead);
+  let block = await getHydratedBlock(chainMap, chainHead);
   const blocks = [
     block
   ];
   let depth = 1;
   while (true) {
     const [, next] = await chainIterator.previous(block[0].block, 2);
-    const nextHydratedBlock = await getHydratedBlock(chainArchivist, next);
+    const nextHydratedBlock = await getHydratedBlock(chainMap, next);
     blocks.push(nextHydratedBlock);
     block = nextHydratedBlock;
     depth++;
@@ -584,7 +508,7 @@ var iterateChain = /* @__PURE__ */ __name(async (chainIteratorParams, maxDepth)
   return blocks;
 }, "iterateChain");
 var useIterateChain = /* @__PURE__ */ __name((chainIteratorParams, maxDepth) => {
-  return usePromise3(async () => {
+  return usePromise2(async () => {
     return await iterateChain(chainIteratorParams, maxDepth);
   }, [
     chainIteratorParams,
@@ -593,7 +517,7 @@ var useIterateChain = /* @__PURE__ */ __name((chainIteratorParams, maxDepth) =>
 }, "useIterateChain");
 
 // src/hooks/useTxsFromBlock.ts
-import { usePromise as usePromise4 } from "@xylabs/react-promise";
+import { usePromise as usePromise3 } from "@xylabs/react-promise";
 
 // src/helpers/txsFromBlock.ts
 import { HydratedBlockWrapper } from "@xyo-network/chain-wrappers";
@@ -607,7 +531,7 @@ var txsFromBlock = /* @__PURE__ */ __name(async (block) => {
 
 // src/hooks/useTxsFromBlock.ts
 var useTxsFromBlock = /* @__PURE__ */ __name((block) => {
-  return usePromise4(async () => {
+  return usePromise3(async () => {
     if (block) {
       return await txsFromBlock(block);
     }
@@ -619,9 +543,9 @@ var useTxsFromBlock = /* @__PURE__ */ __name((block) => {
 // src/components/transactions/TransactionsQuickTipButton.tsx
 var TransactionsQuickTipButton = /* @__PURE__ */ __name(({ block, ...props }) => {
   const [transactions, transactionsError] = useTxsFromBlock(block);
-  const [copied, setCopied] = useState7(false);
-  const [showError, setShowError] = useState7(false);
-  useMemo6(() => transactionsError ? setShowError(true) : setShowError(false), [
+  const [copied, setCopied] = useState6(false);
+  const [showError, setShowError] = useState6(false);
+  useMemo4(() => transactionsError ? setShowError(true) : setShowError(false), [
     transactionsError
   ]);
   const onCopy = /* @__PURE__ */ __name(async (transactionHash) => {
@@ -631,7 +555,7 @@ var TransactionsQuickTipButton = /* @__PURE__ */ __name(({ block, ...props }) =>
       setCopied(false);
     }, 5e3);
   }, "onCopy");
-  return /* @__PURE__ */ React8.createElement(React8.Fragment, null, /* @__PURE__ */ React8.createElement(QuickTipButton, {
+  return /* @__PURE__ */ React7.createElement(React7.Fragment, null, /* @__PURE__ */ React7.createElement(QuickTipButton, {
     Icon: Paid,
     disabled: transactions?.length === 0,
     hoverText: `Transaction Count: ${transactions?.length ?? 0}`,
@@ -641,42 +565,42 @@ var TransactionsQuickTipButton = /* @__PURE__ */ __name(({ block, ...props }) =>
       maxWidth: "md"
     },
     ...props
-  }, transactions?.length === 0 ? null : /* @__PURE__ */ React8.createElement(FlexGrowCol2, {
+  }, transactions?.length === 0 ? null : /* @__PURE__ */ React7.createElement(FlexGrowCol2, {
     gap: 1,
     alignItems: "stretch"
-  }, transactions?.map(([transaction, hash]) => /* @__PURE__ */ React8.createElement(Fragment, {
+  }, transactions?.map(([transaction, hash]) => /* @__PURE__ */ React7.createElement(Fragment, {
     key: hash
-  }, /* @__PURE__ */ React8.createElement(FlexGrowRow, {
+  }, /* @__PURE__ */ React7.createElement(FlexGrowRow, {
     gap: 2,
     justifyContent: "start"
-  }, /* @__PURE__ */ React8.createElement(ContentCopyIcon, {
+  }, /* @__PURE__ */ React7.createElement(ContentCopyIcon, {
     sx: {
       cursor: "pointer"
     },
     onClick: /* @__PURE__ */ __name(() => void onCopy(hash), "onClick")
-  }), /* @__PURE__ */ React8.createElement(Typography2, {
+  }), /* @__PURE__ */ React7.createElement(Typography2, {
     sx: {
       overflow: "hidden",
       textOverflow: "ellipsis",
       whiteSpace: "nowrap"
     }
-  }, hash)), /* @__PURE__ */ React8.createElement(FlexRow, null, /* @__PURE__ */ React8.createElement(Collapse, {
+  }, hash)), /* @__PURE__ */ React7.createElement(FlexRow, null, /* @__PURE__ */ React7.createElement(Collapse, {
     in: copied,
     unmountOnExit: true
-  }, /* @__PURE__ */ React8.createElement(Alert2, null, /* @__PURE__ */ React8.createElement(AlertTitle, null, "Previous hash copied to clipboard")))))))), /* @__PURE__ */ React8.createElement(Snackbar, {
+  }, /* @__PURE__ */ React7.createElement(Alert2, null, /* @__PURE__ */ React7.createElement(AlertTitle, null, "Previous hash copied to clipboard")))))))), /* @__PURE__ */ React7.createElement(Snackbar, {
     open: showError,
     onClose: /* @__PURE__ */ __name(() => setShowError(false), "onClose")
-  }, /* @__PURE__ */ React8.createElement(ErrorRender2, {
+  }, /* @__PURE__ */ React7.createElement(ErrorRender2, {
     error: transactionsError,
     scope: "TransactionsQuickTipButton"
   })));
 }, "TransactionsQuickTipButton");
 
 // src/components/block/hooks/useAnchorElement.ts
-import { useRef as useRef2, useState as useState8 } from "react";
+import { useRef, useState as useState7 } from "react";
 var useAnchorElement = /* @__PURE__ */ __name(() => {
-  const [anchorEl, setAnchorEl] = useState8(null);
-  const anchorRef = useRef2(null);
+  const [anchorEl, setAnchorEl] = useState7(null);
+  const anchorRef = useRef(null);
   const open = Boolean(anchorEl);
   const handleClick = /* @__PURE__ */ __name((event) => {
     setAnchorEl(event.currentTarget);
@@ -700,9 +624,9 @@ var useBlockHeadingEvents = /* @__PURE__ */ __name((...args) => {
 }, "useBlockHeadingEvents");
 
 // src/components/block/hooks/useBlockProducer.ts
-import { useMemo as useMemo7 } from "react";
+import { useMemo as useMemo5 } from "react";
 var useBlockProducer = /* @__PURE__ */ __name((block) => {
-  return useMemo7(() => {
+  return useMemo5(() => {
     if (block) {
       const producer = block[0].addresses[0];
       return producer;
@@ -713,7 +637,7 @@ var useBlockProducer = /* @__PURE__ */ __name((block) => {
 }, "useBlockProducer");
 
 // src/components/block/hooks/useDynamicBlockComponents.ts
-import { useState as useState9 } from "react";
+import { useState as useState8 } from "react";
 
 // src/components/block/helpers/blockProducer.ts
 var blockProducer = /* @__PURE__ */ __name((block) => {
@@ -721,13 +645,13 @@ var blockProducer = /* @__PURE__ */ __name((block) => {
 }, "blockProducer");
 
 // src/components/block/helpers/buildBlockChainRenderComponent.tsx
-import React9 from "react";
+import React8 from "react";
 var buildBlockChainRenderComponent = /* @__PURE__ */ __name(async (BlockComponent, blockComponentProps) => {
   const { block, ...remainingProps } = blockComponentProps;
   const blockTxs = await txsFromBlock(block);
   const txHashes = blockTxs.map(([_, hash]) => hash);
   const item = {
-    child: /* @__PURE__ */ React9.createElement(BlockComponent, {
+    child: /* @__PURE__ */ React8.createElement(BlockComponent, {
       block,
       transactions: txHashes,
       ...remainingProps
@@ -753,11 +677,11 @@ var payloadCountsFromBlock = /* @__PURE__ */ __name(([block, payloads]) => {
 
 // src/components/block/hooks/useDynamicBlockComponents.ts
 var useDynamicBlockComponents = /* @__PURE__ */ __name((BlockComponent, params, maxBlocks) => {
-  const { chainArchivist } = params ?? {};
-  const [blockChainRenderComponents, setBlockChainRenderComponents] = useState9([]);
+  const { chainMap } = params ?? {};
+  const [blockChainRenderComponents, setBlockChainRenderComponents] = useState8([]);
   const { onBlock } = useChainAnalyzersContext();
   const onAddBlock = /* @__PURE__ */ __name(async (block) => {
-    if (!block || !chainArchivist) return;
+    if (!block || !chainMap) return;
     const blockComponentProps = {
       block
     };
@@ -783,9 +707,9 @@ var useDynamicBlockComponents = /* @__PURE__ */ __name((BlockComponent, params,
 }, "useDynamicBlockComponents");
 
 // src/components/block/hooks/usePayloadCountsFromBlock.ts
-import { useMemo as useMemo8 } from "react";
+import { useMemo as useMemo6 } from "react";
 var usePayloadCountsFromBlock = /* @__PURE__ */ __name((block) => {
-  return useMemo8(() => {
+  return useMemo6(() => {
     if (block) {
       return [
         ...payloadCountsFromBlock(block),
@@ -803,13 +727,13 @@ var usePayloadCountsFromBlock = /* @__PURE__ */ __name((block) => {
 }, "usePayloadCountsFromBlock");
 
 // src/components/block/hooks/useStaticBlockComponents.ts
-import { usePromise as usePromise5 } from "@xylabs/react-promise";
+import { usePromise as usePromise4 } from "@xylabs/react-promise";
 import { isDefined as isDefined2 } from "@xylabs/typeof";
 var useStaticBlockComponents = /* @__PURE__ */ __name((BlockComponent, params, blocks) => {
   const { onBlock } = useChainAnalyzersContext();
-  const [blockComponents, blockComponentsError] = usePromise5(async () => {
+  const [blockComponents, blockComponentsError] = usePromise4(async () => {
     const resolvedBlockWithStorage = blocks ?? [];
-    if (!params?.chainArchivist) return [];
+    if (!params?.chainMap) return [];
     return await Promise.all(resolvedBlockWithStorage?.map(async (block) => {
       if (isDefined2(onBlock)) {
         await onBlock(block);
@@ -833,9 +757,9 @@ var useStaticBlockComponents = /* @__PURE__ */ __name((BlockComponent, params, b
 
 // src/components/block/LinkedDivider.tsx
 import { Divider, Stack } from "@mui/material";
-import React10 from "react";
+import React9 from "react";
 var LinkedDivider = /* @__PURE__ */ __name(() => {
-  return /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement(Stack, {
+  return /* @__PURE__ */ React9.createElement(React9.Fragment, null, /* @__PURE__ */ React9.createElement(Stack, {
     className: "divider-spacer",
     justifyContent: "end",
     sx: {
@@ -843,7 +767,7 @@ var LinkedDivider = /* @__PURE__ */ __name(() => {
       height: 24,
       justifyContent: "end"
     }
-  }, /* @__PURE__ */ React10.createElement(Divider, {
+  }, /* @__PURE__ */ React9.createElement(Divider, {
     className: "divider",
     orientation: "vertical",
     flexItem: true,
@@ -859,16 +783,16 @@ var LinkedDivider = /* @__PURE__ */ __name(() => {
 import { MoreVert } from "@mui/icons-material";
 import { IconButton, Menu } from "@mui/material";
 import { BWJsonMenuItem, BWPreviousHashMenuItem } from "@xyo-network/react-boundwitness-plugin";
-import React11 from "react";
+import React10 from "react";
 var BlockMenuExpanded = /* @__PURE__ */ __name(({ block }) => {
   const { anchorEl, anchorRef, open, handleClick, handleClose } = useAnchorElement();
-  return /* @__PURE__ */ React11.createElement(React11.Fragment, null, /* @__PURE__ */ React11.createElement(IconButton, {
+  return /* @__PURE__ */ React10.createElement(React10.Fragment, null, /* @__PURE__ */ React10.createElement(IconButton, {
     ref: anchorRef,
     size: "small",
     onClick: handleClick
-  }, /* @__PURE__ */ React11.createElement(MoreVert, {
+  }, /* @__PURE__ */ React10.createElement(MoreVert, {
     fontSize: "inherit"
-  })), /* @__PURE__ */ React11.createElement(Menu, {
+  })), /* @__PURE__ */ React10.createElement(Menu, {
     open,
     anchorEl,
     anchorOrigin: {
@@ -876,11 +800,11 @@ var BlockMenuExpanded = /* @__PURE__ */ __name(({ block }) => {
       vertical: "bottom"
     },
     onClose: handleClose
-  }, /* @__PURE__ */ React11.createElement(BWPreviousHashMenuItem, {
+  }, /* @__PURE__ */ React10.createElement(BWPreviousHashMenuItem, {
     boundwitness: block?.[0],
     dense: true,
     onDialogClose: handleClose
-  }), /* @__PURE__ */ React11.createElement(BWJsonMenuItem, {
+  }), /* @__PURE__ */ React10.createElement(BWJsonMenuItem, {
     boundwitness: block?.[0],
     dense: true,
     onDialogClose: handleClose
@@ -893,13 +817,13 @@ import { EthAddressWrapper } from "@xylabs/eth-address";
 import { toAddress } from "@xylabs/hex";
 import { isString, isUndefined as isUndefined2 } from "@xylabs/typeof";
 import { BlockiesAvatar } from "@xyo-network/react-chain-blockies";
-import React13, { useMemo as useMemo9 } from "react";
+import React12, { useMemo as useMemo7 } from "react";
 
 // src/components/block/ChipSkeleton.tsx
 import { Skeleton } from "@mui/material";
-import React12 from "react";
+import React11 from "react";
 var ChipSkeleton = /* @__PURE__ */ __name((props) => {
-  return /* @__PURE__ */ React12.createElement(Skeleton, {
+  return /* @__PURE__ */ React11.createElement(Skeleton, {
     width: 100,
     ...props
   });
@@ -914,16 +838,16 @@ var formatProducerAddress = /* @__PURE__ */ __name((address) => {
 var BlockProducerChip = /* @__PURE__ */ __name(({ block, sx, ...props }) => {
   const blockProducer2 = block?.[0].addresses[0];
   const shortedBlockProducer = blockProducer2 === void 0 ? null : formatProducerAddress(blockProducer2);
-  const avatar = useMemo9(() => blockProducer2 === "" ? void 0 : /* @__PURE__ */ React13.createElement(BlockiesAvatar, {
+  const avatar = useMemo7(() => blockProducer2 === "" ? void 0 : /* @__PURE__ */ React12.createElement(BlockiesAvatar, {
     blockiesOptions: {
       seed: blockProducer2
     }
   }), [
     blockProducer2
   ]);
-  return /* @__PURE__ */ React13.createElement(Chip2, {
+  return /* @__PURE__ */ React12.createElement(Chip2, {
     avatar,
-    label: shortedBlockProducer ?? /* @__PURE__ */ React13.createElement(ChipSkeleton, {
+    label: shortedBlockProducer ?? /* @__PURE__ */ React12.createElement(ChipSkeleton, {
       width: 115
     }),
     title: `Block producer: ${blockProducer2}`,
@@ -946,12 +870,12 @@ var BlockHeadingFlexbox = /* @__PURE__ */ __name(({ block, defaultExpanded, tran
     event.stopPropagation();
     blockHeadingListener("transaction-count", "click", JSON.stringify(transactions2));
   }, "handleTransactionCountClick");
-  return /* @__PURE__ */ React14.createElement(FlexCol2, {
+  return /* @__PURE__ */ React13.createElement(FlexCol2, {
     className: "block-heading-flexbox",
     alignItems: "stretch",
     ref: blockHeadingRef,
     onClick: /* @__PURE__ */ __name(() => blockHeadingListener("block-hash", "click", hash), "onClick")
-  }, /* @__PURE__ */ React14.createElement(LinkedDivider, null), /* @__PURE__ */ React14.createElement(HashHeadingPaper, {
+  }, /* @__PURE__ */ React13.createElement(LinkedDivider, null), /* @__PURE__ */ React13.createElement(HashHeadingPaper, {
     hash,
     heading: block?.[0].block === void 0 ? "" : block?.[0].block.toString(),
     paperProps: {
@@ -960,24 +884,24 @@ var BlockHeadingFlexbox = /* @__PURE__ */ __name(({ block, defaultExpanded, tran
         width: "100%"
       }
     },
-    AdornmentEnd: /* @__PURE__ */ React14.createElement(FlexRow2, {
+    AdornmentEnd: /* @__PURE__ */ React13.createElement(FlexRow2, {
       gap: 1
-    }, /* @__PURE__ */ React14.createElement(BlockProducerChip, {
+    }, /* @__PURE__ */ React13.createElement(BlockProducerChip, {
       block
-    }), /* @__PURE__ */ React14.createElement(TransactionCountChip, {
+    }), /* @__PURE__ */ React13.createElement(TransactionCountChip, {
       onClick: /* @__PURE__ */ __name((e) => handleTransactionCountClick(e, transactions ?? []), "onClick"),
       transactions
-    }), /* @__PURE__ */ React14.createElement(BWVerification, {
+    }), /* @__PURE__ */ React13.createElement(BWVerification, {
       iconColors: true,
       boundwitness: block?.[0]
-    }), /* @__PURE__ */ React14.createElement("span", {
+    }), /* @__PURE__ */ React13.createElement("span", {
       style: {
         // maxWidth is required for css animation to work and 28px is the width of the icon button
         display: "flex",
         transition: "max-width .5s",
         maxWidth: expanded ? "28px" : 0
       }
-    }, /* @__PURE__ */ React14.createElement(BlockMenuExpanded, {
+    }, /* @__PURE__ */ React13.createElement(BlockMenuExpanded, {
       block
     }))),
     identiconProps: {
@@ -989,12 +913,12 @@ var BlockHeadingFlexbox = /* @__PURE__ */ __name(({ block, defaultExpanded, tran
 
 // src/components/block/table/cell/BlockNumber.tsx
 import { TableCell, Tooltip, Typography as Typography3 } from "@mui/material";
-import React15 from "react";
+import React14 from "react";
 var BlockNumberTableCell = /* @__PURE__ */ __name(({ block, linked, ...props }) => {
   const blockNumber = block?.[0].block;
-  return /* @__PURE__ */ React15.createElement(TableCell, props, /* @__PURE__ */ React15.createElement(Tooltip, {
+  return /* @__PURE__ */ React14.createElement(TableCell, props, /* @__PURE__ */ React14.createElement(Tooltip, {
     title: `Block Number: ${blockNumber}`
-  }, /* @__PURE__ */ React15.createElement(Typography3, {
+  }, /* @__PURE__ */ React14.createElement(Typography3, {
     component: "span",
     variant: "body1"
   }, blockNumber)));
@@ -1003,7 +927,7 @@ var BlockNumberTableCell = /* @__PURE__ */ __name(({ block, linked, ...props })
 // src/components/block/table/cell/Epoch.tsx
 import { Skeleton as Skeleton2, TableCell as TableCell2, Tooltip as Tooltip2, Typography as Typography4 } from "@mui/material";
 import { isDefined as isDefined3 } from "@xylabs/typeof";
-import React16 from "react";
+import React15 from "react";
 
 // src/components/block/table/cell/lib/timeFunctions.ts
 var dateFormat = Intl.DateTimeFormat(globalThis.navigator.language ?? "en-US", {
@@ -1069,12 +993,12 @@ var BlockEpochTableCell = /* @__PURE__ */ __name(({ block, linked, ...props }) =
   const epoch = block?.[0]?.$epoch;
   const dateTime = dateFormat.format(epoch);
   const age = isDefined3(epoch) ? timeAgo(epoch) : void 0;
-  return /* @__PURE__ */ React16.createElement(TableCell2, props, /* @__PURE__ */ React16.createElement(Tooltip2, {
+  return /* @__PURE__ */ React15.createElement(TableCell2, props, /* @__PURE__ */ React15.createElement(Tooltip2, {
     title: `Block Epoch: ${dateTime}`
-  }, /* @__PURE__ */ React16.createElement(Typography4, {
+  }, /* @__PURE__ */ React15.createElement(Typography4, {
     component: "span",
     variant: "body1"
-  }, age ?? /* @__PURE__ */ React16.createElement(Skeleton2, {
+  }, age ?? /* @__PURE__ */ React15.createElement(Skeleton2, {
     width: 115
   }))));
 }, "BlockEpochTableCell");
@@ -1083,12 +1007,12 @@ var BlockEpochTableCell = /* @__PURE__ */ __name(({ block, linked, ...props }) =
 import { Link, TableCell as TableCell3, Tooltip as Tooltip3 } from "@mui/material";
 import { isHash as isHash2 } from "@xylabs/hex";
 import { usePayloadRootHash } from "@xyo-network/react-shared";
-import React18, { useState as useState10 } from "react";
+import React17, { useState as useState9 } from "react";
 
 // src/components/FeatureNotAvailable.tsx
 import { Button as Button2, Dialog, DialogActions, DialogContent, DialogTitle } from "@mui/material";
-import React17 from "react";
-var FeatureNotAvailable = /* @__PURE__ */ __name(({ featureName = "Feature", ...props }) => /* @__PURE__ */ React17.createElement(Dialog, props, /* @__PURE__ */ React17.createElement(DialogTitle, null, `${featureName} Not Available`), /* @__PURE__ */ React17.createElement(DialogContent, null, "This feature is not currently available.  Either you do not have access to it or it is currently undergoing maintenance."), /* @__PURE__ */ React17.createElement(DialogActions, null, /* @__PURE__ */ React17.createElement(Button2, {
+import React16 from "react";
+var FeatureNotAvailable = /* @__PURE__ */ __name(({ featureName = "Feature", ...props }) => /* @__PURE__ */ React16.createElement(Dialog, props, /* @__PURE__ */ React16.createElement(DialogTitle, null, `${featureName} Not Available`), /* @__PURE__ */ React16.createElement(DialogContent, null, "This feature is not currently available.  Either you do not have access to it or it is currently undergoing maintenance."), /* @__PURE__ */ React16.createElement(DialogActions, null, /* @__PURE__ */ React16.createElement(Button2, {
   onClick: /* @__PURE__ */ __name((e) => props.onClose?.(e, "backdropClick"), "onClick")
 }, "Close"))), "FeatureNotAvailable");
 
@@ -1119,19 +1043,19 @@ var useLinkedBlockItem = /* @__PURE__ */ __name((noun, data) => {
 var BlockHashTableCell = /* @__PURE__ */ __name(({ block, notAvailableDialog, linked, ...props }) => {
   const hash = usePayloadRootHash(block?.[0]);
   const [ref, handleClick] = useLinkedBlockItem("block-hash", hash);
-  const [notAvailable, setNotAvailable] = useState10(false);
+  const [notAvailable, setNotAvailable] = useState9(false);
   const shortenedHash = isHash2(hash) ? `${hash.slice(0, 4)}...${hash.slice(-5, -1)}` : void 0;
-  return /* @__PURE__ */ React18.createElement(TableCell3, {
+  return /* @__PURE__ */ React17.createElement(TableCell3, {
     ref,
     ...props
-  }, /* @__PURE__ */ React18.createElement(Tooltip3, {
+  }, /* @__PURE__ */ React17.createElement(Tooltip3, {
     title: `Block Hash: ${hash}`
-  }, linked ? /* @__PURE__ */ React18.createElement(Link, {
+  }, linked ? /* @__PURE__ */ React17.createElement(Link, {
     sx: {
       cursor: "pointer"
     },
     onClick: linked ? handleClick : () => setNotAvailable(true)
-  }, shortenedHash ?? /* @__PURE__ */ React18.createElement(ChipSkeleton, null)) : /* @__PURE__ */ React18.createElement("span", null, shortenedHash ?? /* @__PURE__ */ React18.createElement(ChipSkeleton, null))), notAvailableDialog && notAvailable ? /* @__PURE__ */ React18.createElement(FeatureNotAvailable, {
+  }, shortenedHash ?? /* @__PURE__ */ React17.createElement(ChipSkeleton, null)) : /* @__PURE__ */ React17.createElement("span", null, shortenedHash ?? /* @__PURE__ */ React17.createElement(ChipSkeleton, null))), notAvailableDialog && notAvailable ? /* @__PURE__ */ React17.createElement(FeatureNotAvailable, {
     featureName: "Block Details",
     open: notAvailable,
     onClick: /* @__PURE__ */ __name(() => setNotAvailable(false), "onClick")
@@ -1146,31 +1070,31 @@ import { isHash as isHash3 } from "@xylabs/hex";
 import { FlexRow as FlexRow3 } from "@xylabs/react-flexbox";
 import { JsonViewerEx } from "@xyo-network/react-payload-raw-info";
 import { usePayloadRootHash as usePayloadRootHash2 } from "@xyo-network/react-shared";
-import React19, { useState as useState11 } from "react";
+import React18, { useState as useState10 } from "react";
 var BlockJsonViewTableCell = /* @__PURE__ */ __name(({ block, ...props }) => {
-  const [open, setOpen] = useState11(false);
+  const [open, setOpen] = useState10(false);
   const onClose = /* @__PURE__ */ __name(() => setOpen(false), "onClose");
   const hash = usePayloadRootHash2(block?.[0]);
   const title = isHash3(hash) ? `JSON for ${ellipsize(hash, 5)}` : "JSON";
-  return /* @__PURE__ */ React19.createElement(TableCell4, props, /* @__PURE__ */ React19.createElement(FlexRow3, {
+  return /* @__PURE__ */ React18.createElement(TableCell4, props, /* @__PURE__ */ React18.createElement(FlexRow3, {
     onClick: /* @__PURE__ */ __name((e) => e.stopPropagation(), "onClick"),
     sx: {
       width: "100%"
     }
-  }, /* @__PURE__ */ React19.createElement(IconButton2, {
+  }, /* @__PURE__ */ React18.createElement(IconButton2, {
     onClick: /* @__PURE__ */ __name(() => setOpen(true), "onClick")
-  }, /* @__PURE__ */ React19.createElement(DataObject, null)), /* @__PURE__ */ React19.createElement(Dialog2, {
+  }, /* @__PURE__ */ React18.createElement(DataObject, null)), /* @__PURE__ */ React18.createElement(Dialog2, {
     open,
     onClose
-  }, /* @__PURE__ */ React19.createElement(DialogTitle2, null, title), /* @__PURE__ */ React19.createElement(DialogContent2, null, /* @__PURE__ */ React19.createElement(JsonViewerEx, {
+  }, /* @__PURE__ */ React18.createElement(DialogTitle2, null, title), /* @__PURE__ */ React18.createElement(DialogContent2, null, /* @__PURE__ */ React18.createElement(JsonViewerEx, {
     value: block
-  })), /* @__PURE__ */ React19.createElement(DialogActions2, {
+  })), /* @__PURE__ */ React18.createElement(DialogActions2, {
     sx: {
       display: "flex",
       flexDirection: "row",
       justifyContent: "end"
     }
-  }, /* @__PURE__ */ React19.createElement(Button3, {
+  }, /* @__PURE__ */ React18.createElement(Button3, {
     variant: "contained",
     onClick: onClose
   }, "Close")))));
@@ -1179,7 +1103,7 @@ var BlockJsonViewTableCell = /* @__PURE__ */ __name(({ block, ...props }) => {
 // src/components/block/table/cell/PayloadCounts.tsx
 import { Error as Error2 } from "@mui/icons-material";
 import { Link as Link2, TableCell as TableCell5, Tooltip as Tooltip4 } from "@mui/material";
-import React20 from "react";
+import React19 from "react";
 var BlockPayloadCountsTableCell = /* @__PURE__ */ __name(({ block, linked, ...props }) => {
   const [publicPayloads, privatePayloads, error] = usePayloadCountsFromBlock(block);
   const data = block && privatePayloads !== void 0 && publicPayloads !== void 0 ? {
@@ -1189,45 +1113,45 @@ var BlockPayloadCountsTableCell = /* @__PURE__ */ __name(({ block, linked, ...pr
   } : void 0;
   const payloadCount = (publicPayloads ?? 0) + (privatePayloads ?? 0);
   const [ref, handleClick] = useLinkedBlockItem("payload-counts", data);
-  return /* @__PURE__ */ React20.createElement(TableCell5, {
+  return /* @__PURE__ */ React19.createElement(TableCell5, {
     ref,
     ...props
-  }, /* @__PURE__ */ React20.createElement("span", null, error ? /* @__PURE__ */ React20.createElement(Tooltip4, {
+  }, /* @__PURE__ */ React19.createElement("span", null, error ? /* @__PURE__ */ React19.createElement(Tooltip4, {
     title: error.message
-  }, /* @__PURE__ */ React20.createElement(Error2, {
+  }, /* @__PURE__ */ React19.createElement(Error2, {
     color: "error"
-  })) : null, linked ? /* @__PURE__ */ React20.createElement(Tooltip4, {
+  })) : null, linked ? /* @__PURE__ */ React19.createElement(Tooltip4, {
     title: `Public Payloads: ${publicPayloads ?? "--"} Private Payloads: ${privatePayloads ?? "--"}`
-  }, /* @__PURE__ */ React20.createElement(Link2, {
+  }, /* @__PURE__ */ React19.createElement(Link2, {
     onClick: handleClick,
     sx: {
       cursor: "pointer"
     }
-  }, payloadCount)) : /* @__PURE__ */ React20.createElement(Tooltip4, {
+  }, payloadCount)) : /* @__PURE__ */ React19.createElement(Tooltip4, {
     title: `Public Payloads: ${publicPayloads ?? "--"} Private Payloads: ${privatePayloads ?? "--"}`
-  }, /* @__PURE__ */ React20.createElement("span", null, payloadCount))));
+  }, /* @__PURE__ */ React19.createElement("span", null, payloadCount))));
 }, "BlockPayloadCountsTableCell");
 
 // src/components/block/table/cell/Producer.tsx
 import { TableCell as TableCell6, Tooltip as Tooltip5 } from "@mui/material";
-import React21 from "react";
+import React20 from "react";
 var BlockProducerTableCell = /* @__PURE__ */ __name(({ block, linked, notAvailableDialog, producerChipProps, ...props }) => {
   const [ref, handleClick] = useLinkedBlockItem("block-producer", JSON.stringify(block));
   const producer = useBlockProducer(block);
-  const [notAvailable, setNotAvailable] = React21.useState(false);
-  return /* @__PURE__ */ React21.createElement(TableCell6, {
+  const [notAvailable, setNotAvailable] = React20.useState(false);
+  return /* @__PURE__ */ React20.createElement(TableCell6, {
     ref,
     ...props
-  }, /* @__PURE__ */ React21.createElement(Tooltip5, {
+  }, /* @__PURE__ */ React20.createElement(Tooltip5, {
     title: `Block Producer: ${producer}`
-  }, /* @__PURE__ */ React21.createElement(BlockProducerChip, {
+  }, /* @__PURE__ */ React20.createElement(BlockProducerChip, {
     sx: {
       cursor: "pointer"
     },
     onClick: linked ? handleClick : () => setNotAvailable(true),
     block,
     ...producerChipProps
-  })), notAvailableDialog && notAvailable ? /* @__PURE__ */ React21.createElement(FeatureNotAvailable, {
+  })), notAvailableDialog && notAvailable ? /* @__PURE__ */ React20.createElement(FeatureNotAvailable, {
     featureName: "Producer Details",
     open: notAvailable,
     onClick: /* @__PURE__ */ __name(() => setNotAvailable(false), "onClick")
@@ -1237,10 +1161,10 @@ var BlockProducerTableCell = /* @__PURE__ */ __name(({ block, linked, notAvailab
 // src/components/block/table/cell/TransactionCount.tsx
 import { Error as Error3 } from "@mui/icons-material";
 import { Link as Link3, TableCell as TableCell7, Tooltip as Tooltip6 } from "@mui/material";
-import React22, { useMemo as useMemo10 } from "react";
+import React21, { useMemo as useMemo8 } from "react";
 var BlockTransactionCountTableCell = /* @__PURE__ */ __name(({ block, linked, ...props }) => {
   const [transactions, error] = useTxsFromBlock(block);
-  const txHashes = useMemo10(() => transactions?.map(([, hash]) => hash), [
+  const txHashes = useMemo8(() => transactions?.map(([, hash]) => hash), [
     transactions
   ]);
   const data = block && transactions !== void 0 ? {
@@ -1248,14 +1172,14 @@ var BlockTransactionCountTableCell = /* @__PURE__ */ __name(({ block, linked, ..
     block: block[0]._hash
   } : void 0;
   const [ref, handleClick] = useLinkedBlockItem("transaction-count", data);
-  return /* @__PURE__ */ React22.createElement(TableCell7, {
+  return /* @__PURE__ */ React21.createElement(TableCell7, {
     ref,
     ...props
-  }, /* @__PURE__ */ React22.createElement("span", null, error ? /* @__PURE__ */ React22.createElement(Tooltip6, {
+  }, /* @__PURE__ */ React21.createElement("span", null, error ? /* @__PURE__ */ React21.createElement(Tooltip6, {
     title: error.message
-  }, /* @__PURE__ */ React22.createElement(Error3, {
+  }, /* @__PURE__ */ React21.createElement(Error3, {
     color: "error"
-  })) : null, linked ? /* @__PURE__ */ React22.createElement(Link3, {
+  })) : null, linked ? /* @__PURE__ */ React21.createElement(Link3, {
     onClick: handleClick,
     sx: {
       cursor: "pointer"
@@ -1268,17 +1192,17 @@ import { CheckCircleOutlineRounded } from "@mui/icons-material";
 import { TableCell as TableCell8 } from "@mui/material";
 import { FlexRow as FlexRow4 } from "@xylabs/react-flexbox";
 import { BWVerification as BWVerification2 } from "@xyo-network/react-boundwitness-plugin";
-import React23 from "react";
+import React22 from "react";
 var BlockVerificationTableCell = /* @__PURE__ */ __name(({ block, linked, deepValidation, ...props }) => {
-  return /* @__PURE__ */ React23.createElement(TableCell8, props, /* @__PURE__ */ React23.createElement(FlexRow4, {
+  return /* @__PURE__ */ React22.createElement(TableCell8, props, /* @__PURE__ */ React22.createElement(FlexRow4, {
     onClick: /* @__PURE__ */ __name((e) => e.stopPropagation(), "onClick"),
     sx: {
       width: "100%"
     }
-  }, deepValidation ? /* @__PURE__ */ React23.createElement(BWVerification2, {
+  }, deepValidation ? /* @__PURE__ */ React22.createElement(BWVerification2, {
     iconColors: true,
     boundwitness: block?.[0]
-  }) : /* @__PURE__ */ React23.createElement(CheckCircleOutlineRounded, {
+  }) : /* @__PURE__ */ React22.createElement(CheckCircleOutlineRounded, {
     color: "success"
   })));
 }, "BlockVerificationTableCell");
@@ -1286,57 +1210,57 @@ var BlockVerificationTableCell = /* @__PURE__ */ __name(({ block, linked, deepVa
 // src/components/block/table/Ex.tsx
 import { TableBody } from "@mui/material";
 import { TableEx } from "@xyo-network/react-table";
-import React25 from "react";
+import React24 from "react";
 
 // src/components/block/table/head/TableHead.tsx
 import { InfoOutline } from "@mui/icons-material";
 import { TableCell as TableCell9, TableHead, TableRow, Tooltip as Tooltip7, Typography as Typography5 } from "@mui/material";
 import { FlexRow as FlexRow5 } from "@xylabs/react-flexbox";
-import React24 from "react";
+import React23 from "react";
 var ToolTipTableCell = /* @__PURE__ */ __name(({ children, align, title, ...props }) => {
-  return /* @__PURE__ */ React24.createElement(TableCell9, {
+  return /* @__PURE__ */ React23.createElement(TableCell9, {
     title,
     ...props
-  }, /* @__PURE__ */ React24.createElement(FlexRow5, {
+  }, /* @__PURE__ */ React23.createElement(FlexRow5, {
     justifyContent: align
-  }, /* @__PURE__ */ React24.createElement(Typography5, {
+  }, /* @__PURE__ */ React23.createElement(Typography5, {
     variant: "body2"
-  }, children), "\xA0", /* @__PURE__ */ React24.createElement(Tooltip7, {
+  }, children), "\xA0", /* @__PURE__ */ React23.createElement(Tooltip7, {
     title
-  }, /* @__PURE__ */ React24.createElement(InfoOutline, {
+  }, /* @__PURE__ */ React23.createElement(InfoOutline, {
     fontSize: "small"
   }))));
 }, "ToolTipTableCell");
 var BlockchainTableHead = /* @__PURE__ */ __name(() => {
-  return /* @__PURE__ */ React24.createElement(TableHead, null, /* @__PURE__ */ React24.createElement(TableRow, null, /* @__PURE__ */ React24.createElement(ToolTipTableCell, {
+  return /* @__PURE__ */ React23.createElement(TableHead, null, /* @__PURE__ */ React23.createElement(TableRow, null, /* @__PURE__ */ React23.createElement(ToolTipTableCell, {
     align: "left",
     title: "The block number that is included in the block"
-  }, "Block"), /* @__PURE__ */ React24.createElement(ToolTipTableCell, {
+  }, "Block"), /* @__PURE__ */ React23.createElement(ToolTipTableCell, {
     title: "The hash of the block",
     sx: {
       width: "20%"
     }
-  }, "Hash"), /* @__PURE__ */ React24.createElement(ToolTipTableCell, {
+  }, "Hash"), /* @__PURE__ */ React23.createElement(ToolTipTableCell, {
     title: "The epoch of the block",
     sx: {
       width: "20%"
     }
-  }, "Epoch"), /* @__PURE__ */ React24.createElement(ToolTipTableCell, {
+  }, "Epoch"), /* @__PURE__ */ React23.createElement(ToolTipTableCell, {
     align: "left",
     title: "The address of the block producer that produced the block",
     sx: {
       width: "20%"
     }
-  }, "Block Producer"), /* @__PURE__ */ React24.createElement(ToolTipTableCell, {
+  }, "Block Producer"), /* @__PURE__ */ React23.createElement(ToolTipTableCell, {
     align: "left",
     title: "Count of transactions that are included in the block"
-  }, "Transactions"), /* @__PURE__ */ React24.createElement(ToolTipTableCell, {
+  }, "Transactions"), /* @__PURE__ */ React23.createElement(ToolTipTableCell, {
     align: "left",
     title: "Count of public and private payload counts for the block"
-  }, "Payloads"), /* @__PURE__ */ React24.createElement(ToolTipTableCell, {
+  }, "Payloads"), /* @__PURE__ */ React23.createElement(ToolTipTableCell, {
     align: "center",
     title: "The result of the local validation check for the block"
-  }, "Valid"), /* @__PURE__ */ React24.createElement(ToolTipTableCell, {
+  }, "Valid"), /* @__PURE__ */ React23.createElement(ToolTipTableCell, {
     align: "center",
     title: "Link to display the raw JSON of the block"
   }, "JSON")));
@@ -1344,10 +1268,10 @@ var BlockchainTableHead = /* @__PURE__ */ __name(() => {
 
 // src/components/block/table/Ex.tsx
 var BlockchainTableEx = /* @__PURE__ */ __name(({ ref, children, ...props }) => {
-  return /* @__PURE__ */ React25.createElement(TableEx, {
+  return /* @__PURE__ */ React24.createElement(TableEx, {
     ref,
     ...props
-  }, /* @__PURE__ */ React25.createElement(BlockchainTableHead, null), /* @__PURE__ */ React25.createElement(TableBody, null, children));
+  }, /* @__PURE__ */ React24.createElement(BlockchainTableHead, null), /* @__PURE__ */ React24.createElement(TableBody, null, children));
 }, "BlockchainTableEx");
 BlockchainTableEx.displayName = "BlockchainTableEx";
 
@@ -1355,16 +1279,16 @@ BlockchainTableEx.displayName = "BlockchainTableEx";
 import { TableRow as TableRow2, useTheme } from "@mui/material";
 import { alphaCss } from "@xylabs/react-theme";
 import { usePayloadRootHash as usePayloadRootHash3 } from "@xyo-network/react-shared";
-import React26, { useMemo as useMemo11 } from "react";
+import React25, { useMemo as useMemo9 } from "react";
 var BlockChainTableRow = /* @__PURE__ */ __name(({ block, deepValidation, defaultExpanded, linked, sx, ...props }) => {
-  const linkedTableCellProps = useMemo11(() => ({
+  const linkedTableCellProps = useMemo9(() => ({
     block,
     linked
   }), [
     block,
     linked
   ]);
-  const defaultTableCellProps = useMemo11(() => ({
+  const defaultTableCellProps = useMemo9(() => ({
     block
   }), [
     block
@@ -1372,7 +1296,7 @@ var BlockChainTableRow = /* @__PURE__ */ __name(({ block, deepValidation, defaul
   const hash = usePayloadRootHash3(block?.[0]);
   const [ref, handleClick] = useLinkedBlockItem("block-hash", hash);
   const theme = useTheme();
-  return /* @__PURE__ */ React26.createElement(TableRow2, {
+  return /* @__PURE__ */ React25.createElement(TableRow2, {
     onClick: linked ? handleClick : void 0,
     ref,
     sx: {
@@ -1384,57 +1308,57 @@ var BlockChainTableRow = /* @__PURE__ */ __name(({ block, deepValidation, defaul
       ...sx
     },
     ...props
-  }, /* @__PURE__ */ React26.createElement(BlockNumberTableCell, {
+  }, /* @__PURE__ */ React25.createElement(BlockNumberTableCell, {
     align: "left",
     ...linkedTableCellProps
-  }), /* @__PURE__ */ React26.createElement(BlockHashTableCell, {
+  }), /* @__PURE__ */ React25.createElement(BlockHashTableCell, {
     align: "left",
     ...linkedTableCellProps
-  }), /* @__PURE__ */ React26.createElement(BlockEpochTableCell, {
+  }), /* @__PURE__ */ React25.createElement(BlockEpochTableCell, {
     align: "left",
     ...linkedTableCellProps
-  }), /* @__PURE__ */ React26.createElement(BlockProducerTableCell, {
+  }), /* @__PURE__ */ React25.createElement(BlockProducerTableCell, {
     align: "left",
     ...linkedTableCellProps
-  }), /* @__PURE__ */ React26.createElement(BlockTransactionCountTableCell, {
+  }), /* @__PURE__ */ React25.createElement(BlockTransactionCountTableCell, {
     align: "left",
     ...linkedTableCellProps
-  }), /* @__PURE__ */ React26.createElement(BlockPayloadCountsTableCell, {
+  }), /* @__PURE__ */ React25.createElement(BlockPayloadCountsTableCell, {
     align: "left",
     ...linkedTableCellProps
-  }), /* @__PURE__ */ React26.createElement(BlockVerificationTableCell, {
+  }), /* @__PURE__ */ React25.createElement(BlockVerificationTableCell, {
     deepValidation,
     ...defaultTableCellProps
-  }), /* @__PURE__ */ React26.createElement(BlockJsonViewTableCell, defaultTableCellProps));
+  }), /* @__PURE__ */ React25.createElement(BlockJsonViewTableCell, defaultTableCellProps));
 }, "BlockChainTableRow");
 
 // src/components/chain/controls/PollingControlsFlexbox.tsx
 import { Autorenew, Pause } from "@mui/icons-material";
 import { Alert as Alert3, AlertTitle as AlertTitle2, Grow, Icon as Icon2, IconButton as IconButton4, Tooltip as Tooltip8 } from "@mui/material";
 import { FlexRow as FlexRow6 } from "@xylabs/react-flexbox";
-import React31, { memo } from "react";
+import React30, { memo } from "react";
 
 // src/components/chain/stats/Dialog.tsx
 import { QueryStats } from "@mui/icons-material";
 import { Dialog as Dialog3, DialogContent as DialogContent3, DialogTitle as DialogTitle3, IconButton as IconButton3 } from "@mui/material";
-import React29, { useState as useState12 } from "react";
+import React28, { useState as useState11 } from "react";
 
 // src/components/chain/stats/producer/ProducerFlexbox.tsx
 import { ListItem, styled, Typography as Typography6 } from "@mui/material";
 import { ErrorRender as ErrorRender3 } from "@xylabs/react-error";
 import { FlexCol as FlexCol3 } from "@xylabs/react-flexbox";
 import { isChainSummaryProducers } from "@xyo-network/chain-analyze";
-import React28, { useMemo as useMemo12 } from "react";
+import React27, { useMemo as useMemo10 } from "react";
 
 // src/components/chain/stats/producer/Table.tsx
 import { Table, TableBody as TableBody2, TableCell as TableCell10, TableHead as TableHead2, TableRow as TableRow3, useTheme as useTheme2 } from "@mui/material";
 import { BlockiesAvatar as BlockiesAvatar2 } from "@xyo-network/react-chain-blockies";
-import React27 from "react";
+import React26 from "react";
 var ChainProducerStatsTable = /* @__PURE__ */ __name(({ producers, ...props }) => {
   const theme = useTheme2();
-  return /* @__PURE__ */ React27.createElement(Table, props, /* @__PURE__ */ React27.createElement(TableHead2, null, /* @__PURE__ */ React27.createElement(TableRow3, null, /* @__PURE__ */ React27.createElement(TableCell10, null, "Address"), /* @__PURE__ */ React27.createElement(TableCell10, null, "Blocks Produced"), /* @__PURE__ */ React27.createElement(TableCell10, null, "Rewards Earned Produced"))), /* @__PURE__ */ React27.createElement(TableBody2, null, producers?.map((producer) => /* @__PURE__ */ React27.createElement(TableRow3, {
+  return /* @__PURE__ */ React26.createElement(Table, props, /* @__PURE__ */ React26.createElement(TableHead2, null, /* @__PURE__ */ React26.createElement(TableRow3, null, /* @__PURE__ */ React26.createElement(TableCell10, null, "Address"), /* @__PURE__ */ React26.createElement(TableCell10, null, "Blocks Produced"), /* @__PURE__ */ React26.createElement(TableCell10, null, "Rewards Earned Produced"))), /* @__PURE__ */ React26.createElement(TableBody2, null, producers?.map((producer) => /* @__PURE__ */ React26.createElement(TableRow3, {
     key: producer.address
-  }, /* @__PURE__ */ React27.createElement(TableCell10, null, /* @__PURE__ */ React27.createElement(BlockiesAvatar2, {
+  }, /* @__PURE__ */ React26.createElement(TableCell10, null, /* @__PURE__ */ React26.createElement(BlockiesAvatar2, {
     blockiesOptions: {
       seed: producer.address
     },
@@ -1442,12 +1366,12 @@ var ChainProducerStatsTable = /* @__PURE__ */ __name(({ producers, ...props }) =
       height: theme.spacing(2.75),
       width: theme.spacing(2.75)
     }
-  })), /* @__PURE__ */ React27.createElement(TableCell10, null, producer.blocksProduced.toString()), /* @__PURE__ */ React27.createElement(TableCell10, null, producer.rewardsEarned.toString())))));
+  })), /* @__PURE__ */ React26.createElement(TableCell10, null, producer.blocksProduced.toString()), /* @__PURE__ */ React26.createElement(TableCell10, null, producer.rewardsEarned.toString())))));
 }, "ChainProducerStatsTable");
 
 // src/components/chain/stats/producer/ProducerFlexbox.tsx
 var BlockProducerStatsFlexbox = /* @__PURE__ */ __name(({ payload, ...props }) => {
-  const [producer, producerError] = useMemo12(() => {
+  const [producer, producerError] = useMemo10(() => {
     if (payload) {
       return isChainSummaryProducers(payload) ? [
         payload
@@ -1461,19 +1385,19 @@ var BlockProducerStatsFlexbox = /* @__PURE__ */ __name(({ payload, ...props }) =
   }, [
     payload
   ]);
-  const producersArray = useMemo12(() => Object.values(producer?.producers ?? {}), [
+  const producersArray = useMemo10(() => Object.values(producer?.producers ?? {}), [
     producer
   ]);
-  return /* @__PURE__ */ React28.createElement(FlexCol3, {
+  return /* @__PURE__ */ React27.createElement(FlexCol3, {
     alignItems: "start",
     gap: 1,
     ...props
-  }, /* @__PURE__ */ React28.createElement(ErrorRender3, {
+  }, /* @__PURE__ */ React27.createElement(ErrorRender3, {
     error: producerError,
     scope: "BlockProducerStatsFlexbox"
-  }), /* @__PURE__ */ React28.createElement(Typography6, {
+  }), /* @__PURE__ */ React27.createElement(Typography6, {
     fontSize: "1rem"
-  }, "Block Producers"), /* @__PURE__ */ React28.createElement(ChainProducerStatsTable, {
+  }, "Block Producers"), /* @__PURE__ */ React27.createElement(ChainProducerStatsTable, {
     producers: producersArray
   }));
 }, "BlockProducerStatsFlexbox");
@@ -1485,18 +1409,18 @@ var StyledListItem = styled(ListItem)(() => ({
 // src/components/chain/stats/Dialog.tsx
 var ChainAnalyzerStatsDialog = /* @__PURE__ */ __name((props) => {
   const { analyzers, statsUpdated } = useChainAnalyzersContext();
-  return /* @__PURE__ */ React29.createElement(Dialog3, props, /* @__PURE__ */ React29.createElement(DialogTitle3, null, "Chain Analysis"), /* @__PURE__ */ React29.createElement(DialogContent3, null, statsUpdated > 0 && Object.entries(analyzers).map(([id2, analyzer]) => /* @__PURE__ */ React29.createElement("div", {
+  return /* @__PURE__ */ React28.createElement(Dialog3, props, /* @__PURE__ */ React28.createElement(DialogTitle3, null, "Chain Analysis"), /* @__PURE__ */ React28.createElement(DialogContent3, null, statsUpdated > 0 && Object.entries(analyzers).map(([id2, analyzer]) => /* @__PURE__ */ React28.createElement("div", {
     key: id2
-  }, id2 === "producers" && /* @__PURE__ */ React29.createElement(BlockProducerStatsFlexbox, {
+  }, id2 === "producers" && /* @__PURE__ */ React28.createElement(BlockProducerStatsFlexbox, {
     payload: analyzer.result()
   })))));
 }, "ChainAnalyzerStatsDialog");
 var ChainAnalyzerStatsDialogFromContext = /* @__PURE__ */ __name((props) => {
-  const [open, setOpen] = useState12(false);
+  const [open, setOpen] = useState11(false);
   const handleClose = /* @__PURE__ */ __name(() => setOpen(false), "handleClose");
-  return /* @__PURE__ */ React29.createElement(React29.Fragment, null, /* @__PURE__ */ React29.createElement(IconButton3, {
+  return /* @__PURE__ */ React28.createElement(React28.Fragment, null, /* @__PURE__ */ React28.createElement(IconButton3, {
     onClick: /* @__PURE__ */ __name(() => setOpen(true), "onClick")
-  }, /* @__PURE__ */ React29.createElement(QueryStats, null)), /* @__PURE__ */ React29.createElement(ChainAnalyzerStatsDialog, {
+  }, /* @__PURE__ */ React28.createElement(QueryStats, null)), /* @__PURE__ */ React28.createElement(ChainAnalyzerStatsDialog, {
     onClose: handleClose,
     open,
     ...props
@@ -1505,19 +1429,19 @@ var ChainAnalyzerStatsDialogFromContext = /* @__PURE__ */ __name((props) => {
 
 // src/components/chain/controls/PulseSvgIcon.tsx
 import { createSvgIcon, keyframes, styled as styled2 } from "@mui/material";
-import React30 from "react";
-var PulseSvgIcon = createSvgIcon(/* @__PURE__ */ React30.createElement("svg", {
+import React29 from "react";
+var PulseSvgIcon = createSvgIcon(/* @__PURE__ */ React29.createElement("svg", {
   viewBox: "0 0 80 80",
   version: "1.1",
   xmlns: "http://www.w3.org/2000/svg"
-}, /* @__PURE__ */ React30.createElement("g", {
+}, /* @__PURE__ */ React29.createElement("g", {
   transform: "translate(34,34)"
-}, /* @__PURE__ */ React30.createElement("circle", {
+}, /* @__PURE__ */ React29.createElement("circle", {
   className: "core",
   cx: "0",
   cy: "0",
   r: "6"
-}), /* @__PURE__ */ React30.createElement("circle", {
+}), /* @__PURE__ */ React29.createElement("circle", {
   className: "radar",
   cx: "0",
   cy: "0",
@@ -1581,24 +1505,24 @@ var StyledPulseSvgIcon = styled2(PulseSvgIcon)(({ theme }) => {
 var PollingControlsFlexbox = /* @__PURE__ */ __name(({ blocksBehind, pollingState, setPollingState }) => {
   const paused = pollingState === "paused";
   const running = pollingState === "running";
-  return /* @__PURE__ */ React31.createElement(FlexRow6, {
+  return /* @__PURE__ */ React30.createElement(FlexRow6, {
     justifyContent: "space-between",
     width: "100%"
-  }, /* @__PURE__ */ React31.createElement(FlexRow6, {
+  }, /* @__PURE__ */ React30.createElement(FlexRow6, {
     gap: 2
-  }, running && /* @__PURE__ */ React31.createElement(IconButton4, {
+  }, running && /* @__PURE__ */ React30.createElement(IconButton4, {
     onClick: /* @__PURE__ */ __name(() => setPollingState?.("paused"), "onClick"),
     title: "Pause Block Stream"
-  }, /* @__PURE__ */ React31.createElement(Pause, null)), paused && /* @__PURE__ */ React31.createElement(IconButton4, {
+  }, /* @__PURE__ */ React30.createElement(Pause, null)), paused && /* @__PURE__ */ React30.createElement(IconButton4, {
     onClick: /* @__PURE__ */ __name(() => setPollingState?.("running"), "onClick"),
     title: "Re-Sync Block Stream"
-  }, /* @__PURE__ */ React31.createElement(Autorenew, null)), /* @__PURE__ */ React31.createElement(ChainAnalyzerStatsDialogFromContext, null)), /* @__PURE__ */ React31.createElement(FlexRow6, {
+  }, /* @__PURE__ */ React30.createElement(Autorenew, null)), /* @__PURE__ */ React30.createElement(ChainAnalyzerStatsDialogFromContext, null)), /* @__PURE__ */ React30.createElement(FlexRow6, {
     gap: 2
-  }, /* @__PURE__ */ React31.createElement(Grow, {
+  }, /* @__PURE__ */ React30.createElement(Grow, {
     in: (blocksBehind ?? 0) > 0
-  }, /* @__PURE__ */ React31.createElement(Tooltip8, {
+  }, /* @__PURE__ */ React30.createElement(Tooltip8, {
     title: "Click to Re-Sync"
-  }, /* @__PURE__ */ React31.createElement(Alert3, {
+  }, /* @__PURE__ */ React30.createElement(Alert3, {
     sx: {
       py: 0,
       px: 1,
@@ -1606,11 +1530,11 @@ var PollingControlsFlexbox = /* @__PURE__ */ __name(({ blocksBehind, pollingStat
     },
     severity: "warning",
     onClick: /* @__PURE__ */ __name(() => setPollingState?.("running"), "onClick")
-  }, /* @__PURE__ */ React31.createElement(AlertTitle2, {
+  }, /* @__PURE__ */ React30.createElement(AlertTitle2, {
     sx: {
       mb: 0
     }
-  }, "Behind:", " ", blocksBehind)))), /* @__PURE__ */ React31.createElement(Icon2, null, /* @__PURE__ */ React31.createElement(StyledPulseSvgIcon, {
+  }, "Behind:", " ", blocksBehind)))), /* @__PURE__ */ React30.createElement(Icon2, null, /* @__PURE__ */ React30.createElement(StyledPulseSvgIcon, {
     className: running ? "" : "paused"
   }))));
 }, "PollingControlsFlexbox");
@@ -1618,20 +1542,20 @@ var MemoizedPollingControlsFlexbox = /* @__PURE__ */ memo(PollingControlsFlexbox
 
 // src/components/chain/dialog/Dialog.tsx
 import { Button as Button4, Dialog as Dialog4, DialogActions as DialogActions3, DialogContent as DialogContent4 } from "@mui/material";
-import React32 from "react";
+import React31 from "react";
 var TransactionsDialog = /* @__PURE__ */ __name((props) => {
-  return /* @__PURE__ */ React32.createElement(Dialog4, props, /* @__PURE__ */ React32.createElement(DialogContent4, null, "Transactions Dialog"), /* @__PURE__ */ React32.createElement(DialogActions3, null, /* @__PURE__ */ React32.createElement(Button4, {
+  return /* @__PURE__ */ React31.createElement(Dialog4, props, /* @__PURE__ */ React31.createElement(DialogContent4, null, "Transactions Dialog"), /* @__PURE__ */ React31.createElement(DialogActions3, null, /* @__PURE__ */ React31.createElement(Button4, {
     variant: "outlined",
     onClick: /* @__PURE__ */ __name((e) => props?.onClose?.(e, "escapeKeyDown"), "onClick")
   }, "Close")));
 }, "TransactionsDialog");
 
 // src/components/chain/hooks/useOnBlock.ts
-import { useEffect as useEffect3, useRef as useRef3 } from "react";
+import { useEffect as useEffect2, useRef as useRef2 } from "react";
 var useOnBlock = /* @__PURE__ */ __name((initialHeadNumber, onAddBlock, liveHead, pollingState) => {
-  const blocksWhilePaused = useRef3([]);
-  const lastLiveHead = useRef3(liveHead);
-  useEffect3(() => {
+  const blocksWhilePaused = useRef2([]);
+  const lastLiveHead = useRef2(liveHead);
+  useEffect2(() => {
     const lastLiveHeadBlock = lastLiveHead.current?.[0];
     const blocksWhilePausedBlock = lastLiveHead.current?.[0];
     const liveHeadBlock = liveHead?.[0];
@@ -1660,9 +1584,9 @@ var useOnBlock = /* @__PURE__ */ __name((initialHeadNumber, onAddBlock, liveHead
 
 // src/components/chain/pagination/BlockChainPagination.tsx
 import { TablePaginationActions } from "@xyo-network/react-payload-table";
-import React33 from "react";
+import React32 from "react";
 var BlockChainPagination = /* @__PURE__ */ __name(({ count = 0, onPageChange, page, rowsPerPage = 10 }) => {
-  return /* @__PURE__ */ React33.createElement(TablePaginationActions, {
+  return /* @__PURE__ */ React32.createElement(TablePaginationActions, {
     count,
     onPageChange,
     page,
@@ -1671,10 +1595,10 @@ var BlockChainPagination = /* @__PURE__ */ __name(({ count = 0, onPageChange, pa
 }, "BlockChainPagination");
 
 // src/components/chain/pagination/hooks/usePagination.tsx
-import { useMemo as useMemo13, useState as useState13 } from "react";
+import { useMemo as useMemo11, useState as useState12 } from "react";
 var useChainPagination = /* @__PURE__ */ __name((pageSize, blockComponents) => {
-  const [page, setPage] = useState13(0);
-  const paginatedBlockComponents = useMemo13(() => {
+  const [page, setPage] = useState12(0);
+  const paginatedBlockComponents = useMemo11(() => {
     const startIndex = page * pageSize;
     const endIndex = startIndex + pageSize;
     return blockComponents?.slice(startIndex, endIndex);
@@ -1693,14 +1617,14 @@ var useChainPagination = /* @__PURE__ */ __name((pageSize, blockComponents) => {
   };
 }, "useChainPagination");
 
-// src/components/chain/render/dynamic/flexbox/variants/Base.tsx
+// src/components/chain/render/static/flexbox/variants/Base.tsx
 import { ErrorRender as ErrorRender4 } from "@xylabs/react-error";
-import { FlexCol as FlexCol5 } from "@xylabs/react-flexbox";
-import React35 from "react";
+import { FlexCol as FlexCol5, FlexGrowRow as FlexGrowRow2 } from "@xylabs/react-flexbox";
+import React34 from "react";
 
 // src/components/chain/list/Animated.tsx
 import { AnimatedList } from "@xylabs/react-animation";
-import React34 from "react";
+import React33 from "react";
 
 // src/components/chain/styled/BlockListWrapperFlexbox.tsx
 import { styled as styled3 } from "@mui/material";
@@ -1721,174 +1645,23 @@ var BlockListWrapperFlexBox = styled3(FlexCol4, {
 
 // src/components/chain/list/Animated.tsx
 var BlockListAnimated = /* @__PURE__ */ __name(({ blockChainRenderComponents }) => {
-  return /* @__PURE__ */ React34.createElement(BlockListWrapperFlexBox, {
+  return /* @__PURE__ */ React33.createElement(BlockListWrapperFlexBox, {
     alignItems: "stretch",
     width: "100%"
-  }, /* @__PURE__ */ React34.createElement(AnimatedList, {
+  }, /* @__PURE__ */ React33.createElement(AnimatedList, {
     fullWidth: true,
     items: blockChainRenderComponents
   }));
 }, "BlockListAnimated");
 
-// src/components/chain/render/dynamic/hooks/useDynamicBlockRenderComponents.ts
-import { useMemo as useMemo14 } from "react";
-var useDynamicBlockRenderComponents = /* @__PURE__ */ __name((BlockComponent, blockChainRenderProps) => {
-  const { maxBlocks } = blockChainRenderProps ?? {};
-  const chainIteratorParams = useMemo14(() => blockChainRenderProps ?? {
-    name: "unknown"
-  }, [
-    blockChainRenderProps
-  ]);
-  const [params, paramsError] = useChainIteratorParams(chainIteratorParams);
-  const { blockChainRenderComponents, onAddBlock } = useDynamicBlockComponents(BlockComponent, params, maxBlocks);
-  const { head: liveHead } = useChainIteratorStore(params);
-  const { pollingState, updatePollingState } = useChainPollingContext();
-  const blocksWhilePaused = useOnBlock(blockChainRenderComponents[0]?.block?.[0].block, onAddBlock, liveHead, pollingState);
-  return {
-    errors: [
-      paramsError
-    ],
-    blockChainRenderComponents,
-    blocksWhilePaused,
-    updatePollingState,
-    pollingState
-  };
-}, "useDynamicBlockRenderComponents");
-
-// src/components/chain/render/dynamic/hooks/useRemoteBlockChainRenderProps.ts
-import { usePromise as usePromise6 } from "@xylabs/react-promise";
-import { useMemo as useMemo15 } from "react";
-
-// src/lib/getChainArchivist.ts
-import { assertEx as assertEx4 } from "@xylabs/assert";
-import { asArchivistInstance } from "@xyo-network/archivist-model";
-import { HttpBridge, HttpBridgeConfigSchema } from "@xyo-network/bridge-http";
-var getChainArchivistFromBridge = /* @__PURE__ */ __name(async (params) => {
-  const { url, chainArchivistModuleId } = params;
-  const config = {
-    schema: HttpBridgeConfigSchema,
-    client: {
-      url
-    }
-  };
-  const bridge = await HttpBridge.create({
-    config
-  });
-  const resolved = await bridge.resolve(chainArchivistModuleId);
-  const mod = assertEx4(resolved, () => `Module ${chainArchivistModuleId} not found`);
-  return assertEx4(asArchivistInstance(mod), () => `Module ${chainArchivistModuleId} is not an archivist`);
-}, "getChainArchivistFromBridge");
-
-// src/lib/getChainId.ts
-import { toAddress as toAddress2 } from "@xylabs/hex";
-var id = toAddress2("ce080bf3043a40c6c8838c7e813c00ab53df1684");
-var getChainId = /* @__PURE__ */ __name(() => {
-  return id;
-}, "getChainId");
-
-// src/components/chain/render/dynamic/hooks/useRemoteBlockChainRenderProps.ts
-var useRemoteBlockChainRenderProps = /* @__PURE__ */ __name((chainArchivistModuleId, url, blockChainRenderPropsArg) => {
-  const [chainArchivist, chainArchivistError] = usePromise6(async () => {
-    if (url !== void 0 && chainArchivistModuleId !== void 0) {
-      return await getChainArchivistFromBridge({
-        url,
-        chainArchivistModuleId
-      });
-    }
-  }, [
-    url,
-    chainArchivistModuleId
-  ]);
-  const blockChainRenderProps = useMemo15(() => ({
-    ...blockChainRenderPropsArg,
-    chainArchivist,
-    name: "blockChainRenderProps"
-  }), [
-    blockChainRenderPropsArg,
-    chainArchivist
-  ]);
-  return {
-    blockChainRenderProps,
-    error: chainArchivistError
-  };
-}, "useRemoteBlockChainRenderProps");
-
-// src/components/chain/render/dynamic/flexbox/variants/Base.tsx
-var DynamicListBase = /* @__PURE__ */ __name(({ blockChainRenderProps, ...props }) => {
-  const { errors, blockChainRenderComponents, blocksWhilePaused, pollingState, updatePollingState } = useDynamicBlockRenderComponents(BlockHeadingFlexbox, blockChainRenderProps);
-  return /* @__PURE__ */ React35.createElement(FlexCol5, {
-    alignItems: "start",
-    ...props
-  }, errors?.map((error) => /* @__PURE__ */ React35.createElement(ErrorRender4, {
-    error,
-    key: error?.name,
-    scope: "DynamicBlockchainRenderFlexboxInner"
-  })), /* @__PURE__ */ React35.createElement(MemoizedPollingControlsFlexbox, {
-    blocksBehind: blocksWhilePaused?.length,
-    pollingState,
-    setPollingState: updatePollingState
-  }), /* @__PURE__ */ React35.createElement(BlockListAnimated, {
-    blockChainRenderComponents
-  }));
-}, "DynamicListBase");
-
-// src/components/chain/render/dynamic/flexbox/variants/WithAnalysis.tsx
-import { isAddress } from "@xylabs/hex";
-import { ChainProducersAnalyzer } from "@xyo-network/chain-analyze";
-import React36, { useMemo as useMemo16 } from "react";
-var WithAnalysis = /* @__PURE__ */ __name(({ blockChainRenderProps, ...props }) => {
-  const { chainId } = blockChainRenderProps ?? {};
-  const analyzers = useMemo16(() => {
-    if (isAddress(chainId)) {
-      return {
-        producers: new ChainProducersAnalyzer()
-      };
-    }
-  }, [
-    chainId
-  ]);
-  return /* @__PURE__ */ React36.createElement(ChainAnalyzersProvider, {
-    analyzers
-  }, /* @__PURE__ */ React36.createElement(ChainPollingProvider, null, /* @__PURE__ */ React36.createElement(DynamicListBase, {
-    blockChainRenderProps,
-    ...props
-  })));
-}, "WithAnalysis");
-
-// src/components/chain/render/dynamic/flexbox/variants/WithRemote.tsx
-import { ErrorRender as ErrorRender5 } from "@xylabs/react-error";
-import React37 from "react";
-var WithRemote = /* @__PURE__ */ __name(({ url, chainArchivistModuleId, blockChainRenderProps: blockChainRenderPropsArg, ...props }) => {
-  const { error, blockChainRenderProps } = useRemoteBlockChainRenderProps(chainArchivistModuleId, url, blockChainRenderPropsArg);
-  return /* @__PURE__ */ React37.createElement(React37.Fragment, null, /* @__PURE__ */ React37.createElement(ErrorRender5, {
-    error,
-    scope: "RemoteChainProviderFlexbox"
-  }), /* @__PURE__ */ React37.createElement(WithAnalysis, {
-    blockChainRenderProps,
-    ...props
-  }));
-}, "WithRemote");
-
-// src/components/chain/render/dynamic/flexbox/Flexbox.tsx
-var DynamicBlockchainRenderFlexbox = {
-  Base: DynamicListBase,
-  WithAnalysis,
-  WithRemote
-};
-
-// src/components/chain/render/static/flexbox/variants/Base.tsx
-import { ErrorRender as ErrorRender6 } from "@xylabs/react-error";
-import { FlexCol as FlexCol6, FlexGrowRow as FlexGrowRow2 } from "@xylabs/react-flexbox";
-import React38 from "react";
-
 // src/components/chain/render/static/hooks/useStaticBlockRenderComponents.ts
 import { exists } from "@xylabs/exists";
-import { useMemo as useMemo17 } from "react";
+import { useMemo as useMemo12 } from "react";
 var DEFAULT_PAGE_SIZE = 25;
 var useStaticBlockRenderComponents = /* @__PURE__ */ __name((BlockComponent, blockChainRenderProps) => {
   const { maxBlocks } = blockChainRenderProps ?? {};
   const pageSize = blockChainRenderProps?.pageSize ?? DEFAULT_PAGE_SIZE;
-  const chainIteratorParams = useMemo17(() => blockChainRenderProps ?? {
+  const chainIteratorParams = useMemo12(() => blockChainRenderProps ?? {
     name: "unknown"
   }, [
     blockChainRenderProps
@@ -1914,46 +1687,46 @@ var useStaticBlockRenderComponents = /* @__PURE__ */ __name((BlockComponent, blo
 // src/components/chain/render/static/flexbox/variants/Base.tsx
 var StaticListBase = /* @__PURE__ */ __name(({ blockChainRenderProps, ...props }) => {
   const { blockComponents, errors, paginatedBlockComponents, onPageChange, page, pageSize } = useStaticBlockRenderComponents(BlockHeadingFlexbox, blockChainRenderProps);
-  return /* @__PURE__ */ React38.createElement(FlexCol6, {
+  return /* @__PURE__ */ React34.createElement(FlexCol5, {
     alignItems: "start",
     gap: 2,
     width: "100%",
     ...props
-  }, errors?.map((error) => /* @__PURE__ */ React38.createElement(ErrorRender6, {
+  }, errors?.map((error) => /* @__PURE__ */ React34.createElement(ErrorRender4, {
     error,
     key: error.name,
     scope: "StaticBlockchainFlexboxInner"
-  })), (paginatedBlockComponents?.length ?? 0) > 0 ? /* @__PURE__ */ React38.createElement(FlexGrowRow2, {
+  })), (paginatedBlockComponents?.length ?? 0) > 0 ? /* @__PURE__ */ React34.createElement(FlexGrowRow2, {
     justifyContent: "space-between",
     width: "100%"
-  }, /* @__PURE__ */ React38.createElement(ChainAnalyzerStatsDialogFromContext, null), /* @__PURE__ */ React38.createElement(BlockChainPagination, {
+  }, /* @__PURE__ */ React34.createElement(ChainAnalyzerStatsDialogFromContext, null), /* @__PURE__ */ React34.createElement(BlockChainPagination, {
     count: blockComponents?.length ?? 0,
     onPageChange,
     page,
     rowsPerPage: pageSize
-  })) : null, /* @__PURE__ */ React38.createElement(BlockListAnimated, {
+  })) : null, /* @__PURE__ */ React34.createElement(BlockListAnimated, {
     blockChainRenderComponents: paginatedBlockComponents
   }));
 }, "StaticListBase");
 
 // src/components/chain/render/static/flexbox/variants/WithAnalysis.tsx
-import { isAddress as isAddress2 } from "@xylabs/hex";
-import { ChainProducersAnalyzer as ChainProducersAnalyzer2 } from "@xyo-network/chain-analyze";
-import React39, { useMemo as useMemo18 } from "react";
-var WithAnalysis2 = /* @__PURE__ */ __name(({ blockChainRenderProps, ...props }) => {
+import { isAddress } from "@xylabs/hex";
+import { ChainProducersAnalyzer } from "@xyo-network/chain-analyze";
+import React35, { useMemo as useMemo13 } from "react";
+var WithAnalysis = /* @__PURE__ */ __name(({ blockChainRenderProps, ...props }) => {
   const { chainId } = blockChainRenderProps ?? {};
-  const analyzers = useMemo18(() => {
-    if (isAddress2(chainId)) {
+  const analyzers = useMemo13(() => {
+    if (isAddress(chainId)) {
       return {
-        producers: new ChainProducersAnalyzer2()
+        producers: new ChainProducersAnalyzer()
       };
     }
   }, [
     chainId
   ]);
-  return /* @__PURE__ */ React39.createElement(ChainAnalyzersProvider, {
+  return /* @__PURE__ */ React35.createElement(ChainAnalyzersProvider, {
     analyzers
-  }, /* @__PURE__ */ React39.createElement(StaticListBase, {
+  }, /* @__PURE__ */ React35.createElement(StaticListBase, {
     blockChainRenderProps,
     ...props
   }));
@@ -1962,25 +1735,25 @@ var WithAnalysis2 = /* @__PURE__ */ __name(({ blockChainRenderProps, ...props })
 // src/components/chain/render/static/flexbox/Flexbox.tsx
 var StaticBlockchainRenderFlexBox = {
   Base: StaticListBase,
-  WithAnalysis: WithAnalysis2
+  WithAnalysis
 };
 
 // src/components/payload/builder/Flexbox.tsx
-import { FlexCol as FlexCol7 } from "@xylabs/react-flexbox";
+import { FlexCol as FlexCol6 } from "@xylabs/react-flexbox";
 import { JsonViewerEx as JsonViewerEx2 } from "@xyo-network/react-payload-raw-info";
-import React40, { useState as useState14 } from "react";
+import React36, { useState as useState13 } from "react";
 var PayloadBuilderFlexbox = /* @__PURE__ */ __name(({ BuilderComponent, onBuild, ...props }) => {
-  const [payload, setPayload] = useState14();
+  const [payload, setPayload] = useState13();
   const onBuildLocal = /* @__PURE__ */ __name((payload2) => {
     onBuild?.(payload2);
     setPayload(payload2);
   }, "onBuildLocal");
-  return /* @__PURE__ */ React40.createElement(FlexCol7, {
+  return /* @__PURE__ */ React36.createElement(FlexCol6, {
     gap: 2,
     ...props
-  }, /* @__PURE__ */ React40.createElement(BuilderComponent, {
+  }, /* @__PURE__ */ React36.createElement(BuilderComponent, {
     onBuild: onBuildLocal
-  }), payload && /* @__PURE__ */ React40.createElement(JsonViewerEx2, {
+  }), payload && /* @__PURE__ */ React36.createElement(JsonViewerEx2, {
     value: payload
   }));
 }, "PayloadBuilderFlexbox");
@@ -1988,13 +1761,13 @@ var PayloadBuilderFlexbox = /* @__PURE__ */ __name(({ BuilderComponent, onBuild,
 // src/components/payload/builder/producer-intent/Form.tsx
 import { Button as Button5, FormControl as FormControl5 } from "@mui/material";
 import { createProducerChainStakeIntent } from "@xyo-network/chain-protocol";
-import React43, { useMemo as useMemo20, useState as useState17 } from "react";
+import React39, { useMemo as useMemo15, useState as useState16 } from "react";
 
 // src/components/payload/fields/BlockNumberTextField.tsx
 import { FormControl as FormControl3, FormHelperText as FormHelperText2, TextField as TextField3 } from "@mui/material";
-import React41, { useState as useState15 } from "react";
+import React37, { useState as useState14 } from "react";
 var BlockNumberTextField = /* @__PURE__ */ __name(({ errorMessage, onBlockNumberChanged, onChange, ...props }) => {
-  const [blockNumber, setBlockNumber] = useState15();
+  const [blockNumber, setBlockNumber] = useState14();
   const handleChange = /* @__PURE__ */ __name((e) => {
     const value = e.target.value.replaceAll(/\D/g, "");
     setBlockNumber(value.length > 0 ? Number(value) : void 0);
@@ -2002,15 +1775,15 @@ var BlockNumberTextField = /* @__PURE__ */ __name(({ errorMessage, onBlockNumber
     onChange?.(e);
   }, "handleChange");
   const errored = errorMessage !== void 0;
-  return /* @__PURE__ */ React41.createElement(FormControl3, {
+  return /* @__PURE__ */ React37.createElement(FormControl3, {
     fullWidth: true
-  }, /* @__PURE__ */ React41.createElement(TextField3, {
+  }, /* @__PURE__ */ React37.createElement(TextField3, {
     error: errored,
     onChange: handleChange,
     type: "number",
     value: blockNumber ?? "",
     ...props
-  }), errored && /* @__PURE__ */ React41.createElement(FormHelperText2, {
+  }), errored && /* @__PURE__ */ React37.createElement(FormHelperText2, {
     sx: {
       color: "error.main"
     }
@@ -2019,19 +1792,19 @@ var BlockNumberTextField = /* @__PURE__ */ __name(({ errorMessage, onBlockNumber
 
 // src/components/payload/fields/XyoAddressTextField.tsx
 import { FormControl as FormControl4, FormHelperText as FormHelperText3, TextField as TextField4 } from "@mui/material";
-import { asAddress, isAddress as isAddress3 } from "@xylabs/hex";
-import React42, { useMemo as useMemo19, useState as useState16 } from "react";
+import { asAddress, isAddress as isAddress2 } from "@xylabs/hex";
+import React38, { useMemo as useMemo14, useState as useState15 } from "react";
 var XyoAddressTextField = /* @__PURE__ */ __name(({ onAddressChanged, onChange, resetValue, ...props }) => {
-  const [address, setAddress] = useState16("");
-  const [addressError, setAddressError] = useState16();
-  useMemo19(() => setAddress(""), [
+  const [address, setAddress] = useState15("");
+  const [addressError, setAddressError] = useState15();
+  useMemo14(() => setAddress(""), [
     resetValue
   ]);
   const handleChange = /* @__PURE__ */ __name((event) => {
     const { value } = event.target;
     onChange?.(event);
     const xyoAddress = asAddress(value);
-    if (isAddress3(xyoAddress)) {
+    if (isAddress2(xyoAddress)) {
       onAddressChanged?.(xyoAddress);
     }
     setAddressError(void 0);
@@ -2039,20 +1812,20 @@ var XyoAddressTextField = /* @__PURE__ */ __name(({ onAddressChanged, onChange,
   }, "handleChange");
   const handleBlur = /* @__PURE__ */ __name(() => {
     const xyoAddress = asAddress(address);
-    if (!isAddress3(xyoAddress)) {
+    if (!isAddress2(xyoAddress)) {
       setAddressError(new Error("Invalid address"));
       onAddressChanged?.();
     }
   }, "handleBlur");
-  return /* @__PURE__ */ React42.createElement(FormControl4, {
+  return /* @__PURE__ */ React38.createElement(FormControl4, {
     fullWidth: true
-  }, /* @__PURE__ */ React42.createElement(TextField4, {
+  }, /* @__PURE__ */ React38.createElement(TextField4, {
     error: !!addressError,
     onBlur: handleBlur,
     onChange: handleChange,
     value: address,
     ...props
-  }), addressError && /* @__PURE__ */ React42.createElement(FormHelperText3, {
+  }), addressError && /* @__PURE__ */ React38.createElement(FormHelperText3, {
     sx: {
       color: "error.main"
     }
@@ -2061,11 +1834,11 @@ var XyoAddressTextField = /* @__PURE__ */ __name(({ onAddressChanged, onChange,
 
 // src/components/payload/builder/producer-intent/Form.tsx
 var ProducerIntentBuilderForm = /* @__PURE__ */ __name(({ onBuild }) => {
-  const [delegate, setDelegate] = useState17();
-  const [exp, setExp] = useState17();
-  const [nbf, setNbf] = useState17();
-  const [blockRangeError, setBlockRangeError] = useState17();
-  const intentPayload = useMemo20(() => {
+  const [delegate, setDelegate] = useState16();
+  const [exp, setExp] = useState16();
+  const [nbf, setNbf] = useState16();
+  const [blockRangeError, setBlockRangeError] = useState16();
+  const intentPayload = useMemo15(() => {
     if (exp !== void 0 && nbf !== void 0) {
       if (exp <= nbf) {
         setBlockRangeError(new Error("Expires must be greater than Not Before"));
@@ -2085,33 +1858,33 @@ var ProducerIntentBuilderForm = /* @__PURE__ */ __name(({ onBuild }) => {
   const onBuildLocal = /* @__PURE__ */ __name(() => {
     if (onBuild && intentPayload) onBuild?.(intentPayload);
   }, "onBuildLocal");
-  return /* @__PURE__ */ React43.createElement(React43.Fragment, null, /* @__PURE__ */ React43.createElement(FormControl5, {
+  return /* @__PURE__ */ React39.createElement(React39.Fragment, null, /* @__PURE__ */ React39.createElement(FormControl5, {
     fullWidth: true
-  }, /* @__PURE__ */ React43.createElement(XyoAddressTextField, {
+  }, /* @__PURE__ */ React39.createElement(XyoAddressTextField, {
     label: "Delegate",
     name: "delegate",
     onAddressChanged: setDelegate,
     required: true,
     size: "small"
-  })), /* @__PURE__ */ React43.createElement(FormControl5, {
+  })), /* @__PURE__ */ React39.createElement(FormControl5, {
     fullWidth: true
-  }, /* @__PURE__ */ React43.createElement(BlockNumberTextField, {
+  }, /* @__PURE__ */ React39.createElement(BlockNumberTextField, {
     errorMessage: blockRangeError?.message,
     label: "Expires",
     name: "exp",
     onBlockNumberChanged: setExp,
     required: true,
     size: "small"
-  })), /* @__PURE__ */ React43.createElement(FormControl5, {
+  })), /* @__PURE__ */ React39.createElement(FormControl5, {
     fullWidth: true
-  }, /* @__PURE__ */ React43.createElement(BlockNumberTextField, {
+  }, /* @__PURE__ */ React39.createElement(BlockNumberTextField, {
     errorMessage: blockRangeError?.message,
     label: "Not Before",
     name: "nbf",
     onBlockNumberChanged: setNbf,
     required: true,
     size: "small"
-  })), /* @__PURE__ */ React43.createElement(Button5, {
+  })), /* @__PURE__ */ React39.createElement(Button5, {
     disabled: !intentPayload,
     variant: "contained",
     onClick: onBuildLocal
@@ -2119,26 +1892,26 @@ var ProducerIntentBuilderForm = /* @__PURE__ */ __name(({ onBuild }) => {
 }, "ProducerIntentBuilderForm");
 
 // src/components/payload/builder/transfer/Flexbox.tsx
-import React46 from "react";
+import React42 from "react";
 
 // src/components/payload/builder/transfer/Form.tsx
 import { Button as Button6, FormControl as FormControl7 } from "@mui/material";
-import { isAddress as isAddress5 } from "@xylabs/hex";
+import { isAddress as isAddress4 } from "@xylabs/hex";
 import { TransferSchema } from "@xyo-network/xl1-protocol";
-import React45, { useMemo as useMemo22, useState as useState19 } from "react";
+import React41, { useMemo as useMemo17, useState as useState18 } from "react";
 
 // src/components/payload/builder/transfer/builder/SingleFlexbox.tsx
 import { RemoveCircle } from "@mui/icons-material";
 import { FormControl as FormControl6, Icon as Icon3, IconButton as IconButton5 } from "@mui/material";
-import { isAddress as isAddress4, toHex as toHex3 } from "@xylabs/hex";
+import { isAddress as isAddress3, toHex as toHex3 } from "@xylabs/hex";
 import { FlexRow as FlexRow7 } from "@xylabs/react-flexbox";
 import { BigIntInput } from "@xyo-network/react-shared";
-import React44, { useEffect as useEffect4, useMemo as useMemo21, useState as useState18 } from "react";
+import React40, { useEffect as useEffect3, useMemo as useMemo16, useState as useState17 } from "react";
 var SingleTransferBuilderFlexbox = /* @__PURE__ */ __name(({ onTransferUpdated, onRemoveTransfer, singleTransfer, ...props }) => {
-  const [toAddress3, setToAddress] = useState18();
-  const [amount, setAmount] = useState18();
-  const transferAmount = useMemo21(() => {
-    if (isAddress4(toAddress3) && amount !== void 0) {
+  const [toAddress3, setToAddress] = useState17();
+  const [amount, setAmount] = useState17();
+  const transferAmount = useMemo16(() => {
+    if (isAddress3(toAddress3) && amount !== void 0) {
       return {
         ...singleTransfer,
         amount: toHex3(amount),
@@ -2149,42 +1922,42 @@ var SingleTransferBuilderFlexbox = /* @__PURE__ */ __name(({ onTransferUpdated,
     toAddress3,
     amount
   ]);
-  useEffect4(() => {
+  useEffect3(() => {
     if (transferAmount) onTransferUpdated?.(transferAmount);
   }, [
     transferAmount
   ]);
-  return /* @__PURE__ */ React44.createElement(FlexRow7, {
+  return /* @__PURE__ */ React40.createElement(FlexRow7, {
     alignItems: "start",
     gap: 1,
     ...props
-  }, /* @__PURE__ */ React44.createElement(FormControl6, {
+  }, /* @__PURE__ */ React40.createElement(FormControl6, {
     fullWidth: true
-  }, /* @__PURE__ */ React44.createElement(XyoAddressTextField, {
+  }, /* @__PURE__ */ React40.createElement(XyoAddressTextField, {
     label: "To",
     name: "to",
     onAddressChanged: setToAddress,
     required: true,
     size: "small"
-  })), /* @__PURE__ */ React44.createElement(FormControl6, {
+  })), /* @__PURE__ */ React40.createElement(FormControl6, {
     fullWidth: true
-  }, /* @__PURE__ */ React44.createElement(BigIntInput.TextField, {
+  }, /* @__PURE__ */ React40.createElement(BigIntInput.TextField, {
     label: "Amount",
     name: "amount",
     onChangeFixedPoint: setAmount,
     required: true,
     size: "small"
-  })), /* @__PURE__ */ React44.createElement(IconButton5, {
+  })), /* @__PURE__ */ React40.createElement(IconButton5, {
     onClick: /* @__PURE__ */ __name(() => onRemoveTransfer?.(singleTransfer.transferId), "onClick")
-  }, /* @__PURE__ */ React44.createElement(Icon3, null, /* @__PURE__ */ React44.createElement(RemoveCircle, null))));
+  }, /* @__PURE__ */ React40.createElement(Icon3, null, /* @__PURE__ */ React40.createElement(RemoveCircle, null))));
 }, "SingleTransferBuilderFlexbox");
 
 // src/components/payload/builder/transfer/Form.tsx
 var TransferBuilderForm = /* @__PURE__ */ __name(({ onBuild }) => {
-  const [fromAddress, setFromAddress] = useState19();
-  const [transfers, setTransfers] = useState19([]);
-  const transferPayload = useMemo22(() => {
-    if (isAddress5(fromAddress) && transfers.length > 0) {
+  const [fromAddress, setFromAddress] = useState18();
+  const [transfers, setTransfers] = useState18([]);
+  const transferPayload = useMemo17(() => {
+    if (isAddress4(fromAddress) && transfers.length > 0) {
       const transfersRecord = {};
       for (const transfer of transfers) {
         transfersRecord[transfer.to] = transfer.amount;
@@ -2225,19 +1998,19 @@ var TransferBuilderForm = /* @__PURE__ */ __name(({ onBuild }) => {
       return transfer;
     }));
   }, "onTransferUpdated");
-  return /* @__PURE__ */ React45.createElement(React45.Fragment, null, /* @__PURE__ */ React45.createElement(FormControl7, {
+  return /* @__PURE__ */ React41.createElement(React41.Fragment, null, /* @__PURE__ */ React41.createElement(FormControl7, {
     fullWidth: true
-  }, /* @__PURE__ */ React45.createElement(XyoAddressTextField, {
+  }, /* @__PURE__ */ React41.createElement(XyoAddressTextField, {
     label: "From",
     name: "from",
     onAddressChanged: setFromAddress,
     required: true,
     size: "small"
-  })), /* @__PURE__ */ React45.createElement(Button6, {
+  })), /* @__PURE__ */ React41.createElement(Button6, {
     onClick: onTransferAdded,
     size: "small",
     variant: "contained"
-  }, "Add Transfer"), transfers.map((transfer) => /* @__PURE__ */ React45.createElement(SingleTransferBuilderFlexbox, {
+  }, "Add Transfer"), transfers.map((transfer) => /* @__PURE__ */ React41.createElement(SingleTransferBuilderFlexbox, {
     key: transfer.transferId,
     onTransferUpdated,
     onRemoveTransfer: onTransferRemoved,
@@ -2245,7 +2018,7 @@ var TransferBuilderForm = /* @__PURE__ */ __name(({ onBuild }) => {
     sx: {
       width: "100%"
     }
-  })), /* @__PURE__ */ React45.createElement(Button6, {
+  })), /* @__PURE__ */ React41.createElement(Button6, {
     disabled: !transferPayload,
     variant: "contained",
     onClick: onBuildLocal
@@ -2253,7 +2026,7 @@ var TransferBuilderForm = /* @__PURE__ */ __name(({ onBuild }) => {
 }, "TransferBuilderForm");
 
 // src/components/payload/builder/transfer/Flexbox.tsx
-var TransferBuilderFlexbox = /* @__PURE__ */ __name(({ onBuild, ...props }) => /* @__PURE__ */ React46.createElement(PayloadBuilderFlexbox, {
+var TransferBuilderFlexbox = /* @__PURE__ */ __name(({ onBuild, ...props }) => /* @__PURE__ */ React42.createElement(PayloadBuilderFlexbox, {
   gap: 4,
   alignItems: "start",
   BuilderComponent: TransferBuilderForm,
@@ -2263,15 +2036,44 @@ var TransferBuilderFlexbox = /* @__PURE__ */ __name(({ onBuild, ...props }) => /
 
 // src/stories/ChainArchivistDecorator.tsx
 import { CircularProgress } from "@mui/material";
-import { usePromise as usePromise7 } from "@xylabs/react-promise";
+import { usePromise as usePromise5 } from "@xylabs/react-promise";
 import { MemoryArchivist } from "@xyo-network/archivist-memory";
 import { ArchivistConfigSchema } from "@xyo-network/archivist-model";
 import { buildRandomBlockChain } from "@xyo-network/react-chain-shared";
 import { flattenHydratedBlocks } from "@xyo-network/xl1-protocol-sdk";
-import React47, { useEffect as useEffect5 } from "react";
+import React43, { useEffect as useEffect4 } from "react";
+
+// src/lib/getChainArchivist.ts
+import { assertEx as assertEx4 } from "@xylabs/assert";
+import { asArchivistInstance } from "@xyo-network/archivist-model";
+import { HttpBridge, HttpBridgeConfigSchema } from "@xyo-network/bridge-http";
+var getChainArchivistFromBridge = /* @__PURE__ */ __name(async (params) => {
+  const { url, chainArchivistModuleId } = params;
+  const config = {
+    schema: HttpBridgeConfigSchema,
+    client: {
+      url
+    }
+  };
+  const bridge = await HttpBridge.create({
+    config
+  });
+  const resolved = await bridge.resolve(chainArchivistModuleId);
+  const mod = assertEx4(resolved, () => `Module ${chainArchivistModuleId} not found`);
+  return assertEx4(asArchivistInstance(mod), () => `Module ${chainArchivistModuleId} is not an archivist`);
+}, "getChainArchivistFromBridge");
+
+// src/lib/getChainId.ts
+import { toAddress as toAddress2 } from "@xylabs/hex";
+var id = toAddress2("ce080bf3043a40c6c8838c7e813c00ab53df1684");
+var getChainId = /* @__PURE__ */ __name(() => {
+  return id;
+}, "getChainId");
+
+// src/stories/ChainArchivistDecorator.tsx
 var ChainArchivistDecorator = /* @__PURE__ */ __name((Story, context) => {
-  const [randomBlockChain] = usePromise7(async () => await buildRandomBlockChain(), []);
-  const [blockChainRenderProps, blockChainRenderPropsError] = usePromise7(async () => {
+  const [randomBlockChain] = usePromise5(async () => await buildRandomBlockChain(), []);
+  const [blockChainRenderProps, blockChainRenderPropsError] = usePromise5(async () => {
     if (randomBlockChain) {
       const chainArchivist = await MemoryArchivist.create({
         config: {
@@ -2290,7 +2092,7 @@ var ChainArchivistDecorator = /* @__PURE__ */ __name((Story, context) => {
   }, [
     randomBlockChain
   ]);
-  useEffect5(() => {
+  useEffect4(() => {
     if (blockChainRenderPropsError) {
       console.error(blockChainRenderPropsError);
     }
@@ -2308,23 +2110,23 @@ var ChainArchivistDecorator = /* @__PURE__ */ __name((Story, context) => {
       }
     }
   };
-  return blockChainRenderProps?.chainArchivist ? /* @__PURE__ */ React47.createElement(Story, props) : /* @__PURE__ */ React47.createElement(CircularProgress, null);
+  return blockChainRenderProps?.chainArchivist ? /* @__PURE__ */ React43.createElement(Story, props) : /* @__PURE__ */ React43.createElement(CircularProgress, null);
 }, "ChainArchivistDecorator");
 
 // src/stories/ChainArchivistDelayedInsertDecorator.tsx
 import { CircularProgress as CircularProgress2 } from "@mui/material";
 import { delay } from "@xylabs/delay";
-import { usePromise as usePromise8 } from "@xylabs/react-promise";
+import { usePromise as usePromise6 } from "@xylabs/react-promise";
 import { MemoryArchivist as MemoryArchivist2 } from "@xyo-network/archivist-memory";
 import { ArchivistConfigSchema as ArchivistConfigSchema2 } from "@xyo-network/archivist-model";
 import { buildRandomBlockChain as buildRandomBlockChain2 } from "@xyo-network/react-chain-shared";
 import { flattenHydratedBlock } from "@xyo-network/xl1-protocol-sdk";
-import React48, { useEffect as useEffect6, useState as useState20 } from "react";
+import React44, { useEffect as useEffect5, useState as useState19 } from "react";
 var chainArchivistRef;
 var ChainArchivistDelayedInsertDecorator = /* @__PURE__ */ __name((Story, context) => {
-  const [firstBlock, setFirstBlock] = useState20();
-  const [randomBlockChain] = usePromise8(async () => await buildRandomBlockChain2(), []);
-  const [chainArchivist] = usePromise8(async () => {
+  const [firstBlock, setFirstBlock] = useState19();
+  const [randomBlockChain] = usePromise6(async () => await buildRandomBlockChain2(), []);
+  const [chainArchivist] = usePromise6(async () => {
     if (chainArchivistRef) {
       return chainArchivistRef;
     } else {
@@ -2337,7 +2139,7 @@ var ChainArchivistDelayedInsertDecorator = /* @__PURE__ */ __name((Story, contex
       return chainArchivistRef;
     }
   }, []);
-  const [, delayedInsertError] = usePromise8(async () => {
+  const [, delayedInsertError] = usePromise6(async () => {
     if (chainArchivist && randomBlockChain) {
       for (const hydratedBlock of randomBlockChain) {
         const flattened = flattenHydratedBlock(hydratedBlock);
@@ -2350,14 +2152,14 @@ var ChainArchivistDelayedInsertDecorator = /* @__PURE__ */ __name((Story, contex
     chainArchivist,
     randomBlockChain
   ]);
-  useEffect6(() => {
+  useEffect5(() => {
     if (delayedInsertError) {
       console.error(delayedInsertError);
     }
   }, [
     delayedInsertError
   ]);
-  const [blockChainRenderProps] = usePromise8(async () => {
+  const [blockChainRenderProps] = usePromise6(async () => {
     const chainId = await getChainId();
     return {
       chainArchivist,
@@ -2377,35 +2179,37 @@ var ChainArchivistDelayedInsertDecorator = /* @__PURE__ */ __name((Story, contex
       }
     }
   };
-  return firstBlock ? /* @__PURE__ */ React48.createElement(Story, props) : /* @__PURE__ */ React48.createElement(CircularProgress2, null);
+  return firstBlock ? /* @__PURE__ */ React44.createElement(Story, props) : /* @__PURE__ */ React44.createElement(CircularProgress2, null);
 }, "ChainArchivistDelayedInsertDecorator");
 
 // src/stories/ChainInfoContextDecorator.tsx
 import { assertEx as assertEx5 } from "@xylabs/assert";
-import { usePromise as usePromise9 } from "@xylabs/react-promise";
+import { usePromise as usePromise7 } from "@xylabs/react-promise";
 import { isDefined as isDefined4 } from "@xylabs/typeof";
 import { ChainBlockNumberIterationService as ChainBlockNumberIterationService3 } from "@xyo-network/chain-services";
 import { findFirstMatching } from "@xyo-network/chain-utils";
 import { isBlockBoundWitness as isBlockBoundWitness3 } from "@xyo-network/xl1-protocol";
-import React49 from "react";
+import { readPayloadMapFromStore } from "@xyo-network/xl1-protocol-sdk";
+import React45 from "react";
 var archivistConfig = {
   url: "http://localhost:8080",
   chainArchivistModuleId: "XYOPublic:XYOChain:Chain"
 };
 var ChainInfoContextDecorator = /* @__PURE__ */ __name((Story, context) => {
-  const [chainIdResponse] = usePromise9(async () => {
+  const [chainIdResponse] = usePromise7(async () => {
     return await getChainId();
   }, []);
   const chainId = chainIdResponse;
-  const [chainArchivist] = usePromise9(async () => {
+  const [chainArchivist] = usePromise7(async () => {
     return await getChainArchivistFromBridge(archivistConfig);
   }, []);
-  const [chainIterator] = usePromise9(async () => {
+  const [chainIterator] = usePromise7(async () => {
     if (isDefined4(chainArchivist) && isDefined4(chainId)) {
       const firstMatch = assertEx5(await findFirstMatching(chainArchivist), () => `No head found in archivist: ${chainArchivist.id} `);
       const head = assertEx5(isBlockBoundWitness3(firstMatch) ? firstMatch : void 0, () => `Expected a block bound witness: ${JSON.stringify(firstMatch)}`);
+      const chainMap = readPayloadMapFromStore(chainArchivist);
       return await ChainBlockNumberIterationService3.create({
-        chainArchivist,
+        chainMap,
         head
       });
     }
@@ -2413,11 +2217,11 @@ var ChainInfoContextDecorator = /* @__PURE__ */ __name((Story, context) => {
     chainArchivist,
     chainId
   ]);
-  return /* @__PURE__ */ React49.createElement(ChainInfoProvider, {
+  return /* @__PURE__ */ React45.createElement(ChainInfoProvider, {
     chainArchivist,
     chainId,
     chainIterator
-  }, /* @__PURE__ */ React49.createElement(Story, context));
+  }, /* @__PURE__ */ React45.createElement(Story, context));
 }, "ChainInfoContextDecorator");
 export {
   BlockChainPagination,
@@ -2445,7 +2249,6 @@ export {
   ChainTransactionBuilder,
   ChainTransactionNetwork,
   ChipSkeleton,
-  DynamicBlockchainRenderFlexbox,
   FeatureNotAvailable,
   MemoizedPollingControlsFlexbox,
   PayloadBuilderFlexbox,
@@ -2469,7 +2272,6 @@ export {
   useBlockHeadingEvents,
   useBlockProducer,
   useChainIteratorParams,
-  useChainIteratorStore,
   useChainIteratorUpdatingHead,
   useChainPagination,
   useDynamicBlockComponents,