@xyo-network/react-chain-blockchain 1.2.8 → 1.3.0

package/dist/browser/index.mjs

@@ -335,12 +335,285 @@ 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 useMemo5, useState as useState6 } from "react";
+import React8, { Fragment, useMemo as useMemo6, useState as useState7 } from "react";
+
+// src/hooks/chain-iterator/ChainIteratorStore.ts
+import { assertEx } from "@xylabs/assert";
+import { hydrateBlock } from "@xyo-network/chain-protocol";
+import { XyoChainBlockNumberIterator } from "@xyo-network/chain-services";
+import { PayloadBuilder as PayloadBuilder2 } from "@xyo-network/payload-builder";
+var ChainIteratorStore = class _ChainIteratorStore {
+  static {
+    __name(this, "ChainIteratorStore");
+  }
+  _chainIterator;
+  _externalListeners = [];
+  _internalUnsubscribes = [];
+  _values;
+  get chainIterator() {
+    return assertEx(this._chainIterator, () => "ChainIteratorStore has not been initialized");
+  }
+  get values() {
+    return assertEx(this._values, () => "ChainIteratorStore values have not been initialized");
+  }
+  static async create(params) {
+    const instance = new _ChainIteratorStore();
+    const chainIterator = await XyoChainBlockNumberIterator.create(params);
+    instance._chainIterator = chainIterator;
+    const head = await chainIterator.head();
+    const hydratedHead = await hydrateBlock(params.chainArchivist, 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]));
+      instance._values = {
+        chainIterator,
+        head: hydratedBlock
+      };
+      instance.emitChange();
+    }, "headUpdatedListener");
+    const unsubscribe = chainIterator.on("headUpdated", headUpdatedListener);
+    const weakRefListener = new WeakRef(unsubscribe);
+    instance._internalUnsubscribes.push(weakRefListener);
+    return instance;
+  }
+  cleanup() {
+    for (const unsubscribeRef of this._internalUnsubscribes) {
+      const unsubscribe = unsubscribeRef.deref();
+      unsubscribe?.();
+    }
+  }
+  getSnapshot() {
+    return this.values;
+  }
+  subscribe(onStoreChange) {
+    this._externalListeners.push(onStoreChange);
+    return () => {
+      this._externalListeners = this._externalListeners.filter((l) => l !== onStoreChange);
+    };
+  }
+  emitChange() {
+    for (const listener of this._externalListeners) {
+      listener();
+    }
+  }
+};
+
+// src/hooks/chain-iterator/useChainIteratorParams.ts
+import { assertEx as assertEx2 } from "@xylabs/assert";
+import { usePromise } from "@xylabs/react-promise";
+import { BoundWitnessBuilder } from "@xyo-network/boundwitness-builder";
+import { isBlockBoundWitness } from "@xyo-network/xl1-model";
+var resolveDefinedHead = /* @__PURE__ */ __name(async (head, chainArchivist) => {
+  const [headPayload] = await chainArchivist.get([
+    head
+  ]);
+  if (headPayload === void 0) {
+    const [currentHead] = await new BoundWitnessBuilder().build();
+    return currentHead;
+  } else {
+    return assertEx2(isBlockBoundWitness(headPayload) ? headPayload : void 0, () => `Expected a block bound witness: ${JSON.stringify(headPayload)}`);
+  }
+}, "resolveDefinedHead");
+var useChainIteratorParams = /* @__PURE__ */ __name(({ chainArchivist, chainInformation, head }) => {
+  return usePromise(async () => {
+    if (chainArchivist && chainInformation && head) {
+      const [result] = await chainArchivist.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)}`);
+      return {
+        chainArchivist,
+        chainInformation,
+        head: resolvedHead
+      };
+    }
+  }, [
+    chainArchivist,
+    chainInformation,
+    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";
+var useChainIteratorUpdatingHead = /* @__PURE__ */ __name(({ chainIterator, interval = 500, maxBlocks, chainArchivist }) => {
+  const [error, setError] = useState6();
+  useEffect(() => {
+    let pollArchivistTimeout;
+    const pollingFunction = /* @__PURE__ */ __name(async () => {
+      if (chainIterator && chainArchivist) {
+        try {
+          const currentHead = await chainIterator.head();
+          const mostRecentBlock = await findMostRecentBlock(chainArchivist);
+          if (currentHead && mostRecentBlock) {
+            const currentBlockNumber = currentHead?.block ?? -1;
+            const nextBlockNumber = mostRecentBlock.block;
+            if (nextBlockNumber > currentBlockNumber) {
+              console.debug("Found more recent head:", toHex2(nextBlockNumber));
+              console.debug("Updating head:", `${toHex2(nextBlockNumber)}`);
+              await chainIterator.updateHead(mostRecentBlock);
+              console.debug("Updated head:", `${toHex2(nextBlockNumber)}`);
+            }
+          }
+        } catch (e) {
+          setError(e);
+          console.error(e);
+        }
+      }
+      pollArchivistTimeout = setTimeout(() => void pollingFunction(), interval);
+    }, "pollingFunction");
+    void pollingFunction();
+    return () => clearInterval(pollArchivistTimeout);
+  }, [
+    interval,
+    chainIterator,
+    chainArchivist,
+    maxBlocks
+  ]);
+  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 { hydrateBlock as hydrateBlock2 } from "@xyo-network/chain-protocol";
+import { XyoChainBlockNumberIterator as XyoChainBlockNumberIterator2 } from "@xyo-network/chain-services";
+import { PayloadBuilder as PayloadBuilder3 } from "@xyo-network/payload-builder";
+import { isBlockBoundWitness as isBlockBoundWitness2 } from "@xyo-network/xl1-model";
+var getHydratedBlock = /* @__PURE__ */ __name(async (chainArchivist, head) => {
+  const headHash = await PayloadBuilder3.hash(head);
+  return await hydrateBlock2(chainArchivist, headHash);
+}, "getHydratedBlock");
+var iterateChain = /* @__PURE__ */ __name(async (chainIteratorParams, maxDepth) => {
+  const { chainArchivist, head } = chainIteratorParams ?? {};
+  if (chainArchivist && head) {
+    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 XyoChainBlockNumberIterator2.create({
+      head: headBlockBoundWitness,
+      chainArchivist
+    });
+    const chainHead = await chainIterator.head();
+    let block = await getHydratedBlock(chainArchivist, chainHead);
+    const blocks = [
+      block
+    ];
+    let depth = 1;
+    while (block) {
+      const [, next] = await chainIterator.previous(block[0].block, 2);
+      if (!next) break;
+      const nextHydratedBlock = await getHydratedBlock(chainArchivist, next);
+      blocks.push(nextHydratedBlock);
+      block = nextHydratedBlock;
+      depth++;
+      if (maxDepth && depth >= maxDepth || block?.[0].block === 0) break;
+    }
+    return blocks;
+  }
+}, "iterateChain");
+var useIterateChain = /* @__PURE__ */ __name((chainIteratorParams, maxDepth) => {
+  return usePromise3(async () => {
+    return await iterateChain(chainIteratorParams, maxDepth);
+  }, [
+    chainIteratorParams,
+    maxDepth
+  ]);
+}, "useIterateChain");
+
+// src/hooks/useTxsFromBlock.ts
+import { usePromise as usePromise4 } from "@xylabs/react-promise";
+
+// src/helpers/txsFromBlock.ts
+import { PayloadBuilder as PayloadBuilder4 } from "@xyo-network/payload-builder";
+import { isTransactionBoundWitness } from "@xyo-network/xl1-model";
+var txsFromBlock = /* @__PURE__ */ __name(async (block) => {
+  const transactionPayloads = block[1].filter((payload) => isTransactionBoundWitness(payload));
+  return await PayloadBuilder4.hashPairs(transactionPayloads);
+}, "txsFromBlock");
+
+// src/hooks/useTxsFromBlock.ts
+var useTxsFromBlock = /* @__PURE__ */ __name((block) => {
+  return usePromise4(async () => {
+    if (block) {
+      return await txsFromBlock(block);
+    }
+  }, [
+    block
+  ]);
+}, "useTxsFromBlock");
+
+// src/components/transactions/TransactionsQuickTipButton.tsx
 var TransactionsQuickTipButton = /* @__PURE__ */ __name(({ block, ...props }) => {
   const [transactions, transactionsError] = useTxsFromBlock(block);
-  const [copied, setCopied] = useState6(false);
-  const [showError, setShowError] = useState6(false);
-  useMemo5(() => transactionsError ? setShowError(true) : setShowError(false), [
+  const [copied, setCopied] = useState7(false);
+  const [showError, setShowError] = useState7(false);
+  useMemo6(() => transactionsError ? setShowError(true) : setShowError(false), [
     transactionsError
   ]);
   const onCopy = /* @__PURE__ */ __name(async (transactionHash) => {
@@ -392,10 +665,10 @@ var TransactionsQuickTipButton = /* @__PURE__ */ __name(({ block, ...props }) =>
 }, "TransactionsQuickTipButton");
 
 // src/components/block/hooks/useAnchorElement.ts
-import { useRef, useState as useState7 } from "react";
+import { useRef as useRef2, useState as useState8 } from "react";
 var useAnchorElement = /* @__PURE__ */ __name(() => {
-  const [anchorEl, setAnchorEl] = useState7(null);
-  const anchorRef = useRef(null);
+  const [anchorEl, setAnchorEl] = useState8(null);
+  const anchorRef = useRef2(null);
   const open = Boolean(anchorEl);
   const handleClick = /* @__PURE__ */ __name((event) => {
     setAnchorEl(event.currentTarget);
@@ -419,9 +692,9 @@ var useBlockHeadingEvents = /* @__PURE__ */ __name((...args) => {
 }, "useBlockHeadingEvents");
 
 // src/components/block/hooks/useBlockProducer.ts
-import { useMemo as useMemo6 } from "react";
+import { useMemo as useMemo7 } from "react";
 var useBlockProducer = /* @__PURE__ */ __name((block) => {
-  return useMemo6(() => {
+  return useMemo7(() => {
     if (block) {
       const producer = block[0].addresses[0];
       return producer;
@@ -432,7 +705,7 @@ var useBlockProducer = /* @__PURE__ */ __name((block) => {
 }, "useBlockProducer");
 
 // src/components/block/hooks/useDynamicBlockComponents.ts
-import { useState as useState8 } from "react";
+import { useState as useState9 } from "react";
 
 // src/components/block/helpers/blockProducer.ts
 var blockProducer = /* @__PURE__ */ __name((block) => {
@@ -441,16 +714,6 @@ var blockProducer = /* @__PURE__ */ __name((block) => {
 
 // src/components/block/helpers/buildBlockChainRenderComponent.tsx
 import React9 from "react";
-
-// src/components/block/helpers/tsxFromBlock.ts
-import { PayloadBuilder as PayloadBuilder2 } from "@xyo-network/payload-builder";
-import { isTransactionBoundWitness } from "@xyo-network/xl1-model";
-var txsFromBlock = /* @__PURE__ */ __name(async (block) => {
-  const transactionPayloads = block[1].filter((payload) => isTransactionBoundWitness(payload));
-  return await PayloadBuilder2.hashPairs(transactionPayloads);
-}, "txsFromBlock");
-
-// src/components/block/helpers/buildBlockChainRenderComponent.tsx
 var buildBlockChainRenderComponent = /* @__PURE__ */ __name(async (BlockComponent, blockComponentProps) => {
   const { block, ...remainingProps } = blockComponentProps;
   const blockTxs = await txsFromBlock(block);
@@ -466,9 +729,6 @@ var buildBlockChainRenderComponent = /* @__PURE__ */ __name(async (BlockComponen
   };
   return item;
 }, "buildBlockChainRenderComponent");
-var buildBlockHeadingComponent = /* @__PURE__ */ __name(async (blockComponentProps) => {
-  return await buildBlockChainRenderComponent(BlockHeadingFlexbox, blockComponentProps);
-}, "buildBlockHeadingComponent");
 
 // src/components/block/helpers/payloadCountsFromBlock.ts
 import { BoundWitnessSchema } from "@xyo-network/boundwitness-model";
@@ -478,7 +738,7 @@ var payloadCountsFromBlock = /* @__PURE__ */ __name(([block, payloads]) => {
   const transactionPayloads = payloads.filter((payload) => isTransactionBoundWitness2(payload));
   let privPayloadsCount = 0;
   for (let tx of transactionPayloads) {
-    privPayloadsCount += tx.payload_hashes.length - tx.$opCodes.filter((opCode) => !opCode.startsWith("elevate|")).length;
+    privPayloadsCount += tx.payload_hashes.length - tx.script.filter((operation) => !operation.startsWith("elevate|")).length;
   }
   return [
     privPayloads.length,
@@ -489,7 +749,7 @@ 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] = useState8([]);
+  const [blockChainRenderComponents, setBlockChainRenderComponents] = useState9([]);
   const { onBlock } = useChainAnalyzersContext();
   const onAddBlock = /* @__PURE__ */ __name(async (block) => {
     if (!block || !chainArchivist) return;
@@ -518,9 +778,9 @@ var useDynamicBlockComponents = /* @__PURE__ */ __name((BlockComponent, params,
 }, "useDynamicBlockComponents");
 
 // src/components/block/hooks/usePayloadCountsFromBlock.ts
-import { useMemo as useMemo7 } from "react";
+import { useMemo as useMemo8 } from "react";
 var usePayloadCountsFromBlock = /* @__PURE__ */ __name((block) => {
-  return useMemo7(() => {
+  return useMemo8(() => {
     if (block) {
       return [
         ...payloadCountsFromBlock(block),
@@ -538,10 +798,10 @@ var usePayloadCountsFromBlock = /* @__PURE__ */ __name((block) => {
 }, "usePayloadCountsFromBlock");
 
 // src/components/block/hooks/useStaticBlockComponents.ts
-import { usePromise } from "@xylabs/react-promise";
+import { usePromise as usePromise5 } from "@xylabs/react-promise";
 var useStaticBlockComponents = /* @__PURE__ */ __name((BlockComponent, params, blocks) => {
   const { onBlock } = useChainAnalyzersContext();
-  const [blockComponents, blockComponentsError] = usePromise(async () => {
+  const [blockComponents, blockComponentsError] = usePromise5(async () => {
     const resolvedBlockWithStorage = blocks ?? [];
     if (!params?.chainArchivist) return [];
     const { chainArchivist } = params;
@@ -566,18 +826,6 @@ var useStaticBlockComponents = /* @__PURE__ */ __name((BlockComponent, params, b
   };
 }, "useStaticBlockComponents");
 
-// src/components/block/hooks/useTxsFromBlock.ts
-import { usePromise as usePromise2 } from "@xylabs/react-promise";
-var useTxsFromBlock = /* @__PURE__ */ __name((block) => {
-  return usePromise2(async () => {
-    if (block) {
-      return await txsFromBlock(block);
-    }
-  }, [
-    block
-  ]);
-}, "useTxsFromBlock");
-
 // src/components/block/LinkedDivider.tsx
 import { Divider, Stack } from "@mui/material";
 import React10 from "react";
@@ -638,11 +886,11 @@ var BlockMenuExpanded = /* @__PURE__ */ __name(({ block }) => {
 import { Chip as Chip2 } from "@mui/material";
 import { EthAddress } from "@xylabs/eth-address";
 import { BlockiesAvatar } from "@xyo-network/react-chain-blockies";
-import React12, { useMemo as useMemo8 } from "react";
+import React12, { useMemo as useMemo9 } from "react";
 var BlockProducerChip = /* @__PURE__ */ __name(({ block, ...props }) => {
   const blockProducer2 = block?.[0].addresses[0];
   const shortedBlockProducer = blockProducer2 ? EthAddress.parse(blockProducer2)?.toShortString(3) : null;
-  const avatar = useMemo8(() => blockProducer2 === "" ? void 0 : /* @__PURE__ */ React12.createElement(BlockiesAvatar, {
+  const avatar = useMemo9(() => blockProducer2 === "" ? void 0 : /* @__PURE__ */ React12.createElement(BlockiesAvatar, {
     blockiesOptions: {
       seed: blockProducer2
     }
@@ -801,9 +1049,9 @@ import { ellipsize } from "@xylabs/eth-address";
 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 React17, { useState as useState9 } from "react";
+import React17, { useState as useState10 } from "react";
 var BlockJsonViewTableCell = /* @__PURE__ */ __name(({ block, ...props }) => {
-  const [open, setOpen] = useState9(false);
+  const [open, setOpen] = useState10(false);
   const onClose = /* @__PURE__ */ __name(() => setOpen(false), "onClose");
   const hash = usePayloadRootHash2(block?.[0]);
   const title = hash ? `JSON for ${ellipsize(hash, 5)}` : "JSON";
@@ -995,16 +1243,16 @@ BlockchainTableEx.displayName = "BlockchainTableEx";
 
 // src/components/block/table/row/TableRow.tsx
 import { TableRow as TableRow2 } from "@mui/material";
-import React24, { useMemo as useMemo9 } from "react";
+import React24, { useMemo as useMemo10 } from "react";
 var BlockChainTableRow = /* @__PURE__ */ __name(({ block, defaultExpanded, linked, sx, ...props }) => {
-  const linkedTableCellProps = useMemo9(() => ({
+  const linkedTableCellProps = useMemo10(() => ({
     block,
     linked
   }), [
     block,
     linked
   ]);
-  const defaultTableCellProps = useMemo9(() => ({
+  const defaultTableCellProps = useMemo10(() => ({
     block
   }), [
     block
@@ -1036,14 +1284,14 @@ import React29, { 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 React27, { useState as useState10 } from "react";
+import React27, { useState as useState11 } from "react";
 
 // src/components/chain/stats/producer/ProducerFlexbox.tsx
 import { ListItem, styled, Typography as Typography4 } 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-protocol";
-import React26, { useMemo as useMemo10 } from "react";
+import React26, { useMemo as useMemo11 } from "react";
 
 // src/components/chain/stats/producer/Table.tsx
 import { Table, TableBody as TableBody2, TableCell as TableCell9, TableHead as TableHead2, TableRow as TableRow3, useTheme } from "@mui/material";
@@ -1066,7 +1314,7 @@ var ChainProducerStatsTable = /* @__PURE__ */ __name(({ producers, ...props }) =
 
 // src/components/chain/stats/producer/ProducerFlexbox.tsx
 var BlockProducerStatsFlexbox = /* @__PURE__ */ __name(({ payload, ...props }) => {
-  const [producer, producerError] = useMemo10(() => {
+  const [producer, producerError] = useMemo11(() => {
     if (payload) {
       return isChainSummaryProducers(payload) ? [
         payload
@@ -1080,7 +1328,7 @@ var BlockProducerStatsFlexbox = /* @__PURE__ */ __name(({ payload, ...props }) =
   }, [
     payload
   ]);
-  const producersArray = useMemo10(() => Object.values(producer?.producers ?? {}), [
+  const producersArray = useMemo11(() => Object.values(producer?.producers ?? {}), [
     producer
   ]);
   return /* @__PURE__ */ React26.createElement(FlexCol3, {
@@ -1111,7 +1359,7 @@ var ChainAnalyzerStatsDialog = /* @__PURE__ */ __name((props) => {
   })))));
 }, "ChainAnalyzerStatsDialog");
 var ChainAnalyzerStatsDialogFromContext = /* @__PURE__ */ __name((props) => {
-  const [open, setOpen] = useState10(false);
+  const [open, setOpen] = useState11(false);
   const handleClose = /* @__PURE__ */ __name(() => setOpen(false), "handleClose");
   return /* @__PURE__ */ React27.createElement(React27.Fragment, null, /* @__PURE__ */ React27.createElement(IconButton3, {
     onClick: /* @__PURE__ */ __name(() => setOpen(true), "onClick")
@@ -1246,11 +1494,11 @@ var TransactionsDialog = /* @__PURE__ */ __name((props) => {
 }, "TransactionsDialog");
 
 // src/components/chain/hooks/useOnBlock.ts
-import { useEffect, useRef as useRef2 } from "react";
+import { useEffect as useEffect3, useRef as useRef3 } from "react";
 var useOnBlock = /* @__PURE__ */ __name((initialHeadNumber, onAddBlock, liveHead, pollingState) => {
-  const blocksWhilePaused = useRef2([]);
-  const lastLiveHead = useRef2(liveHead);
-  useEffect(() => {
+  const blocksWhilePaused = useRef3([]);
+  const lastLiveHead = useRef3(liveHead);
+  useEffect3(() => {
     const lastLiveHeadBlock = lastLiveHead.current?.[0];
     const blocksWhilePausedBlock = lastLiveHead.current?.[0];
     const liveHeadBlock = liveHead?.[0];
@@ -1290,10 +1538,10 @@ var BlockChainPagination = /* @__PURE__ */ __name(({ count = 0, onPageChange, pa
 }, "BlockChainPagination");
 
 // src/components/chain/pagination/hooks/usePagination.tsx
-import { useMemo as useMemo11, useState as useState11 } from "react";
+import { useMemo as useMemo12, useState as useState12 } from "react";
 var useChainPagination = /* @__PURE__ */ __name((pageSize, blockComponents) => {
-  const [page, setPage] = useState11(0);
-  const paginatedBlockComponents = useMemo11(() => {
+  const [page, setPage] = useState12(0);
+  const paginatedBlockComponents = useMemo12(() => {
     const startIndex = page * pageSize;
     const endIndex = startIndex + pageSize;
     return blockComponents?.slice(startIndex, endIndex);
@@ -1351,257 +1599,6 @@ var BlockListAnimated = /* @__PURE__ */ __name(({ blockChainRenderComponents })
 
 // src/components/chain/render/dynamic/hooks/useDynamicBlockRenderComponents.ts
 import { useMemo as useMemo13 } from "react";
-
-// src/hooks/chain-iterator/ChainIteratorStore.ts
-import { assertEx } from "@xylabs/assert";
-import { hydrateBlock } from "@xyo-network/chain-protocol";
-import { XyoChainBlockNumberIterator } from "@xyo-network/chain-services";
-import { PayloadBuilder as PayloadBuilder3 } from "@xyo-network/payload-builder";
-var ChainIteratorStore = class _ChainIteratorStore {
-  static {
-    __name(this, "ChainIteratorStore");
-  }
-  _chainIterator;
-  _externalListeners = [];
-  _internalUnsubscribes = [];
-  _values;
-  get chainIterator() {
-    return assertEx(this._chainIterator, () => "ChainIteratorStore has not been initialized");
-  }
-  get values() {
-    return assertEx(this._values, () => "ChainIteratorStore values have not been initialized");
-  }
-  static async create(params) {
-    const instance = new _ChainIteratorStore();
-    const chainIterator = await XyoChainBlockNumberIterator.create(params);
-    instance._chainIterator = chainIterator;
-    const head = await chainIterator.head();
-    const hydratedHead = await hydrateBlock(params.chainArchivist, await PayloadBuilder3.hash(head));
-    instance._values = {
-      chainIterator,
-      head: hydratedHead
-    };
-    const headUpdatedListener = /* @__PURE__ */ __name(async ({ blocks }) => {
-      const hydratedBlock = await hydrateBlock(params.chainArchivist, await PayloadBuilder3.hash(blocks?.[0]));
-      instance._values = {
-        chainIterator,
-        head: hydratedBlock
-      };
-      instance.emitChange();
-    }, "headUpdatedListener");
-    const unsubscribe = chainIterator.on("headUpdated", headUpdatedListener);
-    const weakRefListener = new WeakRef(unsubscribe);
-    instance._internalUnsubscribes.push(weakRefListener);
-    return instance;
-  }
-  cleanup() {
-    for (const unsubscribeRef of this._internalUnsubscribes) {
-      const unsubscribe = unsubscribeRef.deref();
-      unsubscribe?.();
-    }
-  }
-  getSnapshot() {
-    return this.values;
-  }
-  subscribe(onStoreChange) {
-    this._externalListeners.push(onStoreChange);
-    return () => {
-      this._externalListeners = this._externalListeners.filter((l) => l !== onStoreChange);
-    };
-  }
-  emitChange() {
-    for (const listener of this._externalListeners) {
-      listener();
-    }
-  }
-};
-
-// src/hooks/chain-iterator/useChainIteratorParams.ts
-import { assertEx as assertEx2 } from "@xylabs/assert";
-import { usePromise as usePromise3 } from "@xylabs/react-promise";
-import { BoundWitnessBuilder } from "@xyo-network/boundwitness-builder";
-import { isBlockBoundWitness } from "@xyo-network/xl1-model";
-var resolveDefinedHead = /* @__PURE__ */ __name(async (head, chainArchivist) => {
-  const [headPayload] = await chainArchivist.get([
-    head
-  ]);
-  if (headPayload === void 0) {
-    const [currentHead] = await new BoundWitnessBuilder().build();
-    return currentHead;
-  } else {
-    return assertEx2(isBlockBoundWitness(headPayload) ? headPayload : void 0, () => `Expected a block bound witness: ${JSON.stringify(headPayload)}`);
-  }
-}, "resolveDefinedHead");
-var useChainIteratorParams = /* @__PURE__ */ __name(({ chainArchivist, chainInformation, head }) => {
-  return usePromise3(async () => {
-    if (chainArchivist && chainInformation && head) {
-      const [result] = await chainArchivist.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)}`);
-      return {
-        chainArchivist,
-        chainInformation,
-        head: resolvedHead
-      };
-    }
-  }, [
-    chainArchivist,
-    chainInformation,
-    head
-  ]);
-}, "useChainIteratorParams");
-
-// src/hooks/chain-iterator/useChainIteratorStore.ts
-import { usePromise as usePromise4 } from "@xylabs/react-promise";
-import { useEffect as useEffect3, useMemo as useMemo12, useRef as useRef3, 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 as useEffect2, useState as useState12 } from "react";
-var useChainIteratorUpdatingHead = /* @__PURE__ */ __name(({ chainIterator, interval = 500, maxBlocks, chainArchivist }) => {
-  const [error, setError] = useState12();
-  useEffect2(() => {
-    let pollArchivistTimeout;
-    const pollingFunction = /* @__PURE__ */ __name(async () => {
-      if (chainIterator && chainArchivist) {
-        try {
-          const currentHead = await chainIterator.head();
-          const mostRecentBlock = await findMostRecentBlock(chainArchivist);
-          if (currentHead && mostRecentBlock) {
-            const currentBlockNumber = currentHead?.block ?? -1;
-            const nextBlockNumber = mostRecentBlock.block;
-            if (nextBlockNumber > currentBlockNumber) {
-              console.debug("Found more recent head:", toHex2(nextBlockNumber));
-              console.debug("Updating head:", `${toHex2(nextBlockNumber)}`);
-              await chainIterator.updateHead(mostRecentBlock);
-              console.debug("Updated head:", `${toHex2(nextBlockNumber)}`);
-            }
-          }
-        } catch (e) {
-          setError(e);
-          console.error(e);
-        }
-      }
-      pollArchivistTimeout = setTimeout(() => void pollingFunction(), interval);
-    }, "pollingFunction");
-    void pollingFunction();
-    return () => clearInterval(pollArchivistTimeout);
-  }, [
-    interval,
-    chainIterator,
-    chainArchivist,
-    maxBlocks
-  ]);
-  return error;
-}, "useChainIteratorUpdatingHead");
-
-// src/hooks/chain-iterator/useChainIteratorStore.ts
-var stub = {};
-var useChainIteratorStore = /* @__PURE__ */ __name((chainIteratorParams) => {
-  const [chainIteratorStore] = usePromise4(async () => {
-    return chainIteratorParams ? await ChainIteratorStore.create(chainIteratorParams) : void 0;
-  }, [
-    chainIteratorParams
-  ]);
-  const { chainIterator } = chainIteratorStore || {};
-  const chainArchivist = chainIteratorParams?.chainArchivist;
-  const error = useChainIteratorUpdatingHead({
-    chainIterator,
-    chainArchivist
-  });
-  useEffect3(() => {
-    return () => {
-      if (chainIteratorStore) {
-        chainIteratorStore.cleanup();
-      }
-    };
-  }, [
-    chainIteratorStore
-  ]);
-  const cachedSnapshot = useRef3({});
-  const { getSnapShot, subscribe } = useMemo12(() => {
-    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 usePromise5 } from "@xylabs/react-promise";
-import { hydrateBlock as hydrateBlock2 } from "@xyo-network/chain-protocol";
-import { XyoChainBlockNumberIterator as XyoChainBlockNumberIterator2 } from "@xyo-network/chain-services";
-import { PayloadBuilder as PayloadBuilder4 } from "@xyo-network/payload-builder";
-import { isBlockBoundWitness as isBlockBoundWitness2 } from "@xyo-network/xl1-model";
-var getHydratedBlock = /* @__PURE__ */ __name(async (chainArchivist, head) => {
-  const headHash = await PayloadBuilder4.hash(head);
-  return await hydrateBlock2(chainArchivist, headHash);
-}, "getHydratedBlock");
-var iterateChain = /* @__PURE__ */ __name(async (chainIteratorParams, maxDepth) => {
-  const { chainArchivist, head } = chainIteratorParams ?? {};
-  if (chainArchivist && head) {
-    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 XyoChainBlockNumberIterator2.create({
-      head: headBlockBoundWitness,
-      chainArchivist
-    });
-    const chainHead = await chainIterator.head();
-    let block = await getHydratedBlock(chainArchivist, chainHead);
-    const blocks = [
-      block
-    ];
-    let depth = 1;
-    while (block) {
-      const [, next] = await chainIterator.previous(block[0].block, 2);
-      if (!next) break;
-      const nextHydratedBlock = await getHydratedBlock(chainArchivist, next);
-      blocks.push(nextHydratedBlock);
-      block = nextHydratedBlock;
-      depth++;
-      if (maxDepth && depth >= maxDepth || block?.[0].block === 0) break;
-    }
-    return blocks;
-  }
-}, "iterateChain");
-var useIterateChain = /* @__PURE__ */ __name((chainIteratorParams, maxDepth) => {
-  return usePromise5(async () => {
-    return await iterateChain(chainIteratorParams, maxDepth);
-  }, [
-    chainIteratorParams,
-    maxDepth
-  ]);
-}, "useIterateChain");
-
-// src/components/chain/render/dynamic/hooks/useDynamicBlockRenderComponents.ts
 var useDynamicBlockRenderComponents = /* @__PURE__ */ __name((BlockComponent, blockChainRenderProps) => {
   const { maxBlocks } = blockChainRenderProps ?? {};
   const chainIteratorParams = useMemo13(() => blockChainRenderProps ?? {}, [
@@ -2334,12 +2331,10 @@ export {
   XyoAddressTextField,
   blockProducer,
   buildBlockChainRenderComponent,
-  buildBlockHeadingComponent,
   buildRandomBlockChain,
   buildRandomBlockChainBlocksOnly,
   payloadCountsFromBlock,
   resolveDefinedHead,
-  txsFromBlock,
   useAnchorElement,
   useBlockHeadingEvents,
   useBlockProducer,